diff --git a/web/apps/web/src/components/app/header/publish/index.tsx b/web/apps/web/src/components/app/header/publish/index.tsx
index 8e9f6e19..119783ea 100644
--- a/web/apps/web/src/components/app/header/publish/index.tsx
+++ b/web/apps/web/src/components/app/header/publish/index.tsx
@@ -19,6 +19,7 @@ import {
 } from '@shellagent/ui';
 import { Dropdown } from 'antd';
 import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 import { useInjection } from 'inversify-react';
 import { isEmpty } from 'lodash-es';
 import { observer } from 'mobx-react-lite';
@@ -30,6 +31,8 @@ import { cn } from '@/utils/cn';
 
 import VersionSkeleton from '../skeleton';
 
+dayjs.extend(relativeTime);
+
 interface PublishProps {
   app_id: string;
   version_name: string;
diff --git a/web/apps/web/src/components/app/new-transition-sheet/index.tsx b/web/apps/web/src/components/app/new-transition-sheet/index.tsx
index 86f1e9c9..e9191739 100644
--- a/web/apps/web/src/components/app/new-transition-sheet/index.tsx
+++ b/web/apps/web/src/components/app/new-transition-sheet/index.tsx
@@ -2,6 +2,7 @@
 
 import { useReactFlowStore, NodeTypeEnum } from '@shellagent/flow-engine';
 import { type TransitionData } from '@shellagent/shared/protocol/transition';
+import { TransitionTargetEnum } from '@shellagent/shared/protocol/transition';
 import { getNewKey } from '@shellagent/shared/utils';
 import { Drawer } from '@shellagent/ui';
 import { useInjection } from 'inversify-react';
@@ -14,7 +15,6 @@ import { AppBuilderModel } from '@/stores/app/models/app-builder.model';
 import { getXTransitionSchema } from '@/stores/app/schema/get-transition-schema';
 import { SchemaProvider } from '@/stores/app/schema-provider';
 import { useAppState } from '@/stores/app/use-app-state';
-import { TransitionTargetEnum } from '@shellagent/shared/protocol/transition';
 
 const TransitionSheetNew: React.FC<{}> = observer(() => {
   const appBuilder = useInjection<AppBuilderModel>('AppBuilderModel');
diff --git a/web/apps/web/src/components/app/node-form/widgets/tasks-config.tsx b/web/apps/web/src/components/app/node-form/widgets/tasks-config.tsx
index 185fd287..591092b5 100644
--- a/web/apps/web/src/components/app/node-form/widgets/tasks-config.tsx
+++ b/web/apps/web/src/components/app/node-form/widgets/tasks-config.tsx
@@ -6,14 +6,13 @@ import { customSnakeCase, getTaskDisplayName } from '@shellagent/shared/utils';
 import { Button, useFormContext, Drag } from '@shellagent/ui';
 import { useClickAway } from 'ahooks';
 import { Dropdown } from 'antd';
+import { useInjection } from 'inversify-react';
 import { useState, useRef, useCallback } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 
-import { materialList } from '@/components/app/constants';
 import { TaskList } from '@/components/app/task-list';
-import { useAppState } from '@/stores/app/use-app-state';
-import { useInjection } from 'inversify-react';
 import { AppBuilderModel } from '@/stores/app/models/app-builder.model';
+import { useAppState } from '@/stores/app/use-app-state';
 
 const TaskItem = ({
   name,
diff --git a/web/apps/web/src/components/app/plugins/comfyui/comfyui.model.ts b/web/apps/web/src/components/app/plugins/comfyui/comfyui.model.ts
index befa4cd8..3d7f5811 100644
--- a/web/apps/web/src/components/app/plugins/comfyui/comfyui.model.ts
+++ b/web/apps/web/src/components/app/plugins/comfyui/comfyui.model.ts
@@ -16,6 +16,10 @@ import {
   LOCATION_TIP,
   MessageType,
 } from '@/components/app/plugins/comfyui/constant';
+import {
+  defaultSchema,
+  getComfyUISchema,
+} from '@/components/app/plugins/comfyui/schema';
 import {
   checkJsonExist,
   getFile,
@@ -23,10 +27,6 @@ import {
   getCwdSvc,
   updateDependency,
 } from '@/components/app/plugins/comfyui/services';
-import {
-  defaultSchema,
-  getComfyUISchema,
-} from '@/components/app/plugins/comfyui/schema';
 import {
   GetFileResponse,
   type SaveRequest,
diff --git a/web/apps/web/src/components/app/plugins/comfyui/services/index.tsx b/web/apps/web/src/components/app/plugins/comfyui/services/index.tsx
index 787b6576..fd27ab74 100644
--- a/web/apps/web/src/components/app/plugins/comfyui/services/index.tsx
+++ b/web/apps/web/src/components/app/plugins/comfyui/services/index.tsx
@@ -1,6 +1,7 @@
-import { APIFetch } from '@/services/base';
 import type { Fetcher } from 'swr';
 
+import { APIFetch } from '@/services/base';
+
 import {
   GetFileRequest,
   GetFileResponse,
diff --git a/web/apps/web/src/components/chat/app-builder-chat.model.ts b/web/apps/web/src/components/chat/app-builder-chat.model.ts
index a7f52ad3..772cc81e 100644
--- a/web/apps/web/src/components/chat/app-builder-chat.model.ts
+++ b/web/apps/web/src/components/chat/app-builder-chat.model.ts
@@ -9,7 +9,8 @@ import { action, makeObservable, observable, runInAction } from 'mobx';
 import { ButtonFnParams, IMLocalFile } from 'myshell-bundled-chat';
 import { JsonSchema7 } from 'node_modules/@shellagent/form-engine/src/types/jsonSchema7';
 
-import { convertXBotSvc } from '@/services/app';
+import { convertXBotSvc, initBot } from '@/services/app';
+import { baseHeaders } from '@/services/base';
 import { upload } from '@/services/common';
 import { type AppBuilderModel } from '@/stores/app/models/app-builder.model';
 
@@ -22,8 +23,6 @@ import {
 import type { ServerMessage } from '../../services/app/message-type';
 import { EventStatusEnum, RunAppRequest } from '../../services/app/type';
 import { ToastModel } from '../../utils/toast.model';
-import { initBot } from '@/services/app';
-import { baseHeaders } from '@/services/base';
 
 @injectable()
 export class AppBuilderChatModel {
diff --git a/web/apps/web/src/components/common/uploader/display/index.tsx b/web/apps/web/src/components/common/uploader/display/index.tsx
index 325998a6..e36960ed 100644
--- a/web/apps/web/src/components/common/uploader/display/index.tsx
+++ b/web/apps/web/src/components/common/uploader/display/index.tsx
@@ -7,8 +7,8 @@ import Audio from '@/components/common/uploader/display/audio';
 import Image from '@/components/common/uploader/display/image';
 import Other from '@/components/common/uploader/display/other';
 import Video from '@/components/common/uploader/display/video';
-import { ENABLE_PREVIEW_FILE, getLocalTypeBySuffix } from '@/utils/file-types';
 import { getFileUrl } from '@/utils/common-helper';
+import { ENABLE_PREVIEW_FILE, getLocalTypeBySuffix } from '@/utils/file-types';
 
 type DisplayType = 'audio' | 'video' | 'image' | 'other';
 
diff --git a/web/apps/web/src/components/home/detail-form/type-select.tsx b/web/apps/web/src/components/home/detail-form/type-select.tsx
index 128a84b3..aa7bc14e 100644
--- a/web/apps/web/src/components/home/detail-form/type-select.tsx
+++ b/web/apps/web/src/components/home/detail-form/type-select.tsx
@@ -36,6 +36,7 @@ export const TypeSelect: React.FC<TypeSelectProps> = ({
         <label
           data-value={option.value}
           key={option.value}
+          htmlFor={`type-select-${option.value}`}
           className={cn(
             'flex h-10 pl-3.5 py-2.5 pr-3 items-center rounded-lg border cursor-pointer',
             actualValue === option.value && 'border-[#3E5CFA]',
@@ -43,6 +44,7 @@ export const TypeSelect: React.FC<TypeSelectProps> = ({
           <div className="flex items-center justify-center w-full">
             {option.label}
             <Checkbox
+              id={`type-select-${option.value}`}
               onCheckedChange={() => handleSelect(option.value)}
               checked={actualValue === option.value}
               className="ml-auto rounded-full"
diff --git a/web/apps/web/src/components/home/filter-tabs/index.tsx b/web/apps/web/src/components/home/filter-tabs/index.tsx
index 2ab652b7..c346af41 100644
--- a/web/apps/web/src/components/home/filter-tabs/index.tsx
+++ b/web/apps/web/src/components/home/filter-tabs/index.tsx
@@ -27,9 +27,11 @@ const FilterTabsBase = ({ className }: { className?: string }) => {
 
   const setFilter = (newFilter: AppType) => {
     const params = new URLSearchParams(searchParams);
-    newFilter === 'all'
-      ? params.delete('app_type')
-      : params.set('app_type', newFilter);
+    if (newFilter === 'all') {
+      params.delete('app_type');
+    } else {
+      params.set('app_type', newFilter);
+    }
     router.push(`?${params.toString()}`);
   };
 
diff --git a/web/apps/web/src/components/home/flow-card/index.tsx b/web/apps/web/src/components/home/flow-card/index.tsx
index f0818d82..b6525283 100644
--- a/web/apps/web/src/components/home/flow-card/index.tsx
+++ b/web/apps/web/src/components/home/flow-card/index.tsx
@@ -24,6 +24,7 @@ import {
 } from '@shellagent/ui';
 import { useRequest } from 'ahooks';
 import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 import Link from 'next/link';
 import { useState } from 'react';
 import { toast } from 'react-toastify';
@@ -37,8 +38,6 @@ import { DeleteDialog } from '../delete-dialog';
 import { EditDialog } from '../edit-dialog';
 import { SaveTemplateDialog } from '../save-template-dialog';
 
-const relativeTime = require('dayjs/plugin/relativeTime');
-
 dayjs.extend(relativeTime);
 
 interface FlowCardProps {
diff --git a/web/apps/web/src/components/settings/settings.model.ts b/web/apps/web/src/components/settings/settings.model.ts
index a2d66ea4..21f29f06 100644
--- a/web/apps/web/src/components/settings/settings.model.ts
+++ b/web/apps/web/src/components/settings/settings.model.ts
@@ -1,15 +1,6 @@
 import { inject, injectable, postConstruct } from 'inversify';
 import { action, makeObservable, observable } from 'mobx';
 
-import { FormikModel } from '@/utils/formik.model';
-import { ModalModel } from '@/utils/modal.model';
-import { ToastModel } from '@/utils/toast.model';
-
-import {
-  DefaultEnvs,
-  DefaultEnvsMap,
-  SettingEnvFormValue,
-} from './settings-definitions';
 import {
   autoUpdateSvc,
   checkRepoStatusSvc,
@@ -23,6 +14,15 @@ import {
   updateChannelSvc,
   updateSvc,
 } from '@/services/app';
+import { FormikModel } from '@/utils/formik.model';
+import { ModalModel } from '@/utils/modal.model';
+import { ToastModel } from '@/utils/toast.model';
+
+import {
+  DefaultEnvs,
+  DefaultEnvsMap,
+  SettingEnvFormValue,
+} from './settings-definitions';
 
 export type SidebarValue = 'Environment' | 'SoftwareUpdate';
 
diff --git a/web/apps/web/src/components/settings/settings.tsx b/web/apps/web/src/components/settings/settings.tsx
index a16a7917..40fa2013 100644
--- a/web/apps/web/src/components/settings/settings.tsx
+++ b/web/apps/web/src/components/settings/settings.tsx
@@ -14,6 +14,7 @@ import {
 } from '@shellagent/ui';
 import { Button, Card, Divider, Form, Input, Modal, Switch, theme } from 'antd';
 import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 import { Field, FieldArray, FieldProps, Formik } from 'formik';
 import { useInjection } from 'inversify-react';
 import { observer } from 'mobx-react-lite';
@@ -30,6 +31,8 @@ import {
 import { SettingsSideBar } from './settings-sidebar';
 import { SettingsModel } from './settings.model';
 
+dayjs.extend(relativeTime);
+
 export const EnvForm = observer(() => {
   const model = useInjection(SettingsModel);
   useEffect(() => {
diff --git a/web/apps/web/src/components/workflow/flow-header/index.tsx b/web/apps/web/src/components/workflow/flow-header/index.tsx
index df9118f3..7fc8b7d3 100644
--- a/web/apps/web/src/components/workflow/flow-header/index.tsx
+++ b/web/apps/web/src/components/workflow/flow-header/index.tsx
@@ -58,7 +58,7 @@ const FlowHeader: React.FC<{ flowId: string; version_name?: string }> = ({
     onSuccess: result => {
       if (result.success) {
         setAutoSavedSuccess(true);
-        setAutoSavedTime(dayjs().valueOf());
+        setAutoSavedTime(dayjs().valueOf().toString());
       } else {
         setAutoSavedSuccess(false);
       }
diff --git a/web/apps/web/src/components/workflow/header/index.tsx b/web/apps/web/src/components/workflow/header/index.tsx
index f6bad0fc..888d0dca 100644
--- a/web/apps/web/src/components/workflow/header/index.tsx
+++ b/web/apps/web/src/components/workflow/header/index.tsx
@@ -25,6 +25,7 @@ import {
 } from '@shellagent/ui';
 import { useBoolean, useDebounce, useRequest, useUpdateEffect } from 'ahooks';
 import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 import { isEmpty } from 'lodash-es';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
@@ -48,6 +49,8 @@ import { deleteKey } from '@/utils/common-helper';
 
 import VersionSkeleton from './skeleton';
 
+dayjs.extend(relativeTime);
+
 const RunSheet = dynamic(() => import('@/components/workflow/run-sheet'), {
   ssr: false,
 });
@@ -59,10 +62,6 @@ const ImportModal = dynamic(
   },
 );
 
-const relativeTime = require('dayjs/plugin/relativeTime');
-
-dayjs.extend(relativeTime);
-
 export const Header: React.FC<{ container: HTMLElement | null }> = ({
   container,
 }) => {
@@ -149,7 +148,7 @@ export const Header: React.FC<{ container: HTMLElement | null }> = ({
     manual: true,
     onSuccess: result => {
       if (result.success) {
-        setAutoSavedTime(dayjs().valueOf());
+        setAutoSavedTime(dayjs().valueOf().toString());
       }
     },
     onError: () => {
diff --git a/web/apps/web/src/services/common/index.ts b/web/apps/web/src/services/common/index.ts
index cfc96f00..aab8ce8c 100644
--- a/web/apps/web/src/services/common/index.ts
+++ b/web/apps/web/src/services/common/index.ts
@@ -1,4 +1,5 @@
 import { toast } from 'react-toastify';
+
 import { APIFetch } from '../base';
 
 export interface UploadResponse {
diff --git a/web/apps/web/src/stores/app/models/flow.model.ts b/web/apps/web/src/stores/app/models/flow.model.ts
index 84087ba9..92ab2e2c 100644
--- a/web/apps/web/src/stores/app/models/flow.model.ts
+++ b/web/apps/web/src/stores/app/models/flow.model.ts
@@ -2,7 +2,8 @@ import { Edge, Node } from '@shellagent/flow-engine';
 import { injectable } from 'inversify';
 import { makeAutoObservable } from 'mobx';
 
-import { EdgeDataTypeEnum, CustomEdgeData } from '@/components/app/edges';
+import { CustomEdgeData } from '@/components/app/edges';
+import { TransitionTargetEnum } from '@shellagent/shared/protocol/transition';
 
 type SheetMode = 'button' | 'workflow' | 'widget' | '';
 
@@ -138,7 +139,7 @@ export class FlowModel {
       id: '',
       custom: true,
       event_key: '',
-      type: EdgeDataTypeEnum.ALWAYS,
+      type: TransitionTargetEnum.ALWAYS,
       target: '',
       conditions: [],
     };
diff --git a/web/apps/web/src/stores/app/utils/validator.ts b/web/apps/web/src/stores/app/utils/validator.ts
index d9bb0974..3a0e191e 100644
--- a/web/apps/web/src/stores/app/utils/validator.ts
+++ b/web/apps/web/src/stores/app/utils/validator.ts
@@ -1,4 +1,3 @@
-import { getFileUrl } from '@/utils/common-helper';
 import { IFlow } from '@shellagent/flow-engine';
 import { Automata } from '@shellagent/pro-config';
 import {
@@ -8,6 +7,8 @@ import {
 import { Issue } from '@shellagent/shared/type';
 import { customSnakeCase } from '@shellagent/shared/utils';
 
+import { getFileUrl } from '@/utils/common-helper';
+
 // 整体automata校验
 export const validateAutomata = async (
   automata: Automata,