Update frontend to v1.2.47 (#4798)

* Update web content to release v1.2.47

* Update shortcut list

web/assets/index-CrROdkG4.js

@@ -1,6 +1,6 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { C as ComfyDialog, $ as $el, a as ComfyApp, b as app, L as LGraphCanvas, c as LiteGraph, d as LGraphNode, e as applyTextReplacements, f as ComfyWidgets, g as addValueControlWidgets, D as DraggableList, h as api, u as useToastStore, i as LGraphGroup } from "./index-CI3N807S.js";
+import { C as ComfyDialog, $ as $el, a as ComfyApp, b as app, L as LGraphCanvas, c as LiteGraph, d as LGraphNode, e as applyTextReplacements, f as ComfyWidgets, g as addValueControlWidgets, D as DraggableList, h as api, i as LGraphGroup, u as useToastStore } from "./index-Dfv2aLsq.js";
 class ClipspaceDialog extends ComfyDialog {
   static {
     __name(this, "ClipspaceDialog");
@@ -3650,7 +3650,7 @@ app.registerExtension({
           content: "Add Group For Selected Nodes",
           disabled: !Object.keys(app.canvas.selected_nodes || {}).length,
           callback: /* @__PURE__ */ __name(() => {
-            var group2 = new LiteGraph.LGraphGroup();
+            const group2 = new LGraphGroup();
             addNodesToGroup(group2, this.selected_nodes);
             app.canvas.graph.add(group2);
             this.graph.change();
@@ -5088,7 +5088,7 @@ app.registerExtension({
             data = JSON.parse(data);
             const nodeIds = Object.keys(app.canvas.selected_nodes);
             for (let i = 0; i < nodeIds.length; i++) {
-              const node = app.graph.getNodeById(Number.parseInt(nodeIds[i]));
+              const node = app.graph.getNodeById(nodeIds[i]);
               const nodeData = node?.constructor.nodeData;
               let groupData = GroupNodeHandler.getGroupData(node);
               if (groupData) {
@@ -5955,7 +5955,7 @@ app.registerExtension({
   },
   onNodeOutputsUpdated(nodeOutputs) {
     for (const [nodeId, output] of Object.entries(nodeOutputs)) {
-      const node = app.graph.getNodeById(Number.parseInt(nodeId));
+      const node = app.graph.getNodeById(nodeId);
       if ("audio" in output) {
         const audioUIWidget = node.widgets.find(
           (w) => w.name === "audioUI"
@@ -6026,4 +6026,4 @@ app.registerExtension({
     };
   }
 });
-//# sourceMappingURL=index-BD-Ia1C4.js.map
+//# sourceMappingURL=index-CrROdkG4.js.map

web/assets/index-W4jP-SrU.css

@@ -1475,21 +1475,21 @@
   width: 5rem !important;
 }
 
-.info-chip[data-v-25bd5f50] {
+.info-chip[data-v-ffbfdf57] {
   background: transparent;
 }
-.setting-item[data-v-25bd5f50] {
+.setting-item[data-v-ffbfdf57] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1rem;
 }
-.setting-label[data-v-25bd5f50] {
+.setting-label[data-v-ffbfdf57] {
   display: flex;
   align-items: center;
   flex: 1;
 }
-.setting-input[data-v-25bd5f50] {
+.setting-input[data-v-ffbfdf57] {
   flex: 1;
   display: flex;
   justify-content: flex-end;
@@ -1497,19 +1497,19 @@
 }
 
 /* Ensure PrimeVue components take full width of their container */
-.setting-input[data-v-25bd5f50] .p-inputtext,
-.setting-input[data-v-25bd5f50] .input-slider,
-.setting-input[data-v-25bd5f50] .p-select,
-.setting-input[data-v-25bd5f50] .p-togglebutton {
+.setting-input[data-v-ffbfdf57] .p-inputtext,
+.setting-input[data-v-ffbfdf57] .input-slider,
+.setting-input[data-v-ffbfdf57] .p-select,
+.setting-input[data-v-ffbfdf57] .p-togglebutton {
   width: 100%;
   max-width: 200px;
 }
-.setting-input[data-v-25bd5f50] .p-inputtext {
+.setting-input[data-v-ffbfdf57] .p-inputtext {
   max-width: unset;
 }
 
 /* Special case for ToggleSwitch to align it to the right */
-.setting-input[data-v-25bd5f50] .p-toggleswitch {
+.setting-input[data-v-ffbfdf57] .p-toggleswitch {
   margin-left: auto;
 }
 
@@ -1655,21 +1655,21 @@
   margin-left: 0.5rem;
 }
 
-.comfy-error-report[data-v-12539d86] {
+.comfy-error-report[data-v-a103fd62] {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
-.action-container[data-v-12539d86] {
+.action-container[data-v-a103fd62] {
   display: flex;
   gap: 1rem;
   justify-content: flex-end;
 }
-.wrapper-pre[data-v-12539d86] {
+.wrapper-pre[data-v-a103fd62] {
   white-space: pre-wrap;
   word-wrap: break-word;
 }
-.no-results-placeholder[data-v-12539d86] {
+.no-results-placeholder[data-v-a103fd62] {
   padding-top: 0;
 }
 .lds-ring {
@@ -3158,7 +3158,7 @@ body {
   overflow: hidden;
   grid-template-columns: auto 1fr auto;
   grid-template-rows: auto 1fr auto;
-  background-color: var(--bg-color);
+  background: var(--bg-color) var(--bg-img);
   color: var(--fg-color);
   min-height: -webkit-fill-available;
   max-height: -webkit-fill-available;
@@ -3833,17 +3833,19 @@ audio.comfy-audio.empty-audio-widget {
   box-sizing: border-box;
 }
 
-.node-title-editor[data-v-77799b26] {
+.group-title-editor.node-title-editor[data-v-f0cbabc5] {
   z-index: 9999;
   padding: 0.25rem;
 }
-[data-v-77799b26] .editable-text {
+[data-v-f0cbabc5] .editable-text {
   width: 100%;
   height: 100%;
 }
-[data-v-77799b26] .editable-text input {
+[data-v-f0cbabc5] .editable-text input {
   width: 100%;
   height: 100%;
+  /* Override the default font size */
+  font-size: inherit;
 }
 
 .side-bar-button-icon {
@@ -4086,26 +4088,26 @@ audio.comfy-audio.empty-audio-widget {
   color: var(--error-text);
 }
 
-.comfy-vue-node-search-container[data-v-077af1a9] {
+.comfy-vue-node-search-container[data-v-d28bffc4] {
   display: flex;
   width: 100%;
   min-width: 24rem;
   align-items: center;
   justify-content: center;
 }
-.comfy-vue-node-search-container[data-v-077af1a9] * {
+.comfy-vue-node-search-container[data-v-d28bffc4] * {
   pointer-events: auto;
 }
-.comfy-vue-node-preview-container[data-v-077af1a9] {
+.comfy-vue-node-preview-container[data-v-d28bffc4] {
   position: absolute;
   left: -350px;
   top: 50px;
 }
-.comfy-vue-node-search-box[data-v-077af1a9] {
+.comfy-vue-node-search-box[data-v-d28bffc4] {
   z-index: 10;
   flex-grow: 1;
 }
-.option-container[data-v-077af1a9] {
+.option-container[data-v-d28bffc4] {
   display: flex;
   width: 100%;
   cursor: pointer;
@@ -4117,12 +4119,12 @@ audio.comfy-audio.empty-audio-widget {
   padding-top: 0px;
   padding-bottom: 0px;
 }
-.option-display-name[data-v-077af1a9] {
+.option-display-name[data-v-d28bffc4] {
   display: flex;
   flex-direction: column;
   font-weight: 600;
 }
-.option-category[data-v-077af1a9] {
+.option-category[data-v-d28bffc4] {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 0.875rem;
@@ -4133,7 +4135,7 @@ audio.comfy-audio.empty-audio-widget {
   /* Keeps the text on a single line by default */
   white-space: nowrap;
 }
-[data-v-077af1a9] .highlight {
+[data-v-d28bffc4] .highlight {
   background-color: var(--p-primary-color);
   color: var(--p-primary-contrast-color);
   font-weight: bold;
@@ -4141,10 +4143,10 @@ audio.comfy-audio.empty-audio-widget {
   padding: 0rem 0.125rem;
   margin: -0.125rem 0.125rem;
 }
-._filter-button[data-v-077af1a9] {
+._filter-button[data-v-d28bffc4] {
   z-index: 10;
 }
-._dialog[data-v-077af1a9] {
+._dialog[data-v-d28bffc4] {
   min-width: 24rem;
 }
 
@@ -4353,28 +4355,60 @@ img.galleria-image {
   gap: 0.5rem;
 }
 
-.node-tree-leaf[data-v-adf5f221] {
+.tree-node[data-v-d4b7b060] {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.node-content[data-v-adf5f221] {
+.leaf-count-badge[data-v-d4b7b060] {
+  margin-left: 0.5rem;
+}
+.node-content[data-v-d4b7b060] {
   display: flex;
   align-items: center;
   flex-grow: 1;
 }
-.node-label[data-v-adf5f221] {
+.leaf-label[data-v-d4b7b060] {
   margin-left: 0.5rem;
 }
-.bookmark-button[data-v-adf5f221] {
-  width: unset;
-  padding: 0.25rem;
+[data-v-d4b7b060] .editable-text span {
+  word-break: break-all;
 }
 
-.node-tree-folder[data-v-f2d72e9b] {
+[data-v-9d3310b9] .tree-explorer-node-label {
+  width: 100%;
   display: flex;
   align-items: center;
+  margin-left: var(--p-tree-node-gap);
+  flex-grow: 1;
+}
+/*
+ * The following styles are necessary to avoid layout shift when dragging nodes over folders.
+ * By setting the position to relative on the parent and using an absolutely positioned pseudo-element,
+ * we can create a visual indicator for the drop target without affecting the layout of other elements.
+ */
+[data-v-9d3310b9] .p-tree-node-content:has(.tree-folder) {
+  position: relative;
+}
+[data-v-9d3310b9] .p-tree-node-content:has(.tree-folder.can-drop)::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 1px solid var(--p-content-color);
+  pointer-events: none;
+}
+
+.node-lib-node-container[data-v-3238e135] {
+  height: 100%;
+  width: 100%;
+}
+.bookmark-button[data-v-3238e135] {
+  width: unset;
+  padding: 0.25rem;
 }
 
 .p-selectbutton .p-button[data-v-91077f2a] {
@@ -4394,45 +4428,33 @@ img.galleria-image {
   gap: 0.5rem;
 }
 
-.node-lib-tree-node-label {
-  display: flex;
-  align-items: center;
-  margin-left: var(--p-tree-node-gap);
-  flex-grow: 1;
-}
 .node-lib-filter-popup {
   margin-left: -13px;
 }
 
-[data-v-87967891] .node-lib-search-box {
+[data-v-85688f44] .node-lib-search-box {
   margin-left: 1rem;
   margin-right: 1rem;
   margin-top: 1rem;
 }
-[data-v-87967891] .comfy-vue-side-bar-body {
+[data-v-85688f44] .comfy-vue-side-bar-body {
   background: var(--p-tree-background);
 }
-
-/*
- * The following styles are necessary to avoid layout shift when dragging nodes over folders.
- * By setting the position to relative on the parent and using an absolutely positioned pseudo-element,
- * we can create a visual indicator for the drop target without affecting the layout of other elements.
- */
-[data-v-87967891] .p-tree-node-content:has(.node-tree-folder) {
-  position: relative;
+[data-v-85688f44] .node-lib-bookmark-tree-explorer {
+  padding-bottom: 2px;
 }
-[data-v-87967891] .p-tree-node-content:has(.node-tree-folder.can-drop)::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border: 1px solid var(--p-content-color);
-  pointer-events: none;
+[data-v-85688f44] .node-lib-tree-explorer {
+  padding-top: 2px;
+}
+[data-v-85688f44] .p-divider {
+  margin: var(--comfy-tree-explorer-item-padding) 0px;
 }
 
-.spinner[data-v-8616e7a1] {
+.p-tree-node-content {
+  padding: var(--comfy-tree-explorer-item-padding) !important;
+}
+
+.spinner[data-v-75e4840f] {
     position: absolute;
     inset: 0px;
     display: flex;

web/assets/userSelection-DSpF-zVD.js

@@ -1,6 +1,6 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { j as createSpinner, h as api, $ as $el } from "./index-CI3N807S.js";
+import { j as createSpinner, h as api, $ as $el } from "./index-Dfv2aLsq.js";
 class UserSelectionScreen {
   static {
     __name(this, "UserSelectionScreen");
@@ -117,4 +117,4 @@ window.comfyAPI.userSelection.UserSelectionScreen = UserSelectionScreen;
 export {
   UserSelectionScreen
 };
-//# sourceMappingURL=userSelection-CyXKCVy3.js.map
+//# sourceMappingURL=userSelection-DSpF-zVD.js.map