docs(frontend): use new doc styles

frontend/packages/project-ide/main/src/components/configuration/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { useState, useCallback } from 'react';
 
 import classnames from 'classnames';
@@ -90,7 +90,7 @@ export const Configuration = () => {
           onClick={handleSwitchExpand}
         />
       </div>
-      {/* The community version does not currently support conversation management in project, for future expansion */}
+      {/* will support soon */}
       {IS_OPEN_SOURCE ? null : (
         <div
           className={classnames(

frontend/packages/project-ide/main/src/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import 'reflect-metadata';
 import { useNavigate } from 'react-router-dom';
 import React, { useMemo, memo } from 'react';
@@ -73,7 +73,7 @@ const ProjectIDE: React.FC<ProjectIDEProps> = memo(
       () => ({
         view: {
           widgetRegistries: [
-            // The community version does not currently support conversation management in project, for future expansion
+            // will support soon
             ...(IS_OPEN_SOURCE ? [] : [ConversationRegistry]),
             WorkflowWidgetRegistry,
             DatabaseWidgetRegistry,

frontend/packages/workflow/components/src/workflow-modal/sider/create-workflow-btn.tsx

@@ -13,18 +13,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { type FC, useContext, useState } from 'react';
 
 import { WorkflowMode, BindBizType } from '@coze-arch/idl/workflow_api';
 import { I18n } from '@coze-arch/i18n';
-import { CustomError } from '@coze-arch/bot-error';
 import {
   IconCozWorkflow,
   IconCozChat,
   IconCozArrowDown,
 } from '@coze-arch/coze-design/icons';
 import { Menu, Button } from '@coze-arch/coze-design';
+import { CustomError } from '@coze-arch/bot-error';
 
 import WorkflowModalContext from '../workflow-modal-context';
 import { WorkflowModalFrom, type WorkFlowModalModeProps } from '../type';
@@ -80,7 +80,7 @@ export const CreateWorkflowBtn: FC<
 
   return (
     <>
-      {/* The community version does not currently support chatflow, for future expansion */}
+      {/* will support soon */}
       {showSingleButton || IS_OPEN_SOURCE ? (
         <Button
           className={className}

frontend/packages/workflow/components/src/workflow-modal/sider/workflow-filter.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable @coze-arch/max-line-per-function */
 import {
   forwardRef,
@@ -28,14 +28,14 @@ import { useQuery } from '@tanstack/react-query';
 import { WorkflowMode } from '@coze-workflow/base/api';
 import { workflowApi, isGeneralWorkflow } from '@coze-workflow/base';
 import { I18n } from '@coze-arch/i18n';
-import { useFlags } from '@coze-arch/bot-flags';
-import { ProductEntityType } from '@coze-arch/bot-api/product_api';
-import { ProductApi } from '@coze-arch/bot-api';
 import {
   IconCozAllFill,
   IconCozFireFill,
   IconCozKnowledgeFill,
 } from '@coze-arch/coze-design/icons';
+import { useFlags } from '@coze-arch/bot-flags';
+import { ProductEntityType } from '@coze-arch/bot-api/product_api';
+import { ProductApi } from '@coze-arch/bot-api';
 
 import WorkflowModalContext from '../workflow-modal-context';
 import {
@@ -97,7 +97,6 @@ const WorkflowFilter = forwardRef<
         FLAGS['bot.community.store_imageflow'] ||
         isGeneralWorkflow(context?.flowMode || WorkflowMode.Workflow)
       ) {
-        // The community version does not currently support workflow template tags for future expansion
         if (IS_OPEN_SOURCE) {
           return {
             type: 'PublicGetProductCategoryList',

frontend/packages/workflow/playground/src/components/flow-role/role-config-form/config-form.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useMemo } from 'react';
 
 import { type Form } from '@coze-workflow/test-run/formily';
@@ -100,7 +100,7 @@ const schema = {
       'x-component-props': {
         title: I18n.t('devops_publish_multibranch_BotInfo.OnboardingInfo'),
         collapsible: true,
-        // The community version does not support AI-generated opening text for now, for future expansion
+        // will support soon
         action: IS_OPEN_SOURCE ? null : <AIGenerateBtn />,
       },
       properties: {
@@ -152,7 +152,7 @@ const schema = {
     },
     voices: {
       type: 'object',
-      // The community version does not currently support the Agent voice configuration in Chatflow, for future expansion
+      // will support soon
       'x-visible': !IS_OVERSEA && !IS_OPEN_SOURCE,
       'x-decorator': 'FormSection',
       'x-decorator-props': {
@@ -173,7 +173,7 @@ const schema = {
     },
     input: {
       type: 'void',
-      // The community version does not support change user input method (typing, voice), for future expansion
+      // will support soon
       'x-visible': !IS_OVERSEA && !IS_OPEN_SOURCE,
       'x-component': 'FormSection',
       'x-component-props': {

frontend/packages/workflow/playground/src/components/flow-role/role-config-form/role-avatar-upload/picture-upload.tsx

@@ -13,14 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useRef, useState } from 'react';
 
 import { I18n } from '@coze-arch/i18n';
-import { type FileItem, type UploadProps } from '@coze-arch/bot-semi/Upload';
-import { FileBizType } from '@coze-arch/bot-api/developer_api';
 import { IconCozEdit } from '@coze-arch/coze-design/icons';
 import { CozAvatar, Toast, Upload } from '@coze-arch/coze-design';
+import { type FileItem, type UploadProps } from '@coze-arch/bot-semi/Upload';
+import { FileBizType } from '@coze-arch/bot-api/developer_api';
 
 import { EmptyRoleAvatar } from '../../empty-role-avatar';
 import customUploadRequest from './utils/custom-upload-request';
@@ -139,7 +139,7 @@ export const RoleAvatarUpload = (props: PackageUploadProps) => {
         </div>
       </Upload>
 
-      {/* The community version does not support AI-generated avatar, for future expansion */}
+      {/* will support soon */}
       {!disabled && !IS_OPEN_SOURCE ? (
         <AutoGenerate
           generateInfo={generateInfo}

frontend/packages/workflow/playground/src/components/test-run/test-form-header/test-form-header.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useCallback } from 'react';
 
 import { I18n } from '@coze-arch/i18n';
@@ -33,7 +33,7 @@ export const TestFormHeader: React.FC = () => {
   const { open } = useOpenTraceListPanel();
 
   const handleOpenTraceBottomSheet = useCallback(() => {
-    // The community version does not currently support trace, for future expansion
+    // will support soon
     if (IS_OPEN_SOURCE) {
       return;
     }
@@ -55,7 +55,7 @@ export const TestFormHeader: React.FC = () => {
           hiddenStateText
           onClick={handleOpenTraceBottomSheet}
           extra={
-            // The community version does not currently support trace, for future expansion
+            // will support soon
             !IS_OPEN_SOURCE && (
               <span className={'cursor-pointer font-medium'}>
                 {I18n.t('workflow_testset_view_log')}

frontend/packages/workflow/playground/src/components/test-run/test-form-materials/node-field-collapse/collapse.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable @coze-arch/no-batch-import-or-export */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import {
@@ -63,7 +63,7 @@ export const NodeFieldCollapse: React.FC<React.PropsWithChildren> = ({
         <div className={css.extra}>
           <ModeSwitch />
 
-          {/* The community version does not support AI-generated test-run inputs, for future expansion */}
+          {/* will support soon */}
           {IS_OPEN_SOURCE ? null : (
             <AIGenerateButton
               schema={schema}

frontend/packages/workflow/playground/src/components/test-run/test-form-sheet-v2/ai-generate/generate-button.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useState } from 'react';
 
@@ -83,7 +83,7 @@ export const AIGenerateButton: React.FC<AIGenerateButtonProps> = ({
     i => i.name === FieldName.Node,
   );
 
-  // The community version does not support AI-generated test-run inputs, for future expansion
+  // will support soon
   if (IS_OPEN_SOURCE) {
     return null;
   }

frontend/packages/workflow/playground/src/components/test-run/test-form-sheet-v2/header.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useCallback } from 'react';
 
 import cls from 'classnames';
@@ -38,7 +38,7 @@ export const TestFormSheetHeaderV2 = () => {
   const { open } = useOpenTraceListPanel();
 
   const handleOpenTraceBottomSheet = useCallback(() => {
-    // The community version does not currently support trace, for future expansion
+    // will support soon
     if (IS_OPEN_SOURCE) {
       return;
     }
@@ -61,7 +61,7 @@ export const TestFormSheetHeaderV2 = () => {
             onClick={handleOpenTraceBottomSheet}
             hiddenStateText
             extra={
-              // The community version does not currently support trace, for future expansion
+              // will support soon
               !IS_OPEN_SOURCE && (
                 <span className={cls('cursor-pointer font-medium')}>
                   {I18n.t('workflow_testset_view_log')}

frontend/packages/workflow/playground/src/components/test-run/test-form-sheet-v2/test-node-form.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable complexity */
 /**
@@ -204,7 +204,7 @@ const TestNodeFormCore: React.FC<TestNodeFormBaseProps> = ({
   const { open } = useOpenTraceListPanel();
 
   const handleOpenTraceBottomSheet = useCallback(() => {
-    // The community version does not currently support trace, for future expansion
+    // will support soon
     if (IS_OPEN_SOURCE) {
       return;
     }
@@ -222,7 +222,7 @@ const TestNodeFormCore: React.FC<TestNodeFormBaseProps> = ({
           onClick={handleOpenTraceBottomSheet}
           hiddenStateText
           extra={
-            // The community version does not currently support trace, for future expansion
+            // will support soon
             !IS_OPEN_SOURCE && (
               <span className={'font-medium cursor-pointer'}>
                 {I18n.t('workflow_testset_view_log')}

frontend/packages/workflow/playground/src/components/toolbar/components/tools.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useRef, type RefObject } from 'react';
 
 import cls from 'classnames';
@@ -78,7 +78,7 @@ export const Tools = (props: ITool) => {
                 margin={3}
               />
             ) : null}
-            {/* The community version does not currently support trace, for future expansion  */}
+            {/* will support soon */}
             {!IS_OPEN_SOURCE && <OpenTraceButton />}
             <StartTestRunButton />
           </>

frontend/packages/workflow/playground/src/components/workflow-header/components/publish-button-v2/publish-with-version-v2.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { useState, useRef, useEffect } from 'react';
 
 import semver from 'semver';
@@ -245,7 +245,7 @@ const VersionForm: React.FC<{
           ]}
         />
 
-        {/* The community version does not currently support testset, for future expansion */}
+        {/* will support soon */}
         {!IS_OPEN_SOURCE && <TestSetSelect onSelect={handleTestSetSelect} />}
 
         {renderBtn()}

frontend/packages/workflow/playground/src/components/workflow-header/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React from 'react';
 
 import { IconCozArrowLeft } from '@coze-arch/coze-design/icons';
@@ -59,10 +59,9 @@ const WorkFlowHeader: React.FC = () => {
       </div>
 
       <div className={styles.right}>
-        {/** The community version does not currently provide resource tree modal. Will allow for future expansion. */}
+        {/* will support soon */}
         {IS_OPEN_SOURCE ? null : <ReferenceButton workflowId={workflowId} />}
 
-        {/** The community version does not currently provide features such as billing, collaboration, history, and workspaces to allow for future expansion. */}
         {IS_OPEN_SOURCE ? null : (
           <>
             {!readonly && <CreditButton />}

frontend/packages/workflow/playground/src/entities/workflow-global-state-entity.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
 /* eslint-disable max-lines */
 import { isFunction } from 'lodash-es';
@@ -722,7 +722,7 @@ export class WorkflowGlobalStateEntity extends ConfigEntity<WorkflowGlobalState>
       this.spaceId !== PUBLIC_SPACE_ID &&
       !this.projectId &&
       !IS_BOT_OP &&
-      // The community version does not support the mockset yet, for future expansion
+      // will support soon
       !IS_OPEN_SOURCE
     );
   }

frontend/packages/workflow/playground/src/form-extensions/setters/model-select/components/selector/model-select-v2.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React from 'react';
 
 import classNames from 'classnames';
@@ -48,7 +48,7 @@ export const ModelSelectV2: React.FC<ModelSelectV2Props> = ({
   const { spaceId, projectId, isBindDouyin } = useGlobalState();
   return (
     <ModelSelect
-      // The community version does not currently support to view model detail, for future expansion
+      // will support soon
       enableJumpDetail={isBindDouyin || IS_OPEN_SOURCE ? false : { spaceId }}
       className={classNames(styles.select, className)}
       popoverClassName={classNames(

frontend/packages/workflow/playground/src/node-registries/database/database-base/components/sql-field.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { useState } from 'react';
 
 import { I18n } from '@coze-arch/i18n';
@@ -36,7 +36,7 @@ const Sql = () => {
 
   return (
     <div className={styles.container}>
-      {/* The community version does not currently support the AI-generated SQL function for future expansion */}
+      {/* will support soon */}
       {!readonly && !IS_OPEN_SOURCE ? (
         <AutoGenerate
           className={styles['auto-generate']}