diff --git a/.github/workflows/electron_deploy.yml b/.github/workflows/electron_deploy.yml
index 90ae190c..aa2d66ed 100644
--- a/.github/workflows/electron_deploy.yml
+++ b/.github/workflows/electron_deploy.yml
@@ -201,7 +201,7 @@ jobs:
           node-version: ${{ matrix.node-versions }}
 
       - name: 'Install Node Module'
-        run: npm install --force
+        run: cp ./package.win.temp.json ./package.json && npm install --force
 
       - name: 'Build and Package'
         run: npm run build
diff --git a/CHANGELOG_CN.md b/CHANGELOG_CN.md
index 1e10bc18..3173cff7 100644
--- a/CHANGELOG_CN.md
+++ b/CHANGELOG_CN.md
@@ -1,3 +1,12 @@
+## v2.0.4 08/10 2022
+
+1. 全文搜索的高亮结果可以显示在 PDF 预览视图下。
+2. 可调整详情面板的宽度。
+3. 优化了对于预印本论文的判断规则。
+4. 修复了内置 PDF 浏览视图下可能出现的遮挡 Bug。
+5. 修复了 Markdown 渲染超出视图，以及无法渲然 HTML 图片的 Bug。
+6. 修复了 MacOS Catalina 的兼容性 Bug。
+
 ## v2.0.3 02/10 2022
 
 1. 为物理学和地球科学增添优化了元数据搜寻器以及预设推荐选择。Springer Nature, Elseivier Scopus, NASA Astrophysics Data System, SPIE: Inte. Society for Optics and Photonics.
diff --git a/CHANGELOG_EN.md b/CHANGELOG_EN.md
index c7287a06..c165061a 100644
--- a/CHANGELOG_EN.md
+++ b/CHANGELOG_EN.md
@@ -1,3 +1,12 @@
+# v2.0.4 Oct 08 2022
+
+1. Fulltext search mode: the highlights of the search results will be displayed in the PDF preview view.
+2. Adjustable width of the detail panel.
+3. Better rules for preprint papers.
+4. Fixed a bug in the PDF preview view.
+5. Fixed a bug in the markdown preview.
+6. Fixed a compatibility issue in MacOS Catalina.
+
 ## v2.0.3 Oct 02 2022
 
 1. Added some new metadata scrapers for Physics and Earth Science. Also provide a recommended presetting. Springer Nature, Elseivier Scopus, NASA Astrophysics Data System, SPIE: Inte. Society for Optics and Photonics
diff --git a/app/interactors/render-interactor.ts b/app/interactors/render-interactor.ts
index e718b05f..28e1002d 100644
--- a/app/interactors/render-interactor.ts
+++ b/app/interactors/render-interactor.ts
@@ -31,7 +31,7 @@ export class RenderInteractor {
     this.renderingPDF = null;
     this.createPDFWorker();
 
-    this.markdownIt = new MarkdownIt().use(tm, {
+    this.markdownIt = new MarkdownIt({ html: true }).use(tm, {
       engine: require("katex"),
       delimiters: "dollars",
       katexOptions: { macros: { "\\RR": "\\mathbb{R}" } },
@@ -118,27 +118,33 @@ export class RenderInteractor {
     };
   }
 
-  async renderMarkdown(content: string) {
+  async renderMarkdown(content: string, renderFull = false) {
     try {
-      return this.markdownIt.render(content);
+      let renderContent;
+      let overflow;
+      if (!renderFull) {
+        const lines = content.split("\n");
+        const renderLines = lines.slice(0, 10)
+        overflow = lines.length > 10;
+        renderContent = renderLines.join("\n");
+      } else {
+        overflow = false;
+        renderContent = content;
+      }
+      return { renderedStr: this.markdownIt.render(renderContent), overflow: overflow };
     } catch (e) {
       console.error(e);
-      return "";
+      return { renderedStr: "", overflow: false };
     }
   }
 
-  async renderMarkdownFile(url: string) {
-    // Read content from file
-    try {
-      const content = await fsPromise.readFile(
-        url.replace("file://", ""),
-        "utf8"
-      );
-      return this.markdownIt.render(content);
-    } catch (e) {
-      console.error(e);
-      return "";
-    }
+  async renderMarkdownFile(url: string, renderFull = false) {
+    const content = await fsPromise.readFile(
+      url.replace("file://", ""),
+      "utf8"
+    );
+
+    return await this.renderMarkdown(content, renderFull);
   }
 
   async renderMath(content: string) {
diff --git a/app/locales/locales/en.GB.json b/app/locales/locales/en.GB.json
index 67155668..2f096e7c 100644
--- a/app/locales/locales/en.GB.json
+++ b/app/locales/locales/en.GB.json
@@ -16,6 +16,7 @@
     "title": "Title",
     "authors": "Authors",
     "publicationyear": "Publication Year",
+    "pubyear": "Year",
     "publicationtitle": "Publication",
     "publicationtype": "Publication Type",
     "addtime": "Add Time",
diff --git a/app/main/win_main/index.ts b/app/main/win_main/index.ts
index 67370ac4..5f597553 100644
--- a/app/main/win_main/index.ts
+++ b/app/main/win_main/index.ts
@@ -101,6 +101,7 @@ function setWindowsSpecificStyles(win: BrowserWindow | null) {
 }
 ::-webkit-scrollbar {
   width: 4px;
+  height: 4px;
 }
 
 ::-webkit-scrollbar-corner {
diff --git a/app/preference/preference.ts b/app/preference/preference.ts
index 522434ba..39bdb2ab 100644
--- a/app/preference/preference.ts
+++ b/app/preference/preference.ts
@@ -92,6 +92,7 @@ export interface PreferenceStore {
   shortcutCopyKey: string;
 
   sidebarWidth: number;
+  detailPanelWidth: number;
   mainviewSortBy: string;
   mainviewSortOrder: string;
   mainviewType: string;
@@ -169,6 +170,7 @@ export const defaultPreferences: PreferenceStore = {
   shortcutCopyKey: "CommandOrControl+Shift+K",
 
   sidebarWidth: 20,
+  detailPanelWidth: 75,
   mainviewSortBy: "addTime",
   mainviewSortOrder: "desc",
   mainviewType: "list",
diff --git a/app/renderer/css/index.css b/app/renderer/css/index.css
index 8a9354cc..9fa60966 100644
--- a/app/renderer/css/index.css
+++ b/app/renderer/css/index.css
@@ -134,33 +134,24 @@ ol {
   text-decoration: underline;
 }
 
-
-
-
-
-/* Track */
-::-webkit-scrollbar-track {
-  background: var(--q-bg-secondary);
-  border-radius: 2px;
+#detail-markdown-preview img {
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
 
-/* Handle */
-::-webkit-scrollbar-thumb {
-  background: #888;
-  border-radius: 2px;
-}
 
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-  background: #555;
+#main-view .splitpanes--vertical>.splitpanes__splitter {
+  min-width: 4px !important;
+  border-right: 1px solid rgb(229 229 229);
+  background-color: rgba(0, 0, 0, 0) !important;
 }
 
-::-webkit-scrollbar {
-  width: 4px;
+@media (prefers-color-scheme: dark) {
+  #main-view .splitpanes--vertical>.splitpanes__splitter {
+    border-right: 1px solid rgb(64, 64, 64);
+  }
 }
 
-::-webkit-scrollbar-corner {
-  background: transparent;
-  width: 0 !important;
-  height: 0 !important;
+.splitpanes .splitpanes__pane {
+  transition: none !important;
 }
\ No newline at end of file
diff --git a/app/renderer/ui/app-view.vue b/app/renderer/ui/app-view.vue
index 112a0ec5..40fe742b 100644
--- a/app/renderer/ui/app-view.vue
+++ b/app/renderer/ui/app-view.vue
@@ -296,7 +296,7 @@ onMounted(async () => {
       </button>
     </div> -->
     <splitpanes @resized="onSidebarResized($event)">
-      <pane :key="1" min-size="12" :size="viewState.sidebarWidth">
+      <pane :key="1" min-size="12" :size="prefState.sidebarWidth">
         <SidebarView class="sidebar-windows-bg" />
       </pane>
       <pane :key="2">
diff --git a/app/renderer/ui/main-view/data-view/paper-data-view.vue b/app/renderer/ui/main-view/data-view/paper-data-view.vue
index bc025353..04e0390b 100644
--- a/app/renderer/ui/main-view/data-view/paper-data-view.vue
+++ b/app/renderer/ui/main-view/data-view/paper-data-view.vue
@@ -15,6 +15,7 @@ import TableTitle from "./components/table-title.vue";
 // ================================
 // State
 // ================================
+const viewState = MainRendererStateStore.useViewState();
 const selectionState = MainRendererStateStore.useSelectionState();
 const prefState = MainRendererStateStore.usePreferenceState();
 
@@ -93,7 +94,12 @@ const accessMainFile = async (index: number) => {
   const paperEntity = paperEntities?.value[index];
   if (paperEntity) {
     const url = await window.appInteractor.access(paperEntity!.mainURL, false);
-    showingUrl.value = `./viewer/viewer.html?file=${url}`;
+
+    if (viewState.searchMode === "fulltext" && viewState.searchText !== "") {
+      showingUrl.value = `./viewer/viewer.html?file=${url}&search=${viewState.searchText}`;
+    } else {
+      showingUrl.value = `./viewer/viewer.html?file=${url}`;
+    }
   } else {
     showingUrl.value = "";
   }
@@ -135,7 +141,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div id="data-view" class="grow pl-2">
+  <div id="data-view" class="pl-2">
     <RecycleScroller
       class="scroller pr-2 max-h-[calc(100vh-3rem)]"
       :items="paperEntities"
diff --git a/app/renderer/ui/main-view/detail-view/components/code.vue b/app/renderer/ui/main-view/detail-view/components/code.vue
index 3fda36d6..32ba34c1 100644
--- a/app/renderer/ui/main-view/detail-view/components/code.vue
+++ b/app/renderer/ui/main-view/detail-view/components/code.vue
@@ -24,9 +24,9 @@ const onClick = (codeJSONstr: string) => {
 </script>
 
 <template>
-  <div class="flex flex-wrap mt-1 text-xs space-x-1">
+  <div class="flex flex-wrap mt-1 text-xs">
     <div
-      class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer"
+      class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer mb-1 mr-1"
       v-for="code in codes"
       @click="onClick(code)"
     >
diff --git a/app/renderer/ui/main-view/detail-view/components/markdown.vue b/app/renderer/ui/main-view/detail-view/components/markdown.vue
index 1d8a069a..e612306f 100644
--- a/app/renderer/ui/main-view/detail-view/components/markdown.vue
+++ b/app/renderer/ui/main-view/detail-view/components/markdown.vue
@@ -21,43 +21,41 @@ const renderedHTML = ref("");
 const isExpanded = ref(false);
 const isOverflow = ref(true);
 
-const render = async () => {
+const render = async (renderFull = false) => {
   let rendered = false;
 
   if (props.content) {
-    renderedHTML.value = await window.renderInteractor.renderMarkdown(
-      props.content.slice(4) || ""
-    );
+    const { renderedStr, overflow } =
+      await window.renderInteractor.renderMarkdown(
+        props.content.slice(4) || "",
+        renderFull
+      );
+    renderedHTML.value = renderedStr;
     rendered = true;
+    isOverflow.value = overflow;
   } else {
     for (const url of props.sups || []) {
       if (url.endsWith(".md") || url.endsWith(".markdown")) {
-        const mdURL = await window.appInteractor.access(url, false);
-        renderedHTML.value = await window.renderInteractor.renderMarkdownFile(
-          mdURL
-        );
+        const mdURL = await window.appInteractor.access(url, true);
+        const { renderedStr, overflow } =
+          await window.renderInteractor.renderMarkdownFile(mdURL, renderFull);
+        renderedHTML.value = renderedStr;
         rendered = true;
+        isOverflow.value = overflow;
       }
     }
   }
   if (!rendered) {
     renderedHTML.value = "";
+    isOverflow.value = false;
   }
-
-  nextTick(() => {
-    isOverflow.value = renderedHTML.value.length > 0;
-    checkOverflow();
-  });
 };
 
 const markdownArea = ref();
-const checkOverflow = () => {
-  const el = markdownArea.value;
-  if (el) {
-    const height = el.offsetHeight;
-    const scrollHeight = el.scrollHeight;
-    isOverflow.value = height < scrollHeight;
-  }
+
+const onExpandClicked = async () => {
+  await render(!isExpanded.value);
+  isExpanded.value = !isExpanded.value;
 };
 
 onMounted(() => {
@@ -80,14 +78,7 @@ watch(props, (props, prevProps) => {
 
       <div
         class="invisible group-hover:visible hover:bg-neutral-300 hover:dark:bg-neutral-700 hover:drop-shadow-sm rounded-md p-1 cursor-pointer my-auto"
-        @click="
-          () => {
-            isExpanded = !isExpanded;
-            $nextTick(() => {
-              checkOverflow();
-            });
-          }
-        "
+        @click="onExpandClicked"
       >
         <BIconArrowsExpand
           class="text-xxs text-neutral-400 dark:text-neutral-500"
diff --git a/app/renderer/ui/main-view/detail-view/components/thumbnail.vue b/app/renderer/ui/main-view/detail-view/components/thumbnail.vue
index d60def33..b5a24c2b 100644
--- a/app/renderer/ui/main-view/detail-view/components/thumbnail.vue
+++ b/app/renderer/ui/main-view/detail-view/components/thumbnail.vue
@@ -175,23 +175,23 @@ watch(
       <BIconCloudArrowDown class="text-xs my-auto" />
       <div class="text-xxs my-auto">webdav</div>
     </div>
-    <div class="flex space-x-2" v-show="fileExistingStatus === 1">
+    <div class="flex flex-wrap" v-show="fileExistingStatus === 1">
       <div
-        class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer"
+        class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer mb-1 mr-1"
         @click="showFilePicker"
       >
         <BIconPlus class="text-xs my-auto" />
         <div class="text-xxs my-auto">Choose</div>
       </div>
       <div
-        class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer"
+        class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer mb-1 mr-1"
         @click="render"
       >
         <BIconArrowClockwise class="text-xs my-auto" />
         <div class="text-xxs my-auto">Refresh</div>
       </div>
       <div
-        class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer"
+        class="flex space-x-1 bg-neutral-200 dark:bg-neutral-700 rounded-md p-1 hover:bg-neutral-300 hover:dark:bg-neutral-600 hover:shadow-sm select-none cursor-pointer mb-1 mr-1"
         @click="locatePDF"
       >
         <BIconSearch class="text-xs my-auto" />
diff --git a/app/renderer/ui/main-view/detail-view/feed-detail-view.vue b/app/renderer/ui/main-view/detail-view/feed-detail-view.vue
index f9e369c5..99a74419 100644
--- a/app/renderer/ui/main-view/detail-view/feed-detail-view.vue
+++ b/app/renderer/ui/main-view/detail-view/feed-detail-view.vue
@@ -90,7 +90,7 @@ watch(props, (props, prevProps) => {
 <template>
   <div
     id="detail-view"
-    class="flex-none flex flex-col w-80 max-h-[calc(100vh-3rem)] pl-4 pr-2 pb-4 overflow-auto"
+    class="flex-none flex flex-col w-full max-h-[calc(100vh-3rem)] pl-4 pr-2 pb-4 overflow-auto"
   >
     <div
       class="flex mr-2 mb-4 h-8 bg-accentlight dark:bg-accentdark text-neutral-50 rounded-md shadow-md cursor-pointer hover:shadow-lg"
diff --git a/app/renderer/ui/main-view/detail-view/paper-detail-view.vue b/app/renderer/ui/main-view/detail-view/paper-detail-view.vue
index 24b3dc5c..d896b042 100644
--- a/app/renderer/ui/main-view/detail-view/paper-detail-view.vue
+++ b/app/renderer/ui/main-view/detail-view/paper-detail-view.vue
@@ -187,98 +187,93 @@ onMounted(() => {
 <template>
   <div
     id="detail-view"
-    class="flex-none flex flex-col w-80 max-h-[calc(100vh-3rem)] pl-4 pr-2 pb-4 overflow-auto"
+    class="flex-none flex flex-col h-[calc(100vh-3rem)] pl-4 pr-2 pb-4"
     @dragenter="onDragEnter"
     @dragleave="onDragLeave"
   >
-    <div class="text-md font-bold" v-html="reanderedTitle"></div>
-    <Section :title="$t('mainview.authors')">
-      <Authors :authors="entity.authors" />
-    </Section>
-    <PubDetails
-      :publication="entity.publication"
-      :volume="entity.volume"
-      :pages="entity.pages"
-      :number="entity.number"
-      :publisher="entity.publisher"
-    />
-    <Section :title="$t('mainview.publicationyear')">
-      <div class="text-xxs">
-        {{ entity.pubTime }}
-      </div>
-    </Section>
-    <Section :title="$t('mainview.tags')" v-if="entity.tags.length > 0">
-      <Categorizers
-        :categorizers="entity.tags"
-        categorizerType="PaperTag"
-        @delete-categorizer="
-          (categorizer) => onDeleteCategorizer(categorizer, 'PaperTag')
-        "
-      />
-    </Section>
-    <Section :title="$t('mainview.folders')" v-if="entity.folders.length > 0">
-      <Categorizers
-        :categorizers="entity.folders"
-        categorizerType="PaperFolder"
-        @delete-categorizer="
-          (categorizer) => onDeleteCategorizer(categorizer, 'PaperFolder')
-        "
+    <div class="flex flex-col grow overflow-auto">
+      <div class="text-md font-bold" v-html="reanderedTitle"></div>
+      <Section :title="$t('mainview.authors')">
+        <Authors :authors="entity.authors" />
+      </Section>
+      <PubDetails
+        :publication="entity.publication"
+        :volume="entity.volume"
+        :pages="entity.pages"
+        :number="entity.number"
+        :publisher="entity.publisher"
       />
-    </Section>
-    <Section :title="$t('mainview.addtime')">
-      <div class="text-xxs">
-        {{ entity.addTime.toLocaleString() }}
-      </div>
-    </Section>
-    <Section :title="$t('mainview.rating')">
-      <Rating :rating="entity.rating" @changed="onRatingChanged" />
-    </Section>
-    <Section :title="$t('mainview.preview')">
-      <Thumbnail
-        :entity="entity"
-        @modify-main-file="(value) => modifyMainFile(value)"
-        @locate-main-file="locateMainFile"
+      <Section :title="$t('mainview.publicationyear')">
+        <div class="text-xxs">
+          {{ entity.pubTime }}
+        </div>
+      </Section>
+      <Section :title="$t('mainview.tags')" v-if="entity.tags.length > 0">
+        <Categorizers
+          :categorizers="entity.tags"
+          categorizerType="PaperTag"
+          @delete-categorizer="
+            (categorizer) => onDeleteCategorizer(categorizer, 'PaperTag')
+          "
+        />
+      </Section>
+      <Section :title="$t('mainview.folders')" v-if="entity.folders.length > 0">
+        <Categorizers
+          :categorizers="entity.folders"
+          categorizerType="PaperFolder"
+          @delete-categorizer="
+            (categorizer) => onDeleteCategorizer(categorizer, 'PaperFolder')
+          "
+        />
+      </Section>
+      <Section :title="$t('mainview.addtime')">
+        <div class="text-xxs">
+          {{ entity.addTime.toLocaleString() }}
+        </div>
+      </Section>
+      <Section :title="$t('mainview.rating')">
+        <Rating :rating="entity.rating" @changed="onRatingChanged" />
+      </Section>
+      <Section :title="$t('mainview.preview')">
+        <Thumbnail
+          :entity="entity"
+          @modify-main-file="(value) => modifyMainFile(value)"
+          @locate-main-file="locateMainFile"
+        />
+      </Section>
+      <Section
+        :title="$t('mainview.note')"
+        v-if="entity.note.length > 0 && !entity.note.startsWith('<md>')"
+      >
+        <div class="text-xxs">
+          {{ entity.note }}
+        </div>
+      </Section>
+      <Markdown
+        :title="$t('mainview.note')"
+        v-if="entity.note.length > 0 && entity.note.startsWith('<md>')"
+        :content="entity.note"
       />
-    </Section>
-    <Section
-      :title="$t('mainview.note')"
-      v-if="entity.note.length > 0 && !entity.note.startsWith('<md>')"
-    >
-      <div class="text-xxs">
-        {{ entity.note }}
-      </div>
-    </Section>
-    <Markdown
-      :title="$t('mainview.note')"
-      v-if="entity.note.length > 0 && entity.note.startsWith('<md>')"
-      :content="entity.note"
-    />
-    <Section :title="$t('mainview.codes')" v-if="entity.codes.length > 0">
-      <Code :codes="entity.codes" />
-    </Section>
-    <Section
-      :title="$t('mainview.supplementaries')"
-      v-if="entity.supURLs.length > 0"
-    >
-      <Supplementary :sups="entity.supURLs" />
-    </Section>
-    <Markdown :title="'Markdown'" :sups="entity.supURLs" />
-    <div class="w-40 h-10">&nbsp;</div>
-    <div
-      class="fixed bottom-0 w-80 h-10 bg-gradient-to-t from-white dark:from-neutral-800"
-    ></div>
+      <Section :title="$t('mainview.codes')" v-if="entity.codes.length > 0">
+        <Code :codes="entity.codes" />
+      </Section>
+      <Section
+        :title="$t('mainview.supplementaries')"
+        v-if="entity.supURLs.length > 0"
+      >
+        <Supplementary :sups="entity.supURLs" />
+      </Section>
+      <Markdown :title="'Markdown'" :sups="entity.supURLs" />
+    </div>
 
     <div
       id="drag-area"
-      class="fixed bottom-0 w-80 h-24 flex space-x-2 pr-8 pb-5 text-xs text-neutral-400 bg-white dark:bg-neutral-800 pt-5 transition-all duration-150"
-      :class="
-        `opacity-${dragAreaOpacity}` +
-        (dragAreaOpacity > 0 ? '' : ' pointer-events-none')
-      "
+      class="h-16 flex-none flex space-x-2 text-xs text-neutral-400 bg-white dark:bg-neutral-800 pt-3 transition-all duration-150"
+      v-show="dragAreaOpacity > 0"
     >
       <div
         id="main-file-drag-area"
-        class="w-1/2 h-full border-[1px] border-neutral-400 dark:border-neutral-500 rounded-lg flex"
+        class="w-1/2 h-full border-[1px] border-neutral-400 dark:border-neutral-500 rounded-lg flex p-2 overflow-hidden"
         :class="
           mainFileDragAreaHovered
             ? 'border-solid border-neutral-500 text-neutral-500 dark:border-neutral-400 dark:text-neutral-300'
@@ -287,11 +282,13 @@ onMounted(() => {
         @dragenter="onDragEnter($event, 'main-file-drag-area')"
         @dragleave="onDragLeave($event, 'main-file-drag-area')"
       >
-        <span class="m-auto select-none pointer-events-none">{{ $t('menu.replace') }}</span>
+        <span class="m-auto select-none pointer-events-none">{{
+          $t("menu.replace")
+        }}</span>
       </div>
       <div
         id="sup-file-drag-area"
-        class="w-1/2 h-full border-[1px] border-neutral-400 dark:border-neutral-500 rounded-lg flex"
+        class="w-1/2 h-full border-[1px] border-neutral-400 dark:border-neutral-500 rounded-lg flex p-2 overflow-hidden"
         :class="
           supFileDragAreaHovered
             ? 'border-solid border-neutral-500 text-neutral-500 dark:border-neutral-400 dark:text-neutral-300'
@@ -300,9 +297,9 @@ onMounted(() => {
         @dragenter="onDragEnter($event, 'sup-file-drag-area')"
         @dragleave="onDragLeave($event, 'sup-file-drag-area')"
       >
-        <span class="m-auto select-none pointer-events-none"
-          >{{ $t('menu.addsup') }}</span
-        >
+        <span class="m-auto select-none pointer-events-none">{{
+          $t("menu.addsup")
+        }}</span>
       </div>
     </div>
   </div>
diff --git a/app/renderer/ui/main-view/main-view.vue b/app/renderer/ui/main-view/main-view.vue
index cf84cdf0..688169a9 100644
--- a/app/renderer/ui/main-view/main-view.vue
+++ b/app/renderer/ui/main-view/main-view.vue
@@ -110,6 +110,9 @@ const reloadSelectedEntities = () => {
 
 const clearSelected = () => {
   selectionState.selectedIndex = [];
+  selectionState.selectedIds = [];
+  selectedFeedEntities.value = [];
+  selectedPaperEntities.value = [];
 };
 
 const scrapeSelectedEntities = () => {
@@ -274,6 +277,11 @@ const onArrowDownPressed = () => {
   }
 };
 
+const onDetailPanelResized = (event: any) => {
+  const width = event[0].size ? event[0].size : 80;
+  window.appInteractor.setPreference("detailPanelWidth", width);
+};
+
 // ========================================================
 // Register Context Menu
 
@@ -478,49 +486,60 @@ watch(
       :disableSingleBtn="selectionState.selectedIndex.length !== 1"
       :disableMultiBtn="selectionState.selectedIndex.length === 0"
     />
-    <div class="grow flex divide-x dark:divide-neutral-700">
-      <PaperDataView v-if="viewState.contentType === 'library'" />
-      <Transition
-        enter-active-class="transition ease-out duration-75"
-        enter-from-class="transform opacity-0"
-        enter-to-class="transform opacity-100"
-        leave-active-class="transition ease-in duration-75"
-        leave-from-class="transform opacity-100"
-        leave-to-class="transform opacity-0"
-      >
-        <PaperDetailView
-          :entity="
-            selectedPaperEntities.length === 1
-              ? selectedPaperEntities[0]
-              : selectedEntityPlaceHolder
+    <div id="main-view" class="h-full w-full">
+      <splitpanes @resized="onDetailPanelResized($event)">
+        <pane
+          :key="1"
+          :size="
+            selectedPaperEntities.length === 1 ||
+            selectedFeedEntities.length === 1
+              ? prefState.detailPanelWidth
+              : 100
           "
-          v-show="selectionState.selectedIndex.length === 1"
-          v-if="viewState.contentType === 'library'"
-        />
-      </Transition>
-
-      <FeedDataView v-if="viewState.contentType === 'feed'" />
-      <Transition
-        enter-active-class="transition ease-out duration-75"
-        enter-from-class="transform opacity-0"
-        enter-to-class="transform opacity-100"
-        leave-active-class="transition ease-in duration-75"
-        leave-from-class="transform opacity-100"
-        leave-to-class="transform opacity-0"
-      >
-        <FeedDetailView
-          :entity="
+        >
+          <PaperDataView
+            v-if="viewState.contentType === 'library'"
+            class="h-full w-full"
+          />
+
+          <FeedDataView
+            v-if="viewState.contentType === 'feed'"
+            class="h-full w-full"
+          />
+        </pane>
+        <pane
+          :key="2"
+          :size="
+            selectedPaperEntities.length === 1 ||
             selectedFeedEntities.length === 1
-              ? selectedFeedEntities[0]
-              : selectedFeedEntityPlaceHolder
+              ? 100 - prefState.detailPanelWidth
+              : 0
           "
-          v-show="selectionState.selectedIndex.length === 1"
-          v-if="viewState.contentType === 'feed'"
-          @add-clicked="addSelectedFeedEntities"
-          @read-timeout="readSelectedFeedEntities(true)"
-          @read-timeout-in-unread="readSelectedFeedEntities(true, true)"
-        />
-      </Transition>
+        >
+          <PaperDetailView
+            :entity="
+              selectedPaperEntities.length === 1
+                ? selectedPaperEntities[0]
+                : selectedEntityPlaceHolder
+            "
+            v-show="selectionState.selectedIndex.length === 1"
+            v-if="viewState.contentType === 'library'"
+          />
+
+          <FeedDetailView
+            :entity="
+              selectedFeedEntities.length === 1
+                ? selectedFeedEntities[0]
+                : selectedFeedEntityPlaceHolder
+            "
+            v-show="selectionState.selectedIndex.length === 1"
+            v-if="viewState.contentType === 'feed'"
+            @add-clicked="addSelectedFeedEntities"
+            @read-timeout="readSelectedFeedEntities(true)"
+            @read-timeout-in-unread="readSelectedFeedEntities(true, true)"
+          />
+        </pane>
+      </splitpanes>
     </div>
   </div>
 </template>
diff --git a/app/renderer/ui/whats-new-view/1.jpg b/app/renderer/ui/whats-new-view/1.jpg
deleted file mode 100644
index 25b05c41..00000000
Binary files a/app/renderer/ui/whats-new-view/1.jpg and /dev/null differ
diff --git a/app/renderer/ui/whats-new-view/whats-new-view-cn.vue b/app/renderer/ui/whats-new-view/whats-new-view-cn.vue
index 1a8e3d41..247604d3 100644
--- a/app/renderer/ui/whats-new-view/whats-new-view-cn.vue
+++ b/app/renderer/ui/whats-new-view/whats-new-view-cn.vue
@@ -66,24 +66,16 @@ onMounted(() => {
       <div class="w-[45rem] px-3 mx-auto my-20">
         <img class="w-20 mx-auto mb-2" src="../../assets/icon.png" />
         <p class="text-center text-2xl font-bold mb-8">
-          Paperlib 2.0.3 更新内容
+          Paperlib 2.0.4 更新内容
         </p>
 
         <ul class="list-disc mb-5">
-          <li>为物理学和地球科学增添优化了元数据搜寻器以及预设推荐选择。</li>
-          <ul class="list-disc ml-5 mb-5">
-            <li>Springer Nature</li>
-            <li>Elseivier Scopus</li>
-            <li>NASA Astrophysics Data System</li>
-            <li>SPIE: Inte. Society for Optics and Photonics</li>
-          </ul>
-          <li>一个新的视图，可以直接在 Paperlib 内浏览 PDF。</li>
-          <img src="./1.jpg" />
-          <li>优化了 Crossref 的搜寻速度。</li>
-          <li>优化了 RSS 订阅的解析效果，支持更多格式。</li>
-          <li>优化了 添加附件拖拽时的 UI。</li>
-          <li>一次性导入大量论文时分批次进行，防止超出 API 请求速率限制。</li>
-          <li>编辑界面添加了直接重新搜寻元数据的按钮。</li>
+          <li>全文搜索的高亮结果可以显示在 PDF 预览视图下。</li>
+          <li>可调整详情面板的宽度。</li>
+          <li>优化了对于预印本论文的判断规则。</li>
+          <li>修复了内置 PDF 浏览视图下可能出现的遮挡 Bug。</li>
+          <li>修复了 Markdown 渲染超出视图，以及无法渲然 HTML 图片的 Bug。</li>
+          <li>修复了 MacOS Catalina 的兼容性 Bug。</li>
         </ul>
         <div
           class="mt-10 mx-auto flex w-60 h-10 bg-accentlight dark:bg-accentdark text-neutral-50 rounded-md shadow-md cursor-pointer"
diff --git a/app/renderer/ui/whats-new-view/whats-new-view-en.vue b/app/renderer/ui/whats-new-view/whats-new-view-en.vue
index fa72d849..c4c9460e 100644
--- a/app/renderer/ui/whats-new-view/whats-new-view-en.vue
+++ b/app/renderer/ui/whats-new-view/whats-new-view-en.vue
@@ -66,30 +66,19 @@ onMounted(() => {
       <div class="w-[45rem] px-3 mx-auto my-20">
         <img class="w-20 mx-auto mb-2" src="../../assets/icon.png" />
         <p class="text-center text-2xl font-bold mb-8">
-          What's New in Paperlib 2.0.3
+          What's New in Paperlib 2.0.4
         </p>
 
         <ul class="list-disc mb-5">
           <li>
-            Added some new metadata scrapers for Physics and Earth Science. Also
-            provide a recommended presetting.
+            Fulltext search mode: the highlights of the search results will be
+            displayed in the PDF preview view.
           </li>
-          <ul class="list-disc ml-5 mb-5">
-            <li>Springer Nature</li>
-            <li>Elseivier Scopus</li>
-            <li>NASA Astrophysics Data System</li>
-            <li>SPIE: Inte. Society for Optics and Photonics</li>
-          </ul>
-          <li>A new view mode to view PDF in Paperlib.</li>
-          <img src="./1.jpg" />
-          <li>Optimised the scraping speed of Crossref.</li>
-          <li>RSS feed now supports more website.</li>
-          <li>Better UI for adding a supplementary.</li>
-          <li>
-            When importing a large number of papers at once, scrape them in
-            batch.
-          </li>
-          <li>Added a rescrape button in the edit view.</li>
+          <li>Adjustable width of the detail panel.</li>
+          <li>Better rules for preprint papers.</li>
+          <li>Fixed a bug in the PDF preview view.</li>
+          <li>Fixed a bug in the markdown preview.</li>
+          <li>Fixed a compatibility issue in MacOS Catalina.</li>
         </ul>
         <div
           class="mt-10 mx-auto flex w-60 h-10 bg-accentlight dark:bg-accentdark text-neutral-50 rounded-md shadow-md cursor-pointer"
diff --git a/app/repositories/db-repository/cache-repository.ts b/app/repositories/db-repository/cache-repository.ts
index 48c53f98..927ef48a 100644
--- a/app/repositories/db-repository/cache-repository.ts
+++ b/app/repositories/db-repository/cache-repository.ts
@@ -162,7 +162,11 @@ export class CacheRepository {
   // ========================
   async fullTextFilter(query: string, paperEntities: PaperEntityResults) {
     // First check if all the paper entities are already cached.
-    await this.createFullText(paperEntities);
+    try {
+      await this.createFullText(paperEntities);
+    } catch (err) {
+      console.error(err);
+    }
 
     const realm = await this.realm();
 
@@ -230,20 +234,24 @@ export class CacheRepository {
     }
 
     const createPromise = async (paperEntity: PaperEntity) => {
-      const fulltext = await this.getPDFText(paperEntity.mainURL);
-      const md5String = await md5(
-        (
-          await window.appInteractor.access(paperEntity.mainURL, false)
-        ).replace("file://", "")
-      );
-      realm.safeWrite(() => {
-        realm.create<PaperEntityCache>("PaperEntityCache", {
-          _id: new ObjectId(paperEntity._id),
-          _partition: "",
-          fulltext: fulltext,
-          md5: md5String,
+      try {
+        const fulltext = await this.getPDFText(paperEntity.mainURL);
+        const md5String = await md5(
+          (
+            await window.appInteractor.access(paperEntity.mainURL, false)
+          ).replace("file://", "")
+        );
+        realm.safeWrite(() => {
+          realm.create<PaperEntityCache>("PaperEntityCache", {
+            _id: new ObjectId(paperEntity._id),
+            _partition: "",
+            fulltext: fulltext,
+            md5: md5String,
+          });
         });
-      });
+      } catch (err) {
+        console.error(err);
+      }
     };
     await Promise.all(noCachePaperEntities.map((p) => createPromise(p)));
   }
diff --git a/app/repositories/scraper-repository/scrapers/scraper.ts b/app/repositories/scraper-repository/scrapers/scraper.ts
index d395fa6e..5adec363 100644
--- a/app/repositories/scraper-repository/scrapers/scraper.ts
+++ b/app/repositories/scraper-repository/scrapers/scraper.ts
@@ -68,7 +68,8 @@ export class Scraper implements ScraperType {
     return (
       !paperEntityDraft.publication ||
       paperEntityDraft.publication.toLowerCase().includes("rxiv") ||
-      paperEntityDraft.publication.toLowerCase().includes("openreview")
+      paperEntityDraft.publication.toLowerCase().includes("openreview") ||
+      paperEntityDraft.publication.includes("CoRR")
     );
   }
 
diff --git a/app/state/renderer/appstate.ts b/app/state/renderer/appstate.ts
index 0f3d9167..a3aff67e 100644
--- a/app/state/renderer/appstate.ts
+++ b/app/state/renderer/appstate.ts
@@ -89,9 +89,6 @@ export class MainRendererStateStore extends RendererStateStore {
         //
         inputFieldFocused: false,
 
-        // Sidebar
-        sidebarWidth: 20,
-
         // Update Signal
         realmReiniting: 0,
         realmReinited: 0,
diff --git a/app/state/states.ts b/app/state/states.ts
index 08b5d7f9..a6eb7b7b 100644
--- a/app/state/states.ts
+++ b/app/state/states.ts
@@ -34,8 +34,6 @@ export interface ViewState {
 
   inputFieldFocused: boolean;
 
-  sidebarWidth: number;
-
   realmReiniting: number;
   realmReinited: number;
   scraperReinited: number;
diff --git a/electron-builder.json5 b/electron-builder.json5
index ac3caabc..f961c9fc 100644
--- a/electron-builder.json5
+++ b/electron-builder.json5
@@ -18,7 +18,7 @@
   mac: {
     icon: "./icons/icon.icns",
     artifactName: "${productName}_${version}.${ext}",
-    target: ["dmg"],
+    target: ["dmg", "zip"],
     releaseInfo: {
       releaseNotesFile: "./release-notes.md",
     },
diff --git a/index.html b/index.html
index b908b0d4..d9aae1b7 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
     />
     <title>Paperlib</title>
   </head>
-  <body>
+  <body style="overflow: hidden">
     <div id="app"></div>
     <script type="module" src="/app/renderer/index.ts"></script>
   </body>
diff --git a/package-lock.json b/package-lock.json
index 4aff3831..788ecde0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "paperlib",
-  "version": "2.0.3-dev.rc3",
+  "version": "2.0.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "paperlib",
-      "version": "2.0.3-dev.rc3",
+      "version": "2.0.3",
       "license": "GPL-3.0",
       "dependencies": {
         "@headlessui/vue": "1.5.0",
@@ -27,7 +27,7 @@
         "md5-file": "5.0.0",
         "node-html-parser": "5.3.3",
         "pinia": "2.0.21",
-        "realm": "10.20.0",
+        "realm": "^10.21.1",
         "splitpanes": "3.1.1",
         "string-similarity": "4.0.4",
         "toad-scheduler": "1.6.0",
@@ -2174,7 +2174,8 @@
     "node_modules/async": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
-      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ=="
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+      "dev": true
     },
     "node_modules/async-exit-hook": {
       "version": "2.0.1",
@@ -2496,6 +2497,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -2938,21 +2940,6 @@
       "resolved": "https://registry.npmjs.org/citeproc/-/citeproc-2.4.62.tgz",
       "integrity": "sha512-l3uFfSEwNZp/jlz/TpgyBs85kOww6VlQHbAth0cpbgOn6iulZd+QlFY43LrRelzcYt3FZHTZ3soDyd8lNmkqdw=="
     },
-    "node_modules/clang-format": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/clang-format/-/clang-format-1.8.0.tgz",
-      "integrity": "sha512-pK8gzfu55/lHzIpQ1givIbWfn3eXnU7SfxqIwVgnn5jEM6j4ZJYjpFqFs4iSBPNedzRMmfjYjuQhu657WAXHXw==",
-      "dependencies": {
-        "async": "^3.2.3",
-        "glob": "^7.0.0",
-        "resolve": "^1.1.6"
-      },
-      "bin": {
-        "check-clang-format": "bin/check-clang-format.js",
-        "clang-format": "index.js",
-        "git-clang-format": "bin/git-clang-format"
-      }
-    },
     "node_modules/cli-boxes": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
@@ -3079,7 +3066,8 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "node_modules/concat-stream": {
       "version": "1.6.2",
@@ -4996,7 +4984,8 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
@@ -5080,6 +5069,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -5497,6 +5487,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -6209,6 +6200,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -6723,6 +6715,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7615,15 +7608,14 @@
       }
     },
     "node_modules/realm": {
-      "version": "10.20.0",
-      "resolved": "https://registry.npmjs.org/realm/-/realm-10.20.0.tgz",
-      "integrity": "sha512-BUvZk9GatcEisB6ta9LJ6BX5DXSlaxb7bXolnadt/4DXijbasYGILjmdybFHZo0u+x56b15PeEy8u53gTE7TCg==",
+      "version": "10.21.1",
+      "resolved": "https://registry.npmjs.org/realm/-/realm-10.21.1.tgz",
+      "integrity": "sha512-I+QzOEw478LGPxgSLvF3YlsMCwRNe4d35uKB77tg2rARDYVtq4pW/XVfbvPrJnwPpgJR53stHmkspj0xvJgFUw==",
       "hasInstallScript": true,
       "dependencies": {
         "@realm.io/common": "^0.1.4",
         "bindings": "^1.5.0",
         "bson": "4.4.1",
-        "clang-format": "^1.6.0",
         "command-line-args": "^5.1.1",
         "deepmerge": "2.1.0",
         "fs-extra": "^4.0.3",
@@ -7646,7 +7638,7 @@
         "npm": ">=7"
       },
       "peerDependencies": {
-        "react-native": ">=0.60"
+        "react-native": ">=0.64"
       },
       "peerDependenciesMeta": {
         "react-native": {
@@ -11143,7 +11135,8 @@
     "async": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
-      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ=="
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+      "dev": true
     },
     "async-exit-hook": {
       "version": "2.0.1",
@@ -11371,6 +11364,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "requires": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -11690,16 +11684,6 @@
       "resolved": "https://registry.npmjs.org/citeproc/-/citeproc-2.4.62.tgz",
       "integrity": "sha512-l3uFfSEwNZp/jlz/TpgyBs85kOww6VlQHbAth0cpbgOn6iulZd+QlFY43LrRelzcYt3FZHTZ3soDyd8lNmkqdw=="
     },
-    "clang-format": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/clang-format/-/clang-format-1.8.0.tgz",
-      "integrity": "sha512-pK8gzfu55/lHzIpQ1givIbWfn3eXnU7SfxqIwVgnn5jEM6j4ZJYjpFqFs4iSBPNedzRMmfjYjuQhu657WAXHXw==",
-      "requires": {
-        "async": "^3.2.3",
-        "glob": "^7.0.0",
-        "resolve": "^1.1.6"
-      }
-    },
     "cli-boxes": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
@@ -11796,7 +11780,8 @@
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "concat-stream": {
       "version": "1.6.2",
@@ -13126,7 +13111,8 @@
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "fsevents": {
       "version": "2.3.2",
@@ -13188,6 +13174,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
       "requires": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -13490,6 +13477,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "requires": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -14042,6 +14030,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "requires": {
         "brace-expansion": "^1.1.7"
       }
@@ -14424,7 +14413,8 @@
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true
     },
     "path-key": {
       "version": "3.1.1",
@@ -14987,14 +14977,13 @@
       }
     },
     "realm": {
-      "version": "10.20.0",
-      "resolved": "https://registry.npmjs.org/realm/-/realm-10.20.0.tgz",
-      "integrity": "sha512-BUvZk9GatcEisB6ta9LJ6BX5DXSlaxb7bXolnadt/4DXijbasYGILjmdybFHZo0u+x56b15PeEy8u53gTE7TCg==",
+      "version": "10.21.1",
+      "resolved": "https://registry.npmjs.org/realm/-/realm-10.21.1.tgz",
+      "integrity": "sha512-I+QzOEw478LGPxgSLvF3YlsMCwRNe4d35uKB77tg2rARDYVtq4pW/XVfbvPrJnwPpgJR53stHmkspj0xvJgFUw==",
       "requires": {
         "@realm.io/common": "^0.1.4",
         "bindings": "^1.5.0",
         "bson": "4.4.1",
-        "clang-format": "^1.6.0",
         "command-line-args": "^5.1.1",
         "deepmerge": "2.1.0",
         "fs-extra": "^4.0.3",
diff --git a/package.json b/package.json
index 436a0c18..11bb3dae 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "paperlib",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "main": "dist/app/main/index.js",
   "description": "A simple academic paper management tool.",
   "author": "Geoffrey Chen <geoffreychen777@gmail.com>",
@@ -55,7 +55,7 @@
     "md5-file": "5.0.0",
     "node-html-parser": "5.3.3",
     "pinia": "2.0.21",
-    "realm": "10.20.0",
+    "realm": "10.21.1",
     "splitpanes": "3.1.1",
     "string-similarity": "4.0.4",
     "toad-scheduler": "1.6.0",
diff --git a/package.win.temp.json b/package.win.temp.json
new file mode 100644
index 00000000..a28cc60f
--- /dev/null
+++ b/package.win.temp.json
@@ -0,0 +1,83 @@
+{
+  "name": "paperlib",
+  "version": "2.0.4",
+  "main": "dist/app/main/index.js",
+  "description": "A simple academic paper management tool.",
+  "author": "Geoffrey Chen <geoffreychen777@gmail.com>",
+  "license": "GPL-3.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build && electron-builder",
+    "dev-build": "vite build && electron-builder"
+  },
+  "engines": {
+    "node": "^14.18.0 || >=16.0.0"
+  },
+  "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "3.3.0",
+    "@types/katex": "0.14.0",
+    "@types/markdown-it": "12.2.3",
+    "@types/splitpanes": "2.2.1",
+    "@types/string-similarity": "4.0.0",
+    "@types/tough-cookie": "4.0.2",
+    "@types/vue-select": "3.16.2",
+    "@types/ws": "8.5.3",
+    "@vitejs/plugin-vue": "3.0.3",
+    "autoprefixer": "10.4.4",
+    "cssnano": "5.1.7",
+    "electron": "18.0.3",
+    "electron-builder": "23.3.3",
+    "pdfjs-dist": "2.16.105",
+    "postcss": "8.4.12",
+    "tailwindcss": "3.0.24",
+    "typescript": "4.7.4",
+    "vite-plugin-electron": "0.9.2",
+    "vue": "3.2.37",
+    "vue-tsc": "0.40.1"
+  },
+  "dependencies": {
+    "@headlessui/vue": "1.5.0",
+    "bootstrap-icons-vue": "1.8.1",
+    "bson": "4.6.3",
+    "chokidar": "3.5.3",
+    "citation-js": "0.6.4",
+    "drag-drop": "7.2.0",
+    "electron-store": "8.0.1",
+    "electron-updater": "5.0.1",
+    "fast-xml-parser": "4.0.6",
+    "got": "11.8.3",
+    "hpagent": "1.0.0",
+    "katex": "0.16.2",
+    "keytar": "7.9.0",
+    "markdown-it": "13.0.1",
+    "markdown-it-texmath": "1.0.0",
+    "md5-file": "5.0.0",
+    "node-html-parser": "5.3.3",
+    "pinia": "2.0.21",
+    "realm": "10.20.0",
+    "splitpanes": "3.1.1",
+    "string-similarity": "4.0.4",
+    "toad-scheduler": "1.6.0",
+    "tough-cookie": "4.0.0",
+    "vite": "3.0.9",
+    "vue-i18n": "9.2.2",
+    "vue-select": "4.0.0-beta.3",
+    "vue-virtual-scroller": "2.0.0-alpha.1",
+    "vuedraggable": "4.1.0",
+    "webdav": "4.9.0",
+    "ws": "8.6.0"
+  },
+  "debug": {
+    "env": {
+      "VITE_DEV_SERVER_HOSTNAME": "127.0.0.1",
+      "VITE_DEV_SERVER_PORT": 3343,
+      "VITE_DEV_SERVER_URL": "http://127.0.0.1:3343"
+    }
+  },
+  "keywords": [
+    "academic",
+    "paper",
+    "management"
+  ]
+}
\ No newline at end of file
diff --git a/public/viewer/viewer.css b/public/viewer/viewer.css
index d16de6d3..05cf60fc 100644
--- a/public/viewer/viewer.css
+++ b/public/viewer/viewer.css
@@ -1253,63 +1253,6 @@ select {
   position: relative;
 }
 
-[dir="ltr"] #sidebarContainer {
-  left: calc(-1 * var(--sidebar-width));
-}
-
-[dir="rtl"] #sidebarContainer {
-  right: calc(-1 * var(--sidebar-width));
-}
-
-[dir="ltr"] #sidebarContainer {
-  border-right: var(--doorhanger-border-color-whcm);
-}
-
-[dir="rtl"] #sidebarContainer {
-  border-left: var(--doorhanger-border-color-whcm);
-}
-
-[dir="ltr"] #sidebarContainer {
-  transition-property: left;
-}
-
-[dir="rtl"] #sidebarContainer {
-  transition-property: right;
-}
-
-#sidebarContainer {
-  position: absolute;
-  top: 32px;
-  bottom: 0;
-  inset-inline-start: calc(-1 * var(--sidebar-width));
-  width: var(--sidebar-width);
-  visibility: hidden;
-  z-index: 100;
-  border-top: 1px solid rgba(51, 51, 51, 1);
-  -webkit-border-end: var(--doorhanger-border-color-whcm);
-  border-inline-end: var(--doorhanger-border-color-whcm);
-  transition-property: inset-inline-start;
-  transition-duration: var(--sidebar-transition-duration);
-  transition-timing-function: var(--sidebar-transition-timing-function);
-}
-
-#outerContainer.sidebarMoving #sidebarContainer,
-#outerContainer.sidebarOpen #sidebarContainer {
-  visibility: visible;
-}
-
-[dir="ltr"] #outerContainer.sidebarOpen #sidebarContainer {
-  left: 0;
-}
-
-[dir="rtl"] #outerContainer.sidebarOpen #sidebarContainer {
-  right: 0;
-}
-
-#outerContainer.sidebarOpen #sidebarContainer {
-  inset-inline-start: 0;
-}
-
 #mainContainer {
   position: absolute;
   top: 0;
@@ -1353,27 +1296,6 @@ select {
   transition-timing-function: var(--sidebar-transition-timing-function);
 }
 
-[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
-  left: var(--sidebar-width);
-}
-
-[dir="rtl"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
-  right: var(--sidebar-width);
-}
-
-[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
-  transition-property: left;
-}
-
-[dir="rtl"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
-  transition-property: right;
-}
-
-#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
-  inset-inline-start: var(--sidebar-width);
-  transition-property: inset-inline-start;
-}
-
 .toolbar {
   position: absolute;
   left: 0;
@@ -1456,18 +1378,6 @@ select {
   transition-timing-function: var(--sidebar-transition-timing-function);
 }
 
-[dir="ltr"] #outerContainer.sidebarOpen #loadingBar {
-  left: var(--sidebar-width);
-}
-
-[dir="rtl"] #outerContainer.sidebarOpen #loadingBar {
-  right: var(--sidebar-width);
-}
-
-#outerContainer.sidebarOpen #loadingBar {
-  inset-inline-start: var(--sidebar-width);
-}
-
 #loadingBar .progress {
   position: absolute;
   top: 0;
@@ -1844,8 +1754,6 @@ select {
 }
 
 #findResultsCount {
-  background-color: rgba(217, 217, 217, 1);
-  color: rgba(82, 82, 82, 1);
   text-align: center;
   padding: 4px 5px;
   margin: 5px;
@@ -2946,24 +2854,6 @@ dialog :link {
   }
 }
 
-@media all and (max-width: 840px) {
-  #sidebarContainer {
-    background-color: var(--sidebar-narrow-bg-color);
-  }
-
-  [dir="ltr"] #outerContainer.sidebarOpen #viewerContainer {
-    left: 0 !important;
-  }
-
-  [dir="rtl"] #outerContainer.sidebarOpen #viewerContainer {
-    right: 0 !important;
-  }
-
-  #outerContainer.sidebarOpen #viewerContainer {
-    inset-inline-start: 0 !important;
-  }
-}
-
 @media all and (max-width: 820px) {
   #outerContainer .hiddenLargeView {
     display: none;
diff --git a/public/viewer/viewer.html b/public/viewer/viewer.html
index a05877cb..84e4001d 100644
--- a/public/viewer/viewer.html
+++ b/public/viewer/viewer.html
@@ -155,9 +155,20 @@
                 tabindex="92"
                 data-l10n-id="find_previous"
               >
-                <span data-l10n-id="find_previous_label">Previous</span>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="14"
+                  height="12"
+                  fill="currentColor"
+                  class="bi bi-chevron-left"
+                  viewBox="0 0 16 16"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
+                  />
+                </svg>
               </button>
-              <div class="splitToolbarButtonSeparator"></div>
               <button
                 id="findNext"
                 class="toolbarButton"
@@ -165,7 +176,19 @@
                 tabindex="93"
                 data-l10n-id="find_next"
               >
-                <span data-l10n-id="find_next_label">Next</span>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="12"
+                  fill="currentColor"
+                  class="bi bi-chevron-right"
+                  viewBox="0 0 16 16"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+                  />
+                </svg>
               </button>
             </div>
           </div>
@@ -225,7 +248,7 @@
 
           <div id="findbarMessageContainer" aria-live="polite">
             <span id="findResultsCount" class="toolbarLabel"></span>
-            <span id="findMsg" class="toolbarLabel"></span>
+            <span id="findMsg" class="toolbarLabel hidden"></span>
           </div>
         </div>
         <!-- findbar -->
diff --git a/public/viewer/viewer.js b/public/viewer/viewer.js
index 751ddf16..e604bd6e 100644
--- a/public/viewer/viewer.js
+++ b/public/viewer/viewer.js
@@ -3918,6 +3918,7 @@
         let file;
         const queryString = document.location.search.substring(1);
         const params = (0, _ui_utils.parseQueryString)(queryString);
+
         file = params.get("file") ?? _app_options.AppOptions.get("defaultUrl");
         validateFileURL(file);
         const fileInput = appConfig.openFileInput;
@@ -3992,6 +3993,12 @@
         try {
           if (file) {
             PDFViewerApplication.open(file);
+            if (params.get("search")) {
+              PDFViewerApplication.findBar.toggle();
+              PDFViewerApplication.findBar.findField.value =
+                params.get("search");
+              PDFViewerApplication.findBar.dispatchEvent("");
+            }
           } else {
             PDFViewerApplication._hideViewBookmark();
           }
diff --git a/release-notes.md b/release-notes.md
index 708457bc..3198276a 100644
--- a/release-notes.md
+++ b/release-notes.md
@@ -1,7 +1,6 @@
-1. Added some new metadata scrapers for Physics and Earth Science. Also provide a recommended presetting. Springer Nature, Elseivier Scopus, NASA Astrophysics Data System, SPIE: Inte. Society for Optics and Photonics
-2. A new view mode to view PDF in Paperlib.
-3. Optimised the scraping speed of Crossref.
-4. RSS feed now supports more website.
-5. Better UI for adding a supplementary.
-6. When importing a large number of papers at once, scrape them in batch.
-7. Added a rescrape button in the edit view.
\ No newline at end of file
+1. Fulltext search mode: the highlights of the search results will be displayed in the PDF preview view.
+2. Adjustable width of the detail panel.
+3. Better rules for preprint papers.
+4. Fixed a bug in the PDF preview view.
+5. Fixed a bug in the markdown preview.
+6. Fixed a compatibility issue in MacOS Catalina.
\ No newline at end of file