@westonkd/sprint 0.1.3 → 0.2.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as l, jsxs as C, Fragment as Le } from "react/jsx-runtime";
-import { useContext as ne, createContext as $e, Fragment as Se, isValidElement as Rt, useRef as m, useEffect as _, useState as J, useCallback as B, useLayoutEffect as Lt, useId as le, useMemo as ee, Children as Ye } from "react";
+import { jsx as s, jsxs as A, Fragment as Re } from "react/jsx-runtime";
+import { useContext as ne, createContext as $e, Fragment as Se, isValidElement as Lt, useRef as m, useEffect as _, useState as Y, useCallback as B, useLayoutEffect as Rt, useId as le, useMemo as ee, Children as Ye } from "react";
 import { flushSync as $t } from "react-dom";
-const Q = "data-sprint", oe = "data-sprint-part", pe = "data-sprint-", ce = "data-sprint-tool", Je = "data-sprint-owner", Qe = "data-sprint-agent", Ot = "data-sprint-view", Dt = "data-sprint-view-copy", Et = "data-sprint-theme", Oe = "data-sprint-region", Mt = [
+const Q = "data-sprint", ae = "data-sprint-part", pe = "data-sprint-", ce = "data-sprint-tool", Je = "data-sprint-owner", Qe = "data-sprint-agent", Ot = "data-sprint-view", Dt = "data-sprint-view-copy", Et = "data-sprint-theme", Oe = "data-sprint-region", Mt = [
   "part",
   "tool",
   "owner",
@@ -16,47 +16,47 @@ function Ze(e, t = {}) {
   const n = {
     [Q]: e
   };
-  t.part && (n[oe] = t.part);
-  for (const [o, a] of Object.entries(t.state ?? {}))
-    a == null || a === !1 || (n[`${pe}${o}`] = a === !0 ? "" : String(a));
+  t.part && (n[ae] = t.part);
+  for (const [a, o] of Object.entries(t.state ?? {}))
+    o == null || o === !1 || (n[`${pe}${a}`] = o === !0 ? "" : String(o));
   return n;
 }
-function ao(e, t) {
+function ia(e, t) {
   const n = `[${Q}="${e}"]`;
-  return t ? `${n} [${oe}="${t}"]` : n;
+  return t ? `${n} [${ae}="${t}"]` : n;
 }
 const xe = `
 … truncated`;
-function Ne(e, t) {
+function Pe(e, t) {
   if (e.length <= t) return e;
   if (t <= xe.length) return e.slice(0, t);
-  const n = t - xe.length, o = e.slice(0, n), a = o.lastIndexOf(`
+  const n = t - xe.length, a = e.slice(0, n), o = a.lastIndexOf(`
 `);
-  return `${a > n / 2 ? o.slice(0, a) : o.trimEnd()}${xe}`;
+  return `${o > n / 2 ? a.slice(0, o) : a.trimEnd()}${xe}`;
 }
 function et(e, t) {
   if (t <= 0) return [e];
   const n = e.split(`
-`), o = [];
-  let a = "";
-  for (const r of n) {
-    const s = a === "" ? r : `${a}
-${r}`;
-    if (s.length <= t) {
-      a = s;
+`), a = [];
+  let o = "";
+  for (const i of n) {
+    const l = o === "" ? i : `${o}
+${i}`;
+    if (l.length <= t) {
+      o = l;
       continue;
     }
-    if (a !== "" && o.push(a), a = r.length <= t ? r : "", r.length > t)
-      for (let i = 0; i < r.length; i += t)
-        o.push(r.slice(i, i + t));
+    if (o !== "" && a.push(o), o = i.length <= t ? i : "", i.length > t)
+      for (let r = 0; r < i.length; r += t)
+        a.push(i.slice(r, r + t));
   }
-  return a !== "" && o.push(a), o.length === 0 ? [""] : o;
+  return o !== "" && a.push(o), a.length === 0 ? [""] : a;
 }
-const te = 1500, qe = 500, Ue = 150;
+const te = 1500, qe = 500, Ie = 150;
 function tt() {
   return typeof document > "u" ? null : document.modelContext ?? null;
 }
-function ro() {
+function ra() {
   return tt() !== null;
 }
 function qt(e) {
@@ -65,44 +65,44 @@ function qt(e) {
       `Tool "${e.name}" description is ${e.description.length} characters; the platform limit is ${qe}.`
     );
   for (const [t, n] of Object.entries(e.inputSchema.properties)) {
-    const o = n.description ?? "";
-    if (o.length > Ue)
+    const a = n.description ?? "";
+    if (a.length > Ie)
       throw new Error(
-        `Tool "${e.name}" parameter "${t}" description is ${o.length} characters; the platform limit is ${Ue}.`
+        `Tool "${e.name}" parameter "${t}" description is ${a.length} characters; the platform limit is ${Ie}.`
       );
   }
 }
-function Ut(e, t) {
+function It(e, t) {
   for (const n of e.required ?? [])
     if (t[n] === void 0) {
-      const o = Object.keys(e.properties).join(", ");
-      return `Missing required parameter "${n}". Expected parameters: ${o || "none"}.`;
+      const a = Object.keys(e.properties).join(", ");
+      return `Missing required parameter "${n}". Expected parameters: ${a || "none"}.`;
     }
-  for (const [n, o] of Object.entries(t)) {
-    if (o === void 0) continue;
-    const a = e.properties[n];
-    if (a === void 0) {
+  for (const [n, a] of Object.entries(t)) {
+    if (a === void 0) continue;
+    const o = e.properties[n];
+    if (o === void 0) {
       const d = Object.keys(e.properties).join(", ");
       return `Unknown parameter "${n}". Expected parameters: ${d || "none"}.`;
     }
-    const r = typeof o, s = a.type === "number" || a.type === "integer";
-    if (!(a.type === "string" && r === "string" || s && r === "number" || a.type === "boolean" && r === "boolean"))
-      return `Parameter "${n}" must be a ${a.type}, received ${r}.`;
-    if (a.enum !== void 0 && !a.enum.includes(String(o)))
-      return `Parameter "${n}" must be one of: ${a.enum.join(", ")}.`;
+    const i = typeof a, l = o.type === "number" || o.type === "integer";
+    if (!(o.type === "string" && i === "string" || l && i === "number" || o.type === "boolean" && i === "boolean"))
+      return `Parameter "${n}" must be a ${o.type}, received ${i}.`;
+    if (o.enum !== void 0 && !o.enum.includes(String(a)))
+      return `Parameter "${n}" must be one of: ${o.enum.join(", ")}.`;
   }
   return null;
 }
-function It(e) {
-  return { ...e, execute: async (n, o) => {
-    const a = Ut(e.inputSchema, n ?? {});
-    if (a !== null) return a;
+function Ut(e) {
+  return { ...e, execute: async (n, a) => {
+    const o = It(e.inputSchema, n ?? {});
+    if (o !== null) return o;
     try {
-      const r = await e.execute(n ?? {}, o);
-      return r === null ? null : Ne(r, te);
-    } catch (r) {
-      const s = r instanceof Error ? r.message : String(r);
-      return Ne(`Tool "${e.name}" failed: ${s}`, te);
+      const i = await e.execute(n ?? {}, a);
+      return i === null ? null : Pe(i, te);
+    } catch (i) {
+      const l = i instanceof Error ? i.message : String(i);
+      return Pe(`Tool "${e.name}" failed: ${l}`, te);
     }
   } };
 }
@@ -110,9 +110,9 @@ function Wt(e, t) {
   qt(e);
   const n = tt();
   if (n === null || t.aborted) return !1;
-  const o = n.registerTool(It(e), { signal: t });
-  return o instanceof Promise && o.catch((a) => {
-    console.warn(`Sprint could not register tool "${e.name}"`, a);
+  const a = n.registerTool(Ut(e), { signal: t });
+  return a instanceof Promise && a.catch((o) => {
+    console.warn(`Sprint could not register tool "${e.name}"`, o);
   }), !0;
 }
 const Bt = "<scope>-<verb>-<label-slug>", ge = /* @__PURE__ */ new Map();
@@ -128,13 +128,13 @@ function jt(e) {
 function _t() {
   return [...ge.values()].sort((e, t) => e.name.localeCompare(t.name));
 }
-function io(e) {
+function sa(e) {
   return {
     library: "sprint",
     version: e,
     conventions: {
       componentAttribute: Q,
-      partAttribute: oe,
+      partAttribute: ae,
       stateAttributePrefix: pe,
       toolAttribute: ce,
       ownerAttribute: Je,
@@ -155,47 +155,47 @@ function nt(e) {
     t += 1 + nt(n.children);
   return t;
 }
-function ot(e) {
+function at(e) {
   const t = Object.keys(e).sort();
-  return t.length === 0 ? "" : ` [${t.map((o) => {
-    const a = e[o];
-    return a === !0 ? o : `${o}=${a}`;
+  return t.length === 0 ? "" : ` [${t.map((a) => {
+    const o = e[a];
+    return o === !0 ? a : `${a}=${o}`;
   }).join(", ")}]`;
 }
-function at(e) {
+function ot(e) {
   return e === void 0 ? "" : ` "${e}"`;
 }
-function rt(e) {
+function it(e) {
   return e === void 0 ? "" : ` → tool \`${e}\``;
 }
-function Ft(e, t) {
-  return `${t}- part \`${e.part}\`${at(e.label)}${ot(
+function Ht(e, t) {
+  return `${t}- part \`${e.part}\`${ot(e.label)}${at(
     e.state
-  )}${rt(e.tool)}`;
+  )}${it(e.tool)}`;
 }
-function Ht(e) {
+function Ft(e) {
   const t = Vt(e) ? " (empty)" : "", n = e.owner === void 0 ? "" : ` (owned by \`${e.owner}\`)`;
-  return `- **${e.component}**${at(e.label)}${ot(
+  return `- **${e.component}**${ot(e.label)}${at(
     e.state
-  )}${rt(e.tool)}${n}${t}`;
+  )}${it(e.tool)}${n}${t}`;
 }
-function it(e, t, n) {
-  const o = [`${t}${Ht(e)}`], a = `${t}  `;
+function rt(e, t, n) {
+  const a = [`${t}${Ft(e)}`], o = `${t}  `;
   if (n.includeSummary && e.summary !== void 0)
-    for (const r of e.summary.split(`
+    for (const i of e.summary.split(`
 `))
-      o.push(`${a}${r}`);
-  for (const r of e.parts)
-    o.push(Ft(r, a));
-  for (const r of e.children)
-    o.push(...it(r, a, n));
-  return e.truncated && o.push(`${a}- … nested components omitted, depth limit reached`), o;
+      a.push(`${o}${i}`);
+  for (const i of e.parts)
+    a.push(Ht(i, o));
+  for (const i of e.children)
+    a.push(...rt(i, o, n));
+  return e.truncated && a.push(`${o}- … nested components omitted, depth limit reached`), a;
 }
 function Gt(e, t = {}) {
-  const n = Array.isArray(e) ? e : [e], o = {
+  const n = Array.isArray(e) ? e : [e], a = {
     includeSummary: t.includeSummary ?? !0
   };
-  return n.length === 0 ? "No Sprint components found." : n.flatMap((a) => it(a, "", o)).join(`
+  return n.length === 0 ? "No Sprint components found." : n.flatMap((o) => rt(o, "", a)).join(`
 `);
 }
 const st = (e) => Gt(e), de = $e({
@@ -206,7 +206,7 @@ const st = (e) => Gt(e), de = $e({
   format: st,
   owned: !1
 }), Kt = de.Provider;
-function U() {
+function I() {
   return ne(de).view;
 }
 function zt() {
@@ -215,17 +215,17 @@ function zt() {
 function G() {
   return ne(de).controls;
 }
-function H() {
+function F() {
   return ne(de).format;
 }
 const lt = $e(0), fe = lt.Provider;
 function be() {
   return ne(lt);
 }
-function $(e) {
+function R(e) {
   const t = {};
-  for (const [n, o] of Object.entries(e.state ?? {}))
-    o === !1 || o === null || o === void 0 || (t[n] = o);
+  for (const [n, a] of Object.entries(e.state ?? {}))
+    a === !1 || a === null || a === void 0 || (t[n] = a);
   return {
     component: e.component,
     state: t,
@@ -255,7 +255,7 @@ function ct(e) {
 function Xt(e, t) {
   const n = {
     [Qe]: e,
-    [oe]: t.part
+    [ae]: t.part
   };
   return t.tool !== void 0 && (n[ce] = t.tool), n;
 }
@@ -270,32 +270,32 @@ function ve(e, t) {
   return t([e]).split(`
 `);
 }
-function I(e) {
-  const { node: t, children: n } = e, o = be(), a = H(), r = "  ".repeat(o), s = ve(t, a).map((i) => `${r}${i}`);
-  return /* @__PURE__ */ C(fe, { value: o + 1, children: [
-    `${s.join(`
+function U(e) {
+  const { node: t, children: n } = e, a = be(), o = F(), i = "  ".repeat(a), l = ve(t, o).map((r) => `${i}${r}`);
+  return /* @__PURE__ */ A(fe, { value: a + 1, children: [
+    `${l.join(`
 `)}
 `,
     n
   ] });
 }
 function we(e) {
-  const { node: t, onActivate: n, isActionable: o, children: a } = e, r = be(), s = H(), i = "  ".repeat(r), d = ve(t, s), c = d.length - t.parts.length, p = d.slice(0, c).map((u) => `${i}${u}`);
-  return /* @__PURE__ */ C(fe, { value: r + 1, children: [
+  const { node: t, onActivate: n, isActionable: a, children: o } = e, i = be(), l = F(), r = "  ".repeat(i), d = ve(t, l), c = d.length - t.parts.length, p = d.slice(0, c).map((h) => `${r}${h}`);
+  return /* @__PURE__ */ A(fe, { value: i + 1, children: [
     `${p.join(`
 `)}
 `,
-    t.parts.map((u, g) => {
-      const h = d[c + g] ?? "", y = h.trimStart(), f = `${i}${h.slice(0, h.length - y.length)}`, b = `${u.part}-${u.label ?? g}`;
-      return o !== void 0 && !o(u, g) ? /* @__PURE__ */ l(Se, { children: `${f}${y}
-` }, b) : /* @__PURE__ */ C(Se, { children: [
+    t.parts.map((h, g) => {
+      const u = d[c + g] ?? "", y = u.trimStart(), f = `${r}${u.slice(0, u.length - y.length)}`, b = `${h.part}-${h.label ?? g}`;
+      return a !== void 0 && !a(h, g) ? /* @__PURE__ */ s(Se, { children: `${f}${y}
+` }, b) : /* @__PURE__ */ A(Se, { children: [
         f,
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            ...Xt(t.component, u),
-            onClick: () => n(u, g),
+            ...Xt(t.component, h),
+            onClick: () => n(h, g),
             children: y
           }
         ),
@@ -303,31 +303,31 @@ function we(e) {
 `
       ] }, b);
     }),
-    a
+    o
   ] });
 }
 function dt(e) {
-  const { node: t, value: n, onValueChange: o, multiline: a = !1, masked: r = !1, ref: s } = e, i = be(), d = H(), c = "  ".repeat(i), p = ve(t, d).map((h) => `${c}${h}`), u = ct(t), g = a ? /* @__PURE__ */ l(
+  const { node: t, value: n, onValueChange: a, multiline: o = !1, masked: i = !1, ref: l } = e, r = be(), d = F(), c = "  ".repeat(r), p = ve(t, d).map((u) => `${c}${u}`), h = ct(t), g = o ? /* @__PURE__ */ s(
     "textarea",
     {
-      ...u,
+      ...h,
       "aria-label": t.label,
       value: n,
-      onChange: (h) => o(h.currentTarget.value),
-      ref: s
+      onChange: (u) => a(u.currentTarget.value),
+      ref: l
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "input",
     {
-      ...u,
+      ...h,
       "aria-label": t.label,
-      type: r ? "password" : "text",
+      type: i ? "password" : "text",
       value: n,
-      onChange: (h) => o(h.currentTarget.value),
-      ref: s
+      onChange: (u) => a(u.currentTarget.value),
+      ref: l
     }
   );
-  return /* @__PURE__ */ C(fe, { value: i + 1, children: [
+  return /* @__PURE__ */ A(fe, { value: r + 1, children: [
     `${p.join(`
 `)}
 `,
@@ -337,26 +337,26 @@ function dt(e) {
 `
   ] });
 }
-function ue(e) {
-  const { node: t, as: n = "button", href: o, children: a, ref: r, ...s } = e, i = be(), d = H(), c = "  ".repeat(i), [p = "", ...u] = ve(t, d), g = u.map((f) => `${c}${f}`), h = ct(t), y = n === "a" ? /* @__PURE__ */ l(
+function he(e) {
+  const { node: t, as: n = "button", href: a, children: o, ref: i, ...l } = e, r = be(), d = F(), c = "  ".repeat(r), [p = "", ...h] = ve(t, d), g = h.map((f) => `${c}${f}`), u = ct(t), y = n === "a" ? /* @__PURE__ */ s(
     "a",
     {
-      ...s,
-      ...h,
-      href: o ?? "#",
-      ref: r,
+      ...l,
+      ...u,
+      href: a ?? "#",
+      ref: i,
       children: p
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "button",
     {
-      ...s,
-      ...h,
-      ref: r,
+      ...l,
+      ...u,
+      ref: i,
       children: p
     }
   );
-  return /* @__PURE__ */ C(fe, { value: i + 1, children: [
+  return /* @__PURE__ */ A(fe, { value: r + 1, children: [
     c,
     y,
     g.length === 0 ? `
@@ -364,7 +364,7 @@ function ue(e) {
 ${g.join(`
 `)}
 `,
-    a
+    o
   ] });
 }
 function Yt(e) {
@@ -373,89 +373,89 @@ function Yt(e) {
 function Ae(e) {
   return e.replace(/\|/g, "\\|").replace(/\s*\n\s*/g, " ");
 }
-function Ie(e, t) {
+function Ue(e, t) {
   return JSON.stringify([e, t]);
 }
-function ut(e) {
+function ht(e) {
   if (e.parts.length === 0 || !e.parts.every(Yt)) return e;
-  const t = [], n = [], o = /* @__PURE__ */ new Map();
-  for (const r of e.parts) {
-    const s = String(r.state.column), i = String(r.state.row);
-    t.includes(s) || t.push(s), n.includes(i) || n.push(i), o.set(Ie(i, s), r.label ?? "");
+  const t = [], n = [], a = /* @__PURE__ */ new Map();
+  for (const i of e.parts) {
+    const l = String(i.state.column), r = String(i.state.row);
+    t.includes(l) || t.push(l), n.includes(r) || n.push(r), a.set(Ue(r, l), i.label ?? "");
   }
-  const a = [
+  const o = [
     `| row | ${t.map(Ae).join(" | ")} |`,
     `| --- | ${t.map(() => "---").join(" | ")} |`,
     ...n.map(
-      (r) => `| ${Ae(r)} | ${t.map((s) => Ae(o.get(Ie(r, s)) ?? "")).join(" | ")} |`
+      (i) => `| ${Ae(i)} | ${t.map((l) => Ae(a.get(Ue(i, l)) ?? "")).join(" | ")} |`
     )
   ].join(`
 `);
-  return { ...e, parts: [], summary: a };
+  return { ...e, parts: [], summary: o };
 }
-function he(e) {
+function ue(e) {
   return e.replace(/\s+/g, " ").trim();
 }
-function Pe(e, t) {
+function Ne(e, t) {
   if (e == null || typeof e == "boolean") return;
   if (typeof e == "string" || typeof e == "number") {
     t.push(String(e));
     return;
   }
   if (Array.isArray(e)) {
-    for (const o of e) Pe(o, t);
+    for (const a of e) Ne(a, t);
     return;
   }
-  if (!Rt(e)) return;
+  if (!Lt(e)) return;
   const n = e.props;
   if (!(n["aria-hidden"] === !0 || n["aria-hidden"] === "true")) {
     if (typeof n["aria-label"] == "string") {
       t.push(n["aria-label"]);
       return;
     }
-    Pe(n.children, t);
+    Ne(n.children, t);
   }
 }
-function F(e) {
+function H(e) {
   const t = [];
-  Pe(e, t);
-  const n = he(t.join(""));
+  Ne(e, t);
+  const n = ue(t.join(""));
   return n === "" ? void 0 : n;
 }
 function Jt(e) {
   return e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden");
 }
-function ht(e, t, n) {
+function ut(e, t, n) {
   if (e.nodeType === Node.TEXT_NODE) {
     t.push(e.nodeValue ?? "");
     return;
   }
   if (e.nodeType !== Node.ELEMENT_NODE) return;
-  const o = e;
-  if (Jt(o) || n > 0 && o.hasAttribute(Q)) return;
-  const a = o.getAttribute("aria-label");
-  if (n > 0 && a !== null) {
-    t.push(a);
+  const a = e;
+  if (Jt(a) || n > 0 && a.hasAttribute(Q)) return;
+  const o = a.getAttribute("aria-label");
+  if (n > 0 && o !== null) {
+    t.push(o);
     return;
   }
-  for (const r of Array.from(o.childNodes))
-    ht(r, t, n + 1);
+  for (const i of Array.from(a.childNodes))
+    ut(i, t, n + 1);
 }
 function ye(e) {
   const t = e.getAttribute("aria-label");
   if (t !== null) {
-    const r = he(t);
-    return r === "" ? void 0 : r;
+    const i = ue(t);
+    return i === "" ? void 0 : i;
   }
   const n = e.getAttribute("aria-labelledby");
   if (n !== null) {
-    const r = e.ownerDocument, s = n.split(/\s+/).filter((i) => i !== "").map((i) => r.getElementById(i)).filter((i) => i !== null).map((i) => ye(i) ?? "").filter((i) => i !== "");
-    if (s.length > 0) return he(s.join(" "));
+    const i = e.ownerDocument, l = n.split(/\s+/).filter((r) => r !== "").map((r) => i.getElementById(r)).filter((r) => r !== null).map((r) => ye(r) ?? "").filter((r) => r !== "");
+    if (l.length > 0) return ue(l.join(" "));
   }
-  const o = [];
-  ht(e, o, 0);
-  const a = he(o.join(""));
-  return a === "" ? void 0 : a;
+  const a = [];
+  ut(e, a, 0);
+  const o = ue(a.join(""));
+  return o === "" ? void 0 : o;
 }
 const Qt = new Set(Mt), Zt = /* @__PURE__ */ new Map([
   ["disabled", "disabled"],
@@ -473,91 +473,91 @@ const Qt = new Set(Mt), Zt = /* @__PURE__ */ new Map([
 ]);
 function pt(e) {
   const t = {};
-  for (const [n, o] of en) {
-    const a = e.getAttribute(n);
-    a === null || a === "false" || (t[o] = a === "true" || a === "" ? !0 : a);
+  for (const [n, a] of en) {
+    const o = e.getAttribute(n);
+    o === null || o === "false" || (t[a] = o === "true" || o === "" ? !0 : o);
   }
-  for (const [n, o] of Zt)
-    e.hasAttribute(n) && (t[o] = !0);
+  for (const [n, a] of Zt)
+    e.hasAttribute(n) && (t[a] = !0);
   for (const n of Array.from(e.attributes)) {
     if (!n.name.startsWith(pe)) continue;
-    const o = n.name.slice(pe.length);
-    o === "" || Qt.has(o) || (t[o] = n.value === "" ? !0 : n.value);
+    const a = n.name.slice(pe.length);
+    a === "" || Qt.has(a) || (t[a] = n.value === "" ? !0 : n.value);
   }
   return t;
 }
 function tn(e) {
-  const t = [], n = [], o = (a) => {
-    for (const r of Array.from(a.children)) {
-      if (r.hasAttribute(Q)) {
-        n.push(r);
+  const t = [], n = [], a = (o) => {
+    for (const i of Array.from(o.children)) {
+      if (i.hasAttribute(Q)) {
+        n.push(i);
         continue;
       }
-      r.hasAttribute(oe) && t.push(r), o(r);
+      i.hasAttribute(ae) && t.push(i), a(i);
     }
   };
-  return o(e), { parts: t, children: n };
+  return a(e), { parts: t, children: n };
 }
 function nn(e) {
-  const t = e.getAttribute(oe) ?? "", n = ye(e), o = e.getAttribute(ce);
+  const t = e.getAttribute(ae) ?? "", n = ye(e), a = e.getAttribute(ce);
   return {
     part: t,
     state: pt(e),
     ...n === void 0 ? {} : { label: n },
-    ...o === null || o === "" ? {} : { tool: o }
+    ...a === null || a === "" ? {} : { tool: a }
   };
 }
 function De(e, t = {}) {
   const n = e.getAttribute(Q);
   if (n === null) return null;
-  const o = t.maxDepth ?? 8, a = t.lookupMeta ?? jt, { parts: r, children: s } = tn(e), i = ye(e), d = a(n)?.summary, c = e.getAttribute(ce), p = e.getAttribute(Je), u = o <= 0 && s.length > 0;
-  return ut({
+  const a = t.maxDepth ?? 8, o = t.lookupMeta ?? jt, { parts: i, children: l } = tn(e), r = ye(e), d = o(n)?.summary, c = e.getAttribute(ce), p = e.getAttribute(Je), h = a <= 0 && l.length > 0;
+  return ht({
     component: n,
     state: pt(e),
-    parts: r.map(nn),
-    children: u ? [] : s.map(
-      (g) => De(g, { ...t, maxDepth: o - 1 })
+    parts: i.map(nn),
+    children: h ? [] : l.map(
+      (g) => De(g, { ...t, maxDepth: a - 1 })
     ).filter((g) => g !== null),
     ...d === void 0 ? {} : { summary: d },
-    ...i === void 0 ? {} : { label: i },
+    ...r === void 0 ? {} : { label: r },
     ...c === null || c === "" ? {} : { tool: c },
     ...p === null || p === "" ? {} : { owner: p },
     ...e.hasAttribute(Oe) ? { region: !0 } : {},
-    ...u ? { truncated: !0 } : {}
+    ...h ? { truncated: !0 } : {}
   });
 }
 function gt(e) {
-  const t = [], n = (o) => {
-    for (const a of Array.from(o.children)) {
-      if (a.hasAttribute(Q)) {
-        t.push(a);
+  const t = [], n = (a) => {
+    for (const o of Array.from(a.children)) {
+      if (o.hasAttribute(Q)) {
+        t.push(o);
         continue;
       }
-      n(a);
+      n(o);
     }
   };
   return n(e), t;
 }
-function on(e) {
-  const t = e.filter((r) => r.owner !== void 0);
+function an(e) {
+  const t = e.filter((i) => i.owner !== void 0);
   if (t.length === 0) return e;
-  const n = /* @__PURE__ */ new Map(), o = (r) => {
-    r.tool && n.set(r.tool, r);
-    for (const s of r.parts)
-      s.tool && n.set(s.tool, r);
-    for (const s of r.children) o(s);
+  const n = /* @__PURE__ */ new Map(), a = (i) => {
+    i.tool && n.set(i.tool, i);
+    for (const l of i.parts)
+      l.tool && n.set(l.tool, i);
+    for (const l of i.children) a(l);
   };
-  for (const r of e) o(r);
-  const a = /* @__PURE__ */ new Set();
-  for (const r of t) {
-    const s = r.owner === void 0 ? void 0 : n.get(r.owner);
-    s === void 0 || s === r || (s.children.push(r), a.add(r));
+  for (const i of e) a(i);
+  const o = /* @__PURE__ */ new Set();
+  for (const i of t) {
+    const l = i.owner === void 0 ? void 0 : n.get(i.owner);
+    l === void 0 || l === i || (l.children.push(i), o.add(i));
   }
-  return e.filter((r) => !a.has(r));
+  return e.filter((i) => !o.has(i));
 }
-function an(e, t = {}) {
-  const n = gt(e).map((o) => De(o, t)).filter((o) => o !== null);
-  return on(n);
+function on(e, t = {}) {
+  const n = gt(e).map((a) => De(a, t)).filter((a) => a !== null);
+  return an(n);
 }
 function K() {
   return new Promise((e) => {
@@ -575,15 +575,15 @@ function Z(e) {
   return e.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
 function We(e, t, n) {
-  const o = Z(n);
-  if (o === "") return null;
-  const a = [Z(t), o].filter((c) => c !== "").join("-"), r = e.map(Z).filter((c) => c !== "");
-  for (; r.length > 0 && [...r, a].join("-").length > Ce; )
-    r.shift();
-  const s = [...r, a].join("-");
-  if (s.length <= Ce) return s;
-  const i = s.slice(0, Ce), d = i.lastIndexOf("-");
-  return d > 0 ? i.slice(0, d) : i;
+  const a = Z(n);
+  if (a === "") return null;
+  const o = [Z(t), a].filter((c) => c !== "").join("-"), i = e.map(Z).filter((c) => c !== "");
+  for (; i.length > 0 && [...i, o].join("-").length > Ce; )
+    i.shift();
+  const l = [...i, o].join("-");
+  if (l.length <= Ce) return l;
+  const r = l.slice(0, Ce), d = r.lastIndexOf("-");
+  return d > 0 ? r.slice(0, d) : r;
 }
 const se = /* @__PURE__ */ new Map();
 function rn(e) {
@@ -593,16 +593,16 @@ function rn(e) {
   return se.set(e, n), n;
 }
 function sn(e, t, n) {
-  const o = rn(e);
-  o.holders.add(t), o.listeners.set(t, n);
-  for (const [a, r] of o.listeners)
-    a !== t && r();
+  const a = rn(e);
+  a.holders.add(t), a.listeners.set(t, n);
+  for (const [o, i] of a.listeners)
+    o !== t && i();
   return () => {
-    if (o.holders.delete(t), o.listeners.delete(t), o.holders.size === 0) {
+    if (a.holders.delete(t), a.listeners.delete(t), a.holders.size === 0) {
       se.delete(e);
       return;
     }
-    for (const a of o.listeners.values()) a();
+    for (const o of a.listeners.values()) o();
   };
 }
 function Be(e, t) {
@@ -617,35 +617,35 @@ function ke() {
   return ne(mt).path;
 }
 function V(e) {
-  const { spec: t, label: n, nameOverride: o, inputSchema: a, enabled: r = !0, execute: s } = e, i = ke(), d = `${t.verb}|${a === void 0 ? "" : JSON.stringify(a)}`, c = m({ key: d, value: a ?? t.inputSchema });
-  c.current.key !== d && (c.current = { key: d, value: a ?? t.inputSchema });
-  const p = c.current.value, u = m(null);
-  u.current === null && (u.current = /* @__PURE__ */ Symbol("sprint-tool"));
-  const g = m(s);
+  const { spec: t, label: n, nameOverride: a, inputSchema: o, enabled: i = !0, execute: l } = e, r = ke(), d = `${t.verb}|${o === void 0 ? "" : JSON.stringify(o)}`, c = m({ key: d, value: o ?? t.inputSchema });
+  c.current.key !== d && (c.current = { key: d, value: o ?? t.inputSchema });
+  const p = c.current.value, h = m(null);
+  h.current === null && (h.current = /* @__PURE__ */ Symbol("sprint-tool"));
+  const g = m(l);
   _(() => {
-    g.current = s;
+    g.current = l;
   });
-  const h = o === void 0 ? n === void 0 ? null : We(i, t.verb, n) : We(i, t.verb, o), [y, f] = J(!1);
+  const u = a === void 0 ? n === void 0 ? null : We(r, t.verb, n) : We(r, t.verb, a), [y, f] = Y(!1);
   return _(() => {
-    const b = u.current;
-    if (h === null || !r || b === null) {
+    const b = h.current;
+    if (u === null || !i || b === null) {
       f(!1);
       return;
     }
-    const w = sn(h, b, () => {
-      f(Be(h, b));
+    const w = sn(u, b, () => {
+      f(Be(u, b));
     });
-    return ln(h) > 1 && console.warn(
-      `Sprint tool name "${h}" is claimed by more than one component. None of them will register a tool. Set agentName on all but one, or label them distinctly.`
-    ), f(Be(h, b)), () => {
+    return ln(u) > 1 && console.warn(
+      `Sprint tool name "${u}" is claimed by more than one component. None of them will register a tool. Set agentName on all but one, or label them distinctly.`
+    ), f(Be(u, b)), () => {
       w(), f(!1);
     };
-  }, [h, r]), _(() => {
-    if (!y || h === null) return;
+  }, [u, i]), _(() => {
+    if (!y || u === null) return;
     const b = new AbortController();
     return Wt(
       {
-        name: h,
+        name: u,
         description: t.description,
         inputSchema: p,
         annotations: {
@@ -658,7 +658,7 @@ function V(e) {
     ), () => {
       b.abort();
     };
-  }, [y, h, t, p]), y && h !== null ? h : void 0;
+  }, [y, u, t, p]), y && u !== null ? u : void 0;
 }
 function z(e) {
   $t(e);
@@ -747,25 +747,25 @@ const ft = {
     notes: "Danger and warning render role=alert and announce assertively; info and neutral render role=status. The dismiss control is a labelled button. Render the alert when the condition occurs rather than toggling its visibility, or the announcement is lost."
   }
 });
-function so(e) {
+function la(e) {
   const {
     tone: t = "info",
     label: n,
-    onDismiss: o,
-    agentName: a,
-    agentTool: r = !0,
-    children: s,
-    ...i
-  } = e, d = U(), c = G(), p = H(), u = m(null), g = m(o);
-  g.current = o;
-  const h = m(p);
-  h.current = p;
-  const y = m($({ component: je.name })), f = m(!0);
+    onDismiss: a,
+    agentName: o,
+    agentTool: i = !0,
+    children: l,
+    ...r
+  } = e, d = I(), c = G(), p = F(), h = m(null), g = m(a);
+  g.current = a;
+  const u = m(p);
+  u.current = p;
+  const y = m(R({ component: je.name })), f = m(!0);
   _(() => (f.current = !0, () => {
     f.current = !1;
   }), []);
-  const b = o !== void 0, w = B(async () => {
-    const S = u.current;
+  const b = a !== void 0, w = B(async () => {
+    const S = h.current;
     if (S !== null)
       S.click();
     else {
@@ -774,46 +774,46 @@ function so(e) {
       z(() => v());
     }
     return await K(), f.current ? `Dismissed. The alert is now:
-${h.current([y.current])}` : "Dismissed. The alert is gone from the page.";
+${u.current([y.current])}` : "Dismissed. The alert is gone from the page.";
   }, []), T = V({
     spec: ft,
-    label: a ?? n,
-    enabled: r && b,
+    label: o ?? n,
+    enabled: i && b,
     execute: w
-  }), A = F(s), R = [];
-  A !== void 0 && R.push({ part: "message", label: A, state: {} }), b && R.push({
+  }), C = H(l), $ = [];
+  C !== void 0 && $.push({ part: "message", label: C, state: {} }), b && $.push({
     part: "dismiss",
     label: "Dismiss",
     state: {},
     ...T === void 0 ? {} : { tool: T }
   });
-  const O = $({
+  const O = R({
     component: je.name,
     label: n,
     state: { tone: t, dismissible: b },
-    parts: R
+    parts: $
   });
   if (y.current = O, d === "agent")
-    return !b || c === "never" ? /* @__PURE__ */ l(I, { node: O }) : /* @__PURE__ */ l(
+    return !b || c === "never" ? /* @__PURE__ */ s(U, { node: O }) : /* @__PURE__ */ s(
       we,
       {
         node: O,
         isActionable: (S) => S.part === "dismiss",
-        onActivate: () => o?.()
+        onActivate: () => a?.()
       }
     );
   const E = t === "danger" || t === "warning" ? "alert" : "status";
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ A(
     "div",
     {
-      ...i,
+      ...r,
       ...M(O),
       role: E,
       ...n === void 0 ? {} : { "aria-label": n },
       children: [
-        n === void 0 ? null : /* @__PURE__ */ l("strong", { ...L({ part: "title", state: {} }), children: n }),
-        /* @__PURE__ */ l("div", { ...L({ part: "message", state: {} }), children: s }),
-        b ? /* @__PURE__ */ l(
+        n === void 0 ? null : /* @__PURE__ */ s("strong", { ...L({ part: "title", state: {} }), children: n }),
+        /* @__PURE__ */ s("div", { ...L({ part: "message", state: {} }), children: l }),
+        b ? /* @__PURE__ */ s(
           "button",
           {
             ...L({
@@ -823,8 +823,8 @@ ${h.current([y.current])}` : "Dismissed. The alert is gone from the page.";
             }),
             type: "button",
             "aria-label": "Dismiss",
-            ref: u,
-            onClick: () => o?.(),
+            ref: h,
+            onClick: () => a?.(),
             children: "×"
           }
         ) : null
@@ -952,38 +952,38 @@ function dn(e) {
   const {
     tone: t = "neutral",
     block: n = !1,
-    loading: o = !1,
-    agentName: a,
-    agentTool: r = !0,
-    disabled: s = !1,
-    type: i = "button",
+    loading: a = !1,
+    agentName: o,
+    agentTool: i = !0,
+    disabled: l = !1,
+    type: r = "button",
     children: d,
     ref: c,
     onClick: p,
-    ...u
-  } = e, g = U(), h = G(), y = H(), f = m(null), b = B(
-    (N) => {
-      f.current = N, typeof c == "function" ? c(N) : c != null && (c.current = N);
+    ...h
+  } = e, g = I(), u = G(), y = F(), f = m(null), b = B(
+    (P) => {
+      f.current = P, typeof c == "function" ? c(P) : c != null && (c.current = P);
     },
     [c]
-  ), w = a ?? (typeof d == "string" ? d : void 0), [T, A] = J(void 0);
-  Lt(() => {
+  ), w = o ?? (typeof d == "string" ? d : void 0), [T, C] = Y(void 0);
+  Rt(() => {
     if (w !== void 0) return;
-    const N = f.current;
-    N !== null && A(ye(N));
+    const P = f.current;
+    P !== null && C(ye(P));
   });
-  const R = s || o, O = w ?? T, E = m(p);
+  const $ = l || a, O = w ?? T, E = m(p);
   E.current = p;
-  const S = m($({ component: _e.name })), v = m(y);
+  const S = m(R({ component: _e.name })), v = m(y);
   v.current = y;
   const k = m(!0);
   _(() => (k.current = !0, () => {
     k.current = !1;
   }), []);
   const x = B(async () => {
-    const N = f.current;
-    if (N !== null)
-      N.click();
+    const P = f.current;
+    if (P !== null)
+      P.click();
     else {
       const j = E.current;
       if (j === void 0)
@@ -995,33 +995,33 @@ ${v.current([S.current])}` : "The press removed this button from the page.";
   }, []), D = V({
     spec: bt,
     label: O,
-    enabled: r && !R,
+    enabled: i && !$,
     execute: x
-  }), P = $({
+  }), N = R({
     component: _e.name,
     label: O,
     tool: D,
-    state: { tone: t, block: n, loading: o, disabled: R }
+    state: { tone: t, block: n, loading: a, disabled: $ }
   });
-  return S.current = P, g === "agent" ? R || h === "never" ? /* @__PURE__ */ l(I, { node: P }) : /* @__PURE__ */ l(
-    ue,
+  return S.current = N, g === "agent" ? $ || u === "never" ? /* @__PURE__ */ s(U, { node: N }) : /* @__PURE__ */ s(
+    he,
     {
-      node: P,
-      type: i,
+      node: N,
+      type: r,
       ref: b,
       onClick: p,
-      "aria-busy": o || void 0
+      "aria-busy": a || void 0
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "button",
     {
-      ...u,
-      ...M(P),
-      type: i,
+      ...h,
+      ...M(N),
+      type: r,
       ref: b,
       onClick: p,
-      disabled: R,
-      "aria-busy": o || void 0,
+      disabled: $,
+      "aria-busy": a || void 0,
       children: d
     }
   );
@@ -1109,82 +1109,82 @@ const vt = {
     notes: "The whole block is one control: a link when it has an href, a button when it acts. The title names it, and the body is read as its content rather than as part of the name."
   }
 });
-function lo(e) {
+function ca(e) {
   const {
     label: t,
     children: n,
-    href: o,
-    onClick: a,
-    disabled: r = !1,
-    agentTool: s,
-    agentName: i,
+    href: a,
+    onClick: o,
+    disabled: i = !1,
+    agentTool: l,
+    agentName: r,
     ref: d,
     ...c
-  } = e, p = U(), u = G(), g = H(), h = o !== void 0, y = !h && r, f = m(null), b = B(
+  } = e, p = I(), h = G(), g = F(), u = a !== void 0, y = !u && i, f = m(null), b = B(
     (x) => {
       f.current = x, typeof d == "function" ? d(x) : d != null && (d.current = x);
     },
     [d]
   ), w = m(g);
   w.current = g;
-  const T = m($({ component: Ve.name })), A = m(!0);
-  _(() => (A.current = !0, () => {
-    A.current = !1;
+  const T = m(R({ component: Ve.name })), C = m(!0);
+  _(() => (C.current = !0, () => {
+    C.current = !1;
   }), []);
-  const R = B(async () => {
+  const $ = B(async () => {
     const x = f.current;
-    return x === null ? "This card renders no control in the current view." : (x.click(), await K(), A.current ? `Opened. The card is now:
+    return x === null ? "This card renders no control in the current view." : (x.click(), await K(), C.current ? `Opened. The card is now:
 ${w.current([T.current])}` : "Opening removed this card from the page.");
   }, []), O = V({
     spec: vt,
-    label: i ?? t,
-    enabled: (s ?? !h) && !y,
-    execute: R
-  }), E = F(n), S = [
+    label: r ?? t,
+    enabled: (l ?? !u) && !y,
+    execute: $
+  }), E = H(n), S = [
     { part: "title", label: t, state: {} },
     ...E === void 0 ? [] : [{ part: "body", label: E, state: {} }]
-  ], v = $({
+  ], v = R({
     component: Ve.name,
     label: t,
     tool: O,
-    state: { href: o, disabled: y },
+    state: { href: a, disabled: y },
     parts: S
   });
   if (T.current = v, p === "agent")
-    return y || u === "never" ? /* @__PURE__ */ l(I, { node: v }) : /* @__PURE__ */ l(
-      ue,
+    return y || h === "never" ? /* @__PURE__ */ s(U, { node: v }) : /* @__PURE__ */ s(
+      he,
       {
         node: v,
-        as: h ? "a" : "button",
-        href: o,
+        as: u ? "a" : "button",
+        href: a,
         ref: b,
-        onClick: a
+        onClick: o
       }
     );
-  const k = /* @__PURE__ */ C(Le, { children: [
-    /* @__PURE__ */ l("span", { ...L({ part: "title", state: {} }), children: t }),
-    n === void 0 ? null : /* @__PURE__ */ l("span", { ...L({ part: "body", state: {} }), children: n })
+  const k = /* @__PURE__ */ A(Re, { children: [
+    /* @__PURE__ */ s("span", { ...L({ part: "title", state: {} }), children: t }),
+    n === void 0 ? null : /* @__PURE__ */ s("span", { ...L({ part: "body", state: {} }), children: n })
   ] });
-  return h ? /* @__PURE__ */ l(
+  return u ? /* @__PURE__ */ s(
     "a",
     {
       ...c,
       ...M(v),
-      href: o,
+      href: a,
       "aria-label": t,
-      onClick: a,
+      onClick: o,
       ref: b,
       children: k
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "button",
     {
       ...c,
       ...M(v),
       type: "button",
       "aria-label": t,
-      disabled: r,
-      onClick: a,
+      disabled: i,
+      onClick: o,
       ref: b,
       children: k
     }
@@ -1207,7 +1207,7 @@ const wt = {
   untrustedContent: !0,
   registeredWhen: "The box is mounted, enabled, has a resolvable label, and no other component claims the same tool name.",
   unregisteredWhen: "The box unmounts or becomes disabled."
-}, Fe = q({
+}, He = q({
   name: "Checkbox",
   category: "input",
   summary: "A single on/off choice recorded as form data. It registers one set tool that takes the end state rather than toggling.",
@@ -1325,29 +1325,29 @@ const wt = {
     notes: "A native checkbox input wrapped by its label, visually replaced by a keylined square. Focus draws an offset keyline around the square; errors set aria-invalid and link with aria-describedby."
   }
 });
-function un(e, t) {
+function hn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function co(e) {
+function da(e) {
   const {
     label: t,
     checked: n,
-    onChange: o,
-    hint: a,
-    error: r,
-    name: s,
-    disabled: i = !1,
+    onChange: a,
+    hint: o,
+    error: i,
+    name: l,
+    disabled: r = !1,
     required: d = !1,
     agentName: c,
     agentTool: p = !0,
-    ...u
-  } = e, g = U(), h = G(), y = H(), f = le(), b = m(null), w = m(o);
-  w.current = o;
+    ...h
+  } = e, g = I(), u = G(), y = F(), f = le(), b = m(null), w = m(a);
+  w.current = a;
   const T = m(n);
   T.current = n;
-  const A = m(y);
-  A.current = y;
-  const R = m($({ component: Fe.name })), O = m(!0);
+  const C = m(y);
+  C.current = y;
+  const $ = m(R({ component: He.name })), O = m(!0);
   _(() => (O.current = !0, () => {
     O.current = !1;
   }), []);
@@ -1355,45 +1355,45 @@ function co(e) {
     const D = x.checked;
     if (typeof D != "boolean")
       return 'Pass "checked" as true or false; it states the end state.';
-    const P = D === T.current;
-    if (!P) {
+    const N = D === T.current;
+    if (!N) {
       const j = b.current;
       j !== null ? j.click() : z(() => w.current(D));
     }
-    return await K(), O.current ? `${P ? `Already ${D ? "checked" : "unchecked"}` : D ? "Checked" : "Unchecked"}. The checkbox is now:
-${A.current([R.current])}` : "The change removed this checkbox from the page.";
+    return await K(), O.current ? `${N ? `Already ${D ? "checked" : "unchecked"}` : D ? "Checked" : "Unchecked"}. The checkbox is now:
+${C.current([$.current])}` : "The change removed this checkbox from the page.";
   }, []), S = V({
     spec: wt,
     label: c ?? t,
-    enabled: p && !i,
+    enabled: p && !r,
     execute: E
-  }), v = $({
-    component: Fe.name,
+  }), v = R({
+    component: He.name,
     label: t,
     tool: S,
     state: {
       checked: n,
-      disabled: i,
+      disabled: r,
       required: d,
-      invalid: r !== void 0
+      invalid: i !== void 0
     },
-    parts: un(r, a)
+    parts: hn(i, o)
   });
-  if (R.current = v, g === "agent")
-    return i || h === "never" ? /* @__PURE__ */ l(I, { node: v }) : /* @__PURE__ */ l(
-      ue,
+  if ($.current = v, g === "agent")
+    return r || u === "never" ? /* @__PURE__ */ s(U, { node: v }) : /* @__PURE__ */ s(
+      he,
       {
         node: v,
         ref: (x) => {
           b.current = x;
         },
-        onClick: () => o(!n)
+        onClick: () => a(!n)
       }
     );
-  const k = r !== void 0 ? `${f}-error` : a !== void 0 ? `${f}-hint` : void 0;
-  return /* @__PURE__ */ C("div", { ...u, ...M(v), children: [
-    /* @__PURE__ */ C("label", { htmlFor: f, children: [
-      /* @__PURE__ */ l(
+  const k = i !== void 0 ? `${f}-error` : o !== void 0 ? `${f}-hint` : void 0;
+  return /* @__PURE__ */ A("div", { ...h, ...M(v), children: [
+    /* @__PURE__ */ A("label", { htmlFor: f, children: [
+      /* @__PURE__ */ s(
         "input",
         {
           id: f,
@@ -1403,15 +1403,15 @@ ${A.current([R.current])}` : "The change removed this checkbox from the page.";
           },
           type: "checkbox",
           checked: n,
-          name: s,
-          disabled: i,
+          name: l,
+          disabled: r,
           required: d,
-          "aria-invalid": r !== void 0 || void 0,
+          "aria-invalid": i !== void 0 || void 0,
           "aria-describedby": k,
-          onChange: (x) => o(x.currentTarget.checked)
+          onChange: (x) => a(x.currentTarget.checked)
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "span",
         {
           ...L({ part: "box", state: {} }),
@@ -1420,10 +1420,10 @@ ${A.current([R.current])}` : "The change removed this checkbox from the page.";
       ),
       t
     ] }),
-    r !== void 0 ? /* @__PURE__ */ l("p", { id: k, ...L({ part: "error", state: {} }), children: r }) : a !== void 0 ? /* @__PURE__ */ l("p", { id: k, ...L({ part: "hint", state: {} }), children: a }) : null
+    i !== void 0 ? /* @__PURE__ */ s("p", { id: k, ...L({ part: "error", state: {} }), children: i }) : o !== void 0 ? /* @__PURE__ */ s("p", { id: k, ...L({ part: "hint", state: {} }), children: o }) : null
   ] });
 }
-const hn = /(\/\/[^\n]*)|("[^"]*"|'[^']*'|`[^`]*`)|(<\/?[A-Za-z][\w.-]*)|([\w-]+(?==))|(\b(?:const|let|var|function|return|import|export|from|await|async|new|true|false|null|undefined)\b)|(\b\d+(?:\.\d+)?\b)|([<>/{}()[\];=,.]+)/g, pn = [
+const un = /(\/\/[^\n]*)|("[^"]*"|'[^']*'|`[^`]*`)|(<\/?[A-Za-z][\w.-]*)|([\w-]+(?==))|(\b(?:const|let|var|function|return|import|export|from|await|async|new|true|false|null|undefined)\b)|(\b\d+(?:\.\d+)?\b)|([<>/{}()[\];=,.]+)/g, pn = [
   "comment",
   "string",
   "tag",
@@ -1435,12 +1435,12 @@ const hn = /(\/\/[^\n]*)|("[^"]*"|'[^']*'|`[^`]*`)|(<\/?[A-Za-z][\w.-]*)|([\w-]+
 function gn(e) {
   const t = [];
   let n = 0;
-  for (const o of e.matchAll(hn)) {
-    const a = o.index;
-    if (a === void 0) continue;
-    a > n && t.push({ kind: "plain", text: e.slice(n, a) });
-    const r = pn.find((s, i) => o[i + 1] !== void 0) ?? "plain";
-    t.push({ kind: r, text: o[0] }), n = a + o[0].length;
+  for (const a of e.matchAll(un)) {
+    const o = a.index;
+    if (o === void 0) continue;
+    o > n && t.push({ kind: "plain", text: e.slice(n, o) });
+    const i = pn.find((l, r) => a[r + 1] !== void 0) ?? "plain";
+    t.push({ kind: i, text: a[0] }), n = o + a[0].length;
   }
   return n < e.length && t.push({ kind: "plain", text: e.slice(n) }), t;
 }
@@ -1515,39 +1515,39 @@ const mn = q({
     notes: "The frame is a figure named by its caption. The copy control is a real button and reports back in its own label once the snippet is on the clipboard; the label swap is a polite live region, so a screen reader hears the confirmation too."
   }
 }), fn = 1200;
-function uo(e) {
-  const { code: t, caption: n, language: o = "tsx", copyLabel: a = "Copy", ...r } = e, s = U(), [i, d] = J(!1);
+function ha(e) {
+  const { code: t, caption: n, language: a = "tsx", copyLabel: o = "Copy", ...i } = e, l = I(), [r, d] = Y(!1);
   _(() => {
-    if (!i) return;
-    const h = setTimeout(() => d(!1), fn);
-    return () => clearTimeout(h);
-  }, [i]);
-  const c = n ?? o, p = i ? "Copied" : a, u = $({
+    if (!r) return;
+    const u = setTimeout(() => d(!1), fn);
+    return () => clearTimeout(u);
+  }, [r]);
+  const c = n ?? a, p = r ? "Copied" : o, h = R({
     component: mn.name,
     label: c,
     state: {
-      language: o,
+      language: a,
       lines: String(t.split(`
 `).length),
-      copied: i
+      copied: r
     },
     parts: [
       { part: "copy", label: p, state: {} },
       { part: "code", label: t, state: {} }
     ]
   });
-  if (s === "agent") return /* @__PURE__ */ l(I, { node: u });
+  if (l === "agent") return /* @__PURE__ */ s(U, { node: h });
   const g = () => {
-    const h = navigator.clipboard;
-    h !== void 0 && h.writeText(t).then(
+    const u = navigator.clipboard;
+    u !== void 0 && u.writeText(t).then(
       () => d(!0),
       () => d(!1)
     );
   };
-  return /* @__PURE__ */ C("figure", { ...r, ...M(u), "aria-label": c, children: [
-    /* @__PURE__ */ C("header", { children: [
-      /* @__PURE__ */ l("span", { children: c }),
-      /* @__PURE__ */ l(
+  return /* @__PURE__ */ A("figure", { ...i, ...M(h), "aria-label": c, children: [
+    /* @__PURE__ */ A("header", { children: [
+      /* @__PURE__ */ s("span", { children: c }),
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
@@ -1558,13 +1558,13 @@ function uo(e) {
         }
       )
     ] }),
-    /* @__PURE__ */ l("pre", { ...L({ part: "code", state: {} }), children: /* @__PURE__ */ l("code", { children: gn(t).map((h, y) => /* @__PURE__ */ l(
+    /* @__PURE__ */ s("pre", { ...L({ part: "code", state: {} }), children: /* @__PURE__ */ s("code", { children: gn(t).map((u, y) => /* @__PURE__ */ s(
       "span",
       {
-        "data-sprint-token": h.kind === "plain" ? void 0 : h.kind,
-        children: h.text
+        "data-sprint-token": u.kind === "plain" ? void 0 : u.kind,
+        children: u.text
       },
-      `${y}-${h.text}`
+      `${y}-${u.text}`
     )) }) })
   ] });
 }
@@ -1629,25 +1629,25 @@ const bn = q({
   }
 });
 function vn(e) {
-  const t = F(e.term), n = F(e.description);
+  const t = H(e.term), n = H(e.description);
   if (!(t === void 0 && n === void 0))
     return `${t ?? ""}: ${n ?? ""}`;
 }
-function ho(e) {
-  const { label: t, items: n, emptyLabel: o = "Empty", ...a } = e, r = U(), s = n.length === 0, i = n.map((c, p) => {
-    const u = vn(c);
+function ua(e) {
+  const { label: t, items: n, emptyLabel: a = "Empty", ...o } = e, i = I(), l = n.length === 0, r = n.map((c, p) => {
+    const h = vn(c);
     return {
       part: "item",
       state: { index: String(p + 1) },
-      ...u === void 0 ? {} : { label: u }
+      ...h === void 0 ? {} : { label: h }
     };
-  }), d = $({
+  }), d = R({
     component: bn.name,
     label: t,
-    state: { items: String(n.length), empty: s },
-    parts: i
+    state: { items: String(n.length), empty: l },
+    parts: r
   });
-  return r === "agent" ? /* @__PURE__ */ l(I, { node: d }) : /* @__PURE__ */ l("dl", { ...a, ...M(d), "aria-label": t, children: s ? /* @__PURE__ */ l("div", { children: o }) : n.map((c, p) => /* @__PURE__ */ C(
+  return i === "agent" ? /* @__PURE__ */ s(U, { node: d }) : /* @__PURE__ */ s("dl", { ...o, ...M(d), "aria-label": t, children: l ? /* @__PURE__ */ s("div", { children: a }) : n.map((c, p) => /* @__PURE__ */ A(
     "div",
     {
       ...L({
@@ -1655,11 +1655,11 @@ function ho(e) {
         state: { index: String(p + 1) }
       }),
       children: [
-        /* @__PURE__ */ l("dt", { children: c.term }),
-        /* @__PURE__ */ l("dd", { children: c.description })
+        /* @__PURE__ */ s("dt", { children: c.term }),
+        /* @__PURE__ */ s("dd", { children: c.description })
       ]
     },
-    `${p}-${String(F(c.term))}`
+    `${p}-${String(H(c.term))}`
   )) });
 }
 const yt = {
@@ -1759,20 +1759,20 @@ const yt = {
     notes: "A native dialog element shown with showModal, so focus containment, inerting the page behind, and Escape come from the browser. The title names the dialog via aria-label."
   }
 });
-function po(e) {
+function pa(e) {
   const {
     label: t,
     open: n,
-    onClose: o,
-    headingLevel: a,
-    owner: r,
-    agentName: s,
-    agentTool: i = !0,
+    onClose: a,
+    headingLevel: o,
+    owner: i,
+    agentName: l,
+    agentTool: r = !0,
     children: d,
     ref: c,
     ...p
-  } = e, u = U(), g = G(), h = ke(), y = m(null), f = m(null), b = m(o);
-  b.current = o;
+  } = e, h = I(), g = G(), u = ke(), y = m(null), f = m(null), b = m(a);
+  b.current = a;
   const w = m(n);
   w.current = n;
   const T = B(
@@ -1789,23 +1789,23 @@ function po(e) {
         v.open && (typeof v.close == "function" ? v.close() : v.open = !1);
       };
   }, [n]);
-  const A = B(async () => {
+  const C = B(async () => {
     const v = f.current;
     return v !== null ? v.click() : z(() => b.current()), await K(), w.current ? "The page kept the dialog open." : "Closed. The dialog is gone from the page.";
-  }, []), R = V({
+  }, []), $ = V({
     spec: yt,
-    label: s ?? t,
-    enabled: i && n,
-    execute: A
+    label: l ?? t,
+    enabled: r && n,
+    execute: C
   }), O = ee(
-    () => ({ path: [...h, t] }),
-    [h, t]
+    () => ({ path: [...u, t] }),
+    [u, t]
   );
   if (!n) return null;
-  const E = $({
+  const E = R({
     component: wn.name,
     label: t,
-    owner: r,
+    owner: i,
     region: !0,
     state: { open: !0 },
     parts: [
@@ -1813,22 +1813,22 @@ function po(e) {
         part: "close",
         label: "Close",
         state: {},
-        ...R === void 0 ? {} : { tool: R }
+        ...$ === void 0 ? {} : { tool: $ }
       }
     ]
   });
-  if (u === "agent")
-    return /* @__PURE__ */ l(
+  if (h === "agent")
+    return /* @__PURE__ */ s(
       we,
       {
         node: E,
         isActionable: () => g !== "never",
-        onActivate: () => o(),
-        children: /* @__PURE__ */ l(me, { value: O, children: d })
+        onActivate: () => a(),
+        children: /* @__PURE__ */ s(me, { value: O, children: d })
       }
     );
-  const S = a === void 0 ? "span" : `h${a}`;
-  return /* @__PURE__ */ C(
+  const S = o === void 0 ? "span" : `h${o}`;
+  return /* @__PURE__ */ A(
     "dialog",
     {
       ...p,
@@ -1836,28 +1836,28 @@ function po(e) {
       "aria-label": t,
       ref: T,
       onCancel: (v) => {
-        v.preventDefault(), o();
+        v.preventDefault(), a();
       },
       children: [
-        /* @__PURE__ */ C("header", { children: [
-          /* @__PURE__ */ l(S, { children: t }),
-          /* @__PURE__ */ l(
+        /* @__PURE__ */ A("header", { children: [
+          /* @__PURE__ */ s(S, { children: t }),
+          /* @__PURE__ */ s(
             "button",
             {
               ...L({
                 part: "close",
                 state: {},
-                ...R === void 0 ? {} : { tool: R }
+                ...$ === void 0 ? {} : { tool: $ }
               }),
               type: "button",
               "aria-label": "Close",
               ref: f,
-              onClick: () => o(),
+              onClick: () => a(),
               children: "×"
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(me, { value: O, children: d }) })
+        /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(me, { value: O, children: d }) })
       ]
     }
   );
@@ -1904,15 +1904,149 @@ const yn = q({
     }
   ]
 });
-function go(e) {
-  const { level: t = 2, children: n, ...o } = e, a = U(), r = $({
+function ga(e) {
+  const { level: t = 2, children: n, ...a } = e, o = I(), i = R({
     component: yn.name,
-    label: F(n),
+    label: H(n),
     state: { level: String(t) }
   });
-  if (a === "agent") return /* @__PURE__ */ l(I, { node: r });
-  const s = `h${t}`;
-  return /* @__PURE__ */ l(s, { ...o, ...M(r), children: n });
+  if (o === "agent") return /* @__PURE__ */ s(U, { node: i });
+  const l = `h${t}`;
+  return /* @__PURE__ */ s(l, { ...a, ...M(i), children: n });
+}
+const kn = q({
+  name: "Image",
+  category: "display",
+  summary: "A framed picture in a slot that holds its shape. It is the one component whose content an agent cannot read, so alt is not decoration: it is the whole of what the agent gets, and the source URL is published beside it for an agent that can fetch pixels of its own.",
+  whenToUse: 'Use it for any picture that carries meaning: a screenshot, a diagram, a photograph, a logo in running content. Describe it in alt as if to someone on the phone. Pass alt="" only for a picture that adds nothing, which then disappears from the agent view entirely.',
+  whenNotToUse: "Do not use it for a decorative texture; that is the ornament vocabulary, which costs no request and no description. Do not use it for an icon whose meaning is already in adjacent text.",
+  status: "experimental",
+  props: {
+    src: {
+      kind: "string",
+      description: "Where the pixels are. Published as data-sprint-src so an agent that can see can fetch the file itself.",
+      required: !0
+    },
+    alt: {
+      kind: "string",
+      description: 'What the picture shows, in a sentence. This is the entire agent rendering of the image, so write it for a reader who will never see it. Empty means "this picture carries no meaning", and the component then renders nothing in agent view.',
+      required: !0
+    },
+    caption: {
+      kind: "string",
+      description: "A visible line under the frame, for a credit, a date, or a figure number. It is read as well as seen, so it does not repeat alt."
+    },
+    ratio: {
+      kind: "enum",
+      description: "The shape the slot holds while the picture loads and if it fails. auto lets the file decide its own height once it arrives.",
+      values: ["1:1", "4:3", "3:2", "16:9", "auto"],
+      default: "auto"
+    },
+    fit: {
+      kind: "enum",
+      description: "How the picture fills a slot of a fixed ratio. cover crops it, contain letterboxes it. Ignored when ratio is auto.",
+      values: ["cover", "contain"],
+      default: "cover"
+    }
+  },
+  state: {
+    src: {
+      description: "The image source, so an agent can fetch the file without the DOM.",
+      attribute: "data-sprint-src"
+    },
+    status: {
+      description: "Whether the pixels have arrived. Present only in the human rendering, because in agent view nothing is fetched and any value would be a guess.",
+      attribute: "data-sprint-status",
+      values: ["loading", "ready", "error"]
+    },
+    ratio: {
+      description: "The shape the slot holds.",
+      attribute: "data-sprint-ratio",
+      values: ["1:1", "4:3", "3:2", "16:9", "auto"]
+    },
+    fit: {
+      description: "Whether a fixed-ratio slot crops the picture or letterboxes it.",
+      attribute: "data-sprint-fit",
+      values: ["cover", "contain"]
+    },
+    decorative: {
+      description: "Present when the image was declared meaningless with an empty alt and no caption. It renders nothing at all in agent view.",
+      attribute: "data-sprint-decorative"
+    }
+  },
+  agentView: {
+    example: '- **Image** "Launch pad 39B under floodlights, gantry retracted" [fit=cover, ratio=16:9, src=media/pad-39b.svg]\n  - part `caption` "Pad 39B, T-minus 4h"'
+  },
+  examples: [
+    {
+      title: "A described picture",
+      description: "The alt text is the agent rendering. It registers no WebMCP tool: there is nothing to do to a picture, and the source URL is already on the element.",
+      code: `<Image
+  src="media/pad-39b.svg"
+  alt="Launch pad 39B under floodlights, gantry retracted"
+  ratio="16:9"
+/>`
+    },
+    {
+      title: "A captioned figure",
+      description: "The caption is read as well as seen, and arrives as its own part, so it can say what alt should not repeat.",
+      code: `<Image
+  src="media/telemetry.svg"
+  alt="Line chart of chamber pressure holding flat for nine minutes, then dropping"
+  caption="Static fire 04, chamber pressure"
+  ratio="3:2"
+  fit="contain"
+/>`
+    },
+    {
+      title: "A picture that means nothing",
+      description: "An empty alt is a claim, not an omission: it says this picture carries no meaning. The component then renders nothing in agent view, the way Stack does.",
+      code: '<Image src="media/grain.svg" alt="" ratio="1:1" />'
+    }
+  ],
+  a11y: {
+    notes: "The frame is a figure named by its alt text, and the picture inside carries the same alt natively, so a fallback still reads when the file fails. A caption is a figcaption. While the picture is loading or after it has failed, the slot keeps its border and states its condition rather than collapsing; that band is aria-hidden, because on failure it shows the alt text a screen reader has already been given."
+  },
+  relatedComponents: ["Card", "Panel"]
+});
+function ma(e) {
+  const { src: t, alt: n, caption: a, ratio: o = "auto", fit: i = "cover", ...l } = e, r = I(), [d, c] = Y("loading"), p = n === "" && a === void 0, h = a === void 0 ? [] : [{ part: "caption", label: a, state: {} }], g = R({
+    component: kn.name,
+    label: n === "" ? void 0 : n,
+    state: {
+      src: t,
+      ratio: o,
+      fit: i,
+      decorative: p,
+      status: r === "agent" ? void 0 : d
+    },
+    parts: h
+  });
+  if (r === "agent") return p ? null : /* @__PURE__ */ s(U, { node: g });
+  const u = d === "error" ? n === "" ? "Image unavailable" : n : "Loading";
+  return /* @__PURE__ */ A(
+    "figure",
+    {
+      ...l,
+      ...M(g),
+      "aria-label": n === "" ? void 0 : n,
+      children: [
+        /* @__PURE__ */ A("div", { children: [
+          /* @__PURE__ */ s(
+            "img",
+            {
+              src: t,
+              alt: n,
+              onLoad: () => c("ready"),
+              onError: () => c("error")
+            }
+          ),
+          d === "ready" ? null : /* @__PURE__ */ s("span", { "aria-hidden": "true", children: /* @__PURE__ */ s("span", { children: u }) })
+        ] }),
+        a === void 0 ? null : /* @__PURE__ */ s("figcaption", { ...L({ part: "caption", state: {} }), children: a })
+      ]
+    }
+  );
 }
 const kt = {
   verb: "open",
@@ -1922,7 +2056,7 @@ const kt = {
   untrustedContent: !0,
   registeredWhen: "The link opts in with agentTool, is mounted, has a resolvable label, and no other component claims the same tool name. Links register nothing by default.",
   unregisteredWhen: "The link unmounts or opts back out."
-}, kn = q({
+}, Tn = q({
   name: "Link",
   category: "navigation",
   summary: "A navigation link. It publishes its destination as state, so an agent reading the page in text learns the URL rather than having to click to find out, and it renders a real anchor in both views.",
@@ -2003,63 +2137,63 @@ const kt = {
     notes: "active sets aria-current=page. External links open in a new context with rel=noreferrer noopener, and carry their outward mark as a pseudo-element with empty alternative text so it never reaches the accessible name or the tool name. Inside Text a link is underlined all the time, so colour is never the only thing distinguishing it from the prose around it."
   }
 });
-function mo(e) {
+function fa(e) {
   const {
     href: t,
     active: n = !1,
-    external: o = !1,
-    agentTool: a = !1,
-    agentName: r,
-    children: s,
-    ref: i,
+    external: a = !1,
+    agentTool: o = !1,
+    agentName: i,
+    children: l,
+    ref: r,
     onClick: d,
     ...c
-  } = e, p = U(), u = G(), g = m(null), h = B(
-    (A) => {
-      g.current = A, typeof i == "function" ? i(A) : i != null && (i.current = A);
-    },
-    [i]
-  ), y = r ?? F(s), f = B(() => {
-    const A = g.current;
-    return A === null ? "This link renders no element in the current view. Navigate to its href instead." : (A.click(), `Following ${A.getAttribute("href") ?? t}.`);
+  } = e, p = I(), h = G(), g = m(null), u = B(
+    (C) => {
+      g.current = C, typeof r == "function" ? r(C) : r != null && (r.current = C);
+    },
+    [r]
+  ), y = i ?? H(l), f = B(() => {
+    const C = g.current;
+    return C === null ? "This link renders no element in the current view. Navigate to its href instead." : (C.click(), `Following ${C.getAttribute("href") ?? t}.`);
   }, [t]), b = V({
     spec: kt,
     label: y,
-    enabled: a,
+    enabled: o,
     execute: f
-  }), w = $({
-    component: kn.name,
-    label: F(s),
+  }), w = R({
+    component: Tn.name,
+    label: H(l),
     tool: b,
-    state: { href: t, active: n, external: o }
-  }), T = o ? { target: "_blank", rel: "noreferrer noopener" } : { target: void 0, rel: void 0 };
-  return p === "agent" ? u === "never" ? /* @__PURE__ */ l(I, { node: w }) : /* @__PURE__ */ l(
-    ue,
+    state: { href: t, active: n, external: a }
+  }), T = a ? { target: "_blank", rel: "noreferrer noopener" } : { target: void 0, rel: void 0 };
+  return p === "agent" ? h === "never" ? /* @__PURE__ */ s(U, { node: w }) : /* @__PURE__ */ s(
+    he,
     {
       node: w,
       as: "a",
       href: t,
-      ref: h,
+      ref: u,
       onClick: d,
       target: T.target,
       rel: T.rel
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "a",
     {
       ...c,
       ...M(w),
       href: t,
-      ref: h,
+      ref: u,
       onClick: d,
       "aria-current": n ? "page" : void 0,
       target: T.target,
       rel: T.rel,
-      children: s
+      children: l
     }
   );
 }
-const Tn = q({
+const xn = q({
   name: "List",
   category: "display",
   summary: "A bulleted or numbered list built from an array of items. Each item is an addressable part carrying its position, so an agent can cite item three without counting lines.",
@@ -2136,42 +2270,42 @@ const Tn = q({
     notes: "A real ul or ol named by its label, with an explicit list role because the custom markers require list-style none and Safari would otherwise drop the list semantics. The item count is announced, and the markers are drawn as pseudo-elements."
   }
 });
-function fo(e) {
-  const { label: t, items: n, ordered: o = !1, emptyLabel: a = "Empty", ...r } = e, s = U(), i = n.length === 0, d = n.map((u, g) => {
-    const h = F(u);
+function ba(e) {
+  const { label: t, items: n, ordered: a = !1, emptyLabel: o = "Empty", ...i } = e, l = I(), r = n.length === 0, d = n.map((h, g) => {
+    const u = H(h);
     return {
       part: "item",
       state: { index: String(g + 1) },
-      ...h === void 0 ? {} : { label: h }
+      ...u === void 0 ? {} : { label: u }
     };
-  }), c = $({
-    component: Tn.name,
+  }), c = R({
+    component: xn.name,
     label: t,
-    state: { items: String(n.length), ordered: o, empty: i },
+    state: { items: String(n.length), ordered: a, empty: r },
     parts: d
   });
-  return s === "agent" ? /* @__PURE__ */ l(I, { node: c }) : /* @__PURE__ */ l(
-    o ? "ol" : "ul",
+  return l === "agent" ? /* @__PURE__ */ s(U, { node: c }) : /* @__PURE__ */ s(
+    a ? "ol" : "ul",
     {
-      ...r,
+      ...i,
       ...M(c),
       role: "list",
       "aria-label": t,
-      children: i ? /* @__PURE__ */ l("li", { children: a }) : n.map((u, g) => /* @__PURE__ */ l(
+      children: r ? /* @__PURE__ */ s("li", { children: o }) : n.map((h, g) => /* @__PURE__ */ s(
         "li",
         {
           ...L({
             part: "item",
             state: { index: String(g + 1) }
           }),
-          children: /* @__PURE__ */ l("span", { children: u })
+          children: /* @__PURE__ */ s("span", { children: h })
         },
-        `${g}-${String(F(u))}`
+        `${g}-${String(H(h))}`
       ))
     }
   );
 }
-const xn = q({
+const An = q({
   name: "MetaLine",
   category: "display",
   summary: "A slash-separated manifest line of term–detail pairs: serials, build strings, issue dates. It is chrome, not content, and in the agent view it reads as the same single line of text a person sees.",
@@ -2222,26 +2356,26 @@ const xn = q({
     notes: "The separators are real text, so the accessible name is the same line the agent view carries. Nothing in the line is interactive."
   }
 });
-function bo(e) {
-  const { entries: t, ...n } = e, o = U();
+function va(e) {
+  const { entries: t, ...n } = e, a = I();
   if (t.length === 0) return null;
-  const a = t.map((s) => `${s.term}: ${s.detail}`).join(" / "), r = $({
-    component: xn.name,
-    label: a,
+  const o = t.map((l) => `${l.term}: ${l.detail}`).join(" / "), i = R({
+    component: An.name,
+    label: o,
     state: { entries: String(t.length) }
   });
-  return o === "agent" ? /* @__PURE__ */ l(I, { node: r }) : /* @__PURE__ */ l("p", { ...n, ...M(r), children: t.map((s, i) => /* @__PURE__ */ C(Se, { children: [
-    i > 0 ? " / " : null,
-    /* @__PURE__ */ C("span", { children: [
-      /* @__PURE__ */ C("span", { children: [
-        s.term,
+  return a === "agent" ? /* @__PURE__ */ s(U, { node: i }) : /* @__PURE__ */ s("p", { ...n, ...M(i), children: t.map((l, r) => /* @__PURE__ */ A(Se, { children: [
+    r > 0 ? " / " : null,
+    /* @__PURE__ */ A("span", { children: [
+      /* @__PURE__ */ A("span", { children: [
+        l.term,
         ": "
       ] }),
-      /* @__PURE__ */ l("span", { children: s.detail })
+      /* @__PURE__ */ s("span", { children: l.detail })
     ] })
-  ] }, `${s.term}-${i}`)) });
+  ] }, `${l.term}-${r}`)) });
 }
-const An = q({
+const Cn = q({
   name: "Nav",
   category: "navigation",
   summary: "A labelled navigation landmark: the region that holds a page's links to elsewhere.",
@@ -2292,11 +2426,11 @@ const An = q({
     }
   ]
 });
-function vo(e) {
-  const { label: t, children: n, ...o } = e, a = U(), r = $({ component: An.name, label: t, region: !0 });
-  return a === "agent" ? /* @__PURE__ */ l(I, { node: r, children: n }) : /* @__PURE__ */ l("nav", { ...o, ...M(r), "aria-label": t, children: n });
+function wa(e) {
+  const { label: t, children: n, ...a } = e, o = I(), i = R({ component: Cn.name, label: t, region: !0 });
+  return o === "agent" ? /* @__PURE__ */ s(U, { node: i, children: n }) : /* @__PURE__ */ s("nav", { ...a, ...M(i), "aria-label": t, children: n });
 }
-const Cn = q({
+const Sn = q({
   name: "NavGroup",
   category: "navigation",
   summary: "A labelled cluster of links inside a Nav. The label names the group for screen readers and agents alike.",
@@ -2337,17 +2471,17 @@ const Cn = q({
     }
   ]
 });
-function wo(e) {
-  const { label: t, children: n, ...o } = e, a = U(), r = $({ component: Cn.name, label: t });
-  return a === "agent" ? /* @__PURE__ */ l(I, { node: r, children: n }) : (
+function ya(e) {
+  const { label: t, children: n, ...a } = e, o = I(), i = R({ component: Sn.name, label: t });
+  return o === "agent" ? /* @__PURE__ */ s(U, { node: i, children: n }) : (
     // biome-ignore lint/a11y/useSemanticElements: the suggested fieldset groups form controls; this groups links, and group is the ARIA role for exactly that
-    /* @__PURE__ */ C("div", { ...o, ...M(r), role: "group", "aria-label": t, children: [
-      /* @__PURE__ */ l("span", { children: t }),
+    /* @__PURE__ */ A("div", { ...a, ...M(i), role: "group", "aria-label": t, children: [
+      /* @__PURE__ */ s("span", { children: t }),
       n
     ] })
   );
 }
-const Sn = q({
+const Pn = q({
   name: "PageHeader",
   category: "layout",
   summary: "The top of a page: its h1 title, the Tag chips that classify it, an optional page-level control, and a lede underneath.",
@@ -2400,28 +2534,28 @@ const Sn = q({
     }
   ]
 });
-function yo(e) {
-  const { label: t, tags: n, actions: o, children: a, ...r } = e, s = U(), i = $({
-    component: Sn.name,
+function ka(e) {
+  const { label: t, tags: n, actions: a, children: o, ...i } = e, l = I(), r = R({
+    component: Pn.name,
     label: t,
     region: !0
   });
-  if (s === "agent")
-    return /* @__PURE__ */ C(I, { node: i, children: [
+  if (l === "agent")
+    return /* @__PURE__ */ A(U, { node: r, children: [
       n,
-      o,
-      a
+      a,
+      o
     ] });
-  const d = Ye.toArray(a).length > 0;
-  return /* @__PURE__ */ C("header", { ...r, ...M(i), children: [
-    /* @__PURE__ */ C("div", { children: [
-      /* @__PURE__ */ C("div", { children: [
-        /* @__PURE__ */ l("h1", { children: t }),
-        n === void 0 ? null : /* @__PURE__ */ l("span", { children: n })
+  const d = Ye.toArray(o).length > 0;
+  return /* @__PURE__ */ A("header", { ...i, ...M(r), children: [
+    /* @__PURE__ */ A("div", { children: [
+      /* @__PURE__ */ A("div", { children: [
+        /* @__PURE__ */ s("h1", { children: t }),
+        n === void 0 ? null : /* @__PURE__ */ s("span", { children: n })
       ] }),
-      o === void 0 ? null : /* @__PURE__ */ l("span", { children: o })
+      a === void 0 ? null : /* @__PURE__ */ s("span", { children: a })
     ] }),
-    d ? /* @__PURE__ */ l("div", { children: a }) : null
+    d ? /* @__PURE__ */ s("div", { children: o }) : null
   ] });
 }
 const Nn = q({
@@ -2521,36 +2655,36 @@ const Nn = q({
     }
   ]
 });
-function ko(e) {
+function Ta(e) {
   const {
     label: t,
     headingLevel: n,
-    actions: o,
-    flush: a = !1,
-    emptyLabel: r = "Empty",
-    children: s,
-    ...i
-  } = e, d = U(), c = Ye.toArray(s).length === 0, p = $({
+    actions: a,
+    flush: o = !1,
+    emptyLabel: i = "Empty",
+    children: l,
+    ...r
+  } = e, d = I(), c = Ye.toArray(l).length === 0, p = R({
     component: Nn.name,
     label: t,
     region: !0,
-    state: { flush: a, empty: c }
+    state: { flush: o, empty: c }
   });
   if (d === "agent")
-    return /* @__PURE__ */ C(I, { node: p, children: [
-      o,
-      s
+    return /* @__PURE__ */ A(U, { node: p, children: [
+      a,
+      l
     ] });
-  const u = n === void 0 ? "span" : `h${n}`;
-  return /* @__PURE__ */ C("section", { ...i, ...M(p), "aria-label": t, children: [
-    /* @__PURE__ */ C("header", { children: [
-      /* @__PURE__ */ l(u, { children: t }),
-      o === void 0 ? null : /* @__PURE__ */ l("span", { children: o })
+  const h = n === void 0 ? "span" : `h${n}`;
+  return /* @__PURE__ */ A("section", { ...r, ...M(p), "aria-label": t, children: [
+    /* @__PURE__ */ A("header", { children: [
+      /* @__PURE__ */ s(h, { children: t }),
+      a === void 0 ? null : /* @__PURE__ */ s("span", { children: a })
     ] }),
-    /* @__PURE__ */ l("div", { children: c ? /* @__PURE__ */ l("span", { children: r }) : s })
+    /* @__PURE__ */ s("div", { children: c ? /* @__PURE__ */ s("span", { children: i }) : l })
   ] });
 }
-const Pn = q({
+const Ln = q({
   name: "SecretField",
   category: "display",
   summary: "A sensitive value shown once or on demand: an API key, a recovery code, a signing secret. Masked by default with reveal and copy controls, and the value never reaches any agent surface.",
@@ -2609,48 +2743,48 @@ const Pn = q({
   a11y: {
     notes: "The reveal control is a toggle button with aria-pressed; the masked value is announced as a hidden secret rather than as bullet characters. Copy announces its success by swapping its label to Copied."
   }
-}), Rn = "••••••••••••", Ln = 1200;
-function To(e) {
-  const { label: t, value: n, hint: o, defaultRevealed: a = !1, ...r } = e, s = U(), [i, d] = J(a), [c, p] = J(!1);
+}), Rn = "••••••••••••", $n = 1200;
+function xa(e) {
+  const { label: t, value: n, hint: a, defaultRevealed: o = !1, ...i } = e, l = I(), [r, d] = Y(o), [c, p] = Y(!1);
   _(() => {
     if (!c) return;
-    const f = setTimeout(() => p(!1), Ln);
+    const f = setTimeout(() => p(!1), $n);
     return () => clearTimeout(f);
   }, [c]);
-  const u = () => {
+  const h = () => {
     const f = navigator.clipboard;
     f !== void 0 && f.writeText(n).then(
       () => p(!0),
       () => p(!1)
     );
-  }, g = n !== "", h = o === void 0 ? [] : [{ part: "hint", label: o, state: {} }], y = $({
-    component: Pn.name,
+  }, g = n !== "", u = a === void 0 ? [] : [{ part: "hint", label: a, state: {} }], y = R({
+    component: Ln.name,
     label: t,
-    state: { filled: g, revealed: i },
-    parts: h
+    state: { filled: g, revealed: r },
+    parts: u
   });
-  return s === "agent" ? /* @__PURE__ */ l(I, { node: y }) : /* @__PURE__ */ C("div", { ...r, ...M(y), children: [
-    /* @__PURE__ */ l("span", { ...L({ part: "label", state: {} }), children: t }),
-    /* @__PURE__ */ C("div", { ...L({ part: "control", state: {} }), children: [
-      /* @__PURE__ */ l(
+  return l === "agent" ? /* @__PURE__ */ s(U, { node: y }) : /* @__PURE__ */ A("div", { ...i, ...M(y), children: [
+    /* @__PURE__ */ s("span", { ...L({ part: "label", state: {} }), children: t }),
+    /* @__PURE__ */ A("div", { ...L({ part: "control", state: {} }), children: [
+      /* @__PURE__ */ s(
         "output",
         {
           ...L({ part: "value", state: {} }),
-          "aria-label": i ? void 0 : "Hidden secret",
-          children: i ? n : Rn
+          "aria-label": r ? void 0 : "Hidden secret",
+          children: r ? n : Rn
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "button",
         {
           ...L({ part: "reveal", state: {} }),
           type: "button",
-          "aria-pressed": i,
+          "aria-pressed": r,
           onClick: () => d((f) => !f),
-          children: i ? "Hide" : "Reveal"
+          children: r ? "Hide" : "Reveal"
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "button",
         {
           ...L({
@@ -2658,15 +2792,15 @@ function To(e) {
             state: c ? { copied: !0 } : {}
           }),
           type: "button",
-          onClick: u,
+          onClick: h,
           children: c ? "Copied" : "Copy"
         }
       )
     ] }),
-    o === void 0 ? null : /* @__PURE__ */ l("p", { ...L({ part: "hint", state: {} }), children: o })
+    a === void 0 ? null : /* @__PURE__ */ s("p", { ...L({ part: "hint", state: {} }), children: a })
   ] });
 }
-const re = {
+const ie = {
   verb: "select",
   description: "Select one of this control's options by its visible label, exactly as a person clicking it would. Only one option is selected at a time, so this replaces the current one. Returns the control's state after the change, so a follow-up read is unnecessary.",
   inputSchema: {
@@ -2683,7 +2817,7 @@ const re = {
   untrustedContent: !0,
   registeredWhen: "The control is mounted, enabled, has a resolvable label, and no other component claims the same tool name. The registered schema enumerates the current option labels.",
   unregisteredWhen: "The control unmounts or becomes disabled."
-}, He = q({
+}, Fe = q({
   name: "SegmentedControl",
   category: "input",
   summary: "A short row of mutually exclusive options, all visible at once: a radio group that registers a single select tool whose schema enumerates the options currently on screen.",
@@ -2737,7 +2871,7 @@ const re = {
     }
   },
   tools: {
-    select: re
+    select: ie
   },
   agentView: {
     example: '- **SegmentedControl** "Page view" [value=human] → tool `select-page-view`\n  - part `option` "human" [checked]\n  - part `option` "agent"'
@@ -2782,33 +2916,33 @@ const re = {
     notes: "Roving tabindex: only the selected option is in the tab order. Selection follows focus, which is the expected behaviour for a radio group."
   }
 });
-function $n(e) {
-  const t = re.inputSchema.properties.option;
+function On(e) {
+  const t = ie.inputSchema.properties.option;
   return {
-    ...re.inputSchema,
+    ...ie.inputSchema,
     properties: {
-      ...re.inputSchema.properties,
+      ...ie.inputSchema.properties,
       ...t === void 0 ? {} : { option: { ...t, enum: e.map((n) => n.label) } }
     }
   };
 }
-function xo(e) {
+function Aa(e) {
   const {
     label: t,
     options: n,
-    value: o,
-    onChange: a,
-    disabled: r = !1,
-    agentName: s,
-    agentTool: i = !0,
+    value: a,
+    onChange: o,
+    disabled: i = !1,
+    agentName: l,
+    agentTool: r = !0,
     ...d
-  } = e, c = U(), p = G(), u = H(), g = m(/* @__PURE__ */ new Map()), h = m(a);
-  h.current = a;
+  } = e, c = I(), p = G(), h = F(), g = m(/* @__PURE__ */ new Map()), u = m(o);
+  u.current = o;
   const y = m(n);
   y.current = n;
-  const f = m(u);
-  f.current = u;
-  const b = m($({ component: He.name })), w = m(!0);
+  const f = m(h);
+  f.current = h;
+  const b = m(R({ component: Fe.name })), w = m(!0);
   _(() => (w.current = !0, () => {
     w.current = !1;
   }), []);
@@ -2818,41 +2952,41 @@ function xo(e) {
       x.click();
       return;
     }
-    z(() => h.current(k));
-  }, []), A = B(
+    z(() => u.current(k));
+  }, []), C = B(
     async (k) => {
-      const x = typeof k.option == "string" ? k.option : "", D = y.current, P = D.find((N) => N.label === x);
-      return P === void 0 ? `No option named "${x}". This control offers: ${D.map((N) => `"${N.label}"`).join(", ")}.` : (T(P.value), await K(), w.current ? `Selected. The control is now:
+      const x = typeof k.option == "string" ? k.option : "", D = y.current, N = D.find((P) => P.label === x);
+      return N === void 0 ? `No option named "${x}". This control offers: ${D.map((P) => `"${P.label}"`).join(", ")}.` : (T(N.value), await K(), w.current ? `Selected. The control is now:
 ${f.current([b.current])}` : "The selection removed this control from the page.");
     },
     [T]
-  ), R = ee(() => $n(n), [n]), O = V({
-    spec: re,
-    label: s ?? t,
-    inputSchema: R,
-    enabled: i && !r,
-    execute: A
+  ), $ = ee(() => On(n), [n]), O = V({
+    spec: ie,
+    label: l ?? t,
+    inputSchema: $,
+    enabled: r && !i,
+    execute: C
   }), E = n.map((k) => ({
     part: "option",
     label: k.label,
     state: {
-      ...k.value === o ? { checked: !0 } : {},
-      ...r ? { disabled: !0 } : {}
+      ...k.value === a ? { checked: !0 } : {},
+      ...i ? { disabled: !0 } : {}
     }
-  })), S = $({
-    component: He.name,
+  })), S = R({
+    component: Fe.name,
     label: t,
     tool: O,
-    state: { value: o, disabled: r },
+    state: { value: a, disabled: i },
     parts: E
   });
   b.current = S;
   const v = (k) => {
-    if (!["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End"].includes(k.key) || r) return;
-    const D = n.findIndex((Y) => Y.value === o), P = k.key === "ArrowRight" || k.key === "ArrowDown" ? 1 : -1, N = k.key === "Home" ? 0 : k.key === "End" ? n.length - 1 : (D + P + n.length) % n.length, j = n[N];
+    if (!["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End"].includes(k.key) || i) return;
+    const D = n.findIndex((J) => J.value === a), N = k.key === "ArrowRight" || k.key === "ArrowDown" ? 1 : -1, P = k.key === "Home" ? 0 : k.key === "End" ? n.length - 1 : (D + N + n.length) % n.length, j = n[P];
     j !== void 0 && (k.preventDefault(), g.current.get(j.value)?.focus(), T(j.value));
   };
-  return c === "agent" ? r || p === "never" ? /* @__PURE__ */ l(I, { node: S }) : /* @__PURE__ */ l(
+  return c === "agent" ? i || p === "never" ? /* @__PURE__ */ s(U, { node: S }) : /* @__PURE__ */ s(
     we,
     {
       node: S,
@@ -2861,7 +2995,7 @@ ${f.current([b.current])}` : "The selection removed this control from the page."
         D !== void 0 && T(D.value);
       }
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "div",
     {
       ...d,
@@ -2870,20 +3004,20 @@ ${f.current([b.current])}` : "The selection removed this control from the page."
       "aria-label": t,
       onKeyDown: v,
       children: n.map((k, x) => {
-        const D = k.value === o, P = n.some((N) => N.value === o) ? D : x === 0;
-        return /* @__PURE__ */ l(
+        const D = k.value === a, N = n.some((P) => P.value === a) ? D : x === 0;
+        return /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             role: "radio",
             "aria-checked": D,
-            tabIndex: P ? 0 : -1,
-            disabled: r,
-            ref: (N) => {
-              N === null ? g.current.delete(k.value) : g.current.set(k.value, N);
+            tabIndex: N ? 0 : -1,
+            disabled: i,
+            ref: (P) => {
+              P === null ? g.current.delete(k.value) : g.current.set(k.value, P);
             },
             ...L(E[x] ?? { part: "option", state: {} }),
-            onClick: () => a(k.value),
+            onClick: () => o(k.value),
             children: k.label
           },
           k.value
@@ -2892,7 +3026,7 @@ ${f.current([b.current])}` : "The selection removed this control from the page."
     }
   );
 }
-const ie = {
+const re = {
   verb: "select",
   description: "Choose one of this dropdown's options by its visible label, exactly as a person opening it and clicking one would. Only one option is chosen at a time, so this replaces the current choice. Returns the dropdown's state after the change, so a follow-up read is unnecessary.",
   inputSchema: {
@@ -2996,7 +3130,7 @@ const ie = {
     }
   },
   tools: {
-    select: ie
+    select: re
   },
   agentView: {
     example: '- **Select** "Region" [value=eu-1] → tool `select-region`\n  - part `option` "North Atlantic"\n  - part `option` "Northern Europe" [checked]\n  - part `option` "East Asia"'
@@ -3058,110 +3192,110 @@ const ie = {
   }
 });
 function Tt(e, t) {
-  const n = e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, o = Object.getOwnPropertyDescriptor(n, "value")?.set;
-  o !== void 0 && (o.call(e, t), e.dispatchEvent(new Event("input", { bubbles: !0 })));
+  const n = e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, a = Object.getOwnPropertyDescriptor(n, "value")?.set;
+  a !== void 0 && (a.call(e, t), e.dispatchEvent(new Event("input", { bubbles: !0 })));
 }
-function On(e, t) {
+function Dn(e, t) {
   const n = Object.getOwnPropertyDescriptor(
     HTMLSelectElement.prototype,
     "value"
   )?.set;
   n !== void 0 && (n.call(e, t), e.dispatchEvent(new Event("change", { bubbles: !0 })));
 }
-function Dn(e) {
-  const t = ie.inputSchema.properties.option;
+function En(e) {
+  const t = re.inputSchema.properties.option;
   return {
-    ...ie.inputSchema,
+    ...re.inputSchema,
     properties: {
-      ...ie.inputSchema.properties,
+      ...re.inputSchema.properties,
       ...t === void 0 ? {} : { option: { ...t, enum: e.map((n) => n.label) } }
     }
   };
 }
-function En(e, t) {
+function Mn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function Ao(e) {
+function Ca(e) {
   const {
     label: t,
     options: n,
-    value: o,
-    onChange: a,
-    placeholder: r,
-    hint: s,
-    error: i,
+    value: a,
+    onChange: o,
+    placeholder: i,
+    hint: l,
+    error: r,
     name: d,
     disabled: c = !1,
     required: p = !1,
-    agentName: u,
+    agentName: h,
     agentTool: g = !0,
-    ...h
-  } = e, y = U(), f = G(), b = H(), w = le(), T = m(null), A = m(a);
-  A.current = a;
-  const R = m(n);
-  R.current = n;
+    ...u
+  } = e, y = I(), f = G(), b = F(), w = le(), T = m(null), C = m(o);
+  C.current = o;
+  const $ = m(n);
+  $.current = n;
   const O = m(b);
   O.current = b;
-  const E = m($({ component: Ge.name })), S = m(!0);
+  const E = m(R({ component: Ge.name })), S = m(!0);
   _(() => (S.current = !0, () => {
     S.current = !1;
   }), []);
   const v = B((W) => {
     const X = T.current;
     if (X !== null) {
-      On(X, W);
+      Dn(X, W);
       return;
     }
-    z(() => A.current(W));
+    z(() => C.current(W));
   }, []), k = B(
     async (W) => {
-      const X = typeof W.option == "string" ? W.option : "", ae = R.current, Me = ae.find((Te) => Te.label === X);
-      return Me === void 0 ? `No option named "${X}". This dropdown offers: ${ae.map((Te) => `"${Te.label}"`).join(", ")}.` : (v(Me.value), await K(), S.current ? `Selected. The dropdown is now:
+      const X = typeof W.option == "string" ? W.option : "", oe = $.current, Me = oe.find((Te) => Te.label === X);
+      return Me === void 0 ? `No option named "${X}". This dropdown offers: ${oe.map((Te) => `"${Te.label}"`).join(", ")}.` : (v(Me.value), await K(), S.current ? `Selected. The dropdown is now:
 ${O.current([E.current])}` : "The selection removed this dropdown from the page.");
     },
     [v]
-  ), x = ee(() => Dn(n), [n]), D = V({
-    spec: ie,
-    label: u ?? t,
+  ), x = ee(() => En(n), [n]), D = V({
+    spec: re,
+    label: h ?? t,
     inputSchema: x,
     enabled: g && !c,
     execute: k
-  }), P = n.find((W) => W.value === o), N = n.map((W) => ({
+  }), N = n.find((W) => W.value === a), P = n.map((W) => ({
     part: "option",
     label: W.label,
     state: {
-      ...W.value === o ? { checked: !0 } : {},
+      ...W.value === a ? { checked: !0 } : {},
       ...c ? { disabled: !0 } : {}
     }
-  })), j = $({
+  })), j = R({
     component: Ge.name,
     label: t,
     tool: D,
     state: {
-      ...P === void 0 ? {} : { value: o },
-      empty: P === void 0,
+      ...N === void 0 ? {} : { value: a },
+      empty: N === void 0,
       disabled: c,
       required: p,
-      invalid: i !== void 0
+      invalid: r !== void 0
     },
-    parts: [...N, ...En(i, s)]
+    parts: [...P, ...Mn(r, l)]
   });
   if (E.current = j, y === "agent")
-    return c || f === "never" ? /* @__PURE__ */ l(I, { node: j }) : /* @__PURE__ */ l(
+    return c || f === "never" ? /* @__PURE__ */ s(U, { node: j }) : /* @__PURE__ */ s(
       we,
       {
         node: j,
         isActionable: (W) => W.part === "option",
         onActivate: (W, X) => {
-          const ae = n[X];
-          ae !== void 0 && v(ae.value);
+          const oe = n[X];
+          oe !== void 0 && v(oe.value);
         }
       }
     );
-  const Y = i !== void 0 ? `${w}-error` : s !== void 0 ? `${w}-hint` : void 0;
-  return /* @__PURE__ */ C("div", { ...h, ...M(j), children: [
-    /* @__PURE__ */ l("label", { htmlFor: w, children: t }),
-    /* @__PURE__ */ l("span", { ...L({ part: "control", state: {} }), children: /* @__PURE__ */ C(
+  const J = r !== void 0 ? `${w}-error` : l !== void 0 ? `${w}-hint` : void 0;
+  return /* @__PURE__ */ A("div", { ...u, ...M(j), children: [
+    /* @__PURE__ */ s("label", { htmlFor: w, children: t }),
+    /* @__PURE__ */ s("span", { ...L({ part: "control", state: {} }), children: /* @__PURE__ */ A(
       "select",
       {
         id: w,
@@ -3169,21 +3303,21 @@ ${O.current([E.current])}` : "The selection removed this dropdown from the page.
         ref: (W) => {
           T.current = W;
         },
-        value: P === void 0 ? "" : o,
+        value: N === void 0 ? "" : a,
         name: d,
         disabled: c,
         required: p,
-        "aria-invalid": i !== void 0 || void 0,
-        "aria-describedby": Y,
-        onChange: (W) => a(W.currentTarget.value),
+        "aria-invalid": r !== void 0 || void 0,
+        "aria-describedby": J,
+        onChange: (W) => o(W.currentTarget.value),
         children: [
-          P === void 0 ? /* @__PURE__ */ l("option", { value: "", disabled: !0, children: r ?? "Choose" }) : null,
-          n.map((W, X) => /* @__PURE__ */ l(
+          N === void 0 ? /* @__PURE__ */ s("option", { value: "", disabled: !0, children: i ?? "Choose" }) : null,
+          n.map((W, X) => /* @__PURE__ */ s(
             "option",
             {
               value: W.value,
               ...L(
-                N[X] ?? { part: "option", state: {} }
+                P[X] ?? { part: "option", state: {} }
               ),
               children: W.label
             },
@@ -3192,10 +3326,10 @@ ${O.current([E.current])}` : "The selection removed this dropdown from the page.
         ]
       }
     ) }),
-    i !== void 0 ? /* @__PURE__ */ l("p", { id: Y, ...L({ part: "error", state: {} }), children: i }) : s !== void 0 ? /* @__PURE__ */ l("p", { id: Y, ...L({ part: "hint", state: {} }), children: s }) : null
+    r !== void 0 ? /* @__PURE__ */ s("p", { id: J, ...L({ part: "error", state: {} }), children: r }) : l !== void 0 ? /* @__PURE__ */ s("p", { id: J, ...L({ part: "hint", state: {} }), children: l }) : null
   ] });
 }
-const Mn = q({
+const qn = q({
   name: "Shell",
   category: "layout",
   summary: "The page-level frame: a sidebar and a main content region, with the landmark wiring done once. On a phone the sidebar becomes a drawer behind a menu button.",
@@ -3267,50 +3401,50 @@ const Mn = q({
     }
   ]
 });
-function Co(e) {
+function Sa(e) {
   const {
     side: t,
     bar: n,
-    sideLabel: o = "Sidebar",
-    skipLabel: a = "Skip to content",
-    menuLabel: r = "Menu",
-    closeLabel: s = "Close",
-    children: i,
+    sideLabel: a = "Sidebar",
+    skipLabel: o = "Skip to content",
+    menuLabel: i = "Menu",
+    closeLabel: l = "Close",
+    children: r,
     ...d
-  } = e, c = U(), [p, u] = J(!1), g = le(), h = m(null), y = B((b) => {
+  } = e, c = I(), [p, h] = Y(!1), g = le(), u = m(null), y = B((b) => {
     const w = b.target;
-    w instanceof Element && w.closest("a") !== null && u(!1);
-  }, []), f = $({
-    component: Mn.name,
+    w instanceof Element && w.closest("a") !== null && h(!1);
+  }, []), f = R({
+    component: qn.name,
     region: !0,
     state: { open: p }
   });
-  return c === "agent" ? /* @__PURE__ */ C(Le, { children: [
+  return c === "agent" ? /* @__PURE__ */ A(Re, { children: [
     n,
     t,
-    i
-  ] }) : /* @__PURE__ */ C("div", { ...d, ...M(f), children: [
-    /* @__PURE__ */ l("button", { type: "button", onClick: () => h.current?.focus(), children: a }),
-    /* @__PURE__ */ C("aside", { "aria-label": o, children: [
-      /* @__PURE__ */ C("div", { children: [
+    r
+  ] }) : /* @__PURE__ */ A("div", { ...d, ...M(f), children: [
+    /* @__PURE__ */ s("button", { type: "button", onClick: () => u.current?.focus(), children: o }),
+    /* @__PURE__ */ A("aside", { "aria-label": a, children: [
+      /* @__PURE__ */ A("div", { children: [
         n,
-        /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(
+        /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(
           dn,
           {
             agentTool: !1,
             "aria-expanded": p,
             "aria-controls": g,
-            onClick: () => u(!p),
-            children: p ? s : r
+            onClick: () => h(!p),
+            children: p ? l : i
           }
         ) })
       ] }),
-      /* @__PURE__ */ l("div", { id: g, onClick: y, children: t })
+      /* @__PURE__ */ s("div", { id: g, onClick: y, children: t })
     ] }),
-    /* @__PURE__ */ l("main", { ref: h, tabIndex: -1, children: i })
+    /* @__PURE__ */ s("main", { ref: u, tabIndex: -1, children: r })
   ] });
 }
-const qn = q({
+const In = q({
   name: "Stack",
   category: "layout",
   summary: "The one-dimensional layout primitive: a row, a column, or an auto-filling grid, with spacing drawn from the space scale. It renders a plain box and nothing else.",
@@ -3417,25 +3551,25 @@ const qn = q({
     }
   ]
 });
-function So(e) {
+function Pa(e) {
   const {
     direction: t = "column",
     gap: n = "normal",
-    align: o,
-    justify: a,
-    wrap: r = !1,
-    collapse: s = !1,
-    min: i,
+    align: a,
+    justify: o,
+    wrap: i = !1,
+    collapse: l = !1,
+    min: r,
     children: d,
     style: c,
     ...p
-  } = e, u = U(), g = $({
-    component: qn.name,
-    state: { direction: t, gap: n, align: o, justify: a, wrap: r, collapse: s }
+  } = e, h = I(), g = R({
+    component: In.name,
+    state: { direction: t, gap: n, align: a, justify: o, wrap: i, collapse: l }
   });
-  if (u === "agent") return /* @__PURE__ */ l(Le, { children: d });
-  const h = i === void 0 ? c : { ...c, "--sprint-stack-min": i };
-  return /* @__PURE__ */ l("div", { ...p, ...M(g), style: h, children: d });
+  if (h === "agent") return /* @__PURE__ */ s(Re, { children: d });
+  const u = r === void 0 ? c : { ...c, "--sprint-stack-min": r };
+  return /* @__PURE__ */ s("div", { ...p, ...M(g), style: u, children: d });
 }
 const xt = {
   verb: "set",
@@ -3526,32 +3660,32 @@ const xt = {
     notes: "A button with role switch and aria-checked, so the label and state read together. The thumb moves by a single-axis stepped translation and respects prefers-reduced-motion."
   }
 });
-function No(e) {
+function Na(e) {
   const {
     label: t,
     on: n,
-    onChange: o,
-    disabled: a = !1,
-    agentName: r,
-    agentTool: s = !0,
-    ref: i,
+    onChange: a,
+    disabled: o = !1,
+    agentName: i,
+    agentTool: l = !0,
+    ref: r,
     ...d
-  } = e, c = U(), p = G(), u = H(), g = m(null), h = B(
+  } = e, c = I(), p = G(), h = F(), g = m(null), u = B(
     (E) => {
-      g.current = E, typeof i == "function" ? i(E) : i != null && (i.current = E);
+      g.current = E, typeof r == "function" ? r(E) : r != null && (r.current = E);
     },
-    [i]
-  ), y = m(o);
-  y.current = o;
+    [r]
+  ), y = m(a);
+  y.current = a;
   const f = m(n);
   f.current = n;
-  const b = m(u);
-  b.current = u;
-  const w = m($({ component: Ke.name })), T = m(!0);
+  const b = m(h);
+  b.current = h;
+  const w = m(R({ component: Ke.name })), T = m(!0);
   _(() => (T.current = !0, () => {
     T.current = !1;
   }), []);
-  const A = B(async (E) => {
+  const C = B(async (E) => {
     const S = E.on;
     if (typeof S != "boolean")
       return 'Pass "on" as true or false; it states the end state.';
@@ -3562,18 +3696,18 @@ function No(e) {
     }
     return await K(), T.current ? `${v ? `Already ${S ? "on" : "off"}` : `Switched ${S ? "on" : "off"}`}. The switch is now:
 ${b.current([w.current])}` : "The change removed this switch from the page.";
-  }, []), R = V({
+  }, []), $ = V({
     spec: xt,
-    label: r ?? t,
-    enabled: s && !a,
-    execute: A
-  }), O = $({
+    label: i ?? t,
+    enabled: l && !o,
+    execute: C
+  }), O = R({
     component: Ke.name,
     label: t,
-    tool: R,
-    state: { on: n, disabled: a }
+    tool: $,
+    state: { on: n, disabled: o }
   });
-  return w.current = O, c === "agent" ? a || p === "never" ? /* @__PURE__ */ l(I, { node: O }) : /* @__PURE__ */ l(ue, { node: O, ref: h, onClick: () => o(!n) }) : /* @__PURE__ */ C(
+  return w.current = O, c === "agent" ? o || p === "never" ? /* @__PURE__ */ s(U, { node: O }) : /* @__PURE__ */ s(he, { node: O, ref: u, onClick: () => a(!n) }) : /* @__PURE__ */ A(
     "button",
     {
       ...d,
@@ -3581,16 +3715,16 @@ ${b.current([w.current])}` : "The change removed this switch from the page.";
       type: "button",
       role: "switch",
       "aria-checked": n,
-      disabled: a,
-      ref: h,
-      onClick: () => o(!n),
+      disabled: o,
+      ref: u,
+      onClick: () => a(!n),
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "span",
           {
             ...L({ part: "track", state: {} }),
             "aria-hidden": "true",
-            children: /* @__PURE__ */ l("span", { ...L({ part: "thumb", state: {} }) })
+            children: /* @__PURE__ */ s("span", { ...L({ part: "thumb", state: {} }) })
           }
         ),
         t
@@ -3689,7 +3823,7 @@ const Un = q({
     notes: "Column headers keep scope=col in every layout. On narrow screens each cell repeats its column header visually, marked aria-hidden so the real header association is not announced twice."
   }
 });
-function Re(e, t) {
+function Le(e, t) {
   return e.id ?? String(t + 1);
 }
 function At(e, t) {
@@ -3699,31 +3833,31 @@ function At(e, t) {
     ...e.align === void 0 ? {} : { align: e.align }
   };
 }
-function In(e, t) {
+function Wn(e, t) {
   return t.flatMap(
-    (n, o) => e.map((a) => {
-      const r = F(n.cells[a.key]);
+    (n, a) => e.map((o) => {
+      const i = H(n.cells[o.key]);
       return {
         part: "cell",
-        state: At(a, Re(n, o)),
-        ...r === void 0 ? {} : { label: r }
+        state: At(o, Le(n, a)),
+        ...i === void 0 ? {} : { label: i }
       };
     })
   );
 }
-function Po(e) {
-  const { label: t, columns: n, rows: o, emptyLabel: a = "No rows", ...r } = e, s = U(), i = o.length === 0, d = $({
+function La(e) {
+  const { label: t, columns: n, rows: a, emptyLabel: o = "No rows", ...i } = e, l = I(), r = a.length === 0, d = R({
     component: Un.name,
     label: t,
     state: {
       columns: String(n.length),
-      rows: String(o.length),
-      empty: i
+      rows: String(a.length),
+      empty: r
     },
-    parts: In(n, o)
+    parts: Wn(n, a)
   });
-  return s === "agent" ? /* @__PURE__ */ l(I, { node: ut(d) }) : /* @__PURE__ */ C("table", { ...r, ...M(d), role: "table", "aria-label": t, children: [
-    /* @__PURE__ */ l("thead", { role: "rowgroup", children: /* @__PURE__ */ l("tr", { role: "row", children: n.map((c) => /* @__PURE__ */ l(
+  return l === "agent" ? /* @__PURE__ */ s(U, { node: ht(d) }) : /* @__PURE__ */ A("table", { ...i, ...M(d), role: "table", "aria-label": t, children: [
+    /* @__PURE__ */ s("thead", { role: "rowgroup", children: /* @__PURE__ */ s("tr", { role: "row", children: n.map((c) => /* @__PURE__ */ s(
       "th",
       {
         role: "columnheader",
@@ -3734,24 +3868,24 @@ function Po(e) {
       },
       c.key
     )) }) }),
-    /* @__PURE__ */ l("tbody", { role: "rowgroup", children: i ? /* @__PURE__ */ l("tr", { role: "row", children: /* @__PURE__ */ l("td", { role: "cell", colSpan: n.length, children: a }) }) : o.map((c, p) => /* @__PURE__ */ l("tr", { role: "row", children: n.map((u) => /* @__PURE__ */ C(
+    /* @__PURE__ */ s("tbody", { role: "rowgroup", children: r ? /* @__PURE__ */ s("tr", { role: "row", children: /* @__PURE__ */ s("td", { role: "cell", colSpan: n.length, children: o }) }) : a.map((c, p) => /* @__PURE__ */ s("tr", { role: "row", children: n.map((h) => /* @__PURE__ */ A(
       "td",
       {
         role: "cell",
         ...L({
           part: "cell",
-          state: At(u, Re(c, p))
+          state: At(h, Le(c, p))
         }),
         children: [
-          /* @__PURE__ */ l("span", { "aria-hidden": "true", children: u.header }),
-          /* @__PURE__ */ l("div", { children: c.cells[u.key] })
+          /* @__PURE__ */ s("span", { "aria-hidden": "true", children: h.header }),
+          /* @__PURE__ */ s("div", { children: c.cells[h.key] })
         ]
       },
-      u.key
-    )) }, Re(c, p))) })
+      h.key
+    )) }, Le(c, p))) })
   ] });
 }
-const Wn = q({
+const Bn = q({
   name: "Tag",
   category: "display",
   summary: "A small chip that classifies the thing next to it: a status, a category, a count, a build string.",
@@ -3808,15 +3942,15 @@ const Wn = q({
     }
   ]
 });
-function Ro(e) {
-  const { tone: t = "neutral", filled: n = !1, children: o, ...a } = e, r = U(), s = $({
-    component: Wn.name,
-    label: F(o),
+function Ra(e) {
+  const { tone: t = "neutral", filled: n = !1, children: a, ...o } = e, i = I(), l = R({
+    component: Bn.name,
+    label: H(a),
     state: { tone: t, filled: n }
   });
-  return r === "agent" ? /* @__PURE__ */ l(I, { node: s }) : /* @__PURE__ */ l("span", { ...a, ...M(s), children: o });
+  return i === "agent" ? /* @__PURE__ */ s(U, { node: l }) : /* @__PURE__ */ s("span", { ...o, ...M(l), children: a });
 }
-const Bn = q({
+const jn = q({
   name: "Text",
   category: "typography",
   summary: "A run of prose, sized and toned from the semantic scale. In agent view it renders as its own text content, so an agent reads the words rather than inferring them from styling.",
@@ -3882,13 +4016,13 @@ const Bn = q({
     }
   ]
 });
-function Lo(e) {
-  const { tone: t = "default", size: n = "normal", as: o = "p", children: a, ...r } = e, s = U(), i = $({
-    component: Bn.name,
-    label: F(a),
+function $a(e) {
+  const { tone: t = "default", size: n = "normal", as: a = "p", children: o, ...i } = e, l = I(), r = R({
+    component: jn.name,
+    label: H(o),
     state: { tone: t, size: n }
   });
-  return s === "agent" ? /* @__PURE__ */ l(I, { node: i }) : /* @__PURE__ */ l(o, { ...r, ...M(i), children: a });
+  return l === "agent" ? /* @__PURE__ */ s(U, { node: r }) : /* @__PURE__ */ s(a, { ...i, ...M(r), children: o });
 }
 const Ct = {
   verb: "fill",
@@ -4029,45 +4163,45 @@ const Ct = {
     notes: "The label element is associated via htmlFor. An error sets aria-invalid and is linked with aria-describedby, as is the hint."
   }
 });
-function jn(e, t) {
+function _n(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function $o(e) {
+function Oa(e) {
   const {
     label: t,
     value: n,
-    onChange: o,
-    rows: a = 4,
-    placeholder: r,
-    hint: s,
-    error: i,
+    onChange: a,
+    rows: o = 4,
+    placeholder: i,
+    hint: l,
+    error: r,
     name: d,
     disabled: c = !1,
     required: p = !1,
-    agentName: u,
+    agentName: h,
     agentTool: g = !0,
-    ...h
-  } = e, y = U(), f = G(), b = H(), w = le(), T = m(null), A = m(o);
-  A.current = o;
-  const R = m(b);
-  R.current = b;
-  const O = m($({ component: ze.name })), E = m(!0);
+    ...u
+  } = e, y = I(), f = G(), b = F(), w = le(), T = m(null), C = m(a);
+  C.current = a;
+  const $ = m(b);
+  $.current = b;
+  const O = m(R({ component: ze.name })), E = m(!0);
   _(() => (E.current = !0, () => {
     E.current = !1;
   }), []);
   const S = B(async (D) => {
-    const P = D.value;
-    if (typeof P != "string")
+    const N = D.value;
+    if (typeof N != "string")
       return 'Pass "value" as a string holding the full text the area should contain.';
-    const N = T.current;
-    return N !== null ? Tt(N, P) : z(() => A.current(P)), await K(), E.current ? `Filled. The area is now:
-${R.current([O.current])}` : "The change removed this area from the page.";
+    const P = T.current;
+    return P !== null ? Tt(P, N) : z(() => C.current(N)), await K(), E.current ? `Filled. The area is now:
+${$.current([O.current])}` : "The change removed this area from the page.";
   }, []), v = V({
     spec: Ct,
-    label: u ?? t,
+    label: h ?? t,
     enabled: g && !c,
     execute: S
-  }), k = $({
+  }), k = R({
     component: ze.name,
     label: t,
     tool: v,
@@ -4076,27 +4210,27 @@ ${R.current([O.current])}` : "The change removed this area from the page.";
       empty: n === "",
       disabled: c,
       required: p,
-      invalid: i !== void 0
+      invalid: r !== void 0
     },
-    parts: jn(i, s)
+    parts: _n(r, l)
   });
   if (O.current = k, y === "agent")
-    return c || f === "never" ? /* @__PURE__ */ l(I, { node: k }) : /* @__PURE__ */ l(
+    return c || f === "never" ? /* @__PURE__ */ s(U, { node: k }) : /* @__PURE__ */ s(
       dt,
       {
         node: k,
         value: n,
         multiline: !0,
-        onValueChange: o,
+        onValueChange: a,
         ref: (D) => {
           T.current = D;
         }
       }
     );
-  const x = i !== void 0 ? `${w}-error` : s !== void 0 ? `${w}-hint` : void 0;
-  return /* @__PURE__ */ C("div", { ...h, ...M(k), children: [
-    /* @__PURE__ */ l("label", { htmlFor: w, children: t }),
-    /* @__PURE__ */ l(
+  const x = r !== void 0 ? `${w}-error` : l !== void 0 ? `${w}-hint` : void 0;
+  return /* @__PURE__ */ A("div", { ...u, ...M(k), children: [
+    /* @__PURE__ */ s("label", { htmlFor: w, children: t }),
+    /* @__PURE__ */ s(
       "textarea",
       {
         id: w,
@@ -4104,18 +4238,18 @@ ${R.current([O.current])}` : "The change removed this area from the page.";
         ref: (D) => {
           T.current = D;
         },
-        rows: a,
+        rows: o,
         value: n,
-        placeholder: r,
+        placeholder: i,
         name: d,
         disabled: c,
         required: p,
-        "aria-invalid": i !== void 0 || void 0,
+        "aria-invalid": r !== void 0 || void 0,
         "aria-describedby": x,
-        onChange: (D) => o(D.currentTarget.value)
+        onChange: (D) => a(D.currentTarget.value)
       }
     ),
-    i !== void 0 ? /* @__PURE__ */ l("p", { id: x, ...L({ part: "error", state: {} }), children: i }) : s !== void 0 ? /* @__PURE__ */ l("p", { id: x, ...L({ part: "hint", state: {} }), children: s }) : null
+    r !== void 0 ? /* @__PURE__ */ s("p", { id: x, ...L({ part: "error", state: {} }), children: r }) : l !== void 0 ? /* @__PURE__ */ s("p", { id: x, ...L({ part: "hint", state: {} }), children: l }) : null
   ] });
 }
 const St = {
@@ -4277,46 +4411,46 @@ const St = {
     notes: "The label element is associated via htmlFor. An error sets aria-invalid and is linked with aria-describedby, as is the hint. Focus is an offset keyline, never a rounded ring."
   }
 });
-function _n(e, t) {
+function Vn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function Oo(e) {
+function Da(e) {
   const {
     label: t,
     value: n,
-    onChange: o,
-    type: a = "text",
-    placeholder: r,
-    hint: s,
-    error: i,
+    onChange: a,
+    type: o = "text",
+    placeholder: i,
+    hint: l,
+    error: r,
     name: d,
     autoComplete: c,
     disabled: p = !1,
-    required: u = !1,
+    required: h = !1,
     agentName: g,
-    agentTool: h = !0,
+    agentTool: u = !0,
     ...y
-  } = e, f = U(), b = G(), w = H(), T = le(), A = m(null), R = m(o);
-  R.current = o;
+  } = e, f = I(), b = G(), w = F(), T = le(), C = m(null), $ = m(a);
+  $.current = a;
   const O = m(w);
   O.current = w;
-  const E = m($({ component: Xe.name })), S = m(!0);
+  const E = m(R({ component: Xe.name })), S = m(!0);
   _(() => (S.current = !0, () => {
     S.current = !1;
   }), []);
-  const v = a === "password", k = B(async (N) => {
-    const j = N.value;
+  const v = o === "password", k = B(async (P) => {
+    const j = P.value;
     if (typeof j != "string")
       return 'Pass "value" as a string holding the full text the field should contain.';
-    const Y = A.current;
-    return Y !== null ? Tt(Y, j) : z(() => R.current(j)), await K(), S.current ? `Filled. The field is now:
+    const J = C.current;
+    return J !== null ? Tt(J, j) : z(() => $.current(j)), await K(), S.current ? `Filled. The field is now:
 ${O.current([E.current])}` : "The change removed this field from the page.";
   }, []), x = V({
     spec: St,
     label: g ?? t,
-    enabled: h && !p,
+    enabled: u && !p,
     execute: k
-  }), D = $({
+  }), D = R({
     component: Xe.name,
     label: t,
     tool: x,
@@ -4324,80 +4458,80 @@ ${O.current([E.current])}` : "The change removed this field from the page.";
       ...v ? { filled: n !== "" } : n === "" ? {} : { value: n },
       empty: n === "",
       disabled: p,
-      required: u,
-      invalid: i !== void 0
+      required: h,
+      invalid: r !== void 0
     },
-    parts: _n(i, s)
+    parts: Vn(r, l)
   });
   if (E.current = D, f === "agent")
-    return p || b === "never" ? /* @__PURE__ */ l(I, { node: D }) : /* @__PURE__ */ l(
+    return p || b === "never" ? /* @__PURE__ */ s(U, { node: D }) : /* @__PURE__ */ s(
       dt,
       {
         node: D,
         value: n,
         masked: v,
-        onValueChange: o,
-        ref: (N) => {
-          A.current = N;
+        onValueChange: a,
+        ref: (P) => {
+          C.current = P;
         }
       }
     );
-  const P = i !== void 0 ? `${T}-error` : s !== void 0 ? `${T}-hint` : void 0;
-  return /* @__PURE__ */ C("div", { ...y, ...M(D), children: [
-    /* @__PURE__ */ l("label", { htmlFor: T, children: t }),
-    /* @__PURE__ */ l(
+  const N = r !== void 0 ? `${T}-error` : l !== void 0 ? `${T}-hint` : void 0;
+  return /* @__PURE__ */ A("div", { ...y, ...M(D), children: [
+    /* @__PURE__ */ s("label", { htmlFor: T, children: t }),
+    /* @__PURE__ */ s(
       "input",
       {
         id: T,
         ...L({ part: "input", state: {} }),
-        ref: (N) => {
-          A.current = N;
+        ref: (P) => {
+          C.current = P;
         },
-        type: a,
+        type: o,
         value: n,
-        placeholder: r,
+        placeholder: i,
         name: d,
         autoComplete: c,
         disabled: p,
-        required: u,
-        "aria-invalid": i !== void 0 || void 0,
-        "aria-describedby": P,
-        onChange: (N) => o(N.currentTarget.value)
+        required: h,
+        "aria-invalid": r !== void 0 || void 0,
+        "aria-describedby": N,
+        onChange: (P) => a(P.currentTarget.value)
       }
     ),
-    i !== void 0 ? /* @__PURE__ */ l("p", { id: P, ...L({ part: "error", state: {} }), children: i }) : s !== void 0 ? /* @__PURE__ */ l("p", { id: P, ...L({ part: "hint", state: {} }), children: s }) : null
+    r !== void 0 ? /* @__PURE__ */ s("p", { id: N, ...L({ part: "error", state: {} }), children: r }) : l !== void 0 ? /* @__PURE__ */ s("p", { id: N, ...L({ part: "hint", state: {} }), children: l }) : null
   ] });
 }
 const Ee = 40;
-function Vn(e) {
+function Hn(e) {
   const t = e.label === void 0 ? "" : Z(e.label), n = t === "" ? Z(e.component) : `${Z(e.component)}-${t}`;
   return n === "" ? "region" : n;
 }
 function Fn(e) {
   const t = /* @__PURE__ */ new Map();
   return e.map((n) => {
-    const o = Vn(n), a = t.get(o) ?? 0;
-    return t.set(o, a + 1), { key: a === 0 ? o : `${o}-${a + 1}`, node: n };
+    const a = Hn(n), o = t.get(a) ?? 0;
+    return t.set(a, o + 1), { key: o === 0 ? a : `${a}-${o + 1}`, node: n };
   });
 }
-function Nt() {
+function Pt() {
   if (typeof document > "u") return [];
   const e = document.body, t = new Set(gt(e)), n = Array.from(e.querySelectorAll(`[${Oe}]`)).filter(
-    (o) => !t.has(o)
+    (a) => !t.has(a)
   );
   return Fn([
-    ...an(e),
-    ...n.map((o) => De(o)).filter((o) => o !== null)
+    ...on(e),
+    ...n.map((a) => De(a)).filter((a) => a !== null)
   ]);
 }
-const Hn = {
+const Gn = {
   verb: "list",
   description: "List the Sprint component regions on this page, with a one-line state summary for each. Call this first to discover region keys, then call read-region to read one in full. Regions nest: a page-level region contains the labelled panels listed after it, so read the smallest region that covers what you need.",
   inputSchema: { type: "object", properties: {} },
   readOnly: !0,
   untrustedContent: !0,
   registeredWhen: "A root SprintProvider is mounted and WebMCP is available."
-}, Gn = {
+}, Kn = {
   verb: "read",
   description: "Read one region of the page as Markdown, including every component in it, its current state, and the tools that drive it. Long regions are paginated; the response ends with the page number and total.",
   inputSchema: {
@@ -4419,27 +4553,27 @@ const Hn = {
   untrustedContent: !0,
   registeredWhen: "A root SprintProvider is mounted and WebMCP is available."
 };
-function Kn(e) {
-  const t = Nt();
+function zn(e) {
+  const t = Pt();
   if (t.length === 0) return "This page has no Sprint components.";
-  const n = t.map(({ key: o, node: a }) => {
-    const r = nt(a.children), s = e([{ ...a, children: [], parts: [] }]).split(`
-`)[0]?.replace(/^-\s*/, ""), i = r === 0 ? "" : ` (${r} nested)`;
-    return `- \`${o}\` — ${s ?? a.component}${i}`;
+  const n = t.map(({ key: a, node: o }) => {
+    const i = nt(o.children), l = e([{ ...o, children: [], parts: [] }]).split(`
+`)[0]?.replace(/^-\s*/, ""), r = i === 0 ? "" : ` (${i} nested)`;
+    return `- \`${a}\` — ${l ?? o.component}${r}`;
   });
   return [`${t.length} region(s):`, ...n].join(`
 `);
 }
-function zn(e, t, n) {
-  const o = Nt(), a = o.map((d) => d.key), r = o.find((d) => d.key === t);
-  if (r === void 0)
-    return `No region named "${String(t)}". Available regions: ${a.join(", ") || "none"}.`;
-  const s = et(e([r.node]), te - Ee), i = typeof n == "number" ? n : 1;
-  return i < 1 || i > s.length ? `Region "${r.key}" has ${s.length} page(s); page ${i} does not exist.` : `${s[i - 1] ?? ""}
+function Xn(e, t, n) {
+  const a = Pt(), o = a.map((d) => d.key), i = a.find((d) => d.key === t);
+  if (i === void 0)
+    return `No region named "${String(t)}". Available regions: ${o.join(", ") || "none"}.`;
+  const l = et(e([i.node]), te - Ee), r = typeof n == "number" ? n : 1;
+  return r < 1 || r > l.length ? `Region "${i.key}" has ${l.length} page(s); page ${r} does not exist.` : `${l[r - 1] ?? ""}
 
-(page ${i} of ${s.length})`;
+(page ${r} of ${l.length})`;
 }
-const Xn = {
+const Yn = {
   verb: "set",
   description: 'Switch how this page renders. In "agent" view every Sprint component renders as plain Markdown text with no HTML elements, so the page can be read directly. In "human" view it renders normally. Tools keep working in both.',
   inputSchema: {
@@ -4457,96 +4591,96 @@ const Xn = {
   untrustedContent: !0,
   registeredWhen: "A root SprintProvider is mounted and WebMCP is available."
 };
-function Pt() {
+function Nt() {
   return typeof document > "u" ? "" : (document.body.textContent ?? "").replace(/\n{3,}/g, `
 
 `).trim();
 }
-function Yn(e) {
-  const { enabled: t, format: n, view: o, setView: a } = e;
+function Jn(e) {
+  const { enabled: t, format: n, view: a, setView: o } = e;
   V({
-    spec: Hn,
+    spec: Gn,
     label: "page regions",
     enabled: t,
-    execute: () => o === "agent" ? 'This page is in agent view and renders as one text document. Call read-region with region "page", or read the page text directly.' : Kn(n)
+    execute: () => a === "agent" ? 'This page is in agent view and renders as one text document. Call read-region with region "page", or read the page text directly.' : zn(n)
   }), V({
-    spec: Gn,
+    spec: Kn,
     label: "region",
     enabled: t,
-    execute: (r) => o === "agent" ? Jn(r.region, r.page) : zn(n, r.region, r.page)
+    execute: (i) => a === "agent" ? Qn(i.region, i.page) : Xn(n, i.region, i.page)
   }), V({
-    spec: Xn,
+    spec: Yn,
     label: "page view",
     enabled: t,
-    execute: async (r) => {
-      const s = r.view === "agent" ? "agent" : "human";
-      return z(() => a(s)), await K(), s === "agent" ? `Page is now in agent view:
+    execute: async (i) => {
+      const l = i.view === "agent" ? "agent" : "human";
+      return z(() => o(l)), await K(), l === "agent" ? `Page is now in agent view:
 
-${Ne(Pt(), te - Ee)}` : "Page is now in human view.";
+${Pe(Nt(), te - Ee)}` : "Page is now in human view.";
     }
   });
 }
-function Jn(e, t) {
+function Qn(e, t) {
   if (e !== "page")
     return `No region named "${String(e)}". In agent view the whole page is one region, named "page".`;
-  const n = et(Pt(), te - Ee), o = typeof t == "number" ? t : 1;
-  return o < 1 || o > n.length ? `Region "page" has ${n.length} page(s); page ${o} does not exist.` : `${n[o - 1] ?? ""}
+  const n = et(Nt(), te - Ee), a = typeof t == "number" ? t : 1;
+  return a < 1 || a > n.length ? `Region "page" has ${n.length} page(s); page ${a} does not exist.` : `${n[a - 1] ?? ""}
 
-(page ${o} of ${n.length})`;
+(page ${a} of ${n.length})`;
 }
-const Qn = 1200;
-function Do(e) {
+const Zn = 1200;
+function Ea(e) {
   const {
     children: t,
     label: n,
-    format: o,
-    pageTools: a = !0,
-    view: r,
-    defaultView: s,
-    onViewChange: i,
+    format: a,
+    pageTools: o = !0,
+    view: i,
+    defaultView: l,
+    onViewChange: r,
     agentControls: d,
     theme: c
-  } = e, p = ke(), u = zt(), g = !u.owned, [h, y] = J(s ?? "human"), f = r !== void 0, b = f || g || s !== void 0, w = f ? r : b ? h : u.view, T = B(
-    (P) => {
+  } = e, p = ke(), h = zt(), g = !h.owned, [u, y] = Y(l ?? "human"), f = i !== void 0, b = f || g || l !== void 0, w = f ? i : b ? u : h.view, T = B(
+    (N) => {
       if (!b) {
-        u.setView(P);
+        h.setView(N);
         return;
       }
-      f || y(P), i?.(P);
+      f || y(N), r?.(N);
     },
-    [b, f, u, i]
-  ), A = d ?? u.controls, R = o ?? u.format ?? st, O = ee(
-    () => ({ view: w, setView: T, controls: A, format: R, owned: b }),
-    [w, T, A, R, b]
+    [b, f, h, r]
+  ), C = d ?? h.controls, $ = a ?? h.format ?? st, O = ee(
+    () => ({ view: w, setView: T, controls: C, format: $, owned: b }),
+    [w, T, C, $, b]
   ), E = ee(
     () => ({ path: n === void 0 ? p : [...p, n] }),
     [p, n]
   );
-  Yn({
-    enabled: g && a,
-    format: R,
+  Jn({
+    enabled: g && o,
+    format: $,
     view: w,
     setView: T
   });
-  const S = m(null), [v, k] = J(!1);
+  const S = m(null), [v, k] = Y(!1);
   _(() => {
     if (!v) return;
-    const P = setTimeout(() => k(!1), Qn);
-    return () => clearTimeout(P);
+    const N = setTimeout(() => k(!1), Zn);
+    return () => clearTimeout(N);
   }, [v]);
   const x = () => {
-    const P = navigator.clipboard;
-    if (P === void 0) return;
-    const N = (S.current?.textContent ?? "").replace(/\n{3,}/g, `
+    const N = navigator.clipboard;
+    if (N === void 0) return;
+    const P = (S.current?.textContent ?? "").replace(/\n{3,}/g, `
 
 `).trim();
-    P.writeText(N).then(
+    N.writeText(P).then(
       () => k(!0),
       () => k(!1)
     );
   };
-  return /* @__PURE__ */ l(Kt, { value: O, children: /* @__PURE__ */ C(me, { value: E, children: [
-    b && w === "agent" && A !== "never" ? /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(Kt, { value: O, children: /* @__PURE__ */ A(me, { value: E, children: [
+    b && w === "agent" && C !== "never" ? /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -4556,7 +4690,7 @@ function Do(e) {
         onClick: x
       }
     ) : null,
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "div",
       {
         ref: S,
@@ -4567,70 +4701,71 @@ function Do(e) {
     )
   ] }) });
 }
-function Eo(e) {
-  const { children: t, label: n } = e, o = ke(), a = ee(() => ({ path: [...o, n] }), [o, n]);
-  return /* @__PURE__ */ l(me, { value: a, children: t });
+function Ma(e) {
+  const { children: t, label: n } = e, a = ke(), o = ee(() => ({ path: [...a, n] }), [a, n]);
+  return /* @__PURE__ */ s(me, { value: o, children: t });
 }
-const Zn = "0.1.3", eo = {
-  version: Zn
-}, Mo = eo.version;
+const ea = "0.2.0", ta = {
+  version: ea
+}, qa = ta.version;
 export {
   Qe as AGENT_ATTRIBUTE,
-  ue as AgentControl,
+  he as AgentControl,
   we as AgentControlGroup,
-  I as AgentLine,
-  Eo as AgentRegion,
+  U as AgentLine,
+  Ma as AgentRegion,
   me as AgentScopeProvider,
-  so as Alert,
+  la as Alert,
   dn as Button,
   yt as CLOSE_DIALOG_TOOL,
   Q as COMPONENT_ATTRIBUTE,
-  lo as Card,
-  co as Checkbox,
-  uo as CodeBlock,
+  ca as Card,
+  da as Checkbox,
+  ha as CodeBlock,
   ft as DISMISS_ALERT_TOOL,
-  ho as DescriptionList,
-  po as Dialog,
+  ua as DescriptionList,
+  pa as Dialog,
   Ct as FILL_TEXTAREA_TOOL,
   St as FILL_TOOL,
-  go as Heading,
-  mo as Link,
-  fo as List,
-  bo as MetaLine,
-  vo as Nav,
-  wo as NavGroup,
+  ga as Heading,
+  ma as Image,
+  fa as Link,
+  ba as List,
+  va as MetaLine,
+  wa as Nav,
+  ya as NavGroup,
   vt as OPEN_CARD_TOOL,
   kt as OPEN_LINK_TOOL,
   Je as OWNER_ATTRIBUTE,
-  Ue as PARAM_DESCRIPTION_LIMIT,
-  oe as PART_ATTRIBUTE,
+  Ie as PARAM_DESCRIPTION_LIMIT,
+  ae as PART_ATTRIBUTE,
   bt as PRESS_TOOL,
-  yo as PageHeader,
-  ko as Panel,
+  ka as PageHeader,
+  Ta as Panel,
   Oe as REGION_ATTRIBUTE,
   Mt as RESERVED_STATE_KEYS,
-  ie as SELECT_OPTION_TOOL,
-  re as SELECT_TOOL,
+  re as SELECT_OPTION_TOOL,
+  ie as SELECT_TOOL,
   wt as SET_CHECKBOX_TOOL,
   xt as SET_SWITCH_TOOL,
   pe as STATE_ATTRIBUTE_PREFIX,
-  To as SecretField,
-  xo as SegmentedControl,
-  Ao as Select,
-  Co as Shell,
-  Do as SprintProvider,
-  So as Stack,
-  No as Switch,
+  xa as SecretField,
+  Aa as SegmentedControl,
+  Ca as Select,
+  Sa as Shell,
+  Ea as SprintProvider,
+  Pa as Stack,
+  Na as Switch,
   Et as THEME_ATTRIBUTE,
   ce as TOOL_ATTRIBUTE,
   qe as TOOL_DESCRIPTION_LIMIT,
   Bt as TOOL_NAMING_CONVENTION,
   te as TOOL_OUTPUT_LIMIT,
-  Po as Table,
-  Ro as Tag,
-  Lo as Text,
-  Oo as TextInput,
-  $o as Textarea,
+  La as Table,
+  Ra as Tag,
+  $a as Text,
+  Da as TextInput,
+  Oa as Textarea,
   Ot as VIEW_ATTRIBUTE,
   Dt as VIEW_COPY_ATTRIBUTE,
   ye as accessibleText,
@@ -4639,14 +4774,14 @@ export {
   M as agentAttributesFor,
   L as agentPartAttributesFor,
   Xt as agentPartControlAttributes,
-  ao as agentSelector,
+  ia as agentSelector,
   je as alertMeta,
-  io as buildAgentManifest,
-  $ as buildAgentNode,
+  sa as buildAgentManifest,
+  R as buildAgentNode,
   _e as buttonMeta,
   Ve as cardMeta,
-  Fe as checkboxMeta,
-  Ne as clamp,
+  He as checkboxMeta,
+  Pe as clamp,
   mn as codeBlockMeta,
   st as defaultAgentFormat,
   q as defineAgentMeta,
@@ -4655,43 +4790,44 @@ export {
   jt as getAgentMeta,
   tt as getModelContext,
   yn as headingMeta,
-  ro as isModelContextAvailable,
-  kn as linkMeta,
+  kn as imageMeta,
+  ra as isModelContextAvailable,
+  Tn as linkMeta,
   _t as listAgentMeta,
-  Tn as listMeta,
-  xn as metaLineMeta,
-  Cn as navGroupMeta,
-  An as navMeta,
-  Ht as nodeLine,
-  Sn as pageHeaderMeta,
+  xn as listMeta,
+  An as metaLineMeta,
+  Sn as navGroupMeta,
+  Cn as navMeta,
+  Ft as nodeLine,
+  Pn as pageHeaderMeta,
   et as paginate,
   Nn as panelMeta,
-  F as reactText,
+  H as reactText,
   Wt as registerTool,
-  Pn as secretFieldMeta,
-  He as segmentedControlMeta,
+  Ln as secretFieldMeta,
+  Fe as segmentedControlMeta,
   Ge as selectMeta,
   De as serializeElement,
-  an as serializeWithin,
-  Mn as shellMeta,
+  on as serializeWithin,
+  qn as shellMeta,
   Z as slug,
-  qn as stackMeta,
+  In as stackMeta,
   Ke as switchMeta,
   Un as tableMeta,
-  Wn as tagMeta,
+  Bn as tagMeta,
   Xe as textInputMeta,
-  Bn as textMeta,
+  jn as textMeta,
   ze as textareaMeta,
   Gt as toMarkdown,
   gn as tokenize,
   We as toolName,
   G as useAgentControls,
-  H as useAgentFormat,
+  F as useAgentFormat,
   ke as useAgentScope,
   V as useAgentTool,
-  U as useSprintView,
+  I as useSprintView,
   zt as useSprintViewControl,
-  Ut as validateInputs,
-  Mo as version
+  It as validateInputs,
+  qa as version
 };
 //# sourceMappingURL=index.js.map