There is currently a fair bit of unnecessary useMemo use in the codebase. It creates a cluttery codebase that may be off-putting to would-be contributors while not actually leading to improved performance. It will even hurt performance due to the overhead of the hook in many cases.

Here is an example of such a case:

In this case, the overhead of useMemo is going to be significantly worse than letting React discover on its own that it doesn't need to rerender the component. useMemo should ideally be used sparingly and for truly resource-intensive tasks, or in some special cases such as ensuring referential equality.

It is also (almost always) a bad idea to wrap the return statements of functional components in useMemo as React is VERY good at knowing when it needs rerender components.

I really think it would be good to clean this up if it is okay with the product owner(s). Doing so would lead to a friendlier codebase that may attract more contributors and would likely make StableStudio more optimized in the process.

Stub

Automatically generated. Please make sure to update the CHANGELOG.

Originally posted by @pagerduty-api-schema-bot in PagerDuty/api-schema#380

Please submit the correct information, invalid information will cause the issue to close

Originally posted by @jz2120100058 in justswaporg/justlists#3728 (comment)

I would like to be able to run my SD models locally and use them as backend

It would be nice to support light/dark theme/mode switch.

TODO: Will add more details

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Originally posted by @mail731212 in #55

This should probably work like styles once we merge: #16

Morning all -

After installation it worked, this is what I ran into the next day...suggestions? Thanks in advance!

10:04:22 AM [vite] Internal server error: Failed to resolve import "/GlobalVariables" from "src\index.tsx". Does the file exist?
➤ YN0000: [@stability/stablestudio-ui]: Plugin: vite:import-analysis
➤ YN0000: [@stability/stablestudio-ui]: File: C:/Windows/System32/StableStudio/packages/stablestudio-ui/src/index.tsx:3:7
➤ YN0000: [@stability/stablestudio-ui]: 1 | import { jsxDEV } from "@emotion/react/jsx-dev-runtime";
➤ YN0000: [@stability/stablestudio-ui]: 2 | import ReactDOM from "react-dom/client";
➤ YN0000: [@stability/stablestudio-ui]: 3 | import "/GlobalVariables";
➤ YN0000: [@stability/stablestudio-ui]: | ^
➤ YN0000: [@stability/stablestudio-ui]: 4 | import { App } from "~/App";
➤ YN0000: [@stability/stablestudio-ui]: 5 | const main = async () => {
➤ YN0000: [@stability/stablestudio-ui]: at formatError (file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:42597:46)
➤ YN0000: [@stability/stablestudio-ui]: at TransformContext.error (file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:42593:19)
➤ YN0000: [@stability/stablestudio-ui]: at normalizeUrl (file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:40509:33)
➤ YN0000: [@stability/stablestudio-ui]: at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
➤ YN0000: [@stability/stablestudio-ui]: at async file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:40652:47
➤ YN0000: [@stability/stablestudio-ui]: at async Promise.all (index 2)
➤ YN0000: [@stability/stablestudio-ui]: at async TransformContext.transform (file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:40578:13)
➤ YN0000: [@stability/stablestudio-ui]: at async Object.transform (file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:42871:30)
➤ YN0000: [@stability/stablestudio-ui]: at async loadAndTransform (file:///C:/WINDOWS/system32/StableStudio/node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:53335:29)

pls ignore this issue sorry

TODO

Is your feature request related to a problem? Please describe.
Is there a way to run single install for multiple users, to make each browser session independent?

Describe the solution you'd like
If possible, need to make a way to separate browser session (by some auth, url variable etc), to allow multiple users on single running instance

Describe the bug
The Dream Studio API Key is not retained after closing the program, therefore at the next restart it has to be inserted again.

To Reproduce
Steps to reproduce the behavior:
See above

Expected behavior
It would be convenient if the API Key, once inserted as required, could be someway stored locally, better if inside a separate, dedicated file so that the user might eventually, for any reasons, be able to delete it.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10 Pro
• Browser Firefox
• Version 113.0.1 (64 bit)

Smartphone (please complete the following information):
N/A

Additional context
Not really a bug per-se but more a usability suggestion.

Hi. Trying to run this in colab, but the link page doesn't work. Any idea how to make this work?

!curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
!echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
!sudo apt-get update && sudo apt-get install yarn
!curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
!sudo apt-get install -y nodejs
!git clone https://github.com/Stability-AI/StableStudio.git
%cd StableStudio
!yarn
!yarn dev

Describe the bug
Once the process yarn dev is started all the spwaned processes stay in memory regardless if the console was exited with "close window" or CRTL-C. Only way to really end is to kill all node processes.

Expected behavior
A clear way to exit the console.
Please add information to the readme or even the console output to show how to properly exit all the spawned processes on windows.

Screenshots

After exit:

Desktop (please complete the following information):

• OS: Win10, Win11

[Stub]

Here's the animation API: https://platform.stability.ai/docs/features/animation

Build an interface for layering prompts over a timeline and controlling the animation parameters.

See the gradio notebook for complete set of UI components as an example: https://platform.stability.ai/docs/features/animation

Discussed in #26

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Thank you for releasing the OSS version of Stable Studio!!

I built it immediately, but I have one question.
How can I set the API Key in advance?

I would appreciate your answer.

I deployed this on cloud servers running Ubuntu and everything was working as intended.
However, when trying to access http://ServerIP:3000 in the browser, it did not work

It would be great if the interface would support streaming images using AsyncGenerator.

E.g.

createStableDiffusionImages: async function* (options) {
  const image = await fetch(`${window.location.origin}/DummyImage.png`);
  const blob = await image.blob();
  const createdAt = new Date();

  for (let i = 0; i < (options?.count || 4); i++) {
    yield {
      id: `${Math.random() * 10000000}`,
      createdAt,
      blob,
    };

    set(({ imagesGeneratedSoFar }) => ({
      imagesGeneratedSoFar: imagesGeneratedSoFar + 1,
    }));

    await new Promise((resolve) => setTimeout(resolve, 1000));
  }
},

The type could look something like:

createStableDiffusionImages?: (options?: {
  /** The `StableDiffusionInput` you've been asked to generate, if empty, you could still return a random image */
  input?: StableDiffusionInput;
  /** Determines how many images will be created using the given `StableDiffusionInput` */
  count?: number;
}) =>
  | MaybePromise<StableDiffusionImages | undefined>
  | AsyncGenerator<StableDiffusionImage>;

to support both flows.

What do you think?

Is your feature request related to a problem? Please describe.
Not a problem, just some useful information for the user about his/her account's available credits and the approximate number or images that can be generated with standard settings.

Describe the solution you'd like
It would be useful to display in the main UI the remaining Credits and the approx number of images as available in the Dream Studio account info page.

Describe alternatives you've considered
Currently the user has to login to his/her DS account to see the residual Credits.

Additional context

TODO: Will add details later

TODO: Will add more details

As an extension developer for ‎AUTOMATIC1111 stable-diffusion-webui, I am wondering does StableStudio have the plan to support custom extension/plugin contributed by community?

TODO: Will add details later

With so many extensions working for so many people with SD, I think making this a part of that, perhaps a new tab, or just being able to select the new larger model, would help many designers keep their prompts, LORAs, settings, and then use the new product as well.

Thanks

I deployed StableStudio on Vercel successfully and entered my DreamStudio API key with no problem.

However, I cannot generate images and models are not loaded with the following errors in the console:

Anyone can help?

Describe the bug
If I click on the Sampler | Select a Sampler option the selection box opens but only the message "Loading Samplers ..." is being displayed, and no samplers are listed for selection. Changing model doesn't make any difference.

To Reproduce
Steps to reproduce the behavior:
as above described, search for the list of samplers but none is displayed

Expected behavior
The list of available samplers/schedulers should be retrieved and displayed in the selection box for selection.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10 Pro
• Browser Firefox
• Version 113.0.1 (64 bit)

Smartphone (please complete the following information):
N/A

Additional context
Add any other context about the problem here.

Stub

ubuntu 20
I 'have a get a error
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] clean exit - waiting for changes before restart

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Node not working

Describe the bug

Something went wrong on our end, please try again later

To Reproduce
Steps to reproduce the behavior:

step1、git clone https://github.com/Stability-AI/StableStudio.git

step2、cd StableStudio

step3、yarn

step4、yarn dev
D:\ChatGPT\AI绘画\StableStudio>yarn dev
➤ YN0000: [@stability/stablestudio-plugin]: Process started
➤ YN0000: [@stability/stablestudio-plugin-example]: Process started
➤ YN0000: [@stability/stablestudio-plugin-stability]: Process started
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: Process started
➤ YN0000: [@stability/stablestudio-plugin-webui]: Process started
➤ YN0000: [@stability/stablestudio-ui]: Process started
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] to restart at any time, enter rs
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] watching path(s): src**
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] watching extensions: ts,tsx,json
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] starting yarn build
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] to restart at any time, enter
rs
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] watching path(s): src**
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] watching extensions: ts,tsx,js
on
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] starting yarn build
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] to restart at any time, en
ter rs
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] watching path(s): src**
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] watching extensions: ts,js
on
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] starting yarn build
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] to restart at any time, ente
r rs
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] watching path(s): src**
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] watching extensions: ts,tsx,
json
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] starting yarn build
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] to restart at any time, enter
rs
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] watching path(s): src***
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] watching extensions: ts,tsx,j
son
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] starting yarn build
➤ YN0000: [@stability/stablestudio-ui]:
➤ YN0000: [@stability/stablestudio-ui]: VITE v4.3.4 ready in 4307 ms
➤ YN0000: [@stability/stablestudio-ui]:
➤ YN0000: [@stability/stablestudio-ui]: ➜ Local: http://localhost:3000/
➤ YN0000: [@stability/stablestudio-ui]: ➜ Network: use --host to expose
➤ YN0000: [@stability/stablestudio-ui]: 16:26:33 [vite] hmr update /src/Plugin/index.tsx,
/src/Theme/index.css?direct
➤ YN0000: [@stability/stablestudio-ui]: 16:26:33 [vite] hmr update /src/Plugin/index.tsx,
/src/Theme/index.css?direct
➤ YN0000: [@stability/stablestudio-ui]: 16:26:35 [vite] hmr update /src/Plugin/index.tsx,
/src/Theme/index.css?direct
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] clean exit - waiting for c
hanges before restart
➤ YN0000: [@stability/stablestudio-ui]: 16:26:36 [vite] hmr update /src/Plugin/index.tsx,
/src/Theme/index.css?direct

The page opens normally.

Expected behavior
It should be generating images

Screenshots

Desktop (please complete the following information):

• OS: win10
• Browser:chrome
• Version:113.0.5672.127

I want to load the stable-diffusion-webui I built myself, is that possible?

Describe the bug
Cannot load model and sampler using A1111 backend

Seems to be CORS issue but WebUI is running with --nowebui --cors-allow-origins=http://localhost:3000 (see log below).

...

Launching API server with arguments: --skip-torch-cuda-test --upcast-sampling --no-half-vae --use-cpu interrogate --nowebui --cors-allow-origins=http://localhost:3000
No module 'xformers'. Proceeding without it.
Warning: caught exception 'Torch not compiled with CUDA enabled', memory monitor disabled
ControlNet v1.1.185
ControlNet v1.1.185
Loading weights [9aba26abdf] from /Users/harrywang/sandbox/stable-diffusion-webui/models/Stable-diffusion/deliberate_v2.safetensors
Startup time: 4.2s (import torch: 1.1s, import gradio: 0.8s, import ldm: 0.3s, other imports: 0.8s, load scripts: 1.2s).
INFO:     Started server process [16150]
INFO:     Waiting for application startup.
INFO:     Application startup complete.
INFO:     Uvicorn running on http://127.0.0.1:7861 (Press CTRL+C to quit)
Creating model from config: /Users/harrywang/sandbox/stable-diffusion-webui/configs/v1-inference.yaml
LatentDiffusion: Running in eps-prediction mode
DiffusionWrapper has 859.52 M params.
Applying cross attention optimization (InvokeAI).
Textual inversion embeddings loaded(0): 
Model loaded in 6.4s (load weights from disk: 0.2s, create model: 0.6s, apply weights to model: 3.3s, apply half(): 1.6s, move model to device: 0.6s).

#24

Describe the bug
After generating the images using WebUI backend from #25 and show the generation history, click the image and some parameter information is missing.

Desktop (please complete the following information):
MacBook Pro with Chrome

Hi guys,

Amazing work

I'm just trying to create the Dockerfile for this repo

# Use the official Node.js Alpine image as the base
FROM node:alpine

# Add git
RUN apk add git

# Set the working directory in the container
WORKDIR /app

# Copy package.json and yarn.lock to the container
COPY package.json yarn.lock ./

COPY . .

# Install dependencies
RUN yarn install

# Build the project
RUN yarn build

# Expose the desired port (e.g., 3000)
EXPOSE 3000

# Start the server
CMD ["yarn", "dev"]

this is just for basic testing but... I'm getting errors

#0 73.08 ➤ YN0000: └ Completed in 1m 13s
#0 73.11 ➤ YN0000: ┌ Link step
#0 76.04 ➤ YN0007: │ yarn@npm:1.22.19 must be built because it never has been before or the last one failed
#0 76.04 ➤ YN0007: │ protobufjs@npm:6.11.3 must be built because it never has been before or the last one failed
#0 76.04 ➤ YN0007: │ esbuild@npm:0.17.18 must be built because it never has been before or the last one failed
#0 76.16 ➤ YN0007: │ root-workspace-0b6124@workspace:. must be built because it never has been before or the last one failed
#0 90.24 ➤ YN0009: │ root-workspace-0b6124@workspace:. couldn't be built successfully (exit code 1, logs can be found here: /tmp/xfs-04580daf/build.log)
#0 90.24 ➤ YN0000: └ Completed in 17s 127ms
#0 90.33 ➤ YN0000: Failed with errors in 1m 30s
------
failed to solve: process "/bin/sh -c yarn install" did not complete successfully: exit code: 1

Any one can help me to make the Dockerfile to make it work on this amazing repo :)

Is your feature request related to a problem? Please describe.
Can't found undo, redo in image edit model ,

Describe the solution you'd like
Add Eraser undo , redo feature

TODO: Will add some comments later

Hello, thanks for providing such a great tool.

I have successfully installed StableStudio on the Mac according to the installation prompts, I opened "http://localhost:3000" and configured the API Key, and entered the prompts, StableStudio successfully generated the pictures I wanted, but I couldn't download 2x pictures , 1x images can be downloaded successfully. Select "2x" and click the "Upscale and download" button, StableStudio can't save the 2x image for me, what should I do?

rpcError: upstream connect error or disconnect/reset before headers. reset reason: connection failure, transport failure reason: delayed connect error: 111
at grpc-web-transport.js:96:23

TODO: Will add more details

Running locally at http://127.0.0.1:3000/generate

No errors in log:

harrywang@m1-hw StableStudio % yarn dev
➤ YN0000: [@stability/stablestudio-plugin]: Process started
➤ YN0000: [@stability/stablestudio-plugin-example]: Process started
➤ YN0000: [@stability/stablestudio-plugin-stability]: Process started
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: Process started
➤ YN0000: [@stability/stablestudio-plugin-webui]: Process started
➤ YN0000: [@stability/stablestudio-ui]: Process started
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] to restart at any time, enter `rs`
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] watching path(s): src/**/*
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] watching extensions: ts,tsx,json
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] starting `yarn build`
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] to restart at any time, enter `rs`
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] watching path(s): src/**/*
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] watching extensions: ts,json
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] starting `yarn build`
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] to restart at any time, enter `rs`
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] watching path(s): src/**/*
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] watching extensions: ts,tsx,json
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] starting `yarn build`
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] to restart at any time, enter `rs`
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] watching path(s): src/**/*
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] watching extensions: ts,tsx,json
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] starting `yarn build`
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] 2.0.22
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] to restart at any time, enter `rs`
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] watching path(s): src/**/*
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] watching extensions: ts,tsx,json
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] starting `yarn build`
➤ YN0000: [@stability/stablestudio-ui]: 
➤ YN0000: [@stability/stablestudio-ui]:   VITE v4.3.4  ready in 548 ms
➤ YN0000: [@stability/stablestudio-ui]: 
➤ YN0000: [@stability/stablestudio-ui]:   ➜  Local:   http://127.0.0.1:3000/
➤ YN0000: [@stability/stablestudio-ui]:   ➜  Network: use --host to expose
➤ YN0000: [@stability/stablestudio-ui]:   ➜  press h to show help
➤ YN0000: [@stability/stablestudio-plugin-webgpu]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin-webui]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-plugin-example]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-ui]: 6:21:46 PM [vite] hmr update /src/Plugin/index.tsx, /src/Theme/index.css?direct
➤ YN0000: [@stability/stablestudio-plugin-stability]: [nodemon] clean exit - waiting for changes before restart
➤ YN0000: [@stability/stablestudio-ui]: 6:21:47 PM [vite] hmr update /src/Plugin/index.tsx, /src/Theme/index.css?direct
➤ YN0000: [@stability/stablestudio-ui]: 6:21:47 PM [vite] hmr invalidate /src/Plugin/index.tsx Could not Fast Refresh. Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports
➤ YN0000: [@stability/stablestudio-ui]: 6:21:47 PM [vite] hmr update /src/Theme/index.css?direct, /src/Router/index.tsx, /src/Settings/index.tsx, /src/Settings/Manifest.tsx, /src/Settings/Install.tsx, /src/Generation/Image/Create/index.tsx, /src/Generation/Image/index.tsx, /src/Generation/Image/Images/Delete/index.tsx, /src/Generation/Image/Style/Styles.tsx, /src/Generation/Image/Images/Query/index.tsx

Is your feature request related to a problem? Please describe.
I am a test engineer keen to get involved in open source testing and automation tests. I was so excited to see the "Open Source" release of the DreamStudio Interface. But I was shocked to see that I will run out of free credits after testing a few functionalities. How can anyone do any opensource dev or testing work without a free model to experiment on?

Describe the solution you'd like
Allow a section in settings page to choose between various free and paid models. Ofcourse for better quality image people can switch to better models in a dropdown. For dev and testing a free option would improve engagement. Unless the motive here is not to include the community but a new capitalist venture into improving revenue.

Describe alternatives you've considered
Haven't considered any alternative, I can try making some changes and loading free text to image generator models locally. This product cannot be called opensource because I cannot try anything more than a few things before a paywall. I will not pay any money for developing and testing your application.

Additional context
Add any other context or screenshots about the feature request here.

Automatically generated. Please make sure to update the CHANGELOG.

Originally posted by @pagerduty-api-schema-bot in PagerDuty/api-schema#378

Originally posted by @mail731212 in mail731212/kun731020#5

After yarn dev