@belonguniverseai/react-sdk 0.6.9 → 0.6.11

package/dist/component/{mindmap-definition-FAOFIHXS-DZKrtesQ.js → mindmap-definition-FAOFIHXS-Cf0eIPFd.js}

@@ -1,6 +1,6 @@
-import { g as oe } from "./chunk-XXDRQBXY-DLDheaQ5.js";
-import { s as ae } from "./chunk-KBJHAD2P-D1oneTY8.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-BUqVgw5a.js";
+import { g as oe } from "./chunk-XXDRQBXY-DXp1s2dM.js";
+import { s as ae } from "./chunk-KBJHAD2P-B8a02zqb.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-CHuJqZfo.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-DZKrtesQ.js.map
+//# sourceMappingURL=mindmap-definition-FAOFIHXS-Cf0eIPFd.js.map

package/dist/component/{pegDiagram-VL7TDLO6-C19Eq23D.js → pegDiagram-VL7TDLO6-BUWS2ATo.js}

@@ -1,6 +1,6 @@
-import { g as i, r as m, d as a } from "./chunk-6Q2QTUOP-Cej9yIQb.js";
-import { p } from "./chunk-JWPE2WC7-CsM5J037.js";
-import { _ as t, l as o } from "./mermaid-GHXKKRXX-BUqVgw5a.js";
+import { g as i, r as m, d as a } from "./chunk-6Q2QTUOP-XEHEdcci.js";
+import { p } from "./chunk-JWPE2WC7-sotMl80e.js";
+import { _ as t, l as o } from "./mermaid-GHXKKRXX-CHuJqZfo.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-C19Eq23D.js.map
+//# sourceMappingURL=pegDiagram-VL7TDLO6-BUWS2ATo.js.map

package/dist/component/{pieDiagram-7S7Q4E2Y-fAB4Aaor.js → pieDiagram-7S7Q4E2Y-CDxjZgBZ.js}

@@ -1,7 +1,7 @@
-import { p as at } from "./chunk-JWPE2WC7-CsM5J037.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-BUqVgw5a.js";
+import { p as at } from "./chunk-JWPE2WC7-sotMl80e.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-CHuJqZfo.js";
 import { p as vt } from "./cynefin-VYW2F7L2-DAyxamLw.js";
-import { d as X } from "./arc-CR4bQhii.js";
+import { d as X } from "./arc-CXQH2Ipk.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-fAB4Aaor.js.map
+//# sourceMappingURL=pieDiagram-7S7Q4E2Y-CDxjZgBZ.js.map

package/dist/component/{quadrantDiagram-CIZ2JOQS-OhuduzrB.js → quadrantDiagram-CIZ2JOQS-CLFfARlt.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-BUqVgw5a.js";
-import { l as te } from "./linear-BG8OHLMY.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-CHuJqZfo.js";
+import { l as te } from "./linear-DRwDxwXK.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-OhuduzrB.js.map
+//# sourceMappingURL=quadrantDiagram-CIZ2JOQS-CLFfARlt.js.map

package/dist/component/{railroadDiagram-AXF67PYL-CFc6KRD2.js → railroadDiagram-AXF67PYL-DTAcc0HF.js}

@@ -1,6 +1,6 @@
-import { g as o, r as i, d as t } from "./chunk-6Q2QTUOP-Cej9yIQb.js";
-import { p } from "./chunk-JWPE2WC7-CsM5J037.js";
-import { _ as l, l as n } from "./mermaid-GHXKKRXX-BUqVgw5a.js";
+import { g as o, r as i, d as t } from "./chunk-6Q2QTUOP-XEHEdcci.js";
+import { p } from "./chunk-JWPE2WC7-sotMl80e.js";
+import { _ as l, l as n } from "./mermaid-GHXKKRXX-CHuJqZfo.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-CFc6KRD2.js.map
+//# sourceMappingURL=railroadDiagram-AXF67PYL-DTAcc0HF.js.map

package/dist/component/{requirementDiagram-LRYGKXZP-CdUXs9wj.js → requirementDiagram-LRYGKXZP-pf26et50.js}

@@ -1,6 +1,6 @@
-import { g as ze } from "./chunk-XXDRQBXY-DLDheaQ5.js";
-import { s as Ge } from "./chunk-KBJHAD2P-D1oneTY8.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-BUqVgw5a.js";
+import { g as ze } from "./chunk-XXDRQBXY-DXp1s2dM.js";
+import { s as Ge } from "./chunk-KBJHAD2P-B8a02zqb.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-CHuJqZfo.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-CdUXs9wj.js.map
+//# sourceMappingURL=requirementDiagram-LRYGKXZP-pf26et50.js.map

package/dist/component/{sankeyDiagram-W5VNT64P-BUbmCKGp.js → sankeyDiagram-W5VNT64P-D9F7pieg.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-BUqVgw5a.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-CHuJqZfo.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-BUbmCKGp.js.map
+//# sourceMappingURL=sankeyDiagram-W5VNT64P-D9F7pieg.js.map

package/dist/component/{sequenceDiagram-SI44F4Z6-Cup0cMzi.js → sequenceDiagram-SI44F4Z6-BubzoPKA.js}

@@ -1,6 +1,6 @@
-import { I as tr } from "./chunk-2Q5K7J3B-ZWiOwI4L.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-BUqVgw5a.js";
-import { a as Er, b as ae, g as dt, d as ur, c as se, e as ie } from "./chunk-2GRJ4B5K-D90pKkpT.js";
+import { I as tr } from "./chunk-2Q5K7J3B-3Gzn3Gq3.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-CHuJqZfo.js";
+import { a as Er, b as ae, g as dt, d as ur, c as se, e as ie } from "./chunk-2GRJ4B5K-CV6yahj7.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-Cup0cMzi.js.map
+//# sourceMappingURL=sequenceDiagram-SI44F4Z6-BubzoPKA.js.map

package/dist/component/{sizeCapture-X5ZJPWSS-wHm-sb_w.js → sizeCapture-X5ZJPWSS-D__oK84n.js}

@@ -1,4 +1,4 @@
-import { _ as t } from "./mermaid-GHXKKRXX-BUqVgw5a.js";
+import { _ as t } from "./mermaid-GHXKKRXX-CHuJqZfo.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-wHm-sb_w.js.map
+//# sourceMappingURL=sizeCapture-X5ZJPWSS-D__oK84n.js.map

package/dist/component/{stateDiagram-OKZ733FA-Cf2EyMg5.js → stateDiagram-OKZ733FA-B5csLhbR.js}

@@ -1,5 +1,5 @@
-import { s as R, a as W, S as N } from "./chunk-5RXB4S5H-CSbA6Mhj.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-BUqVgw5a.js";
+import { s as R, a as W, S as N } from "./chunk-5RXB4S5H-D6BN0X9C.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-CHuJqZfo.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-Cf2EyMg5.js.map
+//# sourceMappingURL=stateDiagram-OKZ733FA-B5csLhbR.js.map

package/dist/component/{stateDiagram-v2-UEYNNEHI-CE4iWCfm.js → stateDiagram-v2-UEYNNEHI-BgvCw2_s.js}

@@ -1,5 +1,5 @@
-import { s as e, b as r, a as s, S as t } from "./chunk-5RXB4S5H-CSbA6Mhj.js";
-import { _ as l } from "./mermaid-GHXKKRXX-BUqVgw5a.js";
+import { s as e, b as r, a as s, S as t } from "./chunk-5RXB4S5H-D6BN0X9C.js";
+import { _ as l } from "./mermaid-GHXKKRXX-CHuJqZfo.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-CE4iWCfm.js.map
+//# sourceMappingURL=stateDiagram-v2-UEYNNEHI-BgvCw2_s.js.map

package/dist/component/{swimlanes-SLNWSIFB-B6tvPRmb.js → swimlanes-SLNWSIFB-CZAhxNrP.js}

@@ -1,5 +1,5 @@
-import { c as Tr } from "./chunk-RYQCIY6F-ByE9hJLw.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-BUqVgw5a.js";
+import { c as Tr } from "./chunk-RYQCIY6F-Ch1VqiDS.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-CHuJqZfo.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-wHm-sb_w.js");
+    const { captureNodeSizes: I } = await import("./sizeCapture-X5ZJPWSS-D__oK84n.js");
     I(t, e);
   }
   return {
@@ -5332,4 +5332,4 @@ d(Zr, "render");
 export {
   Zr as render
 };
-//# sourceMappingURL=swimlanes-SLNWSIFB-B6tvPRmb.js.map
+//# sourceMappingURL=swimlanes-SLNWSIFB-CZAhxNrP.js.map

package/dist/component/{swimlanesDiagram-ULZ7WXOC-BxoFDGMg.js → swimlanesDiagram-ULZ7WXOC-CVuXXQe-.js}

@@ -1,5 +1,5 @@
-import { c as e, s as a } from "./flowDiagram-UKHOOZJN-BjDFgHmU.js";
-import { _ as s } from "./mermaid-GHXKKRXX-BUqVgw5a.js";
+import { c as e, s as a } from "./flowDiagram-UKHOOZJN-BD9V40gT.js";
+import { _ as s } from "./mermaid-GHXKKRXX-CHuJqZfo.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-BxoFDGMg.js.map
+//# sourceMappingURL=swimlanesDiagram-ULZ7WXOC-CVuXXQe-.js.map

package/dist/component/{timeline-definition-Z64GVDOM-ps4srYfC.js → timeline-definition-Z64GVDOM-BTe9UDlH.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-BUqVgw5a.js";
-import { d as ot } from "./arc-CR4bQhii.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-CHuJqZfo.js";
+import { d as ot } from "./arc-CXQH2Ipk.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-ps4srYfC.js.map
+//# sourceMappingURL=timeline-definition-Z64GVDOM-BTe9UDlH.js.map

package/dist/component/{vennDiagram-T6HMQDX7-CtEHDZfK.js → vennDiagram-T6HMQDX7-B6XFjd-K.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-BUqVgw5a.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-CHuJqZfo.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-CtEHDZfK.js.map
+//# sourceMappingURL=vennDiagram-T6HMQDX7-B6XFjd-K.js.map

package/dist/component/{wardleyDiagram-T6FBY63Y-CCSSKJS0.js → wardleyDiagram-T6FBY63Y-B509pP12.js}

@@ -1,5 +1,5 @@
-import { p as St } from "./chunk-JWPE2WC7-CsM5J037.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-BUqVgw5a.js";
+import { p as St } from "./chunk-JWPE2WC7-sotMl80e.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-CHuJqZfo.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-CCSSKJS0.js.map
+//# sourceMappingURL=wardleyDiagram-T6FBY63Y-B509pP12.js.map

package/dist/component/{xychartDiagram-ELKLHX3M-DBj-IK-B.js → xychartDiagram-ELKLHX3M-C6xL-FJB.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-BUqVgw5a.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-CHuJqZfo.js";
 import { i as fi } from "./init-BOu0eQYQ.js";
 import { o as pi } from "./ordinal-D0x7izaa.js";
-import { l as vt } from "./linear-BG8OHLMY.js";
+import { l as vt } from "./linear-DRwDxwXK.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-DBj-IK-B.js.map
+//# sourceMappingURL=xychartDiagram-ELKLHX3M-C6xL-FJB.js.map

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

@@ -0,0 +1,5 @@
+import { SessionUsageSummary } from '../../stream/select-session-usage.ts';
+export type ContextWindowPanelProps = {
+    readonly usage: SessionUsageSummary;
+};
+export declare const ContextWindowPanel: ({ usage }: ContextWindowPanelProps) => React.ReactElement;

package/dist/components/embed/format-tokens.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Compact token-count formatting shared by the usage meter, the context
+ * window panel and the session stats panel (it was duplicated verbatim in
+ * two of them before the panel made it three).
+ *
+ *   500       → "500"
+ *   1_234     → "1.2k"
+ *   12_345    → "12k"
+ *   253_500   → "254k"  (hundreds of k keep no decimals — same rule as 12k)
+ *   1_000_000 → "1M"
+ *   1_250_000 → "1.3M"
+ */
+export declare const formatTokens: (count: number) => string;
+/**
+ * Percentage-of-window formatting for the panel rows: whole numbers at ≥10%,
+ * one decimal below, and a "<0.1%" floor so a tiny-but-present segment never
+ * reads as zero.
+ */
+export declare const formatWindowPct: (tokens: number, windowTokens: number) => string;

package/dist/embed/global.d.ts

@@ -75,6 +75,10 @@ export type BelongGlobalWithInternals = BelongGlobal & {
     readonly __routeHandlers: ReadonlyMap<string, RouteHandler>;
     readonly __uiActionHandlers: ReadonlyMap<string, UiActionHandler>;
 };
+export type ApplyInitConfigOptions = {
+    /** React mounts can re-run; script-tag init owns the one-time host diagnostic. */
+    readonly reportThemeResolution?: boolean;
+};
 /**
  * Populate the SDK's module-singleton config from a host's init input — the
  * shared CONFIG step of both embed paths. The `window.belong` global's `init`
@@ -84,6 +88,6 @@ export type BelongGlobalWithInternals = BelongGlobal & {
  * deliberately does NOT mount, set a token, or start the browser-control
  * channel — those side effects belong to the caller.
  */
-export declare const applyInitConfig: (input: BelongInitInput) => Promise<void>;
+export declare const applyInitConfig: (input: BelongInitInput, options?: ApplyInitConfigOptions) => Promise<void>;
 export declare const createBelongGlobal: () => BelongGlobalWithInternals;
 export {};

package/dist/i18n/messages/en.d.ts

@@ -1,11 +1,27 @@
 export declare const en: {
     readonly usage: {
         readonly tooltip: "Auto-compacts at {{chars}} chars; {{tokens}} tokens used this session";
+        readonly windowTooltip: "Context window: {{used}} of {{window}} tokens used ({{pct}}%)";
         readonly context: "Context {{pct}}%";
         readonly tokens: "{{count}} tokens";
-        readonly lastTurn: "Last turn: {{in}} in / {{out}} out";
+        readonly inOut: "Input {{in}} · output {{out}}";
         readonly turnsThisSessionOne: "{{count}} turn this session";
         readonly turnsThisSessionOther: "{{count}} turns this session";
+        readonly panel: {
+            readonly title: "Context window";
+            readonly segments: {
+                readonly messages: "Messages";
+                readonly system_prompt: "System prompt";
+                readonly tools: "Tools";
+                readonly skills: "Skills";
+                readonly memory: "Memory";
+            };
+            readonly freeSpace: "Free space";
+            readonly estimateNote: "Breakdown is estimated; the total is as reported by the model.";
+            readonly sessionTokens: "{{tokens}} tokens this session";
+            readonly cacheLine: "Cache: {{read}} read · {{write}} written";
+            readonly autoCompact: "Auto-compact: {{pct}}% of budget";
+        };
     };
     readonly stream: {
         readonly copyOutput: "Copy output";

package/dist/i18n/messages/surfaces/usage.d.ts

@@ -1,31 +1,79 @@
-/** Usage meter dock strings. */
+/** Usage meter + context-window panel dock strings. */
 export declare const usageEn: {
     readonly usage: {
         readonly tooltip: "Auto-compacts at {{chars}} chars; {{tokens}} tokens used this session";
+        readonly windowTooltip: "Context window: {{used}} of {{window}} tokens used ({{pct}}%)";
         readonly context: "Context {{pct}}%";
         readonly tokens: "{{count}} tokens";
-        readonly lastTurn: "Last turn: {{in}} in / {{out}} out";
+        readonly inOut: "Input {{in}} · output {{out}}";
         readonly turnsThisSessionOne: "{{count}} turn this session";
         readonly turnsThisSessionOther: "{{count}} turns this session";
+        readonly panel: {
+            readonly title: "Context window";
+            readonly segments: {
+                readonly messages: "Messages";
+                readonly system_prompt: "System prompt";
+                readonly tools: "Tools";
+                readonly skills: "Skills";
+                readonly memory: "Memory";
+            };
+            readonly freeSpace: "Free space";
+            readonly estimateNote: "Breakdown is estimated; the total is as reported by the model.";
+            readonly sessionTokens: "{{tokens}} tokens this session";
+            readonly cacheLine: "Cache: {{read}} read · {{write}} written";
+            readonly autoCompact: "Auto-compact: {{pct}}% of budget";
+        };
     };
 };
 export declare const usageEs: {
     usage: {
         tooltip: string;
+        windowTooltip: string;
         context: string;
         tokens: string;
-        lastTurn: string;
+        inOut: string;
         turnsThisSessionOne: string;
         turnsThisSessionOther: string;
+        panel: {
+            title: string;
+            segments: {
+                messages: string;
+                system_prompt: string;
+                tools: string;
+                skills: string;
+                memory: string;
+            };
+            freeSpace: string;
+            estimateNote: string;
+            sessionTokens: string;
+            cacheLine: string;
+            autoCompact: string;
+        };
     };
 };
 export declare const usagePt: {
     usage: {
         tooltip: string;
+        windowTooltip: string;
         context: string;
         tokens: string;
-        lastTurn: string;
+        inOut: string;
         turnsThisSessionOne: string;
         turnsThisSessionOther: string;
+        panel: {
+            title: string;
+            segments: {
+                messages: string;
+                system_prompt: string;
+                tools: string;
+                skills: string;
+                memory: string;
+            };
+            freeSpace: string;
+            estimateNote: string;
+            sessionTokens: string;
+            cacheLine: string;
+            autoCompact: string;
+        };
     };
 };

package/dist/stream/belong-chat-transport.d.ts

@@ -171,8 +171,19 @@ export declare const wireStreamPartSchema: z.ZodDiscriminatedUnion<[z.ZodObject<
         inputTokens: z.ZodNumber;
         outputTokens: z.ZodNumber;
         totalTokens: z.ZodNumber;
+        cacheReadInputTokens: z.ZodOptional<z.ZodNumber>;
+        cacheWriteInputTokens: z.ZodOptional<z.ZodNumber>;
         historyChars: z.ZodNumber;
         autoCompactThresholdChars: z.ZodNumber;
+        contextWindow: z.ZodOptional<z.ZodObject<{
+            contextWindowTokens: z.ZodNumber;
+            usedTokens: z.ZodNumber;
+            segments: z.ZodArray<z.ZodObject<{
+                key: z.ZodString;
+                tokens: z.ZodNumber;
+                count: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
     }, z.core.$strip>;
 }, z.core.$strip>, z.ZodObject<{
     type: z.ZodLiteral<"data-choice-request">;

package/dist/stream/belong-data-parts.d.ts

@@ -199,18 +199,47 @@ export type StatusData = {
      */
     readonly retryable?: boolean | undefined;
 };
+/**
+ * One slice of the context-window breakdown. `key` is an open string on the
+ * wire; the KNOWN values are rendered as labeled rows (`messages`,
+ * `system_prompt`, `tools`, `skills`, `memory`) and unknown ones are skipped
+ * rather than failing the part (see the transport schema).
+ */
+export type ContextWindowSegmentData = {
+    readonly key: string;
+    readonly tokens: number;
+    readonly count?: number | undefined;
+};
+/**
+ * The turn-end snapshot of the model's context window (own-loop runtimes
+ * only). `usedTokens` is the REAL last-request prompt + its output as the
+ * provider reported it; `segments` are estimates scaled to sum to it. Free
+ * space is `contextWindowTokens - usedTokens`, computed at render.
+ */
+export type ContextWindowData = {
+    readonly contextWindowTokens: number;
+    readonly usedTokens: number;
+    readonly segments: readonly ContextWindowSegmentData[];
+};
 /**
  * F3 — per-turn token usage + compaction context. Emitted once per turn at
  * the end of the stream; the SDK renders the quiet context meter from this.
  * `historyChars / autoCompactThresholdChars` gives compaction proximity;
- * `threshold === 0` means no auto-compact is configured — hide the meter.
+ * `threshold === 0` means no auto-compact is configured — hide the meter
+ * unless a `contextWindow` report is present (the panel stands on its own).
+ * The optional fields are absent on rows persisted before they existed.
  */
 export type UsageData = {
     readonly inputTokens: number;
     readonly outputTokens: number;
     readonly totalTokens: number;
+    /** BEL-206 — the turn's prompt-cache reads/writes. */
+    readonly cacheReadInputTokens?: number | undefined;
+    readonly cacheWriteInputTokens?: number | undefined;
     readonly historyChars: number;
     readonly autoCompactThresholdChars: number;
+    /** The detailed context-window breakdown (own-loop runtimes only). */
+    readonly contextWindow?: ContextWindowData | undefined;
 };
 /**
  * Single source of truth for Belong's custom data parts. The record

package/dist/stream/select-session-usage.d.ts

@@ -1,4 +1,4 @@
-import { BelongUIMessage } from './belong-data-parts.ts';
+import { BelongUIMessage, ContextWindowData } from './belong-data-parts.ts';
 export type SessionUsageSummary = {
     /** Sum of all per-turn input tokens. */
     readonly totalInputTokens: number;
@@ -6,6 +6,9 @@ export type SessionUsageSummary = {
     readonly totalOutputTokens: number;
     /** Sum of all per-turn combined tokens. */
     readonly totalTokens: number;
+    /** BEL-206 — sums of the per-turn prompt-cache reads/writes (0 when unreported). */
+    readonly totalCacheReadInputTokens: number;
+    readonly totalCacheWriteInputTokens: number;
     /** How many turns have reported usage. */
     readonly turns: number;
     /**
@@ -16,8 +19,16 @@ export type SessionUsageSummary = {
     readonly historyChars: number;
     /**
      * Auto-compact threshold in chars (last-wins). 0 means auto-compact is
-     * not configured — the meter must be hidden when this is 0.
+     * not configured — the legacy meter is hidden when this is 0 AND no
+     * context-window report is present.
      */
     readonly autoCompactThresholdChars: number;
+    /**
+     * The most recent turn's context-window breakdown (last-wins — the
+     * current context IS the latest turn's context). Null when no turn has
+     * reported one (older sessions, or the claude-agent-sdk runtime); the
+     * panel then falls back to the session-usage view.
+     */
+    readonly contextWindow: ContextWindowData | null;
 };
 export declare const selectSessionUsage: (messages: readonly BelongUIMessage[]) => SessionUsageSummary | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@belonguniverseai/react-sdk",
-  "version": "0.6.9",
+  "version": "0.6.11",
   "description": "Belong — embeddable React AI assistant dock. Mount <BelongWidget> in your app tree with getToken dependency-injection auth.",
   "license": "UNLICENSED",
   "type": "module",