From 915992776db1d68c8d6500186289c4e17951ba7c Mon Sep 17 00:00:00 2001
From: JustMe <mr.toing@outlook.com>
Date: Fri, 16 Oct 2026 18:30:59 +0800
Subject: [PATCH] feat(web): show the space validity period in the top bar

---
 web/src/features/channel/TopBar.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/features/channel/TopBar.tsx b/web/src/features/channel/TopBar.tsx
index 076ce7b..6add86d 100644
--- a/web/src/features/channel/TopBar.tsx
+++ b/web/src/features/channel/TopBar.tsx
@@ -1,3 +1,4 @@
+import { formatRemaining } from '@/lib/format';
 import { useWorkspace } from '@/store/workspace';
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
@@ -34,6 +35,7 @@ export function TopBar({ onBack, onOpenPanel, onOpenSettings, onOpenMembers, onI
         <span className={styles.name}>{channel?.name || `${channel?.id.slice(0, 8)}…`}</span>
         {channel?.name ? <span className={styles.idSuffix}>{channel.id.slice(0, 8)}…</span> : null}
         {channel?.creatorAccount ? <span className={styles.idSuffix}>创建者 {channel.creatorAccount}</span> : null}
+        {channel?.expiresAt ? <span className={styles.idSuffix} title={`到期时间 ${new Date(channel.expiresAt).toLocaleString('zh-CN', { hour12: false })}。空间有新内容时会自动顺延`}>{formatRemaining(channel.expiresAt).replace(/^剩 /, '有效期 ')}</span> : null}
         {raw ? (
           <span className={styles.badgeWarn}>明文 · 服务端可见</span>
         ) : (