@blade-hq/agent-react 2612.0.0-beta.5 → 2612.0.0-beta.51

package/dist/components/AccountConnectors.d.ts

@@ -0,0 +1,13 @@
+import type { AccountConnector, BladeClient } from "@blade-hq/agent-client/internal";
+export declare function AccountConnectors({ client, query, sessionId, pending, onUse, onSelectedChange, disabledReason, catalog, manage, onEdit }: {
+    client: BladeClient;
+    query?: string;
+    sessionId?: string | null;
+    pending?: Set<string>;
+    onUse?: (name: string, label: string, enabled: boolean) => Promise<void>;
+    onSelectedChange?: (items: AccountConnector[]) => void;
+    disabledReason?: string | null;
+    manage?: boolean;
+    onEdit?: (item: AccountConnector) => void;
+    catalog?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/BrowserConnectionDialog.d.ts

@@ -0,0 +1,7 @@
+import type { BladeClient } from "@blade-hq/agent-client";
+export declare function BrowserConnectionDialog({ client, name, label, onClose }: {
+    client: BladeClient;
+    name: string;
+    label?: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ChatInput.d.ts

@@ -1,38 +1,26 @@
+import { type KeyboardEvent } from "react";
 interface Props {
-    /** 受控输入内容（由 ChatView 持有，便于 attach/insertText 注入）。 */
     value: string;
     onValueChange: (value: string) => void;
-    onSend: (text: string) => boolean | Promise<boolean>;
+    onSend: (text: string, queueWhenRunning?: boolean) => boolean | Promise<boolean>;
     onStop: () => void;
     isStreaming: boolean;
     isStopping?: boolean;
-    /**
-     * 宿主是否渲染了队列面板。没有面板时不给"运行中提交"入口：消息进了队列却看不见，
-     * 比明确提示用户等一等更糟。ChatSurface 按 queuePanel 是否存在传入。
-     */
     queueWhileRunning?: boolean;
-    /**
-     * 上方紧贴着一个比自己窄的面板（队列面板）时置 true：上两角改直角。
-     *
-     * 面板比输入框窄一圈，输入框上角留圆弧的话，那两段弧会从面板两侧露出来，
-     * 看着就是两个尖角。跟内置 Web 的 ChatInput 是同一个判据。
-     */
     mergesWithPanelAbove?: boolean;
     placeholder?: string;
     className?: string;
-    /** 输入框卡片（`.blade-chat-input-inner`）：边框、圆角、底色在这里。 */
     innerClassName?: string;
-    /** 文本输入框（`.blade-chat-textarea`）。 */
     textareaClassName?: string;
-    /** 右侧按钮组（`.blade-chat-input-toolbar`）。 */
     toolbarClassName?: string;
     queueKey?: string;
     hasAttachments?: boolean;
+    onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
 }
 /**
  * 轻量聊天输入框：textarea（Enter 发送 / Shift+Enter 换行）+ 发送/停止按钮。
  * 不含第一方版本的富文本编辑、@ 补全、技能菜单、语音输入与模型选择。
  * 内容受控，session.attach() / insertText() 通过 ChatView 注入到这里。
  */
-export declare function ChatInput({ value, onValueChange, onSend, onStop, isStreaming, isStopping, queueWhileRunning, mergesWithPanelAbove, placeholder, className, innerClassName, textareaClassName, toolbarClassName, queueKey, hasAttachments, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInput({ value, onValueChange, onSend, onStop, isStreaming, isStopping, queueWhileRunning, mergesWithPanelAbove, placeholder, className, innerClassName, textareaClassName, toolbarClassName, queueKey, hasAttachments, onKeyDown, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ConnectorPanel.d.ts

@@ -25,6 +25,8 @@ export interface ConnectorPanelProps {
     onSelectedChange?: (items: PluginConnectorItem[]) => void;
     /** 宿主注入：电脑分区。参数是搜索词，宿主自己决定怎么过滤。 */
     renderComputerSection?: (query: string) => ReactNode;
+    /** 宿主注入：手机分区，渲染在电脑下面。参数是搜索词。 */
+    renderPhoneSection?: (query: string) => ReactNode;
     /** 宿主注入：外部账号分区（飞书 / GitHub 等固定连接入口）。 */
     renderExternalAccounts?: (query: string) => ReactNode;
     /** 宿主注入：底部操作区；不注入就不渲染这一块。 */
@@ -38,4 +40,4 @@ export interface ConnectorPanelProps {
  * 判定不各写一份。电脑与外部账号由宿主注入——那些入口需要宿主的路由与 CLI
  * 引导，SDK 不硬编码内部路径，也不替第三方决定跳到哪里。
  */
-export declare function ConnectorPanel({ client, sessionId, pendingPlugins, onPendingPluginsChange, pendingDisabledReason, onPluginsChanged, onSelectedChange, renderComputerSection, renderExternalAccounts, renderFooterActions, className, }: ConnectorPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectorPanel({ client, sessionId, pendingPlugins, onPendingPluginsChange, pendingDisabledReason, onPluginsChanged, onSelectedChange, renderComputerSection, renderPhoneSection, renderExternalAccounts, renderFooterActions, className, }: ConnectorPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/LlmAdvancedSettings.d.ts

@@ -24,7 +24,6 @@ export declare function readOverride(settings: boolean | LlmAdvancedSettings | u
 declare function writeOverride(settings: boolean | LlmAdvancedSettings | undefined, baseURL: string, override: LlmOverride): void;
 interface Props {
     settings: boolean | LlmAdvancedSettings;
-    /** 组件拿到的默认值，用来做占位提示与"恢复默认" */
     defaults: {
         baseURL: string;
         model: string;

package/dist/components/PlanUpdateBlock.d.ts

@@ -18,7 +18,6 @@ export declare function pickCurrentPlanStep(plan: PlanUpdateData["plan"]): PlanU
 export declare function PlanUpdateBlock({ toolCall, running, autoReveal, className, }: {
     toolCall: ToolCallInfo;
     running?: boolean;
-    /** 实时收到的新进度短暂展开；加载历史时保持默认收起。 */
     autoReveal?: boolean;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SessionPluginConfigForm.d.ts

@@ -10,5 +10,7 @@ export interface SessionPluginConfigFormProps {
     failure: string | null;
     onSubmit: (draft: SessionPluginConfigDraft) => void;
     onCancel: () => void;
+    submitLabel?: string;
+    submittingLabel?: string;
 }
-export declare function SessionPluginConfigForm({ config, submitting, errors, failure, onSubmit, onCancel, }: SessionPluginConfigFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SessionPluginConfigForm({ config, submitting, errors, failure, onSubmit, onCancel, submitLabel, submittingLabel, }: SessionPluginConfigFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/plugin-connector.d.ts

@@ -13,7 +13,9 @@ export interface PluginConnectorItem {
     icon: string | null;
     /** 图标从哪个接口取：账号级目录，还是会话内已准备的包。 */
     iconSource: "account" | "session";
+    auth_status?: PluginCatalogEntry["auth_status"];
     installed: boolean | null;
+    connector?: boolean;
     /** 会话里已提交的选择；首页候选恒为 false。 */
     active: boolean;
     status: string;

package/dist/embed/blade-chat-element.d.ts

@@ -15,7 +15,6 @@ export declare class BladeChatElement extends HTMLElement {
     /** 当前会话（连接完成后可用）；BladeAgent.getChat() 依赖它。 */
     session: AgentSession | null;
     private sessionWaiters;
-    /** 自动创建的会话 id：attribute 变化触发的重渲染要继续用它，避免重复建会话。 */
     private autoCreatedSessionId;
     private mountRenderers;
     /** 转换后的 React 渲染器按渲染器对象缓存，避免每次渲染重建挂载内容。 */
@@ -29,13 +28,6 @@ export declare class BladeChatElement extends HTMLElement {
     set renderers(value: BladeChatMountRenderers | null);
     private currentReactRenderers;
     connectedCallback(): void;
-    /**
-     * 自定义样式口子：<blade-chat> 的直接 <style> 子元素会被拷入 Shadow DOM，
-     * 排在内置样式之后（同优先级时后者胜）。配合内置的 .blade-chat-* 类名、
-     * ::part()（每个可见区块都带与锚点同名的 part，如
-     * blade-chat::part(user-bubble)）与 CSS 变量（--primary / --background 等，
-     * 页面直接对 blade-chat 元素设置即可穿透），无需构建工具即可深度定制。
-     */
     private adoptUserStyles;
     disconnectedCallback(): void;
     attributeChangedCallback(): void;

package/dist/embed/entry.d.ts

@@ -1,27 +1,18 @@
-/**
- * blade-agent.js（IIFE）入口：纯静态 HTML 的接入方式。
- *
- * ```html
- * <script src="https://blade.example.com/sdk/blade-agent.js"></script>
- * <blade-chat base-url="https://blade.example.com"></blade-chat>
- * <script>
- *   const chat = await BladeAgent.getChat(document.querySelector("blade-chat"))
- *   chat.onCommand("map.highlight", (data) => { ... })
- * </script>
- * ```
- */
 import * as agentClient from "@blade-hq/agent-client";
 import type { AgentSession } from "@blade-hq/agent-client";
 import { BladeChatElement } from "./blade-chat-element";
-/** 取某个 `<blade-chat>` 元素背后的会话对象（等待连接就绪）。 */
 declare function getChat(element: Element | null): Promise<AgentSession>;
 declare const BladeAgent: {
+    BladeApplicationClient: typeof agentClient.BladeApplicationClient;
     BladeClient: typeof agentClient.BladeClient;
+    ConnectorsResource: typeof agentClient.ConnectorsResource;
     BladeApiError: typeof agentClient.BladeApiError;
     SDK_NAME: "agent-client";
     SDK_VERSION: string;
     AgentSession: typeof AgentSession;
     AgentSessionError: typeof agentClient.AgentSessionError;
+    parseAskUserQuestion: typeof agentClient.parseAskUserQuestion;
+    formatAskUserAnswer: typeof agentClient.formatAskUserAnswer;
     SessionSetupError: typeof agentClient.SessionSetupError;
     DEFAULT_REPLAY_SPEED: agentClient.ReplaySpeed;
     SessionInfo: import("arktype/internal/variants/object.ts").ObjectType<{
@@ -31,12 +22,12 @@ declare const BladeAgent: {
         created_at: string;
         updated_at: string;
         shared?: boolean | undefined;
+        anonymous?: boolean | undefined;
         memory_enabled?: boolean | undefined;
         is_persistent?: boolean | undefined;
         initiator?: "sdk" | "ui" | "unknown" | null | undefined;
         is_headless?: boolean | undefined;
         viewer_role?: "owner" | "viewer" | undefined;
-        template_id?: string | null | undefined;
         model?: string | null | undefined;
         enable_thinking?: boolean | null | undefined;
         solution_id?: string | null | undefined;
@@ -44,17 +35,12 @@ declare const BladeAgent: {
         biz_role_id?: string | null | undefined;
         solution?: unknown;
         plan_summary?: string | null | undefined;
-        primary_skill_id?: string | null | undefined;
-        bound_skill_id?: string | null | undefined;
         replay_state?: unknown;
         is_pinned?: boolean | undefined;
         pinned_at?: string | null | undefined;
         is_example?: boolean | undefined;
         ports?: unknown;
         disable_tools?: string[] | undefined;
-        runtime_type?: string | null | undefined;
-        daemon_id?: string | null | undefined;
-        agent_runtime_id?: string | null | undefined;
         workspace_path?: string | null | undefined;
         ba_version?: string | null | undefined;
         sandbox_version?: string | null | undefined;
@@ -71,6 +57,10 @@ declare const BladeAgent: {
     transformSlashCommand: typeof agentClient.transformSlashCommand;
     userFacingErrorText: typeof agentClient.userFacingErrorText;
     normalizeTopicAssetRefs: typeof agentClient.normalizeTopicAssetRefs;
+    normalizePluginRefs: typeof agentClient.normalizePluginRefs;
+    normalizeMessageRefs: typeof agentClient.normalizeMessageRefs;
+    ToolProvider: typeof agentClient.ToolProvider;
+    SandboxResource: typeof agentClient.SandboxResource;
     getChat: typeof getChat;
     BladeChatElement: typeof BladeChatElement;
 };

package/dist/hooks/use-message-pin.d.ts

@@ -22,7 +22,7 @@ export interface UseMessagePinOptions {
  * 用户发言顶置的共享状态机。SDK 和内置轻量列表只提供 DOM/虚拟列表适配器，
  * 触发、调度、resize、手动接管和跟随交还的决策只在这里维护。
  */
-export declare function useMessagePin({ targetKey, pinTarget, isStreaming, layoutKey, getScrollElement, getContentElement, getTargetElement, getTargetScrollTop, getSpacerHeight, setSpacerHeight, stopAutoScroll, scrollToBottom, margin, }: UseMessagePinOptions): {
+export declare function useMessagePin({ targetKey, pinTarget, isStreaming, layoutKey, getScrollElement, getContentElement, getTargetElement, getTargetScrollTop, getSpacerHeight, setSpacerHeight, stopAutoScroll, margin, }: UseMessagePinOptions): {
     release: () => void;
     isActive: () => boolean;
 };

package/dist/host.d.ts

@@ -31,10 +31,6 @@ export interface BladeHost {
     listSkills?(context: {
         sessionId?: string;
     }): Promise<HostCatalogItem[]>;
-    /** 可在输入框里提及的知识库清单。 */
-    listKnowledgeBases?(context: {
-        sessionId?: string;
-    }): Promise<HostCatalogItem[]>;
 }
 /** 宿主上传完成的附件。 */
 export interface HostAttachment {

package/dist/index.js

@@ -1,17 +1,20 @@
 import {
   ChatView,
-  MarkdownContent,
   ReplayBar,
   ReplayMismatchPrompt,
   TopicAssetSubmitDialog,
   useAgentSession,
   useReplay,
   useTopicAssetSubmissionAccess
-} from "./chunk-T5WGKZN4.js";
+} from "./chunk-7G3R7FAR.js";
+import "./chunk-YP64AL24.js";
+import {
+  MarkdownContent
+} from "./chunk-OQQCJD3L.js";
 import {
   BladeProvider,
   useBladeClient
-} from "./chunk-XULCQP3Q.js";
+} from "./chunk-VUDRKCD4.js";
 import "./chunk-PR4QN5HX.js";
 export {
   BladeProvider,

package/dist/internal.d.ts

@@ -52,11 +52,13 @@ export { SessionMemoryToggle } from "./components/SessionMemoryToggle";
 export type { SessionMemoryToggleProps } from "./components/SessionMemoryToggle";
 export { SessionQueuePanel, isQueuePanelVisible } from "./components/SessionQueuePanel";
 export type { SessionQueuePanelProps } from "./components/SessionQueuePanel";
-export { isAgentComputerCommand, isAgentComputerToolCall, classifyAgentComputerLaunchOutcome, } from "./lib/agent-computer-command";
-export type { AgentComputerLaunchOutcome } from "./lib/agent-computer-command";
 export { SessionBranchPicker } from "./components/SessionBranchPicker";
 export type { SessionBranchPickerProps } from "./components/SessionBranchPicker";
 export { MessageImage, type MessageImageProps } from "./components/MessageImage";
 export { BackgroundWakeNotice } from "./components/BackgroundWakeNotice";
 export { TopicAssetSubmitDialog, useTopicAssetSubmissionAccess } from "./components/TopicAssetSubmitDialog";
 export type { TopicAssetSubmitDialogProps } from "./components/TopicAssetSubmitDialog";
+export { CodeBlockPre } from "./chat/markdown/MarkdownContent";
+export { ChatLoadingIndicator, isPreparingReply } from "./chat/ChatLoadingIndicator";
+export { BrowserConnectionDialog } from "./components/BrowserConnectionDialog";
+export { AccountConnectors } from "./components/AccountConnectors";

package/dist/internal.js

@@ -1,13 +1,11 @@
 import {
   AgentChat,
   BackgroundWakeNotice,
+  ChatLoadingIndicator,
   ChatView,
   ContextCard,
   ContextGroupCard,
-  DEFAULT_ALLOWED_TAGS,
   LlmChat,
-  MarkdownContent,
-  MarkdownRenderer,
   McpAppCard,
   MessageImage,
   ReplayBar,
@@ -18,6 +16,7 @@ import {
   ToolUiCardView,
   TopicAssetSubmitDialog,
   WhatIfUserBubble,
+  isPreparingReply,
   isQueuePanelVisible,
   latestUserSpeechEntryId,
   parseWhatIfPrompt,
@@ -29,45 +28,55 @@ import {
   useTopicAssetSubmissionAccess,
   useTurnNavigation,
   useTypewriterReveal
-} from "./chunk-T5WGKZN4.js";
+} from "./chunk-7G3R7FAR.js";
 import {
+  AccountConnectors,
   ConnectorPanel,
   PluginTriggerStack,
   TRIGGER_ICON_LIMIT,
   selectionFromItem,
   triggerSummary
-} from "./chunk-7IPINZHT.js";
+} from "./chunk-NPIUZZET.js";
+import {
+  PluginConnectorList,
+  SessionPluginConfigDialog,
+  SessionPluginConfigForm,
+  SessionPluginIcon,
+  catalogToConnectorItems,
+  filterConnectorItems,
+  mergeConnectorItems,
+  sessionPluginLabel,
+  useSessionPluginActivation
+} from "./chunk-YP64AL24.js";
+import {
+  CodeBlockPre,
+  DEFAULT_ALLOWED_TAGS,
+  MarkdownContent,
+  MarkdownRenderer
+} from "./chunk-OQQCJD3L.js";
 import {
   BladeProvider,
+  BrowserConnectionDialog,
   Content2,
   PLAN_AUTO_COLLAPSE_MS,
   PlanUpdateBlock,
-  PluginConnectorList,
   Portal,
   Provider,
   Root3,
-  SessionPluginConfigDialog,
-  SessionPluginConfigForm,
-  SessionPluginIcon,
   Trigger,
-  catalogToConnectorItems,
   cn,
-  filterConnectorItems,
   getPlanUpdateDisplayState,
   isPlanUpdateTool,
-  mergeConnectorItems,
   parsePlanUpdate,
   pickCurrentPlanStep,
-  sessionPluginLabel,
   useBladeClient,
   useBladeHost,
-  useOptionalBladeClient,
-  useSessionPluginActivation
-} from "./chunk-XULCQP3Q.js";
+  useOptionalBladeClient
+} from "./chunk-VUDRKCD4.js";
 import "./chunk-PR4QN5HX.js";
 
 // src/internal.ts
-export * from "./chat-OCLOVB3H.css";
+export * from "./chat-IHPRU35X.css";
 
 // src/lib/mount-renderers.tsx
 import { createContext, useContext, useId, useLayoutEffect, useRef } from "react";
@@ -258,48 +267,6 @@ function SessionMemoryToggle({
   ] });
 }
 
-// src/lib/agent-computer-command.ts
-var COMPUTER_LAUNCH_COMMAND_PATTERN = /(?:^|[\n;&|(]\s*)computer\s+launch(?:\s|$)/;
-function isAgentComputerCommand(command) {
-  return COMPUTER_LAUNCH_COMMAND_PATTERN.test(command);
-}
-function isAgentComputerToolCall(argumentsJson) {
-  if (!argumentsJson) return false;
-  let command;
-  try {
-    const parsed = JSON.parse(argumentsJson);
-    if (typeof parsed !== "object" || parsed === null) return false;
-    command = parsed.command;
-  } catch {
-    return false;
-  }
-  return typeof command === "string" && isAgentComputerCommand(command);
-}
-var LAUNCH_SUCCESS_MARKER = "\u5DF2\u542F\u52A8 ";
-function resultContainsLaunchSuccessMarker(result, depth = 0) {
-  if (depth > 2) return false;
-  if (typeof result === "string") {
-    if (result.includes(LAUNCH_SUCCESS_MARKER)) return true;
-    try {
-      return resultContainsLaunchSuccessMarker(JSON.parse(result), depth + 1);
-    } catch {
-      return false;
-    }
-  }
-  if (typeof result === "object" && result !== null) {
-    for (const value of Object.values(result)) {
-      if (typeof value === "string" && value.includes(LAUNCH_SUCCESS_MARKER)) return true;
-    }
-  }
-  return false;
-}
-function classifyAgentComputerLaunchOutcome(toolCall) {
-  if (toolCall.status === "error" || toolCall.status === "cancelled") return "failed";
-  if (toolCall.status !== "done") return "pending";
-  if (toolCall.result === void 0 || toolCall.result === null) return "unknown";
-  return resultContainsLaunchSuccessMarker(toolCall.result) ? "succeeded" : "failed";
-}
-
 // src/components/SessionBranchPicker.tsx
 import { useMemo, useState as useState2 } from "react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -449,8 +416,6 @@ function SessionBranchPicker({
               side: "right",
               sideOffset: 8,
               className: cn(
-                // z-[60]：这张图会被放进回溯弹层（z-50 且背景不透明），
-                // 消息预览不抬到弹层之上就会被它的背景吃掉。
                 "z-[60] rounded-md border border-border bg-popover px-2 py-1 text-xs text-foreground shadow-md",
                 !node.isVirtual && node.isCurrent && "font-semibold"
               ),
@@ -594,10 +559,14 @@ function buildEdgePath(fromX, fromY, toX, toY) {
   ].join(" ");
 }
 export {
+  AccountConnectors,
   AgentChat,
   BackgroundWakeNotice,
   BladeProvider,
+  BrowserConnectionDialog,
+  ChatLoadingIndicator,
   ChatView,
+  CodeBlockPre,
   ConnectorPanel,
   ContextCard,
   ContextGroupCard,
@@ -628,12 +597,10 @@ export {
   TopicAssetSubmitDialog,
   WhatIfUserBubble,
   catalogToConnectorItems,
-  classifyAgentComputerLaunchOutcome,
   filterConnectorItems,
   getPlanUpdateDisplayState,
-  isAgentComputerCommand,
-  isAgentComputerToolCall,
   isPlanUpdateTool,
+  isPreparingReply,
   isQueuePanelVisible,
   latestUserSpeechEntryId,
   mergeConnectorItems,