@burdenoff/fe-libs 2026.1027.5 → 2026.1027.7

package/dist/node_modules/@openuidev/react-lang/dist/index.js

@@ -1,14 +1,13 @@
-import { __toESM as e } from "../../../../_virtual/_rolldown/runtime.js";
-import { ACTION_STEPS as t, BuiltinActionType as n, ToolNotFoundError as r, action as i, buildMessage as a, builtInValidators as o, createParser as s, createStreamingParser as c, defineAction as l, defineFunction as u, extractToolResult as d, generatePrompt as f, generateSystemPrompt as p, isReactiveAssign as m, mergeStatements as h, parseMessage as g, parseRules as _, parseStructuredRules as v, steps as y, tagSchemaId as b, validate as x } from "../../lang-core/dist/index.js";
-import { FormNameContext as S, FormValidationContext as C, Renderer as w, WithPreviewRenderer as T, createLibrary$1 as E, defineComponent$1 as D, reactive as O, useCreateFormValidation as k, useFormName as A, useFormValidation as j, useGetFieldValue as M, useIsQueryLoading as N, useIsStreaming as P, useRenderNode as F, useRendererPreview as I, useRendererQuery as L, useSetDefaultValue as R, useSetFieldValue as z, useStateField as B, useTriggerAction as V } from "./exports-CLfR509v.js";
+import { ACTION_STEPS as e, BuiltinActionType as t, ToolNotFoundError as n, action as r, buildMessage as i, builtInValidators as a, createParser as o, createStreamingParser as s, defineAction as c, defineFunction as l, extractToolResult as u, generatePrompt as d, generateSystemPrompt as f, isReactiveAssign as p, mergeStatements as m, parseMessage as h, parseRules as g, parseStructuredRules as _, steps as v, tagSchemaId as y, validate as b } from "../../lang-core/dist/index.js";
+import { FormNameContext as x, FormValidationContext as S, Renderer as C, WithPreviewRenderer as w, createLibrary$1 as T, defineComponent$1 as E, reactive as D, useCreateFormValidation as O, useFormName as k, useFormValidation as A, useGetFieldValue as j, useIsQueryLoading as M, useIsStreaming as N, useRenderNode as P, useRendererPreview as F, useRendererQuery as I, useSetDefaultValue as L, useSetFieldValue as R, useStateField as z, useTriggerAction as B } from "./exports-CLfR509v.js";
 //#region node_modules/@openuidev/react-lang/dist/index.mjs
 if (process.env.NODE_ENV === "development") {
-	let t = Symbol.for("openui.devtools.autoMount"), n = globalThis;
-	n[t] || (n[t] = !0, Promise.resolve().then(() => {
+	let e = Symbol.for("openui.devtools.autoMount"), t = globalThis;
+	t[e] || (t[e] = !0, Promise.resolve().then(() => {
 		typeof document > "u" || Promise.all([
 			import("../../devtools/dist/index.js"),
 			import("react"),
-			import("../../../react-dom/client.js").then((t) => /* @__PURE__ */ e(t.default, 1))
+			import("react-dom/client")
 		]).then(([{ OpenUIDevtools: e }, t, n]) => {
 			let r = () => {
 				let r = document.createElement("div");
@@ -22,4 +21,4 @@ if (process.env.NODE_ENV === "development") {
 	}));
 }
 //#endregion
-export { t as ACTION_STEPS, n as BuiltinActionType, S as FormNameContext, C as FormValidationContext, w as Renderer, r as ToolNotFoundError, T as WithPreviewRenderer, i as action, a as buildMessage, o as builtInValidators, E as createLibrary, s as createParser, c as createStreamingParser, l as defineAction, D as defineComponent, u as defineFunction, d as extractToolResult, f as generatePrompt, p as generateSystemPrompt, m as isReactiveAssign, h as mergeStatements, g as parseMessage, _ as parseRules, v as parseStructuredRules, O as reactive, y as steps, b as tagSchemaId, k as useCreateFormValidation, A as useFormName, j as useFormValidation, M as useGetFieldValue, N as useIsQueryLoading, P as useIsStreaming, F as useRenderNode, I as useRendererPreview, L as useRendererQuery, R as useSetDefaultValue, z as useSetFieldValue, B as useStateField, V as useTriggerAction, x as validate };
+export { e as ACTION_STEPS, t as BuiltinActionType, x as FormNameContext, S as FormValidationContext, C as Renderer, n as ToolNotFoundError, w as WithPreviewRenderer, r as action, i as buildMessage, a as builtInValidators, T as createLibrary, o as createParser, s as createStreamingParser, c as defineAction, E as defineComponent, l as defineFunction, u as extractToolResult, d as generatePrompt, f as generateSystemPrompt, p as isReactiveAssign, m as mergeStatements, h as parseMessage, g as parseRules, _ as parseStructuredRules, D as reactive, v as steps, y as tagSchemaId, O as useCreateFormValidation, k as useFormName, A as useFormValidation, j as useGetFieldValue, M as useIsQueryLoading, N as useIsStreaming, P as useRenderNode, F as useRendererPreview, I as useRendererQuery, L as useSetDefaultValue, R as useSetFieldValue, z as useStateField, B as useTriggerAction, b as validate };

package/dist/shared/assistant/openui/library.js

@@ -1,87 +1,87 @@
 import { barWidthPercent as e } from "./limits.js";
-import { array as t, number as n, object as r, string as i, union as a } from "../../../node_modules/zod/v4/classic/schemas.js";
-import { createLibrary$1 as o, defineComponent$1 as s, useRenderNode as c } from "../../../node_modules/@openuidev/react-lang/dist/exports-CLfR509v.js";
+import { createLibrary$1 as t, defineComponent$1 as n, useRenderNode as r } from "../../../node_modules/@openuidev/react-lang/dist/exports-CLfR509v.js";
 import "../../../node_modules/@openuidev/react-lang/dist/index.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { z as o } from "zod/v4";
 //#region src/shared/assistant/openui/library.tsx
-var d = ({ items: e, limit: t, className: n, testId: r, cellClassName: i }) => {
-	let a = c();
-	return /* @__PURE__ */ l("div", {
+var s = ({ items: e, limit: t, className: n, testId: a, cellClassName: o }) => {
+	let s = r();
+	return /* @__PURE__ */ i("div", {
 		className: n,
-		"data-testid": r,
-		children: e.slice(0, t).map((e, t) => /* @__PURE__ */ l("div", {
-			className: i,
-			children: a(e)
+		"data-testid": a,
+		children: e.slice(0, t).map((e, t) => /* @__PURE__ */ i("div", {
+			className: o,
+			children: s(e)
 		}, t))
 	});
-}, f = a([i(), n()]), p = s({
+}, c = o.union([o.string(), o.number()]), l = n({
 	name: "Stat",
 	description: "One headline figure: a short label, its value, and an optional one-line hint.",
-	props: r({
-		label: i().describe("What the figure measures, e.g. \"Open tasks\""),
-		value: f.describe("The figure itself, e.g. 12 or \"98%\""),
-		hint: i().optional().describe("Optional context, e.g. \"+3 since yesterday\"")
+	props: o.object({
+		label: o.string().describe("What the figure measures, e.g. \"Open tasks\""),
+		value: c.describe("The figure itself, e.g. 12 or \"98%\""),
+		hint: o.string().optional().describe("Optional context, e.g. \"+3 since yesterday\"")
 	}),
-	component: ({ props: e }) => /* @__PURE__ */ u("div", {
+	component: ({ props: e }) => /* @__PURE__ */ a("div", {
 		className: "min-w-0 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5",
 		"data-testid": "assistant-openui-stat",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ i("div", {
 				className: "truncate text-[12px] text-text-muted",
 				children: e.label
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ i("div", {
 				className: "mt-0.5 truncate text-xl font-semibold leading-tight text-text-primary",
 				children: String(e.value)
 			}),
-			e.hint ? /* @__PURE__ */ l("div", {
+			e.hint ? /* @__PURE__ */ i("div", {
 				className: "mt-0.5 truncate text-[12px] text-text-muted",
 				children: e.hint
 			}) : null
 		]
 	})
-}), m = s({
+}), u = n({
 	name: "StatGrid",
 	description: "A row of up to 8 Stat cards for headline numbers.",
-	props: r({ stats: t(p.ref) }),
-	component: ({ props: e }) => /* @__PURE__ */ l(d, {
+	props: o.object({ stats: o.array(l.ref) }),
+	component: ({ props: e }) => /* @__PURE__ */ i(s, {
 		className: "grid grid-cols-2 gap-2",
 		testId: "assistant-openui-stat-grid",
 		items: e.stats,
 		limit: 8,
 		cellClassName: "min-w-0"
 	})
-}), h = s({
+}), d = n({
 	name: "DataTable",
 	description: "A table. columns are the header labels (max 8); rows are arrays of cells in the same order (max 50 rows).",
-	props: r({
-		columns: t(i()),
-		rows: t(t(f)),
-		caption: i().optional()
+	props: o.object({
+		columns: o.array(o.string()),
+		rows: o.array(o.array(c)),
+		caption: o.string().optional()
 	}),
 	component: ({ props: e }) => {
 		let t = e.columns.slice(0, 8), n = e.rows.slice(0, 50);
-		return /* @__PURE__ */ l("div", {
+		return /* @__PURE__ */ i("div", {
 			className: "overflow-x-auto rounded-lg border border-border-subtle",
 			"data-testid": "assistant-openui-table",
-			children: /* @__PURE__ */ u("table", {
+			children: /* @__PURE__ */ a("table", {
 				className: "w-full border-collapse text-[0.9em]",
 				children: [
-					e.caption ? /* @__PURE__ */ l("caption", {
+					e.caption ? /* @__PURE__ */ i("caption", {
 						className: "px-2 py-1.5 text-left text-[12px] text-text-muted",
 						children: e.caption
 					}) : null,
-					/* @__PURE__ */ l("thead", {
+					/* @__PURE__ */ i("thead", {
 						className: "bg-bg-sunken",
-						children: /* @__PURE__ */ l("tr", { children: t.map((e, t) => /* @__PURE__ */ l("th", {
+						children: /* @__PURE__ */ i("tr", { children: t.map((e, t) => /* @__PURE__ */ i("th", {
 							scope: "col",
 							className: "px-2 py-1.5 text-left font-semibold text-text-primary",
 							children: e
 						}, t)) })
 					}),
-					/* @__PURE__ */ l("tbody", { children: n.map((e, n) => /* @__PURE__ */ l("tr", {
+					/* @__PURE__ */ i("tbody", { children: n.map((e, n) => /* @__PURE__ */ i("tr", {
 						className: "border-t border-border-subtle",
-						children: t.map((t, n) => /* @__PURE__ */ l("td", {
+						children: t.map((t, n) => /* @__PURE__ */ i("td", {
 							className: "px-2 py-1.5 align-top text-text-primary",
 							children: e[n] === void 0 ? "" : String(e[n])
 						}, n))
@@ -90,49 +90,49 @@ var d = ({ items: e, limit: t, className: n, testId: r, cellClassName: i }) => {
 			})
 		});
 	}
-}), g = s({
+}), f = n({
 	name: "Bar",
 	description: "One bar of a BarChart: a label and a non-negative number.",
-	props: r({
-		label: i(),
-		value: n()
+	props: o.object({
+		label: o.string(),
+		value: o.number()
 	}),
-	component: ({ props: e }) => /* @__PURE__ */ u("span", { children: [
+	component: ({ props: e }) => /* @__PURE__ */ a("span", { children: [
 		e.label,
 		": ",
 		e.value
 	] })
-}), _ = s({
+}), p = n({
 	name: "BarChart",
 	description: "A horizontal bar chart comparing up to 20 values. Use for rankings and breakdowns.",
-	props: r({
-		title: i().optional(),
-		bars: t(g.ref)
+	props: o.object({
+		title: o.string().optional(),
+		bars: o.array(f.ref)
 	}),
 	component: ({ props: t }) => {
 		let n = t.bars.slice(0, 20).map((e) => e.props), r = Math.max(0, ...n.map((e) => Number.isFinite(e.value) ? e.value : 0));
-		return /* @__PURE__ */ u("figure", {
+		return /* @__PURE__ */ a("figure", {
 			className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 			"data-testid": "assistant-openui-bar-chart",
-			children: [t.title ? /* @__PURE__ */ l("figcaption", {
+			children: [t.title ? /* @__PURE__ */ i("figcaption", {
 				className: "mb-2 text-[13px] font-semibold text-text-primary",
 				children: t.title
-			}) : null, /* @__PURE__ */ l("ul", {
+			}) : null, /* @__PURE__ */ i("ul", {
 				className: "space-y-1.5",
-				children: n.map((t, n) => /* @__PURE__ */ u("li", {
+				children: n.map((t, n) => /* @__PURE__ */ a("li", {
 					className: "text-[12px]",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ a("div", {
 						className: "mb-0.5 flex justify-between gap-2 text-text-primary",
-						children: [/* @__PURE__ */ l("span", {
+						children: [/* @__PURE__ */ i("span", {
 							className: "min-w-0 truncate",
 							children: t.label
-						}), /* @__PURE__ */ l("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "shrink-0 text-text-muted",
 							children: t.value
 						})]
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ i("div", {
 						className: "h-2 overflow-hidden rounded-full bg-bg-sunken",
-						children: /* @__PURE__ */ l("div", {
+						children: /* @__PURE__ */ i("div", {
 							className: "h-full rounded-full bg-action-primary-bg",
 							style: { width: `${e(t.value, r)}%` }
 						})
@@ -141,51 +141,51 @@ var d = ({ items: e, limit: t, className: n, testId: r, cellClassName: i }) => {
 			})]
 		});
 	}
-}), v = s({
+}), m = n({
 	name: "Callout",
 	description: "A short highlighted note: a one-line title and a sentence or two of body.",
-	props: r({
-		title: i(),
-		body: i().optional()
+	props: o.object({
+		title: o.string(),
+		body: o.string().optional()
 	}),
-	component: ({ props: e }) => /* @__PURE__ */ u("div", {
+	component: ({ props: e }) => /* @__PURE__ */ a("div", {
 		className: "rounded-lg border border-border-default bg-bg-sunken px-3 py-2",
 		role: "note",
 		"data-testid": "assistant-openui-callout",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ i("div", {
 			className: "text-[13px] font-semibold text-text-primary",
 			children: e.title
-		}), e.body ? /* @__PURE__ */ l("div", {
+		}), e.body ? /* @__PURE__ */ i("div", {
 			className: "mt-0.5 text-[13px] leading-relaxed text-text-muted",
 			children: e.body
 		}) : null]
 	})
-}), y = o({
+}), h = t({
 	components: [
-		s({
+		n({
 			name: "Stack",
 			description: "The root: lays out up to 12 blocks (StatGrid, DataTable, BarChart, Callout) top to bottom.",
-			props: r({ children: t(a([
-				m.ref,
-				h.ref,
-				_.ref,
-				v.ref
+			props: o.object({ children: o.array(o.union([
+				u.ref,
+				d.ref,
+				p.ref,
+				m.ref
 			])) }),
-			component: ({ props: e }) => /* @__PURE__ */ l(d, {
+			component: ({ props: e }) => /* @__PURE__ */ i(s, {
 				className: "my-2 flex flex-col gap-2",
 				testId: "assistant-openui-stack",
 				items: e.children,
 				limit: 12
 			})
 		}),
-		m,
+		u,
+		l,
+		d,
 		p,
-		h,
-		_,
-		g,
-		v
+		f,
+		m
 	],
 	root: "Stack"
 });
 //#endregion
-export { y as default };
+export { h as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.1027.5",
+  "version": "2026.1027.7",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {

package/src/shared/styles/native.css

@@ -252,10 +252,27 @@ body.keyboard-open [data-native-shell] main {
   backdrop-filter: saturate(180%) blur(20px);
 }
 
+/* Normal flow, not absolutely centered: with 5+ trailing actions (context,
+   search, notifications, profile, plus a leading hamburger) an
+   absolutely-positioned title ignores the row's actual layout and visually
+   overlaps the icons instead of yielding space to them. Flex "centers" it
+   well enough when lead/trailing are similar widths, and truncates instead
+   of overlapping when they are not — same mechanism Android already used
+   below, just keeping iOS's centered alignment. */
 .platform-ios [data-native-topbar] .native-topbar__title {
+  position: static;
+  margin: 0;
+  max-width: none;
+  min-width: 0;
+  flex: 1 1 auto;
   text-align: center;
 }
 
+.platform-ios [data-native-topbar] .native-topbar__lead,
+.platform-ios [data-native-topbar] .native-topbar__actions {
+  flex: 0 0 auto;
+}
+
 /* Android: opaque 56px bar, title left-aligned next to the back arrow, and no
    iOS-style back TEXT label. */
 .platform-android [data-native-topbar] {