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 },
     ],
   },
   {