Loads session data on the session page

src/routes/_authenticated/document.$documentId.tsx

@@ -0,0 +1,29 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { pb } from "@/lib/pocketbase";
+
+export const Route = createFileRoute(
+  '/_authenticated/document/$documentId',
+)({
+  loader: async ({ params }) => {
+    const doc = await pb.collection("documents").getOne(params.documentId);
+    return { document: doc };
+  },
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  const { document } = Route.useLoaderData();
+  const strongStart = document?.data?.session?.strongStart;
+  return (
+    <div className="max-w-xl mx-auto py-8">
+      <h2 className="text-2xl font-bold mb-4 text-slate-100">Session Strong Start</h2>
+      {strongStart ? (
+        <div className="text-lg text-slate-200 bg-slate-800 rounded p-4">
+          {strongStart}
+        </div>
+      ) : (
+        <div className="text-slate-400">No strong start found for this session.</div>
+      )}
+    </div>
+  );
+}