@blade-hq/agent-react 2612.0.0-beta.76 → 2612.0.0-beta.77

package/README.md

@@ -522,3 +522,7 @@ PA 等只需要授权界面的宿主可从 `@blade-hq/agent-react/connectors`
 `@blade-hq/agent-react/connectors` 的 `DeviceConnection` 可传 `autoAuthorize`：仅在用户主动打开聊天授权卡片时开始准备官方二维码，设置页默认仍手动发起。`authorizationCapabilities` 用于只补当前操作需要的能力；已有有效二维码会继续使用，不重复生成。生成二维码不代表用户授权或企业审核已通过。
 
 首次连接默认只申请机器人能力；需要本人能力时按操作补充授权。已有连接的选择和授权不受影响。
+
+### ConnectorRulesPanel
+
+从 `@blade-hq/agent-react/connectors` 导入 `ConnectorRulesPanel`，传入稳定的 `read` 和 `update` 回调（调用 `client.connectors.rules/updateRules`）。组件展示分组、分类、三档设置与恢复默认；保存成功才替换当前值，失败保留原设置。宿主通过 `className` 与继承主题接入已有样式；`onCountChange` 返回可设置规则组数。

package/dist/chat/TurnNavRail.d.ts

@@ -1,7 +1,4 @@
-export interface TurnNavItem {
-    id: string;
-    title: string;
-}
+import type { TurnNavItem } from "../hooks/use-turn-navigation";
 interface TurnNavRailProps {
     items: TurnNavItem[];
     activeTurnId: string | null;

package/dist/chat/index.d.ts

@@ -27,7 +27,8 @@ export { TextAttachmentPills } from "./TextAttachmentPills";
 export { getFilePreviewName, ToolFilePreviewAction, ToolPreviewAction, resolveAskQuestionState, ToolCallBlock } from "./ToolCallBlock";
 export { ToolUiCard } from "./ToolUiCard";
 export { TurnNavRail } from "./TurnNavRail";
-export type { TurnNavItem } from "./TurnNavRail";
+export { turnLocateChannel, useTurnLocateRequest, useTurnLocateStatus } from "./turn-locate-channel";
+export type { TurnLocateRequest, TurnLocateStatus } from "./turn-locate-channel";
 export { isUserMessage, isErrorMessage, USER_MESSAGE_MARKDOWN_CLASS, UserMessageBubble, ErrorMessageBlock } from "./UserMessageBubble";
 export type { UserChatMessage, ErrorChatMessage } from "./UserMessageBubble";
 export { WorkflowRunBlock } from "./WorkflowRunBlock";

package/dist/chat/turn-locate-channel.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 跨组件「定位到某条发言」的请求通道。
+ *
+ * 消息列表（MessageList）与右侧脉络面板不在同一棵组件树里，而定位到窗口外
+ * 的历史发言需要 MessageList 内部的虚拟列表状态（isEntryLoaded / revealEntry /
+ * 滚动容器），脉络面板拿不到这些。这里用一个模块级 store 把「点击脉络里的
+ * 某条发言」变成一条带序号的信令，MessageList 监听后在它自己的
+ * useTurnNavigation.selectEntry 里执行完整定位（跨页加载 + 滚动 + 高亮）。
+ *
+ * 与 composer-channels 同一模式：module singleton + 订阅回调，
+ * 不依赖任何宿主 store，SDK 内可复用。
+ */
+export interface TurnLocateRequest {
+    entryId: string;
+    /** 单调递增，避免「同一条发言点两次」或「晚到的旧信号」被误判成新请求。 */
+    seq: number;
+}
+/** 执行侧回传的进度：面板据此显示「正在定位」/失败提示。 */
+export interface TurnLocateStatus {
+    seq: number;
+    entryId: string;
+    state: "pending" | "failed";
+}
+export declare const turnLocateChannel: {
+    getState: () => Record<string, TurnLocateRequest>;
+    getStatus: () => Record<string, TurnLocateStatus>;
+    request(sessionId: string, entryId: string): void;
+    /** 执行侧回传进度；只有最新一次请求的结果会被接受。 */
+    report(sessionId: string, seq: number, state: TurnLocateStatus["state"]): void;
+    /** 定位完成（成功）：清掉进度，面板不再显示「正在定位」。 */
+    clearStatus(sessionId: string, seq: number): void;
+    subscribe(listener: () => void): () => void;
+    /** 某条信令已被消费：同 seq 不再重复定位（避免重新挂载时又跳一次）。 */
+    consume(sessionId: string, seq: number): void;
+    /** 只清进度、不动未消费的请求（列表卸载时用）。 */
+    clearStatusForSession(sessionId: string): void;
+    clearSession(sessionId: string): void;
+    reset(): void;
+};
+/**
+ * 订阅某个会话的定位请求。
+ *
+ * 用「命令式订阅 + useState」而不是 useSyncExternalStore：每条信令都是一次
+ * **一次性事件**（点一下就执行一次），store 里不留状态，消费完立即清空。
+ * useSyncExternalStore 要的是「可重复读取的快照」，在这种事件通道上反而容易
+ * 因为快照被清空/重读而漏掉那一次更新。
+ */
+export declare function useTurnLocateRequest(sessionId: string | null | undefined): TurnLocateRequest | null;
+/**
+ * 订阅某个会话最近一次定位的进度。面板用它显示「正在定位」和失败提示——
+ * 定位实际由消息列表执行，面板自己的 useTurnNavigation 拿不到这份状态。
+ */
+export declare function useTurnLocateStatus(sessionId: string | null | undefined): TurnLocateStatus | null;

package/dist/{chunk-HCW7SI5Q.js → chunk-26NE55SJ.js}

@@ -1,6 +1,6 @@
 import {
   MarkdownContent
-} from "./chunk-XJ6ZA6LN.js";
+} from "./chunk-VBHHFIII.js";
 import {
   cn,
   extractToolFilePath,
@@ -9,7 +9,7 @@ import {
   useBladeClient,
   useHighlightedCode,
   useOptionalBladeClient
-} from "./chunk-WRIMPZPN.js";
+} from "./chunk-EQOKPZI2.js";
 import {
   ChevronLeft,
   ChevronRight,
@@ -27,7 +27,7 @@ import {
   RotateCcw,
   X,
   dist_exports3 as dist_exports
-} from "./chunk-QIR73CES.js";
+} from "./chunk-XBEN2ASY.js";
 import {
   __export
 } from "./chunk-PR4QN5HX.js";
@@ -27373,4 +27373,4 @@ export {
   * MIT Licensed
   *)
 */
-//# sourceMappingURL=chunk-HCW7SI5Q.js.map
+//# sourceMappingURL=chunk-26NE55SJ.js.map

package/dist/{chunk-WRIMPZPN.js → chunk-EQOKPZI2.js}

@@ -3,6 +3,7 @@ import {
   ChevronDown,
   Circle,
   CircleDot,
+  ConnectorRulesPanel,
   ListChecks,
   LoaderCircle,
   X,
@@ -11,7 +12,7 @@ import {
   dist_exports3 as dist_exports,
   loopTabInShadowRoot,
   useOverlayRoot
-} from "./chunk-QIR73CES.js";
+} from "./chunk-XBEN2ASY.js";
 
 // src/context.tsx
 import { createContext, useContext } from "react";
@@ -3627,9 +3628,18 @@ function PlanUpdateBlock({
   ] });
 }
 
+// src/components/AccountConnectorRules.tsx
+import { useCallback } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function AccountConnectorRules({ client, name, refresh = 0 }) {
+  const read = useCallback(() => client.connectors.rules(name), [client, name]);
+  const update = useCallback((set) => client.connectors.updateRules(name, set), [client, name]);
+  return /* @__PURE__ */ jsx3(ConnectorRulesPanel, { read, update, refresh }, name);
+}
+
 // src/components/BrowserConnectionDialog.tsx
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function BrowserConnectionDialog({ client, name, label = "\u4E1A\u52A1\u8D26\u53F7", onClose }) {
   const dialog = useRef2(null);
   const frame = useRef2(null);
@@ -3652,7 +3662,7 @@ function BrowserConnectionDialog({ client, name, label = "\u4E1A\u52A1\u8D26\u53
     window.addEventListener("message", receive);
     return () => window.removeEventListener("message", receive);
   }, [origin, onClose]);
-  return /* @__PURE__ */ jsx3("dialog", { ref: dialog, "aria-label": `\u8FDE\u63A5 ${label}`, onCancel: (event) => {
+  return /* @__PURE__ */ jsx4("dialog", { ref: dialog, "aria-label": `\u8FDE\u63A5 ${label}`, onCancel: (event) => {
     event.preventDefault();
     onClose();
   }, className: "fixed inset-0 m-auto h-[min(820px,90dvh)] max-h-none w-[min(960px,calc(100%_-_32px))] max-w-none overflow-hidden rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--background))] p-0 text-[hsl(var(--foreground))] shadow-xl backdrop:bg-black/45", children: /* @__PURE__ */ jsxs2("div", { className: "flex h-full min-h-0 flex-col", children: [
@@ -3662,11 +3672,14 @@ function BrowserConnectionDialog({ client, name, label = "\u4E1A\u52A1\u8D26\u53
         label
       ] }),
       /* @__PURE__ */ jsxs2("button", { type: "button", className: "inline-flex h-8 shrink-0 items-center justify-center gap-1.5 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-3 text-xs font-medium hover:bg-[hsl(var(--accent))]", onClick: onClose, children: [
-        /* @__PURE__ */ jsx3(X, { size: 14, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx4(X, { size: 14, "aria-hidden": "true" }),
         "\u8FD4\u56DE\u8FDE\u63A5\u5668"
       ] })
     ] }),
-    /* @__PURE__ */ jsx3("iframe", { ref: frame, title: `${label}\u767B\u5F55\u9875\u9762`, className: "min-h-0 w-full flex-1 border-0" })
+    /* @__PURE__ */ jsxs2("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+      /* @__PURE__ */ jsx4("iframe", { ref: frame, title: `${label}\u767B\u5F55\u9875\u9762`, className: "h-[min(560px,60dvh)] w-full border-0" }),
+      /* @__PURE__ */ jsx4("div", { className: "px-4", children: /* @__PURE__ */ jsx4(AccountConnectorRules, { client, name }) })
+    ] })
   ] }) });
 }
 
@@ -3682,7 +3695,7 @@ import {
   useState as useState2,
   useSyncExternalStore
 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var EMPTY_SOURCE = {
   subscribe: () => () => {
   },
@@ -3692,7 +3705,7 @@ var EMPTY_SOURCE = {
 };
 var SessionSourceContext = createContext2(EMPTY_SOURCE);
 function SessionSourceProvider({ source, children }) {
-  return /* @__PURE__ */ jsx4(SessionSourceContext.Provider, { value: source, children });
+  return /* @__PURE__ */ jsx5(SessionSourceContext.Provider, { value: source, children });
 }
 function useSessionSource() {
   return useContext2(SessionSourceContext);
@@ -3799,7 +3812,7 @@ function usePlanRevealRevision(sessionId) {
 }
 var CurrentChatSessionContext = createContext2(null);
 function CurrentChatSessionProvider({ sessionId, children }) {
-  return /* @__PURE__ */ jsx4(CurrentChatSessionContext.Provider, { value: sessionId, children });
+  return /* @__PURE__ */ jsx5(CurrentChatSessionContext.Provider, { value: sessionId, children });
 }
 function useCurrentChatSessionId() {
   return useContext2(CurrentChatSessionContext);
@@ -3807,11 +3820,11 @@ function useCurrentChatSessionId() {
 
 // src/chat/runtime/environment.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo2 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var EMPTY_ENVIRONMENT = {};
 var ChatEnvironmentContext = createContext3(EMPTY_ENVIRONMENT);
 function ChatEnvironmentProvider({ value, children }) {
-  return /* @__PURE__ */ jsx5(ChatEnvironmentContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx6(ChatEnvironmentContext.Provider, { value, children });
 }
 function useChatEnvironment() {
   return useContext3(ChatEnvironmentContext);
@@ -3887,23 +3900,23 @@ function useChatVirtualizer(options) {
 }
 
 // ../ui/src/components/dialog.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(dist_exports.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx7(dist_exports.Root, { "data-slot": "dialog", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(dist_exports.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx7(dist_exports.Close, { "data-slot": "dialog-close", ...props });
 }
 
 // ../ui/src/composites/dialog.tsx
 import { forwardRef } from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var DialogOverlay = forwardRef(function DialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     dist_exports.Overlay,
     {
       ref,
@@ -3926,7 +3939,7 @@ function DialogContent({
 }) {
   const overlayRoot = useOverlayRoot();
   return /* @__PURE__ */ jsxs4(dist_exports.Portal, { "data-slot": "dialog-portal", container: overlayRoot, children: [
-    /* @__PURE__ */ jsx7(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsx8(DialogOverlay, { className: overlayClassName }),
     /* @__PURE__ */ jsxs4(
       dist_exports.Content,
       {
@@ -3948,8 +3961,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "absolute top-4 right-4 rounded-[8px] p-2 text-[hsl(var(--muted-foreground))] opacity-90 transition-colors hover:bg-[hsl(var(--accent))] hover:opacity-100 focus:outline-none disabled:pointer-events-none",
               children: [
-                /* @__PURE__ */ jsx7(X, { size: 16 }),
-                /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "\u5173\u95ED" })
+                /* @__PURE__ */ jsx8(X, { size: 16 }),
+                /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "\u5173\u95ED" })
               ]
             }
           )
@@ -3959,7 +3972,7 @@ function DialogContent({
   ] });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     dist_exports.Title,
     {
       "data-slot": "dialog-title",
@@ -3972,7 +3985,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     dist_exports.Description,
     {
       "data-slot": "dialog-description",
@@ -4021,6 +4034,7 @@ export {
   notifyChat,
   useComposerBridge,
   useChatVirtualizer,
+  AccountConnectorRules,
   BrowserConnectionDialog,
   Dialog,
   DialogClose,
@@ -4028,4 +4042,4 @@ export {
   DialogTitle,
   DialogDescription
 };
-//# sourceMappingURL=chunk-WRIMPZPN.js.map
+//# sourceMappingURL=chunk-EQOKPZI2.js.map