From b1142b88f17f9d3cc47c6bb30927ab494090d0f5 Mon Sep 17 00:00:00 2001
From: Gabe <yugang2002@gmail.com>
Date: Fri, 26 Sep 2025 21:13:04 +0800
Subject: [PATCH] feat: add tarnbox title

---
 src/views/Selection/TranBox.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/Selection/TranBox.js b/src/views/Selection/TranBox.js
index b6e34f6..cf1e9e7 100644
--- a/src/views/Selection/TranBox.js
+++ b/src/views/Selection/TranBox.js
@@ -17,6 +17,7 @@ import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
 import LockIcon from "@mui/icons-material/Lock";
 import LockOpenIcon from "@mui/icons-material/LockOpen";
 import CloseIcon from "@mui/icons-material/Close";
+import Typography from "@mui/material/Typography";
 import { useI18n } from "../../hooks/I18n";
 import { OPT_LANGS_FROM, OPT_LANGS_TO } from "../../config";
 import { useState, useRef, useMemo } from "react";
@@ -48,7 +49,20 @@ function Header({
       onTouchEnd={(e) => e.stopPropagation()}
     >
       <Stack direction="row" justifyContent="space-between" alignItems="center">
-        <DragIndicatorIcon fontSize="small" />
+        <Stack direction="row" alignItems="center">
+          <DragIndicatorIcon fontSize="small" />
+          <Typography
+            variant="body2"
+            sx={{
+              userSelect: "none",
+              WebkitUserSelect: "none",
+              fontWeight: "bold",
+            }}
+          >
+            {`${process.env.REACT_APP_NAME} v${process.env.REACT_APP_VERSION}`}
+          </Typography>
+        </Stack>
+
         <Stack direction="row" alignItems="center">
           <IconButton
             size="small"