@cozeloop/components 0.0.7 → 0.0.9

package/dist/es/index.js

@@ -3,10 +3,11 @@ import "./static/svg/select.svg";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { arrayMove, sortableContainer as external_react_sortable_hoc_sortableContainer, sortableElement, sortableHandle } from "react-sortable-hoc";
 import react, { Fragment as external_react_Fragment, createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { I18n as i18n_I18n, initIntl } from "@cozeloop/i18n";
 import { IconCozArrowDown, IconCozArrowLeft, IconCozArrowRight, IconCozCheckMarkCircleFill, IconCozCheckMarkFill, IconCozContent, IconCozCopy, IconCozCross, IconCozCrossCircleFill, IconCozCrossFill, IconCozEye, IconCozFilter, IconCozHandle, IconCozImage, IconCozImageArrowUp, IconCozImageBroken, IconCozInfoCircle, IconCozLongArrowTopRight, IconCozLongArrowUp, IconCozMore, IconCozPencil, IconCozPlayCircle, IconCozPlus, IconCozPlusCircle, IconCozQuestionMarkCircle, IconCozRefresh, IconCozSetting, IconCozTableSetting, IconCozTrashCan, IconCozVideo, IconCozWarningCircle } from "@coze-arch/coze-design/icons";
 import { Banner, Button, ButtonGroup, Cascader, Checkbox, Col, Collapse, CozAvatar, CozInputNumber, CozPagination, DatePicker, Descriptions, Divider, Dropdown, Empty, EmptyState, Form, IconButton, Image, ImagePreview, Input, List, Loading, Menu, Modal, Popover, Radio, RadioGroup, Row, Select, SideSheet, Skeleton, Slider, Space, Spin, Switch, Table, Tabs, Tag, TextArea, Toast, Tooltip, Typography, Upload, withField } from "@coze-arch/coze-design";
-import { IconCozIllus404, IconCozIllus404Dark, IconCozIllusEmpty, IconCozIllusEmptyDark, IconCozIllusError, IconCozIllusErrorDark, IconCozIllusLock, IconCozIllusLockDark, IconCozIllusNone, IconCozIllusNoneDark } from "@coze-arch/coze-design/illustrations";
 import classnames from "classnames";
+import { IconCozIllus404, IconCozIllus404Dark, IconCozIllusEmpty, IconCozIllusEmptyDark, IconCozIllusError, IconCozIllusErrorDark, IconCozIllusLock, IconCozIllusLockDark, IconCozIllusNone, IconCozIllusNoneDark } from "@coze-arch/coze-design/illustrations";
 import { useDebounceFn, useInfiniteScroll, useLatest, useMemoizedFn, useRequest, useSize } from "ahooks";
 import { cloneDeep, debounce, get, isEmpty as external_lodash_es_isEmpty, isInteger, isNull, isNumber, isObject, isString, isUndefined, set } from "lodash-es";
 import copy_to_clipboard from "copy-to-clipboard";
@@ -24,10 +25,13 @@ import { useMouseDownOffset as hooks_useMouseDownOffset } from "@cozeloop/hooks"
 import dayjs from "dayjs";
 import { EditorProvider, createRenderer, option as react_option } from "@coze-editor/editor/react";
 import preset_code, { createTheme, languages, tags, themes, transformerCreator } from "@coze-editor/editor/preset-code";
+import { typescript } from "@coze-editor/editor/language-typescript";
 import { shell } from "@coze-editor/editor/language-shell";
+import { python } from "@coze-editor/editor/language-python";
 import { json } from "@coze-editor/editor/language-json";
 import { mixLanguages } from "@coze-editor/editor";
 import { EditorView, keymap } from "@codemirror/view";
+import { goLanguage } from "@codemirror/lang-go";
 import preset_universal from "@coze-editor/editor/preset-universal";
 import { defaultKeymap, history as commands_history, historyKeymap } from "@codemirror/commands";
 var __webpack_require__ = {};
@@ -68,10 +72,10 @@ const SortableContainer = columns_select_sortableContainer(({ children })=>/*#__
     }));
 const DragHandle = columns_select_sortableHandle(()=>/*#__PURE__*/ jsx(IconCozHandle, {
         className: "cursor-grab",
-        "aria-label": "\u62D6\u52A8\u6392\u5E8F",
+        "aria-label": i18n_I18n.t('drag_to_sort'),
         role: "button"
     }));
-const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonText, resetButtonText = "\u91CD\u7F6E\u4E3A\u9ED8\u8BA4", className, sortable = true, itemRender, footerRender })=>{
+const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonText, resetButtonText, className, sortable = true, itemRender, footerRender })=>{
     const [list, setList] = useState(()=>[
             ...columns
         ]);
@@ -114,7 +118,7 @@ const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonTex
                     /*#__PURE__*/ jsx(Checkbox, {
                         disabled: disabledKeys.includes(value.key ?? '') || value.disabled,
                         checked: selectedKeys.includes(value.key ?? ''),
-                        "aria-label": `\u{9009}\u{62E9}${value.value}`
+                        "aria-label": `${i18n_I18n.t('select')}${value.value}`
                     }),
                     /*#__PURE__*/ jsx(Typography.Text, {
                         ellipsis: {
@@ -187,7 +191,7 @@ const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonTex
                                 onClick: handleReset,
                                 children: /*#__PURE__*/ jsx("span", {
                                     className: "text-brand font-medium text-[13px]",
-                                    children: resetButtonText
+                                    children: resetButtonText || i18n_I18n.t('reset_to_default')
                                 })
                             })
                         ]
@@ -198,7 +202,7 @@ const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonTex
                         onClick: handleReset,
                         children: /*#__PURE__*/ jsx("span", {
                             className: "text-brand font-medium text-[13px]",
-                            children: resetButtonText
+                            children: resetButtonText || i18n_I18n.t('reset_to_default')
                         })
                     })
                 ]
@@ -206,7 +210,7 @@ const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonTex
             trigger: "click",
             children: /*#__PURE__*/ jsx("div", {
                 children: /*#__PURE__*/ jsx(Tooltip, {
-                    content: "\u5217\u7BA1\u7406",
+                    content: i18n_I18n.t('column_management'),
                     theme: "dark",
                     position: "top",
                     children: /*#__PURE__*/ jsx(Button, {
@@ -241,6 +245,21 @@ function TooltipWithDisabled({ children, disabled, ...rest }) {
         children: children
     });
 }
+function Copyable({ className, text }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames(className, 'inline-flex items-center gap-1'),
+        children: [
+            text,
+            /*#__PURE__*/ jsx(IconCozCopy, {
+                className: "cursor-pointer",
+                onClick: async ()=>{
+                    await navigator.clipboard.writeText(text);
+                    Toast.success(i18n_I18n.t('copy_success'));
+                }
+            })
+        ]
+    });
+}
 const index_module = {
     "loop-table": "loop-table-ZtuuXn",
     loopTable: "loop-table-ZtuuXn"
@@ -249,7 +268,7 @@ const LoopTable = ({ className, ...props })=>/*#__PURE__*/ jsx(Table, {
         empty: /*#__PURE__*/ jsx(EmptyState, {
             size: "full_screen",
             icon: /*#__PURE__*/ jsx(IconCozIllusEmpty, {}),
-            title: "\u6682\u65E0\u6570\u636E"
+            title: i18n_I18n.t('no_data')
         }),
         ...props,
         id: index_module["loop-table"]
@@ -294,24 +313,24 @@ const IconSortArrow = ({ sortOrder, ...rest })=>{
         ]
     });
 };
-function LoopTableSortIcon({ sortOrder }) {
-    let tooltip = "\u70B9\u51FB\u5347\u5E8F";
-    if ('ascend' === sortOrder) tooltip = "\u70B9\u51FB\u964D\u5E8F";
-    else if ('descend' === sortOrder) tooltip = "\u70B9\u51FB\u6062\u590D\u9ED8\u8BA4\u6392\u5E8F";
-    return /*#__PURE__*/ jsx(Tooltip, {
-        theme: "dark",
-        content: tooltip,
-        children: /*#__PURE__*/ jsx("div", {
-            className: "flex items-center",
-            children: /*#__PURE__*/ jsx(IconButtonContainer, {
-                icon: /*#__PURE__*/ jsx(IconSortArrow, {
-                    sortOrder: sortOrder,
-                    className: "text-[var(--coz-fg-secondary)]"
+const createLoopTableSortIcon = ()=>({ sortOrder })=>{
+        let tooltip = i18n_I18n.t('click_ascending');
+        if ('ascend' === sortOrder) tooltip = i18n_I18n.t('click_descending');
+        else if ('descend' === sortOrder) tooltip = i18n_I18n.t('restore_default_sort');
+        return /*#__PURE__*/ jsx(Tooltip, {
+            theme: "dark",
+            content: tooltip,
+            children: /*#__PURE__*/ jsx("div", {
+                className: "flex items-center",
+                children: /*#__PURE__*/ jsx(IconButtonContainer, {
+                    icon: /*#__PURE__*/ jsx(IconSortArrow, {
+                        sortOrder: sortOrder,
+                        className: "text-[var(--coz-fg-secondary)]"
+                    })
                 })
             })
-        })
-    });
-}
+        });
+    };
 function getStoragePageSize(pageSizeStorageKey) {
     if (!pageSizeStorageKey) return;
     const pageSize = localStorage.getItem(pageSizeStorageKey);
@@ -376,7 +395,7 @@ function TableWithPagination(props) {
                         columns: columns?.filter((column)=>true !== column.hidden && false !== column.checked)?.map((column)=>({
                                 ...column,
                                 ...column.sorter && !column.sortIcon ? {
-                                    sortIcon: LoopTableSortIcon
+                                    sortIcon: createLoopTableSortIcon()
                                 } : {}
                             })),
                         dataSource: service?.data?.list ?? []
@@ -425,7 +444,7 @@ function PageNotFound({ className, ...props }) {
             darkModeImage: /*#__PURE__*/ jsx(IconCozIllus404Dark, {
                 className: "text-[160px]"
             }),
-            description: "\u9875\u9762\u4E22\u5931\u4E86",
+            description: i18n_I18n.t('page_not_found'),
             ...props
         })
     });
@@ -440,7 +459,7 @@ function PageError({ className, ...props }) {
             darkModeImage: /*#__PURE__*/ jsx(IconCozIllusErrorDark, {
                 className: "text-[160px]"
             }),
-            description: "\u9875\u9762\u52A0\u8F7D\u5931\u8D25",
+            description: i18n_I18n.t('page_load_failed'),
             ...props
         })
     });
@@ -455,7 +474,7 @@ function PageNoAuth({ className, ...props }) {
             darkModeImage: /*#__PURE__*/ jsx(IconCozIllusLockDark, {
                 className: "text-[160px]"
             }),
-            description: "\u6682\u65E0\u6743\u9650",
+            description: i18n_I18n.t('no_permission'),
             ...props
         })
     });
@@ -492,25 +511,29 @@ function TableColActions({ actions, maxCount = 2, disabled, spaceProps = {}, wra
             spacing: 12,
             ...spaceProps,
             children: [
-                firstActions.map((action, index)=>/*#__PURE__*/ jsx(TooltipWhenDisabled, {
-                        content: action.disabledTooltip || action.label,
-                        disabled: Boolean(action.disabled),
+                firstActions.map((action, index)=>{
+                    const { disabledTooltip, disabled: actionDisabled, onClick: actionOnclick, type: actionType, label: actionLabel, icon: actionIcon, ...restProps } = action;
+                    return /*#__PURE__*/ jsx(TooltipWhenDisabled, {
+                        content: disabledTooltip || actionLabel,
+                        disabled: Boolean(actionDisabled),
                         needWrap: false,
                         children: /*#__PURE__*/ jsx(Typography.Text, {
                             size: "small",
                             className: classnames(`!text-[13px] ${textClassName}`, {
-                                'opacity-45': action.disabled ?? disabled
+                                'opacity-45': actionDisabled || disabled
                             }),
-                            type: action.type,
-                            disabled: action.disabled ?? disabled,
+                            type: actionType,
+                            disabled: actionDisabled || disabled,
                             onClick: ()=>{
-                                if (!(action.disabled ?? disabled)) action.onClick?.();
+                                if (!(actionDisabled || disabled)) actionOnclick?.();
                             },
-                            link: !action.type,
-                            children: action.icon ? null : action.label
+                            link: !actionType,
+                            ...restProps,
+                            children: actionIcon ? null : actionLabel
                         })
-                    }, index)),
-                moreActions.length > 0 && /*#__PURE__*/ jsx(Menu, {
+                    }, index);
+                }),
+                moreActions.length > 0 ? /*#__PURE__*/ jsx(Menu, {
                     position: "bottomLeft",
                     visible: visible,
                     trigger: "custom",
@@ -519,35 +542,36 @@ function TableColActions({ actions, maxCount = 2, disabled, spaceProps = {}, wra
                     render: /*#__PURE__*/ jsx(Menu.SubMenu, {
                         mode: "menu",
                         children: moreActions.map((action, index)=>{
-                            const isDisabled = action.disabled ?? disabled;
-                            const disabledTooltipContent = action.disabledTooltip;
+                            const { disabledTooltip, disabled: actionDisabled, onClick: actionOnclick, type: actionType, label: actionLabel, icon: actionIcon, ...restProps } = action;
+                            const isDisabled = actionDisabled || disabled;
                             const dropdownItem = /*#__PURE__*/ jsx(Menu.Item, {
                                 disabled: isDisabled,
                                 onClick: ()=>{
                                     if (!isDisabled) {
                                         setVisible(false);
-                                        action.onClick?.();
+                                        actionOnclick?.();
                                     }
                                 },
                                 className: classnames('min-w-[90px] !p-0 !pl-2', {
                                     'opacity-50': isDisabled
                                 }),
-                                icon: action.icon,
+                                icon: actionIcon,
                                 style: {
                                     minWidth: '90px'
                                 },
+                                ...restProps,
                                 children: /*#__PURE__*/ jsx(Typography.Text, {
-                                    type: action.type,
+                                    type: actionType,
                                     size: "small",
                                     className: "!text-[13px] min-w-[80px]",
-                                    link: !action.type,
-                                    children: action.label
+                                    link: !actionType,
+                                    children: actionLabel
                                 })
                             });
                             return /*#__PURE__*/ jsx("div", {
                                 children: /*#__PURE__*/ jsx(TooltipWhenDisabled, {
-                                    content: disabledTooltipContent,
-                                    disabled: Boolean(isDisabled && disabledTooltipContent),
+                                    content: disabledTooltip,
+                                    disabled: Boolean(isDisabled && disabledTooltip),
                                     theme: "dark",
                                     needWrap: false,
                                     children: dropdownItem
@@ -562,7 +586,7 @@ function TableColActions({ actions, maxCount = 2, disabled, spaceProps = {}, wra
                             className: "text-[#5A4DED]"
                         })
                     })
-                })
+                }) : null
             ]
         })
     });
@@ -686,14 +710,14 @@ const handleCopy = async (value, hideToast)=>{
     try {
         copy_to_clipboard(value);
         hideToast || Toast.success({
-            content: "\u590D\u5236\u6210\u529F",
+            content: i18n_I18n.t('copy_success'),
             showClose: false,
             zIndex: 99999
         });
         return Promise.resolve(true);
     } catch (e) {
         Toast.warning({
-            content: "\u590D\u5236\u5931\u8D25",
+            content: i18n_I18n.t('copy_failed'),
             showClose: false,
             zIndex: 99999
         });
@@ -768,7 +792,7 @@ const version_list_index_module = {
     description: "description-gjffk4"
 };
 function VersionDescriptions({ version, className }) {
-    const { version: versionName, draftSubmitText = "\u4FDD\u5B58\u65F6\u95F4", submitTime, submitter, description, isDraft = false } = version || {};
+    const { version: versionName, draftSubmitText = i18n_I18n.t('save_time'), submitTime, submitter, description, isDraft = false } = version || {};
     return /*#__PURE__*/ jsxs(Descriptions, {
         align: "left",
         className: classnames(version_list_index_module.description, className),
@@ -776,17 +800,17 @@ function VersionDescriptions({ version, className }) {
             /*#__PURE__*/ jsx(Tag, {
                 color: isDraft ? 'primary' : 'green',
                 className: "mb-2",
-                children: isDraft ? "\u5F53\u524D\u8349\u7A3F" : "\u63D0\u4EA4"
+                children: isDraft ? i18n_I18n.t('current_draft') : i18n_I18n.t('submit')
             }),
             isDraft ? null : /*#__PURE__*/ jsx(Descriptions.Item, {
-                itemKey: "\u7248\u672C",
+                itemKey: i18n_I18n.t('version'),
                 children: /*#__PURE__*/ jsx("span", {
                     className: "font-medium",
                     children: versionName ?? '-'
                 })
             }),
             submitTime ? /*#__PURE__*/ jsx(Descriptions.Item, {
-                itemKey: isDraft ? draftSubmitText : "\u63D0\u4EA4\u65F6\u95F4",
+                itemKey: isDraft ? draftSubmitText : i18n_I18n.t('submit_time'),
                 className: "!text-[13px]",
                 children: /*#__PURE__*/ jsx("span", {
                     className: "font-medium !text-[13px]",
@@ -794,7 +818,7 @@ function VersionDescriptions({ version, className }) {
                 })
             }) : null,
             isDraft && !submitter ? null : /*#__PURE__*/ jsx(Descriptions.Item, {
-                itemKey: "\u63D0\u4EA4\u4EBA",
+                itemKey: i18n_I18n.t('submit_user'),
                 className: "!text-[13px]",
                 children: /*#__PURE__*/ jsx(UserProfile, {
                     name: submitter?.name,
@@ -802,7 +826,7 @@ function VersionDescriptions({ version, className }) {
                 })
             }),
             isDraft ? null : /*#__PURE__*/ jsx(Descriptions.Item, {
-                itemKey: "\u7248\u672C\u8BF4\u660E",
+                itemKey: i18n_I18n.t("version_description"),
                 className: "!text-[13px]",
                 children: /*#__PURE__*/ jsx(Typography.Text, {
                     ellipsis: {
@@ -843,7 +867,7 @@ function VersionList({ versions = [], loadMoreLoading = false, enableLoadMore =
             loading: loadMoreLoading,
             color: "primary",
             onClick: ()=>onLoadMore?.(),
-            children: "\u663E\u793A\u66F4\u591A"
+            children: i18n_I18n.t('show_more')
         })
     });
     return /*#__PURE__*/ jsx(Fragment, {
@@ -872,7 +896,7 @@ function VersionSwitchPanel({ visible = true, onClose, ...versionListProps }) {
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: "text-sm font-medium",
-                        children: "\u7248\u672C\u8BB0\u5F55"
+                        children: i18n_I18n.t('version_record')
                     }),
                     /*#__PURE__*/ jsx(IconCozCross, {
                         className: "ml-auto cursor-pointer text-gray-400 hover:text-gray-900",
@@ -920,7 +944,7 @@ function TextWithCopy({ displayText, copyTooltipText, content, className, maxWid
                 children: displayText || content || ''
             }),
             content ? /*#__PURE__*/ jsx(Tooltip, {
-                content: copyTooltipText || "\u590D\u5236\u5185\u5BB9",
+                content: copyTooltipText || i18n_I18n.t('copy_content'),
                 theme: "dark",
                 children: /*#__PURE__*/ jsx(IconButton, {
                     size: "mini",
@@ -989,7 +1013,7 @@ function IDRender({ id, showSuffixLength = 5, enableCopy = true, useTag = false,
                 })
             }),
             enableCopy ? /*#__PURE__*/ jsx(Tooltip, {
-                content: "\u590D\u5236 ID",
+                content: i18n_I18n.t('copy_id'),
                 theme: "dark",
                 children: /*#__PURE__*/ jsx("div", {
                     children: /*#__PURE__*/ jsx(IconButtonContainer, {
@@ -999,10 +1023,10 @@ function IDRender({ id, showSuffixLength = 5, enableCopy = true, useTag = false,
                             e.stopPropagation();
                             try {
                                 await navigator.clipboard.writeText(idString);
-                                Toast.success("\u590D\u5236\u6210\u529F");
+                                Toast.success(i18n_I18n.t('copy_success'));
                             } catch (error) {
                                 console.error(error);
-                                Toast.error("\u590D\u5236\u5931\u8D25");
+                                Toast.error(i18n_I18n.t('copy_failed'));
                             }
                         }
                     })
@@ -1196,42 +1220,8 @@ const ResizeSidesheet = (props)=>{
         ]
     });
 };
-const CozeLoopContext = /*#__PURE__*/ createContext({});
-function CozeLoopProvider({ children, i18n, sendEvent }) {
-    return /*#__PURE__*/ jsx(CozeLoopContext.Provider, {
-        value: {
-            i18n,
-            sendEvent
-        },
-        children: children
-    });
-}
-function useI18n() {
-    const context = useContext(CozeLoopContext);
-    if (!context.i18n) return {
-        t: (key)=>{
-            console.warn(`CozeLoopProvider: No i18n function provided, returning key: ${key}`);
-            return key;
-        },
-        language: 'zh-CN'
-    };
-    if ('object' == typeof context.i18n && 't' in context.i18n) return context.i18n;
-    return {
-        t: context.i18n
-    };
-}
-function useReportEvent() {
-    const context = useContext(CozeLoopContext);
-    return context.sendEvent ?? ((name, params)=>{
-        console.info(name, params);
-    });
-}
-function useCozeLoopContext() {
-    return useContext(CozeLoopContext);
-}
 const useUnsaveLeaveWarning = ({ block, message })=>{
-    const i18n = useI18n();
-    const warnMessage = message || i18n.t('unsave_leave_confirm_warning') || 'Close confirm';
+    const warnMessage = message || i18n_I18n.t('unsave_leave_confirm_warning') || 'Close confirm';
     useEffect(()=>{
         const handleBeforeUnload = (event)=>{
             if (block) {
@@ -1280,7 +1270,7 @@ const InfiniteScrollTable = /*#__PURE__*/ forwardRef(({ service, options, classN
             empty: restTableProps.empty ?? /*#__PURE__*/ jsx(EmptyState, {
                 size: "full_screen",
                 icon: /*#__PURE__*/ jsx(IconCozIllusEmpty, {}),
-                title: "\u6682\u65E0\u6570\u636E"
+                title: i18n_I18n.t('no_data')
             }),
             enableLoad: true,
             loadMode: "cursor",
@@ -1381,7 +1371,7 @@ function TableColsConfig({ className, localStorageKey, defaultHiddenColKeys, col
             const configColumns = generateConfigColumns(handledColumns, hiddenColKeys);
             if (configColumns) toolkit_sleep(100).then(()=>{
                 onChangeConfig?.(configColumns);
-            });
+            }).catch(console.error);
         }
     }, [
         handledColumns,
@@ -1445,7 +1435,7 @@ function TableColsConfig({ className, localStorageKey, defaultHiddenColKeys, col
                 icon: /*#__PURE__*/ jsx(IconCozSetting, {}),
                 color: "primary",
                 onClick: ()=>setVisible(true),
-                children: "\u5217\u914D\u7F6E"
+                children: i18n_I18n.t('column_configuration')
             }),
             /*#__PURE__*/ jsxs(SideSheet, {
                 placement: "right",
@@ -1461,7 +1451,7 @@ function TableColsConfig({ className, localStorageKey, defaultHiddenColKeys, col
                         children: [
                             /*#__PURE__*/ jsx("div", {
                                 className: classnames(table_cols_config_index_module.cell, table_cols_config_index_module["cell-left"], table_cols_config_index_module["cell-thead"]),
-                                children: "\u5217\u540D"
+                                children: i18n_I18n.t('column_name')
                             }),
                             /*#__PURE__*/ jsx("div", {
                                 className: classnames(table_cols_config_index_module.cell, table_cols_config_index_module["cell-right"], table_cols_config_index_module["cell-thead"]),
@@ -1508,7 +1498,7 @@ function TableHeader({ columnSelectorConfigProps, tableColsConfigProps, filterFo
                 ...spaceProps || {},
                 children: [
                     refreshButtonPros ? /*#__PURE__*/ jsx(Tooltip, {
-                        content: "\u5237\u65B0",
+                        content: i18n_I18n.t('refresh'),
                         theme: "dark",
                         children: /*#__PURE__*/ jsx(Button, {
                             color: "primary",
@@ -1530,7 +1520,7 @@ function TableWithoutPagination(props) {
     const { header, heightFull = false, className } = props;
     const { columns } = props.tableProps ?? {};
     const tableContainerRef = useRef(null);
-    const size = useSize(tableContainerRef.current);
+    const size = useSize(tableContainerRef);
     const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
     const tableHeaderHeight = tableHeaderSize?.height ?? 56;
     return /*#__PURE__*/ jsxs("div", {
@@ -1554,7 +1544,7 @@ function TableWithoutPagination(props) {
                         columns: columns?.filter((column)=>true !== column.hidden && false !== column.checked)?.map((column)=>({
                                 ...column,
                                 ...column.sorter && !column.sortIcon ? {
-                                    sortIcon: LoopTableSortIcon
+                                    sortIcon: createLoopTableSortIcon()
                                 } : {}
                             }))
                     }
@@ -1568,7 +1558,7 @@ function TableBatchOperate({ actions, batchOperateStore }) {
     if (!enableBatchOperate) return /*#__PURE__*/ jsx(Button, {
         color: "primary",
         onClick: ()=>setEnableBatchOperate?.(true),
-        children: "\u6279\u91CF\u9009\u62E9"
+        children: i18n_I18n.t('bulk_select')
     });
     return /*#__PURE__*/ jsxs("div", {
         className: "flex items-center gap-2",
@@ -1576,16 +1566,16 @@ function TableBatchOperate({ actions, batchOperateStore }) {
             /*#__PURE__*/ jsxs("div", {
                 className: "text-xs",
                 children: [
-                    "\u5DF2\u9009 ",
-                    selectedItems.length,
-                    " \u6761\u6570\u636E",
+                    i18n_I18n.t('cozeloop_open_evaluate_selected_data_count', {
+                        placeholder1: selectedItems.length
+                    }),
                     /*#__PURE__*/ jsx("span", {
                         className: "ml-1 text-[rgb(var(--coze-up-brand-9))] cursor-pointer",
                         onClick: ()=>{
                             setSelectedItems([]);
                             setEnableBatchOperate?.(false);
                         },
-                        children: "\u53D6\u6D88\u9009\u62E9"
+                        children: i18n_I18n.t('unselect')
                     })
                 ]
             }),
@@ -1771,7 +1761,7 @@ function IndexControllerView({ indexControllerStore, className }) {
         spacing: 4,
         children: [
             /*#__PURE__*/ jsx(Tooltip, {
-                content: "\u4E0A\u4E00\u6761",
+                content: i18n_I18n.t('prev_item'),
                 theme: "dark",
                 children: /*#__PURE__*/ jsx("div", {
                     className: "flex items-center",
@@ -1796,7 +1786,7 @@ function IndexControllerView({ indexControllerStore, className }) {
                 ]
             }),
             /*#__PURE__*/ jsx(Tooltip, {
-                content: "\u4E0B\u4E00\u6761",
+                content: i18n_I18n.t('next_one'),
                 theme: "dark",
                 children: /*#__PURE__*/ jsx("div", {
                     className: "flex items-center",
@@ -1932,7 +1922,7 @@ const BaseSearchSelect = (props)=>{
     return /*#__PURE__*/ jsx(Select, {
         suffix: showRefreshBtn && dropdownVisible ? /*#__PURE__*/ jsx(Tooltip, {
             theme: "dark",
-            content: "\u5237\u65B0",
+            content: i18n_I18n.t('refresh'),
             children: /*#__PURE__*/ jsxs("div", {
                 className: "flex flex-row items-center",
                 children: [
@@ -1971,7 +1961,7 @@ const base_search_form_select = BaseSearchFormSelect;
 function OpenDetailButton({ url, className }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         theme: "dark",
-        content: "\u67E5\u770B\u8BE6\u60C5",
+        content: i18n_I18n.t('view_detail'),
         children: /*#__PURE__*/ jsx(Button, {
             onClick: (e)=>{
                 e.stopPropagation();
@@ -2110,7 +2100,6 @@ const logic_expr_index_module = {
 };
 function LogicNot(props) {
     const { not, readonly, onChange, className, style } = props;
-    const I18n = useI18n();
     const onClick = ()=>{
         if (readonly) return;
         onChange?.(!not);
@@ -2124,7 +2113,7 @@ function LogicNot(props) {
             e.stopPropagation();
             onClick();
         },
-        children: I18n.t('fornax_components_logic_expr_not')
+        children: i18n_I18n.t('logic_expr_not')
     });
 }
 const LOGIC_OPTIONS = [
@@ -2152,7 +2141,6 @@ const SvgSelect = (props)=>/*#__PURE__*/ jsx("svg", {
     });
 function LogicToggle(props) {
     const { operator = 'and', hideLine, enableNot, not = false, readonly, allowLogicOperators, onChange } = props;
-    const I18n = useI18n();
     const filteredLogicOptions = allowLogicOperators ? LOGIC_OPTIONS.filter((op)=>allowLogicOperators.includes(op.value)) : LOGIC_OPTIONS;
     const label = filteredLogicOptions.find((op)=>op.value === operator)?.label || '-';
     return /*#__PURE__*/ jsx("div", {
@@ -2163,7 +2151,7 @@ function LogicToggle(props) {
         }),
         children: readonly ? /*#__PURE__*/ jsx("div", {
             className: logic_expr_index_module["logic-toggle-tag"],
-            children: I18n.t(label)
+            children: i18n_I18n.t(label)
         }) : /*#__PURE__*/ jsx(Select, {
             size: "small",
             showClear: false,
@@ -2179,7 +2167,7 @@ function LogicToggle(props) {
                                 onChange(operator, val);
                             }
                         }) : null,
-                        I18n.t(label),
+                        i18n_I18n.t(label),
                         /*#__PURE__*/ jsx(SvgSelect, {
                             className: logic_expr_index_module["logic-toggle-tag-icon"]
                         })
@@ -2187,7 +2175,7 @@ function LogicToggle(props) {
                 }),
             optionList: filteredLogicOptions.map((item)=>({
                     ...item,
-                    label: I18n.t(item.label ?? '')
+                    label: i18n_I18n.t(item.label ?? '')
                 })),
             value: operator,
             onChange: (val)=>{
@@ -2256,7 +2244,6 @@ function defaultRightRender({ expr, readonly, size, onChange, onExprChange }) {
 }
 const ExprRender = ({ value, readonly, enableNot, className, style, path, leftRender, operatorRender, rightRender, elementSize = 'default', onChange, onDelete, renderTool, errorMsgRender })=>{
     const isEdit = !readonly;
-    const I18n = useI18n();
     const [deleteButtonHover, setDeleteButtonHover] = useState(false);
     const patchExpr = (expr)=>{
         const newExpr = {
@@ -2338,7 +2325,7 @@ const ExprRender = ({ value, readonly, enableNot, className, style, path, leftRe
                                     renderRight(),
                                     isEdit ? /*#__PURE__*/ jsx(Tooltip, {
                                         theme: "dark",
-                                        content: I18n.t('fornax_components_logic_expr_delete_filter'),
+                                        content: i18n_I18n.t('logic_expr_delete_filter'),
                                         children: /*#__PURE__*/ jsx(IconButton, {
                                             className: classnames('expr-render-del-btn', logic_expr_index_module["expr-render-del-btn"]),
                                             size: "small",
@@ -2380,7 +2367,6 @@ function genPath(path, index) {
     return path ? `${path}-${index}` : `${index}`;
 }
 function ExprGroupRender({ value, readonly, singleTag, enableNot, className, exprGroupRenderContentItemsClassName, style, path, leftRender, operatorRender, rightRender, allowLogicOperators, maxNestingDepth, elementSize = 'default', logicToggleReadonly, onExprChange, onExprGroupChange, onAddItem, onAddGroup, onDeleteExpr, onDeleteExprGroup, errorMsgRender }) {
-    const I18n = useI18n();
     const isEdit = !readonly;
     const patchExpr = (expr)=>{
         if (!value) return;
@@ -2413,7 +2399,7 @@ function ExprGroupRender({ value, readonly, singleTag, enableNot, className, exp
                     type: "primary",
                     children: /*#__PURE__*/ jsx("span", {
                         className: "text-brand-9 text-[14px] leading-[20px]",
-                        children: I18n.t('fornax_components_logic_expr_add_filter')
+                        children: i18n_I18n.t('logic_expr_add_filter')
                     })
                 }),
                 showAddGroupButton ? /*#__PURE__*/ jsxs(Fragment, {
@@ -2424,7 +2410,7 @@ function ExprGroupRender({ value, readonly, singleTag, enableNot, className, exp
                         /*#__PURE__*/ jsx(ToolButton, {
                             icon: /*#__PURE__*/ jsx(IconCozPlusCircle, {}),
                             onClick: ()=>onAddGroup?.(path),
-                            children: I18n.t('fornax_components_logic_expr_add_filter_group')
+                            children: i18n_I18n.t('logic_expr_add_filter_group')
                         })
                     ]
                 }) : null
@@ -2700,85 +2686,85 @@ function findFieldByPath(fields, fieldPaths) {
     });
     return field;
 }
-const stringOperations = [
-    {
-        label: "\u5305\u542B",
-        value: 'like'
-    },
-    {
-        label: "\u4E0D\u5305\u542B",
-        value: 'not-like'
-    },
-    {
-        label: "\u7B49\u4E8E",
-        value: 'equals'
-    },
-    {
-        label: "\u4E0D\u7B49\u4E8E",
-        value: 'not-equals'
-    }
-];
-const numberOperations = [
-    {
-        label: "\u7B49\u4E8E",
-        value: 'equals'
-    },
-    {
-        label: "\u4E0D\u7B49\u4E8E",
-        value: 'not-equals'
-    },
-    {
-        label: "\u5927\u4E8E",
-        value: 'greater-than'
-    },
-    {
-        label: "\u5927\u4E8E\u7B49\u4E8E",
-        value: 'greater-than-equals'
-    },
-    {
-        label: "\u5C0F\u4E8E",
-        value: 'less-than'
-    },
-    {
-        label: "\u5C0F\u4E8E\u7B49\u4E8E",
-        value: 'less-than-equals'
-    }
-];
-const dateOperations = [
-    {
-        label: "\u7B49\u4E8E",
-        value: 'equals'
-    },
-    {
-        label: "\u4E0D\u7B49\u4E8E",
-        value: 'not-equals'
-    },
-    {
-        label: "\u665A\u4E8E",
-        value: 'greater-than'
-    },
-    {
-        label: "\u65E9\u4E8E",
-        value: 'less-than'
-    }
-];
-const selectOperations = [
-    {
-        label: "\u5305\u542B",
-        value: 'contains'
-    },
-    {
-        label: "\u4E0D\u5305\u542B",
-        value: 'not-contains'
-    }
-];
+const stringOperations = ()=>[
+        {
+            label: i18n_I18n.t('contain'),
+            value: 'like'
+        },
+        {
+            label: i18n_I18n.t('not_contain'),
+            value: 'not-like'
+        },
+        {
+            label: i18n_I18n.t('equal_to'),
+            value: 'equals'
+        },
+        {
+            label: i18n_I18n.t('not_equal_to'),
+            value: 'not-equals'
+        }
+    ];
+const numberOperations = ()=>[
+        {
+            label: i18n_I18n.t('equal_to'),
+            value: 'equals'
+        },
+        {
+            label: i18n_I18n.t('not_equal_to'),
+            value: 'not-equals'
+        },
+        {
+            label: i18n_I18n.t('greater_than'),
+            value: 'greater-than'
+        },
+        {
+            label: i18n_I18n.t('task_filter_gte'),
+            value: 'greater-than-equals'
+        },
+        {
+            label: i18n_I18n.t('less_than'),
+            value: 'less-than'
+        },
+        {
+            label: i18n_I18n.t('task_filter_lte'),
+            value: 'less-than-equals'
+        }
+    ];
+const dateOperations = ()=>[
+        {
+            label: i18n_I18n.t('equal_to'),
+            value: 'equals'
+        },
+        {
+            label: i18n_I18n.t('not_equal_to'),
+            value: 'not-equals'
+        },
+        {
+            label: i18n_I18n.t('later_than'),
+            value: 'greater-than'
+        },
+        {
+            label: i18n_I18n.t('earlier_than'),
+            value: 'less-than'
+        }
+    ];
+const selectOperations = ()=>[
+        {
+            label: i18n_I18n.t('contain'),
+            value: 'contains'
+        },
+        {
+            label: i18n_I18n.t('not_contain'),
+            value: 'not-contains'
+        }
+    ];
 function StringSetter({ textAreaMode = true, ...props }) {
     if (false === textAreaMode) return /*#__PURE__*/ jsx(Input, {
-        placeholder: "\u8BF7\u8F93\u5165",
+        placeholder: i18n_I18n.t('please_enter'),
         ...props
     });
     return /*#__PURE__*/ jsx(TextArea, {
-        placeholder: "\u8BF7\u8F93\u5165",
+        placeholder: i18n_I18n.t('please_enter'),
         rows: 1,
         ...props
     });
@@ -2786,7 +2772,7 @@ function StringSetter({ textAreaMode = true, ...props }) {
 function NumberSetter(props) {
     const { value, onChange, ...rest } = props;
     return /*#__PURE__*/ jsx(CozInputNumber, {
-        placeholder: "\u8BF7\u8F93\u5165",
+        placeholder: i18n_I18n.t('please_enter'),
         ...rest,
         className: `w-full ${props.className ?? ''}`,
         value: value ?? '',
@@ -2804,7 +2790,7 @@ function DateSetter(props) {
 function SelectSetter(props) {
     const { value, onChange, optionList = [], className = '', ...rest } = props;
     return /*#__PURE__*/ jsx(Select, {
-        placeholder: "\u8BF7\u9009\u62E9",
+        placeholder: i18n_I18n.t('please_select'),
         ...rest,
         className: `w-full ${className}`,
         optionList: optionList,
@@ -2812,33 +2798,40 @@ function SelectSetter(props) {
         onChange: (val)=>onChange(val)
     });
 }
-const dataTypeList = [
-    {
-        type: 'string',
-        operations: stringOperations,
-        setter: StringSetter
-    },
-    {
-        type: 'number',
-        operations: numberOperations,
-        setter: NumberSetter
-    },
-    {
-        type: 'date',
-        operations: dateOperations,
-        setter: DateSetter
-    },
-    {
-        type: 'options',
-        operations: selectOperations,
-        setter: SelectSetter
-    }
-];
+function useDataTypeList() {
+    const [state] = useState(()=>{
+        const dataTypeList = [
+            {
+                type: 'string',
+                operations: stringOperations(),
+                setter: StringSetter
+            },
+            {
+                type: 'number',
+                operations: numberOperations(),
+                setter: NumberSetter
+            },
+            {
+                type: 'date',
+                operations: dateOperations(),
+                setter: DateSetter
+            },
+            {
+                type: 'options',
+                operations: selectOperations(),
+                setter: SelectSetter
+            }
+        ];
+        return dataTypeList;
+    });
+    return state;
+}
 function RightRender(props) {
     const { expr, onExprChange, fields, disabled = false } = props;
     const field = findFieldByPath(fields, expr.left);
     if (!field) return null;
     if ('is-empty' === expr.operator || 'is-not-empty' === expr.operator) return null;
+    const dataTypeList = useDataTypeList();
     const Setter = field?.setter || dataTypeList.find((dataType)=>dataType.type === field.type)?.setter;
     if (!Setter) return null;
     return /*#__PURE__*/ jsx("div", {
@@ -2861,6 +2854,7 @@ function RightRender(props) {
 function OperatorRender(props) {
     const { expr, onExprChange, fields, disabled = false } = props;
     const field = findFieldByPath(fields, expr.left);
+    const dataTypeList = useDataTypeList();
     const dataType = dataTypeList.find((item)=>item.type === field?.type);
     if (!field) return null;
     const { disabledOperations = [], customOperations } = field;
@@ -2870,7 +2864,7 @@ function OperatorRender(props) {
     return /*#__PURE__*/ jsx("div", {
         className: "w-24",
         children: /*#__PURE__*/ jsx(Select, {
-            placeholder: "\u64CD\u4F5C\u7B26",
+            placeholder: i18n_I18n.t('operator'),
             value: expr.operator,
             style: {
                 width: '100%'
@@ -2895,10 +2889,11 @@ function fieldsToOptions(fields) {
 }
 function LeftRender(props) {
     const { expr, onExprChange, fields, disabled, enableCascadeMode } = props;
+    const dataTypeList = useDataTypeList();
     if (enableCascadeMode) return /*#__PURE__*/ jsx("div", {
         className: "w-56",
         children: /*#__PURE__*/ jsx(Cascader, {
-            placeholder: "\u8BF7\u9009\u62E9",
+            placeholder: i18n_I18n.t('please_select'),
             value: expr.left,
             className: "w-full",
             disabled: disabled,
@@ -2925,7 +2920,7 @@ function LeftRender(props) {
     return /*#__PURE__*/ jsx("div", {
         className: "w-40",
         children: /*#__PURE__*/ jsx(Select, {
-            placeholder: "\u8BF7\u9009\u62E9",
+            placeholder: i18n_I18n.t('please_select'),
             value: expr.left,
             className: "w-full",
             disabled: disabled,
@@ -3012,7 +3007,7 @@ function LogicEditor({ fields = [], disabled = false, value, popoverProps = {},
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: "font-medium",
-                        children: "\u8FC7\u6EE4\u5668"
+                        children: i18n_I18n.t('filter')
                     }),
                     tooltip ? /*#__PURE__*/ jsx(Tooltip, {
                         theme: "dark",
@@ -3027,7 +3022,7 @@ function LogicEditor({ fields = [], disabled = false, value, popoverProps = {},
                             setLogicFilter(void 0);
                             onChange?.(void 0);
                         },
-                        children: "\u6E05\u7A7A\u7B5B\u9009"
+                        children: i18n_I18n.t('clear_filter')
                     })
                 ]
             }),
@@ -3052,7 +3047,7 @@ function LogicEditor({ fields = [], disabled = false, value, popoverProps = {},
                         setVisible(false);
                         onClose?.();
                     },
-                    children: "\u5E94\u7528"
+                    children: i18n_I18n.t('apply')
                 })
             })
         ]
@@ -3079,7 +3074,7 @@ function LogicEditor({ fields = [], disabled = false, value, popoverProps = {},
             icon: /*#__PURE__*/ jsx(IconCozFilter, {}),
             color: "primary",
             children: [
-                "\u8FC7\u6EE4\u5668",
+                i18n_I18n.t('filter'),
                 count ? /*#__PURE__*/ jsx("div", {
                     className: "flex items-center justify-center w-5 h-5 rounded-[50%] text-brand-9 bg-brand-4 ml-1 text-[13px]",
                     children: count
@@ -3150,23 +3145,23 @@ var type_ImageStatus = /*#__PURE__*/ function(ImageStatus) {
     ImageStatus["Error"] = "error";
     return ImageStatus;
 }({});
-const ErrorTypeMap = {
-    [ItemErrorType.MismatchSchema]: "schema \u4E0D\u5339\u914D",
-    [ItemErrorType.EmptyData]: "\u7A7A\u6570\u636E",
-    [ItemErrorType.ExceedMaxItemSize]: "\u5355\u6761\u6570\u636E\u5927\u5C0F\u8D85\u9650",
-    [ItemErrorType.ExceedDatasetCapacity]: "\u6570\u636E\u96C6\u5BB9\u91CF\u8D85\u9650",
-    [ItemErrorType.MalformedFile]: "\u6587\u4EF6\u683C\u5F0F\u9519\u8BEF",
-    [ItemErrorType.InternalError]: "\u7CFB\u7EDF\u9519\u8BEF",
-    [ItemErrorType.IllegalContent]: "\u5305\u542B\u975E\u6CD5\u5185\u5BB9",
-    [ItemErrorType.MissingRequiredField]: "\u7F3A\u5C11\u5FC5\u586B\u5B57\u6BB5",
-    [ItemErrorType.ExceedMaxNestedDepth]: "\u6570\u636E\u5D4C\u5957\u5C42\u6570\u8D85\u9650",
-    [ItemErrorType.TransformItemFailed]: "\u6570\u636E\u8F6C\u6362\u5931\u8D25",
-    [ItemErrorType.ExceedMaxImageCount]: "\u56FE\u7247\u6570\u91CF\u8D85\u9650",
-    [ItemErrorType.ExceedMaxImageSize]: "\u56FE\u7247\u5927\u5C0F\u8D85\u9650",
-    [ItemErrorType.GetImageFailed]: "\u56FE\u7247\u83B7\u53D6\u5931\u8D25",
-    [ItemErrorType.IllegalExtension]: "\u6587\u4EF6\u6269\u5C55\u540D\u4E0D\u5408\u6CD5",
-    [ItemErrorType.UploadImageFailed]: "\u4E0A\u4F20\u56FE\u7247\u5931\u8D25"
-};
+const getErrorTypeMap = ()=>({
+        [ItemErrorType.MismatchSchema]: i18n_I18n.t('schema_mismatch'),
+        [ItemErrorType.EmptyData]: i18n_I18n.t('empty_data'),
+        [ItemErrorType.ExceedMaxItemSize]: i18n_I18n.t('single_data_size_exceeded'),
+        [ItemErrorType.ExceedDatasetCapacity]: i18n_I18n.t('dataset_capacity_exceeded'),
+        [ItemErrorType.MalformedFile]: i18n_I18n.t('file_format_error'),
+        [ItemErrorType.InternalError]: i18n_I18n.t('system_error'),
+        [ItemErrorType.IllegalContent]: i18n_I18n.t('contains_illegal_content'),
+        [ItemErrorType.MissingRequiredField]: i18n_I18n.t('missing_required_field'),
+        [ItemErrorType.ExceedMaxNestedDepth]: i18n_I18n.t('data_nesting_exceeds_limit'),
+        [ItemErrorType.TransformItemFailed]: i18n_I18n.t('data_conversion_failed'),
+        [ItemErrorType.ExceedMaxImageCount]: i18n_I18n.t('exceed_max_image_count'),
+        [ItemErrorType.ExceedMaxImageSize]: i18n_I18n.t('exceed_max_image_size'),
+        [ItemErrorType.GetImageFailed]: i18n_I18n.t('get_image_failed'),
+        [ItemErrorType.IllegalExtension]: i18n_I18n.t('illegal_extension'),
+        [ItemErrorType.UploadImageFailed]: i18n_I18n.t('cozeloop_open_evaluate_image_upload_failed')
+    });
 const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImageUrl, uploadType = 'image', intranetUrlValidator })=>{
     const [error, setError] = useState('');
     const [isUploading, setIsUploading] = useState(false);
@@ -3182,7 +3177,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
         }
     };
     const handleUpload = async (formValues)=>{
-        if (formValues?.urls?.length === 0) return void setError("\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u56FE\u7247\u94FE\u63A5");
+        if (formValues?.urls?.length === 0) return void setError(i18n_I18n.t('please_add_at_least_one_image_link'));
         setIsUploading(true);
         setError('');
         try {
@@ -3190,7 +3185,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
             setUploadResults(results || []);
             setIsUploaded(true);
         } catch (err) {
-            setError("\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+            setError(i18n_I18n.t('upload_failed_please_try_again'));
         } finally{
             setIsUploading(false);
         }
@@ -3243,24 +3238,28 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
                                     /*#__PURE__*/ jsx(Form.Input, {
                                         field: `urls[${idx}]`,
                                         label: {
-                                            text: `${'image' === uploadType ? "\u56FE\u7247" : "\u89C6\u9891"}${idx + 1}`,
+                                            text: `${'image' === uploadType ? i18n_I18n.t('image') : i18n_I18n.t('video')}${idx + 1}`,
                                             required: true
                                         },
                                         fieldClassName: "flex-1",
-                                        placeholder: `\u{8BF7}\u{8F93}\u{5165}${'image' === uploadType ? "\u56FE\u7247" : "\u89C6\u9891"}\u{94FE}\u{63A5}\u{FF0C}\u{8BF7}\u{4F7F}\u{7528}\u{516C}\u{7F51}\u{57DF}\u{540D}`,
+                                        placeholder: `${i18n_I18n.t('please_input_placeholder1_link_public', {
+                                            placeholder1: 'image' === uploadType ? i18n_I18n.t('image') : i18n_I18n.t('video')
+                                        })}`,
                                         rules: [
                                             {
                                                 validator: (_, value, cb)=>{
                                                     if (!value) {
-                                                        cb(`\u{8BF7}\u{8F93}\u{5165}${'image' === uploadType ? "\u56FE\u7247" : "\u89C6\u9891"}\u{94FE}\u{63A5}`);
+                                                        cb(`${i18n_I18n.t('please_input_placeholder1_link', {
+                                                            placeholder1: 'image' === uploadType ? i18n_I18n.t('image') : i18n_I18n.t('video')
+                                                        })}`);
                                                         return false;
                                                     }
                                                     if (intranetUrlValidator && intranetUrlValidator(value)) {
-                                                        cb("\u8BF7\u4F7F\u7528\u516C\u7F51\u57DF\u540D");
+                                                        cb(i18n_I18n.t('please_use_public_domain'));
                                                         return false;
                                                     }
                                                     if (!validateUrl(value)) {
-                                                        cb("\u8BF7\u8F93\u5165\u6709\u6548\u7684URL");
+                                                        cb(i18n_I18n.t('please_enter_a_valid_url'));
                                                         return false;
                                                     }
                                                     return true;
@@ -3293,7 +3292,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
                                 ]),
                             className: "mt-2",
                             children: [
-                                "\u6DFB\u52A0",
+                                i18n_I18n.t('space_member_role_type_add_btn'),
                                 /*#__PURE__*/ jsx(Typography.Text, {
                                     className: "ml-1",
                                     type: "secondary",
@@ -3311,7 +3310,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
         });
     const columns = [
         {
-            title: "\u56FE\u7247\u5730\u5740",
+            title: i18n_I18n.t('image_address'),
             dataIndex: 'originImage.url',
             width: 220,
             ellipsis: {
@@ -3319,7 +3318,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
             }
         },
         {
-            title: "\u56FE\u7247\u9884\u89C8",
+            title: i18n_I18n.t('image_preview'),
             dataIndex: 'originImage.url',
             width: 120,
             render: (url)=>/*#__PURE__*/ jsx(Image, {
@@ -3332,7 +3331,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
                 })
         },
         {
-            title: "\u72B6\u6001",
+            title: i18n_I18n.t('status'),
             key: 'status',
             align: 'left',
             width: 200,
@@ -3342,12 +3341,12 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
                         /*#__PURE__*/ jsx(Tag, {
                             prefixIcon: record?.errorType ? /*#__PURE__*/ jsx(IconCozCrossCircleFill, {}) : /*#__PURE__*/ jsx(IconCozCheckMarkCircleFill, {}),
                             color: record?.errorType ? 'red' : 'green',
-                            children: record?.errorType ? "\u5931\u8D25" : "\u6210\u529F"
+                            children: record?.errorType ? i18n_I18n.t('failure') : i18n_I18n.t('success')
                         }),
                         /*#__PURE__*/ jsx(Typography.Text, {
                             type: "secondary",
                             className: "ml-1",
-                            children: record.errorType ? ErrorTypeMap[record.errorType] : ''
+                            children: record.errorType ? getErrorTypeMap()[record.errorType] : ''
                         })
                     ]
                 })
@@ -3366,13 +3365,15 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
             })
         });
     const getConfirmButtonText = ()=>{
-        if (!uploadImageUrl) return "\u786E\u8BA4";
-        if (isUploading) return "\u4E0A\u4F20\u4E2D...";
-        if (isUploaded) return `\u{5BFC}\u{5165}${'image' === uploadType ? "\u56FE\u7247" : "\u89C6\u9891"}`;
-        return "\u4E0A\u4F20";
+        if (!uploadImageUrl) return i18n_I18n.t('global_btn_confirm');
+        if (isUploading) return i18n_I18n.t('cozeloop_open_evaluate_uploading');
+        if (isUploaded) return `${i18n_I18n.t('import')}${'image' === uploadType ? i18n_I18n.t('image') : i18n_I18n.t('video')}`;
+        return i18n_I18n.t('upload');
     };
     return /*#__PURE__*/ jsxs(Modal, {
-        title: `\u{6DFB}\u{52A0}${'image' === uploadType ? "\u56FE\u7247" : "\u89C6\u9891"}\u{94FE}\u{63A5}`,
+        title: `${i18n_I18n.t('add_placeholder1_link', {
+            placeholder1: 'image' === uploadType ? i18n_I18n.t('image') : i18n_I18n.t('video')
+        })}`,
         visible: visible,
         onCancel: handleCancel,
         width: 640,
@@ -3382,7 +3383,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
                 /*#__PURE__*/ jsx(Button, {
                     onClick: handleCancel,
                     color: "primary",
-                    children: "\u53D6\u6D88"
+                    children: i18n_I18n.t('cancel')
                 }),
                 /*#__PURE__*/ jsx(Button, {
                     type: "primary",
@@ -3401,7 +3402,7 @@ const UrlInputModal = ({ visible, onConfirm, onCancel, maxCount = 6, uploadImage
                     }),
                     /*#__PURE__*/ jsx("span", {
                         className: "ml-2",
-                        children: "\u6B63\u5728\u4E0A\u4F20\u56FE\u7247..."
+                        children: i18n_I18n.t('cozeloop_open_evaluate_uploading_image')
                     })
                 ]
             }) : null,
@@ -3503,10 +3504,10 @@ const VideoItemRenderer = ({ className, style, spaceID, item, onRemove, onChange
             }),
             status === type_ImageStatus.Error ? /*#__PURE__*/ jsx("div", {
                 className: "text-sm text-red-500",
-                children: "\u4E0A\u4F20\u5931\u8D25"
+                children: i18n_I18n.t('upload_fail')
             }) : null,
             /*#__PURE__*/ jsx(Modal, {
-                title: "\u89C6\u9891\u9884\u89C8",
+                title: i18n_I18n.t('video_preview'),
                 footer: null,
                 visible: visible,
                 onCancel: ()=>setVisible(false),
@@ -3624,7 +3625,7 @@ const ImageItemRenderer = ({ className, style, spaceID, item, onRemove, onChange
             }),
             status === type_ImageStatus.Error && /*#__PURE__*/ jsx("div", {
                 className: "text-sm text-red-500",
-                children: "\u4E0A\u4F20\u5931\u8D25"
+                children: i18n_I18n.t('upload_fail')
             })
         ]
     });
@@ -3649,7 +3650,7 @@ const MultipartItemRenderer = ({ item, readonly, onChange, onRemove })=>{
                             maxRows: 3
                         },
                         disabled: readonly,
-                        placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u4FE1\u606F"
+                        placeholder: i18n_I18n.t('please_input_text')
                     }),
                     readonly ? null : /*#__PURE__*/ jsx(Button, {
                         icon: /*#__PURE__*/ jsx(IconCozTrashCan, {}),
@@ -3852,12 +3853,16 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
     };
     const getDisabledTooltip = useCallback(({ type, exceed, disabled })=>{
         if (type === ContentType.Image) {
-            if (exceed) return `\u{591A}\u{6A21}\u{6001}\u{56FE}\u{7247}\u{5DF2}\u{8FBE}\u{4E0A}\u{9650}\u{FF0C}\u{5F53}\u{524D}\u{4EC5}\u{652F}\u{6301}\u{4E0A}\u{4F20}${canUseFileLimit}\u{4E2A}\u{6587}\u{4EF6}`;
-            if (disabled) return "\u8BE5\u6A21\u578B\u4E0D\u652F\u6301\u591A\u6A21\u6001\u56FE\u7247";
+            if (exceed) return `${i18n_I18n.t('multi_modal_image_limit_reached', {
+                canUseFileLimit
+            })}`;
+            if (disabled) return i18n_I18n.t('model_not_support_multi_modal_image');
         } else {
-            if ('Video' !== type) return "\u8BE5\u6A21\u578B\u4E0D\u652F\u6301\u591A\u6A21\u6001";
-            if (exceed) return `\u{591A}\u{6A21}\u{6001}\u{89C6}\u{9891}\u{5DF2}\u{8FBE}\u{4E0A}\u{9650}\u{FF0C}\u{5F53}\u{524D}\u{4EC5}\u{652F}\u{6301}\u{4E0A}\u{4F20}${canUseFileLimit}\u{4E2A}\u{6587}\u{4EF6}`;
-            if (disabled) return "\u8BE5\u6A21\u578B\u4E0D\u652F\u6301\u591A\u6A21\u6001\u89C6\u9891";
+            if ('Video' !== type) return i18n_I18n.t('model_not_support_multi_modal');
+            if (exceed) return `${i18n_I18n.t('multi_modal_video_limit_reached', {
+                canUseFileLimit
+            })}`;
+            if (disabled) return i18n_I18n.t('model_not_support_multi_modal_video');
         }
     }, []);
     const renderImageSubMenu = useCallback((children)=>/*#__PURE__*/ jsx(TooltipWhenDisabled, {
@@ -3894,14 +3899,14 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
             /*#__PURE__*/ jsx(Menu.Item, {
                 onClick: handleAddText,
                 disabled: imageCount >= maxPartCount,
-                children: "\u6587\u672C"
+                children: i18n_I18n.t('text')
             }),
             imageHidden ? null : /*#__PURE__*/ jsx(Menu.Item, {
                 onClick: handleAddImageFile,
                 disabled: exceedFileCount || !imageEnabled,
                 children: renderImageSubMenu(/*#__PURE__*/ jsx("span", {
                     className: "w-full",
-                    children: "\u56FE\u7247-\u6E90\u6587\u4EF6"
+                    children: i18n_I18n.t('image_source_file')
                 }))
             }),
             imageHidden ? null : /*#__PURE__*/ jsx(Menu.Item, {
@@ -3909,7 +3914,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                 disabled: exceedFileCount || !imageEnabled,
                 children: renderImageSubMenu(/*#__PURE__*/ jsx("span", {
                     className: "w-full",
-                    children: "\u56FE\u7247-\u5916\u94FE"
+                    children: i18n_I18n.t('image_external_link')
                 }))
             }),
             videoHidden ? null : /*#__PURE__*/ jsx(Menu.Item, {
@@ -3917,7 +3922,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                 disabled: exceedFileCount || !videoEnabled,
                 children: renderVideoSubMenu(/*#__PURE__*/ jsx("span", {
                     className: "w-full",
-                    children: "\u89C6\u9891-\u6E90\u6587\u4EF6"
+                    children: i18n_I18n.t('video_source_file')
                 }))
             }),
             videoHidden ? null : /*#__PURE__*/ jsx(Menu.Item, {
@@ -3925,7 +3930,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                 disabled: exceedFileCount || !videoEnabled,
                 children: renderVideoSubMenu(/*#__PURE__*/ jsx("span", {
                     className: "w-full",
-                    children: "\u89C6\u9891-\u5916\u94FE"
+                    children: i18n_I18n.t('video_external_link')
                 }))
             })
         ]
@@ -4006,7 +4011,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                 color: "primary",
                 disabled: true,
                 children: [
-                    "\u6DFB\u52A0\u6570\u636E",
+                    i18n_I18n.t('add_data'),
                     /*#__PURE__*/ jsx(Typography.Text, {
                         className: "ml-1 !text-inherit",
                         type: "secondary",
@@ -4025,7 +4030,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                     color: "primary",
                     disabled: items.length >= maxPartCount,
                     children: [
-                        "\u6DFB\u52A0\u6570\u636E",
+                        i18n_I18n.t('add_data'),
                         /*#__PURE__*/ jsx(Typography.Text, {
                             className: "ml-1",
                             type: "secondary",
@@ -4039,7 +4044,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                 action: "",
                 maxSize: maxFileSize,
                 onSizeError: ()=>{
-                    Toast.error("\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC720MB");
+                    Toast.error(i18n_I18n.t('cozeloop_open_evaluate_image_size_limit_20mb'));
                 },
                 accept: supportedFormats,
                 customRequest: handleUploadFile,
@@ -4050,7 +4055,7 @@ const MultipartEditor = ({ spaceID, uploadFile, value, onChange, className, mult
                 multiple: true,
                 limit: canUseFileLimit > canUsePartLimit ? canUsePartLimit : canUseFileLimit,
                 onExceed: ()=>{
-                    Toast.error("\u56FE\u7247\u6570\u91CF\u4E0D\u80FD\u8D85\u8FC720\u5F20\u6216\u8282\u70B9\u6570\u91CF\u4E0D\u80FD\u8D85\u8FC750\u4E2A");
+                    Toast.error(i18n_I18n.t('image_or_node_quantity_limit'));
                 }
             }),
             showUrlModal ? /*#__PURE__*/ jsx(UrlInputModal, {
@@ -4130,7 +4135,7 @@ const UploadButton = /*#__PURE__*/ forwardRef(({ spaceID, disabled, maxImageSize
                     onFilePartsChange?.(newPart);
                 } catch (error) {
                     console.info('error', error);
-                    Toast.error("\u56FE\u7247\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+                    Toast.error(i18n_I18n.t('image_upload_error'));
                     onFilePartsChange?.({
                         ...part,
                         status: 'uploadFail'
@@ -4146,8 +4151,12 @@ const UploadButton = /*#__PURE__*/ forwardRef(({ spaceID, disabled, maxImageSize
             showUploadList: false,
             maxSize: maxImageSize ? 1024 * maxImageSize * 1024 : 0,
             limit: fileLimit,
-            onSizeError: ()=>Toast.error(`\u{56FE}\u{7247}\u{5927}\u{5C0F}\u{4E0D}\u{80FD}\u{8D85}\u{8FC7}${maxImageSize}MB`),
-            onExceed: ()=>Toast.warning(`\u{6700}\u{591A}\u{4E0A}\u{4F20}${maxFileCount}\u{5F20}\u{56FE}\u{7247}`),
+            onSizeError: ()=>Toast.error(`${i18n_I18n.t('image_size_exceed_max', {
+                    maxImageSize
+                })}`),
+            onExceed: ()=>Toast.warning(`${i18n_I18n.t('max_upload_images_limit', {
+                    maxFileCount
+                })}`),
             multiple: true,
             fileList: fileParts.map((it)=>({
                     uid: it.uid || '',
@@ -4171,8 +4180,12 @@ const UploadButton = /*#__PURE__*/ forwardRef(({ spaceID, disabled, maxImageSize
             showUploadList: false,
             maxSize: maxVideoSize ? 1024 * maxVideoSize : 0,
             limit: fileLimit,
-            onSizeError: ()=>Toast.error(`\u{89C6}\u{9891}\u{5927}\u{5C0F}\u{4E0D}\u{80FD}\u{8D85}\u{8FC7}${maxVideoSize}MB`),
-            onExceed: ()=>Toast.warning(`\u{6700}\u{591A}\u{4E0A}\u{4F20}${maxFileCount}\u{4E2A}\u{89C6}\u{9891}`),
+            onSizeError: ()=>Toast.error(`${i18n_I18n.t('video_size_exceed_max', {
+                    maxVideoSize
+                })}`),
+            onExceed: ()=>Toast.warning(`${i18n_I18n.t('max_upload_videos_limit', {
+                    maxFileCount
+                })}`),
             multiple: true,
             fileList: fileParts.map((it)=>({
                     uid: it.uid || '',
@@ -4198,14 +4211,14 @@ const UploadButton = /*#__PURE__*/ forwardRef(({ spaceID, disabled, maxImageSize
         color: "primary",
         disabled: disabled,
         "data-btm": "d41383",
-        "data-btm-title": "\u56FE\u7247\u4E0A\u4F20"
+        "data-btm-title": i18n_I18n.t('image_upload')
     }));
     if (!imageEnabled && videoEnabled) return renderVideoUpload(/*#__PURE__*/ jsx(IconButton, {
         icon: /*#__PURE__*/ jsx(IconCozVideo, {}),
         color: "primary",
         disabled: disabled,
         "data-btm": "d27622",
-        "data-btm-title": "\u89C6\u9891\u4E0A\u4F20"
+        "data-btm-title": i18n_I18n.t('video_upload')
     }));
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -4218,16 +4231,16 @@ const UploadButton = /*#__PURE__*/ forwardRef(({ spaceID, disabled, maxImageSize
                                 uploadImgRef.current?.openFileDialog();
                             },
                             "data-btm": "d41383",
-                            "data-btm-title": "\u56FE\u7247\u4E0A\u4F20",
-                            children: "\u56FE\u7247\u4E0A\u4F20"
+                            "data-btm-title": i18n_I18n.t('image_upload'),
+                            children: i18n_I18n.t('image_upload')
                         }),
                         /*#__PURE__*/ jsx(Menu.Item, {
                             onClick: ()=>{
                                 uploadVideoRef.current?.openFileDialog();
                             },
                             "data-btm": "d27622",
-                            "data-btm-title": "\u89C6\u9891\u4E0A\u4F20",
-                            children: "\u89C6\u9891\u4E0A\u4F20"
+                            "data-btm-title": i18n_I18n.t('video_upload'),
+                            children: i18n_I18n.t('video_upload')
                         })
                     ]
                 }),
@@ -4426,76 +4439,6 @@ function LoopRadioGroup({ className, ...props }) {
         ...props
     });
 }
-const code_item_module = {
-    "usage-detail": "usage-detail-avIFhw",
-    usageDetail: "usage-detail-avIFhw"
-};
-var code_usage_SupportedLang = /*#__PURE__*/ function(SupportedLang) {
-    SupportedLang["Golang"] = "go";
-    SupportedLang["Js"] = "javascript";
-    SupportedLang["Python"] = "python";
-    return SupportedLang;
-}({});
-const UsageContent = ({ content, copyable, lang = "javascript", height = 300 })=>/*#__PURE__*/ jsxs("div", {
-        className: "bg-[var(--semi-color-fill-0)] p-[16px] rounded-[8px] text-[14px] flex",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "flex-1 whitespace-pre-wrap break-all",
-                children: /*#__PURE__*/ jsx(_monaco_editor_react, {
-                    width: '100%',
-                    height: height,
-                    language: lang,
-                    value: content,
-                    theme: 'code-block-grey',
-                    options: {
-                        minimap: {
-                            enabled: false
-                        },
-                        wordWrap: 'on',
-                        scrollBeyondLastLine: false,
-                        unicodeHighlight: {
-                            ambiguousCharacters: false
-                        },
-                        lineNumbers: 'on',
-                        formatOnPaste: true,
-                        readOnly: true
-                    },
-                    beforeMount: (monaco)=>{
-                        monaco.editor.defineTheme('code-block-grey', {
-                            base: 'vs',
-                            inherit: true,
-                            rules: [],
-                            colors: {
-                                'editor.background': '#F4F4F4'
-                            }
-                        });
-                    }
-                })
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "ml-[8px]",
-                children: copyable ? /*#__PURE__*/ jsx(IconCozCopy, {
-                    className: "ml-[4px] text-[var(--coz-fg-dim)] cursor-pointer hover:coz-fg-primary",
-                    onClick: ()=>handleCopy(content || '')
-                }) : null
-            })
-        ]
-    });
-const UsageItem = ({ title, content, lang, contentHeight })=>/*#__PURE__*/ jsxs("div", {
-        className: code_item_module["usage-detail"],
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "text-[#16px] font-[500] mb-4",
-                children: title
-            }),
-            content ? /*#__PURE__*/ jsx(UsageContent, {
-                content: content,
-                copyable: true,
-                lang: lang,
-                height: contentHeight
-            }) : null
-        ]
-    });
 const layout_index_module = {
     tabs: "tabs-GNhC2M"
 };
@@ -4549,31 +4492,63 @@ function TitleWithSub({ title, subTitle, className }) {
         ]
     });
 }
+const CozeLoopContext = /*#__PURE__*/ createContext({});
+function CozeLoopProvider({ children, defaultLanguage, resources, sendEvent }) {
+    const isInitialized = useRef(false);
+    const [initialized, setInitialized] = useState(false);
+    useEffect(()=>{
+        if (resources && !isInitialized.current) initIntl({
+            lng: defaultLanguage,
+            resources
+        }).then(()=>{
+            isInitialized.current = true;
+            setInitialized(true);
+        }).catch((error)=>{
+            console.error('Error initializing intl:', error);
+            isInitialized.current = true;
+            setInitialized(true);
+        });
+    }, [
+        resources,
+        defaultLanguage
+    ]);
+    if (!initialized) return /*#__PURE__*/ jsx(PageLoading, {});
+    return /*#__PURE__*/ jsx(CozeLoopContext.Provider, {
+        value: {
+            sendEvent
+        },
+        children: children
+    });
+}
+function useReportEvent() {
+    const context = useContext(CozeLoopContext);
+    return context.sendEvent ?? ((name, params)=>{
+        console.info(name, params);
+    });
+}
 function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps } = {}, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps } = {} }) {
-    const I18n = useI18n();
     return /*#__PURE__*/ jsxs("div", {
         className: "flex justify-end",
         children: [
             /*#__PURE__*/ jsx(Button, {
                 color: "primary",
                 ...cancelBtnProps,
-                children: cancelBtnText ?? I18n.t('global_btn_cancel')
+                children: cancelBtnText ?? i18n_I18n.t('cancel')
             }),
             /*#__PURE__*/ jsx(Button, {
                 className: "ml-2",
                 ...confirmBtnProps,
-                children: confirmBtnText ?? I18n.t('global_btn_confirm')
+                children: confirmBtnText ?? i18n_I18n.t('global_btn_confirm')
             })
         ]
     });
 }
 function TableEmpty({ className, ...props }) {
-    const I18n = useI18n();
     return /*#__PURE__*/ jsx(EmptyState, {
         className: classnames('my-10', className),
         icon: /*#__PURE__*/ jsx(IconCozIllusNone, {}),
         darkModeIcon: /*#__PURE__*/ jsx(IconCozIllusNoneDark, {}),
-        description: I18n.t('evaluate_dataset_no_data_yet'),
+        description: i18n_I18n.t('no_data'),
         ...props
     });
 }
@@ -5364,9 +5339,6 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
             time_str: dayjs(closeTime).format('YYYY-MM-DD HH:mm:ss')
         });
     };
-    const onFormCloseDobounce = useDebounceFn(onFormClose, {
-        wait: 200
-    });
     const onValuesChange = (values, changedValues)=>{
         handleValueChange(changedValues);
         onValueChange?.(values, changedValues);
@@ -5402,12 +5374,17 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
         return ()=>{
             if (formID && sessionID && !flushedRef.current) {
                 flushedRef.current = true;
-                sendEvent?.(enum_EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
-                    form_id: formID,
-                    session_id: sessionID,
-                    time_line: JSON.stringify(operationTimelineRef.current)
-                });
-                onFormCloseDobounce.run();
+                try {
+                    sendEvent?.(enum_EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
+                        form_id: formID,
+                        session_id: sessionID,
+                        time_line: JSON.stringify(operationTimelineRef.current)
+                    });
+                } catch (err) {
+                    console.error(err);
+                } finally{
+                    onFormClose();
+                }
             }
         };
     }, [
@@ -5421,12 +5398,17 @@ const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormA
             const sid = sessionIdRef.current;
             if (!fid || !sid) return;
             flushedRef.current = true;
-            sendEvent?.(enum_EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
-                form_id: fid,
-                session_id: sid,
-                time_line: JSON.stringify(operationTimelineRef.current)
-            });
-            onFormCloseDobounce.run();
+            try {
+                sendEvent?.(enum_EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
+                    form_id: fid,
+                    session_id: sid,
+                    time_line: JSON.stringify(operationTimelineRef.current)
+                });
+            } catch (err) {
+                console.error(err);
+            } finally{
+                onFormClose();
+            }
         };
         window.addEventListener('pagehide', flushOnClose);
         window.addEventListener('beforeunload', flushOnClose);
@@ -5720,6 +5702,11 @@ languages.register('json', {
     languageService: json.languageService
 });
 languages.register('shell', shell);
+languages.register('python', python);
+languages.register("typescript", typescript);
+languages.register('go', {
+    language: goLanguage
+});
 themes.register('coze-light', cozeLight);
 themes.register('coze-dark', cozeDark);
 const minHeightOption = (value)=>EditorView.theme({
@@ -5759,7 +5746,7 @@ function createStyleOptions() {
     return [
         react_option('minHeight', minHeightOption),
         react_option('maxHeight', maxHeightOption),
-        react_option('editerHeight', heightOption),
+        react_option('editorHeight', heightOption),
         react_option('borderRadius', borderRadiusOption),
         react_option('padding', paddingOption),
         react_option('lineHeight', lineHeightOption)
@@ -5853,15 +5840,20 @@ const transformer = transformerCreator((text)=>{
     return text;
 });
 const CodeMirrorJsonEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
-    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editerHeight, padding, borderRadius, onFocus, onBlur } = props;
+    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur } = props;
     const apiRef = useRef(null);
     const handleChange = useCallback((e)=>{
         if ('function' == typeof onChange) onChange(e.value);
     }, [
         onChange
     ]);
-    useEffect(()=>{
+    const updateAst = useDebounceFn(()=>{
         apiRef.current?.updateASTDecorations();
+    }, {
+        wait: 200
+    });
+    useEffect(()=>{
+        updateAst.run();
     }, [
         isDarkTheme
     ]);
@@ -5897,7 +5889,7 @@ const CodeMirrorJsonEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
                     transformer,
                     minHeight,
                     maxHeight,
-                    editerHeight,
+                    editorHeight,
                     borderRadius,
                     padding,
                     fontSize: 13,
@@ -5946,6 +5938,106 @@ const CodeMirrorRawTextEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
         })
     });
 });
+const raw_code_editor_extensions = [
+    EditorView.theme({
+        '.cm-activeLineGutter': {
+            backgroundColor: 'transparent !important'
+        },
+        '.cm-activeLine': {
+            backgroundColor: 'transparent !important'
+        }
+    })
+];
+function raw_code_editor_findAllMatches(inputString, regex) {
+    const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : `${regex.flags}g`);
+    let match;
+    const matches = [];
+    while(true){
+        match = globalRegex.exec(inputString);
+        if (!match) break;
+        if (match.index === globalRegex.lastIndex) globalRegex.lastIndex++;
+        matches.push({
+            match: match[0],
+            range: [
+                match.index,
+                match.index + match[0].length
+            ]
+        });
+    }
+    return matches;
+}
+const raw_code_editor_transformer = transformerCreator((text)=>{
+    const originalSource = text.toString();
+    const matches = raw_code_editor_findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
+    if (matches.length > 0) matches.forEach(({ range })=>{
+        text.replaceRange(range[0], range[1], 'null');
+    });
+    return text;
+});
+const CodeMirrorRawCodeEditor = /*#__PURE__*/ react.forwardRef((props, ref)=>{
+    const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur, language = 'shell' } = props;
+    const apiRef = useRef(null);
+    const handleChange = useCallback((e)=>{
+        if ('function' == typeof onChange) onChange(e.value);
+    }, [
+        onChange
+    ]);
+    const updateAst = useDebounceFn(()=>{
+        apiRef.current?.updateASTDecorations();
+    }, {
+        wait: 200
+    });
+    useEffect(()=>{
+        updateAst.run();
+    }, [
+        isDarkTheme
+    ]);
+    useEffect(()=>{
+        const editor = apiRef.current;
+        if (!editor) return;
+        if ('string' == typeof value && value !== editor.getValue()) editor.setValue(value);
+    }, [
+        value
+    ]);
+    const formatJson = async ()=>{
+        const view = apiRef.current?.$view;
+        if (!view) return;
+        view.dispatch(await json.languageService.format(view.state, {
+            tabSize: 2
+        }));
+    };
+    useImperativeHandle(ref, ()=>({
+            formatJson
+        }));
+    return /*#__PURE__*/ jsx(EditorProvider, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: className,
+            children: /*#__PURE__*/ jsx(CodeMirrorCodeEditor, {
+                defaultValue: value ?? '',
+                onChange: handleChange,
+                options: {
+                    placeholder,
+                    lineWrapping: true,
+                    theme: isDarkTheme ? 'coze-dark' : 'coze-light',
+                    languageId: language,
+                    editable: !readonly,
+                    transformer: raw_code_editor_transformer,
+                    minHeight,
+                    maxHeight,
+                    editorHeight,
+                    borderRadius,
+                    padding,
+                    fontSize: 13,
+                    lineHeight: 20
+                },
+                didMount: (api)=>apiRef.current = api,
+                extensions: raw_code_editor_extensions,
+                onFocus: onFocus,
+                onBlur: onBlur
+            })
+        })
+    });
+});
 const SchemaEditor = ({ value, onChange, placeholder, readOnly, language, className })=>/*#__PURE__*/ jsx("div", {
         className: classnames('w-full h-[500px] border border-solid coz-stroke-primary rounded-[4px] overflow-hidden relative bg-white', {
             'opacity-70': readOnly
@@ -5965,4 +6057,50 @@ const SchemaEditor = ({ value, onChange, placeholder, readOnly, language, classN
             readonly: readOnly
         })
     });
-export { base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, BasicCard, CardPane, ChipSelect, _monaco_editor_react as CodeEditor, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, ColumnSelector, CozeLoopProvider, DEFAULT_FILE_COUNT, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_PART_COUNT, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, DiffEditor, EditIconButton, FooterActions, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, type_ImageStatus as MultipartRenderStatus, OpenDetailButton, PAGE_SIZE_OPTIONS, PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, PrimaryPage, PrimaryTitle, RadioButton, ResizableSideSheet, ResizeSidesheet, SchemaEditor, SemiSchemaForm, SentinelForm, StepNav, code_usage_SupportedLang as SupportedLang, TableBatchOperate, TableColActions, TableColsConfig, TableEmpty, TableHeader, TableWithPagination, TableWithoutPagination, TextAreaPro, TextWithCopy, TitleWithSub, TooltipWhenDisabled, TooltipWithDisabled, UploadButton, UsageItem, UserProfile, VersionItem, VersionList, VersionSwitchPanel, VideoItemRenderer, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, validator_ajv8 as schemaValidators, setColumnsManageStorage, sleep, upload_uploadFile as uploadFile, useBatchOperate, useCozeLoopContext, useI18n, useItemIndexController, useReportEvent, useUnsaveLeaveWarning };
+const code_editor_with_loading_index_module = {
+    "code-container": "code-container-A_QOb1",
+    codeContainer: "code-container-A_QOb1"
+};
+const codeOptionsConfig = {
+    lineNumbersMinChars: 3,
+    automaticLayout: true,
+    scrollBeyondLastLine: false,
+    renderLineHighlight: 'none',
+    tabSize: 2,
+    insertSpaces: true,
+    minimap: {
+        enabled: false
+    }
+};
+const CodeEditorWithLoading = ({ value, onChange, disabled, className })=>{
+    const [loading, setLoading] = useState(true);
+    const LoadingNode = loading && /*#__PURE__*/ jsx("div", {
+        className: "absolute bg-[white] z-20  top-0 bottom-0 left-0 right-0 flex items-center justify-center",
+        children: /*#__PURE__*/ jsx(Loading, {
+            loading: true
+        })
+    });
+    const onEditorMount = ()=>{
+        setLoading(false);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames(code_editor_with_loading_index_module["code-container"], className),
+        children: [
+            LoadingNode,
+            /*#__PURE__*/ jsx(_monaco_editor_react, {
+                language: 'json',
+                value: value,
+                options: {
+                    readOnly: disabled,
+                    ...codeOptionsConfig
+                },
+                onMount: onEditorMount,
+                theme: "vs-dark",
+                onChange: (newValue)=>{
+                    onChange?.(newValue || '');
+                }
+            })
+        ]
+    });
+};
+export { base_search_form_select as BaseSearchFormSelect, base_search_select as BaseSearchSelect, BasicCard, CardPane, ChipSelect, _monaco_editor_react as CodeEditor, CodeEditorWithLoading, CodeMirrorCodeEditor, CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, CodeMirrorTextEditor, CollapseCard, ColumnSelector, Copyable, CozeLoopProvider, DEFAULT_FILE_COUNT, DEFAULT_FILE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_PART_COUNT, DEFAULT_SUPPORTED_FORMATS, DEFAULT_VIDEO_SUPPORTED_FORMATS, DiffEditor, EditIconButton, EditorProvider, FooterActions, FullPage, IDRender, IconButtonContainer, ImageItemRenderer, IndexControllerView, InfiniteScrollTable, InfoTooltip, InputSlider, InputWithCount, JumpIconButton, LargeTxtRender, Layout, LazyLoadComponent, LogicEditor, LogicExpr, LoopRadioGroup, LoopTable, LoopTabs, MultiPartRender, MultipartEditor, type_ImageStatus as MultipartRenderStatus, OpenDetailButton, PAGE_SIZE_OPTIONS, PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, PrimaryPage, PrimaryTitle, RadioButton, ResizableSideSheet, ResizeSidesheet, SchemaEditor, SemiSchemaForm, SentinelForm, StepNav, TableBatchOperate, TableColActions, TableColsConfig, TableEmpty, TableHeader, TableWithPagination, TableWithoutPagination, TextAreaPro, TextWithCopy, TitleWithSub, TooltipWhenDisabled, TooltipWithDisabled, UploadButton, UserProfile, VersionItem, VersionList, VersionSwitchPanel, VideoItemRenderer, dealColumnsWithStorage, formateDecimalPlacesString, getColumnManageStorage, getStoragePageSize, handleCopy, validator_ajv8 as schemaValidators, setColumnsManageStorage, sleep, upload_uploadFile as uploadFile, useBatchOperate, useItemIndexController, useReportEvent, useUnsaveLeaveWarning };