@ubean/devtools 0.6.1 → 0.6.3

package/dist/index.js

@@ -1319,35 +1319,66 @@ function createTerminalServer() {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/devframe@1.2.3_@devframes+agentic@1.2.3_cac@7.0.1_srvx@1.0.5/node_modules/devframe/dist/define-BLWPsH6y.mjs
-function createDefineWrapperWithContext() {
-	return function defineRpcFunctionWithContext(definition) {
-		return definition;
-	};
+//#region src/node/rpc/types.ts
+/**
+* 身份包装器：校验定义形状，同时**保留 `name` 的字面量类型**。
+*
+* 直接用 `satisfies RpcFunctionDefinition` 不行 —— 那个类型至少要一个类型参数（`NAME`），
+* 不传参就把 `name` 拓宽成 `string`，而 `RpcDefinitionsToFunctionsWithNamespace<'ubean', T>`
+* 恰恰靠字面量名推导 wire 签名。泛型参数 `const D extends …` 同时满足两件事：约束检查 + 字面量保留。
+*/
+function defineUbeanRpc(definition) {
+	return definition;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/@vitejs+devtools-kit@0.7.6_@devframes+agentic@1.2.3_@voidzero-dev+vite-plus-core@1.1.0__089b475afebafe0aa497b2df40bc3712/node_modules/@vitejs/devtools-kit/dist/index.js
-const defineRpcFunction = createDefineWrapperWithContext();
+/**
+* 本包 RPC 的命名空间。所有裸名注册后成为 `<UBEAN_RPC_NAMESPACE>:<bare-name>`。
+*/
+const UBEAN_RPC_NAMESPACE = "ubean";
+/**
+* `ubean:ai:stream` —— AI 流式响应的 shared state key。
+*
+* **不是** scoped key：`ctx.scope('ubean').rpc.sharedState.get('ai:stream')` 会再加一层前缀
+* （`ubean:ai:stream` 本身已含 `:`，`qualifyName` 原样返回，因此两种写法恰好都落到这个 key）。
+* 这里显式写全名，避免读者以为它经过 scope。
+*/
+const UBEAN_AI_STREAM_STATE_KEY = "ubean:ai:stream";
+/**
+* anchor dock 的共享 iframe 配置。
+*
+* `frameId` / `subTabs` 属于 **`DevframeViewIframe`**（不是 `DevframeDockDefaults`），
+* 因此不能写在 `DevframeDefinition.dock` 里 —— 它们必须经
+* `initHub({ devframes: [{ devframe, dock }] })`（或 `ctx.install(def, { dock })`）传入。
+* 这里集中一处，CLI 与测试都从这里取。
+*
+* - `frameId`：所有视图 dock 共用一个 iframe 元素（软导航池）。
+* - `subTabs`：客户端 host 自动挂 frame-nav 适配器，运行时发现视图清单。
+*
+* **不要设 `visibility: 'false'`**：它会隐藏 anchor 自己的 dock 按钮，而 iframe 只在 anchor
+* 被激活时才挂载 —— 隐藏 anchor 就永远发现不了视图清单，外壳里只剩一个空的 dock 侧栏
+* （实测 2026-10-11：面板整个打不开）。
+*/
+const UBEAN_ANCHOR_DOCK = {
+	frameId: "ubean",
+	subTabs: { protocol: "postmessage" }
+};
 //#endregion
 //#region src/node/rpc/ai.ts
 /**
-* AI RPC functions — `ubean:ai:tools`, `ubean:ai:chat`, and `ubean:ai:chat-stream`.
+* AI RPC functions — `ai-tools` / `ai-chat` / `ai-chat-stream`（裸名，注册到 `ubean` scope）。
 *
-* `ubean:ai:chat` — non-streaming chat (returns full response).
-* `ubean:ai:chat-stream` — streaming chat; pushes chunks to the
-*   `ubean:ai:stream` sharedState key via the `onStreamChunk` callback
-*   wired in `createAiServer`. The client subscribes to that sharedState
-*   and filters by `requestId`.
+* - `ai-chat` 非流式（返回完整响应）；
+* - `ai-chat-stream` 流式：分片由 `createAiServer` 里的 `onStreamChunk` 推入
+*   `ubean:ai:stream` shared state，客户端订阅后按 `requestId` 过滤。
 */
 function createAiRpcFunctions(ai) {
 	return [
-		defineRpcFunction({
-			name: "ubean:ai:tools",
+		defineUbeanRpc({
+			name: "ai-tools",
 			type: "query",
 			setup: () => ({ handler: () => ai.getToolDefinitions() })
 		}),
-		defineRpcFunction({
-			name: "ubean:ai:chat",
+		defineUbeanRpc({
+			name: "ai-chat",
 			type: "action",
 			setup: () => ({ handler: (params) => ai.chat({
 				messages: params.messages,
@@ -1356,8 +1387,8 @@ function createAiRpcFunctions(ai) {
 				model: params.model
 			}) })
 		}),
-		defineRpcFunction({
-			name: "ubean:ai:chat-stream",
+		defineUbeanRpc({
+			name: "ai-chat-stream",
 			type: "action",
 			setup: () => ({ handler: (params) => ai.chat({
 				messages: params.messages,
@@ -1372,36 +1403,36 @@ function createAiRpcFunctions(ai) {
 //#endregion
 //#region src/node/rpc/crud.ts
 /**
-* CRUD RPC functions — `ubean:crud:create/read/update/delete/restore`.
+* CRUD RPC functions — `crud-create` / `crud-read` / `crud-update` / `crud-delete` /
+* `crud-restore`（裸名，注册到 `ubean` scope）。
 *
-* Each function delegates to the existing `createCrudServer` which
-* encapsulates all file-scaffolding, backup, and hook logic. The RPC
-* layer is purely a transport adapter.
+* 每个都直接委派给 `createCrudServer` —— 它封装了全部文件脚手架、备份与 hook 逻辑，
+* RPC 层只是传输适配。
 */
 function createCrudRpcFunctions(crud) {
 	return [
-		defineRpcFunction({
-			name: "ubean:crud:create",
+		defineUbeanRpc({
+			name: "crud-create",
 			type: "action",
 			setup: () => ({ handler: (params) => crud.create(params) })
 		}),
-		defineRpcFunction({
-			name: "ubean:crud:read",
+		defineUbeanRpc({
+			name: "crud-read",
 			type: "query",
 			setup: () => ({ handler: (params) => crud.read(params) })
 		}),
-		defineRpcFunction({
-			name: "ubean:crud:update",
+		defineUbeanRpc({
+			name: "crud-update",
 			type: "action",
 			setup: () => ({ handler: (params) => crud.update(params) })
 		}),
-		defineRpcFunction({
-			name: "ubean:crud:delete",
+		defineUbeanRpc({
+			name: "crud-delete",
 			type: "action",
 			setup: () => ({ handler: (params) => crud.delete(params) })
 		}),
-		defineRpcFunction({
-			name: "ubean:crud:restore",
+		defineUbeanRpc({
+			name: "crud-restore",
 			type: "action",
 			setup: () => ({ handler: (path) => crud.restore(path) })
 		})
@@ -1410,19 +1441,22 @@ function createCrudRpcFunctions(crud) {
 //#endregion
 //#region src/node/rpc/info.ts
 /**
-* Info RPC functions — `ubean:get-info` and `ubean:get-env`.
+* Info RPC functions — `get-info` 与 `get-env`（裸名，注册到 `ubean` scope）。
 *
-* In the sharedState model, `ubean:get-info` is a fallback for clients
-* that haven't subscribed to the `ubean:info` state yet. Most clients
-* should use `client.sharedState.get('ubean:info')` instead.
+* sharedState 模型下 `get-info` 只是给**还没订阅** `ubean:info` 的客户端的兜底；正常客户端
+* 直接 `client.sharedState.get('ubean:info')`。
+*/
+/**
+* 返回定义数组（**裸名**）。调用方用
+* `RpcDefinitionsToFunctionsWithNamespace<'ubean', typeof …>` 推导 wire 签名。
 */
 function createInfoRpcFunctions(opts) {
-	return [defineRpcFunction({
-		name: "ubean:get-info",
+	return [defineUbeanRpc({
+		name: "get-info",
 		type: "query",
 		setup: () => ({ handler: () => opts.state.value() })
-	}), defineRpcFunction({
-		name: "ubean:get-env",
+	}), defineUbeanRpc({
+		name: "get-env",
 		type: "query",
 		setup: () => ({ handler: () => maskSensitiveEnv(opts.getEnvData()) })
 	})];
@@ -1430,15 +1464,14 @@ function createInfoRpcFunctions(opts) {
 //#endregion
 //#region src/node/rpc/playground.ts
 /**
-* Playground RPC function — `ubean:playground:invoke`.
+* Playground RPC function — `playground-invoke`（裸名，注册到 `ubean` scope）。
 *
-* Forwards an HTTP request to the Hono app in-process (no network
-* round-trip), mirroring the `internalFetch` / `callInternal` pattern
-* used elsewhere in ubean.
+* 在进程内把 HTTP 请求转给 Hono app（无网络往返），与框架其余处的
+* `internalFetch` / `callInternal` 同一思路。
 */
 function createPlaygroundRpcFunctions(opts) {
-	return [defineRpcFunction({
-		name: "ubean:playground:invoke",
+	return [defineUbeanRpc({
+		name: "playground-invoke",
 		type: "action",
 		setup: () => ({ handler: async (params) => {
 			const app = opts.getApp?.();
@@ -1477,35 +1510,36 @@ function createPlaygroundRpcFunctions(opts) {
 //#endregion
 //#region src/node/rpc/terminal.ts
 /**
-* Terminal RPC functions — `ubean:terminal:start/input/resize/poll/kill`.
+* Terminal RPC functions — `terminal-start` / `terminal-input` / `terminal-resize` /
+* `terminal-poll` / `terminal-kill`（裸名，注册到 `ubean` scope）。
 *
-* Delegates to `createTerminalServer` which manages shell processes and
-* output buffering. The client polls for output via `ubean:terminal:poll`.
+* 委派给 `createTerminalServer`（管理 shell 进程与输出缓冲）。客户端通过
+* `terminal-poll` 拉取输出。
 */
 function createTerminalRpcFunctions(terminal) {
 	return [
-		defineRpcFunction({
-			name: "ubean:terminal:start",
+		defineUbeanRpc({
+			name: "terminal-start",
 			type: "action",
 			setup: () => ({ handler: (params) => Promise.resolve(terminal.start(params)) })
 		}),
-		defineRpcFunction({
-			name: "ubean:terminal:input",
+		defineUbeanRpc({
+			name: "terminal-input",
 			type: "action",
 			setup: () => ({ handler: (params) => Promise.resolve(terminal.input(params.sessionId, params.data)) })
 		}),
-		defineRpcFunction({
-			name: "ubean:terminal:resize",
+		defineUbeanRpc({
+			name: "terminal-resize",
 			type: "action",
 			setup: () => ({ handler: (params) => Promise.resolve(terminal.resize(params.sessionId, params.cols, params.rows)) })
 		}),
-		defineRpcFunction({
-			name: "ubean:terminal:poll",
+		defineUbeanRpc({
+			name: "terminal-poll",
 			type: "query",
 			setup: () => ({ handler: (params) => Promise.resolve(terminal.poll(params.sessionId)) })
 		}),
-		defineRpcFunction({
-			name: "ubean:terminal:kill",
+		defineUbeanRpc({
+			name: "terminal-kill",
 			type: "action",
 			setup: () => ({ handler: (params) => Promise.resolve(terminal.kill(params.sessionId)) })
 		})
@@ -1514,11 +1548,7 @@ function createTerminalRpcFunctions(terminal) {
 //#endregion
 //#region src/node/rpc/index.ts
 /**
-* Returns an array of `defineRpcFunction` definitions. The return type is
-* intentionally loose (`any[]`) because the DTK `ctx.rpc.register()` accepts
-* definitions parameterized on `ViteDevToolsNodeContext`, and the exact
-* generic instantiation varies per function — the individual functions are
-* already type-checked at their definition site.
+* 全部 RPC 定义（裸名）。`setup` 里逐个 `ctx.scope('ubean').rpc.register(fn)`。
 */
 function createAllRpcFunctions(deps) {
 	return [
@@ -1650,7 +1680,7 @@ function emptyDevToolsInfo(startTime) {
 }
 /**
 * Create or retrieve the `ubean:info` shared state.
-* Called once during `devtools.setup`.
+* Called once during the devframe's `setup(ctx)`.
 */
 async function initSharedState(ctx, initialValue) {
 	return ctx.rpc.sharedState.get(UBEAN_INFO_STATE_KEY, { initialValue });
@@ -1668,163 +1698,63 @@ function refreshSharedState(state, info) {
 //#region src/node/index.ts
 /**
 * Path to the pre-built client SPA. Resolved relative to the built server
-* bundle (`dist/index.mjs`), so this points to `dist/client/` at runtime.
+* bundle (`dist/index.js`), so this points to `dist/client/` at runtime.
 */
 const CLIENT_DIST = resolve(dirname(fileURLToPath(import.meta.url)), "client");
 /**
-* Ubean DevTools as a Vite plugin.
+* 构建 `@ubean/devtools` 的 devframe 定义。
 *
-* Registers a dock entry (iframe pointing at the pre-built SPA), hosts the
-* SPA's static assets, and wires up the type-safe RPC + sharedState used by
-* the SPA. This replaces the previous Hono-middleware-based transport with
-* the Vite DevTools Kit (DTK) birpc + shared-state machinery.
+* 与旧 DTK 接线的区别：
+* - 不再手动 `ctx.views.hostStatic` / 手写 11 个 dock entry —— hub 的 `ctx.install()`
+*   负责服务 SPA、注册 anchor dock 与 `__connection.json`；
+* - 不再有那段 `__connection.json` 转发 hack（hub 的 `mountConnectionMeta` 原生支持）；
+* - RPC 走 `ctx.scope('ubean')`，裸名注册（`get-info` → wire 名 `ubean:get-info`）。
 */
-function ubeanDevtoolsPlugin(options = { getCwd: () => process.cwd() }) {
+function createUbeanDevframe(options) {
+	const basePath = options.basePath ?? "/_devtools/";
 	return {
-		name: "ubean:devtools",
-		devtools: { async setup(ctx) {
-			console.log("[ubean:devtools] devtools.setup hook fired — DTK integration active");
-			ctx.views.hostStatic("/_devtools/", CLIENT_DIST);
-			const viteServer = ctx.viteServer;
-			if (viteServer?.middlewares) {
-				const serveConnectionMeta = (req, res) => {
-					const targetUrl = `${req.headers["x-forwarded-proto"] || "http"}://${req.headers.host || "localhost:9527"}/__devtools/__connection.json`;
-					fetch(targetUrl).then(async (metaRes) => {
-						const meta = await metaRes.json();
-						if (meta.websocket && typeof meta.websocket === "object") meta.websocket = {
-							...meta.websocket,
-							path: "/__devtools/__ws"
-						};
-						res.setHeader("Content-Type", "application/json");
-						res.end(JSON.stringify(meta));
-					}).catch(() => {
-						res.statusCode = 500;
-						res.setHeader("Content-Type", "application/json");
-						res.end(JSON.stringify({ error: "Failed to resolve connection meta" }));
-					});
-				};
-				viteServer.middlewares.use("/_devtools/__connection.json", serveConnectionMeta);
-				viteServer.middlewares.use("/__connection.json", serveConnectionMeta);
-			}
-			const SPA_BASE = "/_devtools/index.html";
-			const dockEntries = [
-				{
-					id: "ubean:overview",
-					title: "Overview",
-					icon: "lucide:layout-dashboard",
-					url: `${SPA_BASE}#/overview`,
-					order: 100
-				},
-				{
-					id: "ubean:pages",
-					title: "Pages",
-					icon: "lucide:file-text",
-					url: `${SPA_BASE}#/pages`,
-					order: 95
-				},
-				{
-					id: "ubean:api",
-					title: "API",
-					icon: "lucide:send",
-					url: `${SPA_BASE}#/api`,
-					order: 90
-				},
-				{
-					id: "ubean:middleware",
-					title: "Middleware",
-					icon: "lucide:layers",
-					url: `${SPA_BASE}#/middleware`,
-					order: 85
-				},
-				{
-					id: "ubean:crons",
-					title: "Crons",
-					icon: "lucide:clock",
-					url: `${SPA_BASE}#/crons`,
-					order: 80
-				},
-				{
-					id: "ubean:config",
-					title: "Config",
-					icon: "lucide:settings",
-					url: `${SPA_BASE}#/config`,
-					order: 75
-				},
-				{
-					id: "ubean:env",
-					title: "Env",
-					icon: "lucide:terminal",
-					url: `${SPA_BASE}#/env`,
-					order: 70
-				},
-				{
-					id: "ubean:api-docs",
-					title: "API Docs",
-					icon: "lucide:book-open",
-					url: `${SPA_BASE}#/api-docs`,
-					order: 65
-				},
-				{
-					id: "ubean:database",
-					title: "Database",
-					icon: "lucide:database",
-					url: `${SPA_BASE}#/database`,
-					order: 60
-				},
-				{
-					id: "ubean:terminal",
-					title: "Terminal",
-					icon: "lucide:square-terminal",
-					url: `${SPA_BASE}#/terminal`,
-					order: 58
-				},
-				{
-					id: "ubean:ai",
-					title: "AI",
-					icon: "lucide:sparkles",
-					url: `${SPA_BASE}#/ai`,
-					order: 55
-				}
-			];
-			for (const entry of dockEntries) ctx.docks.register({
-				id: entry.id,
-				title: entry.title,
-				icon: entry.icon,
-				type: "iframe",
-				url: entry.url,
-				category: "framework",
-				defaultOrder: entry.order
-			});
+		id: "ubean",
+		name: "Ubean DevTools",
+		version: "0.6.1",
+		packageName: "@ubean/devtools",
+		homepage: "https://github.com/SoybeanJS/ubean",
+		description: "Ubean 项目的路由 / 页面 / API / 配置 / 终端 / AI 可视化面板。",
+		importMetaUrl: import.meta.url,
+		icon: "https://img.soybeanjs.dev/logo-ubean.svg?v=202608192144",
+		basePath,
+		capabilities: { build: false },
+		clientAssets: CLIENT_DIST,
+		dock: {
+			title: "Ubean",
+			defaultOrder: 100,
+			category: "framework"
+		},
+		setup: async (nodeCtx) => {
+			const ctx = nodeCtx;
+			const cwd = options.getCwd();
 			const startTime = Date.now();
-			const customTabs = options.getCustomTabs?.() ?? [];
-			const envData = snapshotEnv(options.getCwd());
-			const initialInfo = options.getScanResult ? buildDevToolsInfo({
-				scan: options.getScanResult(),
-				configMeta: options.getConfigMeta?.() ?? null,
-				customTabs,
-				ai: options.ai,
-				startTime,
-				envData
-			}) : emptyDevToolsInfo(startTime);
-			for (const tab of customTabs) ctx.docks.register({
-				id: `ubean:custom:${tab.id}`,
-				title: tab.label,
-				icon: tab.icon || "lucide:plugin",
-				type: "iframe",
-				url: tab.src,
-				category: "framework",
-				defaultOrder: 50
-			});
-			const state = await initSharedState(ctx, initialInfo);
-			const aiStreamState = await ctx.rpc.sharedState.get("ubean:ai:stream", { initialValue: {
+			const scoped = ctx.scope(UBEAN_RPC_NAMESPACE);
+			const envData = snapshotEnv(cwd);
+			const buildInfo = () => {
+				const scan = options.getScanResult?.() ?? null;
+				return scan ? buildDevToolsInfo({
+					scan,
+					configMeta: options.getConfigMeta?.() ?? null,
+					customTabs: options.getCustomTabs?.() ?? [],
+					ai: options.ai,
+					startTime,
+					envData
+				}) : emptyDevToolsInfo(startTime);
+			};
+			const state = await initSharedState(ctx, buildInfo());
+			const aiStreamState = await ctx.rpc.sharedState.get(UBEAN_AI_STREAM_STATE_KEY, { initialValue: {
 				requestId: "",
 				text: "",
 				done: true
 			} });
-			const hooks = createDevToolsHooks();
 			const crud = createCrudServer({
-				cwd: options.getCwd(),
-				hooks,
+				cwd,
+				hooks: createDevToolsHooks(),
 				scaffoldOps: options.scaffoldOps,
 				getEnv: () => envData,
 				setEnv: (env) => {
@@ -1846,20 +1776,27 @@ function ubeanDevtoolsPlugin(options = { getCwd: () => process.cwd() }) {
 				terminal: createTerminalServer(),
 				getApp: options.getApp
 			});
-			for (const fn of fns) ctx.rpc.register(fn);
+			for (const fn of fns) scoped.rpc.register(fn);
+			for (const tab of options.getCustomTabs?.() ?? []) ctx.docks.register({
+				id: `ubean:custom:${tab.id}`,
+				title: tab.label,
+				icon: tab.icon || "lucide:plugin",
+				type: "iframe",
+				url: tab.src,
+				category: "framework",
+				defaultOrder: 50
+			});
 			const refresh = () => {
-				const info = options.getScanResult ? buildDevToolsInfo({
-					scan: options.getScanResult(),
-					configMeta: options.getConfigMeta?.() ?? null,
-					customTabs: options.getCustomTabs?.() ?? [],
-					ai: options.ai,
-					startTime,
-					envData
-				}) : initialInfo;
-				refreshSharedState(state, info);
+				refreshSharedState(state, buildInfo());
 			};
 			options.registerRefresh?.(refresh);
-		} }
+		}
+	};
+}
+function ubeanDevtoolsPlugin(options) {
+	return {
+		name: "ubean:devtools",
+		__ubeanDevframe: createUbeanDevframe(options)
 	};
 }
 /**
@@ -1915,18 +1852,38 @@ function snapshotEnv(cwd) {
 }
 //#endregion
 //#region src/define-tab.ts
-const customTabs = [];
+/**
+* 自定义 tab 注册表 —— **真·进程单例**（挂在 `globalThis` 上）。
+*
+* 不能用模块级数组：dev 下同一个进程里常常有第二份 `@ubean/devtools`（CLI 动态 `import()`
+* 一份、用户的 `vite.config.ts` 又静态引一份；pnpm 也可能装出两份），模块级状态只在同一个模块
+* 实例内共享 —— 表现是「用户 `defineDevToolsTab()` 注册了 tab，面板里永远看不到」，且**没有任何
+* 报错**。同样的理由见 `@ubean/vue` 的 matcher 注册表与 `@ubean/islands` 的服务端组件注册表
+* （AGENTS.md 第 19 条）。
+*
+* 同名重复注册会覆盖 —— HMR 重新求值时因此能拿到最新的 tab 定义。
+*/
+const CUSTOM_TABS_KEY = "__ubean_devtools_custom_tabs__";
+function getCustomTabsRegistry() {
+	const store = globalThis;
+	const existing = store[CUSTOM_TABS_KEY];
+	if (Array.isArray(existing)) return existing;
+	const created = [];
+	store[CUSTOM_TABS_KEY] = created;
+	return created;
+}
 function defineDevToolsTab(tab) {
+	const customTabs = getCustomTabsRegistry();
 	const exists = customTabs.findIndex((t) => t.id === tab.id);
 	if (exists !== -1) customTabs[exists] = tab;
 	else customTabs.push(tab);
 	return tab;
 }
 function getCustomTabs() {
-	return [...customTabs];
+	return [...getCustomTabsRegistry()];
 }
 function clearCustomTabs() {
-	customTabs.length = 0;
+	getCustomTabsRegistry().length = 0;
 }
 //#endregion
-export { UBEAN_INFO_STATE_KEY, buildDevToolsInfo, clearCustomTabs, createAiServer, createAllRpcFunctions, createCrudServer, createDevToolsHooks, createTerminalServer, defineDevToolsTab, defineRpcFunction, emptyDevToolsInfo, getCustomTabs, maskSensitiveEnv, ubeanDevtoolsPlugin };
+export { UBEAN_AI_STREAM_STATE_KEY, UBEAN_ANCHOR_DOCK, UBEAN_INFO_STATE_KEY, UBEAN_RPC_NAMESPACE, buildDevToolsInfo, clearCustomTabs, createAiServer, createAllRpcFunctions, createCrudServer, createDevToolsHooks, createTerminalServer, createUbeanDevframe, defineDevToolsTab, emptyDevToolsInfo, getCustomTabs, maskSensitiveEnv, ubeanDevtoolsPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ubean/devtools",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "DevTools for the ubean framework — server middleware, RPC, and the iframe SPA client",
   "files": [
     "dist"
@@ -27,22 +27,23 @@
     "@codemirror/state": "6.7.6",
     "@codemirror/theme-one-dark": "6.1.3",
     "@codemirror/view": "6.43.14",
+    "@devframes/hub": "^1.2.5",
+    "@devframes/hub-ui": "^1.2.5",
+    "@devframes/vite": "^1.2.5",
     "@soybeanjs/unocss-preset": "^0.2.0",
     "@types/node": "^26.6.5",
     "@vean/ui": "^0.50.2",
     "@vean/unocss": "^0.50.2",
-    "@vitejs/devtools": "^0.7.6",
-    "@vitejs/devtools-kit": "^0.7.6",
     "@vitejs/plugin-vue": "^6.0.10",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
-    "devframe": "^1.2.3",
+    "devframe": "^1.2.5",
     "hono": "4.13.13",
     "typescript": "npm:typescript-native-bridge@latest",
-    "unocss": "^66.10.5",
-    "vite": "npm:@voidzero-dev/vite-plus-core@1.1.0",
-    "vite-plus": "1.1.0",
-    "vue": "^3.5.43"
+    "unocss": "^66.11.0",
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.3.0",
+    "vite-plus": "1.3.0",
+    "vue": "^3.5.44"
   },
   "peerDependencies": {
     "hono": "^4.0.0",
@@ -57,8 +58,8 @@
     }
   },
   "optionalDependencies": {
-    "@ai-sdk/openai-compatible": "3.0.67",
-    "ai": "7.0.137"
+    "@ai-sdk/openai-compatible": "3.0.70",
+    "ai": "7.0.142"
   },
   "scripts": {
     "build": "pnpm run build:server && pnpm run build:client",