@blade-hq/agent-kit 1.0.0 → 1.0.2

package/dist/{chunk-IRHXGYY3.js → chunk-O5FJLN6G.js}

@@ -5,12 +5,12 @@ import {
 import {
   getSessionFilePath,
   resolveSessionFilePreviewTarget
-} from "./chunk-LVWRKH45.js";
+} from "./chunk-6PKGWPIK.js";
 import {
   formatToolName,
   getAuthedUrl,
   useUiStore
-} from "./chunk-II2PTBJI.js";
+} from "./chunk-U7Y7GRF6.js";
 import {
   cn,
   copyToClipboard
@@ -1933,4 +1933,4 @@ export {
   PlanSummaryCard,
   extractLatestPlanMessages
 };
-//# sourceMappingURL=chunk-IRHXGYY3.js.map
+//# sourceMappingURL=chunk-O5FJLN6G.js.map

package/dist/{chunk-KSYNFNF4.js → chunk-QMYGPQCX.js}

@@ -1,6 +1,6 @@
 import {
   useSessionStore
-} from "./chunk-II2PTBJI.js";
+} from "./chunk-U7Y7GRF6.js";
 
 // src/react/hooks/use-session.ts
 function useSession() {
@@ -27,4 +27,4 @@ function useSession() {
 export {
   useSession
 };
-//# sourceMappingURL=chunk-KSYNFNF4.js.map
+//# sourceMappingURL=chunk-QMYGPQCX.js.map

package/dist/{chunk-II2PTBJI.js → chunk-U7Y7GRF6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-J3XVFPOV.js";
 import {
   BladeClient
-} from "./chunk-DQXXSHCR.js";
+} from "./chunk-DN4CKDDQ.js";
 import {
   createClientActions,
   useCardStateStore
@@ -887,17 +887,37 @@ if (isBrowser) {
   });
 }
 function removeArtifactAtIndex(state, index) {
+  const removed = state.artifacts[index];
+  const removedKey = removed ? getPreviewTargetKey(removed) : null;
   const next = state.artifacts.filter((_, i) => i !== index);
   let nextActive = state.activeArtifactIndex;
   if (next.length === 0) {
-    return { artifacts: [], activeArtifactIndex: -1, rightPanelCollapsed: true };
+    return {
+      artifacts: [],
+      activeArtifactIndex: -1,
+      previewUnreadArtifactKeys: [],
+      rightPanelUnreadTabs: state.rightPanelUnreadTabs.filter((tab) => tab !== "files"),
+      rightPanelCollapsed: true
+    };
   }
   if (index < nextActive) {
     nextActive -= 1;
   } else if (index === nextActive) {
     nextActive = Math.min(index, next.length - 1);
   }
-  return { artifacts: next, activeArtifactIndex: nextActive };
+  const previewUnreadArtifactKeys = removedKey ? state.previewUnreadArtifactKeys.filter((key) => key !== removedKey) : state.previewUnreadArtifactKeys;
+  return {
+    artifacts: next,
+    activeArtifactIndex: nextActive,
+    previewUnreadArtifactKeys,
+    rightPanelUnreadTabs: previewUnreadArtifactKeys.length === 0 ? state.rightPanelUnreadTabs.filter((tab) => tab !== "files") : state.rightPanelUnreadTabs
+  };
+}
+function getPreviewTargetKey(target) {
+  return target.key ?? target.title ?? target.type;
+}
+function addUnique(values, value) {
+  return values.includes(value) ? values : [...values, value];
 }
 function upsertArtifactState(state, target, options) {
   const reveal = options?.reveal ?? true;
@@ -934,8 +954,11 @@ var useUiStore = create2()((set) => ({
   rightPanelCollapsed: false,
   activeRightTab: "situation",
   rightTabActivationId: 0,
+  rightPanelAutoJump: true,
+  rightPanelUnreadTabs: [],
   artifacts: [],
   activeArtifactIndex: -1,
+  previewUnreadArtifactKeys: [],
   theme: storedTheme,
   setLeftPanelSize: (size) => set({ leftPanelSize: size }),
   setRightPanelSize: (size) => set({ rightPanelSize: size }),
@@ -947,16 +970,60 @@ var useUiStore = create2()((set) => ({
     activeRightTab: tab,
     rightTabActivationId: state.rightTabActivationId + 1
   })),
+  setRightPanelAutoJump: (enabled) => set({ rightPanelAutoJump: enabled }),
+  markRightPanelTabUnread: (tab) => set((state) => ({ rightPanelUnreadTabs: addUnique(state.rightPanelUnreadTabs, tab) })),
+  clearRightPanelTabUnread: (tab) => set((state) => ({
+    rightPanelUnreadTabs: state.rightPanelUnreadTabs.filter((item) => item !== tab)
+  })),
+  markPreviewArtifactUnread: (key) => set((state) => ({
+    previewUnreadArtifactKeys: addUnique(state.previewUnreadArtifactKeys, key)
+  })),
+  clearPreviewArtifactUnread: (key) => set((state) => {
+    const previewUnreadArtifactKeys = state.previewUnreadArtifactKeys.filter((item) => item !== key);
+    return {
+      previewUnreadArtifactKeys,
+      rightPanelUnreadTabs: previewUnreadArtifactKeys.length === 0 ? state.rightPanelUnreadTabs.filter((tab) => tab !== "files") : state.rightPanelUnreadTabs
+    };
+  }),
+  activateLatestUnreadArtifact: () => set((state) => {
+    for (let index = state.artifacts.length - 1; index >= 0; index -= 1) {
+      const key = getPreviewTargetKey(state.artifacts[index]);
+      if (state.previewUnreadArtifactKeys.includes(key)) {
+        const previewUnreadArtifactKeys = state.previewUnreadArtifactKeys.filter((item) => item !== key);
+        return {
+          activeArtifactIndex: index,
+          previewUnreadArtifactKeys,
+          rightPanelUnreadTabs: previewUnreadArtifactKeys.length === 0 ? state.rightPanelUnreadTabs.filter((tab) => tab !== "files") : state.rightPanelUnreadTabs
+        };
+      }
+    }
+    return state;
+  }),
   pushArtifact: (target) => set((state) => upsertArtifactState(state, target)),
   upsertArtifact: (target, options) => set((state) => upsertArtifactState(state, target, options)),
-  setActiveArtifact: (index) => set({ activeArtifactIndex: index }),
+  setActiveArtifact: (index) => set((state) => {
+    const artifact = state.artifacts[index];
+    const key = artifact ? getPreviewTargetKey(artifact) : null;
+    if (!key) return { activeArtifactIndex: index };
+    const previewUnreadArtifactKeys = state.previewUnreadArtifactKeys.filter((item) => item !== key);
+    return {
+      activeArtifactIndex: index,
+      previewUnreadArtifactKeys,
+      rightPanelUnreadTabs: previewUnreadArtifactKeys.length === 0 ? state.rightPanelUnreadTabs.filter((tab) => tab !== "files") : state.rightPanelUnreadTabs
+    };
+  }),
   closeArtifact: (index) => set((state) => removeArtifactAtIndex(state, index)),
   removeArtifactByKey: (key) => set((state) => {
     const index = state.artifacts.findIndex((artifact) => (artifact.key ?? artifact.title) === key);
     if (index < 0) return state;
     return removeArtifactAtIndex(state, index);
   }),
-  clearArtifacts: () => set({ artifacts: [], activeArtifactIndex: -1 }),
+  clearArtifacts: () => set((state) => ({
+    artifacts: [],
+    activeArtifactIndex: -1,
+    previewUnreadArtifactKeys: [],
+    rightPanelUnreadTabs: state.rightPanelUnreadTabs.filter((tab) => tab !== "files")
+  })),
   setPreviewTarget: (target) => set((state) => {
     if (target === null) {
       return { artifacts: [], activeArtifactIndex: -1 };
@@ -2313,6 +2380,7 @@ var AgentSocket = class {
   // biome-ignore lint/suspicious/noExplicitAny: event bridge normalizes mixed legacy payloads.
   socket;
   subscribedSession = null;
+  attachedSessions = /* @__PURE__ */ new Set();
   previewArtifactsByToolCall = /* @__PURE__ */ new Map();
   deliveredBridgeKeys = /* @__PURE__ */ new Set();
   pendingReplayMessages = /* @__PURE__ */ new Map();
@@ -2322,6 +2390,7 @@ var AgentSocket = class {
   joinedSessions = /* @__PURE__ */ new Set();
   requestedJoins = /* @__PURE__ */ new Set();
   pendingJoins = /* @__PURE__ */ new Map();
+  boardProjectRefCounts = /* @__PURE__ */ new Map();
   patchFlushHandle = null;
   patchFlushCancel = null;
   _ensureConnected() {
@@ -2560,21 +2629,30 @@ var AgentSocket = class {
     });
     const handleArtifact = (sessionId, data) => {
       if (_isHiddenPath(data.file_path)) return;
+      if (sessionId !== this.subscribedSession) return;
       const type2 = resolveArtifactType(data.content_type);
       const filePath = `/api/sessions/${sessionId}/files/${encodeURIComponent(data.file_path)}`;
       const fileUrl = this.client.buildAuthedUrl(filePath);
       const content = type2 === "ppt" ? filePath : type2 === "image" || type2 === "pdf" || type2 === "docx" || type2 === "excel" ? fileUrl : data.content;
-      if (data.session_id != null && data.session_id === this.subscribedSession) {
-        useUiStore.getState().setActiveRightTab("preview");
-      }
-      useUiStore.getState().pushArtifact({
+      const target = {
         type: type2,
         content,
         sourceUrl: type2 === "ppt" ? fileUrl : void 0,
         title: data.title,
         key: data.file_path,
         revision: Date.now()
-      });
+      };
+      const uiStore = useUiStore.getState();
+      if (uiStore.rightPanelAutoJump) {
+        uiStore.clearRightPanelTabUnread("files");
+        uiStore.clearPreviewArtifactUnread(data.file_path);
+        uiStore.setActiveRightTab("preview");
+        uiStore.pushArtifact(target);
+      } else {
+        uiStore.upsertArtifact(target, { reveal: false, activate: false });
+        uiStore.markRightPanelTabUnread("files");
+        uiStore.markPreviewArtifactUnread(data.file_path);
+      }
     };
     s.on("artifact:created", (data) => {
       const sessionId = this._resolveSessionId(data);
@@ -2624,14 +2702,26 @@ var AgentSocket = class {
       const sessionId = this._resolveSessionId(data);
       if (!sessionId) return;
       notifyWorkspaceFilesChanged(sessionId, data.file_path);
+      if (sessionId !== this.subscribedSession) return;
       if (data.old_string != null && data.new_string != null) {
-        useUiStore.getState().pushArtifact({
+        const target = {
           type: "diff",
           content: data.new_string,
           oldContent: data.old_string,
           title: data.title,
           key: data.file_path
-        });
+        };
+        const uiStore = useUiStore.getState();
+        if (uiStore.rightPanelAutoJump) {
+          uiStore.clearRightPanelTabUnread("files");
+          uiStore.clearPreviewArtifactUnread(data.file_path);
+          uiStore.setActiveRightTab("preview");
+          uiStore.pushArtifact(target);
+        } else {
+          uiStore.upsertArtifact(target, { reveal: false, activate: false });
+          uiStore.markRightPanelTabUnread("files");
+          uiStore.markPreviewArtifactUnread(data.file_path);
+        }
         return;
       }
       handleArtifact(sessionId, data);
@@ -2649,6 +2739,11 @@ var AgentSocket = class {
         useSessionStore.getState().setActiveSession(sessionId);
         void this._ensureJoined(sessionId);
       }
+      for (const attached of this.attachedSessions) {
+        if (attached !== sessionId) {
+          this.socket.emit("session:subscribe", { session_id: attached, mode: "status" });
+        }
+      }
     });
     this.socket.on("connect_error", (err) => {
       useConnectionStore.getState().markDisconnected();
@@ -2688,6 +2783,20 @@ var AgentSocket = class {
           });
           continue;
         }
+        if (block.content.action.startsWith("solution.creator.")) {
+          if (typeof window !== "undefined") {
+            window.dispatchEvent(
+              new CustomEvent("blade:solution-creator-bridge", {
+                detail: {
+                  sessionId,
+                  action: block.content.action,
+                  payload: block.content.payload
+                }
+              })
+            );
+          }
+          continue;
+        }
         const deliveryKey = buildToolBridgeDeliveryKey(sessionId, turn, block);
         if (this.deliveredBridgeKeys.has(deliveryKey)) {
           continue;
@@ -2817,10 +2926,22 @@ var AgentSocket = class {
   }
   subscribeAgentBoardProject(projectId) {
     this._ensureConnected();
-    this.socket.emit("agent-board:project:subscribe", { project_id: Number(projectId) });
+    const id = Number(projectId);
+    const prev = this.boardProjectRefCounts.get(id) ?? 0;
+    this.boardProjectRefCounts.set(id, prev + 1);
+    if (prev === 0) {
+      this.socket.emit("agent-board:project:subscribe", { project_id: id });
+    }
   }
   unsubscribeAgentBoardProject(projectId) {
-    this.socket.emit("agent-board:project:unsubscribe", { project_id: Number(projectId) });
+    const id = Number(projectId);
+    const prev = this.boardProjectRefCounts.get(id) ?? 0;
+    if (prev <= 1) {
+      this.boardProjectRefCounts.delete(id);
+      this.socket.emit("agent-board:project:unsubscribe", { project_id: id });
+    } else {
+      this.boardProjectRefCounts.set(id, prev - 1);
+    }
   }
   onAgentBoardTaskChanged(handler) {
     this.socket.on("agent-board:board-task:changed", handler);
@@ -2855,11 +2976,18 @@ var AgentSocket = class {
    * 前端，卡片就会停留在乐观写入的"运行中"态。
    *
    * 幂等：后端 session:subscribe handler 只做 enter_room，重复 emit 无副作用。
+   * 同时把 sessionId 记到 attachedSessions，连接断开重连时一并重新订阅，
+   * 避免长会话期间断网后再回来时丢掉该 session 的 turn 事件。
    */
   attachSession(sessionId) {
-    void this._ensureJoined(sessionId);
+    this.attachedSessions.add(sessionId);
+    void this._ensureJoined(sessionId, "status");
   }
-  _ensureJoined(sessionId) {
+  _ensureJoined(sessionId, mode = "full") {
+    if (mode === "status") {
+      this.socket.emit("session:subscribe", { session_id: sessionId, mode: "status" });
+      return Promise.resolve();
+    }
     if (this.joinedSessions.has(sessionId)) {
       return Promise.resolve();
     }
@@ -3264,4 +3392,4 @@ export {
   bootstrapBladeClient,
   getBootstrappedClient
 };
-//# sourceMappingURL=chunk-II2PTBJI.js.map
+//# sourceMappingURL=chunk-U7Y7GRF6.js.map