Function ResolvedTargetSessionRoute

packages/app/src/pages/session.tsx:222–265

()

}

function ResolvedTargetSessionRoute() {
  const params = useParams<{ serverKey: string; id: string }>()
  const settings = useSettings()
  const tabs = useTabs()
  const sync = useServerSync()
  const serverKey = createMemo(() => requireServerKey(params.serverKey))
  const cached = createMemo(() => sync().session.lineage.peek(params.id))
  const [resolved] = createResource(
    () => {
      if (cached()) return
      return { id: params.id, sync: sync() }
    },
    ({ id, sync }) => sync.session.lineage.resolve(id),
  )
  const current = createMemo(() => selectSessionLineage(params.id, cached(), resolved()))
  const directory = createMemo(() => current()?.session.directory)
  const targetDirectory = () => directory()!

  createEffect(() => {
    const session = current()
    if (!session) return
    tabs.addSessionTab({
      server: serverKey(),
      sessionId: session.root.id,
    })
  })

  return (
    <TargetServerScopedProviders directory={directory} sessionID={() => params.id}>
      <Show when={directory()}>
        <Show
          when={settings.general.newLayoutDesigns()}
          fallback={<Navigate href={legacySessionHref(directory()!, params.id)} />}
        >
          <SDKProvider directory={targetDirectory}>
            <DirectoryDataProvider directory={targetDirectory} server={serverKey}>
              <TargetSessionPage />
            </DirectoryDataProvider>
          </SDKProvider>
        </Show>
      </Show>
    </TargetServerScopedProviders>
  )
}

function TargetSessionPage() {
  const sdk = useSDK()