@lark-apaas/client-toolkit 1.1.21-alpha.auth.dev.5 → 1.1.21-alpha.auth.dev.7

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

@@ -0,0 +1 @@
+export * from '../../utils/getAxiosForBackend';

package/lib/apis/utils/getAxiosForBackend.js

@@ -0,0 +1 @@
+export * from "../../utils/getAxiosForBackend.js";

package/lib/components/AppContainer/index.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import IframeBridge from "./IframeBridge.js";
@@ -10,8 +10,12 @@ import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, them
 import { registerDayjsPlugins } from "./dayjsPlugins.js";
 import "../../index.css";
 import { initAxiosConfig } from "../../utils/axiosConfig.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 { ServerLogPoller } from "../../server-log/index.js";
 import { AuthProvider } from "@lark-apaas/auth-sdk";
 registerDayjsPlugins();
 initAxiosConfig();
@@ -28,6 +32,7 @@ const readCssVarColor = (varName, fallback)=>{
 const App = (props)=>{
     const { themeMeta = {}, enableAuth } = props;
     useAppInfo();
+    const serverLogPollerRef = useRef(null);
     const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
         rem: '0.625'
     };
@@ -39,6 +44,30 @@ const App = (props)=>{
             borderRadius: radiusToken
         }
     };
+    useEffect(()=>{
+        if ('production' !== process.env.NODE_ENV && window.parent !== window) {
+            try {
+                const backendUrl = window.location.origin;
+                serverLogPollerRef.current = new ServerLogPoller({
+                    serverUrl: backendUrl,
+                    apiPath: '/dev/logs/server-logs',
+                    pollInterval: 2000,
+                    limit: 100,
+                    debug: true
+                });
+                serverLogPollerRef.current.start();
+                console.log('[AppContainer] Server log poller started');
+            } catch (error) {
+                console.error('[AppContainer] Failed to start server log poller:', error);
+            }
+            return ()=>{
+                if (serverLogPollerRef.current) {
+                    serverLogPollerRef.current.stop();
+                    console.log('[AppContainer] Server log poller stopped');
+                }
+            };
+        }
+    }, []);
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
             setTimeout(()=>{
@@ -47,6 +76,16 @@ const App = (props)=>{
             }, 300);
         });
     }, []);
+    useEffect(()=>{
+        if ('production' === process.env.NODE_ENV) reportTeaEvent({
+            trackKey: TrackKey.VIEW,
+            trackParams: {
+                artifact_uid: getAppId(window.location.pathname),
+                agent_id: 'agent_miaoda',
+                url: window.location.href
+            }
+        });
+    }, []);
     return /*#__PURE__*/ jsxs(AuthProvider, {
         config: {
             enable: enableAuth

package/lib/components/AppContainer/safety.js

@@ -44,7 +44,7 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(SheetTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-3 bottom-20 inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-2.5 py-1.5 bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000]",
+                    className: "fixed right-[12px] bottom-[80px] inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-[10px] py-[6px] bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000]",
                     onClick: ()=>{
                         setOpen(true);
                     },
@@ -64,10 +64,10 @@ const Component = ()=>{
                 side: "bottom",
                 className: "z-[10000001] border-none bg-transparent outline-0!",
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex flex-col bg-white overflow-hidden rounded-t-2xl relative",
+                    className: "flex flex-col bg-white overflow-hidden rounded-t-[16px] relative",
                     children: [
                         /*#__PURE__*/ jsx(X, {
-                            className: "absolute top-2 left-4 size-6 text-[#2B2F36]",
+                            className: "absolute top-[8px] left-[16px] size-[24px] text-[#2B2F36]",
                             onClick: ()=>setOpen(false)
                         }),
                         /*#__PURE__*/ jsx("img", {
@@ -79,7 +79,7 @@ const Component = ()=>{
                             }
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "flex flex-col w-full justify-center items-end gap-y-4 border-solid border-[#ffffff0d] border px-5 pt-4 pb-12 shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px]",
+                            className: "flex flex-col w-full justify-center items-end gap-y-[16px] border-solid border-[#ffffff0d] border px-[20px] pt-[16px] pb-[48px] shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px]",
                             children: [
                                 /*#__PURE__*/ jsxs("div", {
                                     className: "self-stretch shrink-0 flex flex-col items-start gap-y-[4px]",
@@ -89,7 +89,7 @@ const Component = ()=>{
                                             children: [
                                                 /*#__PURE__*/ jsx("img", {
                                                     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/icon/icon_company_outlined.svg",
-                                                    className: "shrink-0 w-3.5 h-3.5"
+                                                    className: "shrink-0 w-[14px] h-[14px]"
                                                 }),
                                                 /*#__PURE__*/ jsxs("p", {
                                                     className: "shrink-0 min-w-[96px] m-0! text-[#646A73] text-sm",
@@ -105,7 +105,7 @@ const Component = ()=>{
                                             children: [
                                                 /*#__PURE__*/ jsx("img", {
                                                     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/icon/icon_efficiency-ai_outlined.svg",
-                                                    className: "shrink-0 w-3.5 h-3.5"
+                                                    className: "shrink-0 w-[14px] h-[14px]"
                                                 }),
                                                 /*#__PURE__*/ jsx("p", {
                                                     className: "shrink-0 min-w-[163px] m-0! text-[#646A73] text-sm",
@@ -116,10 +116,10 @@ const Component = ()=>{
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: "self-stretch shrink-0 flex items-start gap-x-4",
+                                    className: "self-stretch shrink-0 flex items-start gap-x-[16px]",
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-[#D0D3D6] bg-white text-[#1F2329] cursor-pointer text-lg py-3",
+                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-[#D0D3D6] bg-white text-[#1F2329] cursor-pointer text-lg py-[12px]",
                                             onClick: (e)=>{
                                                 e.stopPropagation();
                                                 e.preventDefault();
@@ -130,7 +130,7 @@ const Component = ()=>{
                                             children: "不再展示"
                                         }),
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-black bg-black text-white cursor-pointer text-lg py-3",
+                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-black bg-black text-white cursor-pointer text-lg py-[12px]",
                                             onClick: ()=>{
                                                 window.open('https://miaoda.feishu.cn/landing', '_blank');
                                             },
@@ -152,7 +152,7 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(PopoverTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-3 bottom-3 inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-2.5 py-1.5 bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-[6px] text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000] cursor-pointer",
+                    className: "fixed right-[12px] bottom-[12px] inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-[10px] py-[6px] bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-[6px] text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000] cursor-pointer",
                     onMouseEnter: ()=>{
                         clearTimeout(timeoutRef.current);
                         setOpen(true);
@@ -173,7 +173,7 @@ const Component = ()=>{
                 })
             }),
             /*#__PURE__*/ jsx(PopoverContent, {
-                className: "overflow-hidden p-0 m-0 border-0 rounded-[12px]!",
+                className: "overflow-hidden p-0 m-0 border-0 rounded-[12px]! w-[286px]",
                 style: {
                     boxShadow: '0 6px 12px 0 #41444a0a, 0 8px 24px 0 #41444a0a'
                 },
@@ -188,18 +188,18 @@ const Component = ()=>{
                     timeoutRef.current = setTimeout(()=>setOpen(false), 100);
                 },
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex flex-col bg-[#1F2021]",
+                    className: "flex flex-col bg-[#1A1A1A]",
                     children: [
                         /*#__PURE__*/ jsx("img", {
                             src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover.png",
                             alt: "",
-                            className: "w-72 h-32 cursor-pointer",
+                            className: "w-[286px] h-[128px] cursor-pointer",
                             onClick: ()=>{
                                 window.open('https://miaoda.feishu.cn/landing', '_blank');
                             }
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "flex flex-col justify-center items-end gap-y-[12px] border-solid border-[#ffffff0d] border pl-[14px] pr-[15px] pt-[11px] pb-[15px] w-[286px] shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px]",
+                            className: "flex flex-col justify-center items-end gap-y-[12px] border-solid border-[#ffffff0d] border pl-[14px] pr-[15px] pt-[11px] pb-[15px] w-[286px] shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px] bg-[#1f2021]",
                             children: [
                                 /*#__PURE__*/ jsxs("div", {
                                     className: "self-stretch shrink-0 flex flex-col items-start gap-y-[4px]",
@@ -236,10 +236,10 @@ const Component = ()=>{
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: "self-stretch shrink-0 flex items-start gap-x-[8px]",
+                                    className: "w-full self-stretch shrink-0 flex items-start gap-x-[8px]",
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-lg h-[34px] items-center justify-center border-[0.5px] bg-transparent border-solid hover:bg-[#ffffff08] text-[#ebebeb99] hover:text-[#ebebebe6] cursor-pointer border-[#ffffff1c]",
+                                            className: "flex-1 flex rounded-lg items-center justify-center h-[34px] border-[0.5px] border-solid border-[#ffffff1c] hover:border-[#ffffff33] bg-[#ffffff08] hover:bg-[#ffffff14] cursor-pointer text-[#ebebeb]",
                                             "data-custom-element": "safety-close",
                                             onClick: (e)=>{
                                                 e.stopPropagation();

package/lib/components/AppContainer/utils/getLarkUser.d.ts

@@ -0,0 +1 @@
+export declare function getLarkUserInfo(): Promise<any>;

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

@@ -0,0 +1,17 @@
+import { getAppId } from "../../../utils/getAppId.js";
+import { getCsrfToken } from "../../../utils/getCsrfToken.js";
+async function getLarkUserInfo() {
+    const appId = getAppId(window.location.pathname);
+    if (!appId) return {
+        code: 1,
+        msg: 'appId is required',
+        data: {}
+    };
+    const response = await fetch(`/spark/b/${appId}/lark/user_info`, {
+        headers: {
+            'X-Suda-Csrf-Token': getCsrfToken()
+        }
+    });
+    return await response.json();
+}
+export { getLarkUserInfo };

package/lib/components/AppContainer/utils/tea.d.ts

@@ -0,0 +1,8 @@
+import { type TrackParams } from '../../../types/tea';
+export declare const encryptTea: (message: any) => string;
+/**
+ * 初始化Tea 客户端
+ * @export
+ */
+export declare function createTracker(): Promise<void>;
+export declare const reportTeaEvent: ({ trackKey, trackParams }: TrackParams) => Promise<void>;

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

@@ -0,0 +1,51 @@
+import blueimp_md5 from "blueimp-md5";
+import sha1 from "crypto-js/sha1";
+import { isMobile } from "../../../utils/deviceType.js";
+import { getEnv } from "../../../utils/getParentOrigin.js";
+import { getLarkUserInfo } from "./getLarkUser.js";
+const saltA = '08a441';
+const saltB = '42b91e';
+const encryptTea = (message)=>{
+    const msgString = String(message);
+    return sha1(saltA + blueimp_md5(msgString + saltB)).toString();
+};
+let teaInstance = false;
+async function createTracker() {
+    const { data } = await getLarkUserInfo();
+    const { tenantID, userID } = data || {};
+    const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
+    const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
+    window.collectEvent('init', {
+        app_id: 672575,
+        channel: 'cn',
+        disable_auto_pv: false,
+        enable_ab_test: false,
+        enable_debug: false,
+        enable_stay_duration: true,
+        reportTime: 1000
+    });
+    window.collectEvent('config', {
+        user_unique_id: userIDEncrypt,
+        device_type: isMobile() ? 'mobile' : 'pc',
+        evtParams: {
+            open_from: new URLSearchParams(window.location.search).get('open-from') ?? void 0,
+            env: getEnv(),
+            user_id: userIDEncrypt,
+            tenant_id: tenantIDEncrypt
+        }
+    });
+    teaInstance = true;
+    window.collectEvent('start');
+}
+const reportTeaEvent = async ({ trackKey, trackParams = {} })=>{
+    try {
+        if (!teaInstance) {
+            teaInstance = true;
+            await createTracker();
+        }
+        window.collectEvent(trackKey, trackParams);
+    } catch (err) {
+        console.error(err);
+    }
+};
+export { createTracker, encryptTea, reportTeaEvent };

package/lib/components/ErrorRender/index.js

@@ -2,19 +2,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
 import { createApplyHandle, getModuleHot } from "../../utils/module-hot.js";
+import { submitPostMessage } from "../../utils/postMessage.js";
 const RenderError = (props)=>{
     const { error, resetErrorBoundary } = props;
     useEffect(()=>{
-        if (error) logger.log({
-            level: 'error',
-            args: [
-                'Render Error',
-                error
-            ],
-            meta: {
-                type: 'render-error'
-            }
-        });
+        if (error) {
+            submitPostMessage({
+                type: 'RenderError',
+                data: error
+            });
+            logger.log({
+                level: 'error',
+                args: [
+                    'Render Error',
+                    error
+                ],
+                meta: {
+                    type: 'render-error'
+                }
+            });
+        }
     }, [
         error
     ]);

package/lib/components/User/UserDisplay.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { IUserProfile } from '../../apis/udt-types';
-export interface UserDisplayProps {
+export interface IUserDisplayProps {
     /**
      * 支持传入完整的用户资料（IUserProfile）/ 列表（IUserProfile[]）
      * 或仅传入用户 ID（string）/ 列表（string[]）。
@@ -11,5 +11,6 @@ export interface UserDisplayProps {
     className?: string;
     style?: React.CSSProperties;
     showLabel?: boolean;
+    showUserProfile?: boolean;
 }
-export declare const UserDisplay: React.FC<UserDisplayProps>;
+export declare const UserDisplay: React.FC<IUserDisplayProps>;

package/lib/components/User/UserDisplay.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
-import { getDataloom } from "../../integrations/dataloom.js";
+import { getCachedUserProfiles, setCachedUserProfiles } from "../../utils/userProfileCache.js";
 import { clsxWithTw } from "../../utils/utils.js";
 import { UserProfile } from "./UserProfile/index.js";
 import { UserWithAvatar } from "./UserWithAvatar.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { fetchWithDeduplication } from "../../utils/requestManager.js";
 const UserDisplay = ({ users, size, className, style, showLabel = true })=>{
     const normalizedIds = useMemo(()=>{
         if (!users) return [];
@@ -71,22 +72,20 @@ const UserDisplay = ({ users, size, className, style, showLabel = true })=>{
         const fetchProfiles = async ()=>{
             try {
                 setLoadingProfiles(true);
-                const dataloom = await getDataloom();
-                if (!dataloom) throw new Error('dataloom client is unavailable');
-                const ids = normalizedIds.map((id)=>Number(id)).filter((id)=>Number.isFinite(id));
-                if (!ids.length) {
-                    setResolvedUsers(normalizedIds.map((id)=>inputProfilesMap.get(id) ?? {
-                            user_id: id,
-                            name: '',
-                            avatar: '',
-                            email: '',
-                            status: 1
-                        }));
-                    setLoadingProfiles(false);
-                    return;
-                }
-                const response = await dataloom.service.user.getByIds(ids);
-                const fetchedList = Array.isArray(response?.data) ? response?.data : Array.isArray(response?.data?.user_list) ? response?.data?.user_list : [];
+                const { cachedProfiles, remainingIds } = getCachedUserProfiles(normalizedIds);
+                if (cachedProfiles.length > 0) setResolvedUsers((prev)=>{
+                    const updatedUsers = [
+                        ...prev
+                    ];
+                    cachedProfiles.forEach((cached)=>{
+                        const index = updatedUsers.findIndex((u)=>u.user_id === cached.user_id);
+                        if (-1 !== index) updatedUsers[index] = cached;
+                    });
+                    return updatedUsers;
+                });
+                if (0 === remainingIds.length) return void setLoadingProfiles(false);
+                const fetchedList = await fetchWithDeduplication(remainingIds);
+                if (isCancelled || !fetchedList) return;
                 const fetchedMap = new Map();
                 fetchedList.forEach((profile)=>{
                     const id = String(profile?.user_id ?? '');
@@ -99,13 +98,15 @@ const UserDisplay = ({ users, size, className, style, showLabel = true })=>{
                         status: profile?.status ?? 1
                     });
                 });
+                setCachedUserProfiles(fetchedList);
                 const mergedUsers = normalizedIds.map((id)=>{
                     const fetched = fetchedMap.get(id);
                     const given = inputProfilesMap.get(id);
-                    const name = given?.name?.trim() ? given.name : fetched?.name ?? '';
-                    const avatar = given?.avatar || fetched?.avatar || '';
-                    const email = given?.email || fetched?.email || '';
-                    const status = given?.status ?? fetched?.status ?? 1;
+                    const cached = cachedProfiles.find((p)=>p.user_id === id);
+                    const name = given?.name?.trim() || fetched?.name || cached?.name || '';
+                    const avatar = given?.avatar || fetched?.avatar || cached?.avatar || '';
+                    const email = given?.email || fetched?.email || cached?.email || '';
+                    const status = given?.status ?? fetched?.status ?? cached?.status ?? 1;
                     return {
                         user_id: id,
                         name,

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

@@ -1,7 +1,7 @@
 export { UserSelect } from './UserSelect';
 export type { UserSelectProps } from './UserSelect';
 export { UserDisplay } from './UserDisplay';
-export type { UserDisplayProps } from './UserDisplay';
+export type { IUserDisplayProps as UserDisplayProps } from './UserDisplay';
 export { UserWithAvatar } from './UserWithAvatar';
 export type { UserWithAvatarProps } from './type';
 export { UserProfile } from './UserProfile';

package/lib/hooks/useCurrentUserProfile.js

@@ -19,9 +19,9 @@ const useCurrentUserProfile = ()=>{
             (async ()=>{
                 const dataloom = await getDataloom();
                 const result = await dataloom.service.session.getUserInfo();
-                const userInfo = result?.data?.user_info;
+                const userInfo = result?.data?.userInfo;
                 setUserInfo({
-                    user_id: userInfo?.user_id?.toString(),
+                    user_id: userInfo?.userID?.toString(),
                     email: userInfo?.email,
                     name: userInfo?.name?.[0]?.text,
                     avatar: userInfo?.avatar?.image?.large,
@@ -32,9 +32,9 @@ const useCurrentUserProfile = ()=>{
             handleMetaInfoChanged = async ()=>{
                 const dataloom = await getDataloom();
                 const result = await dataloom.service.session.getUserInfo();
-                const userInfo = result?.data?.user_info;
+                const userInfo = result?.data?.userInfo;
                 const newUserInfo = {
-                    user_id: userInfo?.user_id?.toString(),
+                    user_id: userInfo?.userID?.toString(),
                     email: userInfo?.email,
                     name: userInfo?.name?.[0]?.text,
                     avatar: userInfo?.avatar?.image?.large,

package/lib/server-log/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Server Log 模块
+ *
+ * 通过 HTTP 轮询方式获取服务端日志并转发给父窗口
+ */
+export { ServerLogPoller } from './poller';
+export type { ServerLogPollerOptions } from './poller';
+export type { ServerLog, ServerLogLevel, ServerLogSource, ServerLogMeta, ServerLogPostMessage, ClientToServerMessage, ServerToClientMessage, } from './types';
+export { ServerLogPoller as default } from './poller';

package/lib/server-log/index.js

@@ -0,0 +1,2 @@
+import { ServerLogPoller } from "./poller.js";
+export { ServerLogPoller, ServerLogPoller as default };

package/lib/server-log/poller.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Server Log Poller (HTTP 轮询版本)
+ *
+ * 职责：
+ * 1. 定期轮询后端 HTTP API (/dev/logs/server-logs)
+ * 2. 获取新的服务端日志
+ * 3. 将接收到的日志通过 postMessage 转发给父窗口 (miaoda)
+ * 4. 管理连接状态并通知父窗口
+ *
+ * 与 ServerLogForwarder 的区别：
+ * - 使用 HTTP 轮询代替 WebSocket
+ * - 无需 socket.io-client 依赖
+ * - 更简单、更稳定、更易调试
+ */
+export interface ServerLogPollerOptions {
+    /**
+     * 后端服务器 URL
+     * @example 'http://localhost:3000'
+     */
+    serverUrl: string;
+    /**
+     * API 路径
+     * @default '/dev/logs/server-logs'
+     */
+    apiPath?: string;
+    /**
+     * 轮询间隔（毫秒）
+     * @default 2000
+     */
+    pollInterval?: number;
+    /**
+     * 每次获取的日志数量
+     * @default 100
+     */
+    limit?: number;
+    /**
+     * 是否启用调试日志
+     * @default false
+     */
+    debug?: boolean;
+}
+type ConnectionStatus = 'disconnected' | 'connecting' | 'connected' | 'error';
+export declare class ServerLogPoller {
+    private intervalId;
+    private status;
+    private lastTimestamp;
+    private options;
+    private isPolling;
+    constructor(options: ServerLogPollerOptions);
+    /**
+     * 启动轮询器
+     */
+    start(): void;
+    /**
+     * 停止轮询器
+     */
+    stop(): void;
+    /**
+     * 获取当前连接状态
+     */
+    getStatus(): ConnectionStatus;
+    /**
+     * 执行一次轮询
+     */
+    private poll;
+    /**
+     * 转发日志到父窗口
+     */
+    private forwardLog;
+    /**
+     * 更新连接状态并通知父窗口
+     */
+    private updateStatus;
+    /**
+     * 发送消息到父窗口
+     */
+    private postToParent;
+    /**
+     * 调试日志
+     */
+    private log;
+    /**
+     * 错误日志
+     */
+    private error;
+}
+export {};

package/lib/server-log/poller.js

@@ -0,0 +1,135 @@
+class ServerLogPoller {
+    intervalId = null;
+    status = 'disconnected';
+    lastTimestamp = 0;
+    options;
+    isPolling = false;
+    constructor(options){
+        this.options = {
+            serverUrl: options.serverUrl,
+            apiPath: (process.env.CLIENT_BASE_PATH || '') + (options.apiPath || '/dev/logs/server-logs'),
+            pollInterval: options.pollInterval || 2000,
+            limit: options.limit || 100,
+            debug: options.debug ?? false
+        };
+    }
+    start() {
+        if (this.isPolling) return void this.log('Poller already started');
+        this.isPolling = true;
+        this.updateStatus('connecting');
+        this.log('Starting server log poller...', {
+            serverUrl: this.options.serverUrl,
+            apiPath: this.options.apiPath,
+            pollInterval: this.options.pollInterval
+        });
+        this.poll();
+        this.intervalId = window.setInterval(()=>{
+            this.poll();
+        }, this.options.pollInterval);
+    }
+    stop() {
+        if (!this.isPolling) return void this.log('Poller not running');
+        this.log('Stopping server log poller...');
+        if (null !== this.intervalId) {
+            window.clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+        this.isPolling = false;
+        this.updateStatus('disconnected');
+    }
+    getStatus() {
+        return this.status;
+    }
+    async poll() {
+        try {
+            const url = `${this.options.serverUrl}${this.options.apiPath}?limit=${this.options.limit}&sources=server,trace,server-std,client-std`;
+            this.log('Polling...', {
+                url
+            });
+            const response = await fetch(url, {
+                method: 'GET',
+                headers: {
+                    Accept: 'application/json'
+                },
+                signal: AbortSignal.timeout(5000)
+            });
+            if (!response.ok) throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            const data = await response.json();
+            this.log('Received logs', {
+                count: data.logs.length,
+                total: data.total,
+                hasMore: data.hasMore
+            });
+            const newLogs = data.logs.filter((log)=>log.timestamp > this.lastTimestamp);
+            if (newLogs.length > 0) {
+                this.lastTimestamp = Math.max(...newLogs.map((log)=>log.timestamp));
+                newLogs.sort((a, b)=>a.timestamp - b.timestamp);
+                this.log(`Forwarding ${newLogs.length} new logs`);
+                newLogs.forEach((log)=>{
+                    this.forwardLog(log);
+                });
+            }
+            if ('connected' !== this.status) {
+                this.updateStatus('connected');
+                if (0 === this.lastTimestamp && data.logs.length > 0) this.lastTimestamp = Math.max(...data.logs.map((log)=>log.timestamp));
+            }
+        } catch (error) {
+            this.error('Poll failed', error);
+            if ('error' !== this.status) {
+                this.updateStatus('error');
+                this.postToParent({
+                    type: 'SERVER_LOG_CONNECTION',
+                    status: 'error',
+                    error: error instanceof Error ? error.message : String(error)
+                });
+            }
+        }
+    }
+    forwardLog(log) {
+        try {
+            this.log('Forwarding log to parent window', {
+                type: 'SERVER_LOG',
+                logId: log.id,
+                level: log.level,
+                tags: log.tags
+            });
+            this.postToParent({
+                type: 'SERVER_LOG',
+                payload: JSON.stringify(log)
+            });
+            this.log('Log forwarded successfully');
+        } catch (e) {
+            this.error('Failed to forward log', e);
+        }
+    }
+    updateStatus(status) {
+        const previousStatus = this.status;
+        this.status = status;
+        if (previousStatus !== status) {
+            this.log(`Status changed: ${previousStatus} → ${status}`);
+            this.postToParent({
+                type: 'SERVER_LOG_CONNECTION',
+                status
+            });
+        }
+    }
+    postToParent(message) {
+        if (window.parent === window) return;
+        try {
+            window.parent.postMessage(message, '*');
+        } catch (e) {
+            this.error('postMessage error', e);
+        }
+    }
+    log(message, data) {
+        const enableLog = 'true' === localStorage.getItem('debug_server_log_poller');
+        if (this.options.debug && enableLog) if (data) console.log(`[ServerLogPoller] ${message}`, data);
+        else console.log(`[ServerLogPoller] ${message}`);
+    }
+    error(message, error) {
+        const enableLog = 'true' === localStorage.getItem('debug_server_log_poller');
+        if (enableLog) if (error) console.error(`[ServerLogPoller] ${message}`, error);
+        else console.error(`[ServerLogPoller] ${message}`);
+    }
+}
+export { ServerLogPoller };

package/lib/server-log/types.d.ts

@@ -0,0 +1,166 @@
+/**
+ * Server Log Stream 类型定义
+ *
+ * 这些类型与 @lark-apaas/nestjs-logger 保持一致
+ * 用于 iframe 端的日志转发功能
+ */
+/**
+ * 后端日志级别
+ * 与 NestJS LogLevel 对齐，但增加了 fatal
+ */
+export type ServerLogLevel = 'fatal' | 'error' | 'warn' | 'log' | 'debug' | 'verbose';
+/**
+ * 日志来源
+ */
+export type ServerLogSource = 'server' | 'trace' | 'server-std' | 'client-std' | 'browser';
+/**
+ * 日志元数据
+ */
+export interface ServerLogMeta {
+    pid?: number;
+    hostname?: string;
+    service?: string;
+    path?: string;
+    method?: string;
+    statusCode?: number;
+    durationMs?: number;
+    ip?: string;
+    requestBody?: any;
+    responseBody?: any;
+    [key: string]: unknown;
+}
+/**
+ * 后端日志对象
+ * 用于实时推送给前端展示
+ */
+export interface ServerLog {
+    /**
+     * 唯一标识符（UUID）
+     * 用于前端去重和引用
+     */
+    id: string;
+    /**
+     * 日志级别
+     */
+    level: ServerLogLevel;
+    /**
+     * 时间戳（毫秒）
+     */
+    timestamp: number;
+    /**
+     * 日志消息
+     */
+    message: string;
+    /**
+     * 日志上下文（如 Controller 名称、Service 名称）
+     */
+    context?: string;
+    /**
+     * 请求追踪 ID
+     * 用于关联同一个请求的所有日志
+     */
+    traceId?: string;
+    /**
+     * 用户 ID
+     */
+    userId?: string;
+    /**
+     * 应用 ID
+     */
+    appId?: string;
+    /**
+     * 租户 ID
+     */
+    tenantId?: string;
+    /**
+     * 错误堆栈（仅 ERROR/FATAL 级别）
+     */
+    stack?: string;
+    /**
+     * 额外的元数据
+     */
+    meta?: ServerLogMeta;
+    /**
+     * 自定义标签
+     * 如 ['server', 'bootstrap'] 或 ['trace', 'http']
+     */
+    tags?: string[];
+}
+/**
+ * WebSocket 消息类型（客户端 → 服务端）
+ */
+export type ClientToServerMessage = {
+    type: 'SUBSCRIBE';
+    payload: {
+        levels?: ServerLogLevel[];
+        tags?: string[];
+        sources?: ServerLogSource[];
+    };
+} | {
+    type: 'UNSUBSCRIBE';
+} | {
+    type: 'GET_HISTORY';
+    payload: {
+        limit?: number;
+        offset?: number;
+        levels?: ServerLogLevel[];
+        sources?: ServerLogSource[];
+    };
+} | {
+    type: 'CLEAR_LOGS';
+};
+/**
+ * WebSocket 消息类型（服务端 → 客户端）
+ */
+export type ServerToClientMessage = {
+    type: 'CONNECTED';
+    payload: {
+        clientId: string;
+        timestamp: number;
+    };
+} | {
+    type: 'LOG';
+    payload: ServerLog;
+} | {
+    type: 'LOGS_BATCH';
+    payload: ServerLog[];
+} | {
+    type: 'HISTORY';
+    payload: {
+        logs: ServerLog[];
+        total: number;
+        hasMore: boolean;
+    };
+} | {
+    type: 'LOGS_CLEARED';
+} | {
+    type: 'SUBSCRIBED';
+    payload: {
+        levels?: ServerLogLevel[];
+        tags?: string[];
+        sources?: ServerLogSource[];
+    };
+} | {
+    type: 'UNSUBSCRIBED';
+} | {
+    type: 'ERROR';
+    payload: {
+        message: string;
+        code?: string;
+    };
+};
+/**
+ * PostMessage 类型（iframe → parent）
+ *
+ * iframe 端通过 postMessage 将接收到的 WebSocket 消息转发给父窗口
+ */
+export type ServerLogPostMessage = {
+    type: 'SERVER_LOG';
+    payload: string;
+} | {
+    type: 'SERVER_LOG_CONNECTION';
+    status: 'connected' | 'disconnected' | 'error' | 'connecting';
+    error?: string;
+} | {
+    type: 'SERVER_LOG_CLEARED';
+};

package/lib/types/index.d.ts

@@ -10,5 +10,6 @@ declare global {
         _IS_Spark_RUNTIME?: boolean;
         _bucket_id?: string;
         csrfToken?: string;
+        collectEvent?: (...args: any[]) => void;
     }
 }

package/lib/types/tea.d.ts

@@ -0,0 +1,7 @@
+export interface TrackParams {
+    trackKey: TrackKey;
+    trackParams?: Record<string, unknown>;
+}
+export declare enum TrackKey {
+    VIEW = "aily_agent_artifact_page_view"
+}

package/lib/types/tea.js

@@ -0,0 +1,5 @@
+var tea_TrackKey = /*#__PURE__*/ function(TrackKey) {
+    TrackKey["VIEW"] = "aily_agent_artifact_page_view";
+    return TrackKey;
+}({});
+export { tea_TrackKey as TrackKey };

package/lib/utils/deviceType.d.ts

@@ -0,0 +1,3 @@
+export declare const isIpad: () => boolean;
+export declare const isMobile: () => boolean;
+export declare const isIOS: () => boolean;

package/lib/utils/deviceType.js

@@ -0,0 +1,13 @@
+const isIpad = ()=>{
+    const _isIpad = /iPad|Tab|Tablet/i.test(navigator.userAgent) && navigator.maxTouchPoints && navigator.maxTouchPoints > 1;
+    return Boolean(_isIpad);
+};
+const isMobile = ()=>{
+    const isPhone = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(navigator.userAgent);
+    return isPhone || isIpad();
+};
+const isIOS = ()=>{
+    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) return true;
+    return false;
+};
+export { isIOS, isIpad, isMobile };

package/lib/utils/getAxiosForBackend.d.ts

@@ -0,0 +1,11 @@
+import { AxiosInstance } from 'axios';
+declare module 'axios' {
+    interface AxiosRequestConfig {
+        meta?: {
+            autoJumpToLogin?: boolean;
+        };
+    }
+}
+/** 获取axios实例 */
+export declare function getAxiosForBackend(): AxiosInstance;
+export declare const axiosForBackend: AxiosInstance;

package/lib/utils/getAxiosForBackend.js

@@ -0,0 +1,21 @@
+import axios from "axios";
+import { initAxiosConfig } from "./axiosConfig.js";
+let axiosInstance;
+function getAxiosForBackend() {
+    if (!axiosInstance) {
+        axiosInstance = axios.create({
+            baseURL: process.env.CLIENT_BASE_PATH || '/'
+        });
+        axiosInstance.interceptors.response.use(null, (err)=>{
+            if (err.config.meta?.autoJumpToLogin !== false) {
+                const loginUrl = err.response?.headers?.['x-login-url'];
+                if (loginUrl) window.location.href = loginUrl;
+            }
+            return Promise.reject(err);
+        });
+        initAxiosConfig(axiosInstance);
+    }
+    return axiosInstance;
+}
+const axiosForBackend = getAxiosForBackend();
+export { axiosForBackend, getAxiosForBackend };

package/lib/utils/getParentOrigin.d.ts

@@ -1,3 +1,4 @@
+export declare function getEnv(): 'BOE' | 'PRE' | 'ONLINE';
 /**
  * @internal
  * 获取预览环境父级域名

package/lib/utils/getParentOrigin.js

@@ -1,3 +1,9 @@
+function getEnv() {
+    const { origin } = window.location;
+    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'ONLINE';
+    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'PRE';
+    return 'BOE';
+}
 function getPreviewParentOrigin() {
     const { origin } = window.location;
     if (origin.includes('force.byted.org')) return 'https://force.feishu-boe.cn';
@@ -5,4 +11,4 @@ function getPreviewParentOrigin() {
     if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
     return 'https://miaoda.feishu-boe.cn';
 }
-export { getPreviewParentOrigin };
+export { getEnv, getPreviewParentOrigin };

package/lib/utils/requestManager.d.ts

@@ -0,0 +1,2 @@
+import type { IUserProfile } from '../apis/udt-types';
+export declare function fetchWithDeduplication(ids: string[]): Promise<IUserProfile[] | null>;

package/lib/utils/requestManager.js

@@ -0,0 +1,26 @@
+import { getDataloom } from "../integrations/dataloom.js";
+const pendingRequests = new Map();
+async function fetchUserProfilesByIds(ids) {
+    try {
+        const dataloom = await getDataloom();
+        if (!dataloom) throw new Error('Dataloom client is unavailable');
+        const numericIds = ids.map(Number).filter(Number.isFinite);
+        if (0 === numericIds.length) return [];
+        const response = await dataloom.service.user.getByIds(numericIds);
+        return Array.isArray(response?.data) ? response.data : response?.data?.user_list || [];
+    } catch (error) {
+        console.error(`Failed to fetch profiles for user IDs ${ids.join(', ')}:`, error);
+        return null;
+    }
+}
+function fetchWithDeduplication(ids) {
+    const key = ids.sort().join(',');
+    if (pendingRequests.has(key)) return pendingRequests.get(key);
+    const fetchPromise = fetchUserProfilesByIds(ids);
+    pendingRequests.set(key, fetchPromise);
+    fetchPromise.finally(()=>{
+        pendingRequests.delete(key);
+    });
+    return fetchPromise;
+}
+export { fetchWithDeduplication };

package/lib/utils/userProfileCache.d.ts

@@ -0,0 +1,12 @@
+import type { IUserProfile } from '../apis/udt-types';
+export interface ICachedUserProfile {
+    profile: IUserProfile;
+    timestamp: number;
+}
+export declare const cache: Map<string, ICachedUserProfile>;
+export declare const cacheExpiry: number;
+export declare function setCachedUserProfiles(profiles: IUserProfile[]): void;
+export declare function getCachedUserProfiles(ids: string[]): {
+    cachedProfiles: IUserProfile[];
+    remainingIds: string[];
+};

package/lib/utils/userProfileCache.js

@@ -0,0 +1,26 @@
+const cache = new Map();
+const cacheExpiry = 1 / 0;
+function setCachedUserProfiles(profiles) {
+    const now = Date.now();
+    profiles.forEach((profile)=>{
+        if (profile && profile.user_id) cache.set(String(profile.user_id), {
+            profile,
+            timestamp: now
+        });
+    });
+}
+function getCachedUserProfiles(ids) {
+    const cachedProfiles = [];
+    const remainingIds = [];
+    const now = Date.now();
+    ids.forEach((id)=>{
+        const cachedItem = cache.get(id);
+        if (cachedItem && now - cachedItem.timestamp < cacheExpiry) cachedProfiles.push(cachedItem.profile);
+        else remainingIds.push(id);
+    });
+    return {
+        cachedProfiles,
+        remainingIds
+    };
+}
+export { cache, cacheExpiry, getCachedUserProfiles, setCachedUserProfiles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.21-alpha.auth.dev.5",
+  "version": "1.1.21-alpha.auth.dev.7",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -61,10 +61,10 @@
       "require": "./lib/apis/utils/*.js",
       "types": "./lib/apis/utils/*.d.ts"
     },
-    "./auth/*": {
-      "import": "./lib/auth/index.js",
-      "require": "./lib/auth/index.js",
-      "types": "./lib/auth/index.d.ts"
+    "./auth": {
+      "import": "./lib/auth.js",
+      "require": "./lib/auth.js",
+      "types": "./lib/auth.d.ts"
     }
   },
   "scripts": {
@@ -85,17 +85,19 @@
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
-    "@data-loom/js": "^0.4.0",
-    "@lark-apaas/auth-sdk": "0.1.0-alpha.9",
-    "@lark-apaas/miaoda-inspector": "^1.0.4",
+    "@data-loom/js": "0.4.4-auth-alpha.6",
+    "@lark-apaas/auth-sdk": "0.1.0-alpha.13",
+    "@lark-apaas/miaoda-inspector": "^1.0.5",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@zumer/snapdom": "^1.9.14",
     "axios": "^1.12.2",
+    "blueimp-md5": "2.10.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "~2.0.1",
+    "crypto-js": "3.1.9-1",
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
     "lodash": "^4.17.21",
@@ -128,6 +130,8 @@
     "@tailwindcss/postcss": "^4.1.0",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
+    "@types/blueimp-md5": "^2.18.2",
+    "@types/crypto-js": "^4.2.2",
     "@types/lodash": "^4.17.20",
     "@types/node": "^22.10.2",
     "@types/react": "^18.3.23",
@@ -153,6 +157,7 @@
     "antd": ">=5.26.6",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0",
-    "react-router-dom": ">=6.26.2"
+    "react-router-dom": ">=6.26.2",
+    "styled-jsx": ">=5.0.0"
   }
 }