diff --git a/.github/workflows/e2e-test.yml b/.github/workflows/e2e-test.yml
index a878a1428..f516c3a74 100644
--- a/.github/workflows/e2e-test.yml
+++ b/.github/workflows/e2e-test.yml
@@ -21,13 +21,26 @@ jobs:
           # "selenium/standalone-${e2e_docker_image_fragment}"
           # Why fragment? These short names are more readable in GitHub UI
           - e2e_docker_image_fragment: chrome:108.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: chrome:84.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:108.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:78.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:108.0
             e2e_service_worker_disable: true
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:78.0
             e2e_service_worker_disable: true
+            e2e_block_popup: false
+          - e2e_docker_image_fragment: firefox:108.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: true
 
     runs-on: ubuntu-20.04
     timeout-minutes: 10
@@ -47,4 +60,4 @@ jobs:
           (cd e2e-test && npm ci) &
           wait
       - name: E2E test (${{ matrix.e2e_docker_image_fragment }})
-        run: cd e2e-test && E2E_DOCKER_IMAGE=selenium/standalone-${{ matrix.e2e_docker_image_fragment }} E2E_DISABLE_SERVICE_WORKER=${{ matrix.e2e_service_worker_disable }} npm start
+        run: cd e2e-test && E2E_DOCKER_IMAGE=selenium/standalone-${{ matrix.e2e_docker_image_fragment }} E2E_DISABLE_SERVICE_WORKER=${{ matrix.e2e_service_worker_disable }} E2E_BLOCK_POPUP=${{ matrix.e2e_block_popup }} npm start
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e09dfc8ca..443c0c7ab 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,13 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 
 ## [Unreleased]
 
+## [0.14.0] - 2022-01-03
+### Changed
+- Improve retry-download
+- Make UI height shorter to be the send button visible without scrolling for mobile users
+- Update dependencies
+- Remove <https://ppng.herokuapp.com> from public server URLs
+
 ## [0.13.0] - 2022-12-31
 ### Changed
 - Passwordless protection by default
@@ -443,7 +450,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 ### Added
 - First release
 
-[Unreleased]: https://github.com/nwtgck/piping-ui-web/compare/v0.13.0...HEAD
+[Unreleased]: https://github.com/nwtgck/piping-ui-web/compare/v0.14.0...HEAD
+[0.14.0]: https://github.com/nwtgck/piping-ui-web/compare/v0.13.0...v0.14.0
 [0.13.0]: https://github.com/nwtgck/piping-ui-web/compare/v0.12.1...v0.13.0
 [0.12.1]: https://github.com/nwtgck/piping-ui-web/compare/v0.12.0...v0.12.1
 [0.12.0]: https://github.com/nwtgck/piping-ui-web/compare/v0.11.0...v0.12.0
diff --git a/e2e-test/src/index.test.ts b/e2e-test/src/index.test.ts
index f09aed532..8bcf8cd90 100644
--- a/e2e-test/src/index.test.ts
+++ b/e2e-test/src/index.test.ts
@@ -22,6 +22,7 @@ const PIPING_UI_URL = `http://localhost:${PIPING_UI_PORT}`;
 const driverFactoryPromise = createDriverFactory({
   dockerBaseImage: process.env["E2E_DOCKER_IMAGE"] || (() => {throw new Error("$E2E_DOCKER_IMAGE not found")})(),
   disablesServiceWorker: process.env["E2E_DISABLE_SERVICE_WORKER"] === "true",
+  blockPopup: process.env["E2E_BLOCK_POPUP"] === "true",
   forwardingTcpPorts: [PIPING_UI_PORT],
 });
 
@@ -58,6 +59,33 @@ function getActions(driver: WebDriver) {
       await (await elements.secretPathClearButton()).click();
       await (await elements.secretPathInput()).sendKeys(path);
     },
+    retryDownloadButtonIfNeed(): () => void {
+      let done = false;
+      (async () => {
+        let retryDownloadButton: webdriver.WebElement;
+        while (true) {
+          try {
+            retryDownloadButton = await driver.findElement(webdriver.By.css("[data-testid=retry_download_button]"));
+            const href = await retryDownloadButton.getAttribute("href");
+            if (href.includes("/sw-download/")) {
+              break;
+            }
+          } catch (e) {
+          }
+          await new Promise(resolve => setTimeout(resolve, 500));
+          if (done) {
+            return;
+          }
+        }
+        await driver.executeScript((button: HTMLElement) => {
+          window.scrollTo(0, button.offsetTop)
+        }, retryDownloadButton);
+        // GitHub Actions frequently fails in 2 seconds.
+        await new Promise(resolve => setTimeout(resolve, 5000));
+        await retryDownloadButton.click();
+      })().catch(e => console.error("failed to run retryDownloadButtonIfNeed()", e));
+      return () => { done = true };
+    },
   };
 }
 
@@ -73,8 +101,8 @@ describe('Piping UI', () => {
     afterCallbacks.push(f);
   }
 
-  it('should send and download a file', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and download a file', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -110,6 +138,8 @@ describe('Piping UI', () => {
       await nativeClick(driver, await elements.passwordlessSwitch());
       await new Promise(resolve => setTimeout(resolve, 1000));
       await (await elements.downloadButton()).click();
+      const finishRetryDownload = actions.retryDownloadButtonIfNeed();
+      defer(() => finishRetryDownload());
 
       const downloadedFilePath = path.join(downloadPath, secretPath);
       await waitForDownload(downloadedFilePath);
@@ -121,8 +151,9 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and show a file', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and show a file', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    // NOTE: Skip because GitHub Actions frequently failed. In local Intel Mac, it succeeds.
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     {
@@ -165,8 +196,8 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and download an E2E encrypted file with password', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and download an E2E encrypted file with password', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -207,6 +238,8 @@ describe('Piping UI', () => {
       await (await elements.passwordInput()).sendKeys(filePassword);
       await new Promise(resolve => setTimeout(resolve, 1000));
       await (await elements.downloadButton()).click();
+      const finishRetryDownload = actions.retryDownloadButtonIfNeed();
+      defer(() => finishRetryDownload());
 
       const downloadedFilePath = path.join(downloadPath, secretPath);
       await waitForDownload(downloadedFilePath);
@@ -218,8 +251,8 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and show an E2E encrypted file with password', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and show an E2E encrypted file with password', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const filePassword = crypto.randomBytes(32).toString("binary");
@@ -268,8 +301,8 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and download a file by passwordless E2E encryption', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and download a file by passwordless E2E encryption', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -304,6 +337,9 @@ describe('Piping UI', () => {
     await new Promise(resolve => setTimeout(resolve, 2000));
     await (await senderElements.passwordlessVerifiedButton0()).click();
 
+    const finishRetryDownload = receiverActions.retryDownloadButtonIfNeed();
+    defer(() => finishRetryDownload());
+
     const downloadedFilePath = path.join(downloadPath, secretPath);
     await waitForDownload(downloadedFilePath);
     const downloadedFileContent = fs.readFileSync(downloadedFilePath);
@@ -313,8 +349,8 @@ describe('Piping UI', () => {
     fs.rmSync(downloadedFilePath);
   });
 
-  it('should send and show a file by passwordless E2E encryption', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and show a file by passwordless E2E encryption', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
 
     const secretPath = crypto.randomBytes(8).toString("hex");
 
diff --git a/e2e-test/src/util.ts b/e2e-test/src/util.ts
index dc80e0672..eb977d58e 100644
--- a/e2e-test/src/util.ts
+++ b/e2e-test/src/util.ts
@@ -50,20 +50,29 @@ export async function servePipingUiIfNotServed(port: number) {
   }
 }
 
+// NOTE: e.click() causes "Element <input id="..." type="checkbox"> is not clickable at point because another element <div class="..."> obscures it"
 export async function nativeClick(driver: webdriver.WebDriver, element: webdriver.WebElement) {
   await driver.executeScript((e: any) => e.click(), element);
 }
 
 export async function getBufferByBlobUrl(driver: webdriver.WebDriver, blobUrl: string): Promise<Buffer> {
-  const array: number[] = await driver.executeAsyncScript(async function (blobUrl: string) {
+  const base64String: string = await driver.executeAsyncScript(async function (blobUrl: string) {
     // eslint-disable-next-line prefer-rest-params
     const callback = arguments[arguments.length - 1];
     const res = await window.fetch(blobUrl);
     const arrayBuffer = await res.arrayBuffer();
     // NOTE: transferring raw Uint8Array causes "Error: Accessing TypedArray data over Xrays is slow, and forbidden in order to encourage performant code. To copy TypedArrays across origin boundaries, consider using Components.utils.cloneInto()."
-    callback([...new Uint8Array(arrayBuffer)]);
+    // NOTE: Transferring Base64 string is faster than transferring number[] especially in Firefox
+    const array = [...new Uint8Array(arrayBuffer)];
+    // NOTE: chunking avoids an error "RangeError: too many function arguments"
+    const chunkSize = 65536;
+    let str = '';
+    while (array.length > 0) {
+      str += String.fromCharCode.apply(null, array.splice(0, chunkSize));
+    }
+    callback(btoa(str));
   }, blobUrl);
-  return Buffer.from(array);
+  return Buffer.from(base64String, "base64");
 }
 
 export function randomBytesAvoidingMimeTypeDetection(size: number): Buffer {
@@ -94,7 +103,7 @@ export async function waitFor<T>(f: () => T | Promise<T>, { intervalMillis = 100
 
 export const rayTracingPngImage: Buffer = fs.readFileSync("./resources/ray-tracing-iow-1280x720.png");
 
-export async function createDriverFactory({dockerBaseImage, disablesServiceWorker, forwardingTcpPorts}: {dockerBaseImage: string, disablesServiceWorker: boolean, forwardingTcpPorts: readonly number[]}) {
+export async function createDriverFactory({dockerBaseImage, disablesServiceWorker, blockPopup, forwardingTcpPorts}: {dockerBaseImage: string, disablesServiceWorker: boolean, blockPopup: boolean, forwardingTcpPorts: readonly number[]}) {
   const sharePath = fs.mkdtempSync(path.join(os.tmpdir(), "selenium-docker-share-"));
   const sharePathInDocker = "/home/seluser/tmp";
   const downloadPath = fs.mkdtempSync(path.join(os.tmpdir(), "selenium-docker-downloads-share-"));
@@ -122,6 +131,8 @@ export async function createDriverFactory({dockerBaseImage, disablesServiceWorke
             new firefox.Options()
               .setPreference("browser.helperApps.neverAsk.saveToDisk", "application/octet-stream;application/x-unknown-content-type")
               .setPreference("dom.serviceWorkers.enabled", !disablesServiceWorker)
+              // 20 is default value in Firefox 108
+              .setPreference("dom.popup_maximum", blockPopup ? 0 : 20)
           )
           .usingServer("http://localhost:4444/wd/hub").build();
       }
@@ -130,6 +141,9 @@ export async function createDriverFactory({dockerBaseImage, disablesServiceWorke
       if (disablesServiceWorker) {
         throw new Error(`can not disable Service Worker on Chrome/Chromium`);
       }
+      if (blockPopup) {
+        throw new Error(`can not block popup on Chrome/Chromium`);
+      }
       return () => {
         return new webdriver.Builder().forBrowser(webdriver.Browser.CHROME)
           .usingServer("http://localhost:4444/wd/hub").build();
@@ -144,5 +158,6 @@ export async function createDriverFactory({dockerBaseImage, disablesServiceWorke
     downloadPath,
     downloadPathInDocker,
     createDriver,
+    blockPopup,
   };
 }
diff --git a/package-lock.json b/package-lock.json
index b7176f3a1..e25896f30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "piping-ui",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "piping-ui",
-      "version": "0.13.0",
+      "version": "0.14.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -24,7 +24,8 @@
         "io-ts": "^2.2.18",
         "jszip": "^3.10.1",
         "jwk-thumbprint": "^0.1.4",
-        "linkifyjs": "^3.0.5",
+        "linkify-string": "^4.0.2",
+        "linkifyjs": "^4.0.2",
         "openpgp": "^5.5.0",
         "register-service-worker": "^1.7.2",
         "sanitize-html": "^2.8.1",
@@ -45,21 +46,21 @@
         "@types/sanitize-html": "^2.6.2",
         "@types/smoothscroll-polyfill": "^0.3.1",
         "@types/url-join": "^4.0.0",
-        "@typescript-eslint/eslint-plugin": "^5.47.1",
-        "@typescript-eslint/parser": "^5.47.1",
+        "@typescript-eslint/eslint-plugin": "^5.48.0",
+        "@typescript-eslint/parser": "^5.48.0",
         "@vue/cli-plugin-babel": "^5.0.8",
         "@vue/cli-plugin-eslint": "^5.0.8",
         "@vue/cli-plugin-typescript": "^5.0.8",
         "@vue/cli-plugin-unit-mocha": "^5.0.8",
         "@vue/cli-service": "^5.0.8",
-        "@vue/eslint-config-typescript": "^9.1.0",
+        "@vue/eslint-config-typescript": "^10.0.0",
         "@vue/test-utils": "^1.3.0",
         "babel-eslint": "^10.1.0",
         "buffer": "^6.0.3",
         "chai": "^4.3.6",
         "concurrently": "^7.4.0",
         "cross-var": "^1.1.0",
-        "eslint": "^8.30.0",
+        "eslint": "^8.31.0",
         "eslint-plugin-vue": "^8.0.3",
         "license-checker": "^25.0.1",
         "material-design-icons-iconfont": "^6.7.0",
@@ -1844,9 +1845,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
-      "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+      "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
@@ -2379,9 +2380,9 @@
       }
     },
     "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.31",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz",
-      "integrity": "sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q==",
+      "version": "4.17.32",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.32.tgz",
+      "integrity": "sha512-aI5h/VOkxOF2Z1saPy0Zsxs5avets/iaiAJYznQFm5By/pamU31xWKL//epiF4OfUA2qTOc9PV6tCUjhO8wlZA==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -2589,14 +2590,14 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.47.1.tgz",
-      "integrity": "sha512-r4RZ2Jl9kcQN7K/dcOT+J7NAimbiis4sSM9spvWimsBvDegMhKLA5vri2jG19PmIPbDjPeWzfUPQ2hjEzA4Nmg==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.0.tgz",
+      "integrity": "sha512-SVLafp0NXpoJY7ut6VFVUU9I+YeFsDzeQwtK0WZ+xbRN3mtxJ08je+6Oi2N89qDn087COdO0u3blKZNv9VetRQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/type-utils": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/type-utils": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "ignore": "^5.2.0",
         "natural-compare-lite": "^1.4.0",
@@ -2622,14 +2623,14 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.47.1.tgz",
-      "integrity": "sha512-9Vb+KIv29r6GPu4EboWOnQM7T+UjpjXvjCPhNORlgm40a9Ia9bvaPJswvtae1gip2QEeVeGh6YquqAzEgoRAlw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.48.0.tgz",
+      "integrity": "sha512-1mxNA8qfgxX8kBvRDIHEzrRGrKHQfQlbW6iHyfHYS0Q4X1af+S6mkLNtgCOsGVl8+/LUPrqdHMssAemkrQ01qg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2649,13 +2650,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.1.tgz",
-      "integrity": "sha512-9hsFDsgUwrdOoW1D97Ewog7DYSHaq4WKuNs0LHF9RiCmqB0Z+XRR4Pf7u7u9z/8CciHuJ6yxNws1XznI3ddjEw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
+      "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1"
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2666,13 +2667,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.47.1.tgz",
-      "integrity": "sha512-/UKOeo8ee80A7/GJA427oIrBi/Gd4osk/3auBUg4Rn9EahFpevVV1mUK8hjyQD5lHPqX397x6CwOk5WGh1E/1w==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.48.0.tgz",
+      "integrity": "sha512-vbtPO5sJyFjtHkGlGK4Sthmta0Bbls4Onv0bEqOGm7hP9h8UpRsHJwsrCiWtCUndTRNQO/qe6Ijz9rnT/DB+7g==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/typescript-estree": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       },
@@ -2693,9 +2694,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.1.tgz",
-      "integrity": "sha512-CmALY9YWXEpwuu6377ybJBZdtSAnzXLSQcxLSqSQSbC7VfpMu/HLVdrnVJj7ycI138EHqocW02LPJErE35cE9A==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
+      "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2706,13 +2707,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.1.tgz",
-      "integrity": "sha512-4+ZhFSuISAvRi2xUszEj0xXbNTHceV9GbH9S8oAD2a/F9SW57aJNQVOCxG8GPfSWH/X4eOPdMEU2jYVuWKEpWA==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
+      "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -2733,16 +2734,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.1.tgz",
-      "integrity": "sha512-l90SdwqfmkuIVaREZ2ykEfCezepCLxzWMo5gVfcJsJCaT4jHT+QjgSkYhs5BMQmWqE9k3AtIfk4g211z/sTMVw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.48.0.tgz",
+      "integrity": "sha512-x2jrMcPaMfsHRRIkL+x96++xdzvrdBCnYRd5QiW5Wgo1OB4kDYPbC1XjWP/TNqlfK93K/lUL92erq5zPLgFScQ==",
       "dev": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "eslint-scope": "^5.1.1",
         "eslint-utils": "^3.0.0",
         "semver": "^7.3.7"
@@ -2759,12 +2760,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.1.tgz",
-      "integrity": "sha512-rF3pmut2JCCjh6BLRhNKdYjULMb1brvoaiWDlHfLNVgmnZ0sBVJrs3SyaKE1XoDDnJuAx/hDQryHYmPUuNq0ig==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
+      "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
         "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
@@ -3395,19 +3396,19 @@
       "dev": true
     },
     "node_modules/@vue/eslint-config-typescript": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-9.1.0.tgz",
-      "integrity": "sha512-j/852/ZYQ5wDvCD3HE2q4uqJwJAceer2FwoEch1nFo+zTOsPrbzbE3cuWIs3kvu5hdFsGTMYwRwjI6fqZKDMxQ==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz",
+      "integrity": "sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==",
       "dev": true,
       "dependencies": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "@typescript-eslint/parser": "^5.0.0",
         "vue-eslint-parser": "^8.0.0"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.0.0",
-        "@typescript-eslint/parser": "^5.0.0",
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0",
         "eslint-plugin-vue": "^8.0.1"
       }
@@ -7505,12 +7506,12 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.30.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.30.0.tgz",
-      "integrity": "sha512-MGADB39QqYuzEGov+F/qb18r4i7DohCDOfatHaxI2iGlPuC65bwG2gxgO+7DkyL38dRFaRH7RaRAgU6JKL9rMQ==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
+      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.4.0",
+        "@eslint/eslintrc": "^1.4.1",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -8251,9 +8252,9 @@
       "dev": true
     },
     "node_modules/fastq": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.14.0.tgz",
-      "integrity": "sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
       "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -9884,9 +9885,9 @@
       "dev": true
     },
     "node_modules/json5": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.2.tgz",
-      "integrity": "sha512-46Tk9JiOL2z7ytNQWFLpj99RZkVgeHf87yGQKsIkaPz1qSH9UczKH1rO7K3wgRselo0tYMUNfecYpm/p1vC7tQ==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true,
       "bin": {
         "json5": "lib/cli.js"
@@ -10042,10 +10043,18 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "node_modules/linkify-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkify-string/-/linkify-string-4.0.2.tgz",
+      "integrity": "sha512-+HoBme50rPaKxh5TrEJqRLq4gphks1zj3cz6gMBKIHwJCFYVwHig8ii9aCzqGUz8DxF2otbq+Z3AJmKUnfOtKg==",
+      "peerDependencies": {
+        "linkifyjs": "^4.0.0"
+      }
+    },
     "node_modules/linkifyjs": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-3.0.5.tgz",
-      "integrity": "sha512-1Y9XQH65eQKA9p2xtk+zxvnTeQBG7rdAXSkUG97DmuI/Xhji9uaUzaWxRj6rf9YC0v8KKHkxav7tnLX82Sz5Fg=="
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.0.2.tgz",
+      "integrity": "sha512-/VSoCZiglX0VMsXmL5PN3lRg45M86lrD9PskdkA2abWaTKap1bIcJ11LS4EE55bcUl9ZOR4eZ792UtQ9E/5xLA=="
     },
     "node_modules/loader-runner": {
       "version": "4.3.0",
@@ -10071,9 +10080,9 @@
       }
     },
     "node_modules/loader-utils/node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
       "dev": true,
       "dependencies": {
         "minimist": "^1.2.0"
@@ -17483,9 +17492,9 @@
       }
     },
     "@eslint/eslintrc": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
-      "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+      "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
@@ -17923,9 +17932,9 @@
       }
     },
     "@types/express-serve-static-core": {
-      "version": "4.17.31",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz",
-      "integrity": "sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q==",
+      "version": "4.17.32",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.32.tgz",
+      "integrity": "sha512-aI5h/VOkxOF2Z1saPy0Zsxs5avets/iaiAJYznQFm5By/pamU31xWKL//epiF4OfUA2qTOc9PV6tCUjhO8wlZA==",
       "dev": true,
       "requires": {
         "@types/node": "*",
@@ -18133,14 +18142,14 @@
       }
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.47.1.tgz",
-      "integrity": "sha512-r4RZ2Jl9kcQN7K/dcOT+J7NAimbiis4sSM9spvWimsBvDegMhKLA5vri2jG19PmIPbDjPeWzfUPQ2hjEzA4Nmg==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.0.tgz",
+      "integrity": "sha512-SVLafp0NXpoJY7ut6VFVUU9I+YeFsDzeQwtK0WZ+xbRN3mtxJ08je+6Oi2N89qDn087COdO0u3blKZNv9VetRQ==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/type-utils": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/type-utils": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "ignore": "^5.2.0",
         "natural-compare-lite": "^1.4.0",
@@ -18150,53 +18159,53 @@
       }
     },
     "@typescript-eslint/parser": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.47.1.tgz",
-      "integrity": "sha512-9Vb+KIv29r6GPu4EboWOnQM7T+UjpjXvjCPhNORlgm40a9Ia9bvaPJswvtae1gip2QEeVeGh6YquqAzEgoRAlw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.48.0.tgz",
+      "integrity": "sha512-1mxNA8qfgxX8kBvRDIHEzrRGrKHQfQlbW6iHyfHYS0Q4X1af+S6mkLNtgCOsGVl8+/LUPrqdHMssAemkrQ01qg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "debug": "^4.3.4"
       }
     },
     "@typescript-eslint/scope-manager": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.1.tgz",
-      "integrity": "sha512-9hsFDsgUwrdOoW1D97Ewog7DYSHaq4WKuNs0LHF9RiCmqB0Z+XRR4Pf7u7u9z/8CciHuJ6yxNws1XznI3ddjEw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
+      "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1"
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0"
       }
     },
     "@typescript-eslint/type-utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.47.1.tgz",
-      "integrity": "sha512-/UKOeo8ee80A7/GJA427oIrBi/Gd4osk/3auBUg4Rn9EahFpevVV1mUK8hjyQD5lHPqX397x6CwOk5WGh1E/1w==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.48.0.tgz",
+      "integrity": "sha512-vbtPO5sJyFjtHkGlGK4Sthmta0Bbls4Onv0bEqOGm7hP9h8UpRsHJwsrCiWtCUndTRNQO/qe6Ijz9rnT/DB+7g==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/typescript-estree": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/typescript-estree": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.1.tgz",
-      "integrity": "sha512-CmALY9YWXEpwuu6377ybJBZdtSAnzXLSQcxLSqSQSbC7VfpMu/HLVdrnVJj7ycI138EHqocW02LPJErE35cE9A==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
+      "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.1.tgz",
-      "integrity": "sha512-4+ZhFSuISAvRi2xUszEj0xXbNTHceV9GbH9S8oAD2a/F9SW57aJNQVOCxG8GPfSWH/X4eOPdMEU2jYVuWKEpWA==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
+      "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -18205,28 +18214,28 @@
       }
     },
     "@typescript-eslint/utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.1.tgz",
-      "integrity": "sha512-l90SdwqfmkuIVaREZ2ykEfCezepCLxzWMo5gVfcJsJCaT4jHT+QjgSkYhs5BMQmWqE9k3AtIfk4g211z/sTMVw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.48.0.tgz",
+      "integrity": "sha512-x2jrMcPaMfsHRRIkL+x96++xdzvrdBCnYRd5QiW5Wgo1OB4kDYPbC1XjWP/TNqlfK93K/lUL92erq5zPLgFScQ==",
       "dev": true,
       "requires": {
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "eslint-scope": "^5.1.1",
         "eslint-utils": "^3.0.0",
         "semver": "^7.3.7"
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.1.tgz",
-      "integrity": "sha512-rF3pmut2JCCjh6BLRhNKdYjULMb1brvoaiWDlHfLNVgmnZ0sBVJrs3SyaKE1XoDDnJuAx/hDQryHYmPUuNq0ig==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
+      "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
         "eslint-visitor-keys": "^3.3.0"
       }
     },
@@ -18706,11 +18715,13 @@
       }
     },
     "@vue/eslint-config-typescript": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-9.1.0.tgz",
-      "integrity": "sha512-j/852/ZYQ5wDvCD3HE2q4uqJwJAceer2FwoEch1nFo+zTOsPrbzbE3cuWIs3kvu5hdFsGTMYwRwjI6fqZKDMxQ==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz",
+      "integrity": "sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==",
       "dev": true,
       "requires": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "@typescript-eslint/parser": "^5.0.0",
         "vue-eslint-parser": "^8.0.0"
       }
     },
@@ -22027,12 +22038,12 @@
       }
     },
     "eslint": {
-      "version": "8.30.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.30.0.tgz",
-      "integrity": "sha512-MGADB39QqYuzEGov+F/qb18r4i7DohCDOfatHaxI2iGlPuC65bwG2gxgO+7DkyL38dRFaRH7RaRAgU6JKL9rMQ==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
+      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.4.0",
+        "@eslint/eslintrc": "^1.4.1",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -22578,9 +22589,9 @@
       "dev": true
     },
     "fastq": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.14.0.tgz",
-      "integrity": "sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
       "dev": true,
       "requires": {
         "reusify": "^1.0.4"
@@ -23770,9 +23781,9 @@
       "dev": true
     },
     "json5": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.2.tgz",
-      "integrity": "sha512-46Tk9JiOL2z7ytNQWFLpj99RZkVgeHf87yGQKsIkaPz1qSH9UczKH1rO7K3wgRselo0tYMUNfecYpm/p1vC7tQ==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true
     },
     "jsonfile": {
@@ -23904,10 +23915,16 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "linkify-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkify-string/-/linkify-string-4.0.2.tgz",
+      "integrity": "sha512-+HoBme50rPaKxh5TrEJqRLq4gphks1zj3cz6gMBKIHwJCFYVwHig8ii9aCzqGUz8DxF2otbq+Z3AJmKUnfOtKg==",
+      "requires": {}
+    },
     "linkifyjs": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-3.0.5.tgz",
-      "integrity": "sha512-1Y9XQH65eQKA9p2xtk+zxvnTeQBG7rdAXSkUG97DmuI/Xhji9uaUzaWxRj6rf9YC0v8KKHkxav7tnLX82Sz5Fg=="
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.0.2.tgz",
+      "integrity": "sha512-/VSoCZiglX0VMsXmL5PN3lRg45M86lrD9PskdkA2abWaTKap1bIcJ11LS4EE55bcUl9ZOR4eZ792UtQ9E/5xLA=="
     },
     "loader-runner": {
       "version": "4.3.0",
@@ -23927,9 +23944,9 @@
       },
       "dependencies": {
         "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
           "dev": true,
           "requires": {
             "minimist": "^1.2.0"
diff --git a/package.json b/package.json
index 95774d22f..d5502b848 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "piping-ui",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "private": true,
   "author": "Ryo Ota <nwtgck@nwtgck.org> (https://github.com/nwtgck)",
   "scripts": {
@@ -31,7 +31,8 @@
     "io-ts": "^2.2.18",
     "jszip": "^3.10.1",
     "jwk-thumbprint": "^0.1.4",
-    "linkifyjs": "^3.0.5",
+    "linkify-string": "^4.0.2",
+    "linkifyjs": "^4.0.2",
     "openpgp": "^5.5.0",
     "register-service-worker": "^1.7.2",
     "sanitize-html": "^2.8.1",
@@ -52,21 +53,21 @@
     "@types/sanitize-html": "^2.6.2",
     "@types/smoothscroll-polyfill": "^0.3.1",
     "@types/url-join": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.47.1",
-    "@typescript-eslint/parser": "^5.47.1",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-typescript": "^5.0.8",
     "@vue/cli-plugin-unit-mocha": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "@vue/eslint-config-typescript": "^9.1.0",
+    "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/test-utils": "^1.3.0",
     "babel-eslint": "^10.1.0",
     "buffer": "^6.0.3",
     "chai": "^4.3.6",
     "concurrently": "^7.4.0",
     "cross-var": "^1.1.0",
-    "eslint": "^8.30.0",
+    "eslint": "^8.31.0",
     "eslint-plugin-vue": "^8.0.3",
     "license-checker": "^25.0.1",
     "material-design-icons-iconfont": "^6.7.0",
diff --git a/src/App.vue b/src/App.vue
index 690611a9a..86d202854 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,6 +16,32 @@
 
       <v-spacer></v-spacer>
 
+      <v-responsive class="ma-0 pa-0" :style="{ maxWidth: `${Math.max(10, (latestPipingServerUrlWithoutProtocol ?? '').length - 1)}em` }">
+        <v-combobox
+          v-model="pipingServerUrlWithoutProtocol"
+          :items="pipingServerUrlHistory"
+          :label="strings?.['server']"
+          @focus="pipingServerUrlClearable = true"
+          @blur="removeHttpsFromPipingServerUrl(); pipingServerUrlClearable = false"
+          @keyup="setLatestPipingServerUrlWithoutProtocol($event)"
+          :clearable="pipingServerUrlClearable"
+          :clear-icon="mdiClose"
+          outlined
+          dense
+          class="readable-font"
+          style="margin-top: 1.6rem">
+          <template v-slot:item="{ index, item }">
+            <span class="readable-font">{{ item }}</span>
+            <div class="flex-grow-1"></div>
+            <v-list-item-action @click.stop>
+              <v-btn icon @click.stop.prevent="deleteServerUrl(item)">
+                <v-icon>{{ mdiDelete }}</v-icon>
+              </v-btn>
+            </v-list-item-action>
+          </template>
+        </v-combobox>
+      </v-responsive>
+
       <!-- Menu -->
       <v-menu :close-on-content-click="false">
         <template v-slot:activator="{ on }">
@@ -34,7 +60,7 @@
       <Licenses v-model="licenseDialog" v-if="licenseDialog"/>
     </v-dialog>
 
-    <v-main>
+    <v-main style="padding-top: 2.2rem;">
       <PipingUI/>
     </v-main>
   </v-app>
@@ -43,16 +69,56 @@
 <script setup lang="ts">
 /* eslint-disable */
 import type Vue from "vue";
-import {ref, onMounted} from "vue";
+import {onMounted, ref, watch} from "vue";
+import {VERSION} from '@/version';
+import {mdiClose, mdiDelete, mdiDotsVertical} from "@mdi/js";
+import {appBarPromiseResolverWhichShouldBeUsedInAppVue} from "@/app-bar-promise";
+import {strings} from "@/strings/strings";
+import {pipingServerUrl} from "@/states/pipingServerUrl";
+import {pipingServerUrlHistory} from "@/states/pipingServerUrlHistory";
+
 const PipingUI = () => import('@/components/PipingUI.vue');
 const MenuContent = () => import('@/components/MenuContent.vue');
 const Licenses = () => import("@/components/Licenses.vue");
-import {VERSION} from '@/version';
-import {mdiDotsVertical} from "@mdi/js";
-import {appBarPromiseResolverWhichShouldBeUsedInAppVue} from "@/app-bar-promise";
+
 
 const appBarRef = ref<Vue>();
 const licenseDialog = ref(false);
+// NOTE: Clearing input makes inputtingPipingServerUrl null
+const pipingServerUrlWithoutProtocol = ref<string | null>(pipingServerUrl.value);
+removeHttpsFromPipingServerUrl();
+const latestPipingServerUrlWithoutProtocol = ref(pipingServerUrlWithoutProtocol.value);
+watch(pipingServerUrlWithoutProtocol, () => {
+  latestPipingServerUrlWithoutProtocol.value = pipingServerUrlWithoutProtocol.value;
+});
+const pipingServerUrlClearable = ref(false);
+watch(latestPipingServerUrlWithoutProtocol, () => {
+  pipingServerUrl.value = attachHttpsToUrlIfNeed(latestPipingServerUrlWithoutProtocol.value);
+});
+
+function setLatestPipingServerUrlWithoutProtocol(event: any) {
+  if (typeof event.target.value !== "string") {
+    throw new Error("event.target.value is not string");
+  }
+  latestPipingServerUrlWithoutProtocol.value = event.target.value;
+}
+
+function removeHttpsFromPipingServerUrl() {
+  const url = pipingServerUrlWithoutProtocol.value;
+  if (url === null) {
+    return;
+  }
+  pipingServerUrlWithoutProtocol.value = url.replace(/^https:\/\//, "");
+}
+
+function deleteServerUrl(url: string): void {
+  // Remove path
+  pipingServerUrlHistory.value = pipingServerUrlHistory.value.filter(u => u !== url);
+}
+function attachHttpsToUrlIfNeed(url: string | null) {
+  url = url ?? "";
+  return (url.startsWith("http://") || url === "") ? url : `https://${url}`;
+}
 
 onMounted(() => {
   // Resolve app bar element
diff --git a/src/components/DarkThemeSwitch.vue b/src/components/DarkThemeSwitch.vue
index 554894b55..7c2f2aca7 100644
--- a/src/components/DarkThemeSwitch.vue
+++ b/src/components/DarkThemeSwitch.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import {enableDarkTheme} from "@/enable-dark-theme";
+import {enableDarkTheme} from "@/states/enableDarkTheme";
 
 export default Vue.extend({
   computed: {
diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index 91e57ba53..dda4280f1 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -1,12 +1,12 @@
 <template>
   <v-expansion-panel ref="rootElement">
     <v-expansion-panel-header :disable-icon-rotate="hasError">
-      <span>{{ strings['download_in_downloader'] }} #{{ composedProps.downloadNo }}</span>
+      <span>{{ strings?.['download_in_downloader'] }} #{{ composedProps.downloadNo }}</span>
     </v-expansion-panel-header>
     <v-expansion-panel-content>
 
       <v-alert type="info" v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'initial'">
-        <span style="">{{ strings['waiting_for_sender'] }}</span>
+        <span style="">{{ strings?.['waiting_for_sender'] }}</span>
       </v-alert>
 
       <span v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'verification_code_arrived'">
@@ -16,11 +16,11 @@
       <v-simple-table class="text-left">
         <tbody>
         <tr class="text-left">
-          <td>{{ strings['download_url'] }}</td>
+          <td>{{ strings?.['download_url'] }}</td>
           <td>{{ downloadPath }}</td>
         </tr>
         <tr v-if="pipingUiAuthVerificationCode !== undefined" class="text-left">
-          <td>{{ strings['verification_code'] }}</td>
+          <td>{{ strings?.['verification_code'] }}</td>
           <td>{{ pipingUiAuthVerificationCode }}</td>
         </tr>
         </tbody>
@@ -34,12 +34,13 @@
 
       <v-dialog v-model="openRetryDownload" persistent max-width="290">
         <v-card>
-          <v-card-title class="text-h5">{{ strings['retry_download_dialog_title'] }}</v-card-title>
-          <v-card-text>{{ strings['browser_may_have_blocked_download'] }}</v-card-text>
+          <v-card-title class="text-h5">{{ strings?.['retry_download_dialog_title'] }}</v-card-title>
+          <v-card-text>{{ strings?.['browser_may_have_blocked_download'] }}</v-card-text>
           <v-card-actions>
             <v-spacer></v-spacer>
-            <v-btn color="primary" text @click="openRetryDownload = false">{{ strings['retry_download_dialog_no'] }}</v-btn>
-            <v-btn color="primary" text @click="retryDownload()">{{ strings['retry_download_dialog_yes'] }}</v-btn>
+            <v-btn color="primary" outlined @click="openRetryDownload = false">{{ strings?.['retry_download_dialog_no'] }}</v-btn>
+            <!-- NOTE: tag="a" is important. This element will be injected href and download attributes. -->
+            <v-btn ref="retry_download_button" tag="a" @click="openRetryDownload = false" color="primary" outlined data-testid="retry_download_button">{{ strings?.['retry_download_dialog_yes'] }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>
@@ -61,7 +62,7 @@ export type DataDownloaderProps = {
 <script setup lang="ts">
 /* eslint-disable */
 
-import Vue, {ref, computed, onMounted} from "vue";
+import Vue, {ref, computed, onMounted, nextTick} from "vue";
 import urlJoin from 'url-join';
 import {mdiAlert, mdiChevronDown} from "@mdi/js";
 import * as pipingUiUtils from "@/piping-ui-utils";
@@ -72,9 +73,10 @@ import * as pipingUiAuth from "@/piping-ui-auth";
 import * as fileType from 'file-type/browser';
 import {canTransferReadableStream} from "@/utils/canTransferReadableStream";
 import {makePromise} from "@/utils/makePromise";
-import {useErrorMessage} from "@/useErrorMessage";
+import {isFirefox} from "@/utils/isFirefox";
+import {useErrorMessage} from "@/composables/useErrorMessage";
 import {strings} from "@/strings/strings";
-import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
+import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 import {firstAtLeastBlobFromReadableStream} from "@/utils/firstAtLeastBlobFromReadableStream";
 
 const FileSaverAsync = () => import('file-saver').then(p => p.default);
@@ -115,7 +117,7 @@ const downloadPath = computed<string>(() => {
 const rootElement = ref<Vue>();
 const pipingUiAuthVerificationCode = ref<string | undefined>();
 const openRetryDownload = ref<boolean>(false);
-const retryDownload = ref<() => void>(() => {});
+const retry_download_button = ref<Vue>();
 
 // NOTE: Automatically download when mounted
 onMounted(async () => {
@@ -281,17 +283,24 @@ onMounted(async () => {
   // NOTE: '/sw-download/v2' can be received by Service Worker in src/sw.js
   // NOTE: URL fragment is passed to Service Worker but not passed to Web server
   const downloadUrl = `/sw-download/v2#?id=${swDownloadId}`;
-  retryDownload.value = () => {
-    const win = window.open(downloadUrl, "_blank");
-    console.log("retried window.open()?.closed =", win?.closed);
-    openRetryDownload.value = false;
-    retryDownload.value = () => {};
-  };
   const win = window.open(downloadUrl, "_blank");
   console.log("window.open()?.closed =", win?.closed);
   // NOTE: Desktop and iOS Safari 16.1 blocks by default
   if(win === null || win.closed || win.closed === undefined) {
     openRetryDownload.value = true;
+    nextTick(() => {
+      // Use real click, not element.click()
+      const a = retry_download_button.value!.$el as HTMLAnchorElement;
+      a.href = downloadUrl;
+      // NOTE: The feature detection can not be created because it would confirm the downloaded file.
+      if (isFirefox()) {
+        // NOTE: With "download" attributes, Chrome 108 and Safari 16.1 bypass Service Worker
+        // NOTE: Without "download" attribute, Firefox frequently fails to download a large file. Passwordless protection is stable without "download" attribute because it uses Piping UI Robust, which transfer small chunks especially first chunk even in Firefox.
+        // For testing in Firefox, you can enable "Block pop-up windows" in your preference.
+        a.download = fileName;
+        console.log("'download' attribute added to <a>");
+      }
+    });
   }
   // Without this, memory leak occurs. It consumes as much memory as the received file size.
   // Memory still leaks when using `npm run serve`. Build and serve to confirm.
diff --git a/src/components/DataUploader.vue b/src/components/DataUploader.vue
index 66d4ffc13..ba733dad0 100644
--- a/src/components/DataUploader.vue
+++ b/src/components/DataUploader.vue
@@ -1,7 +1,7 @@
 <template>
   <v-expansion-panel ref="rootElement" active="true">
     <v-expansion-panel-header :disable-icon-rotate="isDoneUpload || hasError">
-      <span>{{ strings['upload'] }} #{{ composedProps.uploadNo }}</span>
+      <span>{{ strings?.['upload'] }} #{{ composedProps.uploadNo }}</span>
       <!-- Percentage -->
       {{ isReadyToUpload ? progressPercentage && `${progressPercentage.toFixed(2)} %` : '' }}
       <template v-slot:actions>
@@ -13,7 +13,7 @@
     <v-expansion-panel-content>
 
       <v-alert type="info" v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'initial'" :color="canceled ? 'grey' : undefined">
-        <span>{{ strings['waiting_for_receiver'] }}</span>
+        <span>{{ strings?.['waiting_for_receiver'] }}</span>
       </v-alert>
 
       <span v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'verification_code_arrived'">
@@ -27,7 +27,7 @@
                    block
                    data-testid="passwordless_verified_button">
               <v-icon left dark>{{ mdiCheck }}</v-icon>
-              {{ strings['passwordless_verified'] }}
+              {{ strings?.['passwordless_verified'] }}
             </v-btn>
           </v-flex>
           <v-flex xs6>
@@ -36,7 +36,7 @@
                    @click="verify(false)"
                    block>
               <v-icon left dark>{{ mdiCancel }}</v-icon>
-              {{ strings['cancel'] }}
+              {{ strings?.['cancel'] }}
             </v-btn>
           </v-flex>
         </v-layout>
@@ -44,7 +44,7 @@
 
       <div v-show="isCompressing">
         <div style="text-align: center">
-          {{ strings['compressing'] }}
+          {{ strings?.['compressing'] }}
         </div>
         <!-- Compression progress bar -->
         <v-progress-linear indeterminate />
@@ -52,7 +52,7 @@
 
       <div v-show="isNonStreamingEncrypting">
         <div style="text-align: center">
-          {{ strings['encrypting'] }}
+          {{ strings?.['encrypting'] }}
         </div>
         <!-- Encryption progress bar -->
         <v-progress-linear indeterminate />
@@ -75,11 +75,11 @@
       <v-simple-table class="text-left">
         <tbody>
         <tr class="text-left">
-          <td>{{ strings['upload_url'] }}</td>
+          <td>{{ strings?.['upload_url'] }}</td>
           <td>{{ uploadPath }}</td>
         </tr>
         <tr v-if="pipingUiAuthVerificationCode !== undefined" class="text-left">
-          <td>{{ strings['verification_code'] }}</td>
+          <td>{{ strings?.['verification_code'] }}</td>
           <td>{{ pipingUiAuthVerificationCode }}</td>
         </tr>
         </tbody>
@@ -92,7 +92,7 @@
                class="ma-2 justify-end"
                @click="cancel()">
           <v-icon >{{ mdiCloseCircle }}</v-icon>
-          {{ strings['cancel'] }}
+          {{ strings?.['cancel'] }}
         </v-btn>
       </div>
 
@@ -133,10 +133,10 @@ import {readableBytesString} from "@/utils/readableBytesString";
 import {zipFilesAsReadableStream} from "@/utils/zipFilesAsReadableStream";
 import {supportsFetchUploadStreaming} from "@/utils/supportsFetchUploadStreaming";
 import {makePromise} from "@/utils/makePromise";
-import {forceDisableStreamingUpload} from "@/settings/forceDisableStreamingUpload";
-import {useErrorMessage} from "@/useErrorMessage";
+import {forceDisableStreamingUpload} from "@/states/forceDisableStreamingUpload";
+import {useErrorMessage} from "@/composables/useErrorMessage";
 import {strings} from "@/strings/strings";
-import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
+import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 import * as fileType from 'file-type/browser';
 
 const props = defineProps<{ composedProps: DataUploaderProps }>();
diff --git a/src/components/DataViewer.vue b/src/components/DataViewer.vue
index 736fa51b4..e7a887095 100644
--- a/src/components/DataViewer.vue
+++ b/src/components/DataViewer.vue
@@ -1,7 +1,7 @@
 <template>
   <v-expansion-panel ref="rootElement">
     <v-expansion-panel-header :disable-icon-rotate="isDoneDownload || hasError">
-      <span>{{ strings['view_in_viewer'] }} #{{ composedProps.viewNo }}</span>
+      <span>{{ strings?.['view_in_viewer'] }} #{{ composedProps.viewNo }}</span>
       <!-- Percentage -->
       {{ progressPercentage ? `${progressPercentage.toFixed(2)} %` : "" }}
       <template v-slot:actions>
@@ -13,7 +13,7 @@
     <v-expansion-panel-content>
 
       <v-alert type="info" v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'initial'" :color="canceled ? 'grey' : undefined">
-        <span style="">{{ strings['waiting_for_sender'] }}</span>
+        <span style="">{{ strings?.['waiting_for_sender'] }}</span>
       </v-alert>
 
       <span v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'verification_code_arrived'">
@@ -40,7 +40,7 @@
 
       <div v-show="isDecrypting">
         <div style="text-align: center">
-          {{ strings['decrypting'] }}
+          {{ strings?.['decrypting'] }}
         </div>
         <!-- Decryption progress bar -->
         <v-progress-linear indeterminate />
@@ -49,11 +49,11 @@
       <v-simple-table class="text-left">
         <tbody>
         <tr class="text-left">
-          <td>{{ strings['download_url'] }}</td>
+          <td>{{ strings?.['download_url'] }}</td>
           <td>{{ downloadPath }}</td>
         </tr>
         <tr v-if="pipingUiAuthVerificationCode !== undefined" class="text-left">
-          <td>{{ strings['verification_code'] }}</td>
+          <td>{{ strings?.['verification_code'] }}</td>
           <td>{{ pipingUiAuthVerificationCode }}</td>
         </tr>
         </tbody>
@@ -64,14 +64,14 @@
         <v-layout>
           <v-switch v-model="enablePasswordReinput"
                     inset
-                    :label="strings['reinput_password']"
+                    :label="strings?.['reinput_password']"
                     color="blue"
                     style="padding-left: 0.5em;"/>
 
           <v-text-field v-if="enablePasswordReinput"
                         v-model="password"
                         :type="showsPassword ? 'text' : 'password'"
-                        :label="strings['password']"
+                        :label="strings?.['password']"
                         :append-icon="showsPassword ? mdiEye : mdiEyeOff"
                         @click:append="showsPassword = !showsPassword"
                         single-line
@@ -83,13 +83,13 @@
                  text
                  @click="decryptIfNeedAndViewBlob(password)">
             <v-icon >{{ mdiKey }}</v-icon>
-            {{ strings['unlock'] }}
+            {{ strings?.['unlock'] }}
           </v-btn>
           <v-btn color="primary"
                  text
                  @click="viewRaw()">
             <v-icon >{{ mdiFeatureSearchOutline }}</v-icon>
-            {{ strings['view_raw'] }}
+            {{ strings?.['view_raw'] }}
           </v-btn>
         </div>
       </div>
@@ -111,7 +111,7 @@
 
       <!-- Text viewer -->
       <!-- NOTE: Don't use v-if because the inner uses "ref" and the ref is loaded in mounted()-->
-      <div v-show="linkifiedText !== undefined" style="text-align: center">
+      <div v-show="linkifiedTextAsHtml !== ''" style="text-align: center">
         <div style="text-align: right">
           <v-tooltip v-model="showsCopied" bottom>
             <template v-slot:activator="{}">
@@ -120,11 +120,10 @@
                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1.5em" height="1.5em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z" fill="#000000"/></svg>
               </v-btn>
             </template>
-            <span>{{ strings['copied'] }}</span>
+            <span>{{ strings?.['copied'] }}</span>
           </v-tooltip>
         </div>
-        <pre v-html="linkifiedText"
-             class="text-view"/>
+        <pre v-html="linkifiedTextAsHtml" class="text-view"/>
       </div>
 
       <div v-if="isCancelable" style="text-align: right">
@@ -134,7 +133,7 @@
                class="ma-2 justify-end"
                @click="cancel()">
           <v-icon >{{ mdiCloseCircle }}</v-icon>
-          {{ strings['cancel'] }}
+          {{ strings?.['cancel'] }}
         </v-btn>
       </div>
 
@@ -145,7 +144,7 @@
              @click="save()"
              style="margin-top: 1em;">
         <v-icon >{{ mdiContentSave }}</v-icon>
-        {{ strings['save'] }}
+        {{ strings?.['save'] }}
       </v-btn>
 
       <v-alert type="error"
@@ -173,7 +172,7 @@ export type DataViewerProps = {
 <script setup lang="ts">
 import Vue, {ref, computed, watch, onMounted} from "vue";
 import urlJoin from 'url-join';
-import linkifyHtml from 'linkifyjs/html';
+import linkifyStr from "linkify-string";
 const FileSaverAsync = () => import('file-saver').then(p => p.default);
 const clipboardCopyAsync = () => import("clipboard-copy").then(p => p.default);
 import * as fileType from 'file-type/browser';
@@ -187,17 +186,16 @@ import * as openPgpUtils from '@/utils/openpgp-utils';
 import * as pipingUiUtils from "@/piping-ui-utils";
 import {type VerificationStep} from "@/datatypes";
 import VerificationCode from "@/components/VerificationCode.vue";
-import {BlobUrlManager} from "@/blob-url-manager";
+import {BlobUrlManager} from "@/utils/BlobUrlManager";
 import * as pipingUiAuth from "@/piping-ui-auth";
 import {uint8ArrayIsText} from "@/utils/uint8ArrayIsText";
 import {readableBytesString} from "@/utils/readableBytesString";
 import {readBlobAsText} from "@/utils/readBlobAsText";
-import {sanitizeHtmlAllowingATag} from "@/utils/sanitizeHtmlAllowingATag";
 import {makePromise} from "@/utils/makePromise";
-import {useErrorMessage} from "@/useErrorMessage";
+import {useErrorMessage} from "@/composables/useErrorMessage";
 import {getReadableStreamWithProgress} from "@/utils/getReadableStreamWithProgress";
 import {strings} from "@/strings/strings";
-import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
+import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 
 // eslint-disable-next-line no-undef
 const props = defineProps<{ composedProps: DataViewerProps }>();
@@ -279,11 +277,11 @@ const downloadPath = computed<string>(() => {
   return urlJoin(props.composedProps.serverUrl, props.composedProps.secretPath);
 });
 
-const linkifiedText = ref<string>();
-watch(text, async () => {
-  linkifiedText.value = await sanitizeHtmlAllowingATag(linkifyHtml(text.value, {
-    defaultProtocol: 'https'
-  }));
+const linkifiedTextAsHtml = computed(() => {
+  return linkifyStr(text.value, {
+    defaultProtocol: 'https',
+    target: "_blank",
+  });
 });
 
 async function copyToClipboard() {
diff --git a/src/components/FilePondWrapper.vue b/src/components/FilePondWrapper.vue
index 8bf6e07c0..9be212605 100644
--- a/src/components/FilePondWrapper.vue
+++ b/src/components/FilePondWrapper.vue
@@ -36,9 +36,3 @@ export default Vue.extend({
   }
 });
 </script>
-
-<style>
-.filepond--root .filepond--drop-label {
-  min-height: 6rem;
-}
-</style>
diff --git a/src/components/Licenses.vue b/src/components/Licenses.vue
index d29684300..19eb60ad7 100644
--- a/src/components/Licenses.vue
+++ b/src/components/Licenses.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card>
-    <v-card-title>{{ strings['open_source_licenses'] }}</v-card-title>
+    <v-card-title>{{ strings?.['open_source_licenses'] }}</v-card-title>
     <v-divider></v-divider>
     <v-card-text>
 
@@ -31,7 +31,7 @@
     <v-divider></v-divider>
     <v-card-actions class="justify-end">
       <v-btn color="blue darken-1" text @click="$emit('input', false)">
-        {{ strings['close'] }}
+        {{ strings?.['close'] }}
       </v-btn>
     </v-card-actions>
   </v-card>
diff --git a/src/components/MenuContent.vue b/src/components/MenuContent.vue
index 08475681a..a591f7dee 100644
--- a/src/components/MenuContent.vue
+++ b/src/components/MenuContent.vue
@@ -9,10 +9,10 @@
 
           <v-list-item-content>
             <v-list-item-title>Piping UI</v-list-item-title>
-            <v-list-item-subtitle>{{ strings['version'] }}</v-list-item-subtitle>
+            <v-list-item-subtitle>{{ strings?.['version'] }}</v-list-item-subtitle>
             <a href="https://github.com/nwtgck/piping-ui-web" target="_blank">
               <font-awesome-icon :icon="['fab', 'github']" />
-              {{ strings['view_on_github'] }}
+              {{ strings?.['view_on_github'] }}
             </a>
           </v-list-item-content>
         </v-list-item>
@@ -24,7 +24,7 @@
         <v-list-item-action>
           <v-select v-model="language"
                     :items="availableLanguages"
-                    :label="strings['language']"
+                    :label="strings?.['language']"
                     item-text="str"
                     item-value="lang"
                     outlined/>
@@ -32,21 +32,21 @@
       </v-list-item>
 
       <v-list-item>
-        <v-list-item-title>{{ strings['dark_theme'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['dark_theme'] }}</v-list-item-title>
         <v-list-item-action>
           <dark-theme-switch />
         </v-list-item-action>
       </v-list-item>
 
       <v-list-item>
-        <v-list-item-title>{{ strings['record_server_url'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['record_server_url'] }}</v-list-item-title>
         <v-list-item-action>
           <v-switch v-model="recordsServerUrlHistory"></v-switch>
         </v-list-item-action>
       </v-list-item>
 
       <v-list-item>
-        <v-list-item-title>{{ strings['record_secret_path'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['record_secret_path'] }}</v-list-item-title>
         <v-list-item-action>
           <v-switch v-model="recordsSecretPathHistory"></v-switch>
         </v-list-item-action>
@@ -60,7 +60,7 @@
       </v-list-item>
 
       <v-list-item @click="$emit('input', true)">
-        <v-list-item-title>{{ strings['open_source_licenses'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['open_source_licenses'] }}</v-list-item-title>
       </v-list-item>
     </v-list>
   </v-card>
@@ -69,11 +69,11 @@
 <script lang="ts">
 import {defineComponent} from "vue";
 import {strings} from "@/strings/strings";
-import {language} from "@/language";
+import {language} from "@/states/language";
 import DarkThemeSwitch from "@/components/DarkThemeSwitch.vue";
-import {recordsServerUrlHistory} from "@/settings/recordsServerUrlHistory";
-import {recordsSecretPathHistory} from "@/settings/recordsSecretPathHistory";
-import {forceDisableStreamingUpload} from "@/settings/forceDisableStreamingUpload";
+import {recordsServerUrlHistory} from "@/states/recordsServerUrlHistory";
+import {recordsSecretPathHistory} from "@/states/recordsSecretPathHistory";
+import {forceDisableStreamingUpload} from "@/states/forceDisableStreamingUpload";
 
 // Available languages
 type Language = 'en' | 'ja';
diff --git a/src/components/PipingUI.vue b/src/components/PipingUI.vue
index f5e1e32ba..a905f27b8 100644
--- a/src/components/PipingUI.vue
+++ b/src/components/PipingUI.vue
@@ -3,7 +3,7 @@
     <v-flex xs12 sm8 offset-sm2 offset-md3 md6>
       <v-card style="padding: 1em; margin-bottom: 1em;">
 
-        <div style="text-align: center">
+        <div style="text-align: center; margin-bottom: 1.2rem;">
           <v-btn-toggle v-model="sendOrGet" mandatory>
             <v-btn text value="send" data-testid="send_menu_button">
               {{ strings?.['send'] }}
@@ -16,7 +16,7 @@
           </v-btn-toggle>
         </div>
 
-        <div v-show="sendOrGet === 'send'" style="margin-top: 1.2rem;">
+        <div v-show="sendOrGet === 'send'">
           <file-pond-wrapper v-model="inputFiles"
                              :label-idle="filePondLabelIdle"
                              data-testid="file_input"
@@ -26,41 +26,20 @@
                       v-model="inputText"
                       clearable
                       :clear-icon="mdiClose"
+                      :prepend-inner-icon="mdiPencil"
                       rows="2"
                       auto-grow
                       outlined
           ></v-textarea>
         </div>
 
-        <v-combobox :label="strings?.['server_url']"
-                    v-model="serverUrl"
-                    :items="serverUrlHistory"
-                    @change="onUpdateServerUrl()"
-                    @blur="attachProtocolToUrl()"
-                    ref="server_url_ref"
-                    clearable
-                    :clear-icon="mdiClose"
-                    style="margin-bottom: 0.8em;"
-                    class="readable-font"
-                    data-testid="server_url_input">
-          <template v-slot:item="{ index, item }">
-            <span class="readable-font">{{ item }}</span>
-            <div class="flex-grow-1"></div>
-            <v-list-item-action @click.stop>
-              <v-btn icon
-                     @click.stop.prevent="deleteServerUrl(item)"
-              >
-                <v-icon>{{ mdiDelete }}</v-icon>
-              </v-btn>
-            </v-list-item-action>
-          </template>
-        </v-combobox>
         <v-combobox :label="strings?.['secret_path']"
                     v-model="secretPath"
                     :items="secretPathHistory"
                     :placeholder="strings?.['secret_path_placeholder']"
                     ref="secret_path_ref"
                     class="ma-0 pa-0 readable-font"
+                    outlined
                     clearable
                     :clear-icon="mdiClose"
                     data-testid="secret_path_input"
@@ -78,8 +57,8 @@
           </template>
         </v-combobox>
 
-        <div style="text-align: right; margin-bottom: 1.5em;">
-          <template v-if="sendOrGet === 'send' && suggestedSecretPaths.length !== 0" >
+        <div style="text-align: right;">
+          <template v-if="suggestedSecretPaths.length !== 0" >
             <!-- Secret path suggestion  -->
             <v-chip v-for="suggestedSecretPath in suggestedSecretPaths"
                     :key="suggestedSecretPath"
@@ -103,12 +82,12 @@
         </div>
 
         <v-col class="pa-0">
-          <v-row align="center" class="ma-0" style="padding-top: 0.4em;">
+          <v-row align="center" class="ma-0">
             <v-switch :input-value="protectionType === 'passwordless'"
                       @change="onEnablePasswordlessProtection"
                       inset
                       data-testid="passwordless_switch"
-                      style="margin-right: 2.5rem;">
+                      style="margin-right: 2rem;">
               <template v-slot:label>
                 <v-icon class="icon-and-text-margin" :color="protectionType === 'passwordless' ? 'blue' : ''">{{ mdiShieldHalfFull }}</v-icon>
                 {{ strings?.['passwordless_protection'] }}
@@ -152,13 +131,6 @@
           </v-row>
         </v-col>
 
-        <v-btn @click="showsMoreOptions = !showsMoreOptions" depressed plain style="margin-bottom: 1rem; text-transform: none" data-testid="more_options_button">
-          <v-icon left dark>
-            {{ showsMoreOptions ? mdiCollapseAll : mdiExpandAll }}
-          </v-icon>
-          {{ showsMoreOptions ? strings?.['hide_options'] : strings?.['more_options'] }}
-        </v-btn>
-
         <div>
           <v-btn v-if="sendOrGet === 'send'"
                  color="primary"
@@ -195,6 +167,13 @@
           </v-layout>
         </div>
 
+        <v-btn @click="showsMoreOptions = !showsMoreOptions" depressed plain style="margin-top: 1.2rem; text-transform: none" data-testid="more_options_button">
+          <v-icon left dark>
+            {{ showsMoreOptions ? mdiCollapseAll : mdiExpandAll }}
+          </v-icon>
+          {{ showsMoreOptions ? strings?.['hide_options'] : strings?.['more_options'] }}
+        </v-btn>
+
       </v-card>
 
       <div style="padding: 0.5em;">
@@ -226,30 +205,28 @@
 </template>
 
 <script setup lang="ts">
-import Vue, { ref, watch, computed, onMounted } from 'vue';
-const urlJoinAsync = () => import('url-join').then(p => p.default);
+import Vue, {computed, onMounted, ref, watch} from 'vue';
 import {type DataUploaderProps} from '@/components/DataUploader.vue';
-const DataUploader = () => import('@/components/DataUploader.vue');
 import {type DataViewerProps} from "@/components/DataViewer.vue";
-const DataViewer = () => import("@/components/DataViewer.vue");
-const DataDownloader = () => import('@/components/DataDownloader.vue');
 import {type DataDownloaderProps} from "@/components/DataDownloader.vue";
-// NOTE: Use `const FilePond = () => import('vue-filepond').then(vueFilePond => vueFilePond.default())` and <file-pond> in template causes "[Vue warn]: Failed to mount component: template or render function not defined."
-const FilePondWrapper = () => import("@/components/FilePondWrapper.vue");
 import * as t from 'io-ts';
-import {mdiUpload, mdiDownload, mdiDelete, mdiFileFind, mdiClose, mdiEye, mdiEyeOff, mdiKey, mdiShieldHalfFull, mdiShieldCheck, mdiExpandAll, mdiCollapseAll, mdiAlert} from "@mdi/js";
-
-import {keys} from "@/local-storage-keys";
+import {mdiAlert, mdiClose, mdiCollapseAll, mdiDelete, mdiDownload, mdiExpandAll, mdiEye, mdiEyeOff, mdiFileFind, mdiKey, mdiShieldCheck, mdiShieldHalfFull, mdiUpload, mdiPencil} from "@mdi/js";
 import {strings} from "@/strings/strings";
 import {type FilePondFile} from "filepond";
 import {type Protection} from "@/datatypes";
-import buildConstants from "@/build-constants";
-import {recordsServerUrlHistory} from "@/settings/recordsServerUrlHistory";
-import {recordsSecretPathHistory} from "@/settings/recordsSecretPathHistory";
-import {loadLocalStorageWithValidation} from "@/utils/loadLocalStorageWithValidation";
-import {secretPathHistory} from "@/settings/secretPathHistory";
+import {recordsServerUrlHistory} from "@/states/recordsServerUrlHistory";
+import {recordsSecretPathHistory} from "@/states/recordsSecretPathHistory";
+import {secretPathHistory} from "@/states/secretPathHistory";
+import {pipingServerUrl} from "@/states/pipingServerUrl";
+import {pipingServerUrlHistory} from "@/states/pipingServerUrlHistory";
+
+const urlJoinAsync = () => import('url-join').then(p => p.default);
+const DataUploader = () => import('@/components/DataUploader.vue');
+const DataViewer = () => import("@/components/DataViewer.vue");
+const DataDownloader = () => import('@/components/DataDownloader.vue');
+// NOTE: Use `const FilePond = () => import('vue-filepond').then(vueFilePond => vueFilePond.default())` and <file-pond> in template causes "[Vue warn]: Failed to mount component: template or render function not defined."
+const FilePondWrapper = () => import("@/components/FilePondWrapper.vue");
 
-const defaultServerUrls: ReadonlyArray<string> = buildConstants.pipingServerUrls;
 
 function normalizeUrl(url: string): string {
   return new URL(url).href;
@@ -272,12 +249,9 @@ function getShareTargetText(): string | null {
   return new URL(window.location.toString()).searchParams.get("text");
 }
 
-const server_url_ref = ref<Vue>();
 const secret_path_ref = ref<Vue>();
 
 const sendOrGet = ref<'send' | 'get'>('send');
-
-const serverUrl = ref<string>(defaultServerUrls[0]);
 const initialSecretPath = randomStr(4, chars.numbers);
 const secretPath = ref<string>(initialSecretPath);
 const inputText = ref<string>((() => {
@@ -291,7 +265,6 @@ watch(inputText, () => {
   }
 });
 const inputFiles = ref<FilePondFile[]>([]);
-const serverUrlHistory = ref<string[]>([]);
 const protectionType = ref<Protection["type"]>('passwordless');
 const password = ref<string>('');
 const showsPassword = ref<boolean>(false);
@@ -325,19 +298,12 @@ const snackbarMessage = ref<string>('');
 // FIXME: Should be removed
 // This for lazy v-model of Combobox
 const shouldBeRemoved = ref({
-  latestServerUrl: serverUrl.value,
   latestSecretPath: secretPath.value,
 });
 const halfWidthLatestSecretPath = computed(() =>
   shouldBeRemoved.value.latestSecretPath.replace(/[！-～]/g, (s) => String.fromCharCode(s.charCodeAt(0) - 0xFEE0))
 )
 
-// FIXME: Should be removed
-// NOTE: This is for update by clicking listed auto-complete
-watch(serverUrl, () => {
-  shouldBeRemoved.value.latestServerUrl = serverUrl.value;
-});
-
 watch(secretPath, () => {
   // NOTE: <v-combobox> "clearable" makes it null or undefined (maybe)
   if (secretPath.value === null || secretPath.value === undefined) {
@@ -349,10 +315,6 @@ watch(secretPath, () => {
   shouldBeRemoved.value.latestSecretPath = secretPath.value;
 });
 
-function onUpdateServerUrl() {
-  window.localStorage.setItem(keys.selectedServerUrl, serverUrl.value);
-}
-
 const filePondLabelIdle = computed<string | undefined>(() => {
   if (strings.value === undefined) {
     return undefined;
@@ -360,9 +322,9 @@ const filePondLabelIdle = computed<string | undefined>(() => {
   // If files are nothing
   if (inputFiles.value.length === 0) {
     // Hint with file icon
-    return `<img src='img/file-icon.svg' style='width: 2em'><br>${strings.value['drop_a_file_here_or_browse']}`;
+    return `<img src='img/file-icon.svg' style='width: 2em'><br>${strings.value['drop_files_here_or_browse']}`;
   } else {
-    return strings.value['drop_a_file_here_or_browse'];
+    return strings.value['drop_files_here_or_browse'];
   }
 });
 
@@ -389,9 +351,7 @@ function updateRandomStrs() {
 
 const suggestedSecretPaths = computed<string[]>(() => {
   const candidates: string[] = (() => {
-    if (inputFiles.value.length === 0 && inputText.value === '') {
-      // NOTE: This is for simplicity of UI
-      //       Not show suggested secret path on initial status
+    if (shouldBeRemoved.value.latestSecretPath) {
       return [];
     }
     return randomStrs.value;
@@ -412,35 +372,12 @@ onMounted(() => {
   // Update random strings
   updateRandomStrs();
 
-  // Load from Local Storage
-  const savedServerUrl = window.localStorage.getItem(keys.selectedServerUrl);
-  if (savedServerUrl !== null) {
-    serverUrl.value = savedServerUrl;
-  }
-
-  // FIXME: Combobox is lazy to update v-model
-  // This is for updating server URL in real-time
-  server_url_ref.value!.$el.querySelector('input')!.addEventListener('keyup', (ev)=>{
-    // NOTE: [Send] button is hidden by auto-complete list if assigning to this.serverUrl
-    shouldBeRemoved.value.latestServerUrl = (ev.target as any).value;
-  });
   // FIXME: Combobox is lazy to update v-model
   // This is for updating secret path in real-time
   secret_path_ref.value!.$el.querySelector('input')!.addEventListener('keyup', (ev)=>{
     // NOTE: [Send] button is hidden by auto-complete list if assigning to this.secretPath
     shouldBeRemoved.value.latestSecretPath = (ev.target as any).value;
   });
-
-  // Load server URL history from local storage
-  const savedServerUrlHistory: string[] | undefined = loadLocalStorageWithValidation(t.array(t.string), keys.serverUrlHistory);
-  // If none
-  if (savedServerUrlHistory === undefined) {
-    // Set default
-    serverUrlHistory.value = defaultServerUrls.slice();
-  } else {
-    // Load from storage
-    serverUrlHistory.value = savedServerUrlHistory;
-  }
 });
 
 function onFilePondMounted() {
@@ -454,8 +391,8 @@ function preloadForUserExperience() {
   import("jwk-thumbprint");
   import("@/utils/openpgp-utils");
   import("file-type/browser");
-  import("linkifyjs/html");
-  import("sanitize-html");
+  import("linkifyjs");
+  import("linkify-string");
   import("jszip");
 
   const logoImage = new Image();
@@ -466,9 +403,6 @@ function preloadForUserExperience() {
 
 // FIXME: Should be removed
 function applyLatestServerUrlAndSecretPath() {
-  // FIXME: should be removed after fix
-  // NOTE: This set the latest secret path because v-model of Combobox is lazy
-  serverUrl.value = shouldBeRemoved.value.latestServerUrl;
   // FIXME: should be removed after fix
   // NOTE: This set the latest secret path because v-model of Combobox is lazy
   secretPath.value = shouldBeRemoved.value.latestSecretPath;
@@ -519,7 +453,7 @@ async function send() {
     props: {
       uploadNo: uploadCount.value,
       data: body,
-      serverUrl: serverUrl.value,
+      serverUrl: pipingServerUrl.value,
       secretPath: secretPath.value,
       protection: protection.value,
     }
@@ -528,11 +462,9 @@ async function send() {
   expandedPanelIds.value.push(expandedPanels.value.length-1);
 
   // If history is enable and user-input server URL is new
-  if (recordsServerUrlHistory.value && !serverUrlHistory.value.map(normalizeUrl).includes(normalizeUrl(serverUrl.value))) {
+  if (recordsServerUrlHistory.value && !pipingServerUrlHistory.value.map(normalizeUrl).includes(normalizeUrl(pipingServerUrl.value))) {
     // Enroll server URLs
-    serverUrlHistory.value.push(serverUrl.value);
-    // Save to local storage
-    window.localStorage.setItem(keys.serverUrlHistory, JSON.stringify(serverUrlHistory.value));
+    pipingServerUrlHistory.value = [...pipingServerUrlHistory.value, pipingServerUrl.value];
   }
 
   // If history is enable and user-input secret path is new
@@ -584,7 +516,7 @@ async function get() {
     type: 'data_downloader',
     props: {
       downloadNo: downloadCount.value,
-      serverUrl: serverUrl.value,
+      serverUrl: pipingServerUrl.value,
       secretPath: secretPath.value,
       protection: protection.value,
     }
@@ -618,7 +550,7 @@ async function view() {
     type: 'data_viewer',
     props: {
       viewNo: viewCount.value,
-      serverUrl: serverUrl.value,
+      serverUrl: pipingServerUrl.value,
       secretPath: secretPath.value,
       protection: protection.value,
     }
@@ -633,23 +565,6 @@ function showSnackbar(message: string): void {
   snackbarMessage.value = message;
 }
 
-function attachProtocolToUrl(): void {
-  // FIXME: Don't use setTimeout()
-  // @blur is called before the value changed.
-  setTimeout(() => {
-    if (serverUrl.value.match(/^https?:\/\//) === null) {
-      serverUrl.value = `https://${serverUrl.value}`;
-    }
-  }, 100);
-}
-
-function deleteServerUrl(url: string): void {
-  // Remove path
-  serverUrlHistory.value = serverUrlHistory.value.filter(u => u !== url);
-  // Save to local storage
-  window.localStorage.setItem(keys.serverUrlHistory, JSON.stringify(serverUrlHistory.value));
-}
-
 function deleteSecretPath(path: string): void {
   // Remove path
   secretPathHistory.value = secretPathHistory.value.filter(p => p !== path);
diff --git a/src/components/VerificationCode.vue b/src/components/VerificationCode.vue
index 31c10fd6b..232358a94 100644
--- a/src/components/VerificationCode.vue
+++ b/src/components/VerificationCode.vue
@@ -1,6 +1,6 @@
 <template>
   <v-alert type="info" :color="color">
-    <span style="font-size: 1.2em">{{ strings['verification_code'] }}: <b>{{ value }}</b></span>
+    <span style="font-size: 1.2em">{{ strings?.['verification_code'] }}: <b>{{ value }}</b></span>
   </v-alert>
 </template>
 
diff --git a/src/useErrorMessage.ts b/src/composables/useErrorMessage.ts
similarity index 95%
rename from src/useErrorMessage.ts
rename to src/composables/useErrorMessage.ts
index 42ed17c24..718b92d82 100644
--- a/src/useErrorMessage.ts
+++ b/src/composables/useErrorMessage.ts
@@ -1,5 +1,5 @@
 import {Ref, ref, watch} from "vue";
-import {language} from "@/language";
+import {language} from "@/states/language";
 
 type ReadonlyRef<T> = Ref<T> & { readonly value: T}
 
diff --git a/src/memorize-func.ts b/src/memorize-func.ts
deleted file mode 100644
index 23b661801..000000000
--- a/src/memorize-func.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-const NOT_MEMORIZED: unique symbol = Symbol('NOT_MEMORIZED');
-export function memorizeFunc<T>(func: () => T) {
-  let memo: T | typeof NOT_MEMORIZED = NOT_MEMORIZED;
-  return (): T => {
-    // If no memo
-    if (memo === NOT_MEMORIZED) {
-      memo = func();
-    }
-    return memo;
-  };
-}
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index de13158a3..78983e6a2 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import Vuetify from 'vuetify/lib';
-import {enableDarkTheme} from "@/enable-dark-theme";
+import {enableDarkTheme} from "@/states/enableDarkTheme";
 
 Vue.use(Vuetify);
 
diff --git a/src/signing-key.ts b/src/states/ecdsaP384SigningKeyPairPromise.ts
similarity index 100%
rename from src/signing-key.ts
rename to src/states/ecdsaP384SigningKeyPairPromise.ts
diff --git a/src/enable-dark-theme.ts b/src/states/enableDarkTheme.ts
similarity index 100%
rename from src/enable-dark-theme.ts
rename to src/states/enableDarkTheme.ts
diff --git a/src/settings/forceDisableStreamingUpload.ts b/src/states/forceDisableStreamingUpload.ts
similarity index 100%
rename from src/settings/forceDisableStreamingUpload.ts
rename to src/states/forceDisableStreamingUpload.ts
diff --git a/src/language.ts b/src/states/language.ts
similarity index 94%
rename from src/language.ts
rename to src/states/language.ts
index 9f32a5213..ccabb8303 100644
--- a/src/language.ts
+++ b/src/states/language.ts
@@ -1,5 +1,5 @@
 import {ref, watch} from "vue";
-import {keys} from "./local-storage-keys";
+import {keys} from "../local-storage-keys";
 import constants from "@/constants";
 
 export const language = (() => {
diff --git a/src/states/pipingServerUrl.ts b/src/states/pipingServerUrl.ts
new file mode 100644
index 000000000..e4f4b4388
--- /dev/null
+++ b/src/states/pipingServerUrl.ts
@@ -0,0 +1,16 @@
+import {ref, watch} from "vue";
+import buildConstants from "@/build-constants";
+import {keys} from "@/local-storage-keys";
+
+export const pipingServerUrl = ref<string>((() => {
+  // Load from Local Storage
+  const savedServerUrl = window.localStorage.getItem(keys.selectedServerUrl);
+  if (savedServerUrl !== null) {
+    return savedServerUrl;
+  }
+  return buildConstants.pipingServerUrls[0];
+})());
+
+watch(pipingServerUrl, () => {
+  window.localStorage.setItem(keys.selectedServerUrl, pipingServerUrl.value);
+});
diff --git a/src/states/pipingServerUrlHistory.ts b/src/states/pipingServerUrlHistory.ts
new file mode 100644
index 000000000..793b21f7f
--- /dev/null
+++ b/src/states/pipingServerUrlHistory.ts
@@ -0,0 +1,28 @@
+import {computed, ref} from "vue";
+import {keys} from "@/local-storage-keys";
+import {loadLocalStorageWithValidation} from "@/utils/loadLocalStorageWithValidation";
+import * as t from "io-ts";
+import buildConstants from "@/build-constants";
+
+const defaultServerUrls: ReadonlyArray<string> = buildConstants.pipingServerUrls;
+
+const inner = ref<readonly string[]>((() => {
+  // Load server URL history from local storage
+  const savedServerUrlHistory: string[] | undefined = loadLocalStorageWithValidation(t.array(t.string), keys.serverUrlHistory);
+  // If none
+  if (savedServerUrlHistory === undefined) {
+    // Set default
+    return defaultServerUrls.slice();
+  }
+  return savedServerUrlHistory;
+})());
+
+export const pipingServerUrlHistory = computed<readonly string[]>({
+  get() {
+    return inner.value;
+  },
+  set(history: readonly string[]) {
+    window.localStorage.setItem(keys.serverUrlHistory, JSON.stringify(history));
+    inner.value = history;
+  },
+});
diff --git a/src/settings/recordsSecretPathHistory.ts b/src/states/recordsSecretPathHistory.ts
similarity index 100%
rename from src/settings/recordsSecretPathHistory.ts
rename to src/states/recordsSecretPathHistory.ts
diff --git a/src/settings/recordsServerUrlHistory.ts b/src/states/recordsServerUrlHistory.ts
similarity index 100%
rename from src/settings/recordsServerUrlHistory.ts
rename to src/states/recordsServerUrlHistory.ts
diff --git a/src/settings/secretPathHistory.ts b/src/states/secretPathHistory.ts
similarity index 100%
rename from src/settings/secretPathHistory.ts
rename to src/states/secretPathHistory.ts
diff --git a/src/strings/en.ts b/src/strings/en.ts
index 2005b057c..95e2ea6dc 100644
--- a/src/strings/en.ts
+++ b/src/strings/en.ts
@@ -27,14 +27,14 @@ export const en = {
   },
   get: 'Get',
   text_mode: 'Text mode',
-  text_placeholder: 'Text',
-  server_url: 'Server URL',
+  text_placeholder: 'Text or links',
+  server: 'Server',
   secret_path: 'Secret path',
   secret_path_placeholder: 'e.g. mypath374',
   make_half_width(notHalfWidth: string) {
     return `Make "${notHalfWidth}" half-width`;
   },
-  drop_a_file_here_or_browse: 'Drop a file here or <span class=\'filepond--label-action\'>Browse</span>',
+  drop_files_here_or_browse: 'Drop files here or <span class=\'filepond--label-action\'>Browse</span>',
   protect_with_password: 'Protect with password',
   passwordless_protection: 'Passwordless',
   passwordless_verify_and_send: 'Verify and send',
diff --git a/src/strings/ja.ts b/src/strings/ja.ts
index bac0458bc..3aad88a1c 100644
--- a/src/strings/ja.ts
+++ b/src/strings/ja.ts
@@ -27,14 +27,14 @@ export const ja: Strings = {
   },
   get: '受信',
   text_mode: 'テキスト',
-  text_placeholder: 'テキスト',
-  server_url: 'サーバー',
+  text_placeholder: 'テキストやリンク',
+  server: 'サーバー',
   secret_path: '転送パス',
   secret_path_placeholder: '例: mypath374, あいう123',
   make_half_width(notHalfWidth: string) {
     return `"${notHalfWidth}" を半角にする`;
   },
-  drop_a_file_here_or_browse: 'ファイルをドラッグするか<span class=\'filepond--label-action\'>開く</span>',
+  drop_files_here_or_browse: 'ファイルをドラッグするか<span class=\'filepond--label-action\'>開く</span>',
   protect_with_password: 'パスワードで保護',
   passwordless_protection: 'パスワードレス',
   passwordless_verify_and_send: '確認して送信',
diff --git a/src/strings/strings.ts b/src/strings/strings.ts
index e4de6e868..aedcdda2e 100644
--- a/src/strings/strings.ts
+++ b/src/strings/strings.ts
@@ -1,6 +1,6 @@
 import {ref, watch, type Ref} from "vue";
 
-import {language} from "@/language"
+import {language} from "@/states/language"
 import {type Strings} from "@/strings/en";
 const enAsync = () => import("./en").then(p => p.en);
 const jaAsync = () => import("./ja").then(p => p.ja);
diff --git a/src/blob-url-manager.ts b/src/utils/BlobUrlManager.ts
similarity index 100%
rename from src/blob-url-manager.ts
rename to src/utils/BlobUrlManager.ts
diff --git a/src/utils/isFirefox.ts b/src/utils/isFirefox.ts
new file mode 100644
index 000000000..27483bf60
--- /dev/null
+++ b/src/utils/isFirefox.ts
@@ -0,0 +1,3 @@
+export function isFirefox(): boolean {
+  return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+}
diff --git a/types/linkifyjs/html.d.ts b/types/linkifyjs/html.d.ts
deleted file mode 100644
index ddca31019..000000000
--- a/types/linkifyjs/html.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-// @types/linkifyjs is available, but having the following error
-// ERROR in /.../node_modules/@types/react/index.d.ts
-// 107:31 Type 'T' does not satisfy the constraint 'string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)'.
-declare module 'linkifyjs/html';
diff --git a/vue.config.js b/vue.config.js
index 2d926f5b8..4731c1ac7 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -18,7 +18,6 @@ module.exports = {
         PIPING_SERVER_URLS: process.env.PIPING_SERVER_URLS || JSON.stringify([
           "https://ppng.io",
           "https://piping.nwtgck.repl.co",
-          "https://ppng.herokuapp.com",
           "https://piping.glitch.me",
           "https://piping-47q675ro2guv.runkit.sh"
         ]),