fix bug

fix
add Bangumi
2026-05-09 20:22:39 +08:00 · 2024-03-18 23:42:24 +08:00 · 2024-03-18 23:31:21 +08:00 · 2024-03-18 19:03:13 +08:00 · 2024-03-18 11:42:56 +08:00 · 2024-03-16 22:04:51 +08:00
143 changed files with 5859 additions and 918 deletions
--- a/.env.production
+++ b/.env.production
@@ -1 +1 @@
-VITE_API_BASE_URL=/api/v1/
+VITE_API_BASE_URL=api/v1/
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -27,6 +27,13 @@ jobs:
          node-version: '18'
          cache: 'yarn'

+      - name: Download Icons
+        run: |
+          pwd
+          curl -sL "https://github.com/jxxghp/MoviePilot-Plugins/archive/refs/heads/main.zip" | busybox unzip -d /tmp -
+          mv /tmp/MoviePilot-Plugins-main/icons public/plugin_icon
+          rm -rf /tmp/MoviePilot-Plugins-main
+
      - name: Build frontend
        id: build_frontend
        run: |
--- a/.gitignore
+++ b/.gitignore
@@ -32,3 +32,4 @@ dist-ssr

 # iconify dist files
 src/@iconify/*.js
+public/plugin_icon/**
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -31,8 +31,8 @@
  "volar.preview.port": 3000,
  "volar.completion.preferredTagNameCase": "pascal",
  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.fixAll.stylelint": true
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit"
  },
  "eslint.alwaysShowStatus": true,
  "eslint.format.enable": true,
--- a/README.md
+++ b/README.md
@@ -1,35 +1,39 @@
 # MoviePilot-Frontend

-This template should help get you started developing with Vue 3 in Vite.
+[MoviePilot](https://github.com/jxxghp/MoviePilot) 的前端项目。

-## Recommended IDE Setup
+## 推荐的IDE设置

-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) (and disable Vetur).
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) (并禁用 Vetur).

-## Type Support for `.vue` Imports in TS
+## 配置Vite

-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates.
+请参阅 [Vite 配置参考](https://vitejs.dev/config/).

-However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can run `Volar: Switch TS Plugin on/off` from VSCode command palette.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
+## 依赖安装

 ```sh
 yarn
 ```

-### Compile and Hot-Reload for Development
+### 开发运行

 ```sh
 yarn dev
 ```

-### Type-Check, Compile and Minify for Production
+### 编译打包

 ```sh
 yarn build
 ```
+
+### 静态运行
+
+1. 使用 `nginx` 等Web服务器托管 `dist` 静态文件，nginx配置参考 `public/nginx.conf`。
+
+2. 使用 `node` 命令直接运行`service.js`，默认监听 `3000` 端口，设置环境变量 `NGINX_PORT` 来调整运行端口。
+
+```shell
+node dist/service.js
+```
--- a/index.html
+++ b/index.html
@@ -1,214 +1,162 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no" />
-    <title>MoviePilot</title>
-    <meta name="Robots" content="noindex,nofollow,noarchive" />
-    <meta name="referrer" content="origin" />
-    <link rel="icon" type="image/png" href="/logo.png" />
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-    <link rel="apple-touch-startup-image" href="/splash/apple-splash.jpg" />
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-    <link rel="manifest" href="manifest.json" crossorigin="use-credentials" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="apple-mobile-web-app-title" content="MoviePilot" />
-    <meta name="description" content="MoviePilot" />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="referrer" content="never" />
-    <meta name="msapplication-TileColor" content="#7D34FD" />
-    <meta name="color-scheme" content="light dark" />
-    <meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)" />
-    <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)" />
-    <meta name="HandheldFriendly" content="True" />
-    <meta name="MobileOptimized" content="320" />
-    <link rel="stylesheet" type="text/css" href="/loader.css" />
-  </head>

-  <body>
-    <div id="loading-bg">
-      <div class="loading-logo">
-        <!-- Logo -->
-        <svg
-          width="100px"
-          height="100px"
-          viewBox="0 0 192 192"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
-        >
-          <g transform="matrix(1,0,0,1,-2606,-236)">
-            <g id="a2-c" transform="matrix(1,0,0,1,2606,236)">
-              <rect x="0" y="0" width="192" height="192" style="fill: none" />
-              <g transform="matrix(-0.800798,0.462341,-0.769972,-1.33363,1869.11,-896.718)">
+<head>
+  <meta http-equiv="pragma" content="no-cache">
+  <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
+  <meta http-equiv="expires" content="0">
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no" />
+  <title>MoviePilot</title>
+  <meta name="Robots" content="noindex,nofollow,noarchive" />
+  <meta name="referrer" content="origin" />
+  <link rel="icon" type="image/png" href="/logo.png" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="apple-touch-startup-image" href="/splash/apple-splash.jpg" />
+  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+  <link rel="manifest" href="manifest.json" crossorigin="use-credentials" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="apple-mobile-web-app-title" content="MoviePilot" />
+  <meta name="description" content="MoviePilot" />
+  <meta name="format-detection" content="telephone=no" />
+  <meta name="referrer" content="never" />
+  <meta name="msapplication-TileColor" content="#7D34FD" />
+  <meta name="color-scheme" content="light dark" />
+  <meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)" />
+  <meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)" />
+  <meta name="HandheldFriendly" content="True" />
+  <meta name="MobileOptimized" content="320" />
+  <link rel="stylesheet" type="text/css" href="/loader.css" />
+</head>
+
+<body>
+  <div id="loading-bg">
+    <div class="loading-logo">
+      <!-- Logo -->
+      <svg width="100px" height="100px" viewBox="0 0 192 192" version="1.1" xmlns="http://www.w3.org/2000/svg"
+        style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2">
+        <g transform="matrix(1,0,0,1,-2606,-236)">
+          <g id="a2-c" transform="matrix(1,0,0,1,2606,236)">
+            <rect x="0" y="0" width="192" height="192" style="fill: none" />
+            <g transform="matrix(-0.800798,0.462341,-0.769972,-1.33363,1869.11,-896.718)">
+              <path
+                d="M2241.27,-28.175C2238.86,-28.931 2236.64,-29.181 2234.48,-29.254L2159.78,-29.286L2165.01,-11.207C2167.16,-13.121 2169.64,-13.722 2172.26,-13.808L2222.12,-13.822C2223.52,-13.824 2225,-13.701 2226.78,-13.108L2241.27,-28.175Z"
+                style="fill: url(#_Linear1)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2205.67,331.428L2205.67,332.25L2205.67,352.835C2205.67,354.263 2204.91,355.583 2203.67,356.298C2202.43,357.012 2200.91,357.013 2199.67,356.3L2190.78,351.174C2189.73,350.595 2188.83,350.083 2188.03,349.59L2187.45,349.257C2186.66,348.725 2185.91,348.142 2185.21,347.461C2185.08,347.331 2184.95,347.198 2184.82,347.061C2184.26,346.457 2183.75,345.778 2183.3,344.995C2182.16,343.05 2181.69,341.024 2181.68,338.948L2181.67,268.923L2209.77,274.425C2207.5,275.639 2205.68,278.3 2205.67,281.429L2205.67,331.428Z"
+                style="fill: url(#_Linear2)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2295.93,363.064C2295.73,363.184 2295.53,363.301 2295.32,363.414L2295.93,363.064Z"
+                style="fill: rgb(141, 81, 249)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2299.79,360.238C2299.79,360.238 2320.03,348.464 2320.04,348.461C2323.1,346.372 2324.69,343.444 2325.17,339.877C2325.17,339.877 2325.17,269.846 2325.17,269.839C2325.06,267.482 2324.56,265.739 2323.61,264.133C2322.56,262.445 2321.26,261.005 2319.55,259.97L2304.42,251.217C2303.96,250.949 2303.39,250.948 2302.92,251.216C2302.46,251.484 2302.17,251.979 2302.17,252.515L2302.17,276.775L2302.17,277.879L2302.17,352.926C2302.17,352.933 2302.17,352.941 2302.17,352.948C2302.04,355.861 2301.23,358.279 2299.79,360.238Z"
+                style="fill: url(#_Linear3)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256Z"
+                style="fill: rgb(165, 118, 255)" />
+            </g>
+            <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
+              <path
+                d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256ZM2253.68,223.756C2251.6,223.789 2249.87,224.269 2248.47,224.996L2188.17,259.754C2184.35,261.992 2182.35,265.367 2182.18,269.874C2182.18,269.874 2182.17,292.759 2182.17,292.757C2183.25,290.047 2185.13,288.051 2187.62,286.607L2249.57,250.919C2249.58,250.917 2249.58,250.915 2249.59,250.913C2250.83,250.243 2252.17,249.839 2253.67,249.847C2255.21,249.841 2256.54,250.253 2257.76,250.914C2257.76,250.916 2257.76,250.917 2257.76,250.919L2274.92,260.807C2275.38,261.075 2275.95,261.074 2276.42,260.806C2276.88,260.538 2277.17,260.043 2277.17,259.508L2277.17,237.568C2277.17,236.317 2276.5,235.16 2275.42,234.535C2275.42,234.535 2258.88,225 2258.87,224.996C2256.87,224.049 2255.2,223.746 2253.68,223.756Z"
+                style="fill: url(#_Linear4)" />
+            </g>
+            <g transform="matrix(0.800798,0.462341,0.769972,-1.33363,-1677.22,-896.858)">
+              <path
+                d="M2241.55,-28.184C2239.1,-28.989 2236.83,-29.204 2234.68,-29.295C2234.68,-29.295 2220.82,-29.3 2215.03,-29.303C2213.48,-29.303 2212.05,-28.808 2211.28,-28.004C2208.65,-25.275 2202.56,-18.936 2199.45,-15.709C2199.07,-15.306 2199.07,-14.809 2199.46,-14.406C2199.85,-14.004 2200.57,-13.758 2201.34,-13.761C2208.36,-13.788 2222.72,-13.845 2222.72,-13.845C2223.98,-13.851 2225.44,-13.657 2227.06,-13.117L2241.55,-28.184Z"
+                style="fill: rgb(141, 81, 249)" />
+            </g>
+            <g transform="matrix(-4.32309,0,0,12.4454,9610.35,-1450.35)">
+              <path
+                d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
+                style="fill: rgb(104, 0, 197)" />
+              <clipPath id="_clip5">
                <path
-                  d="M2241.27,-28.175C2238.86,-28.931 2236.64,-29.181 2234.48,-29.254L2159.78,-29.286L2165.01,-11.207C2167.16,-13.121 2169.64,-13.722 2172.26,-13.808L2222.12,-13.822C2223.52,-13.824 2225,-13.701 2226.78,-13.108L2241.27,-28.175Z"
-                  style="fill: url(#_Linear1)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2205.67,331.428L2205.67,332.25L2205.67,352.835C2205.67,354.263 2204.91,355.583 2203.67,356.298C2202.43,357.012 2200.91,357.013 2199.67,356.3L2190.78,351.174C2189.73,350.595 2188.83,350.083 2188.03,349.59L2187.45,349.257C2186.66,348.725 2185.91,348.142 2185.21,347.461C2185.08,347.331 2184.95,347.198 2184.82,347.061C2184.26,346.457 2183.75,345.778 2183.3,344.995C2182.16,343.05 2181.69,341.024 2181.68,338.948L2181.67,268.923L2209.77,274.425C2207.5,275.639 2205.68,278.3 2205.67,281.429L2205.67,331.428Z"
-                  style="fill: url(#_Linear2)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2295.93,363.064C2295.73,363.184 2295.53,363.301 2295.32,363.414L2295.93,363.064Z"
-                  style="fill: rgb(141, 81, 249)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2295.93,363.064C2299.48,360.882 2301.46,357.55 2301.67,352.926L2301.67,277.879L2301.67,276.775L2301.67,252.515C2301.67,251.801 2302.05,251.14 2302.67,250.783C2303.29,250.426 2304.05,250.426 2304.67,250.784L2319.81,259.54C2321.59,260.617 2322.95,262.115 2324.04,263.875C2325.03,265.551 2325.56,267.37 2325.67,269.835L2325.67,339.91C2325.18,343.645 2323.51,346.705 2320.3,348.887L2295.93,363.064ZM2299.79,360.238C2299.79,360.238 2320.03,348.464 2320.04,348.461C2323.1,346.372 2324.69,343.444 2325.17,339.877C2325.17,339.877 2325.17,269.846 2325.17,269.839C2325.06,267.482 2324.56,265.739 2323.61,264.133C2322.56,262.445 2321.26,261.005 2319.55,259.97L2304.42,251.217C2303.96,250.949 2303.39,250.948 2302.92,251.216C2302.46,251.484 2302.17,251.979 2302.17,252.515L2302.17,276.775L2302.17,277.879L2302.17,352.926C2302.17,352.933 2302.17,352.941 2302.17,352.948C2302.04,355.861 2301.23,358.279 2299.79,360.238Z"
-                  style="fill: url(#_Linear3)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256Z"
-                  style="fill: rgb(165, 118, 255)"
-                />
-              </g>
-              <g transform="matrix(1,0,0,1,-2157.67,-208.423)">
-                <path
-                  d="M2253.67,223.256C2255.26,223.245 2257.02,223.56 2259.11,224.557L2275.67,234.102C2276.91,234.816 2277.67,236.138 2277.67,237.568L2277.67,259.508C2277.67,260.222 2277.29,260.882 2276.67,261.239C2276.05,261.597 2275.29,261.597 2274.67,261.24L2257.52,251.353C2256.38,250.731 2255.12,250.341 2253.67,250.347C2252.26,250.339 2250.99,250.721 2249.82,251.353L2187.87,287.04C2184.23,289.147 2181.96,292.478 2181.67,297.57L2181.68,269.865C2181.85,265.167 2183.93,261.653 2187.92,259.322L2248.23,224.557C2249.69,223.796 2251.5,223.29 2253.67,223.256ZM2253.68,223.756C2251.6,223.789 2249.87,224.269 2248.47,224.996L2188.17,259.754C2184.35,261.992 2182.35,265.367 2182.18,269.874C2182.18,269.874 2182.17,292.759 2182.17,292.757C2183.25,290.047 2185.13,288.051 2187.62,286.607L2249.57,250.919C2249.58,250.917 2249.58,250.915 2249.59,250.913C2250.83,250.243 2252.17,249.839 2253.67,249.847C2255.21,249.841 2256.54,250.253 2257.76,250.914C2257.76,250.916 2257.76,250.917 2257.76,250.919L2274.92,260.807C2275.38,261.075 2275.95,261.074 2276.42,260.806C2276.88,260.538 2277.17,260.043 2277.17,259.508L2277.17,237.568C2277.17,236.317 2276.5,235.16 2275.42,234.535C2275.42,234.535 2258.88,225 2258.87,224.996C2256.87,224.049 2255.2,223.746 2253.68,223.756Z"
-                  style="fill: url(#_Linear4)"
-                />
-              </g>
-              <g transform="matrix(0.800798,0.462341,0.769972,-1.33363,-1677.22,-896.858)">
-                <path
-                  d="M2241.55,-28.184C2239.1,-28.989 2236.83,-29.204 2234.68,-29.295C2234.68,-29.295 2220.82,-29.3 2215.03,-29.303C2213.48,-29.303 2212.05,-28.808 2211.28,-28.004C2208.65,-25.275 2202.56,-18.936 2199.45,-15.709C2199.07,-15.306 2199.07,-14.809 2199.46,-14.406C2199.85,-14.004 2200.57,-13.758 2201.34,-13.761C2208.36,-13.788 2222.72,-13.845 2222.72,-13.845C2223.98,-13.851 2225.44,-13.657 2227.06,-13.117L2241.55,-28.184Z"
-                  style="fill: rgb(141, 81, 249)"
-                />
-              </g>
-              <g transform="matrix(-4.32309,0,0,12.4454,9610.35,-1450.35)">
-                <path
-                  d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
-                  style="fill: rgb(104, 0, 197)"
-                />
-                <clipPath id="_clip5">
+                  d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z" />
+              </clipPath>
+              <g clip-path="url(#_clip5)">
+                <g transform="matrix(0.124502,0.074907,0.206623,-0.0414384,1997.62,-7.40235)">
                  <path
-                    d="M2205.31,121.966C2205.31,121.88 2205.18,121.8 2204.96,121.757C2204.74,121.714 2204.48,121.714 2204.27,121.757C2201.75,122.263 2195.36,123.547 2192.85,124.052C2192.63,124.095 2192.5,124.174 2192.5,124.261C2192.5,124.347 2192.63,124.426 2192.85,124.469C2195.36,124.974 2201.75,126.255 2204.27,126.759C2204.48,126.802 2204.74,126.802 2204.96,126.759C2205.18,126.716 2205.31,126.636 2205.31,126.55C2205.31,125.541 2205.31,122.976 2205.31,121.966Z"
-                  />
-                </clipPath>
-                <g clip-path="url(#_clip5)">
-                  <g transform="matrix(0.124502,0.074907,0.206623,-0.0414384,1997.62,-7.40235)">
-                    <path
-                      d="M1726.17,-64.249L1708.16,-72.303L1708.05,-23.514L1721.88,-32.386C1722.96,-33.241 1723.09,-33.944 1723.15,-34.636L1723.15,-54.373C1723.19,-56.238 1724.96,-57.594 1726.87,-56.686L1726.17,-64.249Z"
-                      style="fill: url(#_Linear6)"
-                    />
-                  </g>
-                  <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
-                    <path
-                      d="M1726.17,-45.661L1704.47,-40.254C1706.28,-40.527 1708.14,-40.212 1708.16,-39.416L1708.16,-18.976L1726.17,-18.976L1726.17,-45.661Z"
-                      style="fill: rgb(141, 81, 249)"
-                    />
-                  </g>
-                  <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
-                    <path
-                      d="M1726.17,-45.661L1726.17,-18.976L1708.16,-18.976L1708.16,-39.416C1707.79,-40.732 1704.5,-40.298 1702.68,-40.025L1726.17,-45.661ZM1705.49,-40.491C1706.2,-40.507 1706.87,-40.464 1707.4,-40.327C1708.01,-40.173 1708.48,-39.899 1708.62,-39.436C1708.62,-39.429 1708.62,-39.423 1708.62,-39.416L1708.62,-19.152C1708.62,-19.152 1725.72,-19.152 1725.72,-19.152L1725.72,-45.345L1705.49,-40.491Z"
-                      style="fill: url(#_Radial7)"
-                    />
-                  </g>
+                    d="M1726.17,-64.249L1708.16,-72.303L1708.05,-23.514L1721.88,-32.386C1722.96,-33.241 1723.09,-33.944 1723.15,-34.636L1723.15,-54.373C1723.19,-56.238 1724.96,-57.594 1726.87,-56.686L1726.17,-64.249Z"
+                    style="fill: url(#_Linear6)" />
+                </g>
+                <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
+                  <path
+                    d="M1726.17,-45.661L1704.47,-40.254C1706.28,-40.527 1708.14,-40.212 1708.16,-39.416L1708.16,-18.976L1726.17,-18.976L1726.17,-45.661Z"
+                    style="fill: rgb(141, 81, 249)" />
+                </g>
+                <g transform="matrix(-0.126036,0.0767377,0.569859,0.112933,2435.01,-3.09225)">
+                  <path
+                    d="M1726.17,-45.661L1726.17,-18.976L1708.16,-18.976L1708.16,-39.416C1707.79,-40.732 1704.5,-40.298 1702.68,-40.025L1726.17,-45.661ZM1705.49,-40.491C1706.2,-40.507 1706.87,-40.464 1707.4,-40.327C1708.01,-40.173 1708.48,-39.899 1708.62,-39.436C1708.62,-39.429 1708.62,-39.423 1708.62,-39.416L1708.62,-19.152C1708.62,-19.152 1725.72,-19.152 1725.72,-19.152L1725.72,-45.345L1705.49,-40.491Z"
+                    style="fill: url(#_Radial7)" />
                </g>
              </g>
            </g>
          </g>
-          <defs>
-            <linearGradient
-              id="_Linear1"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)"
-            >
-              <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear2"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)"
-            >
-              <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear3"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)"
-            >
-              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear4"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)"
-            >
-              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
-            </linearGradient>
-            <linearGradient
-              id="_Linear6"
-              x1="0"
-              y1="0"
-              x2="1"
-              y2="0"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)"
-            >
-              <stop offset="0" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
-              <stop offset="0.51" style="stop-color: rgb(110, 38, 217); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(91, 0, 197); stop-opacity: 1" />
-            </linearGradient>
-            <radialGradient
-              id="_Radial7"
-              cx="0"
-              cy="0"
-              r="1"
-              gradientUnits="userSpaceOnUse"
-              gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)"
-            >
-              <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
-              <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
-            </radialGradient>
-          </defs>
-        </svg>
-      </div>
-      <div class="loading">
-        <div class="effect-1 effects"></div>
-        <div class="effect-2 effects"></div>
-        <div class="effect-3 effects"></div>
-      </div>
+        </g>
+        <defs>
+          <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(-70.0711,-0.927611,1.54482,-42.0752,2233.59,-20.1891)">
+            <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+          </linearGradient>
+          <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(4.78193e-15,-78.0949,78.0949,4.78193e-15,2195.72,354.021)">
+            <stop offset="0" style="stop-color: rgb(141, 81, 249); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+          </linearGradient>
+          <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(41.6089,41.5866,-41.5866,41.6089,2282.31,262.837)">
+            <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
+          </linearGradient>
+          <linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(9.25616,16.7005,-16.7005,9.25616,2215,243.712)">
+            <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
+          </linearGradient>
+          <linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(-0.130164,-61.9937,59.4003,-0.135847,1711.63,-25.7957)">
+            <stop offset="0" style="stop-color: rgb(116, 50, 223); stop-opacity: 1" />
+            <stop offset="0.51" style="stop-color: rgb(110, 38, 217); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(91, 0, 197); stop-opacity: 1" />
+          </linearGradient>
+          <radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(13.8659,4.71436,-12.1609,5.37534,1708.16,-32.287)">
+            <stop offset="0" style="stop-color: rgb(211, 187, 255); stop-opacity: 1" />
+            <stop offset="1" style="stop-color: rgb(211, 187, 255); stop-opacity: 0" />
+          </radialGradient>
+        </defs>
+      </svg>
    </div>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-    <script>
-      const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
-      const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#9155FD'
+    <div class="loading">
+      <div class="effect-1 effects"></div>
+      <div class="effect-2 effects"></div>
+      <div class="effect-3 effects"></div>
+    </div>
+  </div>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+  <script>
+    const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
+    const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#9155FD'

-      if (loaderColor) document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
+    if (loaderColor)
+      document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)

-      if (primaryColor) document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
-    </script>
-  </body>
-</html>
+    if (primaryColor)
+      document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
+  </script>
+</body>
+
+</html>
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "moviepilot",
-  "version": "1.3.9",
+  "version": "1.7.4",
  "private": true,
  "bin": "dist/service.js",
  "scripts": {
@@ -24,10 +24,12 @@
    "@floating-ui/dom": "1.2.8",
    "@vueuse/core": "^10.1.2",
    "@vueuse/math": "^10.1.2",
+    "ace-builds": "^1.32.6",
    "apexcharts-clevision": "^3.28.5",
    "axios": "1.4.0",
    "axios-mock-adapter": "^1.21.4",
    "chart.js": "^4.1.2",
+    "colorthief": "^2.4.0",
    "express": "^4.18.2",
    "express-http-proxy": "^2.0.0",
    "jwt-decode": "^3.1.2",
@@ -47,6 +49,7 @@
    "vue-prism-component": "^2.0.0",
    "vue-router": "^4.2.0",
    "vue-toast-notification": "^3",
+    "vue3-ace-editor": "^2.2.4",
    "vue3-apexcharts": "^1.4.1",
    "vue3-perfect-scrollbar": "^1.6.0",
    "vuetify": "3.3.5",
--- a/public/nginx.conf
+++ b/public/nginx.conf
@@ -75,6 +75,26 @@ http {
            # 超时设置
            proxy_read_timeout 600s;
        }
+
+        location /cookiecloud {
+            # 后端cookiecloud地址
+            proxy_pass http://backend_api;
+            rewrite ^.+mock-server/?(.*)$ /$1 break;
+            proxy_http_version 1.1;
+            proxy_buffering off;
+            proxy_cache off;
+            proxy_redirect off;
+            proxy_set_header Connection "";
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header Host $http_host;
+            proxy_set_header X-Nginx-Proxy true;
+
+            # 超时设置
+            proxy_read_timeout 600s;
+        }
+
    }

    upstream backend_api {
--- a/public/plugin_icon/SpeedLimiter.jpg
+++ b/public/plugin_icon/SpeedLimiter.jpg
--- a/public/plugin_icon/actor.png
+++ b/public/plugin_icon/actor.png
--- a/public/plugin_icon/autosubtitles.jpeg
+++ b/public/plugin_icon/autosubtitles.jpeg
--- a/public/plugin_icon/backup.png
+++ b/public/plugin_icon/backup.png
--- a/public/plugin_icon/brush.jpg
+++ b/public/plugin_icon/brush.jpg
--- a/public/plugin_icon/chatgpt.png
+++ b/public/plugin_icon/chatgpt.png
--- a/public/plugin_icon/chinesesubfinder.png
+++ b/public/plugin_icon/chinesesubfinder.png
--- a/public/plugin_icon/clean.png
+++ b/public/plugin_icon/clean.png
--- a/public/plugin_icon/cloud.png
+++ b/public/plugin_icon/cloud.png
--- a/public/plugin_icon/clouddisk.png
+++ b/public/plugin_icon/clouddisk.png
--- a/public/plugin_icon/cloudflare.jpg
+++ b/public/plugin_icon/cloudflare.jpg
--- a/public/plugin_icon/database.png
+++ b/public/plugin_icon/database.png
--- a/public/plugin_icon/delete.png
+++ b/public/plugin_icon/delete.png
--- a/public/plugin_icon/directory.png
+++ b/public/plugin_icon/directory.png
--- a/public/plugin_icon/diskusage.jpg
+++ b/public/plugin_icon/diskusage.jpg
--- a/public/plugin_icon/douban.png
+++ b/public/plugin_icon/douban.png
--- a/public/plugin_icon/download.png
+++ b/public/plugin_icon/download.png
--- a/public/plugin_icon/downloadmsg.png
+++ b/public/plugin_icon/downloadmsg.png
--- a/public/plugin_icon/emby.png
+++ b/public/plugin_icon/emby.png
--- a/public/plugin_icon/fileupload.png
+++ b/public/plugin_icon/fileupload.png
--- a/public/plugin_icon/forward.png
+++ b/public/plugin_icon/forward.png
--- a/public/plugin_icon/hosts.png
+++ b/public/plugin_icon/hosts.png
--- a/public/plugin_icon/invites.png
+++ b/public/plugin_icon/invites.png
--- a/public/plugin_icon/iyuu.png
+++ b/public/plugin_icon/iyuu.png
--- a/public/plugin_icon/like.jpg
+++ b/public/plugin_icon/like.jpg
--- a/public/plugin_icon/login.png
+++ b/public/plugin_icon/login.png
--- a/public/plugin_icon/mediasyncdel.png
+++ b/public/plugin_icon/mediasyncdel.png
--- a/public/plugin_icon/movie.jpg
+++ b/public/plugin_icon/movie.jpg
--- a/public/plugin_icon/nfo.png
+++ b/public/plugin_icon/nfo.png
--- a/public/plugin_icon/opensubtitles.png
+++ b/public/plugin_icon/opensubtitles.png
--- a/public/plugin_icon/random.png
+++ b/public/plugin_icon/random.png
--- a/public/plugin_icon/refresh.png
+++ b/public/plugin_icon/refresh.png
--- a/public/plugin_icon/regex.png
+++ b/public/plugin_icon/regex.png
--- a/public/plugin_icon/rss.png
+++ b/public/plugin_icon/rss.png
--- a/public/plugin_icon/scraper.png
+++ b/public/plugin_icon/scraper.png
--- a/public/plugin_icon/seed.png
+++ b/public/plugin_icon/seed.png
--- a/public/plugin_icon/signin.png
+++ b/public/plugin_icon/signin.png
--- a/public/plugin_icon/statistic.png
+++ b/public/plugin_icon/statistic.png
--- a/public/plugin_icon/sync.png
+++ b/public/plugin_icon/sync.png
--- a/public/plugin_icon/sync_file.png
+++ b/public/plugin_icon/sync_file.png
--- a/public/plugin_icon/teamwork.png
+++ b/public/plugin_icon/teamwork.png
--- a/public/plugin_icon/torrent.png
+++ b/public/plugin_icon/torrent.png
--- a/public/plugin_icon/torrenttransfer.jpg
+++ b/public/plugin_icon/torrenttransfer.jpg
--- a/public/plugin_icon/update.png
+++ b/public/plugin_icon/update.png
--- a/public/plugin_icon/upload.png
+++ b/public/plugin_icon/upload.png
--- a/public/plugin_icon/webhook.png
+++ b/public/plugin_icon/webhook.png
--- a/public/plugin_icon/world.png
+++ b/public/plugin_icon/world.png
--- a/public/service.js
+++ b/public/service.js
@@ -25,10 +25,25 @@ app.use(
  })
 );

+// 配置代理中间件将CookieCloud请求转发给后端API
+app.use(
+  '/cookiecloud',
+  proxy(`${proxyConfig.URL}:${proxyConfig.PORT}`, {
+    // 路径加上 /cookiecloud 前缀
+    proxyReqPathResolver: (req) => {
+      return `/cookiecloud${req.url}`
+    }
+  })
+);

 // 处理根路径的请求
 app.get('/', (req, res) => {
-  res.sendFile(path.join(__dirname, 'index.html')) // 指向你的前端入口文件
+  res.sendFile(path.join(__dirname, 'index.html'))
+})
+
+// 处理所有其他请求，重定向到前端入口文件
+app.get('*', (req, res) => {
+  res.sendFile(path.join(__dirname, 'index.html'))
 })

 app.listen(port, () => {
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref } from 'vue'
 import { useTheme } from 'vuetify'
 import type { ThemeSwitcherTheme } from '@layouts/types'

@@ -20,26 +20,30 @@ const {
  { initialValue: savedTheme.value },
 )

-function changeTheme() {
-  const nextTheme = getNextThemeName()
-
-  globalTheme.name.value = nextTheme
-  savedTheme.value = nextTheme
-  localStorage.setItem('theme', nextTheme)
+function updateTheme() {
+  const autoTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  const theme = currentThemeName.value === 'auto' ? autoTheme : currentThemeName.value
+  globalTheme.name.value = theme
+  savedTheme.value = theme
  // 修改载入时背景色
  localStorage.setItem('materio-initial-loader-bg', globalTheme.current.value.colors.background)
-
  themeTransition()
 }

-// Update icon if theme is changed from other sources
+// 监听系统主题变化
+window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateTheme)
+
 watch(
-  () => globalTheme.name.value,
-  (val) => {
-    currentThemeName.value = val
-  },
+  () => currentThemeName.value,
+  () => updateTheme(),
 )

+function changeTheme() {
+  const nextTheme = getNextThemeName()
+  currentThemeName.value = nextTheme
+  localStorage.setItem('theme', nextTheme)
+}
+
 // Apply saved theme on page load
 // onMounted(() => {
 //   globalTheme.name.value = savedTheme.value
--- a/src/@core/utils/dom.ts
+++ b/src/@core/utils/dom.ts
@@ -0,0 +1,21 @@
+export function removeEl(selector: string) {
+  if (selector) {
+    const el = document.querySelector(selector)
+    el?.parentNode?.removeChild(el)
+  }
+}
+
+export function useDefer(maxFrameCount = 1) {
+  const frameCount = ref(0)
+  const refreshFrameCount = () => {
+    requestAnimationFrame(() => {
+      frameCount.value++
+      if (frameCount.value < maxFrameCount)
+        refreshFrameCount()
+    })
+  }
+  refreshFrameCount()
+  return function (showInFrameCount: number) {
+    return frameCount.value >= showInFrameCount
+  }
+}
--- a/src/@core/utils/formatters.ts
+++ b/src/@core/utils/formatters.ts
@@ -55,7 +55,7 @@ export function formatFileSize(bytes: number) {
  if (bytes < 0)
    throw new Error('字节数不能为负数。')

-  const units = ['B', 'K', 'M', 'G', 'T']
+  const units = ['B', 'KB', 'MB', 'GB', 'TB']
  let size = bytes
  let unitIndex = 0

@@ -109,3 +109,61 @@ export function formatBytes(bytes: number, decimals = 2) {

  return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`
 }
+
+// 格式化剧集列表
+export function formatEp(nums: number[]): string {
+  if (!nums.length)
+    return ''
+
+  if (nums.length === 1)
+    return nums[0].toString()
+
+  // 将数组升序排序
+  nums.sort((a, b) => a - b)
+  const formattedRanges: string[] = []
+  let start = nums[0]
+  let end = nums[0]
+
+  for (let i = 1; i < nums.length; i++) {
+    if (nums[i] === end + 1) {
+      end = nums[i]
+    }
+    else {
+      if (start === end)
+        formattedRanges.push(start.toString())
+
+      else
+        formattedRanges.push(`${start.toString()}-${end.toString()}`)
+
+      start = end = nums[i]
+    }
+  }
+
+  if (start === end)
+    formattedRanges.push(start.toString())
+
+  else
+    formattedRanges.push(`${start.toString()}-${end.toString()}`)
+
+  return formattedRanges.join('、')
+}
+
+// 将yyyy-mm-dd hh:mm:ss转换为时间差，如：1小时前，1天前
+export function formatDateDifference(dateString: string): string {
+  const date = new Date(dateString)
+  const currentDate = new Date()
+  const timeDifference = currentDate.getTime() - date.getTime()
+  const secondsDifference = Math.floor(timeDifference / 1000)
+  const minutesDifference = Math.floor(secondsDifference / 60)
+  const hoursDifference = Math.floor(minutesDifference / 60)
+  const daysDifference = Math.floor(hoursDifference / 24)
+
+  if (daysDifference > 0)
+    return `${daysDifference}天前`
+  else if (hoursDifference > 0)
+    return `${hoursDifference}小时前`
+  else if (minutesDifference > 0)
+    return `${minutesDifference}分钟前`
+  else
+    return '刚刚'
+}
--- a/src/@core/utils/image.ts
+++ b/src/@core/utils/image.ts
@@ -0,0 +1,23 @@
+import ColorThief from 'colorthief'
+
+// 将 RGB 转换为十六进制
+function rgbStringToHex(rgbArray: number[]): string {
+  if (rgbArray.length !== 3 || rgbArray.some(isNaN))
+    throw new Error('Invalid RGB string format')
+
+  const [r, g, b] = rgbArray
+
+  const toHex = (c: number): string => {
+    const hex = c.toString(16)
+    return hex.length === 1 ? `0${hex}` : hex
+  }
+
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`
+}
+
+// 提取主要颜色
+export async function getDominantColor(image: HTMLImageElement): Promise<string> {
+  const colorThief = new ColorThief()
+  const dominantColor = colorThief.getColor(image)
+  return rgbStringToHex(dominantColor)
+}
--- a/src/@core/utils/index.ts
+++ b/src/@core/utils/index.ts
@@ -33,7 +33,7 @@ export function isToday(date: Date) {
  )
 }

-// 计算时间差，返回xx天xx小时xx分钟
+// 计算时间差，返回xx天/xx小时/xx分钟/xx秒
 export function calculateTimeDifference(inputTime: string): string {
  if (!inputTime)
    return ''
@@ -64,6 +64,38 @@ export function calculateTimeDifference(inputTime: string): string {
  }
 }

+// 计算时间差，返回xx天xx小时xx分钟
+export function calculateTimeDiff(inputTime: string): string {
+  if (!inputTime)
+    return ''
+
+  // 使用当前时区
+  const inputDate = new Date(inputTime)
+  const currentDate = new Date()
+
+  const timeDifference = currentDate.getTime() - inputDate.getTime()
+  const secondsDifference = Math.floor(timeDifference / 1000)
+
+  const days = Math.floor(secondsDifference / 86400)
+  const hours = Math.floor(secondsDifference % 86400 / 3600)
+  const minutes = Math.floor(secondsDifference % 86400 % 3600 / 60)
+  const secones = Math.floor(secondsDifference % 60)
+
+  if (days > 0)
+    return `${days}天${hours}小时${minutes}分钟`
+
+  else if (hours > 0)
+    return `${hours}小时${minutes}分钟`
+
+  else if (minutes > 0)
+    return `${minutes}分钟`
+
+  else if (secones > 0)
+    return `${secones}秒`
+
+  return ''
+}
+
 // 判断一个数组subArray是不是在另一个数组mainArray中
 export function isContained(subArray: any[], mainArray: any[]): boolean {
  return subArray.every(element => mainArray.includes(element))
--- a/src/@core/utils/navigator.ts
+++ b/src/@core/utils/navigator.ts
@@ -0,0 +1,30 @@
+// 请求和获取剪贴板内容
+export async function getClipboardContent() {
+  if (navigator.clipboard && window.isSecureContext) {
+    return await navigator.clipboard.readText()
+  }
+  else {
+    const input = document.createElement('textarea')
+    document.body.appendChild(input)
+    input.select()
+    document.execCommand('paste')
+    const content = input.value
+    document.body.removeChild(input)
+    return content
+  }
+}
+
+// 将内容复制到剪贴板，兼容非安全域场景
+export async function copyToClipboard(content: string) {
+  if (navigator.clipboard && window.isSecureContext) {
+    await navigator.clipboard.writeText(content)
+  }
+  else {
+    const input = document.createElement('textarea')
+    input.value = content
+    document.body.appendChild(input)
+    input.select()
+    document.execCommand('copy')
+    document.body.removeChild(input)
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,21 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
 import { useTheme } from 'vuetify'
-import store from './store'

-// 第一时间应用主题
-const { global: globalTheme } = useTheme()
-globalTheme.name.value = localStorage.getItem('theme') || 'light'
+import store from './store'

 // 提示框
 const $toast = useToast()

+// 设置主题
+function setTheme() {
+  const { global: globalTheme } = useTheme()
+  let theme = localStorage.getItem('theme') || 'light'
+  if (theme === 'auto')
+    theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  globalTheme.name.value = theme
+}
+
 // SSE持续接收消息
 function startSSEMessager() {
  const token = store.state.auth.token
@@ -32,6 +38,7 @@ function startSSEMessager() {

 // 页面加载时，加载当前用户数据
 onBeforeMount(async () => {
+  setTheme()
  startSSEMessager()
 })
 </script>
--- a/src/ace-config.ts
+++ b/src/ace-config.ts
@@ -0,0 +1,54 @@
+import ace from 'ace-builds'
+
+import modeJsonUrl from 'ace-builds/src-noconflict/mode-json?url'
+
+import modeJavascriptUrl from 'ace-builds/src-noconflict/mode-javascript?url'
+
+import modeHtmlUrl from 'ace-builds/src-noconflict/mode-html?url'
+
+import modeYamlUrl from 'ace-builds/src-noconflict/mode-yaml?url'
+
+import themeGithubUrl from 'ace-builds/src-noconflict/theme-github?url'
+
+import themeChromeUrl from 'ace-builds/src-noconflict/theme-chrome?url'
+
+import themeMonokaiUrl from 'ace-builds/src-noconflict/theme-monokai?url'
+
+import workerBaseUrl from 'ace-builds/src-noconflict/worker-base?url'
+
+import workerJsonUrl from 'ace-builds/src-noconflict/worker-json?url'
+
+import workerJavascriptUrl from 'ace-builds/src-noconflict/worker-javascript?url'
+
+import workerHtmlUrl from 'ace-builds/src-noconflict/worker-html?url'
+
+import workerYamlUrl from 'ace-builds/src-noconflict/worker-yaml?url'
+
+import snippetsHtmlUrl from 'ace-builds/src-noconflict/snippets/html?url'
+
+import snippetsJsUrl from 'ace-builds/src-noconflict/snippets/javascript?url'
+
+import snippetsYamlUrl from 'ace-builds/src-noconflict/snippets/yaml?url'
+
+import snippetsJsonUrl from 'ace-builds/src-noconflict/snippets/json?url'
+
+import 'ace-builds/src-noconflict/ext-language_tools'
+
+ace.config.setModuleUrl('ace/mode/json', modeJsonUrl)
+ace.config.setModuleUrl('ace/mode/javascript', modeJavascriptUrl)
+ace.config.setModuleUrl('ace/mode/html', modeHtmlUrl)
+ace.config.setModuleUrl('ace/mode/yaml', modeYamlUrl)
+ace.config.setModuleUrl('ace/theme/github', themeGithubUrl)
+ace.config.setModuleUrl('ace/theme/chrome', themeChromeUrl)
+ace.config.setModuleUrl('ace/theme/monokai', themeMonokaiUrl)
+ace.config.setModuleUrl('ace/mode/base', workerBaseUrl)
+ace.config.setModuleUrl('ace/mode/json_worker', workerJsonUrl)
+ace.config.setModuleUrl('ace/mode/javascript_worker', workerJavascriptUrl)
+ace.config.setModuleUrl('ace/mode/html_worker', workerHtmlUrl)
+ace.config.setModuleUrl('ace/mode/yaml_worker', workerYamlUrl)
+ace.config.setModuleUrl('ace/snippets/html', snippetsHtmlUrl)
+ace.config.setModuleUrl('ace/snippets/javascript', snippetsJsUrl)
+ace.config.setModuleUrl('ace/snippets/javascript', snippetsYamlUrl)
+ace.config.setModuleUrl('ace/snippets/json', snippetsJsonUrl)
+
+ace.require('ace/ext/language_tools')
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -80,8 +80,14 @@ export interface Subscribe {
  // 是否洗版，数字或者boolean
  best_version: any

+  // 使用 imdbid 搜索
+  search_imdbid?: any
+
  // 当前优先级
  current_priority: number
+
+  // 保存目录
+  save_path: string
 }

 // 历史记录
@@ -175,6 +181,9 @@ export interface MediaInfo {
  // 豆瓣ID
  douban_id?: string

+  // Bangumi ID
+  bangumi_id?: string
+
  // 媒体原语种
  original_language?: string

@@ -276,6 +285,9 @@ export interface MediaInfo {

  // 下一集
  next_episode_to_air?: object
+
+  // 别名
+  names?: string[]
 }

 // TMDB季信息
@@ -337,7 +349,7 @@ export interface TmdbEpisode {
  guest_stars: Object[]
 }

-// TMDB人特信息
+// TMDB人物信息
 export interface TmdbPerson {
  // ID
  id?: number
@@ -388,6 +400,56 @@ export interface TmdbPerson {
  biography?: string
 }

+// 豆瓣人物信息
+export interface DoubanPerson {
+  // ID
+  id?: string
+
+  // 名称
+  name?: string
+
+  // 角色
+  roles?: string[]
+
+  // 简介
+  title?: string
+
+  // 详情页面
+  url?: string
+
+  // 饰演
+  character?: string
+
+  // 图片 large/normal
+  avatar?: { [key: string]: string }
+
+  // 别名
+  latin_name?: string
+
+}
+
+// Bangumi人物信息
+export interface BangumiPerson {
+  // ID
+  id?: number
+
+  // 名称
+  name?: string
+
+  // 类型
+  type?: number
+
+  // 角色
+  career?: string[]
+
+  // images large/normal
+  images?: { [key: string]: string }
+
+  // 关系
+  relation?: string
+
+}
+
 // 站点
 export interface Site {

@@ -479,8 +541,11 @@ export interface DownloadingInfo {
  // 媒体信息
  media: { [key: string]: any }

-  // 下载用户
+  // 下载用户ID
  userid?: string
+
+  // 下载用户名称
+  username?: string
 }

 // 缺失剧集信息
@@ -512,9 +577,6 @@ export interface Plugin {
  // 插件图标
  plugin_icon?: string

-  // 主题色
-  plugin_color?: string
-
  // 插件版本
  plugin_version?: string

@@ -541,6 +603,15 @@ export interface Plugin {

  // 是否有详情页面
  has_page?: boolean
+
+  // 是否有新版本
+  has_update?: boolean
+
+  // 是否本地插件
+  is_local?: boolean
+
+  // 插件仓库地址
+  repo_url?: string
 }

 // 种子信息
@@ -614,6 +685,16 @@ export interface TorrentInfo {

  // 促销描述
  volume_factor: string
+
+  // 免费时间
+  freedate: string
+
+  // 剩余免费时间
+  freedate_diff: string
+
+  // 种子类型
+  category: string
+
 }

 // 识别元数据
@@ -749,18 +830,34 @@ export interface Context {

 // 用户信息
 export interface User {
+  // 用户ID
  id: number
+
+  // 用户名称
  name: string
+
+  // 用户密码
  password: string
+
+  // 用户邮箱
  email: string
+
+  // 是否激活
  is_active: boolean
+
+  // 是否管理员
  is_superuser: boolean
+
+  // 头像
  avatar: string
 }

 // 存储空间
 export interface Storage {
+  // 总空间
  total_storage: number
+
+  // 已使用空间
  used_storage: number
 }

@@ -833,6 +930,9 @@ export interface ScheduleInfo {
  // 名称
  name: string

+  // 提供者
+  provider: string
+
  // 状态
  status: string

@@ -851,6 +951,7 @@ export interface NotificationSwitch {
  telegram: boolean
  slack: boolean
  synologychat: boolean
+  vocechat: boolean
 }

 // 环境设置
@@ -861,22 +962,132 @@ export interface Setting {

 // 文件浏览接口
 export interface EndPoints {
+  // 文件列表
  list: any
+
+  // 创建目录
  mkdir: any
+
+  // 删除文件
  delete: any
+
+  // 下载文件
  download: any
+
+  // 图片预览
  image: any
+
+  // 重命名
  rename: any
 }

 // 文件浏览项目
 export interface FileItem {
+  // 类型
  type: string
+
+  // 文件名
  name: string
+
+  // 文件名不含扩展名
  basename: string
+
+  // 文件路径
  path: string
+
+  // 文件扩展名
  extension: string
+
+  // 文件大小
  size: number
+
+  // 文件子元素
  children: FileItem[]
+
+  // 文件创建时间
  modify_time: number
 }
+
+// 媒体服务器播放条目
+export interface MediaServerPlayItem {
+  // ID
+  id?: string | number
+
+  // 标题
+  title: string
+
+  // 副标题
+  subtitle?: string
+
+  // 类型
+  type?: string
+
+  // 海报
+  image?: string
+
+  // 链接
+  link?: string
+
+  // 播放百分比
+  percent?: number
+}
+
+// 媒体服务器媒体库
+export interface MediaServerLibrary {
+  // 服务器名称
+  server: string
+
+  // ID
+  id?: string | number
+
+  // 名称
+  name: string
+
+  // 路径
+  path?: string
+
+  // 类型
+  type?: string
+
+  // 图片
+  image?: string
+
+  // 图片列表
+  image_list?: string[]
+
+  // 链接
+  link?: string
+}
+
+// 消息通知
+export interface Message {
+  // 消息类型
+  mtype?: string
+
+  // 消息标题
+  title?: string
+
+  // 消息内容
+  text?: string
+
+  // 消息链接
+  link?: string
+
+  // 消息图片
+  image?: string
+
+  // 消息时间
+  date?: string
+
+  // 登记时间
+  reg_time?: string
+
+  // 用户ID
+  userid?: string
+
+  // 消息方向：0-接收，1-发送
+  action?: number
+
+  // JSON
+  note?: string
+}
--- a/src/assets/images/logos/fanart.webp
+++ b/src/assets/images/logos/fanart.webp
--- a/src/assets/images/logos/plugin.png
+++ b/src/assets/images/logos/plugin.png
--- a/src/assets/images/logos/thetvdb.jpeg
+++ b/src/assets/images/logos/thetvdb.jpeg
--- a/src/assets/images/misc/emby.png
+++ b/src/assets/images/misc/emby.png
--- a/src/assets/images/misc/jellyfin.png
+++ b/src/assets/images/misc/jellyfin.png
--- a/src/assets/images/misc/plex.png
+++ b/src/assets/images/misc/plex.png
--- a/src/components/FileBrowser.vue
+++ b/src/components/FileBrowser.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { Axios } from 'axios'
 import axios from 'axios'
+import List from './filebrowser/List.vue'

 import Toolbar from './filebrowser/Toolbar.vue'
 import Tree from './filebrowser/Tree.vue'
-import List from './filebrowser/List.vue'
 import type { EndPoints } from '@/api/types'

 // 输入参数
@@ -70,10 +70,12 @@ const storagesArray = computed(() => {

 // 方法
 function loadingChanged(loading: number) {
-  if (loading)
+  if (loading) {
    loading++
-  else if (loading > 0)
+  }
+  else if (loading > 0) {
    loading--
+  }
 }

 function storageChanged(storage: string) {
@@ -92,56 +94,58 @@ function sortChanged(s: string) {
 }

 // 初始化
-onBeforeMount(() => {
+onMounted(() => {
  activeStorage.value = props.storage ?? 'local'
  axiosInstance.value = props.axios ?? axios.create(props.axiosconfig)
 })
 </script>

 <template>
-  <VCard class="mx-auto" :loading="loading > 0">
-    <Toolbar
-      :path="props.path"
-      :storages="storagesArray"
-      :storage="activeStorage"
-      :endpoints="props.endpoints"
-      :axios="axiosInstance"
-      @storagechanged="storageChanged"
-      @pathchanged="pathChanged"
-      @foldercreated="refreshPending = true"
-      @sortchanged="sortChanged"
-    />
-    <VRow no-gutters>
-      <VCol v-if="tree" sm="auto" class="d-none d-md-block">
-        <Tree
-          :path="props.path"
-          :storage="activeStorage"
-          :icons="fileIcons"
-          :endpoints="endpoints"
-          :axios="axiosInstance"
-          :refreshpending="refreshPending"
-          @pathchanged="pathChanged"
-          @loading="loadingChanged"
-          @refreshed="refreshPending = false"
-        />
-      </VCol>
-      <VDivider v-if="tree" vertical />
-      <VCol>
-        <List
-          :path="props.path"
-          :storage="activeStorage"
-          :icons="fileIcons"
-          :endpoints="endpoints"
-          :axios="axiosInstance"
-          :refreshpending="refreshPending"
-          :sort="sort"
-          @pathchanged="pathChanged"
-          @loading="loadingChanged"
-          @refreshed="refreshPending = false"
-          @filedeleted="refreshPending = true"
-          @renamed="refreshPending = true"
-        />
-      </VCol>
-    </VRow>
+  <VCard class="mx-auto" :loading="loading > 0 || !path">
+    <div v-if="path">
+      <Toolbar
+        :path="path"
+        :storages="storagesArray"
+        :storage="activeStorage"
+        :endpoints="endpoints"
+        :axios="axiosInstance"
+        @storagechanged="storageChanged"
+        @pathchanged="pathChanged"
+        @foldercreated="refreshPending = true"
+        @sortchanged="sortChanged"
+      />
+      <VRow no-gutters>
+        <VCol v-if="tree" sm="auto" class="d-none d-md-block">
+          <Tree
+            :path="path"
+            :storage="activeStorage"
+            :icons="fileIcons"
+            :endpoints="endpoints"
+            :axios="axiosInstance"
+            :refreshpending="refreshPending"
+            @pathchanged="pathChanged"
+            @loading="loadingChanged"
+            @refreshed="refreshPending = false"
+          />
+        </VCol>
+        <VDivider v-if="tree" vertical />
+        <VCol>
+          <List
+            :path="path"
+            :storage="activeStorage"
+            :icons="fileIcons"
+            :endpoints="endpoints"
+            :axios="axiosInstance"
+            :refreshpending="refreshPending"
+            :sort="sort"
+            @pathchanged="pathChanged"
+            @loading="loadingChanged"
+            @refreshed="refreshPending = false"
+            @filedeleted="refreshPending = true"
+            @renamed="refreshPending = true"
+          />
+        </VCol>
+      </VRow>
+    </div>
  </VCard>
 </template>
--- a/src/components/cards/BackdropCard.vue
+++ b/src/components/cards/BackdropCard.vue
@@ -0,0 +1,89 @@
+<script lang="ts" setup>
+import type { MediaServerPlayItem } from '@/api/types'
+
+// 输入参数
+const props = defineProps({
+  media: Object as PropType<MediaServerPlayItem>,
+  width: String,
+  height: String,
+})
+
+// 图片是否加载完成
+const imageLoaded = ref(false)
+
+// 图片加载完成响应
+function imageLoadHandler() {
+  imageLoaded.value = true
+}
+
+// 跳转播放
+function goPlay() {
+  if (props.media?.link)
+    window.open(props.media?.link, '_blank')
+}
+
+// 计算图片地址
+const getImgUrl = computed(() => {
+  const image = props.media?.image || ''
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(image)}/0`
+})
+</script>
+
+<template>
+  <VHover
+    v-bind="props"
+    :height="props.height"
+    :width="props.width"
+  >
+    <template #default="hover">
+      <VCard
+        v-bind="hover.props"
+        :height="props.height"
+        :width="props.width"
+        class="ring-gray-500"
+        :class="{
+          'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering,
+          'ring-1': imageLoaded,
+        }"
+        @click="goPlay"
+      >
+        <template #image>
+          <VImg
+            :src="getImgUrl"
+            aspect-ratio="2/3"
+            cover
+            @load="imageLoadHandler"
+          >
+            <template #placeholder>
+              <div class="w-full h-full">
+                <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
+              </div>
+            </template>
+            <VCardText
+              class="w-full flex flex-col flex-wrap justify-end align-left text-white absolute bottom-0 cursor-pointer pa-2"
+            >
+              <h1 class="mb-1 text-white text-shadow font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ...">
+                {{ props.media?.title }}
+              </h1>
+              <span class="text-shadow">{{ props.media?.subtitle }}</span>
+            </VCardText>
+          </VImg>
+        </template>
+        <div class="w-full absolute bottom-0">
+          <VProgressLinear
+            v-if="props.media?.percent"
+            :model-value="props.media?.percent"
+            bg-color="success"
+            color="success"
+          />
+        </div>
+      </VCard>
+    </template>
+  </VHover>
+</template>
+
+<style lang="scss">
+.text-shadow{
+  text-shadow:1px 1px #777;
+}
+</style>
--- a/src/components/cards/BangumiPersonCard.vue
+++ b/src/components/cards/BangumiPersonCard.vue
@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+import personIcon from '@images/misc/person-icon.png'
+import type { BangumiPerson } from '@/api/types'
+
+const personProps = defineProps({
+  person: Object as PropType<BangumiPerson>,
+  width: String,
+  height: String,
+})
+
+// 当前人物
+const personInfo = ref(personProps.person)
+
+// 人物图片是否加载
+const isImageLoaded = ref(false)
+
+// 人物图片地址
+function getPersonImage() {
+  if (!personInfo.value?.images)
+    return personIcon
+  return personInfo.value?.images?.medium
+}
+
+// 使用、拼装人物角色
+function getPersonCharacter() {
+  if (!personInfo.value?.career)
+    return ''
+  return personInfo.value?.career.join('、')
+}
+
+// 打开人物详情
+function goPersonDetail() {
+  if (!personInfo.value?.id)
+    return
+  window.open(`https://bangumi.tv/person/${personInfo.value?.id}`, '_blank')
+}
+</script>
+
+<template>
+  <VHover v-bind="personProps">
+    <template #default="hover">
+      <VCard
+        v-bind="hover.props"
+        :height="personProps.height"
+        :width="personProps.width"
+        class="rounded-lg"
+        :class="{
+          'transition transform-cpu duration-300 scale-105': hover.isHovering,
+        }"
+        @click.stop="goPersonDetail"
+      >
+        <div
+          class="person-card relative transform-gpu cursor-pointer rounded shadow ring-1 transition duration-150 ease-in-out scale-100 ring-gray-700"
+        >
+          <div style="padding-bottom: 150%;">
+            <div class="absolute inset-0 flex h-full w-full flex-col items-center p-2">
+              <div class="relative mt-2 mb-4 flex h-1/2 w-full justify-center">
+                <VAvatar
+                  size="120"
+                  :class="{
+                    'ring-1 ring-gray-700': isImageLoaded,
+                  }"
+                >
+                  <VImg
+                    v-img
+                    :src="getPersonImage()"
+                    cover
+                    @load="isImageLoaded = true"
+                  />
+                </VAvatar>
+              </div>
+              <div class="w-full truncate text-center font-bold">
+                {{ personInfo?.name }}
+              </div>
+              <div class="overflow-hidden whitespace-normal text-center text-sm" style=" display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;">
+                {{ getPersonCharacter() }}
+              </div>
+              <div class="absolute bottom-0 left-0 right-0 h-12 rounded-b" />
+            </div>
+          </div>
+        </div>
+      </VCard>
+    </template>
+  </VHover>
+</template>
+
+<style lang="scss">
+.person-card {
+  background-image: linear-gradient(45deg, rgb(var(--v-theme-background)), rgb(var(--v-theme-surface)) 60%);
+}
+
+.person-card:hover {
+  background-image: linear-gradient(45deg, rgb(var(--v-theme-background)), rgb(var(--v-custom-background)) 60%);
+}
+</style>
--- a/src/components/cards/DoubanPersonCard.vue
+++ b/src/components/cards/DoubanPersonCard.vue
@@ -0,0 +1,88 @@
+<script lang="ts" setup>
+import personIcon from '@images/misc/person-icon.png'
+import type { DoubanPerson } from '@/api/types'
+
+const personProps = defineProps({
+  person: Object as PropType<DoubanPerson>,
+  width: String,
+  height: String,
+})
+
+// 当前人物
+const personInfo = ref(personProps.person)
+
+// 人物图片是否加载
+const isImageLoaded = ref(false)
+
+// 人物图片地址
+function getPersonImage() {
+  if (!personInfo.value?.avatar)
+    return personIcon
+  return personInfo.value?.avatar?.large
+}
+
+// 打开人物详情
+function goPersonDetail() {
+  if (!personInfo.value?.id)
+    return
+  window.open(`https://movie.douban.com/celebrity/${personInfo.value?.id}/`, '_blank')
+}
+</script>
+
+<template>
+  <VHover v-bind="personProps">
+    <template #default="hover">
+      <VCard
+        v-bind="hover.props"
+        :height="personProps.height"
+        :width="personProps.width"
+        class="rounded-lg"
+        :class="{
+          'transition transform-cpu duration-300 scale-105': hover.isHovering,
+        }"
+        @click.stop="goPersonDetail"
+      >
+        <div
+          class="person-card relative transform-gpu cursor-pointer rounded shadow ring-1 transition duration-150 ease-in-out scale-100 ring-gray-700"
+        >
+          <div style="padding-bottom: 150%;">
+            <div class="absolute inset-0 flex h-full w-full flex-col items-center p-2">
+              <div class="relative mt-2 mb-4 flex h-1/2 w-full justify-center">
+                <VAvatar
+                  size="120"
+                  :class="{
+                    'ring-1 ring-gray-700': isImageLoaded,
+                  }"
+                >
+                  <VImg
+                    v-img
+                    :src="getPersonImage()"
+                    cover
+                    @load="isImageLoaded = true"
+                  />
+                </VAvatar>
+              </div>
+              <div class="w-full truncate text-center font-bold">
+                {{ personInfo?.name }}
+              </div>
+              <div class="overflow-hidden whitespace-normal text-center text-sm" style=" display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;">
+                {{ personInfo?.character }}
+              </div>
+              <div class="absolute bottom-0 left-0 right-0 h-12 rounded-b" />
+            </div>
+          </div>
+        </div>
+      </VCard>
+    </template>
+  </VHover>
+</template>
+
+<style lang="scss">
+.person-card {
+  background-image: linear-gradient(45deg, rgb(var(--v-theme-background)), rgb(var(--v-theme-surface)) 60%);
+}
+
+.person-card:hover {
+  background-image: linear-gradient(45deg, rgb(var(--v-theme-background)), rgb(var(--v-custom-background)) 60%);
+}
+</style>
--- a/src/components/cards/DownloadingCard.vue
+++ b/src/components/cards/DownloadingCard.vue
@@ -23,6 +23,11 @@ function getSpeedText() {
 // 下载状态
 const isDownloading = ref(props.info?.state === 'downloading')

+// 监听props.info?.state的变化
+watch(() => props.info?.state, (newValue) => {
+  isDownloading.value = newValue === 'downloading'
+})
+
 // 图片是否加载完成
 const imageLoaded = ref(false)

--- a/src/components/cards/FilterRuleCard.vue
+++ b/src/components/cards/FilterRuleCard.vue
@@ -36,6 +36,7 @@ const selectFilterOptions = ref<{ [key: string]: string }[]>([
  { title: '特效字幕', value: ' SPECSUB ' },
  { title: '中文字幕', value: ' CNSUB ' },
  { title: '国语配音', value: ' CNVOI ' },
+  { title: '官种', value: ' GZ ' },
  { title: '排除: 国语配音', value: ' !CNVOI ' },
  { title: '粤语配音', value: ' HKVOI ' },
  { title: '排除: 粤语配音', value: ' !HKVOI ' },
--- a/src/components/cards/LibraryCard.vue
+++ b/src/components/cards/LibraryCard.vue
@@ -0,0 +1,202 @@
+<script lang="ts" setup>
+import type { MediaServerLibrary } from '@/api/types'
+import plex from '@images/misc/plex.png'
+import emby from '@images/misc/emby.png'
+import jellyfin from '@images/misc/jellyfin.png'
+
+// 输入参数
+const props = defineProps({
+  media: Object as PropType<MediaServerLibrary>,
+  width: String,
+  height: String,
+})
+
+// canvas
+const canvasRef = ref<HTMLCanvasElement>()
+
+// 图片地址
+const imgUrl = ref('')
+
+// 图片是否加载完成
+const imageLoaded = ref(false)
+
+// 图片是否加载错误
+const imageError = ref(false)
+
+// 图片加载完成响应
+function imageLoadHandler() {
+  imageLoaded.value = true
+}
+
+// 图片加载错误
+function imageErrorHandler() {
+  imageError.value = true
+}
+
+// 默认图片
+function getDefaultImage() {
+  if (props.media?.server === 'plex')
+    return plex
+  else if (props.media?.server === 'emby')
+    return emby
+  else if (props.media?.server === 'jellyfin')
+    return jellyfin
+  else
+    return plex
+}
+
+// 跳转播放
+function goPlay() {
+  if (props.media?.link)
+    window.open(props.media?.link, '_blank')
+}
+
+// 生成图片代理路径
+function getImgUrl(url: string) {
+  if (!url)
+    return getDefaultImage()
+  else
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(url)}/0`
+}
+
+// 根据多张图片生成媒体库封面
+async function drawImages(imageList: string[]) {
+  // 图片
+  const IMAGES = imageList
+  if (IMAGES.length === 0)
+    return getDefaultImage()
+
+  // 为所有图片添加system/img前缀
+  for (let i = 0; i < IMAGES.length; i++)
+    IMAGES[i] = `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(IMAGES[i])}/0`
+
+  // canvas
+  const canvas = canvasRef.value
+  if (!canvas)
+    return getDefaultImage()
+
+  // 画布参数
+  const POSTER_WIDTH = (canvas.width - 32) / 4
+  const POSTER_HEIGHT = canvas.height * 0.75 - 8
+  const MARGIN_WIDTH = 4
+  const MARGIN_HEIGHT = 4
+  const REFLECTION_HEIGHT = POSTER_HEIGHT / 2
+  const REFLECTION_SHOW_HEIGHT = canvas.height / 4
+
+  // 获取画布上下文
+  const ctx = canvas.getContext('2d')
+  if (!ctx)
+    return getDefaultImage()
+
+  // 设置背景色为黑色
+  ctx.fillStyle = '#000000'
+  ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+  // 绘制图片
+  async function drawImageWithReflection(imgSrc: string, index: number) {
+    if (!canvas)
+      return
+
+    if (!ctx)
+      return
+
+    const img = new Image()
+    img.setAttribute('crossorigin', 'anonymous')
+    img.src = imgSrc
+    await new Promise(resolve => img.onload = resolve)
+
+    const x = MARGIN_WIDTH * index + POSTER_WIDTH * (index - 1)
+    const y = MARGIN_HEIGHT
+
+    ctx.drawImage(img, x, y, POSTER_WIDTH, POSTER_HEIGHT)
+
+    ctx.save()
+    ctx.translate(0, canvas.height)
+    ctx.scale(1, -1)
+    ctx.drawImage(
+      img,
+      0,
+      0,
+      img.width,
+      img.height,
+      x,
+      REFLECTION_SHOW_HEIGHT - REFLECTION_HEIGHT,
+      POSTER_WIDTH,
+      REFLECTION_HEIGHT,
+    )
+
+    const gradient = ctx.createLinearGradient(
+      0,
+      REFLECTION_SHOW_HEIGHT - REFLECTION_HEIGHT,
+      0,
+      REFLECTION_HEIGHT,
+    )
+
+    gradient.addColorStop(0, 'rgba(0, 0, 0, 1)')
+    gradient.addColorStop(1, 'rgba(0, 0, 0, 0.3)')
+    ctx.fillStyle = gradient
+    ctx.fillRect(x, 0, POSTER_WIDTH, REFLECTION_SHOW_HEIGHT)
+
+    ctx.restore()
+  }
+
+  // 绘制多张图片
+  const loopCount = Math.min(4, IMAGES.length)
+  for (let i = 0; i < loopCount; i++)
+    await drawImageWithReflection(IMAGES[i], i + 1)
+
+  // 转换为图片地址
+  return canvas.toDataURL('image/png')
+}
+
+onMounted(async () => {
+  if (props.media?.image_list && props.media?.image_list.length > 0)
+    imgUrl.value = await drawImages(props.media?.image_list || [])
+  else
+    imgUrl.value = getImgUrl(props.media?.image || '')
+})
+</script>
+
+<template>
+  <VHover
+    v-bind="props"
+    :height="props.height"
+    :width="props.width"
+  >
+    <template #default="hover">
+      <VCard
+        v-bind="hover.props"
+        :height="props.height"
+        :width="props.width"
+        :class="{
+          'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering,
+        }"
+        @click="goPlay"
+      >
+        <template #image>
+          <canvas ref="canvasRef" class="w-full h-full hidden" />
+          <VImg
+            :src="imgUrl"
+            aspect-ratio="2/3"
+            cover
+            @load="imageLoadHandler"
+            @error="imageErrorHandler"
+          >
+            <template #placeholder>
+              <div class="w-full h-full">
+                <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
+              </div>
+            </template>
+            <VCardText
+              class="w-full flex flex-col flex-wrap justify-end align-center text-white absolute bottom-0 cursor-pointer pa-2"
+            >
+              <h1 class="mb-1 text-white font-bold line-clamp-2 overflow-hidden text-ellipsis ...">
+                {{ props.media?.name }}
+              </h1>
+            </VCardText>
+          </VImg>
+        </template>
+      </VCard>
+    </template>
+  </VHover>
+</template>
--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -16,6 +16,11 @@ const props = defineProps({
  height: String,
 })

+// 订阅规则
+const subscribeRules = ref({
+  show_edit_dialog: false,
+})
+
 // 提示框
 const $toast = useToast()

@@ -34,7 +39,7 @@ const isSubscribed = ref(false)
 // 本地存在状态
 const isExists = ref(false)

-// 各季缺失状态：0-已存在 1-部分缺失 2-全部缺失，没有数据也是已存在
+// 各季缺失状态：0-已入库 1-部分缺失 2-全部缺失，没有数据也是已入库
 const seasonsNotExisted = ref<{ [key: number]: number }>({})

 // 订阅季弹窗
@@ -52,6 +57,15 @@ const seasonInfos = ref<TmdbSeason[]>([])
 // 选中的订阅季
 const seasonsSelected = ref<TmdbSeason[]>([])

+// 获得mediaid
+function getMediaId() {
+  return props.media?.tmdb_id
+    ? `tmdb:${props.media?.tmdb_id}`
+    : props.media?.douban_id
+      ? `douban:${props.media?.douban_id}`
+      : `bangumi:${props.media?.bangumi_id}`
+}
+
 // 订阅弹窗选择的多季
 function subscribeSeasons() {
  subscribeSeasonDialog.value = false
@@ -126,6 +140,7 @@ async function addSubscribe(season = 0) {
      year: props.media?.year,
      tmdbid: props.media?.tmdb_id,
      doubanid: props.media?.douban_id,
+      bangumiid: props.media?.bangumi_id,
      season,
      best_version,
    })
@@ -146,7 +161,7 @@ async function addSubscribe(season = 0) {
    )

    // 弹出订阅编辑弹窗
-    if (result.success && seasonsSelected.value.length <= 1) {
+    if (result.success && seasonsSelected.value.length <= 1 && subscribeRules.value.show_edit_dialog) {
      subscribeId.value = result.data.id
      subscribeEditDialog.value = true
    }
@@ -181,9 +196,7 @@ async function removeSubscribe() {
  // 开始处理
  startNProgress()
  try {
-    const mediaid = props.media?.tmdb_id
-      ? `tmdb:${props.media?.tmdb_id}`
-      : `douban:${props.media?.douban_id}`
+    const mediaid = getMediaId()

    const result: { [key: string]: any } = await api.delete(
      `subscribe/media/${mediaid}`,
@@ -220,10 +233,10 @@ async function handleCheckSubscribe() {
  }
 }

-// 查询当前媒体是否已存在
+// 查询当前媒体是否已入库
 async function handleCheckExists() {
  try {
-    const result: { [key: string]: any } = await api.get('media/exists', {
+    const result: { [key: string]: any } = await api.get('mediaserver/exists', {
      params: {
        tmdbid: props.media?.tmdb_id,
        title: props.media?.title,
@@ -244,13 +257,12 @@ async function handleCheckExists() {
 // 调用API检查是否已订阅，电视剧需要指定季
 async function checkSubscribe(season = 0) {
  try {
-    const mediaid = props.media?.tmdb_id
-      ? `tmdb:${props.media?.tmdb_id}`
-      : `douban:${props.media?.douban_id}`
+    const mediaid = getMediaId()

    const result: Subscribe = await api.get(`subscribe/media/${mediaid}`, {
      params: {
        season,
+        title: props.media?.title,
      },
    })

@@ -268,10 +280,10 @@ async function checkSeasonsNotExists() {
  // 开始处理
  startNProgress()
  try {
-    const result: NotExistMediaInfo[] = await api.post('download/notexists', props.media)
+    const result: NotExistMediaInfo[] = await api.post('mediaserver/notexists', props.media)
    if (result) {
      result.forEach((item) => {
-        // 0-已存在 1-部分缺失 2-全部缺失
+        // 0-已入库 1-部分缺失 2-全部缺失
        let state = 0
        if (item.episodes.length === 0)
          state = 2
@@ -301,6 +313,20 @@ async function getMediaSeasons() {
  }
 }

+// 查询订阅弹窗规则
+async function querySubscribeRules() {
+  try {
+    const result: { [key: string]: any } = await api.get(
+      'system/setting/DefaultFilterRules',
+    )
+    if (result.data?.value)
+      subscribeRules.value = result.data?.value
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
 // 爱心订阅按钮响应
 function handleSubscribe() {
  if (isSubscribed.value)
@@ -327,14 +353,14 @@ function getExistColor(season: number) {
 function getExistText(season: number) {
  const state = seasonsNotExisted.value[season]
  if (!state)
-    return '已存在'
+    return '已入库'

  if (state === 1)
    return '部分缺失'
  else if (state === 2)
    return '缺失'
  else
-    return '已存在'
+    return '已入库'
 }

 // 打开详情页
@@ -342,11 +368,7 @@ function goMediaDetail() {
  router.push({
    path: '/media',
    query: {
-      mediaid: `${
-        props.media?.tmdb_id
-          ? `tmdb:${props.media?.tmdb_id}`
-          : `douban:${props.media?.douban_id}`
-      }`,
+      mediaid: getMediaId(),
      type: props.media?.type,
    },
  })
@@ -357,11 +379,7 @@ function handleSearch() {
  router.push({
    path: '/resource',
    query: {
-      keyword: `${
-        props.media?.tmdb_id
-          ? `tmdb:${props.media?.tmdb_id}`
-          : `douban:${props.media?.douban_id}`
-      }`,
+      keyword: getMediaId(),
      type: props.media?.type,
      area: 'title',
    },
@@ -372,6 +390,7 @@ function handleSearch() {
 onBeforeMount(() => {
  handleCheckSubscribe()
  handleCheckExists()
+  querySubscribeRules()
 })

 // 计算图片地址
--- a/src/components/cards/MessageCard.vue
+++ b/src/components/cards/MessageCard.vue
@@ -0,0 +1,112 @@
+<script lang="ts" setup>
+import type { Message } from '@/api/types'
+import { formatDateDifference } from '@core/utils/formatters'
+
+// 输入参数
+const props = defineProps({
+  message: Object as PropType<Message>,
+  width: String,
+  height: String,
+})
+
+// 图片是否加载完成
+const isImageLoaded = ref(false)
+
+// 图片是否加载失败
+const imageLoadError = ref(false)
+
+// 图片加载完成
+async function imageLoaded() {
+  isImageLoaded.value = true
+}
+
+// 链接打开新窗口
+function openLink() {
+  if (props.message?.link)
+    window.open(props.message.link, '_blank')
+}
+
+// 将note转换为json
+function noteToJson() {
+  if (props.message?.note) {
+    try {
+      return JSON.parse(props.message.note)
+    }
+    catch (error) {
+      console.error(error)
+    }
+  }
+  return {}
+}
+
+// 将\n转换为html属性的换行符
+function replaceNewLine(value: string) {
+  if (!value)
+    return ''
+  return value.replace(/\n/g, '<br/>')
+}
+</script>
+
+<template>
+  <VCard
+    :width="props.width"
+    :height="props.height"
+    variant="tonal"
+    @click="openLink"
+  >
+    <div
+      v-if="props.message?.image"
+      class="relative text-center card-cover-blurred"
+    >
+      <VImg
+        :src="props.message?.image"
+        aspect-ratio="4/3"
+        cover
+        :class="{ shadow: isImageLoaded }"
+        @load="imageLoaded"
+        @error="imageLoadError = true"
+      />
+    </div>
+    <VCardTitle v-if="props.message?.title" class="whitespace-break-spaces">
+      {{ props.message?.title }}
+    </VCardTitle>
+    <VAlert
+      v-if="props.message?.text && props.message?.action === 0"
+      variant="tonal"
+      type="success"
+    >
+      <template #prepend />
+      {{ props.message?.text }}
+    </VAlert>
+    <VCardText
+      v-if="props.message?.text && props.message?.action === 1"
+      v-html="replaceNewLine(props.message?.text)"
+    />
+    <VCardText v-if="props.message?.note">
+      <VList>
+        <VListItem
+          v-for="(value, key) in noteToJson()"
+          :key="key"
+          two-line
+        >
+          <VListItemTitle v-if="value.title_year" class="font-bold">
+            {{ key + 1 }}. {{ value.title_year }}
+          </VListItemTitle>
+          <VListItemTitle v-if="value.enclosure" class="font-bold whitespace-break-spaces">
+            {{ key + 1 }}. {{ value.title }} {{ value.volume_factor }} ↑{{ value.seeders }}
+          </VListItemTitle>
+          <VListItemSubtitle v-if="value.type">
+            类型：{{ value.type }} 评分：{{ value.vote_average }}
+          </VListItemSubtitle>
+          <VListItemSubtitle v-if="value.enclosure" class="whitespace-break-spaces">
+            {{ value.description }}
+          </VListItemSubtitle>
+        </VListItem>
+      </VList>
+    </VCardText>
+    <div class="text-end">
+      <span v-if="props.message?.action === 0" class="text-sm italic me-2">{{ props.message?.userid }}</span>
+      <span class="text-sm italic me-2">{{ formatDateDifference(props.message?.reg_time || props.message?.date || '') }}</span>
+    </div>
+  </VCard>
+</template>
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -2,6 +2,8 @@
 import { useToast } from 'vue-toast-notification'
 import api from '@/api'
 import type { Plugin } from '@/api/types'
+import noImage from '@images/logos/plugin.png'
+import { getDominantColor } from '@/@core/utils/image'

 // 输入参数
 const props = defineProps({
@@ -13,19 +15,55 @@ const props = defineProps({
 // 定义触发的自定义事件
 const emit = defineEmits(['install'])

+// 背景颜色
+const backgroundColor = ref('#28A9E1')
+
+// 图片对象
+const imageRef = ref<any>()
+
 // 提示框
 const $toast = useToast()

+// 进度框
+const progressDialog = ref(false)
+
+// 进度框文本
+const progressText = ref('正在安装插件...')
+
 // 图片是否加载完成
 const isImageLoaded = ref(false)

+// 图片是否加载失败
+const imageLoadError = ref(false)
+
+// 图片加载完成
+async function imageLoaded() {
+  isImageLoaded.value = true
+  const imageElement = imageRef.value?.$el.querySelector('img') as HTMLImageElement
+  // 从图片中提取背景色
+  backgroundColor.value = await getDominantColor(imageElement)
+}
+
 // 安装插件
 async function installPlugin() {
  try {
+    // 显示等待提示框
+    progressDialog.value = true
+    progressText.value = `正在安装 ${props.plugin?.plugin_name} v${props?.plugin?.plugin_version} ...`
+
    const result: { [key: string]: any } = await api.get(
      `plugin/install/${props.plugin?.id}`,
+      {
+        params: {
+          repo_url: props.plugin?.repo_url,
+          force: props.plugin?.has_update,
+        },
+      },
    )

+    // 隐藏等待提示框
+    progressDialog.value = false
+
    if (result.success) {
      $toast.success(`插件 ${props.plugin?.plugin_name} 安装成功！`)

@@ -33,13 +71,63 @@ async function installPlugin() {
      emit('install')
    }
    else {
-      $toast.error(`插件 ${props.plugin?.plugin_name} 安装失败：${result.message}}`)
+      $toast.error(`插件 ${props.plugin?.plugin_name} 安装失败：${result.message}`)
    }
  }
  catch (error) {
    console.error(error)
  }
 }
+
+// 计算图标路径
+const iconPath: Ref<string> = computed(() => {
+  if (imageLoadError.value)
+    return noImage
+  // 如果是网络图片则使用代理后返回
+  if (props.plugin?.plugin_icon?.startsWith('http'))
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(props.plugin?.plugin_icon)}/1`
+
+  return `./plugin_icon/${props.plugin?.plugin_icon}`
+})
+
+// 访问插件页面
+function visitPluginPage() {
+  // 将raw.githubusercontent.com转换为项目地址
+  let repoUrl = props.plugin?.repo_url
+  if (repoUrl) {
+    if (repoUrl.includes('raw.githubusercontent.com')) {
+      if (!repoUrl.endsWith('/'))
+        repoUrl += '/'
+
+      if (repoUrl.split('/').length < 6)
+        repoUrl = `${repoUrl}main/`
+
+      try {
+        const [user, repo] = repoUrl.split('/').slice(-4, -2)
+        repoUrl = `https://github.com/${user}/${repo}`
+      }
+      catch (error) {
+        return
+      }
+    }
+  }
+  else {
+    repoUrl = props.plugin?.author_url
+  }
+  window.open(repoUrl, '_blank')
+}
+
+// 弹出菜单
+const dropdownItems = ref([
+  {
+    title: '查看详情',
+    value: 1,
+    props: {
+      prependIcon: 'mdi-information-outline',
+      click: visitPluginPage,
+    },
+  },
+])
 </script>

 <template>
@@ -50,27 +138,55 @@ async function installPlugin() {
  >
    <div
      class="relative pa-4 text-center card-cover-blurred"
-      :style="{ background: `${props.plugin?.plugin_color}` }"
+      :style="{ background: `${backgroundColor}` }"
    >
+      <div class="me-n3 absolute top-0 right-3">
+        <IconBtn>
+          <VIcon icon="mdi-dots-vertical" class="text-white" />
+          <VMenu
+            activator="parent"
+            close-on-content-click
+          >
+            <VList>
+              <VListItem
+                v-for="(item, i) in dropdownItems"
+                :key="i"
+                variant="plain"
+                @click="item.props.click"
+              >
+                <template #prepend>
+                  <VIcon :icon="item.props.prependIcon" />
+                </template>
+                <VListItemTitle v-text="item.title" />
+              </VListItem>
+            </VList>
+          </VMenu>
+        </IconBtn>
+      </div>
      <VAvatar
        size="8rem"
-        :class="{ shadow: isImageLoaded }"
      >
        <VImg
-          :src="`/plugin_icon/${props.plugin?.plugin_icon}`"
+          ref="imageRef"
+          :src="iconPath"
          aspect-ratio="4/3"
          cover
-          @load="isImageLoaded = true"
+          :class="{ shadow: isImageLoaded }"
+          @load="imageLoaded"
+          @error="imageLoadError = true"
        />
      </VAvatar>
    </div>
-    <VCardTitle>{{ props.plugin?.plugin_name }}</VCardTitle>
-
-    <VCardText>
+    <VCardTitle>
+      {{ props.plugin?.plugin_name }}
+      <span class="text-sm text-gray-500">v{{ props.plugin?.plugin_version }}</span>
+    </VCardTitle>
+    <VCardText class="pb-2">
      {{ props.plugin?.plugin_desc }}
    </VCardText>
-    <VCardText>
-      作者：<a
+    <VCardText class="flex items-center justify-start pb-2">
+      <VIcon icon="mdi-account" class="me-1" />
+      <a
        :href="props.plugin?.author_url"
        target="_blank"
        @click.stop
@@ -79,6 +195,25 @@ async function installPlugin() {
      </a>
    </VCardText>
  </VCard>
+  <!-- 安装插件进度框 -->
+  <VDialog
+    v-model="progressDialog"
+    :scrim="false"
+    width="25rem"
+  >
+    <VCard
+      color="primary"
+    >
+      <VCardText class="text-center">
+        {{ progressText }}
+        <VProgressLinear
+          indeterminate
+          color="white"
+          class="mb-0 mt-1"
+        />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>

 <style lang="scss" scoped>
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -1,10 +1,14 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
+import { useConfirm } from 'vuetify-use-dialog'
 import api from '@/api'
 import type { Plugin } from '@/api/types'
 import FormRender from '@/components/render/FormRender.vue'
 import PageRender from '@/components/render/PageRender.vue'
 import { isNullOrEmptyObject } from '@core/utils'
+import noImage from '@images/logos/plugin.png'
+import { getDominantColor } from '@/@core/utils/image'
+import store from '@/store'

 // 输入参数
 const props = defineProps({
@@ -16,9 +20,18 @@ const props = defineProps({
 // 定义触发的自定义事件
 const emit = defineEmits(['remove', 'save'])

+// 背景颜色
+const backgroundColor = ref('#28A9E1')
+
+// 图片对象
+const imageRef = ref<any>()
+
 // 提示框
 const $toast = useToast()

+// 确认框
+const createConfirm = useConfirm()
+
 // 本身是否可见
 const isVisible = ref(true)

@@ -28,22 +41,60 @@ const pluginConfigDialog = ref(false)
 // 插件配置表单数据
 const pluginConfigForm = ref({})

+// 进度框
+const progressDialog = ref(false)
+
 // 插件表单配置项
 let pluginFormItems = reactive([])

-// 插件详情页面
+// 插件数据页面
 const pluginInfoDialog = ref(false)

-// 插件详情页面配置项
+// 进度框文本
+const progressText = ref('正在更新插件...')
+
+// 插件数据页面配置项
 let pluginPageItems = reactive([])

 // 图片是否加载完成
 const isImageLoaded = ref(false)

+// 图片是否加载失败
+const imageLoadError = ref(false)
+
+// 图片加载完成
+async function imageLoaded() {
+  isImageLoaded.value = true
+  const imageElement = imageRef.value?.$el.querySelector('img') as HTMLImageElement
+  // 从图片中提取背景色
+  backgroundColor.value = await getDominantColor(imageElement)
+}
+
 // 调用API卸载插件
 async function uninstallPlugin() {
+  const isConfirmed = await createConfirm({
+    title: '确认',
+    content: `是否确认卸载插件 ${props.plugin?.plugin_name} ?`,
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      variant: 'tonal',
+    },
+  })
+
+  if (!isConfirmed)
+    return
+
  try {
+  // 显示等待提示框
+    progressDialog.value = true
+    progressText.value = `正在卸载 ${props.plugin?.plugin_name} ...`
    const result: { [key: string]: any } = await api.delete(`plugin/${props.plugin?.id}`)
+    // 隐藏等待提示框
+    progressDialog.value = false
    if (result.success) {
      $toast.success(`插件 ${props.plugin?.plugin_name} 已卸载`)

@@ -74,7 +125,7 @@ async function loadPluginForm() {
  }
 }

-// 调用API读取详情页面
+// 调用API读取数据页面
 async function loadPluginPage() {
  try {
    const result: [] = await api.get(`plugin/page/${props.plugin?.id}`)
@@ -117,9 +168,9 @@ async function savePluginConf() {
  }
 }

-// 显示插件详情
+// 显示插件数据
 async function showPluginInfo() {
-  // 加载详情
+  // 加载数据
  await loadPluginPage()
  pluginConfigDialog.value = false
  pluginInfoDialog.value = true
@@ -136,10 +187,102 @@ async function showPluginConfig() {
  pluginConfigDialog.value = true
 }

+// 计算图标路径
+const iconPath: Ref<string> = computed(() => {
+  if (imageLoadError.value)
+    return noImage
+  // 如果是网络图片则使用代理后返回
+  if (props.plugin?.plugin_icon?.startsWith('http'))
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(props.plugin?.plugin_icon)}/1`
+
+  return `./plugin_icon/${props.plugin?.plugin_icon}`
+})
+
+// 重置插件
+async function resetPlugin() {
+  const isConfirmed = await createConfirm({
+    title: '确认',
+    content: `是否确认重置插件 ${props.plugin?.plugin_name} 的配置数据?`,
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      variant: 'tonal',
+    },
+  })
+
+  if (!isConfirmed)
+    return
+
+  try {
+    const result: { [key: string]: any } = await api.get(`plugin/reset/${props.plugin?.id}`)
+    if (result.success) {
+      $toast.success(`插件 ${props.plugin?.plugin_name} 数据已重置`)
+      // 通知父组件刷新
+      emit('save')
+    }
+    else {
+      $toast.error(`插件 ${props.plugin?.plugin_name} 重置失败：${result.message}}`)
+    }
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+// 更新插件
+async function updatePlugin() {
+  try {
+    // 显示等待提示框
+    progressDialog.value = true
+    progressText.value = `正在更新 ${props.plugin?.plugin_name} ...`
+
+    const result: { [key: string]: any } = await api.get(
+      `plugin/install/${props.plugin?.id}`,
+      {
+        params: {
+          repo_url: props.plugin?.repo_url,
+          force: true,
+        },
+      },
+    )
+
+    // 隐藏等待提示框
+    progressDialog.value = false
+
+    if (result.success) {
+      $toast.success(`插件 ${props.plugin?.plugin_name} 更新成功！`)
+
+      // 通知父组件刷新
+      emit('save')
+    }
+    else {
+      $toast.error(`插件 ${props.plugin?.plugin_name} 更新失败：${result.message}`)
+    }
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+// 访问作者主页
+function visitAuthorPage() {
+  window.open(props.plugin?.author_url, '_blank')
+}
+
+// 查看日志URL
+function openLoggerWindow() {
+  const token = store.state.auth.token
+  const url = `${import.meta.env.VITE_API_BASE_URL}system/logging?token=${token}&length=-1&logfile=plugins/${props.plugin?.id?.toLowerCase()}.log`
+  window.open(url, '_blank')
+}
+
 // 弹出菜单
 const dropdownItems = ref([
  {
-    title: '查看详情',
+    title: '查看数据',
    value: 1,
    show: props.plugin?.has_page,
    props: {
@@ -148,7 +291,7 @@ const dropdownItems = ref([
    },
  },
  {
-    title: '配置',
+    title: '设置',
    value: 2,
    show: true,
    props: {
@@ -157,8 +300,28 @@ const dropdownItems = ref([
    },
  },
  {
-    title: '卸载',
+    title: '更新',
    value: 3,
+    show: props.plugin?.has_update,
+    props: {
+      prependIcon: 'mdi-cancel',
+      color: 'success',
+      click: updatePlugin,
+    },
+  },
+  {
+    title: '重置',
+    value: 4,
+    show: true,
+    props: {
+      prependIcon: 'mdi-cancel',
+      color: 'warning',
+      click: resetPlugin,
+    },
+  },
+  {
+    title: '卸载',
+    value: 5,
    show: true,
    props: {
      prependIcon: 'mdi-trash-can-outline',
@@ -166,7 +329,34 @@ const dropdownItems = ref([
      click: uninstallPlugin,
    },
  },
+  {
+    title: '查看日志',
+    value: 6,
+    show: true,
+    props: {
+      prependIcon: 'mdi-file-document-outline',
+      click: () => {
+        openLoggerWindow()
+      },
+    },
+  },
+  {
+    title: '作者主页',
+    value: 7,
+    show: true,
+    props: {
+      prependIcon: 'mdi-home-circle-outline',
+      click: visitAuthorPage,
+    },
+  },
 ])
+
+// 监听插件状态变化
+watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => {
+  const updateItemIndex = dropdownItems.value.findIndex(item => item.value === 3)
+  if (updateItemIndex !== -1)
+    dropdownItems.value[updateItemIndex].show = newHasUpdate
+})
 </script>

 <template>
@@ -184,8 +374,17 @@ const dropdownItems = ref([
  >
    <div
      class="relative pa-4 text-center card-cover-blurred"
-      :style="{ background: `${props.plugin?.plugin_color}` }"
+      :style="{ background: `${backgroundColor}` }"
    >
+      <div
+        v-if="props.plugin?.has_update"
+        class="me-n3 absolute top-0 left-1"
+      >
+        <VIcon
+          icon="mdi-new-box"
+          class="text-white"
+        />
+      </div>
      <div class="me-n3 absolute top-0 right-3">
        <IconBtn>
          <VIcon icon="mdi-dots-vertical" class="text-white" />
@@ -213,20 +412,22 @@ const dropdownItems = ref([
      </div>
      <VAvatar
        size="8rem"
-        :class="{ shadow: isImageLoaded }"
      >
        <VImg
-          :src="`/plugin_icon/${props.plugin?.plugin_icon}`"
+          ref="imageRef"
+          :src="iconPath"
          aspect-ratio="4/3"
          cover
          :class="{ shadow: isImageLoaded }"
+          @load="imageLoaded"
+          @error="imageLoadError = true"
        />
      </VAvatar>
    </div>
    <VCardItem class="py-2">
      <VCardTitle class="flex items-center flex-row">
        <VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
-        {{ props.plugin?.plugin_name }}
+        {{ props.plugin?.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ props.plugin?.plugin_version }}</span>
      </VCardTitle>
    </VCardItem>
    <VCardText>
@@ -254,7 +455,7 @@ const dropdownItems = ref([
      </VCardText>
      <VCardActions>
        <VBtn v-if="pluginPageItems.length > 0" @click="showPluginInfo">
-          查看详情
+          查看数据
        </VBtn>
        <VSpacer />
        <VBtn
@@ -267,7 +468,7 @@ const dropdownItems = ref([
    </VCard>
  </VDialog>

-  <!-- 插件详情页面 -->
+  <!-- 插件数据页面 -->
  <VDialog
    v-model="pluginInfoDialog"
    scrollable
@@ -301,6 +502,25 @@ const dropdownItems = ref([
      </VCardActions>
    </VCard>
  </VDialog>
+  <!-- 更新插件进度框 -->
+  <VDialog
+    v-model="progressDialog"
+    :scrim="false"
+    width="25rem"
+  >
+    <VCard
+      color="primary"
+    >
+      <VCardText class="text-center">
+        {{ progressText }}
+        <VProgressLinear
+          indeterminate
+          color="white"
+          class="mb-0 mt-1"
+        />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>

 <style lang="scss" scoped>
--- a/src/components/cards/PosterCard.vue
+++ b/src/components/cards/PosterCard.vue
@@ -0,0 +1,102 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { MediaServerPlayItem } from '@/api/types'
+import noImage from '@images/no-image.jpeg'
+
+// 输入参数
+const props = defineProps({
+  media: Object as PropType<MediaServerPlayItem>,
+  width: String,
+  height: String,
+})
+
+// 图片加载状态
+const isImageLoaded = ref(false)
+
+// 图片加载失败
+const imageLoadError = ref(false)
+
+// 角标颜色
+function getChipColor(type: string) {
+  if (type === '电影')
+    return 'border-blue-500 bg-blue-600'
+  else if (type === '电视剧')
+    return ' bg-indigo-500 border-indigo-600'
+  else
+    return 'border-purple-600 bg-purple-600'
+}
+
+// 计算图片地址
+const getImgUrl = computed(() => {
+  if (imageLoadError.value)
+    return noImage
+  const image = props.media?.image || ''
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(image)}/0`
+})
+
+// 跳转播放
+function goPlay() {
+  if (props.media?.link)
+    window.open(props.media?.link, '_blank')
+}
+</script>
+
+<template>
+  <VHover v-bind="props">
+    <template #default="hover">
+      <VCard
+        v-bind="hover.props"
+        :height="props.height"
+        :width="props.width"
+        class="outline-none shadow ring-gray-500 rounded-lg"
+        :class="{
+          'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering,
+          'ring-1': isImageLoaded,
+        }"
+        @click.stop="goPlay"
+      >
+        <VImg
+          aspect-ratio="2/3"
+          :src="getImgUrl"
+          class="object-cover aspect-w-2 aspect-h-3"
+          :class="hover.isHovering ? 'on-hover' : ''"
+          cover
+          @load="isImageLoaded = true"
+          @error="imageLoadError = true"
+        >
+          <template #placeholder>
+            <div class="w-full h-full">
+              <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+            </div>
+          </template>
+          <!-- 类型角标 -->
+          <VChip
+            v-show="isImageLoaded"
+            variant="elevated"
+            size="small"
+            :class="getChipColor(props.media?.type || '')"
+            class="absolute left-2 top-2 bg-opacity-80 shadow-md text-white font-bold"
+          >
+            {{ props.media?.type }}
+          </VChip>
+          <!-- 详情 -->
+          <VCardText
+            v-show="hover.isHovering || imageLoadError"
+            class="w-full flex flex-col flex-wrap justify-end align-left text-white absolute bottom-0 cursor-pointer pa-2"
+          >
+            <span class="font-bold">{{ props.media?.subtitle }}</span>
+            <h1 class="mb-1 text-white font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ...">
+              {{ props.media?.title }}
+            </h1>
+          </VCardText>
+        </VImg>
+      </VCard>
+    </template>
+  </VHover>
+</template>
+
+<style lang="scss">
+.on-hover img {
+  @apply brightness-50;
+}
+</style>
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -1,12 +1,14 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
 import { useToast } from 'vue-toast-notification'
+import { useConfirm } from 'vuetify-use-dialog'
 import SiteAddEditForm from '../form/SiteAddEditForm.vue'
 import { formatFileSize } from '@core/utils/formatters'
 import { requiredValidator } from '@/@validators'
 import api from '@/api'
 import type { Site, TorrentInfo } from '@/api/types'
 import ExistIcon from '@core/components/ExistIcon.vue'
+import { doneNProgress, startNProgress } from '@/api/nprogress'

 // 输入参数
 const cardProps = defineProps({
@@ -27,15 +29,15 @@ const siteIcon = ref<string>('')
 // 提示框
 const $toast = useToast()

+// 确认框
+const createConfirm = useConfirm()
+
 // 测试按钮文字
 const testButtonText = ref('测试')

 // 测试按钮可用性
 const testButtonDisable = ref(false)

-// 更新按钮文字
-const updateButtonText = ref('更新')
-
 // 更新按钮可用性
 const updateButtonDisable = ref(false)

@@ -48,6 +50,12 @@ const siteEditDialog = ref(false)
 // 资源浏览弹窗
 const resourceDialog = ref(false)

+// 进度条
+const progressDialog = ref(false)
+
+// 进度文本
+const progressText = ref('请稍候 ...')
+
 // 资源浏览表头
 const resourceHeaders = [
  { title: '标题', key: 'title', sortable: false },
@@ -77,6 +85,7 @@ const resourceItemsPerPage = ref(25)
 const userPwForm = ref({
  username: '',
  password: '',
+  code: '',
 })

 // 打开种子详情页面
@@ -138,15 +147,18 @@ async function updateSiteCookie() {

    // 更新按钮状态
    siteCookieDialog.value = false
-    updateButtonText.value = '更新中 ...'
    updateButtonDisable.value = true

+    progressDialog.value = true
+    progressText.value = `正在更新 ${cardProps.site?.name} Cookie & UA ...`
+
    const result: { [key: string]: any } = await api.get(
      `site/cookie/${cardProps.site?.id}`,
      {
        params: {
          username: userPwForm.value.username,
          password: userPwForm.value.password,
+          code: userPwForm.value.code,
        },
      },
    )
@@ -156,7 +168,7 @@ async function updateSiteCookie() {
    else
      $toast.error(`${cardProps.site?.name} 更新失败：${result.message}`)

-    updateButtonText.value = '更新'
+    progressDialog.value = false
    updateButtonDisable.value = false
  }
  catch (error) {
@@ -193,6 +205,43 @@ function openSitePage() {
  window.open(cardProps.site?.url, '_blank')
 }

+// 添加下载
+async function addDownload(_torrent: any) {
+  const isConfirmed = await createConfirm({
+    title: '确认',
+    content: `是否确认下载【${_torrent.site_name}】${_torrent?.title} ?`,
+    confirmationText: '确认',
+    cancellationText: '取消',
+    dialogProps: {
+      maxWidth: '50rem',
+    },
+    confirmationButtonProps: {
+      variant: 'tonal',
+    },
+  })
+
+  if (!isConfirmed)
+    return
+
+  startNProgress()
+  try {
+    const result: { [key: string]: any } = await api.post('download/add', _torrent)
+
+    if (result.success) {
+      // 添加下载成功
+      $toast.success(`${_torrent?.site_name} ${_torrent?.title} 添加下载成功！`)
+    }
+    else {
+      // 添加下载失败
+      $toast.error(`${_torrent?.site_name} ${_torrent?.title} 添加下载失败！`)
+    }
+  }
+  catch (error) {
+    console.error(error)
+  }
+  doneNProgress()
+}
+
 // 装载时查询站点图标
 onMounted(() => {
  getSiteIcon()
@@ -299,7 +348,7 @@ onMounted(() => {
        <template #prepend>
          <VIcon icon="mdi-refresh" />
        </template>
-        {{ updateButtonText }}
+        更新
      </VBtn>
      <VBtn
        :disabled="testButtonDisable"
@@ -330,7 +379,7 @@ onMounted(() => {
          <VRow>
            <VCol
              cols="12"
-              md="6"
+              md="4"
            >
              <VTextField
                v-model="userPwForm.username"
@@ -340,7 +389,7 @@ onMounted(() => {
            </VCol>
            <VCol
              cols="12"
-              md="6"
+              md="4"
            >
              <VTextField
                v-model="userPwForm.password"
@@ -354,6 +403,15 @@ onMounted(() => {
                @keydown.enter="updateSiteCookie"
              />
            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VTextField
+                v-model="userPwForm.code"
+                label="两步验证"
+              />
+            </VCol>
          </VRow>
        </VForm>
      </VCardText>
@@ -381,6 +439,7 @@ onMounted(() => {
    v-model="resourceDialog"
    max-width="80rem"
    scrollable
+    z-index="1010"
  >
    <!-- Dialog Content -->
    <VCard :title="`浏览站点 - ${cardProps.site?.name}`">
@@ -397,37 +456,57 @@ onMounted(() => {
          item-value="title"
          return-object
          fixed-header
+          hover
          items-per-page-text="每页条数"
          page-text="{0}-{1} 共 {2} 条"
        >
          <template #item.title="{ item }">
-            <div class="text-high-emphasis pt-1">
-              {{ item.raw.title }}
-            </div>
-            <div class="text-sm my-1">
-              {{ item.raw.description }}
-            </div>
-            <VChip
-              v-for="(label, index) in item.raw?.labels"
-              :key="index"
-              variant="elevated"
-              size="small"
-              color="primary"
-              class="me-1 mb-1"
-            >
-              {{ label }}
-            </VChip>
-            <VChip
-              v-if="item.raw?.downloadvolumefactor !== 1 || item.raw?.uploadvolumefactor !== 1"
-              :class="
-                getVolumeFactorClass(item.raw?.downloadvolumefactor, item.raw?.uploadvolumefactor)
-              "
-              variant="elevated"
-              size="small"
-              class="me-1 mb-1"
-            >
-              {{ item.raw?.volume_factor }}
-            </VChip>
+            <a href="javascript:void(0)" @click.stop="addDownload(item.raw)">
+              <div class="text-high-emphasis pt-1">
+                {{ item.raw.title }}
+              </div>
+              <div class="text-sm my-1">
+                {{ item.raw.description }}
+              </div>
+              <VChip
+                v-if="item.raw?.hit_and_run"
+                variant="elevated"
+                size="small"
+                class="me-1 mb-1 text-white bg-black"
+              >
+                H&R
+              </VChip>
+              <VChip
+                v-if="item.raw?.freedate_diff"
+                variant="elevated"
+                color="secondary"
+                size="small"
+                class="me-1 mb-1"
+              >
+                {{ item.raw?.freedate_diff }}
+              </VChip>
+              <VChip
+                v-for="(label, index) in item.raw?.labels"
+                :key="index"
+                variant="elevated"
+                size="small"
+                color="primary"
+                class="me-1 mb-1"
+              >
+                {{ label }}
+              </VChip>
+              <VChip
+                v-if="item.raw?.downloadvolumefactor !== 1 || item.raw?.uploadvolumefactor !== 1"
+                :class="
+                  getVolumeFactorClass(item.raw?.downloadvolumefactor, item.raw?.uploadvolumefactor)
+                "
+                variant="elevated"
+                size="small"
+                class="me-1 mb-1"
+              >
+                {{ item.raw?.volume_factor }}
+              </VChip>
+            </a>
          </template>
          <template #item.pubdate="{ item }">
            <div>{{ item.raw.date_elapsed }}</div>
@@ -488,6 +567,24 @@ onMounted(() => {
      </VCardText>
    </VCard>
  </VDialog>
+  <VDialog
+    v-model="progressDialog"
+    :scrim="false"
+    width="25rem"
+  >
+    <VCard
+      color="primary"
+    >
+      <VCardText class="text-center">
+        {{ progressText }}
+        <VProgressLinear
+          indeterminate
+          color="white"
+          class="mb-0 mt-1"
+        />
+      </VCardText>
+    </VCard>
+  </VDialog>
 </template>

 <style lang="scss">
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -1,10 +1,11 @@
-<script lang="ts" setup>
+<script lang='ts' setup>
 import { useToast } from 'vue-toast-notification'
 import SubscribeEditForm from '../form/SubscribeEditForm.vue'
 import { calculateTimeDifference } from '@/@core/utils'
 import { formatSeason } from '@/@core/utils/formatters'
 import api from '@/api'
 import type { Subscribe } from '@/api/types'
+import router from '@/router'

 // 输入参数
 const props = defineProps({
@@ -55,7 +56,7 @@ function getPercentage() {
  return Math.round(
    (((props.media?.total_episode ?? 0) - (props.media?.lack_episode ?? 0))
      / (props.media?.total_episode ?? 1))
-      * 100,
+    * 100,
  )
 }

@@ -126,8 +127,28 @@ const dropdownItems = ref([
    },
  },
  {
-    title: '取消订阅',
+    title: '查看详情',
    value: 3,
+    props: {
+      prependIcon: 'mdi-open-in-new',
+      click: () => {
+        router.push({
+          path: '/media',
+          query: {
+            mediaid: `${
+              props.media?.tmdbid
+                ? `tmdb:${props.media?.tmdbid}`
+                : `douban:${props.media?.doubanid}`
+            }`,
+            type: props.media?.type,
+          },
+        })
+      },
+    },
+  },
+  {
+    title: '取消订阅',
+    value: 4,
    props: {
      prependIcon: 'mdi-trash-can-outline',
      color: 'error',
@@ -162,7 +183,7 @@ const dropdownItems = ref([
      </template>
      <VCardTitle :class="getTextClass()">
        {{ props.media?.name }}
-        {{ formatSeason(props.media?.season ? props.media?.season.toString() : "") }}
+        {{ formatSeason(props.media?.season ? props.media?.season.toString() : '') }}
      </VCardTitle>
      <template #append>
        <div class="me-n3">
@@ -252,7 +273,8 @@ const dropdownItems = ref([
      <VIcon
        icon="mdi-download"
        class="me-1"
-      /> {{ lastUpdateText }}
+      />
+      {{ lastUpdateText }}
    </VCardText>
    <VProgressLinear
      v-if="getPercentage() > 0"
--- a/src/components/cards/TmdbPersonCard.vue
+++ b/src/components/cards/TmdbPersonCard.vue
--- a/src/components/cards/TmdbSelectorCard.vue
+++ b/src/components/cards/TmdbSelectorCard.vue
@@ -25,7 +25,6 @@ const tmdbKeyword = ref<HTMLElement | null>(null)

 // 选中条目
 function selectMedia(item: TmdbItem) {
-  console.log(item)
  emit('update:modelValue', item.tmdbid)
  emit('close')
 }
--- a/src/components/cards/TorrentCard.vue
+++ b/src/components/cards/TorrentCard.vue
@@ -195,6 +195,23 @@ onMounted(() => {
      v-if="torrent?.labels"
      class="pb-3 pt-0 pe-12"
    >
+      <VChip
+        v-if="torrent?.hit_and_run"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-black"
+      >
+        H&R
+      </VChip>
+      <VChip
+        v-if="torrent?.freedate_diff"
+        variant="elevated"
+        color="secondary"
+        size="small"
+        class="me-1 mb-1"
+      >
+        {{ torrent?.freedate_diff }}
+      </VChip>
      <VChip
        v-for="(label, index) in torrent?.labels"
        :key="index"
--- a/src/components/cards/TorrentItem.vue
+++ b/src/components/cards/TorrentItem.vue
@@ -150,6 +150,23 @@ onMounted(() => {
      v-if="torrent?.labels"
      class="pt-2"
    >
+      <VChip
+        v-if="torrent?.hit_and_run"
+        variant="elevated"
+        size="small"
+        class="me-1 mb-1 text-white bg-black"
+      >
+        H&R
+      </VChip>
+      <VChip
+        v-if="torrent?.freedate_diff"
+        variant="elevated"
+        color="secondary"
+        size="small"
+        class="me-1 mb-1"
+      >
+        {{ torrent?.freedate_diff }}
+      </VChip>
      <VChip
        v-for="(label, index) in torrent?.labels"
        :key="index"
--- a/src/components/filebrowser/List.vue
+++ b/src/components/filebrowser/List.vue
@@ -267,6 +267,28 @@ async function recognize(path: string) {
  }
 }

+// 调用API刮削
+async function scrape(path: string) {
+  try {
+    // 显示进度条
+    progressDialog.value = true
+    progressText.value = `正在刮削 ${path} ...`
+    const result: { [key: string]: any } = await api.get('media/scrape', {
+      params: {
+        path,
+      },
+    })
+    // 关闭进度条
+    progressDialog.value = false
+    if (!result.success)
+      $toast.error(result.message)
+    else
+      $toast.success(`${path}削刮完成！`)
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
 // 弹出菜单
 const dropdownItems = ref([
  {
@@ -279,8 +301,17 @@ const dropdownItems = ref([
      },
    },
  }, {
-    title: '重命名',
+    title: '刮削',
    value: 2,
+    props: {
+      prependIcon: 'mdi-auto-fix',
+      click: (_item: FileItem) => {
+        scrape(_item.path || '')
+      },
+    },
+  }, {
+    title: '重命名',
+    value: 3,
    props: {
      prependIcon: 'mdi-rename',
      click: showRenmae,
@@ -288,7 +319,7 @@ const dropdownItems = ref([
  },
  {
    title: '整理',
-    value: 3,
+    value: 4,
    props: {
      prependIcon: 'mdi-folder-arrow-right',
      click: showTransfer,
@@ -296,7 +327,7 @@ const dropdownItems = ref([
  },
  {
    title: '删除',
-    value: 4,
+    value: 5,
    props: {
      prependIcon: 'mdi-delete-outline',
      color: 'error',
@@ -345,111 +376,173 @@ onMounted(() => {
    <VCardText v-else-if="dirs.length || files.length" class="p-0">
      <VList v-if="dirs.length" subheader>
        <VListSubheader>目录</VListSubheader>
-        <VListItem
+        <VHover
          v-for="(item, index) in dirs"
          :key="index"
-          class="px-3 pe-1"
-          @click="changePath(item.path)"
        >
-          <template #prepend>
-            <VIcon icon="mdi-folder-outline" />
-          </template>
-          <VListItemTitle v-text="item.name" />
-          <template #append>
-            <IconBtn class="d-sm-none">
-              <VIcon
-                icon="mdi-dots-vertical"
-              />
-              <VMenu
-                activator="parent"
-                close-on-content-click
-              >
-                <VList>
-                  <VListItem
-                    v-for="(menu, i) in dropdownItems"
-                    :key="i"
-                    variant="plain"
-                    :base-color="menu.props.color"
-                    @click="menu.props.click(item)"
+          <template #default="hover">
+            <VListItem
+              v-bind="hover.props"
+              class="px-3 pe-1"
+              @click="changePath(item.path)"
+            >
+              <template #prepend>
+                <VIcon icon="mdi-folder-outline" />
+              </template>
+              <VListItemTitle v-text="item.name" />
+              <template #append>
+                <IconBtn class="d-sm-none">
+                  <VIcon
+                    icon="mdi-dots-vertical"
+                  />
+                  <VMenu
+                    activator="parent"
+                    close-on-content-click
                  >
-                    <template #prepend>
-                      <VIcon :icon="menu.props.prependIcon" />
+                    <VList>
+                      <VListItem
+                        v-for="(menu, i) in dropdownItems"
+                        :key="i"
+                        variant="plain"
+                        :base-color="menu.props.color"
+                        @click="menu.props.click(item)"
+                      >
+                        <template #prepend>
+                          <VIcon :icon="menu.props.prependIcon" />
+                        </template>
+                        <VListItemTitle v-text="menu.title" />
+                      </VListItem>
+                    </VList>
+                  </VMenu>
+                </IconBtn>
+                <span v-show="hover.isHovering" class="flex">
+                  <VTooltip text="识别">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
+                        <VIcon icon="mdi-text-recognition" />
+                      </IconBtn>
                    </template>
-                    <VListItemTitle v-text="menu.title" />
-                  </VListItem>
-                </VList>
-              </VMenu>
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
-              <VIcon icon="mdi-text-recognition" />
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
-              <VIcon icon="mdi-rename" />
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="showTransfer(item)">
-              <VIcon icon="mdi-folder-arrow-right" />
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="deleteItem(item)">
-              <VIcon icon="mdi-delete-outline" />
-            </IconBtn>
+                  </VTooltip>
+                  <VTooltip text="刮削">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="scrape(item.path)">
+                        <VIcon icon="mdi-auto-fix" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="重命名">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showRenmae(item)">
+                        <VIcon icon="mdi-rename" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="整理">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showTransfer(item)">
+                        <VIcon icon="mdi-folder-arrow-right" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="删除">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="deleteItem(item)">
+                        <VIcon icon="mdi-delete-outline" color="error" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                </span>
+              </template>
+            </VListItem>
          </template>
-        </VListItem>
+        </VHover>
      </VList>
      <VDivider v-if="dirs.length && files.length" />
      <VList v-if="files.length" subheader>
        <VListSubheader>文件</VListSubheader>
-        <VListItem
+        <VHover
          v-for="(item, index) in files"
          :key="index"
-          class="pl-3 pe-1"
-          @click="changePath(item.path)"
        >
-          <template #prepend>
-            <VIcon v-if="inProps.icons" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
-          </template>
+          <template #default="hover">
+            <VListItem
+              v-bind="hover.props"
+              class="pl-3 pe-1"
+              @click="changePath(item.path)"
+            >
+              <template #prepend>
+                <VIcon v-if="inProps.icons" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
+              </template>

-          <VListItemTitle v-text="item.name" />
-          <VListItemSubtitle> {{ formatBytes(item.size) }}</VListItemSubtitle>
+              <VListItemTitle v-text="item.name" />
+              <VListItemSubtitle> {{ formatBytes(item.size) }}</VListItemSubtitle>

-          <template #append>
-            <IconBtn class="d-sm-none">
-              <VIcon
-                icon="mdi-dots-vertical"
-              />
-              <VMenu
-                activator="parent"
-                close-on-content-click
-              >
-                <VList>
-                  <VListItem
-                    v-for="(menu, i) in dropdownItems"
-                    :key="i"
-                    variant="plain"
-                    :base-color="menu.props.color"
-                    @click="menu.props.click(item)"
+              <template #append>
+                <IconBtn class="d-sm-none">
+                  <VIcon
+                    icon="mdi-dots-vertical"
+                  />
+                  <VMenu
+                    activator="parent"
+                    close-on-content-click
                  >
-                    <template #prepend>
-                      <VIcon :icon="menu.props.prependIcon" />
+                    <VList>
+                      <VListItem
+                        v-for="(menu, i) in dropdownItems"
+                        :key="i"
+                        variant="plain"
+                        :base-color="menu.props.color"
+                        @click="menu.props.click(item)"
+                      >
+                        <template #prepend>
+                          <VIcon :icon="menu.props.prependIcon" />
+                        </template>
+                        <VListItemTitle v-text="menu.title" />
+                      </VListItem>
+                    </VList>
+                  </VMenu>
+                </IconBtn>
+                <span v-show="hover.isHovering" class="flex">
+                  <VTooltip text="识别">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
+                        <VIcon icon="mdi-text-recognition" />
+                      </IconBtn>
                    </template>
-                    <VListItemTitle v-text="menu.title" />
-                  </VListItem>
-                </VList>
-              </VMenu>
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
-              <VIcon icon="mdi-text-recognition" />
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
-              <VIcon icon="mdi-rename" />
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="showTransfer(item)">
-              <VIcon icon="mdi-folder-arrow-right" />
-            </IconBtn>
-            <IconBtn class="d-none d-sm-block" @click.stop="deleteItem(item)">
-              <VIcon icon="mdi-delete-outline" />
-            </IconBtn>
+                  </VTooltip>
+                  <VTooltip text="刮削">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="scrape(item.path)">
+                        <VIcon icon="mdi-auto-fix" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="重命名">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showRenmae(item)">
+                        <VIcon icon="mdi-rename" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="整理">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showTransfer(item)">
+                        <VIcon icon="mdi-folder-arrow-right" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="删除">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="deleteItem(item)">
+                        <VIcon icon="mdi-delete-outline" color="error" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                </span>
+              </template>
+            </VListItem>
          </template>
-        </VListItem>
+        </VHover>
      </VList>
    </VCardText>
    <VCardText
--- a/src/components/filebrowser/Toolbar.vue
+++ b/src/components/filebrowser/Toolbar.vue
@@ -144,19 +144,31 @@ const sortIcon = computed(() => {
      </template>
    </VToolbarItems>
    <div class="flex-grow-1" />
-    <IconBtn @click="changeSort">
-      <VIcon :icon="sortIcon" />
-    </IconBtn>
-    <IconBtn v-if="pathSegments.length > 0" @click="goUp">
-      <VIcon icon="mdi-arrow-up-bold-outline" />
-    </IconBtn>
+    <VTooltip text="调整排序">
+      <template #activator="{ props }">
+        <IconBtn v-bind="props" @click="changeSort">
+          <VIcon :icon="sortIcon" />
+        </IconBtn>
+      </template>
+    </VTooltip>
+    <VTooltip text="返回上一级" v-if="pathSegments.length > 0">
+      <template #activator="{ props }">
+        <IconBtn v-bind="props" @click="goUp">
+          <VIcon icon="mdi-arrow-up-bold-outline" />
+        </IconBtn>
+      </template>
+    </VTooltip>
    <VDialog
      v-model="newFolderPopper"
      max-width="50rem"
    >
      <template #activator="{ props }">
-        <IconBtn title="新建文件夹" v-bind="props">
-          <VIcon icon="mdi-folder-plus-outline" />
+        <IconBtn v-bind="props">
+          <VTooltip text="新建文件夹">
+            <template #activator="{ props: _props }">
+              <VIcon v-bind="_props" icon="mdi-folder-plus-outline" />
+            </template>
+          </VTooltip>
        </IconBtn>
      </template>
      <VCard title="新建文件夹">
--- a/src/components/form/ImportCodeForm.vue
+++ b/src/components/form/ImportCodeForm.vue
@@ -0,0 +1,39 @@
+<script lang="ts" setup>
+// 输入参数
+const props = defineProps({
+  title: String,
+})
+
+// 定义事件
+const emit = defineEmits(['update:modelValue', 'close'])
+
+// 代码
+const codeString = ref('')
+
+// 导入
+function handleImport() {
+  emit('update:modelValue', codeString.value)
+  emit('close')
+}
+</script>
+
+<template>
+  <VCard
+    :title="props.title"
+    class="rounded-t"
+  >
+    <DialogCloseBtn @click="emit('close')" />
+    <VCardText class="pt-2">
+      <VTextarea v-model="codeString" />
+    </VCardText>
+    <VCardActions>
+      <VSpacer />
+      <VBtn
+        variant="tonal"
+        @click="handleImport"
+      >
+        导入
+      </VBtn>
+    </VCardActions>
+  </VCard>
+</template>
--- a/src/components/form/SiteAddEditForm.vue
+++ b/src/components/form/SiteAddEditForm.vue
@@ -121,6 +121,9 @@ async function updateSiteInfo() {
 <template>
  <VDialog
    scrollable
+    :close-on-back="false"
+    persistent
+    eager
    max-width="60rem"
  >
    <VCard
@@ -199,7 +202,7 @@ async function updateSiteInfo() {
              md="4"
            >
              <VTextField
-                v-model="siteForm.limit_seconds"
+                v-model="siteForm.limit_count"
                label="访问次数"
                :rules="[numberValidator]"
              />
--- a/src/components/form/SubscribeEditForm.vue
+++ b/src/components/form/SubscribeEditForm.vue
@@ -30,6 +30,7 @@ const subscribeForm = ref<Subscribe>({
  total_episode: 0,
  start_episode: 0,
  best_version: 0,
+  search_imdbid: 0,
  sites: [],
  type: '',
  name: '',
@@ -39,6 +40,7 @@ const subscribeForm = ref<Subscribe>({
  last_update: '',
  username: '',
  current_priority: 0,
+  save_path: '',
 })

 // 提示框
@@ -98,6 +100,7 @@ async function getSubscribeInfo() {
    )
    subscribeForm.value = result
    subscribeForm.value.best_version = subscribeForm.value.best_version === 1
+    subscribeForm.value.search_imdbid = subscribeForm.value.search_imdbid === 1
  }
  catch (e) {
    console.log(e)
@@ -323,12 +326,34 @@ watchEffect(() => {
            </VCol>
          </VRow>
          <VRow>
-            <VCol cols="12">
+            <VCol
+              cols="12"
+            >
+              <VTextField
+                v-model="subscribeForm.save_path"
+                label="保存路径"
+              />
+            </VCol>
+          </VRow>
+          <VRow>
+            <VCol
+              cols="12"
+              md="4"
+            >
              <VSwitch
                v-model="subscribeForm.best_version"
                label="洗版"
              />
            </VCol>
+            <VCol
+              cols="12"
+              md="4"
+            >
+              <VSwitch
+                v-model="subscribeForm.search_imdbid"
+                label="使用 ImdbID 搜索"
+              />
+            </VCol>
          </VRow>
        </VForm>
      </VCardText>
--- a/src/components/render/FormRender.vue
+++ b/src/components/render/FormRender.vue
@@ -32,23 +32,58 @@ const formData = ref<any>(elementProps.form || {})
 <template>
  <Component
    :is="formItem.component"
-    v-if="!formItem.html"
+    v-if="!formItem.html && !!formItem.props?.modelvalue"
    v-bind="formItem.props"
-    v-model="formData[formItem.props?.model || '']"
+    v-model:value="formData[formItem.props?.modelvalue]"
  >
    {{ formItem.text }}
-    <FormRender
+    <template
      v-for="(innerItem, innerIndex) in (formItem.content || [])"
      :key="innerIndex"
-      v-model="formData[innerItem.props?.model || '']"
-      :config="innerItem"
-      :form="formData"
-    />
+    >
+      <FormRender
+        v-if="!!innerItem.props?.modelvalue"
+        v-model:value="formData[innerItem.props?.modelvalue]"
+        :config="innerItem"
+        :form="formData"
+      />
+      <FormRender
+        v-else
+        v-model="formData[innerItem.props?.model]"
+        :config="innerItem"
+        :form="formData"
+      />
+    </template>
  </Component>
  <Component
    :is="formItem.component"
-    v-if="formItem.html"
+    v-else-if="formItem.html"
    v-bind="formItem.props"
    v-html="formItem.html"
  />
+  <Component
+    :is="formItem.component"
+    v-else
+    v-bind="formItem.props"
+    v-model="formData[formItem.props?.model]"
+  >
+    {{ formItem.text }}
+    <template
+      v-for="(innerItem, innerIndex) in (formItem.content || [])"
+      :key="innerIndex"
+    >
+      <FormRender
+        v-if="!!innerItem.props?.modelvalue"
+        v-model:value="formData[innerItem.props?.modelvalue]"
+        :config="innerItem"
+        :form="formData"
+      />
+      <FormRender
+        v-else
+        v-model="formData[innerItem.props?.model]"
+        :config="innerItem"
+        :form="formData"
+      />
+    </template>
+  </Component>
 </template>
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -44,7 +44,7 @@ const superUser = store.state.auth.superUser
        </IconBtn>

        <!-- 👉 Shortcuts -->
-        <ShortcutBar />
+        <ShortcutBar v-if="superUser" />

        <!-- 👉 Theme -->
        <NavbarThemeSwitcher class="me-2" />
--- a/src/layouts/components/NavbarThemeSwitcher.vue
+++ b/src/layouts/components/NavbarThemeSwitcher.vue
@@ -14,6 +14,10 @@ const themes: ThemeSwitcherTheme[] = [
    name: 'purple',
    icon: 'mdi-brightness-4',
  },
+  {
+    name: 'auto',
+    icon: 'mdi-brightness-auto',
+  },
 ]
 </script>

--- a/src/layouts/components/SearchBar.vue
+++ b/src/layouts/components/SearchBar.vue
@@ -84,7 +84,7 @@ function openSearchDialog() {
    <VTextField
      key="search_navbar"
      v-model="searchWord"
-      class="d-none d-lg-block text-disabled"
+      class="d-none d-lg-block text-disabled search-box"
      density="compact"
      variant="solo"
      label="搜索电影、电视剧"
@@ -98,3 +98,9 @@ function openSearchDialog() {
    />
  </span>
 </template>
+
+<style lang="scss">
+.search-box div.v-input__control div[role="textbox"] {
+  border: 1px solid rgb(var(--v-theme-background));
+}
+</style>
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -3,6 +3,10 @@ import NameTestView from '@/views/system/NameTestView.vue'
 import NetTestView from '@/views/system/NetTestView.vue'
 import LoggingView from '@/views/system/LoggingView.vue'
 import RuleTestView from '@/views/system/RuleTestView.vue'
+import ModuleTestView from '@/views/system/ModuleTestView.vue'
+import MessageView from '@/views/system/MessageView.vue'
+import store from '@/store'
+import api from '@/api'

 // App捷径
 const appsMenu = ref(false)
@@ -18,6 +22,57 @@ const loggingDialog = ref(false)

 // 过滤规则弹窗
 const ruleTestDialog = ref(false)
+
+// 系统健康检查弹窗
+const systemTestDialog = ref(false)
+
+// 消息中心弹窗
+const messageDialog = ref(false)
+
+// 输入消息
+const user_message = ref('')
+
+// 发送按钮是否可用
+const sendButtonDisabled = ref(false)
+
+// 聊天容器
+const chatContainer = ref<HTMLDivElement>()
+
+// 滚动到底部
+function scrollMessageToEnd() {
+  nextTick(() => {
+    if (chatContainer.value) {
+      const scrollDiv = chatContainer.value.$el
+      scrollDiv.scrollTop = scrollDiv.scrollHeight
+    }
+  })
+}
+
+// 拼接全部日志url
+function allLoggingUrl() {
+  const token = store.state.auth.token
+  return `${import.meta.env.VITE_API_BASE_URL}system/logging?token=${token}&length=-1`
+}
+
+// 发送消息
+async function sendMessage() {
+  if (user_message.value) {
+    try {
+      sendButtonDisabled.value = true
+      await api.post(`message/web?text=${user_message.value}`)
+      user_message.value = ''
+      sendButtonDisabled.value = false
+      scrollMessageToEnd()
+    }
+    catch (error) {
+      console.error(error)
+    }
+  }
+}
+
+onMounted(() => {
+  scrollMessageToEnd()
+})
 </script>

 <template>
@@ -74,23 +129,23 @@ const ruleTestDialog = ref(false)
          </VCol>
          <VCol
            cols="6"
-            class="text-center cursor-pointer pa-0 shortcut-icon"
+            class="text-center cursor-pointer pa-0 shortcut-icon border-e"
            @click="() => {}"
          >
            <VListItem
              class="pa-4"
-              @click="netTestDialog = true"
+              @click="ruleTestDialog = true"
            >
              <VAvatar
                size="48"
                variant="tonal"
              >
-                <VIcon icon="mdi-network-outline" />
+                <VIcon icon="mdi-filter-cog-outline" />
              </VAvatar>
              <h6 class="text-base font-weight-medium mt-2 mb-0">
-                网络
+                优先级
              </h6>
-              <span class="text-sm">测试网速连通性</span>
+              <span class="text-sm">优先级规则测试</span>
            </VListItem>
          </VCol>
        </VRow>
@@ -113,7 +168,51 @@ const ruleTestDialog = ref(false)
              <h6 class="text-base font-weight-medium mt-2 mb-0">
                日志
              </h6>
-              <span class="text-sm">系统实时日志</span>
+              <span class="text-sm">实时日志</span>
+            </VListItem>
+          </VCol>
+          <VCol
+            cols="6"
+            class="text-center cursor-pointer pa-0 shortcut-icon"
+            @click="() => {}"
+          >
+            <VListItem
+              class="pa-4"
+              @click="netTestDialog = true"
+            >
+              <VAvatar
+                size="48"
+                variant="tonal"
+              >
+                <VIcon icon="mdi-network-outline" />
+              </VAvatar>
+              <h6 class="text-base font-weight-medium mt-2 mb-0">
+                网络
+              </h6>
+              <span class="text-sm">网速连通性测试</span>
+            </VListItem>
+          </VCol>
+        </VRow>
+        <VRow class="ma-0 mt-n1 border-t">
+          <VCol
+            cols="6"
+            class="text-center cursor-pointer pa-0 shortcut-icon border-e"
+            @click="() => {}"
+          >
+            <VListItem
+              class="pa-4"
+              @click="systemTestDialog = true"
+            >
+              <VAvatar
+                size="48"
+                variant="tonal"
+              >
+                <VIcon icon="mdi-cog-outline" />
+              </VAvatar>
+              <h6 class="text-base font-weight-medium mt-2 mb-0">
+                系统
+              </h6>
+              <span class="text-sm">健康检查</span>
            </VListItem>
          </VCol>
          <VCol
@@ -123,18 +222,18 @@ const ruleTestDialog = ref(false)
          >
            <VListItem
              class="pa-4"
-              @click="ruleTestDialog = true"
+              @click="messageDialog = true"
            >
              <VAvatar
                size="48"
                variant="tonal"
              >
-                <VIcon icon="mdi-filter-cog-outline" />
+                <VIcon icon="mdi-message-outline" />
              </VAvatar>
              <h6 class="text-base font-weight-medium mt-2 mb-0">
-                优先级
+                消息
              </h6>
-              <span class="text-sm">优先级规则测试</span>
+              <span class="text-sm">消息中心</span>
            </VListItem>
          </VCol>
        </VRow>
@@ -171,8 +270,19 @@ const ruleTestDialog = ref(false)
    class="w-full lg:w-4/5"
    scrollable
  >
-    <VCard title="实时日志">
+    <VCard>
      <DialogCloseBtn @click="loggingDialog = false" />
+      <VCardItem>
+        <VCardTitle class="inline-flex">
+          实时日志
+          <a class="mx-2 inline-flex items-center justify-center" :href="allLoggingUrl()" target="_blank">
+            <div class="inline-flex cursor-pointer items-center rounded-full bg-gray-600 px-2 text-sm text-gray-200 ring-1 ring-gray-500 transition hover:bg-gray-700">
+              <VIcon icon="mdi-open-in-new" />
+              <span class="ms-1">在新窗口中打开</span>
+            </div>
+          </a>
+        </VCardTitle>
+      </VCardItem>
      <VCardText>
        <LoggingView />
      </VCardText>
@@ -191,4 +301,54 @@ const ruleTestDialog = ref(false)
      </VCardText>
    </VCard>
  </VDialog>
+  <!-- 系统健康检查弹窗 -->
+  <VDialog
+    v-model="systemTestDialog"
+    max-width="50rem"
+    scrollable
+  >
+    <VCard title="系统健康检查">
+      <DialogCloseBtn @click="systemTestDialog = false" />
+      <VCardText>
+        <ModuleTestView />
+      </VCardText>
+    </VCard>
+  </VDialog>
+  <!-- 消息中心弹窗 -->
+  <VDialog
+    v-model="messageDialog"
+    max-width="60rem"
+    scrollable
+  >
+    <VCard title="消息中心">
+      <DialogCloseBtn @click="messageDialog = false" />
+      <VCardText ref="chatContainer">
+        <MessageView @scroll="scrollMessageToEnd" />
+      </VCardText>
+
+      <VCardItem>
+        <VTextField
+          v-model="user_message"
+          placeholder="输入消息或命令"
+          outlined
+          hide-details
+          single-line
+          clearable
+          density="compact"
+          :disabled="sendButtonDisabled"
+          @keydown.enter="sendMessage"
+        >
+          <template #append>
+            <VBtn
+              color="primary"
+              :disabled="sendButtonDisabled"
+              @click="sendMessage"
+            >
+              发送
+            </VBtn>
+          </template>
+        </VTextField>
+      </VCardItem>
+    </VCard>
+  </VDialog>
 </template>
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,14 +1,26 @@
 <script lang="ts" setup>
 import DefaultLayoutWithVerticalNav from './components/DefaultLayoutWithVerticalNav.vue'
+import api from '@/api'
+
+const router = useRouter()
+const route = useRoute()
+document.addEventListener('visibilitychange', () => {
+  if (document.visibilityState === 'visible') {
+    api.get('user/current')
+      .catch(() => {
+        router.replace('/login')
+      })
+  }
+})
 </script>

 <template>
  <DefaultLayoutWithVerticalNav>
    <router-view v-slot="{ Component }">
      <keep-alive>
-        <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.fullPath" />
+        <component :is="Component" v-if="route.meta.keepAlive" :key="route.fullPath" />
      </keep-alive>
-      <component :is="Component" v-if="!$route.meta.keepAlive" :key="$route.fullPath" />
+      <component :is="Component" v-if="!route.meta.keepAlive" :key="route.fullPath" />
    </router-view>
  </DefaultLayoutWithVerticalNav>
 </template>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
jxxghp	372b74776f	fix bug	2024-03-18 23:42:24 +08:00
jxxghp	abcc3c6411	fix	2024-03-18 23:31:21 +08:00
jxxghp	ec4ab8762c	add Bangumi	2024-03-18 19:03:13 +08:00
jxxghp	bc93de8ff2	fix SSE	2024-03-18 11:42:56 +08:00
jxxghp	b426f3c6f2	更新 PluginAppCard.vue	2024-03-16 22:04:51 +08:00
jxxghp	99d9bb29ce	更新 PluginAppCard.vue	2024-03-16 21:55:59 +08:00
jxxghp	5e109c666b	fix plugin card	2024-03-16 21:39:05 +08:00
jxxghp	0bed216735	fix 消息控重	2024-03-16 21:07:09 +08:00
jxxghp	d55bb8d336	fix label	2024-03-16 19:44:10 +08:00
jxxghp	7c32b3edf0	Merge pull request #88 from lingjiameng/main	2024-03-16 18:51:56 +08:00
jxxghp	121cb7e442	v1.7.3	2024-03-16 18:28:32 +08:00
ljmeng	dec3e1ea92	更新注释	2024-03-16 18:26:11 +08:00
ljmeng	664b6610f3	支持本地CookieCloud服务器	2024-03-16 18:23:24 +08:00
jxxghp	44163f0fb2	fix bug	2024-03-16 17:20:49 +08:00
jxxghp	d43865fcad	fix message ui	2024-03-16 17:16:10 +08:00
jxxghp	fed92f3853	fix message ui	2024-03-16 16:47:41 +08:00
jxxghp	823d2a816e	fix	2024-03-16 08:40:44 +08:00
jxxghp	046c21edf6	add message view	2024-03-15 18:15:31 +08:00
jxxghp	8236d80b42	feat：优化插件升级使用体验	2024-03-12 21:31:56 +08:00
jxxghp	90e7eb1c79	Merge pull request #86 from WangEdward/main	2024-03-11 16:32:30 +08:00
WangEdward	ef09868af1	fix: display search_imdbid status	2024-03-11 16:30:24 +08:00
jxxghp	028981e3ae	更新 package.json	2024-03-10 21:07:17 +08:00
jxxghp	e8a6274cf6	Merge pull request #85 from honue/main	2024-03-10 17:16:54 +08:00
honue	ffd0265526	设置每周一为第一天，当天背景突显	2024-03-10 16:49:40 +08:00
jxxghp	13d7344bc0	fix bug	2024-03-09 20:53:37 +08:00
jxxghp	2ad36f92c5	feat：下载器多选	2024-03-09 18:52:48 +08:00
jxxghp	36b02f4423	release	2024-03-09 17:35:45 +08:00
jxxghp	01df990aa8	fix #1638	2024-03-09 17:05:44 +08:00
jxxghp	49b71fcf5d	fix #1640	2024-03-09 16:49:48 +08:00
jxxghp	9e43d77ac4	feat：新增官种优先级规则	2024-03-09 09:15:03 +08:00
jxxghp	3ab9af720b	Merge pull request #84 from WangEdward/main	2024-03-08 22:11:13 +08:00
WangEdward	abae304f87	chore: add half-increments for v-rating	2024-03-08 21:23:25 +08:00
jxxghp	659d8bff66	fix 下载及订阅用户匹配	2024-03-08 15:27:51 +08:00
jxxghp	1786e10101	fix：修改编译策略，避免一直loading	2024-03-08 14:18:30 +08:00
jxxghp	bda7f929e7	try fix loading	2024-03-08 13:31:38 +08:00
jxxghp	c309f80a94	更新 ModuleTestView.vue	2024-03-06 22:05:12 +08:00
jxxghp	97c987c561	fix ui	2024-03-06 21:52:20 +08:00
jxxghp	48949104e0	feat：目录检测	2024-03-06 21:41:06 +08:00
jxxghp	a38cc4fe34	add min_seeders	2024-03-06 20:15:23 +08:00
jxxghp	495dfbcb28	feat：add VoceChat	2024-03-06 15:55:01 +08:00
jxxghp	6e4dbd912b	feat：健康检查	2024-03-06 13:27:17 +08:00
jxxghp	82904d956d	thetvdb network test	2024-03-06 11:16:12 +08:00
jxxghp	ec7118b376	fix #82 后台登录成功但前端报错	2024-03-05 20:21:05 +08:00
jxxghp	058b32a263	release	2024-03-05 17:27:27 +08:00
jxxghp	e7b960838e	Merge pull request #82 from honue/main	2024-03-05 15:24:46 +08:00
honue	14e776a287	登录后返回原始页面功能	2024-03-05 15:20:27 +08:00
jxxghp	73f11b920f	Merge pull request #81 from WangEdward/main feat: add search_imdbid	2024-03-05 12:57:44 +08:00
jxxghp	5c93040a8e	fanart nettest	2024-03-05 12:57:02 +08:00
WangEdward	a517769e8a	feat: add search_imdbid	2024-03-04 21:36:06 +08:00
jxxghp	4bb59a9f05	fix	2024-03-03 09:02:41 +08:00
jxxghp	b37879d2d4	release	2024-03-03 08:48:04 +08:00
jxxghp	05defc39d7	rollback VTooltip	2024-03-03 08:47:20 +08:00
jxxghp	18bfad07d2	fix	2024-03-02 09:58:42 +08:00
jxxghp	b83591255d	Merge pull request #80 from maicss/main	2024-03-02 09:14:56 +08:00
maicss	804350bc81	feat: search box add border for contrast	2024-03-01 23:33:50 +08:00
maicss	46e1cae0bb	feat: add session valid chack	2024-03-01 23:33:50 +08:00
maicss	81062d4580	fix: enhance some interactive experiences	2024-03-01 23:33:50 +08:00
maicss	55481db2ee	Merge branch 'jxxghp:main' into main	2024-03-01 20:16:10 +08:00
jxxghp	ecdd12f5a9	fix	2024-02-29 20:21:30 +08:00
jxxghp	ef92cdc183	fix torrent type	2024-02-29 16:15:28 +08:00
jxxghp	08f4a6cf2c	Merge pull request #78 from maicss/maicss	2024-02-29 11:16:48 +08:00
maicss	38889acb4e	fix: toast message not visible When install plugin failed, it will yield an error toast. But attribute `z-index` of toast is `1090`, while `v-dialog` is `2400`	2024-02-29 09:51:20 +08:00
maicss	c0517cd29a	fix: toast message not visible When install plugin failed, `z-index` of toast is `1090` while `v-dialog` is `2400`.	2024-02-29 09:48:23 +08:00
jxxghp	084449ccf3	rebuild	2024-02-28 18:54:35 +08:00
jxxghp	0e8203ae03	fix app	2024-02-27 19:25:12 +08:00
jxxghp	236440be52	fix form	2024-02-27 15:23:07 +08:00
jxxghp	6f7e4bb272	release	2024-02-26 13:21:37 +08:00
jxxghp	38dcd3635a	fix text	2024-02-25 17:17:53 +08:00
jxxghp	a3f3330dad	fix	2024-02-25 08:58:46 +08:00
jxxghp	bbc6c57c08	Merge pull request #77 from cikezhu/main	2024-02-24 06:47:02 +08:00
叮叮当	2f36a8edef	fix	2024-02-23 22:27:01 +08:00
叮叮当	df637fb887	定时作业添加提供者条目	2024-02-23 22:26:16 +08:00
jxxghp	be74c92a35	更新 package.json	2024-02-23 16:22:57 +08:00
jxxghp	a219a64e20	Merge pull request #76 from alkalixin/main	2024-02-23 16:22:19 +08:00
alkalixin	25c22a276a	给部分按钮增加浮动提示	2024-02-23 15:07:01 +08:00
jxxghp	6e6be057ca	fix ui	2024-02-23 10:45:21 +08:00
jxxghp	af69efa48b	feat：插件日志单独查看	2024-02-22 13:32:23 +08:00
jxxghp	c551083fa4	优化插件页面加载速度	2024-02-21 17:50:02 +08:00
jxxghp	9767feed29	更新 package.json	2024-02-18 15:19:52 +08:00
jxxghp	4392818e92	Merge pull request #75 from honue/main	2024-02-18 15:17:53 +08:00
honue	8d22bafeb6	订阅卡片增加剧集详情跳转功能	2024-02-18 15:08:22 +08:00
jxxghp	89ddd1fb78	更新 package.json	2024-02-17 13:19:04 +08:00
jxxghp	24513fa22b	Merge pull request #74 from honue/main	2024-02-17 13:18:46 +08:00
honue	cddde0c2a0	fix	2024-02-17 13:09:48 +08:00
jxxghp	9c674e0018	更新 package.json	2024-02-15 21:06:19 +08:00
jxxghp	0c6476d283	更新 AccountSettingSystem.vue	2024-02-15 21:05:58 +08:00
jxxghp	bf0c529a59	fix ui	2024-02-15 20:01:51 +08:00
jxxghp	877bb4d4a2	fix ui	2024-02-15 18:58:22 +08:00
jxxghp	dc4db0b2b3	fix settings	2024-02-15 18:17:36 +08:00
jxxghp	a738d4a3b9	feat：系统设置面板	2024-02-15 15:04:59 +08:00
jxxghp	e9866a04df	v1.6.4	2024-02-14 21:07:09 +08:00
jxxghp	4f5193d602	feat：更新Cookie支持两步验证	2024-02-14 21:06:42 +08:00
jxxghp	37b92c55ba	feat：文件管理手动刮削	2024-02-10 19:32:49 +08:00
jxxghp	9299f1bcb6	release	2024-02-10 09:48:45 +08:00
jxxghp	7fe12192df	add apexcharts	2024-02-10 09:36:54 +08:00
jxxghp	1169644ab3	fix render	2024-02-09 08:43:36 +08:00
jxxghp	6f7770ed43	fix	2024-02-08 20:58:41 +08:00
jxxghp	8059fd6f90	fix	2024-02-08 20:57:09 +08:00
jxxghp	556dbd8d78	fix bug	2024-02-08 20:07:23 +08:00
jxxghp	6695fd8c14	add ace-editor	2024-02-08 19:56:28 +08:00
jxxghp	3ab0229275	fix ui	2024-02-08 13:43:37 +08:00
jxxghp	99467127a0	更新 package.json	2024-02-08 13:28:11 +08:00
jxxghp	90d73b7bd5	Merge pull request #73 from cikezhu/main	2024-02-08 13:27:40 +08:00
叮叮当	2e326e1798	fix 全部日志url反向代理时被serviceWorker拦截	2024-02-08 12:45:52 +08:00
jxxghp	251eac93c7	更新 package.json	2024-02-08 07:11:49 +08:00
jxxghp	c74d70808c	Merge pull request #72 from cikezhu/main	2024-02-08 07:10:48 +08:00
叮叮当	e63b2d7152	新窗口打开全部日志	2024-02-08 00:06:52 +08:00
jxxghp	16b29b56a5	更新 package.json	2024-01-29 23:11:57 +08:00
jxxghp	6d79c4fe2f	Merge pull request #71 from cikezhu/main	2024-01-29 23:11:34 +08:00
叮叮当	4b1fb60ee3	fix 媒体信息页面person跳转问题	2024-01-29 23:01:22 +08:00
jxxghp	1d2be54f9e	更新 package.json	2024-01-29 11:05:38 +08:00
jxxghp	83547e32db	Merge pull request #70 from cikezhu/main	2024-01-29 11:05:10 +08:00
叮叮当	70ddb929f2	fix plugin_icon	2024-01-28 00:47:37 +08:00
叮叮当	8b22961394	支持基于路径的反向代理	2024-01-27 14:47:00 +08:00
jxxghp	c15d42c179	Merge pull request #69 from falling/main	2024-01-24 18:43:37 +08:00
falling	098e473cab	从qbt后台的返回值来更新下载状态	2024-01-21 19:48:47 +08:00
jxxghp	f6f3d9368a	fix bug	2024-01-08 13:22:42 +08:00
jxxghp	9558a420e9	fix image proxy	2024-01-08 12:25:06 +08:00
jxxghp	4d3b69ca34	更新 package.json	2024-01-08 11:33:32 +08:00
jxxghp	fdcc4a44c8	Merge pull request #68 from jjjokin/feat-auto-switch-theme	2024-01-08 11:01:26 +08:00
jokin	5de0494538	增加主题自适应选项	2024-01-07 22:17:11 +08:00
jxxghp	2045f833e4	fix bug	2024-01-06 11:07:23 +08:00
jxxghp	cc4f89aac1	fix	2024-01-06 11:02:03 +08:00
jxxghp	1c2f2c17d4	fix plex image	2024-01-06 10:58:35 +08:00
jxxghp	ace7a6621f	image proxy	2024-01-05 21:35:33 +08:00
jxxghp	d02fe55a1e	fix ui	2024-01-05 20:46:23 +08:00
jxxghp	9b753a8f5b	fix	2024-01-05 20:40:44 +08:00
jxxghp	11e82582b8	fix	2024-01-05 17:34:52 +08:00
jxxghp	419358863e	feat: dashboard	2024-01-05 17:32:30 +08:00
jxxghp	1d0d7f9975	dashboard cards	2024-01-05 15:59:03 +08:00
jxxghp	c5f564372b	Merge pull request #66 from thofx/thofx_fix_ui	2024-01-04 21:38:30 +08:00
thofx	a50f0cd727	fix: 列表使用useDefer渲染	2024-01-04 21:35:35 +08:00
jxxghp	96f6f55138	fix type	2024-01-04 20:50:51 +08:00
jxxghp	6a45c8b358	fix service.js	2024-01-04 20:46:42 +08:00
jxxghp	165937596e	fix safari window.open	2024-01-04 08:12:32 +08:00
jxxghp	fb976f043b	fix	2024-01-03 21:30:00 +08:00
jxxghp	ecb9c4e51a	fix safari	2024-01-03 21:29:40 +08:00
jxxghp	9e8c3b495c	更新 MediaDetailView.vue	2024-01-03 21:11:56 +08:00
jxxghp	24a37fc33c	更新 MediaDetailView.vue	2024-01-03 18:58:16 +08:00
jxxghp	d09a21114d	fix 播放跳转	2024-01-03 18:39:39 +08:00
jxxghp	6e2b12501f	feat：订阅弹窗开关	2024-01-03 18:11:13 +08:00
jxxghp	2a56e116cf	fix	2024-01-03 17:30:49 +08:00
jxxghp	6de4f238d8	feat：size limit	2024-01-03 17:05:01 +08:00
jxxghp	1b426c5957	fix bug	2024-01-03 16:52:35 +08:00
jxxghp	82454a650c	feat：dashboard可编辑	2024-01-03 13:09:28 +08:00
jxxghp	227b6bd7ef	v1.5.7	2024-01-03 12:46:23 +08:00
jxxghp	9554025daf	feat：在线播放	2024-01-03 12:45:44 +08:00
jxxghp	0eb5d607bf	v1.5.6	2024-01-01 20:06:37 +08:00
jxxghp	750f4bc276	fix ui	2023-12-30 10:07:02 +08:00
jxxghp	d0aada1d3d	更新 package.json	2023-12-29 15:41:50 +08:00
jxxghp	8a4848387c	Merge pull request #65 from thofx/thofx_fix_ui	2023-12-28 20:07:51 +08:00
thofx	6904fc7da3	fix: 文件管理初始化两次的bug	2023-12-28 20:05:50 +08:00
jxxghp	28c55a05e6	Merge pull request #64 from thofx/thofx_fix_ui	2023-12-28 07:04:14 +08:00
jxxghp	562c829267	Merge pull request #63 from honue/main	2023-12-28 07:04:04 +08:00
thofx	b200ed242d	fix: 解决历史记录不居中的问题历史历史错误信息使用tooltip展示 fix:解决当搜索结果过多导致页面卡顿问题	2023-12-27 23:39:12 +08:00
honue	815cfe55df	fix	2023-12-27 17:18:58 +08:00
honue	40a1094d74	fix 更新数量为1时不显示角标	2023-12-27 13:39:23 +08:00
honue	346650c091	feat:更改多集展示样式	2023-12-27 13:26:26 +08:00
jxxghp	7f74715f51	fix	2023-12-23 19:29:02 +08:00
jxxghp	b6fcee517d	fix	2023-12-23 18:59:43 +08:00
jxxghp	4f62551f6b	fix 历史记录路径	2023-12-16 12:10:30 +08:00
jxxghp	3980249271	Merge branch 'main' of https://github.com/jxxghp/MoviePilot-Frontend	2023-12-14 07:10:56 +08:00
jxxghp	e3b11b1130	fix 整理默认路径	2023-12-14 07:08:39 +08:00
jxxghp	f866f23af1	Merge pull request #62 from thsrite/main	2023-12-14 06:30:15 +08:00
thsrite	c793bc24f0	feat 订阅增加保存路径设置	2023-12-12 14:01:35 +08:00
jxxghp	591a46d559	add icon	2023-12-10 13:40:27 +08:00
jxxghp	2852f26702	fix 站点限流设置Bug	2023-12-07 15:44:01 +08:00
jxxghp	fc818fdfd6	v1.4.9	2023-12-06 10:24:43 +08:00
jxxghp	5566ef87f8	feat 插件跳转Github	2023-11-30 16:57:01 +08:00
jxxghp	366fe34d6f	fix	2023-11-30 15:25:28 +08:00
jxxghp	37a0e83124	fix 规则导入	2023-11-30 15:18:10 +08:00
jxxghp	061a3f393a	fix	2023-11-30 14:10:39 +08:00
jxxghp	1dff22aeab	fix	2023-11-30 13:30:51 +08:00
jxxghp	78e6fd4809	fix clipboard	2023-11-30 12:58:25 +08:00
jxxghp	96bbf3d0f2	fix bug	2023-11-30 12:49:55 +08:00
jxxghp	a842eaba4e	build	2023-11-30 11:59:52 +08:00
jxxghp	37565bf8e4	feat 优先级规则分享&导入	2023-11-30 11:59:26 +08:00
jxxghp	beb158b387	Merge pull request #59 from jjjokin/feat-history-search-hint	2023-11-29 12:33:03 +08:00
jokin	408eb06f8d	feat 添加历史记录搜索提示	2023-11-29 12:17:02 +08:00
jxxghp	abe0e44635	fix typing	2023-11-29 12:08:13 +08:00
jxxghp	cfaf414f1c	feat 自动计算图标颜色	2023-11-29 12:05:55 +08:00
jxxghp	f9c4dc616b	fix	2023-11-29 09:27:39 +08:00
jxxghp	bf845bab6b	feat 插件默认图标与背景色	2023-11-29 08:34:25 +08:00
jxxghp	bae9c85990	fix	2023-11-29 08:11:47 +08:00
jxxghp	56bbb8d0ff	fix README.md	2023-11-28 15:08:11 +08:00
jxxghp	60d3565231	build icons	2023-11-28 10:15:24 +08:00
jxxghp	81340fd287	Merge branch 'main' of https://github.com/jxxghp/MoviePilot-Frontend	2023-11-27 08:27:51 +08:00
jxxghp	c10c348c73	feat 插件操作确认	2023-11-27 08:27:49 +08:00
jxxghp	65cb7d9674	更新 PluginAppCard.vue	2023-11-27 07:06:43 +08:00
jxxghp	24f1a10ff7	feat 插件重置	2023-11-26 21:40:27 +08:00
jxxghp	767d11182a	add plugin icon	2023-11-26 20:07:13 +08:00
jxxghp	cf363f667e	fix plugin ui	2023-11-24 09:56:05 +08:00
jxxghp	0d1046b8c7	v1.4.4	2023-11-20 19:55:52 +08:00
jxxghp	2c05f5779e	v1.4.3	2023-11-19 13:49:16 +08:00
jxxghp	9af200f89e	feat 支持更多豆瓣详情展示	2023-11-18 21:52:35 +08:00
jxxghp	7e221cfd46	fix douban check subscribe	2023-11-13 20:23:13 +08:00
jxxghp	640882d178	v1.4.2	2023-11-13 12:05:26 +08:00
jxxghp	3a1436abef	fix #1100	2023-11-10 21:41:57 +08:00
jxxghp	d431f0490d	fix user add	2023-11-10 20:41:01 +08:00
jxxghp	4c2a6c92a6	fix	2023-11-10 12:22:06 +08:00
jxxghp	086c230e9e	fix text	2023-11-09 23:26:46 +08:00
jxxghp	27e2ff50f2	fix ui	2023-11-09 12:31:00 +08:00
jxxghp	3134e5596b	fix	2023-11-07 09:57:46 +08:00
jxxghp	315274abf9	fix ui	2023-11-06 11:42:13 +08:00
jxxghp	52bbf65fa8	fix #1046	2023-11-05 21:45:42 +08:00
jxxghp	9c018ec63b	Merge branch 'main' of https://github.com/jxxghp/MoviePilot-Frontend	2023-11-05 21:43:33 +08:00
jxxghp	bd7e457cdb	fix ui	2023-11-05 21:43:27 +08:00
jxxghp	36a0f8515b	更新 package.json	2023-11-05 09:14:17 +08:00
jxxghp	cac10a337d	fix	2023-11-04 22:27:56 +08:00
jxxghp	edb53cc58f	fix plugin market icon	2023-11-02 12:50:57 +08:00
jxxghp	1dceeecdad	fix ui	2023-11-02 11:16:38 +08:00
jxxghp	f8071ada0b	feat 插件支持在线图标	2023-11-01 22:03:46 +08:00
jxxghp	21bc8edbd8	feat 在线插件市场	2023-11-01 21:05:31 +08:00
jxxghp	2a8aeb5041	feat 插件市场显示版本号	2023-11-01 18:02:51 +08:00
jxxghp	1a7760cf6d	fix build	2023-11-01 17:05:12 +08:00
jxxghp	aee4eed5ac	feat 拆分插件图标	2023-11-01 17:02:57 +08:00
jxxghp	87215fb590	add icons	2023-11-01 16:23:50 +08:00