Migrated to WXT

src/components/Sidepanel/Chat/body.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { PlaygroundMessage } from "~components/Common/Playground/Message"
-import { useMessage } from "~hooks/useMessage"
+import { PlaygroundMessage } from "~/components/Common/Playground/Message"
+import { useMessage } from "~/hooks/useMessage"
 import { EmptySidePanel } from "../Chat/empty"
 
 export const SidePanelBody = () => {

src/components/Sidepanel/Chat/empty.tsx

@@ -2,13 +2,13 @@ import { useQuery } from "@tanstack/react-query"
 import { Select } from "antd"
 import { RotateCcw } from "lucide-react"
 import { useEffect, useState } from "react"
-import { useMessage } from "~hooks/useMessage"
+import { useMessage } from "~/hooks/useMessage"
 import {
   getAllModels,
   getOllamaURL,
   isOllamaRunning,
   setOllamaURL as saveOllamaURL
-} from "~services/ollama"
+} from "~/services/ollama"
 
 export const EmptySidePanel = () => {
   const [ollamaURL, setOllamaURL] = useState<string>("")

src/components/Sidepanel/Chat/form.tsx

@@ -1,13 +1,13 @@
 import { useForm } from "@mantine/form"
 import { useMutation } from "@tanstack/react-query"
 import React from "react"
-import useDynamicTextareaSize from "~hooks/useDynamicTextareaSize"
-import { useMessage } from "~hooks/useMessage"
-import { toBase64 } from "~libs/to-base64"
+import useDynamicTextareaSize from "~/hooks/useDynamicTextareaSize"
+import { useMessage } from "~/hooks/useMessage"
+import { toBase64 } from "~/libs/to-base64"
 import { Checkbox, Dropdown, Image, Tooltip } from "antd"
-import { useSpeechRecognition } from "~hooks/useSpeechRecognition"
-import { useWebUI } from "~store/webui"
-import { defaultEmbeddingModelForRag } from "~services/ollama"
+import { useSpeechRecognition } from "~/hooks/useSpeechRecognition"
+import { useWebUI } from "~/store/webui"
+import { defaultEmbeddingModelForRag } from "~/services/ollama"
 import { ImageIcon, MicIcon, X } from "lucide-react"
 
 type Props = {

src/components/Sidepanel/Chat/header.tsx

@@ -1,5 +1,5 @@
-import logoImage from "data-base64:~assets/icon.png"
-import { useMessage } from "~hooks/useMessage"
+import logoImage from "~/assets/icon.png"
+import { useMessage } from "~/hooks/useMessage"
 import { Link } from "react-router-dom"
 import { Tooltip } from "antd"
 import { BoxesIcon, CogIcon, RefreshCcw } from "lucide-react"

src/components/Sidepanel/Settings/body.tsx

@@ -12,13 +12,13 @@ import {
   defaultEmbeddingChunkSize,
   defaultEmbeddingModelForRag,
   saveForRag
-} from "~services/ollama"
+} from "~/services/ollama"
 
 import { Skeleton, Radio, Select, Form, InputNumber } from "antd"
-import { useDarkMode } from "~hooks/useDarkmode"
-import { SaveButton } from "~components/Common/SaveButton"
-import { SUPPORTED_LANGUAGES } from "~utils/supporetd-languages"
-import { useMessage } from "~hooks/useMessage"
+import { useDarkMode } from "~/hooks/useDarkmode"
+import { SaveButton } from "~/components/Common/SaveButton"
+import { SUPPORTED_LANGUAGES } from "~/utils/supporetd-languages"
+import { useMessage } from "~/hooks/useMessage"
 import { MoonIcon, SunIcon } from "lucide-react"
 
 export const SettingsBody = () => {

src/components/Sidepanel/Settings/header.tsx

@@ -1,6 +1,7 @@
-import logoImage from "data-base64:~assets/icon.png"
 import { ChevronLeft } from "lucide-react"
 import { Link } from "react-router-dom"
+import logoImage from "~/assets/icon.png"
+
 export const SidepanelSettingsHeader = () => {
   return (
     <div className="flex px-3 justify-start gap-3 bg-white dark:bg-[#171717] border-b border-gray-300 dark:border-gray-700  py-4 items-center">