@dovetail-v2/refine 0.0.20 → 0.0.21

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("i18next"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "i18next", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.i18n, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
-})(this, function(exports2, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, i18n, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -30,247 +30,758 @@ var __publicField = (obj, key, value) => {
   function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
   }
-  var jsxRuntime = { exports: {} };
-  var reactJsxRuntime_production_min = {};
-  /** @license React v16.14.0
-   * react-jsx-runtime.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var hasRequiredReactJsxRuntime_production_min;
-  function requireReactJsxRuntime_production_min() {
-    if (hasRequiredReactJsxRuntime_production_min)
-      return reactJsxRuntime_production_min;
-    hasRequiredReactJsxRuntime_production_min = 1;
-    var f = React, g = 60103;
-    reactJsxRuntime_production_min.Fragment = 60107;
-    if ("function" === typeof Symbol && Symbol.for) {
-      var h = Symbol.for;
-      g = h("react.element");
-      reactJsxRuntime_production_min.Fragment = h("react.fragment");
+  function warn() {
+    if (console && console.warn) {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      if (typeof args[0] === "string")
+        args[0] = `react-i18next:: ${args[0]}`;
+      console.warn(...args);
     }
-    var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
-    function q(c, a, k) {
-      var b, d = {}, e = null, l = null;
-      void 0 !== k && (e = "" + k);
-      void 0 !== a.key && (e = "" + a.key);
-      void 0 !== a.ref && (l = a.ref);
-      for (b in a)
-        n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-      if (c && c.defaultProps)
-        for (b in a = c.defaultProps, a)
-          void 0 === d[b] && (d[b] = a[b]);
-      return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
+  }
+  const alreadyWarned = {};
+  function warnOnce() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
     }
-    reactJsxRuntime_production_min.jsx = q;
-    reactJsxRuntime_production_min.jsxs = q;
-    return reactJsxRuntime_production_min;
+    if (typeof args[0] === "string" && alreadyWarned[args[0]])
+      return;
+    if (typeof args[0] === "string")
+      alreadyWarned[args[0]] = /* @__PURE__ */ new Date();
+    warn(...args);
   }
-  var reactJsxRuntime_development = {};
-  /** @license React v16.14.0
-   * react-jsx-runtime.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var hasRequiredReactJsxRuntime_development;
-  function requireReactJsxRuntime_development() {
-    if (hasRequiredReactJsxRuntime_development)
-      return reactJsxRuntime_development;
-    hasRequiredReactJsxRuntime_development = 1;
-    (function(exports3) {
-      if (process.env.NODE_ENV !== "production") {
-        (function() {
-          var React$1 = React;
-          var REACT_ELEMENT_TYPE = 60103;
-          var REACT_PORTAL_TYPE = 60106;
-          exports3.Fragment = 60107;
-          var REACT_STRICT_MODE_TYPE = 60108;
-          var REACT_PROFILER_TYPE = 60114;
-          var REACT_PROVIDER_TYPE = 60109;
-          var REACT_CONTEXT_TYPE = 60110;
-          var REACT_FORWARD_REF_TYPE = 60112;
-          var REACT_SUSPENSE_TYPE = 60113;
-          var REACT_SUSPENSE_LIST_TYPE = 60120;
-          var REACT_MEMO_TYPE = 60115;
-          var REACT_LAZY_TYPE = 60116;
-          var REACT_BLOCK_TYPE = 60121;
-          var REACT_SERVER_BLOCK_TYPE = 60122;
-          var REACT_FUNDAMENTAL_TYPE = 60117;
-          var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
-          var REACT_LEGACY_HIDDEN_TYPE = 60131;
-          if (typeof Symbol === "function" && Symbol.for) {
-            var symbolFor = Symbol.for;
-            REACT_ELEMENT_TYPE = symbolFor("react.element");
-            REACT_PORTAL_TYPE = symbolFor("react.portal");
-            exports3.Fragment = symbolFor("react.fragment");
-            REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode");
-            REACT_PROFILER_TYPE = symbolFor("react.profiler");
-            REACT_PROVIDER_TYPE = symbolFor("react.provider");
-            REACT_CONTEXT_TYPE = symbolFor("react.context");
-            REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref");
-            REACT_SUSPENSE_TYPE = symbolFor("react.suspense");
-            REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list");
-            REACT_MEMO_TYPE = symbolFor("react.memo");
-            REACT_LAZY_TYPE = symbolFor("react.lazy");
-            REACT_BLOCK_TYPE = symbolFor("react.block");
-            REACT_SERVER_BLOCK_TYPE = symbolFor("react.server.block");
-            REACT_FUNDAMENTAL_TYPE = symbolFor("react.fundamental");
-            symbolFor("react.scope");
-            symbolFor("react.opaque.id");
-            REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode");
-            symbolFor("react.offscreen");
-            REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden");
-          }
-          var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
-          var FAUX_ITERATOR_SYMBOL = "@@iterator";
-          function getIteratorFn(maybeIterable) {
-            if (maybeIterable === null || typeof maybeIterable !== "object") {
-              return null;
-            }
-            var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-            if (typeof maybeIterator === "function") {
-              return maybeIterator;
-            }
-            return null;
-          }
-          var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-          function error(format) {
-            {
-              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-                args[_key2 - 1] = arguments[_key2];
-              }
-              printWarning("error", format, args);
-            }
-          }
-          function printWarning(level, format, args) {
-            {
-              var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-              var stack = "";
-              if (currentlyValidatingElement) {
-                var name2 = getComponentName(currentlyValidatingElement.type);
-                var owner = currentlyValidatingElement._owner;
-                stack += describeComponentFrame(name2, currentlyValidatingElement._source, owner && getComponentName(owner.type));
-              }
-              stack += ReactDebugCurrentFrame.getStackAddendum();
-              if (stack !== "") {
-                format += "%s";
-                args = args.concat([stack]);
-              }
-              var argsWithFormat = args.map(function(item) {
-                return "" + item;
-              });
-              argsWithFormat.unshift("Warning: " + format);
-              Function.prototype.apply.call(console[level], console, argsWithFormat);
-            }
-          }
-          var enableScopeAPI = false;
-          function isValidElementType(type2) {
-            if (typeof type2 === "string" || typeof type2 === "function") {
-              return true;
-            }
-            if (type2 === exports3.Fragment || type2 === REACT_PROFILER_TYPE || type2 === REACT_DEBUG_TRACING_MODE_TYPE || type2 === REACT_STRICT_MODE_TYPE || type2 === REACT_SUSPENSE_TYPE || type2 === REACT_SUSPENSE_LIST_TYPE || type2 === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
-              return true;
-            }
-            if (typeof type2 === "object" && type2 !== null) {
-              if (type2.$$typeof === REACT_LAZY_TYPE || type2.$$typeof === REACT_MEMO_TYPE || type2.$$typeof === REACT_PROVIDER_TYPE || type2.$$typeof === REACT_CONTEXT_TYPE || type2.$$typeof === REACT_FORWARD_REF_TYPE || type2.$$typeof === REACT_FUNDAMENTAL_TYPE || type2.$$typeof === REACT_BLOCK_TYPE || type2[0] === REACT_SERVER_BLOCK_TYPE) {
-                return true;
-              }
-            }
-            return false;
-          }
-          var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-          function describeComponentFrame(name2, source, ownerName) {
-            var sourceInfo = "";
-            if (source) {
-              var path = source.fileName;
-              var fileName = path.replace(BEFORE_SLASH_RE, "");
-              {
-                if (/^index\./.test(fileName)) {
-                  var match = path.match(BEFORE_SLASH_RE);
-                  if (match) {
-                    var pathBeforeSlash = match[1];
-                    if (pathBeforeSlash) {
-                      var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-                      fileName = folderName + "/" + fileName;
-                    }
-                  }
-                }
-              }
-              sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-            } else if (ownerName) {
-              sourceInfo = " (created by " + ownerName + ")";
-            }
-            return "\n    in " + (name2 || "Unknown") + sourceInfo;
-          }
-          var Resolved = 1;
-          function refineResolvedLazyComponent(lazyComponent) {
-            return lazyComponent._status === Resolved ? lazyComponent._result : null;
-          }
-          function getWrappedName(outerType, innerType, wrapperName) {
-            var functionName = innerType.displayName || innerType.name || "";
-            return outerType.displayName || (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName);
-          }
-          function getComponentName(type2) {
-            if (type2 == null) {
-              return null;
-            }
-            {
-              if (typeof type2.tag === "number") {
-                error("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue.");
-              }
-            }
-            if (typeof type2 === "function") {
-              return type2.displayName || type2.name || null;
-            }
-            if (typeof type2 === "string") {
-              return type2;
-            }
-            switch (type2) {
-              case exports3.Fragment:
-                return "Fragment";
-              case REACT_PORTAL_TYPE:
-                return "Portal";
-              case REACT_PROFILER_TYPE:
-                return "Profiler";
-              case REACT_STRICT_MODE_TYPE:
-                return "StrictMode";
-              case REACT_SUSPENSE_TYPE:
-                return "Suspense";
-              case REACT_SUSPENSE_LIST_TYPE:
-                return "SuspenseList";
-            }
-            if (typeof type2 === "object") {
-              switch (type2.$$typeof) {
-                case REACT_CONTEXT_TYPE:
-                  return "Context.Consumer";
-                case REACT_PROVIDER_TYPE:
-                  return "Context.Provider";
-                case REACT_FORWARD_REF_TYPE:
-                  return getWrappedName(type2, type2.render, "ForwardRef");
-                case REACT_MEMO_TYPE:
-                  return getComponentName(type2.type);
-                case REACT_BLOCK_TYPE:
-                  return getComponentName(type2.render);
-                case REACT_LAZY_TYPE: {
-                  var thenable = type2;
-                  var resolvedThenable = refineResolvedLazyComponent(thenable);
-                  if (resolvedThenable) {
-                    return getComponentName(resolvedThenable);
-                  }
-                  break;
-                }
-              }
-            }
-            return null;
-          }
-          var loggedTypeFailures = {};
-          ReactSharedInternals.ReactDebugCurrentFrame;
+  const loadedClb = (i18n2, cb) => () => {
+    if (i18n2.isInitialized) {
+      cb();
+    } else {
+      const initialized = () => {
+        setTimeout(() => {
+          i18n2.off("initialized", initialized);
+        }, 0);
+        cb();
+      };
+      i18n2.on("initialized", initialized);
+    }
+  };
+  function loadNamespaces(i18n2, ns, cb) {
+    i18n2.loadNamespaces(ns, loadedClb(i18n2, cb));
+  }
+  function loadLanguages(i18n2, lng, ns, cb) {
+    if (typeof ns === "string")
+      ns = [ns];
+    ns.forEach((n) => {
+      if (i18n2.options.ns.indexOf(n) < 0)
+        i18n2.options.ns.push(n);
+    });
+    i18n2.loadLanguages(lng, loadedClb(i18n2, cb));
+  }
+  function oldI18nextHasLoadedNamespace(ns, i18n2) {
+    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    const lng = i18n2.languages[0];
+    const fallbackLng = i18n2.options ? i18n2.options.fallbackLng : false;
+    const lastLng = i18n2.languages[i18n2.languages.length - 1];
+    if (lng.toLowerCase() === "cimode")
+      return true;
+    const loadNotPending = (l, n) => {
+      const loadState = i18n2.services.backendConnector.state[`${l}|${n}`];
+      return loadState === -1 || loadState === 2;
+    };
+    if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18n2.services.backendConnector.backend && i18n2.isLanguageChangingTo && !loadNotPending(i18n2.isLanguageChangingTo, ns))
+      return false;
+    if (i18n2.hasResourceBundle(lng, ns))
+      return true;
+    if (!i18n2.services.backendConnector.backend || i18n2.options.resources && !i18n2.options.partialBundledLanguages)
+      return true;
+    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns)))
+      return true;
+    return false;
+  }
+  function hasLoadedNamespace(ns, i18n2) {
+    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    if (!i18n2.languages || !i18n2.languages.length) {
+      warnOnce("i18n.languages were undefined or empty", i18n2.languages);
+      return true;
+    }
+    const isNewerI18next = i18n2.options.ignoreJSONStructure !== void 0;
+    if (!isNewerI18next) {
+      return oldI18nextHasLoadedNamespace(ns, i18n2, options);
+    }
+    return i18n2.hasLoadedNamespace(ns, {
+      lng: options.lng,
+      precheck: (i18nInstance2, loadNotPending) => {
+        if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns))
+          return false;
+      }
+    });
+  }
+  const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+  const htmlEntities = {
+    "&amp;": "&",
+    "&#38;": "&",
+    "&lt;": "<",
+    "&#60;": "<",
+    "&gt;": ">",
+    "&#62;": ">",
+    "&apos;": "'",
+    "&#39;": "'",
+    "&quot;": '"',
+    "&#34;": '"',
+    "&nbsp;": " ",
+    "&#160;": " ",
+    "&copy;": "©",
+    "&#169;": "©",
+    "&reg;": "®",
+    "&#174;": "®",
+    "&hellip;": "…",
+    "&#8230;": "…",
+    "&#x2F;": "/",
+    "&#47;": "/"
+  };
+  const unescapeHtmlEntity = (m) => htmlEntities[m];
+  const unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+  let defaultOptions = {
+    bindI18n: "languageChanged",
+    bindI18nStore: "",
+    transEmptyNodeValue: "",
+    transSupportBasicHtmlNodes: true,
+    transWrapTextNodes: "",
+    transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
+    useSuspense: true,
+    unescape
+  };
+  function setDefaults() {
+    let options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    defaultOptions = {
+      ...defaultOptions,
+      ...options
+    };
+  }
+  function getDefaults() {
+    return defaultOptions;
+  }
+  let i18nInstance;
+  function setI18n(instance) {
+    i18nInstance = instance;
+  }
+  function getI18n() {
+    return i18nInstance;
+  }
+  const initReactI18next = {
+    type: "3rdParty",
+    init(instance) {
+      setDefaults(instance.options.react);
+      setI18n(instance);
+    }
+  };
+  const I18nContext = React.createContext();
+  class ReportNamespaces {
+    constructor() {
+      this.usedNamespaces = {};
+    }
+    addUsedNamespaces(namespaces) {
+      namespaces.forEach((ns) => {
+        if (!this.usedNamespaces[ns])
+          this.usedNamespaces[ns] = true;
+      });
+    }
+    getUsedNamespaces() {
+      return Object.keys(this.usedNamespaces);
+    }
+  }
+  const usePrevious = (value, ignore) => {
+    const ref = React.useRef();
+    React.useEffect(() => {
+      ref.current = ignore ? ref.current : value;
+    }, [value, ignore]);
+    return ref.current;
+  };
+  function useTranslation(ns) {
+    let props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    const {
+      i18n: i18nFromProps
+    } = props;
+    const {
+      i18n: i18nFromContext,
+      defaultNS: defaultNSFromContext
+    } = React.useContext(I18nContext) || {};
+    const i18n2 = i18nFromProps || i18nFromContext || getI18n();
+    if (i18n2 && !i18n2.reportNamespaces)
+      i18n2.reportNamespaces = new ReportNamespaces();
+    if (!i18n2) {
+      warnOnce("You will need to pass in an i18next instance by using initReactI18next");
+      const notReadyT = (k, optsOrDefaultValue) => {
+        if (typeof optsOrDefaultValue === "string")
+          return optsOrDefaultValue;
+        if (optsOrDefaultValue && typeof optsOrDefaultValue === "object" && typeof optsOrDefaultValue.defaultValue === "string")
+          return optsOrDefaultValue.defaultValue;
+        return Array.isArray(k) ? k[k.length - 1] : k;
+      };
+      const retNotReady = [notReadyT, {}, false];
+      retNotReady.t = notReadyT;
+      retNotReady.i18n = {};
+      retNotReady.ready = false;
+      return retNotReady;
+    }
+    if (i18n2.options.react && i18n2.options.react.wait !== void 0)
+      warnOnce("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+    const i18nOptions = {
+      ...getDefaults(),
+      ...i18n2.options.react,
+      ...props
+    };
+    const {
+      useSuspense,
+      keyPrefix
+    } = i18nOptions;
+    let namespaces = ns || defaultNSFromContext || i18n2.options && i18n2.options.defaultNS;
+    namespaces = typeof namespaces === "string" ? [namespaces] : namespaces || ["translation"];
+    if (i18n2.reportNamespaces.addUsedNamespaces)
+      i18n2.reportNamespaces.addUsedNamespaces(namespaces);
+    const ready2 = (i18n2.isInitialized || i18n2.initializedStoreOnce) && namespaces.every((n) => hasLoadedNamespace(n, i18n2, i18nOptions));
+    function getT() {
+      return i18n2.getFixedT(props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+    }
+    const [t, setT] = React.useState(getT);
+    let joinedNS = namespaces.join();
+    if (props.lng)
+      joinedNS = `${props.lng}${joinedNS}`;
+    const previousJoinedNS = usePrevious(joinedNS);
+    const isMounted = React.useRef(true);
+    React.useEffect(() => {
+      const {
+        bindI18n,
+        bindI18nStore
+      } = i18nOptions;
+      isMounted.current = true;
+      if (!ready2 && !useSuspense) {
+        if (props.lng) {
+          loadLanguages(i18n2, props.lng, namespaces, () => {
+            if (isMounted.current)
+              setT(getT);
+          });
+        } else {
+          loadNamespaces(i18n2, namespaces, () => {
+            if (isMounted.current)
+              setT(getT);
+          });
+        }
+      }
+      if (ready2 && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+        setT(getT);
+      }
+      function boundReset() {
+        if (isMounted.current)
+          setT(getT);
+      }
+      if (bindI18n && i18n2)
+        i18n2.on(bindI18n, boundReset);
+      if (bindI18nStore && i18n2)
+        i18n2.store.on(bindI18nStore, boundReset);
+      return () => {
+        isMounted.current = false;
+        if (bindI18n && i18n2)
+          bindI18n.split(" ").forEach((e) => i18n2.off(e, boundReset));
+        if (bindI18nStore && i18n2)
+          bindI18nStore.split(" ").forEach((e) => i18n2.store.off(e, boundReset));
+      };
+    }, [i18n2, joinedNS]);
+    const isInitial = React.useRef(true);
+    React.useEffect(() => {
+      if (isMounted.current && !isInitial.current) {
+        setT(getT);
+      }
+      isInitial.current = false;
+    }, [i18n2, keyPrefix]);
+    const ret = [t, i18n2, ready2];
+    ret.t = t;
+    ret.i18n = i18n2;
+    ret.ready = ready2;
+    if (ready2)
+      return ret;
+    if (!ready2 && !useSuspense)
+      return ret;
+    throw new Promise((resolve) => {
+      if (props.lng) {
+        loadLanguages(i18n2, props.lng, namespaces, () => resolve());
+      } else {
+        loadNamespaces(i18n2, namespaces, () => resolve());
+      }
+    });
+  }
+  const copy$1 = "Copy";
+  const reset_arguments$1 = "Reset";
+  const view_changes$1 = "Show Diff";
+  const back_to_edit$1 = "Edit";
+  const configure_file$1 = "Configuration";
+  const yaml_format_wrong$1 = "Configuration is in an invalid YAML format.";
+  const yaml_value_wrong$1 = "Configuration has invalid values.";
+  const edit_yaml$1 = "Edit YAML";
+  const copied$1 = "Copied";
+  const already_reset$1 = "Already reset";
+  const fetch_schema_fail$1 = "Failed to fetch schema.";
+  const obtain_data_error$1 = "Having trouble getting data.";
+  const retry$1 = "Retry";
+  const create_resource$1 = "Create {{resource}}";
+  const edit_resource$1 = "Edit {{resource}}";
+  const status$1 = "Status";
+  const dovetail$1 = {
+    copy: copy$1,
+    reset_arguments: reset_arguments$1,
+    view_changes: view_changes$1,
+    back_to_edit: back_to_edit$1,
+    configure_file: configure_file$1,
+    yaml_format_wrong: yaml_format_wrong$1,
+    yaml_value_wrong: yaml_value_wrong$1,
+    edit_yaml: edit_yaml$1,
+    copied: copied$1,
+    already_reset: already_reset$1,
+    fetch_schema_fail: fetch_schema_fail$1,
+    obtain_data_error: obtain_data_error$1,
+    retry: retry$1,
+    create_resource: create_resource$1,
+    edit_resource: edit_resource$1,
+    status: status$1
+  };
+  const EN = {
+    dovetail: dovetail$1
+  };
+  const copy = "复制";
+  const reset_arguments = "重置";
+  const view_changes = "查看改动";
+  const back_to_edit = "编辑";
+  const configure_file = "配置内容";
+  const yaml_format_wrong = "配置内容不是有效的 yaml 格式。";
+  const yaml_value_wrong = "配置内容中存在不合法的值。";
+  const edit_yaml = "编辑 YAML";
+  const copied = "已复制";
+  const already_reset = "已重置";
+  const cancel = "取消";
+  const create = "创建";
+  const confirm_delete_text = "确定要删除 {{target}} 吗？";
+  const edit = "编辑";
+  const namespace = "名字空间";
+  const name = "名称";
+  const state = "状态";
+  const status = "状态";
+  const phase = "状态";
+  const image = "容器镜像";
+  const replicas = "副本数";
+  const created_time = "创建时间";
+  const label = "标签";
+  const annotation = "注释";
+  const type = "类型";
+  const event = "事件";
+  const reason = "原因";
+  const object = "对象";
+  const note$1 = "事件信息";
+  const condition = "Condition";
+  const download_yaml = "下载 YAML";
+  const detail = "详情";
+  const node_name = "主机名称";
+  const restarts = "重启次数";
+  const updated_time = "更新时间";
+  const message = "消息";
+  const save = "保存";
+  const more = "更多";
+  const workload = "工作负载";
+  const all_namespaces = "所有名字空间";
+  const empty = "无可显示的数据";
+  const schedule = "调度时间表";
+  const lastScheduleTime = "上次调度时间";
+  const duration = "持续时间";
+  const completions = "完成 Job 历史数";
+  const started = "开始时间";
+  const init_container = "初始化容器";
+  const container = "容器";
+  const redeploy = "重新部署";
+  const data = "数据";
+  const suspend = "暂停";
+  const resume = "重新开始";
+  const cluster = "集群";
+  const storage = "存储";
+  const network = "网络";
+  const clusterIp = "集群 IP";
+  const sessionAffinity = "会话保持";
+  const log = "日志";
+  const select_container = "选择容器";
+  const wrap = "折叠";
+  const resume_log = "继续";
+  const log_new_lines = "，并展示 {{ count }} 行新日志";
+  const fetch_schema_fail = "获取 schema 失败。";
+  const obtain_data_error = "获取数据时遇到问题。";
+  const retry = "重试";
+  const ready = "就绪";
+  const updating = "更新中";
+  const completed = "完成";
+  const failed = "异常";
+  const suspended = "挂起";
+  const running = "运行中";
+  const terminating = "终止";
+  const succeeded = "成功终止";
+  const unknown = "未知";
+  const pending = "待处理";
+  const waiting = "等待中";
+  const create_resource = "创建 {{resource}}";
+  const edit_resource = "编辑 {{resource}}";
+  const sec = "秒";
+  const min = "分";
+  const hr = "小时";
+  const day = "天";
+  const expand = "展开";
+  const fold = "收起";
+  const rule = "规则";
+  const default_backend = "默认后端";
+  const ingress_rule_type = "规则类型";
+  const port = "端口";
+  const dovetail = {
+    copy,
+    reset_arguments,
+    view_changes,
+    back_to_edit,
+    configure_file,
+    yaml_format_wrong,
+    yaml_value_wrong,
+    edit_yaml,
+    copied,
+    already_reset,
+    cancel,
+    "delete": "删除",
+    create,
+    confirm_delete_text,
+    edit,
+    namespace,
+    name,
+    state,
+    status,
+    phase,
+    image,
+    replicas,
+    created_time,
+    label,
+    annotation,
+    type,
+    event,
+    reason,
+    object,
+    note: note$1,
+    condition,
+    download_yaml,
+    detail,
+    node_name,
+    restarts,
+    updated_time,
+    message,
+    save,
+    more,
+    workload,
+    all_namespaces,
+    empty,
+    schedule,
+    lastScheduleTime,
+    duration,
+    completions,
+    started,
+    init_container,
+    container,
+    redeploy,
+    data,
+    suspend,
+    resume,
+    cluster,
+    storage,
+    network,
+    clusterIp,
+    sessionAffinity,
+    log,
+    select_container,
+    wrap,
+    resume_log,
+    log_new_lines,
+    fetch_schema_fail,
+    obtain_data_error,
+    retry,
+    ready,
+    updating,
+    completed,
+    failed,
+    suspended,
+    running,
+    terminating,
+    succeeded,
+    unknown,
+    pending,
+    waiting,
+    create_resource,
+    edit_resource,
+    sec,
+    min,
+    hr,
+    day,
+    expand,
+    fold,
+    rule,
+    default_backend,
+    ingress_rule_type,
+    port
+  };
+  const ZH = {
+    dovetail
+  };
+  const resources = {
+    "en-US": EN,
+    "zh-CN": ZH
+  };
+  i18n.use(initReactI18next).init({
+    supportedLngs: ["en-US", "zh-CN"],
+    resources,
+    ns: Object.keys(resources["zh-CN"]),
+    defaultNS: "dovetail",
+    fallbackLng: ["en-US", "zh-CN"],
+    lng: "zh-CN",
+    nsSeparator: "."
+  });
+  var jsxRuntime = { exports: {} };
+  var reactJsxRuntime_production_min = {};
+  /** @license React v16.14.0
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var hasRequiredReactJsxRuntime_production_min;
+  function requireReactJsxRuntime_production_min() {
+    if (hasRequiredReactJsxRuntime_production_min)
+      return reactJsxRuntime_production_min;
+    hasRequiredReactJsxRuntime_production_min = 1;
+    var f = React, g = 60103;
+    reactJsxRuntime_production_min.Fragment = 60107;
+    if ("function" === typeof Symbol && Symbol.for) {
+      var h = Symbol.for;
+      g = h("react.element");
+      reactJsxRuntime_production_min.Fragment = h("react.fragment");
+    }
+    var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
+    function q(c, a, k) {
+      var b, d = {}, e = null, l = null;
+      void 0 !== k && (e = "" + k);
+      void 0 !== a.key && (e = "" + a.key);
+      void 0 !== a.ref && (l = a.ref);
+      for (b in a)
+        n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+      if (c && c.defaultProps)
+        for (b in a = c.defaultProps, a)
+          void 0 === d[b] && (d[b] = a[b]);
+      return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
+    }
+    reactJsxRuntime_production_min.jsx = q;
+    reactJsxRuntime_production_min.jsxs = q;
+    return reactJsxRuntime_production_min;
+  }
+  var reactJsxRuntime_development = {};
+  /** @license React v16.14.0
+   * react-jsx-runtime.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var hasRequiredReactJsxRuntime_development;
+  function requireReactJsxRuntime_development() {
+    if (hasRequiredReactJsxRuntime_development)
+      return reactJsxRuntime_development;
+    hasRequiredReactJsxRuntime_development = 1;
+    (function(exports3) {
+      if (process.env.NODE_ENV !== "production") {
+        (function() {
+          var React$1 = React;
+          var REACT_ELEMENT_TYPE = 60103;
+          var REACT_PORTAL_TYPE = 60106;
+          exports3.Fragment = 60107;
+          var REACT_STRICT_MODE_TYPE = 60108;
+          var REACT_PROFILER_TYPE = 60114;
+          var REACT_PROVIDER_TYPE = 60109;
+          var REACT_CONTEXT_TYPE = 60110;
+          var REACT_FORWARD_REF_TYPE = 60112;
+          var REACT_SUSPENSE_TYPE = 60113;
+          var REACT_SUSPENSE_LIST_TYPE = 60120;
+          var REACT_MEMO_TYPE = 60115;
+          var REACT_LAZY_TYPE = 60116;
+          var REACT_BLOCK_TYPE = 60121;
+          var REACT_SERVER_BLOCK_TYPE = 60122;
+          var REACT_FUNDAMENTAL_TYPE = 60117;
+          var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
+          var REACT_LEGACY_HIDDEN_TYPE = 60131;
+          if (typeof Symbol === "function" && Symbol.for) {
+            var symbolFor = Symbol.for;
+            REACT_ELEMENT_TYPE = symbolFor("react.element");
+            REACT_PORTAL_TYPE = symbolFor("react.portal");
+            exports3.Fragment = symbolFor("react.fragment");
+            REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode");
+            REACT_PROFILER_TYPE = symbolFor("react.profiler");
+            REACT_PROVIDER_TYPE = symbolFor("react.provider");
+            REACT_CONTEXT_TYPE = symbolFor("react.context");
+            REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref");
+            REACT_SUSPENSE_TYPE = symbolFor("react.suspense");
+            REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list");
+            REACT_MEMO_TYPE = symbolFor("react.memo");
+            REACT_LAZY_TYPE = symbolFor("react.lazy");
+            REACT_BLOCK_TYPE = symbolFor("react.block");
+            REACT_SERVER_BLOCK_TYPE = symbolFor("react.server.block");
+            REACT_FUNDAMENTAL_TYPE = symbolFor("react.fundamental");
+            symbolFor("react.scope");
+            symbolFor("react.opaque.id");
+            REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode");
+            symbolFor("react.offscreen");
+            REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden");
+          }
+          var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+          var FAUX_ITERATOR_SYMBOL = "@@iterator";
+          function getIteratorFn(maybeIterable) {
+            if (maybeIterable === null || typeof maybeIterable !== "object") {
+              return null;
+            }
+            var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+            if (typeof maybeIterator === "function") {
+              return maybeIterator;
+            }
+            return null;
+          }
+          var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+          function error(format) {
+            {
+              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                args[_key2 - 1] = arguments[_key2];
+              }
+              printWarning("error", format, args);
+            }
+          }
+          function printWarning(level, format, args) {
+            {
+              var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+              var stack = "";
+              if (currentlyValidatingElement) {
+                var name2 = getComponentName(currentlyValidatingElement.type);
+                var owner = currentlyValidatingElement._owner;
+                stack += describeComponentFrame(name2, currentlyValidatingElement._source, owner && getComponentName(owner.type));
+              }
+              stack += ReactDebugCurrentFrame.getStackAddendum();
+              if (stack !== "") {
+                format += "%s";
+                args = args.concat([stack]);
+              }
+              var argsWithFormat = args.map(function(item) {
+                return "" + item;
+              });
+              argsWithFormat.unshift("Warning: " + format);
+              Function.prototype.apply.call(console[level], console, argsWithFormat);
+            }
+          }
+          var enableScopeAPI = false;
+          function isValidElementType(type2) {
+            if (typeof type2 === "string" || typeof type2 === "function") {
+              return true;
+            }
+            if (type2 === exports3.Fragment || type2 === REACT_PROFILER_TYPE || type2 === REACT_DEBUG_TRACING_MODE_TYPE || type2 === REACT_STRICT_MODE_TYPE || type2 === REACT_SUSPENSE_TYPE || type2 === REACT_SUSPENSE_LIST_TYPE || type2 === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
+              return true;
+            }
+            if (typeof type2 === "object" && type2 !== null) {
+              if (type2.$$typeof === REACT_LAZY_TYPE || type2.$$typeof === REACT_MEMO_TYPE || type2.$$typeof === REACT_PROVIDER_TYPE || type2.$$typeof === REACT_CONTEXT_TYPE || type2.$$typeof === REACT_FORWARD_REF_TYPE || type2.$$typeof === REACT_FUNDAMENTAL_TYPE || type2.$$typeof === REACT_BLOCK_TYPE || type2[0] === REACT_SERVER_BLOCK_TYPE) {
+                return true;
+              }
+            }
+            return false;
+          }
+          var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+          function describeComponentFrame(name2, source, ownerName) {
+            var sourceInfo = "";
+            if (source) {
+              var path = source.fileName;
+              var fileName = path.replace(BEFORE_SLASH_RE, "");
+              {
+                if (/^index\./.test(fileName)) {
+                  var match = path.match(BEFORE_SLASH_RE);
+                  if (match) {
+                    var pathBeforeSlash = match[1];
+                    if (pathBeforeSlash) {
+                      var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+                      fileName = folderName + "/" + fileName;
+                    }
+                  }
+                }
+              }
+              sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+            } else if (ownerName) {
+              sourceInfo = " (created by " + ownerName + ")";
+            }
+            return "\n    in " + (name2 || "Unknown") + sourceInfo;
+          }
+          var Resolved = 1;
+          function refineResolvedLazyComponent(lazyComponent) {
+            return lazyComponent._status === Resolved ? lazyComponent._result : null;
+          }
+          function getWrappedName(outerType, innerType, wrapperName) {
+            var functionName = innerType.displayName || innerType.name || "";
+            return outerType.displayName || (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName);
+          }
+          function getComponentName(type2) {
+            if (type2 == null) {
+              return null;
+            }
+            {
+              if (typeof type2.tag === "number") {
+                error("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue.");
+              }
+            }
+            if (typeof type2 === "function") {
+              return type2.displayName || type2.name || null;
+            }
+            if (typeof type2 === "string") {
+              return type2;
+            }
+            switch (type2) {
+              case exports3.Fragment:
+                return "Fragment";
+              case REACT_PORTAL_TYPE:
+                return "Portal";
+              case REACT_PROFILER_TYPE:
+                return "Profiler";
+              case REACT_STRICT_MODE_TYPE:
+                return "StrictMode";
+              case REACT_SUSPENSE_TYPE:
+                return "Suspense";
+              case REACT_SUSPENSE_LIST_TYPE:
+                return "SuspenseList";
+            }
+            if (typeof type2 === "object") {
+              switch (type2.$$typeof) {
+                case REACT_CONTEXT_TYPE:
+                  return "Context.Consumer";
+                case REACT_PROVIDER_TYPE:
+                  return "Context.Provider";
+                case REACT_FORWARD_REF_TYPE:
+                  return getWrappedName(type2, type2.render, "ForwardRef");
+                case REACT_MEMO_TYPE:
+                  return getComponentName(type2.type);
+                case REACT_BLOCK_TYPE:
+                  return getComponentName(type2.render);
+                case REACT_LAZY_TYPE: {
+                  var thenable = type2;
+                  var resolvedThenable = refineResolvedLazyComponent(thenable);
+                  if (resolvedThenable) {
+                    return getComponentName(resolvedThenable);
+                  }
+                  break;
+                }
+              }
+            }
+            return null;
+          }
+          var loggedTypeFailures = {};
+          ReactSharedInternals.ReactDebugCurrentFrame;
           var currentlyValidatingElement = null;
           function setCurrentlyValidatingElement(element) {
             {
@@ -574,499 +1085,220 @@ var __publicField = (obj, key, value) => {
               var propTypes;
               if (typeof type2 === "function") {
                 propTypes = type2.propTypes;
-              } else if (typeof type2 === "object" && (type2.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-              // Inner props are checked in the reconciler.
-              type2.$$typeof === REACT_MEMO_TYPE)) {
-                propTypes = type2.propTypes;
-              } else {
-                return;
-              }
-              if (propTypes) {
-                var name2 = getComponentName(type2);
-                checkPropTypes(propTypes, element.props, "prop", name2, element);
-              } else if (type2.PropTypes !== void 0 && !propTypesMisspellWarningShown) {
-                propTypesMisspellWarningShown = true;
-                var _name = getComponentName(type2);
-                error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
-              }
-              if (typeof type2.getDefaultProps === "function" && !type2.getDefaultProps.isReactClassApproved) {
-                error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-              }
-            }
-          }
-          function validateFragmentProps(fragment) {
-            {
-              var keys = Object.keys(fragment.props);
-              for (var i = 0; i < keys.length; i++) {
-                var key = keys[i];
-                if (key !== "children" && key !== "key") {
-                  setCurrentlyValidatingElement$1(fragment);
-                  error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
-                  setCurrentlyValidatingElement$1(null);
-                  break;
-                }
-              }
-              if (fragment.ref !== null) {
-                setCurrentlyValidatingElement$1(fragment);
-                error("Invalid attribute `ref` supplied to `React.Fragment`.");
-                setCurrentlyValidatingElement$1(null);
-              }
-            }
-          }
-          function jsxWithValidation(type2, props, key, isStaticChildren, source, self2) {
-            {
-              var validType = isValidElementType(type2);
-              if (!validType) {
-                var info = "";
-                if (type2 === void 0 || typeof type2 === "object" && type2 !== null && Object.keys(type2).length === 0) {
-                  info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
-                }
-                var sourceInfo = getSourceInfoErrorAddendum(source);
-                if (sourceInfo) {
-                  info += sourceInfo;
-                } else {
-                  info += getDeclarationErrorAddendum();
-                }
-                var typeString;
-                if (type2 === null) {
-                  typeString = "null";
-                } else if (Array.isArray(type2)) {
-                  typeString = "array";
-                } else if (type2 !== void 0 && type2.$$typeof === REACT_ELEMENT_TYPE) {
-                  typeString = "<" + (getComponentName(type2.type) || "Unknown") + " />";
-                  info = " Did you accidentally export a JSX literal instead of a component?";
-                } else {
-                  typeString = typeof type2;
-                }
-                error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
-              }
-              var element = jsxDEV(type2, props, key, source, self2);
-              if (element == null) {
-                return element;
-              }
-              if (validType) {
-                var children = props.children;
-                if (children !== void 0) {
-                  if (isStaticChildren) {
-                    if (Array.isArray(children)) {
-                      for (var i = 0; i < children.length; i++) {
-                        validateChildKeys(children[i], type2);
-                      }
-                      if (Object.freeze) {
-                        Object.freeze(children);
-                      }
-                    } else {
-                      error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-                    }
-                  } else {
-                    validateChildKeys(children, type2);
-                  }
-                }
-              }
-              if (type2 === exports3.Fragment) {
-                validateFragmentProps(element);
-              } else {
-                validatePropTypes(element);
-              }
-              return element;
-            }
-          }
-          function jsxWithValidationStatic(type2, props, key) {
-            {
-              return jsxWithValidation(type2, props, key, true);
-            }
-          }
-          function jsxWithValidationDynamic(type2, props, key) {
-            {
-              return jsxWithValidation(type2, props, key, false);
-            }
-          }
-          var jsx = jsxWithValidationDynamic;
-          var jsxs = jsxWithValidationStatic;
-          exports3.jsx = jsx;
-          exports3.jsxs = jsxs;
-        })();
-      }
-    })(reactJsxRuntime_development);
-    return reactJsxRuntime_development;
-  }
-  if (process.env.NODE_ENV === "production") {
-    jsxRuntime.exports = requireReactJsxRuntime_production_min();
-  } else {
-    jsxRuntime.exports = requireReactJsxRuntime_development();
-  }
-  var jsxRuntimeExports = jsxRuntime.exports;
-  const stringifyConfig = {
-    addQueryPrefix: true,
-    skipNulls: true,
-    arrayFormat: "indices",
-    encode: false,
-    encodeValuesOnly: true
-  };
-  const convertToNumberIfPossible = (value) => {
-    if (typeof value === "undefined") {
-      return value;
-    }
-    const num = Number(value);
-    if (`${num}` === value) {
-      return num;
-    }
-    return value;
-  };
-  const routerProvider = {
-    go: () => {
-      const { search: existingSearch, hash: existingHash } = reactRouterDom.useLocation();
-      const history = reactRouterDom.useHistory();
-      const fn = React.useCallback(
-        ({ to, type: type2, query, hash, options: { keepQuery, keepHash } = {} }) => {
-          const urlQuery = {
-            ...keepQuery && existingSearch && qs.parse(existingSearch, { ignoreQueryPrefix: true }),
-            ...query
-          };
-          if (urlQuery.to) {
-            urlQuery.to = encodeURIComponent(`${urlQuery.to}`);
-          }
-          const hasUrlQuery = Object.keys(urlQuery).length > 0;
-          const urlHash = `#${(hash || keepHash && existingHash || "").replace(
-            /^#/,
-            ""
-          )}`;
-          const hasUrlHash = urlHash.length > 1;
-          const urlTo = to || "";
-          const fullPath = `${urlTo}${hasUrlQuery ? qs.stringify(urlQuery, stringifyConfig) : ""}${hasUrlHash ? urlHash : ""}`;
-          if (type2 === "path") {
-            return fullPath;
+              } else if (typeof type2 === "object" && (type2.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
+              // Inner props are checked in the reconciler.
+              type2.$$typeof === REACT_MEMO_TYPE)) {
+                propTypes = type2.propTypes;
+              } else {
+                return;
+              }
+              if (propTypes) {
+                var name2 = getComponentName(type2);
+                checkPropTypes(propTypes, element.props, "prop", name2, element);
+              } else if (type2.PropTypes !== void 0 && !propTypesMisspellWarningShown) {
+                propTypesMisspellWarningShown = true;
+                var _name = getComponentName(type2);
+                error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
+              }
+              if (typeof type2.getDefaultProps === "function" && !type2.getDefaultProps.isReactClassApproved) {
+                error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+              }
+            }
           }
-          return history[type2 || "push"](fullPath);
-        },
-        [existingHash, existingSearch, history]
-      );
-      return fn;
-    },
-    back: () => {
-      const history = reactRouterDom.useHistory();
-      const fn = React.useCallback(() => {
-        history.go(-1);
-      }, [history]);
-      return fn;
-    },
-    parse: () => {
-      var _a;
-      let params = reactRouterDom.useParams();
-      const { pathname, search } = reactRouterDom.useLocation();
-      const { resources: resources2 } = React.useContext(core.ResourceContext);
-      const { resource, action, matchedRoute } = React.useMemo(() => {
-        return core.matchResourceFromRoute(pathname, resources2);
-      }, [resources2, pathname]);
-      if (Object.entries(params).length === 0 && matchedRoute) {
-        params = ((_a = reactRouterDom.matchPath(matchedRoute, pathname)) == null ? void 0 : _a.params) || {};
-      }
-      const fn = React.useCallback(() => {
-        const parsedSearch = qs.parse(search, { ignoreQueryPrefix: true });
-        const combinedParams = {
-          ...params,
-          ...parsedSearch
-        };
-        const response = {
-          ...resource && { resource },
-          ...action && { action },
-          ...(parsedSearch == null ? void 0 : parsedSearch.id) && { id: decodeURIComponent(parsedSearch.id) },
-          // ...(params?.action && { action: params.action }), // lets see if there is a need for this
-          pathname,
-          params: {
-            ...combinedParams,
-            current: convertToNumberIfPossible(combinedParams.current),
-            pageSize: convertToNumberIfPossible(combinedParams.pageSize),
-            to: combinedParams.to ? decodeURIComponent(combinedParams.to) : void 0
+          function validateFragmentProps(fragment) {
+            {
+              var keys = Object.keys(fragment.props);
+              for (var i = 0; i < keys.length; i++) {
+                var key = keys[i];
+                if (key !== "children" && key !== "key") {
+                  setCurrentlyValidatingElement$1(fragment);
+                  error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
+                  setCurrentlyValidatingElement$1(null);
+                  break;
+                }
+              }
+              if (fragment.ref !== null) {
+                setCurrentlyValidatingElement$1(fragment);
+                error("Invalid attribute `ref` supplied to `React.Fragment`.");
+                setCurrentlyValidatingElement$1(null);
+              }
+            }
           }
-        };
-        return response;
-      }, [pathname, search, params, resource, action]);
-      return fn;
-    },
-    Link: React.forwardRef(function RefineLink(props, ref) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Link, { ...props, ref });
-    })
-  };
-  function warn() {
-    if (console && console.warn) {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      if (typeof args[0] === "string")
-        args[0] = `react-i18next:: ${args[0]}`;
-      console.warn(...args);
-    }
-  }
-  const alreadyWarned = {};
-  function warnOnce() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    if (typeof args[0] === "string" && alreadyWarned[args[0]])
-      return;
-    if (typeof args[0] === "string")
-      alreadyWarned[args[0]] = /* @__PURE__ */ new Date();
-    warn(...args);
-  }
-  const loadedClb = (i18n2, cb) => () => {
-    if (i18n2.isInitialized) {
-      cb();
-    } else {
-      const initialized = () => {
-        setTimeout(() => {
-          i18n2.off("initialized", initialized);
-        }, 0);
-        cb();
-      };
-      i18n2.on("initialized", initialized);
-    }
-  };
-  function loadNamespaces(i18n2, ns, cb) {
-    i18n2.loadNamespaces(ns, loadedClb(i18n2, cb));
-  }
-  function loadLanguages(i18n2, lng, ns, cb) {
-    if (typeof ns === "string")
-      ns = [ns];
-    ns.forEach((n) => {
-      if (i18n2.options.ns.indexOf(n) < 0)
-        i18n2.options.ns.push(n);
-    });
-    i18n2.loadLanguages(lng, loadedClb(i18n2, cb));
-  }
-  function oldI18nextHasLoadedNamespace(ns, i18n2) {
-    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    const lng = i18n2.languages[0];
-    const fallbackLng = i18n2.options ? i18n2.options.fallbackLng : false;
-    const lastLng = i18n2.languages[i18n2.languages.length - 1];
-    if (lng.toLowerCase() === "cimode")
-      return true;
-    const loadNotPending = (l, n) => {
-      const loadState = i18n2.services.backendConnector.state[`${l}|${n}`];
-      return loadState === -1 || loadState === 2;
-    };
-    if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18n2.services.backendConnector.backend && i18n2.isLanguageChangingTo && !loadNotPending(i18n2.isLanguageChangingTo, ns))
-      return false;
-    if (i18n2.hasResourceBundle(lng, ns))
-      return true;
-    if (!i18n2.services.backendConnector.backend || i18n2.options.resources && !i18n2.options.partialBundledLanguages)
-      return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns)))
-      return true;
-    return false;
-  }
-  function hasLoadedNamespace(ns, i18n2) {
-    let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    if (!i18n2.languages || !i18n2.languages.length) {
-      warnOnce("i18n.languages were undefined or empty", i18n2.languages);
-      return true;
-    }
-    const isNewerI18next = i18n2.options.ignoreJSONStructure !== void 0;
-    if (!isNewerI18next) {
-      return oldI18nextHasLoadedNamespace(ns, i18n2, options);
-    }
-    return i18n2.hasLoadedNamespace(ns, {
-      lng: options.lng,
-      precheck: (i18nInstance2, loadNotPending) => {
-        if (options.bindI18n && options.bindI18n.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns))
-          return false;
-      }
-    });
-  }
-  const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-  const htmlEntities = {
-    "&amp;": "&",
-    "&#38;": "&",
-    "&lt;": "<",
-    "&#60;": "<",
-    "&gt;": ">",
-    "&#62;": ">",
-    "&apos;": "'",
-    "&#39;": "'",
-    "&quot;": '"',
-    "&#34;": '"',
-    "&nbsp;": " ",
-    "&#160;": " ",
-    "&copy;": "©",
-    "&#169;": "©",
-    "&reg;": "®",
-    "&#174;": "®",
-    "&hellip;": "…",
-    "&#8230;": "…",
-    "&#x2F;": "/",
-    "&#47;": "/"
-  };
-  const unescapeHtmlEntity = (m) => htmlEntities[m];
-  const unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-  let defaultOptions = {
-    bindI18n: "languageChanged",
-    bindI18nStore: "",
-    transEmptyNodeValue: "",
-    transSupportBasicHtmlNodes: true,
-    transWrapTextNodes: "",
-    transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-    useSuspense: true,
-    unescape
-  };
-  function setDefaults() {
-    let options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    defaultOptions = {
-      ...defaultOptions,
-      ...options
-    };
-  }
-  function getDefaults() {
-    return defaultOptions;
-  }
-  let i18nInstance;
-  function setI18n(instance) {
-    i18nInstance = instance;
+          function jsxWithValidation(type2, props, key, isStaticChildren, source, self2) {
+            {
+              var validType = isValidElementType(type2);
+              if (!validType) {
+                var info = "";
+                if (type2 === void 0 || typeof type2 === "object" && type2 !== null && Object.keys(type2).length === 0) {
+                  info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
+                }
+                var sourceInfo = getSourceInfoErrorAddendum(source);
+                if (sourceInfo) {
+                  info += sourceInfo;
+                } else {
+                  info += getDeclarationErrorAddendum();
+                }
+                var typeString;
+                if (type2 === null) {
+                  typeString = "null";
+                } else if (Array.isArray(type2)) {
+                  typeString = "array";
+                } else if (type2 !== void 0 && type2.$$typeof === REACT_ELEMENT_TYPE) {
+                  typeString = "<" + (getComponentName(type2.type) || "Unknown") + " />";
+                  info = " Did you accidentally export a JSX literal instead of a component?";
+                } else {
+                  typeString = typeof type2;
+                }
+                error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
+              }
+              var element = jsxDEV(type2, props, key, source, self2);
+              if (element == null) {
+                return element;
+              }
+              if (validType) {
+                var children = props.children;
+                if (children !== void 0) {
+                  if (isStaticChildren) {
+                    if (Array.isArray(children)) {
+                      for (var i = 0; i < children.length; i++) {
+                        validateChildKeys(children[i], type2);
+                      }
+                      if (Object.freeze) {
+                        Object.freeze(children);
+                      }
+                    } else {
+                      error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                    }
+                  } else {
+                    validateChildKeys(children, type2);
+                  }
+                }
+              }
+              if (type2 === exports3.Fragment) {
+                validateFragmentProps(element);
+              } else {
+                validatePropTypes(element);
+              }
+              return element;
+            }
+          }
+          function jsxWithValidationStatic(type2, props, key) {
+            {
+              return jsxWithValidation(type2, props, key, true);
+            }
+          }
+          function jsxWithValidationDynamic(type2, props, key) {
+            {
+              return jsxWithValidation(type2, props, key, false);
+            }
+          }
+          var jsx = jsxWithValidationDynamic;
+          var jsxs = jsxWithValidationStatic;
+          exports3.jsx = jsx;
+          exports3.jsxs = jsxs;
+        })();
+      }
+    })(reactJsxRuntime_development);
+    return reactJsxRuntime_development;
   }
-  function getI18n() {
-    return i18nInstance;
+  if (process.env.NODE_ENV === "production") {
+    jsxRuntime.exports = requireReactJsxRuntime_production_min();
+  } else {
+    jsxRuntime.exports = requireReactJsxRuntime_development();
   }
-  const initReactI18next = {
-    type: "3rdParty",
-    init(instance) {
-      setDefaults(instance.options.react);
-      setI18n(instance);
-    }
+  var jsxRuntimeExports = jsxRuntime.exports;
+  const stringifyConfig = {
+    addQueryPrefix: true,
+    skipNulls: true,
+    arrayFormat: "indices",
+    encode: false,
+    encodeValuesOnly: true
   };
-  const I18nContext = React.createContext();
-  class ReportNamespaces {
-    constructor() {
-      this.usedNamespaces = {};
-    }
-    addUsedNamespaces(namespaces) {
-      namespaces.forEach((ns) => {
-        if (!this.usedNamespaces[ns])
-          this.usedNamespaces[ns] = true;
-      });
+  const convertToNumberIfPossible = (value) => {
+    if (typeof value === "undefined") {
+      return value;
     }
-    getUsedNamespaces() {
-      return Object.keys(this.usedNamespaces);
+    const num = Number(value);
+    if (`${num}` === value) {
+      return num;
     }
-  }
-  const usePrevious = (value, ignore) => {
-    const ref = React.useRef();
-    React.useEffect(() => {
-      ref.current = ignore ? ref.current : value;
-    }, [value, ignore]);
-    return ref.current;
+    return value;
   };
-  function useTranslation(ns) {
-    let props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    const {
-      i18n: i18nFromProps
-    } = props;
-    const {
-      i18n: i18nFromContext,
-      defaultNS: defaultNSFromContext
-    } = React.useContext(I18nContext) || {};
-    const i18n2 = i18nFromProps || i18nFromContext || getI18n();
-    if (i18n2 && !i18n2.reportNamespaces)
-      i18n2.reportNamespaces = new ReportNamespaces();
-    if (!i18n2) {
-      warnOnce("You will need to pass in an i18next instance by using initReactI18next");
-      const notReadyT = (k, optsOrDefaultValue) => {
-        if (typeof optsOrDefaultValue === "string")
-          return optsOrDefaultValue;
-        if (optsOrDefaultValue && typeof optsOrDefaultValue === "object" && typeof optsOrDefaultValue.defaultValue === "string")
-          return optsOrDefaultValue.defaultValue;
-        return Array.isArray(k) ? k[k.length - 1] : k;
-      };
-      const retNotReady = [notReadyT, {}, false];
-      retNotReady.t = notReadyT;
-      retNotReady.i18n = {};
-      retNotReady.ready = false;
-      return retNotReady;
-    }
-    if (i18n2.options.react && i18n2.options.react.wait !== void 0)
-      warnOnce("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-    const i18nOptions = {
-      ...getDefaults(),
-      ...i18n2.options.react,
-      ...props
-    };
-    const {
-      useSuspense,
-      keyPrefix
-    } = i18nOptions;
-    let namespaces = ns || defaultNSFromContext || i18n2.options && i18n2.options.defaultNS;
-    namespaces = typeof namespaces === "string" ? [namespaces] : namespaces || ["translation"];
-    if (i18n2.reportNamespaces.addUsedNamespaces)
-      i18n2.reportNamespaces.addUsedNamespaces(namespaces);
-    const ready2 = (i18n2.isInitialized || i18n2.initializedStoreOnce) && namespaces.every((n) => hasLoadedNamespace(n, i18n2, i18nOptions));
-    function getT() {
-      return i18n2.getFixedT(props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-    }
-    const [t, setT] = React.useState(getT);
-    let joinedNS = namespaces.join();
-    if (props.lng)
-      joinedNS = `${props.lng}${joinedNS}`;
-    const previousJoinedNS = usePrevious(joinedNS);
-    const isMounted = React.useRef(true);
-    React.useEffect(() => {
-      const {
-        bindI18n,
-        bindI18nStore
-      } = i18nOptions;
-      isMounted.current = true;
-      if (!ready2 && !useSuspense) {
-        if (props.lng) {
-          loadLanguages(i18n2, props.lng, namespaces, () => {
-            if (isMounted.current)
-              setT(getT);
-          });
-        } else {
-          loadNamespaces(i18n2, namespaces, () => {
-            if (isMounted.current)
-              setT(getT);
-          });
-        }
-      }
-      if (ready2 && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-        setT(getT);
-      }
-      function boundReset() {
-        if (isMounted.current)
-          setT(getT);
-      }
-      if (bindI18n && i18n2)
-        i18n2.on(bindI18n, boundReset);
-      if (bindI18nStore && i18n2)
-        i18n2.store.on(bindI18nStore, boundReset);
-      return () => {
-        isMounted.current = false;
-        if (bindI18n && i18n2)
-          bindI18n.split(" ").forEach((e) => i18n2.off(e, boundReset));
-        if (bindI18nStore && i18n2)
-          bindI18nStore.split(" ").forEach((e) => i18n2.store.off(e, boundReset));
-      };
-    }, [i18n2, joinedNS]);
-    const isInitial = React.useRef(true);
-    React.useEffect(() => {
-      if (isMounted.current && !isInitial.current) {
-        setT(getT);
-      }
-      isInitial.current = false;
-    }, [i18n2, keyPrefix]);
-    const ret = [t, i18n2, ready2];
-    ret.t = t;
-    ret.i18n = i18n2;
-    ret.ready = ready2;
-    if (ready2)
-      return ret;
-    if (!ready2 && !useSuspense)
-      return ret;
-    throw new Promise((resolve) => {
-      if (props.lng) {
-        loadLanguages(i18n2, props.lng, namespaces, () => resolve());
-      } else {
-        loadNamespaces(i18n2, namespaces, () => resolve());
+  const routerProvider = {
+    go: () => {
+      const { search: existingSearch, hash: existingHash } = reactRouterDom.useLocation();
+      const history = reactRouterDom.useHistory();
+      const fn = React.useCallback(
+        ({ to, type: type2, query, hash, options: { keepQuery, keepHash } = {} }) => {
+          const urlQuery = {
+            ...keepQuery && existingSearch && qs.parse(existingSearch, { ignoreQueryPrefix: true }),
+            ...query
+          };
+          if (urlQuery.to) {
+            urlQuery.to = encodeURIComponent(`${urlQuery.to}`);
+          }
+          const hasUrlQuery = Object.keys(urlQuery).length > 0;
+          const urlHash = `#${(hash || keepHash && existingHash || "").replace(
+            /^#/,
+            ""
+          )}`;
+          const hasUrlHash = urlHash.length > 1;
+          const urlTo = to || "";
+          const fullPath = `${urlTo}${hasUrlQuery ? qs.stringify(urlQuery, stringifyConfig) : ""}${hasUrlHash ? urlHash : ""}`;
+          if (type2 === "path") {
+            return fullPath;
+          }
+          return history[type2 || "push"](fullPath);
+        },
+        [existingHash, existingSearch, history]
+      );
+      return fn;
+    },
+    back: () => {
+      const history = reactRouterDom.useHistory();
+      const fn = React.useCallback(() => {
+        history.go(-1);
+      }, [history]);
+      return fn;
+    },
+    parse: () => {
+      var _a;
+      let params = reactRouterDom.useParams();
+      const { pathname, search } = reactRouterDom.useLocation();
+      const { resources: resources2 } = React.useContext(core.ResourceContext);
+      const { resource, action, matchedRoute } = React.useMemo(() => {
+        return core.matchResourceFromRoute(pathname, resources2);
+      }, [resources2, pathname]);
+      if (Object.entries(params).length === 0 && matchedRoute) {
+        params = ((_a = reactRouterDom.matchPath(matchedRoute, pathname)) == null ? void 0 : _a.params) || {};
       }
-    });
-  }
+      const fn = React.useCallback(() => {
+        const parsedSearch = qs.parse(search, { ignoreQueryPrefix: true });
+        const combinedParams = {
+          ...params,
+          ...parsedSearch
+        };
+        const response = {
+          ...resource && { resource },
+          ...action && { action },
+          ...(parsedSearch == null ? void 0 : parsedSearch.id) && { id: decodeURIComponent(parsedSearch.id) },
+          // ...(params?.action && { action: params.action }), // lets see if there is a need for this
+          pathname,
+          params: {
+            ...combinedParams,
+            current: convertToNumberIfPossible(combinedParams.current),
+            pageSize: convertToNumberIfPossible(combinedParams.pageSize),
+            to: combinedParams.to ? decodeURIComponent(combinedParams.to) : void 0
+          }
+        };
+        return response;
+      }, [pathname, search, params, resource, action]);
+      return fn;
+    },
+    Link: React.forwardRef(function RefineLink(props, ref) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Link, { ...props, ref });
+    })
+  };
   function useK8sYamlEditor() {
     const foldSymbol = React.useCallback(function(editor, symbol) {
       const model = editor.getModel();
@@ -7282,236 +7514,6 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
     ] });
   }
-  const copy$1 = "Copy";
-  const reset_arguments$1 = "Reset";
-  const view_changes$1 = "Show Diff";
-  const back_to_edit$1 = "Edit";
-  const configure_file$1 = "Configuration";
-  const yaml_format_wrong$1 = "Configuration is in an invalid YAML format.";
-  const yaml_value_wrong$1 = "Configuration has invalid values.";
-  const edit_yaml$1 = "Edit YAML";
-  const copied$1 = "Copied";
-  const already_reset$1 = "Already reset";
-  const fetch_schema_fail$1 = "Failed to fetch schema.";
-  const obtain_data_error$1 = "Having trouble getting data.";
-  const retry$1 = "Retry";
-  const create_resource$1 = "Create {{resource}}";
-  const edit_resource$1 = "Edit {{resource}}";
-  const dovetail$1 = {
-    copy: copy$1,
-    reset_arguments: reset_arguments$1,
-    view_changes: view_changes$1,
-    back_to_edit: back_to_edit$1,
-    configure_file: configure_file$1,
-    yaml_format_wrong: yaml_format_wrong$1,
-    yaml_value_wrong: yaml_value_wrong$1,
-    edit_yaml: edit_yaml$1,
-    copied: copied$1,
-    already_reset: already_reset$1,
-    fetch_schema_fail: fetch_schema_fail$1,
-    obtain_data_error: obtain_data_error$1,
-    retry: retry$1,
-    create_resource: create_resource$1,
-    edit_resource: edit_resource$1
-  };
-  const EN = {
-    dovetail: dovetail$1
-  };
-  const copy = "复制";
-  const reset_arguments = "重置";
-  const view_changes = "查看改动";
-  const back_to_edit = "编辑";
-  const configure_file = "配置内容";
-  const yaml_format_wrong = "配置内容不是有效的 yaml 格式。";
-  const yaml_value_wrong = "配置内容中存在不合法的值。";
-  const edit_yaml = "编辑 YAML";
-  const copied = "已复制";
-  const already_reset = "已重置";
-  const cancel = "取消";
-  const create = "创建";
-  const confirm_delete_text = "确定要删除 {{target}} 吗？";
-  const edit = "编辑";
-  const namespace = "名字空间";
-  const name = "名称";
-  const state = "状态";
-  const status = "状态";
-  const phase = "状态";
-  const image = "容器镜像";
-  const replicas = "副本数";
-  const created_time = "创建时间";
-  const label = "标签";
-  const annotation = "注释";
-  const type = "类型";
-  const event = "事件";
-  const reason = "原因";
-  const object = "对象";
-  const note$1 = "事件信息";
-  const condition = "Condition";
-  const download_yaml = "下载 YAML";
-  const detail = "详情";
-  const node_name = "主机名称";
-  const restarts = "重启次数";
-  const updated_time = "更新时间";
-  const message = "消息";
-  const save = "保存";
-  const more = "更多";
-  const workload = "工作负载";
-  const all_namespaces = "所有名字空间";
-  const empty = "无可显示的数据";
-  const schedule = "调度时间表";
-  const lastScheduleTime = "上次调度时间";
-  const duration = "持续时间";
-  const completions = "完成 Job 历史数";
-  const started = "开始时间";
-  const init_container = "初始化容器";
-  const container = "容器";
-  const redeploy = "重新部署";
-  const data = "数据";
-  const suspend = "暂停";
-  const resume = "重新开始";
-  const cluster = "集群";
-  const storage = "存储";
-  const network = "网络";
-  const clusterIp = "集群 IP";
-  const sessionAffinity = "会话保持";
-  const log = "日志";
-  const select_container = "选择容器";
-  const wrap = "折叠";
-  const resume_log = "继续";
-  const log_new_lines = "，并展示 {{ count }} 行新日志";
-  const fetch_schema_fail = "获取 schema 失败。";
-  const obtain_data_error = "获取数据时遇到问题。";
-  const retry = "重试";
-  const ready = "就绪";
-  const updating = "更新中";
-  const completed = "完成";
-  const failed = "异常";
-  const suspended = "挂起";
-  const running = "运行中";
-  const terminating = "终止";
-  const succeeded = "成功终止";
-  const unknown = "未知";
-  const pending = "待处理";
-  const waiting = "等待中";
-  const create_resource = "创建 {{resource}}";
-  const edit_resource = "编辑 {{resource}}";
-  const sec = "秒";
-  const min = "分";
-  const hr = "小时";
-  const day = "天";
-  const expand = "展开";
-  const fold = "收起";
-  const rule = "规则";
-  const default_backend = "默认后端";
-  const ingress_rule_type = "规则类型";
-  const port = "端口";
-  const dovetail = {
-    copy,
-    reset_arguments,
-    view_changes,
-    back_to_edit,
-    configure_file,
-    yaml_format_wrong,
-    yaml_value_wrong,
-    edit_yaml,
-    copied,
-    already_reset,
-    cancel,
-    "delete": "删除",
-    create,
-    confirm_delete_text,
-    edit,
-    namespace,
-    name,
-    state,
-    status,
-    phase,
-    image,
-    replicas,
-    created_time,
-    label,
-    annotation,
-    type,
-    event,
-    reason,
-    object,
-    note: note$1,
-    condition,
-    download_yaml,
-    detail,
-    node_name,
-    restarts,
-    updated_time,
-    message,
-    save,
-    more,
-    workload,
-    all_namespaces,
-    empty,
-    schedule,
-    lastScheduleTime,
-    duration,
-    completions,
-    started,
-    init_container,
-    container,
-    redeploy,
-    data,
-    suspend,
-    resume,
-    cluster,
-    storage,
-    network,
-    clusterIp,
-    sessionAffinity,
-    log,
-    select_container,
-    wrap,
-    resume_log,
-    log_new_lines,
-    fetch_schema_fail,
-    obtain_data_error,
-    retry,
-    ready,
-    updating,
-    completed,
-    failed,
-    suspended,
-    running,
-    terminating,
-    succeeded,
-    unknown,
-    pending,
-    waiting,
-    create_resource,
-    edit_resource,
-    sec,
-    min,
-    hr,
-    day,
-    expand,
-    fold,
-    rule,
-    default_backend,
-    ingress_rule_type,
-    port
-  };
-  const ZH = {
-    dovetail
-  };
-  const resources = {
-    "en-US": EN,
-    "zh-CN": ZH
-  };
-  i18n.use(initReactI18next).init({
-    supportedLngs: ["en-US", "zh-CN"],
-    resources,
-    ns: Object.keys(resources["zh-CN"]),
-    defaultNS: "dovetail",
-    fallbackLng: ["en-US", "zh-CN"],
-    lng: "zh-CN",
-    nsSeparator: "."
-  });
   function addId(arr, idKey) {
     return arr.map((e) => {
       return {
@@ -10669,6 +10671,9 @@ var __publicField = (obj, key, value) => {
   const CronjobJobsTable = ({
     owner
   }) => {
+    const {
+      i18n: i18n2
+    } = useTranslation();
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
@@ -10686,7 +10691,7 @@ var __publicField = (obj, key, value) => {
         return owner ? matchOwner(p, owner) : true;
       });
     }, [data2 == null ? void 0 : data2.data, owner]);
-    const columns = [NameColumnRenderer("jobs"), StateDisplayColumnRenderer(), NameSpaceColumnRenderer(), WorkloadImageColumnRenderer(), CompletionsCountColumnRenderer(), DurationColumnRenderer(), AgeColumnRenderer()];
+    const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       direction: "vertical",
       className: "c16agr8o",
@@ -10719,7 +10724,7 @@ var __publicField = (obj, key, value) => {
     const parsed = core.useParsed();
     const columns = React.useMemo(
       () => [
-        NameSpaceColumnRenderer(),
+        NameSpaceColumnRenderer(i18n2),
         {
           key: "type",
           display: true,
@@ -10752,7 +10757,7 @@ var __publicField = (obj, key, value) => {
           sortable: true,
           sorter: CommonSorter(["note"])
         },
-        AgeColumnRenderer()
+        AgeColumnRenderer(i18n2)
       ],
       [i18n2]
     );
@@ -10930,6 +10935,9 @@ var __publicField = (obj, key, value) => {
     selector,
     hideToolbar
   }) => {
+    const {
+      i18n: i18n2
+    } = useTranslation();
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
@@ -10950,7 +10958,7 @@ var __publicField = (obj, key, value) => {
         return selector ? matchSelector(p, selector) : true;
       });
     }, [data2 == null ? void 0 : data2.data, selector]);
-    const columns = [StateDisplayColumnRenderer(), NameColumnRenderer("pods"), NodeNameColumnRenderer(), WorkloadImageColumnRenderer(), RestartCountColumnRenderer()];
+    const columns = [StateDisplayColumnRenderer(i18n2), NameColumnRenderer(i18n2, "pods"), NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2)];
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       direction: "vertical",
       className: "c1dicff8",
@@ -11147,10 +11155,10 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   }
-  const ImageField = () => {
+  const ImageField = (i18n2) => {
     return {
       key: "Image",
-      title: i18n.t("dovetail.image"),
+      title: i18n2.t("dovetail.image"),
       path: ["imageNames"],
       col: 12,
       renderContent(value) {
@@ -11158,20 +11166,20 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const ReplicaField = () => {
+  const ReplicaField = (i18n2) => {
     return {
       key: "Replicas",
-      title: i18n.t("dovetail.replicas"),
+      title: i18n2.t("dovetail.replicas"),
       path: ["status", "replicas"],
       renderContent: (_, record, field) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(WorkloadReplicas, { record, label: field.title, editable: true });
       }
     };
   };
-  const ConditionsField = () => {
+  const ConditionsField = (i18n2) => {
     return {
       key: "Conditions",
-      title: i18n.t("dovetail.condition"),
+      title: i18n2.t("dovetail.condition"),
       path: ["status", "conditions"],
       renderContent: (value) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value });
@@ -11219,20 +11227,20 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const DataField = () => {
+  const DataField = (i18n2) => {
     return {
       key: "data",
-      title: i18n.t("dovetail.data"),
+      title: i18n2.t("dovetail.data"),
       path: ["data"],
       renderContent: (val) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { value: val });
       }
     };
   };
-  const SecretDataField = () => {
+  const SecretDataField = (i18n2) => {
     return {
       key: "data",
-      title: i18n.t("dovetail.data"),
+      title: i18n2.t("dovetail.data"),
       path: ["data"],
       renderContent: (val) => {
         const decodeVal = {};
@@ -11243,10 +11251,10 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const StartTimeField = () => {
+  const StartTimeField = (i18n2) => {
     return {
       key: "started",
-      title: i18n.t("dovetail.started"),
+      title: i18n2.t("dovetail.started"),
       path: ["status", "startTime"],
       col: 12,
       renderContent(value) {
@@ -11254,24 +11262,24 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const ServiceTypeField = () => {
+  const ServiceTypeField = (i18n2) => {
     return {
       key: "type",
-      title: i18n.t("dovetail.type"),
+      title: i18n2.t("dovetail.type"),
       path: ["spec", "type"]
     };
   };
-  const ClusterIpField = () => {
+  const ClusterIpField = (i18n2) => {
     return {
       key: "clusterIp",
-      title: i18n.t("dovetail.clusterIp"),
+      title: i18n2.t("dovetail.clusterIp"),
       path: ["spec", "clusterIP"]
     };
   };
-  const SessionAffinityField = () => {
+  const SessionAffinityField = (i18n2) => {
     return {
       key: "clusterIp",
-      title: i18n.t("dovetail.sessionAffinity"),
+      title: i18n2.t("dovetail.sessionAffinity"),
       path: ["spec", "sessionAffinity"]
     };
   };
@@ -11293,20 +11301,20 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const IngressRulesTableTabField = () => {
+  const IngressRulesTableTabField = (i18n2) => {
     return {
       key: "rules",
-      title: i18n.t("dovetail.rule"),
+      title: i18n2.t("dovetail.rule"),
       path: ["spec", "rules"],
       renderContent: (_, record) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesTable, { ingress: record });
       }
     };
   };
-  const EventsTableTabField = () => {
+  const EventsTableTabField = (i18n2) => {
     return {
       key: "event",
-      title: i18n.t("dovetail.event"),
+      title: i18n2.t("dovetail.event"),
       path: [],
       renderContent: () => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {});
@@ -12007,23 +12015,17 @@ var __publicField = (obj, key, value) => {
   }
   function ResourceList(props) {
     const { formatter, name: name2, columns, Dropdown } = props;
+    const { i18n: i18n2 } = useTranslation();
     const { tableProps, selectedKeys } = useEagleTable({
       useTableParams: {},
-      columns: [NameColumnRenderer(), ...columns],
+      columns: [NameColumnRenderer(i18n2), ...columns],
       tableProps: {
         currentSize: 10
       },
       formatter,
       Dropdown
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ListPage,
-      {
-        title: name2 || "",
-        selectedKeys,
-        tableProps
-      }
-    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ListPage, { title: name2 || "", selectedKeys, tableProps });
   }
   function ResourceShow(props) {
     const { formatter, showConfig, Dropdown } = props;
@@ -18471,13 +18473,13 @@ var __publicField = (obj, key, value) => {
       return 1;
     return -1;
   };
-  const NameColumnRenderer = (resource = "") => {
+  const NameColumnRenderer = (i18n2, resource = "") => {
     const dataIndex = ["metadata", "name"];
     return {
       key: "name",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.name"),
+      title: i18n2.t("dovetail.name"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (v, record) => {
@@ -18485,36 +18487,36 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const NameSpaceColumnRenderer = () => {
+  const NameSpaceColumnRenderer = (i18n2) => {
     const dataIndex = ["metadata", "namespace"];
     return {
       key: "namespace",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.namespace"),
+      title: i18n2.t("dovetail.namespace"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const StateDisplayColumnRenderer = () => {
+  const StateDisplayColumnRenderer = (i18n2) => {
     const dataIndex = ["stateDisplay"];
     return {
       key: "stateDisplay",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.state"),
+      title: i18n2.t("dovetail.state"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: v })
     };
   };
-  const WorkloadImageColumnRenderer = () => {
+  const WorkloadImageColumnRenderer = (i18n2) => {
     const dataIndex = ["imageNames"];
     return {
       key: "image",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.image"),
+      title: i18n2.t("dovetail.image"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render(value, record) {
@@ -18522,23 +18524,23 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const WorkloadRestartsColumnRenderer = () => {
+  const WorkloadRestartsColumnRenderer = (i18n2) => {
     const dataIndex = ["restarts"];
     return {
       key: "restarts",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.restarts"),
+      title: i18n2.t("dovetail.restarts"),
       sortable: false
     };
   };
-  const ReplicasColumnRenderer = () => {
+  const ReplicasColumnRenderer = (i18n2) => {
     const dataIndex = ["status", "replicas"];
     return {
       key: "replicas",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.replicas"),
+      title: i18n2.t("dovetail.replicas"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (_, record) => {
@@ -18550,13 +18552,13 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const AgeColumnRenderer = () => {
+  const AgeColumnRenderer = (i18n2) => {
     const dataIndex = ["metadata", "creationTimestamp"];
     return {
       key: "creationTimestamp",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.created_time"),
+      title: i18n2.t("dovetail.created_time"),
       sortable: true,
       sorter: (a, b) => {
         const valA = new Date(lodashExports.get(a, dataIndex));
@@ -18572,76 +18574,76 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const NodeNameColumnRenderer = (options) => {
+  const NodeNameColumnRenderer = (i18n2, options) => {
     const dataIndex = ["spec", "nodeName"];
     return {
       key: "node",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.node_name"),
+      title: i18n2.t("dovetail.node_name"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       ...options
     };
   };
-  const RestartCountColumnRenderer = () => {
+  const RestartCountColumnRenderer = (i18n2) => {
     const dataIndex = ["restartCount"];
     return {
       key: "restartCount",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.restarts"),
+      title: i18n2.t("dovetail.restarts"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const CompletionsCountColumnRenderer = () => {
+  const CompletionsCountColumnRenderer = (i18n2) => {
     const dataIndex = ["completionsDisplay"];
     return {
       key: "completions",
       display: true,
       dataIndex,
-      title: i18n.t("completions"),
+      title: i18n2.t("completions"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const DurationColumnRenderer = () => {
+  const DurationColumnRenderer = (i18n2) => {
     const dataIndex = ["duration"];
     return {
       key: "duration",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.duration"),
+      title: i18n2.t("dovetail.duration"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (v) => {
         const i18nMap = {
-          sec: i18n.t("dovetail.sec"),
-          day: i18n.t("dovetail.day"),
-          min: i18n.t("dovetail.min"),
-          hr: i18n.t("dovetail.hr")
+          sec: i18n2.t("dovetail.sec"),
+          day: i18n2.t("dovetail.day"),
+          min: i18n2.t("dovetail.min"),
+          hr: i18n2.t("dovetail.hr")
         };
         return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: elapsedTime(v, i18nMap).label || "-" });
       }
     };
   };
-  const ServiceTypeColumnRenderer = () => {
+  const ServiceTypeColumnRenderer = (i18n2) => {
     const dataIndex = ["spec", "type"];
     return {
       key: "type",
-      title: i18n.t("dovetail.type"),
+      title: i18n2.t("dovetail.type"),
       display: true,
       dataIndex,
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const PodWorkloadColumnRenderer = () => {
+  const PodWorkloadColumnRenderer = (i18n2) => {
     const dataIndex = ["metadata", "ownerReferences"];
     return {
       key: "type",
-      title: i18n.t("dovetail.workload"),
+      title: i18n2.t("dovetail.workload"),
       display: true,
       dataIndex,
       sortable: true,
@@ -18658,11 +18660,11 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const IngressRulesColumnRenderer = () => {
+  const IngressRulesColumnRenderer = (i18n2) => {
     const dataIndex = ["spec", "rules"];
     return {
       key: "type",
-      title: i18n.t("dovetail.rule"),
+      title: i18n2.t("dovetail.rule"),
       display: true,
       dataIndex,
       sortable: true,
@@ -18672,13 +18674,13 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const IngressDefaultBackendColumnRenderer = () => {
+  const IngressDefaultBackendColumnRenderer = (i18n2) => {
     const dataIndex = ["spec", "defaultBackend"];
     return {
       key: "defaultBackend",
       display: true,
       dataIndex,
-      title: i18n.t("dovetail.default_backend"),
+      title: i18n2.t("dovetail.default_backend"),
       sortable: true,
       sorter: CommonSorter(["spec", "defaultBackend"]),
       render: (defaultBackend, record) => {
@@ -19325,6 +19327,7 @@ var __publicField = (obj, key, value) => {
   }
   const relationPlugin = new RelationPlugin();
   const ProviderPlugins = [relationPlugin, modelPlugin];
+  const DovetailRefineI18n = i18n;
   const MonacoYamlDiffEditor = (props) => {
     const ref = React.useRef(null);
     const { origin, modified, id, height } = props;
@@ -19390,6 +19393,7 @@ var __publicField = (obj, key, value) => {
   exports2.DeleteManyButton = DeleteManyButton;
   exports2.DeploymentModel = DeploymentModel;
   exports2.Dovetail = Dovetail;
+  exports2.DovetailRefineI18n = DovetailRefineI18n;
   exports2.DrawerShow = DrawerShow;
   exports2.DurationColumnRenderer = DurationColumnRenderer;
   exports2.EditButton = EditButton;