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

package/vendor/coze/source/node-registries/text-process/components/method-selector/index.tsx

@@ -0,0 +1,46 @@
+/*
+ * 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 { useNodeTestId } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+
+import { useReadonly } from '@/nodes-v2/hooks/use-readonly';
+import { SelectField } from '@/form';
+
+import { STRING_METHOD_OPTIONS, StringMethod } from '../../constants';
+
+export const MethodSelectorSetter = ({ name }: { name: string }) => {
+  const readonly = useReadonly();
+  const { getNodeSetterId } = useNodeTestId();
+
+  return (
+    <div className="flex justify-between align-items">
+      <div className="font-semibold text-[12px] leading-[24px]">
+        {I18n.t('workflow_stringprocess_node_method')}
+      </div>
+
+      <div>
+        <SelectField
+          name={name}
+          readonly={readonly}
+          defaultValue={StringMethod.Concat}
+          optionList={STRING_METHOD_OPTIONS}
+          data-testid={getNodeSetterId('text-method-select')}
+        />
+      </div>
+    </div>
+  );
+};

package/vendor/coze/source/node-registries/text-process/constants.ts

@@ -0,0 +1,132 @@
+/*
+ * 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 { I18n } from '@coze-arch/i18n';
+
+export enum StringMethod {
+  Concat = 'concat',
+  Split = 'split',
+}
+
+export const PREFIX_STR = 'String';
+
+/** Maximum number of custom separators/splices */
+export const MAX_CUSTOM_LENGTH = 20;
+
+/** The maximum number of delimiter characters displayed in the drop-down box */
+export const MAX_TAG_SIZE = 4;
+
+/** Front-end form field name */
+export const FIELD_NAME_MAP = {
+  method: 'method',
+  concatResult: 'concatResult',
+  delimiter: 'delimiter',
+  concatChar: 'concatChar',
+  outputs: 'outputs',
+};
+
+/** backend field name */
+export const BACK_END_NAME_MAP = {
+  delimiters: 'delimiters',
+  allDelimiters: 'allDelimiters',
+  allArrayItemConcatChars: 'allArrayItemConcatChars',
+  arrayItemConcatChar: 'arrayItemConcatChar',
+};
+
+/** Collection of string handling methods */
+export const STRING_METHOD_OPTIONS = [
+  {
+    label: I18n.t('workflow_stringprocess_node_method_concat'),
+    value: StringMethod.Concat,
+  },
+  {
+    label: I18n.t('workflow_stringprocess_node_method_sep'),
+    value: StringMethod.Split,
+  },
+];
+
+/** separator option */
+export const OPTION_SCHEMA = {
+  type: 'object',
+  schema: [
+    {
+      type: 'string',
+      name: 'label',
+      required: true,
+    },
+    {
+      type: 'string',
+      name: 'value',
+      required: true,
+    },
+    {
+      type: 'boolean',
+      name: 'isDefault',
+      required: true,
+    },
+  ],
+};
+
+/** Default parameters in splicing mode */
+export const CONCAT_DEFAULT_INPUTS = [
+  { name: `${PREFIX_STR}1`, input: { type: 'ref' } },
+];
+
+/** Splicing method, component option settings */
+export const CONCAT_CHAR_SETTINGS = {
+  key: '',
+
+  /** Only one splice can be selected. */
+  multiple: false,
+
+  /** Allow customization */
+  enableCustom: true,
+
+  /** Maximum number of customizations */
+  maxCustomLength: MAX_CUSTOM_LENGTH,
+
+  /** maximum number of impressions */
+  maxTagCount: MAX_TAG_SIZE,
+
+  /** drop-down box prompt */
+  placeholder: I18n.t('workflow_stringprocess_delimiter_option'),
+
+  /** Text box prompt */
+  inputPlaceholder: I18n.t('workflow_textprocess_custom_shading'),
+};
+
+/** Separation method, component option settings */
+export const SPLIT_CHAR_SETTING = {
+  key: '',
+
+  /** Multiple separators can be selected */
+  multiple: true,
+
+  /** Allow customization */
+  enableCustom: true,
+
+  /** Maximum number of customizations */
+  maxCustomLength: MAX_CUSTOM_LENGTH,
+
+  /** maximum number of impressions */
+  maxTagCount: MAX_TAG_SIZE,
+
+  /** drop-down box prompt */
+  placeholder: I18n.t('workflow_stringprocess_delimiter_option'),
+
+  /** Text box prompt */
+  inputPlaceholder: I18n.t('workflow_stringprocess_delimiter_option'),
+};

package/vendor/coze/source/nodes-v2/components/form-item-feedback/index.module.less

@@ -0,0 +1,7 @@
+.form-item-error {
+    font-family: "SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: var(--coze-12);
+    line-height: 16px;
+    color: var(--semi-color-danger)
+}
+

package/vendor/coze/source/nodes-v2/components/form-item-feedback/index.tsx

@@ -0,0 +1,47 @@
+/*
+ * 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 classnames from 'classnames';
+import {
+  type FieldState,
+  type FieldError,
+  type FieldWarning,
+} from '@flowgram-adapter/free-layout-editor';
+import { type WithCustomStyle } from '@coze-workflow/base/types';
+
+import s from './index.module.less';
+
+export interface FormItemErrorProps extends WithCustomStyle {
+  errors?: FieldState['errors'];
+  // Coze has no warnings
+  // warnings?: FieldState['warnings'];
+}
+
+export const FormItemFeedback = ({
+  errors,
+  className,
+  style,
+}: FormItemErrorProps) => {
+  const renderFeedbacks = (fs: FieldError[] | FieldWarning[]) =>
+    fs.map(f => <span key={f.field}>{f.message}</span>);
+  return errors ? (
+    <div className={classnames(s.formItemError, className)} style={style}>
+      {renderFeedbacks(errors)}
+    </div>
+  ) : null;
+};

package/vendor/coze/source/nodes-v2/components/system-prompt/index.module.less

@@ -0,0 +1,66 @@
+.text {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.container {
+  position: relative;
+  margin-top: 8px;
+}
+
+.code-content {
+  :global{
+    .semi-collapsible-wrapper{
+      cursor: text;
+
+      padding-right: 12px;
+
+      background: var(--Light-color-white---white, #FFF);
+      border: 1px solid var(--Light-usage-border---color-border, rgba(29, 28, 35, 8%));
+      border-radius: var(--default, 8px);
+    }
+  }
+}
+
+.code-content-focus{
+  :global{
+    .semi-collapsible-wrapper {
+      border: 1px solid rgb(77 , 83, 232);
+    }
+  }
+}
+
+.kit-button-container {
+  :global{
+    .semi-button-with-icon-only{
+      border-radius: 8px;
+    }
+  }
+}
+
+.prompt-editor {
+  > div:first-child {
+    height: 100%;
+  }
+
+  :global {
+    .cm-editor {
+      height: 100%;
+    }
+  }
+}
+
+.nl-prompt {
+  :global {
+    .coz-icon-button .icon-icon {
+      font-size: 14px;
+    }
+  }
+}
+
+.editor-content{
+  height: calc(100% - 52px);
+  background-color: #FCFCFF;
+}
+
+

package/vendor/coze/source/nodes-v2/components/system-prompt/prompt-kit-bar.tsx

@@ -0,0 +1,129 @@
+/*
+ * 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 { useEffect } from 'react';
+
+import { PublicScopeProvider } from '@coze-workflow/variable';
+import { NLPromptButton } from '@coze-workflow/resources-adapter';
+import { PromptEditorProvider } from '@coze-common/prompt-kit-base/editor';
+import { I18n } from '@coze-arch/i18n';
+import {
+  IconCozExpand,
+  IconCozLightbulb,
+  IconCozMinimize,
+  IconCozTrayArrowUp,
+} from '@coze-arch/coze-design/icons';
+import { Tooltip, IconButton, Button } from '@coze-arch/coze-design';
+import { UIIconButton } from '@coze-arch/bot-semi';
+
+import { useNodeFormPanelState } from '@/hooks/use-node-side-sheet-store';
+import { CopyButton } from '@/components/copy-button';
+
+import { useLibrariesStore } from './use-libraries-store';
+import { ExpandSheetEditor } from './expand-sheet-editor';
+
+import styles from './index.module.less';
+
+export const PromptKitBar = props => {
+  const { openPromptLibrary, readonly, value, openCreatePrompt } = props;
+
+  const { updateLibraries } = useLibrariesStore(state => ({
+    updateLibraries: state.updateLibraries,
+  }));
+
+  const { fullscreenPanel, setFullscreenPanel } = useNodeFormPanelState();
+  const fullscreenPanelVisible = !!fullscreenPanel;
+
+  useEffect(() => {
+    updateLibraries(props.libraries || []);
+  }, [props.libraries]);
+
+  const handleExpandClick = () => {
+    setFullscreenPanel(
+      fullscreenPanelVisible ? null : (
+        <PublicScopeProvider>
+          <PromptEditorProvider>
+            <ExpandSheetEditor {...props} />
+          </PromptEditorProvider>
+        </PublicScopeProvider>
+      ),
+    );
+  };
+
+  return (
+    <div
+      className={`flex justify-between items-center gap-[8px] h-[28px] ${styles['kit-button-container']}`}
+    >
+      {readonly ? <CopyButton value={value as string} /> : null}
+      <Tooltip content={I18n.t('compare_tooltips_submit_to_the_prompt')}>
+        <Button
+          color="secondary"
+          disabled={readonly}
+          icon={<IconCozTrayArrowUp />}
+          onClick={() =>
+            openCreatePrompt({
+              mode: 'create',
+              defaultPrompt: value,
+            })
+          }
+        ></Button>
+      </Tooltip>
+      <Tooltip content={I18n.t('workflow_prompt_editor_view_library')}>
+        <IconButton
+          onClick={e => {
+            e.stopPropagation();
+            openPromptLibrary();
+          }}
+          icon={<IconCozLightbulb />}
+          color="secondary"
+          disabled={readonly}
+        />
+      </Tooltip>
+
+      <Tooltip
+        content={I18n.t(
+          fullscreenPanelVisible ? 'collapse' : 'workflow_prompt_editor_expand',
+        )}
+      >
+        <UIIconButton
+          onClick={handleExpandClick}
+          icon={
+            fullscreenPanelVisible ? (
+              <IconCozMinimize color="#6B6D75" />
+            ) : (
+              <IconCozExpand color="#6B6D75" />
+            )
+          }
+          color="#6B6D75"
+        />
+      </Tooltip>
+
+      <div className={styles['nl-prompt']}>
+        {/* will support soon */}
+        {IS_OPEN_SOURCE ? null : (
+          <NLPromptButton
+            disabled={readonly}
+            onlyIcon
+            className="!h-6 !p-1 !rounded-[5px]"
+            tooltip={I18n.t('prompt_optimization_button_hover_tooltip')}
+            size="small"
+            style={{ minWidth: '24px' }}
+          />
+        )}
+      </div>
+    </div>
+  );
+};

package/vendor/coze/source/nodes-v2/components/system-prompt/system-prompt-editor.tsx

@@ -0,0 +1,110 @@
+/*
+ * 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 { type FC, useState } from 'react';
+
+import { I18n } from '@coze-arch/i18n';
+import { Tooltip } from '@coze-arch/bot-semi';
+import { ThemeExtension } from '@coze-common/editor-plugins/theme';
+import {
+  PromptEditorRender,
+  type PromptEditorRenderProps,
+} from '@coze-common/prompt-kit-base/editor';
+import { EditorView } from '@codemirror/view';
+
+import { WORKFLOW_PLAYGROUND_CONTENT_ID } from '@/constants';
+
+interface EditorWithPromptKitProps extends PromptEditorRenderProps {
+  wrapperClassName?: string;
+  wrapperStyle?: React.CSSProperties;
+}
+
+export const SystemPromptEditor: FC<EditorWithPromptKitProps> = props => {
+  const {
+    readonly,
+    placeholder,
+    defaultValue,
+    value,
+    onChange,
+    isControled,
+    wrapperClassName = '',
+    wrapperStyle,
+    dataTestID,
+    onFocus,
+    onBlur,
+  } = props;
+
+  const [isFocused, setIsFocused] = useState(false);
+
+  const handleOnFocus = () => {
+    setIsFocused(true);
+    onFocus?.();
+  };
+
+  const handleOnBlur = () => {
+    setIsFocused(false);
+    onBlur?.();
+  };
+
+  return (
+    <Tooltip
+      content={I18n.t('db_table_0129_003')}
+      trigger="custom"
+      position="top"
+      autoAdjustOverflow={false}
+      visible={isFocused && readonly}
+      getPopupContainer={() =>
+        document.getElementById(WORKFLOW_PLAYGROUND_CONTENT_ID) ?? document.body
+      }
+    >
+      <div
+        className={wrapperClassName}
+        style={wrapperStyle}
+        onMouseEnter={() => {
+          setIsFocused(true);
+        }}
+        onMouseLeave={() => {
+          setIsFocused(false);
+        }}
+      >
+        <PromptEditorRender
+          defaultValue={defaultValue ?? value}
+          value={value}
+          onChange={onChange}
+          readonly={readonly}
+          placeholder={placeholder}
+          options={{
+            minHeight: 112,
+            fontSize: 12,
+          }}
+          dataTestID={dataTestID}
+          isControled={isControled}
+          onFocus={handleOnFocus}
+          onBlur={handleOnBlur}
+        />
+        <ThemeExtension
+          themes={[
+            EditorView.theme({
+              '.cm-line': {
+                lineHeight: '18px !important',
+              },
+            }),
+          ]}
+        />
+      </div>
+    </Tooltip>
+  );
+};

package/vendor/coze/source/nodes-v2/llm/user-prompt/index.tsx

@@ -0,0 +1,64 @@
+/*
+ * 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 } from 'react';
+
+import { I18n } from '@coze-arch/i18n';
+import { useForm } from '@flowgram-adapter/free-layout-editor';
+
+import { useReadonly } from '@/nodes-v2/hooks/use-readonly';
+import { FormItemFeedback } from '@/nodes-v2/components/form-item-feedback';
+import { ExpressionEditor } from '@/nodes-v2/components/expression-editor';
+import { useWorkflowModels } from '@/hooks';
+import { FormCard } from '@/form-extensions/components/form-card';
+import { CopyButton } from '@/components/copy-button';
+
+export const UserPrompt = ({ field, fieldState }) => {
+  const form = useForm();
+  const readonly = useReadonly();
+  const { models } = useWorkflowModels();
+
+  const modelType = form.getValueIn('model.modelType');
+  const curModel = models?.find(model => model.model_type === modelType);
+  const isUserPromptRequired = curModel?.is_up_required ?? false;
+
+  useEffect(() => {
+    // TODO: Temporary solution, replaced after the node engine provides a new API
+    field._fieldModel.validate();
+  }, [isUserPromptRequired]);
+
+  return (
+    <FormCard
+      key={'FormCard'}
+      header={I18n.t('workflow_detail_llm_prompt')}
+      tooltip={I18n.t('workflow_detail_llm_prompt_tooltip')}
+      required={isUserPromptRequired}
+      actionButton={
+        readonly ? [<CopyButton value={field?.value as string} />] : []
+      }
+    >
+      <ExpressionEditor
+        placeholder={I18n.t('workflow_detail_llm_prompt_content')}
+        maxLength={500}
+        {...field}
+        inputParameters={form.getValueIn('$$input_decorator$$.inputParameters')}
+        key="ExpressionEditor"
+        isError={!!fieldState?.errors?.length}
+      />
+      <FormItemFeedback errors={fieldState?.errors} />
+    </FormCard>
+  );
+};

package/vendor/coze/source/prompt-kit/input-config-popover/index.tsx

@@ -0,0 +1,80 @@
+/*
+ * 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 } from 'react';
+
+import { PositionMirror } from '@coze-editor/editor/react';
+import { I18n } from '@coze-arch/i18n';
+import { Popover, Input, type PopoverProps } from '@coze-arch/coze-design';
+
+interface InputConfigPopoverProps {
+  visible: boolean;
+  onVisibleChange?: (visible: boolean) => void;
+  positon: number;
+  direction?: PopoverProps['position'];
+  placeholder: string;
+  value: string;
+  onPlaceholderChange?: (placeholder: string) => void;
+  onValueChange?: (value: string) => void;
+}
+export const InputConfigPopover = (props: InputConfigPopoverProps) => {
+  const [reposKey, setReposKey] = useState('');
+  const { direction, placeholder, value } = props;
+
+  return (
+    <>
+      <Popover
+        rePosKey={reposKey}
+        visible={props.visible}
+        trigger="custom"
+        position={direction}
+        autoAdjustOverflow
+        content={
+          <div className="flex flex-col gap-2 pt-3 pb-4 px-4 w-[320px]">
+            <div>
+              <div>{I18n.t('edit_block_guidance_text_when_empty')}</div>
+              <Input
+                value={placeholder}
+                placeholder={I18n.t('edit_block_guidance_text_placeholder')}
+                onChange={v => props.onPlaceholderChange?.(v)}
+                onBlur={() => {
+                  if (!placeholder) {
+                    props.onPlaceholderChange?.(
+                      I18n.t('edit_block_guidance_text_placeholder'),
+                    );
+                  }
+                }}
+              />
+            </div>
+            <div>
+              <div>{I18n.t('edit_block_prefilled_text')}</div>
+              <Input
+                value={value}
+                placeholder={I18n.t('edit_block_default_guidance_text')}
+                onChange={v => props.onValueChange?.(v)}
+              />
+            </div>
+          </div>
+        }
+      >
+        <PositionMirror
+          position={props.positon}
+          onChange={() => setReposKey(String(Math.random()))}
+        />
+      </Popover>
+    </>
+  );
+};