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

package/dist/index.cjs

@@ -56,6 +56,7 @@ __export(index_exports, {
   getEnvPath: () => getEnvPath,
   getWsPath: () => getWsPath,
   initAxiosConfig: () => initAxiosConfig,
+  initObservable: () => initObservable,
   isIOS: () => isIOS,
   isIpad: () => isIpad,
   isMobile: () => isMobile,
@@ -66,6 +67,7 @@ __export(index_exports, {
   resolveAppUrl: () => resolveAppUrl,
   safeStringify: () => safeStringify,
   scopedStorage: () => scopedStorage,
+  trace: () => trace,
   useAppInfo: () => useAppInfo,
   useCurrentUserProfile: () => useCurrentUserProfile,
   useIsMobile: () => useIsMobile,
@@ -150,9 +152,46 @@ function initAxiosConfig(axiosInstance2) {
 }
 __name(initAxiosConfig, "initAxiosConfig");
 
-// src/logger/logger.ts
+// src/runtime/observable.ts
 var import_observable_web = require("@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;
+    import_observable_web.observable.start({
+      serviceName: "app",
+      env: process.env.NODE_ENV === "development" ? import_observable_web.AppEnv.Dev : import_observable_web.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
+var import_observable_web2 = require("@lark-apaas/observable-web");
+
+// src/logger/intercept-global-error.ts
+var import_internal_slardar = require("@lark-apaas/internal-slardar");
+
 // src/utils/hmr-api.ts
 var import_meta = {};
 function createWebpackHmrApi(hot) {
@@ -300,12 +339,32 @@ function processDevServerLog(log) {
         status: "disconnected"
       }
     });
+    import_internal_slardar.slardar.sendEvent({
+      name: "sandbox-devServer",
+      metrics: {
+        time
+      },
+      categories: {
+        type: "disconnected"
+      }
+    });
     return;
   }
   if (!devServerDisconnectInfo) {
     return;
   }
   if (devFlag && log.includes("Trying to reconnect")) {
+    if (retryCount) {
+      import_internal_slardar.slardar.sendEvent({
+        name: "sandbox-devServer",
+        metrics: {
+          retryCount: retryCount + 1
+        },
+        categories: {
+          type: "reconnect-failed"
+        }
+      });
+    }
     retryCount++;
     return;
   }
@@ -318,6 +377,18 @@ function processDevServerLog(log) {
         status: "connected"
       }
     });
+    const startTime = devServerDisconnectInfo.time;
+    const duration = Date.now() - startTime;
+    import_internal_slardar.slardar.sendEvent({
+      name: "sandbox-devServer",
+      metrics: {
+        startTime,
+        duration
+      },
+      categories: {
+        type: "devServer-reconnected"
+      }
+    });
     devServerDisconnectInfo = null;
     retryCount = 0;
   }
@@ -337,6 +408,13 @@ function listenModuleHmr() {
     });
     hmr.onError((error) => {
       console.warn("hmr apply failed", error);
+      import_internal_slardar.slardar.sendEvent({
+        name: "sandbox-devServer",
+        categories: {
+          type: "hmr-apply-failed",
+          error: String(error)
+        }
+      });
     });
   }
 }
@@ -446,123 +524,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) {
-      import_observable_web.observable.log("INFO", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  warn(message, ...args) {
-    if (shouldLog("warn")) {
-      console.log(...getFormattedPrefix("warn"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      import_observable_web.observable.log("WARN", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  error(message, ...args) {
-    if (shouldLog("error")) {
-      console.error(...getFormattedPrefix("error"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      import_observable_web.observable.log("ERROR", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  success(message, ...args) {
-    if (shouldLog("info")) {
-      console.log(...getFormattedPrefix("success"), message, ...args);
-    }
-    if (shouldReportToObservable) {
-      import_observable_web.observable.log("INFO", processLogParams([
-        message,
-        ...args
-      ]).join(" "));
-    }
-  },
-  log({ level, args }) {
-    if (shouldLog(level)) {
-      console.log(...getFormattedPrefix(level), ...args);
-    }
-    if (shouldReportToObservable && level !== "debug") {
-      import_observable_web.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
-var import_penpal = require("penpal");
+// src/logger/selected-logs.ts
+var import_stacktrace_js = __toESM(require("stacktrace-js"), 1);
 
 // src/logger/batch-logger.ts
 var BatchLogger = class {
@@ -747,6 +710,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 import_stacktrace_js.default.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 import_stacktrace_js.default.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) {
+      import_observable_web2.observable.log("INFO", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  warn(message, ...args) {
+    if (shouldLog("warn")) {
+      console.log(...getFormattedPrefix("warn"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      import_observable_web2.observable.log("WARN", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  error(message, ...args) {
+    if (shouldLog("error")) {
+      console.error(...getFormattedPrefix("error"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      import_observable_web2.observable.log("ERROR", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  success(message, ...args) {
+    if (shouldLog("info")) {
+      console.log(...getFormattedPrefix("success"), message, ...args);
+    }
+    if (shouldReportToObservable) {
+      import_observable_web2.observable.log("INFO", processLogParams([
+        message,
+        ...args
+      ]).join(" "));
+    }
+  },
+  log({ level, args }) {
+    if (shouldLog(level)) {
+      console.log(...getFormattedPrefix(level), ...args);
+    }
+    if (shouldReportToObservable && level !== "debug") {
+      import_observable_web2.observable.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
+var import_penpal = require("penpal");
+
 // src/utils/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
@@ -835,6 +1160,7 @@ __name(initIframeBridge, "initIframeBridge");
 if (!window.__FULLSTACK_RUNTIME_INITIALIZED__) {
   window.__FULLSTACK_RUNTIME_INITIALIZED__ = true;
   initAxiosConfig();
+  initObservable();
   if (process.env.NODE_ENV !== "production") {
     initIframeBridge();
   }
@@ -852,16 +1178,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
-var import_react = require("react");
-
 // src/utils/getInitialInfo.ts
 async function getAppPublished() {
   try {
@@ -912,6 +1228,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
+var import_react = require("react");
+
 // src/integrations/getAppInfo.ts
 async function getAppInfo(refresh = false) {
   let appInfo = typeof window !== "undefined" ? window._appInfo : void 0;
@@ -1048,23 +1405,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");
 
@@ -1184,6 +1541,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",
@@ -1563,24 +1925,14 @@ var Safety = /* @__PURE__ */ __name(() => {
   const [badgeLoaded, setBadgeLoaded] = (0, import_react5.useState)(false);
   const timeoutRef = (0, import_react5.useRef)(null);
   (0, import_react5.useEffect)(() => {
-    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);
@@ -1872,7 +2224,7 @@ function IframeBridge() {
   }, [
     handleMessage
   ]);
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ (0, import_react8.createElement)("div", {
     style: {
       display: "none"
     }
@@ -1991,31 +2343,6 @@ var reportTeaEvent = /* @__PURE__ */ __name(async ({ trackKey, trackParams = {}
   }
 }, "reportTeaEvent");
 
-// src/components/AppContainer/utils/observable.ts
-var import_observable_web2 = require("@lark-apaas/observable-web");
-var initObservable = /* @__PURE__ */ __name(() => {
-  try {
-    const appId = window.appId;
-    import_observable_web2.observable.start({
-      serviceName: "app",
-      env: process.env.NODE_ENV === "development" ? import_observable_web2.AppEnv.Dev : import_observable_web2.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";
@@ -2025,9 +2352,6 @@ var TrackKey = /* @__PURE__ */ (function(TrackKey2) {
 // src/components/AppContainer/index.tsx
 var AppContainer = /* @__PURE__ */ __name(({ children }) => {
   useAppInfo();
-  (0, import_react9.useEffect)(() => {
-    initObservable();
-  }, []);
   (0, import_react9.useEffect)(() => {
     if (process.env.NODE_ENV === "production") {
       reportTeaEvent({
@@ -2040,7 +2364,7 @@ var AppContainer = /* @__PURE__ */ __name(({ children }) => {
       });
     }
   }, []);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__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));
+  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;
 
@@ -2148,7 +2472,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"
         }
       });
     }
@@ -2158,11 +2483,15 @@ var ErrorRender = /* @__PURE__ */ __name((props) => {
   (0, import_react12.useEffect)(() => {
     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
   ]);
@@ -2251,9 +2580,9 @@ var ActiveLink = /* @__PURE__ */ (0, import_react13.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)();
@@ -2277,7 +2606,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,
@@ -2286,7 +2615,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,
@@ -2546,20 +2875,92 @@ var axiosForBackend = getAxiosForBackend();
 
 // src/integrations/capabilityClient.ts
 var import_client_capability = require("@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 = (0, import_client_capability.createClient)({
   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
+var import_observable_web3 = require("@lark-apaas/observable-web");
+var trace = /* @__PURE__ */ __name((...args) => import_observable_web3.observable.trace(...args), "trace");
+
 // src/constants/img-resources/avatar.ts
 var avatar_exports = {};
 __export(avatar_exports, {
@@ -2743,6 +3144,7 @@ var abstractArt3dRenderingCoverImg6 = "https://lf3-static.bytednsdoc.com/obj/ede
   getEnvPath,
   getWsPath,
   initAxiosConfig,
+  initObservable,
   isIOS,
   isIpad,
   isMobile,
@@ -2753,6 +3155,7 @@ var abstractArt3dRenderingCoverImg6 = "https://lf3-static.bytednsdoc.com/obj/ede
   resolveAppUrl,
   safeStringify,
   scopedStorage,
+  trace,
   useAppInfo,
   useCurrentUserProfile,
   useIsMobile,