feat(web): add spaces, grouped channels and file chat

web/src/features/home/ChannelList.tsx

@@ -29,7 +29,7 @@ export function ChannelList({ kind, title, onOpen }: Props) {
         {list.map((c) => (
           <li key={c.id} className={styles.row}>
             <button type="button" className={styles.open} onClick={() => onOpen(c)}>
-              <span className={styles.id}>{c.id.slice(0, 8)}…</span>
+              <span className={styles.id}>{'state' in c ? c.id.slice(0, 8) : c.name || c.id.slice(0, 8)}…</span>
               <span className={styles.meta}>
                 {'state' in c ? (
                   <>
@@ -40,6 +40,7 @@ export function ChannelList({ kind, title, onOpen }: Props) {
                   </>
                 ) : (
                   <>
+                    {c.name ? <span className={styles.channelId}>{c.id.slice(0, 8)}…</span> : null}
                     <span className={c.mode === 'enc' ? styles.enc : styles.raw}>
                       {c.mode === 'enc' ? <><Icon name="lock" size={12} /> 加密</> : '明文'}
                     </span>
@@ -56,7 +57,7 @@ export function ChannelList({ kind, title, onOpen }: Props) {
                 <Button variant="ghost" onClick={() => setConfirmId(undefined)}>取消</Button>
               </span>
             ) : (
-              <Button variant="ghost" icon="trash" label={kind === 'share' ? '从本机移除' : '从本机移除(不会删除频道)'} onClick={() => setConfirmId(c.id)} />
+              <Button variant="ghost" icon="trash" label="从当前资源清单移除（不会删除服务端内容）" onClick={() => setConfirmId(c.id)} />
             )}
           </li>
         ))}