From 9880038d56f8e376fa60e8fd2e8589a2daa546f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=87=AF90331?= <90331@sangfor.com>
Date: Thu, 4 Jun 2026 17:44:09 +0800
Subject: [PATCH] fix(store): add desktop detail route for share links

- Add StoreDetail page component for desktop share link support
- Register /store/:itemId route to render item detail content
- Fix blank page when opening share links on desktop browsers

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 packages/app-ai-native/src/pages/store/index.ts |  1 +
 .../src/pages/store/pages/detail.tsx            | 17 +++++++++++++++++
 packages/app-ai-native/src/routes.tsx           |  2 ++
 3 files changed, 20 insertions(+)
 create mode 100644 packages/app-ai-native/src/pages/store/pages/detail.tsx

diff --git a/packages/app-ai-native/src/pages/store/index.ts b/packages/app-ai-native/src/pages/store/index.ts
index bec7c67e3..029cfd4f7 100644
--- a/packages/app-ai-native/src/pages/store/index.ts
+++ b/packages/app-ai-native/src/pages/store/index.ts
@@ -1,5 +1,6 @@
 export { default as StoreLayout } from "./components/layout"
 export { default as StoreHome } from "./pages/home"
 export { default as StoreManager } from "./pages/manager"
+export { default as StoreDetail } from "./pages/detail"
 export { default as MobileStoreLayout } from "./mobile/layout"
 export { default as MobileStoreDetail } from "./mobile/detail"
diff --git a/packages/app-ai-native/src/pages/store/pages/detail.tsx b/packages/app-ai-native/src/pages/store/pages/detail.tsx
new file mode 100644
index 000000000..663ca7f45
--- /dev/null
+++ b/packages/app-ai-native/src/pages/store/pages/detail.tsx
@@ -0,0 +1,17 @@
+import { useParams, useNavigate } from "@solidjs/router"
+import ItemDetailContent from "../components/item-detail-content"
+
+export default function StoreDetail() {
+  const params = useParams<{ itemId: string }>()
+  const navigate = useNavigate()
+
+  return (
+    <div class="h-full w-full">
+      <ItemDetailContent
+        itemId={params.itemId}
+        showBackButton={true}
+        onBack={() => navigate("/store")}
+      />
+    </div>
+  )
+}
diff --git a/packages/app-ai-native/src/routes.tsx b/packages/app-ai-native/src/routes.tsx
index ed019b751..34d97d038 100644
--- a/packages/app-ai-native/src/routes.tsx
+++ b/packages/app-ai-native/src/routes.tsx
@@ -10,6 +10,7 @@ const RootLayout = lazy(() => import("@/pages/root-layout"))
 const StoreLayout = lazy(() => import("@/pages/store").then((m) => ({ default: m.StoreLayout })))
 const StoreHome = lazy(() => import("@/pages/store").then((m) => ({ default: m.StoreHome })))
 const StoreManager = lazy(() => import("@/pages/store").then((m) => ({ default: m.StoreManager })))
+const StoreDetail = lazy(() => import("@/pages/store").then((m) => ({ default: m.StoreDetail })))
 const ProjectsLayout = lazy(() => import("@/pages/projects").then((m) => ({ default: m.ProjectsLayout })))
 const ProjectsHome = lazy(() => import("@/pages/projects").then((m) => ({ default: m.ProjectsHome })))
 const ProjectDetail = lazy(() => import("@/pages/projects").then((m) => ({ default: m.ProjectDetail })))
@@ -200,6 +201,7 @@ export const routeConfig: RouteConfig[] = [
     children: [
       { path: "/", component: StoreHome },
       { path: "/manager", component: StoreManager },
+      { path: "/:itemId", component: StoreDetail },
     ],
   },
   {