chore: format all frontend files (#430)

frontend/packages/workflow/test-run-next/trace/src/components/focus-button/focus-button.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { useMemo } from 'react';
 
 import { IconCozFocus } from '@coze-arch/coze-design/icons';

frontend/packages/workflow/test-run-next/trace/src/components/focus-button/index.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { FocusButton } from './focus-button';

frontend/packages/workflow/test-run-next/trace/src/components/status-tag/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { useMemo } from 'react';
 
 import { clsx } from 'clsx';

frontend/packages/workflow/test-run-next/trace/src/components/trace-detail-panel/index.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { TraceDetailPanel } from './trace-detail-panel';

frontend/packages/workflow/test-run-next/trace/src/components/trace-detail-panel/pay-block.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { Divider, Typography } from '@coze-arch/coze-design';
 
 import styles from './pay-block.module.less';

frontend/packages/workflow/test-run-next/trace/src/components/trace-detail-panel/trace-detail-panel.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React, { useMemo } from 'react';
 
 import { isUndefined } from 'lodash-es';

frontend/packages/workflow/test-run-next/trace/src/components/trace-graph/graph.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useMemo, useState } from 'react';
 
 import { clsx } from 'clsx';

frontend/packages/workflow/test-run-next/trace/src/components/trace-graph/index.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { TraceGraph } from './graph';

frontend/packages/workflow/test-run-next/trace/src/components/trace-graph/table.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { isUndefined } from 'lodash-es';
 import { I18n } from '@coze-arch/i18n';
 import { Table } from '@coze-arch/coze-design';

frontend/packages/workflow/test-run-next/trace/src/components/trace-graph/template.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { IconCozIllusEmpty } from '@coze-arch/coze-design/illustrations';
 import { Spin } from '@coze-arch/coze-design';
 

frontend/packages/workflow/test-run-next/trace/src/components/trace-graph/use-trace.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useEffect, useState } from 'react';
 
 import dayjs from 'dayjs';

frontend/packages/workflow/test-run-next/trace/src/components/trace-list-panel/header.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { I18n } from '@coze-arch/i18n';
 
 import { TraceSelect } from '../trace-select';

frontend/packages/workflow/test-run-next/trace/src/components/trace-list-panel/index.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { TraceListPanel } from './list-panel';

frontend/packages/workflow/test-run-next/trace/src/components/trace-list-panel/list-panel.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import React from 'react';
 
 import { BottomPanel } from '@coze-workflow/test-run-shared';

frontend/packages/workflow/test-run-next/trace/src/components/trace-select/date-picker.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useCallback } from 'react';
 
 import dayjs from 'dayjs';

frontend/packages/workflow/test-run-next/trace/src/components/trace-select/index.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { TraceSelect } from './trace-select';

frontend/packages/workflow/test-run-next/trace/src/components/trace-select/select-option.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useMemo } from 'react';
 
 import { gotoDebugFlow } from '@coze-workflow/test-run-shared';

frontend/packages/workflow/test-run-next/trace/src/components/trace-select/status-select.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';

frontend/packages/workflow/test-run-next/trace/src/components/trace-select/trace-select.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useCallback, useMemo } from 'react';
 
 import { useMemoizedFn } from 'ahooks';

frontend/packages/workflow/test-run-next/trace/src/components/trace-select/use-options.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable complexity */
 import { useCallback, useEffect, useRef, useState } from 'react';
 

frontend/packages/workflow/test-run-next/trace/src/constants.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export enum TraceChartsMode {
   Table,
   FlameThread,

frontend/packages/workflow/test-run-next/trace/src/contexts/index.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { TraceListProvider, useTraceListStore } from './trace-list';

frontend/packages/workflow/test-run-next/trace/src/contexts/trace-list/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { createContext, useMemo, useContext } from 'react';
 
 import { createWithEqualityFn } from 'zustand/traditional';

frontend/packages/workflow/test-run-next/trace/src/global.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /// <reference types='@coze-arch/bot-typings' />
 declare module '*.otf' {
   const content: string;

frontend/packages/workflow/test-run-next/trace/src/index.ts

@@ -13,6 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export { TraceListPanel } from './components/trace-list-panel';
 export { TraceDetailPanel } from './components/trace-detail-panel';

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/flamethread/config.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import {
   type GlobalStyle,
   type RectStyle,

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/flamethread/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable max-lines */
 /* eslint-disable max-lines-per-function */
 

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/flamethread/typing.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type CSSProperties } from 'react';
 
 import {

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/message-title/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { IconCozCopy, IconCozCopyCheck } from '@coze-arch/coze-design/icons';
 import { Typography } from '@coze-arch/coze-design';
 

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/time-tag/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type FC } from 'react';
 
 import { isUndefined } from 'lodash-es';

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/tree/config.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type GlobalStyle, type LineStyle } from './typing';
 
 export const defaultGlobalStyle: GlobalStyle = {

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/tree/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable @typescript-eslint/no-magic-numbers -- there will be many numbers calculated in this component, no need to deal with them*/
 import { type FC, useCallback, useMemo, useState } from 'react';
 

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/tree/typing.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type ReactNode, type SVGAttributes } from 'react';
 
 import { type SpanNode } from '../../typings/graph';

frontend/packages/workflow/test-run-next/trace/src/observation-components/common/tree/util.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { omit } from 'lodash-es';
 
 import { type TreeNodeFlatten, type TreeNode, type Line } from './typing';

frontend/packages/workflow/test-run-next/trace/src/observation-components/consts/basic.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type Value, TagType } from '../typings/idl';
 
 export enum StatusCode {

frontend/packages/workflow/test-run-next/trace/src/observation-components/consts/graph.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /* eslint-disable max-lines */
 import {
   type TraceFlamethreadProps,

frontend/packages/workflow/test-run-next/trace/src/observation-components/consts/index.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export const STATUS_CODE_KEY = '_status_code';
 
 export enum ObservationModules {

frontend/packages/workflow/test-run-next/trace/src/observation-components/custom-json-viewer/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { isString } from 'lodash-es';
 import {
   JsonViewer,

frontend/packages/workflow/test-run-next/trace/src/observation-components/index.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 /**
  * From @flow-devops/observation-components copy
  * I don't understand the logic yet.

frontend/packages/workflow/test-run-next/trace/src/observation-components/message-panel/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 // import ReactJson from 'react-json-view';
 
 import { type CSSProperties } from 'react';
@@ -62,8 +62,8 @@ export const MessagePanel = (props: MessagePanelProps) => {
           encrypted
             ? ''
             : typeof inputValue === 'string'
-              ? inputValue
-              : JSON.stringify(inputValue)
+            ? inputValue
+            : JSON.stringify(inputValue)
         }
         onCopyClick={onCopyClick}
       />

frontend/packages/workflow/test-run-next/trace/src/observation-components/trace-flame-thread/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useEffect, useMemo, useState } from 'react';
 
 import { useMemoizedFn } from 'ahooks';

frontend/packages/workflow/test-run-next/trace/src/observation-components/trace-tree/context.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { createContext, useContext } from 'react';
 
 import { type TreeNodeInfo } from '../common/tree/typing';

frontend/packages/workflow/test-run-next/trace/src/observation-components/trace-tree/graph-render.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useMemo } from 'react';
 
 import { clsx } from 'clsx';
@@ -135,8 +135,8 @@ export const CustomTreeNode = ({
           Number(duration) > 60000
             ? 'red'
             : Number(duration) > 10000
-              ? 'yellow'
-              : 'green'
+            ? 'yellow'
+            : 'green'
         }
         type="light"
         className={styles['node-tag']}
@@ -169,9 +169,10 @@ export const CustomTreeNode = ({
 
 export const renderCustomTreeNode =
   ({ renderGraphNodeConfig }: SpanNodeRenderOptions) =>
-  (nodeData: TreeNodeExtra) => (
-    <CustomTreeNode
-      nodeData={nodeData}
-      renderGraphNodeConfig={renderGraphNodeConfig}
-    />
-  );
+  (nodeData: TreeNodeExtra) =>
+    (
+      <CustomTreeNode
+        nodeData={nodeData}
+        renderGraphNodeConfig={renderGraphNodeConfig}
+      />
+    );

frontend/packages/workflow/test-run-next/trace/src/observation-components/trace-tree/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { useEffect, useMemo, useState } from 'react';
 
 import { clsx } from 'clsx';

frontend/packages/workflow/test-run-next/trace/src/observation-components/typings/basic.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type ReactNode } from 'react';
 
 import { type TagType, type Value } from '../typings/idl';

frontend/packages/workflow/test-run-next/trace/src/observation-components/typings/graph.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type ReactNode } from 'react';
 
 import { type TooltipProps } from '@coze-arch/coze-design';

frontend/packages/workflow/test-run-next/trace/src/observation-components/typings/idl.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type ReactNode } from 'react';
 
 export type Int64 = string | number;

frontend/packages/workflow/test-run-next/trace/src/observation-components/utils/basic.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { StatusCode } from '../consts/basic';
 
 export const getStandardStatusCode = (status: number) =>

frontend/packages/workflow/test-run-next/trace/src/observation-components/utils/graph.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { uniqBy } from 'lodash-es';
 
 import { type TraceFrontendSpan } from '../typings/idl';

frontend/packages/workflow/test-run-next/trace/src/observation-components/utils/index.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import JSONBig from 'json-bigint';
 import dayjs from 'dayjs';
 

frontend/packages/workflow/test-run-next/trace/src/observation-components/utils/time.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 const DECIMAL = 60;
 const UNIT_MILLISECOND = 1000;
 const UNIT_SECOND = DECIMAL * UNIT_MILLISECOND;

frontend/packages/workflow/test-run-next/trace/src/types.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 export interface GotoParams {
   nodeId: string;
   workflowId: string;

frontend/packages/workflow/test-run-next/trace/src/utils.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { uniqBy } from 'lodash-es';
 import dayjs from 'dayjs';
 import {