Update frontend to v1.2.47 (#4798)

* Update web content to release v1.2.47

* Update shortcut list

README.md

@@ -94,6 +94,8 @@ Workflow examples can be found on the [Examples page](https://comfyanonymous.git
 | Alt + `+`                          | Canvas Zoom in                                                                                                     |
 | Alt + `-`                          | Canvas Zoom out                                                                                                    |
 | Ctrl + Shift + LMB + Vertical drag | Canvas Zoom in/out                                                                                                 |
+| P                                  | Pin/Unpin selected nodes                                                                                           |
+| Ctrl + G                           | Group selected nodes                                                                                               |
 | Q                                  | Toggle visibility of the queue                                                                                     |
 | H                                  | Toggle visibility of history                                                                                       |
 | R                                  | Refresh graph                                                                                                      |

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

web/extensions/core/clipspace.js

@@ -1,2 +1,2 @@
-// Shim for extensions\core\clipspace.ts
+// Shim for extensions/core/clipspace.ts
 export const ClipspaceDialog = window.comfyAPI.clipspace.ClipspaceDialog;

web/extensions/core/groupNode.js

@@ -1,3 +1,3 @@
-// Shim for extensions\core\groupNode.ts
+// Shim for extensions/core/groupNode.ts
 export const GroupNodeConfig = window.comfyAPI.groupNode.GroupNodeConfig;
 export const GroupNodeHandler = window.comfyAPI.groupNode.GroupNodeHandler;

web/extensions/core/groupNodeManage.js

@@ -1,2 +1,2 @@
-// Shim for extensions\core\groupNodeManage.ts
+// Shim for extensions/core/groupNodeManage.ts
 export const ManageGroupDialog = window.comfyAPI.groupNodeManage.ManageGroupDialog;

web/extensions/core/widgetInputs.js

@@ -1,4 +1,4 @@
-// Shim for extensions\core\widgetInputs.ts
+// Shim for extensions/core/widgetInputs.ts
 export const getWidgetConfig = window.comfyAPI.widgetInputs.getWidgetConfig;
 export const setWidgetConfig = window.comfyAPI.widgetInputs.setWidgetConfig;
 export const mergeIfValid = window.comfyAPI.widgetInputs.mergeIfValid;

web/index.html

@@ -1,50 +1,50 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8">
-		<title>ComfyUI</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-		<!-- Browser Test Fonts -->
-		<!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-		<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-		<style>
-			* {
-				font-family: 'Roboto Mono', 'Noto Color Emoji';
-			}
-		</style> -->
-		<link rel="stylesheet" type="text/css" href="user.css" />
-		<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
-		<script type="module" crossorigin src="./assets/index-CI3N807S.js"></script>
-		<link rel="stylesheet" crossorigin href="./assets/index-_5czGnTA.css">
-	</head>
-	<body class="litegraph">
-		<div id="vue-app"></div>
-		<div id="comfy-user-selection" class="comfy-user-selection" style="display: none;">
-			<main class="comfy-user-selection-inner">
-				<h1>ComfyUI</h1>
-				<form>
-					<section>
-						<label>New user:
-							<input placeholder="Enter a username" />
-						</label>
-					</section>
-					<div class="comfy-user-existing">
-						<span class="or-separator">OR</span>
-						<section>
-							<label>
-								Existing user:
-								<select>
-									<option hidden disabled selected value> Select a user </option>
-								</select>
-							</label>
-						</section>
-					</div>
-					<footer>
-						<span class="comfy-user-error">&nbsp;</span>
-						<button class="comfy-btn comfy-user-button-next">Next</button>
-					</footer>
-				</form>
-			</main>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<title>ComfyUI</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<!-- Browser Test Fonts -->
+		<!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+		<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+		<style>
+			* {
+				font-family: 'Roboto Mono', 'Noto Color Emoji';
+			}
+		</style> -->
+		<link rel="stylesheet" type="text/css" href="user.css" />
+		<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
+		<script type="module" crossorigin src="./assets/index-Dfv2aLsq.js"></script>
+		<link rel="stylesheet" crossorigin href="./assets/index-W4jP-SrU.css">
+	</head>
+	<body class="litegraph">
+		<div id="vue-app"></div>
+		<div id="comfy-user-selection" class="comfy-user-selection" style="display: none;">
+			<main class="comfy-user-selection-inner">
+				<h1>ComfyUI</h1>
+				<form>
+					<section>
+						<label>New user:
+							<input placeholder="Enter a username" />
+						</label>
+					</section>
+					<div class="comfy-user-existing">
+						<span class="or-separator">OR</span>
+						<section>
+							<label>
+								Existing user:
+								<select>
+									<option hidden disabled selected value> Select a user </option>
+								</select>
+							</label>
+						</section>
+					</div>
+					<footer>
+						<span class="comfy-user-error">&nbsp;</span>
+						<button class="comfy-btn comfy-user-button-next">Next</button>
+					</footer>
+				</form>
+			</main>
+		</div>
+	</body>
+</html>

web/scripts/api.js

@@ -1,2 +1,2 @@
-// Shim for scripts\api.ts
+// Shim for scripts/api.ts
 export const api = window.comfyAPI.api.api;

web/scripts/app.js

@@ -1,4 +1,4 @@
-// Shim for scripts\app.ts
+// Shim for scripts/app.ts
 export const ANIM_PREVIEW_WIDGET = window.comfyAPI.app.ANIM_PREVIEW_WIDGET;
 export const ComfyApp = window.comfyAPI.app.ComfyApp;
 export const app = window.comfyAPI.app.app;

web/scripts/changeTracker.js

@@ -1,2 +1,2 @@
-// Shim for scripts\changeTracker.ts
+// Shim for scripts/changeTracker.ts
 export const ChangeTracker = window.comfyAPI.changeTracker.ChangeTracker;

web/scripts/defaultGraph.js

@@ -1,2 +1,2 @@
-// Shim for scripts\defaultGraph.ts
+// Shim for scripts/defaultGraph.ts
 export const defaultGraph = window.comfyAPI.defaultGraph.defaultGraph;

web/scripts/domWidget.js

@@ -1,2 +1,2 @@
-// Shim for scripts\domWidget.ts
+// Shim for scripts/domWidget.ts
 export const addDomClippingSetting = window.comfyAPI.domWidget.addDomClippingSetting;

web/scripts/logging.js

@@ -1,2 +1,2 @@
-// Shim for scripts\logging.ts
+// Shim for scripts/logging.ts
 export const ComfyLogging = window.comfyAPI.logging.ComfyLogging;

web/scripts/metadata/flac.js

@@ -1,3 +1,3 @@
-// Shim for scripts\metadata\flac.ts
+// Shim for scripts/metadata/flac.ts
 export const getFromFlacBuffer = window.comfyAPI.flac.getFromFlacBuffer;
 export const getFromFlacFile = window.comfyAPI.flac.getFromFlacFile;

web/scripts/metadata/png.js

@@ -1,3 +1,3 @@
-// Shim for scripts\metadata\png.ts
+// Shim for scripts/metadata/png.ts
 export const getFromPngBuffer = window.comfyAPI.png.getFromPngBuffer;
 export const getFromPngFile = window.comfyAPI.png.getFromPngFile;

web/scripts/pnginfo.js

@@ -1,4 +1,4 @@
-// Shim for scripts\pnginfo.ts
+// Shim for scripts/pnginfo.ts
 export const getPngMetadata = window.comfyAPI.pnginfo.getPngMetadata;
 export const getFlacMetadata = window.comfyAPI.pnginfo.getFlacMetadata;
 export const getWebpMetadata = window.comfyAPI.pnginfo.getWebpMetadata;

web/scripts/ui.js

@@ -1,4 +1,4 @@
-// Shim for scripts\ui.ts
+// Shim for scripts/ui.ts
 export const ComfyDialog = window.comfyAPI.ui.ComfyDialog;
 export const $el = window.comfyAPI.ui.$el;
 export const ComfyUI = window.comfyAPI.ui.ComfyUI;

web/scripts/ui/components/asyncDialog.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\components\asyncDialog.ts
+// Shim for scripts/ui/components/asyncDialog.ts
 export const ComfyAsyncDialog = window.comfyAPI.asyncDialog.ComfyAsyncDialog;

web/scripts/ui/components/button.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\components\button.ts
+// Shim for scripts/ui/components/button.ts
 export const ComfyButton = window.comfyAPI.button.ComfyButton;

web/scripts/ui/components/buttonGroup.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\components\buttonGroup.ts
+// Shim for scripts/ui/components/buttonGroup.ts
 export const ComfyButtonGroup = window.comfyAPI.buttonGroup.ComfyButtonGroup;

web/scripts/ui/components/popup.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\components\popup.ts
+// Shim for scripts/ui/components/popup.ts
 export const ComfyPopup = window.comfyAPI.popup.ComfyPopup;

web/scripts/ui/components/splitButton.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\components\splitButton.ts
+// Shim for scripts/ui/components/splitButton.ts
 export const ComfySplitButton = window.comfyAPI.splitButton.ComfySplitButton;

web/scripts/ui/dialog.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\dialog.ts
+// Shim for scripts/ui/dialog.ts
 export const ComfyDialog = window.comfyAPI.dialog.ComfyDialog;

web/scripts/ui/draggableList.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\draggableList.ts
+// Shim for scripts/ui/draggableList.ts
 export const DraggableList = window.comfyAPI.draggableList.DraggableList;

web/scripts/ui/imagePreview.js

@@ -1,3 +1,3 @@
-// Shim for scripts\ui\imagePreview.ts
+// Shim for scripts/ui/imagePreview.ts
 export const calculateImageGrid = window.comfyAPI.imagePreview.calculateImageGrid;
 export const createImageHost = window.comfyAPI.imagePreview.createImageHost;

web/scripts/ui/menu/index.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\menu\index.ts
+// Shim for scripts/ui/menu/index.ts
 export const ComfyAppMenu = window.comfyAPI.index.ComfyAppMenu;

web/scripts/ui/menu/interruptButton.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\menu\interruptButton.ts
+// Shim for scripts/ui/menu/interruptButton.ts
 export const getInterruptButton = window.comfyAPI.interruptButton.getInterruptButton;

web/scripts/ui/menu/queueButton.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\menu\queueButton.ts
+// Shim for scripts/ui/menu/queueButton.ts
 export const ComfyQueueButton = window.comfyAPI.queueButton.ComfyQueueButton;

web/scripts/ui/menu/queueOptions.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\menu\queueOptions.ts
+// Shim for scripts/ui/menu/queueOptions.ts
 export const ComfyQueueOptions = window.comfyAPI.queueOptions.ComfyQueueOptions;

web/scripts/ui/menu/workflows.js

@@ -1,3 +1,3 @@
-// Shim for scripts\ui\menu\workflows.ts
+// Shim for scripts/ui/menu/workflows.ts
 export const ComfyWorkflowsMenu = window.comfyAPI.workflows.ComfyWorkflowsMenu;
 export const ComfyWorkflowsContent = window.comfyAPI.workflows.ComfyWorkflowsContent;

web/scripts/ui/settings.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\settings.ts
+// Shim for scripts/ui/settings.ts
 export const ComfySettingsDialog = window.comfyAPI.settings.ComfySettingsDialog;

web/scripts/ui/spinner.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\spinner.ts
+// Shim for scripts/ui/spinner.ts
 export const createSpinner = window.comfyAPI.spinner.createSpinner;

web/scripts/ui/toggleSwitch.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\toggleSwitch.ts
+// Shim for scripts/ui/toggleSwitch.ts
 export const toggleSwitch = window.comfyAPI.toggleSwitch.toggleSwitch;

web/scripts/ui/userSelection.js

@@ -1,2 +1,2 @@
-// Shim for scripts\ui\userSelection.ts
+// Shim for scripts/ui/userSelection.ts
 export const UserSelectionScreen = window.comfyAPI.userSelection.UserSelectionScreen;

web/scripts/ui/utils.js

@@ -1,3 +1,3 @@
-// Shim for scripts\ui\utils.ts
+// Shim for scripts/ui/utils.ts
 export const applyClasses = window.comfyAPI.utils.applyClasses;
 export const toggleElement = window.comfyAPI.utils.toggleElement;

web/scripts/utils.js

@@ -1,4 +1,4 @@
-// Shim for scripts\utils.ts
+// Shim for scripts/utils.ts
 export const clone = window.comfyAPI.utils.clone;
 export const applyTextReplacements = window.comfyAPI.utils.applyTextReplacements;
 export const addStylesheet = window.comfyAPI.utils.addStylesheet;

web/scripts/widgets.js

@@ -1,4 +1,4 @@
-// Shim for scripts\widgets.ts
+// Shim for scripts/widgets.ts
 export const updateControlWidgetLabel = window.comfyAPI.widgets.updateControlWidgetLabel;
 export const addValueControlWidget = window.comfyAPI.widgets.addValueControlWidget;
 export const addValueControlWidgets = window.comfyAPI.widgets.addValueControlWidgets;

web/scripts/workflows.js

@@ -1,4 +1,4 @@
-// Shim for scripts\workflows.ts
+// Shim for scripts/workflows.ts
 export const trimJsonExt = window.comfyAPI.workflows.trimJsonExt;
 export const ComfyWorkflowManager = window.comfyAPI.workflows.ComfyWorkflowManager;
 export const ComfyWorkflow = window.comfyAPI.workflows.ComfyWorkflow;