diff --git a/sdppp_python/comfy/nodes_legacy.py b/sdppp_python/comfy/nodes_legacy.py
index b10c63e..b9a7cbd 100644
--- a/sdppp_python/comfy/nodes_legacy.py
+++ b/sdppp_python/comfy/nodes_legacy.py
@@ -105,7 +105,6 @@ def define_comfyui_nodes_legacy(sdppp):
                         document_identify=document['identify'], 
                         layer_identify=item_layer, 
                         boundary=convert_mask_to_boundary(item_bound),
-                        max_wh=sdppp_arg_item['ps_maxGetImageWH'],
                         quality=sdppp_get_prompt_item_from_list(quality, i)
                     )
                 )
diff --git a/sdppp_python/protocols/photoshop.py b/sdppp_python/protocols/photoshop.py
index 258c09b..0deedee 100644
--- a/sdppp_python/protocols/photoshop.py
+++ b/sdppp_python/protocols/photoshop.py
@@ -17,7 +17,7 @@ class ProtocolPhotoshop:
         cls.sdpppServer = sdpppServer
 
     @classmethod
-    async def get_image(cls, instance_id, document_identify, layer_identify, boundary, max_wh=60606, quality=100.0):
+    async def get_image(cls, instance_id, document_identify, layer_identify, boundary, quality=100.0):
         ppp_instance = cls.sdpppServer.ppp_instances[instance_id]
         result = await protocol_call(ppp_instance, 'B_photoshop', data={
             'action': 'getImage',
@@ -25,7 +25,6 @@ class ProtocolPhotoshop:
                 'document_identify': document_identify, 
                 'layer_identify': layer_identify, 
                 'boundary': boundary,
-                'max_wh': max_wh,
                 'quality': quality
             }
         })
diff --git a/typescripts/modules/comfy/photoshopModels.mts b/typescripts/modules/comfy/photoshopModels.mts
index ad71d48..ab049d0 100644
--- a/typescripts/modules/comfy/photoshopModels.mts
+++ b/typescripts/modules/comfy/photoshopModels.mts
@@ -66,9 +66,9 @@ export async function waitModelInited() {
         return Promise.resolve();
     }
     api.user && pageStore.setComfyUserToken(api.user);
-    const maxImageWH = await api.getSetting('sdppp.maxImageWH')
-    if (maxImageWH) {
-        pageStore.setMaxImageWH(maxImageWH)
+    const useSliderForNumberWidget = await api.getSetting('sdppp.useSliderForNumberWidget')
+    if (useSliderForNumberWidget) {
+        pageStore.setUseSliderForNumberWidget(useSliderForNumberWidget)
     }
     modelInited = true;
 }
\ No newline at end of file
diff --git a/typescripts/modules/comfy/src/graph-to-form.mts b/typescripts/modules/comfy/src/graph-to-form.mts
index 2a40d97..333b04e 100644
--- a/typescripts/modules/comfy/src/graph-to-form.mts
+++ b/typescripts/modules/comfy/src/graph-to-form.mts
@@ -1,3 +1,4 @@
+import { pageStore } from "photoshopModels.mjs";
 import i18n from "../../../src/common/i18n.mts";
 import { sdpppX } from "../../../src/common/sdpppX.mts";
 import { WidgetTableStructure, WidgetTableStructureNode, WidgetTableValue } from "../../../src/types/sdppp";
@@ -80,7 +81,10 @@ export function makeWidgetTableStructure(graph: any, activeWorkflow: any): Widge
         widgetTablePersisted: false,
         groups: {},
         nodes: {},
-        nodeIndexes: []
+        nodeIndexes: [],
+        extraOptions: {
+            useSliderForNumberWidget: pageStore.data.useSliderForNumberWidget
+        }
     };
     const groups: WidgetTableStructure['groups'] = graph
         .groups
@@ -177,7 +181,10 @@ export function makeWidgetTableStructure(graph: any, activeWorkflow: any): Widge
             acc[node.id] = node;
             return acc;
         }, {}),
-        nodeIndexes: nodes.map((node: WidgetTableStructureNode) => node.id)
+        nodeIndexes: nodes.map((node: WidgetTableStructureNode) => node.id),
+        extraOptions: {
+            useSliderForNumberWidget: pageStore.data.useSliderForNumberWidget
+        }
     }
 }
 
diff --git a/typescripts/modules/comfy/src/litegraph/fe-widgets.mts b/typescripts/modules/comfy/src/litegraph/fe-widgets.mts
index c342985..1ea55d3 100644
--- a/typescripts/modules/comfy/src/litegraph/fe-widgets.mts
+++ b/typescripts/modules/comfy/src/litegraph/fe-widgets.mts
@@ -271,7 +271,6 @@ export class DownloadWidget extends SDPPPWidget {
             ];
             widget.serializeValue = async () => {
                 const ret: any = {
-                    ps_maxGetImageWH: pageStore.data.maxImageWH,
                     lastOpenedWorkflow: simplifyWorkflowPath(pageStore.data.widgetTableStructure.widgetTablePath)
                 }
                 const documentNode = findDocumentNodeRecursive(node);
diff --git a/typescripts/modules/comfy/src/popup/ComfyPopup.css b/typescripts/modules/comfy/src/popup/ComfyPopup.css
index 1118ee8..0982b18 100644
--- a/typescripts/modules/comfy/src/popup/ComfyPopup.css
+++ b/typescripts/modules/comfy/src/popup/ComfyPopup.css
@@ -220,5 +220,12 @@
 .sdppp-side-container .sdppp-side-header button {
     width: 32px;
     height: 32px;
+    border: 1px solid var(--border-color);
+    cursor: pointer;
+}
+.sdppp-photoshop-icon {
+    background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/af/Adobe_Photoshop_CC_icon.svg");
+}
+.sdppp-premiere-icon {
+    background-image: url("https://upload.wikimedia.org/wikipedia/commons/4/40/Adobe_Premiere_Pro_CC_icon.svg");
 }
-
diff --git a/typescripts/modules/comfy/src/popup/sdpppPopup.mts b/typescripts/modules/comfy/src/popup/sdpppPopup.mts
index 90a8fbc..b53ed6c 100644
--- a/typescripts/modules/comfy/src/popup/sdpppPopup.mts
+++ b/typescripts/modules/comfy/src/popup/sdpppPopup.mts
@@ -5,6 +5,7 @@ import ComfySidebar from "./tsx/ComfySidebar";
 
 let sdpppCanvasRendered: any = null
 let sdpppSideBarRendered: any = null
+let popupJSXElement: any = null
 export default async function initPopup(app: any) {
     if (!sdpppCanvasRendered) {
         const sdpppCanvas = document.createElement('div');
@@ -26,19 +27,30 @@ export default async function initPopup(app: any) {
                     container.style.padding = "8px";
                     createRoot(container).render(createElement(ComfySidebar, {
                         onMaximize: () => {
-                            if (!sdpppCanvasRendered) {
-                                createRoot(sdpppCanvas).render(createElement(ComfyPopup, {
-                                    onClose: () => {
-                                        sdpppCanvas.style.display = "none";
-                                    }
-                                }));
-                            }
-                            sdpppCanvas.style.display = "flex";
-                            document.querySelector(".sdppp-side-icon")?.parentElement?.click();
+                            showPopup("1")
+                        },
+                        onPhotoshop: () => {
+                            showPopup("2")
                         }
                     }))
                 }
                 sdpppCanvas.style.display = "none";
+                function showPopup(tab: string) {
+                    if (!sdpppCanvasRendered) {
+                        popupJSXElement = createElement(ComfyPopup, {
+                            onClose: () => {
+                                sdpppCanvas.style.display = "none";
+                            },
+                            tab
+                        });
+                        createRoot(sdpppCanvas).render(popupJSXElement);
+
+                    } else {
+                        popupJSXElement.props.tab = tab
+                    }
+                    sdpppCanvas.style.display = "flex";
+                    document.querySelector(".sdppp-side-icon")?.parentElement?.click();
+                }
             }
         });
 
diff --git a/typescripts/modules/comfy/src/popup/tsx/ComfyPopup.tsx b/typescripts/modules/comfy/src/popup/tsx/ComfyPopup.tsx
index f1c81c8..c5de02e 100644
--- a/typescripts/modules/comfy/src/popup/tsx/ComfyPopup.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/ComfyPopup.tsx
@@ -10,9 +10,12 @@ var docStyle = document.createElement('style');
 docStyle.innerHTML = cssText;
 document.head.appendChild(docStyle);
 
-export default function ComfyPopup({ onClose }: { onClose: () => void }) {
-    const [tab, setTab] = useState('1');
+export default function ComfyPopup({ onClose, tab }: { onClose: () => void, tab: string }) {
+    const [_tab, setTab] = useState('1');
     const [sidebarWidth, setSidebarWidth] = useState(0);
+    useEffect(() => {
+        setTab(tab);
+    }, [tab]);
     
     useEffect(() => {
         const $canvas = document.getElementById('graph-canvas');
@@ -58,17 +61,17 @@ export default function ComfyPopup({ onClose }: { onClose: () => void }) {
             }}>
                 <div className="sdppp-menu-header">
                     <div className="sdppp-menu-header-left">
-                        <button onClick={() => setTab('1')} className={tab === '1' ? 'active' : ''}>{i18n("Simplify Workflow")}</button>
-                        <button onClick={() => setTab('2')} className={tab === '2' ? 'active' : ''}>{i18n("Photoshop")}</button>
+                        <button onClick={() => setTab('1')} className={_tab === '1' ? 'active' : ''}>{i18n("Simplify Workflow")}</button>
+                        <button onClick={() => setTab('2')} className={_tab === '2' ? 'active' : ''}>{i18n("Photoshop")}</button>
                     </div>
                     <span>Powered by SDPPP</span>
                     <button className="sdppp-menu-close-button" onClick={onClose}><CloseOutlined /></button>
                 </div>
                 <div className="sdppp-menu-content">
-                    <div className="sdppp-menu-workflow-edit-wrap" style={{ display: tab === '1' ? 'block' : 'none' }}>
+                    <div className="sdppp-menu-workflow-edit-wrap" style={{ display: _tab === '1' ? 'block' : 'none' }}>
                         <WorkflowEditWrap />
                     </div>
-                    <div className="sdppp-menu-settings-wrap" style={{ display: tab === '2' ? 'block' : 'none' }}>
+                    <div className="sdppp-menu-settings-wrap" style={{ display: _tab === '2' ? 'block' : 'none' }}>
                         <Settings />
                     </div>
                 </div>
diff --git a/typescripts/modules/comfy/src/popup/tsx/ComfySidebar.tsx b/typescripts/modules/comfy/src/popup/tsx/ComfySidebar.tsx
index 869deed..dc6126a 100644
--- a/typescripts/modules/comfy/src/popup/tsx/ComfySidebar.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/ComfySidebar.tsx
@@ -2,12 +2,15 @@ import { WorkflowEditWrap } from "./WorkflowEditWeb";
 
 export default function ComfySidebar({
     onMaximize,
+    onPhotoshop,
 }: {
-    onMaximize: () => void
+    onMaximize: () => void,
+    onPhotoshop: () => void
 }) {
     return (
         <div className="sdppp-side-container">
             <div className="sdppp-side-header">
+                <button className="sdppp-photoshop-icon" onClick={onPhotoshop}></button>
                 <button className="pi pi-window-maximize" onClick={onMaximize}></button>
             </div>
             <WorkflowEditWrap />
diff --git a/typescripts/modules/comfy/src/popup/tsx/Settings.tsx b/typescripts/modules/comfy/src/popup/tsx/Settings.tsx
index ac2a5ba..85e18fc 100644
--- a/typescripts/modules/comfy/src/popup/tsx/Settings.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/Settings.tsx
@@ -2,10 +2,10 @@ import React, { useState } from "react";
 import { pageStore } from "../../../photoshopModels.mts";
 import i18n from "../../../../../src/common/i18n.mts";
 import { api } from "../../comfy-globals.mts";
+import { Checkbox } from "antd";
 
 const Settings: React.FC = () => {
-    const [maxImageWH, setMaxImageWH] = useState(pageStore.data.maxImageWH);
-
+    const [useSliderForNumberWidget, setUseSliderForNumberWidget] = useState(pageStore.data.useSliderForNumberWidget);
     const handleDownloadPlugin = () => {
         location.href = "/sd-ppp-static/sd-ppp_PS.ccx?_=" + Date.now();
     };
@@ -15,28 +15,11 @@ const Settings: React.FC = () => {
             <h2>{i18n("SDPPP Settings/Misc")}</h2>
 
             <div className="settings-section">
-                <p>{i18n("Comfy URL: {0}", location.origin)}</p>
-            </div>
-
-            <div className="settings-section settings-row">
                 <div className="settings-label">
-                    <label htmlFor="maxImageSize">{i18n("Maximum Image Size (px):")}</label>
+                    <label>{i18n("Comfy URL (You can copy it to connect ComfyUI in the plugin):")}</label>
                 </div>
                 <div className="settings-control">
-                    <input
-                        type="number"
-                        id="maxImageSize"
-                        value={maxImageWH}
-                        onChange={(event) => {
-                            const number = event.currentTarget.value ? parseInt(event.currentTarget.value) : 0;
-                            if (!isNaN(number)) {
-                                pageStore.setMaxImageWH(number);
-                                setMaxImageWH(number);
-                                api.storeSetting('sdppp.maxImageWH', number)
-                            }
-                        }}
-                        min="256"
-                    />
+                    {location.href.split("?")[0].split("#")[0]}
                 </div>
             </div>
 
@@ -50,6 +33,23 @@ const Settings: React.FC = () => {
                     </button>
                 </div>
             </div>
+
+            <div className="settings-section settings-row">
+                <div className="settings-label">
+                    <label htmlFor="maxImageSize">{i18n("use slider for number widget:")}</label>
+                </div>
+                <div className="settings-control">
+                    <Checkbox
+                        id="useSliderForNumberWidget"
+                        checked={useSliderForNumberWidget}
+                        onChange={(event) => {
+                            setUseSliderForNumberWidget(event.target.checked);
+                            pageStore.setUseSliderForNumberWidget(event.target.checked);
+                            api.storeSetting('sdppp.useSliderForNumberWidget', event.target.checked)
+                        }}
+                    />
+                </div>
+            </div>
         </div>
     );
 };
diff --git a/typescripts/modules/comfy/src/popup/tsx/WorkflowEditWeb.tsx b/typescripts/modules/comfy/src/popup/tsx/WorkflowEditWeb.tsx
index ea29503..c15f2f4 100644
--- a/typescripts/modules/comfy/src/popup/tsx/WorkflowEditWeb.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/WorkflowEditWeb.tsx
@@ -208,6 +208,7 @@ export class WorkflowEditWrap extends React.Component<{
                             onValueChange={(v) => {
                                 editProps.onWidgetChange(fieldInfo.id, widgetIndex, v, fieldInfo);
                             }}
+                            extraOptions={this.state.widgetTableStructure.extraOptions}
                         />)
                     return true
                 } else if (widget.outputType === 'combo') {
@@ -221,6 +222,7 @@ export class WorkflowEditWrap extends React.Component<{
                                 editProps.onWidgetChange(fieldInfo.id, widgetIndex, v, fieldInfo);
                             }}
                             value={this.state.widgetTableValue[fieldInfo.id][widgetIndex]}
+                            extraOptions={this.state.widgetTableStructure.extraOptions}
                         />
                     )
                     return true
@@ -234,6 +236,7 @@ export class WorkflowEditWrap extends React.Component<{
                             onValueChange={(v) => {
                                 editProps.onWidgetChange(fieldInfo.id, widgetIndex, v, fieldInfo);
                             }}
+                            extraOptions={this.state.widgetTableStructure.extraOptions}
                         />
                     )
                     return true
@@ -247,6 +250,7 @@ export class WorkflowEditWrap extends React.Component<{
                             onValueChange={(v) => {
                                 editProps.onWidgetChange(fieldInfo.id, widgetIndex, v, fieldInfo);
                             }}
+                            extraOptions={this.state.widgetTableStructure.extraOptions}
                         />
                     )
                     return true
@@ -263,6 +267,7 @@ export class WorkflowEditWrap extends React.Component<{
                             onValueChange={async (v) => {
                                 editProps.onWidgetChange(fieldInfo.id, widgetIndex, v, fieldInfo);
                             }}
+                            extraOptions={this.state.widgetTableStructure.extraOptions}
                         />
                     );
                     return true;
diff --git a/typescripts/modules/comfy/src/popup/tsx/widgets/combo.tsx b/typescripts/modules/comfy/src/popup/tsx/widgets/combo.tsx
index ae6f5e6..f4d6023 100644
--- a/typescripts/modules/comfy/src/popup/tsx/widgets/combo.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/widgets/combo.tsx
@@ -9,6 +9,7 @@ export interface DropdownWidgetProps extends BaseWidgetProps {
     options: string[];
     value: string;
     name?: string;
+    extraOptions?: Record<string, any>;
 }
 
 export const ComboWidget: React.FC<DropdownWidgetProps> = ({
@@ -34,7 +35,7 @@ export const ComboWidget: React.FC<DropdownWidgetProps> = ({
             <Select
                 value={value}
                 options={options.map(option => ({ value: option, label: option }))}
-                style={{ flex: 2 }}
+                style={{ flex: 2, minWidth: '100%' }}
                 onSelect={handleSelect}
                 placeholder={i18n("select...")}
                 showSearch
diff --git a/typescripts/modules/comfy/src/popup/tsx/widgets/image_mask_path.tsx b/typescripts/modules/comfy/src/popup/tsx/widgets/image_mask_path.tsx
index 2e917df..1a7b343 100644
--- a/typescripts/modules/comfy/src/popup/tsx/widgets/image_mask_path.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/widgets/image_mask_path.tsx
@@ -7,6 +7,7 @@ interface ImageWidgetProps extends BaseWidgetProps {
     value: string;
     options: string[];
     onValueChange: (value: any) => void;
+    extraOptions?: Record<string, any>;
 }
 
 export const ImageWidget = ({ value, onValueChange, options }: ImageWidgetProps) => {
diff --git a/typescripts/modules/comfy/src/popup/tsx/widgets/number.tsx b/typescripts/modules/comfy/src/popup/tsx/widgets/number.tsx
index 668ac67..d947990 100644
--- a/typescripts/modules/comfy/src/popup/tsx/widgets/number.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/widgets/number.tsx
@@ -10,6 +10,7 @@ interface NumberWidgetProps extends BaseWidgetProps {
     value?: number;
     name?: string;
     onValueChange: (value: number) => void;
+    extraOptions?: Record<string, any>;
 }
 
 export const NumberWidget: React.FC<NumberWidgetProps> = ({
@@ -19,16 +20,17 @@ export const NumberWidget: React.FC<NumberWidgetProps> = ({
     name,
     value = 0,
     uiWeight = 1,
+    extraOptions,
     onValueChange
 }) => {
     const uiWeightCSS = useUIWeightCSS(uiWeight || 12);
     const [localValue, setLocalValue] = useState<number>(+value.toFixed(3));
-    
+
     // Update local state when props value changes
     useEffect(() => {
         setLocalValue(+value.toFixed(3));
     }, [value]);
-    
+
     const handleValueChange = useCallback((newValue: number | null) => {
         if (newValue !== null) {
             // 保留3位小数
@@ -36,38 +38,41 @@ export const NumberWidget: React.FC<NumberWidgetProps> = ({
             setLocalValue(roundedValue);
         }
     }, []);
-    
+
     const handleBlur = useCallback(() => {
         // Only call onValueChange when input loses focus
         onValueChange(localValue);
     }, [localValue, onValueChange]);
 
     // 检查步长范围是否过大
-    // const isStepRangeTooBig = ((inputMax - inputMin) / inputStep) > 1000;
+    const isStepRangeTooBig = ((inputMax - inputMin) / inputStep) > 1000;
 
-    // if (!isStepRangeTooBig && uiWeight >= 1) {
-    //     return (
-    //         <Flex style={{ width: '100%', ...uiWeightCSS }}>
-    //             <Slider
-    //                 style={{ flex: 1 }}
-    //                 min={inputMin}
-    //                 max={inputMax}
-    //                 step={inputStep}
-    //                 value={currentValue}
-    //                 onChange={handleValueChange}
-    //             />
-    //             <InputNumber
-    //                 style={{ width: 80 }}
-    //                 min={inputMin}
-    //                 max={inputMax}
-    //                 step={inputStep}
-    //                 value={currentValue}
-    //                 onChange={handleValueChange}
-    //                 controls={false}
-    //             />
-    //         </Flex>
-    //     );
-    // }
+    if (!isStepRangeTooBig && uiWeight >= 1 && extraOptions?.useSliderForNumberWidget) {
+        return (
+            <Flex
+                style={{ width: '100%', ...uiWeightCSS }}
+                align='center'
+            >
+                <Slider
+                    style={{ flex: 1 }}
+                    min={inputMin}
+                    max={inputMax}
+                    step={inputStep}
+                    value={localValue}
+                    onChange={handleValueChange}
+                />
+                <InputNumber
+                    style={{ width: 80 }}
+                    min={inputMin}
+                    max={inputMax}
+                    step={inputStep}
+                    value={localValue}
+                    onChange={handleValueChange}
+                    controls={false}
+                />
+            </Flex>
+        );
+    }
 
     return (
         <Flex
diff --git a/typescripts/modules/comfy/src/popup/tsx/widgets/string.tsx b/typescripts/modules/comfy/src/popup/tsx/widgets/string.tsx
index 27f58d4..f3ffca3 100644
--- a/typescripts/modules/comfy/src/popup/tsx/widgets/string.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/widgets/string.tsx
@@ -9,6 +9,7 @@ const { TextArea } = Input;
 interface StringWidgetProps extends BaseWidgetProps {
     value?: string;
     onValueChange: (value: string) => void;
+    extraOptions?: Record<string, any>;
 }
 
 export const StringWidget: React.FC<StringWidgetProps> = ({
diff --git a/typescripts/modules/comfy/src/popup/tsx/widgets/toggle.tsx b/typescripts/modules/comfy/src/popup/tsx/widgets/toggle.tsx
index 17a6c24..6e7199f 100644
--- a/typescripts/modules/comfy/src/popup/tsx/widgets/toggle.tsx
+++ b/typescripts/modules/comfy/src/popup/tsx/widgets/toggle.tsx
@@ -8,6 +8,7 @@ interface ToggleProps extends BaseWidgetProps {
     value?: any;
     name?: string;
     onValueChange: (value: boolean) => void;
+    extraOptions?: Record<string, any>;
 }
 
 export const ToggleWidget: React.FC<ToggleProps> = ({
diff --git a/typescripts/modules/photoshop-internal b/typescripts/modules/photoshop-internal
index 85857cb..fd503c5 160000
--- a/typescripts/modules/photoshop-internal
+++ b/typescripts/modules/photoshop-internal
@@ -1 +1 @@
-Subproject commit 85857cbff863f099ac54def931000d98ee2df32a
+Subproject commit fd503c5796b2ff47f8f3c80f5a18dfdd293cc6a1
diff --git a/typescripts/src/common/WorkflowEdit.tsx b/typescripts/src/common/WorkflowEdit.tsx
index 4e0ce06..42f870c 100644
--- a/typescripts/src/common/WorkflowEdit.tsx
+++ b/typescripts/src/common/WorkflowEdit.tsx
@@ -45,10 +45,15 @@ export default function WorkflowEdit({
             }
             const group = Object.values(widgetTableStructure.groups).find(group => group.nodeIDs.includes(fieldInfo.id))
             const groupColor = group?.color || 'rgba(127, 127, 127, .4)'
+
+            const useShortTitle = fieldInfo.uiWeightSum <= 8 && fieldInfo.widgets.length == 1 && (
+                fieldInfo.widgets[0].outputType !== 'number' ||
+                !widgetTableStructure.extraOptions?.useSliderForNumberWidget
+            )
             return (
                 <div className="workflow-edit-field" key={fieldInfo.id}>
                     <div className="workflow-edit-field-title" title={fieldInfo.title} style={{
-                        ...computeUIWeightCSS(fieldInfo.uiWeightSum <= 8 && fieldInfo.widgets.length == 1 ? 4 : 12),
+                        ...computeUIWeightCSS(useShortTitle ? 4 : 12),
                         borderColor: groupColor
                     }}>
                         {onTitleRender ?
diff --git a/typescripts/src/common/zh-cn.mts b/typescripts/src/common/zh-cn.mts
index b99e151..90b6ae2 100644
--- a/typescripts/src/common/zh-cn.mts
+++ b/typescripts/src/common/zh-cn.mts
@@ -223,7 +223,8 @@ export default {
     "Upload": "上传",
     "Reset": "重置",
     'Refresh': '刷新',
-    'Comfy URL: {0}': 'Comfy地址: {0}',
+    'Comfy URL (You can copy it to connect ComfyUI in the plugin):': 'Comfy地址(你可以复制它到插件中连接ComfyUI):',
+    'use slider for number widget:': '数字控件使用滑块',
     'Photoshop is not connected': 'Photoshop 未连接',
     'select...': '请选择',
     'click to edit': '点击编辑',
diff --git a/typescripts/src/store/page.mts b/typescripts/src/store/page.mts
index de68ae9..20051fc 100644
--- a/typescripts/src/store/page.mts
+++ b/typescripts/src/store/page.mts
@@ -13,10 +13,10 @@ export interface PageStoreData {
     widgetTableStructure: WidgetTableStructure
     widgetTableValue: WidgetTableValue
     widgetTableErrors: Record<string, string>,
+    useSliderForNumberWidget: boolean
     // lastOpenedWorkflow: string
 
     hasPSDNodes: boolean
-    maxImageWH: number
     comfyUserToken: string
 }
 
@@ -38,14 +38,15 @@ export class PageStore extends MainStore<PageStoreData> {
                 widgetTableID: '',
                 nodes: {},
                 groups: {},
-                nodeIndexes: []
+                nodeIndexes: [],
+                extraOptions: {}
             },
             widgetTableValue: {},
             widgetTableErrors: {},
+            useSliderForNumberWidget: false,
             // lastOpenedWorkflow: '',
 
             hasPSDNodes: false,
-            maxImageWH: 60606,
             comfyUserToken: ''
         });
         this._version = version || 0;
@@ -91,13 +92,13 @@ export class PageStore extends MainStore<PageStoreData> {
         this._data.hasPSDNodes = hasPSDNodes;
     }
 
-    @StoreMutation
-    setMaxImageWH(maxImageWH: number) {
-        this._data.maxImageWH = maxImageWH;
-    }
-
     @StoreMutation
     setComfyUserToken(comfyUserToken: string) {
         this._data.comfyUserToken = comfyUserToken;
     }
+
+    @StoreMutation
+    setUseSliderForNumberWidget(useSliderForNumberWidget: boolean) {
+        this._data.useSliderForNumberWidget = useSliderForNumberWidget;
+    }
 }
diff --git a/typescripts/src/types/sdppp/index.d.ts b/typescripts/src/types/sdppp/index.d.ts
index fb6c77b..2a184a9 100644
--- a/typescripts/src/types/sdppp/index.d.ts
+++ b/typescripts/src/types/sdppp/index.d.ts
@@ -26,6 +26,7 @@ export interface WidgetTableStructure {
     nodes: Record<number, WidgetTableStructureNode>
     groups: Record<number, WidgetTableStructureGroup>
     nodeIndexes: number[]
+    extraOptions: Record<string, any>
 }
 
 export interface ComfyStatus {