@lark-apaas/client-toolkit-lite 1.1.10 → 1.1.11-alpha.1

package/dist/index.cjs

@@ -76,7 +76,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/AppContainer/index.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 var import_miaoda_inspector = require("@lark-apaas/miaoda-inspector");
 
 // src/runtime/react-devtools-hook.ts
@@ -2059,221 +2059,8 @@ var Safety = /* @__PURE__ */ __name(() => {
 }, "Safety");
 var safety_default = Safety;
 
-// src/components/AppContainer/Watermark.tsx
-var import_react6 = __toESM(require("react"), 1);
-var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"), 1);
-
-// src/components/AppContainer/doubao-watermark-asset.ts
-var CDN = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miaoda-ui";
-var DOUBAO_LOGO_SRC = `${CDN}/setting_voice.svg`;
-var DOUBAO_CLOSE_SRC = `${CDN}/icon_close_outlined.svg`;
-var DOUBAO_REPORT_SRC = `${CDN}/%5BDBX%5DDropdown.svg`;
-var DOUBAO_PILL_MOBILE_SRC = `${CDN}/Frame%202147223991%20(4).svg`;
-var DOUBAO_REPORT_ITEM_SRC = `${CDN}/_Dropdown-item.svg`;
-var DOUBAO_DONTSHOW_ITEM_SRC = `${CDN}/_Dropdown-item%20(1).svg`;
-
-// src/components/AppContainer/Watermark.tsx
-var DOUBAO_SOURCE = "5";
-var REPORT_ENABLED = false;
-var reportDomainByEnv = /* @__PURE__ */ __name((env) => {
-  if (env === "boe") return "tns.feishu-boe.cn";
-  if (env === "pre") return "tns.feishu-pre.cn";
-  return "tns.feishu.cn";
-}, "reportDomainByEnv");
-var openDoubaoReport = /* @__PURE__ */ __name(() => {
-  const params = JSON.stringify({
-    scene: "miaoda_app_report",
-    entity_id: getAppId() ?? "",
-    entity_type: "miaoda_app",
-    extra: ""
-  });
-  const domain = reportDomainByEnv(process.env.FORCE_FRAMEWORK_ENVIRONMENT);
-  const url = `https://${domain}/cust/lark_report/?type=common&params=${encodeURIComponent(params)}&lang=zh-CN`;
-  window.open(url, "_blank", "noopener,noreferrer");
-}, "openDoubaoReport");
-var mobilePillWrapper = {
-  position: "fixed",
-  right: 12,
-  bottom: 12,
-  width: 85,
-  height: 30,
-  zIndex: 9999,
-  cursor: "pointer"
-};
-var mobilePillImg = {
-  position: "absolute",
-  right: -12,
-  bottom: -40,
-  width: 129,
-  height: 94,
-  // 钉死尺寸：宿主页常带 Tailwind preflight 的 `img{max-width:100%;height:auto}`，
-  // 会把这张 129x94 的图压进 85x30 包裹层导致缩水变形 + 负偏移对齐错位。
-  // 内联 style 特异度高于 element 选择器，可盖过 preflight。
-  maxWidth: "none",
-  maxHeight: "none",
-  display: "block",
-  pointerEvents: "none"
-};
-var mobileMenu = {
-  display: "flex",
-  flexDirection: "column",
-  background: "#fff",
-  borderRadius: 12,
-  padding: 4,
-  boxShadow: "0px 6px 16px rgba(0,0,0,0.12)",
-  zIndex: 1e4,
-  // radix Content 打开时获取焦点，去掉浏览器默认 focus 描边（同 Safety sheetContent）
-  outline: "none"
-};
-var mobileMenuItem = {
-  display: "block",
-  // 同药丸：钉死尺寸盖过宿主 Tailwind preflight 的 img{max-width:100%;height:auto}
-  width: 132,
-  height: 38,
-  maxWidth: "none",
-  maxHeight: "none",
-  cursor: "pointer"
-};
-var MobileWatermark = /* @__PURE__ */ __name(({ onDontShow }) => {
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  return /* @__PURE__ */ import_react6.default.createElement(PopoverPrimitive2.Root, {
-    open,
-    onOpenChange: setOpen
-  }, /* @__PURE__ */ import_react6.default.createElement(PopoverPrimitive2.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react6.default.createElement("div", {
-    "data-custom-element": "doubao-watermark-mobile",
-    style: mobilePillWrapper
-  }, /* @__PURE__ */ import_react6.default.createElement("img", {
-    src: DOUBAO_PILL_MOBILE_SRC,
-    width: 129,
-    height: 94,
-    alt: "\u8C46\u5305 AI \u751F\u6210",
-    style: mobilePillImg
-  }))), /* @__PURE__ */ import_react6.default.createElement(PopoverPrimitive2.Portal, null, /* @__PURE__ */ import_react6.default.createElement(PopoverPrimitive2.Content, {
-    side: "top",
-    align: "end",
-    sideOffset: 8,
-    style: mobileMenu
-  }, /* @__PURE__ */ import_react6.default.createElement("img", {
-    src: DOUBAO_REPORT_ITEM_SRC,
-    width: 132,
-    height: 38,
-    alt: "\u6295\u8BC9\u4E0E\u4E3E\u62A5",
-    style: mobileMenuItem
-  }), /* @__PURE__ */ import_react6.default.createElement("img", {
-    src: DOUBAO_DONTSHOW_ITEM_SRC,
-    width: 132,
-    height: 38,
-    alt: "\u4E0D\u518D\u5C55\u793A",
-    style: mobileMenuItem,
-    onClick: /* @__PURE__ */ __name(() => {
-      setOpen(false);
-      onDontShow();
-    }, "onClick")
-  }))));
-}, "MobileWatermark");
-var Watermark = /* @__PURE__ */ __name(() => {
-  const [closed, setClosed] = (0, import_react6.useState)(false);
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  const timer = (0, import_react6.useRef)(null);
-  const isMobile2 = useIsMobile();
-  if (String(process.env.MIAODA_APP_SOURCE) !== DOUBAO_SOURCE) return null;
-  if (closed) return null;
-  if (isMobile2) {
-    return /* @__PURE__ */ import_react6.default.createElement(MobileWatermark, {
-      onDontShow: /* @__PURE__ */ __name(() => setClosed(true), "onDontShow")
-    });
-  }
-  const enter = /* @__PURE__ */ __name(() => {
-    if (timer.current) clearTimeout(timer.current);
-    setOpen(true);
-  }, "enter");
-  const leave = /* @__PURE__ */ __name(() => {
-    timer.current = setTimeout(() => setOpen(false), 100);
-  }, "leave");
-  return /* @__PURE__ */ import_react6.default.createElement("div", {
-    "data-custom-element": "doubao-watermark",
-    onMouseEnter: enter,
-    onMouseLeave: leave,
-    style: {
-      position: "fixed",
-      right: 12,
-      bottom: 12,
-      zIndex: 9999,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "flex-end"
-    }
-  }, REPORT_ENABLED && open && /* @__PURE__ */ import_react6.default.createElement("img", {
-    src: DOUBAO_REPORT_SRC,
-    width: 168,
-    height: 78,
-    alt: "\u6295\u8BC9\u4E0E\u4E3E\u62A5",
-    onClick: openDoubaoReport,
-    style: {
-      display: "block",
-      cursor: "pointer",
-      marginBottom: -8,
-      marginRight: -12
-    }
-  }), /* @__PURE__ */ import_react6.default.createElement("div", {
-    style: {
-      boxSizing: "border-box",
-      display: "inline-flex",
-      alignItems: "center",
-      gap: 4,
-      padding: "6px 12px 6px 8px",
-      background: "#363636",
-      border: "0.5px solid rgba(255,255,255,0.1)",
-      borderRadius: 100,
-      boxShadow: "0px 2px 2px rgba(0,0,0,0.02), 0px 4px 8px rgba(0,0,0,0.04), 0px 8px 16px rgba(0,0,0,0.08)"
-    }
-  }, /* @__PURE__ */ import_react6.default.createElement("img", {
-    src: DOUBAO_LOGO_SRC,
-    width: 16,
-    height: 16,
-    alt: "",
-    style: {
-      borderRadius: 100,
-      flexShrink: 0,
-      display: "block"
-    }
-  }), /* @__PURE__ */ import_react6.default.createElement("span", {
-    style: {
-      fontFamily: "'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif",
-      fontSize: 12,
-      lineHeight: "18px",
-      color: "rgba(255,255,255,0.85)",
-      whiteSpace: "nowrap"
-    }
-  }, "\u7531 \u8C46\u5305AI \u751F\u6210"), /* @__PURE__ */ import_react6.default.createElement("span", {
-    role: "button",
-    "aria-label": "\u5173\u95ED",
-    onClick: /* @__PURE__ */ __name((e) => {
-      e.stopPropagation();
-      setClosed(true);
-    }, "onClick"),
-    style: {
-      display: "inline-flex",
-      alignItems: "center",
-      cursor: "pointer",
-      flexShrink: 0
-    }
-  }, /* @__PURE__ */ import_react6.default.createElement("img", {
-    src: DOUBAO_CLOSE_SRC,
-    width: 10,
-    height: 10,
-    alt: "",
-    style: {
-      display: "block"
-    }
-  }))));
-}, "Watermark");
-var Watermark_default = Watermark;
-
 // src/components/QueryProvider/index.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 var import_react_query = require("@tanstack/react-query");
 var defaultQueryClient = null;
 var getDefaultQueryClient = /* @__PURE__ */ __name(() => {
@@ -2294,20 +2081,20 @@ var getDefaultQueryClient = /* @__PURE__ */ __name(() => {
 }, "getDefaultQueryClient");
 var QueryProvider = /* @__PURE__ */ __name(({ children, client }) => {
   const qc = client ?? getDefaultQueryClient();
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_query.QueryClientProvider, {
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_query.QueryClientProvider, {
     client: qc
   }, children);
 }, "QueryProvider");
 var QueryProvider_default = QueryProvider;
 
 // src/components/AppContainer/IframeBridge.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_react_router_dom = require("react-router-dom");
 
 // src/hooks/useUpdatingRef.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 function useUpdatingRef(value) {
-  const ref = (0, import_react8.useRef)(value);
+  const ref = (0, import_react7.useRef)(value);
   ref.current = value;
   return ref;
 }
@@ -2328,20 +2115,20 @@ function IframeBridge() {
   const location = (0, import_react_router_dom.useLocation)();
   const navigate = (0, import_react_router_dom.useNavigate)();
   const navigateRef = useUpdatingRef(navigate);
-  const isActive = (0, import_react9.useRef)(false);
-  const historyBack = (0, import_react9.useCallback)((_payload) => {
+  const isActive = (0, import_react8.useRef)(false);
+  const historyBack = (0, import_react8.useCallback)((_payload) => {
     navigateRef.current(-1);
     isActive.current = true;
   }, [
     navigateRef
   ]);
-  const historyForward = (0, import_react9.useCallback)((_payload) => {
+  const historyForward = (0, import_react8.useCallback)((_payload) => {
     navigateRef.current(1);
     isActive.current = true;
   }, [
     navigateRef
   ]);
-  const operatorMessage = (0, import_react9.useMemo)(() => ({
+  const operatorMessage = (0, import_react8.useMemo)(() => ({
     ["RouteBack"]: historyBack,
     ["RouteForward"]: historyForward,
     ["RouteChange"]: navigateRef.current
@@ -2350,7 +2137,7 @@ function IframeBridge() {
     historyForward,
     navigateRef
   ]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isActive.current) {
       isActive.current = false;
       return;
@@ -2362,7 +2149,7 @@ function IframeBridge() {
   }, [
     location
   ]);
-  const handleMessage = (0, import_react9.useCallback)((event) => {
+  const handleMessage = (0, import_react8.useCallback)((event) => {
     const data = event.data ?? {};
     if (typeof data.type === "string" && isRouteMessageType(data.type)) {
       operatorMessage[data.type](data.data);
@@ -2370,7 +2157,7 @@ function IframeBridge() {
   }, [
     operatorMessage
   ]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     window.addEventListener("message", handleMessage);
     return () => {
       window.removeEventListener("message", handleMessage);
@@ -2378,7 +2165,7 @@ function IframeBridge() {
   }, [
     handleMessage
   ]);
-  return /* @__PURE__ */ (0, import_react9.createElement)("div", {
+  return /* @__PURE__ */ (0, import_react8.createElement)("div", {
     style: {
       display: "none"
     }
@@ -2506,7 +2293,7 @@ var TrackKey = /* @__PURE__ */ (function(TrackKey2) {
 // src/components/AppContainer/index.tsx
 var AppContainer = /* @__PURE__ */ __name(({ children }) => {
   useAppInfo();
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (process.env.NODE_ENV === "production") {
       reportTeaEvent({
         trackKey: TrackKey.VIEW,
@@ -2518,14 +2305,14 @@ var AppContainer = /* @__PURE__ */ __name(({ children }) => {
       });
     }
   }, []);
-  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, String(process.env.MIAODA_APP_TYPE) !== "7" && /* @__PURE__ */ import_react10.default.createElement(safety_default, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ import_react10.default.createElement(import_miaoda_inspector.MiaodaInspector, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ import_react10.default.createElement(IframeBridge, null), /* @__PURE__ */ import_react10.default.createElement(Watermark_default, null), /* @__PURE__ */ import_react10.default.createElement(QueryProvider_default, null, children));
+  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, String(process.env.MIAODA_APP_TYPE) !== "7" && /* @__PURE__ */ import_react9.default.createElement(safety_default, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ import_react9.default.createElement(import_miaoda_inspector.MiaodaInspector, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ import_react9.default.createElement(IframeBridge, null), /* @__PURE__ */ import_react9.default.createElement(QueryProvider_default, null, children));
 }, "AppContainer");
 var AppContainer_default = AppContainer;
 
 // src/components/Welcome/index.tsx
-var import_react11 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1", description = "\u9875\u9762\u6682\u672A\u5F00\u53D1\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..." }) => {
-  return /* @__PURE__ */ import_react11.default.createElement("div", {
+  return /* @__PURE__ */ import_react10.default.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2536,7 +2323,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
       padding: "0 24px",
       textAlign: "center"
     }
-  }, /* @__PURE__ */ import_react11.default.createElement("img", {
+  }, /* @__PURE__ */ import_react10.default.createElement("img", {
     style: {
       borderRadius: 6,
       marginBottom: 24
@@ -2545,7 +2332,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
     height: "200",
     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
     alt: "Welcome"
-  }), /* @__PURE__ */ import_react11.default.createElement("div", {
+  }), /* @__PURE__ */ import_react10.default.createElement("div", {
     style: {
       fontSize: 16,
       fontWeight: 500,
@@ -2553,7 +2340,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
       marginBottom: 4,
       color: "#1f2329"
     }
-  }, title), /* @__PURE__ */ import_react11.default.createElement("div", {
+  }, title), /* @__PURE__ */ import_react10.default.createElement("div", {
     style: {
       fontSize: 16,
       lineHeight: "24px",
@@ -2565,9 +2352,9 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
 var Welcome_default = Welcome;
 
 // src/components/PagePlaceholder/index.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1", description = "\u9875\u9762\u6682\u672A\u5F00\u53D1\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..." }) => {
-  return /* @__PURE__ */ import_react12.default.createElement("div", {
+  return /* @__PURE__ */ import_react11.default.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2578,7 +2365,7 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
       height: "calc(100vh - 64px)",
       textAlign: "center"
     }
-  }, /* @__PURE__ */ import_react12.default.createElement("img", {
+  }, /* @__PURE__ */ import_react11.default.createElement("img", {
     style: {
       borderRadius: "6px",
       marginBottom: "24px"
@@ -2587,14 +2374,14 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
     height: "200",
     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
     alt: "Welcome"
-  }), /* @__PURE__ */ import_react12.default.createElement("div", {
+  }), /* @__PURE__ */ import_react11.default.createElement("div", {
     style: {
       fontSize: "16px",
       fontWeight: 500,
       marginBottom: "4px",
       lineHeight: "24px"
     }
-  }, title), /* @__PURE__ */ import_react12.default.createElement("div", {
+  }, title), /* @__PURE__ */ import_react11.default.createElement("div", {
     style: {
       color: "#6b7280",
       fontSize: "16px",
@@ -2610,10 +2397,10 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
 var PagePlaceholder_default = PagePlaceholder;
 
 // src/components/ErrorRender/index.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 var ErrorRender = /* @__PURE__ */ __name((props) => {
   const { error, resetErrorBoundary } = props;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (error) {
       submitPostMessage({
         type: "RenderError",
@@ -2634,7 +2421,7 @@ var ErrorRender = /* @__PURE__ */ __name((props) => {
   }, [
     error
   ]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!resetErrorBoundary) return;
     const hmr = getHmrApi();
     if (!hmr) return;
@@ -2649,27 +2436,27 @@ var ErrorRender = /* @__PURE__ */ __name((props) => {
   }, [
     resetErrorBoundary
   ]);
-  return /* @__PURE__ */ import_react13.default.createElement("div", {
+  return /* @__PURE__ */ import_react12.default.createElement("div", {
     className: "min-h-screen flex items-center justify-center bg-white"
-  }, /* @__PURE__ */ import_react13.default.createElement("div", {
+  }, /* @__PURE__ */ import_react12.default.createElement("div", {
     className: "flex flex-col justify-center items-center text-center"
-  }, /* @__PURE__ */ import_react13.default.createElement("img", {
+  }, /* @__PURE__ */ import_react12.default.createElement("img", {
     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_negative_error.svg",
     alt: "render error",
     className: "mb-3 w-[100px]"
-  }), /* @__PURE__ */ import_react13.default.createElement("p", {
+  }), /* @__PURE__ */ import_react12.default.createElement("p", {
     className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium"
   }, "\u9875\u9762\u51FA\u9519\u4E86")));
 }, "ErrorRender");
 var ErrorRender_default = ErrorRender;
 
 // src/route-components/ActiveLink.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var import_react_router_dom2 = require("react-router-dom");
-var ActiveLink = /* @__PURE__ */ (0, import_react14.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
-  const [currentHash, setCurrentHash] = (0, import_react14.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
+var ActiveLink = /* @__PURE__ */ (0, import_react13.forwardRef)(({ to, onClick, className, style, children, ...rest }, ref) => {
+  const [currentHash, setCurrentHash] = (0, import_react13.useState)(() => typeof window !== "undefined" ? window.location.hash : "");
   const isHashRoute = typeof to === "string" && to.startsWith("#");
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isHashRoute) return;
     const handleHashChange = /* @__PURE__ */ __name(() => {
       setCurrentHash(window.location.hash);
@@ -2681,7 +2468,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react14.forwardRef)(({ to, onClick,
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ import_react14.default.createElement(import_react_router_dom2.NavLink, {
+    return /* @__PURE__ */ import_react13.default.createElement(import_react_router_dom2.NavLink, {
       ref,
       to,
       onClick,
@@ -2722,7 +2509,7 @@ var ActiveLink = /* @__PURE__ */ (0, import_react14.forwardRef)(({ to, onClick,
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ import_react14.default.createElement("a", {
+  return /* @__PURE__ */ import_react13.default.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -2734,9 +2521,9 @@ var ActiveLink = /* @__PURE__ */ (0, import_react14.forwardRef)(({ to, onClick,
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-var React10 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_react_router_dom3 = require("react-router-dom");
-var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, style, ...props }, ref) => {
+var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, style, ...props }, ref) => {
   const isHashLink = typeof to === "string" && to.startsWith("#");
   const location = (0, import_react_router_dom3.useLocation)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
@@ -2760,7 +2547,7 @@ var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, st
     const resolvedClassName = typeof className === "function" ? className(renderProps) : className;
     const resolvedStyle = typeof style === "function" ? style(renderProps) : style;
     const { caseSensitive, end, replace, state, preventScrollReset, relative, viewTransition, ...restProps } = props;
-    return /* @__PURE__ */ React10.createElement("a", {
+    return /* @__PURE__ */ React9.createElement("a", {
       href: to,
       onClick: handleClick,
       ref,
@@ -2769,7 +2556,7 @@ var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, st
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React10.createElement(import_react_router_dom3.NavLink, {
+  return /* @__PURE__ */ React9.createElement(import_react_router_dom3.NavLink, {
     to,
     ref,
     className,
@@ -2784,7 +2571,7 @@ var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, st
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-var import_react15 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_react_router_dom4 = require("react-router-dom");
 function isInternalRoute(to) {
   return !to.startsWith("#") && !to.startsWith("http://") && !to.startsWith("https://") && !to.startsWith("//");
@@ -2794,15 +2581,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ import_react15.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ import_react14.default.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ import_react15.default.createElement(import_react_router_dom4.Link, {
+    return /* @__PURE__ */ import_react14.default.createElement(import_react_router_dom4.Link, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ import_react15.default.createElement("a", {
+  return /* @__PURE__ */ import_react14.default.createElement("a", {
     href: to,
     ref,
     ...props,
@@ -3027,46 +2814,21 @@ function getAxiosForBackend() {
 __name(getAxiosForBackend, "getAxiosForBackend");
 var axiosForBackend = getAxiosForBackend();
 
-// src/utils/url.ts
-function splitWorkspaceUrl(fullUrl) {
-  try {
-    const url = new URL(fullUrl);
-    const pathParts = url.pathname.split("/");
-    const workspacesIndex = pathParts.findIndex((part) => part === "workspaces");
-    if (workspacesIndex === -1) {
-      throw new Error("Invalid workspace URL format");
-    }
-    const basePathParts = pathParts.slice(0, workspacesIndex);
-    const workspace = pathParts[workspacesIndex + 1];
-    return {
-      baseUrl: `${url.origin}${basePathParts.join("/")}`,
-      workspace
-    };
-  } catch (error) {
-    console.error("Error splitting workspace URL:", error);
-  }
-  return {
-    baseUrl: fullUrl,
-    // 兜底给一个，不要给空字符串，不然 createClient 都直接挂了，页面会白屏，体感不太好
-    workspace: "workspace"
-  };
-}
-__name(splitWorkspaceUrl, "splitWorkspaceUrl");
-
 // src/integrations/dataloom.ts
 var import_dataloom = require("@lark-apaas/dataloom");
 var import_auth_sdk3 = require("@lark-apaas/auth-sdk");
-var createDataLoomClient = /* @__PURE__ */ __name((url, pat) => {
-  const { baseUrl } = url ? splitWorkspaceUrl(url) : {
-    baseUrl: ""
-  };
+var createDataLoomClient = /* @__PURE__ */ __name(() => {
   const appId = getAppId() ?? "";
-  return (0, import_dataloom.createClient)(baseUrl, pat ?? "", {
+  return (0, import_dataloom.createClient)({
     global: {
       enableDataloomLog: process.env.NODE_ENV !== "production",
       requestRateLimit: process.env.NODE_ENV !== "production" ? 100 : void 0,
       brandName: "miaoda",
       appId,
+      // 同源网关下不会触发预检；CSRF token 仅用于 POST/PUT/DELETE 防护。
+      headers: {
+        "X-Suda-Csrf-Token": getCsrfToken() ?? ""
+      },
       accountServices: {
         user: import_auth_sdk3.authClient.user,
         session: import_auth_sdk3.authClient.session
@@ -3083,10 +2845,8 @@ function getDataloom() {
   if (pendingPromise3) {
     return pendingPromise3;
   }
-  pendingPromise3 = 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);
+  pendingPromise3 = getInitialInfo().then(() => {
+    dataloom = createDataLoomClient();
     return dataloom;
   }).finally(() => {
     pendingPromise3 = null;