From 5506f800a90c89eac11b3dc9b0b14f6e213b77d1 Mon Sep 17 00:00:00 2001
From: eumalin <eumalin@users.noreply.github.com>
Date: Tue, 19 May 2026 15:27:00 -0400
Subject: [PATCH] run prettier

---
 pt/web/firebird/src/js/App.svelte             |  10 +-
 .../js/components/DownloadPanel/index.svelte  | 834 +++++++++---------
 .../JumpToSectionPanel/index.svelte           |   2 +-
 .../src/js/components/Reader/GridView.svelte  |  14 +-
 .../js/components/Reader/ImageFormat.svelte   |  15 +-
 .../src/js/components/Reader/OneUpView.svelte |  12 +-
 .../src/js/components/Reader/Page.svelte      |  27 +-
 .../src/js/components/Reader/PageMenu.svelte  |  27 +-
 .../js/components/Reader/PageMessage.svelte   |   3 +-
 .../components/Reader/PlaintextFormat.svelte  |   9 +-
 .../src/js/components/Reader/TwoUpView.svelte |  19 +-
 .../RestrictedView/TombstoneItem.svelte       |   5 +-
 .../src/js/components/SearchForm/index.svelte |  56 +-
 .../components/SearchHighlights/index.svelte  |   2 +-
 .../src/js/components/SharePanel/index.svelte |   1 -
 .../components/ViewerToolbar/ViewMenu.svelte  |  94 +-
 .../js/components/ViewerToolbar/index.svelte  |  40 +-
 pt/web/firebird/src/js/lib/tippy.js           |  14 +-
 18 files changed, 623 insertions(+), 561 deletions(-)

diff --git a/pt/web/firebird/src/js/App.svelte b/pt/web/firebird/src/js/App.svelte
index 60475d872..e852f3a30 100644
--- a/pt/web/firebird/src/js/App.svelte
+++ b/pt/web/firebird/src/js/App.svelte
@@ -1,7 +1,7 @@
 <script>
   import { onMount, setContext } from 'svelte';
   import { writable, get } from 'svelte/store';
-  import {MediaQuery} from 'svelte/reactivity'
+  import { MediaQuery } from 'svelte/reactivity';
   import { consent } from '~firebird-common/src/js/lib/store.svelte.js';
 
   import dialogPolyfill from 'dialog-polyfill';
@@ -447,8 +447,12 @@
 {#if isReaderView}
   <ViewerToolbar />
 {/if}
-<aside class:invisible={$interfaceMode == 'minimal' || (largeScreen.current && !asideExpanded) || (!largeScreen.current && !optionsToggled)}>
-  <div class="inner" >
+<aside
+  class:invisible={$interfaceMode == 'minimal' ||
+    (largeScreen.current && !asideExpanded) ||
+    (!largeScreen.current && !optionsToggled)}
+>
+  <div class="inner">
     <div class="accordion">
       <SurveyPanel />
     </div>
diff --git a/pt/web/firebird/src/js/components/DownloadPanel/index.svelte b/pt/web/firebird/src/js/components/DownloadPanel/index.svelte
index ada12ae27..13d9254a9 100644
--- a/pt/web/firebird/src/js/components/DownloadPanel/index.svelte
+++ b/pt/web/firebird/src/js/components/DownloadPanel/index.svelte
@@ -1,6 +1,6 @@
 <script>
   import { onMount, getContext } from 'svelte';
-  import {SvelteURL, SvelteURLSearchParams} from 'svelte/reactivity'
+  import { SvelteURL, SvelteURLSearchParams } from 'svelte/reactivity';
   import { tooltippy } from '../../lib/tippy';
 
   import Panel from '../Panel/index.svelte';
@@ -25,7 +25,7 @@
   let meta = $derived(manifest.meta($currentSeq));
   let allowDownload = manifest.allowSinglePageDownload || manifest.allowFullDownload;
   let selected = manifest.selected;
-  
+
   let format = $state('pdf');
   let range = $state(manifest.allowFullDownload ? 'volume' : 'current-page');
   let selection = $state({ pages: [] });
@@ -34,11 +34,13 @@
 
   let modal = $state();
   let downloadAttempt = 1;
-  let request = new SvelteURL(`${location.protocol}//${HT.service_domain}`)
+  let request = new SvelteURL(`${location.protocol}//${HT.service_domain}`);
   let downloadInProgress = $state(false);
   let cancellingDownload = $state(false);
   let trackerInterval;
-  let progressUrl, downloadUrl = $state(), totalPages;
+  let progressUrl,
+    downloadUrl = $state(),
+    totalPages;
   let lastPercent;
   let status = $state({ done: false, percent: -1 });
   let numAttempts = 0;
@@ -52,42 +54,45 @@
   let emptySelection = $derived(range == 'selected-pages' && selection.pages.length == 0);
   let emptySelectionTIFF = $derived(emptySelection && format == 'image-tiff');
   let tooManyTiffs = $derived(range == 'selected-pages' && format == 'image-tiff' && selection.pages.length > 10);
-  let buttonDisabled = $derived(emptySelection || emptySelectionTIFF || tooManyTiffs );
+  let buttonDisabled = $derived(emptySelection || emptySelectionTIFF || tooManyTiffs);
   let errorMessage = $derived(
-    emptySelectionTIFF ? `No pages selected.
-        Use the toolbar to select up to <span class="fw-bold">10 pages</span> to continue your TIFF download.` :
-    emptySelection ? `No pages selected.
-        Use the toolbar to select pages.` :
-    tooManyTiffs ? `Your selection exceeds the TIFF download limit. Select 10 pages or fewer to continue.` :
-    null
+    emptySelectionTIFF
+      ? `No pages selected.
+        Use the toolbar to select up to <span class="fw-bold">10 pages</span> to continue your TIFF download.`
+      : emptySelection
+        ? `No pages selected.
+        Use the toolbar to select pages.`
+        : tooManyTiffs
+          ? `Your selection exceeds the TIFF download limit. Select 10 pages or fewer to continue.`
+          : null
   );
   let errorCount = 0;
   let downloadError = $state(false);
   let downloadErrorMessage = $state('');
-	let progressError;
-	let closeDownloadModal = false;
+  let progressError;
+  let closeDownloadModal = false;
 
   const _mtm = (window._mtm = window._mtm || []);
 
   let simpleUrl = $derived.by(() => {
     let newAction = buildAction();
-		let params = new SvelteURLSearchParams()
+    let params = new SvelteURLSearchParams();
 
     params.set('id', manifest.id);
     params.set('attachment', '1');
     params.set('tracker', `D${downloadAttempt}`);
-		
-		if (format == 'image-tiff' || format == 'image-jpeg') {
+
+    if (format == 'image-tiff' || format == 'image-jpeg') {
       params.set('format', `image/${format.split('-')[1]}`);
       params.set(sizeAttr, sizeValue);
     }
-	
+
     selection.pages.forEach((seq) => {
       params.append('seq', seq);
     });
-		
-		return `${request}${newAction}?${params.toString()}`
-	})
+
+    return `${request}${newAction}?${params.toString()}`;
+  });
 
   function callback(argv) {
     console.log('-- callback', downloadInProgress, argv);
@@ -106,7 +111,7 @@
       if (closeDownloadModal) modal.hide();
       document.getElementById('submit-download').focus();
     }
-		closeDownloadModal = false;
+    closeDownloadModal = false;
   }
 
   function checkStatusInterval() {
@@ -123,37 +128,41 @@
         if (status.done) {
           clearInterval(trackerInterval);
           trackerInterval = null;
-				}	
+        }
       })
       .catch((error) => {
-      console.error('Error with imgsrv', error);
-      numAttempts += 1;
-      errorCount++;
-			
-			if (progressError) {
-        clearInterval(trackerInterval);
-        trackerInterval = null;
-        downloadInProgress = false;
-        downloadError = true;
-        downloadErrorMessage = `Please try again. If downloads continue to fail, contact <a href="mailto:support@hathitrust.org">support@hathitrust.org</a>.`;
-        HT.live.announce(`${downloadErrorMessage.replace(/<\/?[^>]+(>|$)/g, "")}${' '.repeat(errorCount)}`);
-			}
-      
-      // Stop polling after too many failures
-      if (numAttempts > 3) {
-        clearInterval(trackerInterval);
-        trackerInterval = null;
-        downloadInProgress = false;
-        downloadError = true;
-        downloadErrorMessage = `Please try again. If downloads continue to fail, contact <a href="mailto:support@hathitrust.org">support@hathitrust.org</a>.`;
-        HT.live.announce(`${downloadErrorMessage.replace(/<\/?[^>]+(>|$)/g, "")}${' '.repeat(errorCount)}`);
-        _mtm.push({'event': 'pt-download-error','errorType': 'imgsrv unreachable', 'downloadUrl': `${progressUrl.toString()}`});
-      }
-    });
+        console.error('Error with imgsrv', error);
+        numAttempts += 1;
+        errorCount++;
+
+        if (progressError) {
+          clearInterval(trackerInterval);
+          trackerInterval = null;
+          downloadInProgress = false;
+          downloadError = true;
+          downloadErrorMessage = `Please try again. If downloads continue to fail, contact <a href="mailto:support@hathitrust.org">support@hathitrust.org</a>.`;
+          HT.live.announce(`${downloadErrorMessage.replace(/<\/?[^>]+(>|$)/g, '')}${' '.repeat(errorCount)}`);
+        }
+
+        // Stop polling after too many failures
+        if (numAttempts > 3) {
+          clearInterval(trackerInterval);
+          trackerInterval = null;
+          downloadInProgress = false;
+          downloadError = true;
+          downloadErrorMessage = `Please try again. If downloads continue to fail, contact <a href="mailto:support@hathitrust.org">support@hathitrust.org</a>.`;
+          HT.live.announce(`${downloadErrorMessage.replace(/<\/?[^>]+(>|$)/g, '')}${' '.repeat(errorCount)}`);
+          _mtm.push({
+            event: 'pt-download-error',
+            errorType: 'imgsrv unreachable',
+            downloadUrl: `${progressUrl.toString()}`,
+          });
+        }
+      });
   }
 
   function updateProgress(data) {
-		progressError = false;
+    progressError = false;
     let percent;
     let current = data.status;
     if (current == 'EOT' || (current == 'DONE' && data.current_page == -1)) {
@@ -161,11 +170,15 @@
       percent = 100;
       downloadInProgress = false;
       HT.live.announce(`All done! Your ${formatTitle[format]} is ready for download.`);
-		} else if (current == 'DONE' && !data.current_page) {
-			console.log('weird progress bug, set downloads to false, throw error')
-			progressError = true;
-			_mtm.push({'event': 'pt-download-error', 'errorType': 'imgsrv: no download found', 'downloadUrl': `${progressUrl.toString()}`});
-			throw new Error(`imgsrv: "No download found"`);
+    } else if (current == 'DONE' && !data.current_page) {
+      console.log('weird progress bug, set downloads to false, throw error');
+      progressError = true;
+      _mtm.push({
+        event: 'pt-download-error',
+        errorType: 'imgsrv: no download found',
+        downloadUrl: `${progressUrl.toString()}`,
+      });
+      throw new Error(`imgsrv: "No download found"`);
     } else {
       status.done = false;
       current = data.current_page;
@@ -178,11 +191,15 @@
       numAttempts += 1;
     }
     if (numAttempts > 5) {
-			console.log('cancelling from updateProgress');
-			progressError = true;
-			cancelDownload(false);
-			_mtm.push({'event': 'pt-download-error', 'errorType': 'too many attempts to download same page', 'downloadUrl': `${progressUrl.toString()}`});
-			throw new Error(`Too many attempts at the same page.`);
+      console.log('cancelling from updateProgress');
+      progressError = true;
+      cancelDownload(false);
+      _mtm.push({
+        event: 'pt-download-error',
+        errorType: 'too many attempts to download same page',
+        downloadUrl: `${progressUrl.toString()}`,
+      });
+      throw new Error(`Too many attempts at the same page.`);
     }
 
     status.percent = percent;
@@ -206,9 +223,9 @@
       return;
     }
 
-		if (closeThisModal) {
-			closeDownloadModal = true;
-		}
+    if (closeThisModal) {
+      closeDownloadModal = true;
+    }
 
     cancellingDownload = true;
 
@@ -238,18 +255,21 @@
   }
 
   function isSimpleDownload() {
-		let partialUpperLimit = format == 'image-tiff' ? 1 : 10;
-		if((range !== 'volume') && (selection.pages.length <= partialUpperLimit)) {		
-			return true;
-		} else {
-			return false;
-		}
-	}
+    let partialUpperLimit = format == 'image-tiff' ? 1 : 10;
+    if (range !== 'volume' && selection.pages.length <= partialUpperLimit) {
+      return true;
+    } else {
+      return false;
+    }
+  }
 
   function buildAction() {
-    $inspect.trace()
+    $inspect.trace();
     let action = 'cgi/imgsrv/';
-    if (format.startsWith('image-') && (range == 'current-page' || range == 'current-page-verso' || range == 'current-page-recto')) {
+    if (
+      format.startsWith('image-') &&
+      (range == 'current-page' || range == 'current-page-verso' || range == 'current-page-recto')
+    ) {
       action += 'image';
       sizeAttr = 'size';
       sizeValue = targetPPI == '0' ? 'full' : `ppi:${targetPPI}`;
@@ -265,67 +285,72 @@
     let scriptEl = document.createElement('script');
     scriptEl.type = 'text/javascript';
 
-      let requestUrl = new URL(`${location.protocol}//${HT.service_domain}/${action}`);
-      let params = new URLSearchParams();
-      params.set('id', manifest.id);
+    let requestUrl = new URL(`${location.protocol}//${HT.service_domain}/${action}`);
+    let params = new URLSearchParams();
+    params.set('id', manifest.id);
 
-      if (selection.pages) {
-        selection.pages.forEach((seq) => {
-          params.append('seq', seq);
-        });
-      }
-      switch (format) {
-        case 'image-jpeg':
-        case 'image-tiff':
-          params.set('format', format == 'image-tiff' ? 'image/tiff' : 'image/jpeg');
-          params.set('target_ppi', targetPPI);
-          params.set('bundle_format', 'zip');
-          break;
-        case 'plaintext-zip':
-          params.set('bundle_format', 'zip');
-          break;
-        case 'plaintext':
-          params.set('bundle_format', 'text');
-          break;
-      }
-      params.set('callback', 'tunnelCallback');
-      params.set('_', new Date().getTime().toString());
-
-      requestUrl.search = params.toString();
-      scriptEl.src = requestUrl.toString();
-
-      downloadInProgress = true;
-    
-      // inject script
-      document.body.appendChild(scriptEl);
-      
-      // remove script after it loads
-      scriptEl.onload = () => {
-        document.body.removeChild(scriptEl);
-      };
-      //handle error if something goes wrong
-      scriptEl.onerror = () => {
-        document.body.removeChild(scriptEl);
-        errorMessage = 'Please try again. If downloads continue to fail, contact <a href="mailto:support@hathitrust.org">support@hathitrust.org</a>.';
-        HT.live.announce(errorMessage.replace(/<\/?[^>]+(>|$)/g, ""));
-        downloadInProgress = false;
-        _mtm.push({'event': 'pt-download-error', 'errorType': 'callback script error', 'downloadUrl': `${requestUrl.toString()}`});
-      };
+    if (selection.pages) {
+      selection.pages.forEach((seq) => {
+        params.append('seq', seq);
+      });
+    }
+    switch (format) {
+      case 'image-jpeg':
+      case 'image-tiff':
+        params.set('format', format == 'image-tiff' ? 'image/tiff' : 'image/jpeg');
+        params.set('target_ppi', targetPPI);
+        params.set('bundle_format', 'zip');
+        break;
+      case 'plaintext-zip':
+        params.set('bundle_format', 'zip');
+        break;
+      case 'plaintext':
+        params.set('bundle_format', 'text');
+        break;
     }
+    params.set('callback', 'tunnelCallback');
+    params.set('_', new Date().getTime().toString());
+
+    requestUrl.search = params.toString();
+    scriptEl.src = requestUrl.toString();
+
+    downloadInProgress = true;
+
+    // inject script
+    document.body.appendChild(scriptEl);
+
+    // remove script after it loads
+    scriptEl.onload = () => {
+      document.body.removeChild(scriptEl);
+    };
+    //handle error if something goes wrong
+    scriptEl.onerror = () => {
+      document.body.removeChild(scriptEl);
+      errorMessage =
+        'Please try again. If downloads continue to fail, contact <a href="mailto:support@hathitrust.org">support@hathitrust.org</a>.';
+      HT.live.announce(errorMessage.replace(/<\/?[^>]+(>|$)/g, ''));
+      downloadInProgress = false;
+      _mtm.push({
+        event: 'pt-download-error',
+        errorType: 'callback script error',
+        downloadUrl: `${requestUrl.toString()}`,
+      });
+    };
+  }
 
   function calculateSelection() {
-    $inspect.trace()
+    $inspect.trace();
     if (range == 'selected-pages') {
-      selection.pages = Array.from($selected)
+      selection.pages = Array.from($selected);
     } else if (range == 'volume') {
-      selection.pages = []
+      selection.pages = [];
     } else {
       let page;
       //occassionally this switch causes a minor error in the console
       //because of the verso/recto situation
       //e.g. the range is set to 'current-page-verso'
       //but the user has scrolled to a 2-up that doesn't have a verso page in the data
-      //the range update can't just swap to recto because it doesn't know it needs to 
+      //the range update can't just swap to recto because it doesn't know it needs to
       //(i tried SO MANY WAYS to make it do it)
       //but $currentLocation.verso.seq is undefined so this errors
       //if the user makes a different selection or scrolls, this function fires again without issue
@@ -340,19 +365,19 @@
           page = $currentLocation.recto.seq;
           break;
       }
-      selection.pages = [page]
+      selection.pages = [page];
     }
   }
 
   function submitDownload(e) {
     e.preventDefault();
-    console.log('-- download.fetchDownload')
-    
+    console.log('-- download.fetchDownload');
+
     downloadError = false;
     numAttempts = 0;
     numProcessed = 0;
 
-    buildCallbackDownloadUrl(); 
+    buildCallbackDownloadUrl();
   }
 
   function flattenSelection(selected) {
@@ -408,55 +433,60 @@
       range = 'selected-pages';
     }
   });
-  
+
   $effect(() => {
     if (totalSeq > 10 && format == 'image-tiff' && range == 'volume') {
       if ($currentView == '1up') {
-        range = 'current-page'
+        range = 'current-page';
       } else if ($currentView == '2up') {
-       if ($currentLocation.verso) {
-          range = 'current-page-verso' 
+        if ($currentLocation.verso) {
+          range = 'current-page-verso';
         } else if ($currentLocation.recto) {
-          range = 'current-page-recto'
+          range = 'current-page-recto';
         }
       } else if ($currentView == 'thumb') {
-        range = 'selected-pages'
+        range = 'selected-pages';
       }
     }
-  })
+  });
   $effect(() => {
-    if($currentView == '1up') {
-      if(range !== 'volume' && range !== 'selected-pages' && range !== 'current-page') {
-        range = 'current-page'
+    if ($currentView == '1up') {
+      if (range !== 'volume' && range !== 'selected-pages' && range !== 'current-page') {
+        range = 'current-page';
       }
-    } else if($currentView == '2up') {
+    } else if ($currentView == '2up') {
       //this is not great
       //but if the user had previously selected 'current-page' during 1-up view and switches to 2-up view
       //the range is still set to 'current-page' and needs to be magicked to either recto or verso
       //frustratingly, at the beginning/end of volumes, sometimes verso or recto don't exist
       //so we just pick one that's available
-     if (range !== 'volume' && range !== 'selected-pages' && range !== 'current-page-recto' && range !== 'current-page-verso') {
+      if (
+        range !== 'volume' &&
+        range !== 'selected-pages' &&
+        range !== 'current-page-recto' &&
+        range !== 'current-page-verso'
+      ) {
         if ($currentLocation.verso) {
-          range = 'current-page-verso' 
+          range = 'current-page-verso';
         } else if ($currentLocation.recto) {
-          range = 'current-page-recto'
+          range = 'current-page-recto';
         }
       }
     } else if ($currentView == 'thumb') {
-      range = 'selected-pages'
+      range = 'selected-pages';
     }
-  })
+  });
   $effect(() => {
-      calculateSelection()
-	})
-  
+    calculateSelection();
+  });
+
   $effect(() => {
     if (errorMessage) {
       errorCount++;
       // this is a hacky workaround for aria-live announcements
       // chrome does not re-announce the last message it announced, even if it left the DOM and re-entered the DOM
       // this adds a space to the end of the message before sending it to our announcement library
-      HT.live.announce(`${errorMessage.replace(/<\/?[^>]+(>|$)/g, "")}${' '.repeat(errorCount)}`);
+      HT.live.announce(`${errorMessage.replace(/<\/?[^>]+(>|$)/g, '')}${' '.repeat(errorCount)}`);
     }
   });
 
@@ -465,241 +495,240 @@
       return;
     }
     // assign global callback
-     window.tunnelCallback = function () {
+    window.tunnelCallback = function () {
       callback(arguments);
     };
-
   });
 </script>
 
 <Panel parent="#controls">
   {#snippet icon()}
-    <i class="fa-solid fa-download"  aria-hidden="true"></i>
+    <i class="fa-solid fa-download" aria-hidden="true"></i>
   {/snippet}
   {#snippet title()}
     Download
   {/snippet}
   {#snippet body()}
-      {#if allowDownload && !manifest.allowFullDownload && $currentView == 'thumb'}
-        <div class="alert alert-secondary">Please choose another view to download individual pages.</div>
-      {:else if allowDownload}
-        <form aria-label="Download options">
-          <fieldset class="mb-3">
-            <legend class="fs-5">Format</legend>
+    {#if allowDownload && !manifest.allowFullDownload && $currentView == 'thumb'}
+      <div class="alert alert-secondary">Please choose another view to download individual pages.</div>
+    {:else if allowDownload}
+      <form aria-label="Download options">
+        <fieldset class="mb-3">
+          <legend class="fs-5">Format</legend>
+          <div class="form-check">
+            <input
+              name="format"
+              class="form-check-input"
+              type="radio"
+              value="pdf"
+              id="format-pdf"
+              bind:group={format}
+            />
+            <label class="form-check-label" for="format-pdf"> Ebook (PDF) </label>
+          </div>
+          {#if manifest.allowFullDownload}
             <div class="form-check">
               <input
                 name="format"
                 class="form-check-input"
                 type="radio"
-                value="pdf"
-                id="format-pdf"
+                value="epub"
+                id="format-epub"
                 bind:group={format}
               />
-              <label class="form-check-label" for="format-pdf"> Ebook (PDF) </label>
+              <label class="form-check-label" for="format-epub"> Ebook (EPUB) </label>
             </div>
-            {#if manifest.allowFullDownload}
-              <div class="form-check">
-                <input
-                  name="format"
-                  class="form-check-input"
-                  type="radio"
-                  value="epub"
-                  id="format-epub"
-                  bind:group={format}
-                />
-                <label class="form-check-label" for="format-epub"> Ebook (EPUB) </label>
-              </div>
-            {/if}
+          {/if}
+          <div class="form-check">
+            <input
+              name="format"
+              class="form-check-input"
+              type="radio"
+              value="plaintext"
+              id="format-plaintext"
+              bind:group={format}
+            />
+            <label class="form-check-label" for="format-plaintext"> Text (.txt) </label>
+          </div>
+          {#if manifest.allowFullDownload}
             <div class="form-check">
               <input
                 name="format"
                 class="form-check-input"
                 type="radio"
-                value="plaintext"
-                id="format-plaintext"
+                value="plaintext-zip"
+                id="format-archive"
                 bind:group={format}
               />
-              <label class="form-check-label" for="format-plaintext"> Text (.txt) </label>
+              <label class="form-check-label" for="format-archive"> Text (.zip) </label>
             </div>
-            {#if manifest.allowFullDownload}
-              <div class="form-check">
-                <input
-                  name="format"
-                  class="form-check-input"
-                  type="radio"
-                  value="plaintext-zip"
-                  id="format-archive"
-                  bind:group={format}
-                />
-                <label class="form-check-label" for="format-archive"> Text (.zip) </label>
-              </div>
-            {/if}
+          {/if}
+          <div class="form-check">
+            <input
+              name="format"
+              class="form-check-input"
+              type="radio"
+              value="image-jpeg"
+              id="format-image-jpeg"
+              bind:group={format}
+            />
+            <label class="form-check-label" for="format-image-jpeg"> Image (JPEG) </label>
+          </div>
+          <div class="form-check">
+            <input
+              name="format"
+              class="form-check-input"
+              type="radio"
+              value="image-tiff"
+              id="format-image-tiff"
+              bind:group={format}
+            />
+            <label class="form-check-label" for="format-image-tiff"> Image (TIFF) </label>
+          </div>
+        </fieldset>
+
+        {#if format.startsWith('image-')}
+          <fieldset class="mb-3">
+            <legend class="fs-5">Image Resolution</legend>
             <div class="form-check">
               <input
-                name="format"
+                name="target-ppi"
                 class="form-check-input"
                 type="radio"
-                value="image-jpeg"
-                id="format-image-jpeg"
-                bind:group={format}
+                value="300"
+                id="image-target-ppi-300"
+                bind:group={targetPPI}
               />
-              <label class="form-check-label" for="format-image-jpeg"> Image (JPEG) </label>
+              <label class="form-check-label" for="image-target-ppi-300">
+                High / 300 dpi
+                {#if meta.resolution}
+                  ({meta.screenResolution})
+                {/if}
+              </label>
             </div>
             <div class="form-check">
               <input
-                name="format"
+                name="target-ppi"
                 class="form-check-input"
                 type="radio"
-                value="image-tiff"
-                id="format-image-tiff"
-                bind:group={format}
+                value="0"
+                id="image-target-ppi-full"
+                bind:group={targetPPI}
               />
-              <label class="form-check-label" for="format-image-tiff"> Image (TIFF) </label>
+              <label class="form-check-label" for="image-target-ppi-full">
+                Full / 600 dpi
+                {#if meta.resolution}
+                  ({meta.size.width}x{meta.size.height})
+                {/if}
+              </label>
             </div>
           </fieldset>
+        {/if}
 
-          {#if format.startsWith('image-')}
-            <fieldset class="mb-3">
-              <legend class="fs-5">Image Resolution</legend>
-              <div class="form-check">
-                <input
-                  name="target-ppi"
-                  class="form-check-input"
-                  type="radio"
-                  value="300"
-                  id="image-target-ppi-300"
-                  bind:group={targetPPI}
-                />
-                <label class="form-check-label" for="image-target-ppi-300">
-                  High / 300 dpi
-                  {#if meta.resolution}
-                    ({meta.screenResolution})
-                  {/if}
-                </label>
-              </div>
-              <div class="form-check">
-                <input
-                  name="target-ppi"
-                  class="form-check-input"
-                  type="radio"
-                  value="0"
-                  id="image-target-ppi-full"
-                  bind:group={targetPPI}
-                />
-                <label class="form-check-label" for="image-target-ppi-full">
-                  Full / 600 dpi
-                  {#if meta.resolution}
-                    ({meta.size.width}x{meta.size.height})
-                  {/if}
-                </label>
-              </div>
-            </fieldset>
-          {/if}
-
-          <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-          <fieldset class="mb-3" id="download-range">
-            <legend class="fs-5">Range</legend>
-            {#if $currentView == '1up'}
+        <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+        <fieldset class="mb-3" id="download-range">
+          <legend class="fs-5">Range</legend>
+          {#if $currentView == '1up'}
+            <div class="form-check">
+              <input
+                name="range"
+                class="form-check-input"
+                type="radio"
+                value="current-page"
+                id="range-current-page"
+                disabled={format == 'epub' || format == 'plaintext-zip'}
+                bind:group={range}
+              />
+              <label class="form-check-label" for="range-current-page">
+                Current page scan (#{$currentSeq})
+              </label>
+            </div>
+          {:else if $currentView == '2up'}
+            {#if $currentLocation.verso}
               <div class="form-check">
                 <input
                   name="range"
                   class="form-check-input"
                   type="radio"
-                  value='current-page'
-                  id="range-current-page"
+                  value="current-page-verso"
+                  id="range-current-verso-page"
                   disabled={format == 'epub' || format == 'plaintext-zip'}
                   bind:group={range}
                 />
-                <label class="form-check-label" for="range-current-page">
-                  Current page scan (#{$currentSeq})
+                <label class="form-check-label" for="range-current-verso-page">
+                  Current verso page scan (#{$currentLocation.verso.seq})
                 </label>
               </div>
-            {:else if $currentView == '2up'}
-              {#if $currentLocation.verso}
-                <div class="form-check">
-                  <input
-                    name="range"
-                    class="form-check-input"
-                    type="radio"
-                    value='current-page-verso'
-                    id="range-current-verso-page"
-                    disabled={format == 'epub' || format == 'plaintext-zip'}
-                    bind:group={range}
-                  />
-                  <label class="form-check-label" for="range-current-verso-page">
-                    Current verso page scan (#{$currentLocation.verso.seq})
-                  </label>
-                </div>
-              {/if}
-              {#if $currentLocation.recto}
-                <div class="form-check">
-                  <input
-                    name="range"
-                    class="form-check-input"
-                    type="radio"
-                    value='current-page-recto'
-                    id="range-current-recto-page"
-                    disabled={format == 'epub' || format == 'plaintext-zip'}
-                    bind:group={range}
-                  />
-                  <label class="form-check-label" for="range-current-recto-page">
-                    Current right page scan (#{$currentLocation.recto.seq})
-                  </label>
-                </div>
-              {/if}
             {/if}
-            {#if manifest.allowFullDownload}
-              <div class="form-check">
-                <input
-                  name="range"
-                  class="form-check-input"
-                  type="radio"
-                  value="volume"
-                  id="range-download-volume"
-                  disabled={totalSeq > 10 && format == 'image-tiff'}
-                  bind:group={range}
-                />
-                <label class="form-check-label" for="range-download-volume"> Whole item </label>
-              </div>
+            {#if $currentLocation.recto}
               <div class="form-check">
                 <input
                   name="range"
                   class="form-check-input"
                   type="radio"
-                  value="selected-pages"
-                  id="range-selected-pages"
+                  value="current-page-recto"
+                  id="range-current-recto-page"
                   disabled={format == 'epub' || format == 'plaintext-zip'}
                   bind:group={range}
                 />
-                <label class="form-check-label" for="range-selected-pages"> Selected page scans </label>
-              </div>
-
-              <div class="d-flex justify-content-between" class:d-none={flattenedSelection.length == 0}>
-                <ul class="list-unstyled mx-4 mb-1">
-                  {#each flattenedSelection as sel}
-                    <li>
-                      <button type="button" class="btn btn-link py-0" onclick={() => gotoSelection(sel)}>{sel}</button>
-                    </li>
-                  {/each}
-                </ul>
-                <button
-                  class="btn btn-outline-dark align-self-start"
-                  type="button"
-                  aria-label={clearSelectionLabel}
-                  use:tooltippy={{ content: 'Clear selection' }}
-                  onclick={() => manifest.clearSelection()}
-                >
-                  <i class="fa-regular fa-circle-xmark" aria-hidden="true"></i>
-                </button>
+                <label class="form-check-label" for="range-current-recto-page">
+                  Current right page scan (#{$currentLocation.recto.seq})
+                </label>
               </div>
             {/if}
-          </fieldset>
-          <p class="mb-3">
+          {/if}
+          {#if manifest.allowFullDownload}
+            <div class="form-check">
+              <input
+                name="range"
+                class="form-check-input"
+                type="radio"
+                value="volume"
+                id="range-download-volume"
+                disabled={totalSeq > 10 && format == 'image-tiff'}
+                bind:group={range}
+              />
+              <label class="form-check-label" for="range-download-volume"> Whole item </label>
+            </div>
+            <div class="form-check">
+              <input
+                name="range"
+                class="form-check-input"
+                type="radio"
+                value="selected-pages"
+                id="range-selected-pages"
+                disabled={format == 'epub' || format == 'plaintext-zip'}
+                bind:group={range}
+              />
+              <label class="form-check-label" for="range-selected-pages"> Selected page scans </label>
+            </div>
+
+            <div class="d-flex justify-content-between" class:d-none={flattenedSelection.length == 0}>
+              <ul class="list-unstyled mx-4 mb-1">
+                {#each flattenedSelection as sel}
+                  <li>
+                    <button type="button" class="btn btn-link py-0" onclick={() => gotoSelection(sel)}>{sel}</button>
+                  </li>
+                {/each}
+              </ul>
+              <button
+                class="btn btn-outline-dark align-self-start"
+                type="button"
+                aria-label={clearSelectionLabel}
+                use:tooltippy={{ content: 'Clear selection' }}
+                onclick={() => manifest.clearSelection()}
+              >
+                <i class="fa-regular fa-circle-xmark" aria-hidden="true"></i>
+              </button>
+            </div>
+          {/if}
+        </fieldset>
+        <p class="mb-3">
           {#if !simpleDownload}
             <button
               type="button"
               class="btn btn-outline-dark"
-              disabled={downloadInProgress||buttonDisabled}
+              disabled={downloadInProgress || buttonDisabled}
               onclick={submitDownload}
               id="submit-download"
             >
@@ -709,60 +738,61 @@
                 <span class="visually-hidden">Loading...</span>
               {/if}
             </button>
-            {:else if simpleDownload && buttonDisabled} 
-              <span class="btn btn-outline-dark disabled"> Download </span>
-            {:else}
-              <a
-                target="_blank"
-                id="submit-download"
-                class="btn btn-outline-dark"
-                onclick={() => {downloadAttempt++}}
-                href={simpleUrl}>Download</a
-              >
-            {/if}
-          </p>
-          {#if errorMessage}
-            <div class="alert inline-alert alert-warning fs-7 d-flex gap-2">
-              <div class="icon-wrapper d-flex">
-                <i class="alert-icon fa-solid fa-triangle-exclamation" aria-hidden="true"></i>
-              </div>
-              <p>{@html errorMessage}</p>
-            </div>
-          {/if}
-          <p class="fs-7 mb-1">
+          {:else if simpleDownload && buttonDisabled}
+            <span class="btn btn-outline-dark disabled"> Download </span>
+          {:else}
             <a
-              class="fs-7"
               target="_blank"
-              href="https://hathitrust.atlassian.net/servicedesk/customer/kb/view/2387247137">Download Help</a
+              id="submit-download"
+              class="btn btn-outline-dark"
+              onclick={() => {
+                downloadAttempt++;
+              }}
+              href={simpleUrl}>Download</a
             >
-          </p>
-          {#if !manifest.allowFullDownload && !HT.login_status.logged_in}
-            <p class="fs-7 mt-1 mb-1">
-              <strong><a href="/cgi/wayf?target={encodeURIComponent(location.href)}">Log in</a></strong> to your library to
-              download this item.
-            </p>
-            <p class="fs-7 mt-1 fst-italic">
-              If you are not affiliated with a <a
-                target="_blank"
-                href="https://www.hathitrust.org/member-libraries/member-list/">member institution</a
-              >, whole book download is not available. (<a
-                target="_blank"
-                href="https://hathitrust.atlassian.net/servicedesk/customer/kb/view/2387247137">Why not?</a
-              >)
-            </p>
           {/if}
-        </form>
-      {:else}
-        <p>This item cannot be downloaded.</p>
-      {/if}
-    
+        </p>
+        {#if errorMessage}
+          <div class="alert inline-alert alert-warning fs-7 d-flex gap-2">
+            <div class="icon-wrapper d-flex">
+              <i class="alert-icon fa-solid fa-triangle-exclamation" aria-hidden="true"></i>
+            </div>
+            <p>{@html errorMessage}</p>
+          </div>
+        {/if}
+        <p class="fs-7 mb-1">
+          <a
+            class="fs-7"
+            target="_blank"
+            href="https://hathitrust.atlassian.net/servicedesk/customer/kb/view/2387247137">Download Help</a
+          >
+        </p>
+        {#if !manifest.allowFullDownload && !HT.login_status.logged_in}
+          <p class="fs-7 mt-1 mb-1">
+            <strong><a href="/cgi/wayf?target={encodeURIComponent(location.href)}">Log in</a></strong> to your library to
+            download this item.
+          </p>
+          <p class="fs-7 mt-1 fst-italic">
+            If you are not affiliated with a <a
+              target="_blank"
+              href="https://www.hathitrust.org/member-libraries/member-list/">member institution</a
+            >, whole book download is not available. (<a
+              target="_blank"
+              href="https://hathitrust.atlassian.net/servicedesk/customer/kb/view/2387247137">Why not?</a
+            >)
+          </p>
+        {/if}
+      </form>
+    {:else}
+      <p>This item cannot be downloaded.</p>
+    {/if}
   {/snippet}
 </Panel>
 <Modal bind:this={modal} onClose={closeDownload} focusDownloadOnClose>
   {#snippet title()}
     {#if simpleDownload}
       Download your {formatTitle[format]}
-    {:else if downloadError} 
+    {:else if downloadError}
       Download failed
     {:else}
       Building your {formatTitle[format]}
@@ -776,74 +806,74 @@
       <div>
         {#if simpleDownload}
           <p>Your download is ready.</p>
-        {:else}
-          {#if status.percent < 100 && !downloadError}
-            <p>Please wait while we build your {formatTitle[format]}.</p>
+        {:else if status.percent < 100 && !downloadError}
+          <p>Please wait while we build your {formatTitle[format]}.</p>
+          <div
+            class="progress"
+            role="progressbar"
+            aria-label="Download Progress"
+            aria-valuenow={status.percent}
+            aria-valuemin="0"
+            aria-valuemax="100"
+          >
             <div
-              class="progress"
-              role="progressbar"
-              aria-label="Download Progress"
-              aria-valuenow={status.percent}
-              aria-valuemin="0"
-              aria-valuemax="100"
+              class="progress-bar progress-bar-striped progress-bar-animated"
+              style:width={`${status.percent}%`}
+            ></div>
+          </div>
+          <p class="fs-7 text-body-secondary">
+            <a target="_blank" href="https://hathitrust.atlassian.net/servicedesk/customer/kb/view/2387345411"
+              >What affects the download speed?</a
             >
-              <div
-                class="progress-bar progress-bar-striped progress-bar-animated"
-                style:width={`${status.percent}%`}
-              ></div>
-            </div>
-            <p class="fs-7 text-body-secondary">
-              <a target="_blank" href="https://hathitrust.atlassian.net/servicedesk/customer/kb/view/2387345411"
-                >What affects the download speed?</a
-              >
-            </p>
-          {/if}
+          </p>
         {/if}
       </div>
       {#if !simpleDownload && status.done}
         <p>All done! Your {formatTitle[format]} is ready for download.</p>
       {/if}
-      {#if !simpleDownload && downloadError} 
+      {#if !simpleDownload && downloadError}
         <div style="max-width:25rem;" class="alert inline-alert alert-error fs-7 d-flex gap-2">
           <div class="icon-wrapper d-flex">
             <i class="alert-icon fa-solid fa-triangle-exclamation" aria-hidden="true"></i>
           </div>
           <div class="d-flex align-items-center">
-          <p>{@html downloadErrorMessage}</p>
+            <p>{@html downloadErrorMessage}</p>
           </div>
         </div>
       {/if}
-      
     </div>
   {/snippet}
   {#snippet footer()}
-  {#if !downloadError}
-    <div role="status">
-      <div class="d-flex gap-1 align-items-center justify-content-end">
-        {#if !simpleDownload}
-        <button
-          type="button"
-          class="btn btn-secondary"
-          onclick={cancelDownload}
-          disabled={status.done}
-          class:disabled={status.done}>Cancel</button
-        >
-        {/if}
-        {#if !simpleDownload && downloadInProgress} 
-          <span class="btn btn-primary disabled"> Download </span>
-        {:else}
-          <a
-            target="_blank"
-            class="btn btn-primary"
-            onclick={(() => {modal.hide(); () => document.getElementById('submit-download').focus();})}
-            href={simpleDownload ? simpleUrl : downloadUrl}>Download</a
-          >
+    {#if !downloadError}
+      <div role="status">
+        <div class="d-flex gap-1 align-items-center justify-content-end">
+          {#if !simpleDownload}
+            <button
+              type="button"
+              class="btn btn-secondary"
+              onclick={cancelDownload}
+              disabled={status.done}
+              class:disabled={status.done}>Cancel</button
+            >
+          {/if}
+          {#if !simpleDownload && downloadInProgress}
+            <span class="btn btn-primary disabled"> Download </span>
+          {:else}
+            <a
+              target="_blank"
+              class="btn btn-primary"
+              onclick={() => {
+                modal.hide();
+                () => document.getElementById('submit-download').focus();
+              }}
+              href={simpleDownload ? simpleUrl : downloadUrl}>Download</a
+            >
+          {/if}
+        </div>
+        {#if !simpleDownload && cancellingDownload}
+          <span class="visually-hidden">Download cancelled</span>
         {/if}
       </div>
-      {#if !simpleDownload && cancellingDownload}
-        <span class="visually-hidden">Download cancelled</span>
-      {/if}
-    </div>
     {/if}
   {/snippet}
 </Modal>
diff --git a/pt/web/firebird/src/js/components/JumpToSectionPanel/index.svelte b/pt/web/firebird/src/js/components/JumpToSectionPanel/index.svelte
index 2527d86b2..cbf9bed01 100644
--- a/pt/web/firebird/src/js/components/JumpToSectionPanel/index.svelte
+++ b/pt/web/firebird/src/js/components/JumpToSectionPanel/index.svelte
@@ -91,7 +91,7 @@
 <Modal bind:this={modal}>
   {#snippet title()}
     Jump to page scan
-  {/snippet}  
+  {/snippet}
   {#snippet body()}
     <div class="mb-3">
       <p class="fs-7 mb-2">
diff --git a/pt/web/firebird/src/js/components/Reader/GridView.svelte b/pt/web/firebird/src/js/components/Reader/GridView.svelte
index b580721d5..10fc56708 100644
--- a/pt/web/firebird/src/js/components/Reader/GridView.svelte
+++ b/pt/web/firebird/src/js/components/Reader/GridView.svelte
@@ -1,6 +1,6 @@
 <script>
   import { onMount, afterUpdate, onDestroy, getContext } from 'svelte';
-  import ImageFormat from './ImageFormat.svelte'
+  import ImageFormat from './ImageFormat.svelte';
 
   const emitter = getContext('emitter');
   const manifest = getContext('manifest');
@@ -58,7 +58,17 @@
   {handleClick}
   bind:this={view}
 /> -->
-<ImageFormat {container} {startSeq} {currentLocation} {handleKeydown} format="image" maxHeight={250} zoomScales={[0.5, 0.75, 1.0]} {handleClick} bind:this={view}></ImageFormat>
+<ImageFormat
+  {container}
+  {startSeq}
+  {currentLocation}
+  {handleKeydown}
+  format="image"
+  maxHeight={250}
+  zoomScales={[0.5, 0.75, 1.0]}
+  {handleClick}
+  bind:this={view}
+></ImageFormat>
 
 <style>
 </style>
diff --git a/pt/web/firebird/src/js/components/Reader/ImageFormat.svelte b/pt/web/firebird/src/js/components/Reader/ImageFormat.svelte
index 240337512..7b1f0f898 100644
--- a/pt/web/firebird/src/js/components/Reader/ImageFormat.svelte
+++ b/pt/web/firebird/src/js/components/Reader/ImageFormat.svelte
@@ -1,8 +1,9 @@
-<svelte:options accessors={true}></svelte:options>
+<svelte:options accessors={true} />
+
 <script>
-	import View from './View.svelte';
-	export let view;
-  </script>
-  
-  <!-- <View format='image' {container} {startSeq} {findTarget} {currentLocation} bind:this={view}></View> -->
-  <View format='image' {...$$props} bind:this={view}></View>
+  import View from './View.svelte';
+  export let view;
+</script>
+
+<!-- <View format='image' {container} {startSeq} {findTarget} {currentLocation} bind:this={view}></View> -->
+<View format="image" {...$$props} bind:this={view}></View>
diff --git a/pt/web/firebird/src/js/components/Reader/OneUpView.svelte b/pt/web/firebird/src/js/components/Reader/OneUpView.svelte
index 9f32dd3c0..688bd1091 100644
--- a/pt/web/firebird/src/js/components/Reader/OneUpView.svelte
+++ b/pt/web/firebird/src/js/components/Reader/OneUpView.svelte
@@ -1,17 +1,17 @@
 <script>
   import { getContext } from 'svelte';
   import ImageFormat from './ImageFormat.svelte';
-	import PlaintextFormat from './PlaintextFormat.svelte'
+  import PlaintextFormat from './PlaintextFormat.svelte';
 
   const manifest = getContext('manifest');
   let view;
 
   export let container;
-	export let startSeq = 1;
+  export let startSeq = 1;
 
   const formats = {};
-	formats['image'] = ImageFormat;
-	formats['plaintext'] = PlaintextFormat;
+  formats['image'] = ImageFormat;
+  formats['plaintext'] = PlaintextFormat;
 
   const currentSeq = manifest.currentSeq;
   const currentFormat = manifest.currentFormat;
@@ -21,5 +21,5 @@
   };
 </script>
 
- <svelte:component this={formats[$currentFormat]} {startSeq} {currentLocation} {container} bind:this={view}></svelte:component>
-
+<svelte:component this={formats[$currentFormat]} {startSeq} {currentLocation} {container} bind:this={view}
+></svelte:component>
diff --git a/pt/web/firebird/src/js/components/Reader/Page.svelte b/pt/web/firebird/src/js/components/Reader/Page.svelte
index c4d3f23fc..0a57f9ab0 100644
--- a/pt/web/firebird/src/js/components/Reader/Page.svelte
+++ b/pt/web/firebird/src/js/components/Reader/Page.svelte
@@ -420,28 +420,27 @@
     }
   };
 
-  
   const togglePageSelection = function (event) {
-    manifest.select(seq, event)
-  }
+    manifest.select(seq, event);
+  };
 
   const rotateScan = async function () {
     orient = (orient + 90) % 360;
     if (orient == 0) {
-      rotateButtonContent = '90'
+      rotateButtonContent = '90';
       return;
     } else if (orient == 90) {
-      rotateButtonContent = '180'
+      rotateButtonContent = '180';
     } else if (orient == 180) {
-      rotateButtonContent = '270'
-    } else if (orient = 270) {
-      rotateButtonContent = '0'
+      rotateButtonContent = '270';
+    } else if ((orient = 270)) {
+      rotateButtonContent = '0';
     }
 
     if (!rotatedImage) {
       await tick();
     }
-    console.log("-- page.rotateScan", seq, rotatedImage, orient, `Rorate page, ${rotateButtonContent} degrees`);
+    console.log('-- page.rotateScan', seq, rotatedImage, orient, `Rorate page, ${rotateButtonContent} degrees`);
     drawRotatedImage();
   };
 
@@ -477,7 +476,7 @@
       pageZoom = zoom;
     }
     pageZoom += delta;
-    console.log('zoom: ', delta, pageZoom, zoom)
+    console.log('zoom: ', delta, pageZoom, zoom);
     loadImage(true);
   };
 
@@ -978,7 +977,9 @@ Delta: {xChokeDelta}{#if xChokeAllowed == 0}
       padding: 2rem 1rem;
 
       background: #fff;
-      box-shadow: 0px 10px 13px -7px #000000, 0px 6px 15px 5px rgba(0, 0, 0, 0);
+      box-shadow:
+        0px 10px 13px -7px #000000,
+        0px 6px 15px 5px rgba(0, 0, 0, 0);
       border: 1px solid #ddd;
 
       transition: height 100ms;
@@ -1000,7 +1001,9 @@ Delta: {xChokeDelta}{#if xChokeAllowed == 0}
     height: auto;
 
     background: #f9f8f5;
-    box-shadow: 0px 10px 13px -7px #000000, 0px 6px 15px 5px rgba(0, 0, 0, 0);
+    box-shadow:
+      0px 10px 13px -7px #000000,
+      0px 6px 15px 5px rgba(0, 0, 0, 0);
     border: 1px solid #ddd;
   }
 
diff --git a/pt/web/firebird/src/js/components/Reader/PageMenu.svelte b/pt/web/firebird/src/js/components/Reader/PageMenu.svelte
index 5e5bf9c7c..b83e0ef37 100644
--- a/pt/web/firebird/src/js/components/Reader/PageMenu.svelte
+++ b/pt/web/firebird/src/js/components/Reader/PageMenu.svelte
@@ -22,16 +22,15 @@
 
   let selectedButtonContent;
 
-
-  function scanSelected () {
+  function scanSelected() {
     if (selected) {
-      selectedButtonContent = `Scan #${seq} is selected`
-    } else if(!selected) {
-      selectedButtonContent = `Select scan #${seq}`
+      selectedButtonContent = `Scan #${seq} is selected`;
+    } else if (!selected) {
+      selectedButtonContent = `Select scan #${seq}`;
     }
-  };
+  }
 
-  scanSelected()
+  scanSelected();
 
   // let isOpen = true; // selected || null;
   let isDisabled = view == 'thumb' && !allowFullDownload;
@@ -41,8 +40,6 @@
   export let updateZoom = function () {};
   export let togglePageSelection = function () {};
   export let openLightbox = function () {};
-
-
 </script>
 
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
@@ -73,7 +70,7 @@
       <button
         type="button"
         class="btn btn-light border border-dark"
-        use:tooltippy={{content: `${selectedButtonContent}`}}
+        use:tooltippy={{ content: `${selectedButtonContent}` }}
         data-tippy-placement="left"
         on:click|stopPropagation={togglePageSelection}
         on:click|stopPropagation={scanSelected}
@@ -104,7 +101,7 @@
       <button
         type="button"
         class="btn btn-light border border-dark"
-        use:tooltippy={{content: `Rotate scan #${seq}, ${rotateButtonContent}°`}}
+        use:tooltippy={{ content: `Rotate scan #${seq}, ${rotateButtonContent}°` }}
         data-tippy-placement="left"
         aria-label="Rotate scan #{seq}, {rotateButtonContent}°"
         aria-hidden={!focused}
@@ -118,9 +115,9 @@
           type="button"
           class="btn btn-light border border-dark"
           disabled={pageZoom == 2.5}
-          use:tooltippy={{content: `Zoom in scan #${seq}, ${(pageZoom + 0.5)*100}%`}}
+          use:tooltippy={{ content: `Zoom in scan #${seq}, ${(pageZoom + 0.5) * 100}%` }}
           data-tippy-placement="left"
-          aria-label="Zoom in scan #{seq}, {(pageZoom + 0.5)*100}%"
+          aria-label="Zoom in scan #{seq}, {(pageZoom + 0.5) * 100}%"
           aria-hidden={!focused}
           tabindex={focused ? 0 : -1}
           on:click|stopPropagation={() => updateZoom(0.5)}
@@ -131,9 +128,9 @@
           type="button"
           class="btn btn-light border border-dark"
           disabled={pageZoom == 1}
-          use:tooltippy={{content: `Zoom out scan #${seq}, ${(pageZoom - 0.5)*100}%`}}
+          use:tooltippy={{ content: `Zoom out scan #${seq}, ${(pageZoom - 0.5) * 100}%` }}
           data-tippy-placement="left"
-          aria-label="Zoom out scan #{seq}, {(pageZoom - 0.5)*100}%"
+          aria-label="Zoom out scan #{seq}, {(pageZoom - 0.5) * 100}%"
           aria-hidden={!focused}
           tabindex={focused ? 0 : -1}
           on:click|stopPropagation={() => updateZoom(-0.5)}
diff --git a/pt/web/firebird/src/js/components/Reader/PageMessage.svelte b/pt/web/firebird/src/js/components/Reader/PageMessage.svelte
index 5c01de393..3fafe4965 100644
--- a/pt/web/firebird/src/js/components/Reader/PageMessage.svelte
+++ b/pt/web/firebird/src/js/components/Reader/PageMessage.svelte
@@ -36,7 +36,8 @@
           class="btn btn-outline-dark btn-sm text-nowrap"
           type="button"
           aria-label={message.alert}
-          on:click|stopPropagation={showDetail}><i class="fa-solid fa-circle-exclamation" aria-hidden="true"></i></button
+          on:click|stopPropagation={showDetail}
+          ><i class="fa-solid fa-circle-exclamation" aria-hidden="true"></i></button
         >
       {:else}
         <span>{@html message.alert}</span>
diff --git a/pt/web/firebird/src/js/components/Reader/PlaintextFormat.svelte b/pt/web/firebird/src/js/components/Reader/PlaintextFormat.svelte
index bc0853b4b..b5f25f7fa 100644
--- a/pt/web/firebird/src/js/components/Reader/PlaintextFormat.svelte
+++ b/pt/web/firebird/src/js/components/Reader/PlaintextFormat.svelte
@@ -1,7 +1,8 @@
-<svelte:options accessors={true}></svelte:options>
+<svelte:options accessors={true} />
+
 <script>
-	import View from './View.svelte';
-	export let view;
+  import View from './View.svelte';
+  export let view;
 </script>
 
-<View format='plaintext' {...$$props} bind:this={view}></View>
\ No newline at end of file
+<View format="plaintext" {...$$props} bind:this={view}></View>
diff --git a/pt/web/firebird/src/js/components/Reader/TwoUpView.svelte b/pt/web/firebird/src/js/components/Reader/TwoUpView.svelte
index a625ec6d7..05b002d89 100644
--- a/pt/web/firebird/src/js/components/Reader/TwoUpView.svelte
+++ b/pt/web/firebird/src/js/components/Reader/TwoUpView.svelte
@@ -1,7 +1,7 @@
 <script>
   import { getContext } from 'svelte';
   import ImageFormat from './ImageFormat.svelte';
-	import PlaintextFormat from './PlaintextFormat.svelte'
+  import PlaintextFormat from './PlaintextFormat.svelte';
 
   const emitter = getContext('emitter');
   const manifest = getContext('manifest');
@@ -13,8 +13,8 @@
   const currentFormat = manifest.currentFormat;
 
   const formats = {};
-	formats['image'] = ImageFormat;
-	formats['plaintext'] = PlaintextFormat;
+  formats['image'] = ImageFormat;
+  formats['plaintext'] = PlaintextFormat;
 
   let view;
   let isInitialized = true;
@@ -98,7 +98,6 @@
   };
 </script>
 
-
 <!-- <View
   {container}
   {startSeq}
@@ -111,7 +110,17 @@
   bind:this={view}
 /> -->
 
-<svelte:component this={formats[$currentFormat]} {container} {startSeq} {currentLocation} {findTarget} {findFocusItems} {handleClick} {handleKeydown} bind:this={view}></svelte:component>
+<svelte:component
+  this={formats[$currentFormat]}
+  {container}
+  {startSeq}
+  {currentLocation}
+  {findTarget}
+  {findFocusItems}
+  {handleClick}
+  {handleKeydown}
+  bind:this={view}
+></svelte:component>
 
 <style>
 </style>
diff --git a/pt/web/firebird/src/js/components/RestrictedView/TombstoneItem.svelte b/pt/web/firebird/src/js/components/RestrictedView/TombstoneItem.svelte
index d1582c960..f9a1a7fed 100644
--- a/pt/web/firebird/src/js/components/RestrictedView/TombstoneItem.svelte
+++ b/pt/web/firebird/src/js/components/RestrictedView/TombstoneItem.svelte
@@ -12,7 +12,10 @@
   </p>
   <ul class="mb-0">
     <li>It was suppressed at the request of the rights holder;</li>
-    <li>There were issues related to contractual, legal, copyright, privacy, or confidentiality (e.g., sensitive archaeological sites, Native American sacred knowledge);</li>
+    <li>
+      There were issues related to contractual, legal, copyright, privacy, or confidentiality (e.g., sensitive
+      archaeological sites, Native American sacred knowledge);
+    </li>
     <li>It was either wholly unusable or a superior copy is available.</li>
   </ul>
 </div>
diff --git a/pt/web/firebird/src/js/components/SearchForm/index.svelte b/pt/web/firebird/src/js/components/SearchForm/index.svelte
index 6a75f4cfc..39cd8c2d2 100644
--- a/pt/web/firebird/src/js/components/SearchForm/index.svelte
+++ b/pt/web/firebird/src/js/components/SearchForm/index.svelte
@@ -383,38 +383,42 @@
         <ul class="list-unstyled d-flex gap-1 m-0">
           <li>
             {#if !hasPreviousItem}
-            <span class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none disabled">
-              <i aria-hidden="true" class="fa-solid fa-chevron-left"></i>
-              <span class:visually-hidden={inPanel}>Previous</span>
-            </span>
+              <span
+                class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none disabled"
+              >
+                <i aria-hidden="true" class="fa-solid fa-chevron-left"></i>
+                <span class:visually-hidden={inPanel}>Previous</span>
+              </span>
             {:else}
-            <a
-              href={hasPreviousItem ? prevHref : undefined}
-              data-start={payload.prev}
-              on:click|preventDefault={() => gotoPage(payload.prev)}
-              class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none"
-            >
-              <i aria-hidden="true" class="fa-solid fa-chevron-left"></i>
-              <span class:visually-hidden={inPanel}>Previous</span>
-            </a>
+              <a
+                href={hasPreviousItem ? prevHref : undefined}
+                data-start={payload.prev}
+                on:click|preventDefault={() => gotoPage(payload.prev)}
+                class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none"
+              >
+                <i aria-hidden="true" class="fa-solid fa-chevron-left"></i>
+                <span class:visually-hidden={inPanel}>Previous</span>
+              </a>
             {/if}
           </li>
           <li>
             {#if !hasNextItem}
-            <span class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none disabled">
-              <span class:visually-hidden={inPanel}>Next</span>
-              <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
-            </span>
+              <span
+                class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none disabled"
+              >
+                <span class:visually-hidden={inPanel}>Next</span>
+                <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
+              </span>
             {:else}
-            <a
-              href={hasNextItem ? nextHref : undefined}
-              data-start={payload.next}
-              on:click|preventDefault={() => gotoPage(payload.next)}
-              class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none"
-            >
-              <span class:visually-hidden={inPanel}>Next</span>
-              <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
-            </a>
+              <a
+                href={hasNextItem ? nextHref : undefined}
+                data-start={payload.next}
+                on:click|preventDefault={() => gotoPage(payload.next)}
+                class="btn btn-outline-secondary d-inline-flex align-items-center gap-1 text-decoration-none"
+              >
+                <span class:visually-hidden={inPanel}>Next</span>
+                <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
+              </a>
             {/if}
           </li>
         </ul>
diff --git a/pt/web/firebird/src/js/components/SearchHighlights/index.svelte b/pt/web/firebird/src/js/components/SearchHighlights/index.svelte
index 8fad1b170..e634c6041 100644
--- a/pt/web/firebird/src/js/components/SearchHighlights/index.svelte
+++ b/pt/web/firebird/src/js/components/SearchHighlights/index.svelte
@@ -202,7 +202,7 @@
       style:height={highlight.height}
       style:top={highlight.top}
       style:left={highlight.left}
-   ></mark>
+    ></mark>
   {/each}
 {/if}
 
diff --git a/pt/web/firebird/src/js/components/SharePanel/index.svelte b/pt/web/firebird/src/js/components/SharePanel/index.svelte
index e3ab17eb7..008129ba4 100644
--- a/pt/web/firebird/src/js/components/SharePanel/index.svelte
+++ b/pt/web/firebird/src/js/components/SharePanel/index.svelte
@@ -191,4 +191,3 @@
     </p>
   {/snippet}
 </Modal>
-
diff --git a/pt/web/firebird/src/js/components/ViewerToolbar/ViewMenu.svelte b/pt/web/firebird/src/js/components/ViewerToolbar/ViewMenu.svelte
index b1db0a4c3..20da309df 100644
--- a/pt/web/firebird/src/js/components/ViewerToolbar/ViewMenu.svelte
+++ b/pt/web/firebird/src/js/components/ViewerToolbar/ViewMenu.svelte
@@ -13,8 +13,9 @@
       emitter.emit('view.switch', { view: value });
       // $view = value;
     }
-    
-    if (document.activeElement !== document.getElementById('view-button')) document.getElementById('view-button').focus();
+
+    if (document.activeElement !== document.getElementById('view-button'))
+      document.getElementById('view-button').focus();
   }
 
   function switchFormat(event) {
@@ -24,7 +25,8 @@
       // $format = value;
       emitter.emit('view.switch.format', { format: value });
     }
-    if (document.activeElement !== document.getElementById('view-button')) document.getElementById('view-button').focus();
+    if (document.activeElement !== document.getElementById('view-button'))
+      document.getElementById('view-button').focus();
   }
 </script>
 
@@ -39,10 +41,10 @@
     <i
       class="fa-solid"
       class:fa-up-down={$view == '1up'}
-      class:fa-book-open={$view == '2up'|| manifest.ui == 'embed'}
+      class:fa-book-open={$view == '2up' || manifest.ui == 'embed'}
       class:fa-table-cells={$view == 'thumb'}
       aria-hidden="true"
-   ></i>
+    ></i>
     <span class="d-none d-md-inline">View</span>
   </button>
   <ul class="dropdown-menu">
@@ -83,58 +85,58 @@
       </li>
     </ul>
     {#if manifest.ui !== 'embed'}
-    <li aria-hidden="true"><hr class="dropdown-divider" /></li>
-    <li>
-      <span class="dropdown-header">
-        <span id="view-mode">View Mode</span>
-      </span>
-    </li>
-    <ul class="menu-list-section" role="group" aria-labelledby="view-mode">
+      <li aria-hidden="true"><hr class="dropdown-divider" /></li>
       <li>
-        <button
-          type="button"
-          class="dropdown-item"
-          class:active={$view == '1up'}
-          aria-pressed={$view == '1up'}
-          data-role="view"
-          data-value="1up"
-          on:click={switchView}
-        >
-          <i class="fa-solid fa-up-down" aria-hidden="true"></i>
-          <span>Scroll</span>
-        </button>
+        <span class="dropdown-header">
+          <span id="view-mode">View Mode</span>
+        </span>
       </li>
+      <ul class="menu-list-section" role="group" aria-labelledby="view-mode">
+        <li>
+          <button
+            type="button"
+            class="dropdown-item"
+            class:active={$view == '1up'}
+            aria-pressed={$view == '1up'}
+            data-role="view"
+            data-value="1up"
+            on:click={switchView}
+          >
+            <i class="fa-solid fa-up-down" aria-hidden="true"></i>
+            <span>Scroll</span>
+          </button>
+        </li>
+        <li>
+          <button
+            type="button"
+            class="dropdown-item"
+            class:active={$view == '2up'}
+            aria-pressed={$view == '2up'}
+            data-role="view"
+            data-value="2up"
+            disabled={manifest.totalSeq == 1}
+            on:click={switchView}
+          >
+            <i class="fa-solid fa-book-open" aria-hidden="true"></i>
+            <span>Flip</span>
+          </button>
+        </li>
+      </ul>
+      <li aria-hidden="true"><hr class="dropdown-divider" /></li>
       <li>
         <button
           type="button"
           class="dropdown-item"
-          class:active={$view == '2up'}
-          aria-pressed={$view == '2up'}
+          class:active={$view == 'thumb'}
+          aria-pressed={$view == 'thumb'}
           data-role="view"
-          data-value="2up"
-          disabled={manifest.totalSeq == 1}
+          data-value="thumb"
           on:click={switchView}
         >
-          <i class="fa-solid fa-book-open" aria-hidden="true"></i>
-          <span>Flip</span>
+          <i class="fa-solid fa-table-cells" aria-hidden="true"></i>
+          <span>Thumbnails</span>
         </button>
       </li>
-    </ul>
-    <li aria-hidden="true"><hr class="dropdown-divider" /></li>
-    <li>
-      <button
-        type="button"
-        class="dropdown-item"
-        class:active={$view == 'thumb'}
-        aria-pressed={$view == 'thumb'}
-        data-role="view"
-        data-value="thumb"
-        on:click={switchView}
-      >
-        <i class="fa-solid fa-table-cells" aria-hidden="true"></i>
-        <span>Thumbnails</span>
-      </button>
-    </li>
     {/if}
   </ul>
 </div>
diff --git a/pt/web/firebird/src/js/components/ViewerToolbar/index.svelte b/pt/web/firebird/src/js/components/ViewerToolbar/index.svelte
index 9ce4d7edd..908adc977 100644
--- a/pt/web/firebird/src/js/components/ViewerToolbar/index.svelte
+++ b/pt/web/firebird/src/js/components/ViewerToolbar/index.svelte
@@ -59,7 +59,7 @@
       // console.log("-- toggleFullScreen", screenfull.isFullscreen);
       $isFullscreen = screenfull.isFullscreen;
       emitter.emit('log.action', { action: 'toggle.fullscreen', value: $isFullscreen });
-      $isFullscreen ? fullscreenButtonContent = 'Exit Full Screen' : fullscreenButtonContent = 'Enter Full Screen'
+      $isFullscreen ? (fullscreenButtonContent = 'Exit Full Screen') : (fullscreenButtonContent = 'Enter Full Screen');
     });
   };
 
@@ -67,14 +67,14 @@
   // if it's not fullscreen and the interface is still in 'minimal' mode,
   // change the interface back to default
   // regardless, the tooltip text should change
-  addEventListener("fullscreenchange", () => {
+  addEventListener('fullscreenchange', () => {
     if (screenfull.isEnabled) {
-        if (!screenfull.isFullscreen) {
-          if ($interfaceMode == 'minimal') {
-            toggleInterface()
-          }
-          fullscreenButtonContent = 'Enter Full Screen'
+      if (!screenfull.isFullscreen) {
+        if ($interfaceMode == 'minimal') {
+          toggleInterface();
         }
+        fullscreenButtonContent = 'Enter Full Screen';
+      }
     }
   });
 
@@ -120,7 +120,7 @@
 
   onMount(() => {
     isFullscreenEnabled = screenfull.isEnabled;
-    isFullscreen ? fullscreenButtonContent = 'Enter Full Screen' : fullscreenButtonContent = 'Exit Full Screen'
+    isFullscreen ? (fullscreenButtonContent = 'Enter Full Screen') : (fullscreenButtonContent = 'Exit Full Screen');
     window.screenfull = screenfull;
     return () => {
       // emitter.off('location.updated', updateSeq);
@@ -144,7 +144,7 @@
         class:fa-eye={$interfaceMode == 'default'}
         class:fa-regular={$interfaceMode == 'minimal'}
         class:fa-eye-slash={$interfaceMode == 'minimal'}
-     ></i>
+      ></i>
     </button>
   </span>
 
@@ -183,7 +183,7 @@
         class="btn btn-outline-dark"
         aria-label="Zoom In"
         disabled={!enableZoomIn}
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Zoom']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Zoom']") }}
         on:click={() => zoom(1)}
       >
         <i class="fa-solid fa-plus"></i>
@@ -193,7 +193,7 @@
         class="btn btn-outline-dark"
         aria-label="Zoom Out"
         disabled={!enableZoomOut}
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Zoom']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Zoom']") }}
         on:click={() => zoom(-1)}
       >
         <i class="fa-solid fa-minus"></i>
@@ -208,7 +208,7 @@
         type="button"
         class="btn btn-outline-dark d-none d-md-block"
         aria-label="Last Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.last', seq: manifest.totalSeq })}
       >
         <!-- <i class="fa-solid fa-chevron-left border-start border-3 border-dark"></i> -->
@@ -218,7 +218,7 @@
         type="button"
         class="btn btn-outline-dark"
         aria-label="Next Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.next', delta: 1 })}
       >
         <!-- <i class="fa-solid fa-chevron-left"></i> -->
@@ -228,7 +228,7 @@
         type="button"
         class="btn btn-outline-dark"
         aria-label="Previous Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.prev', delta: -1 })}
       >
         <!-- <i class="fa-solid fa-chevron-right"></i> -->
@@ -238,7 +238,7 @@
         type="button"
         class="btn btn-outline-dark d-none d-md-block"
         aria-label="First Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.first', seq: 1 })}
       >
         <!-- <i class="fa-solid fa-chevron-right border-end border-3 border-dark"></i> -->
@@ -251,7 +251,7 @@
         type="button"
         class="btn btn-outline-dark d-none d-md-block"
         aria-label="First Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.first', seq: 1 })}
       >
         <!-- <i class="fa-solid fa-chevron-left border-start border-3 border-dark"></i> -->
@@ -261,7 +261,7 @@
         type="button"
         class="btn btn-outline-dark"
         aria-label="Previous Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.prev', delta: -1 })}
       >
         <!-- <i class="fa-solid fa-chevron-left"></i> -->
@@ -271,7 +271,7 @@
         type="button"
         class="btn btn-outline-dark"
         aria-label="Next Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.next', delta: 1 })}
       >
         <!-- <i class="fa-solid fa-chevron-right"></i> -->
@@ -281,7 +281,7 @@
         type="button"
         class="btn btn-outline-dark d-none d-md-block"
         aria-label="Last Page"
-        use:tooltippy={{appendTo: document.querySelector("[aria-label='Pagination']")}}
+        use:tooltippy={{ appendTo: document.querySelector("[aria-label='Pagination']") }}
         on:click={() => goto({ action: 'goto.last', seq: manifest.totalSeq })}
       >
         <!-- <i class="fa-solid fa-chevron-right border-end border-3 border-dark"></i> -->
@@ -295,7 +295,7 @@
       type="button"
       class="btn btn-outline-dark"
       aria-label={`${fullscreenButtonContent}`}
-      use:tooltippy={{content: `${fullscreenButtonContent}`}}
+      use:tooltippy={{ content: `${fullscreenButtonContent}` }}
       on:click={toggleFullscreen}
     >
       <i class="fa-solid fa-maximize"></i>
diff --git a/pt/web/firebird/src/js/lib/tippy.js b/pt/web/firebird/src/js/lib/tippy.js
index d97bdab9b..f7afd25ae 100644
--- a/pt/web/firebird/src/js/lib/tippy.js
+++ b/pt/web/firebird/src/js/lib/tippy.js
@@ -22,12 +22,10 @@ const hideOnEsc = {
   },
 };
 
-
-
 export function tooltippy(element, params = {}) {
   const custom = params.content;
-  const label = element.getAttribute("aria-label");
-  
+  const label = element.getAttribute('aria-label');
+
   const content = custom || label;
 
   const tooltippy = tippy(element, {
@@ -35,19 +33,19 @@ export function tooltippy(element, params = {}) {
     content,
     appendTo: 'parent',
     interactive: true,
-    aria: { 
-      expanded: false, 
+    aria: {
+      expanded: false,
     },
     plugins: [hideOnEsc],
     // hideOnClick: true,
     placement: 'top',
     theme: 'pt',
     maxWidth: 'none',
-    ...params
+    ...params,
   });
   return {
     update(newParams) {
-      tooltippy.setProps({content, ...newParams});
+      tooltippy.setProps({ content, ...newParams });
     },
     destroy() {
       tooltippy.destroy();