feat: integrate client and server sharing workflows

web/src/features/item/InlineContent.tsx

@@ -34,7 +34,7 @@ function InlineText({ item, onOpen }: { item: TextItem; onOpen: () => void }) {
  * 所以先放占位,点了才加载,避免滚动列表就把次数用光。
  */
 function InlineVideo({ item }: { item: FileItem }) {
-  const free = item.remaining === null;
+  const free = item.remaining === null && !item.gated;
   const [play, setPlay] = useState(free);
   const blob = useBlobUrl(item.id, play);
 

web/src/features/item/Tile.tsx

@@ -14,7 +14,7 @@ function Thumb({ id }: { id: string }) {
  * 有下载上限的文件(GATED)拉取一次就消耗一次下载,所以不自动拉取缩略图。
  */
 export function Tile({ item, size = 44 }: { item: Item; size?: number }) {
-  const thumb = item.kind === 'file' && item.preview === 'image' && item.state.kind === 'complete' && item.remaining === null;
+  const thumb = item.kind === 'file' && !item.gated && item.preview === 'image' && item.state.kind === 'complete' && item.remaining === null;
   return (
     <span className={styles.tile} style={{ width: size, height: size }}>
       {thumb ? <Thumb id={item.id} /> : <Icon name={iconOf(item)} size={Math.round(size / 2.2)} />}

web/src/features/item/source.ts

@@ -27,7 +27,7 @@ export const channelSource: ItemSource = {
   useItem: (id) => useWorkspace((s) => s.byId[id]),
   useDeviceNamer: () => {
     const devices = useWorkspace((s) => s.devices);
-    return (deviceId) => devices.find((d) => d.id === deviceId)?.name;
+    return (deviceId) => devices.find((d) => d.id === deviceId)?.name ?? deviceId;
   },
   getBlob: (id, versionId) => useWorkspace.getState().getBlob(id, versionId),
   listArchive: (id) => useWorkspace.getState().listArchive(id),