feat: 移动端增加“我的“页面，更清晰的同步、活跃度面板

Author: codexu

messages/en.json

@@ -2005,6 +2005,7 @@
     "record": "Record",
     "quickRecord": "Quick Record",
     "write": "Write",
+    "me": "My",
     "search": "Search",
     "githubImageHosting": "Github Image Hosting",
     "login": "Login",
@@ -2509,6 +2510,48 @@
     }
   },
   "mobile": {
+    "me": {
+      "profile": {
+        "deviceName": "Sync Platform",
+        "deviceSubtitle": "Sync your records and settings",
+        "syncPlatform": "Sync Platform",
+        "gitSubtitle": "Connected to {provider} to sync your records and settings",
+        "storageSubtitle": "Currently using {provider} to sync your records and settings",
+        "unconfiguredSubtitle": "Sync is not configured yet. Your data is currently stored locally only",
+        "streak": "Active for {count} days in a row"
+      },
+      "activity": {
+        "tip": "Tap any day in the heatmap to open its activity timeline.",
+        "range": "Last {count} weeks",
+        "rangePlaceholder": "Last 16 weeks",
+        "drawerEmpty": "Choose a day to inspect its activity details.",
+        "drawerSummary": "{total} activities that day, including {record} records, {writing} writing events, and {chat} chats."
+      },
+      "sync": {
+        "title": "Sync",
+        "configured": "Connected",
+        "unconfigured": "Not configured",
+        "localOnly": "Local only"
+      },
+      "stats": {
+        "weekly": "This Week",
+        "weeklyHint": "Total activities this week",
+        "streak": "Current Streak",
+        "streakHint": "Consecutive active days"
+      },
+      "status": {
+        "title": "Current Setup",
+        "sync": "Backup Method",
+        "model": "Default Model",
+        "configured": "Connected",
+        "unconfigured": "Not configured",
+        "modelFallback": "No default model"
+      },
+      "settings": {
+        "title": "Settings",
+        "description": "Open each feature setting directly from here."
+      }
+    },
     "chat": {
       "drawer": {
         "settings": {

messages/ja.json

@@ -1907,6 +1907,7 @@
     "record": "記録",
     "quickRecord": "クイック記録",
     "write": "執筆",
+    "me": "マイ",
     "search": "検索",
     "githubImageHosting": "Github 画像ホスティング",
     "login": "ログイン",
@@ -2501,6 +2502,40 @@
     }
   },
   "mobile": {
+    "me": {
+      "profile": {
+        "deviceName": "同期プラットフォーム",
+        "deviceSubtitle": "記録と設定を同期",
+        "syncPlatform": "同期プラットフォーム",
+        "gitSubtitle": "{provider} に接続して記録と設定を同期しています",
+        "storageSubtitle": "現在は {provider} を使って記録と設定を同期しています",
+        "unconfiguredSubtitle": "同期はまだ設定されていません。現在のデータはローカルのみに保存されています",
+        "streak": "{count}日連続でアクティブ"
+      },
+      "activity": {
+        "tip": "ヒートマップの日付をタップすると、その日のタイムラインを表示します。",
+        "range": "直近 {count} 週間",
+        "rangePlaceholder": "直近 16 週間",
+        "drawerEmpty": "日付を選択すると、その日の活動詳細を確認できます。",
+        "drawerSummary": "この日は合計 {total} 件の活動があり、記録 {record} 件、執筆 {writing} 件、対話 {chat} 件です。"
+      },
+      "sync": {
+        "title": "同期",
+        "configured": "接続済み",
+        "unconfigured": "未設定",
+        "localOnly": "ローカルのみ"
+      },
+      "stats": {
+        "weekly": "今週の活動",
+        "weeklyHint": "今週の累計活動回数",
+        "streak": "連続日数",
+        "streakHint": "連続して活動した日数"
+      },
+      "settings": {
+        "title": "設定",
+        "description": "ここから各機能の設定画面へ直接移動できます。"
+      }
+    },
     "chat": {
       "drawer": {
         "settings": {

messages/pt-BR.json

@@ -1959,6 +1959,7 @@
     "record": "Registro",
     "quickRecord": "Registro Rápido",
     "write": "Escrever",
+    "me": "Meu",
     "search": "Pesquisar",
     "githubImageHosting": "Hospedagem de Imagens Github",
     "login": "Entrar",
@@ -2449,6 +2450,40 @@
     }
   },
   "mobile": {
+    "me": {
+      "profile": {
+        "deviceName": "Plataforma de Sincronização",
+        "deviceSubtitle": "Sincronize seus registros e configurações",
+        "syncPlatform": "Plataforma de Sincronização",
+        "gitSubtitle": "Conectado ao {provider} para sincronizar seus registros e configurações",
+        "storageSubtitle": "No momento usando {provider} para sincronizar seus registros e configurações",
+        "unconfiguredSubtitle": "A sincronização ainda não foi configurada. Seus dados estão salvos apenas localmente",
+        "streak": "Ativo por {count} dias seguidos"
+      },
+      "activity": {
+        "tip": "Toque em um dia do mapa de calor para abrir a linha do tempo daquele dia.",
+        "range": "Últimas {count} semanas",
+        "rangePlaceholder": "Últimas 16 semanas",
+        "drawerEmpty": "Escolha um dia para ver os detalhes da atividade.",
+        "drawerSummary": "Houve {total} atividades nesse dia, incluindo {record} registros, {writing} escritas e {chat} conversas."
+      },
+      "sync": {
+        "title": "Sincronização",
+        "configured": "Conectado",
+        "unconfigured": "Não configurado",
+        "localOnly": "Apenas local"
+      },
+      "stats": {
+        "weekly": "Esta Semana",
+        "weeklyHint": "Total de atividades nesta semana",
+        "streak": "Sequência Atual",
+        "streakHint": "Dias consecutivos com atividade"
+      },
+      "settings": {
+        "title": "Configurações",
+        "description": "Abra diretamente daqui as configurações de cada recurso."
+      }
+    },
     "chat": {
       "drawer": {
         "settings": {

messages/zh-TW.json

@@ -1917,6 +1917,7 @@
     "record": "記錄",
     "quickRecord": "快捷記錄",
     "write": "寫作",
+    "me": "我的",
     "search": "搜索",
     "githubImageHosting": "Github 圖床",
     "login": "登錄",
@@ -2368,6 +2369,40 @@
     }
   },
   "mobile": {
+    "me": {
+      "profile": {
+        "deviceName": "同步平台",
+        "deviceSubtitle": "同步你的記錄與設定",
+        "syncPlatform": "同步平台",
+        "gitSubtitle": "已連接 {provider}，可同步你的記錄與設定",
+        "storageSubtitle": "目前透過 {provider} 同步你的記錄與設定",
+        "unconfiguredSubtitle": "尚未設定同步，目前資料僅保存在本地",
+        "streak": "已連續活躍 {count} 天"
+      },
+      "activity": {
+        "tip": "點擊熱力圖中的日期，查看當天的活動時間軸。",
+        "range": "最近 {count} 週",
+        "rangePlaceholder": "最近 16 週",
+        "drawerEmpty": "選擇一個日期查看當天的活動詳情。",
+        "drawerSummary": "當天共 {total} 條活動，含 {record} 條記錄、{writing} 條寫作、{chat} 條對話。"
+      },
+      "sync": {
+        "title": "同步",
+        "configured": "已連線",
+        "unconfigured": "未設定",
+        "localOnly": "僅本地"
+      },
+      "stats": {
+        "weekly": "本週活躍",
+        "weeklyHint": "本週累計活動次數",
+        "streak": "連續活躍",
+        "streakHint": "連續活躍天數"
+      },
+      "settings": {
+        "title": "設定",
+        "description": "直接在這裡進入各項功能設定。"
+      }
+    },
     "chat": {
       "drawer": {
         "settings": {

messages/zh.json

@@ -1948,6 +1948,7 @@
     "record": "记录",
     "quickRecord": "快捷记录",
     "write": "写作",
+    "me": "我的",
     "search": "搜索",
     "githubImageHosting": "Github 图床",
     "login": "登录",
@@ -2411,6 +2412,48 @@
     }
   },
   "mobile": {
+    "me": {
+      "profile": {
+        "deviceName": "同步平台",
+        "deviceSubtitle": "同步你的记录与设置",
+        "syncPlatform": "同步平台",
+        "gitSubtitle": "已连接 {provider}，可以同步你的记录与设置",
+        "storageSubtitle": "当前通过 {provider} 同步你的记录与设置",
+        "unconfiguredSubtitle": "还没有配置同步，当前数据仅保存在本地",
+        "streak": "已连续活跃 {count} 天"
+      },
+      "activity": {
+        "tip": "点击热力图中的日期，查看当天的活动时间轴。",
+        "range": "最近 {count} 周",
+        "rangePlaceholder": "最近 16 周",
+        "drawerEmpty": "选择一个日期查看当天的活动详情。",
+        "drawerSummary": "当天共 {total} 条活动，含 {record} 条记录、{writing} 条写作、{chat} 条对话。"
+      },
+      "sync": {
+        "title": "同步",
+        "configured": "已连接",
+        "unconfigured": "未配置",
+        "localOnly": "本地存储"
+      },
+      "stats": {
+        "weekly": "本周活跃",
+        "weeklyHint": "本周累计活动次数",
+        "streak": "连续活跃",
+        "streakHint": "连续活跃天数"
+      },
+      "status": {
+        "title": "当前配置",
+        "sync": "备份方案",
+        "model": "默认模型",
+        "configured": "已连接",
+        "unconfigured": "未配置",
+        "modelFallback": "未设置默认模型"
+      },
+      "settings": {
+        "title": "设置",
+        "description": "直接在这里进入各项功能设置。"
+      }
+    },
     "chat": {
       "drawer": {
         "settings": {

src/app/mobile/layout.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/components/theme-provider"
 import useSettingStore from "@/stores/setting"
 import { useEffect } from "react"
+import { usePathname } from "next/navigation"
 import { applyThemeColors } from "@/lib/theme-utils"
 import { initAllDatabases } from "@/db"
 import dayjs from "dayjs"
@@ -30,6 +31,7 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const pathname = usePathname()
   const { initSettingData, customThemeColors } = useSettingStore()
   const { initMainHosting } = useImageStore()
   const { currentLocale } = useI18n()
@@ -67,6 +69,8 @@ export default function RootLayout({
     applyThemeColors(customThemeColors)
   }, [customThemeColors])
 
+  const hideFootbar = pathname.startsWith('/mobile/setting/pages')
+
   return (
     <ThemeProvider
       attribute="class"
@@ -81,7 +85,7 @@ export default function RootLayout({
             <main className="flex flex-1 w-full overflow-hidden">
               {children}
             </main>
-            <AppFootbar />
+            {!hideFootbar ? <AppFootbar /> : null}
           </div>
           {/* 隐藏的记录工具组件，用于监听事件 */}
           <div className="absolute opacity-0 pointer-events-none -z-50">

src/app/mobile/record/mobile-record-stream.tsx

@@ -327,7 +327,7 @@ export function MobileRecordStream() {
   }
 
   return (
-    <div className="flex h-full flex-col">
+    <div className="flex h-full min-h-0 flex-col">
       {!trashState && (
         <div className="sticky top-0 z-10 border-b bg-background px-3 pb-2 pt-2">
           <div className="flex items-center gap-2 overflow-x-auto">
@@ -413,7 +413,7 @@ export function MobileRecordStream() {
         </div>
       )}
 
-      <div className="flex-1 overflow-y-auto px-3 py-2">
+      <div className="flex-1 min-h-0 overflow-y-auto px-3 py-2">
         {!trashState && queues.length > 0 && (
           <div className="mb-3 space-y-2">
             {queues.map((queue) => (

src/app/mobile/record/page.tsx

@@ -4,7 +4,7 @@ import { MobileRecordStream } from './mobile-record-stream'
 
 export default function Record() {
   return (
-    <div id="mobile-record" className="flex flex-col h-full w-full bg-background">
+    <div id="mobile-record" className="flex h-full min-h-0 w-full flex-col bg-background">
       <MobileMarkHeader />
       <MobileRecordStream />
     </div>

src/app/mobile/setting/components/mobile-me-activity-drawer.tsx

@@ -0,0 +1,57 @@
+'use client'
+
+import { ActivityDayDetail } from '@/components/activity/activity-day-detail'
+import {
+  Drawer,
+  DrawerContent,
+  DrawerDescription,
+  DrawerHeader,
+  DrawerTitle,
+} from '@/components/ui/drawer'
+import type { ActivityDaySummary } from '@/lib/activity/types'
+
+interface MobileMeActivityDrawerProps {
+  day?: ActivityDaySummary
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  summaryText: string
+  labels: {
+    title: string
+    description: string
+    empty: string
+    records: string
+    writing: string
+    chats: string
+  }
+}
+
+export function MobileMeActivityDrawer({
+  day,
+  open,
+  onOpenChange,
+  summaryText,
+  labels,
+}: MobileMeActivityDrawerProps) {
+  return (
+    <Drawer open={open} onOpenChange={onOpenChange}>
+      <DrawerContent className="max-h-[82vh] rounded-t-[24px]">
+        <DrawerHeader className="pb-3 text-left">
+          <DrawerTitle>{day?.day || labels.title}</DrawerTitle>
+          <DrawerDescription>{day ? summaryText : labels.description}</DrawerDescription>
+        </DrawerHeader>
+        <div className="overflow-y-auto px-4 pb-6">
+          <ActivityDayDetail
+            day={day}
+            compact
+            labels={{
+              empty: labels.empty,
+              records: labels.records,
+              writing: labels.writing,
+              chats: labels.chats,
+            }}
+          />
+        </div>
+      </DrawerContent>
+    </Drawer>
+  )
+}