Upload folder using huggingface_hub

README.md

@@ -1,9 +1,9 @@
 
 ---
 tags: [gradio-custom-component,diffusion model,UI,text-to-image,prompt weighting,editor]
-title: gradio_promptweighting V0.0.1
-colorFrom: gray
-colorTo: indigo
+title: gradio_promptweighting V0.0.2
+colorFrom: purple
+colorTo: pink
 sdk: docker
 pinned: false
 license: apache-2.0

requirements.txt

@@ -1 +1 @@
-gradio_promptweighting==0.0.1
+gradio_promptweighting==0.0.2

space.py

@@ -3,7 +3,7 @@ import gradio as gr
 from app import demo as app
 import os
 
-_docs = {'PromptWeighting': {'description': 'Creates a very simple textbox for user to enter string input or display string output.', 'members': {'__init__': {'value': {'type': 'str | dict | list | Callable | None', 'default': 'None', 'description': 'default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'placeholder': {'type': 'str | None', 'default': 'None', 'description': 'placeholder hint to provide behind textbox.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'component name in interface.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'interactive': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'rtl': {'type': 'bool', 'default': 'False', 'description': 'If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}, 'min': {'type': 'float | None', 'default': 'None', 'description': None}, 'max': {'type': 'float | None', 'default': 'None', 'description': None}, 'step': {'type': 'float | None', 'default': 'None', 'description': None}}, 'postprocess': {'value': {'type': 'str | None', 'description': 'Expects a {str} returned from function and sets textarea value to it.'}}, 'preprocess': {'return': {'type': 'str | None', 'description': 'Passes text value as a {str} into the function.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': 'Triggered when the value of the PromptWeighting changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.'}, 'input': {'type': None, 'default': None, 'description': 'This listener is triggered when the user changes the value of the PromptWeighting.'}, 'submit': {'type': None, 'default': None, 'description': 'This listener is triggered when the user presses the Enter key while the PromptWeighting is focused.'}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'PromptWeighting': []}}}
+_docs = {'PromptWeighting': {'description': 'Enables multi text input with a vertical drag to adjust the weight of each prompt.', 'members': {'__init__': {'value': {'type': 'str | dict | list | Callable | None', 'default': 'None', 'description': 'default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'placeholder': {'type': 'str | None', 'default': 'None', 'description': 'placeholder hint to provide behind textbox.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'component name in interface.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'info': {'type': 'str | None', 'default': 'None', 'description': None}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'interactive': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'rtl': {'type': 'bool', 'default': 'False', 'description': 'If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}, 'min': {'type': 'float | None', 'default': 'None', 'description': None}, 'max': {'type': 'float | None', 'default': 'None', 'description': None}, 'step': {'type': 'float | None', 'default': 'None', 'description': None}}, 'postprocess': {'value': {'type': 'str | None', 'description': 'Expects a {str} returned from function and sets textarea value to it.'}}, 'preprocess': {'return': {'type': 'str | None', 'description': 'Passes text value as a {str} into the function.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': 'Triggered when the value of the PromptWeighting changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.'}, 'input': {'type': None, 'default': None, 'description': 'This listener is triggered when the user changes the value of the PromptWeighting.'}, 'submit': {'type': None, 'default': None, 'description': 'This listener is triggered when the user presses the Enter key while the PromptWeighting is focused.'}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'PromptWeighting': []}}}
 
 abs_path = os.path.join(os.path.dirname(__file__), "css.css")
 
@@ -21,7 +21,7 @@ with gr.Blocks(
 # `gradio_promptweighting`
 
 <div style="display: flex; gap: 7px;">
-<img alt="Static Badge" src="https://img.shields.io/badge/version%20-%200.0.1%20-%20orange">  
+<a href="https://pypi.org/project/gradio_promptweighting/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_promptweighting"></a>  
 </div>
 
 Simple component for creating prompt weighting for real-time generation.
@@ -53,7 +53,13 @@ with gr.Blocks() as demo:
     with gr.Row():
         with gr.Column():
             prompt = PromptWeighting(
-                value=[{"prompt": "a cat", "scale": 1.5}], step=0.001
+                value=[
+                    {"prompt": "a cat", "scale": 1.5},
+                    {"prompt": "a dog", "scale": 1},
+                    {"prompt": "a bird", "scale": 0.5},
+                ],
+                step=0.001,
+                info="Please drag up or down to adjust the weight of the prompt.",
             )
             btn = gr.Button("Update Prompt")
         with gr.Column():

src/README.md

@@ -1,6 +1,6 @@
 
 # `gradio_promptweighting`
-<img alt="Static Badge" src="https://img.shields.io/badge/version%20-%200.0.1%20-%20orange">  
+<a href="https://pypi.org/project/gradio_promptweighting/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_promptweighting"></a>  
 
 Simple component for creating prompt weighting for real-time generation.
 
@@ -28,7 +28,13 @@ with gr.Blocks() as demo:
     with gr.Row():
         with gr.Column():
             prompt = PromptWeighting(
-                value=[{"prompt": "a cat", "scale": 1.5}], step=0.001
+                value=[
+                    {"prompt": "a cat", "scale": 1.5},
+                    {"prompt": "a dog", "scale": 1},
+                    {"prompt": "a bird", "scale": 0.5},
+                ],
+                step=0.001,
+                info="Please drag up or down to adjust the weight of the prompt.",
             )
             btn = gr.Button("Update Prompt")
         with gr.Column():
@@ -135,6 +141,19 @@ bool | None
 <td align="left">if True, will display label.</td>
 </tr>
 
+<tr>
+<td align="left"><code>info</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">None</td>
+</tr>
+
 <tr>
 <td align="left"><code>scale</code></td>
 <td align="left" style="width: 25%;">

src/backend/gradio_promptweighting/templates/component/index.js

@@ -13,8 +13,8 @@ const {
   element: dn,
   get_all_dirty_from_scope: mn,
   get_slot_changes: hn,
-  get_spread_update: pn,
-  init: gn,
+  get_spread_update: gn,
+  init: pn,
   insert: bn,
   safe_not_equal: wn,
   set_dynamic_element_data: Ge,
@@ -141,7 +141,7 @@ function yn(e) {
       ), Ge(
         /*tag*/
         o[14]
-      )(t, r = pn(f, [
+      )(t, r = gn(f, [
         (!l || a & /*test_id*/
         128) && { "data-testid": (
           /*test_id*/
@@ -256,17 +256,17 @@ function kn(e) {
   };
 }
 function Cn(e, t, n) {
-  let { $$slots: l = {}, $$scope: i } = t, { height: s = void 0 } = t, { width: f = void 0 } = t, { elem_id: r = "" } = t, { elem_classes: o = [] } = t, { variant: a = "solid" } = t, { border_mode: u = "base" } = t, { padding: m = !0 } = t, { type: h = "normal" } = t, { test_id: d = void 0 } = t, { explicit_call: p = !1 } = t, { container: b = !0 } = t, { visible: v = !0 } = t, { allow_overflow: w = !0 } = t, { scale: k = null } = t, { min_width: g = 0 } = t, _ = h === "fieldset" ? "fieldset" : "div";
-  const C = (c) => {
-    if (c !== void 0) {
-      if (typeof c == "number")
-        return c + "px";
-      if (typeof c == "string")
-        return c;
+  let { $$slots: l = {}, $$scope: i } = t, { height: s = void 0 } = t, { width: f = void 0 } = t, { elem_id: r = "" } = t, { elem_classes: o = [] } = t, { variant: a = "solid" } = t, { border_mode: u = "base" } = t, { padding: d = !0 } = t, { type: m = "normal" } = t, { test_id: _ = void 0 } = t, { explicit_call: g = !1 } = t, { container: w = !0 } = t, { visible: y = !0 } = t, { allow_overflow: v = !0 } = t, { scale: C = null } = t, { min_width: p = 0 } = t, c = m === "fieldset" ? "fieldset" : "div";
+  const A = (h) => {
+    if (h !== void 0) {
+      if (typeof h == "number")
+        return h + "px";
+      if (typeof h == "string")
+        return h;
     }
   };
-  return e.$$set = (c) => {
-    "height" in c && n(0, s = c.height), "width" in c && n(1, f = c.width), "elem_id" in c && n(2, r = c.elem_id), "elem_classes" in c && n(3, o = c.elem_classes), "variant" in c && n(4, a = c.variant), "border_mode" in c && n(5, u = c.border_mode), "padding" in c && n(6, m = c.padding), "type" in c && n(16, h = c.type), "test_id" in c && n(7, d = c.test_id), "explicit_call" in c && n(8, p = c.explicit_call), "container" in c && n(9, b = c.container), "visible" in c && n(10, v = c.visible), "allow_overflow" in c && n(11, w = c.allow_overflow), "scale" in c && n(12, k = c.scale), "min_width" in c && n(13, g = c.min_width), "$$scope" in c && n(17, i = c.$$scope);
+  return e.$$set = (h) => {
+    "height" in h && n(0, s = h.height), "width" in h && n(1, f = h.width), "elem_id" in h && n(2, r = h.elem_id), "elem_classes" in h && n(3, o = h.elem_classes), "variant" in h && n(4, a = h.variant), "border_mode" in h && n(5, u = h.border_mode), "padding" in h && n(6, d = h.padding), "type" in h && n(16, m = h.type), "test_id" in h && n(7, _ = h.test_id), "explicit_call" in h && n(8, g = h.explicit_call), "container" in h && n(9, w = h.container), "visible" in h && n(10, y = h.visible), "allow_overflow" in h && n(11, v = h.allow_overflow), "scale" in h && n(12, C = h.scale), "min_width" in h && n(13, p = h.min_width), "$$scope" in h && n(17, i = h.$$scope);
   }, [
     s,
     f,
@@ -274,24 +274,24 @@ function Cn(e, t, n) {
     o,
     a,
     u,
-    m,
     d,
-    p,
-    b,
-    v,
-    w,
-    k,
-    g,
     _,
+    g,
+    w,
+    y,
+    v,
     C,
-    h,
+    p,
+    c,
+    A,
+    m,
     i,
     l
   ];
 }
 class An extends an {
   constructor(t) {
-    super(), gn(this, t, Cn, kn, wn, {
+    super(), pn(this, t, Cn, kn, wn, {
       height: 0,
       width: 1,
       elem_id: 2,
@@ -408,7 +408,7 @@ const {
   space: tl,
   text: nl,
   toggle_class: ie,
-  transition_in: ge,
+  transition_in: pe,
   transition_out: qe,
   update_slot_base: ll
 } = window.__gradio__svelte__internal;
@@ -432,7 +432,7 @@ function Je(e) {
       10 && (s.$$scope = { dirty: i, ctx: l }), t.$set(s);
     },
     i(l) {
-      n || (ge(t.$$.fragment, l), n = !0);
+      n || (pe(t.$$.fragment, l), n = !0);
     },
     o(l) {
       qe(t.$$.fragment, l), n = !1;
@@ -528,12 +528,12 @@ function sl(e) {
         o[1] != null
       ), /*info*/
       o[1] ? r ? (r.p(o, a), a & /*info*/
-      2 && ge(r, 1)) : (r = Je(o), r.c(), ge(r, 1), r.m(l.parentNode, l)) : r && (Qn(), qe(r, 1, 1, () => {
+      2 && pe(r, 1)) : (r = Je(o), r.c(), pe(r, 1), r.m(l.parentNode, l)) : r && (Qn(), qe(r, 1, 1, () => {
         r = null;
       }), Zn());
     },
     i(o) {
-      i || (ge(f, o), ge(r), i = !0);
+      i || (pe(f, o), pe(r), i = !0);
     },
     o(o) {
       qe(f, o), qe(r), i = !1;
@@ -949,98 +949,98 @@ function Oe(e, t, n, l) {
 }
 function $e(e, t = {}) {
   const n = cl(e), { stiffness: l = 0.15, damping: i = 0.8, precision: s = 0.01 } = t;
-  let f, r, o, a = e, u = e, m = 1, h = 0, d = !1;
-  function p(v, w = {}) {
-    u = v;
-    const k = o = {};
-    return e == null || w.hard || b.stiffness >= 1 && b.damping >= 1 ? (d = !0, f = je(), a = v, n.set(e = u), Promise.resolve()) : (w.soft && (h = 1 / ((w.soft === !0 ? 0.5 : +w.soft) * 60), m = 0), r || (f = je(), d = !1, r = ul((g) => {
-      if (d)
-        return d = !1, r = null, !1;
-      m = Math.min(m + h, 1);
-      const _ = {
-        inv_mass: m,
-        opts: b,
+  let f, r, o, a = e, u = e, d = 1, m = 0, _ = !1;
+  function g(y, v = {}) {
+    u = y;
+    const C = o = {};
+    return e == null || v.hard || w.stiffness >= 1 && w.damping >= 1 ? (_ = !0, f = je(), a = y, n.set(e = u), Promise.resolve()) : (v.soft && (m = 1 / ((v.soft === !0 ? 0.5 : +v.soft) * 60), d = 0), r || (f = je(), _ = !1, r = ul((p) => {
+      if (_)
+        return _ = !1, r = null, !1;
+      d = Math.min(d + m, 1);
+      const c = {
+        inv_mass: d,
+        opts: w,
         settled: !0,
-        dt: (g - f) * 60 / 1e3
-      }, C = Oe(_, a, e, u);
-      return f = g, a = e, n.set(e = C), _.settled && (r = null), !_.settled;
-    })), new Promise((g) => {
+        dt: (p - f) * 60 / 1e3
+      }, A = Oe(c, a, e, u);
+      return f = p, a = e, n.set(e = A), c.settled && (r = null), !c.settled;
+    })), new Promise((p) => {
       r.promise.then(() => {
-        k === o && g();
+        C === o && p();
       });
     }));
   }
-  const b = {
-    set: p,
-    update: (v, w) => p(v(u, e), w),
+  const w = {
+    set: g,
+    update: (y, v) => g(y(u, e), v),
     subscribe: n.subscribe,
     stiffness: l,
     damping: i,
     precision: s
   };
-  return b;
+  return w;
 }
 const {
   SvelteComponent: _l,
   append: O,
-  attr: L,
+  attr: E,
   component_subscribe: et,
   detach: dl,
   element: ml,
   init: hl,
-  insert: pl,
+  insert: gl,
   noop: tt,
-  safe_not_equal: gl,
+  safe_not_equal: pl,
   set_style: Ce,
   svg_element: U,
   toggle_class: nt
 } = window.__gradio__svelte__internal, { onMount: bl } = window.__gradio__svelte__internal;
 function wl(e) {
-  let t, n, l, i, s, f, r, o, a, u, m, h;
+  let t, n, l, i, s, f, r, o, a, u, d, m;
   return {
     c() {
-      t = ml("div"), n = U("svg"), l = U("g"), i = U("path"), s = U("path"), f = U("path"), r = U("path"), o = U("g"), a = U("path"), u = U("path"), m = U("path"), h = U("path"), L(i, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), L(i, "fill", "#FF7C00"), L(i, "fill-opacity", "0.4"), L(i, "class", "svelte-43sxxs"), L(s, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), L(s, "fill", "#FF7C00"), L(s, "class", "svelte-43sxxs"), L(f, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), L(f, "fill", "#FF7C00"), L(f, "fill-opacity", "0.4"), L(f, "class", "svelte-43sxxs"), L(r, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), L(r, "fill", "#FF7C00"), L(r, "class", "svelte-43sxxs"), Ce(l, "transform", "translate(" + /*$top*/
+      t = ml("div"), n = U("svg"), l = U("g"), i = U("path"), s = U("path"), f = U("path"), r = U("path"), o = U("g"), a = U("path"), u = U("path"), d = U("path"), m = U("path"), E(i, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), E(i, "fill", "#FF7C00"), E(i, "fill-opacity", "0.4"), E(i, "class", "svelte-43sxxs"), E(s, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), E(s, "fill", "#FF7C00"), E(s, "class", "svelte-43sxxs"), E(f, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), E(f, "fill", "#FF7C00"), E(f, "fill-opacity", "0.4"), E(f, "class", "svelte-43sxxs"), E(r, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), E(r, "fill", "#FF7C00"), E(r, "class", "svelte-43sxxs"), Ce(l, "transform", "translate(" + /*$top*/
       e[1][0] + "px, " + /*$top*/
-      e[1][1] + "px)"), L(a, "d", "M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"), L(a, "fill", "#FF7C00"), L(a, "fill-opacity", "0.4"), L(a, "class", "svelte-43sxxs"), L(u, "d", "M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"), L(u, "fill", "#FF7C00"), L(u, "class", "svelte-43sxxs"), L(m, "d", "M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"), L(m, "fill", "#FF7C00"), L(m, "fill-opacity", "0.4"), L(m, "class", "svelte-43sxxs"), L(h, "d", "M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"), L(h, "fill", "#FF7C00"), L(h, "class", "svelte-43sxxs"), Ce(o, "transform", "translate(" + /*$bottom*/
+      e[1][1] + "px)"), E(a, "d", "M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"), E(a, "fill", "#FF7C00"), E(a, "fill-opacity", "0.4"), E(a, "class", "svelte-43sxxs"), E(u, "d", "M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"), E(u, "fill", "#FF7C00"), E(u, "class", "svelte-43sxxs"), E(d, "d", "M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"), E(d, "fill", "#FF7C00"), E(d, "fill-opacity", "0.4"), E(d, "class", "svelte-43sxxs"), E(m, "d", "M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"), E(m, "fill", "#FF7C00"), E(m, "class", "svelte-43sxxs"), Ce(o, "transform", "translate(" + /*$bottom*/
       e[2][0] + "px, " + /*$bottom*/
-      e[2][1] + "px)"), L(n, "viewBox", "-1200 -1200 3000 3000"), L(n, "fill", "none"), L(n, "xmlns", "http://www.w3.org/2000/svg"), L(n, "class", "svelte-43sxxs"), L(t, "class", "svelte-43sxxs"), nt(
+      e[2][1] + "px)"), E(n, "viewBox", "-1200 -1200 3000 3000"), E(n, "fill", "none"), E(n, "xmlns", "http://www.w3.org/2000/svg"), E(n, "class", "svelte-43sxxs"), E(t, "class", "svelte-43sxxs"), nt(
         t,
         "margin",
         /*margin*/
         e[0]
       );
     },
-    m(d, p) {
-      pl(d, t, p), O(t, n), O(n, l), O(l, i), O(l, s), O(l, f), O(l, r), O(n, o), O(o, a), O(o, u), O(o, m), O(o, h);
+    m(_, g) {
+      gl(_, t, g), O(t, n), O(n, l), O(l, i), O(l, s), O(l, f), O(l, r), O(n, o), O(o, a), O(o, u), O(o, d), O(o, m);
     },
-    p(d, [p]) {
-      p & /*$top*/
+    p(_, [g]) {
+      g & /*$top*/
       2 && Ce(l, "transform", "translate(" + /*$top*/
-      d[1][0] + "px, " + /*$top*/
-      d[1][1] + "px)"), p & /*$bottom*/
+      _[1][0] + "px, " + /*$top*/
+      _[1][1] + "px)"), g & /*$bottom*/
       4 && Ce(o, "transform", "translate(" + /*$bottom*/
-      d[2][0] + "px, " + /*$bottom*/
-      d[2][1] + "px)"), p & /*margin*/
+      _[2][0] + "px, " + /*$bottom*/
+      _[2][1] + "px)"), g & /*margin*/
       1 && nt(
         t,
         "margin",
         /*margin*/
-        d[0]
+        _[0]
       );
     },
     i: tt,
     o: tt,
-    d(d) {
-      d && dl(t);
+    d(_) {
+      _ && dl(t);
     }
   };
 }
 function vl(e, t, n) {
   let l, i, { margin: s = !0 } = t;
   const f = $e([0, 0]);
-  et(e, f, (h) => n(1, l = h));
+  et(e, f, (m) => n(1, l = m));
   const r = $e([0, 0]);
-  et(e, r, (h) => n(2, i = h));
+  et(e, r, (m) => n(2, i = m));
   let o;
   async function a() {
     await Promise.all([f.set([125, 140]), r.set([-125, -140])]), await Promise.all([f.set([-125, 140]), r.set([125, -140])]), await Promise.all([f.set([-125, 0]), r.set([125, -0])]), await Promise.all([f.set([125, 0]), r.set([-125, 0])]);
@@ -1048,16 +1048,16 @@ function vl(e, t, n) {
   async function u() {
     await a(), o || u();
   }
-  async function m() {
+  async function d() {
     await Promise.all([f.set([125, 0]), r.set([-125, 0])]), u();
   }
-  return bl(() => (m(), () => o = !0)), e.$$set = (h) => {
-    "margin" in h && n(0, s = h.margin);
+  return bl(() => (d(), () => o = !0)), e.$$set = (m) => {
+    "margin" in m && n(0, s = m.margin);
   }, [s, l, i, f, r];
 }
 class yl extends _l {
   constructor(t) {
-    super(), hl(this, t, vl, wl, gl, { margin: 0 });
+    super(), hl(this, t, vl, wl, pl, { margin: 0 });
   }
 }
 const {
@@ -1070,7 +1070,7 @@ const {
   create_slot: Al,
   destroy_component: Sl,
   destroy_each: Ut,
-  detach: A,
+  detach: S,
   element: Q,
   empty: de,
   ensure_array_like: Ve,
@@ -1078,7 +1078,7 @@ const {
   get_slot_changes: Ll,
   group_outros: Zt,
   init: El,
-  insert: S,
+  insert: N,
   mount_component: ql,
   noop: Ue,
   safe_not_equal: Fl,
@@ -1119,7 +1119,7 @@ function zl(e) {
       t = Q("span"), l = q(n), i = W(), r && r.c(), G(t, "class", "error svelte-1yserjw");
     },
     m(o, a) {
-      S(o, t, a), ne(t, l), S(o, i, a), r && r.m(o, a), s = !0;
+      N(o, t, a), ne(t, l), N(o, i, a), r && r.m(o, a), s = !0;
     },
     p(o, a) {
       (!s || a[0] & /*i18n*/
@@ -1151,7 +1151,7 @@ function zl(e) {
       _e(r, o), s = !1;
     },
     d(o) {
-      o && (A(t), A(i)), r && r.d(o);
+      o && (S(t), S(i)), r && r.d(o);
     }
   };
 }
@@ -1162,45 +1162,45 @@ function Bl(e) {
     e[18] && /*show_progress*/
     e[6] === "full" && ot(e)
   );
-  function m(g, _) {
+  function d(p, c) {
     if (
       /*progress*/
-      g[7]
+      p[7]
     )
       return Il;
     if (
       /*queue_position*/
-      g[2] !== null && /*queue_size*/
-      g[3] !== void 0 && /*queue_position*/
-      g[2] >= 0
+      p[2] !== null && /*queue_size*/
+      p[3] !== void 0 && /*queue_position*/
+      p[2] >= 0
     )
       return Rl;
     if (
       /*queue_position*/
-      g[2] === 0
+      p[2] === 0
     )
       return Dl;
   }
-  let h = m(e), d = h && h(e), p = (
+  let m = d(e), _ = m && m(e), g = (
     /*timer*/
     e[5] && ut(e)
   );
-  const b = [Hl, Zl], v = [];
-  function w(g, _) {
+  const w = [Hl, Zl], y = [];
+  function v(p, c) {
     return (
       /*last_progress_level*/
-      g[15] != null ? 0 : (
+      p[15] != null ? 0 : (
         /*show_progress*/
-        g[6] === "full" ? 1 : -1
+        p[6] === "full" ? 1 : -1
       )
     );
   }
-  ~(s = w(e)) && (f = v[s] = b[s](e));
-  let k = !/*timer*/
-  e[5] && gt(e);
+  ~(s = v(e)) && (f = y[s] = w[s](e));
+  let C = !/*timer*/
+  e[5] && pt(e);
   return {
     c() {
-      u && u.c(), t = W(), n = Q("div"), d && d.c(), l = W(), p && p.c(), i = W(), f && f.c(), r = W(), k && k.c(), o = de(), G(n, "class", "progress-text svelte-1yserjw"), D(
+      u && u.c(), t = W(), n = Q("div"), _ && _.c(), l = W(), g && g.c(), i = W(), f && f.c(), r = W(), C && C.c(), o = de(), G(n, "class", "progress-text svelte-1yserjw"), D(
         n,
         "meta-text-center",
         /*variant*/
@@ -1212,41 +1212,41 @@ function Bl(e) {
         e[8] === "default"
       );
     },
-    m(g, _) {
-      u && u.m(g, _), S(g, t, _), S(g, n, _), d && d.m(n, null), ne(n, l), p && p.m(n, null), S(g, i, _), ~s && v[s].m(g, _), S(g, r, _), k && k.m(g, _), S(g, o, _), a = !0;
+    m(p, c) {
+      u && u.m(p, c), N(p, t, c), N(p, n, c), _ && _.m(n, null), ne(n, l), g && g.m(n, null), N(p, i, c), ~s && y[s].m(p, c), N(p, r, c), C && C.m(p, c), N(p, o, c), a = !0;
     },
-    p(g, _) {
+    p(p, c) {
       /*variant*/
-      g[8] === "default" && /*show_eta_bar*/
-      g[18] && /*show_progress*/
-      g[6] === "full" ? u ? u.p(g, _) : (u = ot(g), u.c(), u.m(t.parentNode, t)) : u && (u.d(1), u = null), h === (h = m(g)) && d ? d.p(g, _) : (d && d.d(1), d = h && h(g), d && (d.c(), d.m(n, l))), /*timer*/
-      g[5] ? p ? p.p(g, _) : (p = ut(g), p.c(), p.m(n, null)) : p && (p.d(1), p = null), (!a || _[0] & /*variant*/
+      p[8] === "default" && /*show_eta_bar*/
+      p[18] && /*show_progress*/
+      p[6] === "full" ? u ? u.p(p, c) : (u = ot(p), u.c(), u.m(t.parentNode, t)) : u && (u.d(1), u = null), m === (m = d(p)) && _ ? _.p(p, c) : (_ && _.d(1), _ = m && m(p), _ && (_.c(), _.m(n, l))), /*timer*/
+      p[5] ? g ? g.p(p, c) : (g = ut(p), g.c(), g.m(n, null)) : g && (g.d(1), g = null), (!a || c[0] & /*variant*/
       256) && D(
         n,
         "meta-text-center",
         /*variant*/
-        g[8] === "center"
-      ), (!a || _[0] & /*variant*/
+        p[8] === "center"
+      ), (!a || c[0] & /*variant*/
       256) && D(
         n,
         "meta-text",
         /*variant*/
-        g[8] === "default"
+        p[8] === "default"
       );
-      let C = s;
-      s = w(g), s === C ? ~s && v[s].p(g, _) : (f && (Zt(), _e(v[C], 1, 1, () => {
-        v[C] = null;
-      }), Ot()), ~s ? (f = v[s], f ? f.p(g, _) : (f = v[s] = b[s](g), f.c()), ce(f, 1), f.m(r.parentNode, r)) : f = null), /*timer*/
-      g[5] ? k && (k.d(1), k = null) : k ? k.p(g, _) : (k = gt(g), k.c(), k.m(o.parentNode, o));
+      let A = s;
+      s = v(p), s === A ? ~s && y[s].p(p, c) : (f && (Zt(), _e(y[A], 1, 1, () => {
+        y[A] = null;
+      }), Ot()), ~s ? (f = y[s], f ? f.p(p, c) : (f = y[s] = w[s](p), f.c()), ce(f, 1), f.m(r.parentNode, r)) : f = null), /*timer*/
+      p[5] ? C && (C.d(1), C = null) : C ? C.p(p, c) : (C = pt(p), C.c(), C.m(o.parentNode, o));
     },
-    i(g) {
+    i(p) {
       a || (ce(f), a = !0);
     },
-    o(g) {
+    o(p) {
       _e(f), a = !1;
     },
-    d(g) {
-      g && (A(t), A(n), A(i), A(r), A(o)), u && u.d(g), d && d.d(), p && p.d(), ~s && v[s].d(g), k && k.d(g);
+    d(p) {
+      p && (S(t), S(n), S(i), S(r), S(o)), u && u.d(p), _ && _.d(), g && g.d(), ~s && y[s].d(p), C && C.d(p);
     }
   };
 }
@@ -1258,7 +1258,7 @@ function ot(e) {
       t = Q("div"), G(t, "class", "eta-bar svelte-1yserjw"), ee(t, "transform", n);
     },
     m(l, i) {
-      S(l, t, i);
+      N(l, t, i);
     },
     p(l, i) {
       i[0] & /*eta_level*/
@@ -1266,7 +1266,7 @@ function ot(e) {
       (l[17] || 0) * 100 - 100}%)`) && ee(t, "transform", n);
     },
     d(l) {
-      l && A(t);
+      l && S(t);
     }
   };
 }
@@ -1277,11 +1277,11 @@ function Dl(e) {
       t = q("processing |");
     },
     m(n, l) {
-      S(n, t, l);
+      N(n, t, l);
     },
     p: Ue,
     d(n) {
-      n && A(t);
+      n && S(t);
     }
   };
 }
@@ -1298,7 +1298,7 @@ function Rl(e) {
       ), f = q(" |");
     },
     m(r, o) {
-      S(r, t, o), S(r, l, o), S(r, i, o), S(r, s, o), S(r, f, o);
+      N(r, t, o), N(r, l, o), N(r, i, o), N(r, s, o), N(r, f, o);
     },
     p(r, o) {
       o[0] & /*queue_position*/
@@ -1311,7 +1311,7 @@ function Rl(e) {
       );
     },
     d(r) {
-      r && (A(t), A(l), A(i), A(s), A(f));
+      r && (S(t), S(l), S(i), S(s), S(f));
     }
   };
 }
@@ -1331,7 +1331,7 @@ function Il(e) {
     m(i, s) {
       for (let f = 0; f < l.length; f += 1)
         l[f] && l[f].m(i, s);
-      S(i, t, s);
+      N(i, t, s);
     },
     p(i, s) {
       if (s[0] & /*progress*/
@@ -1351,7 +1351,7 @@ function Il(e) {
       }
     },
     d(i) {
-      i && A(t), Ut(l, i);
+      i && S(t), Ut(l, i);
     }
   };
 }
@@ -1360,7 +1360,7 @@ function ft(e) {
     /*p*/
     e[38].unit + ""
   ), l, i, s = " ", f;
-  function r(u, m) {
+  function r(u, d) {
     return (
       /*p*/
       u[38].length != null ? Ul : Ol
@@ -1371,16 +1371,16 @@ function ft(e) {
     c() {
       a.c(), t = W(), l = q(n), i = q(" | "), f = q(s);
     },
-    m(u, m) {
-      a.m(u, m), S(u, t, m), S(u, l, m), S(u, i, m), S(u, f, m);
+    m(u, d) {
+      a.m(u, d), N(u, t, d), N(u, l, d), N(u, i, d), N(u, f, d);
     },
-    p(u, m) {
-      o === (o = r(u)) && a ? a.p(u, m) : (a.d(1), a = o(u), a && (a.c(), a.m(t.parentNode, t))), m[0] & /*progress*/
+    p(u, d) {
+      o === (o = r(u)) && a ? a.p(u, d) : (a.d(1), a = o(u), a && (a.c(), a.m(t.parentNode, t))), d[0] & /*progress*/
       128 && n !== (n = /*p*/
       u[38].unit + "") && R(l, n);
     },
     d(u) {
-      u && (A(t), A(l), A(i), A(f)), a.d(u);
+      u && (S(t), S(l), S(i), S(f)), a.d(u);
     }
   };
 }
@@ -1394,7 +1394,7 @@ function Ol(e) {
       n = q(t);
     },
     m(l, i) {
-      S(l, n, i);
+      N(l, n, i);
     },
     p(l, i) {
       i[0] & /*progress*/
@@ -1404,7 +1404,7 @@ function Ol(e) {
       ) + "") && R(n, t);
     },
     d(l) {
-      l && A(n);
+      l && S(n);
     }
   };
 }
@@ -1421,7 +1421,7 @@ function Ul(e) {
       n = q(t), l = q("/"), s = q(i);
     },
     m(f, r) {
-      S(f, n, r), S(f, l, r), S(f, s, r);
+      N(f, n, r), N(f, l, r), N(f, s, r);
     },
     p(f, r) {
       r[0] & /*progress*/
@@ -1435,7 +1435,7 @@ function Ul(e) {
       ) + "") && R(s, i);
     },
     d(f) {
-      f && (A(n), A(l), A(s));
+      f && (S(n), S(l), S(s));
     }
   };
 }
@@ -1449,14 +1449,14 @@ function at(e) {
       n && n.c(), t = de();
     },
     m(l, i) {
-      n && n.m(l, i), S(l, t, i);
+      n && n.m(l, i), N(l, t, i);
     },
     p(l, i) {
       /*p*/
       l[38].index != null ? n ? n.p(l, i) : (n = ft(l), n.c(), n.m(t.parentNode, t)) : n && (n.d(1), n = null);
     },
     d(l) {
-      l && A(t), n && n.d(l);
+      l && S(t), n && n.d(l);
     }
   };
 }
@@ -1474,7 +1474,7 @@ function ut(e) {
       ), l = q(n), i = q("s");
     },
     m(s, f) {
-      S(s, t, f), S(s, l, f), S(s, i, f);
+      N(s, t, f), N(s, l, f), N(s, i, f);
     },
     p(s, f) {
       f[0] & /*formatted_timer*/
@@ -1488,7 +1488,7 @@ function ut(e) {
       s[19]}` : "") && R(l, n);
     },
     d(s) {
-      s && (A(t), A(l), A(i));
+      s && (S(t), S(l), S(i));
     }
   };
 }
@@ -1534,7 +1534,7 @@ function Hl(e) {
       t = Q("div"), n = Q("div"), r && r.c(), l = W(), i = Q("div"), s = Q("div"), G(n, "class", "progress-level-inner svelte-1yserjw"), G(s, "class", "progress-bar svelte-1yserjw"), ee(s, "width", f), G(i, "class", "progress-bar-wrap svelte-1yserjw"), G(t, "class", "progress-level svelte-1yserjw");
     },
     m(o, a) {
-      S(o, t, a), ne(t, n), r && r.m(n, null), ne(t, l), ne(t, i), ne(i, s), e[30](s);
+      N(o, t, a), ne(t, n), r && r.m(n, null), ne(t, l), ne(t, i), ne(i, s), e[30](s);
     },
     p(o, a) {
       /*progress*/
@@ -1545,7 +1545,7 @@ function Hl(e) {
     i: Ue,
     o: Ue,
     d(o) {
-      o && A(t), r && r.d(), e[30](null);
+      o && S(t), r && r.d(), e[30](null);
     }
   };
 }
@@ -1555,7 +1555,7 @@ function ct(e) {
     e[7]
   ), l = [];
   for (let i = 0; i < n.length; i += 1)
-    l[i] = pt(st(e, n, i));
+    l[i] = gt(st(e, n, i));
   return {
     c() {
       for (let i = 0; i < l.length; i += 1)
@@ -1565,7 +1565,7 @@ function ct(e) {
     m(i, s) {
       for (let f = 0; f < l.length; f += 1)
         l[f] && l[f].m(i, s);
-      S(i, t, s);
+      N(i, t, s);
     },
     p(i, s) {
       if (s[0] & /*progress_level, progress*/
@@ -1577,7 +1577,7 @@ function ct(e) {
         let f;
         for (f = 0; f < n.length; f += 1) {
           const r = st(i, n, f);
-          l[f] ? l[f].p(r, s) : (l[f] = pt(r), l[f].c(), l[f].m(t.parentNode, t));
+          l[f] ? l[f].p(r, s) : (l[f] = gt(r), l[f].c(), l[f].m(t.parentNode, t));
         }
         for (; f < l.length; f += 1)
           l[f].d(1);
@@ -1585,7 +1585,7 @@ function ct(e) {
       }
     },
     d(i) {
-      i && A(t), Ut(l, i);
+      i && S(t), Ut(l, i);
     }
   };
 }
@@ -1613,7 +1613,7 @@ function _t(e) {
       s && s.c(), t = W(), f && f.c(), n = W(), r && r.c(), l = W(), o && o.c(), i = de();
     },
     m(a, u) {
-      s && s.m(a, u), S(a, t, u), f && f.m(a, u), S(a, n, u), r && r.m(a, u), S(a, l, u), o && o.m(a, u), S(a, i, u);
+      s && s.m(a, u), N(a, t, u), f && f.m(a, u), N(a, n, u), r && r.m(a, u), N(a, l, u), o && o.m(a, u), N(a, i, u);
     },
     p(a, u) {
       /*p*/
@@ -1627,7 +1627,7 @@ function _t(e) {
       a[14] != null ? o ? o.p(a, u) : (o = ht(a), o.c(), o.m(i.parentNode, i)) : o && (o.d(1), o = null);
     },
     d(a) {
-      a && (A(t), A(n), A(l), A(i)), s && s.d(a), f && f.d(a), r && r.d(a), o && o.d(a);
+      a && (S(t), S(n), S(l), S(i)), s && s.d(a), f && f.d(a), r && r.d(a), o && o.d(a);
     }
   };
 }
@@ -1638,10 +1638,10 @@ function Xl(e) {
       t = q(" /");
     },
     m(n, l) {
-      S(n, t, l);
+      N(n, t, l);
     },
     d(n) {
-      n && A(t);
+      n && S(t);
     }
   };
 }
@@ -1655,7 +1655,7 @@ function dt(e) {
       n = q(t);
     },
     m(l, i) {
-      S(l, n, i);
+      N(l, n, i);
     },
     p(l, i) {
       i[0] & /*progress*/
@@ -1663,7 +1663,7 @@ function dt(e) {
       l[38].desc + "") && R(n, t);
     },
     d(l) {
-      l && A(n);
+      l && S(n);
     }
   };
 }
@@ -1674,10 +1674,10 @@ function mt(e) {
       t = q("-");
     },
     m(n, l) {
-      S(n, t, l);
+      N(n, t, l);
     },
     d(n) {
-      n && A(t);
+      n && S(t);
     }
   };
 }
@@ -1692,7 +1692,7 @@ function ht(e) {
       n = q(t), l = q("%");
     },
     m(i, s) {
-      S(i, n, s), S(i, l, s);
+      N(i, n, s), N(i, l, s);
     },
     p(i, s) {
       s[0] & /*progress_level*/
@@ -1703,11 +1703,11 @@ function ht(e) {
       ] || 0)).toFixed(1) + "") && R(n, t);
     },
     d(i) {
-      i && (A(n), A(l));
+      i && (S(n), S(l));
     }
   };
 }
-function pt(e) {
+function gt(e) {
   let t, n = (
     /*p*/
     (e[38].desc != null || /*progress_level*/
@@ -1722,7 +1722,7 @@ function pt(e) {
       n && n.c(), t = de();
     },
     m(l, i) {
-      n && n.m(l, i), S(l, t, i);
+      n && n.m(l, i), N(l, t, i);
     },
     p(l, i) {
       /*p*/
@@ -1734,11 +1734,11 @@ function pt(e) {
       ] != null ? n ? n.p(l, i) : (n = _t(l), n.c(), n.m(t.parentNode, t)) : n && (n.d(1), n = null);
     },
     d(l) {
-      l && A(t), n && n.d(l);
+      l && S(t), n && n.d(l);
     }
   };
 }
-function gt(e) {
+function pt(e) {
   let t, n;
   return {
     c() {
@@ -1748,7 +1748,7 @@ function gt(e) {
       ), G(t, "class", "loading svelte-1yserjw");
     },
     m(l, i) {
-      S(l, t, i), ne(t, n);
+      N(l, t, i), ne(t, n);
     },
     p(l, i) {
       i[0] & /*loading_text*/
@@ -1759,7 +1759,7 @@ function gt(e) {
       );
     },
     d(l) {
-      l && A(t);
+      l && S(t);
     }
   };
 }
@@ -1814,12 +1814,12 @@ function Yl(e) {
       );
     },
     m(a, u) {
-      S(a, t, u), ~n && r[n].m(t, null), e[31](t), s = !0;
+      N(a, t, u), ~n && r[n].m(t, null), e[31](t), s = !0;
     },
     p(a, u) {
-      let m = n;
-      n = o(a), n === m ? ~n && r[n].p(a, u) : (l && (Zt(), _e(r[m], 1, 1, () => {
-        r[m] = null;
+      let d = n;
+      n = o(a), n === d ? ~n && r[n].p(a, u) : (l && (Zt(), _e(r[d], 1, 1, () => {
+        r[d] = null;
       }), Ot()), ~n ? (l = r[n], l ? l.p(a, u) : (l = r[n] = f[n](a), l.c()), ce(l, 1), l.m(t, null)) : l = null), (!s || u[0] & /*variant, show_progress*/
       320 && i !== (i = "wrap " + /*variant*/
       a[8] + " " + /*show_progress*/
@@ -1870,7 +1870,7 @@ function Yl(e) {
       _e(l), s = !1;
     },
     d(a) {
-      a && A(t), ~n && r[n].d(), e[31](null);
+      a && S(t), ~n && r[n].d(), e[31](null);
     }
   };
 }
@@ -1892,47 +1892,47 @@ async function Kl(e, t = !0) {
   }
 }
 function Gl(e, t, n) {
-  let l, { $$slots: i = {}, $$scope: s } = t, { i18n: f } = t, { eta: r = null } = t, { queue_position: o } = t, { queue_size: a } = t, { status: u } = t, { scroll_to_output: m = !1 } = t, { timer: h = !0 } = t, { show_progress: d = "full" } = t, { message: p = null } = t, { progress: b = null } = t, { variant: v = "default" } = t, { loading_text: w = "Loading..." } = t, { absolute: k = !0 } = t, { translucent: g = !1 } = t, { border: _ = !1 } = t, { autoscroll: C } = t, c, E = !1, N = 0, F = 0, T = null, M = null, me = 0, H = null, X, Y = null, le = !0;
+  let l, { $$slots: i = {}, $$scope: s } = t, { i18n: f } = t, { eta: r = null } = t, { queue_position: o } = t, { queue_size: a } = t, { status: u } = t, { scroll_to_output: d = !1 } = t, { timer: m = !0 } = t, { show_progress: _ = "full" } = t, { message: g = null } = t, { progress: w = null } = t, { variant: y = "default" } = t, { loading_text: v = "Loading..." } = t, { absolute: C = !0 } = t, { translucent: p = !1 } = t, { border: c = !1 } = t, { autoscroll: A } = t, h, b = !1, L = 0, F = 0, T = null, M = null, me = 0, H = null, X, Y = null, le = !0;
   const ye = () => {
-    n(0, r = n(26, T = n(19, j = null))), n(24, N = performance.now()), n(25, F = 0), E = !0, ke();
+    n(0, r = n(26, T = n(19, j = null))), n(24, L = performance.now()), n(25, F = 0), b = !0, ke();
   };
   function ke() {
     requestAnimationFrame(() => {
-      n(25, F = (performance.now() - N) / 1e3), E && ke();
+      n(25, F = (performance.now() - L) / 1e3), b && ke();
     });
   }
   function he() {
-    n(25, F = 0), n(0, r = n(26, T = n(19, j = null))), E && (E = !1);
+    n(25, F = 0), n(0, r = n(26, T = n(19, j = null))), b && (b = !1);
   }
   Vl(() => {
-    E && he();
+    b && he();
   });
   let j = null;
-  function sn(y) {
-    lt[y ? "unshift" : "push"](() => {
-      Y = y, n(16, Y), n(7, b), n(14, H), n(15, X);
+  function sn(k) {
+    lt[k ? "unshift" : "push"](() => {
+      Y = k, n(16, Y), n(7, w), n(14, H), n(15, X);
     });
   }
-  function rn(y) {
-    lt[y ? "unshift" : "push"](() => {
-      c = y, n(13, c);
+  function rn(k) {
+    lt[k ? "unshift" : "push"](() => {
+      h = k, n(13, h);
     });
   }
-  return e.$$set = (y) => {
-    "i18n" in y && n(1, f = y.i18n), "eta" in y && n(0, r = y.eta), "queue_position" in y && n(2, o = y.queue_position), "queue_size" in y && n(3, a = y.queue_size), "status" in y && n(4, u = y.status), "scroll_to_output" in y && n(21, m = y.scroll_to_output), "timer" in y && n(5, h = y.timer), "show_progress" in y && n(6, d = y.show_progress), "message" in y && n(22, p = y.message), "progress" in y && n(7, b = y.progress), "variant" in y && n(8, v = y.variant), "loading_text" in y && n(9, w = y.loading_text), "absolute" in y && n(10, k = y.absolute), "translucent" in y && n(11, g = y.translucent), "border" in y && n(12, _ = y.border), "autoscroll" in y && n(23, C = y.autoscroll), "$$scope" in y && n(28, s = y.$$scope);
+  return e.$$set = (k) => {
+    "i18n" in k && n(1, f = k.i18n), "eta" in k && n(0, r = k.eta), "queue_position" in k && n(2, o = k.queue_position), "queue_size" in k && n(3, a = k.queue_size), "status" in k && n(4, u = k.status), "scroll_to_output" in k && n(21, d = k.scroll_to_output), "timer" in k && n(5, m = k.timer), "show_progress" in k && n(6, _ = k.show_progress), "message" in k && n(22, g = k.message), "progress" in k && n(7, w = k.progress), "variant" in k && n(8, y = k.variant), "loading_text" in k && n(9, v = k.loading_text), "absolute" in k && n(10, C = k.absolute), "translucent" in k && n(11, p = k.translucent), "border" in k && n(12, c = k.border), "autoscroll" in k && n(23, A = k.autoscroll), "$$scope" in k && n(28, s = k.$$scope);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*eta, old_eta, timer_start, eta_from_start*/
-    218103809 && (r === null && n(0, r = T), r != null && T !== r && (n(27, M = (performance.now() - N) / 1e3 + r), n(19, j = M.toFixed(1)), n(26, T = r))), e.$$.dirty[0] & /*eta_from_start, timer_diff*/
+    218103809 && (r === null && n(0, r = T), r != null && T !== r && (n(27, M = (performance.now() - L) / 1e3 + r), n(19, j = M.toFixed(1)), n(26, T = r))), e.$$.dirty[0] & /*eta_from_start, timer_diff*/
     167772160 && n(17, me = M === null || M <= 0 || !F ? null : Math.min(F / M, 1)), e.$$.dirty[0] & /*progress*/
-    128 && b != null && n(18, le = !1), e.$$.dirty[0] & /*progress, progress_level, progress_bar, last_progress_level*/
-    114816 && (b != null ? n(14, H = b.map((y) => {
-      if (y.index != null && y.length != null)
-        return y.index / y.length;
-      if (y.progress != null)
-        return y.progress;
+    128 && w != null && n(18, le = !1), e.$$.dirty[0] & /*progress, progress_level, progress_bar, last_progress_level*/
+    114816 && (w != null ? n(14, H = w.map((k) => {
+      if (k.index != null && k.length != null)
+        return k.index / k.length;
+      if (k.progress != null)
+        return k.progress;
     })) : n(14, H = null), H ? (n(15, X = H[H.length - 1]), Y && (X === 0 ? n(16, Y.style.transition = "0", Y) : n(16, Y.style.transition = "150ms", Y))) : n(15, X = void 0)), e.$$.dirty[0] & /*status*/
     16 && (u === "pending" ? ye() : he()), e.$$.dirty[0] & /*el, scroll_to_output, status, autoscroll*/
-    10493968 && c && m && (u === "pending" || u === "complete") && Kl(c, C), e.$$.dirty[0] & /*status, message*/
+    10493968 && h && d && (u === "pending" || u === "complete") && Kl(h, A), e.$$.dirty[0] & /*status, message*/
     4194320, e.$$.dirty[0] & /*timer_diff*/
     33554432 && n(20, l = F.toFixed(1));
   }, [
@@ -1941,15 +1941,15 @@ function Gl(e, t, n) {
     o,
     a,
     u,
-    h,
-    d,
-    b,
-    v,
-    w,
-    k,
-    g,
+    m,
     _,
+    w,
+    y,
+    v,
+    C,
+    p,
     c,
+    h,
     H,
     X,
     Y,
@@ -1957,10 +1957,10 @@ function Gl(e, t, n) {
     le,
     j,
     l,
-    m,
-    p,
-    C,
-    N,
+    d,
+    g,
+    A,
+    L,
     F,
     T,
     M,
@@ -2175,7 +2175,7 @@ function mi(e) {
 function hi(e) {
   return this.selectAll(e == null ? di : mi(typeof e == "function" ? e : Gt(e)));
 }
-function pi(e) {
+function gi(e) {
   typeof e != "function" && (e = oi(e));
   for (var t = this._groups, n = t.length, l = new Array(n), i = 0; i < n; ++i)
     for (var s = t[i], f = s.length, r = l[i] = [], o, a = 0; a < f; ++a)
@@ -2185,7 +2185,7 @@ function pi(e) {
 function Wt(e) {
   return new Array(e.length);
 }
-function gi() {
+function pi() {
   return new I(this._enter || this._groups.map(Wt), this._parents);
 }
 function Te(e, t) {
@@ -2218,13 +2218,13 @@ function wi(e, t, n, l, i, s) {
     (r = t[f]) && (i[f] = r);
 }
 function vi(e, t, n, l, i, s, f) {
-  var r, o, a = /* @__PURE__ */ new Map(), u = t.length, m = s.length, h = new Array(u), d;
+  var r, o, a = /* @__PURE__ */ new Map(), u = t.length, d = s.length, m = new Array(u), _;
   for (r = 0; r < u; ++r)
-    (o = t[r]) && (h[r] = d = f.call(o, o.__data__, r, t) + "", a.has(d) ? i[r] = o : a.set(d, o));
-  for (r = 0; r < m; ++r)
-    d = f.call(e, s[r], r, s) + "", (o = a.get(d)) ? (l[r] = o, o.__data__ = s[r], a.delete(d)) : n[r] = new Te(e, s[r]);
+    (o = t[r]) && (m[r] = _ = f.call(o, o.__data__, r, t) + "", a.has(_) ? i[r] = o : a.set(_, o));
+  for (r = 0; r < d; ++r)
+    _ = f.call(e, s[r], r, s) + "", (o = a.get(_)) ? (l[r] = o, o.__data__ = s[r], a.delete(_)) : n[r] = new Te(e, s[r]);
   for (r = 0; r < u; ++r)
-    (o = t[r]) && a.get(h[r]) === o && (i[r] = o);
+    (o = t[r]) && a.get(m[r]) === o && (i[r] = o);
 }
 function yi(e) {
   return e.__data__;
@@ -2235,13 +2235,13 @@ function ki(e, t) {
   var n = t ? vi : wi, l = this._parents, i = this._groups;
   typeof e != "function" && (e = bi(e));
   for (var s = i.length, f = new Array(s), r = new Array(s), o = new Array(s), a = 0; a < s; ++a) {
-    var u = l[a], m = i[a], h = m.length, d = Ci(e.call(u, u && u.__data__, a, l)), p = d.length, b = r[a] = new Array(p), v = f[a] = new Array(p), w = o[a] = new Array(h);
-    n(u, m, b, v, w, d, t);
-    for (var k = 0, g = 0, _, C; k < p; ++k)
-      if (_ = b[k]) {
-        for (k >= g && (g = k + 1); !(C = v[g]) && ++g < p; )
+    var u = l[a], d = i[a], m = d.length, _ = Ci(e.call(u, u && u.__data__, a, l)), g = _.length, w = r[a] = new Array(g), y = f[a] = new Array(g), v = o[a] = new Array(m);
+    n(u, d, w, y, v, _, t);
+    for (var C = 0, p = 0, c, A; C < g; ++C)
+      if (c = w[C]) {
+        for (C >= p && (p = C + 1); !(A = y[p]) && ++p < g; )
           ;
-        _._next = C || null;
+        c._next = A || null;
       }
   }
   return f = new I(f, l), f._enter = r, f._exit = o, f;
@@ -2258,8 +2258,8 @@ function Si(e, t, n) {
 }
 function Ni(e) {
   for (var t = e.selection ? e.selection() : e, n = this._groups, l = t._groups, i = n.length, s = l.length, f = Math.min(i, s), r = new Array(i), o = 0; o < f; ++o)
-    for (var a = n[o], u = l[o], m = a.length, h = r[o] = new Array(m), d, p = 0; p < m; ++p)
-      (d = a[p] || u[p]) && (h[p] = d);
+    for (var a = n[o], u = l[o], d = a.length, m = r[o] = new Array(d), _, g = 0; g < d; ++g)
+      (_ = a[g] || u[g]) && (m[g] = _);
   for (; o < i; ++o)
     r[o] = n[o];
   return new I(r, this._parents);
@@ -2272,8 +2272,8 @@ function Li() {
 }
 function Ei(e) {
   e || (e = qi);
-  function t(m, h) {
-    return m && h ? e(m.__data__, h.__data__) : !m - !h;
+  function t(d, m) {
+    return d && m ? e(d.__data__, m.__data__) : !d - !m;
   }
   for (var n = this._groups, l = n.length, i = new Array(l), s = 0; s < l; ++s) {
     for (var f = n[s], r = f.length, o = i[s] = new Array(r), a, u = 0; u < r; ++u)
@@ -2510,18 +2510,18 @@ function ms(e) {
 function hs() {
   return null;
 }
-function ps(e, t) {
+function gs(e, t) {
   var n = typeof e == "function" ? e : Yt(e), l = t == null ? hs : typeof t == "function" ? t : Kt(t);
   return this.select(function() {
     return this.insertBefore(n.apply(this, arguments), l.apply(this, arguments) || null);
   });
 }
-function gs() {
+function ps() {
   var e = this.parentNode;
   e && e.removeChild(this);
 }
 function bs() {
-  return this.each(gs);
+  return this.each(ps);
 }
 function ws() {
   var e = this.cloneNode(!1), t = this.parentNode;
@@ -2622,9 +2622,9 @@ I.prototype = {
   selectAll: ri,
   selectChild: ci,
   selectChildren: hi,
-  filter: pi,
+  filter: gi,
   data: ki,
-  enter: gi,
+  enter: pi,
   exit: Ai,
   join: Si,
   merge: Ni,
@@ -2646,7 +2646,7 @@ I.prototype = {
   raise: cs,
   lower: ds,
   append: ms,
-  insert: ps,
+  insert: gs,
   remove: bs,
   clone: ys,
   datum: ks,
@@ -2738,78 +2738,78 @@ function Us() {
   return navigator.maxTouchPoints || "ontouchstart" in this;
 }
 function Zs() {
-  var e = Rs, t = Is, n = Os, l = Us, i = {}, s = Ht("start", "drag", "end"), f = 0, r, o, a, u, m = 0;
-  function h(_) {
-    _.on("mousedown.drag", d).filter(l).on("touchstart.drag", v).on("touchmove.drag", w, zs).on("touchend.drag touchcancel.drag", k).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
-  }
-  function d(_, C) {
-    if (!(u || !e.call(this, _, C))) {
-      var c = g(this, t.call(this, _, C), _, C, "mouse");
-      c && (we(_.view).on("mousemove.drag", p, ve).on("mouseup.drag", b, ve), Bs(_.view), Ie(_), a = !1, r = _.clientX, o = _.clientY, c("start", _));
+  var e = Rs, t = Is, n = Os, l = Us, i = {}, s = Ht("start", "drag", "end"), f = 0, r, o, a, u, d = 0;
+  function m(c) {
+    c.on("mousedown.drag", _).filter(l).on("touchstart.drag", y).on("touchmove.drag", v, zs).on("touchend.drag touchcancel.drag", C).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+  }
+  function _(c, A) {
+    if (!(u || !e.call(this, c, A))) {
+      var h = p(this, t.call(this, c, A), c, A, "mouse");
+      h && (we(c.view).on("mousemove.drag", g, ve).on("mouseup.drag", w, ve), Bs(c.view), Ie(c), a = !1, r = c.clientX, o = c.clientY, h("start", c));
     }
   }
-  function p(_) {
-    if (ue(_), !a) {
-      var C = _.clientX - r, c = _.clientY - o;
-      a = C * C + c * c > m;
+  function g(c) {
+    if (ue(c), !a) {
+      var A = c.clientX - r, h = c.clientY - o;
+      a = A * A + h * h > d;
     }
-    i.mouse("drag", _);
+    i.mouse("drag", c);
   }
-  function b(_) {
-    we(_.view).on("mousemove.drag mouseup.drag", null), Ds(_.view, a), ue(_), i.mouse("end", _);
+  function w(c) {
+    we(c.view).on("mousemove.drag mouseup.drag", null), Ds(c.view, a), ue(c), i.mouse("end", c);
   }
-  function v(_, C) {
-    if (e.call(this, _, C)) {
-      var c = _.changedTouches, E = t.call(this, _, C), N = c.length, F, T;
-      for (F = 0; F < N; ++F)
-        (T = g(this, E, _, C, c[F].identifier, c[F])) && (Ie(_), T("start", _, c[F]));
+  function y(c, A) {
+    if (e.call(this, c, A)) {
+      var h = c.changedTouches, b = t.call(this, c, A), L = h.length, F, T;
+      for (F = 0; F < L; ++F)
+        (T = p(this, b, c, A, h[F].identifier, h[F])) && (Ie(c), T("start", c, h[F]));
     }
   }
-  function w(_) {
-    var C = _.changedTouches, c = C.length, E, N;
-    for (E = 0; E < c; ++E)
-      (N = i[C[E].identifier]) && (ue(_), N("drag", _, C[E]));
+  function v(c) {
+    var A = c.changedTouches, h = A.length, b, L;
+    for (b = 0; b < h; ++b)
+      (L = i[A[b].identifier]) && (ue(c), L("drag", c, A[b]));
   }
-  function k(_) {
-    var C = _.changedTouches, c = C.length, E, N;
+  function C(c) {
+    var A = c.changedTouches, h = A.length, b, L;
     for (u && clearTimeout(u), u = setTimeout(function() {
       u = null;
-    }, 500), E = 0; E < c; ++E)
-      (N = i[C[E].identifier]) && (Ie(_), N("end", _, C[E]));
-  }
-  function g(_, C, c, E, N, F) {
-    var T = s.copy(), M = vt(F || c, C), me, H, X;
-    if ((X = n.call(_, new He("beforestart", {
-      sourceEvent: c,
-      target: h,
-      identifier: N,
+    }, 500), b = 0; b < h; ++b)
+      (L = i[A[b].identifier]) && (Ie(c), L("end", c, A[b]));
+  }
+  function p(c, A, h, b, L, F) {
+    var T = s.copy(), M = vt(F || h, A), me, H, X;
+    if ((X = n.call(c, new He("beforestart", {
+      sourceEvent: h,
+      target: m,
+      identifier: L,
       active: f,
       x: M[0],
       y: M[1],
       dx: 0,
       dy: 0,
       dispatch: T
-    }), E)) != null)
+    }), b)) != null)
       return me = X.x - M[0] || 0, H = X.y - M[1] || 0, function Y(le, ye, ke) {
         var he = M, j;
         switch (le) {
           case "start":
-            i[N] = Y, j = f++;
+            i[L] = Y, j = f++;
             break;
           case "end":
-            delete i[N], --f;
+            delete i[L], --f;
           case "drag":
-            M = vt(ke || ye, C), j = f;
+            M = vt(ke || ye, A), j = f;
             break;
         }
         T.call(
           le,
-          _,
+          c,
           new He(le, {
             sourceEvent: ye,
             subject: X,
-            target: h,
-            identifier: N,
+            target: m,
+            identifier: L,
             active: j,
             x: M[0] + me,
             y: M[1] + H,
@@ -2817,24 +2817,24 @@ function Zs() {
             dy: M[1] - he[1],
             dispatch: T
           }),
-          E
+          b
         );
       };
   }
-  return h.filter = function(_) {
-    return arguments.length ? (e = typeof _ == "function" ? _ : Se(!!_), h) : e;
-  }, h.container = function(_) {
-    return arguments.length ? (t = typeof _ == "function" ? _ : Se(_), h) : t;
-  }, h.subject = function(_) {
-    return arguments.length ? (n = typeof _ == "function" ? _ : Se(_), h) : n;
-  }, h.touchable = function(_) {
-    return arguments.length ? (l = typeof _ == "function" ? _ : Se(!!_), h) : l;
-  }, h.on = function() {
-    var _ = s.on.apply(s, arguments);
-    return _ === s ? h : _;
-  }, h.clickDistance = function(_) {
-    return arguments.length ? (m = (_ = +_) * _, h) : Math.sqrt(m);
-  }, h;
+  return m.filter = function(c) {
+    return arguments.length ? (e = typeof c == "function" ? c : Se(!!c), m) : e;
+  }, m.container = function(c) {
+    return arguments.length ? (t = typeof c == "function" ? c : Se(c), m) : t;
+  }, m.subject = function(c) {
+    return arguments.length ? (n = typeof c == "function" ? c : Se(c), m) : n;
+  }, m.touchable = function(c) {
+    return arguments.length ? (l = typeof c == "function" ? c : Se(!!c), m) : l;
+  }, m.on = function() {
+    var c = s.on.apply(s, arguments);
+    return c === s ? m : c;
+  }, m.clickDistance = function(c) {
+    return arguments.length ? (d = (c = +c) * c, m) : Math.sqrt(d);
+  }, m;
 }
 const {
   SvelteComponent: Hs,
@@ -2915,38 +2915,38 @@ function dr(e) {
   let t, n, l, i, s, f, r, o, a = (
     /*prompt*/
     e[0].scale.toFixed(1) + ""
-  ), u, m, h, d, p, b, v, w, k, g, _, C;
-  return w = new js({}), {
+  ), u, d, m, _, g, w, y, v, C, p, c, A;
+  return v = new js({}), {
     c() {
-      t = Z("div"), n = Z("div"), l = Z("div"), i = Z("div"), s = Z("div"), f = Z("span"), r = Z("span"), o = Z("span"), u = fr(a), m = Nt(), h = Z("div"), d = Z("input"), b = Nt(), v = Z("button"), $s(w.$$.fragment), V(o, "class", "text-black svelte-1wmphae"), V(r, "class", "text-black svelte-1wmphae"), V(f, "class", "flex text-[0.5rem] font-mono text-black dark:group-hover:text-white svelte-1wmphae"), V(s, "class", "bottom-full p-1 svelte-1wmphae"), V(i, "class", "relative svelte-1wmphae"), V(l, "class", "absolute z-10 flex items-center justify-center w-[2.5em] svelte-1wmphae"), V(d, "type", "text"), V(d, "placeholder", "Prompt"), V(d, "class", p = "text-sm z-0 pl pr py-2 outline-none text-black " + /*prompt*/
-      (e[0].neg_guidance ? "line-through" : "") + " svelte-1wmphae"), St(d, "width", "calc(" + Math.max(
+      t = Z("div"), n = Z("div"), l = Z("div"), i = Z("div"), s = Z("div"), f = Z("span"), r = Z("span"), o = Z("span"), u = fr(a), d = Nt(), m = Z("div"), _ = Z("input"), w = Nt(), y = Z("button"), $s(v.$$.fragment), V(o, "class", "text-black svelte-1wmphae"), V(r, "class", "text-black svelte-1wmphae"), V(f, "class", "flex text-[0.5rem] font-mono text-black dark:group-hover:text-white svelte-1wmphae"), V(s, "class", "bottom-full p-1 svelte-1wmphae"), V(i, "class", "relative svelte-1wmphae"), V(l, "class", "absolute z-10 flex items-center justify-center w-[2.5em] svelte-1wmphae"), V(_, "type", "text"), V(_, "placeholder", "Prompt"), V(_, "class", g = "text-sm z-0 pl pr py-2 outline-none text-black " + /*prompt*/
+      (e[0].neg_guidance ? "line-through" : "") + " svelte-1wmphae"), St(_, "width", "calc(" + Math.max(
         14,
         /*prompt*/
         e[0].prompt.length + 1
-      ) + "ch + 2em) "), V(h, "class", "relative flex z-0 svelte-1wmphae"), V(v, "class", "absolute z-1 right-1 text text-black hover:text-red-500 invisible group-hover:visible svelte-1wmphae"), V(v, "title", "Remove prompt"), V(n, "class", k = "flex justify-between items-center rounded-md overflow-hidden " + /*isDragging*/
+      ) + "ch + 2em) "), V(m, "class", "relative flex z-0 svelte-1wmphae"), V(y, "class", "absolute z-1 right-1 text text-black hover:text-red-500 invisible group-hover:visible svelte-1wmphae"), V(y, "title", "Remove prompt"), V(n, "class", C = "flex justify-between items-center rounded-md overflow-hidden " + /*isDragging*/
       (e[1] || /*isHovering*/
       e[3] ? "select-none touch-manipulation" : "") + " svelte-1wmphae"), V(t, "class", "w-min flex flex-col group relative svelte-1wmphae");
     },
-    m(c, E) {
-      lr(c, t, E), B(t, n), B(n, l), B(l, i), B(i, s), B(s, f), B(f, r), B(r, o), B(o, u), B(n, m), B(n, h), B(h, d), e[10](d), At(
-        d,
+    m(h, b) {
+      lr(h, t, b), B(t, n), B(n, l), B(l, i), B(i, s), B(s, f), B(f, r), B(r, o), B(o, u), B(n, d), B(n, m), B(m, _), e[10](_), At(
+        _,
         /*prompt*/
         e[0].prompt
-      ), B(n, b), B(n, v), ir(w, v, null), e[13](t), g = !0, _ || (C = [
+      ), B(n, w), B(n, y), ir(v, y, null), e[13](t), p = !0, c || (A = [
         J(
-          d,
+          _,
           "keypress",
           /*onKeyPress*/
           e[6]
         ),
         J(
-          d,
+          _,
           "input",
           /*input_input_handler*/
           e[11]
         ),
         J(
-          v,
+          y,
           "click",
           /*click_handler*/
           e[12]
@@ -2987,75 +2987,75 @@ function dr(e) {
           /*pointerenter_handler_1*/
           e[19]
         )
-      ], _ = !0);
+      ], c = !0);
     },
-    p(c, [E]) {
-      (!g || E & /*prompt*/
+    p(h, [b]) {
+      (!p || b & /*prompt*/
       1) && a !== (a = /*prompt*/
-      c[0].scale.toFixed(1) + "") && or(u, a), (!g || E & /*prompt*/
-      1 && p !== (p = "text-sm z-0 pl pr py-2 outline-none text-black " + /*prompt*/
-      (c[0].neg_guidance ? "line-through" : "") + " svelte-1wmphae")) && V(d, "class", p), (!g || E & /*prompt*/
-      1) && St(d, "width", "calc(" + Math.max(
+      h[0].scale.toFixed(1) + "") && or(u, a), (!p || b & /*prompt*/
+      1 && g !== (g = "text-sm z-0 pl pr py-2 outline-none text-black " + /*prompt*/
+      (h[0].neg_guidance ? "line-through" : "") + " svelte-1wmphae")) && V(_, "class", g), (!p || b & /*prompt*/
+      1) && St(_, "width", "calc(" + Math.max(
         14,
         /*prompt*/
-        c[0].prompt.length + 1
-      ) + "ch + 2em) "), E & /*prompt*/
-      1 && d.value !== /*prompt*/
-      c[0].prompt && At(
-        d,
+        h[0].prompt.length + 1
+      ) + "ch + 2em) "), b & /*prompt*/
+      1 && _.value !== /*prompt*/
+      h[0].prompt && At(
+        _,
         /*prompt*/
-        c[0].prompt
-      ), (!g || E & /*isDragging, isHovering*/
-      10 && k !== (k = "flex justify-between items-center rounded-md overflow-hidden " + /*isDragging*/
-      (c[1] || /*isHovering*/
-      c[3] ? "select-none touch-manipulation" : "") + " svelte-1wmphae")) && V(n, "class", k);
+        h[0].prompt
+      ), (!p || b & /*isDragging, isHovering*/
+      10 && C !== (C = "flex justify-between items-center rounded-md overflow-hidden " + /*isDragging*/
+      (h[1] || /*isHovering*/
+      h[3] ? "select-none touch-manipulation" : "") + " svelte-1wmphae")) && V(n, "class", C);
     },
-    i(c) {
-      g || (ar(w.$$.fragment, c), g = !0);
+    i(h) {
+      p || (ar(v.$$.fragment, h), p = !0);
     },
-    o(c) {
-      ur(w.$$.fragment, c), g = !1;
+    o(h) {
+      ur(v.$$.fragment, h), p = !1;
     },
-    d(c) {
-      c && tr(t), e[10](null), er(w), e[13](null), _ = !1, sr(C);
+    d(h) {
+      h && tr(t), e[10](null), er(v), e[13](null), c = !1, sr(A);
     }
   };
 }
 function mr(e, t, n) {
   let { prompt: l } = t, { min: i = 0 } = t, { max: s = 2 } = t, { step: f = 0.01 } = t, r, o = !1, a = !1;
   const u = _r();
-  let m = 0, h;
+  let d = 0, m;
   cr(() => {
-    const N = Zs().on("start", (F) => {
-      m = l.scale, n(1, o = !0);
+    const L = Zs().on("start", (F) => {
+      d = l.scale, n(1, o = !0);
     }).on("drag", (F) => {
       const { dx: T, dy: M } = F;
-      m -= M * f, m = Math.min(m, s), m = Math.max(m, i), n(0, l.scale = m, l);
+      d -= M * f, d = Math.min(d, s), d = Math.max(d, i), n(0, l.scale = d, l);
     }).on("end", (F) => {
       n(1, o = !1);
     });
-    we(h).call(N), r.focus();
+    we(m).call(L), r.focus();
   });
-  function d(N) {
-    N.key === "Enter" && u("add");
+  function _(L) {
+    L.key === "Enter" && u("add");
   }
-  function p(N) {
-    Ct[N ? "unshift" : "push"](() => {
-      r = N, n(2, r);
+  function g(L) {
+    Ct[L ? "unshift" : "push"](() => {
+      r = L, n(2, r);
     });
   }
-  function b() {
+  function w() {
     l.prompt = this.value, n(0, l);
   }
-  const v = () => u("remove");
-  function w(N) {
-    Ct[N ? "unshift" : "push"](() => {
-      h = N, n(4, h);
+  const y = () => u("remove");
+  function v(L) {
+    Ct[L ? "unshift" : "push"](() => {
+      m = L, n(4, m);
     });
   }
-  const k = () => n(3, a = !0), g = () => n(3, a = !1), _ = () => n(3, a = !1), C = () => n(3, a = !0), c = () => n(3, a = !1), E = () => n(3, a = !0);
-  return e.$$set = (N) => {
-    "prompt" in N && n(0, l = N.prompt), "min" in N && n(7, i = N.min), "max" in N && n(8, s = N.max), "step" in N && n(9, f = N.step);
+  const C = () => n(3, a = !0), p = () => n(3, a = !1), c = () => n(3, a = !1), A = () => n(3, a = !0), h = () => n(3, a = !1), b = () => n(3, a = !0);
+  return e.$$set = (L) => {
+    "prompt" in L && n(0, l = L.prompt), "min" in L && n(7, i = L.min), "max" in L && n(8, s = L.max), "step" in L && n(9, f = L.step);
   }, e.$$.update = () => {
     e.$$.dirty & /*isDragging*/
     2 && (o ? document.body.classList.add("grabbing") : document.body.classList.remove("grabbing"));
@@ -3064,22 +3064,22 @@ function mr(e, t, n) {
     o,
     r,
     a,
-    h,
+    m,
     u,
-    d,
+    _,
     i,
     s,
     f,
-    p,
-    b,
-    v,
-    w,
-    k,
     g,
-    _,
+    w,
+    y,
+    v,
     C,
+    p,
     c,
-    E
+    A,
+    h,
+    b
   ];
 }
 class hr extends xs {
@@ -3088,8 +3088,8 @@ class hr extends xs {
   }
 }
 const {
-  SvelteComponent: pr,
-  append: gr,
+  SvelteComponent: gr,
+  append: pr,
   attr: $,
   detach: br,
   init: wr,
@@ -3110,7 +3110,7 @@ function kr(e) {
       );
     },
     m(l, i) {
-      vr(l, t, i), gr(t, n);
+      vr(l, t, i), pr(t, n);
     },
     p(l, [i]) {
       i & /*classNames*/
@@ -3134,7 +3134,7 @@ function Cr(e, t, n) {
     "classNames" in i && n(0, l = i.classNames);
   }, [l];
 }
-class Ar extends pr {
+class Ar extends gr {
   constructor(t) {
     super(), wr(this, t, Cr, kr, yr, { classNames: 0 });
   }
@@ -3142,7 +3142,7 @@ class Ar extends pr {
 const {
   SvelteComponent: Sr,
   add_flush_callback: Nr,
-  append: pe,
+  append: ge,
   attr: re,
   bind: Lr,
   binding_callbacks: Er,
@@ -3243,95 +3243,95 @@ function Pt(e) {
   );
 }
 function Rr(e) {
-  let t, n, l, i, s, f, r, o, a, u, m, h = qt(
+  let t, n, l, i, s, f, r, o, a, u, d, m = qt(
     /*promptsList*/
     e[0]
-  ), d = [];
-  for (let b = 0; b < h.length; b += 1)
-    d[b] = Pt(Mt(e, h, b));
-  const p = (b) => Pe(d[b], 1, 1, () => {
-    d[b] = null;
+  ), _ = [];
+  for (let w = 0; w < m.length; w += 1)
+    _[w] = Pt(Mt(e, m, w));
+  const g = (w) => Pe(_[w], 1, 1, () => {
+    _[w] = null;
   });
   return s = new Ar({}), {
     c() {
       t = Ne("div");
-      for (let b = 0; b < d.length; b += 1)
-        d[b].c();
+      for (let w = 0; w < _.length; w += 1)
+        _[w].c();
       n = Ft(), l = Ne("div"), i = Ne("button"), tn(s.$$.fragment), f = Ft(), r = Ne("h2"), r.textContent = "Add Prompt", re(r, "class", "text-xs font-normal px-1 svelte-9vwpr1"), re(i, "title", "Add Concept"), re(i, "class", "flex items-center text-base text-black hover-text-cyan-500 dark:text-white svelte-9vwpr1"), re(l, "class", "flex flex-col gap-1 svelte-9vwpr1"), re(t, "class", o = "flex items-center gap-1 flex-wrap " + /*classNames*/
       e[1] + " svelte-9vwpr1");
     },
-    m(b, v) {
-      Tr(b, t, v);
-      for (let w = 0; w < d.length; w += 1)
-        d[w] && d[w].m(t, null);
-      pe(t, n), pe(t, l), pe(l, i), ln(s, i, null), pe(i, f), pe(i, r), a = !0, u || (m = zr(
+    m(w, y) {
+      Tr(w, t, y);
+      for (let v = 0; v < _.length; v += 1)
+        _[v] && _[v].m(t, null);
+      ge(t, n), ge(t, l), ge(l, i), ln(s, i, null), ge(i, f), ge(i, r), a = !0, u || (d = zr(
         i,
         "click",
         /*click_handler*/
         e[10]
       ), u = !0);
     },
-    p(b, [v]) {
-      if (v & /*min, max, step, promptsList, removeConcept, addPrompt*/
+    p(w, [y]) {
+      if (y & /*min, max, step, promptsList, removeConcept, addPrompt*/
       125) {
-        h = qt(
+        m = qt(
           /*promptsList*/
-          b[0]
+          w[0]
         );
-        let w;
-        for (w = 0; w < h.length; w += 1) {
-          const k = Mt(b, h, w);
-          d[w] ? (d[w].p(k, v), be(d[w], 1)) : (d[w] = Pt(k), d[w].c(), be(d[w], 1), d[w].m(t, n));
+        let v;
+        for (v = 0; v < m.length; v += 1) {
+          const C = Mt(w, m, v);
+          _[v] ? (_[v].p(C, y), be(_[v], 1)) : (_[v] = Pt(C), _[v].c(), be(_[v], 1), _[v].m(t, n));
         }
-        for (Pr(), w = h.length; w < d.length; w += 1)
-          p(w);
+        for (Pr(), v = m.length; v < _.length; v += 1)
+          g(v);
         qr();
       }
-      (!a || v & /*classNames*/
+      (!a || y & /*classNames*/
       2 && o !== (o = "flex items-center gap-1 flex-wrap " + /*classNames*/
-      b[1] + " svelte-9vwpr1")) && re(t, "class", o);
+      w[1] + " svelte-9vwpr1")) && re(t, "class", o);
     },
-    i(b) {
+    i(w) {
       if (!a) {
-        for (let v = 0; v < h.length; v += 1)
-          be(d[v]);
-        be(s.$$.fragment, b), a = !0;
+        for (let y = 0; y < m.length; y += 1)
+          be(_[y]);
+        be(s.$$.fragment, w), a = !0;
       }
     },
-    o(b) {
-      d = d.filter(Boolean);
-      for (let v = 0; v < d.length; v += 1)
-        Pe(d[v]);
-      Pe(s.$$.fragment, b), a = !1;
+    o(w) {
+      _ = _.filter(Boolean);
+      for (let y = 0; y < _.length; y += 1)
+        Pe(_[y]);
+      Pe(s.$$.fragment, w), a = !1;
     },
-    d(b) {
-      b && Mr(t), Fr(d, b), nn(s), u = !1, m();
+    d(w) {
+      w && Mr(t), Fr(_, w), nn(s), u = !1, d();
     }
   };
 }
 function Ir(e, t, n) {
   let { classNames: l = "" } = t, { promptsList: i = [] } = t, { min: s } = t, { max: f } = t, { step: r } = t;
-  function o(p) {
-    n(0, i = i.filter((b) => b.id !== p.id));
+  function o(g) {
+    n(0, i = i.filter((w) => w.id !== g.id));
   }
-  function a(p = !1) {
+  function a(g = !1) {
     n(0, i = [
       ...i,
       {
         id: fn(),
         prompt: "",
         scale: 1,
-        negative: p
+        negative: g
       }
     ]);
   }
   Dr();
-  function u(p, b, v, w) {
-    v[w] = p, n(0, i);
+  function u(g, w, y, v) {
+    y[v] = g, n(0, i);
   }
-  const m = (p) => o(p), h = () => a(), d = () => a(!1);
-  return e.$$set = (p) => {
-    "classNames" in p && n(1, l = p.classNames), "promptsList" in p && n(0, i = p.promptsList), "min" in p && n(2, s = p.min), "max" in p && n(3, f = p.max), "step" in p && n(4, r = p.step);
+  const d = (g) => o(g), m = () => a(), _ = () => a(!1);
+  return e.$$set = (g) => {
+    "classNames" in g && n(1, l = g.classNames), "promptsList" in g && n(0, i = g.promptsList), "min" in g && n(2, s = g.min), "max" in g && n(3, f = g.max), "step" in g && n(4, r = g.step);
   }, [
     i,
     l,
@@ -3341,9 +3341,9 @@ function Ir(e, t, n) {
     o,
     a,
     u,
+    d,
     m,
-    h,
-    d
+    _
   ];
 }
 class Or extends Sr {
@@ -3397,7 +3397,7 @@ function Tt(e) {
       e[1].i18n
     ) },
     /*loading_status*/
-    e[9]
+    e[10]
   ];
   let i = {};
   for (let s = 0; s < l.length; s += 1)
@@ -3411,7 +3411,7 @@ function Tt(e) {
     },
     p(s, f) {
       const r = f & /*gradio, loading_status*/
-      514 ? jr(l, [
+      1026 ? jr(l, [
         f & /*gradio*/
         2 && { autoscroll: (
           /*gradio*/
@@ -3423,9 +3423,9 @@ function Tt(e) {
           s[1].i18n
         ) },
         f & /*loading_status*/
-        512 && Qr(
+        1024 && Qr(
           /*loading_status*/
-          s[9]
+          s[10]
         )
       ]) : {};
       t.$set(r);
@@ -3447,7 +3447,7 @@ function io(e) {
     c() {
       t = no(
         /*label*/
-        e[2]
+        e[3]
       );
     },
     m(n, l) {
@@ -3455,10 +3455,10 @@ function io(e) {
     },
     p(n, l) {
       l & /*label*/
-      4 && to(
+      8 && to(
         t,
         /*label*/
-        n[2]
+        n[3]
       );
     },
     d(n) {
@@ -3469,34 +3469,37 @@ function io(e) {
 function so(e) {
   let t, n, l, i, s, f, r, o = (
     /*loading_status*/
-    e[9] && Tt(e)
+    e[10] && Tt(e)
   );
   l = new ol({
     props: {
       show_label: (
         /*show_label*/
-        e[6]
+        e[7]
+      ),
+      info: (
+        /*info*/
+        e[2]
       ),
-      info: void 0,
       $$slots: { default: [io] },
       $$scope: { ctx: e }
     }
   });
-  function a(m) {
-    e[17](m);
+  function a(d) {
+    e[18](d);
   }
   let u = {
     min: (
       /*min*/
-      e[10]
+      e[11]
     ),
     max: (
       /*max*/
-      e[11]
+      e[12]
     ),
     step: (
       /*step*/
-      e[12]
+      e[13]
     ),
     classNames: "py-5"
   };
@@ -3507,39 +3510,41 @@ function so(e) {
       c() {
         o && o.c(), t = Vt(), n = Jr("label"), ze(l.$$.fragment), i = Vt(), ze(s.$$.fragment), Yr(n, "class", "relative"), lo(n, "container", oo);
       },
-      m(m, h) {
-        o && o.m(m, h), Ye(m, t, h), Ye(m, n, h), De(l, n, null), Hr(n, i), De(s, n, null), r = !0;
+      m(d, m) {
+        o && o.m(d, m), Ye(d, t, m), Ye(d, n, m), De(l, n, null), Hr(n, i), De(s, n, null), r = !0;
       },
-      p(m, h) {
+      p(d, m) {
         /*loading_status*/
-        m[9] ? o ? (o.p(m, h), h & /*loading_status*/
-        512 && te(o, 1)) : (o = Tt(m), o.c(), te(o, 1), o.m(t.parentNode, t)) : o && (xr(), fe(o, 1, 1, () => {
+        d[10] ? o ? (o.p(d, m), m & /*loading_status*/
+        1024 && te(o, 1)) : (o = Tt(d), o.c(), te(o, 1), o.m(t.parentNode, t)) : o && (xr(), fe(o, 1, 1, () => {
           o = null;
         }), Wr());
-        const d = {};
-        h & /*show_label*/
-        64 && (d.show_label = /*show_label*/
-        m[6]), h & /*$$scope, label*/
-        4194308 && (d.$$scope = { dirty: h, ctx: m }), l.$set(d);
-        const p = {};
-        h & /*min*/
-        1024 && (p.min = /*min*/
-        m[10]), h & /*max*/
-        2048 && (p.max = /*max*/
-        m[11]), h & /*step*/
-        4096 && (p.step = /*step*/
-        m[12]), !f && h & /*value*/
-        1 && (f = !0, p.promptsList = /*value*/
-        m[0], Zr(() => f = !1)), s.$set(p);
+        const _ = {};
+        m & /*show_label*/
+        128 && (_.show_label = /*show_label*/
+        d[7]), m & /*info*/
+        4 && (_.info = /*info*/
+        d[2]), m & /*$$scope, label*/
+        8388616 && (_.$$scope = { dirty: m, ctx: d }), l.$set(_);
+        const g = {};
+        m & /*min*/
+        2048 && (g.min = /*min*/
+        d[11]), m & /*max*/
+        4096 && (g.max = /*max*/
+        d[12]), m & /*step*/
+        8192 && (g.step = /*step*/
+        d[13]), !f && m & /*value*/
+        1 && (f = !0, g.promptsList = /*value*/
+        d[0], Zr(() => f = !1)), s.$set(g);
       },
-      i(m) {
-        r || (te(o), te(l.$$.fragment, m), te(s.$$.fragment, m), r = !0);
+      i(d) {
+        r || (te(o), te(l.$$.fragment, d), te(s.$$.fragment, d), r = !0);
       },
-      o(m) {
-        fe(o), fe(l.$$.fragment, m), fe(s.$$.fragment, m), r = !1;
+      o(d) {
+        fe(o), fe(l.$$.fragment, d), fe(s.$$.fragment, d), r = !1;
       },
-      d(m) {
-        m && (Xe(t), Xe(n)), o && o.d(m), Be(l), Be(s);
+      d(d) {
+        d && (Xe(t), Xe(n)), o && o.d(d), Be(l), Be(s);
       }
     }
   );
@@ -3550,23 +3555,23 @@ function ro(e) {
     props: {
       visible: (
         /*visible*/
-        e[5]
+        e[6]
       ),
       elem_id: (
         /*elem_id*/
-        e[3]
+        e[4]
       ),
       elem_classes: (
         /*elem_classes*/
-        e[4]
+        e[5]
       ),
       scale: (
         /*scale*/
-        e[7]
+        e[8]
       ),
       min_width: (
         /*min_width*/
-        e[8]
+        e[9]
       ),
       allow_overflow: !1,
       padding: !0,
@@ -3583,17 +3588,17 @@ function ro(e) {
     p(l, [i]) {
       const s = {};
       i & /*visible*/
-      32 && (s.visible = /*visible*/
-      l[5]), i & /*elem_id*/
-      8 && (s.elem_id = /*elem_id*/
-      l[3]), i & /*elem_classes*/
-      16 && (s.elem_classes = /*elem_classes*/
-      l[4]), i & /*scale*/
-      128 && (s.scale = /*scale*/
-      l[7]), i & /*min_width*/
-      256 && (s.min_width = /*min_width*/
-      l[8]), i & /*$$scope, min, max, step, value, show_label, label, gradio, loading_status*/
-      4202055 && (s.$$scope = { dirty: i, ctx: l }), t.$set(s);
+      64 && (s.visible = /*visible*/
+      l[6]), i & /*elem_id*/
+      16 && (s.elem_id = /*elem_id*/
+      l[4]), i & /*elem_classes*/
+      32 && (s.elem_classes = /*elem_classes*/
+      l[5]), i & /*scale*/
+      256 && (s.scale = /*scale*/
+      l[8]), i & /*min_width*/
+      512 && (s.min_width = /*min_width*/
+      l[9]), i & /*$$scope, min, max, step, value, show_label, info, label, gradio, loading_status*/
+      8404111 && (s.$$scope = { dirty: i, ctx: l }), t.$set(s);
     },
     i(l) {
       n || (te(t.$$.fragment, l), n = !0);
@@ -3608,60 +3613,62 @@ function ro(e) {
 }
 const oo = !1;
 function fo(e, t, n) {
-  let { gradio: l } = t, { label: i = "Prompt Weighting" } = t, { elem_id: s = "" } = t, { elem_classes: f = [] } = t, { visible: r = !0 } = t, { value: o = [] } = t, { placeholder: a = "" } = t, { show_label: u } = t, { scale: m = null } = t, { min_width: h = void 0 } = t, { loading_status: d = void 0 } = t, { value_is_output: p = !1 } = t, { interactive: b } = t, { rtl: v = !1 } = t, { min: w = 0 } = t, { max: k = 2 } = t, { step: g = 0.01 } = t;
-  function _() {
-    l.dispatch("change", o), p || (l.dispatch("input"), l.dispatch("submit"));
+  let { gradio: l } = t, { info: i = void 0 } = t, { label: s = "Prompt Weighting" } = t, { elem_id: f = "" } = t, { elem_classes: r = [] } = t, { visible: o = !0 } = t, { value: a = [] } = t, { placeholder: u = "" } = t, { show_label: d } = t, { scale: m = null } = t, { min_width: _ = void 0 } = t, { loading_status: g = void 0 } = t, { value_is_output: w = !1 } = t, { interactive: y } = t, { rtl: v = !1 } = t, { min: C = 0 } = t, { max: p = 2 } = t, { step: c = 0.01 } = t;
+  function A() {
+    l.dispatch("change", a), w || (l.dispatch("input"), l.dispatch("submit"));
   }
-  function C(c) {
-    o = c, n(0, o);
+  function h(b) {
+    a = b, n(0, a);
   }
-  return e.$$set = (c) => {
-    "gradio" in c && n(1, l = c.gradio), "label" in c && n(2, i = c.label), "elem_id" in c && n(3, s = c.elem_id), "elem_classes" in c && n(4, f = c.elem_classes), "visible" in c && n(5, r = c.visible), "value" in c && n(0, o = c.value), "placeholder" in c && n(13, a = c.placeholder), "show_label" in c && n(6, u = c.show_label), "scale" in c && n(7, m = c.scale), "min_width" in c && n(8, h = c.min_width), "loading_status" in c && n(9, d = c.loading_status), "value_is_output" in c && n(14, p = c.value_is_output), "interactive" in c && n(15, b = c.interactive), "rtl" in c && n(16, v = c.rtl), "min" in c && n(10, w = c.min), "max" in c && n(11, k = c.max), "step" in c && n(12, g = c.step);
+  return e.$$set = (b) => {
+    "gradio" in b && n(1, l = b.gradio), "info" in b && n(2, i = b.info), "label" in b && n(3, s = b.label), "elem_id" in b && n(4, f = b.elem_id), "elem_classes" in b && n(5, r = b.elem_classes), "visible" in b && n(6, o = b.visible), "value" in b && n(0, a = b.value), "placeholder" in b && n(14, u = b.placeholder), "show_label" in b && n(7, d = b.show_label), "scale" in b && n(8, m = b.scale), "min_width" in b && n(9, _ = b.min_width), "loading_status" in b && n(10, g = b.loading_status), "value_is_output" in b && n(15, w = b.value_is_output), "interactive" in b && n(16, y = b.interactive), "rtl" in b && n(17, v = b.rtl), "min" in b && n(11, C = b.min), "max" in b && n(12, p = b.max), "step" in b && n(13, c = b.step);
   }, e.$$.update = () => {
     e.$$.dirty & /*value*/
-    1 && o === null && n(0, o = []), e.$$.dirty & /*value*/
-    1 && _();
+    1 && a === null && n(0, a = []), e.$$.dirty & /*value*/
+    1 && A();
   }, [
-    o,
+    a,
     l,
     i,
     s,
     f,
     r,
-    u,
-    m,
-    h,
+    o,
     d,
-    w,
-    k,
+    m,
+    _,
     g,
-    a,
+    C,
     p,
-    b,
+    c,
+    u,
+    w,
+    y,
     v,
-    C
+    h
   ];
 }
 class ao extends Ur {
   constructor(t) {
     super(), $r(this, t, fo, ro, eo, {
       gradio: 1,
-      label: 2,
-      elem_id: 3,
-      elem_classes: 4,
-      visible: 5,
+      info: 2,
+      label: 3,
+      elem_id: 4,
+      elem_classes: 5,
+      visible: 6,
       value: 0,
-      placeholder: 13,
-      show_label: 6,
-      scale: 7,
-      min_width: 8,
-      loading_status: 9,
-      value_is_output: 14,
-      interactive: 15,
-      rtl: 16,
-      min: 10,
-      max: 11,
-      step: 12
+      placeholder: 14,
+      show_label: 7,
+      scale: 8,
+      min_width: 9,
+      loading_status: 10,
+      value_is_output: 15,
+      interactive: 16,
+      rtl: 17,
+      min: 11,
+      max: 12,
+      step: 13
     });
   }
   get gradio() {
@@ -3670,26 +3677,32 @@ class ao extends Ur {
   set gradio(t) {
     this.$$set({ gradio: t }), P();
   }
-  get label() {
+  get info() {
     return this.$$.ctx[2];
   }
+  set info(t) {
+    this.$$set({ info: t }), P();
+  }
+  get label() {
+    return this.$$.ctx[3];
+  }
   set label(t) {
     this.$$set({ label: t }), P();
   }
   get elem_id() {
-    return this.$$.ctx[3];
+    return this.$$.ctx[4];
   }
   set elem_id(t) {
     this.$$set({ elem_id: t }), P();
   }
   get elem_classes() {
-    return this.$$.ctx[4];
+    return this.$$.ctx[5];
   }
   set elem_classes(t) {
     this.$$set({ elem_classes: t }), P();
   }
   get visible() {
-    return this.$$.ctx[5];
+    return this.$$.ctx[6];
   }
   set visible(t) {
     this.$$set({ visible: t }), P();
@@ -3701,67 +3714,67 @@ class ao extends Ur {
     this.$$set({ value: t }), P();
   }
   get placeholder() {
-    return this.$$.ctx[13];
+    return this.$$.ctx[14];
   }
   set placeholder(t) {
     this.$$set({ placeholder: t }), P();
   }
   get show_label() {
-    return this.$$.ctx[6];
+    return this.$$.ctx[7];
   }
   set show_label(t) {
     this.$$set({ show_label: t }), P();
   }
   get scale() {
-    return this.$$.ctx[7];
+    return this.$$.ctx[8];
   }
   set scale(t) {
     this.$$set({ scale: t }), P();
   }
   get min_width() {
-    return this.$$.ctx[8];
+    return this.$$.ctx[9];
   }
   set min_width(t) {
     this.$$set({ min_width: t }), P();
   }
   get loading_status() {
-    return this.$$.ctx[9];
+    return this.$$.ctx[10];
   }
   set loading_status(t) {
     this.$$set({ loading_status: t }), P();
   }
   get value_is_output() {
-    return this.$$.ctx[14];
+    return this.$$.ctx[15];
   }
   set value_is_output(t) {
     this.$$set({ value_is_output: t }), P();
   }
   get interactive() {
-    return this.$$.ctx[15];
+    return this.$$.ctx[16];
   }
   set interactive(t) {
     this.$$set({ interactive: t }), P();
   }
   get rtl() {
-    return this.$$.ctx[16];
+    return this.$$.ctx[17];
   }
   set rtl(t) {
     this.$$set({ rtl: t }), P();
   }
   get min() {
-    return this.$$.ctx[10];
+    return this.$$.ctx[11];
   }
   set min(t) {
     this.$$set({ min: t }), P();
   }
   get max() {
-    return this.$$.ctx[11];
+    return this.$$.ctx[12];
   }
   set max(t) {
     this.$$set({ max: t }), P();
   }
   get step() {
-    return this.$$.ctx[12];
+    return this.$$.ctx[13];
   }
   set step(t) {
     this.$$set({ step: t }), P();

src/demo/space.py

@@ -3,7 +3,7 @@ import gradio as gr
 from app import demo as app
 import os
 
-_docs = {'PromptWeighting': {'description': 'Creates a very simple textbox for user to enter string input or display string output.', 'members': {'__init__': {'value': {'type': 'str | dict | list | Callable | None', 'default': 'None', 'description': 'default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'placeholder': {'type': 'str | None', 'default': 'None', 'description': 'placeholder hint to provide behind textbox.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'component name in interface.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'interactive': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'rtl': {'type': 'bool', 'default': 'False', 'description': 'If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}, 'min': {'type': 'float | None', 'default': 'None', 'description': None}, 'max': {'type': 'float | None', 'default': 'None', 'description': None}, 'step': {'type': 'float | None', 'default': 'None', 'description': None}}, 'postprocess': {'value': {'type': 'str | None', 'description': 'Expects a {str} returned from function and sets textarea value to it.'}}, 'preprocess': {'return': {'type': 'str | None', 'description': 'Passes text value as a {str} into the function.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': 'Triggered when the value of the PromptWeighting changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.'}, 'input': {'type': None, 'default': None, 'description': 'This listener is triggered when the user changes the value of the PromptWeighting.'}, 'submit': {'type': None, 'default': None, 'description': 'This listener is triggered when the user presses the Enter key while the PromptWeighting is focused.'}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'PromptWeighting': []}}}
+_docs = {'PromptWeighting': {'description': 'Enables multi text input with a vertical drag to adjust the weight of each prompt.', 'members': {'__init__': {'value': {'type': 'str | dict | list | Callable | None', 'default': 'None', 'description': 'default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'placeholder': {'type': 'str | None', 'default': 'None', 'description': 'placeholder hint to provide behind textbox.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'component name in interface.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'info': {'type': 'str | None', 'default': 'None', 'description': None}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'interactive': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'rtl': {'type': 'bool', 'default': 'False', 'description': 'If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}, 'min': {'type': 'float | None', 'default': 'None', 'description': None}, 'max': {'type': 'float | None', 'default': 'None', 'description': None}, 'step': {'type': 'float | None', 'default': 'None', 'description': None}}, 'postprocess': {'value': {'type': 'str | None', 'description': 'Expects a {str} returned from function and sets textarea value to it.'}}, 'preprocess': {'return': {'type': 'str | None', 'description': 'Passes text value as a {str} into the function.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': 'Triggered when the value of the PromptWeighting changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.'}, 'input': {'type': None, 'default': None, 'description': 'This listener is triggered when the user changes the value of the PromptWeighting.'}, 'submit': {'type': None, 'default': None, 'description': 'This listener is triggered when the user presses the Enter key while the PromptWeighting is focused.'}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'PromptWeighting': []}}}
 
 abs_path = os.path.join(os.path.dirname(__file__), "css.css")
 
@@ -21,7 +21,7 @@ with gr.Blocks(
 # `gradio_promptweighting`
 
 <div style="display: flex; gap: 7px;">
-<img alt="Static Badge" src="https://img.shields.io/badge/version%20-%200.0.1%20-%20orange">  
+<a href="https://pypi.org/project/gradio_promptweighting/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_promptweighting"></a>  
 </div>
 
 Simple component for creating prompt weighting for real-time generation.
@@ -53,7 +53,13 @@ with gr.Blocks() as demo:
     with gr.Row():
         with gr.Column():
             prompt = PromptWeighting(
-                value=[{"prompt": "a cat", "scale": 1.5}], step=0.001
+                value=[
+                    {"prompt": "a cat", "scale": 1.5},
+                    {"prompt": "a dog", "scale": 1},
+                    {"prompt": "a bird", "scale": 0.5},
+                ],
+                step=0.001,
+                info="Please drag up or down to adjust the weight of the prompt.",
             )
             btn = gr.Button("Update Prompt")
         with gr.Column():

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_promptweighting"
-version = "0.0.1"
+version = "0.0.2"
 description = "Simple component for creating prompt weighting for real-time generation."
 readme = "README.md"
 license = "MIT"
@@ -36,7 +36,7 @@ classifiers = [
 dev = ["build", "twine"]
 
 [tool.hatch.build]
-artifacts = ["/backend/gradio_promptweighting/templates", "*.pyi", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates"]
+artifacts = ["/backend/gradio_promptweighting/templates", "*.pyi", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates", "backend/gradio_promptweighting/templates"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["/backend/gradio_promptweighting"]