feat: integrate client and server sharing workflows

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),