@lark-apaas/client-toolkit-lite 1.1.7-alpha.9 → 1.1.7

package/dist/index.js

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 };
 
 // src/components/AppContainer/index.tsx
-import React5, { useEffect as useEffect5 } from "react";
+import React4, { useEffect as useEffect5 } from "react";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 
 // src/runtime/react-devtools-hook.ts
@@ -82,8 +82,45 @@ function initAxiosConfig(axiosInstance2) {
 }
 __name(initAxiosConfig, "initAxiosConfig");
 
+// src/runtime/observable.ts
+import { observable, AppEnv } from "@lark-apaas/observable-web";
+
+// src/utils/apiPath.ts
+function isNewPathEnabled() {
+  const basePath = process.env.CLIENT_BASE_PATH || "/";
+  return /^\/app\/[^/]/.test(basePath);
+}
+__name(isNewPathEnabled, "isNewPathEnabled");
+
+// src/runtime/observable.ts
+var initObservable = /* @__PURE__ */ __name(() => {
+  try {
+    const appId = window.appId;
+    observable.start({
+      serviceName: "app",
+      env: process.env.NODE_ENV === "development" ? AppEnv.Dev : AppEnv.Prod,
+      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`,
+        time: `/spark/api/v1/observability/app/${appId}/current_server_timestamp`
+      }
+    });
+  } catch (error) {
+    console.error("Failed to start WebObservableSdk:", error);
+  }
+}, "initObservable");
+
 // src/logger/logger.ts
-import { observable } from "@lark-apaas/observable-web";
+import { observable as observable2 } from "@lark-apaas/observable-web";
+
+// src/logger/intercept-global-error.ts
+import { slardar } from "@lark-apaas/internal-slardar";
 
 // src/utils/hmr-api.ts
 function createWebpackHmrApi(hot) {
@@ -231,12 +268,32 @@ function processDevServerLog(log) {
         status: "disconnected"
       }
     });
+    slardar.sendEvent({
+      name: "sandbox-devServer",
+      metrics: {
+        time
+      },
+      categories: {
+        type: "disconnected"
+      }
+    });
     return;
   }
   if (!devServerDisconnectInfo) {
     return;
   }
   if (devFlag && log.includes("Trying to reconnect")) {
+    if (retryCount) {
+      slardar.sendEvent({
+        name: "sandbox-devServer",
+        metrics: {
+          retryCount: retryCount + 1
+        },
+        categories: {
+          type: "reconnect-failed"
+        }
+      });
+    }
     retryCount++;
     return;
   }
@@ -249,6 +306,18 @@ function processDevServerLog(log) {
         status: "connected"
       }
     });
+    const startTime = devServerDisconnectInfo.time;
+    const duration = Date.now() - startTime;
+    slardar.sendEvent({
+      name: "sandbox-devServer",
+      metrics: {
+        startTime,
+        duration
+      },
+      categories: {
+        type: "devServer-reconnected"
+      }
+    });
     devServerDisconnectInfo = null;
     retryCount = 0;
   }
@@ -268,6 +337,13 @@ function listenModuleHmr() {
     });
     hmr.onError((error) => {
       console.warn("hmr apply failed", error);
+      slardar.sendEvent({
+        name: "sandbox-devServer",
+        categories: {
+          type: "hmr-apply-failed",
+          error: String(error)
+        }
+      });
     });
   }
 }
@@ -377,123 +453,8 @@ function mapLogLevel(level) {
 }
 __name(mapLogLevel, "mapLogLevel");
 
-// src/logger/logger.ts
-var shouldReportToObservable = process.env.NODE_ENV === "production";
-var ORDERED_LEVELS = [
-  "debug",
-  "info",
-  "warn",
-  "error"
-];
-var defaultConfig = {
-  showLevel: false,
-  showTimestamp: false,
-  level: "info",
-  prefix: ""
-};
-var config = {
-  ...defaultConfig
-};
-function configureLogger(options) {
-  config = {
-    ...defaultConfig,
-    ...options
-  };
-}
-__name(configureLogger, "configureLogger");
-function shouldLog(level) {
-  return ORDERED_LEVELS.indexOf(level) >= ORDERED_LEVELS.indexOf(config.level);
-}
-__name(shouldLog, "shouldLog");
-function getFormattedPrefix(level) {
-  const parts = [];
-  if (config.prefix) {
-    parts.push(`[${config.prefix}]`);
-  }
-  if (config.showLevel) {
-    parts.push(`[${level.toUpperCase()}]`);
-  }
-  return parts;
-}
-__name(getFormattedPrefix, "getFormattedPrefix");
-configureLogger({
-  showLevel: true,
-  showTimestamp: false,
-  level: process.env.NODE_ENV === "development" ? "debug" : "error",
-  prefix: "MiaoDa"
-});
-var logger = {
-  debug(message, ...args) {
-    if (shouldLog("debug")) {
-      console.log(...getFormattedPrefix("debug"), message, ...args);
-    }
-  },
-  info(message, ...args) {
-    if (shouldLog("info")) {
-      console.log(...getFormattedPrefix("info"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      observable.log("INFO", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  warn(message, ...args) {
-    if (shouldLog("warn")) {
-      console.log(...getFormattedPrefix("warn"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      observable.log("WARN", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  error(message, ...args) {
-    if (shouldLog("error")) {
-      console.error(...getFormattedPrefix("error"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      observable.log("ERROR", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  success(message, ...args) {
-    if (shouldLog("info")) {
-      console.log(...getFormattedPrefix("success"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      observable.log("INFO", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  log({ level, args }) {
-    if (shouldLog(level)) {
-      console.log(...getFormattedPrefix(level), ...args);
-    }
-    if (shouldReportToObservable && level !== "debug") {
-      observable.log(mapLogLevel(level), processLogParams(args).join(" "));
-    }
-  }
-};
-if (process.env.NODE_ENV !== "production") {
-  window.__RUNTIME_LOGGER__ = {
-    get() {
-      return logger;
-    }
-  };
-}
-if (process.env.NODE_ENV !== "production") {
-  interceptErrors();
-}
-
-// src/runtime/iframe-bridge.ts
-import { connectToParent } from "penpal";
+// src/logger/selected-logs.ts
+import StackTrace from "stacktrace-js";
 
 // src/logger/batch-logger.ts
 var BatchLogger = class {
@@ -678,6 +639,368 @@ if (process.env.NODE_ENV !== "production" && typeof window !== "undefined") {
   defaultBatchLogger = new BatchLogger(console);
 }
 
+// src/logger/selected-logs.ts
+function mapStacktrace(stacktrace) {
+  return stacktrace.map((frame) => ({
+    functionName: frame.functionName || "",
+    fileName: frame.fileName || "",
+    lineNumber: frame.lineNumber || 0,
+    columnNumber: frame.columnNumber || 0
+  }));
+}
+__name(mapStacktrace, "mapStacktrace");
+function reportStacktraceParseError(e, context) {
+  if (window.parent === window) return;
+  try {
+    submitPostMessage({
+      type: "STACKTRACE_PARSE_ERROR",
+      payload: {
+        error: e instanceof Error ? e.message : String(e),
+        context
+      }
+    });
+  } catch {
+  }
+}
+__name(reportStacktraceParseError, "reportStacktraceParseError");
+async function getStacktrace() {
+  const stacktrace = await StackTrace.get();
+  return mapStacktrace(stacktrace);
+}
+__name(getStacktrace, "getStacktrace");
+function errorReplacer(_key, value) {
+  if (value instanceof Error) {
+    return {
+      message: value.message,
+      stack: value.stack,
+      name: value.name
+    };
+  }
+  return value;
+}
+__name(errorReplacer, "errorReplacer");
+function generateLogId() {
+  try {
+    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+  } catch {
+  }
+  return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+__name(generateLogId, "generateLogId");
+var lastLogInfo = null;
+async function sendSelectedLog(logWithoutID) {
+  try {
+    const log = {
+      ...logWithoutID,
+      id: generateLogId()
+    };
+    const newParts = [];
+    for (let i = 0; i < log.args.length; i++) {
+      const item = log.args[i];
+      if (item instanceof Error) {
+        const newError = {
+          message: item.message,
+          stack: item.stack,
+          name: item.name
+        };
+        if (!log.meta.stacktrace) {
+          try {
+            const stacktrace = await StackTrace.fromError(item);
+            log.meta.stacktrace = mapStacktrace(stacktrace);
+          } catch (e) {
+            reportStacktraceParseError(e, "StackTrace.fromError");
+          }
+        }
+        newParts.push(newError.message, newError);
+      } else {
+        newParts.push(item);
+      }
+    }
+    log.args = newParts;
+    if (!log.meta.stacktrace) {
+      try {
+        const frames = await getStacktrace();
+        const firstFrameIndex = frames.findIndex((frame) => !frame.fileName.includes("client-toolkit-lite/dist/logger"));
+        log.meta.stacktrace = firstFrameIndex === -1 ? [] : frames.slice(firstFrameIndex);
+      } catch (e) {
+        reportStacktraceParseError(e, "getStacktrace");
+      }
+    }
+    if (log.meta.skipFrame === void 0) {
+      log.meta.skipFrame = 2;
+    }
+    const logJSON = JSON.stringify(log, errorReplacer);
+    const logForDedup = {
+      ...log
+    };
+    delete logForDedup.id;
+    const logContentForDedup = JSON.stringify(logForDedup, errorReplacer);
+    if (lastLogInfo && lastLogInfo.content === logContentForDedup) {
+      lastLogInfo.count++;
+      log.meta.isDuplicate = true;
+      log.meta.duplicateCount = lastLogInfo.count;
+      log.meta.duplicateOfId = lastLogInfo.id;
+      const updatedJSON = JSON.stringify(log, errorReplacer);
+      try {
+        batchLogInfo("info", updatedJSON);
+      } catch {
+      }
+      if (window.parent !== window) {
+        try {
+          submitPostMessage({
+            type: "SELECTED_LOG",
+            payload: updatedJSON
+          });
+        } catch {
+        }
+      }
+      return;
+    }
+    lastLogInfo = {
+      content: logContentForDedup,
+      id: log.id,
+      count: 1
+    };
+    try {
+      batchLogInfo("info", logJSON);
+    } catch {
+    }
+    if (window.parent !== window) {
+      try {
+        submitPostMessage({
+          type: "SELECTED_LOG",
+          payload: logJSON
+        });
+      } catch {
+      }
+    }
+  } catch {
+  }
+}
+__name(sendSelectedLog, "sendSelectedLog");
+function sendTypedLogV2(logWithMeta) {
+  void sendSelectedLog({
+    type: "typedLogV2",
+    level: logWithMeta.level,
+    args: logWithMeta.args,
+    meta: logWithMeta.meta ?? {}
+  });
+}
+__name(sendTypedLogV2, "sendTypedLogV2");
+var typedLogInterceptor = /* @__PURE__ */ __name((originLogger) => ({
+  debug: /* @__PURE__ */ __name((message, ...args) => {
+    try {
+      originLogger.debug(message, ...args);
+    } catch {
+    }
+    sendTypedLogV2({
+      level: "info",
+      args: [
+        message,
+        ...args
+      ],
+      meta: {}
+    });
+  }, "debug"),
+  info: /* @__PURE__ */ __name((message, ...args) => {
+    try {
+      originLogger.info(message, ...args);
+    } catch {
+    }
+    sendTypedLogV2({
+      level: "info",
+      args: [
+        message,
+        ...args
+      ],
+      meta: {}
+    });
+  }, "info"),
+  warn: /* @__PURE__ */ __name((message, ...args) => {
+    try {
+      originLogger.warn(message, ...args);
+    } catch {
+    }
+    sendTypedLogV2({
+      level: "warn",
+      args: [
+        message,
+        ...args
+      ],
+      meta: {}
+    });
+  }, "warn"),
+  error: /* @__PURE__ */ __name((message, ...args) => {
+    try {
+      originLogger.error(message, ...args);
+    } catch {
+    }
+    sendTypedLogV2({
+      level: "error",
+      args: [
+        message,
+        ...args
+      ],
+      meta: {}
+    });
+  }, "error"),
+  success: /* @__PURE__ */ __name((message, ...args) => {
+    try {
+      originLogger.success(message, ...args);
+    } catch {
+    }
+    sendTypedLogV2({
+      level: "success",
+      args: [
+        message,
+        ...args
+      ],
+      meta: {}
+    });
+  }, "success"),
+  log: /* @__PURE__ */ __name(({ level, args, meta }) => {
+    try {
+      originLogger.log({
+        level,
+        args,
+        meta
+      });
+    } catch {
+    }
+    sendTypedLogV2({
+      level,
+      args,
+      meta: meta ?? {}
+    });
+  }, "log")
+}), "typedLogInterceptor");
+var interceptors = [
+  typedLogInterceptor
+];
+
+// src/logger/logger.ts
+var shouldReportToObservable = process.env.NODE_ENV === "production";
+var ORDERED_LEVELS = [
+  "debug",
+  "info",
+  "warn",
+  "error"
+];
+var defaultConfig = {
+  showLevel: false,
+  showTimestamp: false,
+  level: "info",
+  prefix: ""
+};
+var config = {
+  ...defaultConfig
+};
+function configureLogger(options) {
+  config = {
+    ...defaultConfig,
+    ...options
+  };
+}
+__name(configureLogger, "configureLogger");
+function shouldLog(level) {
+  return ORDERED_LEVELS.indexOf(level) >= ORDERED_LEVELS.indexOf(config.level);
+}
+__name(shouldLog, "shouldLog");
+function getFormattedPrefix(level) {
+  const parts = [];
+  if (config.prefix) {
+    parts.push(`[${config.prefix}]`);
+  }
+  if (config.showLevel) {
+    parts.push(`[${level.toUpperCase()}]`);
+  }
+  return parts;
+}
+__name(getFormattedPrefix, "getFormattedPrefix");
+configureLogger({
+  showLevel: true,
+  showTimestamp: false,
+  level: process.env.NODE_ENV === "development" ? "debug" : "error",
+  prefix: "MiaoDa"
+});
+var logger = {
+  debug(message, ...args) {
+    if (shouldLog("debug")) {
+      console.log(...getFormattedPrefix("debug"), message, ...args);
+    }
+  },
+  info(message, ...args) {
+    if (shouldLog("info")) {
+      console.log(...getFormattedPrefix("info"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      observable2.log("INFO", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  warn(message, ...args) {
+    if (shouldLog("warn")) {
+      console.log(...getFormattedPrefix("warn"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      observable2.log("WARN", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  error(message, ...args) {
+    if (shouldLog("error")) {
+      console.error(...getFormattedPrefix("error"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      observable2.log("ERROR", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  success(message, ...args) {
+    if (shouldLog("info")) {
+      console.log(...getFormattedPrefix("success"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      observable2.log("INFO", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  log({ level, args }) {
+    if (shouldLog(level)) {
+      console.log(...getFormattedPrefix(level), ...args);
+    }
+    if (shouldReportToObservable && level !== "debug") {
+      observable2.log(mapLogLevel(level), processLogParams(args).join(" "));
+    }
+  }
+};
+if (process.env.NODE_ENV !== "production") {
+  window.__RUNTIME_LOGGER__ = {
+    get() {
+      return logger;
+    }
+  };
+}
+for (const interceptor of interceptors) {
+  logger = interceptor(logger);
+}
+if (process.env.NODE_ENV !== "production") {
+  interceptErrors();
+}
+
+// src/runtime/iframe-bridge.ts
+import { connectToParent } from "penpal";
+
 // src/utils/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -766,13 +1089,14 @@ __name(initIframeBridge, "initIframeBridge");
 if (!window.__FULLSTACK_RUNTIME_INITIALIZED__) {
   window.__FULLSTACK_RUNTIME_INITIALIZED__ = true;
   initAxiosConfig();
+  initObservable();
   if (process.env.NODE_ENV !== "production") {
     initIframeBridge();
   }
 }
 
 // src/components/AppContainer/safety.tsx
-import React3, { useEffect as useEffect3, useRef, useState as useState4 } from "react";
+import React2, { useEffect as useEffect3, useRef, useState as useState4 } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
@@ -783,16 +1107,6 @@ function getAppId() {
 }
 __name(getAppId, "getAppId");
 
-// src/utils/apiPath.ts
-function isNewPathEnabled() {
-  const basePath = process.env.CLIENT_BASE_PATH || "/";
-  return /^\/app\/[^/]/.test(basePath);
-}
-__name(isNewPathEnabled, "isNewPathEnabled");
-
-// src/hooks/useAppInfo.tsx
-import { useEffect, useState } from "react";
-
 // src/utils/getInitialInfo.ts
 async function getAppPublished() {
   try {
@@ -843,6 +1157,47 @@ function getInitialInfo(refresh = false) {
 }
 __name(getInitialInfo, "getInitialInfo");
 
+// src/utils/getTenantInfo.ts
+async function fetchTenantInfo() {
+  try {
+    const appId = getAppId();
+    const path = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/tenant_info` : `/spark/b/${appId}/tenant_info`;
+    const response = await fetch(`${window.location.origin}${path}`, {
+      method: "GET",
+      headers: {
+        "X-Suda-Csrf-Token": getCsrfToken() ?? ""
+      },
+      credentials: "include"
+    });
+    const res = await response.json();
+    return res?.data;
+  } catch {
+    return void 0;
+  }
+}
+__name(fetchTenantInfo, "fetchTenantInfo");
+var tenantInfo;
+var pendingPromise2 = null;
+function getTenantInfo() {
+  if (tenantInfo) {
+    return Promise.resolve(tenantInfo);
+  }
+  if (pendingPromise2) {
+    return pendingPromise2;
+  }
+  pendingPromise2 = fetchTenantInfo().then((info) => {
+    tenantInfo = info;
+    return tenantInfo;
+  }).finally(() => {
+    pendingPromise2 = null;
+  });
+  return pendingPromise2;
+}
+__name(getTenantInfo, "getTenantInfo");
+
+// src/hooks/useAppInfo.tsx
+import { useEffect, useState } from "react";
+
 // src/integrations/getAppInfo.ts
 async function getAppInfo(refresh = false) {
   let appInfo = typeof window !== "undefined" ? window._appInfo : void 0;
@@ -979,23 +1334,23 @@ var createDataLoomClient = /* @__PURE__ */ __name((url, pat) => {
   });
 }, "createDataLoomClient");
 var dataloom = null;
-var pendingPromise2 = null;
+var pendingPromise3 = null;
 function getDataloom() {
   if (dataloom) {
     return Promise.resolve(dataloom);
   }
-  if (pendingPromise2) {
-    return pendingPromise2;
+  if (pendingPromise3) {
+    return pendingPromise3;
   }
-  pendingPromise2 = getInitialInfo().then((info) => {
+  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);
     return dataloom;
   }).finally(() => {
-    pendingPromise2 = null;
+    pendingPromise3 = null;
   });
-  return pendingPromise2;
+  return pendingPromise3;
 }
 __name(getDataloom, "getDataloom");
 
@@ -1065,12 +1420,12 @@ var useCurrentUserProfile = /* @__PURE__ */ __name(() => {
 }, "useCurrentUserProfile");
 
 // src/hooks/useIsMobile.ts
-import React2 from "react";
+import React from "react";
 import { debounce } from "lodash";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile2, setIsMobile] = React2.useState(window.innerWidth < MOBILE_BREAKPOINT);
-  React2.useEffect(() => {
+  const [isMobile2, setIsMobile] = React.useState(window.innerWidth < MOBILE_BREAKPOINT);
+  React.useEffect(() => {
     const handleResize = /* @__PURE__ */ __name(() => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
     }, "handleResize");
@@ -1115,6 +1470,11 @@ __name(useLogout, "useLogout");
 
 // src/locales/messages.ts
 var messages = {
+  // ── Index / 通用 ──────────────────────────────────────────────
+  "index.rateLimitError": {
+    zh: "\u5E94\u7528\u989D\u5EA6\u5DF2\u8017\u5C3D\uFF0C\u8BF7\u8054\u7CFB\u5E94\u7528\u5F00\u53D1\u8005",
+    en: "Application quota exhausted, please contact the app developer"
+  },
   // ── Safety 组件 ──────────────────────────────────────────────
   "safety.badge.label": {
     zh: "\u5999\u642D",
@@ -1455,7 +1815,7 @@ var mobileBtnFilled = {
 };
 var HoverButton = /* @__PURE__ */ __name(({ style, onClick, children, ...rest }) => {
   const [hovered, setHovered] = useState4(false);
-  return /* @__PURE__ */ React3.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     style: {
       ...style,
       ...hovered ? btnHovered : {}
@@ -1466,7 +1826,7 @@ var HoverButton = /* @__PURE__ */ __name(({ style, onClick, children, ...rest })
     ...rest
   }, children);
 }, "HoverButton");
-var XIcon = /* @__PURE__ */ __name(({ style, onClick }) => /* @__PURE__ */ React3.createElement("svg", {
+var XIcon = /* @__PURE__ */ __name(({ style, onClick }) => /* @__PURE__ */ React2.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1478,9 +1838,9 @@ var XIcon = /* @__PURE__ */ __name(({ style, onClick }) => /* @__PURE__ */ React
   strokeLinejoin: "round",
   style,
   onClick
-}, /* @__PURE__ */ React3.createElement("path", {
+}, /* @__PURE__ */ React2.createElement("path", {
   d: "M18 6 6 18"
-}), /* @__PURE__ */ React3.createElement("path", {
+}), /* @__PURE__ */ React2.createElement("path", {
   d: "m6 6 12 12"
 })), "XIcon");
 var Safety = /* @__PURE__ */ __name(() => {
@@ -1494,24 +1854,14 @@ var Safety = /* @__PURE__ */ __name(() => {
   const [badgeLoaded, setBadgeLoaded] = useState4(false);
   const timeoutRef = useRef(null);
   useEffect3(() => {
-    const appId = getAppId();
-    const csrfToken = getCsrfToken() ?? "";
-    const csrfHeaders = {
-      "X-Suda-Csrf-Token": csrfToken
-    };
-    const tenantInfoUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/tenant_info` : `/spark/b/${appId}/tenant_info`;
-    fetch(tenantInfoUrl, {
-      headers: csrfHeaders
-    }).then((res) => res.json()).then((data) => {
-      setUserinfo(data?.data?.tenant_info);
-      setIsInternetVisible(data?.data?.is_internet_visible);
+    if (process.env.NODE_ENV !== "production") return;
+    getTenantInfo().then((data) => {
+      setUserinfo(data?.tenant_info ?? null);
+      setIsInternetVisible(!!data?.is_internet_visible);
     }).catch(() => {
     });
-    const getPublishedUrl = isNewPathEnabled() ? `/app/${appId}/__runtime__/api/v1/studio/get_published` : `/spark/b/${appId}/get_published`;
-    fetch(getPublishedUrl, {
-      headers: csrfHeaders
-    }).then((res) => res.json()).then((data) => {
-      const badge = data?.data?.app_info?.show_badge;
+    getInitialInfo().then((info) => {
+      const badge = info?.app_info?.show_badge;
       setShowBadge(badge !== false);
     }).catch(() => {
       setShowBadge(true);
@@ -1535,70 +1885,70 @@ var Safety = /* @__PURE__ */ __name(() => {
   if (!showBadge) return null;
   if (!visible) return null;
   if (isMobile2) {
-    return /* @__PURE__ */ React3.createElement(DialogPrimitive.Root, {
+    return /* @__PURE__ */ React2.createElement(DialogPrimitive.Root, {
       open,
       onOpenChange: setOpen
-    }, /* @__PURE__ */ React3.createElement(DialogPrimitive.Trigger, {
+    }, /* @__PURE__ */ React2.createElement(DialogPrimitive.Trigger, {
       asChild: true
-    }, /* @__PURE__ */ React3.createElement("div", {
+    }, /* @__PURE__ */ React2.createElement("div", {
       style: badgeMobile,
       onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-    }, /* @__PURE__ */ React3.createElement("img", {
+    }, /* @__PURE__ */ React2.createElement("img", {
       src: LOGO_URL,
       style: logoStyle
-    }), /* @__PURE__ */ React3.createElement("p", {
+    }), /* @__PURE__ */ React2.createElement("p", {
       style: {
         ...badgeTextStyle,
         minWidth: 28
       }
-    }, t("safety.badge.label")))), /* @__PURE__ */ React3.createElement(DialogPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(DialogPrimitive.Overlay, {
+    }, t("safety.badge.label")))), /* @__PURE__ */ React2.createElement(DialogPrimitive.Portal, null, /* @__PURE__ */ React2.createElement(DialogPrimitive.Overlay, {
       style: overlayStyle
-    }), /* @__PURE__ */ React3.createElement(DialogPrimitive.Content, {
+    }), /* @__PURE__ */ React2.createElement(DialogPrimitive.Content, {
       style: sheetContent,
       "aria-describedby": void 0
-    }, /* @__PURE__ */ React3.createElement(DialogPrimitive.Title, {
+    }, /* @__PURE__ */ React2.createElement(DialogPrimitive.Title, {
       style: {
         position: "absolute",
         clip: "rect(0 0 0 0)"
       }
-    }, t("safety.badge.builtWith")), /* @__PURE__ */ React3.createElement("div", {
+    }, t("safety.badge.builtWith")), /* @__PURE__ */ React2.createElement("div", {
       style: sheetInner
-    }, /* @__PURE__ */ React3.createElement(XIcon, {
+    }, /* @__PURE__ */ React2.createElement(XIcon, {
       style: sheetCloseBtn,
       onClick: /* @__PURE__ */ __name(() => setOpen(false), "onClick")
-    }), /* @__PURE__ */ React3.createElement("img", {
+    }), /* @__PURE__ */ React2.createElement("img", {
       src: getCoverMobileUrl(),
       alt: "",
       style: sheetCover,
       onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
-    }), /* @__PURE__ */ React3.createElement("div", {
+    }), /* @__PURE__ */ React2.createElement("div", {
       style: sheetBody
-    }, /* @__PURE__ */ React3.createElement("div", {
+    }, /* @__PURE__ */ React2.createElement("div", {
       style: {
         display: "flex",
         flexDirection: "column",
         gap: 4,
         alignSelf: "stretch"
       }
-    }, isInternetVisible && /* @__PURE__ */ React3.createElement("div", {
+    }, isInternetVisible && /* @__PURE__ */ React2.createElement("div", {
       style: infoRow
-    }, /* @__PURE__ */ React3.createElement("img", {
+    }, /* @__PURE__ */ React2.createElement("img", {
       src: ICON_COMPANY_URL,
       style: infoIconMobile
-    }), /* @__PURE__ */ React3.createElement("p", {
+    }), /* @__PURE__ */ React2.createElement("p", {
       style: sheetInfoText
     }, t("safety.tenant.operated", {
       name: userinfo?.name ?? ""
-    }))), /* @__PURE__ */ React3.createElement("div", {
+    }))), /* @__PURE__ */ React2.createElement("div", {
       style: infoRow
-    }, /* @__PURE__ */ React3.createElement("img", {
+    }, /* @__PURE__ */ React2.createElement("img", {
       src: ICON_AI_URL,
       style: infoIconMobile
-    }), /* @__PURE__ */ React3.createElement("p", {
+    }), /* @__PURE__ */ React2.createElement("p", {
       style: sheetInfoText
-    }, t("safety.ai.disclaimer")))), /* @__PURE__ */ React3.createElement("div", {
+    }, t("safety.ai.disclaimer")))), /* @__PURE__ */ React2.createElement("div", {
       style: mobileBtnRow
-    }, /* @__PURE__ */ React3.createElement("div", {
+    }, /* @__PURE__ */ React2.createElement("div", {
       style: mobileBtnOutline,
       onClick: /* @__PURE__ */ __name((e) => {
         e.stopPropagation();
@@ -1607,17 +1957,17 @@ var Safety = /* @__PURE__ */ __name(() => {
         setTimeout(() => setVisible(false), 200);
         window.localStorage?.setItem(HasClosedKey, "true");
       }, "onClick")
-    }, t("safety.button.dontShowAgain")), /* @__PURE__ */ React3.createElement("div", {
+    }, t("safety.button.dontShowAgain")), /* @__PURE__ */ React2.createElement("div", {
       style: mobileBtnFilled,
       onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
     }, t("safety.button.learnMore"))))))));
   }
-  return /* @__PURE__ */ React3.createElement(PopoverPrimitive.Root, {
+  return /* @__PURE__ */ React2.createElement(PopoverPrimitive.Root, {
     open,
     onOpenChange: setOpen
-  }, /* @__PURE__ */ React3.createElement(PopoverPrimitive.Trigger, {
+  }, /* @__PURE__ */ React2.createElement(PopoverPrimitive.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React3.createElement("div", {
+  }, /* @__PURE__ */ React2.createElement("div", {
     style: badgeDesktop,
     onMouseEnter: /* @__PURE__ */ __name(() => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
@@ -1626,15 +1976,15 @@ var Safety = /* @__PURE__ */ __name(() => {
     onMouseLeave: /* @__PURE__ */ __name(() => {
       timeoutRef.current = setTimeout(() => setOpen(false), 100);
     }, "onMouseLeave")
-  }, /* @__PURE__ */ React3.createElement("img", {
+  }, /* @__PURE__ */ React2.createElement("img", {
     src: LOGO_URL,
     style: logoStyle
-  }), /* @__PURE__ */ React3.createElement("p", {
+  }), /* @__PURE__ */ React2.createElement("p", {
     style: {
       ...badgeTextStyle,
       minWidth: 60
     }
-  }, t("safety.badge.builtWith")))), /* @__PURE__ */ React3.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(PopoverPrimitive.Content, {
+  }, t("safety.badge.builtWith")))), /* @__PURE__ */ React2.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React2.createElement(PopoverPrimitive.Content, {
     style: popoverContent,
     side: "top",
     align: "end",
@@ -1646,41 +1996,41 @@ var Safety = /* @__PURE__ */ __name(() => {
     onMouseLeave: /* @__PURE__ */ __name(() => {
       timeoutRef.current = setTimeout(() => setOpen(false), 100);
     }, "onMouseLeave")
-  }, /* @__PURE__ */ React3.createElement("div", {
+  }, /* @__PURE__ */ React2.createElement("div", {
     style: popoverInner
-  }, /* @__PURE__ */ React3.createElement("img", {
+  }, /* @__PURE__ */ React2.createElement("img", {
     src: getCoverUrl(),
     alt: "",
     style: popoverCover,
     onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
-  }), /* @__PURE__ */ React3.createElement("div", {
+  }), /* @__PURE__ */ React2.createElement("div", {
     style: popoverBody
-  }, /* @__PURE__ */ React3.createElement("div", {
+  }, /* @__PURE__ */ React2.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
       gap: 4,
       alignSelf: "stretch"
     }
-  }, isInternetVisible && /* @__PURE__ */ React3.createElement("div", {
+  }, isInternetVisible && /* @__PURE__ */ React2.createElement("div", {
     style: infoRow
-  }, /* @__PURE__ */ React3.createElement("img", {
+  }, /* @__PURE__ */ React2.createElement("img", {
     src: ICON_COMPANY_URL,
     style: infoIcon
-  }), /* @__PURE__ */ React3.createElement("p", {
+  }), /* @__PURE__ */ React2.createElement("p", {
     style: infoText
   }, t("safety.tenant.operated", {
     name: userinfo?.name ?? ""
-  }))), /* @__PURE__ */ React3.createElement("div", {
+  }))), /* @__PURE__ */ React2.createElement("div", {
     style: infoRow
-  }, /* @__PURE__ */ React3.createElement("img", {
+  }, /* @__PURE__ */ React2.createElement("img", {
     src: ICON_AI_URL,
     style: infoIcon
-  }), /* @__PURE__ */ React3.createElement("p", {
+  }), /* @__PURE__ */ React2.createElement("p", {
     style: infoText
-  }, t("safety.ai.disclaimer")))), /* @__PURE__ */ React3.createElement("div", {
+  }, t("safety.ai.disclaimer")))), /* @__PURE__ */ React2.createElement("div", {
     style: btnRow
-  }, /* @__PURE__ */ React3.createElement(HoverButton, {
+  }, /* @__PURE__ */ React2.createElement(HoverButton, {
     style: btnBase,
     "data-custom-element": "safety-close",
     onClick: /* @__PURE__ */ __name((e) => {
@@ -1689,7 +2039,7 @@ var Safety = /* @__PURE__ */ __name(() => {
       setVisible(false);
       window.localStorage?.setItem(HasClosedKey, "true");
     }, "onClick")
-  }, t("safety.button.dontShowAgain")), /* @__PURE__ */ React3.createElement(HoverButton, {
+  }, t("safety.button.dontShowAgain")), /* @__PURE__ */ React2.createElement(HoverButton, {
     style: btnBase,
     "data-custom-element": "safety-more",
     onClick: /* @__PURE__ */ __name(() => window.open(LANDING_URL, "_blank"), "onClick")
@@ -1698,7 +2048,7 @@ var Safety = /* @__PURE__ */ __name(() => {
 var safety_default = Safety;
 
 // src/components/QueryProvider/index.tsx
-import React4 from "react";
+import React3 from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 var defaultQueryClient = null;
 var getDefaultQueryClient = /* @__PURE__ */ __name(() => {
@@ -1719,14 +2069,14 @@ var getDefaultQueryClient = /* @__PURE__ */ __name(() => {
 }, "getDefaultQueryClient");
 var QueryProvider = /* @__PURE__ */ __name(({ children, client }) => {
   const qc = client ?? getDefaultQueryClient();
-  return /* @__PURE__ */ React4.createElement(QueryClientProvider, {
+  return /* @__PURE__ */ React3.createElement(QueryClientProvider, {
     client: qc
   }, children);
 }, "QueryProvider");
 var QueryProvider_default = QueryProvider;
 
 // src/components/AppContainer/IframeBridge.tsx
-import { useEffect as useEffect4, useCallback, useRef as useRef3, useMemo } from "react";
+import { useEffect as useEffect4, useCallback, useRef as useRef3, useMemo, createElement } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 
 // src/hooks/useUpdatingRef.ts
@@ -1803,7 +2153,7 @@ function IframeBridge() {
   }, [
     handleMessage
   ]);
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ createElement("div", {
     style: {
       display: "none"
     }
@@ -1922,31 +2272,6 @@ var reportTeaEvent = /* @__PURE__ */ __name(async ({ trackKey, trackParams = {}
   }
 }, "reportTeaEvent");
 
-// src/components/AppContainer/utils/observable.ts
-import { observable as observable2, AppEnv } from "@lark-apaas/observable-web";
-var initObservable = /* @__PURE__ */ __name(() => {
-  try {
-    const appId = window.appId;
-    observable2.start({
-      serviceName: "app",
-      env: process.env.NODE_ENV === "development" ? AppEnv.Dev : AppEnv.Prod,
-      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`,
-        time: `/spark/api/v1/observability/app/${appId}/current_server_timestamp`
-      }
-    });
-  } catch (error) {
-    console.error("Failed to start WebObservableSdk:", error);
-  }
-}, "initObservable");
-
 // src/types/tea.ts
 var TrackKey = /* @__PURE__ */ (function(TrackKey2) {
   TrackKey2["VIEW"] = "aily_agent_artifact_page_view";
@@ -1956,9 +2281,6 @@ var TrackKey = /* @__PURE__ */ (function(TrackKey2) {
 // src/components/AppContainer/index.tsx
 var AppContainer = /* @__PURE__ */ __name(({ children }) => {
   useAppInfo();
-  useEffect5(() => {
-    initObservable();
-  }, []);
   useEffect5(() => {
     if (process.env.NODE_ENV === "production") {
       reportTeaEvent({
@@ -1971,14 +2293,14 @@ var AppContainer = /* @__PURE__ */ __name(({ children }) => {
       });
     }
   }, []);
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(safety_default, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React5.createElement(MiaodaInspector, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React5.createElement(IframeBridge, null), /* @__PURE__ */ React5.createElement(QueryProvider_default, null, children));
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, String(process.env.MIAODA_APP_TYPE) !== "7" && /* @__PURE__ */ React4.createElement(safety_default, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React4.createElement(MiaodaInspector, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React4.createElement(IframeBridge, null), /* @__PURE__ */ React4.createElement(QueryProvider_default, null, children));
 }, "AppContainer");
 var AppContainer_default = AppContainer;
 
 // src/components/Welcome/index.tsx
-import React6 from "react";
+import React5 from "react";
 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__ */ React6.createElement("div", {
+  return /* @__PURE__ */ React5.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -1989,7 +2311,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
       padding: "0 24px",
       textAlign: "center"
     }
-  }, /* @__PURE__ */ React6.createElement("img", {
+  }, /* @__PURE__ */ React5.createElement("img", {
     style: {
       borderRadius: 6,
       marginBottom: 24
@@ -1998,7 +2320,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__ */ React6.createElement("div", {
+  }), /* @__PURE__ */ React5.createElement("div", {
     style: {
       fontSize: 16,
       fontWeight: 500,
@@ -2006,7 +2328,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
       marginBottom: 4,
       color: "#1f2329"
     }
-  }, title), /* @__PURE__ */ React6.createElement("div", {
+  }, title), /* @__PURE__ */ React5.createElement("div", {
     style: {
       fontSize: 16,
       lineHeight: "24px",
@@ -2018,9 +2340,9 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
 var Welcome_default = Welcome;
 
 // src/components/PagePlaceholder/index.tsx
-import React7 from "react";
+import React6 from "react";
 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__ */ React7.createElement("div", {
+  return /* @__PURE__ */ React6.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2031,7 +2353,7 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
       height: "calc(100vh - 64px)",
       textAlign: "center"
     }
-  }, /* @__PURE__ */ React7.createElement("img", {
+  }, /* @__PURE__ */ React6.createElement("img", {
     style: {
       borderRadius: "6px",
       marginBottom: "24px"
@@ -2040,14 +2362,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__ */ React7.createElement("div", {
+  }), /* @__PURE__ */ React6.createElement("div", {
     style: {
       fontSize: "16px",
       fontWeight: 500,
       marginBottom: "4px",
       lineHeight: "24px"
     }
-  }, title), /* @__PURE__ */ React7.createElement("div", {
+  }, title), /* @__PURE__ */ React6.createElement("div", {
     style: {
       color: "#6b7280",
       fontSize: "16px",
@@ -2063,7 +2385,7 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
 var PagePlaceholder_default = PagePlaceholder;
 
 // src/components/ErrorRender/index.tsx
-import React8, { useEffect as useEffect6 } from "react";
+import React7, { useEffect as useEffect6 } from "react";
 var ErrorRender = /* @__PURE__ */ __name((props) => {
   const { error, resetErrorBoundary } = props;
   useEffect6(() => {
@@ -2079,7 +2401,8 @@ var ErrorRender = /* @__PURE__ */ __name((props) => {
           error
         ],
         meta: {
-          type: "render-error"
+          type: "render-error",
+          repairMessage: "\u9875\u9762\u6E32\u67D3\u65F6\u62A5\u9519\uFF0C\u8BF7\u6839\u636E\u9519\u8BEF\u4FE1\u606F\u4FEE\u590D\u5BF9\u5E94\u9875\u9762\u7684\u4EE3\u7801"
         }
       });
     }
@@ -2089,30 +2412,34 @@ var ErrorRender = /* @__PURE__ */ __name((props) => {
   useEffect6(() => {
     if (!resetErrorBoundary) return;
     const hmr = getHmrApi();
-    if (hmr) {
-      return hmr.onSuccess(() => {
+    if (!hmr) return;
+    return hmr.onSuccess(() => {
+      const isVite = typeof window !== "undefined" && Boolean(window.__VITE_HMR__);
+      if (isVite) {
+        window.location.reload();
+      } else {
         resetErrorBoundary();
-      });
-    }
+      }
+    });
   }, [
     resetErrorBoundary
   ]);
-  return /* @__PURE__ */ React8.createElement("div", {
+  return /* @__PURE__ */ React7.createElement("div", {
     className: "min-h-screen flex items-center justify-center bg-white"
-  }, /* @__PURE__ */ React8.createElement("div", {
+  }, /* @__PURE__ */ React7.createElement("div", {
     className: "flex flex-col justify-center items-center text-center"
-  }, /* @__PURE__ */ React8.createElement("img", {
+  }, /* @__PURE__ */ React7.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__ */ React8.createElement("p", {
+  }), /* @__PURE__ */ React7.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
-import React9, { forwardRef, useEffect as useEffect7, useState as useState5 } from "react";
+import React8, { forwardRef, useEffect as useEffect7, useState as useState5 } from "react";
 import { NavLink } from "react-router-dom";
 var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, children, ...rest }, ref) => {
   const [currentHash, setCurrentHash] = useState5(() => typeof window !== "undefined" ? window.location.hash : "");
@@ -2129,7 +2456,7 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ React9.createElement(NavLink, {
+    return /* @__PURE__ */ React8.createElement(NavLink, {
       ref,
       to,
       onClick,
@@ -2170,7 +2497,7 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ React9.createElement("a", {
+  return /* @__PURE__ */ React8.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -2182,9 +2509,9 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import { NavLink as OriginalNavLink, useLocation as useLocation2, useNavigate as useNavigate2 } from "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 = useLocation2();
   const navigate = useNavigate2();
@@ -2208,7 +2535,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,
@@ -2217,7 +2544,7 @@ var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, st
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React10.createElement(OriginalNavLink, {
+  return /* @__PURE__ */ React9.createElement(OriginalNavLink, {
     to,
     ref,
     className,
@@ -2232,7 +2559,7 @@ var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, st
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-import React11 from "react";
+import React10 from "react";
 import { Link as RouterLink } from "react-router-dom";
 function isInternalRoute(to) {
   return !to.startsWith("#") && !to.startsWith("http://") && !to.startsWith("https://") && !to.startsWith("//");
@@ -2242,15 +2569,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ React11.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ React10.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ React11.createElement(RouterLink, {
+    return /* @__PURE__ */ React10.createElement(RouterLink, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ React11.createElement("a", {
+  return /* @__PURE__ */ React10.createElement("a", {
     href: to,
     ref,
     ...props,
@@ -2477,20 +2804,92 @@ var axiosForBackend = getAxiosForBackend();
 
 // src/integrations/capabilityClient.ts
 import { createClient as createClient2 } from "@lark-apaas/client-capability";
+
+// src/components/ui/toast.tsx
+function showToast2(message, duration = 3e3) {
+  return new Promise((resolve) => {
+    const toast = document.createElement("div");
+    const iconSvg = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 8 1.333ZM8 10a.667.667 0 1 0 0 1.333A.667.667 0 0 0 8 10Zm0-5.333a.667.667 0 0 0-.667.666v3.334a.667.667 0 0 0 1.334 0V5.333A.667.667 0 0 0 8 4.667Z" fill="#ff811a"/>
+    </svg>`;
+    const iconWrapper = document.createElement("span");
+    iconWrapper.innerHTML = iconSvg;
+    Object.assign(iconWrapper.style, {
+      display: "flex",
+      alignItems: "center",
+      marginRight: "8px",
+      flexShrink: "0"
+    });
+    const textWrapper = document.createElement("span");
+    textWrapper.textContent = message;
+    toast.appendChild(iconWrapper);
+    toast.appendChild(textWrapper);
+    Object.assign(toast.style, {
+      position: "fixed",
+      top: "32px",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      display: "flex",
+      alignItems: "center",
+      padding: "12px 16px",
+      backgroundColor: "#fff",
+      color: "#1f2329",
+      border: "1px solid #dee0e3",
+      borderRadius: "6px",
+      fontSize: "14px",
+      lineHeight: "1.5",
+      zIndex: "99999",
+      maxWidth: "80vw",
+      wordBreak: "break-word",
+      boxShadow: "0 4px 8px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(0, 0, 0, 0.03)",
+      opacity: "0",
+      transition: "opacity 0.3s ease"
+    });
+    document.body.appendChild(toast);
+    requestAnimationFrame(() => {
+      toast.style.opacity = "1";
+    });
+    setTimeout(() => {
+      toast.style.opacity = "0";
+      setTimeout(() => {
+        document.body.removeChild(toast);
+        resolve();
+      }, 300);
+    }, duration);
+  });
+}
+__name(showToast2, "showToast");
+
+// src/integrations/capabilityClient.ts
 var _appId = getAppId();
-var _acquireUploadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_upload_url` : `/af/api/v1/studio/plugins/tmp_files/acquire_upload_url`;
-var _acquireDownloadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_download_url` : `/af/api/v1/studio/plugins/tmp_files/acquire_download_url`;
+var _archType = process.env.MIAODA_APP_ARCH_TYPE;
+var _isFrontendOnly = _archType === "2" || _archType === "3" || _archType === "4";
 var capabilityClient = createClient2({
   baseURL: normalizeBasePath(process.env.CLIENT_BASE_PATH ?? "/"),
-  acquireUploadUrl: _acquireUploadUrl,
-  acquireDownloadUrl: _acquireDownloadUrl,
+  acquireUploadUrl: `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_upload_url`,
+  acquireDownloadUrl: `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_download_url`,
   fetchOptions: {
     headers: {
       "X-Suda-Csrf-Token": window.csrfToken ?? ""
     }
-  }
+  },
+  logger,
+  onRateLimitError: /* @__PURE__ */ __name(() => {
+    showToast2(t("index.rateLimitError"));
+  }, "onRateLimitError"),
+  ..._isFrontendOnly ? {
+    central: {
+      enabled: true,
+      // window.appId 由妙搭沙箱 / 线上环境注入；非妙搭场景下 capability 调用本身不可用
+      appId: _appId ?? ""
+    }
+  } : {}
 });
 
+// src/trace/index.ts
+import { observable as observable3 } from "@lark-apaas/observable-web";
+var trace = /* @__PURE__ */ __name((...args) => observable3.trace(...args), "trace");
+
 // src/constants/img-resources/avatar.ts
 var avatar_exports = {};
 __export(avatar_exports, {
@@ -2673,6 +3072,7 @@ export {
   getEnvPath,
   getWsPath,
   initAxiosConfig,
+  initObservable,
   isIOS,
   isIpad,
   isMobile,
@@ -2683,6 +3083,7 @@ export {
   resolveAppUrl,
   safeStringify,
   scopedStorage,
+  trace,
   useAppInfo,
   useCurrentUserProfile,
   useIsMobile,