fixed suspense in enterprise

2 files changed, 12 insertions, 12 deletions

diff --git a/packages/enterprise/src/app.tsx b/packages/enterprise/src/app.tsx
index 77e9d8677..185b36a79 100644
--- a/packages/enterprise/src/app.tsx
+++ b/packages/enterprise/src/app.tsx
@@ -4,17 +4,20 @@ import { Fonts } from "@opencode-ai/ui/fonts"
 import { MetaProvider } from "@solidjs/meta"
 import { MarkedProvider } from "@opencode-ai/ui/context/marked"
 import "./app.css"
+import { Suspense } from "solid-js"
 
 export default function App() {
   return (
     <Router
       root={(props) => (
-        <MarkedProvider>
-          <MetaProvider>
-            <Fonts />
-            {props.children}
-          </MetaProvider>
-        </MarkedProvider>
+        <Suspense>
+          <MarkedProvider>
+            <MetaProvider>
+              <Fonts />
+              {props.children}
+            </MetaProvider>
+          </MarkedProvider>
+        </Suspense>
       )}
     >
       <FileRoutes />
diff --git a/packages/enterprise/src/routes/share/[shareID].tsx b/packages/enterprise/src/routes/share/[shareID].tsx
index f4d818dd6..f96e4d57a 100644
--- a/packages/enterprise/src/routes/share/[shareID].tsx
+++ b/packages/enterprise/src/routes/share/[shareID].tsx
@@ -3,7 +3,7 @@ import { SessionTurn } from "@opencode-ai/ui/session-turn"
 import { SessionReview } from "@opencode-ai/ui/session-review"
 import { DataProvider } from "@opencode-ai/ui/context"
 import { createAsync, query, RouteDefinition, useParams } from "@solidjs/router"
-import { createEffect, createMemo, ErrorBoundary, For, Match, Show, Switch } from "solid-js"
+import { createEffect, createMemo, ErrorBoundary, For, Match, Show, Suspense, Switch } from "solid-js"
 import { Share } from "~/core/share"
 import { Logo, Mark } from "@opencode-ai/ui/logo"
 import { IconButton } from "@opencode-ai/ui/icon-button"
@@ -26,6 +26,7 @@ const SessionDataMissingError = NamedError.create(
 )
 
 const getData = query(async (shareID) => {
+  "use server"
   const share = await Share.get(shareID)
   if (!share) throw new SessionDataMissingError({ sessionID: shareID })
   const data = await Share.data(shareID)
@@ -88,14 +89,10 @@ const getData = query(async (shareID) => {
   return result
 }, "getShareData")
 
-export const route = {
-  preload: ({ params }) => getData(params.shareID),
-} satisfies RouteDefinition
-
 export default function () {
   const params = useParams()
   const data = createAsync(async () => {
-    if (!params.shareID) throw new Error("Missing sessionID")
+    if (!params.shareID) throw new Error("Missing shareID")
     return getData(params.shareID)
   })