feat: integrate client and server sharing workflows

web/src/app/App.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { Home } from '@/features/home/Home';
 import { JoinScreen, MissingAccess } from '@/features/scan/JoinScreen';
 import { useChannels } from '@/store/channels';
+import { useShares } from '@/store/shares';
 import { useWorkspace } from '@/store/workspace';
 import { ChannelScreen } from './ChannelScreen';
 import { ShareScreen } from './ShareScreen';
@@ -21,14 +22,21 @@ function splashSeen(): boolean {
 export function App() {
   const route = useRoute();
   const list = useChannels((s) => s.list);
+  const channelsHydrated = useChannels((s) => s.hydrated);
   const pendingLink = useChannels((s) => s.pendingLink);
   const setPendingLink = useChannels((s) => s.setPendingLink);
+  const sharesHydrated = useShares((s) => s.hydrated);
+  const pendingShareLink = useShares((s) => s.pendingLink);
   const wsReady = useWorkspace((s) => s.ready);
   const [splash, setSplash] = useState(() => !splashSeen());
 
   const saved = route.name === 'channel' && list.some((c) => c.id === route.id);
   // 只有打开已保存的频道才需要等数据;首页与加入页没有加载过程
-  const ready = !saved || wsReady;
+  const waitingOnSavedChannel = route.name === 'channel' && !pendingLink && !channelsHydrated;
+  const waitingOnSavedShare = route.name === 'share' && pendingShareLink?.id !== route.id && !sharesHydrated;
+  const ready = route.name === 'home' || (route.name === 'channel'
+    ? pendingLink?.id === route.id || (channelsHydrated && (!saved || wsReady))
+    : pendingShareLink?.id === route.id || sharesHydrated);
 
   function onSplashDone() {
     try {
@@ -41,7 +49,9 @@ export function App() {
 
   let screen;
   if (route.name === 'home') screen = <Home />;
+  else if (route.name === 'share' && waitingOnSavedShare) screen = null;
   else if (route.name === 'share') screen = <ShareScreen id={route.id} />;
+  else if (route.name === 'channel' && waitingOnSavedChannel) screen = null;
   else if (saved) screen = <ChannelScreen id={route.id} />;
   else if (pendingLink?.id === route.id) {
     screen = (