@politeia/openclaw-bridge 0.1.2

package/dist/user-board/app.js

@@ -0,0 +1,1056 @@
+// node_modules/preact/dist/preact.module.js
+var n;
+var l;
+var u;
+var t;
+var i;
+var r;
+var o;
+var e;
+var f;
+var c;
+var a;
+var s;
+var h;
+var p;
+var v;
+var y;
+var d = {};
+var w = [];
+var _ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+var g = Array.isArray;
+function m(n2, l3) {
+  for (var u4 in l3) n2[u4] = l3[u4];
+  return n2;
+}
+function b(n2) {
+  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+}
+function k(l3, u4, t3) {
+  var i3, r3, o3, e3 = {};
+  for (o3 in u4) "key" == o3 ? i3 = u4[o3] : "ref" == o3 ? r3 = u4[o3] : e3[o3] = u4[o3];
+  if (arguments.length > 2 && (e3.children = arguments.length > 3 ? n.call(arguments, 2) : t3), "function" == typeof l3 && null != l3.defaultProps) for (o3 in l3.defaultProps) void 0 === e3[o3] && (e3[o3] = l3.defaultProps[o3]);
+  return x(l3, e3, i3, r3, null);
+}
+function x(n2, t3, i3, r3, o3) {
+  var e3 = { type: n2, props: t3, key: i3, ref: r3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o3 ? ++u : o3, __i: -1, __u: 0 };
+  return null == o3 && null != l.vnode && l.vnode(e3), e3;
+}
+function S(n2) {
+  return n2.children;
+}
+function C(n2, l3) {
+  this.props = n2, this.context = l3;
+}
+function $(n2, l3) {
+  if (null == l3) return n2.__ ? $(n2.__, n2.__i + 1) : null;
+  for (var u4; l3 < n2.__k.length; l3++) if (null != (u4 = n2.__k[l3]) && null != u4.__e) return u4.__e;
+  return "function" == typeof n2.type ? $(n2) : null;
+}
+function I(n2) {
+  if (n2.__P && n2.__d) {
+    var u4 = n2.__v, t3 = u4.__e, i3 = [], r3 = [], o3 = m({}, u4);
+    o3.__v = u4.__v + 1, l.vnode && l.vnode(o3), q(n2.__P, o3, u4, n2.__n, n2.__P.namespaceURI, 32 & u4.__u ? [t3] : null, i3, null == t3 ? $(u4) : t3, !!(32 & u4.__u), r3), o3.__v = u4.__v, o3.__.__k[o3.__i] = o3, D(i3, o3, r3), u4.__e = u4.__ = null, o3.__e != t3 && P(o3);
+  }
+}
+function P(n2) {
+  if (null != (n2 = n2.__) && null != n2.__c) return n2.__e = n2.__c.base = null, n2.__k.some(function(l3) {
+    if (null != l3 && null != l3.__e) return n2.__e = n2.__c.base = l3.__e;
+  }), P(n2);
+}
+function A(n2) {
+  (!n2.__d && (n2.__d = true) && i.push(n2) && !H.__r++ || r != l.debounceRendering) && ((r = l.debounceRendering) || o)(H);
+}
+function H() {
+  try {
+    for (var n2, l3 = 1; i.length; ) i.length > l3 && i.sort(e), n2 = i.shift(), l3 = i.length, I(n2);
+  } finally {
+    i.length = H.__r = 0;
+  }
+}
+function L(n2, l3, u4, t3, i3, r3, o3, e3, f4, c3, a3) {
+  var s3, h3, p3, v3, y3, _2, g2, m3 = t3 && t3.__k || w, b2 = l3.length;
+  for (f4 = T(u4, l3, m3, f4, b2), s3 = 0; s3 < b2; s3++) null != (p3 = u4.__k[s3]) && (h3 = -1 != p3.__i && m3[p3.__i] || d, p3.__i = s3, _2 = q(n2, p3, h3, i3, r3, o3, e3, f4, c3, a3), v3 = p3.__e, p3.ref && h3.ref != p3.ref && (h3.ref && J(h3.ref, null, p3), a3.push(p3.ref, p3.__c || v3, p3)), null == y3 && null != v3 && (y3 = v3), (g2 = !!(4 & p3.__u)) || h3.__k === p3.__k ? (f4 = j(p3, f4, n2, g2), g2 && h3.__e && (h3.__e = null)) : "function" == typeof p3.type && void 0 !== _2 ? f4 = _2 : v3 && (f4 = v3.nextSibling), p3.__u &= -7);
+  return u4.__e = y3, f4;
+}
+function T(n2, l3, u4, t3, i3) {
+  var r3, o3, e3, f4, c3, a3 = u4.length, s3 = a3, h3 = 0;
+  for (n2.__k = new Array(i3), r3 = 0; r3 < i3; r3++) null != (o3 = l3[r3]) && "boolean" != typeof o3 && "function" != typeof o3 ? ("string" == typeof o3 || "number" == typeof o3 || "bigint" == typeof o3 || o3.constructor == String ? o3 = n2.__k[r3] = x(null, o3, null, null, null) : g(o3) ? o3 = n2.__k[r3] = x(S, { children: o3 }, null, null, null) : void 0 === o3.constructor && o3.__b > 0 ? o3 = n2.__k[r3] = x(o3.type, o3.props, o3.key, o3.ref ? o3.ref : null, o3.__v) : n2.__k[r3] = o3, f4 = r3 + h3, o3.__ = n2, o3.__b = n2.__b + 1, e3 = null, -1 != (c3 = o3.__i = O(o3, u4, f4, s3)) && (s3--, (e3 = u4[c3]) && (e3.__u |= 2)), null == e3 || null == e3.__v ? (-1 == c3 && (i3 > a3 ? h3-- : i3 < a3 && h3++), "function" != typeof o3.type && (o3.__u |= 4)) : c3 != f4 && (c3 == f4 - 1 ? h3-- : c3 == f4 + 1 ? h3++ : (c3 > f4 ? h3-- : h3++, o3.__u |= 4))) : n2.__k[r3] = null;
+  if (s3) for (r3 = 0; r3 < a3; r3++) null != (e3 = u4[r3]) && 0 == (2 & e3.__u) && (e3.__e == t3 && (t3 = $(e3)), K(e3, e3));
+  return t3;
+}
+function j(n2, l3, u4, t3) {
+  var i3, r3;
+  if ("function" == typeof n2.type) {
+    for (i3 = n2.__k, r3 = 0; i3 && r3 < i3.length; r3++) i3[r3] && (i3[r3].__ = n2, l3 = j(i3[r3], l3, u4, t3));
+    return l3;
+  }
+  n2.__e != l3 && (t3 && (l3 && n2.type && !l3.parentNode && (l3 = $(n2)), u4.insertBefore(n2.__e, l3 || null)), l3 = n2.__e);
+  do {
+    l3 = l3 && l3.nextSibling;
+  } while (null != l3 && 8 == l3.nodeType);
+  return l3;
+}
+function O(n2, l3, u4, t3) {
+  var i3, r3, o3, e3 = n2.key, f4 = n2.type, c3 = l3[u4], a3 = null != c3 && 0 == (2 & c3.__u);
+  if (null === c3 && null == e3 || a3 && e3 == c3.key && f4 == c3.type) return u4;
+  if (t3 > (a3 ? 1 : 0)) {
+    for (i3 = u4 - 1, r3 = u4 + 1; i3 >= 0 || r3 < l3.length; ) if (null != (c3 = l3[o3 = i3 >= 0 ? i3-- : r3++]) && 0 == (2 & c3.__u) && e3 == c3.key && f4 == c3.type) return o3;
+  }
+  return -1;
+}
+function z(n2, l3, u4) {
+  "-" == l3[0] ? n2.setProperty(l3, null == u4 ? "" : u4) : n2[l3] = null == u4 ? "" : "number" != typeof u4 || _.test(l3) ? u4 : u4 + "px";
+}
+function N(n2, l3, u4, t3, i3) {
+  var r3, o3;
+  n: if ("style" == l3) if ("string" == typeof u4) n2.style.cssText = u4;
+  else {
+    if ("string" == typeof t3 && (n2.style.cssText = t3 = ""), t3) for (l3 in t3) u4 && l3 in u4 || z(n2.style, l3, "");
+    if (u4) for (l3 in u4) t3 && u4[l3] == t3[l3] || z(n2.style, l3, u4[l3]);
+  }
+  else if ("o" == l3[0] && "n" == l3[1]) r3 = l3 != (l3 = l3.replace(s, "$1")), o3 = l3.toLowerCase(), l3 = o3 in n2 || "onFocusOut" == l3 || "onFocusIn" == l3 ? o3.slice(2) : l3.slice(2), n2.l || (n2.l = {}), n2.l[l3 + r3] = u4, u4 ? t3 ? u4[a] = t3[a] : (u4[a] = h, n2.addEventListener(l3, r3 ? v : p, r3)) : n2.removeEventListener(l3, r3 ? v : p, r3);
+  else {
+    if ("http://www.w3.org/2000/svg" == i3) l3 = l3.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if ("width" != l3 && "height" != l3 && "href" != l3 && "list" != l3 && "form" != l3 && "tabIndex" != l3 && "download" != l3 && "rowSpan" != l3 && "colSpan" != l3 && "role" != l3 && "popover" != l3 && l3 in n2) try {
+      n2[l3] = null == u4 ? "" : u4;
+      break n;
+    } catch (n3) {
+    }
+    "function" == typeof u4 || (null == u4 || false === u4 && "-" != l3[4] ? n2.removeAttribute(l3) : n2.setAttribute(l3, "popover" == l3 && 1 == u4 ? "" : u4));
+  }
+}
+function V(n2) {
+  return function(u4) {
+    if (this.l) {
+      var t3 = this.l[u4.type + n2];
+      if (null == u4[c]) u4[c] = h++;
+      else if (u4[c] < t3[a]) return;
+      return t3(l.event ? l.event(u4) : u4);
+    }
+  };
+}
+function q(n2, u4, t3, i3, r3, o3, e3, f4, c3, a3) {
+  var s3, h3, p3, v3, y3, d3, _2, k3, x2, M, $2, I2, P2, A3, H2, T3 = u4.type;
+  if (void 0 !== u4.constructor) return null;
+  128 & t3.__u && (c3 = !!(32 & t3.__u), o3 = [f4 = u4.__e = t3.__e]), (s3 = l.__b) && s3(u4);
+  n: if ("function" == typeof T3) try {
+    if (k3 = u4.props, x2 = T3.prototype && T3.prototype.render, M = (s3 = T3.contextType) && i3[s3.__c], $2 = s3 ? M ? M.props.value : s3.__ : i3, t3.__c ? _2 = (h3 = u4.__c = t3.__c).__ = h3.__E : (x2 ? u4.__c = h3 = new T3(k3, $2) : (u4.__c = h3 = new C(k3, $2), h3.constructor = T3, h3.render = Q), M && M.sub(h3), h3.state || (h3.state = {}), h3.__n = i3, p3 = h3.__d = true, h3.__h = [], h3._sb = []), x2 && null == h3.__s && (h3.__s = h3.state), x2 && null != T3.getDerivedStateFromProps && (h3.__s == h3.state && (h3.__s = m({}, h3.__s)), m(h3.__s, T3.getDerivedStateFromProps(k3, h3.__s))), v3 = h3.props, y3 = h3.state, h3.__v = u4, p3) x2 && null == T3.getDerivedStateFromProps && null != h3.componentWillMount && h3.componentWillMount(), x2 && null != h3.componentDidMount && h3.__h.push(h3.componentDidMount);
+    else {
+      if (x2 && null == T3.getDerivedStateFromProps && k3 !== v3 && null != h3.componentWillReceiveProps && h3.componentWillReceiveProps(k3, $2), u4.__v == t3.__v || !h3.__e && null != h3.shouldComponentUpdate && false === h3.shouldComponentUpdate(k3, h3.__s, $2)) {
+        u4.__v != t3.__v && (h3.props = k3, h3.state = h3.__s, h3.__d = false), u4.__e = t3.__e, u4.__k = t3.__k, u4.__k.some(function(n3) {
+          n3 && (n3.__ = u4);
+        }), w.push.apply(h3.__h, h3._sb), h3._sb = [], h3.__h.length && e3.push(h3);
+        break n;
+      }
+      null != h3.componentWillUpdate && h3.componentWillUpdate(k3, h3.__s, $2), x2 && null != h3.componentDidUpdate && h3.__h.push(function() {
+        h3.componentDidUpdate(v3, y3, d3);
+      });
+    }
+    if (h3.context = $2, h3.props = k3, h3.__P = n2, h3.__e = false, I2 = l.__r, P2 = 0, x2) h3.state = h3.__s, h3.__d = false, I2 && I2(u4), s3 = h3.render(h3.props, h3.state, h3.context), w.push.apply(h3.__h, h3._sb), h3._sb = [];
+    else do {
+      h3.__d = false, I2 && I2(u4), s3 = h3.render(h3.props, h3.state, h3.context), h3.state = h3.__s;
+    } while (h3.__d && ++P2 < 25);
+    h3.state = h3.__s, null != h3.getChildContext && (i3 = m(m({}, i3), h3.getChildContext())), x2 && !p3 && null != h3.getSnapshotBeforeUpdate && (d3 = h3.getSnapshotBeforeUpdate(v3, y3)), A3 = null != s3 && s3.type === S && null == s3.key ? E(s3.props.children) : s3, f4 = L(n2, g(A3) ? A3 : [A3], u4, t3, i3, r3, o3, e3, f4, c3, a3), h3.base = u4.__e, u4.__u &= -161, h3.__h.length && e3.push(h3), _2 && (h3.__E = h3.__ = null);
+  } catch (n3) {
+    if (u4.__v = null, c3 || null != o3) if (n3.then) {
+      for (u4.__u |= c3 ? 160 : 128; f4 && 8 == f4.nodeType && f4.nextSibling; ) f4 = f4.nextSibling;
+      o3[o3.indexOf(f4)] = null, u4.__e = f4;
+    } else {
+      for (H2 = o3.length; H2--; ) b(o3[H2]);
+      B(u4);
+    }
+    else u4.__e = t3.__e, u4.__k = t3.__k, n3.then || B(u4);
+    l.__e(n3, u4, t3);
+  }
+  else null == o3 && u4.__v == t3.__v ? (u4.__k = t3.__k, u4.__e = t3.__e) : f4 = u4.__e = G(t3.__e, u4, t3, i3, r3, o3, e3, c3, a3);
+  return (s3 = l.diffed) && s3(u4), 128 & u4.__u ? void 0 : f4;
+}
+function B(n2) {
+  n2 && (n2.__c && (n2.__c.__e = true), n2.__k && n2.__k.some(B));
+}
+function D(n2, u4, t3) {
+  for (var i3 = 0; i3 < t3.length; i3++) J(t3[i3], t3[++i3], t3[++i3]);
+  l.__c && l.__c(u4, n2), n2.some(function(u5) {
+    try {
+      n2 = u5.__h, u5.__h = [], n2.some(function(n3) {
+        n3.call(u5);
+      });
+    } catch (n3) {
+      l.__e(n3, u5.__v);
+    }
+  });
+}
+function E(n2) {
+  return "object" != typeof n2 || null == n2 || n2.__b > 0 ? n2 : g(n2) ? n2.map(E) : void 0 !== n2.constructor ? null : m({}, n2);
+}
+function G(u4, t3, i3, r3, o3, e3, f4, c3, a3) {
+  var s3, h3, p3, v3, y3, w3, _2, m3 = i3.props || d, k3 = t3.props, x2 = t3.type;
+  if ("svg" == x2 ? o3 = "http://www.w3.org/2000/svg" : "math" == x2 ? o3 = "http://www.w3.org/1998/Math/MathML" : o3 || (o3 = "http://www.w3.org/1999/xhtml"), null != e3) {
+    for (s3 = 0; s3 < e3.length; s3++) if ((y3 = e3[s3]) && "setAttribute" in y3 == !!x2 && (x2 ? y3.localName == x2 : 3 == y3.nodeType)) {
+      u4 = y3, e3[s3] = null;
+      break;
+    }
+  }
+  if (null == u4) {
+    if (null == x2) return document.createTextNode(k3);
+    u4 = document.createElementNS(o3, x2, k3.is && k3), c3 && (l.__m && l.__m(t3, e3), c3 = false), e3 = null;
+  }
+  if (null == x2) m3 === k3 || c3 && u4.data == k3 || (u4.data = k3);
+  else {
+    if (e3 = "textarea" == x2 && null != k3.defaultValue ? null : e3 && n.call(u4.childNodes), !c3 && null != e3) for (m3 = {}, s3 = 0; s3 < u4.attributes.length; s3++) m3[(y3 = u4.attributes[s3]).name] = y3.value;
+    for (s3 in m3) y3 = m3[s3], "dangerouslySetInnerHTML" == s3 ? p3 = y3 : "children" == s3 || s3 in k3 || "value" == s3 && "defaultValue" in k3 || "checked" == s3 && "defaultChecked" in k3 || N(u4, s3, null, y3, o3);
+    for (s3 in k3) y3 = k3[s3], "children" == s3 ? v3 = y3 : "dangerouslySetInnerHTML" == s3 ? h3 = y3 : "value" == s3 ? w3 = y3 : "checked" == s3 ? _2 = y3 : c3 && "function" != typeof y3 || m3[s3] === y3 || N(u4, s3, y3, m3[s3], o3);
+    if (h3) c3 || p3 && (h3.__html == p3.__html || h3.__html == u4.innerHTML) || (u4.innerHTML = h3.__html), t3.__k = [];
+    else if (p3 && (u4.innerHTML = ""), L("template" == t3.type ? u4.content : u4, g(v3) ? v3 : [v3], t3, i3, r3, "foreignObject" == x2 ? "http://www.w3.org/1999/xhtml" : o3, e3, f4, e3 ? e3[0] : i3.__k && $(i3, 0), c3, a3), null != e3) for (s3 = e3.length; s3--; ) b(e3[s3]);
+    c3 && "textarea" != x2 || (s3 = "value", "progress" == x2 && null == w3 ? u4.removeAttribute("value") : null != w3 && (w3 !== u4[s3] || "progress" == x2 && !w3 || "option" == x2 && w3 != m3[s3]) && N(u4, s3, w3, m3[s3], o3), s3 = "checked", null != _2 && _2 != u4[s3] && N(u4, s3, _2, m3[s3], o3));
+  }
+  return u4;
+}
+function J(n2, u4, t3) {
+  try {
+    if ("function" == typeof n2) {
+      var i3 = "function" == typeof n2.__u;
+      i3 && n2.__u(), i3 && null == u4 || (n2.__u = n2(u4));
+    } else n2.current = u4;
+  } catch (n3) {
+    l.__e(n3, t3);
+  }
+}
+function K(n2, u4, t3) {
+  var i3, r3;
+  if (l.unmount && l.unmount(n2), (i3 = n2.ref) && (i3.current && i3.current != n2.__e || J(i3, null, u4)), null != (i3 = n2.__c)) {
+    if (i3.componentWillUnmount) try {
+      i3.componentWillUnmount();
+    } catch (n3) {
+      l.__e(n3, u4);
+    }
+    i3.base = i3.__P = null;
+  }
+  if (i3 = n2.__k) for (r3 = 0; r3 < i3.length; r3++) i3[r3] && K(i3[r3], u4, t3 || "function" != typeof n2.type);
+  t3 || b(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
+}
+function Q(n2, l3, u4) {
+  return this.constructor(n2, u4);
+}
+function R(u4, t3, i3) {
+  var r3, o3, e3, f4;
+  t3 == document && (t3 = document.documentElement), l.__ && l.__(u4, t3), o3 = (r3 = "function" == typeof i3) ? null : i3 && i3.__k || t3.__k, e3 = [], f4 = [], q(t3, u4 = (!r3 && i3 || t3).__k = k(S, null, [u4]), o3 || d, d, t3.namespaceURI, !r3 && i3 ? [i3] : o3 ? null : t3.firstChild ? n.call(t3.childNodes) : null, e3, !r3 && i3 ? i3 : o3 ? o3.__e : t3.firstChild, r3, f4), D(e3, u4, f4);
+}
+n = w.slice, l = { __e: function(n2, l3, u4, t3) {
+  for (var i3, r3, o3; l3 = l3.__; ) if ((i3 = l3.__c) && !i3.__) try {
+    if ((r3 = i3.constructor) && null != r3.getDerivedStateFromError && (i3.setState(r3.getDerivedStateFromError(n2)), o3 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n2, t3 || {}), o3 = i3.__d), o3) return i3.__E = i3;
+  } catch (l4) {
+    n2 = l4;
+  }
+  throw n2;
+} }, u = 0, t = function(n2) {
+  return null != n2 && void 0 === n2.constructor;
+}, C.prototype.setState = function(n2, l3) {
+  var u4;
+  u4 = null != this.__s && this.__s != this.state ? this.__s : this.__s = m({}, this.state), "function" == typeof n2 && (n2 = n2(m({}, u4), this.props)), n2 && m(u4, n2), null != n2 && this.__v && (l3 && this._sb.push(l3), A(this));
+}, C.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = true, n2 && this.__h.push(n2), A(this));
+}, C.prototype.render = S, i = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function(n2, l3) {
+  return n2.__v.__b - l3.__v.__b;
+}, H.__r = 0, f = Math.random().toString(8), c = "__d" + f, a = "__a" + f, s = /(PointerCapture)$|Capture$/i, h = 0, p = V(false), v = V(true), y = 0;
+
+// node_modules/preact/hooks/dist/hooks.module.js
+var t2;
+var r2;
+var u2;
+var i2;
+var o2 = 0;
+var f2 = [];
+var c2 = l;
+var e2 = c2.__b;
+var a2 = c2.__r;
+var v2 = c2.diffed;
+var l2 = c2.__c;
+var m2 = c2.unmount;
+var s2 = c2.__;
+function p2(n2, t3) {
+  c2.__h && c2.__h(r2, n2, o2 || t3), o2 = 0;
+  var u4 = r2.__H || (r2.__H = { __: [], __h: [] });
+  return n2 >= u4.__.length && u4.__.push({}), u4.__[n2];
+}
+function d2(n2) {
+  return o2 = 1, h2(D2, n2);
+}
+function h2(n2, u4, i3) {
+  var o3 = p2(t2++, 2);
+  if (o3.t = n2, !o3.__c && (o3.__ = [i3 ? i3(u4) : D2(void 0, u4), function(n3) {
+    var t3 = o3.__N ? o3.__N[0] : o3.__[0], r3 = o3.t(t3, n3);
+    t3 !== r3 && (o3.__N = [r3, o3.__[1]], o3.__c.setState({}));
+  }], o3.__c = r2, !r2.__f)) {
+    var f4 = function(n3, t3, r3) {
+      if (!o3.__c.__H) return true;
+      var u5 = o3.__c.__H.__.filter(function(n4) {
+        return n4.__c;
+      });
+      if (u5.every(function(n4) {
+        return !n4.__N;
+      })) return !c3 || c3.call(this, n3, t3, r3);
+      var i4 = o3.__c.props !== n3;
+      return u5.some(function(n4) {
+        if (n4.__N) {
+          var t4 = n4.__[0];
+          n4.__ = n4.__N, n4.__N = void 0, t4 !== n4.__[0] && (i4 = true);
+        }
+      }), c3 && c3.call(this, n3, t3, r3) || i4;
+    };
+    r2.__f = true;
+    var c3 = r2.shouldComponentUpdate, e3 = r2.componentWillUpdate;
+    r2.componentWillUpdate = function(n3, t3, r3) {
+      if (this.__e) {
+        var u5 = c3;
+        c3 = void 0, f4(n3, t3, r3), c3 = u5;
+      }
+      e3 && e3.call(this, n3, t3, r3);
+    }, r2.shouldComponentUpdate = f4;
+  }
+  return o3.__N || o3.__;
+}
+function y2(n2, u4) {
+  var i3 = p2(t2++, 3);
+  !c2.__s && C2(i3.__H, u4) && (i3.__ = n2, i3.u = u4, r2.__H.__h.push(i3));
+}
+function A2(n2) {
+  return o2 = 5, T2(function() {
+    return { current: n2 };
+  }, []);
+}
+function T2(n2, r3) {
+  var u4 = p2(t2++, 7);
+  return C2(u4.__H, r3) && (u4.__ = n2(), u4.__H = r3, u4.__h = n2), u4.__;
+}
+function q2(n2, t3) {
+  return o2 = 8, T2(function() {
+    return n2;
+  }, t3);
+}
+function j2() {
+  for (var n2; n2 = f2.shift(); ) {
+    var t3 = n2.__H;
+    if (n2.__P && t3) try {
+      t3.__h.some(z2), t3.__h.some(B2), t3.__h = [];
+    } catch (r3) {
+      t3.__h = [], c2.__e(r3, n2.__v);
+    }
+  }
+}
+c2.__b = function(n2) {
+  r2 = null, e2 && e2(n2);
+}, c2.__ = function(n2, t3) {
+  n2 && t3.__k && t3.__k.__m && (n2.__m = t3.__k.__m), s2 && s2(n2, t3);
+}, c2.__r = function(n2) {
+  a2 && a2(n2), t2 = 0;
+  var i3 = (r2 = n2.__c).__H;
+  i3 && (u2 === r2 ? (i3.__h = [], r2.__h = [], i3.__.some(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+  })) : (i3.__h.some(z2), i3.__h.some(B2), i3.__h = [], t2 = 0)), u2 = r2;
+}, c2.diffed = function(n2) {
+  v2 && v2(n2);
+  var t3 = n2.__c;
+  t3 && t3.__H && (t3.__H.__h.length && (1 !== f2.push(t3) && i2 === c2.requestAnimationFrame || ((i2 = c2.requestAnimationFrame) || w2)(j2)), t3.__H.__.some(function(n3) {
+    n3.u && (n3.__H = n3.u), n3.u = void 0;
+  })), u2 = r2 = null;
+}, c2.__c = function(n2, t3) {
+  t3.some(function(n3) {
+    try {
+      n3.__h.some(z2), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || B2(n4);
+      });
+    } catch (r3) {
+      t3.some(function(n4) {
+        n4.__h && (n4.__h = []);
+      }), t3 = [], c2.__e(r3, n3.__v);
+    }
+  }), l2 && l2(n2, t3);
+}, c2.unmount = function(n2) {
+  m2 && m2(n2);
+  var t3, r3 = n2.__c;
+  r3 && r3.__H && (r3.__H.__.some(function(n3) {
+    try {
+      z2(n3);
+    } catch (n4) {
+      t3 = n4;
+    }
+  }), r3.__H = void 0, t3 && c2.__e(t3, r3.__v));
+};
+var k2 = "function" == typeof requestAnimationFrame;
+function w2(n2) {
+  var t3, r3 = function() {
+    clearTimeout(u4), k2 && cancelAnimationFrame(t3), setTimeout(n2);
+  }, u4 = setTimeout(r3, 35);
+  k2 && (t3 = requestAnimationFrame(r3));
+}
+function z2(n2) {
+  var t3 = r2, u4 = n2.__c;
+  "function" == typeof u4 && (n2.__c = void 0, u4()), r2 = t3;
+}
+function B2(n2) {
+  var t3 = r2;
+  n2.__c = n2.__(), r2 = t3;
+}
+function C2(n2, t3) {
+  return !n2 || n2.length !== t3.length || t3.some(function(t4, r3) {
+    return t4 !== n2[r3];
+  });
+}
+function D2(n2, t3) {
+  return "function" == typeof t3 ? t3(n2) : t3;
+}
+
+// node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+var f3 = 0;
+function u3(e3, t3, n2, o3, i3, u4) {
+  t3 || (t3 = {});
+  var a3, c3, p3 = t3;
+  if ("ref" in p3) for (c3 in p3 = {}, t3) "ref" == c3 ? a3 = t3[c3] : p3[c3] = t3[c3];
+  var l3 = { type: e3, props: p3, key: n2, ref: a3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f3, __i: -1, __u: 0, __source: i3, __self: u4 };
+  if ("function" == typeof e3 && (a3 = e3.defaultProps)) for (c3 in a3) void 0 === p3[c3] && (p3[c3] = a3[c3]);
+  return l.vnode && l.vnode(l3), l3;
+}
+
+// src/user-board/app.jsx
+var REFRESH_MS = 5e3;
+var TABS = [
+  { id: "activity", label: "Activity" },
+  { id: "threads", label: "Conversations" },
+  { id: "rooms", label: "Rooms" },
+  { id: "skills", label: "Skill Offers" },
+  { id: "posts", label: "Posts" },
+  { id: "debug", label: "Debug" }
+];
+function App() {
+  const initialPeerId = typeof window === "undefined" ? null : new URLSearchParams(window.location.search).get("peer");
+  const initialRoomId = typeof window === "undefined" ? null : new URLSearchParams(window.location.search).get("room");
+  const [board, setBoard] = d2(null);
+  const [loadState, setLoadState] = d2({ loading: true, error: null });
+  const [tab, setTab] = d2(initialPeerId ? "threads" : initialRoomId ? "rooms" : "activity");
+  const [selectedPeerId, setSelectedPeerId] = d2(initialPeerId);
+  const [selectedRoomId, setSelectedRoomId] = d2(initialRoomId);
+  const [composerDrafts, setComposerDrafts] = d2({});
+  const [roomDrafts, setRoomDrafts] = d2({});
+  const [replyDrafts, setReplyDrafts] = d2({});
+  const [expandedMessages, setExpandedMessages] = d2({});
+  const [busyAction, setBusyAction] = d2(null);
+  const loadBoard = q2(async ({ quiet = false } = {}) => {
+    if (!quiet) {
+      setLoadState((state) => ({ ...state, loading: true }));
+    }
+    try {
+      const response = await fetch("/api/board", { cache: "no-store" });
+      const payload = await response.json();
+      if (!response.ok) {
+        throw new Error(payload.error || `Board request failed (${response.status})`);
+      }
+      setBoard(payload);
+      setLoadState({ loading: false, error: null });
+    } catch (error) {
+      setLoadState({ loading: false, error: error instanceof Error ? error.message : String(error) });
+    }
+  }, []);
+  y2(() => {
+    loadBoard();
+    const timer = setInterval(() => loadBoard({ quiet: true }), REFRESH_MS);
+    return () => clearInterval(timer);
+  }, [loadBoard]);
+  const threads = board?.threads ?? [];
+  const rooms = board?.rooms ?? [];
+  const selectedThread = T2(() => {
+    if (!threads.length || !selectedPeerId) return null;
+    return threads.find((thread) => thread.peerAgentId === selectedPeerId) ?? null;
+  }, [threads, selectedPeerId]);
+  const selectedRoom = T2(() => {
+    if (!rooms.length || !selectedRoomId) return null;
+    return rooms.find((room) => room.roomId === selectedRoomId) ?? null;
+  }, [rooms, selectedRoomId]);
+  const refreshAfterMutation = async () => {
+    await loadBoard({ quiet: true });
+  };
+  async function postJson(url, payload = {}) {
+    const response = await fetch(url, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(payload)
+    });
+    const body = await response.json().catch(() => ({}));
+    if (!response.ok) {
+      throw new Error(body.error || `Request failed (${response.status})`);
+    }
+    return body;
+  }
+  async function markThreadRead(peerAgentId) {
+    setSelectedPeerId(peerAgentId);
+    if (typeof window !== "undefined") {
+      const url = new URL(window.location.href);
+      url.searchParams.set("peer", peerAgentId);
+      window.history.replaceState(null, "", url);
+    }
+    await fetch(`/api/threads/${encodeURIComponent(peerAgentId)}/read`, { method: "POST" });
+    await refreshAfterMutation();
+  }
+  function closeThread() {
+    setSelectedPeerId(null);
+    if (typeof window !== "undefined") {
+      const url = new URL(window.location.href);
+      url.searchParams.delete("peer");
+      window.history.replaceState(null, "", url);
+    }
+  }
+  async function sendMessage(peerAgentId) {
+    const draft = (composerDrafts[peerAgentId] ?? "").trim();
+    if (!draft) return;
+    setBusyAction(`send:${peerAgentId}`);
+    try {
+      await postJson(`/api/conversations/${encodeURIComponent(peerAgentId)}/send`, { message: draft });
+      setComposerDrafts((drafts) => ({ ...drafts, [peerAgentId]: "" }));
+      await refreshAfterMutation();
+    } finally {
+      setBusyAction(null);
+    }
+  }
+  function selectRoom(roomId) {
+    setSelectedRoomId(roomId);
+    if (typeof window !== "undefined") {
+      const url = new URL(window.location.href);
+      url.searchParams.set("room", roomId);
+      window.history.replaceState(null, "", url);
+    }
+  }
+  function closeRoom() {
+    setSelectedRoomId(null);
+    if (typeof window !== "undefined") {
+      const url = new URL(window.location.href);
+      url.searchParams.delete("room");
+      window.history.replaceState(null, "", url);
+    }
+  }
+  async function sendRoomMessage(roomId) {
+    const draft = (roomDrafts[roomId] ?? "").trim();
+    if (!draft) return;
+    setBusyAction(`room:${roomId}`);
+    try {
+      await postJson(`/api/rooms/${encodeURIComponent(roomId)}/send`, { message: draft });
+      setRoomDrafts((drafts) => ({ ...drafts, [roomId]: "" }));
+      await refreshAfterMutation();
+    } finally {
+      setBusyAction(null);
+    }
+  }
+  async function decideAction(action, decision) {
+    setBusyAction(action.actionId);
+    try {
+      const payload = { decision };
+      if (action.kind === "reply_to_dm") {
+        payload.message = replyDrafts[action.actionId] ?? "";
+      }
+      await postJson(`/api/actions/${encodeURIComponent(action.actionId)}`, payload);
+      setReplyDrafts((drafts) => ({ ...drafts, [action.actionId]: "" }));
+      await refreshAfterMutation();
+    } finally {
+      setBusyAction(null);
+    }
+  }
+  async function applyAction(actionId) {
+    setBusyAction(actionId);
+    try {
+      await postJson(`/api/actions/${encodeURIComponent(actionId)}/apply`);
+      await refreshAfterMutation();
+    } finally {
+      setBusyAction(null);
+    }
+  }
+  const toggleMessage = (messageId) => {
+    setExpandedMessages((expanded) => ({ ...expanded, [messageId]: !expanded[messageId] }));
+  };
+  if (loadState.loading && !board) {
+    return /* @__PURE__ */ u3(LoadingView, {});
+  }
+  return /* @__PURE__ */ u3("main", { className: "app-shell", children: [
+    /* @__PURE__ */ u3("header", { className: "topbar", children: [
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("p", { className: "eyebrow", children: "AgentComm Delegation Console" }),
+        /* @__PURE__ */ u3("h1", { children: board?.agent?.displayName ?? "Community Agent" }),
+        /* @__PURE__ */ u3("p", { className: "muted mono", children: board?.agent?.communityAgentId ?? "" })
+      ] }),
+      /* @__PURE__ */ u3("div", { className: "top-actions", children: /* @__PURE__ */ u3("button", { className: "secondary", type: "button", onClick: () => loadBoard(), children: "Refresh" }) })
+    ] }),
+    loadState.error ? /* @__PURE__ */ u3(Banner, { tone: "error", message: loadState.error }) : null,
+    board?.bridge?.offline ? /* @__PURE__ */ u3(Banner, { tone: "warn", message: "Bridge offline. Showing local workspace records only." }) : null,
+    board ? /* @__PURE__ */ u3(S, { children: [
+      /* @__PURE__ */ u3(StatusGrid, { board }),
+      /* @__PURE__ */ u3("section", { className: "workspace-grid", children: [
+        /* @__PURE__ */ u3("aside", { className: "left-rail", children: [
+          /* @__PURE__ */ u3(
+            DecisionPanel,
+            {
+              board,
+              busyAction,
+              replyDrafts,
+              setReplyDrafts,
+              onDecision: decideAction,
+              onApply: applyAction
+            }
+          ),
+          /* @__PURE__ */ u3(AuthorizationPanel, { authorization: board.authorization })
+        ] }),
+        /* @__PURE__ */ u3("section", { className: "main-panel", children: [
+          /* @__PURE__ */ u3("nav", { className: "tabs", "aria-label": "Board sections", children: TABS.map((item) => /* @__PURE__ */ u3(
+            "button",
+            {
+              type: "button",
+              className: tab === item.id ? "active" : "",
+              onClick: () => setTab(item.id),
+              children: item.label
+            },
+            item.id
+          )) }),
+          /* @__PURE__ */ u3(
+            TabContent,
+            {
+              tab,
+              board,
+              selectedThread,
+              selectedRoom,
+              selectedPeerId,
+              composerDrafts,
+              setComposerDrafts,
+              roomDrafts,
+              setRoomDrafts,
+              busyAction,
+              expandedMessages,
+              onSelectThread: markThreadRead,
+              onCloseThread: closeThread,
+              onSendMessage: sendMessage,
+              onSelectRoom: selectRoom,
+              onCloseRoom: closeRoom,
+              onSendRoomMessage: sendRoomMessage,
+              onToggleMessage: toggleMessage
+            }
+          )
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ u3(EmptyState, { title: "Board unavailable", body: "No board data is available yet." })
+  ] });
+}
+function LoadingView() {
+  return /* @__PURE__ */ u3("main", { className: "app-shell", children: /* @__PURE__ */ u3("div", { className: "loading-card", children: [
+    /* @__PURE__ */ u3("div", { className: "spinner" }),
+    /* @__PURE__ */ u3("div", { children: [
+      /* @__PURE__ */ u3("h1", { children: "Loading Delegation Console" }),
+      /* @__PURE__ */ u3("p", { className: "muted", children: "Reading the local AgentComm workspace." })
+    ] })
+  ] }) });
+}
+function Banner({ tone, message }) {
+  return /* @__PURE__ */ u3("div", { className: `banner ${tone}`, children: message });
+}
+function StatusGrid({ board }) {
+  return /* @__PURE__ */ u3("section", { className: "status-grid", children: [
+    /* @__PURE__ */ u3(Metric, { label: "Platform", value: board.agent.online ? "online" : "stale", detail: formatTime(board.agent.lastKeepaliveAt), tone: board.agent.online ? "good" : "warn" }),
+    /* @__PURE__ */ u3(Metric, { label: "Bridge", value: board.bridge.connected ? "connected" : "offline", detail: board.bridge.source, tone: board.bridge.connected ? "good" : "bad" }),
+    /* @__PURE__ */ u3(Metric, { label: "Decisions", value: board.summary.pendingDecisionCount, detail: `${board.summary.acceptedNotAppliedCount} accepted` }),
+    /* @__PURE__ */ u3(Metric, { label: "Conversations", value: board.summary.threadCount, detail: `${board.summary.handoffCount} handoff` }),
+    /* @__PURE__ */ u3(Metric, { label: "Rooms", value: board.summary.roomCount ?? 0, detail: "text transcript" })
+  ] });
+}
+function Metric({ label, value, detail, tone = "neutral" }) {
+  return /* @__PURE__ */ u3("article", { className: "metric-card", children: [
+    /* @__PURE__ */ u3("span", { className: "metric-label", children: label }),
+    /* @__PURE__ */ u3("strong", { className: `metric-value ${tone}`, children: value }),
+    /* @__PURE__ */ u3("span", { className: "metric-detail", children: detail || "none" })
+  ] });
+}
+function DecisionPanel({ board, busyAction, replyDrafts, setReplyDrafts, onDecision, onApply }) {
+  const hasWork = board.decisions.length > 0 || board.acceptedNotApplied.length > 0;
+  return /* @__PURE__ */ u3("section", { className: "panel", children: [
+    /* @__PURE__ */ u3(PanelTitle, { title: "Needs Your Decision", detail: "Only meaningful commitments should interrupt you." }),
+    !hasWork ? /* @__PURE__ */ u3(EmptyState, { title: "Nothing pending", body: "Low-risk messages stay in activity. Medium-risk items appear here.", compact: true }) : null,
+    /* @__PURE__ */ u3("div", { className: "item-stack", children: [
+      board.decisions.map((action) => /* @__PURE__ */ u3(
+        DecisionCard,
+        {
+          action,
+          busy: busyAction === action.actionId,
+          draft: replyDrafts[action.actionId] ?? "",
+          setDraft: (value) => setReplyDrafts((drafts) => ({ ...drafts, [action.actionId]: value })),
+          onDecision
+        },
+        action.actionId
+      )),
+      board.acceptedNotApplied.map((action) => /* @__PURE__ */ u3(AcceptedActionCard, { action, busy: busyAction === action.actionId, onApply }, action.actionId))
+    ] })
+  ] });
+}
+function DecisionCard({ action, busy, draft, setDraft, onDecision }) {
+  const isReply = action.kind === "reply_to_dm";
+  const canConfirm = !isReply || draft.trim().length > 0;
+  return /* @__PURE__ */ u3("article", { className: "work-card", children: [
+    /* @__PURE__ */ u3("div", { className: "card-head", children: [
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h3", { children: action.title }),
+        /* @__PURE__ */ u3("p", { className: "muted", children: formatTime(action.createdAt) })
+      ] }),
+      /* @__PURE__ */ u3(RiskPill, { value: action.riskLevel })
+    ] }),
+    /* @__PURE__ */ u3("p", { className: "card-copy", children: action.summary }),
+    action.kind === "meeting_summary" && action.todos?.length ? /* @__PURE__ */ u3("ul", { className: "todo-list", children: action.todos.map((todo, index) => /* @__PURE__ */ u3("li", { children: [
+      /* @__PURE__ */ u3("span", { children: todo.text ?? String(todo) }),
+      todo.due_at ? /* @__PURE__ */ u3("small", { children: todo.due_at }) : null
+    ] }, `${action.actionId}:${index}`)) }) : null,
+    action.sourceMessage ? /* @__PURE__ */ u3("blockquote", { children: action.sourceMessage.message }) : null,
+    isReply ? /* @__PURE__ */ u3(
+      "textarea",
+      {
+        value: draft,
+        placeholder: `Reply to ${action.peerDisplayName || "agent"}`,
+        onInput: (event) => setDraft(event.currentTarget.value),
+        "aria-label": "Reply message"
+      }
+    ) : null,
+    /* @__PURE__ */ u3("div", { className: "button-row", children: [
+      /* @__PURE__ */ u3("button", { className: "accept", type: "button", disabled: busy || !canConfirm, onClick: () => onDecision(action, "confirm"), children: busy ? "Working..." : isReply ? "Send reply" : "Confirm" }),
+      /* @__PURE__ */ u3("button", { className: "reject", type: "button", disabled: busy, onClick: () => onDecision(action, "reject"), children: "Reject" })
+    ] })
+  ] });
+}
+function AcceptedActionCard({ action, busy, onApply }) {
+  return /* @__PURE__ */ u3("article", { className: "work-card", children: [
+    /* @__PURE__ */ u3("div", { className: "card-head", children: [
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h3", { children: action.title }),
+        /* @__PURE__ */ u3("p", { className: "muted", children: action.summary })
+      ] }),
+      /* @__PURE__ */ u3("span", { className: "pill medium", children: "accepted" })
+    ] }),
+    /* @__PURE__ */ u3("button", { className: "accept", type: "button", disabled: busy, onClick: () => onApply(action.actionId), children: busy ? "Applying..." : "Apply" })
+  ] });
+}
+function AuthorizationPanel({ authorization }) {
+  return /* @__PURE__ */ u3("section", { className: "panel", children: [
+    /* @__PURE__ */ u3(PanelTitle, { title: "Authorization", detail: "How your community persona is allowed to act." }),
+    /* @__PURE__ */ u3("div", { className: "auth-grid", children: [
+      /* @__PURE__ */ u3(AuthRow, { label: "Automatic", values: authorization.automatic, detail: authorization.autoReceipt.enabled ? "Auto receipt enabled" : "" }),
+      /* @__PURE__ */ u3(AuthRow, { label: "Ask me", values: authorization.ask }),
+      /* @__PURE__ */ u3(AuthRow, { label: "Blocked", values: authorization.blocked })
+    ] }),
+    /* @__PURE__ */ u3("p", { className: "muted mono", children: [
+      "protocol ",
+      authorization.protocolVersion
+    ] })
+  ] });
+}
+function AuthRow({ label, values, detail = "" }) {
+  return /* @__PURE__ */ u3("div", { className: "auth-row", children: [
+    /* @__PURE__ */ u3("strong", { children: label }),
+    /* @__PURE__ */ u3("p", { children: values.length ? values.join(", ") : "none" }),
+    detail ? /* @__PURE__ */ u3("span", { children: detail }) : null
+  ] });
+}
+function TabContent(props) {
+  if (props.tab === "threads") return /* @__PURE__ */ u3(ThreadsView, { ...props });
+  if (props.tab === "rooms") return /* @__PURE__ */ u3(RoomsView, { ...props });
+  if (props.tab === "skills") return /* @__PURE__ */ u3(SkillsView, { board: props.board });
+  if (props.tab === "posts") return /* @__PURE__ */ u3(PostsView, { board: props.board });
+  if (props.tab === "debug") return /* @__PURE__ */ u3(DebugView, { board: props.board });
+  return /* @__PURE__ */ u3(ActivityView, { board: props.board });
+}
+function RoomsView({
+  board,
+  selectedRoom,
+  roomDrafts,
+  setRoomDrafts,
+  busyAction,
+  onSelectRoom,
+  onCloseRoom,
+  onSendRoomMessage
+}) {
+  if (!board.rooms.length) {
+    return /* @__PURE__ */ u3(EmptyState, { title: "No rooms", body: "Committed meetings will open text rooms here." });
+  }
+  if (!selectedRoom) {
+    return /* @__PURE__ */ u3("div", { className: "conversation-home", children: [
+      /* @__PURE__ */ u3(PanelTitle, { title: "Meeting Rooms", detail: "Room logs are the transcript." }),
+      /* @__PURE__ */ u3("div", { className: "thread-list", role: "list", children: board.rooms.map((room) => /* @__PURE__ */ u3("button", { className: "thread-button", type: "button", onClick: () => onSelectRoom(room.roomId), children: [
+        /* @__PURE__ */ u3("span", { className: "thread-title", children: [
+          /* @__PURE__ */ u3("strong", { children: room.topic }),
+          /* @__PURE__ */ u3("span", { className: "pill low", children: room.status })
+        ] }),
+        /* @__PURE__ */ u3("span", { className: "thread-preview", children: room.lastMessagePreview || room.memberLabels.join(", ") }),
+        /* @__PURE__ */ u3("span", { className: "thread-time", children: formatTime(room.lastMessageAt ?? room.updatedAt) })
+      ] }, room.roomId)) })
+    ] });
+  }
+  const draft = roomDrafts[selectedRoom.roomId] ?? "";
+  const sendBusy = busyAction === `room:${selectedRoom.roomId}`;
+  return /* @__PURE__ */ u3("div", { className: "conversation-window", children: /* @__PURE__ */ u3("section", { className: "thread-detail", "aria-label": `Meeting room ${selectedRoom.topic}`, children: [
+    /* @__PURE__ */ u3("div", { className: "thread-header", children: [
+      /* @__PURE__ */ u3("button", { className: "secondary", type: "button", onClick: onCloseRoom, children: "Back" }),
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h2", { children: selectedRoom.topic }),
+        /* @__PURE__ */ u3("p", { className: "muted mono", children: selectedRoom.roomId }),
+        /* @__PURE__ */ u3("p", { className: "muted", children: selectedRoom.memberLabels.join(" + ") })
+      ] })
+    ] }),
+    /* @__PURE__ */ u3(RoomSummary, { summary: selectedRoom.summary }),
+    /* @__PURE__ */ u3(RoomTranscript, { room: selectedRoom }),
+    /* @__PURE__ */ u3("div", { className: "composer-card", children: [
+      /* @__PURE__ */ u3("label", { htmlFor: "roomComposer", children: [
+        "Send as human through ",
+        board.agent.displayName
+      ] }),
+      /* @__PURE__ */ u3(
+        "textarea",
+        {
+          id: "roomComposer",
+          value: draft,
+          placeholder: "Write to the room",
+          onInput: (event) => setRoomDrafts((drafts) => ({
+            ...drafts,
+            [selectedRoom.roomId]: event.currentTarget.value
+          }))
+        }
+      ),
+      /* @__PURE__ */ u3("div", { className: "button-row", children: [
+        /* @__PURE__ */ u3("span", { className: "muted", children: "Messages go through Bridge policy and local audit." }),
+        /* @__PURE__ */ u3("button", { className: "accept", type: "button", disabled: sendBusy || !draft.trim(), onClick: () => onSendRoomMessage(selectedRoom.roomId), children: sendBusy ? "Sending..." : "Send" })
+      ] })
+    ] })
+  ] }) });
+}
+function RoomSummary({ summary }) {
+  if (!summary) {
+    return null;
+  }
+  return /* @__PURE__ */ u3("section", { className: "summary-card", children: [
+    /* @__PURE__ */ u3("div", { className: "card-head", children: [
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h3", { children: "Confirmed Summary" }),
+        /* @__PURE__ */ u3("p", { className: "muted", children: formatTime(summary.confirmed_at ?? summary.created_at) })
+      ] }),
+      /* @__PURE__ */ u3("span", { className: "pill medium", children: "local" })
+    ] }),
+    /* @__PURE__ */ u3("p", { children: summary.summary }),
+    Array.isArray(summary.todos) && summary.todos.length ? /* @__PURE__ */ u3("ul", { className: "todo-list", children: summary.todos.map((todo, index) => /* @__PURE__ */ u3("li", { children: [
+      /* @__PURE__ */ u3("span", { children: todo.text }),
+      todo.due_at ? /* @__PURE__ */ u3("small", { children: todo.due_at }) : null
+    ] }, `${summary.summary_id}:${index}`)) }) : null
+  ] });
+}
+function RoomTranscript({ room }) {
+  if (!room.messages.length) {
+    return /* @__PURE__ */ u3(EmptyState, { title: "No room messages", body: "When people type in this room, the transcript appears here.", compact: true });
+  }
+  return /* @__PURE__ */ u3("div", { className: "message-list", children: room.messages.map((message) => /* @__PURE__ */ u3("article", { className: `bubble ${message.speakerKind === "human" ? "user" : "peer"}`, children: [
+    /* @__PURE__ */ u3("div", { className: "bubble-head", children: [
+      /* @__PURE__ */ u3("strong", { children: [
+        message.senderDisplayName,
+        " \xB7 ",
+        message.speakerKind
+      ] }),
+      /* @__PURE__ */ u3("span", { className: "muted small", children: formatTime(message.createdAt) })
+    ] }),
+    /* @__PURE__ */ u3("p", { children: message.message }),
+    /* @__PURE__ */ u3("p", { className: "muted small mono", children: message.envelopeId })
+  ] }, message.id)) });
+}
+function ThreadsView({
+  board,
+  selectedThread,
+  selectedPeerId,
+  composerDrafts,
+  setComposerDrafts,
+  busyAction,
+  expandedMessages,
+  onSelectThread,
+  onCloseThread,
+  onSendMessage,
+  onToggleMessage
+}) {
+  if (!board.threads.length) {
+    return /* @__PURE__ */ u3(EmptyState, { title: "No conversations", body: "When your Agent exchanges DMs, threads appear here." });
+  }
+  if (!selectedThread) {
+    return /* @__PURE__ */ u3("div", { className: "conversation-home", children: [
+      /* @__PURE__ */ u3(PanelTitle, { title: "Conversations", detail: "Pick one agent to inspect the shared history." }),
+      /* @__PURE__ */ u3("div", { className: "thread-list", role: "list", children: board.threads.map((item) => /* @__PURE__ */ u3("button", { className: "thread-button", type: "button", onClick: () => onSelectThread(item.peerAgentId), children: [
+        /* @__PURE__ */ u3("span", { className: "thread-title", children: [
+          /* @__PURE__ */ u3("strong", { children: item.displayName }),
+          item.unreadCount ? /* @__PURE__ */ u3("span", { className: "unread", children: item.unreadCount }) : null
+        ] }),
+        /* @__PURE__ */ u3("span", { className: "thread-preview", children: item.lastMessagePreview }),
+        /* @__PURE__ */ u3("span", { className: "thread-time", children: formatTime(item.lastMessageAt) })
+      ] }, item.peerAgentId)) })
+    ] });
+  }
+  const thread = selectedThread;
+  const draft = composerDrafts[thread.peerAgentId] ?? "";
+  const sendBusy = busyAction === `send:${thread.peerAgentId}`;
+  return /* @__PURE__ */ u3("div", { className: "conversation-window", children: /* @__PURE__ */ u3("section", { className: "thread-detail", "aria-label": `Conversation with ${thread.displayName}`, children: [
+    /* @__PURE__ */ u3("div", { className: "thread-header", children: [
+      /* @__PURE__ */ u3("button", { className: "secondary", type: "button", onClick: onCloseThread, children: "Back" }),
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h2", { children: thread.displayName }),
+        /* @__PURE__ */ u3("p", { className: "muted mono", children: thread.peerAgentId })
+      ] })
+    ] }),
+    /* @__PURE__ */ u3(MessageList, { thread, expandedMessages, onToggleMessage }),
+    /* @__PURE__ */ u3("div", { className: "composer-card", children: [
+      /* @__PURE__ */ u3("label", { htmlFor: "threadComposer", children: [
+        "Send as ",
+        board.agent.displayName
+      ] }),
+      /* @__PURE__ */ u3(
+        "textarea",
+        {
+          id: "threadComposer",
+          value: draft,
+          placeholder: "Write a message",
+          onInput: (event) => setComposerDrafts((drafts) => ({
+            ...drafts,
+            [thread.peerAgentId]: event.currentTarget.value
+          }))
+        }
+      ),
+      /* @__PURE__ */ u3("div", { className: "button-row", children: [
+        /* @__PURE__ */ u3("span", { className: "muted", children: "Your message goes through Bridge policy and audit." }),
+        /* @__PURE__ */ u3("button", { className: "accept", type: "button", disabled: sendBusy || !draft.trim(), onClick: () => onSendMessage(thread.peerAgentId), children: sendBusy ? "Sending..." : "Send" })
+      ] })
+    ] })
+  ] }) });
+}
+function MessageList({ thread, expandedMessages, onToggleMessage }) {
+  const scrollerRef = A2(null);
+  const scrollSnapshot = A2({ peerAgentId: thread.peerAgentId, top: 0, height: 0 });
+  y2(() => {
+    const node = scrollerRef.current;
+    if (!node) return;
+    if (scrollSnapshot.current.peerAgentId !== thread.peerAgentId) {
+      scrollSnapshot.current = { peerAgentId: thread.peerAgentId, top: 0, height: node.scrollHeight };
+      node.scrollTop = 0;
+      return;
+    }
+    const nextTop = scrollSnapshot.current.top + (node.scrollHeight - scrollSnapshot.current.height);
+    if (scrollSnapshot.current.height > 0) {
+      node.scrollTop = Math.max(0, nextTop);
+    }
+  }, [thread.peerAgentId, thread.messages.length]);
+  const rememberScroll = () => {
+    const node = scrollerRef.current;
+    if (!node) return;
+    scrollSnapshot.current = { peerAgentId: thread.peerAgentId, top: node.scrollTop, height: node.scrollHeight };
+  };
+  return /* @__PURE__ */ u3("div", { className: "message-list", ref: scrollerRef, onScroll: rememberScroll, children: thread.messages.map((message) => /* @__PURE__ */ u3(
+    MessageBubble,
+    {
+      message,
+      peerName: thread.displayName,
+      expanded: Boolean(expandedMessages[message.id]),
+      onToggle: () => onToggleMessage(message.id)
+    },
+    message.id
+  )) });
+}
+function MessageBubble({ message, peerName, expanded, onToggle }) {
+  if (message.speaker === "agent") {
+    return /* @__PURE__ */ u3("div", { className: "system-line", children: message.message });
+  }
+  const isPeer = message.speaker === "peer";
+  const meta = [formatTime(message.createdAt), message.intent].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ u3("article", { className: `bubble ${isPeer ? "peer" : "user"}`, children: [
+    /* @__PURE__ */ u3("div", { className: "bubble-head", children: [
+      /* @__PURE__ */ u3("strong", { children: isPeer ? peerName : "You" }),
+      /* @__PURE__ */ u3("button", { className: "text-button", type: "button", onClick: onToggle, children: expanded ? "Hide details" : "Details" })
+    ] }),
+    /* @__PURE__ */ u3("p", { children: message.message }),
+    expanded ? /* @__PURE__ */ u3("dl", { className: "message-details", children: [
+      /* @__PURE__ */ u3("dt", { children: "Time" }),
+      /* @__PURE__ */ u3("dd", { children: formatTime(message.createdAt) }),
+      /* @__PURE__ */ u3("dt", { children: "Envelope" }),
+      /* @__PURE__ */ u3("dd", { children: message.envelopeId || "unknown" }),
+      /* @__PURE__ */ u3("dt", { children: "Intent" }),
+      /* @__PURE__ */ u3("dd", { children: message.intent || "none" })
+    ] }) : /* @__PURE__ */ u3("p", { className: "muted small", children: meta })
+  ] });
+}
+function ActivityView({ board }) {
+  if (!board.activity.length) {
+    return /* @__PURE__ */ u3(EmptyState, { title: "No activity yet", body: "Automatic receipts, policy decisions, and accepted work will appear here." });
+  }
+  return /* @__PURE__ */ u3("div", { className: "item-stack", children: board.activity.map((item) => /* @__PURE__ */ u3("article", { className: "list-card", children: [
+    /* @__PURE__ */ u3("div", { className: "card-head", children: [
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h3", { children: item.title }),
+        /* @__PURE__ */ u3("p", { className: "muted", children: [
+          item.kind,
+          " \xB7 ",
+          formatTime(item.createdAt)
+        ] })
+      ] }),
+      /* @__PURE__ */ u3(RiskPill, { value: item.riskLevel })
+    ] }),
+    /* @__PURE__ */ u3("p", { children: item.body })
+  ] }, item.id)) });
+}
+function SkillsView({ board }) {
+  if (!board.skillOffers.length) {
+    return /* @__PURE__ */ u3(EmptyState, { title: "No skill offers", body: "Recommendations from the community will appear here." });
+  }
+  return /* @__PURE__ */ u3("div", { className: "item-stack", children: board.skillOffers.map((offer) => /* @__PURE__ */ u3("article", { className: "list-card", children: [
+    /* @__PURE__ */ u3("div", { className: "card-head", children: [
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("h3", { children: offer.name }),
+        /* @__PURE__ */ u3("p", { className: "mono", children: offer.skillSlug })
+      ] }),
+      /* @__PURE__ */ u3(RiskPill, { value: offer.riskLevel })
+    ] }),
+    /* @__PURE__ */ u3("p", { children: offer.description })
+  ] }, offer.offerId ?? offer.skillSlug)) });
+}
+function PostsView({ board }) {
+  if (!board.posts.length) {
+    return /* @__PURE__ */ u3(EmptyState, { title: "No posts", body: "Community posts cached by the bridge will appear here." });
+  }
+  return /* @__PURE__ */ u3("div", { className: "item-stack", children: board.posts.map((post) => /* @__PURE__ */ u3("article", { className: "list-card", children: [
+    /* @__PURE__ */ u3("div", { className: "card-head", children: [
+      /* @__PURE__ */ u3("h3", { children: post.title }),
+      /* @__PURE__ */ u3("span", { className: "muted", children: formatTime(post.createdAt) })
+    ] }),
+    /* @__PURE__ */ u3("p", { children: post.body })
+  ] }, post.id)) });
+}
+function DebugView({ board }) {
+  return /* @__PURE__ */ u3("div", { className: "debug-grid", children: /* @__PURE__ */ u3("pre", { children: JSON.stringify(board.debug, null, 2) }) });
+}
+function PanelTitle({ title, detail }) {
+  return /* @__PURE__ */ u3("div", { className: "panel-title", children: [
+    /* @__PURE__ */ u3("h2", { children: title }),
+    /* @__PURE__ */ u3("p", { children: detail })
+  ] });
+}
+function EmptyState({ title, body, compact = false }) {
+  return /* @__PURE__ */ u3("div", { className: `empty-state ${compact ? "compact" : ""}`, children: [
+    /* @__PURE__ */ u3("strong", { children: title }),
+    /* @__PURE__ */ u3("p", { children: body })
+  ] });
+}
+function RiskPill({ value }) {
+  return /* @__PURE__ */ u3("span", { className: `pill ${value || "low"}`, children: value || "low" });
+}
+function formatTime(value) {
+  if (!value) return "unknown";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return String(value);
+  return new Intl.DateTimeFormat(void 0, {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  }).format(date);
+}
+R(/* @__PURE__ */ u3(App, {}), document.getElementById("app"));