vite-plugin-aipanel 1.2.7 → 1.2.8

package/lib/core/proxy-server.cjs

@@ -37,6 +37,7 @@ function startProxyServer(targetUrl, port, options = {}) {
   return new Promise((resolve, reject) => {
     const target = new URL(targetUrl);
     const bridgeScript = options.bridgeScript ?? "";
+    const webAuthCookie = options.webAuthCookie ?? "";
     const agent = new import_http.default.Agent({
       keepAlive: true,
       keepAliveMsecs: 3e4,
@@ -64,6 +65,9 @@ function startProxyServer(targetUrl, port, options = {}) {
         headers: {
           ...req.headers,
           host: target.host,
+          // 注入 Provider Web 服务的 browser-session 认证 Cookie：代理作为已认证客户端
+          // 替 iframe 里的浏览器完成 dsh 0.1.2+ 的会话认证（浏览器无需换取/携带该 Cookie）。
+          ...webAuthCookie ? { cookie: webAuthCookie } : {},
           // 上游（如 dsh 的 trust fence）校验 Origin 必须匹配自身 origin；
           // 页面经代理访问时浏览器发的 Origin 是代理端口，须改写为目标 origin 否则 403
           origin: `http://${target.host}`,
@@ -136,6 +140,8 @@ function startProxyServer(targetUrl, port, options = {}) {
         headers: {
           ...req.headers,
           host: target.host,
+          // 与 HTTP 分支一致：注入认证 Cookie，通过 dsh 0.1.2+ 的 browser-auth 门禁
+          ...webAuthCookie ? { cookie: webAuthCookie } : {},
           // 与 HTTP 分支一致：改写 Origin 为目标 origin，通过 dsh 的 trust fence
           origin: `http://${target.host}`
         }

package/lib/core/proxy-server.d.ts

@@ -4,6 +4,13 @@ export interface ProxyServerOptions {
     bridgeScript?: string;
     /** 绑定地址，需与端口检查使用的地址族一致，避免 IPv4/IPv6 不匹配 */
     hostname?: string;
+    /**
+     * Provider Web 服务的 browser-session 认证 Cookie（dsh 0.1.2+ 需要）。
+     * 代理在转发每个请求（含 WebSocket 升级）时把该 Cookie 注入到上游请求头，
+     * 使浏览器免于亲自换取/携带会话 Cookie（避免跨端口/跨站 SameSite 限制），
+     * 同时通过上游 /api 的 browser-auth 门禁。
+     */
+    webAuthCookie?: string;
 }
 export interface ProxyServerResult {
     server: http.Server;

package/lib/core/service.cjs

@@ -22,6 +22,7 @@ __export(service_exports, {
   AIPanelService: () => AIPanelService
 });
 module.exports = __toCommonJS(service_exports);
+var import_node_crypto = require("node:crypto");
 var import_core = require("@aipanel/core");
 var import_node = require("@aipanel/core/node");
 var import_system = require("../utils/system.cjs");
@@ -47,6 +48,11 @@ class AIPanelService {
     __publicField(this, "mcp", null);
     __publicField(this, "provider", null);
     __publicField(this, "unsubscribeEvents", null);
+    /**
+     * 宿主事件推送令牌（每轮 start 随机生成）。Provider 侧 Host 插件（dsh-plugin）推送
+     * ProviderEvent 时须携带该令牌，core 校验通过后按 SESSION_EVENT 广播给 SSE 客户端。
+     */
+    __publicField(this, "eventsToken", null);
     this.actualWebPort = config.webPort;
     this.actualProxyPort = config.proxyPort ?? import_core.DEFAULT_PROXY_PORT;
   }
@@ -81,6 +87,7 @@ class AIPanelService {
       throw new Error("Provider \u672A\u521D\u59CB\u5316\uFF0C\u8BF7\u5148\u8C03\u7528 setProvider");
     }
     this.startPromise = (async () => {
+      this.eventsToken = (0, import_node_crypto.randomUUID)();
       const timer = log.timer("startServices", {
         corsOrigins,
         contextApiUrl,
@@ -117,6 +124,7 @@ class AIPanelService {
       this.sendTaskUpdate("preparing_runtime");
       this.sendTaskUpdate("starting_web");
       let webUrl;
+      let webAuthCookie;
       try {
         const startResult = await provider.start({
           port: this.actualWebPort,
@@ -127,11 +135,14 @@ class AIPanelService {
           contextApiUrl,
           logsApiUrl,
           verbose: this.config.verbose,
-          vueDevtoolsApiUrl
+          vueDevtoolsApiUrl,
+          // 宿主事件推送令牌：provider 将其注入 Host 插件（dsh-plugin）配置，用于回推事件鉴权
+          eventsToken: this.eventsToken ?? void 0
         });
         this.webProcess = startResult.processHandle ?? null;
         timer.checkpoint("Web process started");
         webUrl = startResult.url;
+        webAuthCookie = startResult.webAuthCookie;
         log.debug(`Waiting for Web UI to become ready at ${webUrl}...`);
         this.sendTaskUpdate("waiting_web_ready");
         await (0, import_system.waitForServer)(webUrl, import_core.SERVER_START_TIMEOUT, this.webProcess ?? void 0);
@@ -168,7 +179,8 @@ class AIPanelService {
       try {
         const result = await (0, import_proxy_server.startProxyServer)(webUrl, this.actualProxyPort, {
           bridgeScript: provider.bridgeScript,
-          hostname: this.config.hostname
+          hostname: this.config.hostname,
+          webAuthCookie
         });
         this.proxyServer = result.server;
         if (result.actualPort !== this.actualProxyPort) {
@@ -185,7 +197,8 @@ class AIPanelService {
           const nextPort = await (0, import_node.findAvailablePort)(this.actualProxyPort + 1, this.config.hostname);
           const result = await (0, import_proxy_server.startProxyServer)(webUrl, nextPort, {
             bridgeScript: provider.bridgeScript,
-            hostname: this.config.hostname
+            hostname: this.config.hostname,
+            webAuthCookie
           });
           this.proxyServer = result.server;
           this.actualProxyPort = result.actualPort;
@@ -220,15 +233,7 @@ class AIPanelService {
       this.isStarted = true;
       this.unsubscribeEvents?.();
       this.unsubscribeEvents = provider.subscribeEvents((event) => {
-        this.sseClients.forEach((client) => {
-          try {
-            client.write(`data: ${JSON.stringify({ type: "SESSION_EVENT", event })}
-
-`);
-          } catch (e) {
-            log.debug("Failed to send SESSION_EVENT", { error: e });
-          }
-        });
+        this.pushProviderEvent(event);
       });
       if (warmupFailed) {
         this.sendTaskUpdate("chrome_mcp_failed", {
@@ -242,6 +247,18 @@ class AIPanelService {
     })();
     return this.startPromise;
   }
+  /** 把一条 ProviderEvent 广播给所有 SSE 客户端（SESSION_EVENT 载荷） */
+  pushProviderEvent(event) {
+    this.sseClients.forEach((client) => {
+      try {
+        client.write(`data: ${JSON.stringify({ type: "SESSION_EVENT", event })}
+
+`);
+      } catch (e) {
+        log.debug("Failed to send SESSION_EVENT", { error: e });
+      }
+    });
+  }
   async retryWarmupChromeMcp() {
     if (!this.mcp) {
       return { success: false, errorType: "UNKNOWN", errorMessage: "MCP not initialized" };
@@ -271,6 +288,7 @@ class AIPanelService {
     log.info("Stopping Web UI services...");
     this.unsubscribeEvents?.();
     this.unsubscribeEvents = null;
+    this.eventsToken = null;
     if (this.proxyServer) {
       log.debug("Closing proxy server");
       this.proxyServer.close();

package/lib/core/service.d.ts

@@ -1,6 +1,6 @@
 import type { ResultPromise } from "execa";
 import type http from "http";
-import type { PluginOptions, ServiceStartupTask, WebProvider } from "@aipanel/core";
+import type { PluginOptions, ProviderEvent, ServiceStartupTask, WebProvider } from "@aipanel/core";
 import { ChromeMcpWarmupErrorType } from "@aipanel/core";
 import type { McpProxy } from "./mcp-proxy";
 export declare class AIPanelService {
@@ -25,11 +25,18 @@ export declare class AIPanelService {
     private mcp;
     private provider;
     private unsubscribeEvents;
+    /**
+     * 宿主事件推送令牌（每轮 start 随机生成）。Provider 侧 Host 插件（dsh-plugin）推送
+     * ProviderEvent 时须携带该令牌，core 校验通过后按 SESSION_EVENT 广播给 SSE 客户端。
+     */
+    eventsToken: string | null;
     constructor(config: Required<PluginOptions>, sseClients: Set<http.ServerResponse>, onPortAllocated: (port: number) => void, onProxyPortAllocated: (port: number) => void);
     /** 设置 Provider（由编排层动态加载后调用） */
     setProvider(provider: WebProvider): void;
     private sendTaskUpdate;
     start(vitePort: number, corsOrigins: string[], contextApiUrl: string, logsApiUrl: string, viteOrigin: string, mcp: McpProxy, vueDevtoolsApiUrl?: string): Promise<void>;
+    /** 把一条 ProviderEvent 广播给所有 SSE 客户端（SESSION_EVENT 载荷） */
+    pushProviderEvent(event: ProviderEvent): void;
     retryWarmupChromeMcp(): Promise<{
         success: boolean;
         errorType?: string;

package/lib/endpoints/host-events.cjs

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var host_events_exports = {};
+__export(host_events_exports, {
+  setupHostEventsEndpoint: () => setupHostEventsEndpoint
+});
+module.exports = __toCommonJS(host_events_exports);
+var import_core = require("@aipanel/core");
+var import_node = require("@aipanel/core/node");
+const log = (0, import_node.createLogger)("Endpoints:HostEvents");
+function setupHostEventsEndpoint(server, ctx) {
+  server.middlewares.use(import_core.HOST_EVENTS_API_PATH, async (req, res) => {
+    const reqCtx = new import_node.RequestContext(req.method || "GET", import_core.HOST_EVENTS_API_PATH);
+    res.setHeader("Content-Type", "application/json");
+    if (req.headers.origin) {
+      res.writeHead(403);
+      res.end(JSON.stringify({ error: "forbidden" }));
+      reqCtx.end(403);
+      return;
+    }
+    if (req.method === "OPTIONS") {
+      res.writeHead(204);
+      res.end();
+      reqCtx.end(204);
+      return;
+    }
+    if (req.method !== "POST") {
+      res.writeHead(405);
+      res.end(JSON.stringify({ error: "method not allowed" }));
+      reqCtx.end(405);
+      return;
+    }
+    let body = "";
+    req.on("data", (chunk) => body += chunk.toString());
+    req.on("error", () => {
+      res.writeHead(400);
+      res.end(JSON.stringify({ error: "request error" }));
+      reqCtx.end(400);
+    });
+    req.on("end", () => {
+      try {
+        const data = JSON.parse(body);
+        const expected = ctx.eventsToken;
+        if (!expected || data.token !== expected) {
+          res.writeHead(403);
+          res.end(JSON.stringify({ error: "invalid token" }));
+          reqCtx.end(403);
+          return;
+        }
+        const event = data.event;
+        if (!isProviderEvent(event)) {
+          res.writeHead(400);
+          res.end(JSON.stringify({ error: "invalid event" }));
+          reqCtx.end(400);
+          return;
+        }
+        ctx.pushProviderEvent(event);
+        res.writeHead(200);
+        res.end(JSON.stringify({ ok: true }));
+        reqCtx.end(200);
+      } catch {
+        res.writeHead(400);
+        res.end(JSON.stringify({ error: "invalid json" }));
+        reqCtx.end(400);
+      }
+    });
+  });
+}
+function isProviderEvent(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const v = value;
+  if (v.type === "session.status" || v.type === "thinking") {
+    return typeof v.sessionId === "string" && v.sessionId.length > 0;
+  }
+  if (v.type === "session.updated") {
+    const s = v.session;
+    return typeof s === "object" && s !== null && typeof s.id === "string";
+  }
+  if (v.type === "connected") return true;
+  return false;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  setupHostEventsEndpoint
+});

package/lib/endpoints/host-events.d.ts

@@ -0,0 +1,8 @@
+import type { ViteDevServer } from "vite";
+import type { EndpointContext } from "./types";
+/**
+ * 宿主侧事件推送端点（dsh-plugin 等 Host 插件 → core → SSE 广播）。
+ * 只允许无浏览器 Origin 的服务端请求：携带每轮启动随机令牌（x-aipanel-token 头或 body.token），
+ * 通过校验后按 SESSION_EVENT 广播给全部 SSE 客户端（与 provider.subscribeEvents 同一通道）。
+ */
+export declare function setupHostEventsEndpoint(server: ViteDevServer, ctx: EndpointContext): void;

package/lib/endpoints/index.cjs

@@ -28,6 +28,7 @@ var import_widget = require("./widget.cjs");
 var import_context = require("./context.cjs");
 var import_start = require("./start.cjs");
 var import_sse = require("./sse.cjs");
+var import_host_events = require("./host-events.cjs");
 var import_sessions = require("./sessions.cjs");
 var import_warmup = require("./warmup.cjs");
 var import_logs = require("./logs.cjs");
@@ -40,6 +41,7 @@ function setupMiddlewares(server, ctx, mcp, logFiles) {
   (0, import_context.setupContextEndpoint)(server, ctx);
   (0, import_start.setupStartEndpoint)(server, ctx);
   (0, import_sse.setupSseEndpoint)(server, ctx);
+  (0, import_host_events.setupHostEventsEndpoint)(server, ctx);
   (0, import_sessions.setupSessionsEndpoint)(server, ctx);
   (0, import_warmup.setupWarmupEndpoint)(server, ctx);
   (0, import_logs.setupLogsEndpoint)(server);

package/lib/endpoints/sessions.cjs

@@ -39,8 +39,10 @@ function setupSessionsEndpoint(server, ctx) {
     try {
       if (req.method === "GET") {
         reqCtx.checkpoint("Fetching sessions");
+        const url = new URL(req.url || "", `http://${req.headers.host}`);
+        const activeSessionId = url.searchParams.get("current") || void 0;
         const [sessions, capabilities] = await Promise.all([
-          ctx.getSessions(),
+          ctx.getSessions(activeSessionId),
           ctx.getCapabilities()
         ]);
         res.writeHead(200);

package/lib/endpoints/start.cjs

@@ -24,7 +24,7 @@ var import_core = require("@aipanel/core");
 var import_node = require("@aipanel/core/node");
 function setupStartEndpoint(server, ctx) {
   server.middlewares.use(import_core.START_API_PATH, async (_req, res) => {
-    const reqCtx = new import_node.RequestContext("GET", import_core.START_API_PATH);
+    const reqCtx = new import_node.RequestContext("GET", import_core.START_API_PATH, { quiet: true });
     res.setHeader("Content-Type", "application/json");
     res.setHeader("Access-Control-Allow-Origin", "*");
     res.writeHead(200);

package/lib/endpoints/types.d.ts

@@ -1,4 +1,4 @@
-import type { ChatSession, PageContext, ProviderCapabilities, ServiceStartupTask } from "@aipanel/core";
+import type { ChatSession, PageContext, ProviderCapabilities, ProviderEvent, ServiceStartupTask } from "@aipanel/core";
 import type http from "http";
 export interface EndpointContext {
     get webUrl(): string | null;
@@ -19,11 +19,16 @@ export interface EndpointContext {
     get actualProxyPort(): number;
     get actualWebPort(): number;
     get serviceInstanceId(): string;
-    getSessions: () => Promise<ChatSession[]>;
+    /** 获取会话列表；activeSessionId（当前选中会话）由客户端传入，供 Provider 对齐 UI 可见性规则 */
+    getSessions: (activeSessionId?: string) => Promise<ChatSession[]>;
     createSession: () => Promise<ChatSession>;
     deleteSession: (id: string) => Promise<void>;
     /** 获取当前 Provider 能力描述（客户端自适应行为依据） */
     getCapabilities: () => ProviderCapabilities;
+    /** 宿主事件推送令牌（Host 插件回推 ProviderEvent 时鉴权用；未启动时 null） */
+    get eventsToken(): string | null;
+    /** 广播一条 ProviderEvent 给所有 SSE 客户端（SESSION_EVENT 载荷；Host 插件回推与 Provider 订阅共用） */
+    pushProviderEvent: (event: ProviderEvent) => void;
     resolveWidgetPath: () => string;
     resolveWidgetStylePath: () => string;
     retryWarmupChromeMcp: () => Promise<{

package/lib/index.cjs

@@ -180,9 +180,15 @@ function createAIPanelPlugin(options = {}) {
           get serviceInstanceId() {
             return serviceInstanceId;
           },
-          getSessions: () => {
+          get eventsToken() {
+            return service.eventsToken;
+          },
+          pushProviderEvent(event) {
+            service.pushProviderEvent(event);
+          },
+          getSessions: (activeSessionId) => {
             if (!provider) return Promise.reject(new Error("Provider \u672A\u521D\u59CB\u5316"));
-            return provider.listSessions(service.workspaceRoot);
+            return provider.listSessions(service.workspaceRoot, activeSessionId);
           },
           createSession: () => {
             if (!provider) return Promise.reject(new Error("Provider \u672A\u521D\u59CB\u5316"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-aipanel",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Embed OpenCode Web UI in your Vite dev server for real-time code modification and preview",
   "type": "module",
   "main": "lib/index.cjs",
@@ -41,12 +41,12 @@
     "execa": "^9.6.1",
     "typescript-language-server": "^5.3.0",
     "unplugin-vue-inspector": "^3.0.0",
-    "@aipanel/core": "1.2.7",
-    "@aipanel/provider-opencode": "1.2.7"
+    "@aipanel/core": "1.2.8",
+    "@aipanel/provider-opencode": "1.2.8"
   },
   "peerDependencies": {
     "vite": ">=5.0.0",
-    "@aipanel/provider-deepseek": "1.2.7"
+    "@aipanel/provider-deepseek": "1.2.8"
   },
   "peerDependenciesMeta": {
     "@aipanel/provider-deepseek": {
@@ -55,7 +55,7 @@
   },
   "devDependencies": {
     "sharp": "^0.34.5",
-    "@aipanel/client": "1.2.7"
+    "@aipanel/client": "1.2.8"
   },
   "scripts": {
     "build": "pagoda-cli build && vite build -c vite.client.config.ts",