@fudanda/workflow 0.0.0-stage → 2.20261024.1-beta.1

package/vendor/coze/source/components/test-run/test-run-button/single-node.tsx

@@ -0,0 +1,158 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useCallback } from 'react';
+
+import {
+  useEntityFromContext,
+  useService,
+} from '@flowgram-adapter/free-layout-editor';
+import { type WorkflowNodeEntity } from '@flowgram-adapter/free-layout-editor';
+import { useValidationService } from '@coze-workflow/base/services';
+import { StandardNodeType, useNodeTestId } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+import {
+  IconCozPlayFill,
+  IconCozStopCircle,
+} from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip, Toast } from '@coze-arch/coze-design';
+
+import { WorkflowRunService } from '@/services';
+import { LayoutPanelKey } from '@/constants';
+
+import { useTestRunStatus } from '../hooks/use-test-run-status';
+import { useTestFormSchema } from '../hooks/use-test-form-schema';
+import { useCancelTestRun } from '../hooks/use-cancel-test-run';
+import {
+  useGlobalState,
+  useTestFormState,
+  useNodeRenderScene,
+  useFloatLayoutService,
+  useTestRunReporterService,
+} from '../../../hooks';
+
+export const TestRunSingleNodeButton: React.FC = () => {
+  const node = useEntityFromContext<WorkflowNodeEntity>();
+  const { getNodeSetterId } = useNodeTestId();
+  const floatLayoutService = useFloatLayoutService();
+  const validationService = useValidationService();
+  const testRunReporterService = useTestRunReporterService();
+  const { isNodeSideSheet } = useNodeRenderScene();
+  const runService = useService<WorkflowRunService>(WorkflowRunService);
+  const { playgroundProps } = useGlobalState();
+
+  const { loading, disabled, isMineRunning } = useTestRunStatus(node.id);
+  const testFormState = useTestFormState();
+  const { cancelTestRun, canceling } = useCancelTestRun();
+  const { generate } = useTestFormSchema(node);
+
+  const handleOpenTestFormV2 = useCallback(
+    async e => {
+      e.stopPropagation();
+
+      testRunReporterService.tryStart({
+        scene: 'node',
+      });
+
+      const { hasError } = await validationService.validateNode(node);
+
+      if (hasError) {
+        Toast.error({
+          content: I18n.t('workflow_detail_toast_validation_failed'),
+          showClose: false,
+        });
+      }
+
+      if (isNodeSideSheet) {
+        if (hasError) {
+          return;
+        }
+
+        testFormState.showTestNodeForm();
+      } else {
+        floatLayoutService.open(LayoutPanelKey.NodeForm, 'right', {
+          node,
+          showTestNodeForm: !hasError,
+        });
+
+        if (hasError) {
+          return;
+        }
+
+        testFormState.showTestNodeForm();
+      }
+      const schema = await generate();
+      if (schema?.fields.length) {
+        return;
+      }
+      runService.clearTestRun();
+      runService.testRunOneNode({ nodeId: node.id });
+    },
+    [testFormState],
+  );
+
+  /**
+   * - condition, start, end no single node operation required
+   * - Globally configure whether canTestRun can practice running
+   * - Process component property configuration disabledSingleNodeTest whether to disable single node practice run
+   */
+  if (
+    [
+      StandardNodeType.Start,
+      StandardNodeType.End,
+      StandardNodeType.If,
+    ].includes(node.flowNodeType as StandardNodeType) ||
+    playgroundProps.disabledSingleNodeTest ||
+    !node.getNodeRegistry()?.meta?.test
+  ) {
+    return null;
+  }
+
+  if (isMineRunning) {
+    return (
+      <Tooltip
+        key={`${node.id}-cancel-test-run`}
+        content={I18n.t('workflow_testrun_one_node_cancel_run_tooltips')}
+      >
+        <IconButton
+          color="secondary"
+          size={isNodeSideSheet ? 'default' : 'small'}
+          icon={<IconCozStopCircle />}
+          onClick={cancelTestRun}
+          disabled={canceling}
+          data-testid={getNodeSetterId('testonenode_cancel')}
+        />
+      </Tooltip>
+    );
+  }
+
+  return (
+    <Tooltip
+      key={`${node.id}-test-run`}
+      content={I18n.t('workflow_debug_testonenode')}
+    >
+      <IconButton
+        color="secondary"
+        size={isNodeSideSheet ? 'default' : 'small'}
+        disabled={disabled}
+        icon={<IconCozPlayFill />}
+        onClick={handleOpenTestFormV2}
+        loading={loading}
+        data-testid={getNodeSetterId('testonenode')}
+      />
+    </Tooltip>
+  );
+};

package/vendor/coze/source/execution-panel/panel.module.less

@@ -0,0 +1,48 @@
+.base-panel {
+  display: flex;
+  flex-direction: column;
+
+  border: 1px solid var(--coz-stroke-primary);
+  border-radius: 8px;
+  background-color: var(--coz-bg-plus);
+  position: relative;
+  min-width: 540px;
+}
+
+.dragging {
+  cursor: row-resize;
+  user-select: none;
+  pointer-events: none;
+}
+
+.panel-header {
+  height: 48px;
+  border-bottom: 1px solid var(--coz-stroke-primary);
+
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  padding: 0 12px;
+  flex-shrink: 0;
+  column-gap: 8px;
+}
+.panel-content {
+  height: 100%;
+  flex-shrink: 1;
+  overflow-y: auto;
+}
+.panel-footer {
+  border-top: 1px solid var(--coz-stroke-primary);;
+}
+
+.resize-bar {
+  width: 100%;
+  height: 5px;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  cursor: row-resize;
+}

package/vendor/coze/source/execution-panel/panel.tsx

@@ -0,0 +1,99 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import { isObject } from 'lodash-es';
+import { clsx } from 'clsx';
+import { IconCozCross } from '@coze-arch/coze-design/icons';
+import { IconButton } from '@coze-arch/coze-design';
+
+import { useResize } from './use-resize';
+
+import css from './panel.module.less';
+
+interface BasePanelProps {
+  className?: string;
+  /**
+   * Panel header, no pass and no render
+   */
+  header?: React.ReactNode;
+  /**
+   * Panel foot, do not pass and do not render
+   */
+  footer?: React.ReactNode;
+  /**
+   * Default initial height, does not support responsive
+   */
+  height?: number;
+  /**
+   * Can you drag and drop to change the height?
+   */
+  resizable?:
+    | boolean
+    | {
+        min?: number;
+        max?: number;
+      };
+  /**
+   * Click to close the event, which may only be triggered when rendering the panel header
+   */
+  onClose?: () => void;
+}
+
+export const BottomPanel: React.FC<React.PropsWithChildren<BasePanelProps>> = ({
+  className,
+  header,
+  footer,
+  height,
+  resizable,
+  onClose,
+  children,
+}) => {
+  const {
+    height: innerHeight,
+    bind,
+    ref,
+    dragging,
+  } = useResize({
+    default: height,
+    ...(isObject(resizable) ? resizable : {}),
+  });
+
+  return (
+    <div
+      className={clsx(css['base-panel'], className, dragging && css.dragging)}
+      style={{ height: innerHeight }}
+      ref={ref}
+    >
+      {resizable ? (
+        <div className={css['resize-bar']} onMouseDown={bind} />
+      ) : null}
+      {header ? (
+        <div className={css['panel-header']}>
+          {header}
+          <IconButton
+            icon={<IconCozCross className={'text-[18px]'} />}
+            color="secondary"
+            onClick={onClose}
+          />
+        </div>
+      ) : null}
+      <div className={css['panel-content']}>{children}</div>
+      {footer ? <div className={css['panel-footer']}>{footer}</div> : null}
+    </div>
+  );
+};

package/vendor/coze/source/execution-panel/use-resize.ts

@@ -0,0 +1,79 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useState, useRef, useCallback } from 'react';
+
+import { useMemoizedFn } from 'ahooks';
+
+interface Config {
+  default?: number;
+  min?: number;
+  max?: number;
+}
+
+/**
+ * Currently only highly variable is supported
+ */
+export const useResize = (config: Config) => {
+  const [dragging, setDragging] = useState(false);
+  const [height, setHeight] = useState(config.default);
+  const ref = useRef<HTMLDivElement>(null);
+  /**
+   * Dragging process
+   */
+  const resizing = useRef(false);
+  /**
+   * Y-axis variation
+   */
+  const startY = useRef(0);
+  /** starting position */
+  const start = useRef(0);
+
+  const handleMouseMove = useMemoizedFn(e => {
+    if (resizing.current) {
+      const newHeight = start.current - (e.clientY - startY.current); // Calculate the new height
+      if (config.max && newHeight > config.max) {
+        setHeight(config.max);
+      } else if (config.min && newHeight < config.min) {
+        setHeight(config.min);
+      } else {
+        setHeight(newHeight);
+      }
+    }
+  });
+  const handleMouseUp = useCallback(() => {
+    resizing.current = false;
+    setDragging(false);
+    document.removeEventListener('mousemove', handleMouseMove); // Cancel listening
+    document.removeEventListener('mouseup', handleMouseUp); // Cancel listening
+  }, [handleMouseMove]);
+
+  const handleMouseDown = useMemoizedFn(e => {
+    resizing.current = true;
+    setDragging(true);
+    startY.current = e.clientY; // Record the Y-axis coordinates when the mouse starts dragging
+    start.current = ref.current?.offsetHeight || 0;
+    document.addEventListener('mousemove', handleMouseMove); // Monitor mouse movement events
+    document.addEventListener('mouseup', handleMouseUp); // Monitor mouse lift events
+  });
+
+  return {
+    height,
+    bind: handleMouseDown,
+    ref,
+    dragging,
+  };
+};

package/vendor/coze/source/external/features/log/components/data-viewer/constants.ts

@@ -0,0 +1,28 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/** Preset special key */
+export enum LogObjSpecialKey {
+  Error = '$error',
+  Warning = '$warning',
+}
+
+/** Display style type of value in log */
+export enum LogValueStyleType {
+  Default,
+  Number,
+  Boolean,
+}

package/vendor/coze/source/external/features/log/components/data-viewer/context/context.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createContext } from 'react';
+
+import { type DataViewerStore } from './create-store';
+
+export const DataViewerContext = createContext<DataViewerStore | null>(null);

package/vendor/coze/source/external/features/log/components/data-viewer/context/create-store.ts

@@ -0,0 +1,48 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+  createWithEqualityFn,
+  type UseBoundStoreWithEqualityFn,
+} from 'zustand/traditional';
+import { shallow } from 'zustand/shallow';
+import { type StoreApi } from 'zustand';
+
+export interface DataViewerState {
+  // Folded and unfolded state
+  expand: Record<string, boolean> | null;
+  setExpand: (key: string, v: boolean) => void;
+}
+
+export type DataViewerStore = UseBoundStoreWithEqualityFn<
+  StoreApi<DataViewerState>
+>;
+
+export const createDataViewerStore = () =>
+  createWithEqualityFn<DataViewerState>(
+    set => ({
+      expand: null,
+      setExpand: (key: string, v: boolean) => {
+        set(state => ({
+          expand: {
+            ...state.expand,
+            [key]: v,
+          },
+        }));
+      },
+    }),
+    shallow,
+  );

package/vendor/coze/source/external/features/log/components/data-viewer/context/index.ts

@@ -0,0 +1,19 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { DataViewerProvider } from './provider';
+export { DataViewerContext } from './context';
+export { type DataViewerState } from './create-store';

package/vendor/coze/source/external/features/log/components/data-viewer/context/provider.tsx

@@ -0,0 +1,50 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useEffect, useMemo } from 'react';
+
+import { type Field } from '../types';
+import { createDataViewerStore } from './create-store';
+import { DataViewerContext } from './context';
+
+interface DataViewerProviderProps {
+  fields: Field[];
+}
+
+export const DataViewerProvider: React.FC<
+  React.PropsWithChildren<DataViewerProviderProps>
+> = ({ children, fields }) => {
+  const store = useMemo(() => createDataViewerStore(), []);
+
+  // When the root has only one item and it can be drilled down, it is expanded by default
+  useEffect(() => {
+    if (
+      store.getState().expand === null &&
+      fields.length === 1 &&
+      fields[0]?.isObj
+    ) {
+      store.setState({
+        [fields[0].path.join('.')]: true,
+      });
+    }
+  }, [fields, store]);
+
+  return (
+    <DataViewerContext.Provider value={store}>
+      {children}
+    </DataViewerContext.Provider>
+  );
+};

package/vendor/coze/source/external/features/log/components/data-viewer/data-viewer.module.less

@@ -0,0 +1,26 @@
+.json-viewer-wrapper {
+  border-radius: 6px;
+  border: 1px solid var(--coz-stroke-primary);
+  padding: 2px 6px;
+  width: 100%;
+  user-select: text;
+
+  /** height limit */
+  max-height: 272px;
+  min-height: 24px;
+  overflow-y: scroll;
+
+  &::-webkit-scrollbar {
+    background: transparent;
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(29, 28, 35, 0.3);
+    border-radius: 6px;
+
+    &:hover {
+      background: rgba(29, 28, 35, 0.6);
+    }
+  }
+}

package/vendor/coze/source/external/features/log/components/data-viewer/data-viewer.tsx

@@ -0,0 +1,79 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useMemo } from 'react';
+
+import { noop } from 'lodash-es';
+import cls from 'classnames';
+
+import { generateFields } from './utils/generate-field';
+import type { JsonValueType } from './types';
+import { JsonField } from './json-field';
+import { DataViewerProvider } from './context';
+
+import css from './data-viewer.module.less';
+
+export interface DataViewerProps {
+  /** Supports object or plain text rendering */
+  data: JsonValueType;
+  mdPreview?: boolean;
+  className?: string;
+  onPreview?: (value: string, path: string[]) => void;
+  emptyPlaceholder?: string;
+}
+
+export const DataViewer: React.FC<DataViewerProps> = ({
+  data,
+  mdPreview = false,
+  className,
+  onPreview = noop,
+  emptyPlaceholder,
+}) => {
+  const fields = useMemo(() => generateFields(data), [data]);
+  const isTree = useMemo(() => fields.some(field => field.isObj), [fields]);
+  const isEmpty = fields.length === 0;
+
+  if (isEmpty && emptyPlaceholder) {
+    return (
+      <div className="text-xs flex items-center justify-center leading-4 coz-fg-dim">
+        {emptyPlaceholder}
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className={cls(css['json-viewer-wrapper'], className)}
+      style={isTree ? { paddingLeft: '12px' } : {}}
+      draggable
+      onDragStart={e => {
+        e.stopPropagation();
+        e.preventDefault();
+      }}
+    >
+      <DataViewerProvider fields={fields}>
+        {fields.map(i => (
+          <JsonField
+            field={i}
+            key={i.path.join('.')}
+            mdPreview={mdPreview}
+            onPreview={onPreview}
+          />
+        ))}
+      </DataViewerProvider>
+    </div>
+  );
+};

package/vendor/coze/source/external/features/log/components/data-viewer/hooks/index.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { useExpand } from './use-expand';
+export { useValue } from './use-value';