@cozeloop/prompt-components 0.0.2 → 0.0.3

package/dist/lib/mermaid-diagram/index.js

@@ -0,0 +1,174 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var mermaid_diagram_exports = {};
+__export(mermaid_diagram_exports, {
+  MermaidDiagram: () => MermaidDiagram
+});
+module.exports = __toCommonJS(mermaid_diagram_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_mermaid = __toESM(require("mermaid"));
+var import_lodash_es = require("lodash-es");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("./utils");
+var import_use_svg_pan_zoom = require("./use-svg-pan-zoom");
+var import_index = __toESM(require("./index.module"));
+const DEFAULT_THEME = {
+  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"
+  }
+};
+const MermaidDiagram = /* @__PURE__ */ (0, import_react.forwardRef)(function MermaidDiagram2({ chart, className }, outerRef) {
+  const ref = (0, import_react.useRef)(null);
+  const id = (0, import_react.useRef)(`mermaid-diagram-${(0, import_lodash_es.uniqueId)()}`);
+  const svgId = `svg-${id.current}`;
+  const [preChart, setPreChart] = (0, import_react.useState)("");
+  const updateChart = (chartStr) => __async(this, null, function* () {
+    var _a;
+    if ((0, import_lodash_es.isEmpty)(chartStr)) {
+      return;
+    }
+    try {
+      const isValidChart = yield import_mermaid.default.parse(chartStr, {
+        suppressErrors: true
+      });
+      if (!isValidChart) {
+        return;
+      }
+      const renderResult = yield import_mermaid.default.render(
+        svgId,
+        chartStr,
+        ref.current || void 0
+      );
+      if (ref.current && renderResult.svg) {
+        ref.current.innerHTML = renderResult.svg;
+        (_a = renderResult.bindFunctions) == null ? void 0 : _a.call(renderResult, ref.current);
+        setPreChart(chartStr);
+      }
+    } catch (e) {
+      if (chartStr !== preChart) {
+        updateChart(preChart);
+      }
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    import_mermaid.default.initialize(__spreadProps(__spreadValues({}, DEFAULT_THEME), {
+      startOnLoad: false,
+      logLevel: "error",
+      suppressErrorRendering: true
+    }));
+  }, []);
+  (0, import_react.useEffect)(() => {
+    updateChart(chart);
+  }, [chart]);
+  const { zoomIn, zoomOut, fit } = (0, import_use_svg_pan_zoom.useSvgPanZoom)({
+    svgSelector: `#${svgId}`,
+    viewportSelector: id.current,
+    renderedChart: preChart
+  });
+  (0, import_react.useImperativeHandle)(outerRef, () => ({
+    zoomIn,
+    zoomOut,
+    fit,
+    exportImg: () => __async(this, null, function* () {
+      return (0, import_utils.exportImage)(`#${svgId}`);
+    })
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      id: id.current,
+      className: (0, import_classnames.default)(
+        "w-full min-w-[330px] h-[300px]",
+        import_index.default.container,
+        className
+      ),
+      ref
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MermaidDiagram
+});

package/dist/lib/mermaid-diagram/index.module.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_module_exports = {};
+__export(index_module_exports, {
+  default: () => index_module_default
+});
+module.exports = __toCommonJS(index_module_exports);
+var import_index_module = require("./index_module.css");
+var index_module_default = { "container": "container_920ec" };

package/dist/lib/mermaid-diagram/index_module.css

@@ -0,0 +1,4 @@
+.container_920ec > svg {
+  max-width: 100% !important;
+  height: 100%;
+}

package/dist/lib/mermaid-diagram/use-svg-pan-zoom.js

@@ -0,0 +1,83 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_svg_pan_zoom_exports = {};
+__export(use_svg_pan_zoom_exports, {
+  useSvgPanZoom: () => useSvgPanZoom
+});
+module.exports = __toCommonJS(use_svg_pan_zoom_exports);
+var import_react = require("react");
+const useSvgPanZoom = ({
+  svgSelector,
+  viewportSelector,
+  renderedChart,
+  zoomStepLength = 0.25
+}) => {
+  const panZoomTigerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!renderedChart) {
+      return;
+    }
+    Promise.resolve().then(() => __toESM(require("svg-pan-zoom"))).then((svgPanZoom) => {
+      if (panZoomTigerRef.current) {
+        return;
+      }
+      const panZoomTiger = svgPanZoom.default(svgSelector, {
+        viewportSelector,
+        mouseWheelZoomEnabled: false
+      });
+      panZoomTigerRef.current = panZoomTiger;
+    });
+  }, [renderedChart]);
+  const zoomIn = () => {
+    var _a, _b;
+    (_b = panZoomTigerRef.current) == null ? void 0 : _b.zoom(
+      ((_a = panZoomTigerRef.current) == null ? void 0 : _a.getZoom()) + zoomStepLength
+    );
+  };
+  const zoomOut = () => {
+    var _a, _b;
+    (_b = panZoomTigerRef.current) == null ? void 0 : _b.zoom(
+      ((_a = panZoomTigerRef.current) == null ? void 0 : _a.getZoom()) - zoomStepLength
+    );
+  };
+  const fit = () => {
+    var _a, _b;
+    (_a = panZoomTigerRef.current) == null ? void 0 : _a.fit();
+    (_b = panZoomTigerRef.current) == null ? void 0 : _b.center();
+  };
+  return {
+    zoomIn,
+    zoomOut,
+    fit
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSvgPanZoom
+});

package/dist/lib/mermaid-diagram/utils.js

@@ -0,0 +1,98 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var utils_exports = {};
+__export(utils_exports, {
+  exportImage: () => exportImage
+});
+module.exports = __toCommonJS(utils_exports);
+var import_js_base64 = require("js-base64");
+const getFileName = (extension) => `mermaid-diagram-${(/* @__PURE__ */ new Date()).getTime()}.${extension}`;
+const simulateDownload = (download, href) => {
+  const a = document.createElement("a");
+  a.download = download;
+  a.href = href;
+  a.click();
+  a.remove();
+};
+const downloadImage = (context, image) => () => {
+  const { canvas } = context;
+  context.drawImage(image, 0, 0, canvas.width, canvas.height);
+  simulateDownload(
+    getFileName("png"),
+    canvas.toDataURL("image/png").replace("image/png", "image/octet-stream")
+  );
+};
+const getBase64SVG = (svg, width, height) => {
+  if (svg) {
+    svg = svg.cloneNode(true);
+  }
+  height && (svg == null ? void 0 : svg.setAttribute("height", `${height}px`));
+  width && (svg == null ? void 0 : svg.setAttribute("width", `${width}px`));
+  const svgString = svg.outerHTML.replaceAll("<br>", "<br/>").replaceAll(/<img([^>]*)>/g, (m, g) => `<img ${g} />`);
+  return (0, import_js_base64.toBase64)(`<?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"?>
+${svgString}`);
+};
+const exportImage = (svgSelector) => __async(void 0, null, function* () {
+  yield new Promise((resolve) => setTimeout(resolve, 1e3));
+  const canvas = document.createElement("canvas");
+  const svg = document.querySelector(svgSelector);
+  if (!svg) {
+    return;
+  }
+  const box = svg.getBoundingClientRect();
+  const multiplier = 2;
+  canvas.width = box.width * multiplier;
+  canvas.height = box.height * multiplier;
+  const context = canvas.getContext("2d");
+  if (!context) {
+    throw new Error("context not found");
+  }
+  context.fillStyle = "white";
+  context.fillRect(0, 0, canvas.width, canvas.height);
+  const image = new Image();
+  image.addEventListener("load", () => {
+    downloadImage(context, image)();
+  });
+  image.src = `data:image/svg+xml;base64,${getBase64SVG(svg, canvas.width, canvas.height)}`;
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  exportImage
+});

package/dist/lib/model-config-editor/basic-type.js

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var basic_type_exports = {};
+__export(basic_type_exports, {
+  BasicModelConfigEditor: () => BasicModelConfigEditor
+});
+module.exports = __toCommonJS(basic_type_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
+var import_coze_design = require("@coze-arch/coze-design");
+var import_model_config = require("../utils/model-config");
+var import_model_select = require("../model-select");
+var import_model_config_form = require("./model-config-form");
+var import_index = __toESM(require("./index.module"));
+function BasicModelConfigEditor({
+  className,
+  style,
+  value,
+  onChange,
+  disabled,
+  modelSelectProps
+}) {
+  const formApi = (0, import_react.useRef)();
+  const [selectModel, setSelectModel] = (0, import_react.useState)(
+    modelSelectProps == null ? void 0 : modelSelectProps.value
+  );
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    if ((selectModel == null ? void 0 : selectModel.id) !== (value == null ? void 0 : value.id)) {
+      const modelConfig = (0, import_model_config.convertModelToModelConfig)(selectModel);
+      (_b = (_a = formApi.current) == null ? void 0 : _a.setValues) == null ? void 0 : _b.call(_a, modelConfig, { isOverride: true });
+    }
+  }, [selectModel, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_coze_design.Form,
+    {
+      className: (0, import_classnames.default)(import_index.default["model-config-form"], className),
+      style,
+      labelWidth: 120,
+      initValues: value,
+      onValueChange: onChange,
+      getFormApi: (api) => formApi.current = api,
+      disabled,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_model_select.ModelSelect,
+          __spreadProps(__spreadValues({}, modelSelectProps), {
+            value: selectModel,
+            disabled,
+            onChange: setSelectModel
+          })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_model_config_form.ModelConfigForm, { model: selectModel })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BasicModelConfigEditor
+});

package/dist/lib/model-config-editor/index.module.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_module_exports = {};
+__export(index_module_exports, {
+  default: () => index_module_default
+});
+module.exports = __toCommonJS(index_module_exports);
+var import_index_module = require("./index_module.css");
+var index_module_default = { "model-config-form": "model-config-form_d28fd" };

package/dist/lib/model-config-editor/index_module.css

@@ -0,0 +1,8 @@
+/* stylelint-disable declaration-no-important */
+.model-config-form_d28fd {
+  display: flex;
+  flex-direction: column;
+}
+.model-config-form_d28fd .semi-form-field {
+  padding: 4px 0 !important;
+}

package/dist/lib/model-config-editor/model-config-form.js

@@ -0,0 +1,149 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var model_config_form_exports = {};
+__export(model_config_form_exports, {
+  ModelConfigForm: () => ModelConfigForm,
+  convertInt64ToNumber: () => convertInt64ToNumber,
+  getInputSliderConfig: () => getInputSliderConfig
+});
+module.exports = __toCommonJS(model_config_form_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lodash_es = require("lodash-es");
+var import_lazy = require("@flow-web/md-box/lazy");
+var import_components = require("@cozeloop/components");
+var import_icons = require("@coze-arch/coze-design/icons");
+var import_coze_design = require("@coze-arch/coze-design");
+var import_consts = require("../consts");
+const convertInt64ToNumber = (v) => {
+  if (v !== void 0) {
+    return Number(v);
+  } else {
+    return void 0;
+  }
+};
+const getInputSliderConfig = (key, modelParams) => {
+  const param = modelParams.find((item) => item.name === key);
+  const max = key === "max_tokens" ? import_consts.DEFAULT_MAX_TOKENS : 0;
+  return {
+    min: Number((param == null ? void 0 : param.min) || 0),
+    max: Math.max(Number((param == null ? void 0 : param.max) || 1), max),
+    defaultValue: Number((param == null ? void 0 : param.defaultVal) || max),
+    label: {
+      text: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Typography.Text, { children: (param == null ? void 0 : param.name) ? import_consts.modelConfigLabelMap[param.name] || "" : "" }),
+      extra: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_coze_design.Tooltip,
+        {
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lazy.MdBoxLazy, { className: "!text-white", markDown: (param == null ? void 0 : param.desc) || "" }),
+          theme: "dark",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IconCozQuestionMarkCircle, {})
+        }
+      )
+    }
+  };
+};
+const FormInputSlider = (0, import_coze_design.withField)(import_components.InputSlider);
+function ModelConfigForm({ model }) {
+  if (!model) {
+    return null;
+  }
+  const modelAbility = model == null ? void 0 : model.ability;
+  const modelParams = (modelAbility == null ? void 0 : modelAbility.modelParams) || [];
+  const defaultRuntimeParam = model == null ? void 0 : model.defaultRuntimeParam;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FormInputSlider,
+      __spreadProps(__spreadValues({
+        field: "max_tokens",
+        labelPosition: "left"
+      }, getInputSliderConfig("max_tokens", modelParams)), {
+        label: {
+          text: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Typography.Text, { children: "最大回复长度" }),
+          extra: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_coze_design.Tooltip,
+            {
+              content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_lazy.MdBoxLazy,
+                {
+                  className: "!text-white",
+                  markDown: "- **max_tokens**: 控制模型输出的 Tokens 长度上限。通常 100 Tokens 约等于 150 个中文汉字。"
+                }
+              ),
+              theme: "dark",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IconCozQuestionMarkCircle, {})
+            }
+          )
+        }
+      })
+    ),
+    (0, import_lodash_es.isUndefined)(defaultRuntimeParam == null ? void 0 : defaultRuntimeParam.temperature) ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FormInputSlider,
+      __spreadProps(__spreadValues({
+        field: "temperature",
+        labelPosition: "left"
+      }, getInputSliderConfig("temperature", modelParams)), {
+        step: 0.01
+      })
+    ),
+    (0, import_lodash_es.isUndefined)(defaultRuntimeParam == null ? void 0 : defaultRuntimeParam.topP) ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FormInputSlider,
+      __spreadProps(__spreadValues({
+        field: "top_p",
+        labelPosition: "left",
+        label: {
+          text: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Typography.Text, { children: "Top P" })
+        }
+      }, getInputSliderConfig("top_p", modelParams)), {
+        step: 0.01
+      })
+    ),
+    (modelAbility == null ? void 0 : modelAbility.jsonModeEnabled) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_coze_design.Form.Switch,
+      {
+        labelPosition: "left",
+        label: {
+          text: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Typography.Text, { children: "JSON Mode" })
+        },
+        field: "json_mode"
+      }
+    ) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModelConfigForm,
+  convertInt64ToNumber,
+  getInputSliderConfig
+});