elbe-ui 0.2.11 → 0.2.19

package/dist/index.js

@@ -1308,7 +1308,7 @@ var require_react_development = __commonJS((exports, module) => {
           }
         }
       }
-      function checkPropTypes(typeSpecs, values, location, componentName, element) {
+      function checkPropTypes(typeSpecs, values, location2, componentName, element) {
         {
           var has = Function.call.bind(hasOwnProperty);
           for (var typeSpecName in typeSpecs) {
@@ -1316,23 +1316,23 @@ var require_react_development = __commonJS((exports, module) => {
               var error$1 = undefined;
               try {
                 if (typeof typeSpecs[typeSpecName] !== "function") {
-                  var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  var err = Error((componentName || "React class") + ": " + location2 + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   err.name = "Invariant Violation";
                   throw err;
                 }
-                error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location2, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch (ex) {
                 error$1 = ex;
               }
               if (error$1 && !(error$1 instanceof Error)) {
                 setCurrentlyValidatingElement(element);
-                error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1);
+                error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location2, typeSpecName, typeof error$1);
                 setCurrentlyValidatingElement(null);
               }
               if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
                 loggedTypeFailures[error$1.message] = true;
                 setCurrentlyValidatingElement(element);
-                error("Failed %s type: %s", location, error$1.message);
+                error("Failed %s type: %s", location2, error$1.message);
                 setCurrentlyValidatingElement(null);
               }
             }
@@ -15900,9 +15900,9 @@ var index = Object.freeze({
   ZoomIn,
   ZoomOut
 });
-var $CircleXIcon = CircleX;
 var $X = X;
 var $icons = index;
+
 // node_modules/preact/dist/preact.mjs
 var d = function(n, l) {
   for (var u in l)
@@ -16259,6 +16259,7 @@ n = p.slice, l = { __e: function(n2, l2, u2, t2) {
 }, b.prototype.render = k, i = [], r = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f = function(n2, l2) {
   return n2.__v.__b - l2.__v.__b;
 }, P.__r = 0, e = 0, c = F(false), s = F(true), a = 0;
+
 // node_modules/preact/hooks/dist/hooks.mjs
 var d2 = function(n2, t2) {
   c2.__h && c2.__h(r2, n2, o2 || t2), o2 = 0;
@@ -16437,106 +16438,1142 @@ c2.__b = function(n2) {
 };
 var k2 = typeof requestAnimationFrame == "function";
 
+// node_modules/@preact/signals-core/dist/signals-core.mjs
+var t3 = function() {
+  if (r3 > 1) {
+    r3--;
+    return;
+  }
+  let i3, t4 = false;
+  while (s3 !== undefined) {
+    let o3 = s3;
+    s3 = undefined;
+    f3++;
+    while (o3 !== undefined) {
+      const n2 = o3.o;
+      o3.o = undefined;
+      o3.f &= -3;
+      if (!(8 & o3.f) && v3(o3))
+        try {
+          o3.c();
+        } catch (o4) {
+          if (!t4) {
+            i3 = o4;
+            t4 = true;
+          }
+        }
+      o3 = n2;
+    }
+  }
+  f3 = 0;
+  r3--;
+  if (t4)
+    throw i3;
+};
+var c3 = function(i3) {
+  if (n2 === undefined)
+    return;
+  let t4 = i3.n;
+  if (t4 === undefined || t4.t !== n2) {
+    t4 = { i: 0, S: i3, p: n2.s, n: undefined, t: n2, e: undefined, x: undefined, r: t4 };
+    if (n2.s !== undefined)
+      n2.s.n = t4;
+    n2.s = t4;
+    i3.n = t4;
+    if (32 & n2.f)
+      i3.S(t4);
+    return t4;
+  } else if (t4.i === -1) {
+    t4.i = 0;
+    if (t4.n !== undefined) {
+      t4.n.p = t4.p;
+      if (t4.p !== undefined)
+        t4.p.n = t4.n;
+      t4.p = n2.s;
+      t4.n = undefined;
+      n2.s.n = t4;
+      n2.s = t4;
+    }
+    return t4;
+  }
+};
+var u3 = function(i3) {
+  this.v = i3;
+  this.i = 0;
+  this.n = undefined;
+  this.t = undefined;
+};
+var d3 = function(i3) {
+  return new u3(i3);
+};
+var v3 = function(i3) {
+  for (let t4 = i3.s;t4 !== undefined; t4 = t4.n)
+    if (t4.S.i !== t4.i || !t4.S.h() || t4.S.i !== t4.i)
+      return true;
+  return false;
+};
+var l3 = function(i3) {
+  for (let t4 = i3.s;t4 !== undefined; t4 = t4.n) {
+    const o3 = t4.S.n;
+    if (o3 !== undefined)
+      t4.r = o3;
+    t4.S.n = t4;
+    t4.i = -1;
+    if (t4.n === undefined) {
+      i3.s = t4;
+      break;
+    }
+  }
+};
+var y3 = function(i3) {
+  let t4, o3 = i3.s;
+  while (o3 !== undefined) {
+    const i4 = o3.p;
+    if (o3.i === -1) {
+      o3.S.U(o3);
+      if (i4 !== undefined)
+        i4.n = o3.n;
+      if (o3.n !== undefined)
+        o3.n.p = i4;
+    } else
+      t4 = o3;
+    o3.S.n = o3.r;
+    if (o3.r !== undefined)
+      o3.r = undefined;
+    o3 = i4;
+  }
+  i3.s = t4;
+};
+var a3 = function(i3) {
+  u3.call(this, undefined);
+  this.x = i3;
+  this.s = undefined;
+  this.g = e3 - 1;
+  this.f = 4;
+};
+var w3 = function(i3) {
+  return new a3(i3);
+};
+var _3 = function(i3) {
+  const o3 = i3.u;
+  i3.u = undefined;
+  if (typeof o3 == "function") {
+    r3++;
+    const s3 = n2;
+    n2 = undefined;
+    try {
+      o3();
+    } catch (t4) {
+      i3.f &= -2;
+      i3.f |= 8;
+      g3(i3);
+      throw t4;
+    } finally {
+      n2 = s3;
+      t3();
+    }
+  }
+};
+var g3 = function(i3) {
+  for (let t4 = i3.s;t4 !== undefined; t4 = t4.n)
+    t4.S.U(t4);
+  i3.x = undefined;
+  i3.s = undefined;
+  _3(i3);
+};
+var p3 = function(i3) {
+  if (n2 !== this)
+    throw new Error("Out-of-order effect");
+  y3(this);
+  n2 = i3;
+  this.f &= -2;
+  if (8 & this.f)
+    g3(this);
+  t3();
+};
+var b2 = function(i3) {
+  this.x = i3;
+  this.u = undefined;
+  this.s = undefined;
+  this.o = undefined;
+  this.f = 32;
+};
+var E2 = function(i3) {
+  const t4 = new b2(i3);
+  try {
+    t4.c();
+  } catch (i4) {
+    t4.d();
+    throw i4;
+  }
+  return t4.d.bind(t4);
+};
+var i3 = Symbol.for("preact-signals");
+var n2;
+var s3;
+var r3 = 0;
+var f3 = 0;
+var e3 = 0;
+u3.prototype.brand = i3;
+u3.prototype.h = function() {
+  return true;
+};
+u3.prototype.S = function(i4) {
+  if (this.t !== i4 && i4.e === undefined) {
+    i4.x = this.t;
+    if (this.t !== undefined)
+      this.t.e = i4;
+    this.t = i4;
+  }
+};
+u3.prototype.U = function(i4) {
+  if (this.t !== undefined) {
+    const { e: t4, x: o3 } = i4;
+    if (t4 !== undefined) {
+      t4.x = o3;
+      i4.e = undefined;
+    }
+    if (o3 !== undefined) {
+      o3.e = t4;
+      i4.x = undefined;
+    }
+    if (i4 === this.t)
+      this.t = o3;
+  }
+};
+u3.prototype.subscribe = function(i4) {
+  return E2(() => {
+    const t4 = this.value, o3 = n2;
+    n2 = undefined;
+    try {
+      i4(t4);
+    } finally {
+      n2 = o3;
+    }
+  });
+};
+u3.prototype.valueOf = function() {
+  return this.value;
+};
+u3.prototype.toString = function() {
+  return this.value + "";
+};
+u3.prototype.toJSON = function() {
+  return this.value;
+};
+u3.prototype.peek = function() {
+  const i4 = n2;
+  n2 = undefined;
+  try {
+    return this.value;
+  } finally {
+    n2 = i4;
+  }
+};
+Object.defineProperty(u3.prototype, "value", { get() {
+  const i4 = c3(this);
+  if (i4 !== undefined)
+    i4.i = this.i;
+  return this.v;
+}, set(i4) {
+  if (i4 !== this.v) {
+    if (f3 > 100)
+      throw new Error("Cycle detected");
+    this.v = i4;
+    this.i++;
+    e3++;
+    r3++;
+    try {
+      for (let i5 = this.t;i5 !== undefined; i5 = i5.x)
+        i5.t.N();
+    } finally {
+      t3();
+    }
+  }
+} });
+(a3.prototype = new u3).h = function() {
+  this.f &= -3;
+  if (1 & this.f)
+    return false;
+  if ((36 & this.f) == 32)
+    return true;
+  this.f &= -5;
+  if (this.g === e3)
+    return true;
+  this.g = e3;
+  this.f |= 1;
+  if (this.i > 0 && !v3(this)) {
+    this.f &= -2;
+    return true;
+  }
+  const i4 = n2;
+  try {
+    l3(this);
+    n2 = this;
+    const i5 = this.x();
+    if (16 & this.f || this.v !== i5 || this.i === 0) {
+      this.v = i5;
+      this.f &= -17;
+      this.i++;
+    }
+  } catch (i5) {
+    this.v = i5;
+    this.f |= 16;
+    this.i++;
+  }
+  n2 = i4;
+  y3(this);
+  this.f &= -2;
+  return true;
+};
+a3.prototype.S = function(i4) {
+  if (this.t === undefined) {
+    this.f |= 36;
+    for (let i5 = this.s;i5 !== undefined; i5 = i5.n)
+      i5.S.S(i5);
+  }
+  u3.prototype.S.call(this, i4);
+};
+a3.prototype.U = function(i4) {
+  if (this.t !== undefined) {
+    u3.prototype.U.call(this, i4);
+    if (this.t === undefined) {
+      this.f &= -33;
+      for (let i5 = this.s;i5 !== undefined; i5 = i5.n)
+        i5.S.U(i5);
+    }
+  }
+};
+a3.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 6;
+    for (let i4 = this.t;i4 !== undefined; i4 = i4.x)
+      i4.t.N();
+  }
+};
+Object.defineProperty(a3.prototype, "value", { get() {
+  if (1 & this.f)
+    throw new Error("Cycle detected");
+  const i4 = c3(this);
+  this.h();
+  if (i4 !== undefined)
+    i4.i = this.i;
+  if (16 & this.f)
+    throw this.v;
+  return this.v;
+} });
+b2.prototype.c = function() {
+  const i4 = this.S();
+  try {
+    if (8 & this.f)
+      return;
+    if (this.x === undefined)
+      return;
+    const t4 = this.x();
+    if (typeof t4 == "function")
+      this.u = t4;
+  } finally {
+    i4();
+  }
+};
+b2.prototype.S = function() {
+  if (1 & this.f)
+    throw new Error("Cycle detected");
+  this.f |= 1;
+  this.f &= -9;
+  _3(this);
+  l3(this);
+  r3++;
+  const i4 = n2;
+  n2 = this;
+  return p3.bind(this, i4);
+};
+b2.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 2;
+    this.o = s3;
+    s3 = this;
+  }
+};
+b2.prototype.d = function() {
+  this.f |= 8;
+  if (!(1 & this.f))
+    g3(this);
+};
+
+// node_modules/@preact/signals/dist/signals.mjs
+var c4 = function(t4, e4) {
+  l[t4] = e4.bind(null, l[t4] || (() => {
+  }));
+};
+var h3 = function(t4) {
+  if (d4)
+    d4();
+  d4 = t4 && t4.S();
+};
+var p4 = function({ data: t4 }) {
+  const i4 = useSignal(t4);
+  i4.value = t4;
+  const o3 = T2(() => {
+    let t5 = this.__v;
+    while (t5 = t5.__)
+      if (t5.__c) {
+        t5.__c.__$f |= 4;
+        break;
+      }
+    this.__$u.c = () => {
+      var t6;
+      if (!t(o3.peek()) && ((t6 = this.base) == null ? undefined : t6.nodeType) === 3)
+        this.base.data = o3.peek();
+      else {
+        this.__$f |= 1;
+        this.setState({});
+      }
+    };
+    return w3(() => {
+      let t6 = i4.value.value;
+      return t6 === 0 ? 0 : t6 === true ? "" : t6 || "";
+    });
+  }, []);
+  return o3.value;
+};
+var v4 = function(t4, i4, e4, n3) {
+  const o3 = i4 in t4 && t4.ownerSVGElement === undefined, r4 = d3(e4);
+  return { o: (t5, i5) => {
+    r4.value = t5;
+    n3 = i5;
+  }, d: E2(() => {
+    const e5 = r4.value.value;
+    if (n3[i4] !== e5) {
+      n3[i4] = e5;
+      if (o3)
+        t4[i4] = e5;
+      else if (e5)
+        t4.setAttribute(i4, e5);
+      else
+        t4.removeAttribute(i4);
+    }
+  }) };
+};
+var useSignal = function(t4) {
+  return T2(() => d3(t4), []);
+};
+var a4;
+var d4;
+p4.displayName = "_st";
+Object.defineProperties(u3.prototype, { constructor: { configurable: true, value: undefined }, type: { configurable: true, value: p4 }, props: { configurable: true, get() {
+  return { data: this };
+} }, __b: { configurable: true, value: 1 } });
+c4("__b", (t4, i4) => {
+  if (typeof i4.type == "string") {
+    let t5, e4 = i4.props;
+    for (let n3 in e4) {
+      if (n3 === "children")
+        continue;
+      let o3 = e4[n3];
+      if (o3 instanceof u3) {
+        if (!t5)
+          i4.__np = t5 = {};
+        t5[n3] = o3;
+        e4[n3] = o3.peek();
+      }
+    }
+  }
+  t4(i4);
+});
+c4("__r", (t4, i4) => {
+  h3();
+  let e4, n3 = i4.__c;
+  if (n3) {
+    n3.__$f &= -2;
+    e4 = n3.__$u;
+    if (e4 === undefined)
+      n3.__$u = e4 = function(t5) {
+        let i5;
+        E2(function() {
+          i5 = this;
+        });
+        i5.c = () => {
+          n3.__$f |= 1;
+          n3.setState({});
+        };
+        return i5;
+      }();
+  }
+  a4 = n3;
+  h3(e4);
+  t4(i4);
+});
+c4("__e", (t4, i4, e4, n3) => {
+  h3();
+  a4 = undefined;
+  t4(i4, e4, n3);
+});
+c4("diffed", (t4, i4) => {
+  h3();
+  a4 = undefined;
+  let e4;
+  if (typeof i4.type == "string" && (e4 = i4.__e)) {
+    let { __np: t5, props: n3 } = i4;
+    if (t5) {
+      let i5 = e4.U;
+      if (i5)
+        for (let e5 in i5) {
+          let n4 = i5[e5];
+          if (n4 !== undefined && !(e5 in t5)) {
+            n4.d();
+            i5[e5] = undefined;
+          }
+        }
+      else {
+        i5 = {};
+        e4.U = i5;
+      }
+      for (let o3 in t5) {
+        let r4 = i5[o3], f4 = t5[o3];
+        if (r4 === undefined) {
+          r4 = v4(e4, o3, f4, n3);
+          i5[o3] = r4;
+        } else
+          r4.o(f4, n3);
+      }
+    }
+  }
+  t4(i4);
+});
+c4("unmount", (t4, i4) => {
+  if (typeof i4.type == "string") {
+    let t5 = i4.__e;
+    if (t5) {
+      const i5 = t5.U;
+      if (i5) {
+        t5.U = undefined;
+        for (let t6 in i5) {
+          let e4 = i5[t6];
+          if (e4)
+            e4.d();
+        }
+      }
+    }
+  } else {
+    let t5 = i4.__c;
+    if (t5) {
+      const i5 = t5.__$u;
+      if (i5) {
+        t5.__$u = undefined;
+        i5.d();
+      }
+    }
+  }
+  t4(i4);
+});
+c4("__h", (t4, i4, e4, n3) => {
+  if (n3 < 3 || n3 === 9)
+    i4.__$f |= 2;
+  t4(i4, e4, n3);
+});
+b.prototype.shouldComponentUpdate = function(t4, i4) {
+  const e4 = this.__$u;
+  if (!(e4 && e4.s !== undefined || 4 & this.__$f))
+    return true;
+  if (3 & this.__$f)
+    return true;
+  for (let t5 in i4)
+    return true;
+  for (let i5 in t4)
+    if (i5 !== "__source" && t4[i5] !== this.props[i5])
+      return true;
+  for (let i5 in this.props)
+    if (!(i5 in t4))
+      return true;
+  return false;
+};
+
+// node_modules/preact-router/dist/preact-router.mjs
+var c5 = function(n3, t4) {
+  for (var r4 in t4)
+    n3[r4] = t4[r4];
+  return n3;
+};
+var s4 = function(n3, t4, r4) {
+  var i4, o3 = /(?:\?([^#]*))?(#.*)?$/, e4 = n3.match(o3), u4 = {};
+  if (e4 && e4[1])
+    for (var f4 = e4[1].split("&"), c6 = 0;c6 < f4.length; c6++) {
+      var s5 = f4[c6].split("=");
+      u4[decodeURIComponent(s5[0])] = decodeURIComponent(s5.slice(1).join("="));
+    }
+  n3 = d5(n3.replace(o3, "")), t4 = d5(t4 || "");
+  for (var h4 = Math.max(n3.length, t4.length), v5 = 0;v5 < h4; v5++)
+    if (t4[v5] && t4[v5].charAt(0) === ":") {
+      var l4 = t4[v5].replace(/(^:|[+*?]+$)/g, ""), p5 = (t4[v5].match(/[+*?]+$/) || a5)[0] || "", m3 = ~p5.indexOf("+"), y4 = ~p5.indexOf("*"), U = n3[v5] || "";
+      if (!U && !y4 && (p5.indexOf("?") < 0 || m3)) {
+        i4 = false;
+        break;
+      }
+      if (u4[l4] = decodeURIComponent(U), m3 || y4) {
+        u4[l4] = n3.slice(v5).map(decodeURIComponent).join("/");
+        break;
+      }
+    } else if (t4[v5] !== n3[v5]) {
+      i4 = false;
+      break;
+    }
+  return (r4.default === true || i4 !== false) && u4;
+};
+var h4 = function(n3, t4) {
+  return n3.rank < t4.rank ? 1 : n3.rank > t4.rank ? -1 : n3.index - t4.index;
+};
+var v5 = function(n3, t4) {
+  return n3.index = t4, n3.rank = function(n4) {
+    return n4.props.default ? 0 : d5(n4.props.path).map(l4).join("");
+  }(n3), n3.props;
+};
+var d5 = function(n3) {
+  return n3.replace(/(^\/+|\/+$)/g, "").split("/");
+};
+var l4 = function(n3) {
+  return n3.charAt(0) == ":" ? 1 + "*+?".indexOf(n3.charAt(n3.length - 1)) || 4 : 5;
+};
+var R = function() {
+  var n3;
+  return "" + ((n3 = U && U.location ? U.location : U && U.getCurrentLocation ? U.getCurrentLocation() : typeof location != "undefined" ? location : p5).pathname || "") + (n3.search || "");
+};
+var $2 = function(n3, t4) {
+  return t4 === undefined && (t4 = false), typeof n3 != "string" && n3.url && (t4 = n3.replace, n3 = n3.url), function(n4) {
+    for (var t5 = m3.length;t5--; )
+      if (m3[t5].canRoute(n4))
+        return true;
+    return false;
+  }(n3) && function(n4, t5) {
+    t5 === undefined && (t5 = "push"), U && U[t5] ? U[t5](n4) : typeof history != "undefined" && history[t5 + "State"] && history[t5 + "State"](null, null, n4);
+  }(n3, t4 ? "replace" : "push"), I2(n3);
+};
+var I2 = function(n3) {
+  for (var t4 = false, r4 = 0;r4 < m3.length; r4++)
+    m3[r4].routeTo(n3) && (t4 = true);
+  return t4;
+};
+var M2 = function(n3) {
+  if (n3 && n3.getAttribute) {
+    var t4 = n3.getAttribute("href"), r4 = n3.getAttribute("target");
+    if (t4 && t4.match(/^\//g) && (!r4 || r4.match(/^_?self$/i)))
+      return $2(t4);
+  }
+};
+var b3 = function(n3) {
+  return n3.stopImmediatePropagation && n3.stopImmediatePropagation(), n3.stopPropagation && n3.stopPropagation(), n3.preventDefault(), false;
+};
+var W = function(n3) {
+  if (!(n3.ctrlKey || n3.metaKey || n3.altKey || n3.shiftKey || n3.button)) {
+    var t4 = n3.target;
+    do {
+      if (t4.localName === "a" && t4.getAttribute("href")) {
+        if (t4.hasAttribute("data-native") || t4.hasAttribute("native"))
+          return;
+        if (M2(t4))
+          return b3(n3);
+      }
+    } while (t4 = t4.parentNode);
+  }
+};
+var D3 = function(n3) {
+  n3.history && (U = n3.history), this.state = { url: n3.url || R() };
+};
+var a5 = {};
+var p5 = {};
+var m3 = [];
+var y4 = [];
+var U = null;
+var g4 = { url: R() };
+var k3 = G(g4);
+var w4 = false;
+c5(D3.prototype = new b, { shouldComponentUpdate: function(n3) {
+  return n3.static !== true || n3.url !== this.props.url || n3.onChange !== this.props.onChange;
+}, canRoute: function(n3) {
+  var t4 = H(this.props.children);
+  return this.g(t4, n3) !== undefined;
+}, routeTo: function(n3) {
+  this.setState({ url: n3 });
+  var t4 = this.canRoute(n3);
+  return this.p || this.forceUpdate(), t4;
+}, componentWillMount: function() {
+  this.p = true;
+}, componentDidMount: function() {
+  var n3 = this;
+  w4 || (w4 = true, U || addEventListener("popstate", function() {
+    I2(R());
+  }), addEventListener("click", W)), m3.push(this), U && (this.u = U.listen(function(t4) {
+    var r4 = t4.location || t4;
+    n3.routeTo("" + (r4.pathname || "") + (r4.search || ""));
+  })), this.p = false;
+}, componentWillUnmount: function() {
+  typeof this.u == "function" && this.u(), m3.splice(m3.indexOf(this), 1);
+}, componentWillUpdate: function() {
+  this.p = true;
+}, componentDidUpdate: function() {
+  this.p = false;
+}, g: function(n3, t4) {
+  n3 = n3.filter(v5).sort(h4);
+  for (var r4 = 0;r4 < n3.length; r4++) {
+    var i4 = n3[r4], o3 = s4(t4, i4.props.path, i4.props);
+    if (o3)
+      return [i4, o3];
+  }
+}, render: function(n3, t4) {
+  var e4, u4, f4 = n3.onChange, a6 = t4.url, s5 = this.c, h5 = this.g(H(n3.children), a6);
+  if (h5 && (u4 = E(h5[0], c5(c5({ url: a6, matches: e4 = h5[1] }, e4), { key: undefined, ref: undefined }))), a6 !== (s5 && s5.url)) {
+    c5(g4, s5 = this.c = { url: a6, previous: s5 && s5.url, current: u4, path: u4 ? u4.props.path : null, matches: e4 }), s5.router = this, s5.active = u4 ? [u4] : [];
+    for (var v6 = y4.length;v6--; )
+      y4[v6]({});
+    typeof f4 == "function" && f4(s5);
+  }
+  return _(k3.Provider, { value: s5 }, u4);
+} });
+
+// src/service/s_api.ts
+var rethrow = function(e4, code, message) {
+  if (e4 && e4.code !== null && e4.message !== null)
+    throw e4;
+  throw { code, message, data: e4 };
+};
+function ifApiError(e4) {
+  if (e4 && e4.code !== null && e4.message !== null)
+    return e4;
+  return null;
+}
+var _noArgs = {};
+
+class ApiService {
+  apiURL;
+  static _i = null;
+  static get i() {
+    if (!ApiService._i)
+      throw "ApiService not initialized. Call ApiService.init(apiURL)";
+    return ApiService._i;
+  }
+  constructor(apiURL) {
+    this.apiURL = apiURL;
+  }
+  static init(apiURL) {
+    if (ApiService._i)
+      throw "ApiService already initialized";
+    ApiService._i = new ApiService(apiURL);
+  }
+  async _fetch(p6, method, { path, query, body }) {
+    try {
+      p6 = path ? p6.replace(/:([a-zA-Z0-9_]+)/g, (m4, p1) => {
+        const v6 = path[p1];
+        if (v6 === undefined)
+          throw { code: 400, message: `missing parameter ${p1}` };
+        return v6?.toString() ?? "";
+      }) : p6;
+      const queryStr = query != null ? "?" + new URLSearchParams(query).toString() : "";
+      const response = await fetch(this.apiURL + p6 + queryStr, {
+        method,
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: body ? JSON.stringify(body) : undefined
+      });
+      if (response.ok) {
+        try {
+          return await response.json();
+        } catch (e4) {
+          return null;
+        }
+      }
+      let data = null;
+      try {
+        data = await response.clone().json();
+      } catch (e4) {
+        data = await response.text();
+      }
+      throw {
+        code: response.status,
+        message: data.message ?? "undefined error",
+        data
+      };
+    } catch (e4) {
+      rethrow(e4, 0, "unknown error");
+    }
+  }
+  async get(path, args) {
+    return this._fetch(path, "GET", args || _noArgs);
+  }
+  async post(path, args) {
+    return this._fetch(path, "POST", args || _noArgs);
+  }
+  async delete(path, args) {
+    return this._fetch(path, "DELETE", args || _noArgs);
+  }
+}
+
+// src/ui/components/error_view.tsx
+function ErrorView({
+  error,
+  retry,
+  debug
+}) {
+  const apiError = ifApiError(error) ?? {
+    code: 0,
+    message: "unknown error",
+    data: error
+  };
+  return !debug ? u4(PrettyErrorView, {
+    apiError,
+    retry
+  }, undefined, false, undefined, this) : u4("div", {
+    class: "column padded card inverse cross-stretch",
+    children: [
+      u4("h3", {
+        style: "margin: 0",
+        children: [
+          "ERROR: ",
+          apiError.code
+        ]
+      }, undefined, true, undefined, this),
+      u4("p", {
+        children: apiError.message
+      }, undefined, false, undefined, this),
+      u4("pre", {
+        children: JSON.stringify(apiError.data, null, 2)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function PrettyErrorView({
+  apiError,
+  retry,
+  labels = {
+    retry: "retry",
+    home: "go home",
+    details: "error details"
+  }
+}) {
+  const openSig = useSignal(false);
+  return u4("div", {
+    class: "column padded cross-center",
+    style: "margin: 1rem 0",
+    children: [
+      u4(Icons.OctagonAlert, {}, undefined, false, undefined, this),
+      u4("h3", {
+        style: "margin: 0",
+        children: apiError.code
+      }, undefined, false, undefined, this),
+      u4("span", {
+        class: "pointer",
+        onClick: () => openSig.value = true,
+        children: apiError.message
+      }, undefined, false, undefined, this),
+      retry && u4("button", {
+        class: "action",
+        onClick: () => retry(),
+        children: [
+          u4(Icons.RotateCcw, {}, undefined, false, undefined, this),
+          " ",
+          labels.retry ?? "retry"
+        ]
+      }, undefined, true, undefined, this),
+      apiError.code === 404 && u4("button", {
+        class: "action",
+        onClick: () => $2("/"),
+        children: [
+          u4(Icons.House, {}, undefined, false, undefined, this),
+          labels.home ?? "go home"
+        ]
+      }, undefined, true, undefined, this),
+      u4(ElbeDialog, {
+        title: labels.details ?? "error details",
+        open: openSig.value,
+        onClose: () => openSig.value = false,
+        children: u4("pre", {
+          class: "card inverse",
+          children: JSON.stringify(apiError.data, null, 2)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
+var u4 = function(e4, t4, n3, o3, i4, u5) {
+  t4 || (t4 = {});
+  var a6, c6, p6 = t4;
+  if ("ref" in p6)
+    for (c6 in p6 = {}, t4)
+      c6 == "ref" ? a6 = t4[c6] : p6[c6] = t4[c6];
+  var l5 = { type: e4, props: p6, key: n3, ref: a6, __k: null, __: null, __b: 0, __e: null, __d: undefined, __c: null, constructor: undefined, __v: --f4, __i: -1, __u: 0, __source: i4, __self: u5 };
+  if (typeof e4 == "function" && (a6 = e4.defaultProps))
+    for (c6 in a6)
+      p6[c6] === undefined && (p6[c6] = a6[c6]);
+  return l.vnode && l.vnode(l5), l5;
+};
+var f4 = 0;
+var i4 = Array.isArray;
+
+// src/ui/components/spinner.tsx
+function Spinner({ padding = 2 }) {
+  return u4("div", {
+    style: { padding: `${padding}rem` },
+    class: "centered",
+    children: u4("div", {
+      class: "rotate-box",
+      children: u4(Icons.LoaderCircle, {}, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/bit/bit.tsx
+function makeBit(name) {
+  const c6 = G(null);
+  c6.displayName = name;
+  return c6;
+}
+function ProvideBit(context, parameters, worker, ctrl, children) {
+  const s5 = useSignal({ loading: true });
+  const _set = (n3) => {
+    if (JSON.stringify(n3) === JSON.stringify(s5.peek()))
+      return;
+    s5.value = n3;
+  };
+  const emit = (data) => _set({ data });
+  const emitLoading = () => _set({ loading: true });
+  const emitError = (error) => {
+    console.warn(`BIT: ${context.displayName} emitted ERROR`, error);
+    return _set({ error });
+  };
+  function map(m4) {
+    const st = s5.value;
+    if (st.loading)
+      return m4.onLoading();
+    if (st.error)
+      return m4.onError(st.error);
+    return m4.onData(st.data ?? null);
+  }
+  const c6 = ctrl(parameters, { emit, emitLoading, emitError, map, signal: s5 });
+  worker(parameters, { emit, emitLoading, emitError, map, signal: s5 }, c6);
+  return u4(context.Provider, {
+    value: { ctrl: c6, state: s5 },
+    children
+  }, undefined, false, undefined, this);
+}
+function useBit(context) {
+  try {
+    let map = function(m4) {
+      if (v6.loading)
+        return (m4.onLoading || (() => u4(Spinner, {}, undefined, false, undefined, this)))();
+      if (v6.error)
+        return (m4.onError || ((e4) => u4(ErrorView, {
+          error: e4,
+          retry: ctrl.reload ?? null
+        }, undefined, false, undefined, this)))(v6.error);
+      return m4.onData(v6.data ?? null);
+    };
+    const { ctrl, state } = x2(context);
+    const v6 = state.value;
+    return {
+      signal: state,
+      ctrl,
+      map,
+      onData: (f5) => map({ onData: f5 })
+    };
+  } catch (e4) {
+    const err = `BIT ERROR: NO ${context.displayName} PROVIDED`;
+    console.error(err, e4);
+    return {
+      map: (_4) => u4("div", {
+        children: err
+      }, undefined, false, undefined, this),
+      ctrl: null,
+      signal: null,
+      onData: () => u4("div", {
+        children: err
+      }, undefined, false, undefined, this)
+    };
+  }
+}
+// src/bit/ctrl_bit.tsx
+var make = function(name) {
+  return makeBit(name);
+};
+var use = function(b4) {
+  return useBit(b4);
+};
+function CtrlBit(ctrl, name) {
+  const context = make((name || "Unknown") + "Bit");
+  function Provide({ children, ...p6 }) {
+    return ProvideBit(context, p6, async (p7, b4, c6) => {
+      b4.emitLoading();
+      try {
+        if (c6 instanceof WorkerControl) {
+          if (c6.reload)
+            await c6.reload();
+        }
+        if (c6 instanceof StreamControl) {
+          c6.stream = c6.listen();
+        }
+      } catch (e4) {
+        b4.emitError(e4);
+      }
+    }, (p7, b4) => {
+      const c6 = ctrl(p7, b4);
+      y2(() => () => c6.dispose(), []);
+      if (c6 instanceof WorkerControl) {
+        c6.reload = async () => {
+          b4.emitLoading();
+          try {
+            b4.emit(await c6.worker());
+          } catch (e4) {
+            b4.emitError(e4);
+          }
+        };
+      }
+      return c6;
+    }, children);
+  }
+  return { Provide, use: () => use(context) };
+}
+
+class BitControl {
+  p;
+  bit;
+  constructor(p6, bit2) {
+    this.bit = bit2;
+    this.p = p6;
+  }
+  act(fn) {
+    this.bit.map({
+      onData: async (d6) => {
+        try {
+          await fn(d6);
+        } catch (e4) {
+          if (e4 && e4.code && e4.message)
+            console.error(`[BitERROR] act: ${e4.code} (${e4.message})`);
+          else
+            console.error("[BitERROR] act: ", e4);
+        }
+      }
+    });
+  }
+  dispose() {
+  }
+}
+
+class WorkerControl extends BitControl {
+  constructor() {
+    super(...arguments);
+  }
+  reload = null;
+}
+
+class StreamControl extends BitControl {
+  constructor() {
+    super(...arguments);
+  }
+  stream = null;
+  dispose() {
+    if (this.stream)
+      this.disposeStream(this.stream);
+  }
+}
 // node_modules/preact/compat/dist/compat.mjs
-var g3 = function(n2, t3) {
-  for (var e3 in t3)
-    n2[e3] = t3[e3];
-  return n2;
+var g5 = function(n3, t4) {
+  for (var e4 in t4)
+    n3[e4] = t4[e4];
+  return n3;
 };
-var E2 = function(n2, t3) {
-  for (var e3 in n2)
-    if (e3 !== "__source" && !(e3 in t3))
+var E3 = function(n3, t4) {
+  for (var e4 in n3)
+    if (e4 !== "__source" && !(e4 in t4))
       return true;
-  for (var r3 in t3)
-    if (r3 !== "__source" && n2[r3] !== t3[r3])
+  for (var r4 in t4)
+    if (r4 !== "__source" && n3[r4] !== t4[r4])
       return true;
   return false;
 };
-var C3 = function(n2, t3) {
-  this.props = n2, this.context = t3;
+var C3 = function(n3, t4) {
+  this.props = n3, this.context = t4;
 };
-var x3 = function(n2, e3) {
-  function r3(n3) {
-    var t3 = this.props.ref, r4 = t3 == n3.ref;
-    return !r4 && t3 && (t3.call ? t3(null) : t3.current = null), e3 ? !e3(this.props, n3) || !r4 : E2(this.props, n3);
+var x3 = function(n3, e4) {
+  function r4(n4) {
+    var t4 = this.props.ref, r5 = t4 == n4.ref;
+    return !r5 && t4 && (t4.call ? t4(null) : t4.current = null), e4 ? !e4(this.props, n4) || !r5 : E3(this.props, n4);
   }
-  function u3(e4) {
-    return this.shouldComponentUpdate = r3, _(n2, e4);
+  function u5(e5) {
+    return this.shouldComponentUpdate = r4, _(n3, e5);
   }
-  return u3.displayName = "Memo(" + (n2.displayName || n2.name) + ")", u3.prototype.isReactComponent = true, u3.__f = true, u3;
+  return u5.displayName = "Memo(" + (n3.displayName || n3.name) + ")", u5.prototype.isReactComponent = true, u5.__f = true, u5;
 };
-var k3 = function(n2) {
-  function t3(t4) {
-    var e3 = g3({}, t4);
-    return delete e3.ref, n2(e3, t4.ref || null);
+var k4 = function(n3) {
+  function t4(t5) {
+    var e4 = g5({}, t5);
+    return delete e4.ref, n3(e4, t5.ref || null);
   }
-  return t3.$$typeof = w3, t3.render = t3, t3.prototype.isReactComponent = t3.__f = true, t3.displayName = "ForwardRef(" + (n2.displayName || n2.name) + ")", t3;
+  return t4.$$typeof = w5, t4.render = t4, t4.prototype.isReactComponent = t4.__f = true, t4.displayName = "ForwardRef(" + (n3.displayName || n3.name) + ")", t4;
 };
-var A3 = function(n2, t3, e3) {
-  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
-    typeof n3.__c == "function" && n3.__c();
-  }), n2.__c.__H = null), (n2 = g3({}, n2)).__c != null && (n2.__c.__P === e3 && (n2.__c.__P = t3), n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
-    return A3(n3, t3, e3);
-  })), n2;
+var A3 = function(n3, t4, e4) {
+  return n3 && (n3.__c && n3.__c.__H && (n3.__c.__H.__.forEach(function(n4) {
+    typeof n4.__c == "function" && n4.__c();
+  }), n3.__c.__H = null), (n3 = g5({}, n3)).__c != null && (n3.__c.__P === e4 && (n3.__c.__P = t4), n3.__c = null), n3.__k = n3.__k && n3.__k.map(function(n4) {
+    return A3(n4, t4, e4);
+  })), n3;
 };
-var D3 = function(n2, t3, e3) {
-  return n2 && e3 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
-    return D3(n3, t3, e3);
-  }), n2.__c && n2.__c.__P === t3 && (n2.__e && e3.appendChild(n2.__e), n2.__c.__e = true, n2.__c.__P = e3)), n2;
+var D4 = function(n3, t4, e4) {
+  return n3 && e4 && (n3.__v = null, n3.__k = n3.__k && n3.__k.map(function(n4) {
+    return D4(n4, t4, e4);
+  }), n3.__c && n3.__c.__P === t4 && (n3.__e && e4.appendChild(n3.__e), n3.__c.__e = true, n3.__c.__P = e4)), n3;
 };
 var L2 = function() {
   this.__u = 0, this.t = null, this.__b = null;
 };
-var O2 = function(n2) {
-  var t3 = n2.__.__c;
-  return t3 && t3.__a && t3.__a(n2);
+var O2 = function(n3) {
+  var t4 = n3.__.__c;
+  return t4 && t4.__a && t4.__a(n3);
 };
-var F3 = function(n2) {
-  var e3, r3, u3;
+var F3 = function(n3) {
+  var e4, r4, u5;
   function o3(o4) {
-    if (e3 || (e3 = n2()).then(function(n3) {
-      r3 = n3.default || n3;
-    }, function(n3) {
-      u3 = n3;
-    }), u3)
-      throw u3;
-    if (!r3)
-      throw e3;
-    return _(r3, o4);
+    if (e4 || (e4 = n3()).then(function(n4) {
+      r4 = n4.default || n4;
+    }, function(n4) {
+      u5 = n4;
+    }), u5)
+      throw u5;
+    if (!r4)
+      throw e4;
+    return _(r4, o4);
   }
   return o3.displayName = "Lazy", o3.__f = true, o3;
 };
-var U = function() {
+var U2 = function() {
   this.u = null, this.o = null;
 };
-var W = function(n2) {
+var W2 = function(n3) {
   return this.getChildContext = function() {
-    return n2.context;
-  }, n2.children;
+    return n3.context;
+  }, n3.children;
 };
-var P3 = function(n2) {
-  var e3 = this, r3 = n2.i;
-  e3.componentWillUnmount = function() {
-    B(null, e3.l), e3.l = null, e3.i = null;
-  }, e3.i && e3.i !== r3 && e3.componentWillUnmount(), e3.l || (e3.i = r3, e3.l = { nodeType: 1, parentNode: r3, childNodes: [], contains: function() {
+var P3 = function(n3) {
+  var e4 = this, r4 = n3.i;
+  e4.componentWillUnmount = function() {
+    B(null, e4.l), e4.l = null, e4.i = null;
+  }, e4.i && e4.i !== r4 && e4.componentWillUnmount(), e4.l || (e4.i = r4, e4.l = { nodeType: 1, parentNode: r4, childNodes: [], contains: function() {
     return true;
-  }, appendChild: function(n3) {
-    this.childNodes.push(n3), e3.i.appendChild(n3);
-  }, insertBefore: function(n3, t3) {
-    this.childNodes.push(n3), e3.i.appendChild(n3);
-  }, removeChild: function(n3) {
-    this.childNodes.splice(this.childNodes.indexOf(n3) >>> 1, 1), e3.i.removeChild(n3);
-  } }), B(_(W, { context: e3.context }, n2.__v), e3.l);
+  }, appendChild: function(n4) {
+    this.childNodes.push(n4), e4.i.appendChild(n4);
+  }, insertBefore: function(n4, t4) {
+    this.childNodes.push(n4), e4.i.appendChild(n4);
+  }, removeChild: function(n4) {
+    this.childNodes.splice(this.childNodes.indexOf(n4) >>> 1, 1), e4.i.removeChild(n4);
+  } }), B(_(W2, { context: e4.context }, n3.__v), e4.l);
 };
-var j3 = function(n2, e3) {
-  var r3 = _(P3, { __v: n2, i: e3 });
-  return r3.containerInfo = e3, r3;
+var j3 = function(n3, e4) {
+  var r4 = _(P3, { __v: n3, i: e4 });
+  return r4.containerInfo = e4, r4;
 };
-var q3 = function(n2, t3, e3) {
-  return t3.__k == null && (t3.textContent = ""), B(n2, t3), typeof e3 == "function" && e3(), n2 ? n2.__c : null;
+var q3 = function(n3, t4, e4) {
+  return t4.__k == null && (t4.textContent = ""), B(n3, t4), typeof e4 == "function" && e4(), n3 ? n3.__c : null;
 };
-var G2 = function(n2, t3, e3) {
-  return D(n2, t3), typeof e3 == "function" && e3(), n2 ? n2.__c : null;
+var G2 = function(n3, t4, e4) {
+  return D(n3, t4), typeof e4 == "function" && e4(), n3 ? n3.__c : null;
 };
 var K = function() {
 };
@@ -16546,148 +17583,148 @@ var Q = function() {
 var X2 = function() {
   return this.defaultPrevented;
 };
-var ln = function(n2) {
-  return _.bind(null, n2);
+var ln = function(n3) {
+  return _.bind(null, n3);
 };
-var fn = function(n2) {
-  return !!n2 && n2.$$typeof === z3;
+var fn = function(n3) {
+  return !!n3 && n3.$$typeof === z3;
 };
-var an = function(n2) {
-  return fn(n2) && n2.type === k;
+var an = function(n3) {
+  return fn(n3) && n3.type === k;
 };
-var sn = function(n2) {
-  return !!n2 && !!n2.displayName && (typeof n2.displayName == "string" || n2.displayName instanceof String) && n2.displayName.startsWith("Memo(");
+var sn = function(n3) {
+  return !!n3 && !!n3.displayName && (typeof n3.displayName == "string" || n3.displayName instanceof String) && n3.displayName.startsWith("Memo(");
 };
-var hn = function(n2) {
-  return fn(n2) ? E.apply(null, arguments) : n2;
+var hn = function(n3) {
+  return fn(n3) ? E.apply(null, arguments) : n3;
 };
-var vn = function(n2) {
-  return !!n2.__k && (B(null, n2), true);
+var vn = function(n3) {
+  return !!n3.__k && (B(null, n3), true);
 };
-var dn = function(n2) {
-  return n2 && (n2.base || n2.nodeType === 1 && n2) || null;
+var dn = function(n3) {
+  return n3 && (n3.base || n3.nodeType === 1 && n3) || null;
 };
-var _n = function(n2) {
-  n2();
+var _n = function(n3) {
+  n3();
 };
-var bn = function(n2) {
-  return n2;
+var bn = function(n3) {
+  return n3;
 };
 var Sn = function() {
   return [false, _n];
 };
-var Cn = function(n2, t3) {
-  var e3 = t3(), r3 = h2({ h: { __: e3, v: t3 } }), u3 = r3[0].h, o3 = r3[1];
+var Cn = function(n3, t4) {
+  var e4 = t4(), r4 = h2({ h: { __: e4, v: t4 } }), u5 = r4[0].h, o3 = r4[1];
   return _2(function() {
-    u3.__ = e3, u3.v = t3, xn(u3) && o3({ h: u3 });
-  }, [n2, e3, t3]), y2(function() {
-    return xn(u3) && o3({ h: u3 }), n2(function() {
-      xn(u3) && o3({ h: u3 });
+    u5.__ = e4, u5.v = t4, xn(u5) && o3({ h: u5 });
+  }, [n3, e4, t4]), y2(function() {
+    return xn(u5) && o3({ h: u5 }), n3(function() {
+      xn(u5) && o3({ h: u5 });
     });
-  }, [n2]), e3;
+  }, [n3]), e4;
 };
-var xn = function(n2) {
-  var t3, e3, r3 = n2.v, u3 = n2.__;
+var xn = function(n3) {
+  var t4, e4, r4 = n3.v, u5 = n3.__;
   try {
-    var o3 = r3();
-    return !((t3 = u3) === (e3 = o3) && (t3 !== 0 || 1 / t3 == 1 / e3) || t3 != t3 && e3 != e3);
-  } catch (n3) {
+    var o3 = r4();
+    return !((t4 = u5) === (e4 = o3) && (t4 !== 0 || 1 / t4 == 1 / e4) || t4 != t4 && e4 != e4);
+  } catch (n4) {
     return true;
   }
 };
-(C3.prototype = new b).isPureReactComponent = true, C3.prototype.shouldComponentUpdate = function(n2, t3) {
-  return E2(this.props, n2) || E2(this.state, t3);
+(C3.prototype = new b).isPureReactComponent = true, C3.prototype.shouldComponentUpdate = function(n3, t4) {
+  return E3(this.props, n3) || E3(this.state, t4);
 };
-var R = l.__b;
-l.__b = function(n2) {
-  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), R && R(n2);
+var R2 = l.__b;
+l.__b = function(n3) {
+  n3.type && n3.type.__f && n3.ref && (n3.props.ref = n3.ref, n3.ref = null), R2 && R2(n3);
 };
-var w3 = typeof Symbol != "undefined" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
-var I2 = function(n2, t3) {
-  return n2 == null ? null : H(H(n2).map(t3));
+var w5 = typeof Symbol != "undefined" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
+var I3 = function(n3, t4) {
+  return n3 == null ? null : H(H(n3).map(t4));
 };
-var N2 = { map: I2, forEach: I2, count: function(n2) {
-  return n2 ? H(n2).length : 0;
-}, only: function(n2) {
-  var t3 = H(n2);
-  if (t3.length !== 1)
+var N2 = { map: I3, forEach: I3, count: function(n3) {
+  return n3 ? H(n3).length : 0;
+}, only: function(n3) {
+  var t4 = H(n3);
+  if (t4.length !== 1)
     throw "Children.only";
-  return t3[0];
+  return t4[0];
 }, toArray: H };
-var M2 = l.__e;
-l.__e = function(n2, t3, e3, r3) {
-  if (n2.then) {
-    for (var u3, o3 = t3;o3 = o3.__; )
-      if ((u3 = o3.__c) && u3.__c)
-        return t3.__e == null && (t3.__e = e3.__e, t3.__k = e3.__k), u3.__c(n2, t3);
+var M3 = l.__e;
+l.__e = function(n3, t4, e4, r4) {
+  if (n3.then) {
+    for (var u5, o3 = t4;o3 = o3.__; )
+      if ((u5 = o3.__c) && u5.__c)
+        return t4.__e == null && (t4.__e = e4.__e, t4.__k = e4.__k), u5.__c(n3, t4);
   }
-  M2(n2, t3, e3, r3);
+  M3(n3, t4, e4, r4);
 };
 var T3 = l.unmount;
-l.unmount = function(n2) {
-  var t3 = n2.__c;
-  t3 && t3.__R && t3.__R(), t3 && 32 & n2.__u && (n2.type = null), T3 && T3(n2);
-}, (L2.prototype = new b).__c = function(n2, t3) {
-  var e3 = t3.__c, r3 = this;
-  r3.t == null && (r3.t = []), r3.t.push(e3);
-  var u3 = O2(r3.__v), o3 = false, i3 = function() {
-    o3 || (o3 = true, e3.__R = null, u3 ? u3(c3) : c3());
+l.unmount = function(n3) {
+  var t4 = n3.__c;
+  t4 && t4.__R && t4.__R(), t4 && 32 & n3.__u && (n3.type = null), T3 && T3(n3);
+}, (L2.prototype = new b).__c = function(n3, t4) {
+  var e4 = t4.__c, r4 = this;
+  r4.t == null && (r4.t = []), r4.t.push(e4);
+  var u5 = O2(r4.__v), o3 = false, i5 = function() {
+    o3 || (o3 = true, e4.__R = null, u5 ? u5(c6) : c6());
   };
-  e3.__R = i3;
-  var c3 = function() {
-    if (!--r3.__u) {
-      if (r3.state.__a) {
-        var n3 = r3.state.__a;
-        r3.__v.__k[0] = D3(n3, n3.__c.__P, n3.__c.__O);
+  e4.__R = i5;
+  var c6 = function() {
+    if (!--r4.__u) {
+      if (r4.state.__a) {
+        var n4 = r4.state.__a;
+        r4.__v.__k[0] = D4(n4, n4.__c.__P, n4.__c.__O);
       }
-      var t4;
-      for (r3.setState({ __a: r3.__b = null });t4 = r3.t.pop(); )
-        t4.forceUpdate();
+      var t5;
+      for (r4.setState({ __a: r4.__b = null });t5 = r4.t.pop(); )
+        t5.forceUpdate();
     }
   };
-  r3.__u++ || 32 & t3.__u || r3.setState({ __a: r3.__b = r3.__v.__k[0] }), n2.then(i3, i3);
+  r4.__u++ || 32 & t4.__u || r4.setState({ __a: r4.__b = r4.__v.__k[0] }), n3.then(i5, i5);
 }, L2.prototype.componentWillUnmount = function() {
   this.t = [];
-}, L2.prototype.render = function(n2, e3) {
+}, L2.prototype.render = function(n3, e4) {
   if (this.__b) {
     if (this.__v.__k) {
-      var r3 = document.createElement("div"), o3 = this.__v.__k[0].__c;
-      this.__v.__k[0] = A3(this.__b, r3, o3.__O = o3.__P);
+      var r4 = document.createElement("div"), o3 = this.__v.__k[0].__c;
+      this.__v.__k[0] = A3(this.__b, r4, o3.__O = o3.__P);
     }
     this.__b = null;
   }
-  var i3 = e3.__a && _(k, null, n2.fallback);
-  return i3 && (i3.__u &= -33), [_(k, null, e3.__a ? null : n2.children), i3];
+  var i5 = e4.__a && _(k, null, n3.fallback);
+  return i5 && (i5.__u &= -33), [_(k, null, e4.__a ? null : n3.children), i5];
 };
-var V2 = function(n2, t3, e3) {
-  if (++e3[1] === e3[0] && n2.o.delete(t3), n2.props.revealOrder && (n2.props.revealOrder[0] !== "t" || !n2.o.size))
-    for (e3 = n2.u;e3; ) {
-      for (;e3.length > 3; )
-        e3.pop()();
-      if (e3[1] < e3[0])
+var V2 = function(n3, t4, e4) {
+  if (++e4[1] === e4[0] && n3.o.delete(t4), n3.props.revealOrder && (n3.props.revealOrder[0] !== "t" || !n3.o.size))
+    for (e4 = n3.u;e4; ) {
+      for (;e4.length > 3; )
+        e4.pop()();
+      if (e4[1] < e4[0])
         break;
-      n2.u = e3 = e3[2];
+      n3.u = e4 = e4[2];
     }
 };
-(U.prototype = new b).__a = function(n2) {
-  var t3 = this, e3 = O2(t3.__v), r3 = t3.o.get(n2);
-  return r3[0]++, function(u3) {
+(U2.prototype = new b).__a = function(n3) {
+  var t4 = this, e4 = O2(t4.__v), r4 = t4.o.get(n3);
+  return r4[0]++, function(u5) {
     var o3 = function() {
-      t3.props.revealOrder ? (r3.push(u3), V2(t3, n2, r3)) : u3();
+      t4.props.revealOrder ? (r4.push(u5), V2(t4, n3, r4)) : u5();
     };
-    e3 ? e3(o3) : o3();
+    e4 ? e4(o3) : o3();
   };
-}, U.prototype.render = function(n2) {
+}, U2.prototype.render = function(n3) {
   this.u = null, this.o = new Map;
-  var t3 = H(n2.children);
-  n2.revealOrder && n2.revealOrder[0] === "b" && t3.reverse();
-  for (var e3 = t3.length;e3--; )
-    this.o.set(t3[e3], this.u = [1, 0, this.u]);
-  return n2.children;
-}, U.prototype.componentDidUpdate = U.prototype.componentDidMount = function() {
-  var n2 = this;
-  this.o.forEach(function(t3, e3) {
-    V2(n2, e3, t3);
+  var t4 = H(n3.children);
+  n3.revealOrder && n3.revealOrder[0] === "b" && t4.reverse();
+  for (var e4 = t4.length;e4--; )
+    this.o.set(t4[e4], this.u = [1, 0, this.u]);
+  return n3.children;
+}, U2.prototype.componentDidUpdate = U2.prototype.componentDidMount = function() {
+  var n3 = this;
+  this.o.forEach(function(t4, e4) {
+    V2(n3, e4, t4);
   });
 };
 var z3 = typeof Symbol != "undefined" && Symbol.for && Symbol.for("react.element") || 60103;
@@ -16695,123 +17732,106 @@ var B3 = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|
 var H2 = /^on(Ani|Tra|Tou|BeforeInp|Compo)/;
 var Z = /[A-Z0-9]/g;
 var Y = typeof document != "undefined";
-var $2 = function(n2) {
-  return (typeof Symbol != "undefined" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(n2);
+var $3 = function(n3) {
+  return (typeof Symbol != "undefined" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(n3);
 };
-b.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t3) {
-  Object.defineProperty(b.prototype, t3, { configurable: true, get: function() {
-    return this["UNSAFE_" + t3];
-  }, set: function(n2) {
-    Object.defineProperty(this, t3, { configurable: true, writable: true, value: n2 });
+b.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t4) {
+  Object.defineProperty(b.prototype, t4, { configurable: true, get: function() {
+    return this["UNSAFE_" + t4];
+  }, set: function(n3) {
+    Object.defineProperty(this, t4, { configurable: true, writable: true, value: n3 });
   } });
 });
 var J = l.event;
-l.event = function(n2) {
-  return J && (n2 = J(n2)), n2.persist = K, n2.isPropagationStopped = Q, n2.isDefaultPrevented = X2, n2.nativeEvent = n2;
+l.event = function(n3) {
+  return J && (n3 = J(n3)), n3.persist = K, n3.isPropagationStopped = Q, n3.isDefaultPrevented = X2, n3.nativeEvent = n3;
 };
 var nn;
 var tn = { enumerable: false, configurable: true, get: function() {
   return this.class;
 } };
 var en = l.vnode;
-l.vnode = function(n2) {
-  typeof n2.type == "string" && function(n3) {
-    var { props: t3, type: e3 } = n3, u3 = {}, o3 = e3.indexOf("-") === -1;
-    for (var i3 in t3) {
-      var c3 = t3[i3];
-      if (!(i3 === "value" && ("defaultValue" in t3) && c3 == null || Y && i3 === "children" && e3 === "noscript" || i3 === "class" || i3 === "className")) {
-        var l3 = i3.toLowerCase();
-        i3 === "defaultValue" && "value" in t3 && t3.value == null ? i3 = "value" : i3 === "download" && c3 === true ? c3 = "" : l3 === "translate" && c3 === "no" ? c3 = false : l3[0] === "o" && l3[1] === "n" ? l3 === "ondoubleclick" ? i3 = "ondblclick" : l3 !== "onchange" || e3 !== "input" && e3 !== "textarea" || $2(t3.type) ? l3 === "onfocus" ? i3 = "onfocusin" : l3 === "onblur" ? i3 = "onfocusout" : H2.test(i3) && (i3 = l3) : l3 = i3 = "oninput" : o3 && B3.test(i3) ? i3 = i3.replace(Z, "-$&").toLowerCase() : c3 === null && (c3 = undefined), l3 === "oninput" && u3[i3 = l3] && (i3 = "oninputCapture"), u3[i3] = c3;
+l.vnode = function(n3) {
+  typeof n3.type == "string" && function(n4) {
+    var { props: t4, type: e4 } = n4, u5 = {}, o3 = e4.indexOf("-") === -1;
+    for (var i5 in t4) {
+      var c6 = t4[i5];
+      if (!(i5 === "value" && ("defaultValue" in t4) && c6 == null || Y && i5 === "children" && e4 === "noscript" || i5 === "class" || i5 === "className")) {
+        var l5 = i5.toLowerCase();
+        i5 === "defaultValue" && "value" in t4 && t4.value == null ? i5 = "value" : i5 === "download" && c6 === true ? c6 = "" : l5 === "translate" && c6 === "no" ? c6 = false : l5[0] === "o" && l5[1] === "n" ? l5 === "ondoubleclick" ? i5 = "ondblclick" : l5 !== "onchange" || e4 !== "input" && e4 !== "textarea" || $3(t4.type) ? l5 === "onfocus" ? i5 = "onfocusin" : l5 === "onblur" ? i5 = "onfocusout" : H2.test(i5) && (i5 = l5) : l5 = i5 = "oninput" : o3 && B3.test(i5) ? i5 = i5.replace(Z, "-$&").toLowerCase() : c6 === null && (c6 = undefined), l5 === "oninput" && u5[i5 = l5] && (i5 = "oninputCapture"), u5[i5] = c6;
       }
     }
-    e3 == "select" && u3.multiple && Array.isArray(u3.value) && (u3.value = H(t3.children).forEach(function(n4) {
-      n4.props.selected = u3.value.indexOf(n4.props.value) != -1;
-    })), e3 == "select" && u3.defaultValue != null && (u3.value = H(t3.children).forEach(function(n4) {
-      n4.props.selected = u3.multiple ? u3.defaultValue.indexOf(n4.props.value) != -1 : u3.defaultValue == n4.props.value;
-    })), t3.class && !t3.className ? (u3.class = t3.class, Object.defineProperty(u3, "className", tn)) : (t3.className && !t3.class || t3.class && t3.className) && (u3.class = u3.className = t3.className), n3.props = u3;
-  }(n2), n2.$$typeof = z3, en && en(n2);
+    e4 == "select" && u5.multiple && Array.isArray(u5.value) && (u5.value = H(t4.children).forEach(function(n5) {
+      n5.props.selected = u5.value.indexOf(n5.props.value) != -1;
+    })), e4 == "select" && u5.defaultValue != null && (u5.value = H(t4.children).forEach(function(n5) {
+      n5.props.selected = u5.multiple ? u5.defaultValue.indexOf(n5.props.value) != -1 : u5.defaultValue == n5.props.value;
+    })), t4.class && !t4.className ? (u5.class = t4.class, Object.defineProperty(u5, "className", tn)) : (t4.className && !t4.class || t4.class && t4.className) && (u5.class = u5.className = t4.className), n4.props = u5;
+  }(n3), n3.$$typeof = z3, en && en(n3);
 };
 var rn = l.__r;
-l.__r = function(n2) {
-  rn && rn(n2), nn = n2.__c;
+l.__r = function(n3) {
+  rn && rn(n3), nn = n3.__c;
 };
 var un = l.diffed;
-l.diffed = function(n2) {
-  un && un(n2);
-  var { props: t3, __e: e3 } = n2;
-  e3 != null && n2.type === "textarea" && "value" in t3 && t3.value !== e3.value && (e3.value = t3.value == null ? "" : t3.value), nn = null;
+l.diffed = function(n3) {
+  un && un(n3);
+  var { props: t4, __e: e4 } = n3;
+  e4 != null && n3.type === "textarea" && "value" in t4 && t4.value !== e4.value && (e4.value = t4.value == null ? "" : t4.value), nn = null;
 };
-var on = { ReactCurrentDispatcher: { current: { readContext: function(n2) {
-  return nn.__n[n2.__c].props.value;
+var on = { ReactCurrentDispatcher: { current: { readContext: function(n3) {
+  return nn.__n[n3.__c].props.value;
 }, useCallback: q2, useContext: x2, useDebugValue: P2, useDeferredValue: bn, useEffect: y2, useId: g2, useImperativeHandle: F2, useInsertionEffect: gn, useLayoutEffect: _2, useMemo: T2, useReducer: p2, useRef: A2, useState: h2, useSyncExternalStore: Cn, useTransition: Sn } } };
-var pn = function(n2, t3) {
-  return n2(t3);
+var pn = function(n3, t4) {
+  return n3(t4);
 };
-var mn = function(n2, t3) {
-  return n2(t3);
+var mn = function(n3, t4) {
+  return n3(t4);
 };
 var yn = k;
 var gn = _2;
 var En = fn;
-var Rn = { useState: h2, useId: g2, useReducer: p2, useEffect: y2, useLayoutEffect: _2, useInsertionEffect: gn, useTransition: Sn, useDeferredValue: bn, useSyncExternalStore: Cn, startTransition: _n, useRef: A2, useImperativeHandle: F2, useMemo: T2, useCallback: q2, useContext: x2, useDebugValue: P2, version: "17.0.2", Children: N2, render: q3, hydrate: G2, unmountComponentAtNode: vn, createPortal: j3, createElement: _, createContext: G, createFactory: ln, cloneElement: hn, createRef: m, Fragment: k, isValidElement: fn, isElement: En, isFragment: an, isMemo: sn, findDOMNode: dn, Component: b, PureComponent: C3, memo: x3, forwardRef: k3, flushSync: mn, unstable_batchedUpdates: pn, StrictMode: yn, Suspense: L2, SuspenseList: U, lazy: F3, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on };
+var Rn = { useState: h2, useId: g2, useReducer: p2, useEffect: y2, useLayoutEffect: _2, useInsertionEffect: gn, useTransition: Sn, useDeferredValue: bn, useSyncExternalStore: Cn, startTransition: _n, useRef: A2, useImperativeHandle: F2, useMemo: T2, useCallback: q2, useContext: x2, useDebugValue: P2, version: "17.0.2", Children: N2, render: q3, hydrate: G2, unmountComponentAtNode: vn, createPortal: j3, createElement: _, createContext: G, createFactory: ln, cloneElement: hn, createRef: m, Fragment: k, isValidElement: fn, isElement: En, isFragment: an, isMemo: sn, findDOMNode: dn, Component: b, PureComponent: C3, memo: x3, forwardRef: k4, flushSync: mn, unstable_batchedUpdates: pn, StrictMode: yn, Suspense: L2, SuspenseList: U2, lazy: F3, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on };
 
 // src/ui/components/badge.tsx
-function TestBadge(p3) {
-  return new Badge2({ ...p3, colorStyle: "accent" });
+function TestBadge(p6) {
+  return new Badge2({ ...p6, colorStyle: "accent" });
 }
-// node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
-var u3 = function(e3, t3, n2, o3, i3, u4) {
-  t3 || (t3 = {});
-  var a3, c3, p3 = t3;
-  if ("ref" in p3)
-    for (c3 in p3 = {}, t3)
-      c3 == "ref" ? a3 = t3[c3] : p3[c3] = t3[c3];
-  var l3 = { type: e3, props: p3, key: n2, ref: a3, __k: null, __: null, __b: 0, __e: null, __d: undefined, __c: null, constructor: undefined, __v: --f3, __i: -1, __u: 0, __source: i3, __self: u4 };
-  if (typeof e3 == "function" && (a3 = e3.defaultProps))
-    for (c3 in a3)
-      p3[c3] === undefined && (p3[c3] = a3[c3]);
-  return l.vnode && l.vnode(l3), l3;
-};
-var f3 = 0;
-var i3 = Array.isArray;
-
-// src/ui/components/badge.tsx
 class Badge2 extends Rn.Component {
   constructor(props) {
     super(props);
   }
-  static accent(p3) {
-    return u3(Badge2, {
-      ...p3,
+  static accent(p6) {
+    return u4(Badge2, {
+      ...p6,
       colorStyle: "accent"
     }, undefined, false, undefined, this);
   }
-  static error(p3) {
-    return u3(Badge2, {
-      ...p3,
+  static error(p6) {
+    return u4(Badge2, {
+      ...p6,
       colorStyle: "error"
     }, undefined, false, undefined, this);
   }
-  static warning(p3) {
-    return u3(Badge2, {
-      ...p3,
+  static warning(p6) {
+    return u4(Badge2, {
+      ...p6,
       colorStyle: "warning"
     }, undefined, false, undefined, this);
   }
-  static success(p3) {
-    return u3(Badge2, {
-      ...p3,
+  static success(p6) {
+    return u4(Badge2, {
+      ...p6,
       colorStyle: "success"
     }, undefined, false, undefined, this);
   }
-  static info(p3) {
-    return u3(Badge2, {
-      ...p3,
+  static info(p6) {
+    return u4(Badge2, {
+      ...p6,
       colorStyle: "info"
     }, undefined, false, undefined, this);
   }
   render() {
-    return u3("div", {
+    return u4("div", {
       style: {
         position: "relative",
         display: "inline-block"
@@ -16819,7 +17839,7 @@ class Badge2 extends Rn.Component {
       children: [
         this.props.child,
         this.props.children,
-        u3("div", {
+        u4("div", {
           class: `b ${this.props.colorStyle} ${this.props.class ?? ""}`,
           style: {
             position: "absolute",
@@ -16843,14 +17863,14 @@ class Badge2 extends Rn.Component {
   }
 }
 // src/ui/components/box.tsx
-function applyProps(p3, classes, style) {
+function applyProps(p6, classes, style) {
   if (Array.isArray(classes)) {
-    classes = classes.filter((c3) => c3).join(" ");
+    classes = classes.filter((c6) => c6).join(" ");
   }
   return {
-    class: `${classes || ""} ${p3.class || ""}`,
-    style: { ...style ?? {}, ...p3.style ?? {} },
-    ...p3.tooltip ? { ["data-tooltip"]: p3.tooltip } : {}
+    class: `${classes || ""} ${p6.class || ""}`,
+    style: { ...style ?? {}, ...p6.style ?? {} },
+    ...p6.tooltip ? { ["data-tooltip"]: p6.tooltip } : {}
   };
 }
 function Box2({
@@ -16869,19 +17889,19 @@ function Box2({
 }
 // src/ui/util/error_view.tsx
 function _ElbeErr(msg) {
-  return u3("div", {
+  return u4("div", {
     class: "row text-s gap-half",
     style: "background: #ee0044; color: white; border-radius: 4px; text-align: left; padding: .5rem",
     children: [
-      u3($CircleXIcon, {}, undefined, false, undefined, this),
-      u3("div", {
+      u4(Icons.CircleX, {}, undefined, false, undefined, this),
+      u4("div", {
         class: "column gap-none cross-stretch",
         children: [
-          u3("b", {
+          u4("b", {
             class: "text-s",
             children: "elbe error"
           }, undefined, false, undefined, this),
-          u3("span", {
+          u4("span", {
             style: "margin-top: -.125rem",
             children: msg
           }, undefined, false, undefined, this)
@@ -16893,7 +17913,7 @@ function _ElbeErr(msg) {
 
 // src/ui/components/button.tsx
 var _btn = function({ colorStyle, onTap, icon, message, ...elbe }, colorManner) {
-  return message || icon ? u3("button", {
+  return message || icon ? u4("button", {
     ...applyProps(elbe, [
       "row",
       "main-center",
@@ -16907,7 +17927,7 @@ var _btn = function({ colorStyle, onTap, icon, message, ...elbe }, colorManner)
     onClick: () => onTap && onTap(),
     children: [
       typeof icon === "function" ? icon({}) : icon,
-      message && u3("span", {
+      message && u4("span", {
         children: message
       }, undefined, false, undefined, this)
     ]
@@ -16917,10 +17937,10 @@ class Button extends Rn.Component {
   constructor() {
     super(...arguments);
   }
-  static major = (p3) => _btn(p3, "major");
-  static minor = (p3) => _btn(p3, "minor");
-  static action = (p3) => _btn(p3, "action");
-  static integrated = (p3) => _btn(p3, "integrated");
+  static major = (p6) => _btn(p6, "major");
+  static minor = (p6) => _btn(p6, "minor");
+  static action = (p6) => _btn(p6, "action");
+  static integrated = (p6) => _btn(p6, "integrated");
   render() {
     return _btn(this.props, this.props.colorManner);
   }
@@ -16938,7 +17958,7 @@ function Card({
   children,
   ...elbe
 }) {
-  return u3("div", {
+  return u4("div", {
     ...applyProps(elbe, ["card", colorScheme, colorStyle, colorManner, mode], { padding: `${padding}rem`, margin: `${margin}rem` }),
     onClick: onTap,
     onContextMenu: onLongTap,
@@ -16947,7 +17967,7 @@ function Card({
 }
 // src/ui/components/util.tsx
 function Spaced({ amount = 1 }) {
-  return u3("div", {
+  return u4("div", {
     style: { width: amount + "rem", height: amount + "rem" }
   }, undefined, false, undefined, this);
 }
@@ -16960,38 +17980,38 @@ function ElbeDialog({
   children,
   _style
 }) {
-  return u3("dialog", {
-    onClick: (e3) => e3.stopPropagation(),
+  return u4("dialog", {
+    onClick: (e4) => e4.stopPropagation(),
     open,
     style: "text-align: start" + (_style ?? ""),
-    children: u3("div", {
+    children: u4("div", {
       class: " card plain-opaque padding-none",
       style: "max-width: 40rem; min-width: 10rem",
       children: [
-        u3("div", {
+        u4("div", {
           class: "row cross-start padded",
           children: [
-            u3("div", {
+            u4("div", {
               class: "flex-1 b",
               style: "margin-top: 0.6rem; font-size: 1.2rem",
               children: title
             }, undefined, false, undefined, this),
-            u3("button", {
+            u4("button", {
               class: "integrated",
               style: "width: 3rem",
-              onClick: (e3) => {
-                e3.stopPropagation();
-                e3.preventDefault();
+              onClick: (e4) => {
+                e4.stopPropagation();
+                e4.preventDefault();
                 onClose();
               },
-              children: u3($X, {}, undefined, false, undefined, this)
+              children: u4($X, {}, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        u3(Spaced, {
+        u4(Spaced, {
           amount: 0.5
         }, undefined, false, undefined, this),
-        u3("div", {
+        u4("div", {
           class: "padded",
           style: "max-height: 80vh; overflow: auto",
           children
@@ -17002,7 +18022,7 @@ function ElbeDialog({
 }
 // src/ui/components/flex.tsx
 function FlexSpace({}) {
-  return u3("div", {
+  return u4("div", {
     style: "flex:1"
   }, undefined, false, undefined, this);
 }
@@ -17012,9 +18032,9 @@ function Column({
   cross,
   stretch = false,
   children,
-  ...p3
+  ...p6
 }) {
-  return _Flex(false, { gap, main, cross, stretch, children }, p3);
+  return _Flex(false, { gap, main, cross, stretch, children }, p6);
 }
 function Row({
   gap = 1,
@@ -17022,24 +18042,23 @@ function Row({
   cross,
   stretch = false,
   children,
-  ...p3
+  ...p6
 }) {
-  return _Flex(true, { gap, main, cross, stretch, children }, p3);
+  return _Flex(true, { gap, main, cross, stretch, children }, p6);
 }
-var _Flex = function(row, p3, elbe) {
-  return u3("div", {
+var _Flex = function(row, p6, elbe) {
+  return u4("div", {
     ...applyProps(elbe, row ? "row" : "column", {
-      justifyContent: p3.main,
-      alignItems: p3.cross || (p3.stretch ? "stretch" : "center"),
-      gap: `${p3.gap}rem`
+      justifyContent: p6.main,
+      alignItems: p6.cross || (p6.stretch ? "stretch" : "center"),
+      gap: `${p6.gap}rem`
     }),
-    children: p3.children
+    children: p6.children
   }, undefined, false, undefined, this);
 };
 // src/ui/components/icon_button.tsx
 var _btn2 = function({ icon, onTap, ...elbe }, colorManner = "major") {
-  console.log("icon", icon);
-  return u3("button", {
+  return u4("button", {
     ...applyProps(elbe, [
       "row",
       "main-center",
@@ -17053,17 +18072,18 @@ var _btn2 = function({ icon, onTap, ...elbe }, colorManner = "major") {
       height: "3rem",
       width: "3rem"
     }),
-    onClick: () => onTap && onTap()
+    onClick: () => onTap && onTap(),
+    children: typeof icon === "function" ? icon({}) : icon
   }, undefined, false, undefined, this);
 };
 class IconButton extends Rn.Component {
   constructor() {
     super(...arguments);
   }
-  static major = (p3) => _btn2(p3, "major");
-  static minor = (p3) => _btn2(p3, "minor");
-  static action = (p3) => _btn2(p3, "action");
-  static integrated = (p3) => _btn2(p3, "integrated");
+  static major = (p6) => _btn2(p6, "major");
+  static minor = (p6) => _btn2(p6, "minor");
+  static action = (p6) => _btn2(p6, "action");
+  static integrated = (p6) => _btn2(p6, "integrated");
   render() {
     return _btn2(this.props, this.props.colorManner);
   }
@@ -17075,7 +18095,7 @@ function Checkbox({
   onChange,
   ...elbe
 }) {
-  return u3("div", {
+  return u4("div", {
     class: `row ${onChange ? "" : "disabled"}`,
     style: {
       gap: ".75rem",
@@ -17083,14 +18103,14 @@ function Checkbox({
       opacity: onChange ? "" : "0.5"
     },
     children: [
-      u3("input", {
+      u4("input", {
         type: "checkbox",
         ...applyProps(elbe),
         disabled: !onChange,
         checked: value,
-        onChange: (e3) => onChange?.(e3.currentTarget.checked)
+        onChange: (e4) => onChange?.(e4.currentTarget.checked)
       }, undefined, false, undefined, this),
-      label && u3("div", {
+      label && u4("div", {
         style: "margin-top: -.25rem",
         children: label
       }, undefined, false, undefined, this)
@@ -17108,7 +18128,7 @@ function _TextArea({
   onInput,
   ...elbe
 }) {
-  return u3("div", {
+  return u4("div", {
     style: {
       width: "12rem !important",
       display: "flex",
@@ -17116,7 +18136,7 @@ function _TextArea({
       alignItems: "stretch"
     },
     "data-tooltip": elbe.tooltip,
-    children: u3("textarea", {
+    children: u4("textarea", {
       ...applyProps(elbe, null, { width: "100%" }),
       label,
       size: 5,
@@ -17125,7 +18145,7 @@ function _TextArea({
       rows,
       maxLength,
       value,
-      onInput: (e3) => onInput && onInput(e3.currentTarget.value),
+      onInput: (e4) => onInput && onInput(e4.currentTarget.value),
       readonly
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -17136,34 +18156,34 @@ class Field extends Rn.Component {
   constructor() {
     super(...arguments);
   }
-  static text = (p3) => u3(Field, {
-    ...p3,
+  static text = (p6) => u4(Field, {
+    ...p6,
     type: "text"
   }, undefined, false, undefined, this);
-  static number = (p3) => u3(Field, {
-    ...p3,
+  static number = (p6) => u4(Field, {
+    ...p6,
     type: "number"
   }, undefined, false, undefined, this);
-  static password = (p3) => u3(Field, {
-    ...p3,
+  static password = (p6) => u4(Field, {
+    ...p6,
     type: "password"
   }, undefined, false, undefined, this);
-  static date = (p3) => u3(Field, {
-    ...p3,
+  static date = (p6) => u4(Field, {
+    ...p6,
     type: "date"
   }, undefined, false, undefined, this);
-  static time = (p3) => u3(Field, {
-    ...p3,
+  static time = (p6) => u4(Field, {
+    ...p6,
     type: "time"
   }, undefined, false, undefined, this);
-  static email = (p3) => u3(Field, {
-    ...p3,
+  static email = (p6) => u4(Field, {
+    ...p6,
     type: "email"
   }, undefined, false, undefined, this);
   static multiLine = _TextArea;
   render() {
     const { label, hint, readonly, type, value, onInput, ...elbe } = this.props;
-    return u3("div", {
+    return u4("div", {
       style: {
         width: "12rem !important",
         display: "flex",
@@ -17171,7 +18191,7 @@ class Field extends Rn.Component {
         alignItems: "stretch"
       },
       "data-tooltip": this.props?.tooltip,
-      children: u3("input", {
+      children: u4("input", {
         type: this.props.type,
         ...applyProps(this.props, null, {
           width: "100%"
@@ -17180,7 +18200,7 @@ class Field extends Rn.Component {
         label: this.props.label,
         placeholder: this.props.hint,
         value: this.props.value,
-        onInput: (e3) => this.props.onInput && this.props.onInput(e3.currentTarget.value),
+        onInput: (e4) => this.props.onInput && this.props.onInput(e4.currentTarget.value),
         readonly: this.props.readonly
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
@@ -17195,7 +18215,7 @@ function Range({
   step = 1,
   ...elbe
 }) {
-  return min > max ? _ElbeErr("Range: max is smaller than min") : u3("input", {
+  return min > max ? _ElbeErr("Range: max is smaller than min") : u4("input", {
     type: "range",
     ...applyProps(elbe, null, {
       filter: onChange ? "" : "grayscale(1)",
@@ -17208,7 +18228,7 @@ function Range({
     step,
     disabled: !onChange,
     value,
-    onInput: (e3) => onChange?.(Number(e3.currentTarget.value))
+    onInput: (e4) => onChange?.(Number(e4.currentTarget.value))
   }, undefined, false, undefined, this);
 }
 // src/ui/components/input/select.tsx
@@ -17219,12 +18239,12 @@ function Select({
   onChange,
   ...elbe
 }) {
-  return u3("select", {
+  return u4("select", {
     ...applyProps(elbe),
     value,
     label,
-    onChange: (e3) => onChange(e3.currentTarget.value),
-    children: options.map(({ key, label: label2 }) => u3("option", {
+    onChange: (e4) => onChange(e4.currentTarget.value),
+    children: options.map(({ key, label: label2 }) => u4("option", {
       value: key,
       children: label2
     }, key, false, undefined, this))
@@ -17235,8 +18255,8 @@ class Padded extends Rn.Component {
   constructor(props) {
     super(props);
   }
-  static all = ({ amount = 1, ...p3 }) => u3(Padded, {
-    ...p3,
+  static all = ({ amount = 1, ...p6 }) => u4(Padded, {
+    ...p6,
     top: amount,
     right: amount,
     bottom: amount,
@@ -17245,16 +18265,16 @@ class Padded extends Rn.Component {
   static symmetric = ({
     vertical = 0,
     horizontal = 0,
-    ...p3
-  }) => u3(Padded, {
-    ...p3,
+    ...p6
+  }) => u4(Padded, {
+    ...p6,
     top: vertical,
     bottom: vertical,
     left: horizontal,
     right: horizontal
   }, undefined, false, undefined, this);
   render() {
-    return u3("div", {
+    return u4("div", {
       style: {
         paddingTop: `${this.props.top}rem`,
         paddingRight: `${this.props.right}rem`,
@@ -17267,44 +18287,44 @@ class Padded extends Rn.Component {
 }
 // src/ui/components/text.tsx
 class Text2 extends Rn.Component {
-  static h1 = (p3) => u3(Text2, {
-    ...p3,
+  static h1 = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "header-1"
   }, undefined, false, undefined, this);
-  static h2 = (p3) => u3(Text2, {
-    ...p3,
+  static h2 = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "header-2"
   }, undefined, false, undefined, this);
-  static h3 = (p3) => u3(Text2, {
-    ...p3,
+  static h3 = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "header-3"
   }, undefined, false, undefined, this);
-  static h4 = (p3) => u3(Text2, {
-    ...p3,
+  static h4 = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "header-4"
   }, undefined, false, undefined, this);
-  static h5 = (p3) => u3(Text2, {
-    ...p3,
+  static h5 = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "header-5"
   }, undefined, false, undefined, this);
-  static h6 = (p3) => u3(Text2, {
-    ...p3,
+  static h6 = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "header-6"
   }, undefined, false, undefined, this);
-  static s = (p3) => u3(Text2, {
-    ...p3,
+  static s = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "text-s"
   }, undefined, false, undefined, this);
-  static m = (p3) => u3(Text2, {
-    ...p3,
+  static m = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "text-m"
   }, undefined, false, undefined, this);
-  static l = (p3) => u3(Text2, {
-    ...p3,
+  static l = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "text-l"
   }, undefined, false, undefined, this);
-  static code = (p3) => u3(Text2, {
-    ...p3,
+  static code = (p6) => u4(Text2, {
+    ...p6,
     typeStyle: "code"
   }, undefined, false, undefined, this);
   constructor({
@@ -17324,10 +18344,10 @@ class Text2 extends Rn.Component {
       size,
       children,
       typeStyle,
-      v: v3,
+      v: v6,
       ...elbe
     } = this.props;
-    return u3("span", {
+    return u4("span", {
       ...applyProps(elbe, [
         "text",
         align,
@@ -17342,7 +18362,7 @@ class Text2 extends Rn.Component {
         color: color || ""
       }),
       children: [
-        v3,
+        v6,
         children
       ]
     }, undefined, true, undefined, this);
@@ -17355,15 +18375,15 @@ function ToggleButton({
   value,
   ...elbe
 }) {
-  return items.length < 1 ? _ElbeErr("ToggleButton requires at least one item") : u3(Card, {
+  return items.length < 1 ? _ElbeErr("ToggleButton requires at least one item") : u4(Card, {
     mode: "light",
     colorScheme: "primary",
     padding: 0,
     ...applyProps(elbe, null, { overflow: "hidden", width: "100%" }),
-    children: u3(Column, {
+    children: u4(Column, {
       stretch: true,
       gap: 0,
-      children: items.map((item) => u3(Card, {
+      children: items.map((item) => u4(Card, {
         onTap: onSelect ? () => onSelect(item.key) : undefined,
         class: `row b ${onSelect ? "pointer" : "disabled"}`,
         style: { border: "none", borderRadius: 0, gap: ".75rem" },
@@ -17372,8 +18392,8 @@ function ToggleButton({
         children: [
           item.icon?.({}),
           item.label,
-          u3(FlexSpace, {}, undefined, false, undefined, this),
-          value === item.key && u3(Icons.Check, {}, undefined, false, undefined, this)
+          u4(FlexSpace, {}, undefined, false, undefined, this),
+          value === item.key && u4(Icons.Check, {}, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this))
     }, undefined, false, undefined, this)
@@ -17413,9 +18433,9 @@ function showConfirmDialog({
       </dialog>
     `;
     document.body.appendChild(dialog);
-    window["conf_resolve"] = (v3) => {
+    window["conf_resolve"] = (v6) => {
       document.body.removeChild(dialog);
-      resolve(v3);
+      resolve(v6);
     };
   });
 }
@@ -17429,30 +18449,55 @@ function showToast(message) {
     toast.remove();
   }, 3000);
 }
+// src/ui/util/util.ts
+function share(data, toastMsg = "copied to clipboard. Share it with others.") {
+  const msg = `${data.title}\n${data.text ?? ""}\n\n${data.url}`;
+  if (navigator.share) {
+    navigator.share(data).catch(() => copyToClipboard(msg, toastMsg));
+  } else {
+    copyToClipboard(msg, toastMsg);
+  }
+}
+function copyToClipboard(text, toastMsg = "copied to clipboard") {
+  navigator.clipboard.writeText(text);
+  if (toastMsg)
+    showToast(toastMsg);
+}
 
 // src/index.tsx
 var Icons = $icons;
 export {
+  useBit,
   showToast,
   showConfirmDialog,
+  share,
+  makeBit,
+  ifApiError,
+  copyToClipboard,
   applyProps,
+  WorkerControl,
   ToggleButton,
   Text2 as Text,
   TestBadge,
+  StreamControl,
+  Spinner,
   Spaced,
   Select,
   Row,
   Range,
+  ProvideBit,
   Padded,
   Icons,
   IconButton,
   FlexSpace,
   Field,
   ElbeDialog,
+  CtrlBit,
   Column,
   Checkbox,
   Card,
   Button,
   Box2 as Box,
-  Badge2 as Badge
+  Badge2 as Badge,
+  ApiService
 };