@blueking/bkflow-canvas-editor 1.1.0-beta.5 → 1.1.0-beta.7

package/dist/index.d.ts

@@ -2,8 +2,7 @@ import * as vue from 'vue';
 import { ComputedRef, Ref } from 'vue';
 import { AxiosInstance, AxiosRequestConfig } from 'axios';
 import * as _blueking_flow_canvas from '@blueking/flow-canvas';
-import { CanvasUiEvent, QuickAddConfig, CanvasSchema, FlowModel, FlowNodeModel, NodeActionsConfig, ConnectionValidator, CanvasPlugin, CanvasToolbarItem, CommandEnvelope } from '@blueking/flow-canvas';
-export { InsertDirection, QuickAddConfig, QuickAddInsertDirectionResolver, QuickAddPortResolver } from '@blueking/flow-canvas';
+import { ZoomToFitOptions, CanvasUiEvent, QuickAddConfig, CanvasSchema, FlowModel, FlowNodeModel, NodeActionsConfig, ConnectionValidator, CanvasPlugin, CanvasToolbarItem, CommandEnvelope } from '@blueking/flow-canvas';
 
 /**
  * Flow API 配置接口
@@ -21,6 +20,8 @@ interface FlowApiConfig {
     scopeData: {
         scope_type: string;
         scope_value: number;
+        /** 业务方传入的空间 ID，调试接口专用，语义独立于 scope_value */
+        space_id: number;
     };
     /**
      * 用户查询 API 地址（可选）
@@ -32,11 +33,11 @@ interface FlowApiConfig {
     enableThirdPlugin?: boolean;
 }
 
-type __VLS_Slots$5 = {
+type __VLS_Slots$7 = {
     header?: () => any;
     extend?: () => any;
 };
-type __VLS_Props$6 = {
+type __VLS_Props$7 = {
     flowId: string;
     taskId: string | number;
     apiConfig: FlowApiConfig;
@@ -44,17 +45,17 @@ type __VLS_Props$6 = {
     defaultZoom?: number;
     onBack?: () => void;
 };
-declare const __VLS_base$5: vue.DefineComponent<__VLS_Props$6, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base$7: vue.DefineComponent<__VLS_Props$7, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     back: () => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$6> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$7> & Readonly<{
     onBack?: (() => any) | undefined;
 }>, {
     defaultZoom: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$6: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
-declare const _default$7: typeof __VLS_export$6;
+declare const __VLS_export$7: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
+declare const _default$8: typeof __VLS_export$7;
 
-type __VLS_WithSlots$5<T, S> = T & {
+type __VLS_WithSlots$7<T, S> = T & {
     new (): {
         $slots: S;
     };
@@ -62,11 +63,11 @@ type __VLS_WithSlots$5<T, S> = T & {
 
 declare namespace __mock_vue {
   export {
-    _default$7 as default,
+    _default$8 as default,
   };
 }
 
-type NodeExecutionStatus = 'CREATED' | 'RUNNING' | 'FINISHED' | 'FAILED' | 'SUSPENDED' | 'REVOKED';
+type NodeExecutionStatus = 'CREATED' | 'RUNNING' | 'FINISHED' | 'FAILED' | 'SUSPENDED' | 'REVOKED' | 'SKIP';
 type ExecutionNodeAction = 'retry' | 'skip' | 'resume' | 'approve' | 'forceFail' | 'gatewaySkip';
 interface NodeExecutionState {
     status: NodeExecutionStatus;
@@ -696,10 +697,204 @@ interface CustomVariableType {
     code: string;
 }
 
-interface FlowEditExpose {
+/** 画布视口相关方法，供 FlowView / FlowEdit 对外透传 */
+interface CanvasViewportExpose {
+    zoomToFit: (options?: ZoomToFitOptions) => void;
+    centerContent: () => void;
+    getZoom: () => number;
+}
+interface FlowEditExpose extends CanvasViewportExpose {
+    isFlowEdited: boolean;
+    updateNodeInputParams: (inputParams: Record<string, PluginInputDataItem>) => void;
+    openGlobalVariables: () => void;
+}
+interface FlowViewExpose extends CanvasViewportExpose {
+}
+/** FlowDetail 统一详情页对外暴露（设计 §7.1） */
+interface FlowDetailExpose extends CanvasViewportExpose {
     isFlowEdited: boolean;
     updateNodeInputParams: (inputParams: Record<string, PluginInputDataItem>) => void;
     openGlobalVariables: () => void;
+    refreshDebugContext: () => Promise<void>;
+    openDebugResult: (nodeId?: string) => void;
+}
+
+type DebugContextStatus = 'idle' | 'running' | 'terminating';
+type DebugNodeStatus = 'not_run' | 'running' | 'waiting' | 'paused' | 'finished' | 'failed' | 'suspended' | 'skipped';
+type DebugExecutionMode = 'real' | 'mock';
+interface DebugMissingVar {
+    key: string;
+    source_node_id: string | null;
+}
+type DebugRunMode = DebugExecutionMode | 'mixed';
+type DebugRunType = 'global' | 'step';
+type DebugRunStatus = 'not_run' | 'running' | 'waiting' | 'paused' | 'terminating' | 'finished' | 'failed' | 'revoked';
+/** 运行级 / 节点级错误详情（last_error_detail、nodes[].error_detail）。 */
+interface DebugErrorFailure {
+    message: string;
+    node_id?: string;
+    template_node_id?: string;
+    [key: string]: unknown;
+}
+interface DebugErrorDetail {
+    type?: string;
+    message?: string;
+    task_id?: number | string;
+    failures?: DebugErrorFailure[];
+    [key: string]: unknown;
+}
+interface DebugContextNode {
+    node_id: string;
+    node_type: string;
+    execution_mode: DebugExecutionMode;
+    status: DebugNodeStatus;
+    can_step: boolean;
+    missing_vars: DebugMissingVar[];
+    waiting_reason?: string | null;
+    mock_result?: 'success' | 'fail' | null;
+    error_detail?: DebugErrorDetail | string | null;
+    duration_ms?: number | null;
+    log_ref?: {
+        instance_id: number | string;
+        node_id: string;
+        version: string;
+    } | null;
+    mock_outputs?: Record<string, unknown> | null;
+    mock_error?: string | null;
+    outputs?: Record<string, unknown> | null;
+}
+/**
+ * /debug_context/ 顶层结构。
+ *
+ * 前端按 status 分支：
+ * - running：任务定位用 active_*，进度用 last_run_status
+ * - terminating：继续用 active_*，UI 展示「终止中」并轮询
+ * - idle：active_* 为空，结果摘要用 last_*；last_task_id=null 表示尚无调试记录
+ */
+interface DebugContext {
+    template_id: number;
+    status: DebugContextStatus;
+    locked_by: string;
+    active_task_id: number | string | null;
+    active_run_type: DebugRunType | null;
+    active_node_id: string | null;
+    last_task_id: number | string | null;
+    last_run_type: DebugRunType | null;
+    last_run_status: DebugRunStatus | null;
+    last_error_detail?: DebugErrorDetail | null;
+    last_inputs?: Record<string, unknown>;
+    global_vars: Record<string, unknown>;
+    missing_vars?: DebugMissingVar[];
+    nodes: DebugContextNode[];
+}
+interface DebugInputSchemaField {
+    key: string;
+    name: string;
+    type: string;
+    default?: unknown;
+    required?: boolean;
+    [key: string]: unknown;
+}
+interface DebugInputSchema {
+    fields?: DebugInputSchemaField[];
+    constants?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+interface DebugHistoryRun {
+    task_id?: number | string | null;
+    operator?: string;
+    started_at?: string;
+    finished_at?: string;
+    status?: DebugRunStatus | string;
+    run_type?: DebugRunType;
+    run_mode?: DebugRunMode;
+    [key: string]: unknown;
+}
+interface DebugHistory {
+    runs?: DebugHistoryRun[];
+    [key: string]: unknown;
+}
+interface DebugResetImpact {
+    reset_node_ids: string[];
+    reasons?: Record<string, string>;
+}
+interface DebugGlobalVarsResult {
+    global_vars: Record<string, unknown>;
+    [key: string]: unknown;
+}
+interface UpdateNodeDebugMockResult {
+    node_id: string;
+    execution_mode: DebugExecutionMode;
+    updated_global_vars?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+interface RunNodeDebugStepResult {
+    node_id: string;
+    status: DebugNodeStatus;
+    outputs?: Record<string, unknown> | null;
+    error_detail?: unknown;
+    updated_global_vars?: Record<string, unknown>;
+    log_ref?: DebugContextNode['log_ref'];
+    [key: string]: unknown;
+}
+interface RunGlobalDebugResult {
+    task_id: number | string;
+    status: DebugContextStatus;
+    [key: string]: unknown;
+}
+interface TerminateDebugResult {
+    status?: DebugContextStatus;
+    [key: string]: unknown;
+}
+interface DebugResetResult {
+    reset_node_ids?: string[];
+    [key: string]: unknown;
+}
+interface UpdateDebugContextVariableParams {
+    templateId: string | number;
+    key: string;
+    value: unknown;
+}
+interface UpdateNodeDebugMockParams {
+    templateId: string | number;
+    nodeId: string;
+    enable: boolean;
+    mockResult?: 'success' | 'fail';
+    mockOutputs?: Record<string, unknown>;
+    mockError?: string;
+}
+interface RunNodeDebugStepParams {
+    templateId: string | number;
+    nodeId: string;
+    mode: 'real' | 'mock';
+    inputOverrides?: Record<string, unknown>;
+    mockResult?: 'success' | 'fail';
+    mockOutputs?: Record<string, unknown>;
+    mockError?: string;
+}
+interface RunGlobalDebugParams {
+    templateId: string | number;
+    inputs: Record<string, unknown>;
+}
+interface TerminateDebugParams {
+    templateId: string | number;
+    nodeId?: string;
+}
+interface ResetDebugResultParams {
+    templateId: string | number;
+    nodeIds?: string[];
+}
+interface DebugApiServices {
+    fetchDebugContext(templateId: string | number): Promise<DebugContext>;
+    fetchDebugInputSchema(templateId: string | number): Promise<DebugInputSchema>;
+    fetchDebugHistory(templateId: string | number): Promise<DebugHistory>;
+    fetchDebugResetImpact(templateId: string | number): Promise<DebugResetImpact>;
+    updateDebugContextVariable(params: UpdateDebugContextVariableParams): Promise<DebugGlobalVarsResult>;
+    updateNodeDebugMock(params: UpdateNodeDebugMockParams): Promise<UpdateNodeDebugMockResult>;
+    runNodeDebugStep(params: RunNodeDebugStepParams): Promise<RunNodeDebugStepResult>;
+    runGlobalDebug(params: RunGlobalDebugParams): Promise<RunGlobalDebugResult>;
+    terminateDebug(params: TerminateDebugParams): Promise<TerminateDebugResult>;
+    resetDebugResult(params: ResetDebugResultParams): Promise<DebugResetResult>;
 }
 
 interface DrawPipelineParams {
@@ -757,6 +952,41 @@ interface FlowTaskDetail {
     pipeline_tree: PipelineTree;
     [key: string]: unknown;
 }
+interface CreateFlowTaskParams {
+    template_id: number;
+    name: string;
+    creator: string;
+    constants: Record<string, any>;
+    label_ids?: number[];
+    [key: string]: unknown;
+}
+interface CreateFlowTaskResult {
+    data: {
+        id: number | string;
+        template_id?: number;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+interface ExecuteFlowTaskResult {
+    result?: boolean;
+    code?: number;
+    data?: {
+        /** 任务详情页跳转地址（含正确的 bkflow task id 与 templateId） */
+        url?: string;
+        [key: string]: unknown;
+    };
+    message?: string | null;
+    request_id?: string;
+    trace_id?: string | null;
+    [key: string]: unknown;
+}
+interface FlowTaskExecuteSuccessResult {
+    /** createFlowTask（create_task）接口响应 */
+    createResult: CreateFlowTaskResult;
+    /** executeFlowTask（operate_task）接口响应，data.url 用于任务详情跳转 */
+    executeResult: ExecuteFlowTaskResult;
+}
 interface TaskStateResult {
     state?: string;
     status?: string;
@@ -782,6 +1012,8 @@ interface FlowViewApiConfig {
     scopeData: {
         scope_type: string;
         scope_value: number;
+        /** 业务方传入的空间 ID，调试接口专用，语义独立于 scope_value */
+        space_id: number;
     };
     fetchFlowDraftDetail?: (id: string) => Promise<FlowDraftDetail>;
     fetchFlowDetailByVersion?: (id: string, version: string) => Promise<FlowDetailByVersion>;
@@ -801,23 +1033,13 @@ interface FlowViewApiConfig {
             data: any[];
         };
     }>;
-    createFlowTask?: (params: {
-        template_id: number;
-        name: string;
-        creator: string;
-        constants: Record<string, any>;
-    }) => Promise<{
-        data: {
-            id: number;
-            template_id: number;
-        };
-    }>;
+    createFlowTask?: (params: CreateFlowTaskParams) => Promise<CreateFlowTaskResult>;
     executeFlowTask?: (params: {
         task_id: number | string;
         resource_type: string;
         resource_id: number | string;
         permission_type: string;
-    }) => Promise<any>;
+    }) => Promise<ExecuteFlowTaskResult>;
     revokeFlowTask?: (params: {
         task_id: number | string;
         resource_type: string;
@@ -874,23 +1096,13 @@ interface FlowEditApiConfig extends FlowViewApiConfig {
     drawPipeline?: (params: DrawPipelineParams) => Promise<{
         pipeline_tree: PipelineTree;
     }>;
-    createFlowTask?: (params: {
-        template_id: number;
-        name: string;
-        creator: string;
-        constants: Record<string, any>;
-    }) => Promise<{
-        data: {
-            id: number;
-            template_id: number;
-        };
-    }>;
+    createFlowTask?: (params: CreateFlowTaskParams) => Promise<CreateFlowTaskResult>;
     executeFlowTask?: (params: {
         task_id: number | string;
         resource_type: string;
         resource_id: number | string;
         permission_type: string;
-    }) => Promise<any>;
+    }) => Promise<ExecuteFlowTaskResult>;
     revokeFlowTask?: (params: {
         task_id: number | string;
         resource_type: string;
@@ -910,6 +1122,8 @@ interface FlowEditApiConfig extends FlowViewApiConfig {
     fetchTaskNodeLog?: (params: FetchTaskNodeLogParams) => Promise<unknown>;
     getFlowTaskDetail?: (params: GetFlowTaskDetailParams) => Promise<FlowTaskDetail>;
 }
+interface FlowDetailApiConfig extends FlowEditApiConfig, Partial<DebugApiServices> {
+}
 
 /**
  * 插件分组选择面板配置
@@ -954,13 +1168,13 @@ type MemberSelectorConfig = {
  * @param config FlowApiConfig 配置对象或已处理的 API 配置对象
  * @returns 返回处理后的 API 配置对象
  */
-declare function provideFlowApiConfig(config: FlowApiConfig | FlowEditApiConfig | FlowViewApiConfig): FlowEditApiConfig | FlowViewApiConfig;
+declare function provideFlowApiConfig(config: FlowApiConfig | FlowDetailApiConfig | FlowEditApiConfig | FlowViewApiConfig): FlowDetailApiConfig | FlowEditApiConfig | FlowViewApiConfig;
 /**
  * 在子组件中注入 FlowApiConfig（通用版本）
  * @returns FlowEditApiConfig
  * @throws 如果 apiConfig 未提供则抛出错误
  */
-declare function useFlowApiConfig(): FlowEditApiConfig;
+declare function useFlowApiConfig(): FlowDetailApiConfig;
 /**
  * 在子组件中注入 FlowEditApiConfig（类型化版本）
  * @returns FlowEditApiConfig
@@ -1002,7 +1216,7 @@ declare function provideMemberSelectorConfig(config?: MemberSelectorConfig): voi
  */
 declare function useMemberSelectorConfig(): MemberSelectorConfig;
 
-type __VLS_Props$5 = {
+type __VLS_Props$6 = {
     flowId: string;
     show: boolean;
     editable?: boolean;
@@ -1026,15 +1240,15 @@ declare var __VLS_72: {
     };
     variablesValue: Record<string, any>;
 };
-type __VLS_Slots$4 = {} & {
+type __VLS_Slots$6 = {} & {
     'custom-form-content'?: (props: typeof __VLS_72) => any;
 };
-declare const __VLS_base$4: vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base$6: vue.DefineComponent<__VLS_Props$6, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     "update:show": (...args: any[]) => void;
     confirm: (...args: any[]) => void;
     "before-close": (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$5> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$6> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
@@ -1045,10 +1259,10 @@ declare const __VLS_base$4: vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, v
     useCustomConfirm: boolean;
     enableVersion: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$5: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
-declare const _default$6: typeof __VLS_export$5;
+declare const __VLS_export$6: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
+declare const _default$7: typeof __VLS_export$6;
 
-type __VLS_WithSlots$4<T, S> = T & {
+type __VLS_WithSlots$6<T, S> = T & {
     new (): {
         $slots: S;
     };
@@ -1056,15 +1270,15 @@ type __VLS_WithSlots$4<T, S> = T & {
 
 declare namespace __debug_vue {
   export {
-    _default$6 as default,
+    _default$7 as default,
   };
 }
 
-type __VLS_Slots$3 = {
+type __VLS_Slots$5 = {
     header?: () => any;
     extend?: () => any;
 };
-type __VLS_Props$4 = {
+type __VLS_Props$5 = {
     pipelineTree: PipelineTree;
     nodeStates?: TaskExecutionStates;
     defaultZoom?: number;
@@ -1073,7 +1287,7 @@ type __VLS_Props$4 = {
     showHeader?: boolean;
     onBack?: () => void;
 };
-declare const __VLS_base$3: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base$5: vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     retry: (nodeId: string) => any;
     skip: (nodeId: string) => any;
     resume: (nodeId: string) => any;
@@ -1092,7 +1306,7 @@ declare const __VLS_base$3: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, v
         nodeId: string;
         action: ExecutionNodeAction;
     }) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$4> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$5> & Readonly<{
     onRetry?: ((nodeId: string) => any) | undefined;
     onSkip?: ((nodeId: string) => any) | undefined;
     onResume?: ((nodeId: string) => any) | undefined;
@@ -1116,10 +1330,10 @@ declare const __VLS_base$3: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, v
     defaultZoom: number;
     nodeStates: TaskExecutionStates;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$4: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
-declare const _default$5: typeof __VLS_export$4;
+declare const __VLS_export$5: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$6: typeof __VLS_export$5;
 
-type __VLS_WithSlots$3<T, S> = T & {
+type __VLS_WithSlots$5<T, S> = T & {
     new (): {
         $slots: S;
     };
@@ -1127,27 +1341,35 @@ type __VLS_WithSlots$3<T, S> = T & {
 
 declare namespace __execute_vue {
   export {
-    _default$5 as default,
+    _default$6 as default,
   };
 }
 
-type __VLS_Props$3 = {
+type __VLS_Slots$4 = {
+    customFormContent?: (props: {
+        customFormData: Record<string, any>;
+        additionalTaskParams: Record<string, any>;
+        updateCustomFormData: (data: Record<string, any>) => void;
+        updateAdditionalTaskParams: (params: Record<string, any>) => void;
+    }) => any;
+};
+type __VLS_Props$4 = {
     flowId: string;
     show: boolean;
     editable?: boolean;
     showFlowEntry?: boolean;
     apiConfig: FlowApiConfig;
-    onExecuteSuccess?: (taskId: number, templateId: number) => void;
+    onExecuteSuccess?: (result: FlowTaskExecuteSuccessResult) => void;
     bkflowSaasUrl?: string;
     memberSelectorConfig?: MemberSelectorConfig;
 };
-declare const __VLS_export$3: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base$4: vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     "update:show": (...args: any[]) => void;
     confirm: (...args: any[]) => void;
     "before-close": (...args: any[]) => void;
     "view-flow": (...args: any[]) => void;
-}, string, vue.PublicProps, Readonly<__VLS_Props$3> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$4> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
@@ -1157,15 +1379,22 @@ declare const __VLS_export$3: vue.DefineComponent<__VLS_Props$3, {}, {}, {}, {},
     editable: boolean;
     showFlowEntry: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$4: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$5: typeof __VLS_export$4;
+
+type __VLS_WithSlots$4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 
 declare namespace __create_task_vue {
   export {
-    _default$4 as default,
+    _default$5 as default,
   };
 }
 
-type __VLS_Slots$2 = {
+type __VLS_Slots$3 = {
     header?: () => any;
     inputParams?: (props: {
         node: any;
@@ -1189,7 +1418,7 @@ type __VLS_Slots$2 = {
         variablesValue: Record<string, any>;
     }) => any;
 };
-type __VLS_Props$2 = {
+type __VLS_Props$3 = {
     flowId: string;
     apiConfig: FlowApiConfig;
     permissions?: {
@@ -1218,11 +1447,16 @@ type __VLS_Props$2 = {
     bkflowSaasUrl?: string;
     enableThirdPlugin?: boolean;
     quickAdd?: QuickAddConfig;
+    /** 是否隐藏基础信息中的触发器配置表单，默认 false */
+    hideTrigger?: boolean;
 };
-declare const __VLS_base$2: vue.DefineComponent<__VLS_Props$2, {
+declare const __VLS_base$3: vue.DefineComponent<__VLS_Props$3, {
     isFlowEdited: ComputedRef<FlowEditExpose["isFlowEdited"]>;
     updateNodeInputParams: FlowEditExpose["updateNodeInputParams"];
     openGlobalVariables: FlowEditExpose["openGlobalVariables"];
+    zoomToFit: FlowEditExpose["zoomToFit"];
+    centerContent: FlowEditExpose["centerContent"];
+    getZoom: FlowEditExpose["getZoom"];
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     back: () => any;
     save: (flowData: FlowTemplate) => any;
@@ -1237,7 +1471,7 @@ declare const __VLS_base$2: vue.DefineComponent<__VLS_Props$2, {
         keyword: string;
         cursorIndex: number;
     }) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$3> & Readonly<{
     onBack?: (() => any) | undefined;
     onSave?: ((flowData: FlowTemplate) => any) | undefined;
     onMockDebugCreated?: ((params: {
@@ -1253,19 +1487,20 @@ declare const __VLS_base$2: vue.DefineComponent<__VLS_Props$2, {
     }) => any) | undefined;
 }>, {
     quickAdd: QuickAddConfig;
+    enableThirdPlugin: boolean;
+    hideTrigger: boolean;
     defaultZoom: number;
+    enableDebug: boolean;
     enableVersion: boolean;
     permissions: {
         canSave?: boolean;
     };
-    enableDebug: boolean;
     useCustomDebugConfirm: boolean;
-    enableThirdPlugin: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
-declare const _default$3: typeof __VLS_export$2;
+declare const __VLS_export$3: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$4: typeof __VLS_export$3;
 
-type __VLS_WithSlots$2<T, S> = T & {
+type __VLS_WithSlots$3<T, S> = T & {
     new (): {
         $slots: S;
     };
@@ -1273,11 +1508,11 @@ type __VLS_WithSlots$2<T, S> = T & {
 
 declare namespace __edit_vue {
   export {
-    _default$3 as default,
+    _default$4 as default,
   };
 }
 
-type __VLS_Slots$1 = {
+type __VLS_Slots$2 = {
     header?: () => any;
     inputParams?: (props: {
         node: any;
@@ -1290,6 +1525,12 @@ type __VLS_Slots$1 = {
         }[];
         updateInputParams: (data: Record<string, any>) => void;
     }) => any;
+    customFormContent?: (props: {
+        customFormData: Record<string, any>;
+        additionalTaskParams: Record<string, any>;
+        updateCustomFormData: (data: Record<string, any>) => void;
+        updateAdditionalTaskParams: (params: Record<string, any>) => void;
+    }) => any;
     debugCustomFormContent?: (props: {
         formData: {
             name: string;
@@ -1297,7 +1538,7 @@ type __VLS_Slots$1 = {
         variablesValue: Record<string, any>;
     }) => any;
 };
-type __VLS_Props$1 = {
+type __VLS_Props$2 = {
     flowId: string;
     apiConfig: FlowApiConfig;
     permissions?: {
@@ -1312,22 +1553,28 @@ type __VLS_Props$1 = {
     showHeaderActions?: boolean;
     defaultZoom?: number;
     bkflowSaasUrl?: string;
-    onExecuteSuccess?: (taskId: number, templateId: number) => void;
+    onExecuteSuccess?: (result: FlowTaskExecuteSuccessResult) => void;
     memberSelectorConfig?: MemberSelectorConfig;
     enableDebug?: boolean;
     onMockDebugCreated?: (params: {
         taskId: number | string;
         templateId: number | string;
     }) => void;
+    /** 是否隐藏基础信息中的触发器配置表单，默认 false */
+    hideTrigger?: boolean;
 };
-declare const __VLS_base$1: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base$2: vue.DefineComponent<__VLS_Props$2, {
+    zoomToFit: (options?: ZoomToFitOptions) => void;
+    centerContent: () => void;
+    getZoom: () => number;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     edit: () => any;
     back: () => any;
     mockDebugCreated: (params: {
         taskId: number | string;
         templateId: number | string;
     }) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$2> & Readonly<{
     onEdit?: (() => any) | undefined;
     onBack?: (() => any) | undefined;
     onMockDebugCreated?: ((params: {
@@ -1336,19 +1583,20 @@ declare const __VLS_base$1: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, v
     }) => any) | undefined;
 }>, {
     thumbnail: boolean;
+    hideTrigger: boolean;
     defaultZoom: number;
+    enableDebug: boolean;
     enableVersion: boolean;
     permissions: {
         canEdit?: boolean;
         canExecute?: boolean;
     };
     showHeaderActions: boolean;
-    enableDebug: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
-declare const _default$2: typeof __VLS_export$1;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const _default$3: typeof __VLS_export$2;
 
-type __VLS_WithSlots$1<T, S> = T & {
+type __VLS_WithSlots$2<T, S> = T & {
     new (): {
         $slots: S;
     };
@@ -1356,10 +1604,94 @@ type __VLS_WithSlots$1<T, S> = T & {
 
 declare namespace __view_vue {
   export {
-    _default$2 as default,
+    _default$3 as default,
   };
 }
 
+/**
+ * FlowDetail 权限（默认拒绝，设计 §3.1 / §7.2）。
+ */
+interface FlowDetailPermissions {
+    canEdit: boolean;
+    canDebug: boolean;
+}
+
+type __VLS_Slots$1 = {
+    header?: () => any;
+    inputParams?: (props: {
+        node: any;
+        pluginDetail: PluginDetailCommon | null;
+        inputs: any[];
+        editable: boolean;
+        fullVariableList: {
+            key: string;
+            name: string;
+            source_type?: string;
+            custom_type?: string;
+        }[];
+        updateInputParams: (data: Record<string, PluginInputDataItem>) => void;
+        updateNodeInputParams: (inputParams: Record<string, PluginInputDataItem>) => void;
+        updateVariableSourceInfo: (variableKey: string, nodeId: string, formKey: string) => void;
+    }) => any;
+};
+type __VLS_Props$1 = {
+    flowId: string;
+    apiConfig: FlowApiConfig | FlowDetailApiConfig;
+    permissions?: Partial<FlowDetailPermissions>;
+    enableVersion?: boolean;
+    flowVersion?: string;
+    defaultZoom?: number;
+    bkflowSaasUrl?: string;
+    enableThirdPlugin?: boolean;
+    quickAdd?: QuickAddConfig;
+    hideTrigger?: boolean;
+    selectPanelConfig?: SelectPanelConfig;
+    memberSelectorConfig?: MemberSelectorConfig;
+    onSave?: (flowData: FlowTemplate) => void;
+    onSaveSuccess?: () => void;
+    onBack?: () => void;
+};
+declare const __VLS_base$1: vue.DefineComponent<__VLS_Props$1, {
+    isFlowEdited: ComputedRef<boolean>;
+    updateNodeInputParams: FlowDetailExpose["updateNodeInputParams"];
+    openGlobalVariables: FlowDetailExpose["openGlobalVariables"];
+    refreshDebugContext: FlowDetailExpose["refreshDebugContext"];
+    openDebugResult: FlowDetailExpose["openDebugResult"];
+    zoomToFit: FlowDetailExpose["zoomToFit"];
+    centerContent: FlowDetailExpose["centerContent"];
+    getZoom: FlowDetailExpose["getZoom"];
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    back: () => any;
+    save: (flowData: FlowTemplate) => any;
+    saveSuccess: () => any;
+    createVariable: (payload: {
+        keyword: string;
+        cursorIndex: number;
+    }) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+    onBack?: (() => any) | undefined;
+    onSave?: ((flowData: FlowTemplate) => any) | undefined;
+    onSaveSuccess?: (() => any) | undefined;
+    onCreateVariable?: ((payload: {
+        keyword: string;
+        cursorIndex: number;
+    }) => any) | undefined;
+}>, {
+    quickAdd: QuickAddConfig;
+    enableThirdPlugin: boolean;
+    hideTrigger: boolean;
+    defaultZoom: number;
+    enableVersion: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$2: typeof __VLS_export$1;
+
+type __VLS_WithSlots$1<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 type SimulateDebugStage = 'edit' | 'mock-config' | 'mock-running';
 type MockFormControl = 'bk-input' | 'bk-input-number' | 'bk-textarea' | 'json-editor' | 'bk-select' | 'bk-checkbox-group' | 'bk-radio-group' | 'bk-switcher' | 'bk-date-picker' | 'bk-date-range-picker' | 'data-table';
 interface MockOutputField extends PluginOutputItem {
@@ -1469,6 +1801,21 @@ declare class BkFlowModelAccessor {
     get flowModel(): FlowModel;
 }
 
+/**
+ * 新调试（FlowDetail）向画布节点透出的最小上下文（设计 §14.3）。
+ *
+ * - isMockNode：节点渲染据此显示 MOCK 标签；
+ * - 其余为可选能力：独立调试聚焦态、打开节点调试面板。
+ *   保持可选以兼容仅需 Mock 标签的场景，且不改变对外 npm 公共 API。
+ */
+interface DebugCanvasContext {
+    isMockNode(nodeId: string): boolean;
+    /** 当前独立调试聚焦节点（不复用 X6 编辑选择态，设计 §9.3.2） */
+    focusedNodeId?(): string;
+    /** 打开该节点详情侧滑的“调试配置”Tab */
+    openNodeDebugPanel?(nodeId: string): void;
+}
+
 type __VLS_Props = {
     pipelineTree: PipelineTree;
     mode?: BkflowBusinessCanvasMode;
@@ -1480,6 +1827,7 @@ type __VLS_Props = {
     additionalPlugins?: CanvasPlugin[];
     toolbarItems?: CanvasToolbarItem[];
     simulateDebugContext?: SimulateDebugCanvasContext;
+    debugContext?: DebugCanvasContext;
 };
 declare var __VLS_8: {};
 declare var __VLS_22: {
@@ -1574,8 +1922,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
     }) => any) | undefined;
     "onFormat-position"?: (() => any) | undefined;
 }>, {
-    mode: BkflowBusinessCanvasMode;
     thumbnail: boolean;
+    mode: BkflowBusinessCanvasMode;
     nodeActions: NodeActionsConfig;
     quickAdd: QuickAddConfig;
     defaultZoom: number;
@@ -1648,8 +1996,12 @@ declare const _default: {
     FlowCreateTask: () => Promise<typeof __create_task_vue>;
     FlowExecute: () => Promise<typeof __execute_vue>;
     FlowDebug: () => Promise<typeof __debug_vue>;
+    /**
+     * @deprecated Use FlowDetail with permissions.canDebug instead.
+     * FlowMockDebug will be removed in the next major version.
+     */
     FlowMockDebug: () => Promise<typeof __mock_vue>;
 };
 
-export { _default$1 as BkFlowCanvas, BkFlowModelAccessor, BkFlowNodeAccessor, _default$4 as FlowCreateTask, _default$6 as FlowDebug, _default$3 as FlowEdit, _default$5 as FlowExecute, _default$7 as FlowMockDebug, _default$2 as FlowView, bkflowConnectionValidator, createBkflowPlugin, createBkflowSchema, createExecutionStatusPlugin, _default as default, exportToPipelineTree, generateId, getUniformApiPluginFormValue, getVariableDefaultConfig, importFromPipelineTree, isMockableNode, mergeOutputs, normalizePluginOutputItems, provideFlowApiConfig, provideMemberSelectorConfig, provideSelectPanelConfig, random4, resolveExecutionActions, resolveMockFormControl, useFlowApiConfig, useFlowEditApiConfig, useFlowViewApiConfig, useMemberSelectorConfig, useSelectPanelConfig, validatePipelineTree };
-export type { Activity, DndNodeItem, ExecutionNodeAction, FlowApiConfig, FlowEditExpose, FlowTemplate, Gateway, GatewayCondition, MemberSelectorConfig, MockOutputField, NodeExecutionState, NodeExecutionStatus, NodeMockConfig, NotifyConfig, PipelineTree, PluginDetailCommon, PluginInputDataItem, SelectPanelConfig, SimulateDebugCanvasContext, SimulateDebugStage, SimulateDebugState, SpaceFlowConfig, TaskExecutionStates, TemplateConfigs, TriggerCron, TriggerItem, UniformApiPluginInputsItem, UpdateFlowParams, Variable, VariableReference };
+export { _default$1 as BkFlowCanvas, BkFlowModelAccessor, BkFlowNodeAccessor, _default$5 as FlowCreateTask, _default$7 as FlowDebug, _default$2 as FlowDetail, _default$4 as FlowEdit, _default$6 as FlowExecute, _default$8 as FlowMockDebug, _default$3 as FlowView, bkflowConnectionValidator, createBkflowPlugin, createBkflowSchema, createExecutionStatusPlugin, _default as default, exportToPipelineTree, generateId, getUniformApiPluginFormValue, getVariableDefaultConfig, importFromPipelineTree, isMockableNode, mergeOutputs, normalizePluginOutputItems, provideFlowApiConfig, provideMemberSelectorConfig, provideSelectPanelConfig, random4, resolveExecutionActions, resolveMockFormControl, useFlowApiConfig, useFlowEditApiConfig, useFlowViewApiConfig, useMemberSelectorConfig, useSelectPanelConfig, validatePipelineTree };
+export type { Activity, CanvasViewportExpose, CreateFlowTaskResult, DndNodeItem, ExecuteFlowTaskResult, ExecutionNodeAction, FlowApiConfig, FlowDetailExpose, FlowDetailPermissions, FlowEditExpose, FlowTaskExecuteSuccessResult, FlowTemplate, FlowViewExpose, Gateway, GatewayCondition, MemberSelectorConfig, MockOutputField, NodeExecutionState, NodeExecutionStatus, NodeMockConfig, NotifyConfig, PipelineTree, PluginDetailCommon, PluginInputDataItem, SelectPanelConfig, SimulateDebugCanvasContext, SimulateDebugStage, SimulateDebugState, SpaceFlowConfig, TaskExecutionStates, TemplateConfigs, TriggerCron, TriggerItem, UniformApiPluginInputsItem, UpdateFlowParams, Variable, VariableReference };