feat(files): add per-channel storage quota [CI]

web/src/features/channel/Workspace.tsx

@@ -22,12 +22,14 @@ import { DevicePanel } from './DevicePanel';
 import { ChannelSettingsSheet } from './ChannelSettingsSheet';
 import { UploadOptionsSheet } from './UploadOptionsSheet';
 import styles from './Workspace.module.css';
+import { useServerSettings } from '@/store/server';
 
 const PreviewSheet = lazy(() => import('@/features/item/PreviewSheet'));
 const ScanSheet = lazy(() => import('@/features/scan/ScanSheet').then((m) => ({ default: m.ScanSheet })));
 
 export function Workspace({ onCreateChannel }: { onCreateChannel: () => void }) {
   const desktop = useMediaQuery('(width >= 900px) and (height >= 500px)');
+  const { info: serverInfo } = useServerSettings();
   const channel = useWorkspace((s) => s.channel);
   const threads = useWorkspace((s) => s.threads);
   const groups = useWorkspace((s) => s.groups);
@@ -108,7 +110,9 @@ export function Workspace({ onCreateChannel }: { onCreateChannel: () => void })
   const chat = <ChatPane threadName={activeThread?.name ?? '选择频道'} ids={messages} enabled={enabled} onSend={(text) => sendText(text, activeThreadId)} onDelete={deleteItem} onOpenFile={setPreviewId} onFiles={requestFiles} />;
   const explorer = <>
     <FilterBar filter={filter} searchOpen={searchOpen} onChange={setFilter} />
-    <FileExplorer key={activeThreadId} scope={`${channel?.id}:${activeThreadId}`} threadId={activeThreadId} threadName={activeThread?.name ?? '选择频道'} folders={activeFolders} folderId={activeFolderId} ids={files}
+    <FileExplorer key={activeThreadId} scope={`${channel?.id}:${activeThreadId}`} threadId={activeThreadId} threadName={activeThread?.name ?? '选择频道'}
+      fileBytes={activeThread?.fileBytes ?? 0} maxFileBytes={serverInfo?.limits.max_workspace_channel_bytes}
+      folders={activeFolders} folderId={activeFolderId} ids={files}
       selectedId={files.includes(selectedId ?? '') ? selectedId : undefined} checked={checked} enabled={enabled} structureEnabled={Boolean(activeThreadId && channel?.canManageStructure)} onFolder={selectFolder} onSelect={setSelectedId} onOpen={setPreviewId} onToggle={toggle} onSelection={setChecked}
       onFiles={(incoming, target) => requestFiles(incoming, { folderId: target })}
       onCreateFolder={(name) => activeThreadId ? createFolder(activeThreadId, name, activeFolderId) : Promise.reject(new Error('请先选择频道'))}