change to next

.gitignore

@@ -1 +1,6 @@
 node_modules
+.pnpm-store
+dist
+.env*
+!.env*example
+.next

backup/web/.env.example

@@ -0,0 +1 @@
+VITE_API_URL='http://localhost:4005'

backup/web/components.json

@@ -1,11 +1,11 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
   "style": "new-york",
-  "rsc": true,
+  "rsc": false,
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "app/globals.css",
+    "css": "src/styles/global.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

backup/web/kevisual.json

@@ -3,7 +3,7 @@
     "name": "kevisual",
     "share": "public"
   },
-  "registry": "https://kevisual.cn/root/ai/kevisual/next/next-simple-template",
+  "registry": "https://kevisual.cn/root/ai/kevisual/frontend/simple-astro-template",
   "clone": {
     ".": {
       "enabled": true
@@ -14,12 +14,12 @@
       "files": [
         "**/*"
       ],
-      "ignore": [
-        "dist",
-        ".next"
-      ],
       "registry": ""
     }
   ],
-  "sync": {}
+  "sync": {
+    ".gitignore": {
+      "url": "/gitignore.txt"
+    }
+  }
 }

backup/web/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@kevisual/router-studio",
+  "version": "0.0.2",
+  "description": "",
+  "main": "index.js",
+  "basename": "/root/router-studio",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "pub": "envision deploy ./dist -k router-studio -v 0.0.2 -u -y yes",
+    "slide:dev": "slidev --open slides/index.md",
+    "slide:build": "slidev build slides/index.md --base /root/router-studio-slide/",
+    "slide:pub": "envision deploy ./slides/dist -k router-studio-slide -v 0.0.2 -u -y yes",
+    "ui": "pnpm dlx shadcn@latest add "
+  },
+  "keywords": [],
+  "author": "abearxiong <xiongxiao@xiongxiao.me> (https://www.xiongxiao.me)",
+  "license": "MIT",
+  "type": "module",
+  "dependencies": {
+    "@astrojs/mdx": "^4.3.13",
+    "@astrojs/react": "^4.4.2",
+    "@astrojs/sitemap": "^3.6.0",
+    "@astrojs/vue": "^5.1.3",
+    "@kevisual/cache": "^0.0.5",
+    "@kevisual/context": "^0.0.4",
+    "@kevisual/query": "^0.0.35",
+    "@kevisual/query-login": "^0.0.7",
+    "@kevisual/registry": "^0.0.1",
+    "@kevisual/router": "^0.0.52",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/vite": "^4.1.18",
+    "@tanstack/react-table": "^8.21.3",
+    "@uiw/react-md-editor": "^4.0.11",
+    "antd": "^6.1.3",
+    "astro": "^5.16.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "dayjs": "^1.11.19",
+    "es-toolkit": "^1.43.0",
+    "github-markdown-css": "^5.8.1",
+    "handsontable": "^16.2.0",
+    "highlight.js": "^11.11.1",
+    "lucide-react": "^0.562.0",
+    "marked": "^17.0.1",
+    "marked-highlight": "^2.2.3",
+    "nanoid": "^5.1.6",
+    "papaparse": "^5.5.3",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-hook-form": "^7.70.0",
+    "react-resizable-panels": "^4.2.1",
+    "react-toastify": "^11.0.5",
+    "tailwind-merge": "^3.4.0",
+    "vue": "^3.5.26",
+    "zustand": "^5.0.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@kevisual/api": "^0.0.17",
+    "@kevisual/types": "^0.0.10",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "baseline-browser-mapping": "^2.9.11",
+    "dotenv": "^17.2.3",
+    "tailwindcss": "^4.1.18",
+    "tw-animate-css": "^1.4.0"
+  },
+  "packageManager": "pnpm@10.27.0",
+  "onlyBuiltDependencies": [
+    "@tailwindcss/oxide",
+    "esbuild",
+    "sharp"
+  ]
+}

backup/web/src/apps/studio/index.tsx

@@ -1,11 +1,11 @@
 import { toast, ToastContainer, Slide } from 'react-toastify';
-import { useStudioStore } from './store.ts';
+import { useStudioStore } from './store.js';
 import { use, useEffect, useState } from 'react';
 import { MonitorPlay, Play, PanelLeft, PanelLeftClose, PanelRight, PanelRightClose, Filter, FilterX, Search, X } from 'lucide-react';
 import { Panel, Group } from 'react-resizable-panels'
-import { ViewList } from '../view/list.tsx';
+import { ViewList } from '../view/list.js';
 import { useShallow } from 'zustand/shallow';
-import { Chat } from '../chat/index.tsx';
+import { Chat } from '../chat/index.js';
 import { Input } from '@/components/ui/input.tsx';
 export const AppProvider = () => {
   const { showLeftPanel, showRightPanel } = useStudioStore(useShallow((state) => ({

backup/web/src/apps/view/list.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useStudioStore } from '../studio/store.ts';
+import { useStudioStore } from '../studio/store.js';
 import { Search, RotateCw, Plus, MoreHorizontal, Layout, Edit2, Trash2 } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";

backup/web/src/components/ui/checkbox.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
 import { CheckIcon } from "lucide-react"

backup/web/src/components/ui/dialog.tsx

@@ -0,0 +1,42 @@
+import * as React from "react"
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+const Dialog = ({ open, onOpenChange, children }: { open: boolean; onOpenChange: (open: boolean) => void; children: React.ReactNode }) => {
+  if (!open) return null
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      <div className="fixed inset-0 bg-black/50" onClick={() => onOpenChange(false)} />
+      <div className="relative z-50 w-full max-w-2xl max-h-[90vh] overflow-auto bg-white rounded-lg shadow-lg p-6">
+        {children}
+      </div>
+    </div>
+  )
+}
+
+const DialogHeader = ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+  <div className={cn("flex flex-col space-y-1.5 text-center sm:text-left mb-4", className)} {...props}>
+    {children}
+  </div>
+)
+
+const DialogTitle = ({ className, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (
+  <h2 className={cn("text-lg font-semibold leading-none tracking-tight", className)} {...props}>
+    {children}
+  </h2>
+)
+
+const DialogContent = ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+  <div className={cn("", className)} {...props}>
+    {children}
+  </div>
+)
+
+const DialogFooter = ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+  <div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-4", className)} {...props}>
+    {children}
+  </div>
+)
+
+export { Dialog, DialogHeader, DialogTitle, DialogContent, DialogFooter }

backup/web/src/components/ui/dropdown-menu.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"

backup/web/src/components/ui/label.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"
 

backup/web/src/components/ui/popover.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as PopoverPrimitive from "@radix-ui/react-popover"
 

backup/web/src/components/ui/tabs.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"
 

backup/web/src/components/ui/tooltip.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 

backup/web/src/index.ts

@@ -1,5 +1,5 @@
 import { app } from '@/app.ts';
 
-import './routes/left-panel.ts';
+import './routes/left-panel.js';
 
 export { app };

backup/web/src/modules/basename.ts

@@ -0,0 +1,13 @@
+// @ts-ignore
+export const basename = BASE_NAME;
+
+console.log(basename);
+
+export const wrapBasename = (path: string) => {
+  const hasEnd = path.endsWith('/')
+  if (basename) {
+    return `${basename}${path}` + (hasEnd ? '' : '/');
+  } else {
+    return path;
+  }
+}

backup/web/src/modules/query.ts

@@ -0,0 +1,19 @@
+import { QueryClient } from '@kevisual/query'
+
+const getUrl = () => {
+  const host = window.location.host
+  const isKevisual = host.includes('kevisual');
+  if (isKevisual) {
+    return '/api/router'
+  }
+
+  return '/client/router'
+}
+
+export const query = new QueryClient({
+  url: '/api/router',
+});
+
+export const queryClient = new QueryClient({
+  url: getUrl(),
+});

backup/web/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "@kevisual/types/json/frontend.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ],
+      "@/agent": [
+        "./src/agent"
+      ]
+    },
+  },
+  "include": [
+    "src/**/*",
+    "agent/**/*"
+  ],
+}

pnpm-lock.yaml

@@ -177,6 +177,9 @@ importers:
 
   web-v2:
     dependencies:
+      '@kevisual/api':
+        specifier: ^0.0.17
+        version: 0.0.17
       '@kevisual/context':
         specifier: ^0.0.4
         version: 0.0.4
@@ -216,6 +219,9 @@ importers:
       '@radix-ui/react-tooltip':
         specifier: ^1.2.8
         version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.8))(@types/react@19.2.8)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@tanstack/react-table':
+        specifier: ^8.21.3
+        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       antd:
         specifier: ^6.2.0
         version: 6.2.0(moment@2.30.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -249,6 +255,12 @@ importers:
       react-dom:
         specifier: 19.2.3
         version: 19.2.3(react@19.2.3)
+      react-resizable-panels:
+        specifier: ^4.4.1
+        version: 4.4.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react-toastify:
+        specifier: ^11.0.5
+        version: 11.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       sonner:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -263,8 +275,8 @@ importers:
         version: 5.0.10(@types/react@19.2.8)(react@19.2.3)
     devDependencies:
       '@kevisual/types':
-        specifier: ^0.0.10
-        version: 0.0.10
+        specifier: ^0.0.11
+        version: 0.0.11
       '@tailwindcss/postcss':
         specifier: ^4
         version: 4.1.18
@@ -907,6 +919,9 @@ packages:
   '@kevisual/types@0.0.10':
     resolution: {integrity: sha512-Q73uzzjk9UidumnmCvOpgzqDDvQxsblz22bIFuoiioUFJWwaparx8bpd8ArRyFojicYL1YJoFDzDZ9j9NN8grA==}
 
+  '@kevisual/types@0.0.11':
+    resolution: {integrity: sha512-idNLDTEKVdNXZHFQq8PTN62nflh94kvGtx+v8YDcMxt0Zo+HWVZTFElm+dMQxAs/vn4wo8F2r3VwzWNX/vcqwQ==}
+
   '@mdx-js/mdx@3.1.1':
     resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==}
 
@@ -4792,6 +4807,8 @@ snapshots:
 
   '@kevisual/types@0.0.10': {}
 
+  '@kevisual/types@0.0.11': {}
+
   '@mdx-js/mdx@3.1.1':
     dependencies:
       '@types/estree': 1.0.8

web-v2/.env.example

@@ -1 +0,0 @@
-NODE_ENV=

web-v2/package.json

@@ -1,52 +0,0 @@
-{
-  "name": "@kevisual/next-simple-template",
-  "version": "0.1.0",
-  "basename": "/root/next-simple-template",
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "pub": "ev deploy ./dist -k next-simple-template -v 0.1.0 -u -y y",
-    "ui": "pnpm dlx shadcn@latest add "
-  },
-  "dependencies": {
-    "@kevisual/context": "^0.0.4",
-    "@kevisual/query": "^0.0.35",
-    "@kevisual/router": "^0.0.53",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "antd": "^6.2.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "dotenv": "^17.2.3",
-    "es-toolkit": "^1.43.0",
-    "idb-keyval": "^6.2.2",
-    "lucide-react": "^0.562.0",
-    "next": "16.1.2",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
-    "valtio": "^2.3.0",
-    "zustand": "^5.0.10"
-  },
-  "devDependencies": {
-    "@kevisual/types": "^0.0.10",
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^25",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "tailwindcss": "^4",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "^5"
-  }
-}

web-v2/src/app/page.tsx

@@ -1,10 +0,0 @@
-
-export default function Home() {
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        Light Code
-      </main>
-    </div>
-  );
-}

web-v2/src/components/ui/dialog.tsx

@@ -1,143 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function Dialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />
-}
-
-function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
-}
-
-function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
-}
-
-function DialogClose({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
-}
-
-function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-  return (
-    <DialogPrimitive.Overlay
-      data-slot="dialog-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean
-}) {
-  return (
-    <DialogPortal data-slot="dialog-portal">
-      <DialogOverlay />
-      <DialogPrimitive.Content
-        data-slot="dialog-content"
-        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        {showCloseButton && (
-          <DialogPrimitive.Close
-            data-slot="dialog-close"
-            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-          >
-            <XIcon />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Content>
-    </DialogPortal>
-  )
-}
-
-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  )
-}
-
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return (
-    <DialogPrimitive.Title
-      data-slot="dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return (
-    <DialogPrimitive.Description
-      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-}

web-v2/src/modules/basename.ts

@@ -1,18 +0,0 @@
-const isDev = process.env.NODE_ENV === "development";
-const BASE_NAME = isDev ? '' : '/root/perler-beads';
-
-export const basename = BASE_NAME;
-
-export const wrapBasename = (path: string) => {
-  const hasEnd = path.endsWith('/')
-  let _basename = basename;
-  if (basename) {
-    _basename = `${basename}${path}`;
-  } else {
-    _basename = path;
-  }
-  if (isDev) {
-    return _basename
-  }
-  return _basename + '.html';
-}

web-v2/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "extends": "@kevisual/types/json/frontend.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "incremental": true,
-    "allowImportingTsExtensions": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts",
-    "dist/types/**/*.ts",
-    "dist/dev/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}

web/.env.example

@@ -1 +1,2 @@
-VITE_API_URL='http://localhost:4005'
+NODE_ENV=
+API_URL=http://localhost:51515

web/components.json

@@ -1,11 +1,11 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
   "style": "new-york",
-  "rsc": false,
+  "rsc": true,
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "src/styles/global.css",
+    "css": "app/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

web/kevisual.json

@@ -3,7 +3,7 @@
     "name": "kevisual",
     "share": "public"
   },
-  "registry": "https://kevisual.cn/root/ai/kevisual/frontend/simple-astro-template",
+  "registry": "https://kevisual.cn/root/ai/kevisual/next/next-simple-template",
   "clone": {
     ".": {
       "enabled": true
@@ -14,12 +14,12 @@
       "files": [
         "**/*"
       ],
+      "ignore": [
+        "dist",
+        ".next"
+      ],
       "registry": ""
     }
   ],
-  "sync": {
-    ".gitignore": {
-      "url": "/gitignore.txt"
-    }
-  }
+  "sync": {}
 }

web/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./dist/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

web/next.config.ts

@@ -10,6 +10,8 @@ const nextConfig: NextConfig = {
   distDir: 'dist',
   basePath: basePath,
   trailingSlash: true,
+  turbopack: { root: '/workspace' },
+  transpilePackages: ['@kevisual/api', '@kevisual/router'],
 };
 
 export default nextConfig;

web/package.json

@@ -1,85 +1,56 @@
 {
-  "name": "@kevisual/router-studio",
-  "version": "0.0.2",
-  "description": "",
-  "main": "index.js",
-  "basename": "/root/router-studio",
+  "name": "@kevisual/next-simple-template",
+  "version": "0.1.0",
+  "basename": "/root/next-simple-template",
   "scripts": {
-    "dev": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview",
-    "pub": "envision deploy ./dist -k router-studio -v 0.0.2 -u -y yes",
-    "slide:dev": "slidev --open slides/index.md",
-    "slide:build": "slidev build slides/index.md --base /root/router-studio-slide/",
-    "slide:pub": "envision deploy ./slides/dist -k router-studio-slide -v 0.0.2 -u -y yes",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "pub": "ev deploy ./dist -k next-simple-template -v 0.1.0 -u -y y",
     "ui": "pnpm dlx shadcn@latest add "
   },
-  "keywords": [],
-  "author": "abearxiong <xiongxiao@xiongxiao.me> (https://www.xiongxiao.me)",
-  "license": "MIT",
-  "type": "module",
   "dependencies": {
-    "@astrojs/mdx": "^4.3.13",
-    "@astrojs/react": "^4.4.2",
-    "@astrojs/sitemap": "^3.6.0",
-    "@astrojs/vue": "^5.1.3",
-    "@kevisual/cache": "^0.0.5",
+    "@kevisual/api": "^0.0.17",
     "@kevisual/context": "^0.0.4",
     "@kevisual/query": "^0.0.35",
-    "@kevisual/query-login": "^0.0.7",
-    "@kevisual/registry": "^0.0.1",
-    "@kevisual/router": "^0.0.52",
+    "@kevisual/router": "^0.0.53",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/vite": "^4.1.18",
     "@tanstack/react-table": "^8.21.3",
-    "@uiw/react-md-editor": "^4.0.11",
-    "antd": "^6.1.3",
-    "astro": "^5.16.6",
+    "antd": "^6.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "dayjs": "^1.11.19",
+    "dotenv": "^17.2.3",
     "es-toolkit": "^1.43.0",
-    "github-markdown-css": "^5.8.1",
-    "handsontable": "^16.2.0",
-    "highlight.js": "^11.11.1",
+    "idb-keyval": "^6.2.2",
     "lucide-react": "^0.562.0",
-    "marked": "^17.0.1",
-    "marked-highlight": "^2.2.3",
-    "nanoid": "^5.1.6",
-    "papaparse": "^5.5.3",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-hook-form": "^7.70.0",
-    "react-resizable-panels": "^4.2.1",
+    "next": "16.1.2",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-resizable-panels": "^4.4.1",
     "react-toastify": "^11.0.5",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
-    "vue": "^3.5.26",
-    "zustand": "^5.0.9"
-  },
-  "publishConfig": {
-    "access": "public"
+    "valtio": "^2.3.0",
+    "zustand": "^5.0.10"
   },
   "devDependencies": {
-    "@kevisual/api": "^0.0.17",
-    "@kevisual/types": "^0.0.10",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "baseline-browser-mapping": "^2.9.11",
-    "dotenv": "^17.2.3",
-    "tailwindcss": "^4.1.18",
-    "tw-animate-css": "^1.4.0"
-  },
-  "packageManager": "pnpm@10.27.0",
-  "onlyBuiltDependencies": [
-    "@tailwindcss/oxide",
-    "esbuild",
-    "sharp"
-  ]
+    "@kevisual/types": "^0.0.11",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^25",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  }
 }

web/src/app/page.tsx

@@ -0,0 +1,8 @@
+
+import { AppProvider } from './studio/index.tsx';
+
+export default function Home() {
+  return (
+    <AppProvider />
+  );
+}