diff --git a/.gitignore b/.gitignore
index 9b46b97c..a4d28639 100644
--- a/.gitignore
+++ b/.gitignore
@@ -94,3 +94,10 @@ Thumbs.db
 browser_tests/test-results/
 browser_tests/playwright-report/
 browser_tests/blob-report/
+
+#packaged product
+bizyui.egg-info/
+bizyui/js/bizyair_frontend.js
+dist/
+
+*.tsbuildinfo
diff --git a/README.md b/README.md
index c8755f46..f096cd80 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,11 @@ npm run format
 npx eslint src
 # release frontend 
 npm run dev
+#重新打包前端得到.whl包
+npm run build:py
+#不重新生成forntend_bizyair.js只重新打包bizyui目录得到.whl包
+npm run build:bizyui
 ```
 
+
 ### Installation and Setup
diff --git a/bizyui/__init__.py b/bizyui/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/bizyui/js/__init__.py b/bizyui/js/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/bizyui/js/apis.js b/bizyui/js/apis.js
new file mode 100644
index 00000000..af3ea156
--- /dev/null
+++ b/bizyui/js/apis.js
@@ -0,0 +1,153 @@
+import { dialog } from './subassembly/dialog.js';
+
+const fetchCache = new Map();
+
+function customFetch(url, options = {}) {
+    const now = Date.now();
+    if (fetchCache.has(url)) {
+        const lastFetchTime = fetchCache.get(url);
+        if (now - lastFetchTime < 1200) {
+            return Promise.resolve(null);
+        }
+    }
+    fetchCache.set(url, now);
+    const host = `${window.location.origin}${window.location.pathname === '/' ? '' : window.location.pathname}`
+    return window.fetch(`${host}${url}`, options)
+        .then(response => {
+            if (response.status === 404) {
+                dialog({
+                    content: "You may be missing dependencies at the moment. For details, please refer to the ComfyUI logs.",
+                    type: 'error',
+                    noText: 'Close'
+                })
+            }
+            return response.json();
+        })
+        .then(data => {
+            const { code, message } = data;
+            if (code !== 20000) {
+                dialog({
+                    type: 'warning',
+                    content: message,
+                    noText: 'Close',
+                    onNo: () => {
+                        if (code === 401000) {
+                            document.querySelector('.menus-item-key').click()
+                        }
+                    }
+                })
+
+                return;
+            }
+            return data;
+        })
+        .catch(error => {
+            console.error('Fetch error:', error);
+            throw error;
+        });
+}
+
+
+export function check_model_exists ( type, name ) {
+    return customFetch('/bizyair/modelhost/check_model_exists', {
+        method: 'POST',
+        body: JSON.stringify({ type, name })
+    })
+}
+
+export function model_upload ( data ) {
+    return customFetch('/bizyair/modelhost/model_upload', {
+        method: 'POST',
+        body: JSON.stringify(data)
+    })
+}
+
+export function file_upload ( data ) {
+    return customFetch('/bizyair/modelhost/file_upload', {
+        method: 'POST',
+        body: data
+    })
+}
+
+export function set_api_key ( data ) {
+    return customFetch('/bizyair/set_api_key', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: data
+    })
+}
+
+export function models_files ( params, data ) {
+    let actualParams = ''
+    for (const i in params) {
+        actualParams += `${i}=${params[i]}&`
+    }
+    return customFetch(`/bizyair/community/models/query?${actualParams}`, {
+        method: 'POST',
+        body: JSON.stringify(data)
+    })
+}
+
+export function change_public ( data ) {
+    return customFetch('/bizyair/modelhost/models/change_public', {method: 'PUT', body: JSON.stringify(data)})
+}
+
+export function model_types () {
+    return customFetch('/bizyair/community/model_types', {method: 'GET'})
+}
+
+export function check_folder (url) {
+    return customFetch(`/bizyair/modelhost/check_folder?absolute_path=${encodeURIComponent(url)}`, {method: 'GET'})
+}
+
+export function submit_upload (data) {
+    return customFetch(`/bizyair/community/submit_upload?clientId=${sessionStorage.getItem('clientId')}`, {
+        method: 'POST',
+        body: JSON.stringify(data)
+    })
+}
+
+export function delModels ( data ) {
+    return customFetch('/bizyair/modelhost/models', {
+        method: 'DELETE',
+        body: JSON.stringify({
+            type: data.type,
+            name: data.name,
+        }),
+    })
+}
+
+export function getUserInfo () {
+    return customFetch('/bizyair/user/info', { method: 'get' })
+}
+
+export function putShareId (data) {
+    return customFetch('/bizyair/user/share_id', {
+        method: 'put',
+        body: JSON.stringify(data)
+    })
+}
+
+export function getDescription (data) {
+    return customFetch(`/bizyair/modelhost/models/description?${new URLSearchParams(data).toString()}`, {
+        method: 'get'
+    })
+}
+
+export function putDescription (data) {
+    return customFetch('/bizyair/modelhost/models/description', {
+        method: 'put',
+        body: JSON.stringify(data)
+    })
+}
+
+export function uploadImage (file) {
+    const formData = new FormData();
+    formData.append('file', file);
+    return customFetch('/bizyair/community/files/upload', {
+        method: 'POST',
+        body: formData
+    })
+}
diff --git a/bizyui/js/bizyair_tools.js b/bizyui/js/bizyair_tools.js
new file mode 100644
index 00000000..0a5f1ace
--- /dev/null
+++ b/bizyui/js/bizyair_tools.js
@@ -0,0 +1,54 @@
+import { app, ComfyApp } from "../../scripts/app.js";
+import { api } from "../../../scripts/api.js";
+
+app.registerExtension({
+	name: "bizyair.tool",
+	setup() {
+
+        async function handleFile(json_data) {
+            const jsonContent = json_data
+
+            await app.loadGraphData(
+                jsonContent,
+                true,
+                false,
+                "convert_test"
+              );
+
+        }
+        async function convert(){
+            const p2 = await app.graphToPrompt();
+            const json = JSON.stringify(p2["workflow"], null, 2);
+
+            await api.fetchApi("/bizyair/node_converter", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: json
+              }).then(response => response.json())
+              .then(data => handleFile(data))
+              .catch(error => console.error("Error:", error));
+        }
+        // Add canvas menu options
+        const orig = LGraphCanvas.prototype.getCanvasMenuOptions;
+        LGraphCanvas.prototype.getCanvasMenuOptions = function () {
+            const options = orig.apply(this, arguments);
+            options.push(null, {
+                content: "BizyAir Tools",
+                submenu: {
+                    options: [
+                        {
+                            content: "convert to bizyair node",
+                            callback: async () => {
+                                await convert()
+                            },
+                        },
+                    ],
+                },
+            });
+            return options;
+        };
+
+	},
+});
diff --git a/bizyui/js/connection_color.js b/bizyui/js/connection_color.js
new file mode 100644
index 00000000..56fc8738
--- /dev/null
+++ b/bizyui/js/connection_color.js
@@ -0,0 +1,13 @@
+import { app } from "../../scripts/app.js";
+
+app.registerExtension({
+    name: "bizyair.custom.connectionColorByType",
+    async setup() {
+        Object.assign(app.canvas.default_connection_color_byType, {
+            BIZYAIR_MODEL: '#7C5AEC',
+            BIZYAIR_CLIP: '#FFF4C4',
+            BIZYAIR_VAE: '#FF5959',
+            BIZYAIR_CONDITIONING: '#967117',
+        })
+    },
+});
diff --git a/bizyui/js/dataset_apply.js b/bizyui/js/dataset_apply.js
new file mode 100644
index 00000000..a7f224c4
--- /dev/null
+++ b/bizyui/js/dataset_apply.js
@@ -0,0 +1,138 @@
+import { app } from "../../scripts/app.js";
+
+import './bizyair_frontend.js'
+import { hideWidget } from './subassembly/tools.js'
+
+function createSetWidgetCallback() {
+    return function setWidgetCallback() {
+        const targetWidget = this.widgets.find(widget => widget.name == "dataset_path");
+        if (targetWidget) {
+            targetWidget.value = targetWidget.value || "to choose"
+            targetWidget.mouse = function(e, pos, canvas) {
+                try {
+                    if (e.type === "pointerdown" || e.type === "mousedown" || e.type === "click" || e.type === "pointerup") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        e.widgetClick = true;
+                        const currentNode = this.node;
+
+                        if (!currentNode || !currentNode.widgets) {
+                            console.warn("Node or widgets not available");
+                            return false;
+                        }
+
+                        if (typeof bizyAirLib !== 'undefined' && typeof bizyAirLib.showDatasetSelect === 'function') {
+                            bizyAirLib.showDatasetSelect({
+                                showDatasetSelect: true,
+                                isNodeSelect: true,
+                                onApply: (versionId, name) => {
+                                    console.log("onApply", versionId, name)
+                                    if (!currentNode || !currentNode.widgets) return;
+
+                                    const datasetPath = currentNode.widgets.find(widget => widget.name == "dataset_path");
+                                    const datasetVersionId = currentNode.widgets.find(w => w.name === "dataset_version_id");
+                                    if (datasetPath && datasetVersionId) {
+                                        datasetPath.value = name;
+                                        datasetVersionId.value = versionId;
+                                        currentNode.setDirtyCanvas(true);
+                                    }
+                                }
+                            })
+                        } else {
+                            console.error("bizyAirLib not available");
+                        }
+                        return false;
+                    }
+                } catch (error) {
+                    console.error("Error handling mouse event:", error);
+                }
+            };
+
+            targetWidget.node = this;
+            targetWidget.options = targetWidget.options || {};
+            targetWidget.options.values = () => [];
+            targetWidget.options.editable = false;
+            targetWidget.clickable = true;
+            targetWidget.processMouse = true;
+        }
+    }
+}
+
+function setupNodeMouseBehavior(node) {
+    hideWidget(node, "dataset_version_id");
+
+    if (!node._bizyairState) {
+        node._bizyairState = {
+            lastClickTime: 0,
+            DEBOUNCE_DELAY: 300,
+            original_onMouseDown: node.onMouseDown
+        };
+    }
+
+    node.onMouseDown = function(e, pos, canvas) {
+        if (e.widgetClick) {
+            return this._bizyairState.original_onMouseDown?.apply(this, arguments);
+        }
+        const targetWidget = this.widgets.find(widget => widget.name == "dataset_path");
+        if (targetWidget && pos[1] - targetWidget.last_y > 0 && pos[1] - targetWidget.last_y < 20) {
+            const litecontextmenu = document.querySelector('.litegraph.litecontextmenu')
+            if (litecontextmenu) {
+                litecontextmenu.style.display = 'none'
+            }
+            e.stopImmediatePropagation();
+            e.preventDefault();
+            if (e.button !== 0) {
+                return false;
+            }
+
+            const currentTime = new Date().getTime();
+            if (currentTime - this._bizyairState.lastClickTime < this._bizyairState.DEBOUNCE_DELAY) {
+                return false;
+            }
+            this._bizyairState.lastClickTime = currentTime;
+            bizyAirLib.showDatasetSelect({
+                showDatasetSelect: true,
+                isNodeSelect: true,
+                onApply: (versionId, name) => {
+                    console.log("onApply", versionId, name)
+                    if (!currentNode || !currentNode.widgets) return;
+
+                    const datasetPath = currentNode.widgets.find(widget => widget.name == "dataset_path");
+                    const datasetVersionId = currentNode.widgets.find(w => w.name === "dataset_version_id");
+                    if (datasetPath && datasetVersionId) {
+                        datasetPath.value = name;
+                        datasetVersionId.value = versionId;
+                        currentNode.setDirtyCanvas(true);
+                    }
+                }
+            })
+            return false;
+        } else {
+            return this._bizyairState.original_onMouseDown?.apply(this, arguments);
+        }
+    }
+}
+
+app.registerExtension({
+    name: "bizyair.siliconcloud.share.dataset.loader.train",
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+        if (nodeData.name === "BizyAir_TrainDatasetAdd") {
+            const onNodeCreated = nodeType.prototype.onNodeCreated;
+            nodeType.prototype.onNodeCreated = function() {
+                try {
+                    const result = onNodeCreated?.apply(this, arguments);
+                    createSetWidgetCallback().call(this);
+                    return result;
+                } catch (error) {
+                    console.error("Error in node creation:", error);
+                }
+            };
+        }
+    },
+
+    async nodeCreated(node) {
+        if (node?.comfyClass === "BizyAir_TrainDatasetAdd") {
+            setupNodeMouseBehavior(node);
+        }
+    }
+})
diff --git a/bizyui/js/deprecated.js b/bizyui/js/deprecated.js
new file mode 100644
index 00000000..492ba209
--- /dev/null
+++ b/bizyui/js/deprecated.js
@@ -0,0 +1,22 @@
+import { app } from "../../scripts/app.js";
+
+
+app.registerExtension({
+    name: "bizyair.deprecated.nodes",
+
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+        const warning_msg = {
+            // "BizyAirJoyCaption": "It will be available until 2024/11/16. Please use \"☁️BizyAir Joy Caption2\" node instead.",
+        }
+        if (Object.keys(warning_msg).includes(nodeData.name)) {
+            async function alert_deprecated(node_name, display_name) {
+                alert(`${display_name}: ${warning_msg[node_name]}`);
+            }
+            const onNodeCreated = nodeType.prototype.onNodeCreated;
+            nodeType.prototype.onNodeCreated = function (message) {
+                onNodeCreated?.apply(this, arguments);
+                alert_deprecated.call(this, nodeData.name, nodeData.display_name);
+            };
+        }
+    },
+});
diff --git a/bizyui/js/dialog/sam_edit.js b/bizyui/js/dialog/sam_edit.js
new file mode 100644
index 00000000..02629337
--- /dev/null
+++ b/bizyui/js/dialog/sam_edit.js
@@ -0,0 +1,1022 @@
+import { api } from "../../../scripts/api.js";
+import { ComfyApp } from "../../../scripts/app.js";
+import { $el, ComfyDialog, } from "../../../scripts/ui.js";
+
+function loadImage(imagePath) {
+    return new Promise((resolve, reject) => {
+      const image = new Image();
+      image.onload = function() {
+        resolve(image);
+      };
+      image.src = imagePath;
+    });
+  }
+function prepare_mask(image, maskCanvas, maskCtx, maskColor) {
+    maskCtx.drawImage(image, 0, 0, maskCanvas.width, maskCanvas.height);
+    const maskData = maskCtx.getImageData(
+      0,
+      0,
+      maskCanvas.width,
+      maskCanvas.height
+    );
+    for (let i = 0; i < maskData.data.length; i += 4) {
+      if (maskData.data[i + 3] == 255) maskData.data[i + 3] = 0;
+      else if(maskData.data[i + 3] == 0){   //对应黑色点
+        maskData.data[i + 3] = 255;
+        maskData.data[i] = 0;
+        maskData.data[i + 1] = 0;
+        maskData.data[i + 2] = 0;
+      }
+      else{               //对应红色点254
+        maskData.data[i + 3] = 255;
+        maskData.data[i] = 255;
+        maskData.data[i + 1] = 0;
+        maskData.data[i + 2] = 0;
+      }
+    }
+    maskCtx.globalCompositeOperation = "source-over";
+    maskCtx.putImageData(maskData, 0, 0);
+}
+
+function dataURLToBlob(dataURL) {
+  const parts = dataURL.split(";base64,");
+  const contentType = parts[0].split(":")[1];
+  const byteString = atob(parts[1]);
+  const arrayBuffer = new ArrayBuffer(byteString.length);
+  const uint8Array = new Uint8Array(arrayBuffer);
+  for (let i = 0; i < byteString.length; i++) {
+    uint8Array[i] = byteString.charCodeAt(i);
+  }
+  return new Blob([arrayBuffer], { type: contentType });
+}
+async function uploadMask(filepath, formData) {
+  await api.fetchApi("/upload/mask", {
+    method: "POST",
+    body: formData
+  }).then((response) => {
+  }).catch((error) => {
+    console.error("Error:", error);
+  });
+  ComfyApp.clipspace.imgs[ComfyApp.clipspace["selectedIndex"]] = new Image();
+  ComfyApp.clipspace.imgs[ComfyApp.clipspace["selectedIndex"]].src = api.apiURL(
+    "/view?" + new URLSearchParams(filepath).toString() + app.getPreviewFormatParam() + app.getRandParam()
+  );
+  if (ComfyApp.clipspace.images)
+    ComfyApp.clipspace.images[ComfyApp.clipspace["selectedIndex"]] = filepath;
+  if (ComfyApp.clipspace && ComfyApp.clipspace.imgs && ComfyApp.clipspace.imgs.length > 0) {
+    const img_preview = document.getElementById(
+      "clipspace_preview"
+    );
+    if (img_preview) {
+      img_preview.src = ComfyApp.clipspace.imgs[ComfyApp.clipspace["selectedIndex"]].src;
+      img_preview.style.maxHeight = "100%";
+      img_preview.style.maxWidth = "100%";
+    }
+  }
+}
+async function uploadSamPrompt(formData){
+  await api.fetchApi("/bizyair/postsam", {
+    method: "POST",
+    body: formData
+  }).then((response) => {
+  }).catch((error) => {
+    console.error("Error:", error);
+  });
+}
+
+class SAMEditorDialog extends ComfyDialog {
+    static instance = null;
+    static mousedown_x = null;
+    static mousedown_y = null;
+    static dragging = false;
+    static mousedown = null;
+    brush;
+    maskCtx;
+    maskCanvas;
+    brush_size_slider;
+    brush_opacity_slider;
+    pointButton;
+    saveButton;
+    zoom_ratio;
+    pan_x;
+    pan_y;
+    imgCanvas;
+    last_display_style;
+    is_visible;
+    image;
+    handler_registered;
+    brush_slider_input;
+    cursorX;
+    cursorY;
+    mousedown_pan_x;
+    mousedown_pan_y;
+    last_pressure;
+    history = [];
+    coords = [];
+    filename = " ";
+    static getInstance() {
+      if (!SAMEditorDialog.instance) {
+        SAMEditorDialog.instance = new SAMEditorDialog();
+      }
+      return SAMEditorDialog.instance;
+    }
+
+    is_layout_created = false;
+    constructor() {
+      super();
+      this.element = $el("div.comfy-modal", { parent: document.body }, [
+        $el("div.comfy-modal-content", [...this.createButtons()])
+      ]);
+    }
+    createButtons() {
+      return [];
+    }
+    createButton(name, callback) {
+      var button = document.createElement("button");
+      button.style.pointerEvents = "auto";
+      button.innerText = name;
+      button.addEventListener("click", callback);
+      return button;
+    }
+    createLeftButton(name, callback) {
+      var button = this.createButton(name, callback);
+      button.style.cssFloat = "left";
+      button.style.marginRight = "4px";
+      return button;
+    }
+    createRightButton(name, callback) {
+      var button = this.createButton(name, callback);
+      button.style.cssFloat = "right";
+      button.style.marginLeft = "4px";
+      return button;
+    }
+    createLeftSlider(self, name, callback) {
+      const divElement = document.createElement("div");
+      divElement.id = "maskeditor-slider";
+      divElement.style.cssFloat = "left";
+      divElement.style.fontFamily = "sans-serif";
+      divElement.style.marginRight = "4px";
+      divElement.style.color = "var(--input-text)";
+      divElement.style.backgroundColor = "var(--comfy-input-bg)";
+      divElement.style.borderRadius = "8px";
+      divElement.style.borderColor = "var(--border-color)";
+      divElement.style.borderStyle = "solid";
+      divElement.style.fontSize = "15px";
+      divElement.style.height = "21px";
+      divElement.style.padding = "1px 6px";
+      divElement.style.display = "flex";
+      divElement.style.position = "relative";
+      divElement.style.top = "2px";
+      divElement.style.pointerEvents = "auto";
+      self.brush_slider_input = document.createElement("input");
+      self.brush_slider_input.setAttribute("type", "range");
+      self.brush_slider_input.setAttribute("min", "1");
+      self.brush_slider_input.setAttribute("max", "100");
+      self.brush_slider_input.setAttribute("value", "10");
+      const labelElement = document.createElement("label");
+      labelElement.textContent = name;
+      divElement.appendChild(labelElement);
+      divElement.appendChild(self.brush_slider_input);
+      self.brush_slider_input.addEventListener("change", callback);
+      return divElement;
+    }
+    createOpacitySlider(self, name, callback) {
+      const divElement = document.createElement("div");
+      divElement.id = "maskeditor-opacity-slider";
+      divElement.style.cssFloat = "left";
+      divElement.style.fontFamily = "sans-serif";
+      divElement.style.marginRight = "4px";
+      divElement.style.color = "var(--input-text)";
+      divElement.style.backgroundColor = "var(--comfy-input-bg)";
+      divElement.style.borderRadius = "8px";
+      divElement.style.borderColor = "var(--border-color)";
+      divElement.style.borderStyle = "solid";
+      divElement.style.fontSize = "15px";
+      divElement.style.height = "21px";
+      divElement.style.padding = "1px 6px";
+      divElement.style.display = "flex";
+      divElement.style.position = "relative";
+      divElement.style.top = "2px";
+      divElement.style.pointerEvents = "auto";
+      self.opacity_slider_input = document.createElement("input");
+      self.opacity_slider_input.setAttribute("type", "range");
+      self.opacity_slider_input.setAttribute("min", "0.1");
+      self.opacity_slider_input.setAttribute("max", "1.0");
+      self.opacity_slider_input.setAttribute("step", "0.01");
+      self.opacity_slider_input.setAttribute("value", "0.7");
+      const labelElement = document.createElement("label");
+      labelElement.textContent = name;
+      divElement.appendChild(labelElement);
+      divElement.appendChild(self.opacity_slider_input);
+      self.opacity_slider_input.addEventListener("input", callback);
+      return divElement;
+    }
+    setlayout(imgCanvas, maskCanvas) {
+      const self = this;
+      var bottom_panel = document.createElement("div");
+      bottom_panel.style.position = "absolute";
+      bottom_panel.style.bottom = "0px";
+      bottom_panel.style.left = "20px";
+      bottom_panel.style.right = "20px";
+      bottom_panel.style.height = "50px";
+      bottom_panel.style.pointerEvents = "none";
+      var brush = document.createElement("div");
+      brush.id = "brush";
+      brush.style.backgroundColor = "transparent";
+      brush.style.outline = "1px dashed black";
+      brush.style.boxShadow = "0 0 0 1px white";
+      brush.style.borderRadius = "50%";
+      brush.style.MozBorderRadius = "50%";
+      brush.style.WebkitBorderRadius = "50%";
+      brush.style.position = "absolute";
+      brush.style.zIndex = "8889";
+      brush.style.pointerEvents = "none";
+      this.brush = brush;
+      this.element.appendChild(imgCanvas);
+      this.element.appendChild(maskCanvas);
+      this.element.appendChild(bottom_panel);
+      document.body.appendChild(brush);
+      var clearButton = this.createLeftButton("Clear", () => {
+        this.resetHistory();
+        self.maskCtx.clearRect(
+          0,
+          0,
+          self.maskCanvas.width,
+          self.maskCanvas.height
+        );
+        this.addHistory();
+      });
+      var undoButton = this.createLeftButton("Undo", () => {
+        this.undo();
+        this.showLastHistory();
+      });
+      this.brush_size_slider = this.createLeftSlider(
+        self,
+        "Thickness",
+        (event) => {
+          self.brush_size = event.target.value;
+          self.updateBrushPreview(self);
+        }
+      );
+      this.brush_opacity_slider = this.createOpacitySlider(
+        self,
+        "Opacity",
+        (event) => {
+          self.brush_opacity = event.target.value;
+          self.maskCanvas.style.opacity = self.brush_opacity.toString();
+        }
+      );
+      this.pointButton = this.createLeftButton(this.getPointButtonText(), () => {
+        if (self.brush_color_mode === "remain") {
+          self.brush_color_mode = "remove";
+        } else if (self.brush_color_mode === "remove") {
+          self.brush_color_mode = "remain";
+        } else {
+
+        }
+        self.updateWhenBrushColorModeChanged();
+      });
+      this.modeButton = this.createLeftButton(this.getModeButtonText(), () => {
+        if (self.mode === "point") {
+          self.mode = "box";
+        } else if (self.mode === "box") {
+          self.mode = "point";
+        } else {
+
+        }
+        this.modeButton.innerText = this.getModeButtonText();
+        this.resetHistory();
+        self.maskCtx.clearRect(
+          0,
+          0,
+          self.maskCanvas.width,
+          self.maskCanvas.height
+        );
+        this.addHistory();
+      });
+      var cancelButton = this.createRightButton("Cancel", () => {
+        document.removeEventListener("keydown", SAMEditorDialog.handleKeyDown);
+        self.close();
+      });
+      this.saveButton = this.createRightButton("Save", () => {
+        document.removeEventListener("keydown", SAMEditorDialog.handleKeyDown);
+        self.save();
+      });
+      this.element.appendChild(imgCanvas);
+      this.element.appendChild(maskCanvas);
+      this.element.appendChild(bottom_panel);
+      bottom_panel.appendChild(clearButton);
+      bottom_panel.appendChild(undoButton);
+      bottom_panel.appendChild(this.saveButton);
+      bottom_panel.appendChild(cancelButton);
+      bottom_panel.appendChild(this.brush_size_slider);
+      bottom_panel.appendChild(this.brush_opacity_slider);
+      bottom_panel.appendChild(this.pointButton);
+      bottom_panel.appendChild(this.modeButton);
+      imgCanvas.style.position = "absolute";
+      maskCanvas.style.position = "absolute";
+      imgCanvas.style.top = "200";
+      imgCanvas.style.left = "0";
+      maskCanvas.style.top = imgCanvas.style.top;
+      maskCanvas.style.left = imgCanvas.style.left;
+      const maskCanvasStyle = this.getMaskCanvasStyle();
+      maskCanvas.style.mixBlendMode = maskCanvasStyle.mixBlendMode;
+      maskCanvas.style.opacity = maskCanvasStyle.opacity.toString();
+    }
+    async show() {
+      this.zoom_ratio = 1;
+      this.pan_x = 0;
+      this.pan_y = 0;
+      if (!this.is_layout_created) {
+        const imgCanvas = document.createElement("canvas");
+        const maskCanvas = document.createElement("canvas");
+        imgCanvas.id = "imageCanvas";
+        maskCanvas.id = "maskCanvas";
+        this.setlayout(imgCanvas, maskCanvas);
+        this.imgCanvas = imgCanvas;
+        this.maskCanvas = maskCanvas;
+        this.maskCtx = maskCanvas.getContext("2d", { willReadFrequently: true });
+        this.setEventHandler(maskCanvas);
+        this.is_layout_created = true;
+        const self = this;
+
+        const observer = new MutationObserver(function(mutations) {
+          mutations.forEach(function(mutation) {
+            if (mutation.type === "attributes" && mutation.attributeName === "style") {
+              if (self.last_display_style && self.last_display_style != "none" && self.element.style.display == "none") {
+                self.brush.style.display = "none";
+                ComfyApp.onClipspaceEditorClosed();
+              }
+              self.last_display_style = self.element.style.display;
+            }
+          });
+        });
+        const config = { attributes: true };
+        observer.observe(this.element, config);
+      }
+      document.addEventListener("keydown", SAMEditorDialog.handleKeyDown);
+      if (ComfyApp.clipspace_return_node) {
+        this.saveButton.innerText = "Save to node";
+      } else {
+        this.saveButton.innerText = "Save";
+      }
+      this.saveButton.disabled = false;
+      this.element.style.display = "block";
+      this.element.style.width = "85%";
+      this.element.style.margin = "0 7.5%";
+      this.element.style.height = "100vh";
+      this.element.style.top = "50%";
+      this.element.style.left = "42%";
+      this.element.style.zIndex = "8888";
+      await this.setImages(this.imgCanvas);
+      this.is_visible = true;
+      const resp = await api.fetchApi("/bizyair/isresetsam");
+      const status = await resp.json();
+
+      if(status['isresetsam']){
+        this.resetHistory();
+      }
+
+      const resp1 = await api.fetchApi("/bizyair/getsam");
+
+      const sam_old_coords = await resp1.json();
+
+      if(sam_old_coords.filename === this.filename){
+        let sam_coords;
+        if(sam_old_coords.mode == 1){
+          sam_coords = sam_old_coords.point_coords;
+        }
+        else{
+          sam_coords = sam_old_coords.box_coords;
+        }
+        for (const key in sam_coords) {
+          if (sam_old_coords.hasOwnProperty(key)) {
+            const value = sam_old_coords[key]
+            this.coords.push(value);
+          }
+        }
+      }
+      else{
+        this.resetHistory();
+      }
+
+      this.addHistory();
+    }
+    isOpened() {
+      return this.element.style.display == "block";
+    }
+    invalidateCanvas(orig_image, mask_image) {
+      this.imgCanvas.width = orig_image.width;
+      this.imgCanvas.height = orig_image.height;
+      this.maskCanvas.width = orig_image.width;
+      this.maskCanvas.height = orig_image.height;
+      let imgCtx = this.imgCanvas.getContext("2d", { willReadFrequently: true });
+      let maskCtx = this.maskCanvas.getContext("2d", {
+        willReadFrequently: true
+      });
+      imgCtx.drawImage(orig_image, 0, 0, orig_image.width, orig_image.height);
+      prepare_mask(mask_image, this.maskCanvas, maskCtx, this.getMaskColor());
+    }
+    async setImages(imgCanvas) {
+      let self = this;
+      const imgCtx = imgCanvas.getContext("2d", { willReadFrequently: true });
+      const maskCtx = this.maskCtx;
+      const maskCanvas = this.maskCanvas;
+      imgCtx.clearRect(0, 0, this.imgCanvas.width, this.imgCanvas.height);
+      maskCtx.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height);
+      const filepath = ComfyApp.clipspace.images;
+      const alpha_url = new URL(
+        ComfyApp.clipspace.imgs[ComfyApp.clipspace["selectedIndex"]].src
+      );
+      alpha_url.searchParams.delete("channel");
+      alpha_url.searchParams.delete("preview");
+      alpha_url.searchParams.set("channel", "a");
+      let mask_image = await loadImage(alpha_url);
+      const rgb_url = new URL(
+        ComfyApp.clipspace.imgs[ComfyApp.clipspace["selectedIndex"]].src
+      );
+      const href = rgb_url.href
+      const filenameRegex = /filename=(.+?)(&|$)/;
+      const match = href.match(filenameRegex);
+      if (match) {
+          this.filename = match[1].split('%20%5Binput%5D')[0];
+          console.log("提取到的filename:", this.filename);
+      } else {
+          console.log("未找到filename匹配");
+      }
+
+      rgb_url.searchParams.delete("channel");
+      rgb_url.searchParams.set("channel", "rgb");
+      this.image = new Image();
+      this.image.onload = function() {
+        maskCanvas.width = self.image.width;
+        maskCanvas.height = self.image.height;
+        self.invalidateCanvas(self.image, mask_image);
+        self.initializeCanvasPanZoom();
+      };
+      this.image.src = rgb_url.toString();
+    }
+    initializeCanvasPanZoom() {
+      let drawWidth = this.image.width;
+      let drawHeight = this.image.height;
+      let width = this.element.clientWidth;
+      let height = this.element.clientHeight;
+      if (this.image.width > width) {
+        drawWidth = width;
+        drawHeight = drawWidth / this.image.width * this.image.height;
+      }
+      if (drawHeight > height) {
+        drawHeight = height;
+        drawWidth = drawHeight / this.image.height * this.image.width;
+      }
+      this.zoom_ratio = drawWidth / this.image.width;
+      const canvasX = (width - drawWidth) / 2;
+      const canvasY = (height - drawHeight) / 2;
+      this.pan_x = canvasX;
+      this.pan_y = canvasY;
+      this.invalidatePanZoom();
+    }
+    invalidatePanZoom() {
+      let raw_width = this.image.width * this.zoom_ratio;
+      let raw_height = this.image.height * this.zoom_ratio;
+      if (this.pan_x + raw_width < 10) {
+        this.pan_x = 10 - raw_width;
+      }
+      if (this.pan_y + raw_height < 10) {
+        this.pan_y = 10 - raw_height;
+      }
+      let width = `${raw_width}px`;
+      let height = `${raw_height}px`;
+      let left = `${this.pan_x}px`;
+      let top = `${this.pan_y}px`;
+      this.maskCanvas.style.width = width;
+      this.maskCanvas.style.height = height;
+      this.maskCanvas.style.left = left;
+      this.maskCanvas.style.top = top;
+      this.imgCanvas.style.width = width;
+      this.imgCanvas.style.height = height;
+      this.imgCanvas.style.left = left;
+      this.imgCanvas.style.top = top;
+    }
+    setEventHandler(maskCanvas) {
+      const self = this;
+      if (!this.handler_registered) {
+          this.element.addEventListener(
+            "wheel",
+            (event) => this.handleWheelEvent(self, event)
+          );
+
+          this.element.addEventListener("dragstart", (event) => {
+            if (event.ctrlKey) {
+              event.preventDefault();
+            }
+          });
+          maskCanvas.addEventListener(
+            "pointerdown",
+            (event) => this.handlePointerDown(self, event)
+          );
+          maskCanvas.addEventListener(
+            "pointermove",
+            (event) => this.draw_move(self, event)
+          );
+
+          maskCanvas.addEventListener("pointerover", (event) => {
+            this.brush.style.display = "block";
+          });
+          maskCanvas.addEventListener("pointerleave", (event) => {
+            this.brush.style.display = "none";
+          });
+
+        maskCanvas.addEventListener(
+            "pointerup",
+            (event) => this.handlePointerUp(self, event)
+          );
+          this.handler_registered = true;
+      }
+    }
+    getMaskCanvasStyle() {
+      if (this.brush_color_mode === "negative") {
+        return {
+          mixBlendMode: "difference",
+          opacity: "1"
+        };
+      } else {
+        return {
+          mixBlendMode: "initial",
+          opacity: this.brush_opacity
+        };
+      }
+    }
+    getMaskColor() {
+      if (this.brush_color_mode === "remain") {
+        return { r: 0, g: 0, b: 0 };  //black
+      }
+      if (this.brush_color_mode === "remove") {
+        return { r: 255, g: 0, b: 0 };  //red
+      }
+      return { r: 0, g: 0, b: 0 };
+    }
+    getMaskFillStyle() {
+      const maskColor = this.getMaskColor();
+      return "rgb(" + maskColor.r + "," + maskColor.g + "," + maskColor.b + ")";
+    }
+    getPointButtonText() {
+      let colorCaption = "unknown";
+      if (this.brush_color_mode === "remain") {
+        colorCaption = "remain";
+      } else if (this.brush_color_mode === "remove") {
+        colorCaption = "remove";
+      }
+      return "Point mode: " + colorCaption;
+    }
+    getModeButtonText() {
+      let modeCaption = "unknown";
+      if (this.mode === "point") {
+        modeCaption = "point";
+      } else if (this.mode === "box") {
+        modeCaption = "box";
+      }
+      return "Select mode: " + modeCaption;
+    }
+    updateWhenBrushColorModeChanged() {
+      this.pointButton.innerText = this.getPointButtonText();
+      const maskCanvasStyle = this.getMaskCanvasStyle();
+      this.maskCanvas.style.mixBlendMode = maskCanvasStyle.mixBlendMode;
+      this.maskCanvas.style.opacity = maskCanvasStyle.opacity.toString();
+    }
+
+    brush_opacity = 0.7;
+    brush_size = 10;
+    brush_color_mode = "remain";
+    drawing_mode = false;
+    lastx = -1;
+    lasty = -1;
+    lasttime = 0;
+    endx = 0;
+    endy = 0;
+    startx = 0;
+    starty = 0;
+    mode = "point";
+    static handleKeyDown(event) {
+      const self = SAMEditorDialog.instance;
+      if (event.key === "]") {
+        self.brush_size = Math.min(self.brush_size + 2, 100);
+        self.brush_slider_input.value = self.brush_size;
+      } else if (event.key === "[") {
+        self.brush_size = Math.max(self.brush_size - 2, 1);
+        self.brush_slider_input.value = self.brush_size;
+      } else if (event.key === "Enter") {
+        self.save();
+      }
+      self.updateBrushPreview(self);
+    }
+    handlePointerUp(self, event) {
+        event.preventDefault();
+
+        if(self.mode === "box"){
+          self.maskCtx.beginPath();
+          if (!event.altKey && event.button == 0) {
+              self.maskCtx.fillStyle = this.getMaskFillStyle();
+              self.maskCtx.globalCompositeOperation = "source-over";
+          } else {
+              self.maskCtx.globalCompositeOperation = "destination-out";
+          }
+          var left = self.startx;
+          var top = self.starty
+          var w = self.endx - self.startx
+          var h = self.endy - self.starty
+          self.maskCtx.rect(left, top, w, h);
+          self.maskCtx.fill();
+        }
+        if(self.mode === "box" && this.startx == this.endx && this.starty === this.endy){
+
+        }
+        else{
+          this.addHistory();
+          this.add_coords();
+        }
+
+        this.mousedown_x = null;
+        this.mousedown_y = null;
+        SAMEditorDialog.instance.drawing_mode = false;
+    }
+    updateBrushPreview(self) {
+      const brush = self.brush;
+      var centerX = self.cursorX;
+      var centerY = self.cursorY;
+      brush.style.width = self.brush_size * 2 * this.zoom_ratio + "px";
+      brush.style.height = self.brush_size * 2 * this.zoom_ratio + "px";
+      brush.style.left = centerX - self.brush_size * this.zoom_ratio + "px";
+      brush.style.top = centerY - self.brush_size * this.zoom_ratio + "px";
+    }
+    handleWheelEvent(self, event) {
+      event.preventDefault();
+      if (event.ctrlKey) {
+        if (event.deltaY < 0) {
+          this.zoom_ratio = Math.min(10, this.zoom_ratio + 0.2);
+        } else {
+          this.zoom_ratio = Math.max(0.2, this.zoom_ratio - 0.2);
+        }
+        this.invalidatePanZoom();
+      } else {
+        if (event.deltaY < 0) this.brush_size = Math.min(this.brush_size + 2, 100);
+        else this.brush_size = Math.max(this.brush_size - 2, 1);
+        this.brush_slider_input.value = this.brush_size.toString();
+        this.updateBrushPreview(this);
+      }
+    }
+    pointMoveEvent(self, event) {
+      this.cursorX = event.pageX;
+      this.cursorY = event.pageY;
+      self.updateBrushPreview(self);
+      if (event.ctrlKey) {
+        event.preventDefault();
+        self.pan_move(self, event);
+      }
+      let left_button_down = window.TouchEvent && event instanceof TouchEvent || event.buttons == 1;
+      if (event.shiftKey && left_button_down) {
+        self.drawing_mode = false;
+        const y = event.clientY;
+        let delta = (self.zoom_lasty - y) * 5e-3;
+        self.zoom_ratio = Math.max(
+          Math.min(10, self.last_zoom_ratio - delta),
+          0.2
+        );
+        this.invalidatePanZoom();
+        return;
+      }
+    }
+    pan_move(self, event) {
+      if (event.buttons == 1) {
+        if (SAMEditorDialog.mousedown_x) {
+          let deltaX = SAMEditorDialog.mousedown_x - event.clientX;
+          let deltaY = SAMEditorDialog.mousedown_y - event.clientY;
+          self.pan_x = this.mousedown_pan_x - deltaX;
+          self.pan_y = this.mousedown_pan_y - deltaY;
+          self.invalidatePanZoom();
+        }
+      }
+    }
+
+    draw_move(self, event) {
+      if (event.ctrlKey || event.shiftKey) {
+        return;
+      }
+      event.preventDefault();
+      this.cursorX = event.pageX;
+      this.cursorY = event.pageY;
+      self.updateBrushPreview(self);
+      let left_button_down = window.TouchEvent && event instanceof TouchEvent || event.buttons == 1;
+      let right_button_down = [2, 5, 32].includes(event.buttons);
+      if (!event.altKey && left_button_down) {
+        var diff = performance.now() - self.lasttime;
+        const maskRect = self.maskCanvas.getBoundingClientRect();
+        var x = event.offsetX;
+        var y = event.offsetY;
+        if (event.offsetX == null) {
+          x = event.targetTouches[0].clientX - maskRect.left;
+        }
+        if (event.offsetY == null) {
+          y = event.targetTouches[0].clientY - maskRect.top;
+        }
+        x /= self.zoom_ratio;
+        y /= self.zoom_ratio;
+        var brush_size = 3;
+        if (event instanceof PointerEvent && event.pointerType == "pen") {
+          brush_size *= event.pressure;
+          this.last_pressure = event.pressure;
+        } else if (window.TouchEvent && event instanceof TouchEvent && diff < 20) {
+          brush_size *= this.last_pressure;
+        } else {
+          brush_size = 3;
+        }
+        if (diff > 20 && !this.drawing_mode)
+          requestAnimationFrame(() => {
+            self.maskCtx.beginPath();
+            self.maskCtx.fillStyle = this.getMaskFillStyle();
+            self.maskCtx.globalCompositeOperation = "source-over";
+            self.maskCtx.arc(x, y, brush_size, 0, Math.PI * 2, false);
+            self.maskCtx.rect(x, y, 20, 30);
+            self.maskCtx.fill();
+            self.lastx = x;
+            self.lasty = y;
+          });
+        else
+          requestAnimationFrame(() => {
+            this.showLastHistory() // 每次绘制先清除上一次
+            self.maskCtx.save();
+            self.maskCtx.beginPath();
+            self.maskCtx.fillStyle = this.getMaskFillStyle();
+            self.maskCtx.globalCompositeOperation = "source-over";
+            var dx = x - self.lastx;
+            var dy = y - self.lasty;
+            var distance = Math.sqrt(dx * dx + dy * dy);
+            var directionX = dx / distance;
+            var directionY = dy / distance;
+            for (var i = 0; i < distance; i += 5) {
+              var px = self.lastx + directionX * i;
+              var py = self.lasty + directionY * i;
+              if(self.mode === "box"){
+                self.endx = px;
+                self.endy = py;
+                var left = self.endx > self.startx ? self.startx : self.endx
+                var top = self.endy > self.starty ? self.starty : self.endy
+                var w = Math.abs(self.endx - self.startx)
+                var h = Math.abs(self.endy -  self.starty)
+
+                self.maskCtx.rect(left, top, w, h);
+
+                self.maskCtx.stroke();
+                self.maskCtx.restore();
+              }
+
+            }
+            self.lastx = x;
+            self.lasty = y;
+          });
+        self.lasttime = performance.now();
+      } else if (event.altKey && left_button_down || right_button_down) {
+        const maskRect = self.maskCanvas.getBoundingClientRect();
+        const x2 = (event.offsetX || event.targetTouches[0].clientX - maskRect.left) / self.zoom_ratio;
+        const y2 = (event.offsetY || event.targetTouches[0].clientY - maskRect.top) / self.zoom_ratio;
+        var brush_size = this.brush_size;
+        if (event instanceof PointerEvent && event.pointerType == "pen") {
+          brush_size *= event.pressure;
+          this.last_pressure = event.pressure;
+        } else if (window.TouchEvent && event instanceof TouchEvent && diff < 20) {
+          brush_size *= this.last_pressure;
+        } else {
+          brush_size = this.brush_size;
+        }
+        if (diff > 20 && !this.drawing_mode)
+          requestAnimationFrame(() => {
+            self.maskCtx.beginPath();
+            self.maskCtx.globalCompositeOperation = "destination-out";
+            self.maskCtx.arc(x2, y2, brush_size, 0, Math.PI * 2, false);
+            self.maskCtx.fill();
+            self.lastx = x2;
+            self.lasty = y2;
+          });
+        else
+          requestAnimationFrame(() => {
+            self.maskCtx.beginPath();
+            self.maskCtx.globalCompositeOperation = "destination-out";
+            var dx = x2 - self.lastx;
+            var dy = y2 - self.lasty;
+            var distance = Math.sqrt(dx * dx + dy * dy);
+            var directionX = dx / distance;
+            var directionY = dy / distance;
+            for (var i = 0; i < distance; i += 5) {
+              var px = self.lastx + directionX * i;
+              var py = self.lasty + directionY * i;
+              self.maskCtx.arc(px, py, brush_size, 0, Math.PI * 2, false);
+              self.maskCtx.fill();
+            }
+            self.lastx = x2;
+            self.lasty = y2;
+          });
+        self.lasttime = performance.now();
+      }
+    }
+    handlePointerDown(self, event) {
+        if (event.ctrlKey) {
+          if (event.buttons == 1) {
+            SAMEditorDialog.mousedown_x = event.clientX;
+            SAMEditorDialog.mousedown_y = event.clientY;
+            this.mousedown_pan_x = this.pan_x;
+            this.mousedown_pan_y = this.pan_y;
+          }
+          return;
+        }
+        var brush_size = this.brush_size;
+        if (event instanceof PointerEvent && event.pointerType == "pen") {
+          brush_size *= event.pressure;
+          this.last_pressure = event.pressure;
+        }
+        if ([0, 2, 5].includes(event.button)) {
+          self.drawing_mode = true;
+          event.preventDefault();
+          if (event.shiftKey) {
+            self.zoom_lasty = event.clientY;
+            self.last_zoom_ratio = self.zoom_ratio;
+            return;
+          }
+          const maskRect = self.maskCanvas.getBoundingClientRect();
+          const x = (event.offsetX || event.targetTouches[0].clientX - maskRect.left) / self.zoom_ratio;
+          const y = (event.offsetY || event.targetTouches[0].clientY - maskRect.top) / self.zoom_ratio;
+
+          if (!event.altKey && event.button == 0) {
+            self.maskCtx.fillStyle = this.getMaskFillStyle();
+            self.maskCtx.globalCompositeOperation = "source-over";
+          } else {
+            self.maskCtx.globalCompositeOperation = "destination-out";
+          }
+          if(self.mode === "point"){
+              self.maskCtx.beginPath();
+              self.maskCtx.arc(x, y, brush_size, 0, Math.PI * 2, false);
+              self.maskCtx.fill();
+              self.startx = x;
+              self.starty = y;
+          }
+          else if(self.mode === "box"){
+            self.startx = x;
+            self.starty = y;
+          }
+
+          self.lastx = x;
+          self.lasty = y;
+          self.lasttime = performance.now();
+        }
+
+    }
+    async save() {
+      const backupCanvas = document.createElement("canvas");
+      const backupCtx = backupCanvas.getContext("2d", {
+        willReadFrequently: true
+      });
+      backupCanvas.width = this.image.width;
+      backupCanvas.height = this.image.height;
+      backupCtx.clearRect(0, 0, backupCanvas.width, backupCanvas.height);
+      backupCtx.drawImage(
+        this.maskCanvas,
+        0,
+        0,
+        this.maskCanvas.width,
+        this.maskCanvas.height,
+        0,
+        0,
+        backupCanvas.width,
+        backupCanvas.height
+      );
+      const backupData = backupCtx.getImageData(
+        0,
+        0,
+        backupCanvas.width,
+        backupCanvas.height
+      );
+      for (let i = 0; i < backupData.data.length; i += 4) {
+
+        if (backupData.data[i + 3] == 255 && backupData.data[i] == 0){
+          backupData.data[i + 3] = 0;
+        }
+        else if(backupData.data[i + 3] == 255 && backupData.data[i] == 255){
+          backupData.data[i + 3] = 80;
+        }
+        else{
+          backupData.data[i + 3] = 255;
+          backupData.data[i] = 0;
+          backupData.data[i + 1] = 0;
+          backupData.data[i + 2] = 0;
+
+        }
+
+
+      }
+      backupCtx.globalCompositeOperation = "source-over";
+      backupCtx.putImageData(backupData, 0, 0);
+
+      const coords = {
+      };
+
+      this.coords.forEach((item, index) => {
+        const jsonItem = JSON.stringify(item);
+        coords[index] = jsonItem;
+      });
+
+      const formData = new FormData();
+      const filename = "clipspace-mask-" + performance.now() + ".png";
+      const item = {
+        filename,
+        subfolder: "clipspace",
+        type: "input"
+      };
+      if (ComfyApp.clipspace.images) ComfyApp.clipspace.images[0] = item;
+      if (ComfyApp.clipspace.widgets) {
+        const index = ComfyApp.clipspace.widgets.findIndex(
+          (obj) => obj.name === "image"
+        );
+        if (index >= 0) ComfyApp.clipspace.widgets[index].value = item;
+      }
+      const dataURL = backupCanvas.toDataURL();
+
+      const blob = dataURLToBlob(dataURL);
+      let original_url = new URL(this.image.src);
+      const original_ref = {
+        filename: original_url.searchParams.get("filename")
+      };
+      let original_subfolder = original_url.searchParams.get("subfolder");
+      if (original_subfolder) original_ref.subfolder = original_subfolder;
+      let original_type = original_url.searchParams.get("type");
+      if (original_type) original_ref.type = original_type;
+      formData.append("image", blob, filename);
+      formData.append("original_ref", JSON.stringify(original_ref));
+      formData.append("type", "input");
+      formData.append("subfolder", "clipspace");
+      this.saveButton.innerText = "Saving...";
+      this.saveButton.disabled = true;
+      await uploadMask(item, formData);
+      ComfyApp.onClipspaceEditorSave();
+      const samData = new FormData();
+      const numItems = this.coords.length;
+
+      samData.append('nums', numItems);
+      samData.append('coords', JSON.stringify(coords));
+      samData.append('mode', (this.mode === "point") ? 1 : 0);
+      samData.append('filename', filename);
+      await uploadSamPrompt(samData)
+      this.close();
+    }
+    addHistory(data) {
+        this.history.push({
+          'data': this.maskCtx.getImageData(0, 0, this.maskCanvas.width, this.maskCanvas.height)
+        });
+    }
+    add_coords(){
+      if(this.mode === "point"){
+        this.coords.push({
+          "startx": this.startx,
+          "starty": this.starty,
+          "pointType": ((this.brush_color_mode === "remain") ? 1 : 0)
+        });
+      }
+      else{
+        this.coords.push({
+          "startx": this.startx,
+          "starty": this.starty,
+          "endx": this.endx,
+          "endy": this.endy
+        });
+      }
+    }
+
+    showLastHistory() {
+      if(this.history.length > 0){
+          this.maskCtx.putImageData(this.history[this.history.length - 1]['data'], 0, 0)
+      }
+    }
+    undo() {
+      if(this.history.length > 0){
+        this.history.pop();
+      }
+      if(this.coords.length > 0){
+        this.coords.pop();
+      }
+    }
+
+    resetHistory() {
+      while (this.history.length > 0) {
+        this.history.pop();
+      }
+      while (this.coords.length > 0) {
+        this.coords.pop();
+      }
+    }
+
+  }
+
+export function sam_edit() {
+    const dlg = SAMEditorDialog.getInstance();
+      if (!dlg.isOpened()) {
+        dlg.show();
+      }
+}
diff --git a/bizyui/js/image_caption.js b/bizyui/js/image_caption.js
new file mode 100644
index 00000000..e43e0b47
--- /dev/null
+++ b/bizyui/js/image_caption.js
@@ -0,0 +1,46 @@
+import { app } from "../../scripts/app.js";
+import { ComfyWidgets } from "../../scripts/widgets.js";
+
+app.registerExtension({
+    name: "bizyair.image.to.caption",
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+        if (nodeData.name === "BizyAirJoyCaption") {
+            function populate(text) {
+                if (this.widgets) {
+                    const pos = this.widgets.findIndex((w) => w.name === "showtext");
+                    if (pos !== -1) {
+                        for (let i = pos; i < this.widgets.length; i++) {
+                            this.widgets[i].onRemove?.();
+                        }
+                        this.widgets.length = pos;
+                    }
+                }
+
+                for (const list of text) {
+                    const w = ComfyWidgets["STRING"](this, "showtext", ["STRING", { multiline: true }], app).widget;
+                    w.inputEl.readOnly = true;
+                    w.inputEl.style.opacity = 0.6;
+                    w.value = list;
+                }
+
+                requestAnimationFrame(() => {
+                    const sz = this.computeSize();
+                    if (sz[0] < this.size[0]) {
+                        sz[0] = this.size[0];
+                    }
+                    if (sz[1] < this.size[1]) {
+                        sz[1] = this.size[1];
+                    }
+                    this.onResize?.(sz);
+                    app.graph.setDirtyCanvas(true, false);
+                });
+            }
+
+            const onExecuted = nodeType.prototype.onExecuted;
+            nodeType.prototype.onExecuted = function (message) {
+                onExecuted?.apply(this, arguments);
+                populate.call(this, message.text);
+            };
+        }
+    },
+})
diff --git a/bizyui/js/menus.js b/bizyui/js/menus.js
new file mode 100644
index 00000000..da19b91b
--- /dev/null
+++ b/bizyui/js/menus.js
@@ -0,0 +1,91 @@
+import { app } from "../../scripts/app.js";
+import { $el } from "../../scripts/ui.js";
+import { styleMenus } from "./subassembly/styleMenus.js";
+import './bizyair_frontend.js'
+class FloatingButton {
+    constructor(show_cases) {
+        this.show_cases = show_cases
+        this.button = $el("div.bizyair-comfy-floating-button", {
+            parent: document.body,
+            style: { top: app.menu.element.style.display === 'none' ? '': '60px' },
+            onmousedown: (e) => this.startDrag(e),
+            id: 'bizyair-menu-item',
+        }, [
+            // $el("h2.bizyair-logo"),
+            // $el("div.bizyair-menu", {}, [
+            //     $el('strong', {}, ['BizyAir']),
+            //     $el("div.bizyair-menu-item", {
+            //         id: 'bizyair-menu-item',
+            //     }),
+            // ]),
+            // $el('div.cmfy-floating-button-closer', {
+            //     onclick: () => this.toggleVisibility(event)
+            // })
+        ]);
+
+        bizyAirLib.mount('#bizyair-menu-item', app)
+
+
+        this.dragging = false;
+        this.visible = true;
+
+        document.addEventListener("mousemove", (e) => this.doDrag(e));
+        document.addEventListener("mouseup", () => this.endDrag());
+
+    }
+
+    getDisplayStyle(element) {
+        return element.currentStyle ? element.currentStyle.display : window.getComputedStyle(element).display;
+    }
+
+    startDrag(e) {
+        document.body.style.userSelect = 'none';
+        this.dragging = true;
+        this.offsetX = e.clientX - this.button.offsetLeft;
+        this.offsetY = e.clientY - this.button.offsetTop;
+        e.preventDefault();
+    }
+
+    endDrag() {
+        document.body.style.userSelect = '';
+        this.dragging = false;
+    }
+
+    doDrag(e) {
+
+        if (this.dragging) {
+            this.button.style.left = `${e.clientX - this.offsetX}px`;
+            this.button.style.top = `${e.clientY - this.offsetY}px`;
+            this.button.style.bottom = 'auto';
+            this.button.style.right = 'auto';
+        }
+    }
+
+    toggleVisibility(e) {
+        e.stopPropagation();
+        const comfyFloatingButton = document.querySelector('.comfy-floating-button')
+        const bizyairMenu = document.querySelector('.bizyair-menu')
+        const bizyairMenuCloser = document.querySelector('.cmfy-floating-button-closer')
+        if (this.visible) {
+            comfyFloatingButton.className = 'comfy-floating-button comfy-floating-button-hidden';
+            bizyairMenu.className = 'bizyair-menu bizyair-menu-hidden';
+            bizyairMenuCloser.className = 'cmfy-floating-button-closer cmfy-floating-button-closer-overturn'
+        } else {
+            comfyFloatingButton.className = 'comfy-floating-button';
+            bizyairMenu.className = 'bizyair-menu';
+            bizyairMenuCloser.className = 'cmfy-floating-button-closer'
+        }
+        this.visible = !this.visible;
+    }
+}
+
+app.registerExtension({
+    name: "comfy.FloatingButton",
+    async setup() {
+        $el("style", {
+            textContent: styleMenus,
+            parent: document.head,
+        });
+        new FloatingButton();
+    },
+});
diff --git a/bizyui/js/model_apply.js b/bizyui/js/model_apply.js
new file mode 100644
index 00000000..c623c49d
--- /dev/null
+++ b/bizyui/js/model_apply.js
@@ -0,0 +1,189 @@
+import { app } from "../../scripts/app.js";
+
+import './bizyair_frontend.js'
+import { hideWidget } from './subassembly/tools.js'
+
+const possibleWidgetNames=[
+    "clip_name",
+    "clip_name1",
+    "clip_name2",
+    "ckpt_name",
+    "lora_name",
+    "control_net_name",
+    "ipadapter_file",
+    "unet_name",
+    "vae_name",
+    "model_name",
+    "instantid_file",
+    "pulid_file",
+    "style_model_name",
+]
+function createSetWidgetCallback(modelType, selectedBaseModels = []) {
+    return function setWidgetCallback() {
+        const targetWidget = this.widgets.find(widget => possibleWidgetNames.includes(widget.name));
+        if (targetWidget) {
+            targetWidget.value = targetWidget.value || "to choose"
+            targetWidget.mouse = function(e, pos, canvas) {
+                try {
+                    if (e.type === "pointerdown" || e.type === "mousedown" || e.type === "click" || e.type === "pointerup") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        e.widgetClick = true;
+
+                        const currentNode = this.node;
+
+                        if (!currentNode || !currentNode.widgets) {
+                            console.warn("Node or widgets not available");
+                            return false;
+                        }
+
+                        if (typeof bizyAirLib !== 'undefined' && typeof bizyAirLib.showModelSelect === 'function') {
+                            bizyAirLib.showModelSelect({
+                                modelType: [modelType],
+                                selectedBaseModels,
+                                onApply: (version, model) => {
+                                    if (!currentNode || !currentNode.widgets) return;
+
+                                    const currentLora = currentNode.widgets.find(widget => possibleWidgetNames.includes(widget.name));
+                                    const currentModel = currentNode.widgets.find(w => w.name === "model_version_id");
+
+                                    if (model && currentModel && version) {
+                                        currentLora.value = model;
+                                        currentModel.value = version.id;
+                                        currentNode.setDirtyCanvas(true);
+                                    }
+                                }
+                            });
+                        } else {
+                            console.error("bizyAirLib not available");
+                        }
+                        return false;
+                    }
+                } catch (error) {
+                    console.error("Error handling mouse event:", error);
+                }
+            };
+
+            targetWidget.node = this;
+            targetWidget.options = targetWidget.options || {};
+            targetWidget.options.values = () => [];
+            targetWidget.options.editable = false;
+            targetWidget.clickable = true;
+            targetWidget.processMouse = true;
+        }
+    }
+}
+
+function setupNodeMouseBehavior(node, modelType) {
+    hideWidget(node, "model_version_id");
+
+    if (!node._bizyairState) {
+        node._bizyairState = {
+            lastClickTime: 0,
+            DEBOUNCE_DELAY: 300,
+            original_onMouseDown: node.onMouseDown
+        };
+    }
+
+    node.onMouseDown = function(e, pos, canvas) {
+        if (e.widgetClick) {
+            return this._bizyairState.original_onMouseDown?.apply(this, arguments);
+        }
+
+
+
+        const targetWidget = this.widgets.find(widget => possibleWidgetNames.includes(widget.name));
+        if (targetWidget && pos[1] - targetWidget.last_y > 0 && pos[1] - targetWidget.last_y < 20) {
+            const litecontextmenu = document.querySelector('.litegraph.litecontextmenu')
+            if (litecontextmenu) {
+                litecontextmenu.style.display = 'none'
+            }
+            e.stopImmediatePropagation();
+            e.preventDefault();
+            if (e.button !== 0) {
+                return false;
+            }
+
+            const currentTime = new Date().getTime();
+            if (currentTime - this._bizyairState.lastClickTime < this._bizyairState.DEBOUNCE_DELAY) {
+                return false;
+            }
+            this._bizyairState.lastClickTime = currentTime;
+
+            const currentNode = this;
+            bizyAirLib.showModelSelect({
+                modelType: [modelType],
+                selectedBaseModels: [],
+                onApply: (version, model) => {
+                    if (!currentNode || !currentNode.widgets) return;
+
+                    const currentLora = currentNode.widgets.find(widget => possibleWidgetNames.includes(widget.name));
+                    const currentModel = currentNode.widgets.find(w => w.name === "model_version_id");
+
+                    if (model && currentModel && version) {
+                        currentLora.value = model;
+                        currentModel.value = version.id;
+                        currentNode.setDirtyCanvas(true);
+                    }
+                }
+            });
+            return false;
+        } else {
+            return this._bizyairState.original_onMouseDown?.apply(this, arguments);
+        }
+    }
+}
+
+const nodeDataNames = {
+    LoRA: ["BizyAir_LoraLoader","BizyAir_NunchakuFluxLoraLoader"],
+    Controlnet: "BizyAir_ControlNetLoader",
+    Checkpoint: "BizyAir_CheckpointLoaderSimple",
+    // Clip: "BizyAir_CLIPVisionLoader",
+    // Ipadapter: "BizyAir_IPAdapterModelLoade",
+    // Unet: "BizyAir_MZ_KolorsUNETLoaderV2",
+    // Vae: "BizyAir_VAELoader",
+    // Upscale_models: "BizyAir_UpscaleModelLoader",
+    // Instantid: "BizyAir_InstantIDModelLoader",
+    // Pulid: "BizyAir_PulidFluxModelLoader"
+}
+app.registerExtension({
+    name: "bizyair.siliconcloud.share.lora.loader.new",
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+        for( const key in nodeDataNames){
+            const names = nodeDataNames[key];
+            const isMatch = Array.isArray(names) ?
+                names.includes(nodeData.name) :
+                (nodeData.name === names);
+
+            if(isMatch){
+                const onNodeCreated = nodeType.prototype.onNodeCreated;
+                nodeType.prototype.onNodeCreated = function() {
+                    try {
+                        const result = onNodeCreated?.apply(this, arguments);
+                        let selectedBaseModels = [];if (nodeData.name === nodeDataNames.Checkpoint) {
+                            selectedBaseModels = ['SDXL', 'Pony', 'SD 3.5', 'Illustrious']
+                        }
+                        createSetWidgetCallback(key, selectedBaseModels).call(this);
+                        return result;
+                    } catch (error) {
+                        console.error("Error in node creation:", error);
+                    }
+                };
+            }
+        }
+    },
+
+    async nodeCreated(node) {
+        for (const key in nodeDataNames) {
+
+            const names = nodeDataNames[key]; //  string | array | undefined
+            const isMatch = names ?
+                (Array.isArray(names) ? names.includes(node?.comfyClass) : node?.comfyClass === names)
+                : false;
+
+            if (isMatch) {
+                setupNodeMouseBehavior(node, key);
+            }
+        }
+    }
+})
diff --git a/bizyui/js/sam_loader.js b/bizyui/js/sam_loader.js
new file mode 100644
index 00000000..a8579188
--- /dev/null
+++ b/bizyui/js/sam_loader.js
@@ -0,0 +1,70 @@
+import { app, ComfyApp } from "../../scripts/app.js";
+import { sam_edit } from "./dialog/sam_edit.js";
+import { api } from "../../../scripts/api.js";
+
+app.registerExtension({
+    name: "bizyair.sam.nodes",
+
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+
+        if(nodeData.name === "BizyAirSegmentAnythingPointBox"){
+            const original_getExtraMenuOptions = nodeType.prototype.getExtraMenuOptions;
+
+            nodeType.prototype.getExtraMenuOptions = function(_, options) {
+                original_getExtraMenuOptions?.apply(this, arguments);
+                options.push({
+                    content: "Open in SAM EDITOR",
+                    callback: async () => {
+                        ComfyApp.copyToClipspace(this);
+                        ComfyApp.clipspace_return_node = this;
+                        sam_edit()
+
+                    }
+                })
+            }
+    }
+
+
+    },
+    async nodeCreated(node){
+
+        function showImage(name) {
+            const img = new Image();
+            img.onload = () => {
+                node.imgs = [img];
+                app.graph.setDirtyCanvas(true);
+            };
+            let folder_separator = name.lastIndexOf("/");
+            let subfolder = "";
+            if (folder_separator > -1) {
+                subfolder = name.substring(0, folder_separator);
+                name = name.substring(folder_separator + 1);
+            }
+            img.src = api.apiURL(
+                `/view?filename=${encodeURIComponent(name)}&type=input&subfolder=${subfolder}${app.getPreviewFormatParam()}${app.getRandParam()}`
+            );
+            node.setSizeForImage?.();
+        }
+        async function reset_sam(){
+            await api.fetchApi("/bizyair/resetsam");
+        }
+
+        if(node.title === "☁️BizyAir Point-Box Guided SAM"){
+            const imageWidget = node.widgets.find(widget => widget.name === "image");
+            const cb = node.callback;
+            if (imageWidget) {
+                imageWidget.callback = async function(){
+                    showImage(imageWidget.value);
+                    if (cb) {
+                        return cb.apply(this, arguments);
+                    }
+                    await reset_sam();
+                };
+            } else {
+                console.log("image widget not found");
+            }
+
+        }
+    }
+
+});
diff --git a/bizyui/js/share_load_controlnet.js b/bizyui/js/share_load_controlnet.js
new file mode 100644
index 00000000..4f6ec5b7
--- /dev/null
+++ b/bizyui/js/share_load_controlnet.js
@@ -0,0 +1,43 @@
+import { api } from "../../../scripts/api.js";
+import { app } from "../../scripts/app.js";
+app.registerExtension({
+    name: "bizyair.siliconcloud.share.controlnet.loader",
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+        if (nodeData.name === "BizyAir_SharedControlNetLoader") {
+            async function onTextChange(share_id, canvas, comfynode) {
+                console.log("share_id:", share_id);
+                const response = await api.fetchApi(`/bizyair/modelhost/${share_id}/models/files?type=bizyair/controlnet`, {
+                    method: "GET",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                });
+
+                const { data: controlnets } = await response.json();
+                const controlnet_name_widget = comfynode.widgets.find(widget => widget.name === "control_net_name");
+                if (controlnets.length > 0) {
+                    controlnet_name_widget.value = controlnets[0];
+                    controlnet_name_widget.options.values = controlnets;
+                } else {
+                    console.log("No controlnets found in the response");
+                    controlnet_name_widget.value = "";
+                    controlnet_name_widget.options.values = [];
+                }
+            }
+
+            function setWigetCallback(){
+                const shareid_widget = this.widgets.find(widget => widget.name === "share_id");
+                if (shareid_widget) {
+                    shareid_widget.callback = onTextChange;
+                } else {
+                    console.log("share_id widget not found");
+                }
+            }
+            const onNodeCreated = nodeType.prototype.onNodeCreated
+            nodeType.prototype.onNodeCreated = function () {
+                onNodeCreated?.apply(this, arguments);
+                setWigetCallback.call(this, arguments);
+            };
+        }
+    },
+})
diff --git a/bizyui/js/share_lora_loader.js b/bizyui/js/share_lora_loader.js
new file mode 100644
index 00000000..96bd5d97
--- /dev/null
+++ b/bizyui/js/share_lora_loader.js
@@ -0,0 +1,43 @@
+import { api } from "../../../scripts/api.js";
+import { app } from "../../scripts/app.js";
+app.registerExtension({
+    name: "bizyair.siliconcloud.share.lora.loader",
+    async beforeRegisterNodeDef(nodeType, nodeData, app) {
+        if (nodeData.name === "BizyAir_SharedLoraLoader") {
+            async function onTextChange(share_id, canvas, comfynode) {
+                console.log("share_id:", share_id);
+                const response = await api.fetchApi(`/bizyair/modelhost/${share_id}/models/files?type=bizyair/lora`, {
+                    method: "GET",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                });
+
+                const { data: loras_list } = await response.json();
+                const lora_name_widget = comfynode.widgets.find(widget => widget.name === "lora_name");
+                if (loras_list.length > 0) {
+                    lora_name_widget.value = loras_list[0];
+                    lora_name_widget.options.values = loras_list;
+                } else {
+                    console.log("No loras found in the response");
+                    lora_name_widget.value = "";
+                    lora_name_widget.options.values = [];
+                }
+            }
+
+            function setWigetCallback(){
+                const shareid_widget = this.widgets.find(widget => widget.name === "share_id");
+                if (shareid_widget) {
+                    shareid_widget.callback = onTextChange;
+                } else {
+                    console.log("share_id widget not found");
+                }
+            }
+            const onNodeCreated = nodeType.prototype.onNodeCreated
+            nodeType.prototype.onNodeCreated = function () {
+                onNodeCreated?.apply(this, arguments);
+                setWigetCallback.call(this, arguments);
+            };
+        }
+    },
+})
diff --git a/bizyui/js/siliconcloud_llm_api.js b/bizyui/js/siliconcloud_llm_api.js
new file mode 100644
index 00000000..551c8a5d
--- /dev/null
+++ b/bizyui/js/siliconcloud_llm_api.js
@@ -0,0 +1,87 @@
+import { app } from "../../scripts/app.js";
+
+const createModelFetchExtension = (nodeName, endpoint) => {
+    return {
+        name: `bizyair.siliconcloud.${nodeName.toLowerCase()}.api.model_fetch`,
+        async beforeRegisterNodeDef(nodeType, nodeData, app) {
+            if (nodeData.name === nodeName) {
+                const originalNodeCreated = nodeType.prototype.onNodeCreated;
+                nodeType.prototype.onNodeCreated = async function () {
+                    if (originalNodeCreated) {
+                        originalNodeCreated.apply(this, arguments);
+                    }
+
+                    const modelWidget = this.widgets.find((w) => w.name === "model");
+
+                    const fetchModels = async () => {
+                        try {
+                            const response = await fetch(endpoint, {
+                                method: "POST",
+                                headers: {
+                                    "Content-Type": "application/json",
+                                },
+                                body: JSON.stringify({}),
+                            });
+
+                            if (response.ok) {
+                                const models = await response.json();
+                                console.debug(`Fetched ${nodeName} models:`, models);
+                                return models;
+                            } else {
+                                console.error(`Failed to fetch ${nodeName} models: ${response.status}`);
+                                return [];
+                            }
+                        } catch (error) {
+                            console.error(`Error fetching ${nodeName} models`, error);
+                            return [];
+                        }
+                    };
+
+                    const updateModels = async () => {
+                        const prevValue = modelWidget.value;
+                        modelWidget.value = "";
+                        modelWidget.options.values = [];
+
+                        const models = await fetchModels();
+
+                        modelWidget.options.values = models;
+                        console.debug(`Updated ${nodeName} modelWidget.options.values:`, modelWidget.options.values);
+
+                        if (models.includes(prevValue)) {
+                            modelWidget.value = prevValue; // stay on current.
+                        } else if (models.length > 0) {
+                            modelWidget.value = models[0]; // set first as default.
+                        }
+
+                        console.debug(`Updated ${nodeName} modelWidget.value:`, modelWidget.value);
+                        app.graph.setDirtyCanvas(true);
+                    };
+
+                    const dummy = async () => {
+                        // calling async method will update the widgets with actual value from the browser and not the default from Node definition.
+                    };
+
+                    // Initial update
+                    await dummy(); // this will cause the widgets to obtain the actual value from web page.
+                    await updateModels();
+                };
+            }
+        },
+    };
+};
+
+// LLM Extension
+app.registerExtension(
+    createModelFetchExtension(
+        "BizyAirSiliconCloudLLMAPI",
+        "/bizyair/get_silicon_cloud_llm_models"
+    )
+);
+
+// VLM Extension
+app.registerExtension(
+    createModelFetchExtension(
+        "BizyAirSiliconCloudVLMAPI",
+        "/bizyair/get_silicon_cloud_vlm_models"
+    )
+);
diff --git a/bizyui/js/subassembly/dialog.js b/bizyui/js/subassembly/dialog.js
new file mode 100644
index 00000000..ff716bf6
--- /dev/null
+++ b/bizyui/js/subassembly/dialog.js
@@ -0,0 +1,166 @@
+import { $el } from "../../../scripts/ui.js";
+
+
+function generateUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const r = window.crypto.getRandomValues(new Uint8Array(1))[0] % 16 | (c === 'x' ? 0 : 8);
+        return r.toString(16);
+    });
+}
+let dialogStack = [];
+export function dialog(params) {
+    const id = `bizyair-dialog${generateUUID()}`;
+    const style = {};
+    let h = 'calc(80vh - 40px - 40px)';
+    if (params.yesText || params.noText || params.neutralText) {
+        h = 'calc(80vh - 40px - 40px - 34px)';
+    }
+    if (params.title) {
+        h = 'calc(80vh - 40px - 40px - 34px - 48px)'
+    }
+    function setContent() {
+        if (params.content) {
+            return $el("div.bizyair-new-dialog-body", {
+                style: { maxHeight: h }
+            }, [
+                (params.type && params.type === 'succeed' ? $el('div.bizyair-new-dialog-icon.bizyair-new-dialog-succeed', {}, []) : ''),
+                (params.type && params.type === 'warning' ? $el('div.bizyair-new-dialog-icon.bizyair-new-dialog-warning', {}, []) : ''),
+                (params.type && params.type === 'error' ? $el('div.bizyair-new-dialog-icon.bizyair-new-dialog-error', {}, []) : ''),
+                params.content
+            ])
+        }
+        return ''
+    }
+    const el = $el("div.bizyair-new-dialog", {
+        parent: document.body,
+        id,
+        style: { zIndex: 10000 + document.querySelectorAll('.bizyair-new-dialog').length },
+        onclick: function () {
+            if (params.closeOnClickModal) {
+                removeDialog()
+            }
+        },
+    }, [
+        $el("div.bizyair-dialog-content", {
+            style,
+            onclick: (e) => {
+                e.stopPropagation();
+            }
+        }, [
+            (!params.closeOnClickModal ? $el('div.bizyair-icon-operate.bizyair-icon-nude-close.bizyair-dialog-content-close', {
+                onclick: () => {
+                    if (params.onNo) {
+                        params.onNo();
+                    }
+                    removeDialog(document.getElementById(id))
+                }
+            }) : ''),
+            (params.title ? $el("p.bizyair-new-dialog-title", {}, [params.title]) : ''),
+            setContent(),
+            $el('div.bizyair-new-dialog-footer', {}, [
+                (params.yesText ? $el("button.bizyair-new-dialog-btn", {
+                    type: "button",
+                    textContent: params.yesText,
+                    id: params.yesId ? params.yesId : '',
+                    onclick: async () => {
+                        if (params.onYes) {
+                            const res = await params.onYes();
+                            if (!res) {
+                                return false
+                            }
+                        }
+                        removeDialog()
+                    }
+                }) : ''),
+                (params.neutralText ? $el("button.bizyair-new-dialog-btn", {
+                    type: "button",
+                    textContent: params.neutralText,
+                    id: params.neutralId ? params.neutralId : '',
+                    onclick: async () => {
+                        if (params.onNeutral) {
+                            const res = await params.onNeutral();
+                            if (!res) {
+                                return false
+                            }
+                        }
+                        removeDialog()
+                    }
+                }) : ''),
+                (params.noText ? $el("button.bizyair-new-dialog-btn", {
+                    type: "button",
+                    textContent: params.noText,
+                    onclick: async () => {
+                        if (params.onNo) {
+                            await params.onNo();
+                        }
+                        removeDialog()
+                    }
+                }) : '')
+            ]),
+        ])
+    ]);
+    const fnEscapeClose = async (e) => {
+        if (e.key === "Escape") {
+            const topDialog = dialogStack[dialogStack.length - 1];
+
+            if (topDialog === el) {
+                if (params.onNo) {
+                    await params.onNo();
+                }
+                removeDialog();
+            }
+        }
+    };
+    dialogStack.push(el);
+
+    if (!params.onEscape) {
+        document.addEventListener("keydown", fnEscapeClose);
+    }
+
+    function removeDialog() {
+        const el = document.getElementById(id);
+        requestAnimationFrame(() => {
+            el.querySelector('.bizyair-dialog-content').style.transition = 'all 0.2s';
+            el.querySelector('.bizyair-dialog-content').style.transform = 'translate(-50%, -50%) scale(0)';
+            el.style.transition = 'all 0.3s';
+            el.style.opacity = '0';
+            setTimeout(() => {
+                el.remove();
+                if (params.onClose) {
+                    params.onClose();
+                }
+            }, 200);
+        });
+        document.removeEventListener("keydown", fnEscapeClose);
+        dialogStack = dialogStack.filter(d => d !== el);
+    }
+    return {
+        close: () => {
+            removeDialog(document.getElementById(id))
+        }
+    }
+}
+dialog.succeed = params => {
+    if (typeof params === 'string') {
+        const contentParams = { content: params, type: 'succeed' }
+        dialog(contentParams)
+    }
+    params.type = 'succeed';
+    dialog(params)
+}
+dialog.warning = params => {
+    if (typeof params === 'string') {
+        const contentParams = { content: params, type: 'warning' }
+        dialog(contentParams)
+    }
+    params.type = 'warning';
+    dialog(params)
+}
+dialog.error = params => {
+    if (typeof params === 'string') {
+        const contentParams = { content: params, type: 'error' }
+        dialog(contentParams)
+    }
+    params.type = 'error';
+    dialog(params)
+}
diff --git a/bizyui/js/subassembly/styleDialog.js b/bizyui/js/subassembly/styleDialog.js
new file mode 100644
index 00000000..ae20390c
--- /dev/null
+++ b/bizyui/js/subassembly/styleDialog.js
@@ -0,0 +1,81 @@
+export const styleDialog = `
+.bizyair-new-dialog{
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0, 0, 0, 0.6);
+}
+.bizyair-dialog-content{
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) scale(1);
+    padding: 24px;
+    min-width: 400px;
+    min-height: 120px;
+    max-height: 80vh;
+    max-width: 80vw;
+    color: var(--p-dialog-color);
+    border-radius: var(--radius-rounded-lg, 8px);
+    border: 1px solid var(--border-border-toast-destructive, rgba(31, 41, 55, 0.40));
+    background: #353535;
+    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
+    position: relative;
+}
+.bizyair-dialog-content-close{
+    position: absolute;
+    right: 20px;
+    top: 20px;
+    margin: 0;
+}
+.bizyair-new-dialog-title{
+    font-size: 18px;
+    line-height: 26px;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+}
+.bizyair-new-dialog-body{
+    margin: 16px 0 20px 0;
+    overflow-y: auto;
+}
+.bizyair-new-dialog-footer{
+    display: flex;
+    justify-content: flex-end;
+}
+.bizyair-new-dialog-btn{
+    color: var(--input-text);
+    background-color: var(--comfy-input-bg);
+    border-radius: 8px;
+    border-color: var(--border-color);
+    border-style: solid;
+    fons-size: 20px;
+    box-sizing: border-box;
+    line-height: 30px;
+    cursor: pointer;
+    padding: 0 18px;
+    margin-left: 10px;
+}
+.bizyair-new-dialog-btn:hover{
+    background-color: var(--comfy-input-bg-hover);
+}
+.bizyair-new-dialog-icon{
+    width: 64px;
+    height: 64px;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    margin: 20px auto;
+}
+.bizyair-new-dialog-succeed{
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 36 36'%3E%3Cpath fill='%2367c23a' d='M18 2a16 16 0 1 0 16 16A16 16 0 0 0 18 2m10.45 10.63L15.31 25.76L7.55 18a1.4 1.4 0 0 1 2-2l5.78 5.78l11.14-11.13a1.4 1.4 0 1 1 2 2Z' class='clr-i-solid clr-i-solid-path-1'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
+}
+.bizyair-new-dialog-warning{
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 20 20'%3E%3Cpath fill='%23e6a23c' d='M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8s-8-3.58-8-8s3.58-8 8-8m1.13 9.38l.35-6.46H8.52l.35 6.46zm-.09 3.36c.24-.23.37-.55.37-.96c0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35s-.82.12-1.07.35s-.37.55-.37.97c0 .41.13.73.38.96c.26.23.61.34 1.06.34s.8-.11 1.05-.34'/%3E%3C/svg%3E");
+}
+.bizyair-new-dialog-error{
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23f56c6c' d='M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m5.793-4.207a1 1 0 0 1 1.414 0L12 10.586l2.793-2.793a1 1 0 1 1 1.414 1.414L13.414 12l2.793 2.793a1 1 0 0 1-1.414 1.414L12 13.414l-2.793 2.793a1 1 0 0 1-1.414-1.414L10.586 12L7.793 9.207a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
+}
+`
diff --git a/bizyui/js/subassembly/styleMenus.js b/bizyui/js/subassembly/styleMenus.js
new file mode 100644
index 00000000..16352299
--- /dev/null
+++ b/bizyui/js/subassembly/styleMenus.js
@@ -0,0 +1,72 @@
+export const styleMenus = `
+.bizyair-comfy-floating-button {
+    position: fixed;
+    top: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: auto;
+    height: 32px;
+    border-radius: 4px;
+    // background: #7C3AED;
+    display: flex;
+    // padding: 0px 0 0 4px;
+    z-index: 999;
+}
+.bizyair-logo{
+    width: 28px;
+    height: 32px;
+    margin: 0;
+    padding: 0;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQwSURBVHic7ZwxiFxVFIb/KyuskCLFFtNpsUIKiwgWEVKslREiWERIIOAKlhYRUgRstlC0EEQsRBKIjaQWi11IkYiCSBZslBVmIEKEWVBQ2IUtZuGzeG/g+Zz39t1z78zszL0fLAvLeeec+efed887796VMplMJpPJZDKZTCaTSQsX6gAgRiKR2Jc0kPSDpB3n3HfTDrhsAtYZSPpA0tfOueNpBFh2AcfsSrrmnBvEdpyKgJJ0KOlN59xOTKcpCShJx5JejyliagJKxUh8MdZ0fiqGkwXjjKR7wEoMZykKKEkvSboew1GKU3jMwDn3fKiTVEegJK0DG6FOUhZQkl4NdZC6gBdCHcxSwENJr7kWJD0t6avSfl/SM232E669VsbpyrmYH9AE3blygp8e8GPF/qYxn5seOc1/AeyY5wg40+LjHDCs2P8NnDXksgr0ZyngrKbwL865iVMLuCjpgaRe5c+fOef+McS5JWndw37fECMuHb/o2w3XXgQOarZHwJohj/XyWh8ehH7+WY3AX+t/AM5L2lbxaFXlS+fcX4YYX0ha9bzmJ0OcuHT8pi/Vrlnnv/e86ujrNcVqyeGq58gbsxFNCCsdE32uYr8G7DXY3THEPws8MYjXjyqElQ6JHlVsV4D7TXbYRt+nBvEANqMKYaVDov2K7VaL3ceG2C9QlEi+PCJSOyuYDsneL+0utdhY677vDeIdAD6lznTpkPBdYIP/lytVvJ86gOsG8UbUFrS50yHpIe3TbAh4lR8UC8ekVbyNg1MnnuT1LNzEpiGm78LxiNM0basEireH580cv4WjD2z6xvBh3ivRe4YdA5+rOe99Sb+peMLYcc49DMitE/NsqH7j+34WuCpp4wSzFUmUP6cf49Q9ovJ00jHOKvDYM04feGuaUzgYo4BbhjjvG2PBki0ij/EvW3q015HbHeIuTRnzhiHG3RZ/VygK9S4sZCFdZdvg/zzNZctWabPpkcPCPcqNObIkTnP3ZodyccD//rhQzYQxtwy+mxoQT6i0/YHbngLCArWzAH7G8I2X19U5AC7U7CxdmYVpqI4o3n/4+p3UbRkBlyfY/mkQEBakpb9l8LnC5Pe770ywXTOKB/BRFBFCOCHBPTxrvtLnpFX1RoNt1xJmEsGvNYNpSW5E7V7V0V999I2axCvtbwQIOAz79BFoSe4To7/q6Btx8p6aewECzr/h0JKb984nitE37jQPKbZ9tNn3sC8gUQScZjH5LfCuiv5cVy6r2CPzu4o9zH8AzzbYrkm6U/62Erw3JuU90pL00Dn3SoiD1HeoBu+NSV3A4BNLKU/hfMwhkA9jOEl1BO5KejnGGeIUBcyHDQM4VnFmONrB65QEPFTks8JSOgLuqpi2UcWTll/AgaS3VSwY0f9fgjT/vTGxmfnemEwmk8lkMplMJpPJZFLjXzMoB90iULCqAAAAAElFTkSuQmCC) no-repeat center center;
+    background-size: 28px 28px;
+}
+.menus-item{
+    line-height: 32px;
+    padding: 0 8px 0 32px;
+    font-size: 14px;
+    cursor: pointer;
+    position: relative;
+    background-size: 18px 18px;
+    background-repeat: no-repeat;
+    transition: background-color 0.4s;
+    background-position: 8px center;
+    margin: 0 4px;
+}
+.menus-item:hover{
+    background-color: #4A238E;
+}
+.menus-item:hover .menus-item-arrow{
+    opacity: 0;
+}
+.cmfy-floating-button-closer{
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    transition: background-color 0.4s;
+    transition: all 0.4s;
+    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 4a1 1 0 0 1 1 1v6.333l10.223-6.815a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L8 12.667V19a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1m10 3.737L10.606 12L17 16.263z'/%3E%3C/svg%3E") center center no-repeat;
+    background-size: 16px 16px;
+    border-radius: 0 4px 4px 0;
+}
+.cmfy-floating-button-closer:hover{
+    background-color: #4A238E;
+}
+.cmfy-floating-button-closer-overturn{
+    transform: rotate(180deg);
+}
+.comfy-floating-button-hidden{
+    padding-left: 2px;
+    padding-right: 2px;
+}
+.comfy-floating-button-hidden .cmfy-floating-button-closer{
+    width: 0;
+    margin: 0;
+}
+.comfy-floating-button-hidden:hover{
+    padding-right: 0;
+}
+.comfy-floating-button-hidden:hover .cmfy-floating-button-closer{
+    width: 32px;
+    border-radius: 4px 0 0 4px;
+}
+`
diff --git a/bizyui/js/subassembly/tools.js b/bizyui/js/subassembly/tools.js
new file mode 100644
index 00000000..26d91694
--- /dev/null
+++ b/bizyui/js/subassembly/tools.js
@@ -0,0 +1,18 @@
+export const hideWidget = (node, widget_name) => {
+  const widget = node.widgets.find(widget => widget.name === widget_name)
+  if (!widget) {
+    return
+  }
+
+  const originalComputeSize = widget.computeSize;
+  const originalType = widget.type;
+
+  widget.computeSize = () => [0, -4];
+  widget.type = "hidden";
+  widget.options = widget.options || {};
+  widget.show = () => {
+    widget.computeSize = originalComputeSize;
+    widget.type = originalType;
+    widget.height = undefined;
+  };
+}
diff --git a/index.html b/index.html
index dde16aaf..1a770183 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml"  />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue + TS</title>
   </head>
diff --git a/package-lock.json b/package-lock.json
index 8980bf3e..85caef18 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "my-vue-app",
+  "name": "bizyair-frontend",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "my-vue-app",
+      "name": "bizyair-frontend",
       "version": "0.0.0",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.6.0",
diff --git a/package.json b/package.json
index 6d48005b..918d99ce 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "my-vue-app",
+  "name": "bizyair-frontend",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -7,6 +7,7 @@
     "dev:vite": "vite --host ",
     "dev": "vue-tsc -b && vite build --watch",
     "build": "vue-tsc -b && vite build",
+    "build:py": "rm -rf dist && npm run build && sh scripts/build_python_package.sh",
     "preview": "vite preview",
     "format": "prettier --write \"{src,browser_tests}/**/*.{vue,ts,tsx,js,jsx,css,less,scss,json,md}\""
   },
diff --git a/pyproject.toml b/pyproject.toml
new file mode 100644
index 00000000..c4fbac0a
--- /dev/null
+++ b/pyproject.toml
@@ -0,0 +1,40 @@
+[build-system]
+requires = ["setuptools>=61.0", "wheel"]
+build-backend = "setuptools.build_meta"
+
+[project]
+name = "bizyui"
+description = "Web resources for [a/BizyAir](https://github.com/siliconflow/BizyAir) which contains Comfy Nodes that can run in any environment."
+license = { file = "LICENSE" }
+authors = [{ name = "SiliconFlow", email = "yaochi@siliconflow.cn" }]
+readme = "README.md"
+requires-python = ">=3.10"
+classifiers = [
+    "Programming Language :: Python :: 3",
+    "License :: OSI Approved :: MIT License",
+    "Operating System :: OS Independent",
+]
+dynamic = ["version"]
+
+[tool.setuptools.dynamic]
+version = { file = ["version.txt"] }
+
+[project.urls]
+Repository = "https://github.com/siliconflow/BizyAir"
+#  Used by Comfy Registry https://comfyregistry.org
+
+[tool.comfy]
+PublisherId = "siliconflow"
+DisplayName = "☁️BizyAir"
+Icon = "https://framerusercontent.com/images/4li2PjWxZJmoGkzXRMJWU1rJmI.svg"
+
+[tool.setuptools]
+packages = ["bizyui"]
+package-dir = { bizyui = "bizyui" }
+include-package-data = true
+
+[tool.setuptools.package-data]
+"bizyui" = ["**/*"]
+
+[tool.setuptools.exclude-package-data]
+"*" = ["__pycache__/*", "*/__pycache__/*"]
diff --git a/scripts/build_python_package.sh b/scripts/build_python_package.sh
new file mode 100755
index 00000000..f0e36e87
--- /dev/null
+++ b/scripts/build_python_package.sh
@@ -0,0 +1,42 @@
+#!/bin/bash
+
+set -e
+
+echo "=== Starting BizyAir frontend integration build process ==="
+
+# 确保bizyui/js目录存在
+mkdir -p bizyui/js
+
+# 复制编译后的前端文件到bizyui目录
+echo "Copying compiled frontend files to bizyui package..."
+# Vite在lib模式下可能直接输出到dist目录或dist/assets目录
+if [ -f dist/bizyair_frontend.js ]; then
+  cp dist/bizyair_frontend.js bizyui/js/bizyair_frontend.js
+elif [ -d dist/assets ] && [ -n "$(ls -A dist/assets/*.js 2>/dev/null)" ]; then
+  cp dist/assets/*.js bizyui/js/bizyair_frontend.js
+else
+  echo "WARNING: Compiled frontend file not found in expected locations!"
+  echo "Please check the Vite build output location."
+  exit 1
+fi
+echo "Frontend files copied successfully!"
+
+# 确保__init__.py文件存在
+if [ ! -f bizyui/__init__.py ]; then
+  touch bizyui/__init__.py
+  echo "__init__.py file created!"
+fi
+
+# 构建Python包
+echo "Building Python package..."
+
+# 清理旧的构建文件
+rm -rf build bizyui.egg-info
+
+# 构建Python包
+python -m build
+
+echo "BizyUI package built successfully!"
+echo "Wheel package is available in the dist/ directory"
+
+echo "=== BizyAir frontend integration build completed! ==="
diff --git a/src/components/modules/vUpload/index.vue b/src/components/modules/vUpload/index.vue
index 5ff8b5ff..ae60fc19 100644
--- a/src/components/modules/vUpload/index.vue
+++ b/src/components/modules/vUpload/index.vue
@@ -63,7 +63,9 @@
   const allowedExtensions = computed(() => props.accept || DEFAULT_ALLOWED_EXTENSIONS)
   const { disableUpload, uploadSuccessful, uploadFile, interrupt, cancel } = useUpload(
     computed(() => props.modelType),
-    emit
+    (event: string, payload?: any) => {
+      emit(event as 'error' | 'progress' | 'uploadInfo' | 'success' | 'path' | 'start', payload)
+    }
   )
 
   function highlight(e: DragEvent) {
diff --git a/src/components/modules/vUpload/useRetry.ts b/src/components/modules/vUpload/useRetry.ts
index 017a867b..29828cca 100644
--- a/src/components/modules/vUpload/useRetry.ts
+++ b/src/components/modules/vUpload/useRetry.ts
@@ -6,7 +6,7 @@ import { UploadData, RetryTimeout } from './types'
 import { isNetworkError } from './utils'
 
 export function useRetry(
-  emitFn: Function,
+  emitFn: (event: string, payload?: any) => void,
   doUploadFn: (data: UploadData) => Promise<any>,
   handleSuccessFn: (data: UploadData) => Promise<void>,
   disableUploadRef: Ref<boolean>
diff --git a/src/components/modules/vUpload/useUpload.ts b/src/components/modules/vUpload/useUpload.ts
index 7567602b..b9fc48d4 100644
--- a/src/components/modules/vUpload/useUpload.ts
+++ b/src/components/modules/vUpload/useUpload.ts
@@ -17,7 +17,10 @@ import {
 } from './utils'
 import { useRetry } from './useRetry'
 
-export function useUpload(modelType: Ref<string | undefined>, emitFn: Function) {
+export function useUpload(
+  modelType: Ref<string | undefined>,
+  emitFn: (event: string, payload?: any) => void
+) {
   const { t } = useI18n()
 
   const uploadState = ref<UploadState>({})
diff --git a/tsconfig.app.tsbuildinfo b/tsconfig.app.tsbuildinfo
deleted file mode 100644
index 39c8da95..00000000
--- a/tsconfig.app.tsbuildinfo
+++ /dev/null
@@ -1 +0,0 @@
-{"root":["./src/main.ts","./src/vite-env.d.ts","./src/api/consumptionbill.ts","./src/api/dataset.ts","./src/api/json_data.ts","./src/api/message-box.ts","./src/api/model.ts","./src/api/order.ts","./src/api/public.ts","./src/api/user.ts","./src/components/community/index.ts","./src/components/markdown/index.ts","./src/components/message-box/index.ts","./src/components/message-box/types.ts","./src/components/message-box/utils.ts","./src/components/model-select/index.ts","./src/components/modules/toats/index.ts","./src/components/modules/valertdialog/index.ts","./src/components/modules/vconfirm/index.ts","./src/components/modules/vshadet/index.ts","./src/components/modules/vupload/computehash.ts","./src/components/modules/vupload/constants.ts","./src/components/modules/vupload/imagetooss.ts","./src/components/modules/vupload/ossclient.ts","./src/components/modules/vupload/types.ts","./src/components/modules/vupload/useretry.ts","./src/components/modules/vupload/useupload.ts","./src/components/modules/vupload/utils.ts","./src/components/modules/vupload/virtualupload.ts","./src/components/ui/accordion/index.ts","./src/components/ui/alert-dialog/index.ts","./src/components/ui/avatar/index.ts","./src/components/ui/badge/index.ts","./src/components/ui/button/index.ts","./src/components/ui/command/index.ts","./src/components/ui/dialog/index.ts","./src/components/ui/drawer/index.ts","./src/components/ui/dropdown-menu/index.ts","./src/components/ui/form/index.ts","./src/components/ui/form/injectionkeys.ts","./src/components/ui/form/useformfield.ts","./src/components/ui/input/index.ts","./src/components/ui/label/index.ts","./src/components/ui/menubar/index.ts","./src/components/ui/pagination/index.ts","./src/components/ui/popover/index.ts","./src/components/ui/progress/index.ts","./src/components/ui/scroll-area/index.ts","./src/components/ui/select/index.ts","./src/components/ui/sheet/index.ts","./src/components/ui/skeleton/index.ts","./src/components/ui/sonner/index.ts","./src/components/ui/switch/index.ts","./src/components/ui/table/index.ts","./src/components/ui/tabs/index.ts","./src/components/ui/textarea/index.ts","./src/components/ui/toast/index.ts","./src/components/ui/toast/use-toast.ts","./src/components/ui/tooltip/index.ts","./src/composables/usemodelgrid.ts","./src/lib/utils.ts","./src/stores/communitystore.ts","./src/stores/datasetstore.ts","./src/stores/dictstore.ts","./src/stores/languagestore.ts","./src/stores/modelselectstore.ts","./src/stores/modelstatus.ts","./src/stores/notificationstore.ts","./src/stores/orderstore.ts","./src/stores/tags.ts","./src/stores/userstatus.ts","./src/types/commondict.d.ts","./src/types/grid.ts","./src/types/message.d.ts","./src/types/model.d.ts","./src/utils/customfetch.ts","./src/utils/socket.ts","./src/utils/tool.ts","./src/app.vue","./src/components/community/index.vue","./src/components/community/maincontent.vue","./src/components/community/mine.vue","./src/components/community/quickstartcontent.vue","./src/components/community/sidebar.vue","./src/components/community/workflowscontent.vue","./src/components/community/detail/index.vue","./src/components/community/modules/backtotop.vue","./src/components/community/modules/basemodelgrid.vue","./src/components/community/modules/emptystate.vue","./src/components/community/modules/loadingoverlay.vue","./src/components/community/modules/minetabs.vue","./src/components/community/modules/modelcard.vue","./src/components/community/modules/modelfilterbar.vue","./src/components/community/modules/newpostbutton.vue","./src/components/markdown/index.vue","./src/components/message-box/index.vue","./src/components/message-box/modules/detail.vue","./src/components/message-box/modules/messagelist.vue","./src/components/model-select/index.vue","./src/components/model-select/mine.vue","./src/components/model-select/detail/index.vue","./src/components/model-select/modules/basemodelgrid.vue","./src/components/model-select/modules/minetabs.vue","./src/components/model-select/modules/modelcard.vue","./src/components/model-select/modules/modelfilterbar.vue","./src/components/modules/btnmenu.vue","./src/components/modules/v-tooltip.vue","./src/components/modules/vaccordiontrigger.vue","./src/components/modules/vcustomaccordion.vue","./src/components/modules/vcustomaccordionitem.vue","./src/components/modules/vdefaultpic.vue","./src/components/modules/vdialog-bf2.vue","./src/components/modules/vdialog.vue","./src/components/modules/vdrawer.vue","./src/components/modules/vimage.vue","./src/components/modules/vitem.vue","./src/components/modules/vradio.vue","./src/components/modules/vselect.vue","./src/components/modules/vtheme.vue","./src/components/modules/toats/index.vue","./src/components/modules/valertdialog/index.vue","./src/components/modules/vconfirm/index.vue","./src/components/modules/vshadet/index.vue","./src/components/modules/vupload/index.vue","./src/components/modules/vupload/vuploadimage.vue","./src/components/modules/vupload/vuploadmulti.vue","./src/components/ui/accordion/accordion.vue","./src/components/ui/accordion/accordioncontent.vue","./src/components/ui/accordion/accordionitem.vue","./src/components/ui/accordion/accordiontrigger.vue","./src/components/ui/alert-dialog/alertdialog.vue","./src/components/ui/alert-dialog/alertdialogaction.vue","./src/components/ui/alert-dialog/alertdialogcancel.vue","./src/components/ui/alert-dialog/alertdialogcontent.vue","./src/components/ui/alert-dialog/alertdialogdescription.vue","./src/components/ui/alert-dialog/alertdialogfooter.vue","./src/components/ui/alert-dialog/alertdialogheader.vue","./src/components/ui/alert-dialog/alertdialogtitle.vue","./src/components/ui/alert-dialog/alertdialogtrigger.vue","./src/components/ui/avatar/avatar.vue","./src/components/ui/avatar/avatarfallback.vue","./src/components/ui/avatar/avatarimage.vue","./src/components/ui/badge/badge.vue","./src/components/ui/button/button.vue","./src/components/ui/command/command.vue","./src/components/ui/command/commanddialog.vue","./src/components/ui/command/commandempty.vue","./src/components/ui/command/commandgroup.vue","./src/components/ui/command/commandinput.vue","./src/components/ui/command/commanditem.vue","./src/components/ui/command/commandlist.vue","./src/components/ui/command/commandseparator.vue","./src/components/ui/command/commandshortcut.vue","./src/components/ui/dialog/dialog.vue","./src/components/ui/dialog/dialogclose.vue","./src/components/ui/dialog/dialogcontent.vue","./src/components/ui/dialog/dialogdescription.vue","./src/components/ui/dialog/dialogfooter.vue","./src/components/ui/dialog/dialogheader.vue","./src/components/ui/dialog/dialogscrollcontent.vue","./src/components/ui/dialog/dialogtitle.vue","./src/components/ui/dialog/dialogtrigger.vue","./src/components/ui/drawer/drawer.vue","./src/components/ui/drawer/drawercontent.vue","./src/components/ui/drawer/drawerdescription.vue","./src/components/ui/drawer/drawerfooter.vue","./src/components/ui/drawer/drawerheader.vue","./src/components/ui/drawer/draweroverlay.vue","./src/components/ui/drawer/drawertitle.vue","./src/components/ui/dropdown-menu/dropdownmenu.vue","./src/components/ui/dropdown-menu/dropdownmenucheckboxitem.vue","./src/components/ui/dropdown-menu/dropdownmenucontent.vue","./src/components/ui/dropdown-menu/dropdownmenugroup.vue","./src/components/ui/dropdown-menu/dropdownmenuitem.vue","./src/components/ui/dropdown-menu/dropdownmenulabel.vue","./src/components/ui/dropdown-menu/dropdownmenuradiogroup.vue","./src/components/ui/dropdown-menu/dropdownmenuradioitem.vue","./src/components/ui/dropdown-menu/dropdownmenuseparator.vue","./src/components/ui/dropdown-menu/dropdownmenushortcut.vue","./src/components/ui/dropdown-menu/dropdownmenusub.vue","./src/components/ui/dropdown-menu/dropdownmenusubcontent.vue","./src/components/ui/dropdown-menu/dropdownmenusubtrigger.vue","./src/components/ui/dropdown-menu/dropdownmenutrigger.vue","./src/components/ui/form/formcontrol.vue","./src/components/ui/form/formdescription.vue","./src/components/ui/form/formitem.vue","./src/components/ui/form/formlabel.vue","./src/components/ui/form/formmessage.vue","./src/components/ui/input/input.vue","./src/components/ui/label/label.vue","./src/components/ui/menubar/menubar.vue","./src/components/ui/menubar/menubarcheckboxitem.vue","./src/components/ui/menubar/menubarcontent.vue","./src/components/ui/menubar/menubargroup.vue","./src/components/ui/menubar/menubaritem.vue","./src/components/ui/menubar/menubarlabel.vue","./src/components/ui/menubar/menubarmenu.vue","./src/components/ui/menubar/menubarradiogroup.vue","./src/components/ui/menubar/menubarradioitem.vue","./src/components/ui/menubar/menubarseparator.vue","./src/components/ui/menubar/menubarshortcut.vue","./src/components/ui/menubar/menubarsub.vue","./src/components/ui/menubar/menubarsubcontent.vue","./src/components/ui/menubar/menubarsubtrigger.vue","./src/components/ui/menubar/menubartrigger.vue","./src/components/ui/pagination/paginationellipsis.vue","./src/components/ui/pagination/paginationfirst.vue","./src/components/ui/pagination/paginationlast.vue","./src/components/ui/pagination/paginationnext.vue","./src/components/ui/pagination/paginationprev.vue","./src/components/ui/popover/popover.vue","./src/components/ui/popover/popovercontent.vue","./src/components/ui/popover/popovertrigger.vue","./src/components/ui/progress/progress.vue","./src/components/ui/scroll-area/scrollarea.vue","./src/components/ui/scroll-area/scrollbar.vue","./src/components/ui/select/select.vue","./src/components/ui/select/selectcontent.vue","./src/components/ui/select/selectgroup.vue","./src/components/ui/select/selectitem.vue","./src/components/ui/select/selectitemtext.vue","./src/components/ui/select/selectlabel.vue","./src/components/ui/select/selectscrolldownbutton.vue","./src/components/ui/select/selectscrollupbutton.vue","./src/components/ui/select/selectseparator.vue","./src/components/ui/select/selecttrigger.vue","./src/components/ui/select/selectvalue.vue","./src/components/ui/sheet/sheet.vue","./src/components/ui/sheet/sheetclose.vue","./src/components/ui/sheet/sheetcontent.vue","./src/components/ui/sheet/sheetdescription.vue","./src/components/ui/sheet/sheetfooter.vue","./src/components/ui/sheet/sheetheader.vue","./src/components/ui/sheet/sheettitle.vue","./src/components/ui/sheet/sheettrigger.vue","./src/components/ui/skeleton/skeleton.vue","./src/components/ui/sonner/sonner.vue","./src/components/ui/switch/switch.vue","./src/components/ui/table/table.vue","./src/components/ui/table/tablebody.vue","./src/components/ui/table/tablecaption.vue","./src/components/ui/table/tablecell.vue","./src/components/ui/table/tableempty.vue","./src/components/ui/table/tablefooter.vue","./src/components/ui/table/tablehead.vue","./src/components/ui/table/tableheader.vue","./src/components/ui/table/tablerow.vue","./src/components/ui/tabs/tabs.vue","./src/components/ui/tabs/tabscontent.vue","./src/components/ui/tabs/tabslist.vue","./src/components/ui/tabs/tabstrigger.vue","./src/components/ui/textarea/textarea.vue","./src/components/ui/toast/toast.vue","./src/components/ui/toast/toastaction.vue","./src/components/ui/toast/toastclose.vue","./src/components/ui/toast/toastdescription.vue","./src/components/ui/toast/toastprovider.vue","./src/components/ui/toast/toasttitle.vue","./src/components/ui/toast/toastviewport.vue","./src/components/ui/toast/toaster.vue","./src/components/ui/tooltip/tooltip.vue","./src/components/ui/tooltip/tooltipcontent.vue","./src/components/ui/tooltip/tooltipprovider.vue","./src/components/ui/tooltip/tooltiptrigger.vue","./src/views/btnapikey/apikeydialog.vue","./src/views/btnapikey/index.vue","./src/views/btncommunity/index.vue","./src/views/btndocs/index.vue","./src/views/btnexample/index.vue","./src/views/btnmessage/index.vue","./src/views/btnmodel/index.vue","./src/views/btnnews/index.vue","./src/views/btnprofile/dialogcoinslis.vue","./src/views/btnprofile/dialogconsumptionbill.vue","./src/views/btnprofile/dialoginfo.vue","./src/views/btnprofile/dialogproduct.vue","./src/views/btnprofile/dialogpurchasedoc.vue","./src/views/btnprofile/dialogrecord.vue","./src/views/btnprofile/dialoguploadinfo.vue","./src/views/btnprofile/index.vue","./src/views/btnprofile/uploadavatar.vue","./src/views/btnprofile/wechat.vue","./src/views/btnpublish/dialogmodel.vue","./src/views/btnpublish/dialogworkflow-back.vue","./src/views/btnpublish/dialogworkflow.vue","./src/views/btnpublish/index.vue","./src/views/btnpublish/modules/dialogworkflow.vue","./src/views/btntrain/index.vue","./src/views/btntrain/dataset/datasetimage.vue","./src/views/btntrain/dataset/dialoglist.vue","./src/views/btntrain/dataset/dialogupload.vue","./src/views/btntrain/tasks/datasetimage.vue","./src/views/btntrain/tasks/dialoglist.vue","./src/views/btntrain/tasks/dialogupload.vue"],"version":"5.6.3"}
\ No newline at end of file
diff --git a/tsconfig.node.tsbuildinfo b/tsconfig.node.tsbuildinfo
deleted file mode 100644
index 75ea0011..00000000
--- a/tsconfig.node.tsbuildinfo
+++ /dev/null
@@ -1 +0,0 @@
-{"root":["./vite.config.ts"],"version":"5.6.3"}
\ No newline at end of file
diff --git a/version.txt b/version.txt
new file mode 100644
index 00000000..e8ea05db
--- /dev/null
+++ b/version.txt
@@ -0,0 +1 @@
+1.2.4
diff --git a/vite.config.ts b/vite.config.ts
index ac3f86aa..5f12c642 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -29,7 +29,7 @@ export default defineConfig({
     }
   },
   build: {
-    outDir: '../frontend/js',
+    outDir: 'dist',
     cssCodeSplit: false,
     lib: {
       entry: 'src/main.ts',