@declarion/react 0.87.0 → 0.89.0

package/dist-lib/components/agents/AgentChatPanel.impl.js

@@ -2,12 +2,12 @@ import { coerceDisplayString as e } from "../../lib/display-value.js";
 import { screenTitleForPath as t } from "../../types/schema.js";
 import { useSchema as n } from "../../hooks/useSchema.js";
 import { pluralText as r, textWithNodes as i } from "../../lib/language.js";
-import { Icon as a } from "../primitives/Icons.js";
-import { Btn as o } from "../primitives/Btn.js";
-import { IconBtn as s } from "../primitives/IconBtn.js";
-import { useText as c } from "../../hooks/useText.js";
-import { Spinner as l } from "../primitives/Spinner.js";
-import { failureTitle as u } from "../../lib/failure.js";
+import { failureTitle as a } from "../../lib/failure.js";
+import { Icon as o } from "../primitives/Icons.js";
+import { Btn as s } from "../primitives/Btn.js";
+import { IconBtn as c } from "../primitives/IconBtn.js";
+import { useText as l } from "../../hooks/useText.js";
+import { Spinner as u } from "../primitives/Spinner.js";
 import { useParam as d } from "../../hooks/useParams.js";
 import { useTabNavigate as f } from "../../hooks/useTabNavigate.js";
 import { useEntity as p } from "../../hooks/useEntity.js";
@@ -23,10 +23,10 @@ import { useLocation as T } from "react-router";
 import ee from "react-textarea-autosize";
 //#region src/components/agents/AgentChatPanel.impl.tsx
 var te = 80;
-function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docked: p = !1 }) {
+function E({ open: e, onClose: r, context: s, title: d = "", askOnOpen: f, docked: p = !1 }) {
 	let m = _();
 	v(m.conversationId);
-	let E = c(), { pathname: D } = T(), { data: A } = n(), j = o ? t(E, D, A?.screens, A?.entities)?.title : void 0, M = c("errors"), [N, P] = S(""), [F, I] = S(null), L = x(null), [R, z] = S(!1), B = x(null), V = x(null), H = x(!0), [U, W] = S(!1), G = () => {
+	let E = l(), { pathname: D } = T(), { data: A } = n(), j = s ? t(E, D, A?.screens, A?.entities)?.title : void 0, M = l("errors"), [N, P] = S(""), [F, I] = S(null), L = x(null), [R, z] = S(!1), B = x(null), V = x(null), H = x(!0), [U, W] = S(!1), G = () => {
 		let e = V.current;
 		if (!e) return;
 		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= te;
@@ -50,9 +50,9 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 		if (e.trim()) {
 			I(null), P("");
 			try {
-				await m.send(e, o);
+				await m.send(e, s);
 			} catch (t) {
-				console.error("agent send failed", t), I(u(M, t)), P(e);
+				console.error("agent send failed", t), I(a(M, t)), P(e);
 			}
 		}
 	};
@@ -100,7 +100,7 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 							alignItems: "center",
 							justifyContent: "center"
 						},
-						children: /* @__PURE__ */ C(a.sparkle, {
+						children: /* @__PURE__ */ C(o.sparkle, {
 							size: 13,
 							style: { color: "var(--accent-foreground)" }
 						})
@@ -130,34 +130,34 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 							} }), i(E("agent.panel.context", "context: {context}"), { context: /* @__PURE__ */ C("span", { children: j || E("agent.panel.context_platform", "Platform") }) })]
 						})]
 					}),
-					m.messages.length > 0 && /* @__PURE__ */ C(s, {
+					m.messages.length > 0 && /* @__PURE__ */ C(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(a.copy, { size: 12 }),
+						icon: /* @__PURE__ */ C(o.copy, { size: 12 }),
 						onClick: () => void se(E, m.messages),
 						title: E("agent.panel.copy_all", "Copy entire conversation")
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(a.clock, { size: 12 }),
+						icon: /* @__PURE__ */ C(o.clock, { size: 12 }),
 						onClick: () => {
 							z((e) => !e), m.refreshConversations();
 						},
 						title: E("agent.panel.earlier", "Earlier conversations")
 					}),
-					m.conversationId && /* @__PURE__ */ C(s, {
+					m.conversationId && /* @__PURE__ */ C(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(a.plus, { size: 12 }),
+						icon: /* @__PURE__ */ C(o.plus, { size: 12 }),
 						onClick: m.startNew,
 						title: E("agent.panel.new_conversation", "New conversation")
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(a.settings, { size: 12 }),
+						icon: /* @__PURE__ */ C(o.settings, { size: 12 }),
 						title: E("agent.panel.preferences", "Preferences")
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(c, {
 						size: 24,
-						icon: /* @__PURE__ */ C(a.x, { size: 13 }),
+						icon: /* @__PURE__ */ C(o.x, { size: 13 }),
 						onClick: r,
 						title: E("agent.panel.close", "Close")
 					})
@@ -211,7 +211,7 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 							color: "var(--text-3)",
 							fontSize: 11.5
 						},
-						children: [/* @__PURE__ */ C(l, { size: 12 }), E("agent.panel.thinking", "Thinking…")]
+						children: [/* @__PURE__ */ C(u, { size: 12 }), E("agent.panel.thinking", "Thinking…")]
 					}),
 					F && /* @__PURE__ */ C("div", {
 						style: {
@@ -246,7 +246,7 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 					gap: 4,
 					zIndex: 1
 				},
-				children: [/* @__PURE__ */ C(a.arrowDown, { size: 11 }), E("agent.panel.jump_latest", "Jump to latest")]
+				children: [/* @__PURE__ */ C(o.arrowDown, { size: 11 }), E("agent.panel.jump_latest", "Jump to latest")]
 			}),
 			/* @__PURE__ */ w("div", {
 				style: {
@@ -285,9 +285,9 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 								fontFamily: "inherit"
 							}
 						}),
-						/* @__PURE__ */ C(s, {
+						/* @__PURE__ */ C(c, {
 							size: 26,
-							icon: /* @__PURE__ */ C(a.paperclip, { size: 12 }),
+							icon: /* @__PURE__ */ C(o.paperclip, { size: 12 }),
 							title: E("agent.panel.attach_context", "Attach context")
 						}),
 						Q ? /* @__PURE__ */ C("button", {
@@ -306,7 +306,7 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ C(a.x, { size: 13 })
+							children: /* @__PURE__ */ C(o.x, { size: 13 })
 						}) : /* @__PURE__ */ C("button", {
 							onClick: () => void q(N),
 							disabled: !$,
@@ -323,7 +323,7 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ C(a.arrowUp, { size: 13 })
+							children: /* @__PURE__ */ C(o.arrowUp, { size: 13 })
 						})
 					]
 				}), /* @__PURE__ */ w("div", {
@@ -335,7 +335,7 @@ function E({ open: e, onClose: r, context: o, title: d = "", askOnOpen: f, docke
 						fontSize: 10.5,
 						color: "var(--text-4)"
 					},
-					children: [/* @__PURE__ */ C(a.shield, { size: 10 }), /* @__PURE__ */ C("span", { children: E("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
+					children: [/* @__PURE__ */ C(o.shield, { size: 10 }), /* @__PURE__ */ C("span", { children: E("agent.panel.footer", "Runs within your permissions. All actions audit-logged.") })]
 				})]
 			})
 		]
@@ -377,7 +377,7 @@ function O({ children: e, dataMessageId: t, dataStreaming: n }) {
 				flexShrink: 0,
 				marginTop: 2
 			},
-			children: /* @__PURE__ */ C(a.sparkle, { size: 11 })
+			children: /* @__PURE__ */ C(o.sparkle, { size: 11 })
 		}), /* @__PURE__ */ C("div", {
 			style: {
 				flex: 1,
@@ -391,7 +391,7 @@ function O({ children: e, dataMessageId: t, dataStreaming: n }) {
 	});
 }
 function k({ agentTurn: t }) {
-	let n = c(), r = c("errors"), i = p("agent_turn")?.fields.get("status"), a = t.status === "failed" ? r(t.error_code ?? "", e(t.error_details) || r("agents.turn_failed", "The assistant could not finish this turn.")) : void 0;
+	let n = l(), r = l("errors"), i = p("agent_turn")?.fields.get("status"), a = t.status === "failed" ? r(t.error_code ?? "", e(t.error_details) || r("agents.turn_failed", "The assistant could not finish this turn.")) : void 0;
 	return /* @__PURE__ */ w("div", {
 		"data-agent-turn": t.id,
 		"data-turn-status": t.status,
@@ -420,7 +420,7 @@ function ne(e, t) {
 	};
 }
 function re({ invocation: e }) {
-	let t = c();
+	let t = l();
 	return /* @__PURE__ */ C("div", {
 		"data-agent-invocation": e.id,
 		"data-invocation-status": "outcome_unknown",
@@ -493,7 +493,7 @@ function ie({ run: e }) {
 	});
 }
 function j() {
-	let e = c();
+	let e = l();
 	return (t, n, i) => {
 		let a = [];
 		return t > 0 && a.push(r(e, "agent.panel.operations", t, {
@@ -506,10 +506,10 @@ function j() {
 	};
 }
 function M({ call: e }) {
-	let [t, n] = S(!1), r = c(), i = P(e.name), a = p("agent_tool_invocation")?.fields.get("status"), o = e.status ?? "running", s = r(a?.values?.find((e) => e.code === o)?.name) || o, l = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : N(e.status) ? "ok" : "running";
+	let [t, n] = S(!1), r = l(), i = P(e.name), a = p("agent_tool_invocation")?.fields.get("status"), o = e.status ?? "running", s = r(a?.values?.find((e) => e.code === o)?.name) || o, c = e.status === "outcome_unknown" ? "outcome_unknown" : e.isError ? "failed" : N(e.status) ? "ok" : "running";
 	return /* @__PURE__ */ w("div", {
 		"data-activity-call": e.name,
-		"data-call-state": l,
+		"data-call-state": c,
 		children: [/* @__PURE__ */ w("button", {
 			type: "button",
 			onClick: () => n((e) => !e),
@@ -522,7 +522,7 @@ function M({ call: e }) {
 				background: "transparent",
 				border: "none",
 				cursor: "pointer",
-				color: l === "failed" ? "var(--danger)" : "var(--text-2)"
+				color: c === "failed" ? "var(--danger)" : "var(--text-2)"
 			},
 			children: [
 				/* @__PURE__ */ C("span", {
@@ -563,7 +563,7 @@ function N(e) {
 	return e === "succeeded" || e === "failed" || e === "rejected" || e === "canceled" || e === "outcome_unknown";
 }
 function ae({ conversations: e, currentId: t, onPick: n }) {
-	let r = c();
+	let r = l();
 	return e.length === 0 ? /* @__PURE__ */ C("div", {
 		style: {
 			padding: "8px 12px",
@@ -598,7 +598,7 @@ function ae({ conversations: e, currentId: t, onPick: n }) {
 	});
 }
 function P(e) {
-	let t = c(), { value: r } = d("agents.transcript_names", "code"), { data: i } = n();
+	let t = l(), { value: r } = d("agents.transcript_names", "code"), { data: i } = n();
 	return r === "display" && t(i?.actions?.[e]?.display?.name ?? F(i, e)) || e;
 }
 function F(e, t) {
@@ -739,7 +739,7 @@ var z = {
 	}
 };
 function B({ block: e }) {
-	let t = c();
+	let t = l();
 	switch (e.type) {
 		case "text": return /* @__PURE__ */ C("div", {
 			className: "agent-md",
@@ -910,7 +910,7 @@ function G(e, t) {
 	return t === "approved" ? e("agent.panel.decision.approve", "Approved") : e("agent.panel.decision.reject", "Rejected");
 }
 function K({ block: e }) {
-	let t = c(), n = e.decision === "approved", r = n ? "var(--success)" : "var(--destructive)";
+	let t = l(), n = e.decision === "approved", r = n ? "var(--success)" : "var(--destructive)";
 	return /* @__PURE__ */ w("div", {
 		style: {
 			marginTop: 6,
@@ -990,13 +990,13 @@ function J(e, t) {
 	return e("agent.panel.proposal", "Run {code}.", { code: t });
 }
 function ce({ tool: e, onApprove: t, onReject: n }) {
-	let r = c(), i = c("errors"), s = JSON.stringify(e.params ?? {}, null, 2), [l, d] = S(!1), [f, p] = S(!1), [m, h] = S(""), [g, _] = S(null), [v, y] = S(!1), b = async (e) => {
+	let r = l(), i = l("errors"), c = JSON.stringify(e.params ?? {}, null, 2), [u, d] = S(!1), [f, p] = S(!1), [m, h] = S(""), [g, _] = S(null), [v, y] = S(!1), b = async (e) => {
 		if (!v) {
 			y(!0);
 			try {
 				await t(e);
 			} catch (e) {
-				_(u(i, e)), y(!1);
+				_(a(i, e)), y(!1);
 			}
 		}
 	}, x = async () => {
@@ -1005,7 +1005,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 			try {
 				await n(m.trim() || void 0);
 			} catch (e) {
-				_(u(i, e)), y(!1);
+				_(a(i, e)), y(!1);
 			}
 		}
 	}, T = typeof e.confidence == "number" ? Math.round(Math.max(0, Math.min(1, e.confidence)) * 100) : null;
@@ -1026,7 +1026,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					marginBottom: 6
 				},
 				children: [
-					/* @__PURE__ */ C(a.bolt, {
+					/* @__PURE__ */ C(o.bolt, {
 						size: 11,
 						style: { color: "var(--accent)" }
 					}),
@@ -1085,7 +1085,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					background: "transparent",
 					border: 0,
 					padding: 0,
-					marginBottom: l ? 6 : 0,
+					marginBottom: u ? 6 : 0,
 					fontSize: 10.5,
 					color: "var(--text-3)",
 					cursor: "pointer",
@@ -1096,15 +1096,15 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 				children: [/* @__PURE__ */ C("span", {
 					style: {
 						display: "inline-block",
-						transform: l ? "rotate(90deg)" : "none",
+						transform: u ? "rotate(90deg)" : "none",
 						transition: "transform 0.15s",
 						fontSize: 9,
 						lineHeight: 1
 					},
 					children: "▶"
-				}), l ? r("agent.panel.hide_params", "Hide parameters") : r("agent.panel.view_params", "View parameters")]
+				}), u ? r("agent.panel.hide_params", "Hide parameters") : r("agent.panel.view_params", "View parameters")]
 			}),
-			l && /* @__PURE__ */ C("pre", {
+			u && /* @__PURE__ */ C("pre", {
 				className: "mono",
 				style: {
 					width: "100%",
@@ -1119,7 +1119,7 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					overflowX: "auto",
 					whiteSpace: "pre-wrap"
 				},
-				children: s
+				children: c
 			}),
 			g && /* @__PURE__ */ C("div", {
 				style: {
@@ -1154,30 +1154,30 @@ function ce({ tool: e, onApprove: t, onReject: n }) {
 					justifyContent: "flex-end"
 				},
 				children: [
-					f ? /* @__PURE__ */ C(o, {
+					f ? /* @__PURE__ */ C(s, {
 						size: "xs",
 						kind: "ghost",
 						onClick: x,
 						disabled: v,
 						children: r("agent.panel.reject_send", "Send rejection")
-					}) : /* @__PURE__ */ C(o, {
+					}) : /* @__PURE__ */ C(s, {
 						size: "xs",
 						kind: "ghost",
 						onClick: () => p(!0),
 						disabled: v,
 						children: r("agent.panel.reject", "Reject…")
 					}),
-					e.confirmation_mode !== "always" && /* @__PURE__ */ C(o, {
+					e.confirmation_mode !== "always" && /* @__PURE__ */ C(s, {
 						size: "xs",
 						kind: "ghost",
 						onClick: () => b("conversation"),
 						disabled: v,
 						children: r("agent.panel.approve_chat", "Approve for this chat")
 					}),
-					/* @__PURE__ */ C(o, {
+					/* @__PURE__ */ C(s, {
 						size: "xs",
 						kind: "primary",
-						icon: /* @__PURE__ */ C(a.check, { size: 11 }),
+						icon: /* @__PURE__ */ C(o.check, { size: 11 }),
 						onClick: () => b("call"),
 						disabled: v,
 						children: r("agent.panel.approve_once", "Approve once")

package/dist-lib/components/chrome/AssociationTabs.js

@@ -1,10 +1,10 @@
 import { fieldDisplayName as e } from "../../types/schema.js";
-import { Icon as t } from "../primitives/Icons.js";
-import { Btn as n } from "../primitives/Btn.js";
-import { useText as r } from "../../hooks/useText.js";
-import { SectionCard as i } from "../primitives/SectionCard.js";
-import { DynamicIcon as a } from "../shared/DynamicIcon.js";
-import { listEntities as o, resolveAssociation as s } from "../../api/data.js";
+import { listEntities as t, resolveAssociation as n } from "../../api/data.js";
+import { Icon as r } from "../primitives/Icons.js";
+import { Btn as i } from "../primitives/Btn.js";
+import { useText as a } from "../../hooks/useText.js";
+import { SectionCard as o } from "../primitives/SectionCard.js";
+import { DynamicIcon as s } from "../shared/DynamicIcon.js";
 import { useTabNavigate as c } from "../../hooks/useTabNavigate.js";
 import { findListScreenForEntity as l } from "../../lib/actions.js";
 import { renderField as u } from "../fields/index.js";
@@ -13,11 +13,11 @@ import { useMemo as m, useState as h } from "react";
 import { useQuery as g } from "@tanstack/react-query";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/chrome/AssociationTabs.tsx
-function y({ entityCode: e, recordId: t, associations: n, schema: o }) {
-	let s = r(), c = m(() => Object.entries(n).filter(([, e]) => !!o.entities[e.target]), [n, o.entities]), [l, u] = h(0);
+function y({ entityCode: e, recordId: t, associations: n, schema: r }) {
+	let i = a(), c = m(() => Object.entries(n).filter(([, e]) => !!r.entities[e.target]), [n, r.entities]), [l, u] = h(0);
 	if (c.length === 0) return null;
 	let [d, f] = c[l];
-	return /* @__PURE__ */ _(i, {
+	return /* @__PURE__ */ _(o, {
 		title: /* @__PURE__ */ _("div", {
 			style: {
 				display: "flex",
@@ -47,10 +47,10 @@ function y({ entityCode: e, recordId: t, associations: n, schema: o }) {
 						cursor: "pointer",
 						fontWeight: r ? 600 : 500
 					},
-					children: [t.display?.icon && /* @__PURE__ */ _(a, {
+					children: [t.display?.icon && /* @__PURE__ */ _(s, {
 						name: t.display.icon,
 						size: 13
-					}), s(t.display?.name) || e]
+					}), i(t.display?.name) || e]
 				}, e);
 			})
 		}),
@@ -61,25 +61,25 @@ function y({ entityCode: e, recordId: t, associations: n, schema: o }) {
 			recordId: t,
 			assocKey: d,
 			association: f,
-			schema: o
+			schema: r
 		})
 	});
 }
-function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b }) {
-	let x = r(), S = c(), C = `${i}.${h}`, { data: w, isLoading: T } = g({
+function b({ entityCode: o, recordId: s, assocKey: h, association: y, schema: b }) {
+	let x = a(), S = c(), C = `${o}.${h}`, { data: w, isLoading: T } = g({
 		queryKey: [
 			"association",
 			C,
-			a
+			s
 		],
-		queryFn: () => s(C, [a])
+		queryFn: () => n(C, [s])
 	}), E = w?.target_entity ?? y.target, D = b.entities[E], O = m(() => w?.ids ?? [], [w?.ids]), k = m(() => D?.fields.names().find((e) => D.fields.get(e)?.primary) ?? "id", [D]), A = m(() => O.slice(0, 50), [O]), { data: j, isLoading: M } = g({
 		queryKey: [
 			"association-records",
 			E,
 			A
 		],
-		queryFn: () => o(E, {
+		queryFn: () => t(E, {
 			per_page: 50,
 			filters: [{
 				field: k,
@@ -148,8 +148,8 @@ function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b
 					padding: "10px 16px",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ _(n, {
-					icon: /* @__PURE__ */ _(t.external, { size: 12 }),
+				children: /* @__PURE__ */ _(i, {
+					icon: /* @__PURE__ */ _(r.external, { size: 12 }),
 					onClick: I,
 					children: x("shell.association.view_all", "View all {count} records", { count: w.count })
 				})
@@ -159,9 +159,9 @@ function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b
 					padding: "10px 16px",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ _(n, {
+				children: /* @__PURE__ */ _(i, {
 					kind: "ghost",
-					icon: /* @__PURE__ */ _(t.external, { size: 12 }),
+					icon: /* @__PURE__ */ _(r.external, { size: 12 }),
 					onClick: I,
 					children: x("shell.association.open_list", "Open in list view")
 				})

package/dist-lib/components/chrome/RecordHeader.js

@@ -1,15 +1,14 @@
 import { Icon as e } from "../primitives/Icons.js";
 import { IconBtn as t } from "../primitives/IconBtn.js";
-import { Pill as n } from "../primitives/Pill.js";
-import { InfoTooltip as r } from "../primitives/Tooltip.js";
-import { useText as i } from "../../hooks/useText.js";
-import { headerActionZoneStyle as a } from "./headerActionZone.js";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { InfoTooltip as n } from "../primitives/Tooltip.js";
+import { useText as r } from "../../hooks/useText.js";
+import { headerActionZoneStyle as i } from "./headerActionZone.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/chrome/RecordHeader.tsx
-var l = 160;
-function u({ icon: u, title: d, description: f, highlights: p, mode: m, dirty: h = !1, showBack: g = !1, onBack: _, right: v, identityControls: y, showTitle: b = !0 }) {
-	let x = i();
-	return /* @__PURE__ */ c("div", {
+var c = 160;
+function l({ icon: l, title: u, description: d, highlights: f, mode: p, dirty: m = !1, showBack: h = !1, onBack: g, right: _, identityControls: v, showTitle: y = !0 }) {
+	let b = r();
+	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			alignItems: "flex-start",
@@ -18,24 +17,24 @@ function u({ icon: u, title: d, description: f, highlights: p, mode: m, dirty: h
 			minWidth: 0
 		},
 		children: [
-			b && g && /* @__PURE__ */ s("div", {
+			y && h && /* @__PURE__ */ o("div", {
 				style: {
 					paddingTop: 4,
 					flexShrink: 0
 				},
-				children: /* @__PURE__ */ s(t, {
+				children: /* @__PURE__ */ o(t, {
 					size: 26,
-					icon: /* @__PURE__ */ s(e.back, { size: 14 }),
-					title: x("shell.back", "Back"),
-					onClick: _
+					icon: /* @__PURE__ */ o(e.back, { size: 14 }),
+					title: b("shell.back", "Back"),
+					onClick: g
 				})
 			}),
-			b && u && /* @__PURE__ */ s("div", {
+			y && l && /* @__PURE__ */ o("div", {
 				style: {
 					flexShrink: 0,
 					paddingTop: 2
 				},
-				children: /* @__PURE__ */ s("span", {
+				children: /* @__PURE__ */ o("span", {
 					style: {
 						width: 32,
 						height: 32,
@@ -46,11 +45,11 @@ function u({ icon: u, title: d, description: f, highlights: p, mode: m, dirty: h
 						alignItems: "center",
 						justifyContent: "center"
 					},
-					children: u
+					children: l
 				})
 			}),
-			b && /* @__PURE__ */ c(o, { children: [
-				/* @__PURE__ */ s("h1", {
+			y && /* @__PURE__ */ s(a, { children: [
+				/* @__PURE__ */ o("h1", {
 					style: {
 						margin: 0,
 						fontSize: "var(--page-title-size, var(--page-title-size-detail))",
@@ -58,21 +57,21 @@ function u({ icon: u, title: d, description: f, highlights: p, mode: m, dirty: h
 						letterSpacing: 0,
 						lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
 						color: "var(--text)",
-						minWidth: l,
+						minWidth: c,
 						overflowWrap: "anywhere",
 						maxWidth: "100%",
 						flexGrow: 0,
 						flexShrink: 1,
 						flexBasis: "auto"
 					},
-					children: d
+					children: u
 				}),
-				f && /* @__PURE__ */ s(r, {
-					label: f,
+				d && /* @__PURE__ */ o(n, {
+					label: d,
 					"data-testid": "detail-description-info"
 				}),
-				y,
-				m === "edit" && h && /* @__PURE__ */ c("span", {
+				v,
+				p === "edit" && m && /* @__PURE__ */ s("span", {
 					style: {
 						display: "inline-flex",
 						alignItems: "center",
@@ -80,35 +79,29 @@ function u({ icon: u, title: d, description: f, highlights: p, mode: m, dirty: h
 						fontSize: 11,
 						color: "var(--warn)"
 					},
-					children: [/* @__PURE__ */ s("span", { style: {
+					children: [/* @__PURE__ */ o("span", { style: {
 						width: 6,
 						height: 6,
 						borderRadius: 999,
 						background: "var(--warn)"
-					} }), x("shell.record.unsaved", "Unsaved")]
-				}),
-				m === "create" && /* @__PURE__ */ s(n, {
-					tone: "violet",
-					size: "xs",
-					dot: !0,
-					children: x("shell.record.new", "New record")
+					} }), b("shell.record.unsaved", "Unsaved")]
 				})
 			] }),
-			v && /* @__PURE__ */ s("div", {
+			_ && /* @__PURE__ */ o("div", {
 				role: "toolbar",
-				"aria-label": x("shell.record.page_actions", "Page actions"),
-				style: a,
-				children: v
+				"aria-label": b("shell.record.page_actions", "Page actions"),
+				style: i,
+				children: _
 			}),
-			p && m === "display" && /* @__PURE__ */ s("div", {
+			f && p === "display" && /* @__PURE__ */ o("div", {
 				style: {
 					flexBasis: "100%",
 					minWidth: 0
 				},
-				children: p
+				children: f
 			})
 		]
 	});
 }
 //#endregion
-export { u as RecordHeader };
+export { l as RecordHeader };