diff --git a/javascript/main.js b/javascript/main.js
index 1b93755..4f39f35 100644
--- a/javascript/main.js
+++ b/javascript/main.js
@@ -2551,7 +2551,7 @@ const le={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:y},se=(e=le
       }
     `,sidebar:t`
       height: calc(100vh - ${i}px);
-    `}))),Yue=64,Que=W.memo((()=>{const e=hne(dne,m5),{cx:t,styles:n}=Kue({headerHeight:Yue,isPrimaryColor:Boolean(e.primaryColor)});return W.useEffect((()=>{e.enableHighlight&&(()=>{try{dre("#txt2img_prompt","#lobe_txt2img_prompt"),dre("#img2img_prompt","#lobe_img2img_prompt"),window.ignore_ids_for_localization.lobe_highlighter="SPAN",fe.success("🤯 [module] inject - PromptHighlight")}catch(e){fe.error("🤯 [module] inject - PromptHighlight",e)}})(),e.enableImageInfo&&(()=>{try{sre("#html_info_txt2img","#lobe_html_info_txt2img"),sre("#html_info_img2img","#lobe_html_info_img2img"),fe.success("🤯 [module] inject - ImageInfo")}catch(e){fe.error("🤯 [module] inject - ImageInfo",e)}})(),e.svgIcon&&(()=>{for(const e of document.querySelectorAll("button"))pre(e,["🖌️"],'\n<svg\n  class="lucide lucide-square-pen"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />\n  <path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" />\n</svg>\n',16),pre(e,["🗃️"],'\n<svg\n  class="lucide lucide-file-archive"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M4 22V4c0-.5.2-1 .6-1.4C5 2.2 5.5 2 6 2h8.5L20 7.5V20c0 .5-.2 1-.6 1.4-.4.4-.9.6-1.4.6h-2" />\n  <polyline points="14 2 14 8 20 8" />\n  <circle cx="10" cy="20" r="2" />\n  <path d="M10 7V6" />\n  <path d="M10 12v-1" />\n  <path d="M10 18v-2" />\n</svg>\n',16),pre(e,["🖼️"],'\n<svg\n  class="lucide lucide-image"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />\n  <circle cx="9" cy="9" r="2" />\n  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />\n</svg>\n',16),pre(e,["🎨️"],'\n<svg\n  class="lucide lucide-brush"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m9.06 11.9 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08" />\n  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z" />\n</svg>\n',16),pre(e,["📂"],'\n<svg\n  class="lucide lucide-folder-closed"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />\n  <path d="M2 10h20" />\n</svg>\n',16),pre(e,["🔄","🔁","♻️"],'\n<svg\n  class="lucide lucide-refresh-ccw"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />\n  <path d="M3 3v5h5" />\n  <path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" />\n  <path d="M16 16h5v5" />\n</svg>\n',16),pre(e,["↙️"],'\n<svg\n  class="lucide lucide-arrow-down-left"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M17 7 7 17" />\n  <path d="M17 17H7V7" />\n</svg>\n',16),pre(e,["⤴"],'\n<svg\n  class="lucide lucide-corner-right-up"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <polyline points="10 9 15 4 20 9" />\n  <path d="M4 20h7a4 4 0 0 0 4-4V4" />\n</svg>\n',16),pre(e,["↕️"],'\n<svg\n  class="lucide lucide-arrow-down-wide-narrow"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m3 16 4 4 4-4" />\n  <path d="M7 20V4" />\n  <path d="M11 4h10" />\n  <path d="M11 8h7" />\n  <path d="M11 12h4" />\n</svg>\n',16),pre(e,["🗑️"],'\n<svg\n  class="lucide lucide-trash"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M3 6h18" />\n  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />\n  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />\n</svg>\n',16),pre(e,["📋"],'\n<svg\n  class="lucide lucide-clipboard-list"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="8" height="4" x="8" y="2" rx="1" ry="1" />\n  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />\n  <path d="M12 11h4" />\n  <path d="M12 16h4" />\n  <path d="M8 11h.01" />\n  <path d="M8 16h.01" />\n</svg>\n',16),pre(e,["💾"],'\n<svg\n  class="lucide lucide-save"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />\n  <polyline points="17 21 17 13 7 13 7 21" />\n  <polyline points="7 3 7 8 15 8" />\n</svg>\n',16),pre(e,["🎲️"],'\n<svg\n  class="lucide lucide-dices"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="12" height="12" x="2" y="10" rx="2" ry="2" />\n  <path d="m17.92 14 3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6" />\n  <path d="M6 18h.01" />\n  <path d="M10 14h.01" />\n  <path d="M15 6h.01" />\n  <path d="M18 9h.01" />\n</svg>\n',16),pre(e,["🪄"],'\n<svg\n  class="lucide lucide-wand-2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z" />\n  <path d="m14 7 3 3" />\n  <path d="M5 6v4" />\n  <path d="M19 14v4" />\n  <path d="M10 2v2" />\n  <path d="M7 8H3" />\n  <path d="M21 16h-4" />\n  <path d="M11 3H9" />\n</svg>\n',16),pre(e,["⚙️"],'\n<svg\n  class="lucide lucide-settings"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />\n  <circle cx="12" cy="12" r="3" />\n</svg>\n',16),pre(e,["➡️"],fre,16),pre(e,["⇅"],'\n<svg\n  class="lucide lucide-arrow-up-down"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m21 16-4 4-4-4" />\n  <path d="M17 20V4" />\n  <path d="m3 8 4-4 4 4" />\n  <path d="M7 4v16" />\n</svg>\n',16),pre(e,["⇄"],'\n<svg\n  class="lucide lucide-arrow-right-left"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m16 3 4 4-4 4" />\n  <path d="M20 7H4" />\n  <path d="m8 21-4-4 4-4" />\n  <path d="M4 17h16" />\n</svg>\n',16),pre(e,["🎴"],'\n<svg\n  class="lucide lucide-panel-right"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="18" x="3" y="3" rx="2" />\n  <path d="M15 3v18" />\n</svg>\n',16),pre(e,["🌀"],'\n<svg\n  class="lucide lucide-archive-restore"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="20" height="5" x="2" y="3" rx="1" />\n  <path d="M4 8v11a2 2 0 0 0 2 2h2" />\n  <path d="M20 8v11a2 2 0 0 1-2 2h-2" />\n  <path d="m9 15 3-3 3 3" />\n  <path d="M12 12v9" />\n</svg>\n',16),pre(e,["💥"],'\n<svg\n  class="lucide lucide-play"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <polygon points="5 3 19 12 5 21 5 3" />\n</svg>\n',16),pre(e,["📷"],'\n<svg\n  class="lucide lucide-webcam"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <circle cx="12" cy="10" r="8" />\n  <circle cx="12" cy="10" r="3" />\n  <path d="M7 22h10" />\n  <path d="M12 22v-4" />\n</svg>\n',16),pre(e,["📝"],'\n<svg\n  class="lucide lucide-laptop-2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="12" x="3" y="4" rx="2" ry="2" />\n  <line x1="2" x2="22" y1="20" y2="20" />\n</svg>\n',16),pre(e,["📐"],'\n<svg\n  class="lucide lucide-pencil-ruler"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m15 5 4 4" />\n  <path d="M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13" />\n  <path d="m8 6 2-2" />\n  <path d="m2 22 5.5-1.5L21.17 6.83a2.82 2.82 0 0 0-4-4L3.5 16.5Z" />\n  <path d="m18 16 2-2" />\n  <path d="m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17" />\n</svg>\n',16),pre(e,["⬇️"],'\n<svg\n  class="lucide lucide-arrow-down"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M12 5v14" />\n  <path d="m19 12-7 7-7-7" />\n</svg>\n',16),pre(e,["↩"],'\n<svg\n  class="lucide lucide-undo"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M3 7v6h6" />\n  <path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" />\n</svg>\n',16),pre(e,["📒"],'\n<svg\n  class="lucide lucide-book"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" />\n</svg>\n',16),pre(e,["📎"],'\n<svg\n  class="lucide lucide-paperclip"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" />\n</svg>\n',16),pre(e,["📦"],'\n<svg\n  class="lucide lucide-box"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" />\n  <path d="m3.3 7 8.7 5 8.7-5" />\n  <path d="M12 22V12" />\n</svg>\n',16),pre(e,["💞"],'\n<svg\n  class="lucide lucide-share-2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <circle cx="18" cy="5" r="3" />\n  <circle cx="6" cy="12" r="3" />\n  <circle cx="18" cy="19" r="3" />\n  <line x1="8.59" x2="15.42" y1="13.51" y2="17.49" />\n  <line x1="15.41" x2="8.59" y1="6.51" y2="10.49" />\n</svg>\n',16);for(const e of document.querySelectorAll("span"))pre(e,["⤡"],'\n<svg\n  class="lucide lucide-maximize"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M8 3H5a2 2 0 0 0-2 2v3" />\n  <path d="M21 8V5a2 2 0 0 0-2-2h-3" />\n  <path d="M3 16v3a2 2 0 0 0 2 2h3" />\n  <path d="M16 21h3a2 2 0 0 0 2-2v-3" />\n</svg>\n',36),pre(e,["⊞"],'\n<svg\n  class="lucide lucide-grid-2x2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="18" x="3" y="3" rx="2" />\n  <path d="M3 12h18" />\n  <path d="M12 3v18" />\n</svg>\n',36),pre(e,["🖫"],'\n<svg\n  class="lucide lucide-download"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />\n  <polyline points="7 10 12 15 17 10" />\n  <line x1="12" x2="12" y1="15" y2="3" />\n</svg>\n',36),pre(e,["×"],'\n<svg\n  class="lucide lucide-x"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M18 6 6 18" />\n  <path d="m6 6 12 12" />\n</svg>\n',36);for(const e of document.querySelectorAll("a"))pre(e,["❮"],'\n<svg\n  class="lucide lucide-arrow-left"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m12 19-7-7 7-7" />\n  <path d="M19 12H5" />\n</svg>\n',36),pre(e,["❯"],fre,36);fe.success("🤯 [svgIcon] replace")})()}),[]),Z.jsxs(Z.Fragment,{children:[Z.jsx(jre,{}),Z.jsx(w3,{headerHeight:Yue,children:Z.jsx(Lse,{})}),Z.jsxs(x3,{children:[Z.jsx("div",{className:e.liteAnimation?n.backgroundLite:n.background}),e.enableSidebar&&Z.jsx(S3,{className:n.sidebar,headerHeight:Yue,style:{flex:0,zIndex:50},children:Z.jsx(Hse,{headerHeight:Yue})}),Z.jsx(Nre,{className:t(!e.enableSidebar&&n.quicksettings)}),Z.jsx(c8,{}),Z.jsx(Xue,{}),(null==e?void 0:e.enableExtraNetworkSidebar)&&Z.jsx(S3,{className:n.sidebar,headerHeight:Yue,style:{flex:0,zIndex:50},children:Z.jsx(qre,{headerHeight:Yue})})]}),Z.jsx(Qre,{})]})})),Jue=Que;var Zue,ede=W,tde=(Zue=ede)&&"object"==typeof Zue&&"default"in Zue?Zue.default:Zue;function nde(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var rde=!("undefined"==typeof window||!window.document||!window.document.createElement);const ode=o((function(e,t,n){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if(void 0!==n&&"function"!=typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(r){if("function"!=typeof r)throw new Error("Expected WrappedComponent to be a React component.");var o,i=[];function a(){o=e(i.map((function(e){return e.props}))),l.canUseDOM?t(o):n&&(o=n(o))}var l=function(e){var t,n;function l(){return e.apply(this,arguments)||this}n=e,(t=l).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,l.peek=function(){return o},l.rewind=function(){if(l.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=o;return o=void 0,i=[],e};var s=l.prototype;return s.UNSAFE_componentWillMount=function(){i.push(this),a()},s.componentDidUpdate=function(){a()},s.componentWillUnmount=function(){var e=i.indexOf(this);i.splice(e,1),a()},s.render=function(){return tde.createElement(r,this.props)},l}(ede.PureComponent);return nde(l,"displayName","SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")"),nde(l,"canUseDOM",rde),l}}));var ide="undefined"!=typeof Element,ade="function"==typeof Map,lde="function"==typeof Set,sde="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function cde(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var n,r,o,i;if(Array.isArray(e)){if((n=e.length)!=t.length)return!1;for(r=n;0!=r--;)if(!cde(e[r],t[r]))return!1;return!0}if(ade&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(i=e.entries();!(r=i.next()).done;)if(!t.has(r.value[0]))return!1;for(i=e.entries();!(r=i.next()).done;)if(!cde(r.value[1],t.get(r.value[0])))return!1;return!0}if(lde&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(i=e.entries();!(r=i.next()).done;)if(!t.has(r.value[0]))return!1;return!0}if(sde&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if((n=e.length)!=t.length)return!1;for(r=n;0!=r--;)if(e[r]!==t[r])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof t.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof t.toString)return e.toString()===t.toString();if((n=(o=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(r=n;0!=r--;)if(!Object.prototype.hasOwnProperty.call(t,o[r]))return!1;if(ide&&e instanceof Element)return!1;for(r=n;0!=r--;)if(("_owner"!==o[r]&&"__v"!==o[r]&&"__o"!==o[r]||!e.$$typeof)&&!cde(e[o[r]],t[o[r]]))return!1;return!0}return e!=e&&t!=t}var ude=function(e,t){try{return cde(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}};const dde=o(ude);
+    `}))),Yue=64,Que=W.memo((()=>{const e=hne(dne,m5),{cx:t,styles:n}=Kue({headerHeight:Yue,isPrimaryColor:Boolean(e.primaryColor)});return W.useEffect((()=>{e.enableHighlight&&(()=>{try{dre("#txt2img_prompt","#lobe_txt2img_prompt"),dre("#img2img_prompt","#lobe_img2img_prompt"),window.ignore_ids_for_localization.lobe_highlighter="SPAN",fe.success("🤯 [module] inject - PromptHighlight")}catch(e){fe.error("🤯 [module] inject - PromptHighlight",e)}})(),e.enableImageInfo&&(()=>{try{sre("#html_info_txt2img","#lobe_html_info_txt2img"),sre("#html_info_img2img","#lobe_html_info_img2img"),fe.success("🤯 [module] inject - ImageInfo")}catch(e){fe.error("🤯 [module] inject - ImageInfo",e)}})(),e.svgIcon&&(()=>{for(const e of document.querySelectorAll("button"))pre(e,["🖌️"],'\n<svg\n  class="lucide lucide-square-pen"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />\n  <path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" />\n</svg>\n',16),pre(e,["🗃️"],'\n<svg\n  class="lucide lucide-file-archive"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M4 22V4c0-.5.2-1 .6-1.4C5 2.2 5.5 2 6 2h8.5L20 7.5V20c0 .5-.2 1-.6 1.4-.4.4-.9.6-1.4.6h-2" />\n  <polyline points="14 2 14 8 20 8" />\n  <circle cx="10" cy="20" r="2" />\n  <path d="M10 7V6" />\n  <path d="M10 12v-1" />\n  <path d="M10 18v-2" />\n</svg>\n',16),pre(e,["🖼️"],'\n<svg\n  class="lucide lucide-image"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />\n  <circle cx="9" cy="9" r="2" />\n  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />\n</svg>\n',16),pre(e,["🎨️"],'\n<svg\n  class="lucide lucide-brush"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m9.06 11.9 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08" />\n  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z" />\n</svg>\n',16),pre(e,["📂"],'\n<svg\n  class="lucide lucide-folder-closed"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />\n  <path d="M2 10h20" />\n</svg>\n',16),pre(e,["🔄","🔁","♻️"],'\n<svg\n  class="lucide lucide-refresh-ccw"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />\n  <path d="M3 3v5h5" />\n  <path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" />\n  <path d="M16 16h5v5" />\n</svg>\n',16),pre(e,["↙️"],'\n<svg\n  class="lucide lucide-arrow-down-left"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M17 7 7 17" />\n  <path d="M17 17H7V7" />\n</svg>\n',16),pre(e,["⤴"],'\n<svg\n  class="lucide lucide-corner-right-up"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <polyline points="10 9 15 4 20 9" />\n  <path d="M4 20h7a4 4 0 0 0 4-4V4" />\n</svg>\n',16),pre(e,["↕️"],'\n<svg\n  class="lucide lucide-arrow-down-wide-narrow"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m3 16 4 4 4-4" />\n  <path d="M7 20V4" />\n  <path d="M11 4h10" />\n  <path d="M11 8h7" />\n  <path d="M11 12h4" />\n</svg>\n',16),pre(e,["🗑️"],'\n<svg\n  class="lucide lucide-trash"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M3 6h18" />\n  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />\n  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />\n</svg>\n',16),pre(e,["📋"],'\n<svg\n  class="lucide lucide-clipboard-list"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="8" height="4" x="8" y="2" rx="1" ry="1" />\n  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />\n  <path d="M12 11h4" />\n  <path d="M12 16h4" />\n  <path d="M8 11h.01" />\n  <path d="M8 16h.01" />\n</svg>\n',16),pre(e,["💾"],'\n<svg\n  class="lucide lucide-save"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />\n  <polyline points="17 21 17 13 7 13 7 21" />\n  <polyline points="7 3 7 8 15 8" />\n</svg>\n',16),pre(e,["🎲️"],'\n<svg\n  class="lucide lucide-dices"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="12" height="12" x="2" y="10" rx="2" ry="2" />\n  <path d="m17.92 14 3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6" />\n  <path d="M6 18h.01" />\n  <path d="M10 14h.01" />\n  <path d="M15 6h.01" />\n  <path d="M18 9h.01" />\n</svg>\n',16),pre(e,["🪄"],'\n<svg\n  class="lucide lucide-wand-2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z" />\n  <path d="m14 7 3 3" />\n  <path d="M5 6v4" />\n  <path d="M19 14v4" />\n  <path d="M10 2v2" />\n  <path d="M7 8H3" />\n  <path d="M21 16h-4" />\n  <path d="M11 3H9" />\n</svg>\n',16),pre(e,["⚙️"],'\n<svg\n  class="lucide lucide-settings"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />\n  <circle cx="12" cy="12" r="3" />\n</svg>\n',16),pre(e,["➡️"],fre,16),pre(e,["⇅"],'\n<svg\n  class="lucide lucide-arrow-up-down"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m21 16-4 4-4-4" />\n  <path d="M17 20V4" />\n  <path d="m3 8 4-4 4 4" />\n  <path d="M7 4v16" />\n</svg>\n',16),pre(e,["⇄"],'\n<svg\n  class="lucide lucide-arrow-right-left"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m16 3 4 4-4 4" />\n  <path d="M20 7H4" />\n  <path d="m8 21-4-4 4-4" />\n  <path d="M4 17h16" />\n</svg>\n',16),pre(e,["🎴"],'\n<svg\n  class="lucide lucide-panel-right"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="18" x="3" y="3" rx="2" />\n  <path d="M15 3v18" />\n</svg>\n',16),pre(e,["🌀"],'\n<svg\n  class="lucide lucide-archive-restore"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="20" height="5" x="2" y="3" rx="1" />\n  <path d="M4 8v11a2 2 0 0 0 2 2h2" />\n  <path d="M20 8v11a2 2 0 0 1-2 2h-2" />\n  <path d="m9 15 3-3 3 3" />\n  <path d="M12 12v9" />\n</svg>\n',16),pre(e,["💥"],'\n<svg\n  class="lucide lucide-play"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <polygon points="5 3 19 12 5 21 5 3" />\n</svg>\n',16),pre(e,["📷"],'\n<svg\n  class="lucide lucide-webcam"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <circle cx="12" cy="10" r="8" />\n  <circle cx="12" cy="10" r="3" />\n  <path d="M7 22h10" />\n  <path d="M12 22v-4" />\n</svg>\n',16),pre(e,["📝"],'\n<svg\n  class="lucide lucide-laptop-2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="12" x="3" y="4" rx="2" ry="2" />\n  <line x1="2" x2="22" y1="20" y2="20" />\n</svg>\n',16),pre(e,["📐"],'\n<svg\n  class="lucide lucide-pencil-ruler"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m15 5 4 4" />\n  <path d="M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13" />\n  <path d="m8 6 2-2" />\n  <path d="m2 22 5.5-1.5L21.17 6.83a2.82 2.82 0 0 0-4-4L3.5 16.5Z" />\n  <path d="m18 16 2-2" />\n  <path d="m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17" />\n</svg>\n',16),pre(e,["⬇️"],'\n<svg\n  class="lucide lucide-arrow-down"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M12 5v14" />\n  <path d="m19 12-7 7-7-7" />\n</svg>\n',16),pre(e,["↩"],'\n<svg\n  class="lucide lucide-undo"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M3 7v6h6" />\n  <path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" />\n</svg>\n',16),pre(e,["📒"],'\n<svg\n  class="lucide lucide-book"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" />\n</svg>\n',16),pre(e,["📎"],'\n<svg\n  class="lucide lucide-paperclip"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" />\n</svg>\n',16),pre(e,["📦"],'\n<svg\n  class="lucide lucide-box"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" />\n  <path d="m3.3 7 8.7 5 8.7-5" />\n  <path d="M12 22V12" />\n</svg>\n',16),pre(e,["💞"],'\n<svg\n  class="lucide lucide-share-2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <circle cx="18" cy="5" r="3" />\n  <circle cx="6" cy="12" r="3" />\n  <circle cx="18" cy="19" r="3" />\n  <line x1="8.59" x2="15.42" y1="13.51" y2="17.49" />\n  <line x1="15.41" x2="8.59" y1="6.51" y2="10.49" />\n</svg>\n',16),pre(e,["✨"],'\n<svg\n  class="lucide lucide-scaling"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 3 9 15" />\n  <path d="M12 3H3v18h18v-9" />\n  <path d="M16 3h5v5" />\n  <path d="M14 15H9v-5" />\n</svg>\n',16);for(const e of document.querySelectorAll("span"))pre(e,["⤡"],'\n<svg\n  class="lucide lucide-maximize"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M8 3H5a2 2 0 0 0-2 2v3" />\n  <path d="M21 8V5a2 2 0 0 0-2-2h-3" />\n  <path d="M3 16v3a2 2 0 0 0 2 2h3" />\n  <path d="M16 21h3a2 2 0 0 0 2-2v-3" />\n</svg>\n',36),pre(e,["⊞"],'\n<svg\n  class="lucide lucide-grid-2x2"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <rect width="18" height="18" x="3" y="3" rx="2" />\n  <path d="M3 12h18" />\n  <path d="M12 3v18" />\n</svg>\n',36),pre(e,["🖫"],'\n<svg\n  class="lucide lucide-download"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />\n  <polyline points="7 10 12 15 17 10" />\n  <line x1="12" x2="12" y1="15" y2="3" />\n</svg>\n',36),pre(e,["×"],'\n<svg\n  class="lucide lucide-x"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="M18 6 6 18" />\n  <path d="m6 6 12 12" />\n</svg>\n',36);for(const e of document.querySelectorAll("a"))pre(e,["❮"],'\n<svg\n  class="lucide lucide-arrow-left"\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n>\n  <path d="m12 19-7-7 7-7" />\n  <path d="M19 12H5" />\n</svg>\n',36),pre(e,["❯"],fre,36);fe.success("🤯 [svgIcon] replace")})()}),[]),Z.jsxs(Z.Fragment,{children:[Z.jsx(jre,{}),Z.jsx(w3,{headerHeight:Yue,children:Z.jsx(Lse,{})}),Z.jsxs(x3,{children:[Z.jsx("div",{className:e.liteAnimation?n.backgroundLite:n.background}),e.enableSidebar&&Z.jsx(S3,{className:n.sidebar,headerHeight:Yue,style:{flex:0,zIndex:50},children:Z.jsx(Hse,{headerHeight:Yue})}),Z.jsx(Nre,{className:t(!e.enableSidebar&&n.quicksettings)}),Z.jsx(c8,{}),Z.jsx(Xue,{}),(null==e?void 0:e.enableExtraNetworkSidebar)&&Z.jsx(S3,{className:n.sidebar,headerHeight:Yue,style:{flex:0,zIndex:50},children:Z.jsx(qre,{headerHeight:Yue})})]}),Z.jsx(Qre,{})]})})),Jue=Que;var Zue,ede=W,tde=(Zue=ede)&&"object"==typeof Zue&&"default"in Zue?Zue.default:Zue;function nde(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var rde=!("undefined"==typeof window||!window.document||!window.document.createElement);const ode=o((function(e,t,n){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if(void 0!==n&&"function"!=typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(r){if("function"!=typeof r)throw new Error("Expected WrappedComponent to be a React component.");var o,i=[];function a(){o=e(i.map((function(e){return e.props}))),l.canUseDOM?t(o):n&&(o=n(o))}var l=function(e){var t,n;function l(){return e.apply(this,arguments)||this}n=e,(t=l).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,l.peek=function(){return o},l.rewind=function(){if(l.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=o;return o=void 0,i=[],e};var s=l.prototype;return s.UNSAFE_componentWillMount=function(){i.push(this),a()},s.componentDidUpdate=function(){a()},s.componentWillUnmount=function(){var e=i.indexOf(this);i.splice(e,1),a()},s.render=function(){return tde.createElement(r,this.props)},l}(ede.PureComponent);return nde(l,"displayName","SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")"),nde(l,"canUseDOM",rde),l}}));var ide="undefined"!=typeof Element,ade="function"==typeof Map,lde="function"==typeof Set,sde="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function cde(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var n,r,o,i;if(Array.isArray(e)){if((n=e.length)!=t.length)return!1;for(r=n;0!=r--;)if(!cde(e[r],t[r]))return!1;return!0}if(ade&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(i=e.entries();!(r=i.next()).done;)if(!t.has(r.value[0]))return!1;for(i=e.entries();!(r=i.next()).done;)if(!cde(r.value[1],t.get(r.value[0])))return!1;return!0}if(lde&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(i=e.entries();!(r=i.next()).done;)if(!t.has(r.value[0]))return!1;return!0}if(sde&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if((n=e.length)!=t.length)return!1;for(r=n;0!=r--;)if(e[r]!==t[r])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof t.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof t.toString)return e.toString()===t.toString();if((n=(o=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(r=n;0!=r--;)if(!Object.prototype.hasOwnProperty.call(t,o[r]))return!1;if(ide&&e instanceof Element)return!1;for(r=n;0!=r--;)if(("_owner"!==o[r]&&"__v"!==o[r]&&"__o"!==o[r]||!e.$$typeof)&&!cde(e[o[r]],t[o[r]]))return!1;return!0}return e!=e&&t!=t}var ude=function(e,t){try{return cde(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}};const dde=o(ude);
 /*
 object-assign
 (c) Sindre Sorhus
diff --git a/src/scripts/replaceIcon.ts b/src/scripts/replaceIcon.ts
index 8381fc5..ad94a4d 100644
--- a/src/scripts/replaceIcon.ts
+++ b/src/scripts/replaceIcon.ts
@@ -27,6 +27,7 @@ import {
   Play,
   RefreshCcw,
   Save,
+  Scaling,
   Settings,
   Share2,
   SquarePen,
@@ -80,6 +81,7 @@ export default () => {
     replaceIcon(button, ['📎'], Paperclip, 16);
     replaceIcon(button, ['📦'], Box, 16);
     replaceIcon(button, ['💞'], Share2, 16);
+    replaceIcon(button, ['✨'], Scaling, 16);
   }
 
   for (const span of document.querySelectorAll('span')) {