@mechane-ai/elements 0.9.0 → 0.10.0

package/dist/{content-link-BrPrpBof.js → content-link-BpSZeTNK.js}

@@ -1,4 +1,5 @@
-import { E as e } from "./src-elMBQ2Dh.js";
+import { D as e } from "./src-sU9b0oZW.js";
+import "@stylexjs/stylex";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx
 var n = "https://content.invalid", r = /* @__PURE__ */ new Set([
@@ -20,7 +21,10 @@ function a({ href: n, children: r, title: a }) {
 		href: o,
 		title: a,
 		rel: "noreferrer noopener",
-		children: r
+		children: /* @__PURE__ */ t("span", {
+			className: "xujl8zx xda060z",
+			children: r
+		})
 	});
 }
 export { i as n, a as t };

package/dist/content.js

@@ -1,31 +1,40 @@
-import { E as e, S as t, T as n, g as r, h as i } from "./src-elMBQ2Dh.js";
-import { t as a } from "./code-block-B30xQKqg.js";
-import * as o from "@stylexjs/stylex";
-import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Check as p, Circle as m, CircleDashed as h, CircleHelp as g, Clock as _, X as v } from "lucide-react";
-import y from "strip-ansi";
+import { C as e, E as t, _ as n, g as r } from "./src-sU9b0oZW.js";
+import { t as i } from "./viewer-styles-CpHqp5Qv.js";
+import { t as a } from "./code-block-D77maJBB.js";
+import { t as o } from "./content-link-BpSZeTNK.js";
+import * as s from "@stylexjs/stylex";
+import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Check as m, Circle as h, CircleDashed as g, CircleHelp as _, Clock as v, X as y } from "lucide-react";
+import b from "strip-ansi";
 // packages/content/src/json-viewer.tsx
-var b = 500;
-function x({ value: e, name: t, path: n, depth: r, maxDepth: i, maxEntries: a }) {
-	let [o, s] = u(r === 0);
+var x = { body: {
+	kmVPX3: "x1mvvolr",
+	kVQacm: "xysyzu8",
+	kskxy: "x1phlbz0",
+	kMv6JI: "xiard35",
+	kGuDYH: "xy8obcc",
+	$$css: !0
+} }, S = 500;
+function C({ value: e, name: t, path: n, depth: r, maxDepth: i, maxEntries: a }) {
+	let [o, s] = d(r === 0);
 	if (typeof e != "object" || !e) {
-		let n = JSON.stringify(e), r = n.length > b;
-		return /* @__PURE__ */ f("div", {
+		let n = JSON.stringify(e), r = n.length > S;
+		return /* @__PURE__ */ p("div", {
 			className: "xeuugli x126k92a xj0a0fe",
 			children: [
-				/* @__PURE__ */ f("span", {
+				/* @__PURE__ */ p("span", {
 					className: "x153jb6y",
 					children: [t, ": "]
 				}),
-				/* @__PURE__ */ d("span", {
+				/* @__PURE__ */ f("span", {
 					...{
 						0: { className: "xbixft" },
 						1: { className: "x7ixh4y" }
 					}[typeof e == "string" | 0],
-					children: n.slice(0, b)
+					children: n.slice(0, S)
 				}),
-				r && /* @__PURE__ */ d("span", {
+				r && /* @__PURE__ */ f("span", {
 					className: "x153jb6y x1hz01jw",
 					children: "… (value truncated)"
 				})
@@ -33,38 +42,38 @@ function x({ value: e, name: t, path: n, depth: r, maxDepth: i, maxEntries: a })
 		});
 	}
 	let c = Object.entries(e), l = Array.isArray(e) ? `${c.length} items` : `${c.length} fields`;
-	return r >= i ? /* @__PURE__ */ f("div", {
+	return r >= i ? /* @__PURE__ */ p("div", {
 		className: "xeuugli x126k92a xj0a0fe",
-		children: [/* @__PURE__ */ f("span", {
+		children: [/* @__PURE__ */ p("span", {
 			className: "x153jb6y",
 			children: [t, ": "]
-		}), /* @__PURE__ */ f("span", {
+		}), /* @__PURE__ */ p("span", {
 			className: "x153jb6y x1hz01jw",
 			children: [l, " · depth limit"]
 		})]
-	}) : /* @__PURE__ */ f("details", {
+	}) : /* @__PURE__ */ p("details", {
 		open: o,
 		onToggle: (e) => s(e.currentTarget.open),
 		className: "xeuugli x126k92a xj0a0fe",
-		children: [/* @__PURE__ */ f("summary", {
-			className: "x1ypdohk x19rmrnh x13qnu6 x9v5kkp x7s97pk",
+		children: [/* @__PURE__ */ p("summary", {
+			className: "x9f619 x1ypdohk x16exltd xwu7q15 xt970qd x8tdk5q xjbqb8w xzro8vx x1s9zmfe x19rmrnh x13qnu6 x9v5kkp x1bqaal",
 			children: [
-				/* @__PURE__ */ f("span", {
+				/* @__PURE__ */ p("span", {
 					className: "x153jb6y",
 					children: [t, ": "]
 				}),
 				Array.isArray(e) ? "[]" : "{}",
 				" ",
-				/* @__PURE__ */ d("span", {
+				/* @__PURE__ */ f("span", {
 					className: "x153jb6y x1hz01jw",
 					children: l
 				})
 			]
-		}), o && /* @__PURE__ */ f("div", {
+		}), o && /* @__PURE__ */ p("div", {
 			className: "xo02m6d xpilrb4 x1t7ytsu x97x49r xa1dmyi",
 			children: [c.slice(0, a).map(([e, t]) => {
 				let o = `${n}/${e.replaceAll("~", "~0").replaceAll("/", "~1")}`;
-				return /* @__PURE__ */ d(x, {
+				return /* @__PURE__ */ f(C, {
 					name: JSON.stringify(e),
 					path: o,
 					value: t,
@@ -72,43 +81,46 @@ function x({ value: e, name: t, path: n, depth: r, maxDepth: i, maxEntries: a })
 					maxDepth: i,
 					maxEntries: a
 				}, o);
-			}), c.length > a && /* @__PURE__ */ f("div", {
+			}), c.length > a && /* @__PURE__ */ p("div", {
 				className: "x153jb6y x1hz01jw",
 				children: [c.length - a, " more entries · copy to inspect the complete value"]
 			})]
 		})]
 	});
 }
-function S({ value: e, label: t, maxDepth: n = 6, maxEntries: i = 50 }) {
-	let a = s(() => JSON.stringify(e, null, 2), [e]);
-	return /* @__PURE__ */ f("section", {
+function w({ value: e, label: t, maxDepth: r = 6, maxEntries: a = 50 }) {
+	let o = c(() => JSON.stringify(e, null, 2), [e]);
+	return /* @__PURE__ */ p("section", {
 		"aria-label": t,
-		className: "xeuugli xmkeg23 x1y0btm7 x1ey3b81 xbixft xpvm0e4 x1hz01jw xtqrqnz x1778rvt",
-		children: [/* @__PURE__ */ f("div", {
-			className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y x69ldcm xso031l x1q0q8m5 x1qndepd",
-			children: [/* @__PURE__ */ d("span", { children: t }), /* @__PURE__ */ d(r, {
+		...s.props(i.root),
+		children: [/* @__PURE__ */ p("div", {
+			...s.props(i.header),
+			children: [/* @__PURE__ */ f("span", {
+				...s.props(i.label),
+				children: t
+			}), /* @__PURE__ */ f(n, {
 				label: t,
-				value: a,
+				value: o,
 				children: "Copy JSON"
 			})]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			role: "region",
 			"aria-label": `${t} fields`,
 			tabIndex: 0,
-			className: "x69ldcm xysyzu8 x1phlbz0 xiard35 xy8obcc",
-			children: /* @__PURE__ */ d(x, {
+			...s.props(i.scrollRegion, x.body),
+			children: /* @__PURE__ */ f(C, {
 				name: "root",
 				path: "",
 				value: e,
 				depth: 0,
-				maxDepth: Math.max(1, n),
-				maxEntries: Math.max(1, i)
+				maxDepth: Math.max(1, r),
+				maxEntries: Math.max(1, a)
 			})
 		})]
 	});
 }
 // packages/content/src/log-viewer.tsx
-var C = {
+var T = {
 	kVQacm: "xysyzu8",
 	kmVPX3: "x1mvvolr",
 	kogj98: "x1ghz6dp",
@@ -119,104 +131,111 @@ var C = {
 	kHjlTd: "xj0a0fe",
 	kKi2Bq: "xeq4nuv",
 	$$css: !0
-}, w = { output: (e) => [
-	C,
-	{
-		kskxy: e == null ? e : "x1jols5v",
+}, E = {
+	output: (e) => [
+		T,
+		{
+			kskxy: e == null ? e : "x1jols5v",
+			$$css: !0
+		},
+		{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+	],
+	notice: {
+		kt9PQ7: "xso031l",
+		kfdmCh: "x1q0q8m5",
+		kL6WhQ: "x1qndepd",
 		$$css: !0
-	},
-	{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
-] }, T = 2e5;
-function E({ output: e, label: n, maxLines: i = 500, maxHeight: a = 320, isRunning: s = !1 }) {
-	let p = l(null), [m, h] = u(!0), g = y(e), _ = g.slice(-2e5).split("\n"), v = _.slice(-Math.max(1, i)), b = _.length - v.length;
-	return c(() => {
-		m && p.current !== null && (p.current.scrollTop = p.current.scrollHeight);
-	}, [e, m]), /* @__PURE__ */ f("section", {
-		"aria-label": n,
-		className: "xeuugli xmkeg23 x1y0btm7 x1ey3b81 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
+	}
+}, D = 2e5;
+function O({ output: t, label: r, maxLines: a = 500, maxHeight: o = 320, isRunning: c = !1 }) {
+	let m = u(null), [h, g] = d(!0), _ = b(t), v = _.slice(-2e5).split("\n"), y = v.slice(-Math.max(1, a)), x = v.length - y.length;
+	return l(() => {
+		h && m.current !== null && (m.current.scrollTop = m.current.scrollHeight);
+	}, [t, h]), /* @__PURE__ */ p("section", {
+		"aria-label": r,
+		...s.props(i.root),
 		children: [
-			/* @__PURE__ */ f("div", {
-				className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y x69ldcm xso031l x1q0q8m5 x1qndepd",
-				children: [/* @__PURE__ */ f("span", { children: [n, s && " · running"] }), /* @__PURE__ */ f("div", {
-					className: "x78zum5 x6s0dn4 x1n8ia3y",
-					children: [/* @__PURE__ */ d(t, {
+			/* @__PURE__ */ p("div", {
+				...s.props(i.header),
+				children: [/* @__PURE__ */ p("span", {
+					...s.props(i.label),
+					children: [r, c && " · running"]
+				}), /* @__PURE__ */ p("div", {
+					...s.props(i.actions),
+					children: [/* @__PURE__ */ f(e, {
 						size: "sm",
 						variant: "ghost",
-						onClick: () => h(!m),
-						children: m ? "Pause following" : "Follow output"
-					}), /* @__PURE__ */ d(r, {
-						value: e,
-						label: n,
+						onClick: () => g(!h),
+						children: h ? "Pause following" : "Follow output"
+					}), /* @__PURE__ */ f(n, {
+						value: t,
+						label: r,
 						children: "Copy"
 					})]
 				})]
 			}),
-			b > 0 && /* @__PURE__ */ f("div", {
-				className: "x153jb6y x1doqdfy x1hmw7ec xso031l x1q0q8m5 x1qndepd",
-				children: [b, " earlier lines omitted from this view. Copy includes the supplied output."]
+			x > 0 && /* @__PURE__ */ p("div", {
+				...s.props(i.note, E.notice),
+				children: [x, " earlier lines omitted from this view. Copy includes the supplied output."]
 			}),
-			g.length > T && /* @__PURE__ */ d("div", {
-				className: "x153jb6y x1doqdfy x1hmw7ec xso031l x1q0q8m5 x1qndepd",
+			_.length > D && /* @__PURE__ */ f("div", {
+				...s.props(i.note, E.notice),
 				children: "Preview limited to the last 200,000 characters. Copy includes the supplied output."
 			}),
-			/* @__PURE__ */ d("pre", {
-				ref: p,
+			/* @__PURE__ */ f("pre", {
+				ref: m,
 				role: "region",
-				"aria-label": `${n} output`,
+				"aria-label": `${r} output`,
 				tabIndex: 0,
 				onScroll: (e) => {
 					let t = e.currentTarget;
-					h(t.scrollHeight - t.scrollTop - t.clientHeight < 8);
+					g(t.scrollHeight - t.scrollTop - t.clientHeight < 8);
 				},
-				...o.props(w.output(a)),
-				children: g.length === 0 ? "No output recorded." : v.join("\n")
+				...s.props(i.scrollRegion, E.output(o)),
+				children: _.length === 0 ? "No output recorded." : y.join("\n")
 			})
 		]
 	});
 }
 // packages/content/src/stack-trace.tsx
-function D({ message: t, frames: n }) {
-	return /* @__PURE__ */ f("section", {
+function k({ message: e, frames: t }) {
+	return /* @__PURE__ */ p("section", {
 		"aria-label": "Stack trace",
-		className: "xeuugli xmkeg23 x1y0btm7 x1ey3b81 x1hz01jw xtqrqnz x1778rvt xpvm0e4 xbixft",
-		children: [/* @__PURE__ */ d("p", {
-			className: "x1ghz6dp x1mvvolr xso031l x1q0q8m5 x1qndepd xr5kp14 xk50ysn xj0a0fe",
-			children: t
-		}), n.length === 0 ? /* @__PURE__ */ d("p", {
+		...s.props(i.root),
+		children: [/* @__PURE__ */ f("p", {
+			className: "x1ghz6dp x1mvvolr xso031l x1q0q8m5 x1qndepd xr5kp14 xk4h15q xj0a0fe",
+			children: e
+		}), t.length === 0 ? /* @__PURE__ */ f("p", {
 			className: "x1ghz6dp x1mvvolr x153jb6y",
 			children: "No frames recorded."
-		}) : /* @__PURE__ */ d("ol", {
+		}) : /* @__PURE__ */ f("ol", {
 			className: "x1ghz6dp x1717udv x3ct3a4",
-			children: n.map((t) => {
-				let n = [
-					t.file,
-					t.line,
-					t.column
+			children: t.map((e) => {
+				let t = [
+					e.file,
+					e.line,
+					e.column
 				].filter((e) => e !== void 0).join(":");
-				return /* @__PURE__ */ f("li", {
-					className: "x1mvvolr xso031l x1q0q8m5 x1qndepd",
-					children: [
-						t.href === void 0 ? /* @__PURE__ */ d("span", { children: t.name }) : /* @__PURE__ */ d(e, {
-							href: t.href,
-							children: t.name
-						}),
-						/* @__PURE__ */ d("span", {
-							className: "x1lliihq x153jb6y xiard35 xy8obcc xj0a0fe",
-							children: n
-						}),
-						t.code !== void 0 && /* @__PURE__ */ d(a, {
-							code: t.code,
-							language: t.language,
-							filename: t.file
-						})
-					]
-				}, t.id);
+				return /* @__PURE__ */ p("li", {
+					className: "x78zum5 xdt5ytf x1hnptsi xeuugli xj0a0fe x1mvvolr xso031l x1t1lzn6 x1q0q8m5 x1qndepd",
+					children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(o, {
+						href: e.href,
+						children: e.name
+					}), t.length > 0 && /* @__PURE__ */ f("span", {
+						className: "x1lliihq x153jb6y xiard35 xy8obcc xj0a0fe",
+						children: t
+					})] }), e.code !== void 0 && /* @__PURE__ */ f(a, {
+						code: e.code,
+						language: e.language,
+						filename: e.file
+					})]
+				}, e.id);
 			})
 		})]
 	});
 }
 // packages/content/src/trace.tsx
-var O = {
+var A = {
 	pending: {
 		kMwMTN: "x153jb6y",
 		$$css: !0
@@ -241,78 +260,78 @@ var O = {
 		kMwMTN: "x153jb6y",
 		$$css: !0
 	}
-}, k = {
-	pending: O.pending,
-	running: O.running,
-	complete: O.complete,
-	failed: O.failed,
-	skipped: O.skipped,
-	unknown: O.unknown
-}, A = {
-	pending: _,
-	running: m,
-	complete: p,
-	failed: v,
-	skipped: h,
-	unknown: g
+}, j = {
+	pending: A.pending,
+	running: A.running,
+	complete: A.complete,
+	failed: A.failed,
+	skipped: A.skipped,
+	unknown: A.unknown
+}, M = {
+	pending: v,
+	running: h,
+	complete: m,
+	failed: y,
+	skipped: g,
+	unknown: _
 };
-function j({ label: e, children: t }) {
-	return /* @__PURE__ */ d("ol", {
+function N({ label: e, children: t }) {
+	return /* @__PURE__ */ f("ol", {
 		"aria-label": e,
-		className: "x1ghz6dp x1717udv x3ct3a4 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		className: "x1ghz6dp x1717udv x3ct3a4 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft",
 		children: t
 	});
 }
-function M({ label: e, children: t }) {
-	return /* @__PURE__ */ d("ol", {
+function P({ label: e, children: t }) {
+	return /* @__PURE__ */ f("ol", {
 		"aria-label": e,
-		className: "x1ghz6dp x1717udv x3ct3a4 xeuugli x1hz01jw xtqrqnz x1778rvt xbixft x1xxf3xd",
+		className: "x1ghz6dp x1717udv x3ct3a4 xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft x3bg4vu",
 		children: t
 	});
 }
-function N({ id: e, label: t, status: r, statusLabel: a, description: s, detail: c, selected: l, onSelect: u, children: p }) {
-	let m = A[r];
-	return /* @__PURE__ */ f("li", {
+function F({ id: e, label: n, status: i, statusLabel: a, description: o, detail: c, selected: l, onSelect: u, children: d }) {
+	let m = M[i];
+	return /* @__PURE__ */ p("li", {
 		"data-item-id": e,
-		className: "x1n2onr6 xrvj5dj x1qpdrs7 x8zbtdt x1wv5www",
-		children: [/* @__PURE__ */ f("div", {
+		className: "x1n2onr6 xrvj5dj x1qpdrs7 x8zbtdt x1wv5www xup0pd7",
+		children: [/* @__PURE__ */ p("div", {
 			"aria-hidden": !0,
 			className: "x78zum5 xdt5ytf x6s0dn4 xunmzkg x1lk341d",
-			children: [/* @__PURE__ */ d(m, {
+			children: [/* @__PURE__ */ f(m, {
 				size: 14,
-				...o.props(k[r])
-			}), /* @__PURE__ */ d("span", { className: "x1i1rx1s x1f6qilh x98rzlu x1fa40ue" })]
-		}), /* @__PURE__ */ f("div", {
+				...s.props(j[i])
+			}), /* @__PURE__ */ f("span", { className: "x1i1rx1s x1f6qilh x98rzlu x1fa40ue" })]
+		}), /* @__PURE__ */ p("div", {
 			className: "x78zum5 xdt5ytf xunmzkg xeuugli",
 			children: [
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					...{
-						0: { className: "xk50ysn xj0a0fe" },
-						1: { className: "xk50ysn xj0a0fe xujl8zx xda060z" }
+						0: { className: "xk4h15q xj0a0fe" },
+						1: { className: "xk4h15q xj0a0fe xujl8zx xda060z" }
 					}[l === !0 | 0],
-					children: u === void 0 ? t : /* @__PURE__ */ d(n, {
+					children: u === void 0 ? n : /* @__PURE__ */ f(t, {
 						"aria-pressed": l,
 						onClick: () => u(e),
-						children: t
+						children: n
 					})
 				}),
-				/* @__PURE__ */ d("span", {
-					className: "xy8obcc xas2l8k x153jb6y",
+				/* @__PURE__ */ f("span", {
+					className: "xy8obcc xas2l8k x153jb6y xj0a0fe",
 					children: a
 				}),
-				s !== void 0 && /* @__PURE__ */ d("p", {
+				o !== void 0 && /* @__PURE__ */ f("p", {
 					className: "x1ghz6dp x153jb6y xj0a0fe",
-					children: s
+					children: o
 				}),
-				c !== void 0 && /* @__PURE__ */ f(i.Root, { children: [/* @__PURE__ */ d(i.Trigger, { children: "Details" }), /* @__PURE__ */ d(i.Panel, { children: c })] }),
-				p
+				c !== void 0 && /* @__PURE__ */ p(r.Root, { children: [/* @__PURE__ */ f(r.Trigger, { children: "Details" }), /* @__PURE__ */ f(r.Panel, { children: c })] }),
+				d
 			]
 		})]
 	});
 }
-var P = {
-	Root: j,
-	Item: N,
-	Group: M
+var I = {
+	Root: N,
+	Item: F,
+	Group: P
 };
-export { S as JsonViewer, E as LogViewer, D as StackTrace, P as Trace };
+export { w as JsonViewer, O as LogViewer, k as StackTrace, I as Trace };