@cozeloop/prompt-components 0.0.1 → 0.0.2

package/dist/index.js

@@ -0,0 +1,2788 @@
+import { jsxs as y, Fragment as ue, jsx as u } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import Ke, { useState as F, useEffect as z, useLayoutEffect as G, forwardRef as Y, useRef as S, useImperativeHandle as q, useMemo as Ce, useCallback as ve } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/react@18.2.0/node_modules/react/index.js";
+import { useEditor as et, Mention as tt, PositionMirror as nt, useLatest as K, getCurrentMentionReplaceRange as rt, useInjector as J, EditorProvider as X, Renderer as ot, Placeholder as ct, goToPreviousChunk as it, goToNextChunk as st, MergeViewRenderer as at, createRenderer as De, option as R } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/react.js";
+import { EditorProvider as $r, useEditor as Pr, useInjector as Ur, useLatest as Wr } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/react.js";
+import Ee, { languageSupport as lt, markdownLanguage as Ae } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/preset-prompt.js";
+import { EditorView as N, runScopeHandlers as dt, keymap as me } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+view@6.34.1/node_modules/@codemirror/view/dist/index.js";
+import { Decoration as Qr, EditorView as Zr, WidgetType as Gr, keymap as qr } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+view@6.34.1/node_modules/@codemirror/view/dist/index.js";
+import { Prec as ze, EditorSelection as H, countColumn as W, Facet as ut } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+state@6.4.1/node_modules/@codemirror/state/dist/index.js";
+import { EditorSelection as Xr, Prec as Kr, StateEffect as eo, StateField as to } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+state@6.4.1/node_modules/@codemirror/state/dist/index.js";
+import { indentWithTab as mt, history as ht, defaultKeymap as pt, historyKeymap as ft } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+commands@6.3.3/node_modules/@codemirror/commands/dist/index.js";
+import { Popover as je, Typography as E, Menu as ee, Button as gt, Space as Z, IconButton as xt, Input as Mt, withField as bt, Tooltip as U, Form as he, Tag as $, Avatar as Se, Select as te } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-arch+coze-design@0.0.6-alpha.101d0c_@types+react@18.2.37_acorn@8.14.0_react-dom@18.2.0_react@18.2.0/node_modules/@coze-arch/coze-design/dist/esm/index.mjs";
+import { astDecorator as pe, mixLanguages as Te } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/index.js";
+import { getSearchQuery as yt, findPrevious as ge, findNext as xe, closeSearchPanel as wt, replaceNext as Me, replaceAll as Nt, SearchQuery as kt, setSearchQuery as be, search as It, searchKeymap as Ct, gotoLine as vt } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+search@6.5.6/node_modules/@codemirror/search/dist/index.js";
+import D from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/crelt@1.0.6/node_modules/crelt/index.js";
+import { syntaxTree as Fe, indentUnit as Dt } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@codemirror+language@6.10.1/node_modules/@codemirror/language/dist/index.js";
+import { createOnigurumaEngine as Et } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/shiki@3.3.0/node_modules/shiki/dist/engine-oniguruma.mjs";
+import { createHighlighterCore as At } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/shiki@3.3.0/node_modules/shiki/dist/core.mjs";
+import zt from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/codemirror-shiki@0.2.2_@codemirror+state@6.4.1_@codemirror+view@6.34.1_shiki@3.3.0/node_modules/codemirror-shiki/dist/index.mjs";
+import A from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { IconCozNodeExpand as jt, IconCozHandle as St, IconCozQuestionMarkCircle as Le, IconCozDiamondFill as Tt, IconCozUpdate as Ft } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-arch+coze-design@0.0.6-alpha.101d0c_@types+react@18.2.37_acorn@8.14.0_react-dom@18.2.0_react@18.2.0/node_modules/@coze-arch/coze-design/dist/esm/components/icon/index.mjs";
+import Lt, { createTheme as Oe, tags as M, languages as Be, themes as _e, transformerCreator as Ot } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/preset-code.js";
+import { shell as Bt } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/language-shell.js";
+import { json as ae } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/language-json.js";
+import _t from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+editor@0.1.0-alpha.dac011_@codemirror+autocomplete@6.18.6_@codemirror+language@6_2lzzbb62e4bh3ygs7i5hudz3bm/node_modules/@coze-editor/editor/dist/esm/preset-universal.js";
+import { isUndefined as ye, groupBy as Rt, uniqueId as Vt, isEmpty as Ht } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import { MdBoxLazy as Re } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@flow-web+md-box@2.4.2_react-dom@18.2.0_react@18.2.0/node_modules/@flow-web/md-box/dist/es/lazy/index.js";
+import { InputSlider as $t } from "@cozeloop/components";
+import { useHover as Pt } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/ahooks@3.7.8_patch_hash=sa4ddrxdk2yhjzudeck6u5ww3i_react@18.2.0/node_modules/ahooks/es/index.js";
+import { default as ro, updateRegexpDecorations as oo } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/@coze-editor+extension-regexp-decorator@0.1.0-alpha.0fd19e_@codemirror+state@6.4.1_@codemirror+view@6.34.1/node_modules/@coze-editor/extension-regexp-decorator/dist/esm/index.js";
+import ne from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/mermaid@11.6.0/node_modules/mermaid/dist/mermaid.core.mjs";
+import { toBase64 as Ut } from "/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/js-base64@3.7.7/node_modules/js-base64/base64.mjs";
+function Wt({
+  variables: e,
+  isGoTemplate: t
+}) {
+  const [n, r] = F(""), [o, c] = F(!1), [s, a] = F(-1), i = et();
+  function l(p) {
+    const f = rt(i.$view.state);
+    f && (i.replaceText({
+      ...f,
+      text: t ? `{{.${p}}}` : `{{${p}}}`,
+      cursorOffset: p ? 0 : -2
+    }), c(!1));
+  }
+  function d(p) {
+    a(p.state.selection.main.head), c(p.value && e.length > 0);
+  }
+  z(() => {
+    i && (o ? i.disableKeybindings(["ArrowUp", "ArrowDown", "Enter"]) : i.disableKeybindings([]));
+  }, [i, o]);
+  const m = Yt({
+    enable: o,
+    variables: e,
+    onApply: l
+  });
+  return /* @__PURE__ */ y(ue, { children: [
+    /* @__PURE__ */ u(
+      tt,
+      {
+        trigger: (p) => {
+          if (p.docChanged) {
+            let f;
+            return p.changes.iterChanges((h, x, g, w, j) => {
+              h > 0 && // 新增，非替换
+              h === x && // 新增内容为 {
+              j.toString() === "{}" && // { 前还有个 {
+              p.state.sliceDoc(
+                Math.max(0, h - 1),
+                Math.max(0, h)
+              ) === "{" && (f = {
+                from: g - 1,
+                to: w + 1,
+                triggerCharacter: "{{",
+                cursorPosition: p.state.selection.main.head
+              });
+            }), f;
+          }
+        },
+        onOpenChange: d
+      }
+    ),
+    /* @__PURE__ */ u(
+      je,
+      {
+        visible: o,
+        trigger: "custom",
+        position: "topLeft",
+        rePosKey: n,
+        content: /* @__PURE__ */ y("div", { className: "p-1 min-w-[100px] flex flex-col gap-1", children: [
+          /* @__PURE__ */ u(E.Text, { type: "secondary", strong: !0, children: "插入变量" }),
+          /* @__PURE__ */ u("div", { className: "max-h-[200px] overflow-y-auto", children: e.map((p, f) => /* @__PURE__ */ u(
+            "div",
+            {
+              className: `cursor-pointer hover:bg-gray-100 px-2 py-1 mb-0.5 rounded ${m === f ? "!bg-gray-200" : ""}`,
+              onMouseDown: (h) => h.preventDefault(),
+              onClick: () => (p == null ? void 0 : p.key) && l(p.key),
+              children: p.key
+            },
+            p.key
+          )) })
+        ] }),
+        onClickOutSide: () => c(!1),
+        children: /* @__PURE__ */ u(
+          nt,
+          {
+            position: s,
+            onChange: () => r(String(Math.random()))
+          }
+        )
+      }
+    )
+  ] });
+}
+function Yt(e) {
+  const { enable: t, variables: n, onApply: r } = e, [o, c] = F(0), s = K(o), a = K([...n, { key: "" }]), i = K(r);
+  return z(() => {
+    c(0);
+  }, [t]), z(() => {
+    if (!t)
+      return;
+    function l(d) {
+      switch (d.key) {
+        case "ArrowUp":
+          c((m) => {
+            const p = m - 1;
+            return Math.max(0, p);
+          });
+          break;
+        case "ArrowDown":
+          c((m) => {
+            const p = m + 1;
+            return Math.min(a.current.length - 1, p);
+          });
+          break;
+        case "Enter": {
+          const m = a.current[s.current];
+          m && i.current(m.key || "");
+          break;
+        }
+      }
+    }
+    return document.addEventListener("keydown", l, !1), () => {
+      document.removeEventListener("keydown", l, !1);
+    };
+  }, [t]), o;
+}
+const Ve = 50, Qt = {
+  temperature: "生成随机性",
+  max_tokens: "最大回复长度",
+  top_p: "Top P"
+}, He = 4096, Zt = "_valid_1lwoa_1", Gt = "_invalid_1lwoa_5", Q = {
+  valid: Zt,
+  invalid: Gt
+};
+function qt(e) {
+  return !!new RegExp(`^[a-zA-Z][\\w]{0,${Ve - 1}}$`, "gm").test(e);
+}
+function Jt({
+  variables: e,
+  isNormalTemplate: t
+}) {
+  const n = J();
+  return G(
+    () => n.inject([
+      pe.whole.of((r, o) => {
+        var c, s, a, i;
+        if (r.name === "JinjaExpression" && ((c = r.node.firstChild) == null ? void 0 : c.name) === "JinjaExpressionStart" && ((s = r.node.lastChild) == null ? void 0 : s.name) === "JinjaExpressionEnd") {
+          const l = r.node.firstChild.to, d = r.node.lastChild.from, m = o.sliceDoc(l, d);
+          return qt(m) && t ? {
+            type: "className",
+            className: Q.valid,
+            from: l,
+            to: d
+          } : !t && (e == null ? void 0 : e.find((f) => f.key === m)) ? {
+            type: "className",
+            className: Q.valid,
+            from: l,
+            to: d
+          } : {
+            type: "className",
+            className: Q.invalid,
+            from: l,
+            to: d
+          };
+        }
+        if (r.name === "JinjaStatement" && ((a = r.node.firstChild) == null ? void 0 : a.name) === "JinjaStatementStart" && ((i = r.node.lastChild) == null ? void 0 : i.name) === "JinjaStatementEnd" && !t) {
+          const l = r.node.firstChild.to, d = r.node.lastChild.from, m = o.sliceDoc(l, d);
+          return (e || []).map((p) => {
+            if (p.key) {
+              const f = m.indexOf(p.key);
+              if (f !== -1)
+                return {
+                  type: "className",
+                  className: Q.valid,
+                  from: l + f,
+                  to: l + f + p.key.length + 1
+                };
+            }
+          }).filter(
+            (p) => p !== void 0
+          );
+        }
+      })
+    ]),
+    [n, e]
+  ), null;
+}
+const Xt = ze.high(
+  N.theme({
+    "& .cm-panels.cm-panels-top": {
+      borderBottom: "none",
+      backgroundColor: "transparent"
+    },
+    "& .cm-panels.cm-panels-bottom": {
+      borderTop: "none",
+      backgroundColor: "transparent",
+      border: "1px solid rgba(28, 31, 35, .08)"
+    },
+    "& .cm-searchMatch": {
+      outline: "none"
+    },
+    "& .cm-custom-search": {
+      position: "absolute",
+      top: 0,
+      right: "10px",
+      backgroundColor: "#f3f3f3",
+      display: "flex",
+      padding: "4px",
+      boxSizing: "border-box",
+      minWidth: "360px",
+      maxWidth: "calc(100% - 30px)",
+      borderRadius: "4px",
+      boxShadow: "0 2px 8px 2px rgba(0, 0, 0, 0.16)",
+      overflow: "hidden"
+    },
+    "& .cm-custom-search button": {
+      borderWidth: 0
+    },
+    "& .cm-custom-search input": {
+      outline: "none"
+    },
+    "& .cm-custom-search .cm-custom-search-drag": {
+      width: "3px",
+      height: "100%",
+      position: "absolute",
+      top: "0px",
+      left: "0px",
+      backgroundColor: "#c8c8c8"
+    },
+    "& .cm-custom-search .cm-custom-search-drag:hover": {
+      backgroundColor: "#0090f1",
+      cursor: "col-resize"
+    },
+    "& .cm-custom-text-field": {
+      backgroundColor: "inherit",
+      padding: 0,
+      border: "none",
+      color: "#444d56",
+      fontSize: "12px",
+      lineHeight: "16px",
+      verticalAlign: "middle",
+      width: "calc(100% - 58px)"
+    },
+    "& .cm-custom-search-panel-icon": {
+      display: "inline-flex",
+      "align-items": "center",
+      "justify-content": "center",
+      padding: "4px",
+      "border-radius": "2px",
+      "background-color": "transparent",
+      "box-sizing": "border-box",
+      width: "20px",
+      height: "20px",
+      cursor: "pointer"
+    },
+    "& .cm-custom-search-panel-icon:hover": {
+      color: "rgba(0, 100, 250, 1)",
+      backgroundColor: "rgba(46, 60, 56, .09)"
+    },
+    "& .cm-custom-search-panel-icon:active": {
+      backgroundColor: "rgba(46, 50, 56, .13)"
+    },
+    "& .cm-custom-search-panel-icon span": {
+      display: "inline-flex",
+      lineHeight: "12px",
+      fontSize: "12px"
+    },
+    "& .cm-custom-search-panel-icon-active": {
+      color: "rgba(0, 100, 250, 1)",
+      backgroundColor: "rgba(46, 50, 56, .05)"
+    },
+    "& .cm-custom-search-panel-icon-disabled": {
+      color: "rgba(28, 31, 35, .35)",
+      backgroundColor: "transparent"
+    },
+    "& .cm-custom-search-panel-icon-disabled:hover": {
+      color: "rgba(28, 31, 35, .35)",
+      backgroundColor: "transparent"
+    },
+    "& .cm-custom-search-panel-icon-disabled:active": {
+      color: "rgba(28, 31, 35, .35)",
+      backgroundColor: "transparent"
+    },
+    "& .cm-custom-search-panel-expand": {
+      display: "flex",
+      padding: "4px"
+    },
+    "& .cm-custom-search-panel-content": {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1
+    },
+    "& .cm-custom-search-panel-content-top": {
+      display: "flex",
+      alignItems: "center"
+    },
+    "& .cm-custom-search-action-wrapper": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "end"
+    },
+    "& .cm-custom-search-panel-content-input-wrapper": {
+      display: "flex",
+      alignItems: "center",
+      flex: 1,
+      position: "relative",
+      border: "1px solid #555",
+      padding: "4px",
+      minWidth: "170px",
+      marginLeft: "4px",
+      marginRight: "6px",
+      borderRadius: "2px"
+    },
+    "& .cm-custom-search-panel-content-input-wrapper-focus": {
+      borderColor: "rgba(0, 100, 250, 1)"
+    },
+    "& .cm-custom-search-panel-content-input-wrapper .cm-custom-search-panel-icon": {
+      position: "absolute",
+      top: "4px",
+      right: "4px",
+      padding: "2px",
+      width: "16px",
+      height: "16px !important"
+    },
+    "& .cm-panel.cm-custom-search [name=word]": {
+      right: "22px"
+    },
+    "& .cm-panel.cm-custom-search [name=case]": {
+      right: "40px"
+    },
+    "& .cm-panel.cm-custom-search [name=enter]": {
+      right: "58px"
+    },
+    "& .cm-panel.cm-custom-search [name=previous]": {
+      marginRight: "2px"
+    },
+    "& .cm-panel.cm-custom-search [name=next]": {
+      marginRight: "2px"
+    },
+    "& .cm-panel.cm-custom-search [name=close-icon]": {
+      marginRight: "2px"
+    },
+    "& .cm-panel.cm-custom-search [name=replace]": {
+      marginRight: "2px"
+    },
+    "& .cm-panel.cm-custom-search  [name=expand]": {
+      transform: "rotate(0deg)"
+    },
+    "& .cm-panel.cm-custom-search  [name=expand].cm-custom-search-panel-icon-active": {
+      transform: "rotate(90deg)"
+    },
+    "& .cm-custom-search-match-count": {
+      fontSize: "12px",
+      width: "80px",
+      overflow: "hidden"
+    },
+    "& .cm-custom-search-panel-content-bottom": {
+      marginRight: "104px",
+      display: "flex",
+      alignItems: "center"
+    },
+    "& .cm-custom-search-panel-content-bottom .cm-custom-search-panel-content-input-wrapper": {
+      marginTop: "6px"
+    }
+  })
+);
+class Kt {
+  constructor(t = { matchCount: 0, matchIndex: -1, searching: !1 }) {
+    this._data = t, this.dom = D("div", {
+      class: "cm-custom-search-match-count"
+    }), this.update();
+  }
+  update() {
+    this._data.matchCount > 0 ? (this.dom.innerText = ` ${this._data.matchIndex + 1} of ${this._data.matchCount > 1e3 ? "1000+" : this._data.matchCount}`, this.dom.style.color = "unset") : (this.dom.innerText = "无结果", this._data.searching ? this.dom.style.color = "red" : this.dom.style.color = "unset");
+  }
+  get data() {
+    return this._data;
+  }
+  set data(t) {
+    this._data = t, this.update();
+  }
+}
+class _ {
+  constructor(t = {}) {
+    const { onchange: n, checked: r, checkable: o = !0, disabled: c, ...s } = t;
+    this.checkable = o, this._checked = r || !1, this._disabled = c || !1, this.dom = D(
+      "button",
+      {
+        class: this._checked ? "cm-custom-search-panel-icon cm-custom-search-panel-icon-active" : "cm-custom-search-panel-icon",
+        type: "button",
+        onclick: () => {
+          this.checked = !this.checked, n == null || n();
+        },
+        ...s
+      },
+      [this.getSVG()]
+    );
+  }
+  get checked() {
+    return this._checked;
+  }
+  set checked(t) {
+    this.checkable && (t ? this.dom.classList.contains("cm-custom-search-panel-icon-active") || this.dom.classList.add("cm-custom-search-panel-icon-active") : this.dom.classList.remove("cm-custom-search-panel-icon-active")), this._checked = t;
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(t) {
+    t ? this.dom.classList.contains("cm-custom-search-panel-icon-disabled") || this.dom.classList.add("cm-custom-search-panel-icon-disabled") : this.dom.classList.remove("cm-custom-search-panel-icon-disabled"), this._disabled = t;
+  }
+}
+class en extends _ {
+  constructor(t = {}) {
+    super(t);
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = '<svg t="1749105226766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4424" width="14" height="14"><path d="M270.628571 197.485714L21.942857 811.885714h73.142857l73.142857-190.171428h277.942858l80.457142 190.171428h73.142858L343.771429 197.485714h-73.142858z m-73.142857 373.028572l102.4-263.314286c7.314286-7.314286 7.314286-21.942857 14.628572-43.885714 7.314286 21.942857 7.314286 36.571429 14.628571 43.885714l102.4 263.314286H197.485714zM980.114286 709.485714V526.628571c7.314286-117.028571-51.2-175.542857-175.542857-168.228571-109.714286-7.314286-175.542857 36.571429-204.8 131.657143l65.828571 21.942857c14.628571-73.142857 58.514286-102.4 131.657143-95.085714 80.457143-7.314286 117.028571 36.571429 109.714286 117.028571-21.942857 14.628571-73.142857 29.257143-153.6 36.571429-109.714286 7.314286-160.914286 58.514286-160.914286 146.285714 7.314286 73.142857 58.514286 109.714286 153.6 117.028571 80.457143 0 138.971429-21.942857 175.542857-73.142857 0 21.942857 7.314286 43.885714 21.942857 58.514286h65.828572c-29.257143-29.257143-36.571429-58.514286-29.257143-109.714286z m-73.142857-65.828571c-7.314286 80.457143-58.514286 124.342857-153.6 131.657143-58.514286-7.314286-95.085714-29.257143-95.085715-73.142857s36.571429-73.142857 117.028572-87.771429c80.457143-7.314286 124.342857-14.628571 131.657143-36.571429v65.828572z" fill="currentColor" p-id="4425"></path></svg>', t;
+  }
+}
+class tn extends _ {
+  constructor(t = {}) {
+    super(t);
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = '<svg t="1749105951963" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10628" width="12" height="12"><path d="M192 794.752c-18.816 0-33.92 6.272-45.184 18.816a61.632 61.632 0 0 0-18.816 45.184c0 17.6 6.272 33.92 18.816 46.4a61.44 61.44 0 0 0 45.184 17.6c17.6 0 32.64-6.272 45.184-17.6 12.544-12.544 18.816-28.8 18.816-46.4a61.632 61.632 0 0 0-18.816-45.184 61.632 61.632 0 0 0-45.184-18.816zM612.864 88.448h62.208l-5.76 235.008 214.272-79.488 19.584 58.752-218.88 69.12 146.304 178.56-48.384 38.016-138.24-185.472-138.24 185.472-47.232-38.016 145.152-178.56-218.88-69.12 19.584-58.752 214.272 79.488-5.76-235.008z" fill="currentColor" p-id="10629"></path></svg>', t;
+  }
+}
+class nn extends _ {
+  constructor(t = {}) {
+    super(t);
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = '<svg t="1749105508508" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7841" width="16" height="16"><path d="M160 192h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64z m0 576h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64z m276.8-94.688l-19.68-51.744H249.504l-19.68 52.864c-7.696 20.64-14.256 34.56-19.696 41.76-5.44 7.232-14.352 10.832-26.72 10.832-10.496 0-19.776-3.84-27.84-11.52s-12.096-16.416-12.096-26.16c0-5.632 0.928-11.44 2.816-17.44 1.872-6 4.96-14.336 9.28-25.024l105.456-267.76 10.832-27.696c4.224-10.784 8.72-19.744 13.504-26.864a54.848 54.848 0 0 1 18.848-17.28c7.776-4.416 17.392-6.624 28.816-6.624 11.632 0 21.328 2.208 29.12 6.608 7.776 4.4 14.064 10.08 18.848 17.024 4.768 6.928 8.8 14.384 12.08 22.352 3.28 7.968 7.456 18.608 12.528 31.92l107.712 266.08c8.432 20.24 12.656 34.96 12.656 44.144 0 9.552-3.984 18.32-11.952 26.288a39.28 39.28 0 0 1-28.832 11.952c-6.56 0-12.192-1.168-16.864-3.52a34.56 34.56 0 0 1-11.824-9.552c-3.184-4.032-6.608-10.224-10.256-18.56a1087.68 1087.68 0 0 1-9.44-22.08z m-165.36-114.464h123.2l-62.176-170.16-61.024 170.16zM776 683.712c-18.56 14.448-36.512 25.28-53.856 32.48-17.344 7.232-36.8 10.832-58.368 10.832-19.68 0-36.976-3.888-51.888-11.664-14.896-7.776-26.4-18.336-34.448-31.648a82.096 82.096 0 0 1-12.096-43.312c0-20.992 6.656-38.896 19.968-53.712 13.312-14.816 31.6-24.752 54.848-29.808 4.864-1.12 16.96-3.664 36.272-7.6a1589.856 1589.856 0 0 0 49.648-10.832 949.488 949.488 0 0 0 44.864-11.952c-0.944-20.24-5.024-35.104-12.24-44.576-7.216-9.472-22.176-14.208-44.864-14.208-19.504 0-34.176 2.72-44 8.16-9.856 5.44-18.288 13.6-25.328 24.48-7.04 10.88-12 18.032-14.896 21.504-2.912 3.472-9.152 5.2-18.72 5.2-8.608 0-16.064-2.752-22.352-8.288-6.272-5.536-9.424-12.608-9.424-21.232 0-13.504 4.8-26.624 14.352-39.376 9.552-12.752 24.48-23.248 44.72-31.504s45.472-12.368 75.648-12.368c33.76 0 60.288 3.984 79.6 11.952 19.312 7.968 32.96 20.576 40.912 37.824 7.984 17.248 11.968 40.128 11.968 68.624a6293.76 6293.76 0 0 1-0.576 87.744c0 14.448 2.4 29.488 7.184 45.152 4.768 15.648 7.168 25.728 7.168 30.24 0 7.856-3.712 15.04-11.104 21.504-7.408 6.464-15.808 9.696-25.184 9.696-7.872 0-15.648-3.696-23.344-11.104-7.68-7.408-15.84-18.144-24.464-32.208z m-5.056-111.088c-11.264 4.128-27.616 8.48-49.088 13.072-21.472 4.608-36.32 7.968-44.576 10.128s-16.128 6.384-23.616 12.656c-7.52 6.288-11.264 15.04-11.264 26.304 0 11.616 4.416 21.52 13.232 29.664 8.8 8.16 20.336 12.24 34.592 12.24 15.184 0 29.2-3.328 42.048-9.984 12.832-6.656 22.256-15.232 28.256-25.728 6.944-11.632 10.4-30.752 10.4-57.376v-10.976z" p-id="7842" fill="currentColor"></path></svg>', t;
+  }
+}
+class rn extends _ {
+  constructor(t = {}) {
+    super({ ...t, checkable: !1 });
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = `<svg
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            focusable=false
+            aria-hidden=true
+        >
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M12 23C11.1716 23 10.5 22.3284 10.5 21.5L10.5 6.12132L4.06066 12.5607C3.47487 13.1464 2.52513 13.1464 1.93934 12.5607C1.35355 11.9749 1.35355 11.0251 1.93934 10.4393L10.9393 1.43934C11.5251 0.853554 12.4749 0.853554 13.0607 1.43934L22.0607 10.4393C22.6464 11.0251 22.6464 11.9749 22.0607 12.5607C21.4749 13.1464 20.5251 13.1464 19.9393 12.5607L13.5 6.12132L13.5 21.5C13.5 22.3284 12.8284 23 12 23Z"
+                fill="currentColor"
+            />
+        </svg>`, t;
+  }
+}
+class on extends _ {
+  constructor(t = {}) {
+    super({ ...t, checkable: !1 });
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = `<svg
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            focusable=false
+            aria-hidden=true
+        >
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M12 1C12.8284 1 13.5 1.67157 13.5 2.5V17.8787L19.9393 11.4393C20.5251 10.8536 21.4749 10.8536 22.0607 11.4393C22.6464 12.0251 22.6464 12.9749 22.0607 13.5607L13.0607 22.5607C12.4749 23.1464 11.5251 23.1464 10.9393 22.5607L1.93934 13.5607C1.35355 12.9749 1.35355 12.0251 1.93934 11.4393C2.52513 10.8536 3.47487 10.8536 4.06066 11.4393L10.5 17.8787V2.5C10.5 1.67157 11.1716 1 12 1Z"
+                fill="currentColor"
+            />
+        </svg>`, t;
+  }
+}
+class cn extends _ {
+  constructor(t = {}) {
+    super({ ...t, checkable: !1 });
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M206.144 239.296l144.704 145.216L492.8 242.176l-44.8-44.8-64.768 64.448-0.512-102.4a33.472 33.472 0 0 1 32-33.664H512V64H414.72A94.848 94.848 0 0 0 320 159.296V262.4L251.328 194.112l-45.184 45.184z m426.88 114.816h0.64c11.712 19.904 28.864 29.888 51.584 29.888 25.152 0 45.184-10.752 60.16-32.192 15.104-21.44 22.592-49.92 22.592-85.312 0-32.704-6.4-58.432-19.264-77.248-12.864-18.88-31.232-28.288-55.04-28.288-25.92 0-45.952 12.416-60.032 37.184h-0.64V64H576v314.816h56.96v-24.704z m-0.96-67.904v-21.76c0-15.872 3.712-28.672 11.2-38.464a34.56 34.56 0 0 1 28.48-14.72 31.36 31.36 0 0 1 27.904 14.912c6.656 9.856 9.92 23.552 9.92 41.152 0 21.12-3.584 37.568-10.816 49.152a33.536 33.536 0 0 1-30.08 17.28 31.68 31.68 0 0 1-26.304-13.504 54.592 54.592 0 0 1-10.24-34.048zM576 817.216c-16.384 9.856-40 14.784-70.912 14.784-36.032 0-65.28-11.392-87.616-34.112-22.336-22.72-33.472-52.032-33.472-87.936 0-41.472 11.904-74.112 35.84-97.92 23.936-24.064 56-36.032 96-36.032 27.712 0 47.744 3.84 60.16 11.456v63.872a80.64 80.64 0 0 0-50.688-17.664c-20.8 0-37.312 6.4-49.536 19.072-12.16 12.544-18.112 29.952-18.112 52.224 0 21.632 5.76 38.592 17.408 51.008 11.648 12.224 27.584 18.368 47.936 18.368 18.048 0 35.712-5.888 52.992-17.664v60.544zM256 448L192 512v384l64 64h448l64-64V512l-64-64H256z m0 64h448v384H256V512z" fill="currentColor"></path></svg>', t;
+  }
+}
+class sn extends _ {
+  constructor(t = {}) {
+    super({ ...t, checkable: !1 });
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M742.4 171.328c9.408-19.84 22.784-29.76 40.064-29.76 15.872 0 28.16 7.552 36.672 22.592 8.576 15.104 12.864 35.648 12.864 61.824 0 28.352-4.992 51.072-15.04 68.288-9.984 17.152-23.36 25.728-40.128 25.728-15.168 0-26.624-8-34.368-23.936h-0.512v19.84H704V64h37.952v107.328h0.512z m-1.024 70.4a49.92 49.92 0 0 0 6.848 27.264c4.544 7.232 10.432 10.816 17.536 10.816 8.704 0 15.36-4.608 20.096-13.824 4.8-9.28 7.232-22.4 7.232-39.36 0-14.08-2.24-24.96-6.656-32.896-4.288-7.936-10.496-11.968-18.56-11.968-7.68 0-14.016 3.968-19.008 11.84a56.704 56.704 0 0 0-7.488 30.72v17.408zM263.68 492.48L128 356.352l42.368-42.368 64.384 64v-96.64A88.96 88.96 0 0 1 323.52 192H473.6v57.92H323.52a31.36 31.36 0 0 0-29.952 31.552l0.448 96 60.736-60.416 41.984 41.984-133.12 133.44zM598.784 315.52H640V206.08C640 154.112 619.84 128 579.584 128c-8.64 0-18.24 1.536-28.8 4.672a92.416 92.416 0 0 0-24.832 10.688v42.56c15.168-12.992 31.168-19.456 48-19.456 16.704 0 25.088 9.984 25.088 30.016l-38.4 6.592c-32.384 5.504-48.64 25.984-48.64 61.504 0 16.832 3.904 30.272 11.712 40.384A39.04 39.04 0 0 0 556.16 320c18.56 0 32.576-10.24 42.048-30.72h0.576v26.24z m0.256-86.72v12.352c0 11.2-2.56 20.48-7.68 27.904a23.552 23.552 0 0 1-20.032 10.88 17.664 17.664 0 0 1-14.08-6.08 24.32 24.32 0 0 1-5.12-15.872c0-14.208 7.04-22.464 21.248-24.896l25.6-4.288zM448 827.52h-41.216v-26.24h-0.576c-9.472 20.48-23.488 30.72-42.048 30.72a39.04 39.04 0 0 1-32.448-15.04c-7.808-10.112-11.712-23.552-11.712-40.32 0-35.584 16.256-56.064 48.64-61.568l38.4-6.592c0-20.032-8.32-30.08-25.088-30.08-16.832 0-32.832 6.528-48 19.52v-42.56c6.08-4.032 14.336-7.616 24.832-10.688 10.56-3.136 20.16-4.672 28.8-4.672 40.32 0 60.416 26.048 60.416 78.08v109.44z m-40.96-74.368v-12.352l-25.6 4.352c-14.208 2.368-21.312 10.624-21.312 24.832 0 6.4 1.728 11.712 5.12 15.872a17.664 17.664 0 0 0 14.08 6.08 23.552 23.552 0 0 0 19.968-10.88c5.12-7.424 7.68-16.64 7.68-27.904zM592.768 832c20.544 0 36.352-3.712 47.232-11.072v-45.44a57.6 57.6 0 0 1-35.328 13.248 39.616 39.616 0 0 1-32-13.76c-7.68-9.28-11.584-22.08-11.584-38.272 0-16.64 4.032-29.696 12.096-39.168a41.216 41.216 0 0 1 33.024-14.272c12.416 0 23.68 4.416 33.792 13.248v-47.936c-8.256-5.76-21.632-8.576-40.064-8.576-26.688 0-48.064 8.96-64.064 27.008-15.936 17.92-23.872 42.368-23.872 73.472 0 26.88 7.424 48.896 22.336 65.92 14.848 17.088 34.368 25.6 58.432 25.6zM128 576l64-64h576l64 64v320l-64 64H192l-64-64V576z m64 0v320h576V576H192z m192-128l64-64h448l64 64v320l-64 64V448H384z" fill="currentColor"></path></svg>', t;
+  }
+}
+class an extends _ {
+  constructor(t = {}) {
+    super({ ...t, checkable: !1 });
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = `<svg
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            focusable=false
+            aria-hidden=true
+        >
+            <path
+                d="M17.6568 19.7782C18.2426 20.3639 19.1924 20.3639 19.7782 19.7782C20.3639 19.1924 20.3639 18.2426 19.7782 17.6568L14.1213 12L19.7782 6.34313C20.3639 5.75734 20.3639 4.8076 19.7782 4.22181C19.1924 3.63602 18.2426 3.63602 17.6568 4.22181L12 9.87866L6.34313 4.22181C5.75734 3.63602 4.8076 3.63602 4.22181 4.22181C3.63602 4.8076 3.63602 5.75734 4.22181 6.34313L9.87866 12L4.22181 17.6568C3.63602 18.2426 3.63602 19.1924 4.22181 19.7782C4.8076 20.3639 5.75734 20.3639 6.34313 19.7782L12 14.1213L17.6568 19.7782Z"
+                fill="currentColor"
+            />
+        </svg>`, t;
+  }
+}
+class ln extends _ {
+  constructor(t = {}) {
+    super({ ...t });
+  }
+  getSVG() {
+    const t = document.createElement("span");
+    return t.innerHTML = `<svg
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            focusable=false
+            aria-hidden=true
+        >
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M7.43934 19.7957C6.85355 19.2099 6.85355 18.2601 7.43934 17.6744L13.0962 12.0175L7.43934 6.36065C6.85355 5.77486 6.85355 4.82511 7.43934 4.23933C8.02513 3.65354 8.97487 3.65354 9.56066 4.23933L16.2782 10.9568C16.864 11.5426 16.864 12.4924 16.2782 13.0782L9.56066 19.7957C8.97487 20.3815 8.02513 20.3815 7.43934 19.7957Z"
+                fill="currentColor"
+            />
+        </svg>`, t;
+  }
+}
+class dn {
+  constructor(t) {
+    this.view = t, this.commit = this.commit.bind(this), this.query = yt(t.state), this.matchCount = new Kt();
+    const n = this.initSearchLine(t), r = this.initReplaceLine(t), o = () => {
+      var a;
+      if (t.state.readOnly) {
+        r.style.display = "none";
+        return;
+      }
+      if (!((a = this.expand) != null && a.checked)) {
+        r.style.display = "none";
+        return;
+      }
+      r.style.display = "flex";
+    };
+    o();
+    const c = this.initExpandButton(t, () => o()), s = mn(this);
+    this.dom = D(
+      "div",
+      {
+        onkeydown: (a) => this.keydown(a),
+        class: "cm-custom-search"
+      },
+      [
+        D("div", {
+          class: "cm-custom-search-drag",
+          onmousedown: s
+        }),
+        ...c,
+        D(
+          "div",
+          {
+            class: "cm-custom-search-panel-content"
+          },
+          [n, r]
+        )
+      ]
+    ), this.updateMatchCount(t.state, this.query);
+  }
+  initExpandButton(t, n) {
+    return this.expand = new ln({
+      name: "expand",
+      title: v(t, "展开"),
+      onchange: n
+    }), t.state.readOnly ? [] : [
+      D(
+        "div",
+        {
+          class: "cm-custom-search-panel-expand"
+        },
+        [this.expand.dom]
+      )
+    ];
+  }
+  initSearchLine(t) {
+    const n = {
+      current: null
+    }, r = () => {
+      var c;
+      (c = n.current) == null || c.focus(), n.current && !n.current.classList.contains(
+        "cm-custom-search-panel-content-input-wrapper-focus"
+      ) && n.current.classList.add(
+        "cm-custom-search-panel-content-input-wrapper-focus"
+      );
+    }, o = () => {
+      var c;
+      (c = n.current) == null || c.blur(), n.current && n.current.classList.remove(
+        "cm-custom-search-panel-content-input-wrapper-focus"
+      );
+    };
+    return this.searchField = D("input", {
+      value: this.query.search,
+      placeholder: v(t, "查找"),
+      title: v(t, "查找"),
+      class: "cm-custom-text-field",
+      name: "search",
+      form: "",
+      "main-field": "true",
+      onchange: this.commit,
+      onkeyup: this.commit,
+      onfocus: r,
+      onblur: o
+    }), this.caseField = new en({
+      checked: this.query.caseSensitive,
+      onchange: () => {
+        this.searchField.focus(), this.commit();
+      },
+      name: "case",
+      title: v(t, "区分大小写")
+    }), this.reField = new tn({
+      name: "re",
+      checked: this.query.regexp,
+      onchange: () => {
+        this.searchField.focus(), this.commit();
+      },
+      title: v(t, "正则表达式")
+    }), this.wordField = new nn({
+      name: "word",
+      checked: this.query.wholeWord,
+      onchange: () => {
+        this.searchField.focus(), this.commit();
+      },
+      title: v(t, "全词匹配")
+    }), this.arrowUp = new rn({
+      name: "previous",
+      onclick: () => {
+        ge(t), this.updateMatchCount(t.state, this.query);
+      },
+      title: v(t, "上一个匹配")
+    }), this.arrowDown = new on({
+      name: "next",
+      onclick: () => {
+        xe(t), this.updateMatchCount(t.state, this.query);
+      },
+      title: v(t, "下一个匹配")
+    }), n.current = D(
+      "div",
+      {
+        class: "cm-custom-search-panel-content-input-wrapper"
+      },
+      [
+        this.searchField,
+        // enter.dom,
+        this.caseField.dom,
+        this.reField.dom,
+        this.wordField.dom
+      ]
+    ), D(
+      "div",
+      {
+        class: "cm-custom-search-panel-content-top"
+      },
+      [
+        n.current,
+        this.matchCount.dom,
+        D(
+          "div",
+          {
+            class: "cm-custom-search-action-wrapper"
+          },
+          [
+            this.arrowUp.dom,
+            this.arrowDown.dom,
+            new an({
+              name: "close-icon",
+              onclick: () => wt(t),
+              title: v(t, "关闭")
+            }).dom
+          ]
+        )
+      ]
+    );
+  }
+  initReplaceLine(t) {
+    const n = {
+      current: null
+    }, r = () => {
+      var c;
+      (c = n.current) == null || c.focus(), n.current && !n.current.classList.contains(
+        "cm-custom-search-panel-content-input-wrapper-focus"
+      ) && n.current.classList.add(
+        "cm-custom-search-panel-content-input-wrapper-focus"
+      );
+    }, o = () => {
+      var c;
+      (c = n.current) == null || c.blur(), n.current && n.current.classList.remove(
+        "cm-custom-search-panel-content-input-wrapper-focus"
+      );
+    };
+    return this.replaceField = D("input", {
+      value: this.query.replace,
+      placeholder: v(t, "替换"),
+      title: v(t, "替换"),
+      class: "cm-custom-text-field",
+      name: "replace",
+      form: "",
+      onchange: this.commit,
+      onkeyup: this.commit,
+      onfocus: r,
+      onblur: o
+    }), this.replace = new cn({
+      name: "replace",
+      onclick: () => {
+        Me(t), this.updateMatchCount(t.state, this.query);
+      },
+      title: v(t, "替换")
+    }), this.replaceAll = new sn({
+      name: "replaceAll",
+      onclick: () => {
+        Nt(t), this.updateMatchCount(t.state, this.query);
+      },
+      title: v(t, "替换所有")
+    }), n.current = D(
+      "div",
+      {
+        class: "cm-custom-search-panel-content-input-wrapper"
+      },
+      [this.replaceField]
+    ), D(
+      "div",
+      {
+        class: "cm-custom-search-panel-content-bottom"
+      },
+      [n.current, this.replace.dom, this.replaceAll.dom]
+    );
+  }
+  commit() {
+    const t = new kt({
+      search: this.searchField.value,
+      caseSensitive: this.caseField.checked,
+      regexp: this.reField.checked,
+      wholeWord: this.wordField.checked,
+      replace: this.replaceField.value
+    });
+    t.eq(this.query) || (this.query = t, this.view.dispatch({ effects: be.of(t) })), this.updateMatchCount(this.view.state, this.query);
+  }
+  keydown(t) {
+    dt(this.view, t, "search-panel") ? t.preventDefault() : (t.keyCode === 13 || t.key === "Enter") && t.target === this.searchField ? (t.preventDefault(), (t.shiftKey ? ge : xe)(this.view)) : (t.keyCode === 13 || t.key === "Enter") && t.target === this.replaceField && (t.preventDefault(), Me(this.view));
+  }
+  updateMatchCount(t, n) {
+    this.matchCount.data = {
+      ...un(t, n),
+      searching: !!n.search
+    }, this.matchCount.data.matchCount > 0 ? (this.replace.disabled = !1, this.replaceAll.disabled = !1, this.arrowUp.disabled = !1, this.arrowDown.disabled = !1) : (this.replace.disabled = !0, this.replaceAll.disabled = !0, this.arrowUp.disabled = !0, this.arrowDown.disabled = !0);
+  }
+  update(t) {
+    for (const n of t.transactions)
+      for (const r of n.effects)
+        r.is(be) && !r.value.eq(this.query) && (this.setQuery(r.value), this.updateMatchCount(t.state, r.value));
+  }
+  setQuery(t) {
+    this.query = t, this.searchField.value = t.search, this.replaceField.value = t.replace, this.caseField.checked = t.caseSensitive, this.reField.checked = t.regexp, this.wordField.checked = t.wholeWord;
+  }
+  mount() {
+    this.searchField.select();
+  }
+  get top() {
+    return !0;
+  }
+}
+function v(e, t) {
+  return e.state.phrase(t);
+}
+function un(e, t) {
+  try {
+    const { from: n, to: r } = e.selection.main;
+    let o = 0, c = -1;
+    const s = t.getCursor(e);
+    let a = s.next();
+    for (; !a.done; )
+      a.value.from === n && a.value.to === r && (c = o), a = s.next(), o++;
+    return { matchIndex: c, matchCount: o };
+  } catch {
+    return { matchIndex: -1, matchCount: 0 };
+  }
+}
+function mn(e) {
+  let t = !1, n = 0, r = 0;
+  const o = (a) => {
+    if (a.preventDefault(), a.stopPropagation(), !t || !(e != null && e.dom))
+      return;
+    const i = n - a.clientX + r;
+    e.dom.style.width = `${i}px`;
+  }, c = (a) => {
+    a.preventDefault(), a.stopPropagation(), t = !1, n = 0, r = 0, document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", c);
+  };
+  return (a) => {
+    a.preventDefault(), a.stopPropagation(), t = !0, n = a.clientX, r = (e == null ? void 0 : e.dom.clientWidth) ?? 0, document.addEventListener("mousemove", o), document.addEventListener("mouseup", c);
+  };
+}
+const hn = () => [
+  Xt,
+  It({
+    createPanel: (e) => new dn(e)
+  }),
+  me.of([...Ct, { key: "Ctrl-g", run: vt }])
+];
+function $e() {
+  const e = J();
+  return G(
+    () => e.inject([
+      pe.whole.of((t) => {
+        if (t.name.startsWith("ATXHeading"))
+          return {
+            type: "className",
+            className: "heading"
+          };
+        if (t.name === "Emphasis")
+          return {
+            type: "className",
+            className: "emphasis"
+          };
+        if (t.name === "StrongEmphasis")
+          return {
+            type: "className",
+            className: "strong-emphasis"
+          };
+        if (t.name === "ListMark" || t.name === "QuoteMark")
+          return {
+            type: "className",
+            className: "mark"
+          };
+      }),
+      N.theme({
+        ".heading": {
+          color: "#00818C",
+          fontWeight: "bold"
+        },
+        ".emphasis": {
+          fontStyle: "italic"
+        },
+        ".strong-emphasis": {
+          fontWeight: "bold"
+        },
+        ".mark": {
+          color: "#4E40E5"
+        }
+      })
+    ]),
+    [e]
+  ), null;
+}
+function Pe() {
+  const e = J();
+  return G(() => e.inject([lt]), [e]), null;
+}
+class re {
+  constructor(t) {
+    this.node = t.node, this.from = t.from, this.to = t.to, this.spaceBefore = t.spaceBefore, this.spaceAfter = t.spaceAfter, this.type = t.type, this.item = t.item;
+  }
+  blank(t, n = !0) {
+    let r = this.spaceBefore + (this.node.name === "Blockquote" ? ">" : "");
+    if (t !== null) {
+      for (; r.length < t; )
+        r += " ";
+      return r;
+    }
+    for (let o = this.to - this.from - r.length - this.spaceAfter.length; o > 0; o--)
+      r += " ";
+    return r + (n ? this.spaceAfter : "");
+  }
+  marker(t, n) {
+    if (this.node.name === "OrderedList" && this.item) {
+      const r = We(this.item, t);
+      if (r) {
+        const o = Number(r[2]) + n;
+        return `${this.spaceBefore}${o}.${this.spaceAfter}`;
+      }
+    }
+    return `${this.spaceBefore}${this.type}${this.spaceAfter}`;
+  }
+}
+function Ue(e, t) {
+  const n = [];
+  let r = e;
+  for (; r && r.name !== "FencedCode"; ) {
+    if (r.name === "ListItem" || r.name === "Blockquote") {
+      const o = t.lineAt(r.from), c = r.from - o.from, s = o.text.slice(c);
+      let a = null;
+      if (r.name === "Blockquote") {
+        const i = /^ *>( ?)/.exec(s);
+        i && (a = new re({
+          node: r,
+          from: c,
+          to: c + i[0].length,
+          spaceBefore: "",
+          spaceAfter: i[1],
+          type: ">",
+          item: null
+        }));
+      } else if (r.name === "ListItem" && r.parent) {
+        if (r.parent.name === "OrderedList") {
+          const i = /^( *)(\d+)([.)])( *)/.exec(s);
+          if (i) {
+            let l = i[4], d = i[0].length;
+            l.length >= 4 && (l = l.slice(0, l.length - 4), d -= 4), a = new re({
+              node: r.parent,
+              from: c,
+              to: c + d,
+              spaceBefore: i[1],
+              spaceAfter: l,
+              type: i[2],
+              item: r
+            });
+          }
+        } else if (r.parent.name === "BulletList") {
+          const i = /^( *)([-+*])( {1,4}\[[ xX]\])?( +)/.exec(s);
+          if (i) {
+            let l = i[4], d = i[0].length;
+            l.length > 4 && (l = l.slice(0, l.length - 4), d -= 4);
+            let m = i[2];
+            i[3] && (m += i[3].replace(/[xX]/, " ")), a = new re({
+              node: r.parent,
+              from: c,
+              to: c + d,
+              spaceBefore: i[1],
+              spaceAfter: l,
+              type: m,
+              item: r
+            });
+          }
+        }
+      }
+      a && n.unshift(a);
+    }
+    r = r.parent;
+  }
+  return n;
+}
+function We(e, t) {
+  return /^(\s*)(\d+)(?=[.)])/.exec(t.sliceString(e.from, e.from + 10));
+}
+function le(e, t, n, r = 0) {
+  let o = -1, c = e;
+  for (; c; ) {
+    if (c.name === "ListItem") {
+      const s = We(c, t);
+      if (!s)
+        break;
+      const a = Number(s[2]);
+      if (o >= 0) {
+        if (a !== o + 1)
+          break;
+        n.push({
+          from: c.from + s[1].length,
+          to: c.from + s[0].length,
+          insert: String(o + 2 + r)
+        });
+      }
+      o = a;
+    }
+    c = c.nextSibling;
+  }
+}
+function fe(e, t) {
+  const n = /^[ \t]*/.exec(e), r = n ? n[0].length : 0;
+  if (!r || t.facet(Dt) !== "	")
+    return e;
+  const o = W(e, 4, r);
+  let c = "";
+  for (let s = o; s > 0; )
+    s >= 4 ? (c += "	", s -= 4) : (c += " ", s--);
+  return c + e.slice(r);
+}
+function pn(e, t, n, r, o) {
+  if (!n.item)
+    return null;
+  const { doc: c } = e, s = n.node.firstChild, a = n.node.getChild("ListItem", "ListItem");
+  if (!s)
+    return null;
+  if (s.to >= r || a && a.to < r || o.from > 0 && !/[^\s>]/.test(c.lineAt(o.from - 1).text)) {
+    const i = [], l = t.length > 1 ? t[t.length - 2] : null;
+    let d, m = "";
+    return l ? (d = o.from + (l.item ? l.from : l.to), l.item && (m = l.marker(c, 1))) : d = o.from, i.push({ from: d, to: r, insert: m }), n.node.name === "OrderedList" && n.item && le(n.item, c, i, -2), (l == null ? void 0 : l.node.name) === "OrderedList" && l.item && le(l.item, c, i), {
+      range: H.cursor(d + m.length),
+      changes: i
+    };
+  } else {
+    const i = Ye(t, e, o);
+    return {
+      range: H.cursor(r + i.length + 1),
+      changes: { from: o.from, insert: i + e.lineBreak }
+    };
+  }
+}
+function fn(e, t, n) {
+  if (t.node.name !== "Blockquote" || !n.from)
+    return null;
+  const r = e.doc.lineAt(n.from - 1), o = />\s*$/.exec(r.text);
+  if (o && o.index === t.from) {
+    const c = e.changes([
+      { from: r.from + o.index, to: r.to },
+      { from: n.from + t.from, to: n.to }
+    ]);
+    return {
+      range: H.cursor(c.mapPos(n.from)),
+      changes: c
+    };
+  }
+  return null;
+}
+function gn(e, t, n, r, o) {
+  const { doc: c } = e, s = [];
+  n.node.name === "OrderedList" && n.item && le(n.item, c, s);
+  const a = !!n.item && n.item.from < o.from;
+  let i = "";
+  const l = /^[\s\d.)\-+*>]*/.exec(o.text), d = l ? l[0].length : 0;
+  if (!a || d >= n.to)
+    for (let p = 0; p < t.length; p++) {
+      const f = t[p];
+      if (p === t.length - 1 && !a)
+        console.log("m", c), i += f.marker(c, 1);
+      else {
+        const h = p < t.length - 1 ? W(o.text, 4, t[p + 1].from) - i.length : null;
+        i += f.blank(h);
+      }
+    }
+  let m = r;
+  for (; m > o.from && /\s/.test(o.text.charAt(m - o.from - 1)); )
+    m--;
+  return i = fe(i, e), xn(n.node, e.doc) && (i = Ye(t, e, o) + e.lineBreak + i), s.push({ from: m, to: r, insert: e.lineBreak + i }), {
+    range: H.cursor(m + i.length + 1),
+    changes: s
+  };
+}
+const jr = ({
+  state: e,
+  dispatch: t
+}) => {
+  const n = Fe(e), { doc: r } = e;
+  let o = !1;
+  const c = e.changeByRange((s) => {
+    if (!s.empty || !Ae.isActiveAt(e, s.from))
+      return o = !0, { range: s };
+    const a = s.from, i = r.lineAt(a), l = Ue(n.resolveInner(a, -1), r);
+    for (; l.length && l[l.length - 1].from > a - i.from; )
+      l.pop();
+    if (!l.length)
+      return o = !0, { range: s };
+    const d = l[l.length - 1];
+    if (d.to - d.spaceAfter.length > a - i.from)
+      return o = !0, { range: s };
+    const m = a >= d.to - d.spaceAfter.length, p = !/\S/.test(
+      i.text.slice(d.to - (i.from + d.from))
+    );
+    if (m && p) {
+      const f = pn(
+        e,
+        l,
+        d,
+        a,
+        i
+      );
+      if (f)
+        return f;
+      const h = fn(e, d, i);
+      if (h)
+        return h;
+    }
+    return gn(e, l, d, a, i);
+  });
+  return o || c.changes.empty ? !1 : (t(e.update(c, { scrollIntoView: !0, userEvent: "input" })), !0);
+};
+function xn(e, t) {
+  if (e.name !== "OrderedList" && e.name !== "BulletList")
+    return !1;
+  const n = e.firstChild, r = e.getChild("ListItem", "ListItem");
+  if (!n || !r)
+    return !1;
+  const o = t.lineAt(n.to), c = t.lineAt(r.from), s = /^[\s>]*$/.test(o.text);
+  return o.number + (s ? 0 : 1) < c.number;
+}
+function Ye(e, t, n) {
+  let r = "";
+  for (let o = 0; o < e.length - 1; o++) {
+    const c = e[o], s = e[o + 1], a = W(n.text, 4, s.from) - r.length;
+    r += c.blank(a, !0);
+  }
+  return fe(r, t);
+}
+function Mn(e, t) {
+  let n = e.resolveInner(t, -1), r = t;
+  const o = (c) => c.name === "QuoteMark" || c.name === "ListMark";
+  for (o(n) && n.parent && (r = n.from, n = n.parent); ; ) {
+    const c = n.childBefore(r);
+    if (!c)
+      break;
+    if (o(c))
+      r = c.from;
+    else if ((c.name === "OrderedList" || c.name === "BulletList") && c.lastChild)
+      n = c.lastChild, r = n.to;
+    else
+      break;
+  }
+  return n;
+}
+const Sr = ({ state: e, dispatch: t }) => {
+  const n = Fe(e);
+  let r = !1;
+  const o = e.changeByRange((c) => {
+    const { from: s, to: a } = c;
+    if (a !== s || !Ae.isActiveAt(e, s))
+      return r = !0, { range: c };
+    const i = e.doc.lineAt(s), l = Ue(Mn(n, s), e.doc);
+    if (!l.length)
+      return r = !0, { range: c };
+    const d = l[l.length - 1], m = d.to - d.spaceAfter.length + (d.spaceAfter ? 1 : 0);
+    if (s - i.from > m && !/\S/.test(i.text.slice(m, s - i.from))) {
+      const f = i.from + m;
+      return {
+        range: H.cursor(f),
+        changes: { from: f, to: s }
+      };
+    }
+    const p = !d.item || i.from <= d.item.from || !/\S/.test(i.text.slice(0, d.to));
+    if (s - i.from === m && p) {
+      const f = i.from + d.from;
+      if (d.item && d.node.from < d.item.from && /\S/.test(i.text.slice(d.from, d.to))) {
+        let h = d.blank(
+          W(i.text, 4, d.to) - W(i.text, 4, d.from)
+        );
+        return f === i.from && (h = fe(h, e)), {
+          range: H.cursor(f + h.length),
+          changes: { from: f, to: i.from + d.to, insert: h }
+        };
+      }
+      if (f < s)
+        return {
+          range: H.cursor(f),
+          changes: { from: f, to: s }
+        };
+    }
+    return r = !0, { range: c };
+  });
+  return r || o.changes.empty ? !1 : (t(
+    e.update(o, { scrollIntoView: !0, userEvent: "delete" })
+  ), !0);
+}, bn = ({ state: e, dispatch: t }) => e.selection.main.empty ? (t(
+  e.update(
+    {
+      changes: { from: e.selection.main.head, insert: "  " },
+      // 插入后，将光标移动到空格后面
+      selection: H.cursor(e.selection.main.head + 2)
+    },
+    { userEvent: "input" }
+  )
+), !0) : !1, P = "lowest";
+function Qe({ isJinja2Template: e }) {
+  const t = J();
+  return G(
+    () => t.inject([
+      pe.whole.of((n) => {
+        if ((n.name === "JinjaStatement" || n.name === "JinjaRawOpenStatement" || n.name === "JinjaRawCloseStatement") && e)
+          return {
+            type: "className",
+            className: "jinja-statement",
+            prec: P
+          };
+        if (n.name === "JinjaStringLiteral" && e)
+          return {
+            type: "className",
+            className: "jinja-string",
+            prec: P
+          };
+        if (n.name === "JinjaComment" && e)
+          return {
+            type: "className",
+            className: "jinja-comment",
+            prec: P
+          };
+        if (n.name === "JinjaExpression")
+          return {
+            type: "className",
+            className: "jinja-expression",
+            prec: P
+          };
+        if ((n.name === "JinjaFilterName" || n.name === "JinjaStatementStart" || n.name === "JinjaStatementEnd" || n.name === "JinjaKeyword" || n.name === "JinjaFilterName") && e)
+          return {
+            type: "className",
+            className: "jinja-statement-keyword",
+            prec: P
+          };
+      }),
+      N.theme({
+        ".jinja-statement": {
+          color: "#060709CC"
+        },
+        ".jinja-statement-keyword": {
+          color: "#D1009D"
+        },
+        ".jinja-string": {
+          color: "#060709CC"
+        },
+        ".jinja-comment": {
+          color: "#0607094D"
+        },
+        ".jinja-expression": {
+          color: "var(--Green-COZColorGreen7, #00A136)"
+        }
+      })
+    ]),
+    [t, e]
+  ), null;
+}
+const yn = At({
+  langs: [import("./go-syntax-067c4f5d.mjs").then((e) => e.tmLanguage)],
+  themes: [import("./go-theme-062a6df6.mjs")],
+  engine: Et(import("/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/shiki@3.3.0/node_modules/shiki/dist/wasm.mjs"))
+}), wn = zt({
+  highlighter: yn,
+  language: "go-template",
+  theme: "one-light"
+}), we = [
+  N.theme({
+    ".cm-gutters": {
+      backgroundColor: "transparent",
+      borderRight: "none"
+    },
+    ".cm-scroller": {
+      paddingLeft: "10px",
+      paddingRight: "6px !important"
+    }
+  }),
+  ze.high(me.of([{ key: "Tab", run: bn }, mt]))
+], Nn = Y(
+  ({
+    defaultValue: e,
+    onChange: t,
+    variables: n,
+    height: r,
+    minHeight: o,
+    maxHeight: c,
+    fontSize: s = 13,
+    forbidJinjaHighlight: a,
+    forbidVariables: i,
+    readOnly: l,
+    linePlaceholder: d = "请输入内容，支持按此格式书写变量：{{USER_NAME}}",
+    customExtensions: m = [],
+    autoScrollToBottom: p,
+    onBlur: f,
+    isGoTemplate: h,
+    onFocus: x,
+    canSearch: g,
+    children: w,
+    isJinja2Template: j
+  }, L) => {
+    const T = S(null);
+    q(L, () => ({
+      setEditorValue: (k) => {
+        var C;
+        const I = T.current;
+        I && ((C = I == null ? void 0 : I.setValue) == null || C.call(I, k || ""));
+      },
+      insertText: (k) => {
+        const I = T.current;
+        if (!I)
+          return;
+        const C = I.getSelection();
+        C && I.replaceText({
+          ...C,
+          text: k,
+          cursorOffset: 0
+        });
+      }
+    }));
+    const b = Ce(() => {
+      const k = [...we, ...m], I = g ? [...hn()] : [];
+      return h ? [...k, wn, ...I] : [...k, ...I];
+    }, [m, we, h, g]);
+    return z(() => {
+      (j || h) && setTimeout(() => {
+        var k;
+        (k = T.current) == null || k.updateWholeDecorations();
+      }, 150);
+    }, [n, j, h]), /* @__PURE__ */ y(X, { children: [
+      /* @__PURE__ */ u(
+        ot,
+        {
+          plugins: Ee,
+          defaultValue: e,
+          options: {
+            editable: !l,
+            readOnly: l,
+            height: r,
+            minHeight: o || r,
+            maxHeight: c || r,
+            fontSize: s
+          },
+          onChange: (k) => t == null ? void 0 : t(k.value),
+          onFocus: x,
+          onBlur: f,
+          extensions: b,
+          didMount: (k) => {
+            T.current = k, p && k.$view.dispatch({
+              effects: N.scrollIntoView(
+                k.$view.state.doc.length
+              )
+            });
+          }
+        }
+      ),
+      !i && /* @__PURE__ */ u(Wt, { variables: n || [], isGoTemplate: h }),
+      /* @__PURE__ */ u(Pe, {}),
+      !a && !h && /* @__PURE__ */ y(ue, { children: [
+        /* @__PURE__ */ u(
+          Jt,
+          {
+            variables: n,
+            isNormalTemplate: !j && !h
+          }
+        ),
+        /* @__PURE__ */ u(Qe, { isJinja2Template: j })
+      ] }),
+      /* @__PURE__ */ u($e, {}),
+      /* @__PURE__ */ u(ct, { children: d }),
+      w
+    ] });
+  }
+);
+var de = /* @__PURE__ */ ((e) => (e[e.System = 1] = "System", e[e.User = 2] = "User", e[e.Assistant = 3] = "Assistant", e[e.Tool = 4] = "Tool", e[e.Placeholder = 20] = "Placeholder", e))(de || {});
+const kn = "_header_1dclu_13", V = {
+  "prompt-editor-container": "_prompt-editor-container_1dclu_3",
+  header: kn,
+  "drag-btn": "_drag-btn_1dclu_23",
+  "prompt-editor-container-error": "_prompt-editor-container-error_1dclu_29",
+  "prompt-editor-btn-group": "_prompt-editor-btn-group_1dclu_32",
+  "prompt-editor-container-active": "_prompt-editor-container-active_1dclu_46",
+  "prompt-editor-container-disabled": "_prompt-editor-container-disabled_1dclu_52",
+  "role-display": "_role-display_1dclu_61",
+  "full-screen": "_full-screen_1dclu_64"
+};
+function In({
+  value: e,
+  onChange: t,
+  disabled: n,
+  messageTypeList: r = []
+}) {
+  var s, a;
+  const [o, c] = F(!1);
+  return n ? /* @__PURE__ */ u(
+    E.Text,
+    {
+      size: "small",
+      type: "tertiary",
+      className: A("px-2", V["role-display"], "variable-text"),
+      children: (((s = r.find((i) => i.value === e)) == null ? void 0 : s.label) || e) ?? "-"
+    }
+  ) : /* @__PURE__ */ u(
+    ee,
+    {
+      visible: o,
+      trigger: "custom",
+      position: "bottomLeft",
+      showTick: !1,
+      render: /* @__PURE__ */ u(
+        ee.SubMenu,
+        {
+          mode: "selection",
+          selectedKeys: [`${e}`],
+          onSelectionChange: (i) => {
+            t == null || t(Number(i)), c(!1);
+          },
+          children: r == null ? void 0 : r.map((i) => /* @__PURE__ */ u(
+            ee.Item,
+            {
+              itemKey: `${i.value}`,
+              className: A("!px-2", {
+                "coz-mg-primary": `${i}` == `${e}`
+              }),
+              children: /* @__PURE__ */ u(E.Text, { className: "variable-text", children: i.label })
+            },
+            i.value
+          ))
+        }
+      ),
+      onClickOutSide: () => c(!1),
+      children: /* @__PURE__ */ y(
+        gt,
+        {
+          size: "mini",
+          color: "secondary",
+          onClick: () => c(!0),
+          className: A(V["role-display"], "variable-text"),
+          children: [
+            (((a = r.find((i) => i.value === e)) == null ? void 0 : a.label) || e) ?? "-",
+            /* @__PURE__ */ u(jt, { className: "ml-0.5" })
+          ]
+        }
+      )
+    }
+  );
+}
+const Tr = Y(
+  ({
+    className: e,
+    message: t,
+    dragBtnHidden: n,
+    messageTypeDisabled: r,
+    variables: o,
+    disabled: c,
+    isDrag: s,
+    onMessageChange: a,
+    onMessageTypeChange: i,
+    placeholder: l,
+    messageTypeList: d,
+    leftActionBtns: m,
+    rightActionBtns: p,
+    children: f,
+    hideActionWrap: h,
+    isFullscreen: x,
+    ...g
+  }, w) => {
+    const [j, L] = F(!1), T = (k) => {
+      a == null || a({ ...t, content: k });
+    }, b = c || s;
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        className: A(
+          V["prompt-editor-container"],
+          {
+            [V["prompt-editor-container-active"]]: j,
+            [V["prompt-editor-container-disabled"]]: c,
+            [V["full-screen"]]: x
+          },
+          e
+        ),
+        children: [
+          h ? null : /* @__PURE__ */ y("div", { className: V.header, children: [
+            /* @__PURE__ */ y(Z, { spacing: 2, children: [
+              n ? null : /* @__PURE__ */ u(
+                xt,
+                {
+                  color: "secondary",
+                  size: "mini",
+                  icon: /* @__PURE__ */ u(St, { fontSize: 14 }),
+                  className: A("drag !w-[14px]", V["drag-btn"])
+                }
+              ),
+              t != null && t.message_type ? /* @__PURE__ */ u(
+                In,
+                {
+                  value: t.message_type,
+                  onChange: i,
+                  disabled: r || b,
+                  messageTypeList: d
+                }
+              ) : null,
+              m
+            ] }),
+            p
+          ] }),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: A("w-full overflow-y-auto styled-scrollbar", {
+                "py-1": (t == null ? void 0 : t.message_type) !== de.Placeholder
+              }),
+              children: (t == null ? void 0 : t.message_type) === de.Placeholder ? /* @__PURE__ */ u(
+                Mt,
+                {
+                  value: t.content,
+                  onChange: T,
+                  borderless: !0,
+                  disabled: b,
+                  style: { border: 0, borderRadius: 0 },
+                  onInput: (k) => {
+                    const I = k.target;
+                    if (I) {
+                      let { value: C } = I;
+                      if (C === "")
+                        return;
+                      /^[A-Za-z]/.test(C) || (C = C.slice(1)), C = C.replace(/[^A-Za-z0-9_]/g, ""), I.value = C;
+                    }
+                  },
+                  maxLength: Ve,
+                  max: 50,
+                  className: "!pl-3 font-sm",
+                  inputStyle: {
+                    fontSize: 13,
+                    color: "var(--Green-COZColorGreen7, #00A136)",
+                    fontFamily: "JetBrainsMonoRegular"
+                  },
+                  onFocus: () => L(!0),
+                  onBlur: () => L(!1),
+                  placeholder: "支持输入英文字母和下划线，且首字母必须是字母"
+                },
+                t.key || t.id
+              ) : /* @__PURE__ */ u(
+                Nn,
+                {
+                  ...g,
+                  defaultValue: t == null ? void 0 : t.content,
+                  onChange: T,
+                  variables: o,
+                  readOnly: b,
+                  linePlaceholder: l,
+                  onFocus: () => L(!0),
+                  onBlur: () => L(!1),
+                  ref: w,
+                  children: f
+                },
+                (t == null ? void 0 : t.key) || (t == null ? void 0 : t.id)
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+), Ne = ut.define({
+  combine(e) {
+    return e[e.length - 1];
+  }
+}), ke = [
+  // diff theme
+  N.theme({
+    "&.cm-merge-b .cm-changedLine": {
+      background: "transparent !important"
+    },
+    "&.cm-merge-b .cm-line": {
+      paddingLeft: "12px !important"
+    },
+    "&.cm-merge-b .cm-changedText": {
+      background: "rgba(34,184,24,0.3)"
+    },
+    "&.cm-merge-a .cm-changedText, .cm-deletedChunk .cm-deletedText": {
+      background: "rgba(238,68,51,0.3)"
+    }
+  })
+], Fr = Y(
+  ({
+    oldValue: e,
+    newValue: t,
+    autoScrollToBottom: n,
+    children: r,
+    editorAble: o,
+    onChange: c
+  }, s) => {
+    const a = S(null);
+    return q(s, () => ({
+      goToPreviousChunk: () => {
+        var l;
+        const i = (l = a.current) == null ? void 0 : l.$view;
+        i && it(i);
+      },
+      goToNextChunk: () => {
+        var l;
+        const i = (l = a.current) == null ? void 0 : l.$view;
+        i && st(i);
+      }
+    })), /* @__PURE__ */ y(X, { children: [
+      /* @__PURE__ */ u(
+        at,
+        {
+          plugins: Ee,
+          domProps: {
+            style: {
+              flex: 1,
+              fontSize: 12,
+              width: "100%"
+            }
+          },
+          mergeConfig: {
+            gutter: !0,
+            collapseUnchanged: {
+              margin: 3,
+              minSize: 4
+            },
+            diffConfig: {
+              scanLimit: 3e3
+            }
+          },
+          a: {
+            defaultValue: e,
+            extensions: [
+              ...ke,
+              Ne.of({
+                id: "a",
+                oldValue: e,
+                newValue: t
+              })
+            ],
+            options: {
+              editable: !1,
+              readOnly: !0
+            }
+          },
+          b: {
+            defaultValue: t,
+            extensions: [
+              ...ke,
+              Ne.of({
+                id: "b",
+                oldValue: e,
+                newValue: t
+              })
+            ],
+            options: {
+              editable: o,
+              readOnly: !o
+            }
+          },
+          didMount: (i) => {
+            n && i.b.$view.dispatch({
+              effects: N.scrollIntoView(
+                i.b.$view.state.doc.length
+              )
+            }), c && i.b.$on("change", (l) => {
+              c(l.value);
+            }), a.current = i.a;
+          }
+        }
+      ),
+      /* @__PURE__ */ u(Pe, {}),
+      /* @__PURE__ */ u(Qe, {}),
+      /* @__PURE__ */ u($e, {}),
+      r
+    ] });
+  }
+), O = {
+  background: "#fff",
+  // syntax
+  comment: "#000A298A",
+  key: "#00818C",
+  string: "#D1009D",
+  number: "#C74200",
+  boolean: "#2B57D9",
+  null: "#2B57D9",
+  separator: "#0F1529D1"
+}, Cn = [
+  N.theme({
+    ".cm-completionIcon-property": {
+      backgroundImage: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMi4zNTc2IDguMTAzNTVDMTIuMTYyMyA3LjkwODI5IDExLjg0NTcgNy45MDgyOSAxMS42NTA1IDguMTAzNTVMOC4xMDM1NSAxMS42NTA1QzcuOTA4MjkgMTEuODQ1NyA3LjkwODI5IDEyLjE2MjMgOC4xMDM1NSAxMi4zNTc2TDExLjY1MDUgMTUuOTA0NUMxMS44NDU3IDE2LjA5OTggMTIuMTYyMyAxNi4wOTk4IDEyLjM1NzYgMTUuOTA0NUwxNS45MDQ1IDEyLjM1NzZDMTYuMDk5OCAxMi4xNjIzIDE2LjA5OTggMTEuODQ1NyAxNS45MDQ1IDExLjY1MDVMMTIuMzU3NiA4LjEwMzU1WiIgZmlsbD0iIzA2MDcwOUNDIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDI2IDEuNDU1NDVDMTEuNjIxNCAxLjA5ODE4IDEyLjM4MzggMS4wOTgxOCAxMy4wMDI2IDEuNDU1NDVMMjAuNjM4IDUuODYzNzRDMjEuMjU2OCA2LjIyMSAyMS42MzggNi44ODEyNiAyMS42MzggNy41OTU3OVYxNi40MTI0QzIxLjYzOCAxNy4xMjY5IDIxLjI1NjggMTcuNzg3MiAyMC42MzggMTguMTQ0NEwxMy4wMDI2IDIyLjU1MjdDMTIuMzgzOCAyMi45MSAxMS42MjE0IDIyLjkxIDExLjAwMjYgMjIuNTUyN0wzLjM2NzE5IDE4LjE0NDRDMi43NDgzOSAxNy43ODcyIDIuMzY3MTkgMTcuMTI2OSAyLjM2NzE5IDE2LjQxMjRWNy41OTU3OUMyLjM2NzE5IDYuODgxMjYgMi43NDgzOSA2LjIyMTAxIDMuMzY3MTkgNS44NjM3NEwxMS4wMDI2IDEuNDU1NDVaTTEyLjAwMjYgMy4xODc1TDE5LjYzOCA3LjU5NTc5VjE2LjQxMjRMMTIuMDAyNiAyMC44MjA3TDQuMzY3MTkgMTYuNDEyNEw0LjM2NzE5IDcuNTk1NzlMMTIuMDAyNiAzLjE4NzVaIiBmaWxsPSIjMDYwNzA5Q0MiLz48L3N2Zz4=")',
+      backgroundSize: "11px 11px",
+      backgroundRepeat: "no-repeat",
+      width: "11px",
+      height: "11px"
+    },
+    ".cm-completionIcon-property::after": {
+      content: '""'
+    }
+  }),
+  Oe({
+    variant: "light",
+    settings: {
+      background: O.background,
+      foreground: "#4D4D4C",
+      caret: "#AEAFAD",
+      selection: "#52649A21",
+      gutterBackground: O.background,
+      gutterForeground: "#000A298A",
+      gutterBorderColor: "transparent",
+      gutterBorderWidth: 0,
+      lineHighlight: "#efefef78",
+      bracketColors: ["#E4D129", "#AC05FF", "#2B57D9"],
+      tooltip: {
+        backgroundColor: "var(--coz-bg-max)",
+        color: "var(--coz-fg-primary)",
+        border: "solid 1px var(--coz-stroke-plus)",
+        boxShadow: "var(--coz-shadow-default)",
+        borderRadius: "8px"
+      },
+      tooltipCompletion: {
+        backgroundColor: "#FFFFFF",
+        color: "#060709CC"
+      },
+      completionItemHover: {
+        backgroundColor: "#5768A114"
+      },
+      completionItemSelected: {
+        backgroundColor: "#52649A21"
+      },
+      completionItemIcon: {
+        color: "#060709CC"
+      },
+      completionItemLabel: {
+        color: "#060709CC"
+      },
+      completionItemDetail: {
+        color: "#2029459E"
+      }
+    },
+    styles: [
+      // JSON
+      {
+        tag: M.comment,
+        color: O.comment
+      },
+      {
+        tag: [M.propertyName],
+        color: O.key
+      },
+      {
+        tag: [M.string],
+        color: O.string
+      },
+      {
+        tag: [M.number],
+        color: O.number
+      },
+      {
+        tag: [M.bool],
+        color: O.boolean
+      },
+      {
+        tag: [M.null],
+        color: O.null
+      },
+      {
+        tag: [M.separator],
+        color: O.separator
+      },
+      // shell
+      // curl
+      {
+        tag: [M.standard(M.variableName)],
+        color: "#00804A"
+      },
+      // -X
+      {
+        tag: [M.attributeName],
+        color: "#C74200"
+      },
+      // url in string (includes quotes), e.g. "https://..."
+      {
+        tag: [M.special(M.string)],
+        color: "#2B57D9"
+      }
+    ]
+  })
+], B = {
+  background: "#151B27",
+  // syntax
+  comment: "#FFFFFF63",
+  key: "#39E5D7",
+  string: "#FF94D2",
+  number: "#FF9933",
+  boolean: "#78B0FF",
+  null: "#78B0FF",
+  separator: "#FFFFFFC9"
+}, vn = [
+  N.theme({
+    ".cm-completionIcon-property": {
+      backgroundImage: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMi4zNTc2IDguMTAzNTVDMTIuMTYyMyA3LjkwODI5IDExLjg0NTcgNy45MDgyOSAxMS42NTA1IDguMTAzNTVMOC4xMDM1NSAxMS42NTA1QzcuOTA4MjkgMTEuODQ1NyA3LjkwODI5IDEyLjE2MjMgOC4xMDM1NSAxMi4zNTc2TDExLjY1MDUgMTUuOTA0NUMxMS44NDU3IDE2LjA5OTggMTIuMTYyMyAxNi4wOTk4IDEyLjM1NzYgMTUuOTA0NUwxNS45MDQ1IDEyLjM1NzZDMTYuMDk5OCAxMi4xNjIzIDE2LjA5OTggMTEuODQ1NyAxNS45MDQ1IDExLjY1MDVMMTIuMzU3NiA4LjEwMzU1WiIgZmlsbD0iI0ZGRkZGRkM5Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDI2IDEuNDU1NDVDMTEuNjIxNCAxLjA5ODE4IDEyLjM4MzggMS4wOTgxOCAxMy4wMDI2IDEuNDU1NDVMMjAuNjM4IDUuODYzNzRDMjEuMjU2OCA2LjIyMSAyMS42MzggNi44ODEyNiAyMS42MzggNy41OTU3OVYxNi40MTI0QzIxLjYzOCAxNy4xMjY5IDIxLjI1NjggMTcuNzg3MiAyMC42MzggMTguMTQ0NEwxMy4wMDI2IDIyLjU1MjdDMTIuMzgzOCAyMi45MSAxMS42MjE0IDIyLjkxIDExLjAwMjYgMjIuNTUyN0wzLjM2NzE5IDE4LjE0NDRDMi43NDgzOSAxNy43ODcyIDIuMzY3MTkgMTcuMTI2OSAyLjM2NzE5IDE2LjQxMjRWNy41OTU3OUMyLjM2NzE5IDYuODgxMjYgMi43NDgzOSA2LjIyMTAxIDMuMzY3MTkgNS44NjM3NEwxMS4wMDI2IDEuNDU1NDVaTTEyLjAwMjYgMy4xODc1TDE5LjYzOCA3LjU5NTc5VjE2LjQxMjRMMTIuMDAyNiAyMC44MjA3TDQuMzY3MTkgMTYuNDEyNEw0LjM2NzE5IDcuNTk1NzlMMTIuMDAyNiAzLjE4NzVaIiBmaWxsPSIjRkZGRkZGQzkiLz48L3N2Zz4=")',
+      backgroundSize: "11px 11px",
+      backgroundRepeat: "no-repeat",
+      width: "11px",
+      height: "11px"
+    },
+    ".cm-completionIcon-property::after": {
+      content: '""'
+    }
+  }),
+  Oe({
+    variant: "dark",
+    settings: {
+      background: B.background,
+      foreground: "#fff",
+      caret: "#AEAFAD",
+      selection: "#d9d9d942",
+      gutterBackground: B.background,
+      gutterForeground: "#FFFFFF63",
+      gutterBorderColor: "transparent",
+      gutterBorderWidth: 0,
+      lineHighlight: "#272e3d36",
+      bracketColors: ["#FFEF61", "#DD99FF", "#78B0FF"],
+      tooltip: {
+        backgroundColor: "#363D4D",
+        color: "#fff",
+        border: "none"
+      },
+      completionItemHover: {
+        backgroundColor: "#FFFFFF0F"
+      },
+      completionItemSelected: {
+        backgroundColor: "#FFFFFF17"
+      },
+      completionItemIcon: {
+        color: "#FFFFFFC9"
+      },
+      completionItemLabel: {
+        color: "#FFFFFFC9"
+      },
+      completionItemDetail: {
+        color: "#FFFFFF63"
+      }
+    },
+    styles: [
+      // json
+      {
+        tag: M.comment,
+        color: B.comment
+      },
+      {
+        tag: [M.propertyName],
+        color: B.key
+      },
+      {
+        tag: [M.string],
+        color: B.string
+      },
+      {
+        tag: [M.number],
+        color: B.number
+      },
+      {
+        tag: [M.bool],
+        color: B.boolean
+      },
+      {
+        tag: [M.null],
+        color: B.null
+      },
+      {
+        tag: [M.separator],
+        color: B.separator
+      },
+      // shell
+      // curl
+      {
+        tag: [M.standard(M.variableName)],
+        color: "#3BEB84"
+      },
+      // -X
+      {
+        tag: [M.attributeName],
+        color: "#FF9933"
+      },
+      // url in string (includes quotes), e.g. "https://..."
+      {
+        tag: [M.special(M.string)],
+        color: "#78B0FF"
+      }
+    ]
+  })
+];
+Be.register("json", {
+  // mixLanguages 用于解决 「插值也使用了括号，导致无法正确高亮」的问题
+  language: Te({
+    outerLanguage: ae.language
+  }),
+  languageService: ae.languageService
+});
+Be.register("shell", Bt);
+_e.register("coze-light", Cn);
+_e.register("coze-dark", vn);
+const Dn = (e) => N.theme({
+  ".cm-content, .cm-gutter, .cm-right-gutter": {
+    minHeight: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  },
+  "&.cm-editor": {
+    minHeight: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), En = (e) => N.theme({
+  "&.cm-editor": {
+    maxHeight: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), An = (e) => N.theme({
+  "&.cm-editor": {
+    height: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), zn = (e) => N.theme({
+  "&.cm-editor": {
+    padding: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), jn = (e) => N.theme({
+  "&.cm-editor, .cm-gutters": {
+    borderRadius: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), Sn = (e) => N.theme({
+  ".cm-content, .cm-gutter, .cm-right-gutter": {
+    lineHeight: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+});
+function Tn() {
+  return [
+    R("minHeight", Dn),
+    R("maxHeight", En),
+    R("editerHeight", An),
+    R("borderRadius", jn),
+    R("padding", zn),
+    R("lineHeight", Sn)
+  ];
+}
+const Fn = [
+  N.theme({
+    "&.cm-focused": {
+      outline: "none"
+    },
+    "& *": {
+      fontFamily: 'Menlo, Monaco, "Courier New", monospace'
+    }
+  }),
+  N.theme({
+    "&.cm-content": {
+      wordBreak: "break-all"
+    }
+  })
+], Ln = De(
+  [...Lt, ...Tn()],
+  Fn
+), On = N.theme({
+  "&.cm-editor": {
+    outline: "none"
+  },
+  "&.cm-content": {
+    wordBreak: "break-all"
+  }
+}), Bn = (e) => N.theme({
+  ".cm-content, .cm-gutter, .cm-right-gutter": {
+    minHeight: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), _n = (e) => N.theme({
+  ".cm-content, .cm-gutter, .cm-right-gutter": {
+    lineHeight: typeof e == "number" ? `${e}px` : typeof e == "string" ? e : "unset"
+  }
+}), Rn = [
+  Te({}),
+  On,
+  // ...其他 extensions
+  ht(),
+  me.of([...pt, ...ft])
+], Vn = De(
+  [
+    ..._t,
+    R("minHeight", Bn),
+    R("lineHeight", _n)
+  ],
+  Rn
+), Hn = [
+  N.theme({
+    ".cm-activeLineGutter": {
+      backgroundColor: "transparent !important"
+    },
+    ".cm-activeLine": {
+      backgroundColor: "transparent !important"
+    }
+  })
+];
+function $n(e, t) {
+  const n = new RegExp(
+    t,
+    t.flags.includes("g") ? t.flags : `${t.flags}g`
+  );
+  let r;
+  const o = [];
+  for (; r = n.exec(e), !!r; )
+    r.index === n.lastIndex && n.lastIndex++, o.push({
+      match: r[0],
+      range: [r.index, r.index + r[0].length]
+    });
+  return o;
+}
+const Pn = Ot((e) => {
+  const t = e.toString(), n = $n(t, /\{\{([^\}]*)\}\}/g);
+  return n.length > 0 && n.forEach(({ range: r }) => {
+    e.replaceRange(r[0], r[1], "null");
+  }), e;
+}), Un = Ke.forwardRef(
+  (e, t) => {
+    const {
+      value: n,
+      onChange: r,
+      placeholder: o,
+      className: c,
+      isDarkTheme: s,
+      readonly: a,
+      minHeight: i = "100px",
+      maxHeight: l,
+      editerHeight: d,
+      padding: m,
+      borderRadius: p
+    } = e, f = S(null), h = ve(
+      (g) => {
+        typeof r == "function" && r(g.value);
+      },
+      [r]
+    );
+    z(() => {
+      var g;
+      (g = f.current) == null || g.updateASTDecorations();
+    }, [s]), z(() => {
+      const g = f.current;
+      g && typeof n == "string" && n !== g.getValue() && g.setValue(n);
+    }, [n]);
+    const x = async () => {
+      var w;
+      const g = (w = f.current) == null ? void 0 : w.$view;
+      g && g.dispatch(
+        await ae.languageService.format(g.state, {
+          tabSize: 2
+        })
+      );
+    };
+    return q(t, () => ({
+      formatJson: x
+    })), /* @__PURE__ */ u(X, { children: /* @__PURE__ */ u("div", { className: c, children: /* @__PURE__ */ u(
+      Ln,
+      {
+        defaultValue: n ?? "",
+        onChange: h,
+        options: {
+          placeholder: o,
+          lineWrapping: !0,
+          theme: s ? "coze-dark" : "coze-light",
+          languageId: "json",
+          editable: !a,
+          transformer: Pn,
+          minHeight: i,
+          maxHeight: l,
+          editerHeight: d,
+          borderRadius: p,
+          padding: m,
+          fontSize: 13,
+          lineHeight: 20
+        },
+        didMount: (g) => f.current = g,
+        extensions: Hn
+      }
+    ) }) });
+  }
+), Wn = Y(
+  (e, t) => {
+    const { value: n, onChange: r, placeholder: o, className: c, minHeight: s, readonly: a } = e, i = S(null), l = ve(
+      (d) => {
+        typeof r == "function" && r(d.value);
+      },
+      [r]
+    );
+    return z(() => {
+      const d = i.current;
+      d && typeof n == "string" && n !== d.getValue() && d.setValue(n);
+    }, [n]), /* @__PURE__ */ u(X, { children: /* @__PURE__ */ u("div", { ref: t, className: c, children: /* @__PURE__ */ u(
+      Vn,
+      {
+        defaultValue: n ?? "",
+        onChange: l,
+        options: {
+          placeholder: o,
+          lineWrapping: !0,
+          minHeight: s,
+          fontSize: 13,
+          editable: !a,
+          lineHeight: 20
+        },
+        didMount: (d) => i.current = d
+      }
+    ) }) });
+  }
+), Lr = ({
+  value: e,
+  onChange: t,
+  placeholder: n,
+  readOnly: r,
+  language: o,
+  className: c
+}) => /* @__PURE__ */ u(
+  "div",
+  {
+    className: A(
+      "w-full h-[500px] border border-solid coz-stroke-primary rounded-[4px] overflow-hidden relative bg-white",
+      { "opacity-70": r },
+      c
+    ),
+    children: o === "json" ? /* @__PURE__ */ u(
+      Un,
+      {
+        className: "w-full h-full overflow-y-auto",
+        onChange: t,
+        value: e || "",
+        placeholder: n,
+        readonly: r,
+        borderRadius: 4
+      }
+    ) : /* @__PURE__ */ u(
+      Wn,
+      {
+        className: "w-full h-full overflow-y-auto",
+        onChange: t,
+        value: e || "",
+        placeholder: n,
+        readonly: r
+      }
+    )
+  }
+), oe = (e) => {
+  if (e !== void 0)
+    return Number(e);
+}, ce = (e, t) => {
+  const n = t.find((o) => o.name === e), r = e === "max_tokens" ? He : 0;
+  return {
+    min: Number((n == null ? void 0 : n.min) || 0),
+    max: Math.max(Number((n == null ? void 0 : n.max) || 1), r),
+    defaultValue: Number((n == null ? void 0 : n.defaultVal) || r),
+    label: {
+      text: /* @__PURE__ */ u(E.Text, { children: n != null && n.name && Qt[n.name] || "" }),
+      extra: /* @__PURE__ */ u(
+        U,
+        {
+          content: /* @__PURE__ */ u(Re, { className: "!text-white", markDown: (n == null ? void 0 : n.desc) || "" }),
+          theme: "dark",
+          children: /* @__PURE__ */ u(Le, {})
+        }
+      )
+    }
+  };
+}, ie = bt($t);
+function Ze({ model: e }) {
+  if (!e)
+    return null;
+  const t = e == null ? void 0 : e.ability, n = (t == null ? void 0 : t.modelParams) || [], r = e == null ? void 0 : e.defaultRuntimeParam;
+  return /* @__PURE__ */ y(ue, { children: [
+    /* @__PURE__ */ u(
+      ie,
+      {
+        field: "max_tokens",
+        labelPosition: "left",
+        ...ce("max_tokens", n),
+        label: {
+          text: /* @__PURE__ */ u(E.Text, { children: "最大回复长度" }),
+          extra: /* @__PURE__ */ u(
+            U,
+            {
+              content: /* @__PURE__ */ u(
+                Re,
+                {
+                  className: "!text-white",
+                  markDown: "- **max_tokens**: 控制模型输出的 Tokens 长度上限。通常 100 Tokens 约等于 150 个中文汉字。"
+                }
+              ),
+              theme: "dark",
+              children: /* @__PURE__ */ u(Le, {})
+            }
+          )
+        }
+      }
+    ),
+    ye(r == null ? void 0 : r.temperature) ? null : /* @__PURE__ */ u(
+      ie,
+      {
+        field: "temperature",
+        labelPosition: "left",
+        ...ce("temperature", n),
+        step: 0.01
+      }
+    ),
+    ye(r == null ? void 0 : r.topP) ? null : /* @__PURE__ */ u(
+      ie,
+      {
+        field: "top_p",
+        labelPosition: "left",
+        label: {
+          text: /* @__PURE__ */ u(E.Text, { children: "Top P" })
+        },
+        ...ce("top_p", n),
+        step: 0.01
+      }
+    ),
+    t != null && t.jsonModeEnabled ? /* @__PURE__ */ u(
+      he.Switch,
+      {
+        labelPosition: "left",
+        label: {
+          text: /* @__PURE__ */ u(E.Text, { children: "JSON Mode" })
+        },
+        field: "json_mode"
+      }
+    ) : null
+  ] });
+}
+const Ge = (e) => {
+  var t, n, r, o;
+  return {
+    id: e == null ? void 0 : e.id,
+    name: e == null ? void 0 : e.displayName,
+    provider: e == null ? void 0 : e.provider,
+    provider_model_id: e == null ? void 0 : e.identification,
+    temperature: oe((t = e == null ? void 0 : e.defaultRuntimeParam) == null ? void 0 : t.temperature),
+    max_tokens: oe(
+      ((n = e == null ? void 0 : e.defaultRuntimeParam) == null ? void 0 : n.maxTokens) || He
+    ),
+    top_p: oe((r = e == null ? void 0 : e.defaultRuntimeParam) == null ? void 0 : r.topP),
+    function_call_mode: (o = e == null ? void 0 : e.ability) == null ? void 0 : o.functionCallEnabled
+  };
+}, qe = (e) => (e == null ? void 0 : e.modelStatus) === (void 0).Offlining ? /* @__PURE__ */ u($, { color: "yellow", className: "flex-shrink-0", size: "mini", children: "下线中" }) : (e == null ? void 0 : e.modelStatus) === (void 0).Unavailable ? /* @__PURE__ */ u($, { color: "red", className: "flex-shrink-0", size: "mini", children: "已下线" }) : null, se = {
+  "model-option": "_model-option_v1jrk_2",
+  "model-info-border": "_model-info-border_v1jrk_5",
+  "model-option_selected": "_model-option_selected_v1jrk_6"
+};
+function Yn({
+  model: e,
+  selected: t,
+  disabled: n,
+  onClick: r,
+  ...o
+}) {
+  var l, d;
+  const c = S(null), s = Pt(c), a = e.modelTags || [], i = (m) => m != null && m.length ? /* @__PURE__ */ u(
+    U,
+    {
+      content: /* @__PURE__ */ u(Z, { wrap: !0, spacing: 3, children: m == null ? void 0 : m.map((p) => /* @__PURE__ */ u($, { children: p })) }),
+      children: /* @__PURE__ */ y(
+        $,
+        {
+          style: { flex: "0 0 auto" },
+          size: "mini",
+          color: "primary",
+          className: "!bg-transparent !border border-solid",
+          children: [
+            "+",
+            m.length
+          ]
+        }
+      )
+    }
+  ) : null;
+  return /* @__PURE__ */ y(
+    "article",
+    {
+      ref: c,
+      className: A(
+        "pl-[16px] pr-[12px] w-full relative",
+        "flex gap-[16px] items-center rounded-[12px]",
+        n ? "cursor-not-allowed" : "cursor-pointer",
+        se["model-option"],
+        { [se["model-option_selected"]]: t }
+      ),
+      style: { minWidth: 480, maxWidth: 570 },
+      onClick: () => {
+        r == null || r();
+      },
+      children: [
+        /* @__PURE__ */ u(
+          Se,
+          {
+            className: "shrink-0 rounded-[6px] border border-solid coz-stroke-primary",
+            shape: "square",
+            src: e.modelIcon,
+            size: "default"
+          }
+        ),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: A(
+              "h-[70px] py-[14px] w-full",
+              "flex flex-col overflow-hidden",
+              "border-0 border-b border-solid coz-stroke-primary",
+              se["model-info-border"]
+            ),
+            style: s ? {
+              mask: Qn([
+                o.enableConfig,
+                o.enableJumpDetail
+              ])
+            } : void 0,
+            children: [
+              /* @__PURE__ */ y("div", { className: "w-full flex items-center gap-[6px] overflow-hidden", children: [
+                /* @__PURE__ */ u(E.Title, { fontSize: "14px", ellipsis: { showTooltip: !0 }, children: e.displayName }),
+                /* @__PURE__ */ y("div", { className: "shrink-0 flex gap-[6px]", children: [
+                  n ? /* @__PURE__ */ u("div", { className: "h-[16px] leading-[16px]", children: /* @__PURE__ */ u(Tt, { className: "coz-fg-hglt text-[12px]" }) }) : null,
+                  (l = e.commercialModelStatusDetail) != null && l.isNewModel ? /* @__PURE__ */ u(U, { content: "Pro 版用户专享", theme: "dark", children: /* @__PURE__ */ u($, { size: "mini", color: "brand", children: "新模型" }) }) : null,
+                  (d = e.commercialModelStatusDetail) != null && d.isAdvancedModel ? /* @__PURE__ */ u(U, { content: "专业版用户专享", theme: "dark", children: /* @__PURE__ */ u($, { size: "mini", color: "blue", children: "高级" }) }) : null,
+                  qe(e),
+                  a != null && a.length ? /* @__PURE__ */ y(Z, { spacing: 4, children: [
+                    a.slice(0, 3).map((m) => /* @__PURE__ */ u(
+                      $,
+                      {
+                        size: "mini",
+                        color: "primary",
+                        className: "!bg-transparent !border border-solid coz-stroke-plus !rounded-[4px]",
+                        children: m
+                      },
+                      m
+                    )),
+                    i(a.slice(3))
+                  ] }) : null
+                ] })
+              ] }),
+              /* @__PURE__ */ u(
+                E.Text,
+                {
+                  className: "mt-[4px] text-[12px] leading-[16px] coz-fg-secondary",
+                  ellipsis: { showTooltip: { opts: { theme: "dark" } } },
+                  children: e.description
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Qn(e) {
+  const t = e.reduce(
+    (i, l) => i + (l ? 1 : 0),
+    0
+  );
+  if (t === 0)
+    return "none";
+  const n = 32, r = 3, o = 16, c = 24, s = t * n + (t - 1) * r + o, a = s + c;
+  return `linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0) ${s}px, #fff ${a}px)`;
+}
+const Ie = {
+  "model-select-dropdown": "_model-select-dropdown_1bmpq_2",
+  "model-select": "_model-select_1bmpq_2"
+};
+function Zn({ item: e }) {
+  return /* @__PURE__ */ y("div", { className: "flex items-center w-full gap-1", children: [
+    /* @__PURE__ */ u("div", { className: "overflow-hidden flex-shrink-0 mr-[8px]", children: /* @__PURE__ */ u(Se, { src: e == null ? void 0 : e.modelIcon, shape: "square", size: "extra-extra-small" }) }),
+    /* @__PURE__ */ u(
+      E.Text,
+      {
+        style: {
+          maxWidth: "400px",
+          fontSize: "13px"
+        },
+        ellipsis: { showTooltip: { opts: { theme: "dark" } } },
+        children: e == null ? void 0 : e.displayName
+      }
+    ),
+    qe(e)
+  ] });
+}
+function Je({
+  className: e,
+  style: t,
+  value: n,
+  disabled: r,
+  defaultSelectFirstModel: o,
+  loading: c,
+  modelListData: s,
+  onChange: a,
+  loadMore: i,
+  optionCustomRender: l,
+  valueKey: d = "identification"
+}) {
+  const m = (h) => {
+    var g;
+    const x = (g = s == null ? void 0 : s.list) == null ? void 0 : g.find((w) => (w == null ? void 0 : w[d]) === h);
+    a == null || a(x);
+  }, p = S(), { modelGroups: f } = Ce(() => {
+    const h = Rt(
+      s == null ? void 0 : s.list,
+      (g) => {
+        var w;
+        return (w = g.commercialModelSeries) == null ? void 0 : w.seriesName;
+      }
+    );
+    return {
+      modelGroups: Object.values(h).filter(
+        (g) => !!(g != null && g.length)
+      )
+    };
+  }, [s == null ? void 0 : s.list]);
+  return z(() => {
+    var h, x;
+    !n && o && ((h = s == null ? void 0 : s.list) != null && h.length) && (a == null || a((x = s == null ? void 0 : s.list) == null ? void 0 : x[0]));
+  }, [s == null ? void 0 : s.list, o, n]), /* @__PURE__ */ u(
+    te,
+    {
+      ref: p,
+      className: A("w-full", Ie["model-select"], e),
+      style: t,
+      showArrow: !1,
+      suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1 flex-shrink-0 text-[13px]", children: [
+        /* @__PURE__ */ u(Ft, {}),
+        "选择模型"
+      ] }),
+      loading: c,
+      disabled: r,
+      value: n == null ? void 0 : n[d],
+      onChange: (h) => m == null ? void 0 : m(h),
+      onListScroll: (h) => {
+        const x = h.currentTarget, g = x.scrollHeight - x.scrollTop === x.clientHeight;
+        !(s != null && s.hasMore) || !g || i == null || i();
+      },
+      placeholder: "请选择模型",
+      renderSelectedItem: (h) => /* @__PURE__ */ u(Zn, { item: h["data-item"] || n }),
+      dropdownClassName: Ie["model-select-dropdown"],
+      showTick: !1,
+      filter: (h, x) => {
+        var g;
+        if (h && (x != null && x["data-item"])) {
+          const w = x["data-item"];
+          return (g = w == null ? void 0 : w.displayName) == null ? void 0 : g.includes(h);
+        }
+        return !0;
+      },
+      children: f.map((h) => {
+        var x, g, w, j, L, T;
+        return /* @__PURE__ */ u(
+          te.OptGroup,
+          {
+            label: `${(g = (x = h[0]) == null ? void 0 : x.commercialModelSeries) == null ? void 0 : g.seriesName} | ${(j = (w = h[0]) == null ? void 0 : w.commercialModelSeries) != null && j.modelVendor ? `由${(T = (L = h[0]) == null ? void 0 : L.commercialModelSeries) == null ? void 0 : T.modelVendor}提供` : ""}`,
+            children: h.map(
+              (b) => l ? l(b) : /* @__PURE__ */ u(
+                te.Option,
+                {
+                  value: b == null ? void 0 : b[d],
+                  "data-item": b,
+                  disabled: b.disabled,
+                  children: /* @__PURE__ */ u(
+                    Yn,
+                    {
+                      model: b,
+                      selected: (n == null ? void 0 : n[d]) === (b == null ? void 0 : b[d]),
+                      disabled: b.disabled
+                    },
+                    b == null ? void 0 : b[d]
+                  )
+                },
+                b == null ? void 0 : b[d]
+              )
+            )
+          }
+        );
+      })
+    }
+  );
+}
+const Xe = {
+  "model-config-form": "_model-config-form_1su22_2"
+};
+function Or({
+  className: e,
+  style: t,
+  value: n,
+  onChange: r,
+  disabled: o,
+  modelSelectProps: c
+}) {
+  const s = S(), [a, i] = F(
+    c == null ? void 0 : c.value
+  );
+  return z(() => {
+    var l, d;
+    if ((a == null ? void 0 : a.id) !== (n == null ? void 0 : n.id)) {
+      const m = Ge(a);
+      (d = (l = s.current) == null ? void 0 : l.setValues) == null || d.call(l, m, { isOverride: !0 });
+    }
+  }, [a, n]), /* @__PURE__ */ y(
+    he,
+    {
+      className: A(Xe["model-config-form"], e),
+      style: t,
+      labelWidth: 120,
+      initValues: n,
+      onValueChange: r,
+      getFormApi: (l) => s.current = l,
+      disabled: o,
+      children: [
+        /* @__PURE__ */ u(
+          Je,
+          {
+            ...c,
+            value: a,
+            disabled: o,
+            onChange: i
+          }
+        ),
+        /* @__PURE__ */ u(Ze, { model: a })
+      ]
+    }
+  );
+}
+function Br({
+  value: e,
+  disabled: t,
+  modelSelectProps: n,
+  popoverProps: r,
+  onChange: o,
+  renderDisplayContent: c
+}) {
+  const s = S(), { wrapClassName: a, wrapStyle: i, ...l } = r || {}, [d, m] = F(), [p, f] = F(!1);
+  return z(() => {
+    var h, x;
+    if ((d == null ? void 0 : d.id) !== (e == null ? void 0 : e.id)) {
+      const g = Ge(d);
+      (x = (h = s.current) == null ? void 0 : h.setValues) == null || x.call(h, g, { isOverride: !0 });
+    }
+  }, [d, e]), /* @__PURE__ */ u(
+    je,
+    {
+      content: /* @__PURE__ */ u("div", { className: "pt-1 px-4 pb-4", style: { width: 496 }, children: /* @__PURE__ */ y(
+        he,
+        {
+          className: Xe["model-config-form"],
+          labelWidth: 120,
+          initValues: e,
+          onValueChange: o,
+          getFormApi: (h) => s.current = h,
+          disabled: t,
+          children: [
+            /* @__PURE__ */ y(Z, { className: "py-0", children: [
+              /* @__PURE__ */ u(E.Title, { heading: 6, style: { minWidth: 120 }, children: "模型选择" }),
+              /* @__PURE__ */ u(
+                Je,
+                {
+                  ...n,
+                  value: d,
+                  disabled: t,
+                  onChange: m
+                }
+              )
+            ] }),
+            /* @__PURE__ */ u(
+              E.Title,
+              {
+                heading: 6,
+                style: { marginTop: 12, marginBottom: 12 },
+                children: "参数配置"
+              }
+            ),
+            /* @__PURE__ */ u(Ze, { model: d })
+          ]
+        }
+      ) }),
+      keepDOM: !0,
+      trigger: "custom",
+      visible: p,
+      onClickOutSide: () => f(!1),
+      ...l,
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: a,
+          style: i,
+          onClick: () => f(!0),
+          children: c == null ? void 0 : c(d, p)
+        }
+      )
+    }
+  );
+}
+function _r({
+  title: e,
+  actionBtns: t,
+  children: n,
+  className: r,
+  style: o
+}) {
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: A("flex flex-col h-full w-full", r),
+      style: o,
+      children: [
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: "h-[40px] px-6 py-2 box-border coz-fg-plus w-full border-0 border-t border-b border-solid flex justify-between items-center",
+            style: { background: "#F6F6FB" },
+            children: [
+              /* @__PURE__ */ u(E.Text, { strong: !0, children: e }),
+              t
+            ]
+          }
+        ),
+        n
+      ]
+    }
+  );
+}
+const Gn = (e) => `mermaid-diagram-${(/* @__PURE__ */ new Date()).getTime()}.${e}`, qn = (e, t) => {
+  const n = document.createElement("a");
+  n.download = e, n.href = t, n.click(), n.remove();
+}, Jn = (e, t) => () => {
+  const { canvas: n } = e;
+  e.drawImage(t, 0, 0, n.width, n.height), qn(
+    Gn("png"),
+    n.toDataURL("image/png").replace("image/png", "image/octet-stream")
+  );
+}, Xn = (e, t, n) => {
+  e && (e = e.cloneNode(!0)), n && (e == null || e.setAttribute("height", `${n}px`)), t && (e == null || e.setAttribute("width", `${t}px`));
+  const r = e.outerHTML.replaceAll("<br>", "<br/>").replaceAll(/<img([^>]*)>/g, (o, c) => `<img ${c} />`);
+  return Ut(`<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" type="text/css"?>
+${r}`);
+}, Kn = async (e) => {
+  await new Promise((a) => setTimeout(a, 1e3));
+  const t = document.createElement("canvas"), n = document.querySelector(e);
+  if (!n)
+    return;
+  const r = n.getBoundingClientRect(), o = 2;
+  t.width = r.width * o, t.height = r.height * o;
+  const c = t.getContext("2d");
+  if (!c)
+    throw new Error("context not found");
+  c.fillStyle = "white", c.fillRect(0, 0, t.width, t.height);
+  const s = new Image();
+  s.addEventListener("load", () => {
+    Jn(c, s)();
+  }), s.src = `data:image/svg+xml;base64,${Xn(n, t.width, t.height)}`;
+}, er = ({
+  svgSelector: e,
+  viewportSelector: t,
+  renderedChart: n,
+  zoomStepLength: r = 0.25
+}) => {
+  const o = S(null);
+  return z(() => {
+    n && import("/Users/bytedance/project/bot-studio-monorepo/common/temp/default/node_modules/.pnpm/svg-pan-zoom@3.6.2/node_modules/svg-pan-zoom/src/svg-pan-zoom.js").then((i) => {
+      if (o.current)
+        return;
+      const l = i.default(e, {
+        viewportSelector: t,
+        mouseWheelZoomEnabled: !1
+      });
+      o.current = l;
+    });
+  }, [n]), {
+    zoomIn: () => {
+      var i, l;
+      (l = o.current) == null || l.zoom(
+        ((i = o.current) == null ? void 0 : i.getZoom()) + r
+      );
+    },
+    zoomOut: () => {
+      var i, l;
+      (l = o.current) == null || l.zoom(
+        ((i = o.current) == null ? void 0 : i.getZoom()) - r
+      );
+    },
+    fit: () => {
+      var i, l;
+      (i = o.current) == null || i.fit(), (l = o.current) == null || l.center();
+    }
+  };
+}, tr = "_container_xyzpo_1", nr = {
+  container: tr
+}, rr = {
+  theme: "base",
+  themeVariables: {
+    background: "#f9fafb",
+    fontSize: "12px",
+    primaryColor: "#E5F6FF",
+    primaryTextColor: "rgba(0,0,0,0.8)",
+    secondaryColor: "#F5EBFF",
+    primaryBorderColor: "#73A6FF",
+    secondaryBorderColor: "#BE8FED",
+    secondaryTextColor: "rgba(0,0,0,0.56)",
+    tertiaryColor: "#FFF6CC",
+    tertiaryBorderColor: "#FFBC52",
+    tertiaryTextColor: "rgba(0,0,0,0.3)",
+    noteBkgColor: "#F3F4F6",
+    noteTextColor: "rgba(0,0,0,0.55)",
+    noteBorderColor: "#A8A8A8",
+    lineColor: "rgba(0,0,0,0.3)",
+    textColor: "rgba(0,0,0,0.8)",
+    errorBkgColor: "#FFEBEA",
+    errorTextColor: "#FF3B30"
+  }
+}, Rr = /* @__PURE__ */ Y(function({ chart: t, className: n }, r) {
+  const o = S(null), c = S(`mermaid-diagram-${Vt()}`), s = `svg-${c.current}`, [a, i] = F(""), l = async (f) => {
+    var h;
+    if (!Ht(f))
+      try {
+        if (!await ne.parse(f, {
+          suppressErrors: !0
+        }))
+          return;
+        const g = await ne.render(
+          s,
+          f,
+          o.current || void 0
+        );
+        o.current && g.svg && (o.current.innerHTML = g.svg, (h = g.bindFunctions) == null || h.call(g, o.current), i(f));
+      } catch {
+        f !== a && l(a);
+      }
+  };
+  z(() => {
+    ne.initialize({
+      ...rr,
+      startOnLoad: !1,
+      logLevel: "error",
+      suppressErrorRendering: !0
+    });
+  }, []), z(() => {
+    l(t);
+  }, [t]);
+  const { zoomIn: d, zoomOut: m, fit: p } = er({
+    svgSelector: `#${s}`,
+    viewportSelector: c.current,
+    renderedChart: a
+  });
+  return q(r, () => ({
+    zoomIn: d,
+    zoomOut: m,
+    fit: p,
+    exportImg: async () => Kn(`#${s}`)
+  })), /* @__PURE__ */ u(
+    "div",
+    {
+      id: c.current,
+      className: A(
+        "w-full min-w-[330px] h-[300px]",
+        nr.container,
+        n
+      ),
+      ref: o
+    }
+  );
+});
+export {
+  Un as BaseJsonEditor,
+  Wn as BaseRawTextEditor,
+  Or as BasicModelConfigEditor,
+  Qr as Decoration,
+  _r as DevLayout,
+  $r as EditorProvider,
+  Xr as EditorSelection,
+  Zr as EditorView,
+  Rr as MermaidDiagram,
+  Je as ModelSelect,
+  Br as PopoverModelConfigEdiotr,
+  Kr as Prec,
+  Nn as PromptBasicEditor,
+  Fr as PromptDiffEditor,
+  Tr as PromptEditor,
+  Lr as SchemaEditor,
+  eo as StateEffect,
+  to as StateField,
+  Gr as WidgetType,
+  Ne as cunstomFacet,
+  Sr as deleteMarkupBackward,
+  bn as insertFourSpaces,
+  jr as insertNewlineContinueMarkup,
+  qr as keymap,
+  ro as regexpDecorator,
+  oo as updateRegexpDecorations,
+  Pr as useEditor,
+  Ur as useInjector,
+  Wr as useLatest
+};