diff --git a/entrypoints/background/index.ts b/entrypoints/background/index.ts
index 1b9ff650..d762c414 100644
--- a/entrypoints/background/index.ts
+++ b/entrypoints/background/index.ts
@@ -17,7 +17,7 @@ import { registerDeclarativeNetRequestRule } from '@/utils/web-request'
 import { BackgroundDatabaseManager } from './database'
 import { BackgroundCacheServiceManager } from './services/cache-service'
 import { BackgroundChatHistoryServiceManager } from './services/chat-history-service'
-import { waitForSidepanelLoaded } from './utils'
+import { waitUntilSidepanelLoaded } from './utils'
 
 export default defineBackground(() => {
   if (import.meta.env.CHROME) {
@@ -122,11 +122,11 @@ export default defineBackground(() => {
       if (typeof info.menuItemId === 'string' && ['quick-actions', 'add-image-to-chat'].some((id) => info.menuItemId.toString().includes(id))) {
         if (browser.sidePanel) {
           await browser.sidePanel.open({ windowId: tab.windowId })
-          await waitForSidepanelLoaded().catch((err) => logger.error(err))
+          await waitUntilSidepanelLoaded().catch((err) => logger.error(err))
         }
         else if (browser.sidebarAction) {
           await browser.sidebarAction.open()
-          await waitForSidepanelLoaded().catch((err) => logger.error(err))
+          await waitUntilSidepanelLoaded().catch((err) => logger.error(err))
         }
         await b2sRpc.emit('contextMenuClicked', { ...info, menuItemId: info.menuItemId as ContextMenuId, tabInfo: tabToTabInfo(tab) })
       }
diff --git a/entrypoints/background/utils.ts b/entrypoints/background/utils.ts
index 8cc3f68f..a15e00c2 100644
--- a/entrypoints/background/utils.ts
+++ b/entrypoints/background/utils.ts
@@ -5,7 +5,7 @@ const checkSidepanelLoaded = async () => {
   try {
     const r = await Promise.race([
       b2sRpc.getSidepanelStatus().then((status) => !!status),
-      sleep(2000).then(() => false),
+      sleep(1000).then(() => false),
     ])
     return r
   }
@@ -14,10 +14,10 @@ const checkSidepanelLoaded = async () => {
   }
 }
 
-export async function waitForSidepanelLoaded() {
+export async function waitUntilSidepanelLoaded() {
   const start = Date.now()
   while (!(await checkSidepanelLoaded())) {
-    if (Date.now() - start > 5000) {
+    if (Date.now() - start > 3000) {
       throw new Error('Timeout waiting for sidepanel to load')
     }
     await sleep(500)
diff --git a/entrypoints/settings/components/GeneralSettings/index.vue b/entrypoints/settings/components/GeneralSettings/index.vue
index e76f45ba..c76a3307 100644
--- a/entrypoints/settings/components/GeneralSettings/index.vue
+++ b/entrypoints/settings/components/GeneralSettings/index.vue
@@ -245,6 +245,7 @@ import { MIN_CONTEXT_WINDOW_SIZE, OLLAMA_HOMEPAGE_URL, OLLAMA_SEARCH_URL, OLLAMA
 import { useI18n } from '@/utils/i18n/index'
 import logger from '@/utils/logger'
 import { useOllamaStatusStore } from '@/utils/pinia-store/store'
+import { settings2bRpc } from '@/utils/rpc'
 import { getUserConfig } from '@/utils/user-config'
 
 import { useSettingsInitialQuery } from '../../composables/useQuery'
@@ -303,9 +304,8 @@ const testConnection = async () => {
   try {
     await reScanOllama()
     const success = await ollamaStatusStore.updateConnectionStatus()
-    if (success) {
-      await ollamaStatusStore.updateModelList()
-    }
+    success ? (await ollamaStatusStore.updateModelList()) : ollamaStatusStore.clearModelList()
+    settings2bRpc.updateSidepanelModelList()
     return success
   }
   catch (error) {
diff --git a/entrypoints/sidepanel/components/Onboarding/OllamaTutorialCard.vue b/entrypoints/sidepanel/components/Onboarding/OllamaTutorialCard.vue
index 4d0360a4..f63ade37 100644
--- a/entrypoints/sidepanel/components/Onboarding/OllamaTutorialCard.vue
+++ b/entrypoints/sidepanel/components/Onboarding/OllamaTutorialCard.vue
@@ -23,7 +23,7 @@
           color="primary"
           class="grow-0 shrink-0"
         >
-          <IconTick class="w-4 h-4 inline-block mr-2" />
+          <IconTick class="size-4 shrink-0 inline-block mr-2" />
         </Text>
         <Text color="secondary">
           {{ t('onboarding.guide.features.1') }}
@@ -34,7 +34,7 @@
           color="primary"
           class="grow-0 shrink-0"
         >
-          <IconTick class="w-4 h-4 inline-block mr-2" />
+          <IconTick class="size-4 shrink-0 inline-block mr-2" />
         </Text>
         <Text color="secondary">
           {{ t('onboarding.guide.features.2') }}
@@ -45,7 +45,7 @@
           color="primary"
           class="grow-0 shrink-0"
         >
-          <IconTick class="w-4 h-4 inline-block mr-2" />
+          <IconTick class="size-4 shrink-0 inline-block mr-2" />
         </Text>
         <Text color="secondary">
           {{ t('onboarding.guide.features.3') }}
diff --git a/entrypoints/sidepanel/components/Onboarding/SloganCard.vue b/entrypoints/sidepanel/components/Onboarding/SloganCard.vue
index 8fa4e183..6651747f 100644
--- a/entrypoints/sidepanel/components/Onboarding/SloganCard.vue
+++ b/entrypoints/sidepanel/components/Onboarding/SloganCard.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col items-center justify-start bg-gradient-to-b from-[#D5F4E1] to-[#FFFFFF] to-40% rounded-lg overflow-hidden pb-4">
-    <div class="text-center">
-      <ImageElements />
+    <div class="text-center max-w-full">
+      <ImageElements class="max-w-full h-auto" />
       <div class="font-semibold text-sm mt-5">
         {{ t('onboarding.banner.title') }}
       </div>
diff --git a/entrypoints/sidepanel/components/Onboarding/WebLLMTutorialCard.vue b/entrypoints/sidepanel/components/Onboarding/WebLLMTutorialCard.vue
index e63711d2..4f50de41 100644
--- a/entrypoints/sidepanel/components/Onboarding/WebLLMTutorialCard.vue
+++ b/entrypoints/sidepanel/components/Onboarding/WebLLMTutorialCard.vue
@@ -23,7 +23,7 @@
     </Modal>
     <Button
       variant="secondary"
-      class="shrink-0 grow-0 flex mt-1 items-center justify-center rounded-md gap-2 font-bold cursor-pointer h-7"
+      class="shrink-0 grow-0 flex mt-1 items-center justify-center rounded-md gap-2 font-bold cursor-pointer min-h-7"
       :disabled="!supportWebLLM.supported"
       @click="initWebLLM"
     >
diff --git a/entrypoints/sidepanel/utils/agent/index.ts b/entrypoints/sidepanel/utils/agent/index.ts
index ad24f45f..d8957641 100644
--- a/entrypoints/sidepanel/utils/agent/index.ts
+++ b/entrypoints/sidepanel/utils/agent/index.ts
@@ -454,8 +454,7 @@ export class Agent<T extends PromptBasedToolName> {
       if (tool) {
         const params = chunk.params
         this.log.debug('Tool call start', chunk)
-        const abortController = new AbortController()
-        this.abortControllers.push(abortController)
+        const abortController = this.createAbortController()
         try {
           const executedResults = await tool.execute({
             params,
diff --git a/entrypoints/sidepanel/utils/search.ts b/entrypoints/sidepanel/utils/search.ts
index 250fac14..a1fc8bbb 100644
--- a/entrypoints/sidepanel/utils/search.ts
+++ b/entrypoints/sidepanel/utils/search.ts
@@ -1,4 +1,4 @@
-import { s2bRpc } from '@/utils/rpc'
+import { searchWebsites } from '@/utils/search'
 export interface SearchOptions {
   resultLimit?: number
   abortSignal?: AbortSignal
@@ -7,11 +7,7 @@ export interface SearchOptions {
 
 export class SearchScraper {
   async searchWebsites(query: string, options?: SearchOptions) {
-    const links = await s2bRpc.searchWebsites(query, options)
+    const links = await searchWebsites(query, options)
     return links
   }
-
-  async fetchUrlsContent(links: string[]) {
-    return s2bRpc.openAndFetchUrlsContent(links)
-  }
 }
diff --git a/utils/abort-controller.ts b/utils/abort-controller.ts
index 94c8bacd..f099e256 100644
--- a/utils/abort-controller.ts
+++ b/utils/abort-controller.ts
@@ -1,6 +1,6 @@
-import { AbortError } from './error'
+import { AbortError, AppError } from './error'
 
-export function makeAbortable<T>(promise: Promise<T>, signal: AbortSignal, abortErrorFactory: () => Error = () => new AbortError('Operation aborted')): Promise<T> {
+export function makeAbortable<T>(promise: Promise<T>, signal: AbortSignal, abortErrorFactory: () => AppError = () => new AbortError('Operation aborted')): Promise<T> {
   return new Promise((resolve, reject) => {
     if (signal.aborted) {
       return reject(abortErrorFactory())
diff --git a/utils/error.ts b/utils/error.ts
index a8d5f303..00d291fa 100644
--- a/utils/error.ts
+++ b/utils/error.ts
@@ -2,22 +2,29 @@ import { useGlobalI18n } from './i18n'
 
 export type ErrorCode = 'unknown' | 'requestError' | 'requestTimeout' | 'abortError' | 'timeoutError' | 'modelNotFound' | 'createTabStreamCaptureError' | 'translateError' | 'unsupportedEndpointType' | 'fetchError' | 'parseFunctionCallError' | 'aiSDKError' | 'generateObjectSchemaError'
 
-export abstract class AppError<Code extends ErrorCode> extends Error {
-  private _appError = true
+// we use a base AppError class instead of extending the native Error class directly because of Firefox compatibility issues of error instance transform in postMessage
+export abstract class AppError<Code extends ErrorCode = ErrorCode> {
+  private _appError = true // this is a symbol to identify AppError instances
+  name?: string
   message: string
+  private nativeError: Error
   static isAppError(error: unknown): error is AppError<ErrorCode> {
     // can not check instanceof AppError directly because it may be from another context (e.g. from background script to content script)
     return (typeof error === 'object' && error !== null && '_appError' in error && error._appError === true)
   }
 
   constructor(public code: Code, message?: string) {
-    super(message)
+    this.nativeError = new Error(message)
     this.message = message ?? ''
   }
 
   async toLocaleMessage(_locale?: string): Promise<string> {
     return this.message
   }
+
+  get stack(): string | undefined {
+    return this.nativeError.stack
+  }
 }
 
 export class FetchError extends AppError<'fetchError'> {
diff --git a/utils/pinia-store/store.ts b/utils/pinia-store/store.ts
index 90eb7e37..f34af990 100644
--- a/utils/pinia-store/store.ts
+++ b/utils/pinia-store/store.ts
@@ -43,6 +43,9 @@ export const useOllamaStatusStore = defineStore('ollama-status', () => {
       return []
     }
   }
+  const clearModelList = () => {
+    modelList.value = []
+  }
 
   const connectionStatusLoading = ref(false)
   const updateConnectionStatus = async () => {
@@ -99,6 +102,7 @@ export const useOllamaStatusStore = defineStore('ollama-status', () => {
     initDefaultModel,
     unloadModel,
     updateModelList,
+    clearModelList,
     updateConnectionStatus,
     checkCurrentModelSupportVision,
     checkModelSupportThinking,
diff --git a/utils/rpc/background-fns.ts b/utils/rpc/background-fns.ts
index b3778964..57490871 100644
--- a/utils/rpc/background-fns.ts
+++ b/utils/rpc/background-fns.ts
@@ -88,11 +88,12 @@ const makeLoadingModelListener = (port: Browser.runtime.Port) => (ev: ModelLoadi
 }
 
 const normalizeError = (_error: unknown) => {
+  const networkErrorMessages = ['NetworkError', 'Failed to fetch']
   let error
   if (_error instanceof AppError) {
     error = _error
   }
-  else if (_error instanceof Error && _error.message.includes('Failed to fetch')) {
+  else if (_error instanceof Error && networkErrorMessages.some((msg) => _error.message.includes(msg))) {
     error = new ModelRequestError(_error.message)
   }
   else if (AISDKError.isInstance(_error)) {
diff --git a/utils/search.ts b/utils/search.ts
index cc31cabb..327cacf2 100644
--- a/utils/search.ts
+++ b/utils/search.ts
@@ -173,8 +173,7 @@ export type SearchingMessage =
   }
 
 export async function searchWebsites(query: string, options?: SearchByGoogleOptions) {
-  const { abortSignal, ...restOptions } = options || {}
-  const links = await _searchByGoogle(query, restOptions)
+  const links = await _searchByGoogle(query, options)
   return links
 }