@belonguniverseai/react-sdk 0.6.18 → 0.6.20

package/dist/component/{mindmap-definition-FAOFIHXS-DtEeqND2.js → mindmap-definition-FAOFIHXS-D9m5nI-X.js}

@@ -1,6 +1,6 @@
-import { g as oe } from "./chunk-XXDRQBXY-BJzLpKlJ.js";
-import { s as ae } from "./chunk-KBJHAD2P-BnQgMdlj.js";
-import { _ as l, l as C, v as ce, x as le, z as he, E as G, c as B, i as F, b9 as de, ad as ge, ae as ue, af as pe } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { g as oe } from "./chunk-XXDRQBXY-CJW3AYPF.js";
+import { s as ae } from "./chunk-KBJHAD2P-Cj08hUgE.js";
+import { _ as l, l as C, v as ce, x as le, z as he, E as G, c as B, i as F, b9 as de, ad as ge, ae as ue, af as pe } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 const b = [];
@@ -830,4 +830,4 @@ var _e = Y, ke = 12, N = {
 export {
   we as diagram
 };
-//# sourceMappingURL=mindmap-definition-FAOFIHXS-DtEeqND2.js.map
+//# sourceMappingURL=mindmap-definition-FAOFIHXS-D9m5nI-X.js.map

package/dist/component/{pegDiagram-VL7TDLO6-4lhU_z4v.js → pegDiagram-VL7TDLO6-C6Voiy3J.js}

@@ -1,6 +1,6 @@
-import { g as i, r as m, d as a } from "./chunk-6Q2QTUOP-DxaHOD10.js";
-import { p } from "./chunk-JWPE2WC7-BX-bA5Hi.js";
-import { _ as t, l as o } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { g as i, r as m, d as a } from "./chunk-6Q2QTUOP-35aGDtbe.js";
+import { p } from "./chunk-JWPE2WC7-CZN_bZMl.js";
+import { _ as t, l as o } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { M as u, d as c } from "./cynefin-VYW2F7L2-DAyxamLw.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
@@ -95,4 +95,4 @@ var f = c().RailroadPeg.parser.LangiumParser, l = /* @__PURE__ */ t((e) => {
 export {
   S as diagram
 };
-//# sourceMappingURL=pegDiagram-VL7TDLO6-4lhU_z4v.js.map
+//# sourceMappingURL=pegDiagram-VL7TDLO6-C6Voiy3J.js.map

package/dist/component/{pieDiagram-7S7Q4E2Y-D8cHUkzW.js → pieDiagram-7S7Q4E2Y-sqStHf6X.js}

@@ -1,7 +1,7 @@
-import { p as at } from "./chunk-JWPE2WC7-BX-bA5Hi.js";
-import { V as D, K as P, b8 as rt, g as nt, s as it, a as ot, b as st, p as lt, o as ct, _ as d, l as B, c as gt, D as ut, G as dt, a4 as ht, e as pt, q as ft, E as mt } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { p as at } from "./chunk-JWPE2WC7-CZN_bZMl.js";
+import { V as D, K as P, b8 as rt, g as nt, s as it, a as ot, b as st, p as lt, o as ct, _ as d, l as B, c as gt, D as ut, G as dt, a4 as ht, e as pt, q as ft, E as mt } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { p as vt } from "./cynefin-VYW2F7L2-DAyxamLw.js";
-import { d as X } from "./arc-Cr7brctQ.js";
+import { d as X } from "./arc-BDj2q5CZ.js";
 import { o as xt } from "./ordinal-D0x7izaa.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
@@ -207,4 +207,4 @@ var At = mt.pie, I = {
 export {
   It as diagram
 };
-//# sourceMappingURL=pieDiagram-7S7Q4E2Y-D8cHUkzW.js.map
+//# sourceMappingURL=pieDiagram-7S7Q4E2Y-sqStHf6X.js.map

package/dist/component/{quadrantDiagram-CIZ2JOQS-BNeqfDf4.js → quadrantDiagram-CIZ2JOQS-J4smKtsQ.js}

@@ -1,5 +1,5 @@
-import { s as Se, g as _e, p as ee, o as Ae, a as ke, b as Fe, _ as r, c as Et, l as qt, d as vt, e as Pe, q as ve, E as z, i as Ce, Z as Le } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
-import { l as te } from "./linear-BJGedx0o.js";
+import { s as Se, g as _e, p as ee, o as Ae, a as ke, b as Fe, _ as r, c as Et, l as qt, d as vt, e as Pe, q as ve, E as z, i as Ce, Z as Le } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
+import { l as te } from "./linear-BT5VqKju.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var Ct = (function() {
@@ -1029,4 +1029,4 @@ var ze = /* @__PURE__ */ r(function() {
 export {
   Ne as diagram
 };
-//# sourceMappingURL=quadrantDiagram-CIZ2JOQS-BNeqfDf4.js.map
+//# sourceMappingURL=quadrantDiagram-CIZ2JOQS-J4smKtsQ.js.map

package/dist/component/{railroadDiagram-AXF67PYL-BnMzmkOY.js → railroadDiagram-AXF67PYL-DWSgdnlw.js}

@@ -1,6 +1,6 @@
-import { g as o, r as i, d as t } from "./chunk-6Q2QTUOP-DxaHOD10.js";
-import { p } from "./chunk-JWPE2WC7-BX-bA5Hi.js";
-import { _ as l, l as n } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { g as o, r as i, d as t } from "./chunk-6Q2QTUOP-35aGDtbe.js";
+import { p } from "./chunk-JWPE2WC7-CZN_bZMl.js";
+import { _ as l, l as n } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { M as m, c as u } from "./cynefin-VYW2F7L2-DAyxamLw.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
@@ -77,4 +77,4 @@ var d = u().Railroad.parser.LangiumParser, a = /* @__PURE__ */ l((e) => {
 export {
   E as diagram
 };
-//# sourceMappingURL=railroadDiagram-AXF67PYL-BnMzmkOY.js.map
+//# sourceMappingURL=railroadDiagram-AXF67PYL-DWSgdnlw.js.map

package/dist/component/{requirementDiagram-LRYGKXZP-BRH5fHva.js → requirementDiagram-LRYGKXZP-CD2psvke.js}

@@ -1,6 +1,6 @@
-import { g as ze } from "./chunk-XXDRQBXY-BJzLpKlJ.js";
-import { s as Ge } from "./chunk-KBJHAD2P-BnQgMdlj.js";
-import { _ as h, z as Ye, b as Xe, a as Je, s as Ze, g as et, o as tt, p as st, c as ke, l as Ne, q as it, u as rt, v as nt, x as at, y as lt } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { g as ze } from "./chunk-XXDRQBXY-CJW3AYPF.js";
+import { s as Ge } from "./chunk-KBJHAD2P-Cj08hUgE.js";
+import { _ as h, z as Ye, b as Xe, a as Je, s as Ze, g as et, o as tt, p as st, c as ke, l as Ne, q as it, u as rt, v as nt, x as at, y as lt } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var qe = (function() {
@@ -885,4 +885,4 @@ var mt = /* @__PURE__ */ h(async function(e, u, o, n) {
 export {
   Rt as diagram
 };
-//# sourceMappingURL=requirementDiagram-LRYGKXZP-BRH5fHva.js.map
+//# sourceMappingURL=requirementDiagram-LRYGKXZP-CD2psvke.js.map

package/dist/component/{sankeyDiagram-W5VNT64P-Cq0gDRP2.js → sankeyDiagram-W5VNT64P-BTctWXxs.js}

@@ -1,4 +1,4 @@
-import { o as kt, p as mt, s as xt, g as _t, b as vt, a as bt, _ as y, c as ot, bc as St, d as G, ag as wt, q as Lt, k as Et } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { o as kt, p as mt, s as xt, g as _t, b as vt, a as bt, _ as y, c as ot, bc as St, d as G, ag as wt, q as Lt, k as Et } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { o as Tt } from "./ordinal-D0x7izaa.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
@@ -859,4 +859,4 @@ var ge = {
 export {
   ge as diagram
 };
-//# sourceMappingURL=sankeyDiagram-W5VNT64P-Cq0gDRP2.js.map
+//# sourceMappingURL=sankeyDiagram-W5VNT64P-BTctWXxs.js.map

package/dist/component/{sequenceDiagram-SI44F4Z6-BVaNAKx0.js → sequenceDiagram-SI44F4Z6-BSr4jTRw.js}

@@ -1,6 +1,6 @@
-import { I as tr } from "./chunk-2Q5K7J3B-CSsLOQM_.js";
-import { _ as x, $ as er, c as $, d as Vt, l as at, j as Ce, e as rr, f as ar, k as N, b as ke, s as sr, o as ir, a as nr, g as or, p as cr, a0 as lr, a1 as hr, q as dr, i as Yt, y as Z, a2 as Q, a3 as Pt, a4 as Me, a5 as Tr, z as Kt, a6 as pr, a7 as Be } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
-import { a as Er, b as ae, g as dt, d as ur, c as se, e as ie } from "./chunk-2GRJ4B5K-BTagC02U.js";
+import { I as tr } from "./chunk-2Q5K7J3B-ACFPsFU_.js";
+import { _ as x, $ as er, c as $, d as Vt, l as at, j as Ce, e as rr, f as ar, k as N, b as ke, s as sr, o as ir, a as nr, g as or, p as cr, a0 as lr, a1 as hr, q as dr, i as Yt, y as Z, a2 as Q, a3 as Pt, a4 as Me, a5 as Tr, z as Kt, a6 as pr, a7 as Be } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
+import { a as Er, b as ae, g as dt, d as ur, c as se, e as ie } from "./chunk-2GRJ4B5K-BmCkMXuE.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var te = (function() {
@@ -2891,4 +2891,4 @@ var ra = /* @__PURE__ */ x(async function(e, t, a) {
 export {
   Ta as diagram
 };
-//# sourceMappingURL=sequenceDiagram-SI44F4Z6-BVaNAKx0.js.map
+//# sourceMappingURL=sequenceDiagram-SI44F4Z6-BSr4jTRw.js.map

package/dist/component/{sizeCapture-X5ZJPWSS-TjSqgMqH.js → sizeCapture-X5ZJPWSS-DDKZl6MR.js}

@@ -1,4 +1,4 @@
-import { _ as t } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { _ as t } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var l = 1;
@@ -46,4 +46,4 @@ export {
   p as captureNodeSizes,
   c as shouldCaptureSizes
 };
-//# sourceMappingURL=sizeCapture-X5ZJPWSS-TjSqgMqH.js.map
+//# sourceMappingURL=sizeCapture-X5ZJPWSS-DDKZl6MR.js.map

package/dist/component/{stateDiagram-OKZ733FA-h8M4ZCJD.js → stateDiagram-OKZ733FA-DpICd9vK.js}

@@ -1,5 +1,5 @@
-import { s as R, a as W, S as N } from "./chunk-5RXB4S5H-CnKLpufI.js";
-import { _ as f, c as t, d as M, l as S, e as P, k as z, aa as _, ab as U, a6 as C, y as F } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { s as R, a as W, S as N } from "./chunk-5RXB4S5H-Bu-wqNe4.js";
+import { _ as f, c as t, d as M, l as S, e as P, k as z, aa as _, ab as U, a6 as C, y as F } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { G as O } from "./graph-CWpEkm4G.js";
 import { l as J } from "./layout-Br2UjHRU.js";
 globalThis.process = globalThis.process || { env: {} };
@@ -263,4 +263,4 @@ var X = /* @__PURE__ */ f((e) => e.append("circle").attr("class", "start-state")
 export {
   ot as diagram
 };
-//# sourceMappingURL=stateDiagram-OKZ733FA-h8M4ZCJD.js.map
+//# sourceMappingURL=stateDiagram-OKZ733FA-DpICd9vK.js.map

package/dist/component/{stateDiagram-v2-UEYNNEHI-Bt7eFNHB.js → stateDiagram-v2-UEYNNEHI-CDWkukZc.js}

@@ -1,5 +1,5 @@
-import { s as e, b as r, a as s, S as t } from "./chunk-5RXB4S5H-CnKLpufI.js";
-import { _ as l } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { s as e, b as r, a as s, S as t } from "./chunk-5RXB4S5H-Bu-wqNe4.js";
+import { _ as l } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var b = {
@@ -16,4 +16,4 @@ var b = {
 export {
   b as diagram
 };
-//# sourceMappingURL=stateDiagram-v2-UEYNNEHI-Bt7eFNHB.js.map
+//# sourceMappingURL=stateDiagram-v2-UEYNNEHI-CDWkukZc.js.map

package/dist/component/{swimlanes-SLNWSIFB-sfBKGyKm.js → swimlanes-SLNWSIFB-C2qUEfbN.js}

@@ -1,5 +1,5 @@
-import { c as Tr } from "./chunk-RYQCIY6F-BhueWm50.js";
-import { ap as Er, aq as wr, ar as Ar, as as Rr, l as Ke, c as Nr, aj as Or, ai as Pr, ak as Br, aw as kr, ay as Fr, z as _r, av as Dr, az as Hr, y as Oe, aA as Ye, _ as d, aB as Ao } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { c as Tr } from "./chunk-RYQCIY6F-CC4FyEwj.js";
+import { ap as Er, aq as wr, ar as Ar, as as Rr, l as Ke, c as Nr, aj as Or, ai as Pr, ak as Br, aw as kr, ay as Fr, z as _r, av as Dr, az as Hr, y as Oe, aA as Ye, _ as d, aB as Ao } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { G as Xr } from "./graph-CWpEkm4G.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
@@ -24,7 +24,7 @@ async function Fo(t, e) {
   for (const I of o)
     n.setEdge(I.start, I.end, { ...I }, I.id), e.edges.some((p) => p.id === I.id) || e.edges.push(I);
   if (globalThis.mermaidCaptureSizes) {
-    const { captureNodeSizes: I } = await import("./sizeCapture-X5ZJPWSS-TjSqgMqH.js");
+    const { captureNodeSizes: I } = await import("./sizeCapture-X5ZJPWSS-DDKZl6MR.js");
     I(t, e);
   }
   return {
@@ -5332,4 +5332,4 @@ d(Zr, "render");
 export {
   Zr as render
 };
-//# sourceMappingURL=swimlanes-SLNWSIFB-sfBKGyKm.js.map
+//# sourceMappingURL=swimlanes-SLNWSIFB-C2qUEfbN.js.map

package/dist/component/{swimlanesDiagram-ULZ7WXOC-CxFraoVG.js → swimlanesDiagram-ULZ7WXOC-BATYiMa7.js}

@@ -1,5 +1,5 @@
-import { c as e, s as a } from "./flowDiagram-UKHOOZJN-BfeqDLOI.js";
-import { _ as s } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { c as e, s as a } from "./flowDiagram-UKHOOZJN-2aUAXRZU.js";
+import { _ as s } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var t = /* @__PURE__ */ s((l) => `${a(l)}
@@ -13,4 +13,4 @@ var t = /* @__PURE__ */ s((l) => `${a(l)}
 export {
   g as diagram
 };
-//# sourceMappingURL=swimlanesDiagram-ULZ7WXOC-CxFraoVG.js.map
+//# sourceMappingURL=swimlanesDiagram-ULZ7WXOC-BATYiMa7.js.map

package/dist/component/{timeline-definition-Z64GVDOM-DAWBGXFV.js → timeline-definition-Z64GVDOM-BANf8HvQ.js}

@@ -1,5 +1,5 @@
-import { _ as o, z as gt, ad as Rt, ae as Ct, af as Wt, c as pt, l as E, G as Pt, a4 as Bt, ag as ft, d as U, u as Vt, ah as Ft, q as zt } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
-import { d as ot } from "./arc-Cr7brctQ.js";
+import { _ as o, z as gt, ad as Rt, ae as Ct, af as Wt, c as pt, l as E, G as Pt, a4 as Bt, ag as ft, d as U, u as Vt, ah as Ft, q as zt } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
+import { d as ot } from "./arc-BDj2q5CZ.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 var tt = (function() {
@@ -1055,4 +1055,4 @@ var Qt = /* @__PURE__ */ o(function(e, t, n, i, r, h = !1) {
 export {
   me as diagram
 };
-//# sourceMappingURL=timeline-definition-Z64GVDOM-DAWBGXFV.js.map
+//# sourceMappingURL=timeline-definition-Z64GVDOM-BANf8HvQ.js.map

package/dist/component/{vennDiagram-T6HMQDX7-CmFvuTy7.js → vennDiagram-T6HMQDX7-ByIwO7x1.js}

@@ -1,4 +1,4 @@
-import { b7 as Wt, s as Kt, g as Ht, p as Yt, o as Xt, a as Zt, b as Jt, _ as w, z as wt, G as Qt, d as ot, ao as $t, ad as te, ae as ee, af as ne, e as se, q as ie, D as oe, E as re } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { b7 as Wt, s as Kt, g as Ht, p as Yt, o as Xt, a as Zt, b as Jt, _ as w, z as wt, G as Qt, d as ot, ao as $t, ad as te, ae as ee, af as ne, e as se, q as ie, D as oe, E as re } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 const kt = (t, n) => Wt(t, "a", -n), _t = 1e-10;
@@ -1578,4 +1578,4 @@ var Ue = { draw: qe }, We = {
 export {
   We as diagram
 };
-//# sourceMappingURL=vennDiagram-T6HMQDX7-CmFvuTy7.js.map
+//# sourceMappingURL=vennDiagram-T6HMQDX7-ByIwO7x1.js.map

package/dist/component/{wardleyDiagram-T6FBY63Y-gn696H4v.js → wardleyDiagram-T6FBY63Y-5_6KGTWP.js}

@@ -1,5 +1,5 @@
-import { p as St } from "./chunk-JWPE2WC7-BX-bA5Hi.js";
-import { s as Mt, g as Nt, p as Tt, o as zt, a as Lt, b as At, _ as u, Z as Xt, z as Et, D as U, l as K, G as Yt, e as It, q as Bt, c as j } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { p as St } from "./chunk-JWPE2WC7-CZN_bZMl.js";
+import { s as Mt, g as Nt, p as Tt, o as zt, a as Lt, b as At, _ as u, Z as Xt, z as Et, D as U, l as K, G as Yt, e as It, q as Bt, c as j } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { p as Ft } from "./cynefin-VYW2F7L2-DAyxamLw.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
@@ -678,4 +678,4 @@ var Dt = {
 export {
   Qt as diagram
 };
-//# sourceMappingURL=wardleyDiagram-T6FBY63Y-gn696H4v.js.map
+//# sourceMappingURL=wardleyDiagram-T6FBY63Y-5_6KGTWP.js.map

package/dist/component/{xychartDiagram-ELKLHX3M-B8yDTGsJ.js → xychartDiagram-ELKLHX3M-KS7oMXi0.js}

@@ -1,7 +1,7 @@
-import { s as si, g as ai, p as Et, o as ni, a as oi, b as ri, _ as n, l as It, G as hi, e as li, q as ci, z as pt, i as ui, D as Mt, E as gi, Z as xi, aC as di, aa as Dt } from "./mermaid-GHXKKRXX-D8oOFc9R.js";
+import { s as si, g as ai, p as Et, o as ni, a as oi, b as ri, _ as n, l as It, G as hi, e as li, q as ci, z as pt, i as ui, D as Mt, E as gi, Z as xi, aC as di, aa as Dt } from "./mermaid-GHXKKRXX-C8vyJd7j.js";
 import { i as fi } from "./init-BOu0eQYQ.js";
 import { o as pi } from "./ordinal-D0x7izaa.js";
-import { l as vt } from "./linear-BJGedx0o.js";
+import { l as vt } from "./linear-BT5VqKju.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
 function mi(t, i, e) {
@@ -1418,4 +1418,4 @@ var Ti = /* @__PURE__ */ n(function() {
 export {
   zi as diagram
 };
-//# sourceMappingURL=xychartDiagram-ELKLHX3M-B8yDTGsJ.js.map
+//# sourceMappingURL=xychartDiagram-ELKLHX3M-KS7oMXi0.js.map

package/dist/components/embed/EmbedConversation.d.ts

@@ -1,13 +1,13 @@
 /**
  * Belong-styled conversation frame. The chat route passes the rendered message
  * list as children (keeping its useChat mapping + PartRenderer dispatch); this
- * wrapper adds the centered mic-status chip and the streaming "working…" row.
+ * wrapper adds the streaming "working…" row. There is no mic-status chip: the
+ * composer's mic button is the one place voice state is expressed.
  * Stopping a run lives ONLY on the composer send button (it morphs into Stop
  * while generating) — no second Stop control here. Clearing the visible chat
  * is the `/clear` slash command — no toolbar button.
  */
-export declare function EmbedConversation({ micOn, streaming, agentName, scrollResize, centerContent, children, }: Readonly<{
-    micOn: boolean;
+export declare function EmbedConversation({ streaming, agentName, scrollResize, centerContent, children, }: Readonly<{
     streaming: boolean;
     /**
      * Center the content vertically in the viewport — used by the first-run

package/dist/components/embed/EmbedRail.d.ts

@@ -15,7 +15,7 @@ export type EmbedView = "chat" | "files" | "scheduled" | "prompts" | "connectors
  * expand-to-modal — then the collapse toggle. Active fill + brand colours come
  * from `palette` so a host brand push re-themes everything.
  */
-export declare function EmbedRail({ view, collapsed, user, theme, palette, sessions, activeId, planProgress, speakEnabled, ttsSupported, voiceSupported, voiceStatus, pendingVoiceDraft, voiceActionFlash, accent, cssVars, presets, activePreset, onSelectView, onToggleCollapse, onToggleMode, onToggleSide, onAccentChange, onAccentReset, onCssVarsChange, onApplyPreset, onLogout, onNewSession, onSelectSession, onSelectAgentLine, onCloseAgentLine, onDeleteSession, onRenameSession, onSessionsOpen, onViewStats, onToggleSpeak, onExpand, connectorsUnavailable, }: {
+export declare function EmbedRail({ view, collapsed, user, theme, palette, sessions, activeId, planProgress, speakEnabled, ttsSupported, voiceSupported, voiceStatus, pendingVoiceDraft, voiceActionFlash, accent, cssVars, presets, activePreset, onSelectView, onToggleCollapse, onToggleMode, onToggleSide, onAccentChange, onAccentReset, onCssVarsChange, onApplyPreset, onLogout, onNewSession, onSelectSession, onSelectAgentLine, onCloseAgentLine, onDeleteSession, onRenameSession, onSessionsOpen, onViewStats, onToggleSpeak, fullscreen, onToggleFullscreen, connectorsUnavailable, }: {
     view: EmbedView;
     collapsed: boolean;
     user: string | null;
@@ -85,7 +85,9 @@ export declare function EmbedRail({ view, collapsed, user, theme, palette, sessi
      *  rail still renders without the dock's panel host wired up. */
     onViewStats?: (sessionId: string) => void;
     onToggleSpeak: () => void;
-    onExpand: () => void;
+    /** The dock is fullscreen right now — the toggle reads "Exit fullscreen". */
+    fullscreen: boolean;
+    onToggleFullscreen: () => void;
     /**
      * This deployment answered "the connectors feature is off here" — the rail
      * then hides the Connectors entry entirely, because a surface that can only

package/dist/components/embed/SlackConnection.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    workspaceExternalId: string;
+    onSelectSession: (sessionId: string) => void;
+};
+export declare const SlackConnection: (props: Props) => import("react").JSX.Element | null;
+export {};

package/dist/components/embed/WelcomeHero.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { SkillSummary } from '../../api/skills.ts';
+import { DockCopyVariant } from '../../embed/copy.ts';
+import { Locale } from '../../embed/locale.ts';
+import { BelongThemeBrand, DockCopyOverride } from '../../types/public.ts';
+export type WelcomeHeroProps = {
+    readonly brand: BelongThemeBrand;
+    readonly variant: DockCopyVariant;
+    readonly locale: Locale;
+    readonly copyOverride: DockCopyOverride | undefined;
+    readonly skills: readonly SkillSummary[];
+    readonly skillsPending: boolean;
+    readonly onPickSkill: (name: string) => void;
+    readonly onSuggestion: (text: string) => void;
+};
+export declare const WelcomeHero: ({ brand, variant, locale, copyOverride, skills, skillsPending, onPickSkill, onSuggestion, }: WelcomeHeroProps) => ReactElement;

package/dist/components/embed/WelcomeIntro.d.ts

@@ -1,13 +1,24 @@
 import { BelongThemeBrand } from '../../types/public.ts';
 /**
  * The first thing the user sees in a brand-new session: the assistant
- * introducing itself and pitching skills as the highest-signal way to work
- * (Simetrik brands get the reconciliation-flavored pitch; everyone else the
- * generic one), above the skills table / quick-start chips. Reads `brand`
- * (theme) + the active locale, so it's deterministic from theme + language and
- * survives a reload exactly like the empty-state chips do (§41). The beta +
- * U.S.-services advisory lives in the dock header (BetaBadge), not here — the
- * header stays visible after the welcome hero vanishes.
+ * introducing itself with a one-line scope statement (Simetrik brands get the
+ * reconciliation-flavored line; everyone else the generic one), above the
+ * job rows / quick-start chips. Reads `brand` (theme) + the active locale, so
+ * it's deterministic from theme + language and survives a reload exactly like
+ * the empty-state chips do (§41). Container-aware (spec 2026-09-03, Decision
+ * 5): sits inside the `@container` hero wrapper (`WelcomeHero`, Task 3) and
+ * uses `@lg:` variants — the brand mark and larger type only show once the
+ * container is wide, since the docked column is often too narrow for either.
+ * The beta + U.S.-services advisory lives in the dock header (BetaBadge), not
+ * here — the header stays visible after the welcome hero vanishes.
+ *
+ * Phase 2 (spec 2026-09-03): a host-supplied display name (`useUserContext`)
+ * swaps the brand-only greeting for a named one, and a host-supplied page
+ * label (`usePageContextLabel`) adds a "Looking at ‹label›" line below the
+ * body — both are host context the dock never invents on its own, and both
+ * drop back to nothing when the host has none. That line's live region is
+ * always in the DOM (empty when there's no label) so a label arriving later —
+ * an SPA navigation rewriting the tab title — is actually announced.
  */
 export declare function WelcomeIntro({ brand }: {
     brand: BelongThemeBrand;

package/dist/components/embed/WelcomeSkills.d.ts

@@ -1,7 +1,13 @@
 import { SkillSummary } from '../../api/skills.ts';
 import { SkillsPanelCopy } from '../../embed/copy.ts';
-export declare function WelcomeSkills({ skills, copy, onPick, }: {
+/** Default row cap: how many job rows fit without the first screen needing a
+ *  scroll. `WelcomeHero` reuses this for its wide-container cap, so the two
+ *  surfaces never drift apart. */
+export declare const MAX_VISIBLE_SKILLS = 6;
+export declare const humanizeSkillName: (name: string) => string;
+export declare function WelcomeSkills({ skills, copy, onPick, maxVisible, }: {
     skills: readonly SkillSummary[];
     copy: SkillsPanelCopy;
     onPick: (name: string) => void;
+    maxVisible?: number;
 }): import("react").JSX.Element | null;

package/dist/components/embed/WorkspacePane.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The fullscreen WORKSPACE PANE — what Belong is showing the user right now
+ * (spec §4). Reads the focus store; renders the same bodies the docked panels
+ * do (`PlanView`, `PreviewContent`) so live, docked and fullscreen never drift.
+ * Mounted by BelongDock only while the dock is fullscreen AND something is
+ * focused — with nothing to show it renders nothing and the dock centres the
+ * chat instead (chat-first, like a plain assistant page). It never shows an
+ * empty state.
+ *
+ * `chatSide` is the dock's configured side: the fullscreen row is
+ * `flex-row-reverse` on a LEFT dock, so the pane sits right of the chat there
+ * and its separating border must flip with it.
+ */
+export declare const WorkspacePane: ({ chatSide }: {
+    readonly chatSide: "left" | "right";
+}) => import("react").JSX.Element | null;

package/dist/components/embed/onboarding-story-dock.d.ts

@@ -2,8 +2,9 @@ import { ReactNode, RefObject } from 'react';
 import { SkillSummary } from '../../api/skills.ts';
 import { Locale } from '../../embed/locale.ts';
 import { StoryMode } from './onboarding.fixtures.ts';
-/** The empty-state content (intro + skills table + keystroke hints) for a
- *  locale. `skills: []` shows the fallback quick-start chips instead. */
+/** The empty-state content (intro + job rows) for a locale — the real
+ *  `WelcomeHero` the dock renders, so the stories can't drift from it.
+ *  `skills: []` shows the fallback quick-start chips instead. */
 export declare function MockEmptyState({ locale, skills, }: {
     locale: Locale;
     skills?: readonly SkillSummary[];

package/dist/components/embed/use-preview-content-props.d.ts

@@ -0,0 +1,7 @@
+import { InlinePreviewTarget } from './use-inline-preview-url.ts';
+import { PreviewTarget } from '../../stream/preview-panel-store.ts';
+export type PreviewContentSource = {
+    readonly contentUrl: string;
+    readonly inlineTarget: InlinePreviewTarget;
+};
+export declare const usePreviewContentProps: (target: PreviewTarget | null) => PreviewContentSource | null;

package/dist/components/embed/use-prompt-invocations.d.ts

@@ -35,5 +35,6 @@ export declare function usePromptInvocations({ draft, skills, prompts, workspace
         onPasteFiles?: (files: readonly File[]) => void;
         handleRef?: import('react').Ref<MentionInputHandle>;
     }, "onChange" | "onKeyDown" | "ariaProps" | "onCaretChange" | "handleRef">;
+    insertSlash: () => void;
     menus: import("react").JSX.Element;
 };

package/dist/embed/copy.d.ts

@@ -57,10 +57,6 @@ export type TourCopy = TourLabels & {
         readonly sessions: TourStepContent;
     };
 };
-export type HintItem = {
-    readonly keyLabel: string;
-    readonly label: string;
-};
 export type MenuCopy = {
     readonly signedInAs: (user: string) => string;
     readonly notSignedIn: string;
@@ -85,12 +81,14 @@ export type MenuCopy = {
     readonly logOut: string;
 };
 /** Copy for the empty-state skills table (Simetrik variant only — the compact
- *  "start from a skill" index that replaces the generic suggestion chips). */
+ *  index of job rows, each naming a job the agent can do, that replaces the
+ *  generic suggestion chips). */
 export type SkillsPanelCopy = {
     readonly heading: string;
     /** The "All" group filter chip (shown when skills span multiple groups). */
     readonly all: string;
-    /** Footer when the table is truncated: "+N more — type / to see all". */
+    /** Footer when the table is truncated:
+     *  "+N more — type / to see everything". */
     readonly more: (hiddenCount: number) => string;
     /** Footer when every skill fits: how to reach the full index later. */
     readonly hint: string;
@@ -98,18 +96,6 @@ export type SkillsPanelCopy = {
 export type DockCopy = {
     readonly welcomeCard: WelcomeCardContent;
     readonly tour: TourCopy;
-    readonly hints: {
-        /** `/` hint; label says "skills" for Simetrik, "commands" for everyone else. */
-        readonly commands: {
-            readonly keyLabel: string;
-            readonly label: Readonly<Record<DockCopyVariant, string>>;
-        };
-        readonly files: HintItem;
-        /** Voice hint label; the key label is the LIVE push-to-talk key. */
-        readonly voice: {
-            readonly label: string;
-        };
-    };
     /** Localized name for the Space key (every other code renders via
      *  `formatKeyCode`, which is already language-neutral). */
     readonly spaceKeyLabel: string;
@@ -121,8 +107,13 @@ export type DockCopy = {
         readonly portuguese: string;
     };
     readonly menu: MenuCopy;
+    /** One line of scope in the user's own nouns (spec 2026-09-03). */
     readonly intro: {
         readonly greeting: (brandName: string) => string;
+        /** Phase 2: the greeting when the host supplied a display name. */
+        readonly greetingNamed: (displayName: string) => string;
+        /** Phase 2: the page-context line ("Looking at ‹label›"). */
+        readonly lookingAt: (label: string) => string;
         readonly body: Readonly<Record<DockCopyVariant, string>>;
     };
     /** Beta advisory — a small always-visible pill in the dock header. The
@@ -152,6 +143,10 @@ export type DockCopy = {
     readonly composer: {
         readonly placeholderDefault: Readonly<Record<DockCopyVariant, string>>;
         readonly placeholderPlan: Readonly<Record<DockCopyVariant, string>>;
+        /** Label for the `/` action-row button that opens the slash menu. The
+         *  syntax moved OFF the placeholder (which is now a plain invitation) and
+         *  onto a real, discoverable control. */
+        readonly slashButton: Readonly<Record<DockCopyVariant, string>>;
         /** Plan 013 — while the agent's question card is pending above the
          *  composer, a typed send answers it in chat instead of choosing. */
         readonly placeholderReply: Readonly<Record<DockCopyVariant, string>>;

package/dist/embed/dock-layout.d.ts

@@ -1,10 +1,11 @@
 /**
- * Pure geometry + state transitions for the dock's three resize states.
+ * Pure geometry + state transitions for the dock's three resize states:
+ * collapsed / expanded / fullscreen.
  * No DOM, no React — unit-testable. The shell (BelongDock) owns the React
  * state and applies the resolved width; the host <body> margin reservation
  * uses the same resolver so the dock never overlaps host content.
  */
-export type DockResizeState = "collapsed" | "expanded" | "modal";
+export type DockResizeState = "collapsed" | "expanded" | "fullscreen";
 /**
  * Desktop = side-docked panel + rail with a host-body reserve. Mobile = the
  * dock takes the whole viewport as an overlay sheet (a side dock plus reserve
@@ -22,12 +23,17 @@ export declare const MOBILE_LAYOUT_MEDIA_QUERY: string;
 export declare const resolveLayoutMode: (viewportWidthPx: number, viewportHeightPx?: number) => DockLayoutMode;
 /** The always-visible rail strip. Reference spec: 52px. */
 export declare const RAIL_WIDTH_PX = 52;
-/** Fixed panel width in modal state. Reference spec: 760px panel. */
-export declare const MODAL_PANEL_WIDTH_PX = 760;
 /** Lower bound for a user-dragged expanded panel width. */
 export declare const MIN_PANEL_WIDTH_PX = 320;
 /** Upper bound for a user-dragged expanded panel width. */
 export declare const MAX_PANEL_WIDTH_PX = 720;
+/** Fullscreen: the workspace pane beside the chat column never gets narrower
+ *  than this, so a deliverable stays readable while the user drags the chat wider. */
+export declare const MIN_WORKSPACE_PANE_WIDTH_PX = 360;
+/** Clamp the fullscreen chat column: same floor as a docked panel; the ceiling
+ *  leaves the rail plus a minimum pane. On a viewport too narrow for both, the
+ *  chat column keeps its floor (the pane shrinks — chat is the primary surface). */
+export declare const clampFullscreenChatWidth: (px: number, viewportPx: number) => number;
 /** Clamp a dragged panel width to [MIN, min(MAX, 90% of viewport)]. */
 export declare const clampPanelWidth: (px: number, viewportPx: number) => number;
 /** Total dock width (panel + rail) for a state, given the expanded panel width. */
@@ -35,18 +41,10 @@ export declare const resolveDockWidthPx: (state: DockResizeState, panelWidth: nu
 /**
  * Desktop dock width clamped to the live viewport — mid-size screens (small
  * tablets, half-snapped windows just above the mobile breakpoint) must never
- * get a dock wider than the screen: the 760px modal alone overflows a 768px
- * tablet, and a persisted wide panel can overflow a re-narrowed window.
- * Cap: 90% of the viewport (same budget clampPanelWidth uses for drags).
+ * get a dock wider than the screen: a persisted wide panel can overflow a
+ * re-narrowed window. Cap: 90% of the viewport (same budget clampPanelWidth uses for drags).
  */
 export declare const resolveClampedDockWidthPx: (state: DockResizeState, panelWidth: number, viewportWidthPx: number) => number;
-/**
- * The panel's OWN width for a state. While collapsed this is the width the
- * panel would reveal to (the dock container clips it), so the panel keeps a
- * stable layout and the expand animation is a clean wipe — never a continuous
- * reflow of text at every intermediate width.
- */
-export declare const resolvePanelWidthPx: (state: DockResizeState, panelWidth: number) => number;
 /** Clearance a host modal needs from the dock before we consider it clear. */
 export declare const HOST_MODAL_GUTTER_PX = 16;
 /**
@@ -81,5 +79,5 @@ export declare const canHostModalFitBesideDock: (rect: {
 }, viewportWidthPx: number, side: "left" | "right", reservePx: number) => boolean;
 /** Collapse toggle: any open state → collapsed; collapsed → expanded. */
 export declare const nextOnToggleCollapse: (state: DockResizeState) => DockResizeState;
-/** Modal toggle: expanded ↔ modal; no-op while collapsed. */
-export declare const nextOnToggleModal: (state: DockResizeState) => DockResizeState;
+/** Fullscreen toggle: expanded ↔ fullscreen; no-op while collapsed. */
+export declare const nextOnToggleFullscreen: (state: DockResizeState) => DockResizeState;

package/dist/embed/dock-size-store.d.ts

@@ -0,0 +1,7 @@
+import { DockResizeState } from './dock-layout.ts';
+export declare const publishDockSize: (size: DockResizeState) => void;
+export declare const peekDockSize: () => DockResizeState;
+export declare const subscribeDockSize: (listener: () => void) => (() => void);
+export declare const useDockSize: () => DockResizeState;
+/** Test-only: back to the desktop default with no subscribers. */
+export declare const __resetDockSizeForTest: () => void;

package/dist/embed/dock-state.d.ts

@@ -6,7 +6,7 @@
  * disabled/quota'd storage just means no cross-reload restore.
  */
 export type DockView = "chat" | "files" | "scheduled" | "prompts" | "connectors";
-export type DockSize = "collapsed" | "expanded" | "modal";
+export type DockSize = "collapsed" | "expanded" | "fullscreen";
 export type DockState = {
     readonly view: DockView;
     readonly size: DockSize;
@@ -19,7 +19,7 @@ export declare const viewToPath: (view: DockView) => string;
 export declare const pathToView: (pathname: string) => DockView;
 /**
  * Decide what a rail view-icon click does. The Chat icon is a toggle: clicking
- * it while the chat panel is open (expanded/modal) minimizes the dock to the
+ * it while the chat panel is open (expanded/fullscreen) minimizes the dock to the
  * rail; clicking it while collapsed re-opens chat. Every other click navigates,
  * expanding a collapsed dock. Pure so it's unit-tested without a dock render.
  */

package/dist/embed/hover-capability.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Can the PRIMARY pointer hover? `(hover: hover)` is false on phones, touch
+ * tablets and kiosks — including ones with a desktop-sized viewport, which the
+ * layout breakpoint (`layout-mode.ts`) deliberately treats as desktop. Surfaces
+ * that reveal on hover (the composer's voice hint) must key on THIS, not on
+ * the viewport, or a touch-only wide device can never reach them: a tap fires
+ * pointerover and pointerdown in one gesture, so a hover-revealed chip appears
+ * and is dismissed inside the same motion.
+ *
+ * Read once per mount by callers — an input capability does not flip while a
+ * component is on screen. Without matchMedia (jsdom, very old embeds) assume a
+ * hovering pointer: the existing desktop behaviour, and the safe default.
+ */
+export declare const canHoverPointer: () => boolean;