upgrade RBAC permissions from read only to read-write

feat: Redesign container-copy flow to select destination account and enable cross-account container creation
Added enriched metrics (#2432 )
2026-03-26 18:13:25 +00:00 · 2026-03-26 12:59:15 +05:30 · 2026-03-26 11:34:28 +05:30 · 2026-03-25 10:50:57 -05:00 · 2026-03-18 14:40:24 -05:00 · 2026-03-17 17:23:16 -05:00
195 changed files with 23936 additions and 2720 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -17,6 +17,7 @@ Contracts/*
 failure.png
 screenshots/*
 GettingStarted-ignore*.ipynb
+src/Localization/Keys.generated.ts
 /test-results/
 /playwright-report/
 /blob-report/
--- a/images/Pin.svg
+++ b/images/Pin.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="M9.25 1.5C9.25 1.22386 9.47386 1 9.75 1H10.25C10.5261 1 10.75 1.22386 10.75 1.5V5.5L13 7.5V9H8.75V14L8 15L7.25 14V9H3V7.5L5.25 5.5V1.5C5.25 1.22386 5.47386 1 5.75 1H6.25C6.52614 1 6.75 1.22386 6.75 1.5V5.25H9.25V1.5Z" fill="currentColor"/>
+</svg>
--- a/package-lock.json
+++ b/package-lock.json
@@ -77,6 +77,7 @@
        "i18next": "23.11.5",
        "i18next-browser-languagedetector": "6.0.1",
        "i18next-http-backend": "3.0.2",
+        "i18next-resources-to-backend": "1.2.1",
        "iframe-resizer-react": "1.1.0",
        "immer": "9.0.6",
        "immutable": "4.0.0-rc.12",
@@ -180,6 +181,7 @@
        "html-inline-css-webpack-plugin": "1.11.2",
        "html-loader": "5.0.0",
        "html-webpack-plugin": "5.5.3",
+        "i18next-resources-for-ts": "2.0.0",
        "jest": "29.7.0",
        "jest-canvas-mock": "2.5.2",
        "jest-circus": "29.7.0",
@@ -206,6 +208,7 @@
        "typedoc": "0.26.2",
        "typescript": "4.9.5",
        "url-loader": "4.1.1",
+        "values-to-keys": "1.1.0",
        "wait-on": "9.0.3",
        "webpack": "5.104.1",
        "webpack-bundle-analyzer": "5.2.0",
@@ -2450,12 +2453,9 @@
      "license": "MIT"
    },
    "node_modules/@babel/runtime": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
-      "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
      "engines": {
        "node": ">=6.9.0"
      }
@@ -8684,16 +8684,231 @@
      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
      "dev": true
    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.3",
-      "license": "Apache-2.0",
+    "node_modules/@swc/core": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.11.tgz",
+      "integrity": "sha512-iLmLTodbYxU39HhMPaMUooPwO/zqJWvsqkrXv1ZI38rMb048p6N7qtAtTp37sw9NzSrvH6oli8EdDygo09IZ/w==",
+      "dev": true,
+      "hasInstallScript": true,
      "dependencies": {
-        "tslib": "^2.4.0"
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.25"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.15.11",
+        "@swc/core-darwin-x64": "1.15.11",
+        "@swc/core-linux-arm-gnueabihf": "1.15.11",
+        "@swc/core-linux-arm64-gnu": "1.15.11",
+        "@swc/core-linux-arm64-musl": "1.15.11",
+        "@swc/core-linux-x64-gnu": "1.15.11",
+        "@swc/core-linux-x64-musl": "1.15.11",
+        "@swc/core-win32-arm64-msvc": "1.15.11",
+        "@swc/core-win32-ia32-msvc": "1.15.11",
+        "@swc/core-win32-x64-msvc": "1.15.11"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.17"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.11.tgz",
+      "integrity": "sha512-QoIupRWVH8AF1TgxYyeA5nS18dtqMuxNwchjBIwJo3RdwLEFiJq6onOx9JAxHtuPwUkIVuU2Xbp+jCJ7Vzmgtg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.11.tgz",
+      "integrity": "sha512-S52Gu1QtPSfBYDiejlcfp9GlN+NjTZBRRNsz8PNwBgSE626/FUf2PcllVUix7jqkoMC+t0rS8t+2/aSWlMuQtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.11.tgz",
+      "integrity": "sha512-lXJs8oXo6Z4yCpimpQ8vPeCjkgoHu5NoMvmJZ8qxDyU99KVdg6KwU9H79vzrmB+HfH+dCZ7JGMqMF//f8Cfvdg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.11.tgz",
+      "integrity": "sha512-chRsz1K52/vj8Mfq/QOugVphlKPWlMh10V99qfH41hbGvwAU6xSPd681upO4bKiOr9+mRIZZW+EfJqY42ZzRyA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.11.tgz",
+      "integrity": "sha512-PYftgsTaGnfDK4m6/dty9ryK1FbLk+LosDJ/RJR2nkXGc8rd+WenXIlvHjWULiBVnS1RsjHHOXmTS4nDhe0v0w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.11.tgz",
+      "integrity": "sha512-DKtnJKIHiZdARyTKiX7zdRjiDS1KihkQWatQiCHMv+zc2sfwb4Glrodx2VLOX4rsa92NLR0Sw8WLcPEMFY1szQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.11.tgz",
+      "integrity": "sha512-mUjjntHj4+8WBaiDe5UwRNHuEzLjIWBTSGTw0JT9+C9/Yyuh4KQqlcEQ3ro6GkHmBGXBFpGIj/o5VMyRWfVfWw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.11.tgz",
+      "integrity": "sha512-ZkNNG5zL49YpaFzfl6fskNOSxtcZ5uOYmWBkY4wVAvgbSAQzLRVBp+xArGWh2oXlY/WgL99zQSGTv7RI5E6nzA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.11.tgz",
+      "integrity": "sha512-6XnzORkZCQzvTQ6cPrU7iaT9+i145oLwnin8JrfsLG41wl26+5cNQ2XV3zcbrnFEV6esjOceom9YO1w9mGJByw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.11.tgz",
+      "integrity": "sha512-IQ2n6af7XKLL6P1gIeZACskSxK8jWtoKpJWLZmdXTDj1MGzktUy4i+FvpdtxFmJWNavRWH1VmTr6kAubRDHeKw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "dev": true
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.18",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.18.tgz",
+      "integrity": "sha512-TXTnIcNJQEKwThMMqBXsZ4VGAza6bvN4pa41Rkqoio6QBKMvo+5lexeTMScGCIxtzgQJzElcvIltani+adC5PQ==",
+      "dependencies": {
+        "tslib": "^2.8.0"
      }
    },
    "node_modules/@swc/helpers/node_modules/tslib": {
-      "version": "2.6.2",
-      "license": "0BSD"
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.25",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz",
+      "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==",
+      "dev": true,
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
    },
    "node_modules/@testing-library/dom": {
      "version": "7.31.2",
@@ -16661,6 +16876,57 @@
        "cross-fetch": "4.0.0"
      }
    },
+    "node_modules/i18next-resources-for-ts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/i18next-resources-for-ts/-/i18next-resources-for-ts-2.0.0.tgz",
+      "integrity": "sha512-RvATolbJlxrwpZh2+R7ZcNtg0ewmXFFx6rdu9i2bUEBvn6ThgA82rxDe3rJQa3hFS0SopX0qPaABqVDN3TUVpw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@swc/core": "^1.15.3",
+        "chokidar": "^5.0.0",
+        "yaml": "^2.8.2"
+      },
+      "bin": {
+        "i18next-resources-for-ts": "bin/i18next-resources-for-ts.js"
+      }
+    },
+    "node_modules/i18next-resources-for-ts/node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "dev": true,
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/i18next-resources-for-ts/node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.2.1.tgz",
+      "integrity": "sha512-okHbVA+HZ7n1/76MsfhPqDou0fptl2dAlhRDu2ideXloRRduzHsqDOznJBef+R3DFZnbvWoBW+KxJ7fnFjd6Yw==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
    "node_modules/iconv-lite": {
      "version": "0.6.3",
      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -25221,6 +25487,7 @@
    },
    "node_modules/regenerator-runtime": {
      "version": "0.14.0",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/regenerator-transform": {
@@ -27698,6 +27965,15 @@
      "resolved": "https://registry.npmjs.org/validate.io-number/-/validate.io-number-1.0.3.tgz",
      "integrity": "sha512-kRAyotcbNaSYoDnXvb4MHg/0a1egJdLwS6oJ38TJY7aw9n93Fl/3blIXdyYvPOp55CNxywooG/3BcrwNrBpcSg=="
    },
+    "node_modules/values-to-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/values-to-keys/-/values-to-keys-1.1.0.tgz",
+      "integrity": "sha512-3ErIYotgwYxBeBstuiaMVDSj6uUzoYnk4A4oM9NqKHrUzSmihvt0DqpQozFq3NWevgnz7hwkOZUXBthIuwxJaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
    "node_modules/vary": {
      "version": "1.1.2",
      "dev": true,
@@ -29303,14 +29579,17 @@
      "license": "ISC"
    },
    "node_modules/yaml": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.0.tgz",
-      "integrity": "sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
      "bin": {
        "yaml": "bin.mjs"
      },
      "engines": {
-        "node": ">= 14"
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
      }
    },
    "node_modules/yocto-queue": {
--- a/package.json
+++ b/package.json
@@ -72,6 +72,7 @@
    "i18next": "23.11.5",
    "i18next-browser-languagedetector": "6.0.1",
    "i18next-http-backend": "3.0.2",
+    "i18next-resources-to-backend": "1.2.1",
    "iframe-resizer-react": "1.1.0",
    "immer": "9.0.6",
    "immutable": "4.0.0-rc.12",
@@ -188,6 +189,7 @@
    "html-inline-css-webpack-plugin": "1.11.2",
    "html-loader": "5.0.0",
    "html-webpack-plugin": "5.5.3",
+    "i18next-resources-for-ts": "2.0.0",
    "jest": "29.7.0",
    "jest-canvas-mock": "2.5.2",
    "jest-circus": "29.7.0",
@@ -214,6 +216,7 @@
    "typedoc": "0.26.2",
    "typescript": "4.9.5",
    "url-loader": "4.1.1",
+    "values-to-keys": "1.1.0",
    "wait-on": "9.0.3",
    "webpack": "5.104.1",
    "webpack-bundle-analyzer": "5.2.0",
@@ -222,7 +225,8 @@
    "ws": "8.17.1"
  },
  "scripts": {
-    "postinstall": "patch-package",
+    "postinstall": "patch-package && npm run generate:i18n-keys",
+    "prestart": "npm run generate:i18n-keys",
    "start": "webpack serve --mode development",
    "dev": "echo \"WARNING: npm run dev has been deprecated\" && npm run build",
    "build:dataExplorer:ci": "npm run build:ci",
@@ -249,6 +253,7 @@
    "strict:find": "node ./strict-null-checks/find.js",
    "strict:add": "node ./strict-null-checks/auto-add.js",
    "compile:fullStrict": "tsc -p ./tsconfig.json --strictNullChecks",
+    "generate:i18n-keys": "node utils/generateI18nKeys.mjs",
    "generateARMClients": "npx ts-node utils/armClientGenerator/generator.ts"
  },
  "repository": {
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -26,15 +26,6 @@ export default defineConfig({
  },

  projects: [
-    {
-      name: "chromium",
-      use: {
-        ...devices["Desktop Chrome"],
-        launchOptions: {
-          args: ["--disable-web-security", "--disable-features=IsolateOrigins,site-per-process"],
-        },
-      },
-    },
    {
      name: "firefox",
      use: {
--- a/src/@types/i18next.d.ts
+++ b/src/@types/i18next.d.ts
@@ -0,0 +1,11 @@
+import "i18next";
+import Resources from "Localization/en/Resources.json";
+
+declare module "i18next" {
+  interface CustomTypeOptions {
+    defaultNS: "Resources";
+    resources: {
+      Resources: typeof Resources;
+    };
+  }
+}
--- a/src/Common/SearchableDropdown.styles.ts
+++ b/src/Common/SearchableDropdown.styles.ts
@@ -0,0 +1,78 @@
+import { IButtonStyles, IStackStyles, ITextStyles } from "@fluentui/react";
+import * as React from "react";
+
+export const getDropdownButtonStyles = (disabled: boolean): IButtonStyles => ({
+  root: {
+    width: "100%",
+    height: "32px",
+    padding: "0 28px 0 8px",
+    border: "1px solid #8a8886",
+    background: "#fff",
+    color: "#323130",
+    textAlign: "left",
+    cursor: disabled ? "not-allowed" : "pointer",
+    position: "relative",
+  },
+  flexContainer: {
+    justifyContent: "flex-start",
+  },
+  label: {
+    fontWeight: "normal",
+    fontSize: "14px",
+    textAlign: "left",
+  },
+});
+
+export const buttonLabelStyles: ITextStyles = {
+  root: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    display: "block",
+    textAlign: "left",
+  },
+};
+
+export const buttonWrapperStyles: React.CSSProperties = {
+  position: "relative",
+  width: "100%",
+};
+
+export const chevronStyles: React.CSSProperties = {
+  position: "absolute",
+  right: "8px",
+  top: "50%",
+  transform: "translateY(-50%)",
+  pointerEvents: "none",
+  fontSize: "12px",
+};
+
+export const calloutContentStyles: IStackStyles = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+  },
+};
+
+export const listContainerStyles: IStackStyles = {
+  root: {
+    maxHeight: "300px",
+    overflowY: "auto",
+  },
+};
+
+export const getItemStyles = (isSelected: boolean): React.CSSProperties => ({
+  padding: "8px 12px",
+  cursor: "pointer",
+  fontSize: "14px",
+  backgroundColor: isSelected ? "#e6e6e6" : "transparent",
+  textAlign: "left",
+});
+
+export const emptyMessageStyles: ITextStyles = {
+  root: {
+    padding: "8px 12px",
+    color: "#605e5c",
+    textAlign: "left",
+  },
+};
--- a/src/Common/SearchableDropdown.test.tsx
+++ b/src/Common/SearchableDropdown.test.tsx
@@ -0,0 +1,200 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import React from "react";
+import { SearchableDropdown } from "./SearchableDropdown";
+
+interface TestItem {
+  id: string;
+  name: string;
+}
+
+describe("SearchableDropdown", () => {
+  const mockItems: TestItem[] = [
+    { id: "1", name: "Item One" },
+    { id: "2", name: "Item Two" },
+    { id: "3", name: "Item Three" },
+  ];
+
+  const defaultProps = {
+    label: "Test Label",
+    items: mockItems,
+    selectedItem: null as TestItem | null,
+    onSelect: jest.fn(),
+    getKey: (item: TestItem) => item.id,
+    getDisplayText: (item: TestItem) => item.name,
+    placeholder: "Select an item",
+    filterPlaceholder: "Filter items",
+    className: "test-dropdown",
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("should render with label and placeholder", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+    expect(screen.getByText("Test Label")).toBeInTheDocument();
+    expect(screen.getByText("Select an item")).toBeInTheDocument();
+  });
+
+  it("should display selected item", () => {
+    const propsWithSelection = {
+      ...defaultProps,
+      selectedItem: mockItems[0],
+    };
+    render(<SearchableDropdown {...propsWithSelection} />);
+    expect(screen.getByText("Item One")).toBeInTheDocument();
+  });
+
+  it("should show 'No items found' when items array is empty", () => {
+    const propsWithEmptyItems = {
+      ...defaultProps,
+      items: [] as TestItem[],
+    };
+    render(<SearchableDropdown {...propsWithEmptyItems} />);
+    expect(screen.getByText("No Test Labels Found")).toBeInTheDocument();
+  });
+
+  it("should open dropdown when button is clicked", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+    expect(screen.getByPlaceholderText("Filter items")).toBeInTheDocument();
+  });
+
+  it("should filter items based on search text", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    const searchBox = screen.getByPlaceholderText("Filter items");
+    fireEvent.change(searchBox, { target: { value: "Two" } });
+
+    expect(screen.getByText("Item Two")).toBeInTheDocument();
+    expect(screen.queryByText("Item One")).not.toBeInTheDocument();
+    expect(screen.queryByText("Item Three")).not.toBeInTheDocument();
+  });
+
+  it("should call onSelect when an item is clicked", () => {
+    const onSelectMock = jest.fn();
+    const propsWithMock = {
+      ...defaultProps,
+      onSelect: onSelectMock,
+    };
+    render(<SearchableDropdown {...propsWithMock} />);
+
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    const item = screen.getByText("Item Two");
+    fireEvent.click(item);
+
+    expect(onSelectMock).toHaveBeenCalledWith(mockItems[1]);
+  });
+
+  it("should close dropdown after selecting an item", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    expect(screen.getByPlaceholderText("Filter items")).toBeInTheDocument();
+
+    const item = screen.getByText("Item One");
+    fireEvent.click(item);
+
+    expect(screen.queryByPlaceholderText("Filter items")).not.toBeInTheDocument();
+  });
+
+  it("should disable button when disabled prop is true", () => {
+    const propsWithDisabled = {
+      ...defaultProps,
+      disabled: true,
+    };
+    render(<SearchableDropdown {...propsWithDisabled} />);
+
+    const button = screen.getByRole("button");
+    expect(button).toBeDisabled();
+  });
+
+  it("should not open dropdown when disabled", () => {
+    const propsWithDisabled = {
+      ...defaultProps,
+      disabled: true,
+    };
+    render(<SearchableDropdown {...propsWithDisabled} />);
+
+    const button = screen.getByRole("button");
+    fireEvent.click(button);
+
+    expect(screen.queryByPlaceholderText("Filter items")).not.toBeInTheDocument();
+  });
+
+  it("should show 'No items found' when search yields no results", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    const searchBox = screen.getByPlaceholderText("Filter items");
+    fireEvent.change(searchBox, { target: { value: "Nonexistent" } });
+
+    expect(screen.getByText("No items found")).toBeInTheDocument();
+  });
+
+  it("should handle case-insensitive filtering", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    const searchBox = screen.getByPlaceholderText("Filter items");
+    fireEvent.change(searchBox, { target: { value: "two" } });
+
+    expect(screen.getByText("Item Two")).toBeInTheDocument();
+    expect(screen.queryByText("Item One")).not.toBeInTheDocument();
+  });
+
+  it("should clear filter text when dropdown is closed and reopened", () => {
+    render(<SearchableDropdown {...defaultProps} />);
+
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    const searchBox = screen.getByPlaceholderText("Filter items");
+    fireEvent.change(searchBox, { target: { value: "Two" } });
+
+    // Close dropdown by selecting an item
+    const item = screen.getByText("Item Two");
+    fireEvent.click(item);
+
+    // Reopen dropdown
+    fireEvent.click(button);
+
+    // Filter text should be cleared
+    const reopenedSearchBox = screen.getByPlaceholderText("Filter items");
+    expect(reopenedSearchBox).toHaveValue("");
+  });
+
+  it("should use custom placeholder text", () => {
+    const propsWithCustomPlaceholder = {
+      ...defaultProps,
+      placeholder: "Choose an option",
+    };
+    render(<SearchableDropdown {...propsWithCustomPlaceholder} />);
+    expect(screen.getByText("Choose an option")).toBeInTheDocument();
+  });
+
+  it("should use custom filter placeholder text", () => {
+    const propsWithCustomFilterPlaceholder = {
+      ...defaultProps,
+      filterPlaceholder: "Search here",
+    };
+    render(<SearchableDropdown {...propsWithCustomFilterPlaceholder} />);
+
+    const button = screen.getByText("Select an item");
+    fireEvent.click(button);
+
+    expect(screen.getByPlaceholderText("Search here")).toBeInTheDocument();
+  });
+});
--- a/src/Common/SearchableDropdown.tsx
+++ b/src/Common/SearchableDropdown.tsx
@@ -0,0 +1,155 @@
+import {
+  Callout,
+  DefaultButton,
+  DirectionalHint,
+  Icon,
+  ISearchBoxStyles,
+  Label,
+  SearchBox,
+  Stack,
+  Text,
+} from "@fluentui/react";
+import * as React from "react";
+import { useMemo, useRef, useState } from "react";
+import {
+  buttonLabelStyles,
+  buttonWrapperStyles,
+  calloutContentStyles,
+  chevronStyles,
+  emptyMessageStyles,
+  getDropdownButtonStyles,
+  getItemStyles,
+  listContainerStyles,
+} from "./SearchableDropdown.styles";
+
+interface SearchableDropdownProps<T> {
+  label: string;
+  items: T[];
+  selectedItem: T | null;
+  onSelect: (item: T) => void;
+  getKey: (item: T) => string;
+  getDisplayText: (item: T) => string;
+  placeholder?: string;
+  filterPlaceholder?: string;
+  className?: string;
+  disabled?: boolean;
+  onDismiss?: () => void;
+  searchBoxStyles?: Partial<ISearchBoxStyles>;
+}
+
+export const SearchableDropdown = <T,>({
+  label,
+  items,
+  selectedItem,
+  onSelect,
+  getKey,
+  getDisplayText,
+  placeholder = "Select an item",
+  filterPlaceholder = "Filter items",
+  className,
+  disabled = false,
+  onDismiss,
+  searchBoxStyles: customSearchBoxStyles,
+}: SearchableDropdownProps<T>): React.ReactElement => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [filterText, setFilterText] = useState("");
+  const buttonRef = useRef<HTMLDivElement>(null);
+
+  const closeDropdown = () => {
+    setIsOpen(false);
+    setFilterText("");
+  };
+
+  const filteredItems = useMemo(
+    () => items?.filter((item) => getDisplayText(item).toLowerCase().includes(filterText.toLowerCase())),
+    [items, filterText, getDisplayText],
+  );
+
+  const handleDismiss = () => {
+    closeDropdown();
+    onDismiss?.();
+  };
+
+  const handleButtonClick = () => {
+    if (disabled) {
+      return;
+    }
+
+    setIsOpen(!isOpen);
+  };
+
+  const handleSelect = (item: T) => {
+    onSelect(item);
+    closeDropdown();
+  };
+
+  const buttonLabel = selectedItem
+    ? getDisplayText(selectedItem)
+    : items?.length === 0
+    ? `No ${label}s Found`
+    : placeholder;
+
+  const buttonId = `${className}-button`;
+  const buttonStyles = getDropdownButtonStyles(disabled);
+
+  return (
+    <Stack>
+      <Label htmlFor={buttonId}>{label}</Label>
+      <div ref={buttonRef} style={buttonWrapperStyles}>
+        <DefaultButton
+          id={buttonId}
+          className={className}
+          onClick={handleButtonClick}
+          styles={buttonStyles}
+          disabled={disabled}
+        >
+          <Text styles={buttonLabelStyles}>{buttonLabel}</Text>
+        </DefaultButton>
+        <Icon iconName="ChevronDown" style={chevronStyles} />
+      </div>
+      {isOpen && (
+        <Callout
+          target={buttonRef.current}
+          onDismiss={handleDismiss}
+          directionalHint={DirectionalHint.bottomLeftEdge}
+          isBeakVisible={false}
+          gapSpace={0}
+          setInitialFocus
+        >
+          <Stack styles={calloutContentStyles} style={{ width: buttonRef.current?.offsetWidth || 300 }}>
+            <SearchBox
+              placeholder={filterPlaceholder}
+              value={filterText}
+              onChange={(_, newValue) => setFilterText(newValue || "")}
+              styles={customSearchBoxStyles}
+              showIcon={true}
+            />
+            <Stack styles={listContainerStyles}>
+              {filteredItems && filteredItems.length > 0 ? (
+                filteredItems.map((item) => {
+                  const key = getKey(item);
+                  const isSelected = selectedItem ? getKey(selectedItem) === key : false;
+                  return (
+                    <div
+                      key={key}
+                      onClick={() => handleSelect(item)}
+                      style={getItemStyles(isSelected)}
+                      onMouseEnter={(e) => (e.currentTarget.style.backgroundColor = "#f3f2f1")}
+                      onMouseLeave={(e) =>
+                        (e.currentTarget.style.backgroundColor = isSelected ? "#e6e6e6" : "transparent")
+                      }
+                    >
+                      <Text>{getDisplayText(item)}</Text>
+                    </div>
+                  );
+                })
+              ) : (
+                <Text styles={emptyMessageStyles}>No items found</Text>
+              )}
+            </Stack>
+          </Stack>
+        </Callout>
+      )}
+    </Stack>
+  );
+};
--- a/src/Common/dataAccess/createCollection.ts
+++ b/src/Common/dataAccess/createCollection.ts
@@ -34,6 +34,7 @@ export const createCollection = async (params: DataModels.CreateCollectionParams
          databaseId: params.databaseId,
          databaseLevelThroughput: params.databaseLevelThroughput,
          offerThroughput: params.offerThroughput,
+          targetAccountOverride: params.targetAccountOverride,
        };
        await createDatabase(createDatabaseParams);
      }
@@ -63,7 +64,7 @@ export const createCollection = async (params: DataModels.CreateCollectionParams
 };

 const createCollectionWithARM = async (params: DataModels.CreateCollectionParams): Promise<DataModels.Collection> => {
-  if (!params.createNewDatabase) {
+  if (!params.createNewDatabase && !params.targetAccountOverride) {
    const isValid = await useDatabases.getState().validateCollectionId(params.databaseId, params.collectionId);
    if (!isValid) {
      const collectionName = getCollectionName().toLocaleLowerCase();
@@ -122,9 +123,9 @@ const createSqlContainer = async (params: DataModels.CreateCollectionParams): Pr
  };

  const createResponse = await createUpdateSqlContainer(
-    userContext.subscriptionId,
-    userContext.resourceGroup,
-    userContext.databaseAccount.name,
+    params.targetAccountOverride?.subscriptionId ?? userContext.subscriptionId,
+    params.targetAccountOverride?.resourceGroup ?? userContext.resourceGroup,
+    params.targetAccountOverride?.accountName ?? userContext.databaseAccount.name,
    params.databaseId,
    params.collectionId,
    rpPayload,
--- a/src/Common/dataAccess/createDatabase.test.ts
+++ b/src/Common/dataAccess/createDatabase.test.ts
@@ -0,0 +1,134 @@
+jest.mock("../../Utils/arm/request");
+jest.mock("../CosmosClient");
+jest.mock("../../Utils/arm/generatedClients/cosmos/sqlResources");
+
+import ko from "knockout";
+import { AuthType } from "../../AuthType";
+import { CreateDatabaseParams, DatabaseAccount } from "../../Contracts/DataModels";
+import * as ViewModels from "../../Contracts/ViewModels";
+import { useDatabases } from "../../Explorer/useDatabases";
+import { updateUserContext } from "../../UserContext";
+import { createUpdateSqlDatabase } from "../../Utils/arm/generatedClients/cosmos/sqlResources";
+import { SqlDatabaseGetResults } from "../../Utils/arm/generatedClients/cosmos/types";
+import { createDatabase } from "./createDatabase";
+
+const mockCreateUpdateSqlDatabase = createUpdateSqlDatabase as jest.MockedFunction<typeof createUpdateSqlDatabase>;
+
+describe("createDatabase", () => {
+  beforeAll(() => {
+    updateUserContext({
+      databaseAccount: { name: "default-account" } as DatabaseAccount,
+      subscriptionId: "default-subscription",
+      resourceGroup: "default-rg",
+      apiType: "SQL",
+      authType: AuthType.AAD,
+    });
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockCreateUpdateSqlDatabase.mockResolvedValue({
+      properties: { resource: { id: "db", _rid: "", _self: "", _ts: 0, _etag: "" } },
+    } as SqlDatabaseGetResults);
+    useDatabases.setState({
+      databases: [],
+      validateDatabaseId: () => true,
+    } as unknown as ReturnType<typeof useDatabases.getState>);
+  });
+
+  it("should call ARM createUpdateSqlDatabase when logged in with AAD", async () => {
+    await createDatabase({ databaseId: "testDb" });
+    expect(mockCreateUpdateSqlDatabase).toHaveBeenCalled();
+  });
+
+  describe("targetAccountOverride behavior", () => {
+    it("should use targetAccountOverride subscriptionId, resourceGroup, and accountName for SQL DB creation", async () => {
+      const params: CreateDatabaseParams = {
+        databaseId: "testDb",
+        targetAccountOverride: {
+          subscriptionId: "override-sub",
+          resourceGroup: "override-rg",
+          accountName: "override-account",
+        },
+      };
+
+      await createDatabase(params);
+
+      expect(mockCreateUpdateSqlDatabase).toHaveBeenCalledWith(
+        "override-sub",
+        "override-rg",
+        "override-account",
+        "testDb",
+        expect.any(Object),
+      );
+    });
+
+    it("should use userContext values when targetAccountOverride is not provided", async () => {
+      await createDatabase({ databaseId: "testDb" });
+
+      expect(mockCreateUpdateSqlDatabase).toHaveBeenCalledWith(
+        "default-subscription",
+        "default-rg",
+        "default-account",
+        "testDb",
+        expect.any(Object),
+      );
+    });
+
+    it("should skip validateDatabaseId check when targetAccountOverride is provided", async () => {
+      // Simulate database already existing — validateDatabaseId returns false
+      useDatabases.setState({
+        databases: [{ id: ko.observable("testDb") } as unknown as ViewModels.Database],
+        validateDatabaseId: () => false,
+      } as unknown as ReturnType<typeof useDatabases.getState>);
+
+      const params: CreateDatabaseParams = {
+        databaseId: "testDb",
+        targetAccountOverride: {
+          subscriptionId: "override-sub",
+          resourceGroup: "override-rg",
+          accountName: "override-account",
+        },
+      };
+
+      // Should NOT throw even though the normal duplicate check would fail
+      await expect(createDatabase(params)).resolves.not.toThrow();
+      expect(mockCreateUpdateSqlDatabase).toHaveBeenCalled();
+    });
+
+    it("should throw if validateDatabaseId returns false and no targetAccountOverride is set", async () => {
+      useDatabases.setState({
+        databases: [{ id: ko.observable("existingDb") } as unknown as ViewModels.Database],
+        validateDatabaseId: () => false,
+      } as unknown as ReturnType<typeof useDatabases.getState>);
+
+      await expect(createDatabase({ databaseId: "existingDb" })).rejects.toThrow();
+      expect(mockCreateUpdateSqlDatabase).not.toHaveBeenCalled();
+    });
+
+    it("should pass databaseId in request payload regardless of targetAccountOverride", async () => {
+      const params: CreateDatabaseParams = {
+        databaseId: "my-database",
+        targetAccountOverride: {
+          subscriptionId: "any-sub",
+          resourceGroup: "any-rg",
+          accountName: "any-account",
+        },
+      };
+
+      await createDatabase(params);
+
+      expect(mockCreateUpdateSqlDatabase).toHaveBeenCalledWith(
+        expect.any(String),
+        expect.any(String),
+        expect.any(String),
+        "my-database",
+        expect.objectContaining({
+          properties: expect.objectContaining({
+            resource: expect.objectContaining({ id: "my-database" }),
+          }),
+        }),
+      );
+    });
+  });
+});
--- a/src/Common/dataAccess/createDatabase.ts
+++ b/src/Common/dataAccess/createDatabase.ts
@@ -41,7 +41,7 @@ export async function createDatabase(params: DataModels.CreateDatabaseParams): P
 }

 async function createDatabaseWithARM(params: DataModels.CreateDatabaseParams): Promise<DataModels.Database> {
-  if (!useDatabases.getState().validateDatabaseId(params.databaseId)) {
+  if (!params.targetAccountOverride && !useDatabases.getState().validateDatabaseId(params.databaseId)) {
    const databaseName = getDatabaseName().toLocaleLowerCase();
    throw new Error(`Create ${databaseName} failed: ${databaseName} with id ${params.databaseId} already exists`);
  }
@@ -72,13 +72,10 @@ async function createSqlDatabase(params: DataModels.CreateDatabaseParams): Promi
      options,
    },
  };
-  const createResponse = await createUpdateSqlDatabase(
-    userContext.subscriptionId,
-    userContext.resourceGroup,
-    userContext.databaseAccount.name,
-    params.databaseId,
-    rpPayload,
-  );
+  const sub = params.targetAccountOverride?.subscriptionId ?? userContext.subscriptionId;
+  const rg = params.targetAccountOverride?.resourceGroup ?? userContext.resourceGroup;
+  const acct = params.targetAccountOverride?.accountName ?? userContext.databaseAccount.name;
+  const createResponse = await createUpdateSqlDatabase(sub, rg, acct, params.databaseId, rpPayload);
  return createResponse && (createResponse.properties.resource as DataModels.Database);
 }

--- a/src/Common/dataAccess/readCollections.ts
+++ b/src/Common/dataAccess/readCollections.ts
@@ -1,5 +1,6 @@
 import { ContainerResponse } from "@azure/cosmos";
 import { Queries } from "Common/Constants";
+import * as Logger from "Common/Logger";
 import { CosmosDbArtifactType } from "Contracts/FabricMessagesContract";
 import { isFabric, isFabricMirroredKey } from "Platform/Fabric/FabricUtil";
 import { AuthType } from "../../AuthType";
@@ -61,7 +62,14 @@ export async function readCollections(databaseId: string): Promise<DataModels.Co
      return await readCollectionsWithARM(databaseId);
    }

+    Logger.logInfo(`readCollections: calling fetchAll for database ${databaseId}`, "readCollections");
+    const fetchAllStart = Date.now();
    const sdkResponse = await client().database(databaseId).containers.readAll().fetchAll();
+    Logger.logInfo(
+      `readCollections: fetchAll completed for database ${databaseId}, count=${sdkResponse.resources
+        ?.length}, durationMs=${Date.now() - fetchAllStart}`,
+      "readCollections",
+    );
    return sdkResponse.resources as DataModels.Collection[];
  } catch (error) {
    handleError(error, "ReadCollections", `Error while querying containers for database ${databaseId}`);
--- a/src/Common/dataAccess/readDatabases.test.ts
+++ b/src/Common/dataAccess/readDatabases.test.ts
@@ -1,11 +1,12 @@
 jest.mock("../../Utils/arm/request");
 jest.mock("../CosmosClient");
+
 import { AuthType } from "../../AuthType";
 import { DatabaseAccount } from "../../Contracts/DataModels";
 import { updateUserContext } from "../../UserContext";
 import { armRequest } from "../../Utils/arm/request";
 import { client } from "../CosmosClient";
-import { readDatabases } from "./readDatabases";
+import { readDatabases, readDatabasesForAccount } from "./readDatabases";

 describe("readDatabases", () => {
  beforeAll(() => {
@@ -42,3 +43,64 @@ describe("readDatabases", () => {
    expect(client).toHaveBeenCalled();
  });
 });
+
+describe("readDatabasesForAccount", () => {
+  const mockDatabase = { id: "testDb", _rid: "", _self: "", _etag: "", _ts: 0 };
+  const mockArmResponse = { value: [{ properties: { resource: mockDatabase } }] };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("should call ARM with a path that includes the provided subscriptionId, resourceGroup, and accountName", async () => {
+    (armRequest as jest.Mock).mockResolvedValue(mockArmResponse);
+
+    await readDatabasesForAccount("test-sub", "test-rg", "test-account");
+
+    expect(armRequest).toHaveBeenCalledWith(
+      expect.objectContaining({
+        path: expect.stringContaining("/subscriptions/test-sub/resourceGroups/test-rg/"),
+      }),
+    );
+    expect(armRequest).toHaveBeenCalledWith(
+      expect.objectContaining({
+        path: expect.stringContaining("/databaseAccounts/test-account/sqlDatabases"),
+      }),
+    );
+  });
+
+  it("should return mapped database resources from the response", async () => {
+    const db1 = { id: "db1", _rid: "r1", _self: "/dbs/db1", _etag: "", _ts: 1 };
+    const db2 = { id: "db2", _rid: "r2", _self: "/dbs/db2", _etag: "", _ts: 2 };
+
+    (armRequest as jest.Mock).mockResolvedValue({
+      value: [{ properties: { resource: db1 } }, { properties: { resource: db2 } }],
+    });
+
+    const result = await readDatabasesForAccount("sub", "rg", "account");
+
+    expect(result).toEqual([db1, db2]);
+  });
+
+  it("should return an empty array when the response is null", async () => {
+    (armRequest as jest.Mock).mockResolvedValue(null);
+
+    const result = await readDatabasesForAccount("sub", "rg", "account");
+
+    expect(result).toEqual([]);
+  });
+
+  it("should return an empty array when value is an empty list", async () => {
+    (armRequest as jest.Mock).mockResolvedValue({ value: [] });
+
+    const result = await readDatabasesForAccount("sub", "rg", "account");
+
+    expect(result).toEqual([]);
+  });
+
+  it("should throw and propagate errors from the ARM call", async () => {
+    (armRequest as jest.Mock).mockRejectedValue(new Error("ARM request failed"));
+
+    await expect(readDatabasesForAccount("sub", "rg", "account")).rejects.toThrow("ARM request failed");
+  });
+});
--- a/src/Common/dataAccess/readDatabases.ts
+++ b/src/Common/dataAccess/readDatabases.ts
@@ -112,3 +112,20 @@ async function readDatabasesWithARM(): Promise<DataModels.Database[]> {

  return rpResponse?.value?.map((database) => database.properties?.resource as DataModels.Database);
 }
+
+export async function readDatabasesForAccount(
+  subscriptionId: string,
+  resourceGroup: string,
+  accountName: string,
+): Promise<DataModels.Database[]> {
+  const clearMessage = logConsoleProgress(`Querying databases for account ${accountName}`);
+  try {
+    const rpResponse = await listSqlDatabases(subscriptionId, resourceGroup, accountName);
+    return rpResponse?.value?.map((database) => database.properties?.resource as DataModels.Database) ?? [];
+  } catch (error) {
+    handleError(error, "ReadDatabasesForAccount", `Error while querying databases for account ${accountName}`);
+    throw error;
+  } finally {
+    clearMessage();
+  }
+}
--- a/src/ConfigContext.ts
+++ b/src/ConfigContext.ts
@@ -79,6 +79,10 @@ let configContext: Readonly<ConfigContext> = {
    `^https:\\/\\/dataexplorer-preview\\.azurewebsites\\.net$`,
    `^https:\\/\\/explorer\\.cosmos\\.sovcloud-api\\.fr$`,
    `^https:\\/\\/portal\\.sovcloud-azure\\.fr$`,
+    `^https:\\/\\/explorer\\.cosmos\\.sovcloud-api\\.de$`,
+    `^https:\\/\\/portal\\.sovcloud-azure\\.de$`,
+    `^https:\\/\\/explorer\\.cosmos\\.sovcloud-api\\.sg$`,
+    `^https:\\/\\/portal\\.sovcloud-azure\\.sg$`,
  ], // Webpack injects this at build time
  gitSha: process.env.GIT_SHA,
  hostedExplorerURL: "https://cosmos.azure.com/",
--- a/src/Contracts/DataModels.ts
+++ b/src/Contracts/DataModels.ts
@@ -404,11 +404,18 @@ export interface AutoPilotOfferSettings {
  targetMaxThroughput?: number;
 }

+export interface AccountOverride {
+  subscriptionId: string;
+  resourceGroup: string;
+  accountName: string;
+}
+
 export interface CreateDatabaseParams {
  autoPilotMaxThroughput?: number;
  databaseId: string;
  databaseLevelThroughput?: boolean;
  offerThroughput?: number;
+  targetAccountOverride?: AccountOverride;
 }

 export interface CreateCollectionParamsBase {
@@ -428,6 +435,7 @@ export interface CreateCollectionParamsBase {
 export interface CreateCollectionParams extends CreateCollectionParamsBase {
  createNewDatabase: boolean;
  collectionId: string;
+  targetAccountOverride?: AccountOverride;
 }

 export interface CreateMaterializedViewsParams extends CreateCollectionParamsBase {
--- a/src/Explorer/ContainerCopy/Actions/CopyJobActions.test.tsx
+++ b/src/Explorer/ContainerCopy/Actions/CopyJobActions.test.tsx
@@ -457,13 +457,13 @@ describe("CopyJobActions", () => {
        jobName: "test-job",
        migrationType: "online" as any,
        source: {
-          subscription: {} as any,
+          subscriptionId: "sub-123",
          account: { id: "account-1", name: "source-account" } as any,
          databaseId: "source-db",
          containerId: "source-container",
        },
        target: {
-          subscriptionId: "sub-123",
+          subscription: {} as any,
          account: { id: "account-1", name: "target-account" } as any,
          databaseId: "target-db",
          containerId: "target-container",
@@ -498,7 +498,7 @@ describe("CopyJobActions", () => {
      );

      const callArgs = (dataTransferService.create as jest.Mock).mock.calls[0][4];
-      expect(callArgs.properties.source.remoteAccountName).toBeUndefined();
+      expect(callArgs.properties.destination.remoteAccountName).toBeUndefined();

      expect(mockRefreshJobList).toHaveBeenCalled();
      expect(mockOnSuccess).toHaveBeenCalled();
@@ -509,13 +509,13 @@ describe("CopyJobActions", () => {
        jobName: "cross-account-job",
        migrationType: "offline" as any,
        source: {
-          subscription: {} as any,
+          subscriptionId: "sub-123",
          account: { id: "account-1", name: "source-account" } as any,
          databaseId: "source-db",
          containerId: "source-container",
        },
        target: {
-          subscriptionId: "sub-456",
+          subscription: {} as any,
          account: { id: "account-2", name: "target-account" } as any,
          databaseId: "target-db",
          containerId: "target-container",
@@ -528,7 +528,7 @@ describe("CopyJobActions", () => {
      await submitCreateCopyJob(mockState, mockOnSuccess);

      const callArgs = (dataTransferService.create as jest.Mock).mock.calls[0][4];
-      expect(callArgs.properties.source.remoteAccountName).toBe("source-account");
+      expect(callArgs.properties.destination.remoteAccountName).toBe("target-account");
      expect(mockOnSuccess).toHaveBeenCalled();
    });

@@ -537,13 +537,13 @@ describe("CopyJobActions", () => {
        jobName: "failing-job",
        migrationType: "online" as any,
        source: {
-          subscription: {} as any,
+          subscriptionId: "sub-123",
          account: { id: "account-1", name: "source-account" } as any,
          databaseId: "source-db",
          containerId: "source-container",
        },
        target: {
-          subscriptionId: "sub-123",
+          subscription: {} as any,
          account: { id: "account-1", name: "target-account" } as any,
          databaseId: "target-db",
          containerId: "target-container",
@@ -566,13 +566,13 @@ describe("CopyJobActions", () => {
        jobName: "test-job",
        migrationType: "online" as any,
        source: {
-          subscription: {} as any,
+          subscriptionId: "sub-123",
          account: { id: "account-1", name: "source-account" } as any,
          databaseId: "source-db",
          containerId: "source-container",
        },
        target: {
-          subscriptionId: "sub-123",
+          subscription: {} as any,
          account: { id: "account-1", name: "target-account" } as any,
          databaseId: "target-db",
          containerId: "target-container",
--- a/src/Explorer/ContainerCopy/Actions/CopyJobActions.tsx
+++ b/src/Explorer/ContainerCopy/Actions/CopyJobActions.tsx
@@ -137,12 +137,12 @@ export const submitCreateCopyJob = async (state: CopyJobContextState, onSuccess:
      properties: {
        source: {
          component: "CosmosDBSql",
-          ...(isSameAccount ? {} : { remoteAccountName: source?.account?.name }),
          databaseName: source?.databaseId,
          containerName: source?.containerId,
        },
        destination: {
          component: "CosmosDBSql",
+          ...(isSameAccount ? {} : { remoteAccountName: target?.account?.name }),
          databaseName: target?.databaseId,
          containerName: target?.containerId,
        },
--- a/src/Explorer/ContainerCopy/CommandBar/Utils.test.ts
+++ b/src/Explorer/ContainerCopy/CommandBar/Utils.test.ts
@@ -185,9 +185,10 @@ describe("CommandBar Utils", () => {
    it("should respect disabled state when provided", () => {
      const buttons = getCommandBarButtons(mockExplorer, false);

-      buttons.forEach((button) => {
-        expect(button.disabled).toBe(false);
-      });
+      // Theme toggle (index 2) is disabled in Portal mode, others are not
+      const expectedDisabled = buttons.map((_, index) => index === 2);
+      const actualDisabled = buttons.map((button) => button.disabled);
+      expect(actualDisabled).toEqual(expectedDisabled);
    });

    it("should return CommandButtonComponentProps with all required properties", () => {
--- a/src/Explorer/ContainerCopy/CommandBar/Utils.ts
+++ b/src/Explorer/ContainerCopy/CommandBar/Utils.ts
@@ -14,6 +14,7 @@ import { CopyJobCommandBarBtnType } from "../Types/CopyJobTypes";

 function getCopyJobBtns(explorer: Explorer, isDarkMode: boolean): CopyJobCommandBarBtnType[] {
  const monitorCopyJobsRef = MonitorCopyJobsRefState((state) => state.ref);
+  const isPortal = configContext.platform === Platform.Portal;
  const buttons: CopyJobCommandBarBtnType[] = [
    {
      key: "createCopyJob",
@@ -33,8 +34,13 @@ function getCopyJobBtns(explorer: Explorer, isDarkMode: boolean): CopyJobCommand
      key: "themeToggle",
      iconSrc: isDarkMode ? SunIcon : MoonIcon,
      label: isDarkMode ? "Light Theme" : "Dark Theme",
-      ariaLabel: isDarkMode ? "Switch to Light Theme" : "Switch to Dark Theme",
-      onClick: () => useThemeStore.getState().toggleTheme(),
+      ariaLabel: isPortal
+        ? "Dark Mode is managed in Azure Portal Settings"
+        : isDarkMode
+        ? "Switch to Light Theme"
+        : "Switch to Dark Theme",
+      disabled: isPortal,
+      onClick: isPortal ? () => {} : () => useThemeStore.getState().toggleTheme(),
    },
  ];

--- a/src/Explorer/ContainerCopy/ContainerCopyMessages.ts
+++ b/src/Explorer/ContainerCopy/ContainerCopyMessages.ts
@@ -20,11 +20,11 @@ export default {
  createCopyJobPanelTitle: "Create copy job",

  // Select Account Screen
-  selectAccountDescription: "Please select a source account from which to copy.",
+  selectAccountDescription: "Please select a destination account to copy to.",
  subscriptionDropdownLabel: "Subscription",
  subscriptionDropdownPlaceholder: "Select a subscription",
-  sourceAccountDropdownLabel: "Account",
-  sourceAccountDropdownPlaceholder: "Select an account",
+  destinationAccountDropdownLabel: "Account",
+  destinationAccountDropdownPlaceholder: "Select an account",
  migrationTypeOptions: {
    offline: {
      title: "Offline mode",
@@ -47,14 +47,17 @@ export default {
  databaseDropdownPlaceholder: "Select a database",
  containerDropdownLabel: "Container",
  containerDropdownPlaceholder: "Select a container",
-  createNewContainerSubHeading: "Select the properties for your container.",
+  createNewContainerSubHeading: (accountName?: string) =>
+    accountName
+      ? `Configure the properties for the new container on destination account "${accountName}".`
+      : "Configure the properties for the new container.",
  createContainerButtonLabel: "Create a new container",
  createContainerHeading: "Create new container",

  // Preview and Create Screen
  jobNameLabel: "Job name",
-  sourceSubscriptionLabel: "Source subscription",
-  sourceAccountLabel: "Source account",
+  destinationSubscriptionLabel: "Destination subscription",
+  destinationAccountLabel: "Destination account",
  sourceDatabaseLabel: "Source database",
  sourceContainerLabel: "Source container",
  targetDatabaseLabel: "Destination database",
@@ -63,7 +66,7 @@ export default {
  // Assign Permissions Screen
  assignPermissions: {
    crossAccountDescription:
-      "To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.",
+      "To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.",
    intraAccountOnlineDescription: (accountName: string) =>
      `Follow the steps below to enable online copy on your "${accountName}" account.`,
    crossAccountConfiguration: {
@@ -116,18 +119,18 @@ export default {
    popoverDescription: (accountName: string) =>
      `Assign the system-assigned managed identity as the default for "${accountName}". To confirm, click the "Yes" button. `,
  },
-  readPermissionAssigned: {
-    title: "Read permissions assigned to the default identity.",
+  readWritePermissionAssigned: {
+    title: "Read-write permissions assigned to the default identity.",
    description:
-      "To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.",
+      "To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.",
    tooltip: {
      content: "Learn more about",
-      hrefText: "Read permissions.",
+      hrefText: "Read-write permissions.",
      href: "https://learn.microsoft.com/azure/cosmos-db/nosql/how-to-connect-role-based-access-control",
    },
-    popoverTitle: "Read permissions assigned to default identity.",
+    popoverTitle: "Assign read-write permissions to default identity.",
    popoverDescription:
-      "Assign read permissions of the source account to the default identity of the destination account. To confirm click the “Yes” button.",
+      'Assign read-write permissions on the source account to the default identity of the destination account. To confirm, click the "Yes" button.',
  },
  pointInTimeRestore: {
    title: "Point In Time Restore enabled",
--- a/src/Explorer/ContainerCopy/Context/CopyJobContext.test.tsx
+++ b/src/Explorer/ContainerCopy/Context/CopyJobContext.test.tsx
@@ -59,12 +59,6 @@ describe("CopyJobContext", () => {
        jobName: "",
        migrationType: CopyJobMigrationType.Offline,
        source: {
-          subscription: null,
-          account: null,
-          databaseId: "",
-          containerId: "",
-        },
-        target: {
          subscriptionId: "test-subscription-id",
          account: {
            id: "/subscriptions/test-sub/resourceGroups/test-rg/providers/Microsoft.DocumentDB/databaseAccounts/test-account",
@@ -75,7 +69,13 @@ describe("CopyJobContext", () => {
          databaseId: "",
          containerId: "",
        },
-        sourceReadAccessFromTarget: false,
+        target: {
+          subscription: null,
+          account: null,
+          databaseId: "",
+          containerId: "",
+        },
+        sourceReadWriteAccessFromTarget: false,
      });
      expect(contextValue.flow).toBeNull();
      expect(contextValue.contextError).toBeNull();
@@ -598,8 +598,8 @@ describe("CopyJobContext", () => {
        </CopyJobContextProvider>,
      );

-      expect(contextValue.copyJobState.source?.subscription?.subscriptionId).toBeUndefined();
-      expect(contextValue.copyJobState.source?.account?.name).toBeUndefined();
+      expect(contextValue.copyJobState.source?.subscriptionId).toBe("test-subscription-id");
+      expect(contextValue.copyJobState.source?.account?.name).toBe("test-account");
    });

    it("should initialize target with userContext values", () => {
@@ -616,11 +616,11 @@ describe("CopyJobContext", () => {
        </CopyJobContextProvider>,
      );

-      expect(contextValue.copyJobState.target.subscriptionId).toBe("test-subscription-id");
-      expect(contextValue.copyJobState.target.account.name).toBe("test-account");
+      expect(contextValue.copyJobState.target.subscription).toBeNull();
+      expect(contextValue.copyJobState.target.account).toBeNull();
    });

-    it("should initialize sourceReadAccessFromTarget as false", () => {
+    it("should initialize sourceReadWriteAccessFromTarget as false", () => {
      let contextValue: any;

      render(
@@ -634,7 +634,7 @@ describe("CopyJobContext", () => {
        </CopyJobContextProvider>,
      );

-      expect(contextValue.copyJobState.sourceReadAccessFromTarget).toBe(false);
+      expect(contextValue.copyJobState.sourceReadWriteAccessFromTarget).toBe(false);
    });

    it("should initialize with empty database and container ids", () => {
--- a/src/Explorer/ContainerCopy/Context/CopyJobContext.tsx
+++ b/src/Explorer/ContainerCopy/Context/CopyJobContext.tsx
@@ -23,18 +23,18 @@ const getInitialCopyJobState = (): CopyJobContextState => {
    jobName: "",
    migrationType: CopyJobMigrationType.Offline,
    source: {
-      subscription: null,
-      account: null,
-      databaseId: "",
-      containerId: "",
-    },
-    target: {
      subscriptionId: userContext.subscriptionId || "",
      account: userContext.databaseAccount || null,
      databaseId: "",
      containerId: "",
    },
-    sourceReadAccessFromTarget: false,
+    target: {
+      subscription: null,
+      account: null,
+      databaseId: "",
+      containerId: "",
+    },
+    sourceReadWriteAccessFromTarget: false,
  };
 };

--- a/src/Explorer/ContainerCopy/CopyJobUtils.test.ts
+++ b/src/Explorer/ContainerCopy/CopyJobUtils.test.ts
@@ -395,6 +395,14 @@ describe("CopyJobUtils", () => {
      expect(result).toBe(false);
    });

+    it("should return false for different completion percentage", () => {
+      const jobs1 = [createMockJob("job1", "Running")];
+      const jobs2 = [{ ...createMockJob("job1", "Running"), CompletionPercentage: 75 }];
+
+      const result = CopyJobUtils.isEqual(jobs1, jobs2);
+      expect(result).toBe(false);
+    });
+
    it("should return true for empty arrays", () => {
      const result = CopyJobUtils.isEqual([], []);
      expect(result).toBe(true);
--- a/src/Explorer/ContainerCopy/CopyJobUtils.ts
+++ b/src/Explorer/ContainerCopy/CopyJobUtils.ts
@@ -142,7 +142,7 @@ export function isEqual(prevJobs: CopyJobType[], newJobs: CopyJobType[]): boolea
    if (!newJob) {
      return false;
    }
-    return prevJob.Status === newJob.Status;
+    return prevJob.Status === newJob.Status && prevJob.CompletionPercentage === newJob.CompletionPercentage;
  });
 }

--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AddManagedIdentity.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AddManagedIdentity.test.tsx
@@ -67,7 +67,7 @@ describe("AddManagedIdentity", () => {
      databaseId: "target-db",
      containerId: "target-container",
    },
-    sourceReadAccessFromTarget: false,
+    sourceReadWriteAccessFromTarget: false,
  };

  const mockContextValue = {
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AddReadPermissionToDefaultIdentity.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AddReadPermissionToDefaultIdentity.test.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import ContainerCopyMessages from "../../../ContainerCopyMessages";
 import { CopyJobContext } from "../../../Context/CopyJobContext";
 import { CopyJobContextProviderType } from "../../../Types/CopyJobTypes";
-import AddReadPermissionToDefaultIdentity from "./AddReadPermissionToDefaultIdentity";
+import AddReadWritePermissionToDefaultIdentity from "./AddReadWritePermissionToDefaultIdentity";

 jest.mock("../../../../../Common/Logger", () => ({
  logError: jest.fn(),
@@ -73,7 +73,7 @@ import { assignRole, RoleAssignmentType } from "../../../../../Utils/arm/RbacUti
 import { getAccountDetailsFromResourceId } from "../../../CopyJobUtils";
 import useToggle from "./hooks/useToggle";

-describe("AddReadPermissionToDefaultIdentity Component", () => {
+describe("AddReadWritePermissionToDefaultIdentity Component", () => {
  const mockUseToggle = useToggle as jest.MockedFunction<typeof useToggle>;
  const mockAssignRole = assignRole as jest.MockedFunction<typeof assignRole>;
  const mockGetAccountDetailsFromResourceId = getAccountDetailsFromResourceId as jest.MockedFunction<
@@ -86,7 +86,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
      jobName: "test-job",
      migrationType: CopyJobMigrationType.Offline,
      source: {
-        subscription: { subscriptionId: "source-sub-id" } as Subscription,
+        subscriptionId: "source-sub-id",
        account: {
          id: "/subscriptions/source-sub-id/resourceGroups/source-rg/providers/Microsoft.DocumentDB/databaseAccounts/source-account",
          name: "source-account",
@@ -101,7 +101,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
        containerId: "source-container",
      },
      target: {
-        subscriptionId: "target-sub-id",
+        subscription: { subscriptionId: "target-sub-id" } as Subscription,
        account: {
          id: "/subscriptions/target-sub-id/resourceGroups/target-rg/providers/Microsoft.DocumentDB/databaseAccounts/target-account",
          name: "target-account",
@@ -119,7 +119,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
        databaseId: "target-db",
        containerId: "target-container",
      },
-      sourceReadAccessFromTarget: false,
+      sourceReadWriteAccessFromTarget: false,
    },
    setCopyJobState: jest.fn(),
    setContextError: jest.fn(),
@@ -133,7 +133,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
  const renderComponent = (contextValue = mockContextValue) => {
    return render(
      <CopyJobContext.Provider value={contextValue}>
-        <AddReadPermissionToDefaultIdentity />
+        <AddReadWritePermissionToDefaultIdentity />
      </CopyJobContext.Provider>,
    );
  };
@@ -164,12 +164,12 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
      expect(container).toMatchSnapshot();
    });

-    it("should render correctly when sourceReadAccessFromTarget is true", () => {
+    it("should render correctly when sourceReadWriteAccessFromTarget is true", () => {
      const contextWithAccess = {
        ...mockContextValue,
        copyJobState: {
          ...mockContextValue.copyJobState,
-          sourceReadAccessFromTarget: true,
+          sourceReadWriteAccessFromTarget: true,
        },
      };
      const { container } = renderComponent(contextWithAccess);
@@ -180,7 +180,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
  describe("Component Structure", () => {
    it("should display the description text", () => {
      renderComponent();
-      expect(screen.getByText(ContainerCopyMessages.readPermissionAssigned.description)).toBeInTheDocument();
+      expect(screen.getByText(ContainerCopyMessages.readWritePermissionAssigned.description)).toBeInTheDocument();
    });

    it("should display the info tooltip", () => {
@@ -212,10 +212,10 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {

      expect(screen.getByTestId("popover-message")).toBeInTheDocument();
      expect(screen.getByTestId("popover-title")).toHaveTextContent(
-        ContainerCopyMessages.readPermissionAssigned.popoverTitle,
+        ContainerCopyMessages.readWritePermissionAssigned.popoverTitle,
      );
      expect(screen.getByTestId("popover-content")).toHaveTextContent(
-        ContainerCopyMessages.readPermissionAssigned.popoverDescription,
+        ContainerCopyMessages.readWritePermissionAssigned.popoverDescription,
      );
    });

@@ -243,7 +243,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
      expect(mockOnToggle).toHaveBeenCalledWith(null, false);
    });

-    it("should call handleAddReadPermission when primary button is clicked", async () => {
+    it("should call handleAddReadWritePermission when primary button is clicked", async () => {
      mockGetAccountDetailsFromResourceId.mockReturnValue({
        subscriptionId: "source-sub-id",
        resourceGroup: "source-rg",
@@ -264,7 +264,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
    });
  });

-  describe("handleAddReadPermission Function", () => {
+  describe("handleAddReadWritePermission Function", () => {
    beforeEach(() => {
      mockUseToggle.mockReturnValue([true, jest.fn()]);
    });
@@ -312,7 +312,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {
      await waitFor(() => {
        expect(mockLogError).toHaveBeenCalledWith(
          "Permission denied",
-          "CopyJob/AddReadPermissionToDefaultIdentity.handleAddReadPermission",
+          "CopyJob/AddReadWritePermissionToDefaultIdentity.handleAddReadWritePermission",
        );
      });

@@ -336,14 +336,14 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {

      await waitFor(() => {
        expect(mockLogError).toHaveBeenCalledWith(
-          "Error assigning read permission to default identity. Please try again later.",
-          "CopyJob/AddReadPermissionToDefaultIdentity.handleAddReadPermission",
+          "Error assigning read-write permission to default identity. Please try again later.",
+          "CopyJob/AddReadWritePermissionToDefaultIdentity.handleAddReadWritePermission",
        );
      });

      await waitFor(() => {
        expect(mockContextValue.setContextError).toHaveBeenCalledWith(
-          "Error assigning read permission to default identity. Please try again later.",
+          "Error assigning read-write permission to default identity. Please try again later.",
        );
      });
    });
@@ -496,7 +496,7 @@ describe("AddReadPermissionToDefaultIdentity Component", () => {

      expect(updatedState).toEqual({
        ...mockContextValue.copyJobState,
-        sourceReadAccessFromTarget: true,
+        sourceReadWriteAccessFromTarget: true,
      });
    });
  });
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AddReadWritePermissionToDefaultIdentity.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AddReadWritePermissionToDefaultIdentity.tsx
@@ -12,27 +12,29 @@ import useToggle from "./hooks/useToggle";

 const TooltipContent = (
  <Text>
-    {ContainerCopyMessages.readPermissionAssigned.tooltip.content} &nbsp;
+    {ContainerCopyMessages.readWritePermissionAssigned.tooltip.content} &nbsp;
    <Link
      style={{ color: "var(--colorBrandForeground1)" }}
-      href={ContainerCopyMessages.readPermissionAssigned.tooltip.href}
+      href={ContainerCopyMessages.readWritePermissionAssigned.tooltip.href}
      target="_blank"
      rel="noopener noreferrer"
    >
-      {ContainerCopyMessages.readPermissionAssigned.tooltip.hrefText}
+      {ContainerCopyMessages.readWritePermissionAssigned.tooltip.hrefText}
    </Link>
  </Text>
 );
-type AddReadPermissionToDefaultIdentityProps = Partial<PermissionSectionConfig>;

-const AddReadPermissionToDefaultIdentity: React.FC<AddReadPermissionToDefaultIdentityProps> = () => {
+type AddReadWritePermissionToDefaultIdentityProps = Partial<PermissionSectionConfig>;
+
+const AddReadWritePermissionToDefaultIdentity: React.FC<AddReadWritePermissionToDefaultIdentityProps> = () => {
  const [loading, setLoading] = React.useState(false);
  const { copyJobState, setCopyJobState, setContextError } = useCopyJobContext();
-  const [readPermissionAssigned, onToggle] = useToggle(false);
+  const [readWritePermissionAssigned, onToggle] = useToggle(copyJobState.sourceReadWriteAccessFromTarget ?? false);

-  const handleAddReadPermission = async () => {
+  const handleAddReadWritePermission = async () => {
    const { source, target } = copyJobState;
    const selectedSourceAccount = source?.account;
+
    try {
      const {
        subscriptionId: sourceSubscriptionId,
@@ -47,16 +49,17 @@ const AddReadPermissionToDefaultIdentity: React.FC<AddReadPermissionToDefaultIde
        sourceAccountName,
        target?.account?.identity?.principalId ?? "",
      );
+
      if (assignedRole) {
        setCopyJobState((prevState) => ({
          ...prevState,
-          sourceReadAccessFromTarget: true,
+          sourceReadWriteAccessFromTarget: true,
        }));
      }
    } catch (error) {
      const errorMessage =
-        error.message || "Error assigning read permission to default identity. Please try again later.";
-      logError(errorMessage, "CopyJob/AddReadPermissionToDefaultIdentity.handleAddReadPermission");
+        error.message || "Error assigning read-write permission to default identity. Please try again later.";
+      logError(errorMessage, "CopyJob/AddReadWritePermissionToDefaultIdentity.handleAddReadWritePermission");
      setContextError(errorMessage);
    } finally {
      setLoading(false);
@@ -66,12 +69,12 @@ const AddReadPermissionToDefaultIdentity: React.FC<AddReadPermissionToDefaultIde
  return (
    <Stack className="defaultManagedIdentityContainer" tokens={{ childrenGap: 15, padding: "0 0 0 20px" }}>
      <Text className="toggle-label">
-        {ContainerCopyMessages.readPermissionAssigned.description}&ensp;
+        {ContainerCopyMessages.readWritePermissionAssigned.description}&ensp;
        <InfoTooltip content={TooltipContent} />
      </Text>
      <Toggle
        data-test="btn-toggle"
-        checked={readPermissionAssigned}
+        checked={readWritePermissionAssigned}
        onText={ContainerCopyMessages.toggleBtn.onText}
        offText={ContainerCopyMessages.toggleBtn.offText}
        onChange={onToggle}
@@ -83,15 +86,15 @@ const AddReadPermissionToDefaultIdentity: React.FC<AddReadPermissionToDefaultIde
      />
      <PopoverMessage
        isLoading={loading}
-        visible={readPermissionAssigned}
-        title={ContainerCopyMessages.readPermissionAssigned.popoverTitle}
+        visible={readWritePermissionAssigned}
+        title={ContainerCopyMessages.readWritePermissionAssigned.popoverTitle}
        onCancel={() => onToggle(null, false)}
-        onPrimary={handleAddReadPermission}
+        onPrimary={handleAddReadWritePermission}
      >
-        {ContainerCopyMessages.readPermissionAssigned.popoverDescription}
+        {ContainerCopyMessages.readWritePermissionAssigned.popoverDescription}
      </PopoverMessage>
    </Stack>
  );
 };

-export default AddReadPermissionToDefaultIdentity;
+export default AddReadWritePermissionToDefaultIdentity;
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AssignPermissions.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/AssignPermissions.test.tsx
@@ -43,12 +43,12 @@ jest.mock("./AddManagedIdentity", () => {
  return MockAddManagedIdentity;
 });

-jest.mock("./AddReadPermissionToDefaultIdentity", () => {
-  const MockAddReadPermissionToDefaultIdentity = () => {
-    return <div data-testid="add-read-permission">Add Read Permission Component</div>;
+jest.mock("./AddReadWritePermissionToDefaultIdentity", () => {
+  const MockAddReadWritePermissionToDefaultIdentity = () => {
+    return <div data-testid="add-read-write-permission">Add Read-Write Permission Component</div>;
  };
-  MockAddReadPermissionToDefaultIdentity.displayName = "MockAddReadPermissionToDefaultIdentity";
-  return MockAddReadPermissionToDefaultIdentity;
+  MockAddReadWritePermissionToDefaultIdentity.displayName = "MockAddReadWritePermissionToDefaultIdentity";
+  return MockAddReadWritePermissionToDefaultIdentity;
 });

 jest.mock("./DefaultManagedIdentity", () => {
@@ -85,18 +85,18 @@ describe("AssignPermissions Component", () => {
    jobName: "test-job",
    migrationType: CopyJobMigrationType.Offline,
    source: {
-      subscription: { subscriptionId: "source-sub" } as any,
+      subscriptionId: "source-sub",
      account: { id: "source-account", name: "Source Account" } as any,
      databaseId: "source-db",
      containerId: "source-container",
    },
    target: {
-      subscriptionId: "target-sub",
+      subscription: { subscriptionId: "target-sub" } as any,
      account: { id: "target-account", name: "Target Account" } as any,
      databaseId: "target-db",
      containerId: "target-container",
    },
-    sourceReadAccessFromTarget: false,
+    sourceReadWriteAccessFromTarget: false,
    ...overrides,
  });

@@ -164,13 +164,13 @@ describe("AssignPermissions Component", () => {
      const copyJobState = createMockCopyJobState({
        migrationType: CopyJobMigrationType.Online,
        source: {
-          subscription: { subscriptionId: "same-sub" } as any,
+          subscriptionId: "same-sub",
          account: { id: "same-account", name: "Same Account" } as any,
          databaseId: "source-db",
          containerId: "source-container",
        },
        target: {
-          subscriptionId: "same-sub",
+          subscription: { subscriptionId: "same-sub" } as any,
          account: { id: "same-account", name: "Same Account" } as any,
          databaseId: "target-db",
          containerId: "target-container",
@@ -201,7 +201,7 @@ describe("AssignPermissions Component", () => {
              completed: true,
            },
            {
-              id: "readPermissionAssigned",
+              id: "readWritePermissionAssigned",
              title: "Read Permission Assigned",
              Component: () => <div data-testid="add-read-permission">Add Read Permission Component</div>,
              disabled: false,
@@ -347,7 +347,7 @@ describe("AssignPermissions Component", () => {
    it("should handle missing account names", () => {
      const copyJobState = createMockCopyJobState({
        source: {
-          subscription: { subscriptionId: "source-sub" } as any,
+          subscriptionId: "source-sub",
          account: { id: "source-account" } as any,
          databaseId: "source-db",
          containerId: "source-container",
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/PointInTimeRestore.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/PointInTimeRestore.test.tsx
@@ -50,18 +50,18 @@ describe("PointInTimeRestore", () => {
    jobName: "test-job",
    migrationType: CopyJobMigrationType.Offline,
    source: {
-      subscription: { subscriptionId: "test-sub", displayName: "Test Subscription" },
+      subscriptionId: "test-sub",
      account: mockSourceAccount,
      databaseId: "test-db",
      containerId: "test-container",
    },
    target: {
-      subscriptionId: "test-sub",
+      subscription: { subscriptionId: "test-sub", displayName: "Test Subscription" },
      account: mockSourceAccount,
      databaseId: "target-db",
      containerId: "target-container",
    },
-    sourceReadAccessFromTarget: false,
+    sourceReadWriteAccessFromTarget: false,
  } as CopyJobContextState;

  const mockSetCopyJobState = jest.fn();
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/snapshots/AddReadPermissionToDefaultIdentity.test.tsx.snap
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/snapshots/AddReadPermissionToDefaultIdentity.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP

-exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle missing source account 1`] = `
+exports[`AddReadWritePermissionToDefaultIdentity Component Edge Cases should handle missing source account 1`] = `
 <div>
  <div
    class="ms-Stack defaultManagedIdentityContainer css-109"
@@ -8,7 +8,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle m
    <span
      class="toggle-label css-110"
    >
-      To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+      To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.
       
      <div
        data-testid="info-tooltip"
@@ -24,7 +24,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle m
            rel="noopener noreferrer"
            target="_blank"
          >
-            Read permissions.
+            Read-write permissions.
          </a>
        </span>
      </div>
@@ -63,7 +63,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle m
 </div>
 `;

-exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle missing target account identity 1`] = `
+exports[`AddReadWritePermissionToDefaultIdentity Component Edge Cases should handle missing target account identity 1`] = `
 <div>
  <div
    class="ms-Stack defaultManagedIdentityContainer css-109"
@@ -71,7 +71,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle m
    <span
      class="toggle-label css-110"
    >
-      To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+      To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.
       
      <div
        data-testid="info-tooltip"
@@ -87,7 +87,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle m
            rel="noopener noreferrer"
            target="_blank"
          >
-            Read permissions.
+            Read-write permissions.
          </a>
        </span>
      </div>
@@ -126,7 +126,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Edge Cases should handle m
 </div>
 `;

-exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly when sourceReadAccessFromTarget is true 1`] = `
+exports[`AddReadWritePermissionToDefaultIdentity Component Rendering should render correctly when sourceReadWriteAccessFromTarget is true 1`] = `
 <div>
  <div
    class="ms-Stack defaultManagedIdentityContainer css-109"
@@ -134,7 +134,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
    <span
      class="toggle-label css-110"
    >
-      To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+      To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.
       
      <div
        data-testid="info-tooltip"
@@ -150,7 +150,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
            rel="noopener noreferrer"
            target="_blank"
          >
-            Read permissions.
+            Read-write permissions.
          </a>
        </span>
      </div>
@@ -189,7 +189,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
 </div>
 `;

-exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly when toggle is on 1`] = `
+exports[`AddReadWritePermissionToDefaultIdentity Component Rendering should render correctly when toggle is on 1`] = `
 <div>
  <div
    class="ms-Stack defaultManagedIdentityContainer css-109"
@@ -197,7 +197,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
    <span
      class="toggle-label css-110"
    >
-      To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+      To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.
       
      <div
        data-testid="info-tooltip"
@@ -213,7 +213,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
            rel="noopener noreferrer"
            target="_blank"
          >
-            Read permissions.
+            Read-write permissions.
          </a>
        </span>
      </div>
@@ -255,12 +255,12 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
      <div
        data-testid="popover-title"
      >
-        Read permissions assigned to default identity.
+        Assign read-write permissions to default identity.
      </div>
      <div
        data-testid="popover-content"
      >
-        Assign read permissions of the source account to the default identity of the destination account. To confirm click the “Yes” button.
+        Assign read-write permissions on the source account to the default identity of the destination account. To confirm, click the "Yes" button.
      </div>
      <button
        data-testid="popover-cancel"
@@ -277,7 +277,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
 </div>
 `;

-exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly with default state 1`] = `
+exports[`AddReadWritePermissionToDefaultIdentity Component Rendering should render correctly with default state 1`] = `
 <div>
  <div
    class="ms-Stack defaultManagedIdentityContainer css-109"
@@ -285,7 +285,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
    <span
      class="toggle-label css-110"
    >
-      To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+      To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.
       
      <div
        data-testid="info-tooltip"
@@ -301,7 +301,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
            rel="noopener noreferrer"
            target="_blank"
          >
-            Read permissions.
+            Read-write permissions.
          </a>
        </span>
      </div>
@@ -340,7 +340,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
 </div>
 `;

-exports[`AddReadPermissionToDefaultIdentity Component Rendering should render correctly with different context states 1`] = `
+exports[`AddReadWritePermissionToDefaultIdentity Component Rendering should render correctly with different context states 1`] = `
 <div>
  <div
    class="ms-Stack defaultManagedIdentityContainer css-109"
@@ -348,7 +348,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
    <span
      class="toggle-label css-110"
    >
-      To allow data copy from source to the destination container, provide read access of the source account to the default identity of the destination account.
+      To allow data copy from source to the destination container, provide read-write access on the source account to the default identity of the destination account.
       
      <div
        data-testid="info-tooltip"
@@ -364,7 +364,7 @@ exports[`AddReadPermissionToDefaultIdentity Component Rendering should render co
            rel="noopener noreferrer"
            target="_blank"
          >
-            Read permissions.
+            Read-write permissions.
          </a>
        </span>
      </div>
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/snapshots/AssignPermissions.test.tsx.snap
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/snapshots/AssignPermissions.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`AssignPermissions Component Accordion Behavior should render accordion
    <span
      class="css-110"
    >
-      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.
    </span>
    <div
      class="ms-Stack css-111"
@@ -212,7 +212,7 @@ exports[`AssignPermissions Component Edge Cases should calculate correct indent
    <span
      class="css-110"
    >
-      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.
    </span>
    <div
      class="ms-Stack css-111"
@@ -618,7 +618,7 @@ exports[`AssignPermissions Component Edge Cases should handle missing account na
    <span
      class="css-110"
    >
-      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.
    </span>
    <div
      class="ms-Stack css-111"
@@ -1153,7 +1153,7 @@ exports[`AssignPermissions Component Permission Groups should render permission
    <span
      class="css-110"
    >
-      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.
    </span>
    <div
      class="ms-Stack css-111"
@@ -1307,7 +1307,7 @@ exports[`AssignPermissions Component Rendering should render without crashing wi
    <span
      class="css-110"
    >
-      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.
    </span>
    <div
      data-testid="shimmer-tree"
@@ -1329,7 +1329,7 @@ exports[`AssignPermissions Component Rendering should render without crashing wi
    <span
      class="css-110"
    >
-      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read access to the source account by completing the following steps.
+      To copy data from the source to the destination container, ensure that the managed identity of the destination account has read-write access to the source account by completing the following steps.
    </span>
    <div
      data-testid="shimmer-tree"
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/usePermissionsSection.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/usePermissionsSection.test.tsx
@@ -13,7 +13,7 @@ import {
 import { CopyJobContextState } from "../../../../Types/CopyJobTypes";
 import * as CopyJobPrerequisitesCacheModule from "../../../Utils/useCopyJobPrerequisitesCache";
 import usePermissionSections, {
-  checkTargetHasReaderRoleOnSource,
+  checkTargetHasReadWriteRoleOnSource,
  PermissionGroupConfig,
  SECTION_IDS,
 } from "./usePermissionsSection";
@@ -40,12 +40,12 @@ jest.mock("../AddManagedIdentity", () => {
  return MockAddManagedIdentity;
 });

-jest.mock("../AddReadPermissionToDefaultIdentity", () => {
-  const MockAddReadPermissionToDefaultIdentity = () => {
-    return <div data-testid="add-read-permission">AddReadPermissionToDefaultIdentity</div>;
+jest.mock("../AddReadWritePermissionToDefaultIdentity", () => {
+  const MockAddReadWritePermissionToDefaultIdentity = () => {
+    return <div data-testid="add-read-write-permission">AddReadWritePermissionToDefaultIdentity</div>;
  };
-  MockAddReadPermissionToDefaultIdentity.displayName = "MockAddReadPermissionToDefaultIdentity";
-  return MockAddReadPermissionToDefaultIdentity;
+  MockAddReadWritePermissionToDefaultIdentity.displayName = "MockAddReadWritePermissionToDefaultIdentity";
+  return MockAddReadWritePermissionToDefaultIdentity;
 });

 jest.mock("../DefaultManagedIdentity", () => {
@@ -133,7 +133,7 @@ describe("usePermissionsSection", () => {
        type: "",
        kind: "",
      },
-      subscription: undefined,
+      subscriptionId: "",
      databaseId: "",
      containerId: "",
    },
@@ -152,7 +152,7 @@ describe("usePermissionsSection", () => {
        type: "",
        kind: "",
      },
-      subscriptionId: "",
+      subscription: undefined,
      databaseId: "",
      containerId: "",
    },
@@ -193,7 +193,7 @@ describe("usePermissionsSection", () => {
      expect(capturedResult[0].sections.map((s) => s.id)).toEqual([
        SECTION_IDS.addManagedIdentity,
        SECTION_IDS.defaultManagedIdentity,
-        SECTION_IDS.readPermissionAssigned,
+        SECTION_IDS.readWritePermissionAssigned,
      ]);
    });

@@ -208,7 +208,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscription: undefined,
+          subscriptionId: "",
          databaseId: "",
          containerId: "",
        },
@@ -222,7 +222,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscriptionId: "",
+          subscription: undefined,
          databaseId: "",
          containerId: "",
        },
@@ -299,7 +299,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscriptionId: "",
+          subscription: undefined,
          databaseId: "",
          containerId: "",
        },
@@ -337,7 +337,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscriptionId: "",
+          subscription: undefined,
          databaseId: "",
          containerId: "",
        },
@@ -358,16 +358,17 @@ describe("usePermissionsSection", () => {
      expect(defaultManagedIdentitySection?.completed).toBe(true);
    });

-    it("should validate readPermissionAssigned section with reader role", async () => {
+    it("should validate readWritePermissionAssigned section with contributor role", async () => {
      const mockRoleDefinitions: RbacUtils.RoleDefinitionType[] = [
        {
          id: "role-1",
-          name: "Custom Role",
+          name: "00000000-0000-0000-0000-000000000002",
          permissions: [
            {
              dataActions: [
                "Microsoft.DocumentDB/databaseAccounts/readMetadata",
                "Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/read",
+                "Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/write",
              ],
            },
          ],
@@ -398,7 +399,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscriptionId: "",
+          subscription: undefined,
          databaseId: "",
          containerId: "",
        },
@@ -407,7 +408,9 @@ describe("usePermissionsSection", () => {
      render(<TestWrapper state={state} onResult={noop} />);

      await waitFor(() => {
-        expect(screen.getByTestId(`section-${SECTION_IDS.readPermissionAssigned}-completed`)).toHaveTextContent("true");
+        expect(screen.getByTestId(`section-${SECTION_IDS.readWritePermissionAssigned}-completed`)).toHaveTextContent(
+          "true",
+        );
      });

      expect(mockedRbacUtils.fetchRoleAssignments).toHaveBeenCalledWith(
@@ -435,7 +438,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscription: undefined,
+          subscriptionId: "",
          databaseId: "",
          containerId: "",
        },
@@ -476,7 +479,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscription: undefined,
+          subscriptionId: "",
          databaseId: "",
          containerId: "",
        },
@@ -546,7 +549,7 @@ describe("usePermissionsSection", () => {
            type: "",
            kind: "",
          },
-          subscriptionId: "",
+          subscription: undefined,
          databaseId: "",
          containerId: "",
        },
@@ -568,12 +571,12 @@ describe("usePermissionsSection", () => {
  });
 });

-describe("checkTargetHasReaderRoleOnSource", () => {
-  it("should return true for built-in Reader role", () => {
+describe("checkTargetHasReadWriteRoleOnSource", () => {
+  it("should return true for built-in Contributor role", () => {
    const roleDefinitions: RbacUtils.RoleDefinitionType[] = [
      {
        id: "role-1",
-        name: "00000000-0000-0000-0000-000000000001",
+        name: "00000000-0000-0000-0000-000000000002",
        permissions: [],
        assignableScopes: [],
        resourceGroup: "",
@@ -583,20 +586,21 @@ describe("checkTargetHasReaderRoleOnSource", () => {
      },
    ];

-    const result = checkTargetHasReaderRoleOnSource(roleDefinitions);
+    const result = checkTargetHasReadWriteRoleOnSource(roleDefinitions);
    expect(result).toBe(true);
  });

-  it("should return true for custom role with required data actions", () => {
+  it("should return true for custom role with read-write data actions", () => {
    const roleDefinitions: RbacUtils.RoleDefinitionType[] = [
      {
        id: "role-1",
-        name: "Custom Reader Role",
+        name: "Custom Contributor Role",
        permissions: [
          {
            dataActions: [
              "Microsoft.DocumentDB/databaseAccounts/readMetadata",
              "Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/read",
+              "Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/write",
            ],
          },
        ],
@@ -608,7 +612,7 @@ describe("checkTargetHasReaderRoleOnSource", () => {
      },
    ];

-    const result = checkTargetHasReaderRoleOnSource(roleDefinitions);
+    const result = checkTargetHasReadWriteRoleOnSource(roleDefinitions);
    expect(result).toBe(true);
  });

@@ -630,12 +634,12 @@ describe("checkTargetHasReaderRoleOnSource", () => {
      },
    ];

-    const result = checkTargetHasReaderRoleOnSource(roleDefinitions);
+    const result = checkTargetHasReadWriteRoleOnSource(roleDefinitions);
    expect(result).toBe(false);
  });

  it("should return false for empty role definitions", () => {
-    const result = checkTargetHasReaderRoleOnSource([]);
+    const result = checkTargetHasReadWriteRoleOnSource([]);
    expect(result).toBe(false);
  });

@@ -653,11 +657,11 @@ describe("checkTargetHasReaderRoleOnSource", () => {
      },
    ];

-    const result = checkTargetHasReaderRoleOnSource(roleDefinitions);
+    const result = checkTargetHasReadWriteRoleOnSource(roleDefinitions);
    expect(result).toBe(false);
  });

-  it("should handle multiple roles and return true if any has sufficient permissions", () => {
+  it("should handle multiple roles and return true if any has sufficient read-write permissions", () => {
    const roleDefinitions: RbacUtils.RoleDefinitionType[] = [
      {
        id: "role-1",
@@ -675,7 +679,7 @@ describe("checkTargetHasReaderRoleOnSource", () => {
      },
      {
        id: "role-2",
-        name: "00000000-0000-0000-0000-000000000001",
+        name: "00000000-0000-0000-0000-000000000002",
        permissions: [],
        assignableScopes: [],
        resourceGroup: "",
@@ -685,7 +689,7 @@ describe("checkTargetHasReaderRoleOnSource", () => {
      },
    ];

-    const result = checkTargetHasReaderRoleOnSource(roleDefinitions);
+    const result = checkTargetHasReadWriteRoleOnSource(roleDefinitions);
    expect(result).toBe(true);
  });
 });
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/usePermissionsSection.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/AssignPermissions/hooks/usePermissionsSection.tsx
@@ -12,7 +12,7 @@ import {
 import { CopyJobContextState } from "../../../../Types/CopyJobTypes";
 import { useCopyJobPrerequisitesCache } from "../../../Utils/useCopyJobPrerequisitesCache";
 import AddManagedIdentity from "../AddManagedIdentity";
-import AddReadPermissionToDefaultIdentity from "../AddReadPermissionToDefaultIdentity";
+import AddReadWritePermissionToDefaultIdentity from "../AddReadWritePermissionToDefaultIdentity";
 import DefaultManagedIdentity from "../DefaultManagedIdentity";
 import OnlineCopyEnabled from "../OnlineCopyEnabled";
 import PointInTimeRestore from "../PointInTimeRestore";
@@ -36,11 +36,13 @@ export interface PermissionGroupConfig {
 export const SECTION_IDS = {
  addManagedIdentity: "addManagedIdentity",
  defaultManagedIdentity: "defaultManagedIdentity",
-  readPermissionAssigned: "readPermissionAssigned",
+  readWritePermissionAssigned: "readWritePermissionAssigned",
  pointInTimeRestore: "pointInTimeRestore",
  onlineCopyEnabled: "onlineCopyEnabled",
 } as const;

+const COSMOS_DB_BUILT_IN_DATA_CONTRIBUTOR_ROLE_ID = "00000000-0000-0000-0000-000000000002";
+
 const PERMISSION_SECTIONS_CONFIG: PermissionSectionConfig[] = [
  {
    id: SECTION_IDS.addManagedIdentity,
@@ -66,9 +68,9 @@ const PERMISSION_SECTIONS_CONFIG: PermissionSectionConfig[] = [
    },
  },
  {
-    id: SECTION_IDS.readPermissionAssigned,
-    title: ContainerCopyMessages.readPermissionAssigned.title,
-    Component: AddReadPermissionToDefaultIdentity,
+    id: SECTION_IDS.readWritePermissionAssigned,
+    title: ContainerCopyMessages.readWritePermissionAssigned.title,
+    Component: AddReadWritePermissionToDefaultIdentity,
    disabled: true,
    validate: async (state: CopyJobContextState) => {
      const principalId = state?.target?.account?.identity?.principalId;
@@ -87,7 +89,7 @@ const PERMISSION_SECTIONS_CONFIG: PermissionSectionConfig[] = [
      );

      const roleDefinitions = await fetchRoleDefinitions(rolesAssigned ?? []);
-      return checkTargetHasReaderRoleOnSource(roleDefinitions ?? []);
+      return checkTargetHasReadWriteRoleOnSource(roleDefinitions ?? []);
    },
  },
 ];
@@ -119,18 +121,34 @@ const PERMISSION_SECTIONS_FOR_ONLINE_JOBS: PermissionSectionConfig[] = [
 ];

 /**
- * Checks if the user has the Reader role based on role definitions.
+ * Checks if the user has contributor-style read-write access on the source account.
 */
-export function checkTargetHasReaderRoleOnSource(roleDefinitions: RoleDefinitionType[]): boolean {
-  return roleDefinitions?.some(
-    (role) =>
-      role.name === "00000000-0000-0000-0000-000000000001" ||
-      role.permissions.some(
-        (permission) =>
-          permission.dataActions.includes("Microsoft.DocumentDB/databaseAccounts/readMetadata") &&
-          permission.dataActions.includes("Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/read"),
-      ),
-  );
+export function checkTargetHasReadWriteRoleOnSource(roleDefinitions: RoleDefinitionType[]): boolean {
+  return roleDefinitions?.some((role) => {
+    if (role.name === COSMOS_DB_BUILT_IN_DATA_CONTRIBUTOR_ROLE_ID) {
+      return true;
+    }
+
+    const dataActions = role.permissions?.flatMap((permission) => permission.dataActions ?? []) ?? [];
+
+    const hasAccountWildcard = dataActions.includes("Microsoft.DocumentDB/databaseAccounts/*");
+    const hasContainerWildcard =
+      hasAccountWildcard || dataActions.includes("Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/*");
+    const hasItemsWildcard =
+      hasContainerWildcard ||
+      dataActions.includes("Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/*");
+
+    const hasAccountReadMetadata =
+      hasAccountWildcard || dataActions.includes("Microsoft.DocumentDB/databaseAccounts/readMetadata");
+    const hasItemRead =
+      hasItemsWildcard ||
+      dataActions.includes("Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/read");
+    const hasItemWrite =
+      hasItemsWildcard ||
+      dataActions.includes("Microsoft.DocumentDB/databaseAccounts/sqlDatabases/containers/items/write");
+
+    return hasAccountReadMetadata && hasItemRead && hasItemWrite;
+  });
 }

 /**
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.test.tsx
@@ -81,7 +81,7 @@ describe("AddCollectionPanelWrapper", () => {
        databaseId: "",
        containerId: "",
      },
-      sourceReadAccessFromTarget: false,
+      sourceReadWriteAccessFromTarget: false,
    },
    setCopyJobState: mockSetCopyJobState,
    flow: null,
@@ -109,7 +109,7 @@ describe("AddCollectionPanelWrapper", () => {
      expect(container.querySelector(".addCollectionPanelWrapper")).toBeInTheDocument();
      expect(container.querySelector(".addCollectionPanelHeader")).toBeInTheDocument();
      expect(container.querySelector(".addCollectionPanelBody")).toBeInTheDocument();
-      expect(screen.getByText(ContainerCopyMessages.createNewContainerSubHeading)).toBeInTheDocument();
+      expect(screen.getByText(ContainerCopyMessages.createNewContainerSubHeading())).toBeInTheDocument();
      expect(screen.getByTestId("add-collection-panel")).toBeInTheDocument();
    });

--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/AddCollectionPanelWrapper.tsx
@@ -1,11 +1,14 @@
-import { Stack, Text } from "@fluentui/react";
+import { IDropdownOption, MessageBar, MessageBarType, Spinner, SpinnerSize, Stack, Text } from "@fluentui/react";
+import { readDatabasesForAccount } from "Common/dataAccess/readDatabases";
+import { AccountOverride } from "Contracts/DataModels";
 import Explorer from "Explorer/Explorer";
 import { useSidePanel } from "hooks/useSidePanel";
 import { produce } from "immer";
-import React, { useCallback, useEffect } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { AddCollectionPanel } from "../../../../Panes/AddCollectionPanel/AddCollectionPanel";
 import ContainerCopyMessages from "../../../ContainerCopyMessages";
 import { useCopyJobContext } from "../../../Context/CopyJobContext";
+import { getAccountDetailsFromResourceId } from "../../../CopyJobUtils";

 type AddCollectionPanelWrapperProps = {
  explorer?: Explorer;
@@ -13,7 +16,26 @@ type AddCollectionPanelWrapperProps = {
 };

 const AddCollectionPanelWrapper: React.FunctionComponent<AddCollectionPanelWrapperProps> = ({ explorer, goBack }) => {
-  const { setCopyJobState } = useCopyJobContext();
+  const { setCopyJobState, copyJobState } = useCopyJobContext();
+  const [destinationDatabases, setDestinationDatabases] = useState<IDropdownOption[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [permissionError, setPermissionError] = useState<string | null>(null);
+
+  const targetAccountOverride: AccountOverride | undefined = useMemo(() => {
+    const accountId = copyJobState?.target?.account?.id;
+    if (!accountId) {
+      return undefined;
+    }
+    const details = getAccountDetailsFromResourceId(accountId);
+    if (!details?.subscriptionId || !details?.resourceGroup || !details?.accountName) {
+      return undefined;
+    }
+    return {
+      subscriptionId: details.subscriptionId,
+      resourceGroup: details.resourceGroup,
+      accountName: details.accountName,
+    };
+  }, [copyJobState?.target?.account?.id]);

  useEffect(() => {
    const sidePanelStore = useSidePanel.getState();
@@ -25,6 +47,52 @@ const AddCollectionPanelWrapper: React.FunctionComponent<AddCollectionPanelWrapp
    };
  }, []);

+  useEffect(() => {
+    if (!targetAccountOverride) {
+      setIsLoading(false);
+      return undefined;
+    }
+
+    let cancelled = false;
+    const fetchDatabases = async () => {
+      setIsLoading(true);
+      setPermissionError(null);
+      try {
+        const databases = await readDatabasesForAccount(
+          targetAccountOverride.subscriptionId,
+          targetAccountOverride.resourceGroup,
+          targetAccountOverride.accountName,
+        );
+        if (!cancelled) {
+          setDestinationDatabases(databases.map((db) => ({ key: db.id, text: db.id })));
+        }
+      } catch (error) {
+        if (!cancelled) {
+          const message = error?.message || String(error);
+          if (message.includes("AuthorizationFailed") || message.includes("403")) {
+            setPermissionError(
+              `You do not have sufficient permissions to access the destination account "${targetAccountOverride.accountName}". ` +
+                "Please ensure you have at least Contributor or Owner access to create databases and containers.",
+            );
+          } else {
+            setPermissionError(
+              `Failed to load databases from the destination account "${targetAccountOverride.accountName}": ${message}`,
+            );
+          }
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
+        }
+      }
+    };
+
+    fetchDatabases();
+    return () => {
+      cancelled = true;
+    };
+  }, [targetAccountOverride]);
+
  const handleAddCollectionSuccess = useCallback(
    (collectionData: { databaseId: string; collectionId: string }) => {
      setCopyJobState(
@@ -38,13 +106,37 @@ const AddCollectionPanelWrapper: React.FunctionComponent<AddCollectionPanelWrapp
    [goBack],
  );

+  if (isLoading) {
+    return (
+      <Stack horizontalAlign="center" verticalAlign="center" styles={{ root: { padding: 20 } }}>
+        <Spinner size={SpinnerSize.large} label="Loading destination account databases..." />
+      </Stack>
+    );
+  }
+
+  if (permissionError) {
+    return (
+      <Stack styles={{ root: { padding: 20 } }}>
+        <MessageBar messageBarType={MessageBarType.error}>{permissionError}</MessageBar>
+      </Stack>
+    );
+  }
+
  return (
    <Stack className="addCollectionPanelWrapper">
      <Stack.Item className="addCollectionPanelHeader">
-        <Text className="themeText">{ContainerCopyMessages.createNewContainerSubHeading}</Text>
+        <Text className="themeText">
+          {ContainerCopyMessages.createNewContainerSubHeading(targetAccountOverride?.accountName)}
+        </Text>
      </Stack.Item>
      <Stack.Item className="addCollectionPanelBody">
-        <AddCollectionPanel explorer={explorer} isCopyJobFlow={true} onSubmitSuccess={handleAddCollectionSuccess} />
+        <AddCollectionPanel
+          explorer={explorer}
+          isCopyJobFlow={true}
+          onSubmitSuccess={handleAddCollectionSuccess}
+          targetAccountOverride={targetAccountOverride}
+          externalDatabaseOptions={destinationDatabases}
+        />
      </Stack.Item>
    </Stack>
  );
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/snapshots/AddCollectionPanelWrapper.test.tsx.snap
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/CreateContainer/snapshots/AddCollectionPanelWrapper.test.tsx.snap
@@ -3,19 +3,19 @@
 exports[`AddCollectionPanelWrapper Component Rendering should match snapshot 1`] = `
 <div>
  <div
-    class="ms-Stack addCollectionPanelWrapper css-109"
+    class="ms-Stack addCollectionPanelWrapper css-115"
  >
    <div
-      class="ms-StackItem addCollectionPanelHeader css-110"
+      class="ms-StackItem addCollectionPanelHeader css-116"
    >
      <span
-        class="themeText css-111"
+        class="themeText css-117"
      >
-        Select the properties for your container.
+        Configure the properties for the new container.
      </span>
    </div>
    <div
-      class="ms-StackItem addCollectionPanelBody css-110"
+      class="ms-StackItem addCollectionPanelBody css-116"
    >
      <div
        data-testid="add-collection-panel"
@@ -44,19 +44,19 @@ exports[`AddCollectionPanelWrapper Component Rendering should match snapshot 1`]
 exports[`AddCollectionPanelWrapper Component Rendering should match snapshot with both props 1`] = `
 <div>
  <div
-    class="ms-Stack addCollectionPanelWrapper css-109"
+    class="ms-Stack addCollectionPanelWrapper css-115"
  >
    <div
-      class="ms-StackItem addCollectionPanelHeader css-110"
+      class="ms-StackItem addCollectionPanelHeader css-116"
    >
      <span
-        class="themeText css-111"
+        class="themeText css-117"
      >
-        Select the properties for your container.
+        Configure the properties for the new container.
      </span>
    </div>
    <div
-      class="ms-StackItem addCollectionPanelBody css-110"
+      class="ms-StackItem addCollectionPanelBody css-116"
    >
      <div
        data-testid="add-collection-panel"
@@ -85,19 +85,19 @@ exports[`AddCollectionPanelWrapper Component Rendering should match snapshot wit
 exports[`AddCollectionPanelWrapper Component Rendering should match snapshot with explorer prop 1`] = `
 <div>
  <div
-    class="ms-Stack addCollectionPanelWrapper css-109"
+    class="ms-Stack addCollectionPanelWrapper css-115"
  >
    <div
-      class="ms-StackItem addCollectionPanelHeader css-110"
+      class="ms-StackItem addCollectionPanelHeader css-116"
    >
      <span
-        class="themeText css-111"
+        class="themeText css-117"
      >
-        Select the properties for your container.
+        Configure the properties for the new container.
      </span>
    </div>
    <div
-      class="ms-StackItem addCollectionPanelBody css-110"
+      class="ms-StackItem addCollectionPanelBody css-116"
    >
      <div
        data-testid="add-collection-panel"
@@ -126,19 +126,19 @@ exports[`AddCollectionPanelWrapper Component Rendering should match snapshot wit
 exports[`AddCollectionPanelWrapper Component Rendering should match snapshot with goBack prop 1`] = `
 <div>
  <div
-    class="ms-Stack addCollectionPanelWrapper css-109"
+    class="ms-Stack addCollectionPanelWrapper css-115"
  >
    <div
-      class="ms-StackItem addCollectionPanelHeader css-110"
+      class="ms-StackItem addCollectionPanelHeader css-116"
    >
      <span
-        class="themeText css-111"
+        class="themeText css-117"
      >
-        Select the properties for your container.
+        Configure the properties for the new container.
      </span>
    </div>
    <div
-      class="ms-StackItem addCollectionPanelBody css-110"
+      class="ms-StackItem addCollectionPanelBody css-116"
    >
      <div
        data-testid="add-collection-panel"
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/PreviewCopyJob/PreviewCopyJob.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/PreviewCopyJob/PreviewCopyJob.test.tsx
@@ -87,18 +87,18 @@ describe("PreviewCopyJob", () => {
      jobName: "",
      migrationType: CopyJobMigrationType.Offline,
      source: {
-        subscription: mockSubscription,
+        subscriptionId: "test-subscription-id",
        account: mockDatabaseAccount,
        databaseId: "source-database",
        containerId: "source-container",
      },
      target: {
-        subscriptionId: "test-subscription-id",
+        subscription: mockSubscription,
        account: mockDatabaseAccount,
        databaseId: "target-database",
        containerId: "target-container",
      },
-      sourceReadAccessFromTarget: false,
+      sourceReadWriteAccessFromTarget: false,
      ...overrides,
    };

@@ -146,7 +146,7 @@ describe("PreviewCopyJob", () => {
  it("should render with missing source subscription information", () => {
    const mockContext = createMockContext({
      source: {
-        subscription: undefined,
+        subscriptionId: "",
        account: mockDatabaseAccount,
        databaseId: "source-database",
        containerId: "source-container",
@@ -165,7 +165,7 @@ describe("PreviewCopyJob", () => {
  it("should render with missing source account information", () => {
    const mockContext = createMockContext({
      source: {
-        subscription: mockSubscription,
+        subscriptionId: "test-subscription-id",
        account: null,
        databaseId: "source-database",
        containerId: "source-container",
@@ -184,13 +184,13 @@ describe("PreviewCopyJob", () => {
  it("should render with undefined database and container names", () => {
    const mockContext = createMockContext({
      source: {
-        subscription: mockSubscription,
+        subscriptionId: "test-subscription-id",
        account: mockDatabaseAccount,
        databaseId: "",
        containerId: "",
      },
      target: {
-        subscriptionId: "test-subscription-id",
+        subscription: mockSubscription,
        account: mockDatabaseAccount,
        databaseId: "",
        containerId: "",
@@ -219,7 +219,7 @@ describe("PreviewCopyJob", () => {

    const mockContext = createMockContext({
      source: {
-        subscription: longNameSubscription,
+        subscriptionId: longNameSubscription.subscriptionId,
        account: longNameAccount,
        databaseId: "long-database-name-for-testing-purposes",
        containerId: "long-container-name-for-testing-purposes",
@@ -253,13 +253,13 @@ describe("PreviewCopyJob", () => {
  it("should handle special characters in database and container names", () => {
    const mockContext = createMockContext({
      source: {
-        subscription: mockSubscription,
+        subscriptionId: "test-subscription-id",
        account: mockDatabaseAccount,
        databaseId: "test-db_with@special#chars",
        containerId: "test-container_with@special#chars",
      },
      target: {
-        subscriptionId: "test-subscription-id",
+        subscription: mockSubscription,
        account: mockDatabaseAccount,
        databaseId: "target-db_with@special#chars",
        containerId: "target-container_with@special#chars",
@@ -285,12 +285,12 @@ describe("PreviewCopyJob", () => {

    const mockContext = createMockContext({
      target: {
-        subscriptionId: "target-subscription-id",
+        subscription: mockSubscription,
        account: targetAccount,
        databaseId: "target-database",
        containerId: "target-container",
      },
-      sourceReadAccessFromTarget: true,
+      sourceReadWriteAccessFromTarget: true,
    });

    const { container } = render(
@@ -360,7 +360,7 @@ describe("PreviewCopyJob", () => {
    );

    expect(getByText(/Job name/i)).toBeInTheDocument();
-    expect(getByText(/Source subscription/i)).toBeInTheDocument();
-    expect(getByText(/Source account/i)).toBeInTheDocument();
+    expect(getByText(/Destination subscription/i)).toBeInTheDocument();
+    expect(getByText(/Destination account/i)).toBeInTheDocument();
  });
 });
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/PreviewCopyJob/PreviewCopyJob.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/PreviewCopyJob/PreviewCopyJob.tsx
@@ -36,15 +36,15 @@ const PreviewCopyJob: React.FC = () => {
        <TextField data-test="job-name-textfield" value={jobName} onChange={onJobNameChange} />
      </FieldRow>
      <Stack>
-        <Text className="bold themeText">{ContainerCopyMessages.sourceSubscriptionLabel}</Text>
-        <Text data-test="source-subscription-name" className="themeText">
-          {copyJobState.source?.subscription?.displayName}
+        <Text className="bold themeText">{ContainerCopyMessages.destinationSubscriptionLabel}</Text>
+        <Text data-test="destination-subscription-name" className="themeText">
+          {copyJobState.target?.subscription?.displayName}
        </Text>
      </Stack>
      <Stack>
-        <Text className="bold themeText">{ContainerCopyMessages.sourceAccountLabel}</Text>
-        <Text data-test="source-account-name" className="themeText">
-          {copyJobState.source?.account?.name}
+        <Text className="bold themeText">{ContainerCopyMessages.destinationAccountLabel}</Text>
+        <Text data-test="destination-account-name" className="themeText">
+          {copyJobState.target?.account?.name}
        </Text>
      </Stack>
      <Stack>
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/PreviewCopyJob/snapshots/PreviewCopyJob.test.tsx.snap
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/PreviewCopyJob/snapshots/PreviewCopyJob.test.tsx.snap
@@ -49,11 +49,11 @@ exports[`PreviewCopyJob should handle special characters in database and contain
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -64,11 +64,11 @@ exports[`PreviewCopyJob should handle special characters in database and contain
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
      test-account
    </span>
@@ -371,11 +371,11 @@ exports[`PreviewCopyJob should render component with cross-subscription setup 1`
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -386,13 +386,13 @@ exports[`PreviewCopyJob should render component with cross-subscription setup 1`
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
-      test-account
+      target-account
    </span>
  </div>
  <div
@@ -693,11 +693,11 @@ exports[`PreviewCopyJob should render with default state and empty job name 1`]
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -708,11 +708,11 @@ exports[`PreviewCopyJob should render with default state and empty job name 1`]
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
      test-account
    </span>
@@ -1015,13 +1015,13 @@ exports[`PreviewCopyJob should render with long subscription and account names 1
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
-      This is a very long subscription name that might cause display issues if not handled properly
+      Test Subscription
    </span>
  </div>
  <div
@@ -1030,13 +1030,13 @@ exports[`PreviewCopyJob should render with long subscription and account names 1
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
-      this-is-a-very-long-database-account-name-that-might-cause-display-issues
+      test-account
    </span>
  </div>
  <div
@@ -1337,11 +1337,11 @@ exports[`PreviewCopyJob should render with missing source account information 1`
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -1352,7 +1352,13 @@ exports[`PreviewCopyJob should render with missing source account information 1`
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
+    </span>
+    <span
+      class="themeText css-125"
+      data-test="destination-account-name"
+    >
+      test-account
    </span>
  </div>
  <div
@@ -1653,7 +1659,13 @@ exports[`PreviewCopyJob should render with missing source subscription informati
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
+    </span>
+    <span
+      class="themeText css-125"
+      data-test="destination-subscription-name"
+    >
+      Test Subscription
    </span>
  </div>
  <div
@@ -1662,11 +1674,11 @@ exports[`PreviewCopyJob should render with missing source subscription informati
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
      test-account
    </span>
@@ -1969,11 +1981,11 @@ exports[`PreviewCopyJob should render with online migration type 1`] = `
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -1984,11 +1996,11 @@ exports[`PreviewCopyJob should render with online migration type 1`] = `
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
      test-account
    </span>
@@ -2291,11 +2303,11 @@ exports[`PreviewCopyJob should render with pre-filled job name 1`] = `
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -2306,11 +2318,11 @@ exports[`PreviewCopyJob should render with pre-filled job name 1`] = `
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
      test-account
    </span>
@@ -2613,11 +2625,11 @@ exports[`PreviewCopyJob should render with undefined database and container name
    <span
      class="bold themeText css-125"
    >
-      Source subscription
+      Destination subscription
    </span>
    <span
      class="themeText css-125"
-      data-test="source-subscription-name"
+      data-test="destination-subscription-name"
    >
      Test Subscription
    </span>
@@ -2628,11 +2640,11 @@ exports[`PreviewCopyJob should render with undefined database and container name
    <span
      class="bold themeText css-125"
    >
-      Source account
+      Destination account
    </span>
    <span
      class="themeText css-125"
-      data-test="source-account-name"
+      data-test="destination-account-name"
    >
      test-account
    </span>
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.test.tsx
@@ -38,6 +38,12 @@ describe("AccountDropdown", () => {
    jobName: "",
    migrationType: CopyJobMigrationType.Offline,
    source: {
+      subscriptionId: "",
+      account: null,
+      databaseId: "",
+      containerId: "",
+    },
+    target: {
      subscription: {
        subscriptionId: "test-subscription-id",
        displayName: "Test Subscription",
@@ -46,13 +52,7 @@ describe("AccountDropdown", () => {
      databaseId: "",
      containerId: "",
    },
-    target: {
-      subscriptionId: "",
-      account: null,
-      databaseId: "",
-      containerId: "",
-    },
-    sourceReadAccessFromTarget: false,
+    sourceReadWriteAccessFromTarget: false,
  } as CopyJobContextState;

  const mockCopyJobContextValue = {
@@ -129,11 +129,11 @@ describe("AccountDropdown", () => {
      renderWithContext();

      expect(
-        screen.getByText(`${ContainerCopyMessages.sourceAccountDropdownLabel}:`, { exact: true }),
+        screen.getByText(`${ContainerCopyMessages.destinationAccountDropdownLabel}:`, { exact: true }),
      ).toBeInTheDocument();
      expect(screen.getByRole("combobox")).toHaveAttribute(
        "aria-label",
-        ContainerCopyMessages.sourceAccountDropdownLabel,
+        ContainerCopyMessages.destinationAccountDropdownLabel,
      );
    });

@@ -202,7 +202,7 @@ describe("AccountDropdown", () => {

      const stateUpdateFunction = mockSetCopyJobState.mock.calls[0][0];
      const newState = stateUpdateFunction(mockCopyJobState);
-      expect(newState.source.account).toEqual({
+      expect(newState.target.account).toEqual({
        ...mockDatabaseAccount1,
        id: normalizeAccountId(mockDatabaseAccount1.id),
      });
@@ -226,20 +226,21 @@ describe("AccountDropdown", () => {

      const stateUpdateFunction = mockSetCopyJobState.mock.calls[0][0];
      const newState = stateUpdateFunction(mockCopyJobState);
-      expect(newState.source.account).toEqual({
+      expect(newState.target.account).toEqual({
        ...mockDatabaseAccount2,
        id: normalizeAccountId(mockDatabaseAccount2.id),
      });
    });

    it("should keep current account if it exists in the filtered list", async () => {
+      const normalizedAccount1 = { ...mockDatabaseAccount1, id: normalizeAccountId(mockDatabaseAccount1.id) };
      const contextWithSelectedAccount = {
        ...mockCopyJobContextValue,
        copyJobState: {
          ...mockCopyJobState,
-          source: {
-            ...mockCopyJobState.source,
-            account: mockDatabaseAccount1,
+          target: {
+            ...mockCopyJobState.target,
+            account: normalizedAccount1,
          },
        },
      };
@@ -256,12 +257,9 @@ describe("AccountDropdown", () => {
      const newState = stateUpdateFunction(contextWithSelectedAccount.copyJobState);
      expect(newState).toEqual({
        ...contextWithSelectedAccount.copyJobState,
-        source: {
-          ...contextWithSelectedAccount.copyJobState.source,
-          account: {
-            ...mockDatabaseAccount1,
-            id: normalizeAccountId(mockDatabaseAccount1.id),
-          },
+        target: {
+          ...contextWithSelectedAccount.copyJobState.target,
+          account: normalizedAccount1,
        },
      });
    });
@@ -297,8 +295,8 @@ describe("AccountDropdown", () => {
        ...mockCopyJobContextValue,
        copyJobState: {
          ...mockCopyJobState,
-          source: {
-            ...mockCopyJobState.source,
+          target: {
+            ...mockCopyJobState.target,
            account: portalAccount,
          },
        },
@@ -323,8 +321,8 @@ describe("AccountDropdown", () => {
        ...mockCopyJobContextValue,
        copyJobState: {
          ...mockCopyJobState,
-          source: {
-            ...mockCopyJobState.source,
+          target: {
+            ...mockCopyJobState.target,
            account: hostedAccount,
          },
        },
@@ -361,8 +359,8 @@ describe("AccountDropdown", () => {
        ...mockCopyJobContextValue,
        copyJobState: {
          ...mockCopyJobState,
-          source: {
-            ...mockCopyJobState.source,
+          target: {
+            ...mockCopyJobState.target,
            subscription: null,
          },
        } as CopyJobContextState,
@@ -376,13 +374,13 @@ describe("AccountDropdown", () => {
    });

    it("should not update state if account is already selected and the same", async () => {
-      const selectedAccount = mockDatabaseAccount1;
+      const selectedAccount = { ...mockDatabaseAccount1, id: normalizeAccountId(mockDatabaseAccount1.id) };
      const contextWithSelectedAccount = {
        ...mockCopyJobContextValue,
        copyJobState: {
          ...mockCopyJobState,
-          source: {
-            ...mockCopyJobState.source,
+          target: {
+            ...mockCopyJobState.target,
            account: selectedAccount,
          },
        },
@@ -409,7 +407,7 @@ describe("AccountDropdown", () => {
      renderWithContext();

      const dropdown = screen.getByRole("combobox");
-      expect(dropdown).toHaveAttribute("aria-label", ContainerCopyMessages.sourceAccountDropdownLabel);
+      expect(dropdown).toHaveAttribute("aria-label", ContainerCopyMessages.destinationAccountDropdownLabel);
    });

    it("should have required attribute", () => {
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/AccountDropdown.tsx
@@ -25,7 +25,7 @@ export const normalizeAccountId = (id: string = "") => {
 export const AccountDropdown: React.FC<AccountDropdownProps> = () => {
  const { copyJobState, setCopyJobState } = useCopyJobContext();

-  const selectedSubscriptionId = copyJobState?.source?.subscription?.subscriptionId;
+  const selectedSubscriptionId = copyJobState?.target?.subscription?.subscriptionId;
  const allAccounts: DatabaseAccount[] = useDatabaseAccounts(selectedSubscriptionId);
  const sqlApiOnlyAccounts = (allAccounts || [])
    .filter((account) => apiType(account) === "SQL")
@@ -36,11 +36,11 @@ export const AccountDropdown: React.FC<AccountDropdownProps> = () => {

  const updateCopyJobState = (newAccount: DatabaseAccount) => {
    setCopyJobState((prevState) => {
-      if (prevState.source?.account?.id !== newAccount.id) {
+      if (prevState.target?.account?.id !== newAccount.id) {
        return {
          ...prevState,
-          source: {
-            ...prevState.source,
+          target: {
+            ...prevState.target,
            account: newAccount,
          },
        };
@@ -51,13 +51,13 @@ export const AccountDropdown: React.FC<AccountDropdownProps> = () => {

  useEffect(() => {
    if (sqlApiOnlyAccounts && sqlApiOnlyAccounts.length > 0 && selectedSubscriptionId) {
-      const currentAccountId = copyJobState?.source?.account?.id;
+      const currentAccountId = copyJobState?.target?.account?.id;
      const predefinedAccountId = normalizeAccountId(userContext.databaseAccount?.id);
      const selectedAccountId = currentAccountId || predefinedAccountId;

-      const targetAccount: DatabaseAccount | null =
+      const matchedAccount: DatabaseAccount | null =
        sqlApiOnlyAccounts.find((account) => account.id === selectedAccountId) || null;
-      updateCopyJobState(targetAccount || sqlApiOnlyAccounts[0]);
+      updateCopyJobState(matchedAccount || sqlApiOnlyAccounts[0]);
    }
  }, [sqlApiOnlyAccounts?.length, selectedSubscriptionId]);

@@ -77,13 +77,13 @@ export const AccountDropdown: React.FC<AccountDropdownProps> = () => {
  };

  const isAccountDropdownDisabled = !selectedSubscriptionId || accountOptions.length === 0;
-  const selectedAccountId = normalizeAccountId(copyJobState?.source?.account?.id ?? "");
+  const selectedAccountId = normalizeAccountId(copyJobState?.target?.account?.id ?? "");

  return (
-    <FieldRow label={ContainerCopyMessages.sourceAccountDropdownLabel}>
+    <FieldRow label={ContainerCopyMessages.destinationAccountDropdownLabel}>
      <Dropdown
-        placeholder={ContainerCopyMessages.sourceAccountDropdownPlaceholder}
-        ariaLabel={ContainerCopyMessages.sourceAccountDropdownLabel}
+        placeholder={ContainerCopyMessages.destinationAccountDropdownPlaceholder}
+        ariaLabel={ContainerCopyMessages.destinationAccountDropdownLabel}
        options={accountOptions}
        disabled={isAccountDropdownDisabled}
        required
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/MigrationType.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/MigrationType.test.tsx
@@ -29,7 +29,7 @@ describe("MigrationType", () => {
        databaseId: "",
        containerId: "",
      },
-      sourceReadAccessFromTarget: false,
+      sourceReadWriteAccessFromTarget: false,
    },
    setCopyJobState: mockSetCopyJobState,
    flow: { currentScreen: "selectAccount" },
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/SubscriptionDropdown.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/SubscriptionDropdown.tsx
@@ -17,11 +17,11 @@ export const SubscriptionDropdown: React.FC<SubscriptionDropdownProps> = React.m

  const updateCopyJobState = (newSubscription: Subscription) => {
    setCopyJobState((prevState) => {
-      if (prevState.source?.subscription?.subscriptionId !== newSubscription.subscriptionId) {
+      if (prevState.target?.subscription?.subscriptionId !== newSubscription.subscriptionId) {
        return {
          ...prevState,
-          source: {
-            ...prevState.source,
+          target: {
+            ...prevState.target,
            subscription: newSubscription,
            account: null,
          },
@@ -33,7 +33,7 @@ export const SubscriptionDropdown: React.FC<SubscriptionDropdownProps> = React.m

  useEffect(() => {
    if (subscriptions && subscriptions.length > 0) {
-      const currentSubscriptionId = copyJobState?.source?.subscription?.subscriptionId;
+      const currentSubscriptionId = copyJobState?.target?.subscription?.subscriptionId;
      const predefinedSubscriptionId = userContext.subscriptionId;
      const selectedSubscriptionId = currentSubscriptionId || predefinedSubscriptionId;

@@ -61,7 +61,7 @@ export const SubscriptionDropdown: React.FC<SubscriptionDropdownProps> = React.m
    }
  };

-  const selectedSubscriptionId = copyJobState?.source?.subscription?.subscriptionId;
+  const selectedSubscriptionId = copyJobState?.target?.subscription?.subscriptionId;

  return (
    <FieldRow label={ContainerCopyMessages.subscriptionDropdownLabel}>
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/SelectAccount.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/SelectAccount.test.tsx
@@ -30,18 +30,18 @@ describe("SelectAccount", () => {
      jobName: "",
      migrationType: CopyJobMigrationType.Online,
      source: {
-        subscription: null as any,
-        account: null as any,
-        databaseId: "",
-        containerId: "",
-      },
-      target: {
        subscriptionId: "",
        account: null as any,
        databaseId: "",
        containerId: "",
      },
-      sourceReadAccessFromTarget: false,
+      target: {
+        subscription: null as any,
+        account: null as any,
+        databaseId: "",
+        containerId: "",
+      },
+      sourceReadWriteAccessFromTarget: false,
    },
    setCopyJobState: mockSetCopyJobState,
    flow: { currentScreen: "selectAccount" },
@@ -68,7 +68,7 @@ describe("SelectAccount", () => {
      expect(container.firstChild).toHaveAttribute("data-test", "Panel:SelectAccountContainer");
      expect(container.firstChild).toHaveClass("selectAccountContainer");

-      expect(screen.getByText(/Please select a source account from which to copy/i)).toBeInTheDocument();
+      expect(screen.getByText(/Please select a destination account to copy to/i)).toBeInTheDocument();

      expect(screen.getByTestId("subscription-dropdown")).toBeInTheDocument();
      expect(screen.getByTestId("account-dropdown")).toBeInTheDocument();
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/snapshots/SelectAccount.test.tsx.snap
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/snapshots/SelectAccount.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`SelectAccount Component Rendering should render correctly with snapshot
  <span
    class="themeText css-110"
  >
-    Please select a source account from which to copy.
+    Please select a destination account to copy to.
  </span>
  <div
    data-testid="subscription-dropdown"
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/Events/DropDownChangeHandler.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/Events/DropDownChangeHandler.test.tsx
@@ -7,19 +7,9 @@ import { dropDownChangeHandler } from "./DropDownChangeHandler";
 const createMockInitialState = (): CopyJobContextState => ({
  jobName: "test-job",
  migrationType: CopyJobMigrationType.Offline,
-  sourceReadAccessFromTarget: false,
+  sourceReadWriteAccessFromTarget: false,
  source: {
-    subscription: {
-      subscriptionId: "source-sub-id",
-      displayName: "Source Subscription",
-      state: "Enabled",
-      subscriptionPolicies: {
-        locationPlacementId: "test",
-        quotaId: "test",
-        spendingLimit: "Off",
-      },
-      authorizationSource: "test",
-    },
+    subscriptionId: "source-sub-id",
    account: {
      id: "source-account-id",
      name: "source-account",
@@ -50,7 +40,17 @@ const createMockInitialState = (): CopyJobContextState => ({
    containerId: "source-container",
  },
  target: {
-    subscriptionId: "target-sub-id",
+    subscription: {
+      subscriptionId: "target-sub-id",
+      displayName: "Target Subscription",
+      state: "Enabled",
+      subscriptionPolicies: {
+        locationPlacementId: "test",
+        quotaId: "test",
+        spendingLimit: "Off",
+      },
+      authorizationSource: "test",
+    },
    account: {
      id: "target-account-id",
      name: "target-account",
@@ -169,7 +169,7 @@ describe("dropDownChangeHandler", () => {

      expect(capturedState.source.databaseId).toBe("new-source-db");
      expect(capturedState.source.containerId).toBeUndefined();
-      expect(capturedState.source.subscription).toEqual(initialState.source.subscription);
+      expect(capturedState.source.subscriptionId).toEqual(initialState.source.subscriptionId);
      expect(capturedState.source.account).toEqual(initialState.source.account);
      expect(capturedState.target).toEqual(initialState.target);
    });
@@ -181,7 +181,7 @@ describe("dropDownChangeHandler", () => {

      expect(capturedState.jobName).toBe(initialState.jobName);
      expect(capturedState.migrationType).toBe(initialState.migrationType);
-      expect(capturedState.sourceReadAccessFromTarget).toBe(initialState.sourceReadAccessFromTarget);
+      expect(capturedState.sourceReadWriteAccessFromTarget).toBe(initialState.sourceReadWriteAccessFromTarget);
    });
  });

@@ -193,7 +193,7 @@ describe("dropDownChangeHandler", () => {

      expect(capturedState.source.containerId).toBe("new-source-container");
      expect(capturedState.source.databaseId).toBe(initialState.source.databaseId);
-      expect(capturedState.source.subscription).toEqual(initialState.source.subscription);
+      expect(capturedState.source.subscriptionId).toEqual(initialState.source.subscriptionId);
      expect(capturedState.source.account).toEqual(initialState.source.account);
      expect(capturedState.target).toEqual(initialState.target);
    });
@@ -215,7 +215,7 @@ describe("dropDownChangeHandler", () => {

      expect(capturedState.target.databaseId).toBe("new-target-db");
      expect(capturedState.target.containerId).toBeUndefined();
-      expect(capturedState.target.subscriptionId).toBe(initialState.target.subscriptionId);
+      expect(capturedState.target.subscription).toEqual(initialState.target.subscription);
      expect(capturedState.target.account).toEqual(initialState.target.account);
      expect(capturedState.source).toEqual(initialState.source);
    });
@@ -227,7 +227,7 @@ describe("dropDownChangeHandler", () => {

      expect(capturedState.jobName).toBe(initialState.jobName);
      expect(capturedState.migrationType).toBe(initialState.migrationType);
-      expect(capturedState.sourceReadAccessFromTarget).toBe(initialState.sourceReadAccessFromTarget);
+      expect(capturedState.sourceReadWriteAccessFromTarget).toBe(initialState.sourceReadWriteAccessFromTarget);
    });
  });

@@ -239,7 +239,7 @@ describe("dropDownChangeHandler", () => {

      expect(capturedState.target.containerId).toBe("new-target-container");
      expect(capturedState.target.databaseId).toBe(initialState.target.databaseId);
-      expect(capturedState.target.subscriptionId).toBe(initialState.target.subscriptionId);
+      expect(capturedState.target.subscription).toEqual(initialState.target.subscription);
      expect(capturedState.target.account).toEqual(initialState.target.account);
      expect(capturedState.source).toEqual(initialState.source);
    });
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/SelectSourceAndTargetContainers.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/SelectSourceAndTargetContainers.test.tsx
@@ -73,7 +73,7 @@ describe("SelectSourceAndTargetContainers", () => {
    jobName: "",
    migrationType: CopyJobMigrationType.Offline,
    source: {
-      subscription: { subscriptionId: "test-subscription-id" },
+      subscriptionId: "test-subscription-id",
      account: {
        id: "/subscriptions/test-sub/resourceGroups/test-rg/providers/Microsoft.DocumentDB/databaseAccounts/test-account",
        name: "test-account",
@@ -82,7 +82,7 @@ describe("SelectSourceAndTargetContainers", () => {
      containerId: "container1",
    },
    target: {
-      subscriptionId: "test-subscription-id",
+      subscription: { subscriptionId: "test-subscription-id" },
      account: {
        id: "/subscriptions/test-sub/resourceGroups/test-rg/providers/Microsoft.DocumentDB/databaseAccounts/test-account",
        name: "test-account",
@@ -90,7 +90,7 @@ describe("SelectSourceAndTargetContainers", () => {
      databaseId: "db2",
      containerId: "container2",
    },
-    sourceReadAccessFromTarget: false,
+    sourceReadWriteAccessFromTarget: false,
  };

  const mockMemoizedData = {
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/memoizedData.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectSourceAndTargetContainers/memoizedData.test.tsx
@@ -69,15 +69,15 @@ describe("useSourceAndTargetData", () => {
  const mockCopyJobState: CopyJobContextState = {
    jobName: "test-job",
    migrationType: CopyJobMigrationType.Offline,
-    sourceReadAccessFromTarget: false,
+    sourceReadWriteAccessFromTarget: false,
    source: {
-      subscription: mockSubscription,
+      subscriptionId: "source-subscription-id",
      account: mockSourceAccount,
      databaseId: "source-db",
      containerId: "source-container",
    },
    target: {
-      subscriptionId: "target-subscription-id",
+      subscription: mockSubscription,
      account: mockTargetAccount,
      databaseId: "target-db",
      containerId: "target-container",
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Utils/useCopyJobNavigation.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Utils/useCopyJobNavigation.test.tsx
@@ -86,13 +86,13 @@ describe("useCopyJobNavigation", () => {
    jobName: "test-job",
    migrationType: CopyJobMigrationType.Offline,
    source: {
-      subscription: { subscriptionId: "source-sub-id" } as any,
+      subscriptionId: "source-sub-id",
      account: { id: "source-account-id", name: "Account-1" } as any,
      databaseId: "source-db",
      containerId: "source-container",
    },
    target: {
-      subscriptionId: "target-sub-id",
+      subscription: { subscriptionId: "target-sub-id" } as any,
      account: { id: "target-account-id", name: "Account-2" } as any,
      databaseId: "target-db",
      containerId: "target-container",
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Utils/useCreateCopyJobScreensList.test.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Utils/useCreateCopyJobScreensList.test.tsx
@@ -142,14 +142,14 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: { subscriptionId: "test-sub" } as any,
+            subscriptionId: "test-sub",
            account: { name: "test-account" } as any,
            databaseId: "",
            containerId: "",
          },
          target: {
-            subscriptionId: "",
-            account: null as any,
+            subscription: { subscriptionId: "test-sub" } as any,
+            account: { name: "test-account" } as any,
            databaseId: "",
            containerId: "",
          },
@@ -171,14 +171,14 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: null as any,
-            account: { name: "test-account" } as any,
+            subscriptionId: "",
+            account: null as any,
            databaseId: "",
            containerId: "",
          },
          target: {
-            subscriptionId: "",
-            account: null as any,
+            subscription: null as any,
+            account: { name: "test-account" } as any,
            databaseId: "",
            containerId: "",
          },
@@ -210,13 +210,13 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: null as any,
+            subscriptionId: "",
            account: null as any,
            databaseId: "source-db",
            containerId: "source-container",
          },
          target: {
-            subscriptionId: "",
+            subscription: null as any,
            account: null as any,
            databaseId: "target-db",
            containerId: "target-container",
@@ -240,13 +240,13 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: null as any,
+            subscriptionId: "",
            account: null as any,
            databaseId: "",
            containerId: "source-container",
          },
          target: {
-            subscriptionId: "",
+            subscription: null as any,
            account: null as any,
            databaseId: "target-db",
            containerId: "target-container",
@@ -288,13 +288,13 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "valid-job-name_123",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: null as any,
+            subscriptionId: "",
            account: null as any,
            databaseId: "",
            containerId: "",
          },
          target: {
-            subscriptionId: "",
+            subscription: null as any,
            account: null as any,
            databaseId: "",
            containerId: "",
@@ -318,13 +318,13 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "invalid job name with spaces!",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: null as any,
+            subscriptionId: "",
            account: null as any,
            databaseId: "",
            containerId: "",
          },
          target: {
-            subscriptionId: "",
+            subscription: null as any,
            account: null as any,
            databaseId: "",
            containerId: "",
@@ -348,13 +348,13 @@ describe("useCreateCopyJobScreensList", () => {
          jobName: "",
          migrationType: CopyJobMigrationType.Offline,
          source: {
-            subscription: null as any,
+            subscriptionId: "",
            account: null as any,
            databaseId: "",
            containerId: "",
          },
          target: {
-            subscriptionId: "",
+            subscription: null as any,
            account: null as any,
            databaseId: "",
            containerId: "",
--- a/src/Explorer/ContainerCopy/CreateCopyJob/Utils/useCreateCopyJobScreensList.tsx
+++ b/src/Explorer/ContainerCopy/CreateCopyJob/Utils/useCreateCopyJobScreensList.tsx
@@ -36,7 +36,7 @@ function useCreateCopyJobScreensList(goBack: () => void): Screen[] {
        component: <SelectAccount />,
        validations: [
          {
-            validate: (state: CopyJobContextState) => !!state?.source?.subscription && !!state?.source?.account,
+            validate: (state: CopyJobContextState) => !!state?.target?.subscription && !!state?.target?.account,
            message: "Please select a subscription and account to proceed",
          },
        ],
--- a/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.test.tsx
+++ b/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.test.tsx
@@ -19,7 +19,7 @@ jest.mock("../../ContainerCopyMessages", () => ({
  sourceContainerLabel: "Source Container",
  targetDatabaseLabel: "Destination Database",
  targetContainerLabel: "Destination Container",
-  sourceAccountLabel: "Source Account",
+  destinationAccountLabel: "Destination account",
  MonitorJobs: {
    Columns: {
      lastUpdatedTime: "Date & time",
@@ -102,8 +102,8 @@ describe("CopyJobDetails", () => {
      expect(screen.getByText("Date & time")).toBeInTheDocument();
      expect(screen.getByText("2024-01-01T10:00:00Z")).toBeInTheDocument();

-      expect(screen.getByText("Source Account")).toBeInTheDocument();
-      expect(screen.getByText("sourceAccount")).toBeInTheDocument();
+      expect(screen.getByText("Destination account")).toBeInTheDocument();
+      expect(screen.getByText("targetAccount")).toBeInTheDocument();

      expect(screen.getByText("Mode")).toBeInTheDocument();
      expect(screen.getByText("Offline")).toBeInTheDocument();
@@ -263,7 +263,7 @@ describe("CopyJobDetails", () => {
      expect(screen.getByText("complex_source_container_with_underscores")).toBeInTheDocument();
      expect(screen.getByText("complex-target-db-with-hyphens")).toBeInTheDocument();
      expect(screen.getByText("complex_target_container_with_underscores")).toBeInTheDocument();
-      expect(screen.getByText("complex.source.account")).toBeInTheDocument();
+      expect(screen.getByText("complex.target.account")).toBeInTheDocument();
    });
  });

@@ -322,11 +322,11 @@ describe("CopyJobDetails", () => {
      render(<CopyJobDetails job={mockBasicJob} />);

      const dateTimeHeading = screen.getByText("Date & time");
-      const sourceAccountHeading = screen.getByText("Source Account");
+      const destinationAccountHeading = screen.getByText("Destination account");
      const modeHeading = screen.getByText("Mode");

      expect(dateTimeHeading).toHaveClass("bold");
-      expect(sourceAccountHeading).toHaveClass("bold");
+      expect(destinationAccountHeading).toHaveClass("bold");
      expect(modeHeading).toHaveClass("bold");
    });
  });
--- a/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.tsx
+++ b/src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobDetails.tsx
@@ -106,8 +106,8 @@ const CopyJobDetails: React.FC<CopyJobDetailsProps> = ({ job }) => {
            <Text className="themeText">{job.LastUpdatedTime}</Text>
          </Stack.Item>
          <Stack.Item style={sectionCss.verticalAlign}>
-            <Text className="bold themeText">{ContainerCopyMessages.sourceAccountLabel}</Text>
-            <Text className="themeText">{job.Source?.remoteAccountName}</Text>
+            <Text className="bold themeText">{ContainerCopyMessages.destinationAccountLabel}</Text>
+            <Text className="themeText">{job.Destination?.remoteAccountName}</Text>
          </Stack.Item>
          <Stack.Item style={sectionCss.verticalAlign}>
            <Text className="bold themeText">{ContainerCopyMessages.MonitorJobs.Columns.mode}</Text>
--- a/src/Explorer/ContainerCopy/Types/CopyJobTypes.ts
+++ b/src/Explorer/ContainerCopy/Types/CopyJobTypes.ts
@@ -55,15 +55,15 @@ export interface DatabaseContainerSectionProps {
 export interface CopyJobContextState {
  jobName: string;
  migrationType: CopyJobMigrationType;
-  sourceReadAccessFromTarget?: boolean;
+  sourceReadWriteAccessFromTarget?: boolean;
  source: {
-    subscription: Subscription | null;
+    subscriptionId: string;
    account: DatabaseAccount | null;
    databaseId: string;
    containerId: string;
  };
  target: {
-    subscriptionId: string;
+    subscription: Subscription | null;
    account: DatabaseAccount | null;
    databaseId: string;
    containerId: string;
--- a/src/Explorer/ContextMenuButtonFactory.tsx
+++ b/src/Explorer/ContextMenuButtonFactory.tsx
@@ -7,6 +7,7 @@ import {
  AddGlobalSecondaryIndexPanelProps,
 } from "Explorer/Panes/AddGlobalSecondaryIndexPanel/AddGlobalSecondaryIndexPanel";
 import { useDatabases } from "Explorer/useDatabases";
+import { Keys, t } from "Localization";
 import { isFabric, isFabricNative, openRestoreContainerDialog } from "Platform/Fabric/FabricUtil";
 import { Action } from "Shared/Telemetry/TelemetryConstants";
 import { traceOpen } from "Shared/Telemetry/TelemetryProcessor";
@@ -23,7 +24,9 @@ import DeleteSprocIcon from "../../images/DeleteSproc.svg";
 import DeleteTriggerIcon from "../../images/DeleteTrigger.svg";
 import DeleteUDFIcon from "../../images/DeleteUDF.svg";
 import HostedTerminalIcon from "../../images/Hosted-Terminal.svg";
+import PinIcon from "../../images/Pin.svg";
 import * as ViewModels from "../Contracts/ViewModels";
+import { extractFeatures } from "../Platform/Hosted/extractFeatures";
 import { userContext } from "../UserContext";
 import { getCollectionName, getDatabaseName } from "../Utils/APITypeUtils";
 import { useSidePanel } from "../hooks/useSidePanel";
@@ -35,7 +38,6 @@ import StoredProcedure from "./Tree/StoredProcedure";
 import Trigger from "./Tree/Trigger";
 import UserDefinedFunction from "./Tree/UserDefinedFunction";
 import { useSelectedNode } from "./useSelectedNode";
-import { extractFeatures } from "../Platform/Hosted/extractFeatures";

 export interface CollectionContextMenuButtonParams {
  databaseId: string;
@@ -52,12 +54,18 @@ export const createDatabaseContextMenu = (container: Explorer, databaseId: strin
  if (isFabric() && userContext.fabricContext?.isReadOnly) {
    return undefined;
  }
+  const isPinned = useDatabases.getState().isPinned(databaseId);

  const items: TreeNodeMenuItem[] = [
+    {
+      iconSrc: PinIcon,
+      onClick: () => useDatabases.getState().togglePinDatabase(databaseId),
+      label: isPinned ? "Unpin from top" : "Pin to top",
+    },
    {
      iconSrc: AddCollectionIcon,
      onClick: () => container.onNewCollectionClicked({ databaseId }),
-      label: `New ${getCollectionName()}`,
+      label: t(Keys.contextMenu.newContainer, { containerName: getCollectionName() }),
    },
  ];

@@ -67,7 +75,7 @@ export const createDatabaseContextMenu = (container: Explorer, databaseId: strin
      items.push({
        iconSrc: AddCollectionIcon,
        onClick: () => openRestoreContainerDialog(),
-        label: `Restore ${getCollectionName()}`,
+        label: t(Keys.contextMenu.restoreContainer, { containerName: getCollectionName() }),
      });
    }
  }
@@ -76,15 +84,15 @@ export const createDatabaseContextMenu = (container: Explorer, databaseId: strin
    items.push({
      iconSrc: DeleteDatabaseIcon,
      onClick: (lastFocusedElement?: React.RefObject<HTMLElement>) => {
-        (useSidePanel.getState().getRef = lastFocusedElement),
-          useSidePanel
-            .getState()
-            .openSidePanel(
-              "Delete " + getDatabaseName(),
-              <DeleteDatabaseConfirmationPanel refreshDatabases={() => container.refreshAllDatabases()} />,
-            );
+        useSidePanel.getState().getRef = lastFocusedElement;
+        useSidePanel
+          .getState()
+          .openSidePanel(
+            "Delete " + getDatabaseName(),
+            <DeleteDatabaseConfirmationPanel refreshDatabases={() => container.refreshAllDatabases()} />,
+          );
      },
-      label: `Delete ${getDatabaseName()}`,
+      label: t(Keys.contextMenu.deleteDatabase, { databaseName: getDatabaseName() }),
      styleClass: "deleteDatabaseMenuItem",
    });
  }
@@ -100,7 +108,7 @@ export const createCollectionContextMenuButton = (
    items.push({
      iconSrc: AddSqlQueryIcon,
      onClick: () => selectedCollection && selectedCollection.onNewQueryClick(selectedCollection, undefined),
-      label: "New SQL Query",
+      label: t(Keys.contextMenu.newSqlQuery),
    });
  }

@@ -108,7 +116,7 @@ export const createCollectionContextMenuButton = (
    items.push({
      iconSrc: AddSqlQueryIcon,
      onClick: () => selectedCollection && selectedCollection.onNewMongoQueryClick(selectedCollection, undefined),
-      label: "New Query",
+      label: t(Keys.contextMenu.newQuery),
    });

    items.push({
@@ -123,8 +131,8 @@ export const createCollectionContextMenuButton = (
      },
      label:
        useNotebook.getState().isShellEnabled || userContext.features.enableCloudShell
-          ? "Open Mongo Shell"
-          : "New Shell",
+          ? t(Keys.contextMenu.openMongoShell)
+          : t(Keys.contextMenu.newShell),
    });
  }

@@ -137,7 +145,7 @@ export const createCollectionContextMenuButton = (
      onClick: () => {
        container.openNotebookTerminal(ViewModels.TerminalKind.Cassandra);
      },
-      label: "Open Cassandra Shell",
+      label: t(Keys.contextMenu.openCassandraShell),
    });
  }

@@ -150,7 +158,7 @@ export const createCollectionContextMenuButton = (
      onClick: () => {
        selectedCollection && selectedCollection.onNewStoredProcedureClick(selectedCollection, undefined);
      },
-      label: "New Stored Procedure",
+      label: t(Keys.contextMenu.newStoredProcedure),
    });

    items.push({
@@ -158,7 +166,7 @@ export const createCollectionContextMenuButton = (
      onClick: () => {
        selectedCollection && selectedCollection.onNewUserDefinedFunctionClick(selectedCollection);
      },
-      label: "New UDF",
+      label: t(Keys.contextMenu.newUdf),
    });

    items.push({
@@ -166,7 +174,7 @@ export const createCollectionContextMenuButton = (
      onClick: () => {
        selectedCollection && selectedCollection.onNewTriggerClick(selectedCollection, undefined);
      },
-      label: "New Trigger",
+      label: t(Keys.contextMenu.newTrigger),
    });
  }

@@ -175,15 +183,15 @@ export const createCollectionContextMenuButton = (
      iconSrc: DeleteCollectionIcon,
      onClick: (lastFocusedElement?: React.RefObject<HTMLElement>) => {
        useSelectedNode.getState().setSelectedNode(selectedCollection);
-        (useSidePanel.getState().getRef = lastFocusedElement),
-          useSidePanel
-            .getState()
-            .openSidePanel(
-              "Delete " + getCollectionName(),
-              <DeleteCollectionConfirmationPane refreshDatabases={() => container.refreshAllDatabases()} />,
-            );
+        useSidePanel.getState().getRef = lastFocusedElement;
+        useSidePanel
+          .getState()
+          .openSidePanel(
+            "Delete " + getCollectionName(),
+            <DeleteCollectionConfirmationPane refreshDatabases={() => container.refreshAllDatabases()} />,
+          );
      },
-      label: `Delete ${getCollectionName()}`,
+      label: t(Keys.contextMenu.deleteContainer, { containerName: getCollectionName() }),
      styleClass: "deleteCollectionMenuItem",
    });
  }
@@ -220,14 +228,14 @@ export const createSampleCollectionContextMenuButton = (): TreeNodeMenuItem[] =>
          useTabs.getState().openAndActivateReactTab(ReactTabKind.QueryCopilot);
          traceOpen(Action.OpenQueryCopilotFromNewQuery, { apiType: userContext.apiType });
        },
-        label: "New SQL Query",
+        label: t(Keys.contextMenu.newSqlQuery),
      });
    } else if (copilotVersion === "v2.0") {
      const sampleCollection = useDatabases.getState().sampleDataResourceTokenCollection;
      items.push({
        iconSrc: AddSqlQueryIcon,
        onClick: () => sampleCollection && sampleCollection.onNewQueryClick(sampleCollection, undefined),
-        label: "New SQL Query",
+        label: t(Keys.contextMenu.newSqlQuery),
      });
    }
  }
@@ -247,7 +255,7 @@ export const createStoreProcedureContextMenuItems = (
    {
      iconSrc: DeleteSprocIcon,
      onClick: () => storedProcedure.delete(),
-      label: "Delete Stored Procedure",
+      label: t(Keys.contextMenu.deleteStoredProcedure),
    },
  ];
 };
@@ -261,7 +269,7 @@ export const createTriggerContextMenuItems = (container: Explorer, trigger: Trig
    {
      iconSrc: DeleteTriggerIcon,
      onClick: () => trigger.delete(),
-      label: "Delete Trigger",
+      label: t(Keys.contextMenu.deleteTrigger),
    },
  ];
 };
@@ -278,7 +286,7 @@ export const createUserDefinedFunctionContextMenuItems = (
    {
      iconSrc: DeleteUDFIcon,
      onClick: () => userDefinedFunction.delete(),
-      label: "Delete User Defined Function",
+      label: t(Keys.contextMenu.deleteUdf),
    },
  ];
 };
--- a/src/Explorer/Controls/CommandButton/CommandButtonComponent.tsx
+++ b/src/Explorer/Controls/CommandButton/CommandButtonComponent.tsx
@@ -58,6 +58,11 @@ export interface CommandButtonComponentProps {
   */
  tooltipText?: string;

+  /**
+   * Rich JSX content for tooltip (used instead of tooltipText when provided)
+   */
+  tooltipContent?: React.ReactNode;
+
  /**
   * Custom styles to apply to the button using Fluent UI theme tokens
   */
--- a/src/Explorer/Controls/Dialog.tsx
+++ b/src/Explorer/Controls/Dialog.tsx
@@ -17,6 +17,7 @@ import {
 } from "@fluentui/react";
 import React, { FC, useEffect } from "react";
 import create, { UseStore } from "zustand";
+import { Keys, t } from "Localization";

 export interface DialogState {
  visible: boolean;
@@ -88,7 +89,7 @@ export const useDialog: UseStore<DialogState> = create((set, get) => ({
      isModal: true,
      title,
      subText,
-      primaryButtonText: "Close",
+      primaryButtonText: t(Keys.common.close),
      secondaryButtonText: undefined,
      onPrimaryButtonClick: () => {
        get().closeDialog();
--- a/src/Explorer/Controls/Settings/SettingsComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsComponent.tsx
@@ -44,6 +44,7 @@ import { useCommandBar } from "../../Menus/CommandBar/CommandBarComponentAdapter
 import { SettingsTabV2 } from "../../Tabs/SettingsTabV2";
 import "./SettingsComponent.less";
 import { mongoIndexingPolicyAADError } from "./SettingsRenderUtils";
+import { Keys, t } from "Localization";
 import {
  ConflictResolutionComponent,
  ConflictResolutionComponentProps,
@@ -689,12 +690,12 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
  private onDataMaskingContentChange = (newDataMasking: DataModels.DataMaskingPolicy): void => {
    const validationErrors = [];
    if (newDataMasking.includedPaths === undefined || newDataMasking.includedPaths === null) {
-      validationErrors.push("includedPaths is required");
+      validationErrors.push(t(Keys.controls.settings.dataMasking.includedPathsRequired));
    } else if (!Array.isArray(newDataMasking.includedPaths)) {
-      validationErrors.push("includedPaths must be an array");
+      validationErrors.push(t(Keys.controls.settings.dataMasking.includedPathsMustBeArray));
    }
    if (newDataMasking.excludedPaths !== undefined && !Array.isArray(newDataMasking.excludedPaths)) {
-      validationErrors.push("excludedPaths must be an array if provided");
+      validationErrors.push(t(Keys.controls.settings.dataMasking.excludedPathsMustBeArray));
    }

    this.setState({
@@ -896,7 +897,7 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
    const buttons: CommandButtonComponentProps[] = [];
    const isExecuting = this.props.settingsTab.isExecuting();
    if (this.saveSettingsButton.isVisible()) {
-      const label = "Save";
+      const label = t(Keys.common.save);
      buttons.push({
        iconSrc: SaveIcon,
        iconAlt: label,
@@ -909,7 +910,7 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
    }

    if (this.discardSettingsChangesButton.isVisible()) {
-      const label = "Discard";
+      const label = t(Keys.common.discard);
      buttons.push({
        iconSrc: DiscardIcon,
        iconAlt: label,
@@ -934,9 +935,10 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
    const numberOfRegions = userContext.databaseAccount?.properties.locations?.length || 1;
    const throughputDelta = (newThroughput - this.offer.autoscaleMaxThroughput) * numberOfRegions;
    if (throughputCap && throughputCap !== -1 && throughputCap - this.totalThroughputUsed < throughputDelta) {
-      throughputError = `Your account is currently configured with a total throughput limit of ${throughputCap} RU/s. This update isn't possible because it would increase the total throughput to ${
-        this.totalThroughputUsed + throughputDelta
-      } RU/s. Change total throughput limit in cost management.`;
+      throughputError = t(Keys.controls.settings.throughput.throughputCapError, {
+        throughputCap: String(throughputCap),
+        newTotalThroughput: String(this.totalThroughputUsed + throughputDelta),
+      });
    }
    this.setState({ autoPilotThroughput: newThroughput, throughputError });
  };
@@ -947,9 +949,10 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
    const numberOfRegions = userContext.databaseAccount?.properties.locations?.length || 1;
    const throughputDelta = (newThroughput - this.offer.manualThroughput) * numberOfRegions;
    if (throughputCap && throughputCap !== -1 && throughputCap - this.totalThroughputUsed < throughputDelta) {
-      throughputError = `Your account is currently configured with a total throughput limit of ${throughputCap} RU/s. This update isn't possible because it would increase the total throughput to ${
-        this.totalThroughputUsed + throughputDelta
-      } RU/s. Change total throughput limit in cost management.`;
+      throughputError = t(Keys.controls.settings.throughput.throughputCapError, {
+        throughputCap: String(throughputCap),
+        newTotalThroughput: String(this.totalThroughputUsed + throughputDelta),
+      });
    }
    this.setState({ throughput: newThroughput, throughputError });
  };
@@ -1560,7 +1563,7 @@ export class SettingsComponent extends React.Component<SettingsComponentProps, S
        }
      >
        {this.shouldShowKeyspaceSharedThroughputMessage() && (
-          <div>This table shared throughput is configured at the keyspace</div>
+          <div>{t(Keys.controls.settings.scale.keyspaceSharedThroughput)}</div>
        )}

        <div
--- a/src/Explorer/Controls/Settings/SettingsRenderUtils.tsx
+++ b/src/Explorer/Controls/Settings/SettingsRenderUtils.tsx
@@ -22,6 +22,7 @@ import {
  Stack,
  Text,
 } from "@fluentui/react";
+import { Keys, t } from "Localization";
 import * as React from "react";
 import { Urls } from "../../../Common/Constants";
 import { StyleConstants } from "../../../Common/StyleConstants";
@@ -338,10 +339,12 @@ export const getEstimatedSpendingElement = (
  const ruRange: string = isAutoscale ? throughput / 10 + " RU/s - " : "";
  return (
    <Stack>
-      <Text style={{ fontWeight: 600, color: "var(--colorNeutralForeground1)" }}>Cost estimate*</Text>
+      <Text style={{ fontWeight: 600, color: "var(--colorNeutralForeground1)" }}>
+        {t(Keys.controls.settings.costEstimate.title)}
+      </Text>
      {costElement}
      <Text style={{ fontWeight: 600, marginTop: 15, color: "var(--colorNeutralForeground1)" }}>
-        How we calculate this
+        {t(Keys.controls.settings.costEstimate.howWeCalculate)}
      </Text>
      <Stack id="throughputSpendElement" style={{ marginTop: 5 }}>
        <span>
@@ -353,7 +356,8 @@ export const getEstimatedSpendingElement = (
        </span>
        <span>
          {priceBreakdown.currencySign}
-          {priceBreakdown.pricePerRu}/RU
+          {priceBreakdown.pricePerRu}
+          {t(Keys.controls.settings.costEstimate.perRu)}
        </span>
      </Stack>
      <Text style={{ marginTop: 15, color: "var(--colorNeutralForeground1)" }}>
@@ -365,18 +369,16 @@ export const getEstimatedSpendingElement = (

 export const manualToAutoscaleDisclaimerElement: JSX.Element = (
  <Text styles={infoAndToolTipTextStyle} id="manualToAutoscaleDisclaimerElement">
-    The starting autoscale max RU/s will be determined by the system, based on the current manual throughput settings
-    and storage of your resource. After autoscale has been enabled, you can change the max RU/s.{" "}
-    <Link href={Urls.autoscaleMigration}>Learn more</Link>
+    {t(Keys.controls.settings.throughput.manualToAutoscaleDisclaimer)}{" "}
+    <Link href={Urls.autoscaleMigration}>{t(Keys.common.learnMore)}</Link>
  </Text>
 );

 export const ttlWarning: JSX.Element = (
  <Text styles={infoAndToolTipTextStyle}>
-    The system will automatically delete items based on the TTL value (in seconds) you provide, without needing a delete
-    operation explicitly issued by a client application. For more information see,{" "}
+    {t(Keys.controls.settings.throughput.ttlWarningText)}{" "}
    <Link target="_blank" href="https://aka.ms/cosmos-db-ttl">
-      Time to Live (TTL) in Azure Cosmos DB
+      {t(Keys.controls.settings.throughput.ttlWarningLinkText)}
    </Link>
    .
  </Text>
@@ -384,29 +386,28 @@ export const ttlWarning: JSX.Element = (

 export const unsavedEditorWarningMessage = (editor: editorType): JSX.Element => (
  <Text styles={infoAndToolTipTextStyle}>
-    You have not saved the latest changes made to your{" "}
+    {t(Keys.controls.settings.throughput.unsavedEditorWarningPrefix)}{" "}
    {editor === "indexPolicy"
-      ? "indexing policy"
+      ? t(Keys.controls.settings.throughput.unsavedIndexingPolicy)
      : editor === "dataMasking"
-      ? "data masking policy"
-      : "computed properties"}
-    . Please click save to confirm the changes.
+      ? t(Keys.controls.settings.throughput.unsavedDataMaskingPolicy)
+      : t(Keys.controls.settings.throughput.unsavedComputedProperties)}
+    {t(Keys.controls.settings.throughput.unsavedEditorWarningSuffix)}
  </Text>
 );

 export const updateThroughputDelayedApplyWarningMessage: JSX.Element = (
  <Text styles={infoAndToolTipTextStyle} id="updateThroughputDelayedApplyWarningMessage">
-    You are about to request an increase in throughput beyond the pre-allocated capacity. This operation will take some
-    time to complete.
+    {t(Keys.controls.settings.throughput.updateDelayedApplyWarning)}
  </Text>
 );

 export const getUpdateThroughputBeyondInstantLimitMessage = (instantMaximumThroughput: number): JSX.Element => {
  return (
    <Text id="updateThroughputDelayedApplyWarningMessage">
-      Scaling up will take 4-6 hours as it exceeds what Azure Cosmos DB can instantly support currently based on your
-      number of physical partitions. You can increase your throughput to {instantMaximumThroughput} instantly or proceed
-      with this value and wait until the scale-up is completed.
+      {t(Keys.controls.settings.throughput.scalingUpDelayMessage, {
+        instantMaximumThroughput: String(instantMaximumThroughput),
+      })}
    </Text>
  );
 };
@@ -418,22 +419,26 @@ export const getUpdateThroughputBeyondSupportLimitMessage = (
  return (
    <>
      <Text styles={infoAndToolTipTextStyle} id="updateThroughputDelayedApplyWarningMessage">
-        Your request to increase throughput exceeds the pre-allocated capacity which may take longer than expected.
-        There are three options you can choose from to proceed:
+        {t(Keys.controls.settings.throughput.exceedPreAllocatedMessage)}
      </Text>
      <ol style={{ fontSize: 14, color: "var(--colorNeutralForeground1)", marginTop: "5px" }}>
-        <li>You can instantly scale up to {instantMaximumThroughput} RU/s.</li>
+        <li>
+          {t(Keys.controls.settings.throughput.instantScaleOption, {
+            instantMaximumThroughput: String(instantMaximumThroughput),
+          })}
+        </li>
        {instantMaximumThroughput < maximumThroughput && (
-          <li>You can asynchronously scale up to any value under {maximumThroughput} RU/s in 4-6 hours.</li>
+          <li>
+            {t(Keys.controls.settings.throughput.asyncScaleOption, { maximumThroughput: String(maximumThroughput) })}
+          </li>
        )}
        <li>
-          Your current quota max is {maximumThroughput} RU/s. To go over this limit, you must request a quota increase
-          and the Azure Cosmos DB team will review.
+          {t(Keys.controls.settings.throughput.quotaMaxOption, { maximumThroughput: String(maximumThroughput) })}
          <Link
            href="https://learn.microsoft.com/en-us/azure/cosmos-db/nosql/create-support-request-quota-increase"
            target="_blank"
          >
-            Learn more
+            {t(Keys.common.learnMore)}
          </Link>
        </li>
      </ol>
@@ -444,23 +449,19 @@ export const getUpdateThroughputBeyondSupportLimitMessage = (
 export const getUpdateThroughputBelowMinimumMessage = (minimum: number): JSX.Element => {
  return (
    <Text styles={infoAndToolTipTextStyle}>
-      You are not able to lower throughput below your current minimum of {minimum} RU/s. For more information on this
-      limit, please refer to our service quote documentation.
+      {t(Keys.controls.settings.throughput.belowMinimumMessage, { minimum: String(minimum) })}
      <Link
        href="https://learn.microsoft.com/en-us/azure/cosmos-db/concepts-limits#minimum-throughput-limits"
        target="_blank"
      >
-        Learn more
+        {t(Keys.common.learnMore)}
      </Link>
    </Text>
  );
 };

 export const saveThroughputWarningMessage: JSX.Element = (
-  <Text>
-    Your bill will be affected as you update your throughput settings. Please review the updated cost estimate below
-    before saving your changes
-  </Text>
+  <Text>{t(Keys.controls.settings.throughput.saveThroughputWarning)}</Text>
 );

 const getCurrentThroughput = (
@@ -472,23 +473,29 @@ const getCurrentThroughput = (
  if (targetThroughput) {
    if (throughput) {
      return isAutoscale
-        ? `, Current autoscale throughput: ${Math.round(
+        ? `, ${t(Keys.controls.settings.throughput.currentAutoscaleThroughput)} ${Math.round(
            throughput / 10,
-          )} - ${throughput} ${throughputUnit}, Target autoscale throughput: ${Math.round(
-            targetThroughput / 10,
-          )} - ${targetThroughput} ${throughputUnit}`
-        : `, Current manual throughput: ${throughput} ${throughputUnit}, Target manual throughput: ${targetThroughput}`;
+          )} - ${throughput} ${throughputUnit}, ${t(
+            Keys.controls.settings.throughput.targetAutoscaleThroughput,
+          )} ${Math.round(targetThroughput / 10)} - ${targetThroughput} ${throughputUnit}`
+        : `, ${t(Keys.controls.settings.throughput.currentManualThroughput)} ${throughput} ${throughputUnit}, ${t(
+            Keys.controls.settings.throughput.targetManualThroughput,
+          )} ${targetThroughput}`;
    } else {
      return isAutoscale
-        ? `, Target autoscale throughput: ${Math.round(targetThroughput / 10)} - ${targetThroughput} ${throughputUnit}`
-        : `, Target manual throughput: ${targetThroughput} ${throughputUnit}`;
+        ? `, ${t(Keys.controls.settings.throughput.targetAutoscaleThroughput)} ${Math.round(
+            targetThroughput / 10,
+          )} - ${targetThroughput} ${throughputUnit}`
+        : `, ${t(Keys.controls.settings.throughput.targetManualThroughput)} ${targetThroughput} ${throughputUnit}`;
    }
  }

  if (!targetThroughput && throughput) {
    return isAutoscale
-      ? `, Current autoscale throughput: ${Math.round(throughput / 10)} - ${throughput} ${throughputUnit}`
-      : `, Current manual throughput: ${throughput} ${throughputUnit}`;
+      ? `, ${t(Keys.controls.settings.throughput.currentAutoscaleThroughput)} ${Math.round(
+          throughput / 10,
+        )} - ${throughput} ${throughputUnit}`
+      : `, ${t(Keys.controls.settings.throughput.currentManualThroughput)} ${throughput} ${throughputUnit}`;
  }

  return "";
@@ -503,10 +510,10 @@ export const getThroughputApplyDelayedMessage = (
  requestedThroughput: number,
 ): JSX.Element => (
  <Text styles={infoAndToolTipTextStyle}>
-    The request to increase the throughput has successfully been submitted. This operation will take 1-3 business days
-    to complete. View the latest status in Notifications.
+    {t(Keys.controls.settings.throughput.applyDelayedMessage)}
    <br />
-    Database: {databaseName}, Container: {collectionName}{" "}
+    {t(Keys.controls.settings.throughput.databaseLabel)} {databaseName},{" "}
+    {t(Keys.controls.settings.throughput.containerLabel)} {collectionName}{" "}
    {getCurrentThroughput(isAutoscale, throughput, throughputUnit, requestedThroughput)}
  </Text>
 );
@@ -519,9 +526,13 @@ export const getThroughputApplyShortDelayMessage = (
  collectionName: string,
 ): JSX.Element => (
  <Text styles={infoAndToolTipTextStyle} id="throughputApplyShortDelayMessage">
-    A request to increase the throughput is currently in progress. This operation will take some time to complete.
+    {t(Keys.controls.settings.throughput.applyShortDelayMessage)}
    <br />
-    {collectionName ? `Database: ${databaseName}, Container: ${collectionName} ` : `Database: ${databaseName} `}
+    {collectionName
+      ? `${t(Keys.controls.settings.throughput.databaseLabel)} ${databaseName}, ${t(
+          Keys.controls.settings.throughput.containerLabel,
+        )} ${collectionName} `
+      : `${t(Keys.controls.settings.throughput.databaseLabel)} ${databaseName} `}
    {getCurrentThroughput(isAutoscale, throughput, throughputUnit)}
  </Text>
 );
@@ -535,10 +546,13 @@ export const getThroughputApplyLongDelayMessage = (
  requestedThroughput: number,
 ): JSX.Element => (
  <Text styles={infoAndToolTipTextStyle} id="throughputApplyLongDelayMessage">
-    A request to increase the throughput is currently in progress. This operation will take 1-3 business days to
-    complete. View the latest status in Notifications.
+    {t(Keys.controls.settings.throughput.applyLongDelayMessage)}
    <br />
-    {collectionName ? `Database: ${databaseName}, Container: ${collectionName} ` : `Database: ${databaseName} `}
+    {collectionName
+      ? `${t(Keys.controls.settings.throughput.databaseLabel)} ${databaseName}, ${t(
+          Keys.controls.settings.throughput.containerLabel,
+        )} ${collectionName} `
+      : `${t(Keys.controls.settings.throughput.databaseLabel)} ${databaseName} `}
    {getCurrentThroughput(isAutoscale, throughput, throughputUnit, requestedThroughput)}
  </Text>
 );
@@ -547,63 +561,49 @@ export const getToolTipContainer = (content: string | JSX.Element): JSX.Element
  content ? <Text styles={infoAndToolTipTextStyle}>{content}</Text> : undefined;

 export const conflictResolutionLwwTooltip: JSX.Element = (
-  <Text styles={infoAndToolTipTextStyle}>
-    Gets or sets the name of a integer property in your documents which is used for the Last Write Wins (LWW) based
-    conflict resolution scheme. By default, the system uses the system defined timestamp property, _ts to decide the
-    winner for the conflicting versions of the document. Specify your own integer property if you want to override the
-    default timestamp based conflict resolution.
-  </Text>
+  <Text styles={infoAndToolTipTextStyle}>{t(Keys.controls.settings.conflictResolution.lwwTooltip)}</Text>
 );

 export const conflictResolutionCustomToolTip: JSX.Element = (
  <Text styles={infoAndToolTipTextStyle}>
-    Gets or sets the name of a stored procedure (aka merge procedure) for resolving the conflicts. You can write
-    application defined logic to determine the winner of the conflicting versions of a document. The stored procedure
-    will get executed transactionally, exactly once, on the server side. If you do not provide a stored procedure, the
-    conflicts will be populated in the
+    {t(Keys.controls.settings.conflictResolution.customTooltip)}
    <Link className="linkDarkBackground" href="https://aka.ms/dataexplorerconflics" target="_blank">
-      {` conflicts feed`}
+      {t(Keys.controls.settings.conflictResolution.customTooltipConflictsFeed)}
    </Link>
-    . You can update/re-register the stored procedure at any time.
+    {t(Keys.controls.settings.conflictResolution.customTooltipSuffix)}
  </Text>
 );

 export const changeFeedPolicyToolTip: JSX.Element = (
-  <Text styles={infoAndToolTipTextStyle}>
-    Enable change feed log retention policy to retain last 10 minutes of history for items in the container by default.
-    To support this, the request unit (RU) charge for this container will be multiplied by a factor of two for writes.
-    Reads are unaffected.
-  </Text>
+  <Text styles={infoAndToolTipTextStyle}>{t(Keys.controls.settings.changeFeed.tooltip)}</Text>
 );

 export const mongoIndexingPolicyDisclaimer: JSX.Element = (
  <Text style={{ color: "var(--colorNeutralForeground1)" }}>
-    For queries that filter on multiple properties, create multiple single field indexes instead of a compound index.
+    {t(Keys.controls.settings.mongoIndexing.disclaimer)}
    <Link
      href="https://docs.microsoft.com/azure/cosmos-db/mongodb-indexing#index-types"
      target="_blank"
      style={{ color: "var(--colorBrandForeground1)" }}
    >
-      {` Compound indexes `}
+      {t(Keys.controls.settings.mongoIndexing.disclaimerCompoundIndexesLink)}
    </Link>
-    are only used for sorting query results. If you need to add a compound index, you can create one using the Mongo
-    shell.
+    {t(Keys.controls.settings.mongoIndexing.disclaimerSuffix)}
  </Text>
 );

 export const mongoCompoundIndexNotSupportedMessage: JSX.Element = (
  <Text style={{ color: "var(--colorNeutralForeground1)" }}>
-    Collections with compound indexes are not yet supported in the indexing editor. To modify indexing policy for this
-    collection, use the Mongo Shell.
+    {t(Keys.controls.settings.mongoIndexing.compoundNotSupported)}
  </Text>
 );

 export const mongoIndexingPolicyAADError: JSX.Element = (
  <MessageBar messageBarType={MessageBarType.error}>
    <Text>
-      To use the indexing policy editor, please login to the
+      {t(Keys.controls.settings.mongoIndexing.aadError)}
      <Link target="_blank" href="https://portal.azure.com">
-        {"azure portal."}
+        {t(Keys.controls.settings.mongoIndexing.aadErrorLink)}
      </Link>
    </Text>
  </MessageBar>
@@ -611,7 +611,7 @@ export const mongoIndexingPolicyAADError: JSX.Element = (

 export const mongoIndexTransformationRefreshingMessage: JSX.Element = (
  <Stack horizontal {...mongoWarningStackProps}>
-    <Text styles={infoAndToolTipTextStyle}>Refreshing index transformation progress</Text>
+    <Text styles={infoAndToolTipTextStyle}>{t(Keys.controls.settings.mongoIndexing.refreshingProgress)}</Text>
    <Spinner size={SpinnerSize.small} />
  </Stack>
 );
@@ -623,15 +623,18 @@ export const renderMongoIndexTransformationRefreshMessage = (
  if (progress === 0) {
    return (
      <Text styles={infoAndToolTipTextStyle}>
-        {"You can make more indexing changes once the current index transformation is complete. "}
-        <Link onClick={performRefresh}>{"Refresh to check if it has completed."}</Link>
+        {t(Keys.controls.settings.mongoIndexing.canMakeMoreChangesZero)}
+        <Link onClick={performRefresh}>{t(Keys.controls.settings.mongoIndexing.refreshToCheck)}</Link>
      </Text>
    );
  } else {
    return (
      <Text styles={infoAndToolTipTextStyle}>
-        {`You can make more indexing changes once the current index transformation has completed. It is ${progress}% complete. `}
-        <Link onClick={performRefresh}>{"Refresh to check the progress."}</Link>
+        {`${t(Keys.controls.settings.mongoIndexing.canMakeMoreChangesProgress).replace(
+          "{{progress}}",
+          String(progress),
+        )} `}
+        <Link onClick={performRefresh}>{t(Keys.controls.settings.mongoIndexing.refreshToCheckProgress)}</Link>
      </Text>
    );
  }
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ComputedPropertiesComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ComputedPropertiesComponent.tsx
@@ -4,6 +4,7 @@ import { titleAndInputStackProps, unsavedEditorWarningMessage } from "Explorer/C
 import { isDirty } from "Explorer/Controls/Settings/SettingsUtils";
 import { loadMonaco } from "Explorer/LazyMonaco";
 import { monacoTheme, useThemeStore } from "hooks/useTheme";
+import { Keys, t } from "Localization";
 import * as monaco from "monaco-editor";
 import * as React from "react";
 export interface ComputedPropertiesComponentProps {
@@ -107,7 +108,7 @@ export class ComputedPropertiesComponent extends React.Component<
    this.computedPropertiesEditor = monaco.editor.create(this.computedPropertiesDiv.current, {
      value: value,
      language: "json",
-      ariaLabel: "Computed properties",
+      ariaLabel: t(Keys.controls.settings.computedProperties.ariaLabel),
      theme: monacoTheme(),
    });
    if (this.computedPropertiesEditor) {
@@ -151,9 +152,9 @@ export class ComputedPropertiesComponent extends React.Component<
        )}
        <Text style={{ marginLeft: "30px", marginBottom: "10px", color: "var(--colorNeutralForeground1)" }}>
          <Link target="_blank" href="https://aka.ms/computed-properties-preview/">
-            {"Learn more"} <FontIcon iconName="NavigateExternalInline" />
+            {t(Keys.common.learnMore)} <FontIcon iconName="NavigateExternalInline" />
          </Link>
-          &#160; about how to define computed properties and how to use them.
+          &#160; {t(Keys.controls.settings.computedProperties.learnMorePrefix)}
        </Text>
        <div
          className="settingsV2Editor"
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ConflictResolutionComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ConflictResolutionComponent.tsx
@@ -2,6 +2,7 @@ import { ChoiceGroup, IChoiceGroupOption, ITextFieldProps, Stack, TextField } fr
 import * as React from "react";
 import * as DataModels from "../../../../Contracts/DataModels";
 import * as ViewModels from "../../../../Contracts/ViewModels";
+import { Keys, t } from "Localization";
 import {
  conflictResolutionCustomToolTip,
  conflictResolutionLwwTooltip,
@@ -32,9 +33,12 @@ export class ConflictResolutionComponent extends React.Component<ConflictResolut
  private conflictResolutionChoiceGroupOptions: IChoiceGroupOption[] = [
    {
      key: DataModels.ConflictResolutionMode.LastWriterWins,
-      text: "Last Write Wins (default)",
+      text: t(Keys.controls.settings.conflictResolution.lwwDefault),
+    },
+    {
+      key: DataModels.ConflictResolutionMode.Custom,
+      text: t(Keys.controls.settings.conflictResolution.customMergeProcedure),
    },
-    { key: DataModels.ConflictResolutionMode.Custom, text: "Merge Procedure (custom)" },
  ];

  componentDidMount(): void {
@@ -85,7 +89,7 @@ export class ConflictResolutionComponent extends React.Component<ConflictResolut

  private getConflictResolutionModeComponent = (): JSX.Element => (
    <ChoiceGroup
-      label="Mode"
+      label={t(Keys.controls.settings.conflictResolution.mode)}
      selectedKey={this.props.conflictResolutionPolicyMode}
      options={this.conflictResolutionChoiceGroupOptions}
      onChange={this.onConflictResolutionPolicyModeChange}
@@ -103,7 +107,7 @@ export class ConflictResolutionComponent extends React.Component<ConflictResolut
  private getConflictResolutionLWWComponent = (): JSX.Element => (
    <TextField
      id="conflictResolutionLwwTextField"
-      label={"Conflict Resolver Property"}
+      label={t(Keys.controls.settings.conflictResolution.conflictResolverProperty)}
      onRenderLabel={this.onRenderLwwComponentTextField}
      styles={{
        fieldGroup: {
@@ -158,7 +162,7 @@ export class ConflictResolutionComponent extends React.Component<ConflictResolut
    return (
      <TextField
        id="conflictResolutionCustomTextField"
-        label="Stored procedure"
+        label={t(Keys.controls.settings.conflictResolution.storedProcedure)}
        onRenderLabel={this.onRenderCustomComponentTextField}
        styles={{
          fieldGroup: {
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ContainerPolicyComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ContainerPolicyComponent.tsx
@@ -7,6 +7,7 @@ import {
 import { titleAndInputStackProps } from "Explorer/Controls/Settings/SettingsRenderUtils";
 import { ContainerPolicyTabTypes, isDirty } from "Explorer/Controls/Settings/SettingsUtils";
 import { VectorEmbeddingPoliciesComponent } from "Explorer/Controls/VectorSearch/VectorEmbeddingPoliciesComponent";
+import { Keys, t } from "Localization";
 import React from "react";

 export interface ContainerPolicyComponentProps {
@@ -153,7 +154,7 @@ export const ContainerPolicyComponent: React.FC<ContainerPolicyComponentProps> =
          <PivotItem
            itemKey={ContainerPolicyTabTypes[ContainerPolicyTabTypes.VectorPolicyTab]}
            style={{ marginTop: 20, color: "var(--colorNeutralForeground1)" }}
-            headerText="Vector Policy"
+            headerText={t(Keys.controls.settings.containerPolicy.vectorPolicy)}
          >
            <Stack {...titleAndInputStackProps} styles={{ root: { position: "relative", maxWidth: "400px" } }}>
              {vectorEmbeddings && (
@@ -175,7 +176,7 @@ export const ContainerPolicyComponent: React.FC<ContainerPolicyComponentProps> =
          <PivotItem
            itemKey={ContainerPolicyTabTypes[ContainerPolicyTabTypes.FullTextPolicyTab]}
            style={{ marginTop: 20, color: "var(--colorNeutralForeground1)" }}
-            headerText="Full Text Policy"
+            headerText={t(Keys.controls.settings.containerPolicy.fullTextPolicy)}
          >
            <Stack {...titleAndInputStackProps} styles={{ root: { position: "relative", maxWidth: "400px" } }}>
              {fullTextSearchPolicy ? (
@@ -218,7 +219,7 @@ export const ContainerPolicyComponent: React.FC<ContainerPolicyComponentProps> =
                    });
                  }}
                >
-                  Create new full text search policy
+                  {t(Keys.controls.settings.containerPolicy.createFullTextPolicy)}
                </DefaultButton>
              )}
            </Stack>
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/DataMaskingComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/DataMaskingComponent.tsx
@@ -2,6 +2,7 @@ import { MessageBar, MessageBarType, Stack } from "@fluentui/react";
 import * as monaco from "monaco-editor";
 import * as React from "react";
 import * as DataModels from "../../../../Contracts/DataModels";
+import { Keys, t } from "Localization";
 import { loadMonaco } from "../../../LazyMonaco";
 import { titleAndInputStackProps, unsavedEditorWarningMessage } from "../SettingsRenderUtils";
 import { isDirty as isContentDirty, isDataMaskingEnabled } from "../SettingsUtils";
@@ -89,7 +90,7 @@ export class DataMaskingComponent extends React.Component<DataMaskingComponentPr
      value: value,
      language: "json",
      automaticLayout: true,
-      ariaLabel: "Data Masking Policy",
+      ariaLabel: t(Keys.controls.settings.dataMasking.ariaLabel),
      fontSize: 13,
      minimap: { enabled: false },
      wordWrap: "off",
@@ -142,7 +143,7 @@ export class DataMaskingComponent extends React.Component<DataMaskingComponentPr
        )}
        {this.props.validationErrors.length > 0 && (
          <MessageBar messageBarType={MessageBarType.error}>
-            Validation failed: {this.props.validationErrors.join(", ")}
+            {t(Keys.controls.settings.dataMasking.validationFailed)} {this.props.validationErrors.join(", ")}
          </MessageBar>
        )}
        <div className="settingsV2Editor" tabIndex={0} ref={this.dataMaskingDiv}></div>
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/GlobalSecondaryIndexComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/GlobalSecondaryIndexComponent.tsx
@@ -2,6 +2,7 @@ import { FontIcon, Link, Stack, Text } from "@fluentui/react";
 import Explorer from "Explorer/Explorer";
 import React from "react";
 import * as ViewModels from "../../../../Contracts/ViewModels";
+import { Keys, t } from "Localization";
 import { GlobalSecondaryIndexSourceComponent } from "./GlobalSecondaryIndexSourceComponent";
 import { GlobalSecondaryIndexTargetComponent } from "./GlobalSecondaryIndexTargetComponent";

@@ -21,7 +22,9 @@ export const GlobalSecondaryIndexComponent: React.FC<GlobalSecondaryIndexCompone
    <Stack tokens={{ childrenGap: 8 }} styles={{ root: { maxWidth: 600 } }}>
      <Stack horizontal verticalAlign="center" wrap tokens={{ childrenGap: 8 }}>
        {isSourceContainer && (
-          <Text styles={{ root: { fontWeight: 600 } }}>This container has the following indexes defined for it.</Text>
+          <Text styles={{ root: { fontWeight: 600 } }}>
+            {t(Keys.controls.settings.globalSecondaryIndex.indexesDefined)}
+          </Text>
        )}
        <Text>
          <Link
@@ -31,7 +34,7 @@ export const GlobalSecondaryIndexComponent: React.FC<GlobalSecondaryIndexCompone
            Learn more
            <FontIcon iconName="NavigateExternalInline" style={{ marginLeft: "4px" }} />
          </Link>{" "}
-          about how to define global secondary indexes and how to use them.
+          {t(Keys.controls.settings.globalSecondaryIndex.learnMoreSuffix)}
        </Text>
      </Stack>
      {isSourceContainer && <GlobalSecondaryIndexSourceComponent collection={collection} explorer={explorer} />}
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/GlobalSecondaryIndexSourceComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/GlobalSecondaryIndexSourceComponent.tsx
@@ -9,6 +9,7 @@ import { useSidePanel } from "hooks/useSidePanel";
 import * as monaco from "monaco-editor";
 import React, { useEffect, useRef } from "react";
 import * as ViewModels from "../../../../Contracts/ViewModels";
+import { Keys, t } from "Localization";

 export interface GlobalSecondaryIndexSourceComponentProps {
  collection: ViewModels.Collection;
@@ -67,7 +68,7 @@ export const GlobalSecondaryIndexSourceComponent: React.FC<GlobalSecondaryIndexS
      editorRef.current = monacoInstance.editor.create(editorContainerRef.current, {
        value: jsonValue,
        language: "json",
-        ariaLabel: "Global Secondary Index JSON",
+        ariaLabel: t(Keys.controls.settings.globalSecondaryIndex.jsonAriaLabel),
        readOnly: true,
      });
    };
@@ -98,7 +99,7 @@ export const GlobalSecondaryIndexSourceComponent: React.FC<GlobalSecondaryIndexS
        }}
      />
      <PrimaryButton
-        text="Add index"
+        text={t(Keys.controls.settings.globalSecondaryIndex.addIndex)}
        styles={{ root: { width: "fit-content", marginTop: 12 } }}
        onClick={() =>
          useSidePanel
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/GlobalSecondaryIndexTargetComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/GlobalSecondaryIndexTargetComponent.tsx
@@ -1,6 +1,7 @@
 import { Stack, Text } from "@fluentui/react";
 import * as React from "react";
 import * as ViewModels from "../../../../Contracts/ViewModels";
+import { Keys, t } from "Localization";

 export interface GlobalSecondaryIndexTargetComponentProps {
  collection: ViewModels.Collection;
@@ -25,17 +26,21 @@ export const GlobalSecondaryIndexTargetComponent: React.FC<GlobalSecondaryIndexT

  return (
    <Stack tokens={{ childrenGap: 15 }} styles={{ root: { maxWidth: 600 } }}>
-      <Text styles={textHeadingStyle}>Global Secondary Index Settings</Text>
+      <Text styles={textHeadingStyle}>{t(Keys.controls.settings.globalSecondaryIndex.settingsTitle)}</Text>

      <Stack tokens={{ childrenGap: 5 }}>
-        <Text styles={{ root: { fontWeight: "600" } }}>Source container</Text>
+        <Text styles={{ root: { fontWeight: "600" } }}>
+          {t(Keys.controls.settings.globalSecondaryIndex.sourceContainer)}
+        </Text>
        <Stack styles={valueBoxStyle}>
          <Text>{globalSecondaryIndexDefinition?.sourceCollectionId}</Text>
        </Stack>
      </Stack>

      <Stack tokens={{ childrenGap: 5 }}>
-        <Text styles={{ root: { fontWeight: "600" } }}>Global secondary index definition</Text>
+        <Text styles={{ root: { fontWeight: "600" } }}>
+          {t(Keys.controls.settings.globalSecondaryIndex.indexDefinition)}
+        </Text>
        <Stack styles={valueBoxStyle}>
          <Text>{globalSecondaryIndexDefinition?.definition}</Text>
        </Stack>
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyComponent.tsx
@@ -3,6 +3,7 @@ import { monacoTheme, useThemeStore } from "hooks/useTheme";
 import * as monaco from "monaco-editor";
 import * as React from "react";
 import * as DataModels from "../../../../Contracts/DataModels";
+import { Keys, t } from "Localization";
 import { loadMonaco } from "../../../LazyMonaco";
 import { titleAndInputStackProps, unsavedEditorWarningMessage } from "../SettingsRenderUtils";
 import { isDirty, isIndexTransforming } from "../SettingsUtils";
@@ -119,7 +120,7 @@ export class IndexingPolicyComponent extends React.Component<
        value: value,
        language: "json",
        readOnly: isIndexTransforming(this.props.indexTransformationProgress),
-        ariaLabel: "Indexing Policy",
+        ariaLabel: t(Keys.controls.settings.indexingPolicy.ariaLabel),
        theme: monacoTheme(),
      });
      if (this.indexingPolicyEditor) {
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyRefresh/IndexingPolicyRefreshComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyRefresh/IndexingPolicyRefreshComponent.tsx
@@ -1,6 +1,7 @@
 import { MessageBar, MessageBarType } from "@fluentui/react";
 import * as React from "react";
 import { handleError } from "../../../../../Common/ErrorHandlingUtils";
+import { Keys, t } from "Localization";
 import {
  mongoIndexTransformationRefreshingMessage,
  renderMongoIndexTransformationRefreshMessage,
@@ -46,7 +47,11 @@ export class IndexingPolicyRefreshComponent extends React.Component<
    try {
      await this.props.refreshIndexTransformationProgress();
    } catch (error) {
-      handleError(error, "RefreshIndexTransformationProgress", "Refreshing index transformation progress failed");
+      handleError(
+        error,
+        "RefreshIndexTransformationProgress",
+        t(Keys.controls.settings.indexingPolicyRefresh.refreshFailed),
+      );
    } finally {
      this.setState({ isRefreshing: false });
    }
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyRefresh/snapshots/IndexingPolicyRefreshComponent.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyRefresh/snapshots/IndexingPolicyRefreshComponent.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`IndexingPolicyRefreshComponent renders 1`] = `
      }
    }
  >
-    You can make more indexing changes once the current index transformation has completed. It is 90% complete. 
+    You can make more indexing changes once the current index transformation has completed. It is 90% complete.  
    <StyledLinkBase
      onClick={[Function]}
    >
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/MongoIndexingPolicy/AddMongoIndexComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/MongoIndexingPolicy/AddMongoIndexComponent.tsx
@@ -9,6 +9,7 @@ import {
  IDropdownOption,
  ITextField,
 } from "@fluentui/react";
+import { Keys, t } from "Localization";
 import {
  addMongoIndexSubElementsTokens,
  mongoErrorMessageStyles,
@@ -66,7 +67,7 @@ export class AddMongoIndexComponent extends React.Component<AddMongoIndexCompone
      <Stack {...mongoWarningStackProps}>
        <Stack horizontal tokens={addMongoIndexSubElementsTokens}>
          <TextField
-            ariaLabel={"Index Field Name " + this.props.position}
+            ariaLabel={t(Keys.controls.settings.mongoIndexing.indexFieldName) + " " + this.props.position}
            disabled={this.props.disabled}
            styles={shortWidthTextFieldStyles}
            componentRef={this.setRef}
@@ -76,17 +77,17 @@ export class AddMongoIndexComponent extends React.Component<AddMongoIndexCompone
          />

          <Dropdown
-            ariaLabel={"Index Type " + this.props.position}
+            ariaLabel={t(Keys.controls.settings.mongoIndexing.indexType) + " " + this.props.position}
            disabled={this.props.disabled}
            styles={shortWidthDropDownStyles}
-            placeholder="Select an index type"
+            placeholder={t(Keys.controls.settings.mongoIndexing.selectIndexType)}
            selectedKey={this.props.type}
            options={this.indexTypes}
            onChange={this.onTypeChange}
          />

          <IconButton
-            ariaLabel={"Undo Button " + this.props.position}
+            ariaLabel={t(Keys.controls.settings.mongoIndexing.undoButton) + " " + this.props.position}
            iconProps={{ iconName: "Undo" }}
            disabled={!this.props.description && !this.props.type}
            onClick={() => this.props.onDiscard()}
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/MongoIndexingPolicy/MongoIndexingPolicyComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/MongoIndexingPolicy/MongoIndexingPolicyComponent.tsx
@@ -15,6 +15,7 @@ import {
 } from "@fluentui/react";
 import * as React from "react";
 import { MongoIndex } from "../../../../../Utils/arm/generatedClients/cosmos/types";
+import { Keys, t } from "Localization";
 import { CollapsibleSectionComponent } from "../../../CollapsiblePanel/CollapsibleSectionComponent";
 import {
  addMongoIndexStackProps,
@@ -83,11 +84,25 @@ export class MongoIndexingPolicyComponent extends React.Component<MongoIndexingP
  };

  private initialIndexesColumns: IColumn[] = [
-    { key: "definition", name: "Definition", fieldName: "definition", minWidth: 100, maxWidth: 200, isResizable: true },
-    { key: "type", name: "Type", fieldName: "type", minWidth: 100, maxWidth: 200, isResizable: true },
+    {
+      key: "definition",
+      name: t(Keys.controls.settings.mongoIndexing.definitionColumn),
+      fieldName: "definition",
+      minWidth: 100,
+      maxWidth: 200,
+      isResizable: true,
+    },
+    {
+      key: "type",
+      name: t(Keys.controls.settings.mongoIndexing.typeColumn),
+      fieldName: "type",
+      minWidth: 100,
+      maxWidth: 200,
+      isResizable: true,
+    },
    {
      key: "actionButton",
-      name: "Drop Index",
+      name: t(Keys.controls.settings.mongoIndexing.dropIndexColumn),
      fieldName: "actionButton",
      minWidth: 100,
      maxWidth: 200,
@@ -96,11 +111,25 @@ export class MongoIndexingPolicyComponent extends React.Component<MongoIndexingP
  ];

  private indexesToBeDroppedColumns: IColumn[] = [
-    { key: "definition", name: "Definition", fieldName: "definition", minWidth: 100, maxWidth: 200, isResizable: true },
-    { key: "type", name: "Type", fieldName: "type", minWidth: 100, maxWidth: 200, isResizable: true },
+    {
+      key: "definition",
+      name: t(Keys.controls.settings.mongoIndexing.definitionColumn),
+      fieldName: "definition",
+      minWidth: 100,
+      maxWidth: 200,
+      isResizable: true,
+    },
+    {
+      key: "type",
+      name: t(Keys.controls.settings.mongoIndexing.typeColumn),
+      fieldName: "type",
+      minWidth: 100,
+      maxWidth: 200,
+      isResizable: true,
+    },
    {
      key: "actionButton",
-      name: "Add index back",
+      name: t(Keys.controls.settings.mongoIndexing.addIndexBackColumn),
      fieldName: "actionButton",
      minWidth: 100,
      maxWidth: 200,
@@ -161,7 +190,7 @@ export class MongoIndexingPolicyComponent extends React.Component<MongoIndexingP
  private getActionButton = (arrayPosition: number, isCurrentIndex: boolean): JSX.Element => {
    return isCurrentIndex ? (
      <IconButton
-        ariaLabel="Delete index Button"
+        ariaLabel={t(Keys.controls.settings.mongoIndexing.deleteIndexButton)}
        iconProps={{ iconName: "Delete" }}
        disabled={isIndexTransforming(this.props.indexTransformationProgress)}
        onClick={() => {
@@ -170,7 +199,7 @@ export class MongoIndexingPolicyComponent extends React.Component<MongoIndexingP
      />
    ) : (
      <IconButton
-        ariaLabel="Add back Index Button"
+        ariaLabel={t(Keys.controls.settings.mongoIndexing.addBackIndexButton)}
        iconProps={{ iconName: "Add" }}
        onClick={() => {
          this.props.onRevertIndexDrop(arrayPosition);
@@ -258,7 +287,10 @@ export class MongoIndexingPolicyComponent extends React.Component<MongoIndexingP

    return (
      <Stack {...createAndAddMongoIndexStackProps} styles={mediumWidthStackStyles}>
-        <CollapsibleSectionComponent title="Current index(es)" isExpandedByDefault={true}>
+        <CollapsibleSectionComponent
+          title={t(Keys.controls.settings.mongoIndexing.currentIndexes)}
+          isExpandedByDefault={true}
+        >
          {
            <>
              <DetailsList
@@ -285,7 +317,10 @@ export class MongoIndexingPolicyComponent extends React.Component<MongoIndexingP

    return (
      <Stack styles={mediumWidthStackStyles}>
-        <CollapsibleSectionComponent title="Index(es) to be dropped" isExpandedByDefault={true}>
+        <CollapsibleSectionComponent
+          title={t(Keys.controls.settings.mongoIndexing.indexesToBeDropped)}
+          isExpandedByDefault={true}
+        >
          {indexesToBeDropped.length > 0 && (
            <DetailsList
              styles={customDetailsListStyles}
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/PartitionKeyComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/PartitionKeyComponent.tsx
@@ -18,6 +18,7 @@ import { cancelDataTransferJob, pollDataTransferJob } from "Common/dataAccess/da
 import { Platform, configContext } from "ConfigContext";
 import Explorer from "Explorer/Explorer";
 import { ChangePartitionKeyPane } from "Explorer/Panes/ChangePartitionKeyPane/ChangePartitionKeyPane";
+import { Keys, t } from "Localization";
 import {
  CosmosSqlDataTransferDataSourceSink,
  DataTransferJobGetResults,
@@ -80,7 +81,7 @@ export const PartitionKeyComponent: React.FC<PartitionKeyComponentProps> = ({
    return (collection.partitionKeyProperties || []).map((property) => "/" + property).join(", ");
  };

-  const partitionKeyName = "Partition key";
+  const partitionKeyName = t(Keys.controls.settings.partitionKey.partitionKey);
  const partitionKeyValue = getPartitionKeyValue();

  const textHeadingStyle = {
@@ -148,22 +149,28 @@ export const PartitionKeyComponent: React.FC<PartitionKeyComponentProps> = ({
  const getProgressDescription = (): string => {
    const processedCount = portalDataTransferJob?.properties?.processedCount;
    const totalCount = portalDataTransferJob?.properties?.totalCount;
-    const processedCountString = totalCount > 0 ? `(${processedCount} of ${totalCount} documents processed)` : "";
+    const processedCountString =
+      totalCount > 0
+        ? t(Keys.controls.settings.partitionKeyEditor.documentsProcessed, {
+            processedCount: String(processedCount),
+            totalCount: String(totalCount),
+          })
+        : "";
    return `${portalDataTransferJob?.properties?.status} ${processedCountString}`;
  };

  const startPartitionkeyChangeWorkflow = () => {
-    useSidePanel
-      .getState()
-      .openSidePanel(
-        "Change partition key",
-        <ChangePartitionKeyPane
-          sourceDatabase={database}
-          sourceCollection={collection}
-          explorer={explorer}
-          onClose={refreshDataTransferOperations}
-        />,
-      );
+    useSidePanel.getState().openSidePanel(
+      t(Keys.controls.settings.partitionKeyEditor.changePartitionKey, {
+        partitionKeyName: t(Keys.controls.settings.partitionKey.partitionKey).toLowerCase(),
+      }),
+      <ChangePartitionKeyPane
+        sourceDatabase={database}
+        sourceCollection={collection}
+        explorer={explorer}
+        onClose={refreshDataTransferOperations}
+      />,
+    );
  };

  const getPercentageComplete = () => {
@@ -181,16 +188,28 @@ export const PartitionKeyComponent: React.FC<PartitionKeyComponentProps> = ({
  return (
    <Stack tokens={{ childrenGap: 20 }} styles={{ root: { maxWidth: 600 } }}>
      <Stack tokens={{ childrenGap: 10 }}>
-        {!isReadOnly && <Text styles={textHeadingStyle}>Change {partitionKeyName.toLowerCase()}</Text>}
+        {!isReadOnly && (
+          <Text styles={textHeadingStyle}>
+            {t(Keys.controls.settings.partitionKeyEditor.changePartitionKey, {
+              partitionKeyName: partitionKeyName.toLowerCase(),
+            })}
+          </Text>
+        )}
        <Stack horizontal tokens={{ childrenGap: 20 }}>
          <Stack tokens={{ childrenGap: 5 }}>
-            <Text styles={textSubHeadingStyle}>Current {partitionKeyName.toLowerCase()}</Text>
-            <Text styles={textSubHeadingStyle}>Partitioning</Text>
+            <Text styles={textSubHeadingStyle}>
+              {t(Keys.controls.settings.partitionKeyEditor.currentPartitionKey, {
+                partitionKeyName: partitionKeyName.toLowerCase(),
+              })}
+            </Text>
+            <Text styles={textSubHeadingStyle}>{t(Keys.controls.settings.partitionKeyEditor.partitioning)}</Text>
          </Stack>
          <Stack tokens={{ childrenGap: 5 }} data-test="partition-key-values">
            <Text styles={textSubHeadingStyle1}>{partitionKeyValue}</Text>
            <Text styles={textSubHeadingStyle1}>
-              {isHierarchicalPartitionedContainer() ? "Hierarchical" : "Non-hierarchical"}
+              {isHierarchicalPartitionedContainer()
+                ? t(Keys.controls.settings.partitionKeyEditor.hierarchical)
+                : t(Keys.controls.settings.partitionKeyEditor.nonHierarchical)}
            </Text>
          </Stack>
        </Stack>
@@ -204,33 +223,33 @@ export const PartitionKeyComponent: React.FC<PartitionKeyComponentProps> = ({
            messageBarIconProps={{ iconName: "WarningSolid", className: "messageBarWarningIcon" }}
            styles={darkThemeMessageBarStyles}
          >
-            To safeguard the integrity of the data being copied to the new container, ensure that no updates are made to
-            the source container for the entire duration of the partition key change process.
+            {t(Keys.controls.settings.partitionKeyEditor.safeguardWarning)}
            <Link
              href="https://learn.microsoft.com/azure/cosmos-db/container-copy#how-does-container-copy-work"
              target="_blank"
              underline
              style={{ color: "var(--colorBrandForeground1)" }}
            >
-              Learn more
+              {t(Keys.common.learnMore)}
            </Link>
          </MessageBar>
          <Text styles={{ root: { color: "var(--colorNeutralForeground1)" } }}>
-            To change the partition key, a new destination container must be created or an existing destination
-            container selected. Data will then be copied to the destination container.
+            {t(Keys.controls.settings.partitionKeyEditor.changeDescription)}
          </Text>
          {configContext.platform !== Platform.Emulator && (
            <PrimaryButton
              data-test="change-partition-key-button"
              styles={{ root: { width: "fit-content" } }}
-              text="Change"
+              text={t(Keys.controls.settings.partitionKeyEditor.changeButton)}
              onClick={startPartitionkeyChangeWorkflow}
              disabled={isCurrentJobInProgress(portalDataTransferJob)}
            />
          )}
          {portalDataTransferJob && (
            <Stack>
-              <Text styles={textHeadingStyle}>{partitionKeyName} change job</Text>
+              <Text styles={textHeadingStyle}>
+                {t(Keys.controls.settings.partitionKeyEditor.changeJob, { partitionKeyName })}
+              </Text>
              <Stack
                horizontal
                tokens={{ childrenGap: 20 }}
@@ -251,7 +270,10 @@ export const PartitionKeyComponent: React.FC<PartitionKeyComponentProps> = ({
                  }}
                ></ProgressIndicator>
                {isCurrentJobInProgress(portalDataTransferJob) && (
-                  <DefaultButton text="Cancel" onClick={() => cancelRunningDataTransferJob(portalDataTransferJob)} />
+                  <DefaultButton
+                    text={t(Keys.controls.settings.partitionKeyEditor.cancelButton)}
+                    onClick={() => cancelRunningDataTransferJob(portalDataTransferJob)}
+                  />
                )}
              </Stack>
            </Stack>
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ScaleComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ScaleComponent.tsx
@@ -1,4 +1,5 @@
 import { Link, MessageBar, MessageBarType, Stack, Text, TextField } from "@fluentui/react";
+import { Keys, t } from "Localization";
 import * as React from "react";
 import * as Constants from "../../../../Common/Constants";
 import { Platform, configContext } from "../../../../ConfigContext";
@@ -92,8 +93,10 @@ export class ScaleComponent extends React.Component<ScaleComponentProps> {
    }

    const minThroughput: string = this.getMinRUs().toLocaleString();
-    const maxThroughput: string = !this.props.isFixedContainer ? "unlimited" : this.getMaxRUs().toLocaleString();
-    return `Throughput (${minThroughput} - ${maxThroughput} RU/s)`;
+    const maxThroughput: string = !this.props.isFixedContainer
+      ? t(Keys.controls.settings.scale.unlimited)
+      : this.getMaxRUs().toLocaleString();
+    return t(Keys.controls.settings.scale.throughputRangeLabel, { min: minThroughput, max: maxThroughput });
  };

  public canThroughputExceedMaximumValue = (): boolean => {
@@ -156,14 +159,12 @@ export class ScaleComponent extends React.Component<ScaleComponentProps> {
    const freeTierLimits = SharedConstants.FreeTierLimits;
    return (
      <Text>
-        With free tier, you will get the first {freeTierLimits.RU} RU/s and {freeTierLimits.Storage} GB of storage in
-        this account for free. To keep your account free, keep the total RU/s across all resources in the account to{" "}
-        {freeTierLimits.RU} RU/s.
+        {t(Keys.controls.settings.scale.freeTierInfo, { ru: freeTierLimits.RU, storage: freeTierLimits.Storage })}
        <Link
          href="https://docs.microsoft.com/en-us/azure/cosmos-db/understand-your-bill#billing-examples-with-free-tier-accounts"
          target="_blank"
        >
-          Learn more.
+          {t(Keys.controls.settings.scale.freeTierLearnMore)}
        </Link>
      </Text>
    );
@@ -188,12 +189,9 @@ export class ScaleComponent extends React.Component<ScaleComponentProps> {
        {/* TODO: Replace link with call to the Azure Support blade */}
        {this.isAutoScaleEnabled() && (
          <Stack {...titleAndInputStackProps}>
-            <Text>Throughput (RU/s)</Text>
+            <Text>{t(Keys.controls.settings.scale.throughputRuS)}</Text>
            <TextField disabled styles={getTextFieldStyles(undefined, undefined)} />
-            <Text>
-              Your account has custom settings that prevents setting throughput at the container level. Please work with
-              your Cosmos DB engineering team point of contact to make changes.
-            </Text>
+            <Text>{t(Keys.controls.settings.scale.autoScaleCustomSettings)}</Text>
          </Stack>
        )}
      </Stack>
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/SubSettingsComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/SubSettingsComponent.tsx
@@ -12,6 +12,7 @@ import {
 } from "@fluentui/react";
 import * as React from "react";
 import * as ViewModels from "../../../../Contracts/ViewModels";
+import { Keys, t } from "Localization";
 import { userContext } from "../../../../UserContext";
 import { Int32 } from "../../../Panes/Tables/Validators/EntityPropertyValidationCommon";
 import {
@@ -85,9 +86,12 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
  constructor(props: SubSettingsComponentProps) {
    super(props);
    this.geospatialVisible = userContext.apiType === "SQL";
-    this.partitionKeyName = userContext.apiType === "Mongo" ? "Shard key" : "Partition key";
+    this.partitionKeyName =
+      userContext.apiType === "Mongo"
+        ? t(Keys.controls.settings.partitionKey.shardKey)
+        : t(Keys.controls.settings.partitionKey.partitionKey);
    this.partitionKeyValue = this.getPartitionKeyValue();
-    this.uniqueKeyName = "Unique keys";
+    this.uniqueKeyName = t(Keys.controls.settings.subSettings.uniqueKeys);
    this.uniqueKeyValue = this.getUniqueKeyValue();
  }

@@ -143,9 +147,13 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
  };

  private ttlChoiceGroupOptions: IChoiceGroupOption[] = [
-    { key: TtlType.Off, text: "Off", ariaLabel: "ttl-off-option" },
-    { key: TtlType.OnNoDefault, text: "On (no default)", ariaLabel: "ttl-on-no-default-option" },
-    { key: TtlType.On, text: "On", ariaLabel: "ttl-on-option" },
+    { key: TtlType.Off, text: t(Keys.controls.settings.subSettings.ttlOff), ariaLabel: "ttl-off-option" },
+    {
+      key: TtlType.OnNoDefault,
+      text: t(Keys.controls.settings.subSettings.ttlOnNoDefault),
+      ariaLabel: "ttl-on-no-default-option",
+    },
+    { key: TtlType.On, text: t(Keys.controls.settings.subSettings.ttlOn), ariaLabel: "ttl-on-option" },
  ];

  public getTtlValue = (value: string): TtlType => {
@@ -216,13 +224,13 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
        }}
      >
        <Text style={{ color: "var(--colorNeutralForeground1)" }}>
-          To enable time-to-live (TTL) for your collection/documents,{" "}
+          {t(Keys.controls.settings.subSettings.mongoTtlMessage)}{" "}
          <Link
            href="https://docs.microsoft.com/en-us/azure/cosmos-db/mongodb-time-to-live"
            target="_blank"
            style={{ color: "var(--colorBrandForeground1)" }}
          >
-            create a TTL index
+            {t(Keys.controls.settings.subSettings.mongoTtlLinkText)}
          </Link>
          .
        </Text>
@@ -231,7 +239,7 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
      <Stack {...titleAndInputStackProps}>
        <ChoiceGroup
          id="timeToLive"
-          label="Time to Live"
+          label={t(Keys.controls.settings.subSettings.timeToLive)}
          selectedKey={this.props.timeToLive}
          options={this.ttlChoiceGroupOptions}
          onChange={this.onTtlChange}
@@ -255,8 +263,8 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
            max={Int32.Max}
            value={this.props.displayedTtlSeconds}
            onChange={this.onTimeToLiveSecondsChange}
-            suffix="second(s)"
-            ariaLabel={`Time to live in seconds`}
+            suffix={t(Keys.controls.settings.subSettings.seconds)}
+            ariaLabel={t(Keys.controls.settings.subSettings.timeToLiveInSeconds)}
            data-test="ttl-input"
          />
        )}
@@ -264,16 +272,16 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
    );

  private analyticalTtlChoiceGroupOptions: IChoiceGroupOption[] = [
-    { key: TtlType.Off, text: "Off", disabled: true },
-    { key: TtlType.OnNoDefault, text: "On (no default)" },
-    { key: TtlType.On, text: "On" },
+    { key: TtlType.Off, text: t(Keys.controls.settings.subSettings.ttlOff), disabled: true },
+    { key: TtlType.OnNoDefault, text: t(Keys.controls.settings.subSettings.ttlOnNoDefault) },
+    { key: TtlType.On, text: t(Keys.controls.settings.subSettings.ttlOn) },
  ];

  private getAnalyticalStorageTtlComponent = (): JSX.Element => (
    <Stack {...titleAndInputStackProps}>
      <ChoiceGroup
        id="analyticalStorageTimeToLive"
-        label="Analytical Storage Time to Live"
+        label={t(Keys.controls.settings.subSettings.analyticalStorageTtl)}
        selectedKey={this.props.analyticalStorageTtlSelection}
        options={this.analyticalTtlChoiceGroupOptions}
        onChange={this.onAnalyticalStorageTtlSelectionChange}
@@ -294,7 +302,7 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
          min={1}
          max={Int32.Max}
          value={this.props.analyticalStorageTtlSeconds?.toString()}
-          suffix="second(s)"
+          suffix={t(Keys.controls.settings.subSettings.seconds)}
          onChange={this.onAnalyticalStorageTtlSecondsChange}
        />
      )}
@@ -302,14 +310,22 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
  );

  private geoSpatialConfigTypeChoiceGroupOptions: IChoiceGroupOption[] = [
-    { key: GeospatialConfigType.Geography, text: "Geography", ariaLabel: "geography-option" },
-    { key: GeospatialConfigType.Geometry, text: "Geometry", ariaLabel: "geometry-option" },
+    {
+      key: GeospatialConfigType.Geography,
+      text: t(Keys.controls.settings.subSettings.geography),
+      ariaLabel: "geography-option",
+    },
+    {
+      key: GeospatialConfigType.Geometry,
+      text: t(Keys.controls.settings.subSettings.geometry),
+      ariaLabel: "geometry-option",
+    },
  ];

  private getGeoSpatialComponent = (): JSX.Element => (
    <ChoiceGroup
      id="geoSpatialConfig"
-      label="Geospatial Configuration"
+      label={t(Keys.controls.settings.subSettings.geospatialConfiguration)}
      selectedKey={this.props.geospatialConfigType}
      options={this.geoSpatialConfigTypeChoiceGroupOptions}
      onChange={this.onGeoSpatialConfigTypeChange}
@@ -318,8 +334,8 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
  );

  private changeFeedChoiceGroupOptions: IChoiceGroupOption[] = [
-    { key: ChangeFeedPolicyState.Off, text: "Off" },
-    { key: ChangeFeedPolicyState.On, text: "On" },
+    { key: ChangeFeedPolicyState.Off, text: t(Keys.controls.settings.subSettings.ttlOff) },
+    { key: ChangeFeedPolicyState.On, text: t(Keys.controls.settings.subSettings.ttlOn) },
  ];

  private getChangeFeedComponent = (): JSX.Element => {
@@ -328,7 +344,10 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
    return (
      <Stack>
        <Label id={labelId}>
-          <ToolTipLabelComponent label="Change feed log retention policy" toolTipElement={changeFeedPolicyToolTip} />
+          <ToolTipLabelComponent
+            label={t(Keys.controls.settings.changeFeed.label)}
+            toolTipElement={changeFeedPolicyToolTip}
+          />
        </Label>
        <ChoiceGroup
          id="changeFeedPolicy"
@@ -354,9 +373,10 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
    <Stack {...titleAndInputStackProps}>
      {this.getPartitionKeyVisible() && (
        <TooltipHost
-          content={`This ${this.partitionKeyName.toLowerCase()} is used to distribute data across multiple partitions for scalability. The value "${
-            this.partitionKeyValue
-          }" determines how documents are partitioned.`}
+          content={t(Keys.controls.settings.subSettings.partitionKeyTooltipTemplate, {
+            partitionKeyName: this.partitionKeyName.toLowerCase(),
+            partitionKeyValue: this.partitionKeyValue,
+          })}
          styles={{
            root: {
              display: "block",
@@ -373,14 +393,20 @@ export class SubSettingsComponent extends React.Component<SubSettingsComponentPr
      )}

      {userContext.apiType === "SQL" && this.isLargePartitionKeyEnabled() && (
-        <Text className={classNames.hintText}>Large {this.partitionKeyName.toLowerCase()} has been enabled.</Text>
+        <Text className={classNames.hintText}>
+          {t(Keys.controls.settings.subSettings.largePartitionKeyEnabled, {
+            partitionKeyName: this.partitionKeyName.toLowerCase(),
+          })}
+        </Text>
      )}

      {userContext.apiType === "SQL" &&
        (this.isHierarchicalPartitionedContainer() ? (
-          <Text className={classNames.hintText}>Hierarchically partitioned container.</Text>
+          <Text className={classNames.hintText}>{t(Keys.controls.settings.subSettings.hierarchicalPartitioned)}</Text>
        ) : (
-          <Text className={classNames.hintText}>Non-hierarchically partitioned container.</Text>
+          <Text className={classNames.hintText}>
+            {t(Keys.controls.settings.subSettings.nonHierarchicalPartitioned)}
+          </Text>
        ))}
    </Stack>
  );
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputBucketsComponent.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputBucketsComponent.tsx
@@ -1,5 +1,6 @@
 import { Label, Slider, Stack, TextField, Toggle } from "@fluentui/react";
 import { ThroughputBucket } from "Contracts/DataModels";
+import { Keys, t } from "Localization";
 import React, { FC, useEffect, useState } from "react";
 import { isDirty } from "../../SettingsUtils";

@@ -65,7 +66,9 @@ export const ThroughputBucketsComponent: FC<ThroughputBucketsComponentProps> = (

  return (
    <Stack tokens={{ childrenGap: "m" }} styles={{ root: { width: "70%", maxWidth: 700 } }}>
-      <Label styles={{ root: { color: "var(--colorNeutralForeground1)" } }}>Throughput Buckets</Label>
+      <Label styles={{ root: { color: "var(--colorNeutralForeground1)" } }}>
+        {t(Keys.controls.settings.throughputBuckets.label)}
+      </Label>
      <Stack>
        {throughputBuckets?.map((bucket) => (
          <Stack key={bucket.id} horizontal tokens={{ childrenGap: 8 }} verticalAlign="center">
@@ -76,7 +79,9 @@ export const ThroughputBucketsComponent: FC<ThroughputBucketsComponentProps> = (
              value={bucket.maxThroughputPercentage}
              onChange={(newValue) => handleBucketChange(bucket.id, newValue)}
              showValue={false}
-              label={`Bucket ${bucket.id}${bucket.id === 1 ? " (Data Explorer Query Bucket)" : ""}`}
+              label={`${t(Keys.controls.settings.throughputBuckets.bucketLabel, { id: String(bucket.id) })}${
+                bucket.id === 1 ? t(Keys.controls.settings.throughputBuckets.dataExplorerQueryBucket) : ""
+              }`}
              styles={{
                root: { flex: 2, maxWidth: 400 },
                titleLabel: {
@@ -99,8 +104,8 @@ export const ThroughputBucketsComponent: FC<ThroughputBucketsComponentProps> = (
              disabled={bucket.maxThroughputPercentage === 100}
            />
            <Toggle
-              onText="Active"
-              offText="Inactive"
+              onText={t(Keys.controls.settings.throughputBuckets.active)}
+              offText={t(Keys.controls.settings.throughputBuckets.inactive)}
              checked={bucket.maxThroughputPercentage !== 100}
              onChange={(event, checked) => onToggle(bucket.id, checked)}
              styles={{
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx
@@ -16,6 +16,7 @@ import {
  Text,
  TextField,
 } from "@fluentui/react";
+import { Keys, t } from "Localization";
 import React from "react";
 import * as DataModels from "../../../../../Contracts/DataModels";
 import * as SharedConstants from "../../../../../Shared/Constants";
@@ -97,8 +98,8 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
  private throughputInputMaxValue: number;
  private autoPilotInputMaxValue: number;
  private options: IChoiceGroupOption[] = [
-    { key: "true", text: "Autoscale" },
-    { key: "false", text: "Manual" },
+    { key: "true", text: t(Keys.controls.settings.throughputInput.autoscale) },
+    { key: "false", text: t(Keys.controls.settings.throughputInput.manual) },
  ];

  // Style constants for theme-aware colors and layout
@@ -244,7 +245,7 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
      return (
        <div>
          <Text style={{ fontWeight: 600, color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY }}>
-            Updated cost per month
+            {t(Keys.controls.settings.costEstimate.updatedCostPerMonth)}
          </Text>
          <Stack horizontal style={{ marginTop: 5, marginBottom: 10 }}>
            <Text
@@ -253,7 +254,8 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY,
              }}
            >
-              {newPrices.currencySign} {calculateEstimateNumber(newPrices.monthlyPrice / 10)} min
+              {newPrices.currencySign} {calculateEstimateNumber(newPrices.monthlyPrice / 10)}{" "}
+              {t(Keys.controls.settings.throughputInput.min)}
            </Text>
            <Text
              style={{
@@ -261,7 +263,8 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY,
              }}
            >
-              {newPrices.currencySign} {calculateEstimateNumber(newPrices.monthlyPrice)} max
+              {newPrices.currencySign} {calculateEstimateNumber(newPrices.monthlyPrice)}{" "}
+              {t(Keys.controls.settings.throughputInput.max)}
            </Text>
          </Stack>
        </div>
@@ -274,7 +277,7 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
        <Stack {...checkBoxAndInputStackProps} style={{ marginTop: 15 }}>
          {newThroughput && newThroughputCostElement()}
          <Text style={{ fontWeight: 600, color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY }}>
-            Current cost per month
+            {t(Keys.controls.settings.costEstimate.currentCostPerMonth)}
          </Text>
          <Stack horizontal style={{ marginTop: 5, color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY }}>
            <Text
@@ -283,7 +286,8 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY,
              }}
            >
-              {prices.currencySign} {calculateEstimateNumber(prices.monthlyPrice / 10)} min
+              {prices.currencySign} {calculateEstimateNumber(prices.monthlyPrice / 10)}{" "}
+              {t(Keys.controls.settings.throughputInput.min)}
            </Text>
            <Text
              style={{
@@ -291,7 +295,8 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY,
              }}
            >
-              {prices.currencySign} {calculateEstimateNumber(prices.monthlyPrice)} max
+              {prices.currencySign} {calculateEstimateNumber(prices.monthlyPrice)}{" "}
+              {t(Keys.controls.settings.throughputInput.max)}
            </Text>
          </Stack>
        </Stack>
@@ -326,17 +331,20 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
      return (
        <div>
          <Text style={{ fontWeight: 600, color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY }}>
-            Updated cost per month
+            {t(Keys.controls.settings.costEstimate.updatedCostPerMonth)}
          </Text>
          <Stack horizontal style={{ marginTop: 5, marginBottom: 10 }}>
            <Text style={this.settingsAndScaleStyle.root}>
-              {newPrices.currencySign} {calculateEstimateNumber(newPrices.hourlyPrice)}/hr
+              {newPrices.currencySign} {calculateEstimateNumber(newPrices.hourlyPrice)}
+              {t(Keys.controls.settings.costEstimate.perHour)}
            </Text>
            <Text style={this.settingsAndScaleStyle.root}>
-              {newPrices.currencySign} {calculateEstimateNumber(newPrices.dailyPrice)}/day
+              {newPrices.currencySign} {calculateEstimateNumber(newPrices.dailyPrice)}
+              {t(Keys.controls.settings.costEstimate.perDay)}
            </Text>
            <Text style={this.settingsAndScaleStyle.root}>
-              {newPrices.currencySign} {calculateEstimateNumber(newPrices.monthlyPrice)}/mo
+              {newPrices.currencySign} {calculateEstimateNumber(newPrices.monthlyPrice)}
+              {t(Keys.controls.settings.costEstimate.perMonth)}
            </Text>
          </Stack>
        </div>
@@ -349,17 +357,20 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
        <Stack {...checkBoxAndInputStackProps} style={{ marginTop: 15 }}>
          {newThroughput && newThroughputCostElement()}
          <Text style={{ fontWeight: 600, color: ThroughputInputAutoPilotV3Component.TEXT_COLOR_PRIMARY }}>
-            Current cost per month
+            {t(Keys.controls.settings.costEstimate.currentCostPerMonth)}
          </Text>
          <Stack horizontal style={{ marginTop: 5 }}>
            <Text style={this.settingsAndScaleStyle.root}>
-              {prices.currencySign} {calculateEstimateNumber(prices.hourlyPrice)}/hr
+              {prices.currencySign} {calculateEstimateNumber(prices.hourlyPrice)}
+              {t(Keys.controls.settings.costEstimate.perHour)}
            </Text>
            <Text style={this.settingsAndScaleStyle.root}>
-              {prices.currencySign} {calculateEstimateNumber(prices.dailyPrice)}/day
+              {prices.currencySign} {calculateEstimateNumber(prices.dailyPrice)}
+              {t(Keys.controls.settings.costEstimate.perDay)}
            </Text>
            <Text style={this.settingsAndScaleStyle.root}>
-              {prices.currencySign} {calculateEstimateNumber(prices.monthlyPrice)}/mo
+              {prices.currencySign} {calculateEstimateNumber(prices.monthlyPrice)}
+              {t(Keys.controls.settings.costEstimate.perMonth)}
            </Text>
          </Stack>
        </Stack>
@@ -444,10 +455,14 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
    this.setState({ spendAckChecked: checked });

  private getStorageCapacityTitle = (): JSX.Element => {
-    const capacity: string = this.props.isFixed ? "Fixed" : "Unlimited";
+    const capacity: string = this.props.isFixed
+      ? t(Keys.controls.settings.throughputInput.fixed)
+      : t(Keys.controls.settings.throughputInput.unlimited);
    return (
      <Stack {...titleAndInputStackProps}>
-        <Label style={{ color: "var(--colorNeutralForeground1)" }}>Storage capacity</Label>
+        <Label style={{ color: "var(--colorNeutralForeground1)" }}>
+          {t(Keys.controls.settings.throughputInput.storageCapacity)}
+        </Label>
        <Text style={{ color: "var(--colorNeutralForeground1)" }}>{capacity}</Text>
      </Stack>
    );
@@ -555,10 +570,14 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
      />
      <Stack horizontal>
        <Stack.Item style={{ width: "34%", paddingRight: "5px" }}>
-          <Separator styles={this.thoughputRangeSeparatorStyles}>Instant</Separator>
+          <Separator styles={this.thoughputRangeSeparatorStyles}>
+            {t(Keys.controls.settings.throughputInput.instant)}
+          </Separator>
        </Stack.Item>
        <Stack.Item style={{ width: "66%", paddingLeft: "5px" }}>
-          <Separator styles={this.thoughputRangeSeparatorStyles}>4-6 hrs</Separator>
+          <Separator styles={this.thoughputRangeSeparatorStyles}>
+            {t(Keys.controls.settings.throughputInput.fourToSixHrs)}
+          </Separator>
        </Stack.Item>
      </Stack>
    </Stack>
@@ -638,7 +657,7 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                variant="small"
                style={{ lineHeight: "20px", fontWeight: 600, color: "var(--colorNeutralForeground1)" }}
              >
-                Minimum RU/s
+                {t(Keys.controls.settings.throughputInput.minimumRuS)}
              </Text>
              <FontIcon iconName="Info" style={{ fontSize: 12, color: "var(--colorNeutralForeground2)" }} />
            </Stack>
@@ -672,7 +691,7 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
              color: "var(--colorNeutralForeground1)",
            }}
          >
-            x 10 =
+            {t(Keys.controls.settings.throughputInput.x10Equals)}
          </Text>

          {/* Column 3: Maximum RU/s */}
@@ -682,7 +701,7 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                variant="small"
                style={{ lineHeight: "20px", fontWeight: 600, color: "var(--colorNeutralForeground1)" }}
              >
-                Maximum RU/s
+                {t(Keys.controls.settings.throughputInput.maximumRuS)}
              </Text>
              <FontIcon iconName="Info" style={{ fontSize: 12, color: "var(--colorNeutralForeground2)" }} />
            </Stack>
@@ -723,7 +742,9 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
              onGetErrorMessage={(value: string) => {
                const sanitizedValue = getSanitizedInputValue(value);
                const errorMessage: string =
-                  sanitizedValue % 1000 ? "Throughput value must be in increments of 1000" : this.props.throughputError;
+                  sanitizedValue % 1000
+                    ? t(Keys.controls.settings.throughput.throughputIncrementError)
+                    : this.props.throughputError;
                return <span data-test="autopilot-throughput-input-error">{errorMessage}</span>;
              }}
              validateOnLoad={false}
@@ -769,7 +790,9 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
          )}
          {this.props.isAutoPilotSelected ? (
            <Text style={{ marginTop: "40px", color: "var(--colorNeutralForeground1)" }}>
-              Based on usage, your {this.props.collectionName ? "container" : "database"} throughput will scale from{" "}
+              {t(Keys.controls.settings.throughputInput.autoscaleDescription, {
+                resourceType: this.props.collectionName ? "container" : "database",
+              })}{" "}
              <b>
                {AutoPilotUtils.getMinRUsBasedOnUserInput(this.props.maxAutoPilotThroughput)} RU/s (10% of max RU/s) -{" "}
                {this.props.maxAutoPilotThroughput} RU/s
@@ -784,16 +807,19 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
                  styles={this.darkThemeMessageBarStyles}
                  style={{ marginTop: "40px" }}
                >
-                  {`Billing will apply if you provision more than ${SharedConstants.FreeTierLimits.RU} RU/s of manual throughput, or if the resource scales beyond ${SharedConstants.FreeTierLimits.RU} RU/s with autoscale.`}
+                  {t(Keys.controls.settings.throughputInput.freeTierWarning, {
+                    ru: String(SharedConstants.FreeTierLimits.RU),
+                  })}
                </MessageBar>
              )}
            </>
          )}
          {!this.overrideWithProvisionedThroughputSettings() && (
            <Text style={{ color: "var(--colorNeutralForeground1)" }}>
-              Estimate your required RU/s with
+              {t(Keys.controls.settings.throughputInput.capacityCalculator)}
              <Link target="_blank" href="https://cosmos.azure.com/capacitycalculator/">
-                {` capacity calculator`} <FontIcon iconName="NavigateExternalInline" />
+                {t(Keys.controls.settings.throughputInput.capacityCalculatorLink)}{" "}
+                <FontIcon iconName="NavigateExternalInline" />
              </Link>
            </Text>
          )}
@@ -806,9 +832,7 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
              onChange={this.onSpendAckChecked}
            />
          )}
-          {this.props.isFixed && (
-            <p>When using a collection with fixed storage capacity, you can set up to 10,000 RU/s.</p>
-          )}
+          {this.props.isFixed && <p>{t(Keys.controls.settings.throughputInput.fixedStorageNote)}</p>}
          {this.props.collectionName && (
            <Stack.Item style={{ marginTop: "40px" }}>{this.getStorageCapacityTitle()}</Stack.Item>
          )}
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/snapshots/ThroughputInputAutoPilotV3Component.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/snapshots/ThroughputInputAutoPilotV3Component.test.tsx.snap
@@ -552,9 +552,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
                }
              }
            >
-              You are not able to lower throughput below your current minimum of 
-              10000
-               RU/s. For more information on this limit, please refer to our service quote documentation.
+              You are not able to lower throughput below your current minimum of 10000 RU/s. For more information on this limit, please refer to our service quote documentation.
              <StyledLinkBase
                href="https://learn.microsoft.com/en-us/azure/cosmos-db/concepts-limits#minimum-throughput-limits"
                target="_blank"
@@ -572,9 +570,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
            }
          }
        >
-          Based on usage, your 
-          container
-           throughput will scale from
+          Based on usage, your container throughput will scale from
           
          <b>
            400
@@ -683,7 +679,8 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
                $
                 
                35.04
-                 min
+                 
+                min
              </Text>
              <Text
                style={
@@ -696,7 +693,8 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
                $
                 
                350.40
-                 max
+                 
+                max
              </Text>
            </Stack>
          </div>
@@ -730,7 +728,8 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
              $
               
              35.04
-               min
+               
+              min
            </Text>
            <Text
              style={
@@ -743,7 +742,8 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
              $
               
              350.40
-               max
+               
+              max
            </Text>
          </Stack>
        </Stack>
@@ -1151,9 +1151,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
                }
              }
            >
-              You are not able to lower throughput below your current minimum of 
-              10000
-               RU/s. For more information on this limit, please refer to our service quote documentation.
+              You are not able to lower throughput below your current minimum of 10000 RU/s. For more information on this limit, please refer to our service quote documentation.
              <StyledLinkBase
                href="https://learn.microsoft.com/en-us/azure/cosmos-db/concepts-limits#minimum-throughput-limits"
                target="_blank"
@@ -1728,9 +1726,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
                }
              }
            >
-              You are not able to lower throughput below your current minimum of 
-              10000
-               RU/s. For more information on this limit, please refer to our service quote documentation.
+              You are not able to lower throughput below your current minimum of 10000 RU/s. For more information on this limit, please refer to our service quote documentation.
              <StyledLinkBase
                href="https://learn.microsoft.com/en-us/azure/cosmos-db/concepts-limits#minimum-throughput-limits"
                target="_blank"
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/snapshots/ComputedPropertiesComponent.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/snapshots/ComputedPropertiesComponent.test.tsx.snap
@@ -27,7 +27,8 @@ exports[`ComputedPropertiesComponent renders 1`] = `
        iconName="NavigateExternalInline"
      />
    </StyledLinkBase>
-      about how to define computed properties and how to use them.
+      
+    about how to define computed properties and how to use them.
  </Text>
  <div
    className="settingsV2Editor"
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/snapshots/PartitionKeyComponent.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/snapshots/PartitionKeyComponent.test.tsx.snap
@@ -33,8 +33,7 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
        }
      }
    >
-      Change 
-      partition key
+      Change partition key
    </Text>
    <Stack
      horizontal={true}
@@ -61,8 +60,7 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
            }
          }
        >
-          Current 
-          partition key
+          Current partition key
        </Text>
        <Text
          styles={
@@ -223,8 +221,7 @@ exports[`PartitionKeyComponent renders read-only component and matches snapshot
            }
          }
        >
-          Current 
-          partition key
+          Current partition key
        </Text>
        <Text
          styles={
--- a/src/Explorer/Controls/Settings/SettingsSubComponents/snapshots/SubSettingsComponent.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/SettingsSubComponents/snapshots/SubSettingsComponent.test.tsx.snap
@@ -410,9 +410,7 @@ exports[`SubSettingsComponent analyticalTimeToLive hidden 1`] = `
    <Text
      className="hintText-115"
    >
-      Large 
-      partition key
-       has been enabled.
+      Large partition key has been enabled.
    </Text>
    <Text
      className="hintText-115"
@@ -984,9 +982,7 @@ exports[`SubSettingsComponent analyticalTimeToLiveSeconds hidden 1`] = `
    <Text
      className="hintText-115"
    >
-      Large 
-      partition key
-       has been enabled.
+      Large partition key has been enabled.
    </Text>
    <Text
      className="hintText-115"
@@ -1522,9 +1518,7 @@ exports[`SubSettingsComponent changeFeedPolicy hidden 1`] = `
    <Text
      className="hintText-115"
    >
-      Large 
-      partition key
-       has been enabled.
+      Large partition key has been enabled.
    </Text>
    <Text
      className="hintText-115"
@@ -2157,9 +2151,7 @@ exports[`SubSettingsComponent renders 1`] = `
    <Text
      className="hintText-115"
    >
-      Large 
-      partition key
-       has been enabled.
+      Large partition key has been enabled.
    </Text>
    <Text
      className="hintText-115"
@@ -2729,9 +2721,7 @@ exports[`SubSettingsComponent timeToLiveSeconds hidden 1`] = `
    <Text
      className="hintText-115"
    >
-      Large 
-      partition key
-       has been enabled.
+      Large partition key has been enabled.
    </Text>
    <Text
      className="hintText-115"
--- a/src/Explorer/Controls/Settings/SettingsUtils.tsx
+++ b/src/Explorer/Controls/Settings/SettingsUtils.tsx
@@ -1,6 +1,7 @@
 import * as Constants from "../../../Common/Constants";
 import * as DataModels from "../../../Contracts/DataModels";
 import * as ViewModels from "../../../Contracts/ViewModels";
+import { Keys, t } from "Localization";
 import { isFabricNative } from "../../../Platform/Fabric/FabricUtil";
 import { userContext } from "../../../UserContext";
 import { isCapabilityEnabled } from "../../../Utils/CapabilityUtils";
@@ -175,25 +176,27 @@ const getStringValue = (value: isDirtyTypes, type: string): string => {
 export const getTabTitle = (tab: SettingsV2TabTypes): string => {
  switch (tab) {
    case SettingsV2TabTypes.ScaleTab:
-      return "Scale";
+      return t(Keys.controls.settings.tabTitles.scale);
    case SettingsV2TabTypes.ConflictResolutionTab:
-      return "Conflict Resolution";
+      return t(Keys.controls.settings.tabTitles.conflictResolution);
    case SettingsV2TabTypes.SubSettingsTab:
-      return "Settings";
+      return t(Keys.controls.settings.tabTitles.settings);
    case SettingsV2TabTypes.IndexingPolicyTab:
-      return "Indexing Policy";
+      return t(Keys.controls.settings.tabTitles.indexingPolicy);
    case SettingsV2TabTypes.PartitionKeyTab:
-      return isFabricNative() ? "Partition Keys" : "Partition Keys (preview)";
+      return isFabricNative()
+        ? t(Keys.controls.settings.tabTitles.partitionKeys)
+        : t(Keys.controls.settings.tabTitles.partitionKeysPreview);
    case SettingsV2TabTypes.ComputedPropertiesTab:
-      return "Computed Properties";
+      return t(Keys.controls.settings.tabTitles.computedProperties);
    case SettingsV2TabTypes.ContainerVectorPolicyTab:
-      return "Container Policies";
+      return t(Keys.controls.settings.tabTitles.containerPolicies);
    case SettingsV2TabTypes.ThroughputBucketsTab:
-      return "Throughput Buckets";
+      return t(Keys.controls.settings.tabTitles.throughputBuckets);
    case SettingsV2TabTypes.GlobalSecondaryIndexTab:
-      return "Global Secondary Index (Preview)";
+      return t(Keys.controls.settings.tabTitles.globalSecondaryIndexPreview);
    case SettingsV2TabTypes.DataMaskingTab:
-      return "Masking Policy (preview)";
+      return t(Keys.controls.settings.tabTitles.maskingPolicyPreview);
    default:
      throw new Error(`Unknown tab ${tab}`);
  }
@@ -203,19 +206,19 @@ export const getMongoNotification = (description: string, type: MongoIndexTypes)
  if (description && !type) {
    return {
      type: MongoNotificationType.Warning,
-      message: "Please select a type for each index.",
+      message: t(Keys.controls.settings.mongoNotifications.selectTypeWarning),
    };
  }

  if (type && (!description || description.trim().length === 0)) {
    return {
      type: MongoNotificationType.Error,
-      message: "Please enter a field name.",
+      message: t(Keys.controls.settings.mongoNotifications.enterFieldNameError),
    };
  } else if (type === MongoIndexTypes.Wildcard && description?.indexOf("$**") === -1) {
    return {
      type: MongoNotificationType.Error,
-      message: "Wildcard path is not present in the field name. Use a pattern like " + MongoWildcardPlaceHolder,
+      message: t(Keys.controls.settings.mongoNotifications.wildcardPathError) + MongoWildcardPlaceHolder,
    };
  }

@@ -249,28 +252,29 @@ export const isIndexTransforming = (indexTransformationProgress: number): boolea
  indexTransformationProgress !== undefined && indexTransformationProgress !== 100;

 export const getPartitionKeyName = (apiType: string, isLowerCase?: boolean): string => {
-  const partitionKeyName = apiType === "Mongo" ? "Shard key" : "Partition key";
+  const partitionKeyName =
+    apiType === "Mongo"
+      ? t(Keys.controls.settings.partitionKey.shardKey)
+      : t(Keys.controls.settings.partitionKey.partitionKey);
  return isLowerCase ? partitionKeyName.toLocaleLowerCase() : partitionKeyName;
 };

 export const getPartitionKeyTooltipText = (apiType: string): string => {
  if (apiType === "Mongo") {
-    return "The shard key (field) is used to split your data across many replica sets (shards) to achieve unlimited scalability. It’s critical to choose a field that will evenly distribute your data.";
+    return t(Keys.controls.settings.partitionKey.shardKeyTooltip);
  }
-  let tooltipText = `The ${getPartitionKeyName(
-    apiType,
-    true,
-  )} is used to automatically distribute data across partitions for scalability. Choose a property in your JSON document that has a wide range of values and evenly distributes request volume.`;
+  let tooltipText = `The ${getPartitionKeyName(apiType, true)} ${t(
+    Keys.controls.settings.partitionKey.partitionKeyTooltip,
+  )}`;
  if (apiType === "SQL") {
-    tooltipText += " For small read-heavy workloads or write-heavy workloads of any size, id is often a good choice.";
+    tooltipText += t(Keys.controls.settings.partitionKey.sqlPartitionKeyTooltipSuffix);
  }
  return tooltipText;
 };

 export const getPartitionKeySubtext = (partitionKeyDefault: boolean, apiType: string): string => {
  if (partitionKeyDefault && (apiType === "SQL" || apiType === "Mongo")) {
-    const subtext = "For small workloads, the item ID is a suitable choice for the partition key.";
-    return subtext;
+    return t(Keys.controls.settings.partitionKey.partitionKeySubtext);
  }
  return "";
 };
@@ -278,18 +282,18 @@ export const getPartitionKeySubtext = (partitionKeyDefault: boolean, apiType: st
 export const getPartitionKeyPlaceHolder = (apiType: string, index?: number): string => {
  switch (apiType) {
    case "Mongo":
-      return "e.g., categoryId";
+      return t(Keys.controls.settings.partitionKey.mongoPlaceholder);
    case "Gremlin":
-      return "e.g., /address";
+      return t(Keys.controls.settings.partitionKey.gremlinPlaceholder);
    case "SQL":
      return `${
        index === undefined
-          ? "Required - first partition key e.g., /TenantId"
+          ? t(Keys.controls.settings.partitionKey.sqlFirstPartitionKey)
          : index === 0
-          ? "second partition key e.g., /UserId"
-          : "third partition key e.g., /SessionId"
+          ? t(Keys.controls.settings.partitionKey.sqlSecondPartitionKey)
+          : t(Keys.controls.settings.partitionKey.sqlThirdPartitionKey)
      }`;
    default:
-      return "e.g., /address/zipCode";
+      return t(Keys.controls.settings.partitionKey.defaultPlaceholder);
  }
 };
--- a/src/Explorer/Controls/Settings/snapshots/SettingsComponent.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/snapshots/SettingsComponent.test.tsx.snap
@@ -110,6 +110,7 @@ exports[`SettingsComponent renders 1`] = `
                "conflictResolutionPolicy": [Function],
                "container": Explorer {
                  "_isInitializingNotebooks": false,
+                  "databasesRefreshed": Promise {},
                  "isFixedCollectionWithSharedThroughputSupported": [Function],
                  "isTabsContentExpanded": [Function],
                  "onRefreshDatabasesKeyPress": [Function],
@@ -231,6 +232,7 @@ exports[`SettingsComponent renders 1`] = `
                "conflictResolutionPolicy": [Function],
                "container": Explorer {
                  "_isInitializingNotebooks": false,
+                  "databasesRefreshed": Promise {},
                  "isFixedCollectionWithSharedThroughputSupported": [Function],
                  "isTabsContentExpanded": [Function],
                  "onRefreshDatabasesKeyPress": [Function],
@@ -453,6 +455,7 @@ exports[`SettingsComponent renders 1`] = `
                "conflictResolutionPolicy": [Function],
                "container": Explorer {
                  "_isInitializingNotebooks": false,
+                  "databasesRefreshed": Promise {},
                  "isFixedCollectionWithSharedThroughputSupported": [Function],
                  "isTabsContentExpanded": [Function],
                  "onRefreshDatabasesKeyPress": [Function],
@@ -524,6 +527,7 @@ exports[`SettingsComponent renders 1`] = `
            explorer={
              Explorer {
                "_isInitializingNotebooks": false,
+                "databasesRefreshed": Promise {},
                "isFixedCollectionWithSharedThroughputSupported": [Function],
                "isTabsContentExpanded": [Function],
                "onRefreshDatabasesKeyPress": [Function],
@@ -692,6 +696,7 @@ exports[`SettingsComponent renders 1`] = `
                "conflictResolutionPolicy": [Function],
                "container": Explorer {
                  "_isInitializingNotebooks": false,
+                  "databasesRefreshed": Promise {},
                  "isFixedCollectionWithSharedThroughputSupported": [Function],
                  "isTabsContentExpanded": [Function],
                  "onRefreshDatabasesKeyPress": [Function],
@@ -763,6 +768,7 @@ exports[`SettingsComponent renders 1`] = `
            explorer={
              Explorer {
                "_isInitializingNotebooks": false,
+                "databasesRefreshed": Promise {},
                "isFixedCollectionWithSharedThroughputSupported": [Function],
                "isTabsContentExpanded": [Function],
                "onRefreshDatabasesKeyPress": [Function],
--- a/src/Explorer/Controls/Settings/snapshots/SettingsRenderUtils.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/snapshots/SettingsRenderUtils.test.tsx.snap
@@ -127,9 +127,13 @@ exports[`SettingsUtils functions render 1`] = `
  >
    The request to increase the throughput has successfully been submitted. This operation will take 1-3 business days to complete. View the latest status in Notifications.
    <br />
-    Database: 
+    Database:
+     
    sampleDb
-    , Container: 
+    ,
+     
+    Container:
+     
    sampleCollection
     
    , Current manual throughput: 1000 RU/s, Target manual throughput: 2000
@@ -309,7 +313,7 @@ exports[`SettingsUtils functions render 1`] = `
      }
    }
  >
-    You can make more indexing changes once the current index transformation has completed. It is 90% complete. 
+    You can make more indexing changes once the current index transformation has completed. It is 90% complete.  
    <StyledLinkBase
      onClick={[Function]}
    >
--- a/src/Explorer/DataSamples/ContainerSampleGenerator.ts
+++ b/src/Explorer/DataSamples/ContainerSampleGenerator.ts
@@ -113,7 +113,7 @@ export class ContainerSampleGenerator {
              ? await createMongoDocument(collection.databaseId, collection, shardKey, doc)
              : await createDocument(collection, doc);
          } catch (error) {
-            NotificationConsoleUtils.logConsoleError(error);
+            NotificationConsoleUtils.logConsoleError(error instanceof Error ? error.message : String(error));
          }
        }),
      );
--- a/src/Explorer/Explorer.test.tsx
+++ b/src/Explorer/Explorer.test.tsx
@@ -0,0 +1,168 @@
+jest.mock("Utils/arm/generatedClients/cosmos/databaseAccounts");
+jest.mock("Utils/NotificationConsoleUtils", () => ({
+  logConsoleProgress: jest.fn(() => jest.fn()), // returns a clearMessage fn
+  logConsoleInfo: jest.fn(),
+  logConsoleError: jest.fn(),
+}));
+jest.mock("Shared/Telemetry/TelemetryProcessor");
+
+import { DatabaseAccount } from "../Contracts/DataModels";
+import { updateUserContext, userContext } from "../UserContext";
+import { update } from "../Utils/arm/generatedClients/cosmos/databaseAccounts";
+import Explorer from "./Explorer";
+
+const mockUpdate = update as jest.MockedFunction<typeof update>;
+
+// Capture `useDialog.getState().openDialog` calls
+const mockOpenDialog = jest.fn();
+const mockCloseDialog = jest.fn();
+
+jest.mock("./Controls/Dialog", () => ({
+  useDialog: {
+    getState: jest.fn(() => ({
+      openDialog: mockOpenDialog,
+      closeDialog: mockCloseDialog,
+    })),
+  },
+}));
+
+// Silence useNotebook subscription calls
+jest.mock("./Notebook/useNotebook", () => ({
+  useNotebook: {
+    subscribe: jest.fn(),
+    getState: jest.fn().mockReturnValue(
+      new Proxy(
+        {},
+        {
+          get: () => jest.fn().mockResolvedValue(undefined),
+        },
+      ),
+    ),
+  },
+}));
+
+describe("Explorer.openEnableSynapseLinkDialog", () => {
+  let explorer: Explorer;
+
+  const baseAccount: DatabaseAccount = {
+    id: "/subscriptions/ctx-sub/resourceGroups/ctx-rg/providers/Microsoft.DocumentDB/databaseAccounts/ctx-account",
+    name: "ctx-account",
+    location: "East US",
+    type: "Microsoft.DocumentDB/databaseAccounts",
+    kind: "GlobalDocumentDB",
+    tags: {},
+    properties: {
+      documentEndpoint: "https://ctx-account.documents.azure.com:443/",
+      capabilities: [],
+      enableMultipleWriteLocations: false,
+    },
+  };
+
+  beforeAll(() => {
+    updateUserContext({
+      databaseAccount: baseAccount,
+      subscriptionId: "ctx-sub",
+      resourceGroup: "ctx-rg",
+    });
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockUpdate.mockResolvedValue(undefined);
+    explorer = new Explorer();
+  });
+
+  describe("without targetAccountOverride", () => {
+    it("should open a dialog when called without override", () => {
+      explorer.openEnableSynapseLinkDialog();
+      expect(mockOpenDialog).toHaveBeenCalledTimes(1);
+    });
+
+    it("should use userContext values in the update call on primary button click", async () => {
+      explorer.openEnableSynapseLinkDialog();
+
+      const dialogProps = mockOpenDialog.mock.calls[0][0];
+      await dialogProps.onPrimaryButtonClick();
+
+      expect(mockUpdate).toHaveBeenCalledWith(
+        "ctx-sub",
+        "ctx-rg",
+        "ctx-account",
+        expect.objectContaining({
+          properties: { enableAnalyticalStorage: true },
+        }),
+      );
+    });
+
+    it("should update userContext.databaseAccount.properties when no override is provided", async () => {
+      explorer.openEnableSynapseLinkDialog();
+
+      const dialogProps = mockOpenDialog.mock.calls[0][0];
+      await dialogProps.onPrimaryButtonClick();
+
+      expect(userContext.databaseAccount.properties.enableAnalyticalStorage).toBe(true);
+    });
+  });
+
+  describe("with targetAccountOverride", () => {
+    const override = {
+      subscriptionId: "override-sub",
+      resourceGroup: "override-rg",
+      accountName: "override-account",
+    };
+
+    it("should open a dialog when called with override", () => {
+      explorer.openEnableSynapseLinkDialog(override);
+      expect(mockOpenDialog).toHaveBeenCalledTimes(1);
+    });
+
+    it("should use override values in the update call on primary button click", async () => {
+      explorer.openEnableSynapseLinkDialog(override);
+
+      const dialogProps = mockOpenDialog.mock.calls[0][0];
+      await dialogProps.onPrimaryButtonClick();
+
+      expect(mockUpdate).toHaveBeenCalledWith(
+        "override-sub",
+        "override-rg",
+        "override-account",
+        expect.objectContaining({
+          properties: { enableAnalyticalStorage: true },
+        }),
+      );
+    });
+
+    it("should NOT update userContext.databaseAccount.properties when override is provided", async () => {
+      // Reset the property first
+      userContext.databaseAccount.properties.enableAnalyticalStorage = false;
+
+      explorer.openEnableSynapseLinkDialog(override);
+
+      const dialogProps = mockOpenDialog.mock.calls[0][0];
+      await dialogProps.onPrimaryButtonClick();
+
+      expect(userContext.databaseAccount.properties.enableAnalyticalStorage).toBe(false);
+    });
+
+    it("should use override values — NOT userContext — even when userContext has different values", async () => {
+      explorer.openEnableSynapseLinkDialog(override);
+
+      const dialogProps = mockOpenDialog.mock.calls[0][0];
+      await dialogProps.onPrimaryButtonClick();
+
+      // update should NOT be called with ctx-sub / ctx-rg / ctx-account
+      expect(mockUpdate).not.toHaveBeenCalledWith("ctx-sub", expect.anything(), expect.anything(), expect.anything());
+    });
+  });
+
+  describe("secondary button click", () => {
+    it("should close the dialog on secondary button click", () => {
+      explorer.openEnableSynapseLinkDialog();
+
+      const dialogProps = mockOpenDialog.mock.calls[0][0];
+      dialogProps.onSecondaryButtonClick();
+
+      expect(mockCloseDialog).toHaveBeenCalledTimes(1);
+    });
+  });
+});
--- a/src/Explorer/Explorer.tsx
+++ b/src/Explorer/Explorer.tsx
@@ -107,6 +107,12 @@ export default class Explorer {

  private static readonly MaxNbDatabasesToAutoExpand = 5;
  public phoenixClient: PhoenixClient;
+
+  /**
+   * Resolves when the initial refreshAllDatabases (including collection loading) completes.
+   * Await this instead of calling refreshAllDatabases again to avoid duplicate concurrent loads.
+   */
+  public databasesRefreshed: Promise<void> = Promise.resolve();
  constructor() {
    const startKey: number = TelemetryProcessor.traceStart(Action.InitializeDataExplorer, {
      dataExplorerArea: Constants.Areas.ResourceTree,
@@ -221,7 +227,11 @@ export default class Explorer {
    this.refreshNotebookList();
  }

-  public openEnableSynapseLinkDialog(): void {
+  public openEnableSynapseLinkDialog(targetAccountOverride?: DataModels.AccountOverride): void {
+    const subscriptionId = targetAccountOverride?.subscriptionId ?? userContext.subscriptionId;
+    const resourceGroup = targetAccountOverride?.resourceGroup ?? userContext.resourceGroup;
+    const accountName = targetAccountOverride?.accountName ?? userContext.databaseAccount.name;
+
    const addSynapseLinkDialogProps: DialogProps = {
      linkProps: {
        linkText: "Learn more",
@@ -243,7 +253,7 @@ export default class Explorer {
        useDialog.getState().closeDialog();

        try {
-          await update(userContext.subscriptionId, userContext.resourceGroup, userContext.databaseAccount.name, {
+          await update(subscriptionId, resourceGroup, accountName, {
            properties: {
              enableAnalyticalStorage: true,
            },
@@ -252,7 +262,9 @@ export default class Explorer {
          clearInProgressMessage();
          logConsoleInfo("Enabled Azure Synapse Link for this account");
          TelemetryProcessor.traceSuccess(Action.EnableAzureSynapseLink, {}, startTime);
-          userContext.databaseAccount.properties.enableAnalyticalStorage = true;
+          if (!targetAccountOverride) {
+            userContext.databaseAccount.properties.enableAnalyticalStorage = true;
+          }
        } catch (error) {
          clearInProgressMessage();
          logConsoleError(`Enabling Azure Synapse Link for this account failed. ${getErrorMessage(error)}`);
@@ -1197,9 +1209,11 @@ export default class Explorer {
    }

    if (userContext.apiType !== "Postgres" && userContext.apiType !== "VCoreMongo") {
-      userContext.authType === AuthType.ResourceToken
-        ? this.refreshDatabaseForResourceToken()
-        : await this.refreshAllDatabases(); // await: we rely on the databases to be loaded before restoring the tabs further in the flow
+      this.databasesRefreshed =
+        userContext.authType === AuthType.ResourceToken
+          ? this.refreshDatabaseForResourceToken()
+          : this.refreshAllDatabases();
+      await this.databasesRefreshed; // await: we rely on the databases to be loaded before restoring the tabs further in the flow
    }

    if (!isFabricNative()) {
--- a/src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx
+++ b/src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx
@@ -167,7 +167,7 @@ export function createContextCommandBarButtons(

 export function createControlCommandBarButtons(container: Explorer): CommandButtonComponentProps[] {
  const buttons: CommandButtonComponentProps[] = [
-    ThemeToggleButton(),
+    ThemeToggleButton(configContext.platform === Platform.Portal),
    {
      iconSrc: SettingsIcon,
      iconAlt: "Settings",
--- a/src/Explorer/Menus/CommandBar/CommandBarUtil.tsx
+++ b/src/Explorer/Menus/CommandBar/CommandBarUtil.tsx
@@ -5,6 +5,7 @@ import {
  IconType,
  IDropdownOption,
  IDropdownStyles,
+  TooltipHost,
 } from "@fluentui/react";
 import { useQueryCopilot } from "hooks/useQueryCopilot";
 import { KeyboardHandlerMap } from "KeyboardShortcuts";
@@ -154,6 +155,21 @@ export const convertButton = (btns: CommandButtonComponentProps[], backgroundCol
        id: btn.id,
      };

+      if (btn.tooltipContent) {
+        result.title = undefined;
+        result.commandBarButtonAs = (props: IComponentAsProps<ICommandBarItemProps>) => {
+          const { defaultRender: DefaultRender, ...rest } = props;
+          return React.createElement(
+            TooltipHost,
+            {
+              content: btn.tooltipContent as JSX.Element,
+              calloutProps: { gapSpace: 0 },
+            },
+            React.createElement(DefaultRender, rest),
+          );
+        };
+      }
+
      if (isSplit) {
        // It's a split button
        result.split = true;
--- a/src/Explorer/Menus/CommandBar/ThemeToggleButton.tsx
+++ b/src/Explorer/Menus/CommandBar/ThemeToggleButton.tsx
@@ -1,10 +1,13 @@
+import { Link, Text } from "@fluentui/react";
 import * as React from "react";
 import MoonIcon from "../../../../images/MoonIcon.svg";
 import SunIcon from "../../../../images/SunIcon.svg";
 import { useThemeStore } from "../../../hooks/useTheme";
 import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";

-export const ThemeToggleButton = (): CommandButtonComponentProps => {
+const PORTAL_SETTINGS_URL = "https://learn.microsoft.com/azure/azure-portal/set-preferences";
+
+export const ThemeToggleButton = (isPortal?: boolean): CommandButtonComponentProps => {
  const [darkMode, setDarkMode] = React.useState(useThemeStore.getState().isDarkMode);

  React.useEffect(() => {
@@ -16,6 +19,34 @@ export const ThemeToggleButton = (): CommandButtonComponentProps => {

  const tooltipText = darkMode ? "Switch to Light Theme" : "Switch to Dark Theme";

+  if (isPortal) {
+    return {
+      iconSrc: darkMode ? SunIcon : MoonIcon,
+      iconAlt: "Theme Toggle",
+      onCommandClick: undefined,
+      commandButtonLabel: undefined,
+      ariaLabel: "Dark Mode is managed in Azure Portal Settings",
+      tooltipText: undefined,
+      tooltipContent: React.createElement(
+        "div",
+        { style: { padding: "4px 0" } },
+        React.createElement(Text, { block: true, variant: "small" }, "Dark Mode is managed in Azure Portal Settings"),
+        React.createElement(
+          Link,
+          {
+            href: PORTAL_SETTINGS_URL,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: { display: "inline-block", marginTop: "4px", fontSize: "12px" },
+          },
+          "Open settings",
+        ),
+      ),
+      hasPopup: false,
+      disabled: true,
+    };
+  }
+
  return {
    iconSrc: darkMode ? SunIcon : MoonIcon,
    iconAlt: "Theme Toggle",
--- a/src/Explorer/Menus/NotificationConsole/NotificationConsoleComponent.tsx
+++ b/src/Explorer/Menus/NotificationConsole/NotificationConsoleComponent.tsx
@@ -329,7 +329,10 @@ export class NotificationConsoleComponent extends React.Component<
  }

  private static extractHeaderStatus(consoleData: ConsoleData) {
-    return consoleData?.message.split(":\n")[0];
+    if (!consoleData?.message || typeof consoleData.message !== "string") {
+      return undefined;
+    }
+    return consoleData.message.split(":\n")[0];
  }

  private onConsoleWasExpanded = (): void => {
--- a/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.test.tsx
+++ b/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.test.tsx
@@ -12,4 +12,56 @@ describe("AddCollectionPanel", () => {
    const wrapper = shallow(<AddCollectionPanel {...props} />);
    expect(wrapper).toMatchSnapshot();
  });
+
+  describe("targetAccountOverride prop", () => {
+    it("should render with targetAccountOverride prop set", () => {
+      const override = {
+        subscriptionId: "override-sub",
+        resourceGroup: "override-rg",
+        accountName: "override-account",
+      };
+      const wrapper = shallow(<AddCollectionPanel {...props} targetAccountOverride={override} />);
+      expect(wrapper).toBeDefined();
+    });
+
+    it("should pass targetAccountOverride to openEnableSynapseLinkDialog button click", () => {
+      const mockOpenEnableSynapseLinkDialog = jest.fn();
+      const explorerWithMock = { ...props.explorer, openEnableSynapseLinkDialog: mockOpenEnableSynapseLinkDialog };
+      const override = {
+        subscriptionId: "override-sub",
+        resourceGroup: "override-rg",
+        accountName: "override-account",
+      };
+
+      const wrapper = shallow(
+        <AddCollectionPanel explorer={explorerWithMock as unknown as Explorer} targetAccountOverride={override} />,
+      );
+
+      // isSynapseLinkEnabled section requires specific conditions; verify the component exists
+      expect(wrapper).toBeDefined();
+    });
+  });
+
+  describe("externalDatabaseOptions prop", () => {
+    it("should accept externalDatabaseOptions without error", () => {
+      const externalOptions = [
+        { key: "db1", text: "Database One" },
+        { key: "db2", text: "Database Two" },
+      ];
+      const wrapper = shallow(<AddCollectionPanel {...props} externalDatabaseOptions={externalOptions} />);
+      expect(wrapper).toBeDefined();
+    });
+  });
+
+  describe("isCopyJobFlow prop", () => {
+    it("should render with isCopyJobFlow=true", () => {
+      const wrapper = shallow(<AddCollectionPanel {...props} isCopyJobFlow={true} />);
+      expect(wrapper).toBeDefined();
+    });
+
+    it("should render with isCopyJobFlow=false (default behaviour)", () => {
+      const wrapper = shallow(<AddCollectionPanel {...props} isCopyJobFlow={false} />);
+      expect(wrapper).toBeDefined();
+    });
+  });
 });
--- a/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.tsx
+++ b/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanel.tsx
@@ -21,6 +21,7 @@ import { getNewDatabaseSharedThroughputDefault } from "Common/DatabaseUtility";
 import { getErrorMessage, getErrorStack } from "Common/ErrorHandlingUtils";
 import { configContext, Platform } from "ConfigContext";
 import * as DataModels from "Contracts/DataModels";
+import { AccountOverride } from "Contracts/DataModels";
 import { FullTextPoliciesComponent } from "Explorer/Controls/FullTextSeach/FullTextPoliciesComponent";
 import { VectorEmbeddingPoliciesComponent } from "Explorer/Controls/VectorSearch/VectorEmbeddingPoliciesComponent";
 import {
@@ -42,6 +43,7 @@ import {
 } from "Explorer/Panes/AddCollectionPanel/AddCollectionPanelUtility";
 import { useSidePanel } from "hooks/useSidePanel";
 import { useTeachingBubble } from "hooks/useTeachingBubble";
+import { Keys, t } from "Localization";
 import { DEFAULT_FABRIC_NATIVE_CONTAINER_THROUGHPUT, isFabricNative } from "Platform/Fabric/FabricUtil";
 import React from "react";
 import { CollectionCreation } from "Shared/Constants";
@@ -67,6 +69,8 @@ export interface AddCollectionPanelProps {
  isQuickstart?: boolean;
  isCopyJobFlow?: boolean;
  onSubmitSuccess?: (collectionData: { databaseId: string; collectionId: string }) => void;
+  targetAccountOverride?: AccountOverride;
+  externalDatabaseOptions?: IDropdownOption[];
 }

 export const DefaultVectorEmbeddingPolicy: DataModels.VectorEmbeddingPolicy = {
@@ -177,31 +181,31 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
            messageType="info"
            showErrorDetails={false}
            link={Constants.Urls.freeTierInformation}
-            linkText="Learn more"
+            linkText={t(Keys.common.learnMore)}
          />
        )}

        {this.state.teachingBubbleStep === 1 && (
          <TeachingBubble
-            headline="Create sample database"
+            headline={t(Keys.panes.addCollection.teachingBubble.step1Headline)}
            target={"#newDatabaseId"}
            calloutProps={{ gapSpace: 16 }}
-            primaryButtonProps={{ text: "Next", onClick: () => this.setState({ teachingBubbleStep: 2 }) }}
-            secondaryButtonProps={{ text: "Cancel", onClick: () => this.setState({ teachingBubbleStep: 0 }) }}
+            primaryButtonProps={{ text: t(Keys.common.next), onClick: () => this.setState({ teachingBubbleStep: 2 }) }}
+            secondaryButtonProps={{
+              text: t(Keys.common.cancel),
+              onClick: () => this.setState({ teachingBubbleStep: 0 }),
+            }}
            onDismiss={() => this.setState({ teachingBubbleStep: 0 })}
-            footerContent="Step 1 of 4"
+            footerContent={t(Keys.panes.addCollection.teachingBubble.stepOfTotal, { current: "1", total: "4" })}
          >
            <Stack>
-              <Text style={{ color: "white" }}>
-                Database is the parent of a container. You can create a new database or use an existing one. In this
-                tutorial we are creating a new database named SampleDB.
-              </Text>
+              <Text style={{ color: "white" }}>{t(Keys.panes.addCollection.teachingBubble.step1Body)}</Text>
              <Link
                style={{ color: "white", fontWeight: 600 }}
                target="_blank"
                href="https://aka.ms/TeachingbubbleResources"
              >
-                Learn more about resources.
+                {t(Keys.panes.addCollection.teachingBubble.step1LearnMore)}
              </Link>
            </Stack>
          </TeachingBubble>
@@ -209,21 +213,21 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,

        {this.state.teachingBubbleStep === 2 && (
          <TeachingBubble
-            headline="Setting throughput"
+            headline={t(Keys.panes.addCollection.teachingBubble.step2Headline)}
            target={"#autoscaleRUValueField"}
            calloutProps={{ gapSpace: 16 }}
-            primaryButtonProps={{ text: "Next", onClick: () => this.setState({ teachingBubbleStep: 3 }) }}
-            secondaryButtonProps={{ text: "Previous", onClick: () => this.setState({ teachingBubbleStep: 1 }) }}
+            primaryButtonProps={{ text: t(Keys.common.next), onClick: () => this.setState({ teachingBubbleStep: 3 }) }}
+            secondaryButtonProps={{
+              text: t(Keys.common.previous),
+              onClick: () => this.setState({ teachingBubbleStep: 1 }),
+            }}
            onDismiss={() => this.setState({ teachingBubbleStep: 0 })}
-            footerContent="Step 2 of 4"
+            footerContent={t(Keys.panes.addCollection.teachingBubble.stepOfTotal, { current: "2", total: "4" })}
          >
            <Stack>
-              <Text style={{ color: "white" }}>
-                Cosmos DB recommends sharing throughput across database. Autoscale will give you a flexible amount of
-                throughput based on the max RU/s set (Request Units).
-              </Text>
+              <Text style={{ color: "white" }}>{t(Keys.panes.addCollection.teachingBubble.step2Body)}</Text>
              <Link style={{ color: "white", fontWeight: 600 }} target="_blank" href="https://aka.ms/teachingbubbleRU">
-                Learn more about RU/s.
+                {t(Keys.panes.addCollection.teachingBubble.step2LearnMore)}
              </Link>
            </Stack>
          </TeachingBubble>
@@ -231,36 +235,41 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,

        {this.state.teachingBubbleStep === 3 && (
          <TeachingBubble
-            headline="Naming container"
+            headline={t(Keys.panes.addCollection.teachingBubble.step3Headline)}
            target={"#collectionId"}
            calloutProps={{ gapSpace: 16 }}
-            primaryButtonProps={{ text: "Next", onClick: () => this.setState({ teachingBubbleStep: 4 }) }}
-            secondaryButtonProps={{ text: "Previous", onClick: () => this.setState({ teachingBubbleStep: 2 }) }}
+            primaryButtonProps={{ text: t(Keys.common.next), onClick: () => this.setState({ teachingBubbleStep: 4 }) }}
+            secondaryButtonProps={{
+              text: t(Keys.common.previous),
+              onClick: () => this.setState({ teachingBubbleStep: 2 }),
+            }}
            onDismiss={() => this.setState({ teachingBubbleStep: 0 })}
-            footerContent="Step 3 of 4"
+            footerContent={t(Keys.panes.addCollection.teachingBubble.stepOfTotal, { current: "3", total: "4" })}
          >
-            Name your container
+            {t(Keys.panes.addCollection.teachingBubble.step3Body)}
          </TeachingBubble>
        )}

        {this.state.teachingBubbleStep === 4 && (
          <TeachingBubble
-            headline="Setting partition key"
+            headline={t(Keys.panes.addCollection.teachingBubble.step4Headline)}
            target={"#addCollection-partitionKeyValue"}
            calloutProps={{ gapSpace: 16 }}
            primaryButtonProps={{
-              text: "Create container",
+              text: t(Keys.panes.addCollection.teachingBubble.step4CreateContainer),
              onClick: () => {
                this.setState({ teachingBubbleStep: 5 });
                this.submit();
              },
            }}
-            secondaryButtonProps={{ text: "Previous", onClick: () => this.setState({ teachingBubbleStep: 2 }) }}
+            secondaryButtonProps={{
+              text: t(Keys.common.previous),
+              onClick: () => this.setState({ teachingBubbleStep: 2 }),
+            }}
            onDismiss={() => this.setState({ teachingBubbleStep: 0 })}
-            footerContent="Step 4 of 4"
+            footerContent={t(Keys.panes.addCollection.teachingBubble.stepOfTotal, { current: "4", total: "4" })}
          >
-            Last step - you will need to define a partition key for your collection. /address was chosen for this
-            particular example. A good partition key should have a wide range of possible value
+            {t(Keys.panes.addCollection.teachingBubble.step4Body)}
          </TeachingBubble>
        )}

@@ -270,21 +279,23 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
              <Stack horizontal>
                <span className="mandatoryStar">*&nbsp;</span>
                <Text className="panelTextBold" variant="small">
-                  Database {userContext.apiType === "Mongo" ? "name" : "id"}
+                  {userContext.apiType === "Mongo"
+                    ? t(Keys.panes.addCollection.databaseFieldLabelName)
+                    : t(Keys.panes.addCollection.databaseFieldLabelId)}
                </Text>
                <TooltipHost
                  directionalHint={DirectionalHint.bottomLeftEdge}
-                  content={`A database is analogous to a namespace. It is the unit of management for a set of ${getCollectionName(
-                    true,
-                  ).toLocaleLowerCase()}.`}
+                  content={t(Keys.panes.addCollection.databaseTooltip, {
+                    collectionName: getCollectionName(true).toLocaleLowerCase(),
+                  })}
                >
                  <Icon
                    iconName="Info"
                    className="panelInfoIcon"
                    tabIndex={0}
-                    ariaLabel={`A database is analogous to a namespace. It is the unit of management for a set of ${getCollectionName(
-                      true,
-                    ).toLocaleLowerCase()}.`}
+                    ariaLabel={t(Keys.panes.addCollection.databaseTooltip, {
+                      collectionName: getCollectionName(true).toLocaleLowerCase(),
+                    })}
                  />
                </TooltipHost>
              </Stack>
@@ -295,7 +306,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    <input
                      className="panelRadioBtn"
                      checked={this.state.createNewDatabase}
-                      aria-label="Create new database"
+                      aria-label={t(Keys.panes.addCollection.createNewDatabaseAriaLabel)}
                      aria-checked={this.state.createNewDatabase}
                      name="databaseType"
                      type="radio"
@@ -304,12 +315,12 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                      tabIndex={0}
                      onChange={this.onCreateNewDatabaseRadioBtnChange.bind(this)}
                    />
-                    <span className="panelRadioBtnLabel">Create new</span>
+                    <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.createNew)}</span>

                    <input
                      className="panelRadioBtn"
                      checked={!this.state.createNewDatabase}
-                      aria-label="Use existing database"
+                      aria-label={t(Keys.panes.addCollection.useExistingDatabaseAriaLabel)}
                      aria-checked={!this.state.createNewDatabase}
                      name="databaseType"
                      type="radio"
@@ -317,7 +328,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                      tabIndex={0}
                      onChange={this.onUseExistingDatabaseRadioBtnChange.bind(this)}
                    />
-                    <span className="panelRadioBtnLabel">Use existing</span>
+                    <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.useExisting)}</span>
                  </div>
                </Stack>
              )}
@@ -333,10 +344,10 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    autoComplete="off"
                    pattern={ValidCosmosDbIdInputPattern.source}
                    title={ValidCosmosDbIdDescription}
-                    placeholder="Type a new database id"
+                    placeholder={t(Keys.panes.addCollection.newDatabaseIdPlaceholder)}
                    size={40}
                    className="panelTextField"
-                    aria-label="New database id, Type a new database id"
+                    aria-label={t(Keys.panes.addCollection.newDatabaseIdAriaLabel)}
                    tabIndex={0}
                    value={this.state.newDatabaseId}
                    onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
@@ -347,7 +358,9 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                  {!isServerlessAccount() && (
                    <Stack horizontal>
                      <Checkbox
-                        label={`Share throughput across ${getCollectionName(true).toLocaleLowerCase()}`}
+                        label={t(Keys.panes.addCollection.shareThroughput, {
+                          collectionName: getCollectionName(true).toLocaleLowerCase(),
+                        })}
                        checked={this.state.isSharedThroughputChecked}
                        styles={{
                          text: { fontSize: 12, color: "var(--colorNeutralForeground1)" },
@@ -365,17 +378,17 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                      />
                      <TooltipHost
                        directionalHint={DirectionalHint.bottomLeftEdge}
-                        content={`Throughput configured at the database level will be shared across all ${getCollectionName(
-                          true,
-                        ).toLocaleLowerCase()} within the database.`}
+                        content={t(Keys.panes.addCollection.shareThroughputTooltip, {
+                          collectionName: getCollectionName(true).toLocaleLowerCase(),
+                        })}
                      >
                        <Icon
                          iconName="Info"
                          className="panelInfoIcon"
                          tabIndex={0}
-                          ariaLabel={`Throughput configured at the database level will be shared across all ${getCollectionName(
-                            true,
-                          ).toLocaleLowerCase()} within the database.`}
+                          ariaLabel={t(Keys.panes.addCollection.shareThroughputTooltip, {
+                            collectionName: getCollectionName(true).toLocaleLowerCase(),
+                          })}
                        />
                      </TooltipHost>
                    </Stack>
@@ -400,10 +413,10 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
              )}
              {!this.state.createNewDatabase && (
                <Dropdown
-                  ariaLabel="Choose an existing database"
+                  ariaLabel={t(Keys.panes.addCollection.chooseExistingDatabase)}
                  styles={{ title: { height: 27, lineHeight: 27 }, dropdownItem: { fontSize: 12 } }}
                  style={{ width: 300, fontSize: 12 }}
-                  placeholder="Choose an existing database"
+                  placeholder={t(Keys.panes.addCollection.chooseExistingDatabase)}
                  options={this.getDatabaseOptions()}
                  onChange={(event: React.FormEvent<HTMLDivElement>, database: IDropdownOption) =>
                    this.setState({ selectedDatabaseId: database.key as string })
@@ -424,14 +437,18 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
              </Text>
              <TooltipHost
                directionalHint={DirectionalHint.bottomLeftEdge}
-                content={`Unique identifier for the ${getCollectionName().toLocaleLowerCase()} and used for id-based routing through REST and all SDKs.`}
+                content={t(Keys.panes.addCollection.collectionIdTooltip, {
+                  collectionName: getCollectionName().toLocaleLowerCase(),
+                })}
              >
                <Icon
                  role="button"
                  iconName="Info"
                  className="panelInfoIcon"
                  tabIndex={0}
-                  ariaLabel={`Unique identifier for the ${getCollectionName().toLocaleLowerCase()} and used for id-based routing through REST and all SDKs.`}
+                  ariaLabel={t(Keys.panes.addCollection.collectionIdTooltip, {
+                    collectionName: getCollectionName().toLocaleLowerCase(),
+                  })}
                />
              </TooltipHost>
            </Stack>
@@ -445,10 +462,10 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
              autoComplete="off"
              pattern={ValidCosmosDbIdInputPattern.source}
              title={ValidCosmosDbIdDescription}
-              placeholder={`e.g., ${getCollectionName()}1`}
+              placeholder={t(Keys.panes.addCollection.collectionIdPlaceholder, { collectionName: getCollectionName() })}
              size={40}
              className="panelTextField"
-              aria-label={`${getCollectionName()} id, Example ${getCollectionName()}1`}
+              aria-label={t(Keys.panes.addCollection.collectionIdAriaLabel, { collectionName: getCollectionName() })}
              value={this.state.collectionId}
              onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
                this.setState({ collectionId: event.target.value })
@@ -462,7 +479,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
              <Stack horizontal style={{ marginTop: -4, marginBottom: -5 }}>
                <span className="mandatoryStar">*&nbsp;</span>
                <Text className="panelTextBold" variant="small">
-                  Indexing
+                  {t(Keys.panes.addCollection.indexing)}
                </Text>
              </Stack>

@@ -470,32 +487,32 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                <input
                  className="panelRadioBtn"
                  checked={this.state.enableIndexing}
-                  aria-label="Turn on indexing"
+                  aria-label={t(Keys.panes.addCollection.turnOnIndexing)}
                  aria-checked={this.state.enableIndexing}
                  type="radio"
                  role="radio"
                  tabIndex={0}
                  onChange={this.onTurnOnIndexing.bind(this)}
                />
-                <span className="panelRadioBtnLabel">Automatic</span>
+                <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.automatic)}</span>

                <input
                  className="panelRadioBtn"
                  checked={!this.state.enableIndexing}
-                  aria-label="Turn off indexing"
+                  aria-label={t(Keys.panes.addCollection.turnOffIndexing)}
                  aria-checked={!this.state.enableIndexing}
                  type="radio"
                  role="radio"
                  tabIndex={0}
                  onChange={this.onTurnOffIndexing.bind(this)}
                />
-                <span className="panelRadioBtnLabel">Off</span>
+                <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.off)}</span>
              </Stack>

              <Text variant="small">
                {this.getFreeTierIndexingText()}{" "}
                <Link target="_blank" href="https://aka.ms/cosmos-indexing-policy">
-                  Learn more
+                  {t(Keys.common.learnMore)}
                </Link>
              </Text>
            </Stack>
@@ -508,21 +525,17 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                <Stack horizontal style={{ marginTop: -5, marginBottom: -4 }}>
                  <span className="mandatoryStar">*&nbsp;</span>
                  <Text className="panelTextBold" variant="small">
-                    Sharding
+                    {t(Keys.panes.addCollection.sharding)}
                  </Text>
                  <TooltipHost
                    directionalHint={DirectionalHint.bottomLeftEdge}
-                    content={
-                      "Sharded collections split your data across many replica sets (shards) to achieve unlimited scalability. Sharded collections require choosing a shard key (field) to evenly distribute your data."
-                    }
+                    content={t(Keys.panes.addCollection.shardingTooltip)}
                  >
                    <Icon
                      iconName="Info"
                      className="panelInfoIcon"
                      tabIndex={0}
-                      ariaLabel={
-                        "Sharded collections split your data across many replica sets (shards) to achieve unlimited scalability. Sharded collections require choosing a shard key (field) to evenly distribute your data."
-                      }
+                      ariaLabel={t(Keys.panes.addCollection.shardingTooltip)}
                    />
                  </TooltipHost>
                </Stack>
@@ -531,7 +544,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                  <input
                    className="panelRadioBtn"
                    checked={!this.state.isSharded}
-                    aria-label="Unsharded"
+                    aria-label={t(Keys.panes.addCollection.unsharded)}
                    aria-checked={!this.state.isSharded}
                    name="unsharded"
                    type="radio"
@@ -540,12 +553,12 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    tabIndex={0}
                    onChange={this.onUnshardedRadioBtnChange.bind(this)}
                  />
-                  <span className="panelRadioBtnLabel">Unsharded (20GB limit)</span>
+                  <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.unshardedLabel)}</span>

                  <input
                    className="panelRadioBtn"
                    checked={this.state.isSharded}
-                    aria-label="Sharded"
+                    aria-label={t(Keys.panes.addCollection.sharded)}
                    aria-checked={this.state.isSharded}
                    name="sharded"
                    type="radio"
@@ -554,7 +567,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    tabIndex={0}
                    onChange={this.onShardedRadioBtnChange.bind(this)}
                  />
-                  <span className="panelRadioBtnLabel">Sharded</span>
+                  <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.sharded)}</span>
                </Stack>
              </Stack>
            )}
@@ -679,15 +692,14 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    disabled={this.state.subPartitionKeys.length >= Constants.BackendDefaults.maxNumMultiHashPartition}
                    onClick={() => this.setState({ subPartitionKeys: [...this.state.subPartitionKeys, ""] })}
                  >
-                    Add hierarchical partition key
+                    {t(Keys.panes.addCollection.addPartitionKey)}
                  </DefaultButton>
                  {this.state.subPartitionKeys.length > 0 && (
                    <Text variant="small" style={{ color: "var(--colorNeutralForeground1)" }}>
-                      <Icon iconName="InfoSolid" className="removeIcon" tabIndex={0} /> This feature allows you to
-                      partition your data with up to three levels of keys for better data distribution. Requires .NET
-                      V3, Java V4 SDK, or preview JavaScript V3 SDK.{" "}
+                      <Icon iconName="InfoSolid" className="removeIcon" tabIndex={0} />{" "}
+                      {t(Keys.panes.addCollection.hierarchicalPartitionKeyInfo)}{" "}
                      <Link href="https://aka.ms/cosmos-hierarchical-partitioning" target="_blank">
-                        Learn more
+                        {t(Keys.common.learnMore)}
                      </Link>
                    </Text>
                  )}
@@ -700,7 +712,9 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
          {!isServerlessAccount() && !this.state.createNewDatabase && this.isSelectedDatabaseSharedThroughput() && (
            <Stack horizontal verticalAlign="center">
              <Checkbox
-                label={`Provision dedicated throughput for this ${getCollectionName().toLocaleLowerCase()}`}
+                label={t(Keys.panes.addCollection.provisionDedicatedThroughput, {
+                  collectionName: getCollectionName().toLocaleLowerCase(),
+                })}
                checked={this.state.enableDedicatedThroughput}
                styles={{
                  text: { fontSize: 12, color: "var(--colorNeutralForeground1)" },
@@ -718,23 +732,19 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
              />
              <TooltipHost
                directionalHint={DirectionalHint.bottomLeftEdge}
-                content={`You can optionally provision dedicated throughput for a ${getCollectionName().toLocaleLowerCase()} within a database that has throughput
-                  provisioned. This dedicated throughput amount will not be shared with other ${getCollectionName(
-                    true,
-                  ).toLocaleLowerCase()} in the database and
-                  does not count towards the throughput you provisioned for the database. This throughput amount will be
-                  billed in addition to the throughput amount you provisioned at the database level.`}
+                content={t(Keys.panes.addCollection.provisionDedicatedThroughputTooltip, {
+                  collectionName: getCollectionName().toLocaleLowerCase(),
+                  collectionNamePlural: getCollectionName(true).toLocaleLowerCase(),
+                })}
              >
                <Icon
                  iconName="Info"
                  className="panelInfoIcon"
                  tabIndex={0}
-                  ariaLabel={`You can optionally provision dedicated throughput for a ${getCollectionName().toLocaleLowerCase()} within a database that has throughput
-                provisioned. This dedicated throughput amount will not be shared with other ${getCollectionName(
-                  true,
-                ).toLocaleLowerCase()} in the database and
-                does not count towards the throughput you provisioned for the database. This throughput amount will be
-                billed in addition to the throughput amount you provisioned at the database level.`}
+                  ariaLabel={t(Keys.panes.addCollection.provisionDedicatedThroughputTooltip, {
+                    collectionName: getCollectionName().toLocaleLowerCase(),
+                    collectionNamePlural: getCollectionName(true).toLocaleLowerCase(),
+                  })}
                />
              </TooltipHost>
            </Stack>
@@ -769,8 +779,8 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                      autoComplete="off"
                      placeholder={
                        userContext.apiType === "Mongo"
-                          ? "Comma separated paths e.g. firstName,address.zipCode"
-                          : "Comma separated paths e.g. /firstName,/address/zipCode"
+                          ? t(Keys.panes.addCollection.uniqueKeysPlaceholderMongo)
+                          : t(Keys.panes.addCollection.uniqueKeysPlaceholderSql)
                      }
                      className="panelTextField"
                      value={uniqueKey}
@@ -802,7 +812,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                styles={{ root: { padding: 0 }, label: { fontSize: 12, color: "var(--colorNeutralForeground1)" } }}
                onClick={() => this.setState({ uniqueKeys: [...this.state.uniqueKeys, ""] })}
              >
-                Add unique key
+                {t(Keys.panes.addCollection.addUniqueKey)}
              </ActionButton>
            </Stack>
          )}
@@ -823,7 +833,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    className="panelRadioBtn"
                    checked={this.state.enableAnalyticalStore}
                    disabled={!isSynapseLinkEnabled()}
-                    aria-label="Enable analytical store"
+                    aria-label={t(Keys.panes.addCollection.enableAnalyticalStore)}
                    aria-checked={this.state.enableAnalyticalStore}
                    name="analyticalStore"
                    type="radio"
@@ -832,13 +842,13 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    tabIndex={0}
                    onChange={this.onEnableAnalyticalStoreRadioBtnChange.bind(this)}
                  />
-                  <span className="panelRadioBtnLabel">On</span>
+                  <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.on)}</span>

                  <input
                    className="panelRadioBtn"
                    checked={!this.state.enableAnalyticalStore}
                    disabled={!isSynapseLinkEnabled()}
-                    aria-label="Disable analytical store"
+                    aria-label={t(Keys.panes.addCollection.disableAnalyticalStore)}
                    aria-checked={!this.state.enableAnalyticalStore}
                    name="analyticalStore"
                    type="radio"
@@ -847,27 +857,29 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    tabIndex={0}
                    onChange={this.onDisableAnalyticalStoreRadioBtnChange.bind(this)}
                  />
-                  <span className="panelRadioBtnLabel">Off</span>
+                  <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.off)}</span>
                </div>
              </Stack>

              {!isSynapseLinkEnabled() && (
                <Stack className="panelGroupSpacing">
                  <Text variant="small" style={{ color: "var(--colorNeutralForeground1)" }}>
-                    Azure Synapse Link is required for creating an analytical store{" "}
-                    {getCollectionName().toLocaleLowerCase()}. Enable Synapse Link for this Cosmos DB account. <br />
+                    {t(Keys.panes.addCollection.analyticalStoreSynapseLinkRequired, {
+                      collectionName: getCollectionName().toLocaleLowerCase(),
+                    })}{" "}
+                    <br />
                    <Link
                      href="https://aka.ms/cosmosdb-synapselink"
                      target="_blank"
                      aria-label={Constants.ariaLabelForLearnMoreLink.AzureSynapseLink}
                      className="capacitycalculator-link"
                    >
-                      Learn more
+                      {t(Keys.common.learnMore)}
                    </Link>
                  </Text>
                  <DefaultButton
-                    text="Enable"
-                    onClick={() => this.props.explorer.openEnableSynapseLinkDialog()}
+                    text={t(Keys.panes.addCollection.enable)}
+                    onClick={() => this.props.explorer.openEnableSynapseLinkDialog(this.props.targetAccountOverride)}
                    style={{ height: 27, width: 80 }}
                    styles={{ label: { fontSize: 12 } }}
                  />
@@ -878,7 +890,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
          {this.shouldShowVectorSearchParameters() && (
            <Stack>
              <CollapsibleSectionComponent
-                title="Container Vector Policy"
+                title={t(Keys.panes.addCollection.containerVectorPolicy)}
                isExpandedByDefault={false}
                onExpand={() => {
                  scrollToSection("collapsibleVectorPolicySectionContent");
@@ -906,7 +918,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
          {this.shouldShowFullTextSearchParameters() && (
            <Stack>
              <CollapsibleSectionComponent
-                title="Container Full Text Search Policy"
+                title={t(Keys.panes.addCollection.containerFullTextSearchPolicy)}
                isExpandedByDefault={false}
                onExpand={() => {
                  scrollToSection("collapsibleFullTextPolicySectionContent");
@@ -935,7 +947,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
          )}
          {!isFabricNative() && userContext.apiType !== "Tables" && (
            <CollapsibleSectionComponent
-              title="Advanced"
+              title={t(Keys.panes.addCollection.advanced)}
              isExpandedByDefault={false}
              onExpand={() => {
                TelemetryProcessor.traceOpen(Action.ExpandAddCollectionPaneAdvancedSection);
@@ -948,23 +960,23 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    <Stack horizontal>
                      <span className="mandatoryStar">*&nbsp;</span>
                      <Text className="panelTextBold" variant="small">
-                        Indexing
+                        {t(Keys.panes.addCollection.indexing)}
                      </Text>
                      <TooltipHost
                        directionalHint={DirectionalHint.bottomLeftEdge}
-                        content="The _id field is indexed by default. Creating a wildcard index for all fields will optimize queries and is recommended for development."
+                        content={t(Keys.panes.addCollection.mongoIndexingTooltip)}
                      >
                        <Icon
                          iconName="Info"
                          className="panelInfoIcon"
                          tabIndex={0}
-                          ariaLabel="The _id field is indexed by default. Creating a wildcard index for all fields will optimize queries and is recommended for development."
+                          ariaLabel={t(Keys.panes.addCollection.mongoIndexingTooltip)}
                        />
                      </TooltipHost>
                    </Stack>

                    <Checkbox
-                      label="Create a Wildcard Index on all fields"
+                      label={t(Keys.panes.addCollection.createWildcardIndex)}
                      checked={this.state.createMongoWildCardIndex}
                      styles={{
                        text: { fontSize: 12, color: "var(--colorNeutralForeground1)" },
@@ -986,7 +998,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                {userContext.apiType === "SQL" && (
                  <Stack className="panelGroupSpacing">
                    <Checkbox
-                      label="My application uses an older Cosmos .NET or Java SDK version (.NET V1 or Java V2)"
+                      label={t(Keys.panes.addCollection.legacySdkCheckbox)}
                      checked={this.state.useHashV1}
                      styles={{
                        text: { fontSize: 12, color: "var(--colorNeutralForeground1)" },
@@ -1003,11 +1015,9 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                      }
                    />
                    <Text variant="small" style={{ color: "var(--colorNeutralForeground1)" }}>
-                      <Icon iconName="InfoSolid" className="removeIcon" /> To ensure compatibility with older SDKs, the
-                      created container will use a legacy partitioning scheme that supports partition key values of size
-                      only up to 101 bytes. If this is enabled, you will not be able to use hierarchical partition keys.{" "}
+                      <Icon iconName="InfoSolid" className="removeIcon" /> {t(Keys.panes.addCollection.legacySdkInfo)}{" "}
                      <Link href="https://aka.ms/cosmos-large-pk" target="_blank">
-                        Learn more
+                        {t(Keys.common.learnMore)}
                      </Link>
                    </Text>
                  </Stack>
@@ -1018,7 +1028,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
        </div>

        {!this.props.isCopyJobFlow && (
-          <PanelFooterComponent buttonLabel="OK" isButtonDisabled={this.state.isThroughputCapExceeded} />
+          <PanelFooterComponent buttonLabel={t(Keys.common.ok)} isButtonDisabled={this.state.isThroughputCapExceeded} />
        )}

        {this.state.isExecuting && (
@@ -1026,16 +1036,15 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
            <PanelLoadingScreen />
            {this.state.teachingBubbleStep === 5 && (
              <TeachingBubble
-                headline="Creating sample container"
+                headline={t(Keys.panes.addCollection.teachingBubble.step5Headline)}
                target={"#loadingScreen"}
                onDismiss={() => this.setState({ teachingBubbleStep: 0 })}
                styles={{ footer: { width: "100%" } }}
              >
-                A sample container is now being created and we are adding sample data for you. It should take about 1
-                minute.
+                {t(Keys.panes.addCollection.teachingBubble.step5Body)}
                <br />
                <br />
-                Once the sample container is created, review your sample dataset and follow next steps
+                {t(Keys.panes.addCollection.teachingBubble.step5BodyFollowUp)}
                <br />
                <br />
                <ProgressIndicator
@@ -1044,7 +1053,7 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
                    progressTrack: { backgroundColor: "#A6A6A6" },
                    progressBar: { background: "white" },
                  }}
-                  label="Adding sample data set"
+                  label={t(Keys.panes.addCollection.addingSampleDataSet)}
                />
              </TeachingBubble>
            )}
@@ -1055,6 +1064,9 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
  }

  private getDatabaseOptions(): IDropdownOption[] {
+    if (this.props.externalDatabaseOptions) {
+      return this.props.externalDatabaseOptions;
+    }
    return useDatabases.getState().databases?.map((database) => ({
      key: database.id(),
      text: database.id(),
@@ -1142,6 +1154,10 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
      return false;
    }

+    if (this.props.targetAccountOverride) {
+      return false;
+    }
+
    const selectedDatabase = useDatabases
      .getState()
      .databases?.find((database) => database.id() === this.state.selectedDatabaseId);
@@ -1150,8 +1166,8 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,

  private getFreeTierIndexingText(): string {
    return this.state.enableIndexing
-      ? "All properties in your documents will be indexed by default for flexible and efficient queries."
-      : "Indexing will be turned off. Recommended if you don't need to run queries or only have key value operations.";
+      ? t(Keys.panes.addCollection.indexingOnInfo)
+      : t(Keys.panes.addCollection.indexingOffInfo);
  }

  private getPartitionKeySubtext(): string {
@@ -1249,14 +1265,14 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
    const throughput = this.state.createNewDatabase ? this.newDatabaseThroughput : this.collectionThroughput;
    if (throughput > CollectionCreation.DefaultCollectionRUs100K && !this.isCostAcknowledged) {
      const errorMessage = this.isNewDatabaseAutoscale
-        ? "Please acknowledge the estimated monthly spend."
-        : "Please acknowledge the estimated daily spend.";
+        ? t(Keys.panes.addCollection.acknowledgeSpendErrorMonthly)
+        : t(Keys.panes.addCollection.acknowledgeSpendErrorDaily);
      this.setState({ errorMessage });
      return false;
    }

    if (throughput > CollectionCreation.MaxRUPerPartition && !this.state.isSharded) {
-      this.setState({ errorMessage: "Unsharded collections support up to 10,000 RUs" });
+      this.setState({ errorMessage: t(Keys.panes.addCollection.unshardedMaxRuError) });
      return false;
    }

@@ -1270,12 +1286,12 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,

    if (this.shouldShowVectorSearchParameters()) {
      if (!this.state.vectorPolicyValidated) {
-        this.setState({ errorMessage: "Please fix errors in container vector policy" });
+        this.setState({ errorMessage: t(Keys.panes.addCollection.vectorPolicyError) });
        return false;
      }

      if (!this.state.fullTextPolicyValidated) {
-        this.setState({ errorMessage: "Please fix errors in container full text search polilcy" });
+        this.setState({ errorMessage: t(Keys.panes.addCollection.fullTextSearchPolicyError) });
        return false;
      }
    }
@@ -1432,13 +1448,16 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
      createMongoWildcardIndex: this.state.createMongoWildCardIndex,
      vectorEmbeddingPolicy,
      fullTextPolicy: this.state.fullTextPolicy,
+      targetAccountOverride: this.props.targetAccountOverride,
    };

    this.setState({ isExecuting: true });

    try {
      await createCollection(createCollectionParams);
-      await this.props.explorer.refreshAllDatabases();
+      if (!this.props.isCopyJobFlow) {
+        await this.props.explorer.refreshAllDatabases();
+      }
      if (this.props.isQuickstart) {
        const database = useDatabases.getState().findDatabaseWithId(databaseId);
        if (database) {
@@ -1467,7 +1486,13 @@ export class AddCollectionPanel extends React.Component<AddCollectionPanelProps,
        useSidePanel.getState().closeSidePanel();
      }
    } catch (error) {
-      const errorMessage: string = getErrorMessage(error);
+      const rawMessage: string = getErrorMessage(error);
+      const errorMessage =
+        this.props.isCopyJobFlow && (rawMessage.includes("AuthorizationFailed") || rawMessage.includes("403"))
+          ? `You do not have permission to create databases or containers on the destination account (${
+              this.props.targetAccountOverride?.accountName ?? "unknown"
+            }). Please ensure you have Contributor or Owner access.`
+          : rawMessage;
      this.setState({ isExecuting: false, errorMessage, showErrorDetails: true });
      const failureTelemetryData = { ...telemetryData, error: errorMessage, errorStack: getErrorStack(error) };
      TelemetryProcessor.traceFailure(Action.CreateCollection, failureTelemetryData, startKey);
--- a/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanelUtility.tsx
+++ b/src/Explorer/Panes/AddCollectionPanel/AddCollectionPanelUtility.tsx
@@ -3,28 +3,32 @@ import * as Constants from "Common/Constants";
 import { configContext, Platform } from "ConfigContext";
 import * as DataModels from "Contracts/DataModels";
 import { getFullTextLanguageOptions } from "Explorer/Controls/FullTextSeach/FullTextPoliciesComponent";
+import { Keys, t } from "Localization";
 import { isFabricNative } from "Platform/Fabric/FabricUtil";
 import React from "react";
 import { userContext } from "UserContext";

 export function getPartitionKeyTooltipText(): string {
  if (userContext.apiType === "Mongo") {
-    return "The shard key (field) is used to split your data across many replica sets (shards) to achieve unlimited scalability. It’s critical to choose a field that will evenly distribute your data.";
+    return t(Keys.panes.addCollectionUtility.shardKeyTooltip);
  }

-  let tooltipText = `The ${getPartitionKeyName(
-    true,
-  )} is used to automatically distribute data across partitions for scalability. Choose a property in your JSON document that has a wide range of values and evenly distributes request volume.`;
+  let tooltipText = t(Keys.panes.addCollectionUtility.partitionKeyTooltip, {
+    partitionKeyName: getPartitionKeyName(true),
+  });

  if (userContext.apiType === "SQL") {
-    tooltipText += " For small read-heavy workloads or write-heavy workloads of any size, id is often a good choice.";
+    tooltipText += t(Keys.panes.addCollectionUtility.partitionKeyTooltipSqlSuffix);
  }

  return tooltipText;
 }

 export function getPartitionKeyName(isLowerCase?: boolean): string {
-  const partitionKeyName = userContext.apiType === "Mongo" ? "Shard key" : "Partition key";
+  const partitionKeyName =
+    userContext.apiType === "Mongo"
+      ? t(Keys.panes.addCollectionUtility.shardKeyLabel)
+      : t(Keys.panes.addCollectionUtility.partitionKeyLabel);

  return isLowerCase ? partitionKeyName.toLocaleLowerCase() : partitionKeyName;
 }
@@ -32,19 +36,19 @@ export function getPartitionKeyName(isLowerCase?: boolean): string {
 export function getPartitionKeyPlaceHolder(index?: number): string {
  switch (userContext.apiType) {
    case "Mongo":
-      return "e.g., categoryId";
+      return t(Keys.panes.addCollectionUtility.shardKeyPlaceholder);
    case "Gremlin":
-      return "e.g., /address";
+      return t(Keys.panes.addCollectionUtility.partitionKeyPlaceholderDefault);
    case "SQL":
      return `${
        index === undefined
-          ? "Required - first partition key e.g., /TenantId"
+          ? t(Keys.panes.addCollectionUtility.partitionKeyPlaceholderFirst)
          : index === 0
-          ? "second partition key e.g., /UserId"
-          : "third partition key e.g., /SessionId"
+          ? t(Keys.panes.addCollectionUtility.partitionKeyPlaceholderSecond)
+          : t(Keys.panes.addCollectionUtility.partitionKeyPlaceholderThird)
      }`;
    default:
-      return "e.g., /address/zipCode";
+      return t(Keys.panes.addCollectionUtility.partitionKeyPlaceholderGraph);
  }
 }

@@ -69,13 +73,12 @@ export function isFreeTierAccount(): boolean {
 }

 export function UniqueKeysHeader(): JSX.Element {
-  const tooltipContent =
-    "Unique keys provide developers with the ability to add a layer of data integrity to their database. By creating a unique key policy when a container is created, you ensure the uniqueness of one or more values per partition key.";
+  const tooltipContent = t(Keys.panes.addCollectionUtility.uniqueKeysTooltip);

  return (
    <Stack horizontal style={{ marginBottom: -2 }}>
      <Text className="panelTextBold" variant="small">
-        Unique keys
+        {t(Keys.panes.addCollectionUtility.uniqueKeysLabel)}
      </Text>
      <TooltipHost directionalHint={DirectionalHint.bottomLeftEdge} content={tooltipContent}>
        <Icon iconName="Info" className="panelInfoIcon" tabIndex={0} ariaLabel={tooltipContent} />
@@ -99,12 +102,11 @@ export function shouldShowAnalyticalStoreOptions(): boolean {
 }

 export function AnalyticalStoreHeader(): JSX.Element {
-  const tooltipContent =
-    "Enable analytical store capability to perform near real-time analytics on your operational data, without impacting the performance of transactional workloads.";
+  const tooltipContent = t(Keys.panes.addCollectionUtility.analyticalStoreTooltip);
  return (
    <Stack horizontal style={{ marginBottom: -2 }}>
      <Text className="panelTextBold" variant="small">
-        Analytical Store
+        {t(Keys.panes.addCollectionUtility.analyticalStoreLabel)}
      </Text>
      <TooltipHost directionalHint={DirectionalHint.bottomLeftEdge} content={tooltipContent}>
        <Icon iconName="Info" className="panelInfoIcon" tabIndex={0} ariaLabel={tooltipContent} />
@@ -116,14 +118,13 @@ export function AnalyticalStoreHeader(): JSX.Element {
 export function AnalyticalStorageContent(): JSX.Element {
  return (
    <Text variant="small">
-      Enable analytical store capability to perform near real-time analytics on your operational data, without impacting
-      the performance of transactional workloads.{" "}
+      {t(Keys.panes.addCollectionUtility.analyticalStoreDescription)}{" "}
      <Link
        aria-label={Constants.ariaLabelForLearnMoreLink.AnalyticalStore}
        target="_blank"
        href="https://aka.ms/analytical-store-overview"
      >
-        Learn more
+        {t(Keys.common.learnMore)}
      </Link>
    </Text>
  );
@@ -155,10 +156,9 @@ export function scrollToSection(id: string): void {
 export function ContainerVectorPolicyTooltipContent(): JSX.Element {
  return (
    <Text variant="small">
-      Describe any properties in your data that contain vectors, so that they can be made available for similarity
-      queries.{" "}
+      {t(Keys.panes.addCollectionUtility.vectorPolicyTooltip)}{" "}
      <Link target="_blank" href="https://aka.ms/CosmosDBVectorSetup">
-        Learn more
+        {t(Keys.common.learnMore)}
      </Link>
    </Text>
  );
--- a/src/Explorer/Panes/AddCollectionPanel/snapshots/AddCollectionPanel.test.tsx.snap
+++ b/src/Explorer/Panes/AddCollectionPanel/snapshots/AddCollectionPanel.test.tsx.snap
@@ -29,8 +29,7 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
          className="panelTextBold"
          variant="small"
        >
-          Database 
-          id
+          Database id
        </Text>
        <StyledTooltipHostBase
          content="A database is analogous to a namespace. It is the unit of management for a set of containers."
@@ -482,10 +481,8 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
          }
          variant="small"
        >
-          Azure Synapse Link is required for creating an analytical store
+          Azure Synapse Link is required for creating an analytical store container. Enable Synapse Link for this Cosmos DB account.
           
-          container
-          . Enable Synapse Link for this Cosmos DB account. 
          <br />
          <StyledLinkBase
            aria-label="Learn more about Azure Synapse Link."
@@ -608,7 +605,8 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
              className="removeIcon"
              iconName="InfoSolid"
            />
-             To ensure compatibility with older SDKs, the created container will use a legacy partitioning scheme that supports partition key values of size only up to 101 bytes. If this is enabled, you will not be able to use hierarchical partition keys.
+             
+            To ensure compatibility with older SDKs, the created container will use a legacy partitioning scheme that supports partition key values of size only up to 101 bytes. If this is enabled, you will not be able to use hierarchical partition keys.
             
            <StyledLinkBase
              href="https://aka.ms/cosmos-large-pk"
--- a/src/Explorer/Panes/AddDatabasePanel/AddDatabasePanel.tsx
+++ b/src/Explorer/Panes/AddDatabasePanel/AddDatabasePanel.tsx
@@ -1,5 +1,6 @@
 import { Checkbox, Stack, Text, TextField } from "@fluentui/react";
 import { getNewDatabaseSharedThroughputDefault } from "Common/DatabaseUtility";
+import { Keys, t } from "Localization";
 import { ValidCosmosDbIdDescription, ValidCosmosDbIdInputPattern } from "Utils/ValidationUtils";
 import React, { FunctionComponent, useEffect, useState } from "react";
 import * as Constants from "../../../Common/Constants";
@@ -40,15 +41,18 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
  const isCassandraAccount: boolean = userContext.apiType === "Cassandra";
  const databaseLabel: string = isCassandraAccount ? "keyspace" : "database";
  const collectionsLabel: string = isCassandraAccount ? "tables" : "collections";
-  const databaseIdLabel: string = isCassandraAccount ? "Keyspace id" : "Database id";
-  const databaseIdPlaceHolder: string = isCassandraAccount ? "Type a new keyspace id" : "Type a new database id";
+  const databaseIdLabel: string = isCassandraAccount
+    ? t(Keys.panes.addDatabase.keyspaceIdLabel)
+    : t(Keys.panes.addDatabase.databaseIdLabel);
+  const databaseIdPlaceHolder: string = t(Keys.panes.addDatabase.databaseIdPlaceholder, { databaseLabel });

  const [databaseId, setDatabaseId] = useState<string>("");
-  const databaseIdTooltipText = `A ${
-    isCassandraAccount ? "keyspace" : "database"
-  } is a logical container of one or more ${isCassandraAccount ? "tables" : "collections"}`;
+  const databaseIdTooltipText = t(Keys.panes.addDatabase.databaseTooltip, { databaseLabel, collectionsLabel });

-  const databaseLevelThroughputTooltipText = `Provisioned throughput at the ${databaseLabel} level will be shared across all ${collectionsLabel} within the ${databaseLabel}.`;
+  const databaseLevelThroughputTooltipText = t(Keys.panes.addDatabase.shareThroughputTooltip, {
+    databaseLabel,
+    collectionsLabel,
+  });
  const [databaseCreateNewShared, setDatabaseCreateNewShared] = useState<boolean>(
    getNewDatabaseSharedThroughputDefault(),
  );
@@ -144,15 +148,17 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
    // TODO add feature flag that disables validation for customers with custom accounts
    if (isAutoscaleSelected) {
      if (!AutoPilotUtils.isValidAutoPilotThroughput(throughput)) {
-        setFormErrors(
-          `Please enter a value greater than ${AutoPilotUtils.autoPilotThroughput1K} for autopilot throughput`,
-        );
+        setFormErrors(t(Keys.panes.addDatabase.greaterThanError, { minValue: AutoPilotUtils.autoPilotThroughput1K }));
        return false;
      }
    }

    if (throughput > SharedConstants.CollectionCreation.DefaultCollectionRUs100K && !isCostAcknowledged) {
-      setFormErrors(`Please acknowledge the estimated ${isAutoscaleSelected ? "monthly" : "daily"} spend.`);
+      setFormErrors(
+        isAutoscaleSelected
+          ? t(Keys.panes.addDatabase.acknowledgeSpendErrorMonthly)
+          : t(Keys.panes.addDatabase.acknowledgeSpendErrorDaily),
+      );
      return false;
    }

@@ -169,7 +175,7 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
  const props: RightPaneFormProps = {
    formError: formErrors,
    isExecuting,
-    submitButtonText: "OK",
+    submitButtonText: t(Keys.common.ok),
    isSubmitButtonDisabled: isThroughputCapExceeded,
    onSubmit,
  };
@@ -187,7 +193,7 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
          messageType="info"
          showErrorDetails={false}
          link={Constants.Urls.freeTierInformation}
-          linkText="Learn more"
+          linkText={t(Keys.common.learnMore)}
        />
      )}
      <div className="panelMainContent">
@@ -222,7 +228,7 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
          {!isServerlessAccount() && (
            <Stack horizontal>
              <Checkbox
-                title="Provision shared throughput"
+                title={t(Keys.panes.addDatabase.provisionSharedThroughputTitle)}
                styles={{
                  text: { fontSize: 12, color: "var(--colorNeutralForeground1)" },
                  checkbox: { width: 12, height: 12 },
@@ -233,7 +239,7 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
                    },
                  },
                }}
-                label="Provision throughput"
+                label={t(Keys.panes.addDatabase.provisionThroughputLabel)}
                checked={databaseCreateNewShared}
                onChange={() => setDatabaseCreateNewShared(!databaseCreateNewShared)}
              />
--- a/src/Explorer/Panes/AddGlobalSecondaryIndexPanel/AddGlobalSecondaryIndexPanel.tsx
+++ b/src/Explorer/Panes/AddGlobalSecondaryIndexPanel/AddGlobalSecondaryIndexPanel.tsx
@@ -40,6 +40,7 @@ import { PanelInfoErrorComponent } from "Explorer/Panes/PanelInfoErrorComponent"
 import { PanelLoadingScreen } from "Explorer/Panes/PanelLoadingScreen";
 import { useDatabases } from "Explorer/useDatabases";
 import { useSidePanel } from "hooks/useSidePanel";
+import { Keys, t } from "Localization";
 import React, { MutableRefObject, useEffect, useRef, useState } from "react";
 import { CollectionCreation } from "Shared/Constants";
 import { Action } from "Shared/Telemetry/TelemetryConstants";
@@ -168,19 +169,19 @@ export const AddGlobalSecondaryIndexPanel = (props: AddGlobalSecondaryIndexPanel
    }

    if (globalSecondaryIndexThroughput > CollectionCreation.DefaultCollectionRUs100K && !isCostAcknowledged) {
-      const errorMessage: string = "Please acknowledge the estimated monthly spend.";
+      const errorMessage: string = t(Keys.panes.addCollection.acknowledgeSpendErrorMonthly);
      setErrorMessage(errorMessage);
      return false;
    }

    if (showVectorSearchParameters()) {
      if (!vectorPolicyValidated) {
-        setErrorMessage("Please fix errors in container vector policy");
+        setErrorMessage(t(Keys.panes.addCollection.vectorPolicyError));
        return false;
      }

      if (!fullTextPolicyValidated) {
-        setErrorMessage("Please fix errors in container full text search policy");
+        setErrorMessage(t(Keys.panes.addCollection.fullTextSearchPolicyError));
        return false;
      }
    }
@@ -307,7 +308,7 @@ export const AddGlobalSecondaryIndexPanel = (props: AddGlobalSecondaryIndexPanel
          <Stack horizontal>
            <span className="mandatoryStar">*&nbsp;</span>
            <Text className="panelTextBold" variant="small">
-              Global secondary index container id
+              {t(Keys.panes.addGlobalSecondaryIndex.globalSecondaryIndexId)}
            </Text>
          </Stack>
          <input
@@ -318,7 +319,7 @@ export const AddGlobalSecondaryIndexPanel = (props: AddGlobalSecondaryIndexPanel
            autoComplete="off"
            pattern={ValidCosmosDbIdInputPattern.source}
            title={ValidCosmosDbIdDescription}
-            placeholder={`e.g., indexbyEmailId`}
+            placeholder={t(Keys.panes.addGlobalSecondaryIndex.globalSecondaryIndexIdPlaceholder)}
            size={40}
            className="panelTextField"
            value={globalSecondaryIndexId}
@@ -336,7 +337,7 @@ export const AddGlobalSecondaryIndexPanel = (props: AddGlobalSecondaryIndexPanel
                  href="https://learn.microsoft.com/en-us/azure/cosmos-db/nosql/materialized-views#defining-materialized-views"
                  target="blank"
                >
-                  Learn more about defining global secondary indexes.
+                  {t(Keys.panes.addGlobalSecondaryIndex.projectionQueryTooltip)}
                </Link>
              }
            >
@@ -349,7 +350,7 @@ export const AddGlobalSecondaryIndexPanel = (props: AddGlobalSecondaryIndexPanel
            aria-required
            required
            autoComplete="off"
-            placeholder={"SELECT c.email, c.accountId FROM c"}
+            placeholder={t(Keys.panes.addGlobalSecondaryIndex.projectionQueryPlaceholder)}
            size={40}
            className="panelTextField"
            value={definition || ""}
@@ -393,7 +394,7 @@ export const AddGlobalSecondaryIndexPanel = (props: AddGlobalSecondaryIndexPanel
          <AdvancedComponent {...{ useHashV1, setUseHashV1, setSubPartitionKeys }} />
        </Stack>
      </div>
-      <PanelFooterComponent buttonLabel="OK" isButtonDisabled={isThroughputCapExceeded} />
+      <PanelFooterComponent buttonLabel={t(Keys.common.ok)} isButtonDisabled={isThroughputCapExceeded} />
      {isExecuting && <PanelLoadingScreen />}
    </form>
  );
--- a/src/Explorer/Panes/AddGlobalSecondaryIndexPanel/snapshots/AddGlobalSecondaryIndexPanel.test.tsx.snap
+++ b/src/Explorer/Panes/AddGlobalSecondaryIndexPanel/snapshots/AddGlobalSecondaryIndexPanel.test.tsx.snap
@@ -146,6 +146,7 @@ exports[`AddGlobalSecondaryIndexPanel render default panel 1`] = `
        explorer={
          Explorer {
            "_isInitializingNotebooks": false,
+            "databasesRefreshed": Promise {},
            "isFixedCollectionWithSharedThroughputSupported": [Function],
            "isTabsContentExpanded": [Function],
            "onRefreshDatabasesKeyPress": [Function],
--- a/src/Explorer/Panes/CassandraAddCollectionPane/CassandraAddCollectionPane.tsx
+++ b/src/Explorer/Panes/CassandraAddCollectionPane/CassandraAddCollectionPane.tsx
@@ -2,14 +2,15 @@ import { Checkbox, Dropdown, IDropdownOption, Link, Stack, Text, TextField } fro
 import * as Constants from "Common/Constants";
 import { getErrorMessage, getErrorStack } from "Common/ErrorHandlingUtils";
 import { InfoTooltip } from "Common/Tooltip/InfoTooltip";
+import { useSidePanel } from "hooks/useSidePanel";
+import { Keys, t } from "Localization";
+import React, { FunctionComponent, useState } from "react";
 import * as SharedConstants from "Shared/Constants";
 import { Action } from "Shared/Telemetry/TelemetryConstants";
 import * as TelemetryProcessor from "Shared/Telemetry/TelemetryProcessor";
 import { userContext } from "UserContext";
 import { isServerlessAccount } from "Utils/CapabilityUtils";
 import { ValidCosmosDbIdDescription, ValidCosmosDbIdInputPattern } from "Utils/ValidationUtils";
-import { useSidePanel } from "hooks/useSidePanel";
-import React, { FunctionComponent, useState } from "react";
 import { ThroughputInput } from "../../Controls/ThroughputInput/ThroughputInput";
 import Explorer from "../../Explorer";
 import { CassandraAPIDataClient } from "../../Tables/TableDataClient";
@@ -71,8 +72,8 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
    if (throughput > SharedConstants.CollectionCreation.DefaultCollectionRUs100K && !isCostAcknowledged) {
      const errorMessage =
        isNewKeySpaceAutoscale || isTableAutoscale
-          ? "Please acknowledge the estimated monthly spend."
-          : "Please acknowledge the estimated daily spend.";
+          ? t(Keys.panes.addCollection.acknowledgeSpendErrorMonthly)
+          : t(Keys.panes.addCollection.acknowledgeSpendErrorDaily);
      setFormError(errorMessage);
      return;
    }
@@ -149,7 +150,7 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
  const props: RightPaneFormProps = {
    formError,
    isExecuting,
-    submitButtonText: "OK",
+    submitButtonText: t(Keys.common.ok),
    isSubmitButtonDisabled: isThroughputCapExceeded,
    onSubmit,
  };
@@ -161,7 +162,8 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
          <Stack horizontal>
            <span className="mandatoryStar">*&nbsp;</span>
            <Text className="panelTextBold" variant="small">
-              Keyspace name <InfoTooltip>Select an existing keyspace or enter a new keyspace id.</InfoTooltip>
+              {t(Keys.panes.cassandraAddCollection.keyspaceLabel)}{" "}
+              <InfoTooltip>{t(Keys.panes.cassandraAddCollection.keyspaceTooltip)}</InfoTooltip>
            </Text>
          </Stack>

@@ -179,7 +181,7 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
                setExistingKeyspaceId("");
              }}
            />
-            <span className="panelRadioBtnLabel">Create new</span>
+            <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.createNew)}</span>

            <input
              className="panelRadioBtn"
@@ -193,7 +195,7 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
                setIsKeyspaceShared(false);
              }}
            />
-            <span className="panelRadioBtnLabel">Use existing</span>
+            <span className="panelRadioBtnLabel">{t(Keys.panes.addCollection.useExisting)}</span>
          </Stack>

          {keyspaceCreateNew && (
@@ -275,9 +277,9 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
          <Stack horizontal>
            <span className="mandatoryStar">*&nbsp;</span>
            <Text className="panelTextBold" variant="small">
-              Enter CQL command to create the table.{" "}
+              {t(Keys.panes.cassandraAddCollection.tableIdLabel)}{" "}
              <Link className="underlinedLink" href="https://aka.ms/cassandra-create-table" target="_blank">
-                Learn More
+                {t(Keys.common.learnMore)}
              </Link>
            </Text>
          </Stack>
@@ -295,7 +297,7 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
              autoComplete="off"
              pattern={ValidCosmosDbIdInputPattern.source}
              title={ValidCosmosDbIdDescription}
-              placeholder="Enter table Id"
+              placeholder={t(Keys.panes.cassandraAddCollection.enterTableId)}
              size={20}
              value={tableId}
              onChange={(e, newValue) => setTableId(newValue)}
@@ -307,7 +309,7 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
            multiline
            id="editor-area"
            rows={5}
-            ariaLabel="Table schema"
+            ariaLabel={t(Keys.panes.cassandraAddCollection.tableSchemaAriaLabel)}
            value={userTableQuery}
            onChange={(e, newValue) => setUserTableQuery(newValue)}
          />
@@ -318,17 +320,12 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
            <input
              type="checkbox"
              id="tableSharedThroughput"
-              title="Provision dedicated throughput for this table"
+              title={t(Keys.panes.cassandraAddCollection.provisionDedicatedThroughput)}
              checked={dedicateTableThroughput}
              onChange={(e) => setDedicateTableThroughput(e.target.checked)}
            />
-            <span>Provision dedicated throughput for this table</span>
-            <InfoTooltip>
-              You can optionally provision dedicated throughput for a table within a keyspace that has throughput
-              provisioned. This dedicated throughput amount will not be shared with other tables in the keyspace and
-              does not count towards the throughput you provisioned for the keyspace. This throughput amount will be
-              billed in addition to the throughput amount you provisioned at the keyspace level.
-            </InfoTooltip>
+            <span>{t(Keys.panes.cassandraAddCollection.provisionDedicatedThroughput)}</span>
+            <InfoTooltip>{t(Keys.panes.cassandraAddCollection.provisionDedicatedThroughputTooltip)}</InfoTooltip>
          </Stack>
        )}
        {!isServerlessAccount() && (!isKeyspaceShared || dedicateTableThroughput) && (
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Bikram Choudhury	1eba0c4ea2	upgrade RBAC permissions from read only to read-write	2026-03-26 12:59:15 +05:30
Bikram Choudhury	15ad4242d5	feat: Redesign container-copy flow to select destination account and enable cross-account container creation	2026-03-26 11:34:28 +05:30
sunghyunkang1111	c42e35f97a	Added enriched metrics (#2432 )	2026-03-25 10:50:57 -05:00
olprod	8e1b041e3b	Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2463079 (#2428 ) * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2456703 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2456758 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2459555 --------- Co-authored-by: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>	2026-03-18 14:40:24 -05:00
sunghyunkang1111	7c300698c8	Bundle and fallback english localization strings (#2430 )	2026-03-17 17:23:16 -05:00
sunghyunkang1111	e661faea0b	Fix portal background opening health metric (#2425 ) * Fix portal background opening * fix rAF	2026-03-17 12:10:16 -05:00
Nishtha Ahuja	8cce0a4802	Filtering DBs and option for pin(fav)(#2301 ) * implemented search bar * formatting corrected * added pin(fav) and sorting in local in sidebar tree of DE * reverted changes * fixed lint and formatting issues * fixed lint and formatting issues * theme toggle button is disabled if in portal * fixed lint error * added link on disabled theme toggle button * updated the variable for pin icon * removed en-us from url --------- Co-authored-by: nishthaAhujaa <nishtha17354@iiittd.ac.in> Co-authored-by: sakshigupta12feb <sakshigupta12feb1@gmail.com> Co-authored-by: Sakshi Gupta <sakshig@microsoft.com>	2026-03-16 20:23:44 +05:30
asier-isayas	454a02bc53	Handle partition key path with whitespace (#2423 ) * Handle partition key path with white space * add whitespace test case for pkey * remove trailing whitespace --------- Co-authored-by: Asier Isayas <aisayas@microsoft.com>	2026-03-16 07:21:41 -07:00
Laurent Nguyen	7a93df6a4b	Fix: Remove duplicate database refresh logic (Fabric). Add logging for collection fetching. (#2426 ) * Remove duplicate database refresh logic. Add logging for collection fetching * fix: Fix unit test * fix: Update snapshots to include databasesRefreshed property --------- Co-authored-by: Laurent Nguyen <languye@microsoft.com>	2026-03-16 14:24:27 +01:00
olprod	c5d1f4f06f	Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2453843 (#2424 )	2026-03-13 10:57:56 -05:00
Nishtha Ahuja	3c97778da5	Searchable dropdown (#2312 ) * Searchable dropdown * format fix * Refactor SearchableDropdown with Fluent UI components, extract styles, and add tests (#2329) * Initial plan * Refactor SearchableDropdown with Fluent UI components and add tests - Replace native HTML elements with Fluent UI components (Stack, DefaultButton, Text) - Extract inline styles to SearchableDropdown.styles.ts - Add comprehensive unit tests (14 test cases) - Verify behavior consistency with AccountSwitcher tests Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com> * Optimize SearchableDropdown with useMemo for filteredItems Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com> * Fix text alignment to match original UI - ensure left alignment - Add flexContainer.justifyContent: "flex-start" to button styles - Add textAlign: "left" to button label, item styles, and empty message - Restore original left-aligned appearance for placeholder and selected text Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com> * Fix TypeScript implicit type errors in SearchableDropdown tests (#2355) * Initial plan * Fix TypeScript compilation errors in SearchableDropdown.test.tsx Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com> * ui fixes minor * format fix * added search icon and updated the text * removed callbacks * added mocked playwright data * fixed formatting --------- Co-authored-by: nishthaAhujaa <nishtha17354@iiittd.ac.in> Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com> Co-authored-by: Sakshi Gupta <sakshig@microsoft.com> Co-authored-by: sakshigupta12feb <sakshigupta12feb1@gmail.com>	2026-03-12 20:35:59 +05:30
olprod	1dce9c1f37	Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2449149 (#2414 ) * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2445565 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2445655 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2446595 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2446660 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2448008 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2449149 --------- Co-authored-by: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>	2026-03-11 16:36:33 -05:00
sunghyunkang1111	f723b4746d	Localizations batch 5 and import update (#2422 ) * Locations import update * Fix formatting * Fix import paths	2026-03-11 13:51:19 -05:00
sunghyunkang1111	0cf0eca068	Add localization strings batch 4 (#2420 ) * Add localization strings batch 4 * run prettier * Update test snap * Remove duplicates	2026-03-10 14:32:41 -05:00
jawelton74	30fcf0c02e	Remove the knownAuthorities property change as it is causing AAD login (#2421 ) to fail.	2026-03-09 15:24:38 -07:00
sunghyunkang1111	da7ddd7ef5	Fix duplicate messages (#2418 ) * Fix duplicate messages * fix playwright	2026-03-09 14:45:24 -05:00
asier-isayas	a106b0ebac	add the aad endpoint to known authorities when setting up MSAL (#2415 ) Co-authored-by: Asier Isayas <aisayas@microsoft.com>	2026-03-06 10:59:35 -08:00
jawelton74	dafb257fa3	Fix the keys blade links to point to the common connection strings (#2417 ) blade.	2026-03-06 10:12:24 -08:00
sunghyunkang1111	b256ac1e1f	Added localizations 3rd batch (#2413 ) * Added localizations 3rd batch * Fix unit tests	2026-03-06 11:19:00 -06:00
olprod	915f549df9	Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2444293 (#2412 ) * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2444219 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2444293 --------- Co-authored-by: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>	2026-03-05 12:54:04 -06:00
sunghyunkang1111	77132be3b3	Localization second batch (#2410 ) * Localization second batch * update test * fix tests * Fix test	2026-03-05 12:05:45 -06:00
jawelton74	c343bad630	Remove chromium from the playwright test matrix. (#2409 )	2026-03-04 06:05:27 -08:00
sunghyunkang1111	9579d1270b	Localization first batch (#2408 )	2026-03-03 16:17:18 -06:00
sunghyunkang1111	9496cf83ee	Fixing metrics (#2395 ) * Fixing metrics * run prettier	2026-03-02 11:32:51 -06:00
jawelton74	dbe26654f1	Add new config for sov. clouds (#2402 ) * Add new cloud origins for CSP. * Remove the explorer endpoint, it is not needed here. * Add other clouds as well. * Fix formatting.	2026-03-02 07:52:00 -08:00
sakshigupta12feb	b478f2732c	fixed the % update issue in copyjobs (#2399 ) Co-authored-by: Sakshi Gupta <sakshig@microsoft.com>	2026-03-02 17:37:08 +05:30
sunghyunkang1111	204444b878	Added quote escaping for partition key extraction (#2403 )	2026-02-27 14:58:14 -06:00
sunghyunkang1111	2e5c355479	Added localization build (#2380 ) * Added localization build * Commit types * Added locProject.json * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2425084 (#2392) * Fixed package.json * Fix compilation error * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2431677 (#2396) * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2432830 (#2397) * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2431872 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2432783 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2432830 * Localized file check-in by OneLocBuild Task: Build definition ID 13114: Build ID 2434398 (#2400) --------- Co-authored-by: olprod <olprod@microsoft.com>	2026-02-26 13:32:33 -06:00
Laurent Nguyen	5832170b2b	Fix extractHeaderStatus to handle undefined and non-string messages (#2393 ) * Fix extractHeaderStatus to handle undefined and non-string messages * Fix unsafe casts --------- Co-authored-by: Laurent Nguyen <languye@microsoft.com>	2026-02-20 16:42:17 +01:00