@lark-apaas/client-toolkit 1.2.16 → 1.2.17-alpha.10

package/lib/antd-table.d.ts

@@ -1,4 +1,4 @@
 import { Table } from 'antd';
-import type { TableProps } from 'antd';
+import type { TableProps, TableColumnType, TableColumnsType } from 'antd';
 export { Table };
-export type { TableProps };
+export type { TableProps, TableColumnType, TableColumnsType };

package/lib/apis/aily-chat.d.ts

@@ -0,0 +1,2 @@
+export type { ChatPanel, IframeEventMessage, IframeMessage, IframeMessageType, IframeRequestMessage, IframeResponseMessage, WebSDKCommonConfig, WebSDKConfig, WebSDKConversionConfig, WebSDKEditorConfig, WebSDKEvents, WebSDKSkillInfo, } from '@lark-apaas/aily-web-sdk';
+export { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, getIframeBaseURL, IFRAME_BASE_URL, initAilyChat, MESSAGE_TIMEOUT, } from '@lark-apaas/aily-web-sdk';

package/lib/apis/aily-chat.js

@@ -0,0 +1,2 @@
+import { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, IFRAME_BASE_URL, MESSAGE_TIMEOUT, getIframeBaseURL, initAilyChat } from "@lark-apaas/aily-web-sdk";
+export { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, IFRAME_BASE_URL, MESSAGE_TIMEOUT, getIframeBaseURL, initAilyChat };

package/lib/apis/utils/resolveAppUrl.d.ts

@@ -0,0 +1 @@
+export { resolveAppUrl } from '../../utils/resolveAppUrl';

package/lib/apis/utils/resolveAppUrl.js

@@ -0,0 +1,2 @@
+import { resolveAppUrl } from "../../utils/resolveAppUrl.js";
+export { resolveAppUrl };

package/lib/components/AppContainer/RoutePatternTracker.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 监听路由变化，更新当前匹配的参数化路由模式
+ * 供观测 SDK 获取 referer_path 字段
+ */
+export default function RoutePatternTracker(): any;

package/lib/components/AppContainer/RoutePatternTracker.js

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { updateRoutePattern } from "../../utils/routePattern.js";
+function RoutePatternTracker() {
+    const location = useLocation();
+    useEffect(()=>{
+        updateRoutePattern(location.pathname);
+    }, [
+        location.pathname
+    ]);
+    return null;
+}
+export { RoutePatternTracker as default };

package/lib/components/AppContainer/index.d.ts

@@ -4,7 +4,11 @@ import '../../runtime';
 interface IBaseAuthProviderProps {
     enableAuth?: boolean;
 }
+interface IToasterProps {
+    /** 禁用内建 Toaster 组件，默认 false */
+    disableToaster?: boolean;
+}
 declare const AppContainer: React.FC<{
     children: React.ReactNode;
-} & IBaseThemeProviderProps & IBaseAuthProviderProps>;
+} & IBaseThemeProviderProps & IBaseAuthProviderProps & IToasterProps>;
 export default AppContainer;

package/lib/components/AppContainer/index.js

@@ -4,15 +4,15 @@ import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import zh_CN from "antd/locale/zh_CN";
 import IframeBridge from "./IframeBridge.js";
-import { defaultUIConfig } from "../theme/ui-config.js";
+import RoutePatternTracker from "./RoutePatternTracker.js";
 import { Toaster } from "./sonner.js";
 import { PageHoc } from "./PageHoc.js";
-import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, themeMetaOptions } from "../theme/index.js";
 import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
 import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 import QueryProvider from "../QueryProvider/index.js";
 import { AuthProvider } from "@lark-apaas/auth-sdk";
 import "../../runtime/index.js";
@@ -26,20 +26,10 @@ const readCssVarColor = (varName, fallback)=>{
         return fallback;
     }
 };
+const appFlags = process.env.APP_FLAGS || {};
 const App = (props)=>{
-    const { themeMeta = {}, enableAuth } = props;
+    const { enableAuth, disableToaster = false } = props;
     useAppInfo();
-    const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
-        rem: '0.625'
-    };
-    const radiusToken = generateTailwindRadiusToken(Number(rem));
-    const themeToken = {
-        ...defaultUIConfig,
-        common: {
-            ...defaultUIConfig.common,
-            borderRadius: radiusToken
-        }
-    };
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
             setTimeout(()=>{
@@ -52,27 +42,26 @@ const App = (props)=>{
         if ('production' === process.env.NODE_ENV) reportTeaEvent({
             trackKey: TrackKey.VIEW,
             trackParams: {
-                artifact_uid: getAppId(window.location.pathname),
+                artifact_uid: getAppId(),
                 agent_id: 'agent_miaoda',
                 url: window.location.href
             }
         });
     }, []);
+    const appId = getAppId();
+    const permissionApiUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/permissions/roles` : `/spark/app/${appId}/runtime/api/v1/permissions/roles`;
     return /*#__PURE__*/ jsxs(AuthProvider, {
         config: {
-            enable: enableAuth
+            enable: enableAuth,
+            permissionApi: {
+                url: permissionApiUrl
+            }
         },
         children: [
-            /*#__PURE__*/ jsx(Toaster, {}),
-            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
-                theme: {
-                    themeMetaOptions: themeMetaOptions,
-                    themeColorTokenMap: themeColorTokenMap,
-                    themeToken
-                },
-                cwd: process.env.CWD || ''
-            }),
+            !disableToaster && true !== appFlags.customToaster && /*#__PURE__*/ jsx(Toaster, {}),
+            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(IframeBridge, {}),
+            /*#__PURE__*/ jsx(RoutePatternTracker, {}),
             /*#__PURE__*/ jsx(PageHoc, {
                 children: props.children
             })
@@ -80,7 +69,7 @@ const App = (props)=>{
     });
 };
 const AppContainer_AppContainer = (props)=>{
-    const { children, ...rest } = props;
+    const { children } = props;
     const [cssColors, setCssColors] = useState(()=>({
             background: readCssVarColor('--background'),
             destructive: readCssVarColor('--destructive'),
@@ -208,8 +197,8 @@ const AppContainer_AppContainer = (props)=>{
                         }
                     },
                     children: /*#__PURE__*/ jsx(App, {
-                        themeMeta: props.themeMeta,
                         enableAuth: props.enableAuth,
+                        disableToaster: props.disableToaster,
                         children: children
                     })
                 })

package/lib/components/AppContainer/safety.js

@@ -3,11 +3,12 @@ import { useEffect, useRef, useState } from "react";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
 import { getCsrfToken } from "../../utils/getCsrfToken.js";
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 import { useIsMobile } from "../../hooks/index.js";
 import { X } from "lucide-react";
 import { Sheet, SheetContent, SheetTrigger } from "../ui/drawer.js";
 const Component = ()=>{
-    const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId(window.location.pathname)}`;
+    const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId()}`;
     const [visible, setVisible] = useState(!window.localStorage?.getItem(HasClosedKey));
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
@@ -15,7 +16,9 @@ const Component = ()=>{
     const [isInternetVisible, setIsInternetVisible] = useState(false);
     const timeoutRef = useRef(null);
     useEffect(()=>{
-        fetch(`/spark/b/${getAppId(window.location.pathname)}/tenant_info`, {
+        const appId = getAppId();
+        const tenantInfoUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/tenant_info` : `/spark/b/${appId}/tenant_info`;
+        fetch(tenantInfoUrl, {
             headers: {
                 'X-Suda-Csrf-Token': getCsrfToken()
             }

package/lib/components/AppContainer/utils/getLarkUser.js

@@ -1,13 +1,15 @@
 import { getAppId } from "../../../utils/getAppId.js";
 import { getCsrfToken } from "../../../utils/getCsrfToken.js";
+import { isNewPathEnabled } from "../../../utils/apiPath.js";
 async function getLarkUserInfo() {
-    const appId = getAppId(window.location.pathname);
+    const appId = getAppId();
     if (!appId) return {
         code: 1,
         msg: 'appId is required',
         data: {}
     };
-    const response = await fetch(`/spark/b/${appId}/lark/user_info`, {
+    const url = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/lark/user_info` : `/spark/b/${appId}/lark/user_info`;
+    const response = await fetch(url, {
         headers: {
             'X-Suda-Csrf-Token': getCsrfToken()
         }

package/lib/components/AppContainer/utils/observable.js

@@ -1,11 +1,17 @@
 import { AppEnv, observable } from "@lark-apaas/observable-web";
+import { isNewPathEnabled } from "../../../utils/apiPath.js";
 const initObservable = ()=>{
     try {
         const appId = window.appId;
         observable.start({
             serviceName: "app",
             env: 'development' === process.env.NODE_ENV ? AppEnv.Dev : AppEnv.Prod,
-            collectorUrl: {
+            collectorUrl: isNewPathEnabled() ? {
+                log: `/app/${appId}/__runtime__/api/v1/observability/logs/collect`,
+                trace: `/app/${appId}/__runtime__/api/v1/observability/traces/collect`,
+                metric: `/app/${appId}/__runtime__/api/v1/observability/metrics/collect`,
+                time: `/app/${appId}/__runtime__/api/v1/observability/current_server_timestamp`
+            } : {
                 log: `/spark/app/${appId}/runtime/api/v1/observability/logs/collect`,
                 trace: `/spark/app/${appId}/runtime/api/v1/observability/traces/collect`,
                 metric: `/spark/app/${appId}/runtime/api/v1/observability/metrics/collect`,

package/lib/components/theme/index.d.ts

@@ -1,3 +1,2 @@
 export * from './constants';
 export * from './util';
-export * from './ui-config';

package/lib/components/theme/index.js

@@ -1,3 +1,2 @@
 export * from "./constants.js";
 export * from "./util.js";
-export * from "./ui-config.js";

package/lib/components/theme/util.d.ts

@@ -1,5 +1,4 @@
 import { ITheme } from "../../types";
-import { UIComponentConfig } from "./ui-config";
 export interface IBaseThemeProviderProps {
     defaultTheme?: ITheme;
     themeMeta?: Partial<IThemeTokenMeta>;
@@ -18,4 +17,3 @@ export interface IThemeTokenMeta {
      */
     spacing: number;
 }
-export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;

package/lib/components/theme/util.js

@@ -1,108 +0,0 @@
-const generateTailwindRadiusToken = (radiusRemValue)=>{
-    try {
-        const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        const radiusPx = radiusRemValue * rootFontSize;
-        const tempElement = document.createElement('div');
-        tempElement.style.position = 'absolute';
-        tempElement.style.visibility = 'hidden';
-        document.body.appendChild(tempElement);
-        tempElement.style.borderRadius = `${radiusPx}px`;
-        const computed = getComputedStyle(tempElement).borderRadius;
-        document.body.removeChild(tempElement);
-        if (computed && 'auto' !== computed && 'initial' !== computed) return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-        throw new Error('Browser calculation validation failed');
-    } catch (error) {
-        console.warn('Failed to get computed values from browser, falling back to default calculation:', error);
-        const radiusPx = 16 * radiusRemValue;
-        return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-    }
-};
-export { generateTailwindRadiusToken };

package/lib/hooks/useCurrentUserProfile.js

@@ -19,37 +19,29 @@ function getCompatibilityUserProfile() {
 const useCurrentUserProfile = ()=>{
     const [userInfo, setUserInfo] = useState(()=>getCompatibilityUserProfile());
     useEffect(()=>{
+        let cancelled = false;
+        const fetchAndSetUserInfo = async ()=>{
+            const dataloom = await getDataloom();
+            const result = await dataloom?.service?.session?.getUserInfo();
+            if (cancelled) return;
+            const info = result?.data?.user_info;
+            const userName = getNameFromArray(info?.name);
+            const newUserInfo = {
+                user_id: info?.user_id?.toString(),
+                email: info?.email,
+                name: userName,
+                avatar: info?.avatar?.image?.large,
+                userName: userName,
+                userAvatar: info?.avatar?.image?.large
+            };
+            if ('development' === process.env.NODE_ENV) logger.info('MiaoDaMetaInfoChanged', newUserInfo);
+            setUserInfo(newUserInfo);
+        };
         let handleMetaInfoChanged;
         if (isSparkRuntime()) {
-            (async ()=>{
-                const dataloom = await getDataloom();
-                const result = await dataloom?.service?.session?.getUserInfo();
-                const userInfo = result?.data?.user_info;
-                const userName = getNameFromArray(userInfo?.name);
-                setUserInfo({
-                    user_id: userInfo?.user_id?.toString(),
-                    email: userInfo?.email,
-                    name: userName,
-                    avatar: userInfo?.avatar?.image?.large,
-                    userName: userName,
-                    userAvatar: userInfo?.avatar?.image?.large
-                });
-            })();
-            handleMetaInfoChanged = async ()=>{
-                const dataloom = await getDataloom();
-                const result = await dataloom?.service?.session?.getUserInfo();
-                const userInfo = result?.data?.user_info;
-                const userName = getNameFromArray(userInfo?.name);
-                const newUserInfo = {
-                    user_id: userInfo?.user_id?.toString(),
-                    email: userInfo?.email,
-                    name: userName,
-                    avatar: userInfo?.avatar?.image?.large,
-                    userName: userName,
-                    userAvatar: userInfo?.avatar?.image?.large
-                };
-                if ('development' === process.env.NODE_ENV) logger.info('MiaoDaMetaInfoChanged', newUserInfo);
-                setUserInfo(newUserInfo);
+            fetchAndSetUserInfo();
+            handleMetaInfoChanged = ()=>{
+                fetchAndSetUserInfo();
             };
         } else handleMetaInfoChanged = ()=>{
             if ('development' === process.env.NODE_ENV) logger.info('MiaoDaMetaInfoChanged', getCompatibilityUserProfile());
@@ -57,6 +49,7 @@ const useCurrentUserProfile = ()=>{
         };
         window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         return ()=>{
+            cancelled = true;
             window.removeEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         };
     }, []);

package/lib/hooks/useLogout.js

@@ -1,28 +1,13 @@
 import { useState } from "react";
 import { getDataloom } from "../integrations/dataloom.js";
-import { isSparkRuntime } from "../utils/utils.js";
 function useLogout() {
     const [isLoading, setIsLoading] = useState(false);
     async function handlerLogout() {
         if ('production' !== process.env.NODE_ENV) return void console.log('只有生产环境才执行登出');
-        if (isSparkRuntime()) {
-            setIsLoading(true);
-            try {
-                const dataloom = await getDataloom();
-                await dataloom.service.session.signOut();
-            } catch (error) {
-                console.error('登出失败', error);
-            } finally{
-                setIsLoading(false);
-            }
-            return;
-        }
         setIsLoading(true);
         try {
-            await fetch('/ai/api/ui/page/logout', {
-                method: 'GET'
-            });
-            window.location.reload();
+            const dataloom = await getDataloom();
+            await dataloom.service.session.signOut();
         } catch (error) {
             console.error('登出失败', error);
         } finally{

package/lib/index.js

@@ -1,10 +1,17 @@
 import { createClient } from "@lark-apaas/client-capability";
 import { normalizeBasePath } from "./utils/utils.js";
+import { getAppId } from "./utils/getAppId.js";
+import { isNewPathEnabled } from "./utils/apiPath.js";
 import { logger } from "./logger/index.js";
 import { showToast } from "./components/ui/toast.js";
 import { version } from "../package.json";
+const _appId = getAppId();
+const _acquireUploadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_upload_url` : "/af/api/v1/studio/plugins/tmp_files/acquire_upload_url";
+const _acquireDownloadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_download_url` : "/af/api/v1/studio/plugins/tmp_files/acquire_download_url";
 const capabilityClient = createClient({
     baseURL: normalizeBasePath(process.env.CLIENT_BASE_PATH),
+    acquireUploadUrl: _acquireUploadUrl,
+    acquireDownloadUrl: _acquireDownloadUrl,
     fetchOptions: {
         headers: {
             'X-Suda-Csrf-Token': window.csrfToken ?? ''

package/lib/integrations/dataloom.d.ts

@@ -1,2 +1,4 @@
+declare const createDataLoomClient: (url?: string, pat?: string) => import("@data-loom/js").DataloomClient<any, "public", any>;
 /** 获取dataloom实例 */
-export declare function getDataloom(): Promise<import("@data-loom/js").DataloomClient<any, "public", any>>;
+export declare function getDataloom(): Promise<ReturnType<typeof createDataLoomClient>>;
+export {};

package/lib/integrations/dataloom.js

@@ -7,7 +7,7 @@ const createDataLoomClient = (url, pat)=>{
         baseUrl: '',
         workspace: ''
     };
-    const appId = getAppId(window.location.pathname);
+    const appId = getAppId();
     return createClient(baseUrl, pat, workspace, {
         global: {
             enableDataloomLog: 'production' !== process.env.NODE_ENV,
@@ -23,12 +23,18 @@ const createDataLoomClient = (url, pat)=>{
     });
 };
 let dataloom = null;
-async function getDataloom() {
-    if (dataloom) return dataloom;
-    const info = await getInitialInfo();
-    const DATALOOM_CLIENT_URL = info?.app_runtime_extra?.url;
-    const DATALOOM_PAT = info?.app_runtime_extra?.token;
-    dataloom = createDataLoomClient(DATALOOM_CLIENT_URL, DATALOOM_PAT);
-    return dataloom;
+let pendingPromise = null;
+function getDataloom() {
+    if (dataloom) return Promise.resolve(dataloom);
+    if (pendingPromise) return pendingPromise;
+    pendingPromise = getInitialInfo().then((info)=>{
+        const DATALOOM_CLIENT_URL = info?.app_runtime_extra?.url;
+        const DATALOOM_PAT = info?.app_runtime_extra?.token;
+        dataloom = createDataLoomClient(DATALOOM_CLIENT_URL, DATALOOM_PAT);
+        return dataloom;
+    }).finally(()=>{
+        pendingPromise = null;
+    });
+    return pendingPromise;
 }
 export { getDataloom };

package/lib/integrations/services/DepartmentService.js

@@ -1,7 +1,8 @@
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 const DEFAULT_CONFIG = {
-    getAppId: ()=>getAppId(window.location.pathname),
-    searchDepartmentUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/search_department`
+    getAppId: ()=>getAppId(),
+    searchDepartmentUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/search_department` : `/af/app/${appId}/runtime/api/v1/account/search_department`
 };
 class DepartmentService {
     config;

package/lib/integrations/services/UserProfileService.js

@@ -1,11 +1,12 @@
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 const CDN_HOST = 'https://lf3-static.bytednsdoc.com';
 function getAssetsUrl(path) {
     return `${CDN_HOST}${path}`;
 }
 const DEFAULT_CONFIG = {
-    getAppId: ()=>getAppId(window.location.pathname),
-    userProfileUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/user_profile`
+    getAppId: ()=>getAppId(),
+    userProfileUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/user_profile` : `/af/app/${appId}/runtime/api/v1/account/user_profile`
 };
 class UserProfileService {
     config;

package/lib/integrations/services/UserService.js

@@ -1,8 +1,9 @@
 import { getAppId } from "../../utils/getAppId.js";
+import { isNewPathEnabled } from "../../utils/apiPath.js";
 const DEFAULT_CONFIG = {
-    getAppId: ()=>getAppId(window.location.pathname),
-    searchUserUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/search_user`,
-    listUsersUrl: (appId)=>`/af/app/${appId}/runtime/api/v1/account/list_users`
+    getAppId: ()=>getAppId(),
+    searchUserUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/search_user` : `/af/app/${appId}/runtime/api/v1/account/search_user`,
+    listUsersUrl: (appId)=>isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/account/list_users` : `/af/app/${appId}/runtime/api/v1/account/list_users`
 };
 class UserService {
     config;

package/lib/integrations/services/types.d.ts

@@ -14,6 +14,7 @@ export type UserInfo = {
     avatar: string;
     userType: '_employee' | '_externalUser' | '_anonymousUser';
     department: DepartmentBasic;
+    email?: string;
 };
 export type DepartmentInfo = {
     departmentID: string;

package/lib/logger/intercept-global-error.js

@@ -1,5 +1,6 @@
+import { slardar } from "@lark-apaas/internal-slardar";
 import { getHmrApi } from "../utils/hmr-api.js";
-import { submitPostMessage, submitSlardarEvent } from "../utils/postMessage.js";
+import { submitPostMessage } from "../utils/postMessage.js";
 import { levelSchema } from "./log-types.js";
 import { logger } from "./logger.js";
 let devServerDisconnectInfo = null;
@@ -19,22 +20,26 @@ function processDevServerLog(log) {
                 status: 'disconnected'
             }
         });
-        submitSlardarEvent({
+        slardar.sendEvent({
             name: 'sandbox-devServer',
-            categories: {
-                type: 'disconnected',
+            metrics: {
                 time
+            },
+            categories: {
+                type: 'disconnected'
             }
         });
         return;
     }
     if (!devServerDisconnectInfo) return;
     if (devFlag && log.includes('Trying to reconnect')) {
-        if (retryCount) submitSlardarEvent({
+        if (retryCount) slardar.sendEvent({
             name: 'sandbox-devServer',
-            categories: {
-                type: 'reconnect-failed',
+            metrics: {
                 retryCount: retryCount + 1
+            },
+            categories: {
+                type: 'reconnect-failed'
             }
         });
         retryCount++;
@@ -52,12 +57,14 @@ function processDevServerLog(log) {
         const startTime = devServerDisconnectInfo.time;
         const duration = Date.now() - startTime;
         devServerDisconnectInfo = null;
-        submitSlardarEvent({
+        slardar.sendEvent({
             name: 'sandbox-devServer',
-            categories: {
-                type: 'devServer-reconnected',
+            metrics: {
                 startTime,
                 duration
+            },
+            categories: {
+                type: 'devServer-reconnected'
             }
         });
     }
@@ -76,7 +83,7 @@ function listenModuleHmr() {
         });
         hmr.onError((error)=>{
             console.warn('hmr apply failed', error);
-            submitSlardarEvent({
+            slardar.sendEvent({
                 name: 'sandbox-devServer',
                 categories: {
                     type: 'hmr-apply-failed',

package/lib/runtime/index.d.ts

@@ -15,6 +15,7 @@
  * - 使用 __FULLSTACK_RUNTIME_INITIALIZED__ 标志位防止重复初始化
  * - 旧版 AppContainer 和新版 runtime 可以共存
  */
+import './react-devtools-hook';
 import './styles';
 declare global {
     interface Window {

package/lib/runtime/index.js

@@ -1,3 +1,4 @@
+import "./react-devtools-hook.js";
 import "./styles.js";
 import { registerDayjsPlugins } from "./dayjs.js";
 import { initAxiosConfig } from "./axios.js";