From 146de726ad68b04ef5ed190a43a04db8a875d099 Mon Sep 17 00:00:00 2001
From: gengjiawen <technicalcute@gmail.com>
Date: Fri, 5 Jun 2026 02:13:14 +0000
Subject: [PATCH] feat(task): show offline download file info

Co-authored-by: Codex <codex@openai.com>
---
 src/lang/en/tasks.json          |  2 ++
 src/pages/manage/tasks/Task.tsx | 25 ++++++++++++++++++++++++-
 src/types/task.ts               |  2 ++
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/lang/en/tasks.json b/src/lang/en/tasks.json
index a96897f90..a5252ea0f 100644
--- a/src/lang/en/tasks.json
+++ b/src/lang/en/tasks.json
@@ -47,6 +47,8 @@
     },
     "offline_download": {
       "url": "URL",
+      "file_name": "File Name",
+      "file_size": "File Size",
       "path": "Destination Path",
       "transfer_src": "Source Path",
       "transfer_src_local": "Source Path (Local)",
diff --git a/src/pages/manage/tasks/Task.tsx b/src/pages/manage/tasks/Task.tsx
index bbb8e4244..32cace781 100644
--- a/src/pages/manage/tasks/Task.tsx
+++ b/src/pages/manage/tasks/Task.tsx
@@ -18,7 +18,7 @@ import {
 import { createSignal, For, Show } from "solid-js"
 import { useT, useFetch } from "~/hooks"
 import { PEmptyResp } from "~/types"
-import { handleResp, notify, r } from "~/utils"
+import { getFileSize, handleResp, notify, r } from "~/utils"
 import { TaskAttribute, TaskLocalSetter, TasksProps } from "./Tasks"
 import { me } from "~/store"
 
@@ -134,6 +134,9 @@ export const Task = (props: TaskAttribute & TasksProps & TaskLocalSetter) => {
   )
   const title =
     matches === null ? props.name : props.nameAnalyzer.title(matches)
+  const showFileInfo = () =>
+    props.type === "offline_download" && props.done === "undone"
+  const fileSize = () => props.file_size || props.total_bytes
   const startTime =
     props.start_time === null ? -1 : new Date(props.start_time).getTime()
   const endTime =
@@ -321,6 +324,26 @@ export const Task = (props: TaskAttribute & TasksProps & TaskLocalSetter) => {
                 }}
               </For>
             </Show>
+            <Show when={showFileInfo() && props.file_name}>
+              <GridItem
+                color="$neutral9"
+                textAlign="right"
+                css={{ whiteSpace: "nowrap" }}
+              >
+                {t(`tasks.attr.offline_download.file_name`)}
+              </GridItem>
+              <GridItem color="$neutral9">{props.file_name}</GridItem>
+            </Show>
+            <Show when={showFileInfo() && fileSize() > 0}>
+              <GridItem
+                color="$neutral9"
+                textAlign="right"
+                css={{ whiteSpace: "nowrap" }}
+              >
+                {t(`tasks.attr.offline_download.file_size`)}
+              </GridItem>
+              <GridItem color="$neutral9">{getFileSize(fileSize())}</GridItem>
+            </Show>
             <GridItem
               color="$neutral9"
               textAlign="right"
diff --git a/src/types/task.ts b/src/types/task.ts
index c81de2b94..66ad57ecc 100644
--- a/src/types/task.ts
+++ b/src/types/task.ts
@@ -9,5 +9,7 @@ export interface TaskInfo {
   start_time: string | null
   end_time: string | null
   total_bytes: number
+  file_name?: string
+  file_size?: number
   error: string
 }