+
{name}
+
+ {previews.map((preview) => {
+ if (preview.name !== previewType) {
+ return null;
+ }
+ return (
+
+ );
+ })}
+
);
}
diff --git a/ui/frontend/build_src/src/components/atoms/modifierTag/modifierTags.css.ts b/ui/frontend/build_src/src/components/atoms/modifierTag/modifierTags.css.ts
new file mode 100644
index 00000000..e446dc38
--- /dev/null
+++ b/ui/frontend/build_src/src/components/atoms/modifierTag/modifierTags.css.ts
@@ -0,0 +1,43 @@
+import { style, globalStyle } from "@vanilla-extract/css";
+
+// .modifierTag.selected {
+// background-color: rgb(131, 11, 121);
+// }
+
+
+export const ModifierTagMain = style({
+ display: "inline-block",
+ padding: "6px",
+ backgroundColor: "rgb(38, 77, 141)",
+ color: "#fff",
+ borderRadius: "5px",
+ margin: "5px",
+});
+
+// export const ModifierTagSelected = style({
+// backgroundColor: "rgb(131, 11, 121)",
+// });
+
+globalStyle(`${ModifierTagMain}.selected`, {
+ backgroundColor: "rgb(131, 11, 121)",
+})
+
+globalStyle(`${ModifierTagMain} p`, {
+ margin: 0,
+ textAlign: "center",
+ marginBottom: "2px",
+});
+
+
+export const tagPreview = style({
+ display: 'flex',
+ justifyContent: 'center',
+});
+
+globalStyle(`${tagPreview} img`, {
+ width: "90px",
+ height: "100%",
+ objectFit: "cover",
+ objectPosition: "center",
+});
+
diff --git a/ui/frontend/build_src/src/components/organisms/displayPanel/audioDing/index.tsx b/ui/frontend/build_src/src/components/molecules/audioDing/index.tsx
similarity index 87%
rename from ui/frontend/build_src/src/components/organisms/displayPanel/audioDing/index.tsx
rename to ui/frontend/build_src/src/components/molecules/audioDing/index.tsx
index 0d17816f..b17e1847 100644
--- a/ui/frontend/build_src/src/components/organisms/displayPanel/audioDing/index.tsx
+++ b/ui/frontend/build_src/src/components/molecules/audioDing/index.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { API_URL } from "../../../../api";
+import { API_URL } from "../../../api";
const url = `${API_URL}/ding.mp3`;
diff --git a/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/workflowSettings/index.tsx b/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/workflowSettings/index.tsx
index 813ede8b..0c22d71e 100644
--- a/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/workflowSettings/index.tsx
+++ b/ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/workflowSettings/index.tsx
@@ -28,7 +28,10 @@ export default function WorkflowSettings() {
const setRequestOption = useImageCreate((state) => state.setRequestOptions);
const setParallelCount = useImageCreate((state) => state.setParallelCount);
+ const shouldStreamImages = useImageCreate((state) => state.getValueForRequestKey("stream_image_progress"));
const toggleUseAutoSave = useImageCreate((state) => state.toggleUseAutoSave);
+
+
const toggleSoundEnabled = useImageCreate(
(state) => state.toggleSoundEnabled
);
@@ -69,6 +72,20 @@ export default function WorkflowSettings() {
/>