@westonkd/sprint 0.1.3 → 0.3.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 { 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 = [
+import { jsx as s, jsxs as A, Fragment as Re } from "react/jsx-runtime";
+import { useContext as ne, createContext as Oe, Fragment as Se, isValidElement as Et, useRef as m, useEffect as j, useState as Y, useCallback as B, useLayoutEffect as Mt, useId as le, useMemo as ee, Children as Je } from "react";
+import { flushSync as It } from "react-dom";
+const Q = "data-sprint", ae = "data-sprint-part", pe = "data-sprint-", ce = "data-sprint-tool", Qe = "data-sprint-owner", Ze = "data-sprint-agent", qt = "data-sprint-view", Ut = "data-sprint-view-copy", Wt = "data-sprint-theme", $e = "data-sprint-region", Bt = [
   "part",
   "tool",
   "owner",
@@ -12,204 +12,204 @@ const Q = "data-sprint", oe = "data-sprint-part", pe = "data-sprint-", ce = "dat
   "region",
   "ornament"
 ];
-function Ze(e, t = {}) {
+function et(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 ya(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) {
+function tt(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;
-function tt() {
+const te = 1500, Ie = 500, qe = 150;
+function nt() {
   return typeof document > "u" ? null : document.modelContext ?? null;
 }
-function ro() {
-  return tt() !== null;
+function ka() {
+  return nt() !== null;
 }
-function qt(e) {
-  if (e.description.length > qe)
+function _t(e) {
+  if (e.description.length > Ie)
     throw new Error(
-      `Tool "${e.name}" description is ${e.description.length} characters; the platform limit is ${qe}.`
+      `Tool "${e.name}" description is ${e.description.length} characters; the platform limit is ${Ie}.`
     );
   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 > qe)
       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 ${qe}.`
       );
   }
 }
-function Ut(e, t) {
+function jt(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 Vt(e) {
+  return { ...e, execute: async (n, a) => {
+    const o = jt(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);
     }
   } };
 }
-function Wt(e, t) {
-  qt(e);
-  const n = tt();
+function Ft(e, t) {
+  _t(e);
+  const n = nt();
   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(Vt(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();
-function q(e) {
+const Ht = "<scope>-<verb>-<label-slug>", ge = /* @__PURE__ */ new Map();
+function I(e) {
   const t = ge.get(e.name);
   return t !== void 0 && t !== e && console.warn(
     `Agent metadata for "${e.name}" was replaced. Two components sharing a name will collapse into one manifest entry.`
   ), ge.set(e.name, e), e;
 }
-function jt(e) {
+function Gt(e) {
   return ge.get(e);
 }
-function _t() {
+function Kt() {
   return [...ge.values()].sort((e, t) => e.name.localeCompare(t.name));
 }
-function io(e) {
+function Ta(e) {
   return {
     library: "sprint",
     version: e,
     conventions: {
       componentAttribute: Q,
-      partAttribute: oe,
+      partAttribute: ae,
       stateAttributePrefix: pe,
       toolAttribute: ce,
-      ownerAttribute: Je,
-      regionAttribute: Oe,
+      ownerAttribute: Qe,
+      regionAttribute: $e,
       agentViewFormat: "markdown",
-      toolNaming: Bt,
+      toolNaming: Ht,
       toolOutputLimit: te
     },
-    components: _t()
+    components: Kt()
   };
 }
-function Vt(e) {
+function zt(e) {
   return e.label === void 0 && e.parts.length === 0 && e.children.length === 0;
 }
-function nt(e) {
+function at(e) {
   let t = 0;
   for (const n of e)
-    t += 1 + nt(n.children);
+    t += 1 + at(n.children);
   return t;
 }
 function ot(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 it(e) {
   return e === void 0 ? "" : ` "${e}"`;
 }
 function rt(e) {
   return e === void 0 ? "" : ` → tool \`${e}\``;
 }
-function Ft(e, t) {
-  return `${t}- part \`${e.part}\`${at(e.label)}${ot(
+function Xt(e, t) {
+  return `${t}- part \`${e.part}\`${it(e.label)}${ot(
     e.state
   )}${rt(e.tool)}`;
 }
-function Ht(e) {
-  const t = Vt(e) ? " (empty)" : "", n = e.owner === void 0 ? "" : ` (owned by \`${e.owner}\`)`;
-  return `- **${e.component}**${at(e.label)}${ot(
+function Yt(e) {
+  const t = zt(e) ? " (empty)" : "", n = e.owner === void 0 ? "" : ` (owned by \`${e.owner}\`)`;
+  return `- **${e.component}**${it(e.label)}${ot(
     e.state
   )}${rt(e.tool)}${n}${t}`;
 }
-function it(e, t, n) {
-  const o = [`${t}${Ht(e)}`], a = `${t}  `;
+function st(e, t, n) {
+  const a = [`${t}${Yt(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(Xt(i, o));
+  for (const i of e.children)
+    a.push(...st(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 = {
+function Jt(e, t = {}) {
+  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) => st(o, "", a)).join(`
 `);
 }
-const st = (e) => Gt(e), de = $e({
+const lt = (e) => Jt(e), de = Oe({
   view: "human",
   setView: () => {
   },
   controls: "always",
-  format: st,
+  format: lt,
   owned: !1
-}), Kt = de.Provider;
-function U() {
+}), Qt = de.Provider;
+function q() {
   return ne(de).view;
 }
-function zt() {
+function Zt() {
   return ne(de);
 }
 function G() {
@@ -218,14 +218,14 @@ function G() {
 function H() {
   return ne(de).format;
 }
-const lt = $e(0), fe = lt.Provider;
+const ct = Oe(0), fe = ct.Provider;
 function be() {
-  return ne(lt);
+  return ne(ct);
 }
-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,
@@ -239,7 +239,7 @@ function $(e) {
   };
 }
 function M(e) {
-  return Ze(e.component, {
+  return et(e.component, {
     state: {
       ...e.state,
       tool: e.tool,
@@ -248,19 +248,19 @@ function M(e) {
     }
   });
 }
-function ct(e) {
-  const t = { [Qe]: e.component };
+function dt(e) {
+  const t = { [Ze]: e.component };
   return e.tool !== void 0 && (t[ce] = e.tool), t;
 }
-function Xt(e, t) {
+function en(e, t) {
   const n = {
-    [Qe]: e,
-    [oe]: t.part
+    [Ze]: e,
+    [ae]: t.part
   };
   return t.tool !== void 0 && (n[ce] = t.tool), n;
 }
 function L(e) {
-  const { [Q]: t, ...n } = Ze("", {
+  const { [Q]: t, ...n } = et("", {
     part: e.part,
     state: { ...e.state, tool: e.tool }
   });
@@ -270,31 +270,31 @@ 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 = H(), 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 = H(), r = "  ".repeat(i), d = ve(t, l), c = d.length - t.parts.length, p = d.slice(0, c).map((u) => `${r}${u}`);
+  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: [
+      const h = d[c + g] ?? "", y = h.trimStart(), f = `${r}${h.slice(0, h.length - y.length)}`, b = `${u.part}-${u.label ?? g}`;
+      return a !== void 0 && !a(u, g) ? /* @__PURE__ */ s(Se, { children: `${f}${y}
+` }, b) : /* @__PURE__ */ A(Se, { children: [
         f,
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            ...Xt(t.component, u),
+            ...en(t.component, u),
             onClick: () => n(u, 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(
+function ut(e) {
+  const { node: t, value: n, onValueChange: a, multiline: o = !1, masked: i = !1, ref: l } = e, r = be(), d = H(), c = "  ".repeat(r), p = ve(t, d).map((h) => `${c}${h}`), u = dt(t), g = o ? /* @__PURE__ */ s(
     "textarea",
     {
       ...u,
       "aria-label": t.label,
       value: n,
-      onChange: (h) => o(h.currentTarget.value),
-      ref: s
+      onChange: (h) => a(h.currentTarget.value),
+      ref: l
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "input",
     {
       ...u,
       "aria-label": t.label,
-      type: r ? "password" : "text",
+      type: i ? "password" : "text",
       value: n,
-      onChange: (h) => o(h.currentTarget.value),
-      ref: s
+      onChange: (h) => a(h.currentTarget.value),
+      ref: l
     }
   );
-  return /* @__PURE__ */ C(fe, { value: i + 1, children: [
+  return /* @__PURE__ */ A(fe, { value: r + 1, children: [
     `${p.join(`
 `)}
 `,
@@ -338,25 +338,25 @@ 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(
+  const { node: t, as: n = "button", href: a, children: o, ref: i, ...l } = e, r = be(), d = H(), c = "  ".repeat(r), [p = "", ...u] = ve(t, d), g = u.map((f) => `${c}${f}`), h = dt(t), y = n === "a" ? /* @__PURE__ */ s(
     "a",
     {
-      ...s,
+      ...l,
       ...h,
-      href: o ?? "#",
-      ref: r,
+      href: a ?? "#",
+      ref: i,
       children: p
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "button",
     {
-      ...s,
+      ...l,
       ...h,
-      ref: r,
+      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,105 +364,105 @@ function ue(e) {
 ${g.join(`
 `)}
 `,
-    a
+    o
   ] });
 }
-function Yt(e) {
+function tn(e) {
   return e.part === "cell" && typeof e.state.column == "string" && typeof e.state.row == "string";
 }
 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) {
-  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 ?? "");
+function ht(e) {
+  if (e.parts.length === 0 || !e.parts.every(tn)) return e;
+  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) {
   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 (!Et(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) {
   const t = [];
-  Pe(e, t);
+  Ne(e, t);
   const n = he(t.join(""));
   return n === "" ? void 0 : n;
 }
-function Jt(e) {
+function nn(e) {
   return e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden");
 }
-function ht(e, t, n) {
+function pt(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 (nn(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))
+    pt(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 = he(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 he(l.join(" "));
   }
-  const o = [];
-  ht(e, o, 0);
-  const a = he(o.join(""));
-  return a === "" ? void 0 : a;
+  const a = [];
+  pt(e, a, 0);
+  const o = he(a.join(""));
+  return o === "" ? void 0 : o;
 }
-const Qt = new Set(Mt), Zt = /* @__PURE__ */ new Map([
+const an = new Set(Bt), on = /* @__PURE__ */ new Map([
   ["disabled", "disabled"],
   ["open", "open"],
   ["readonly", "readonly"],
   ["required", "required"]
-]), en = /* @__PURE__ */ new Map([
+]), rn = /* @__PURE__ */ new Map([
   ["aria-disabled", "disabled"],
   ["aria-busy", "loading"],
   ["aria-expanded", "expanded"],
@@ -471,93 +471,93 @@ const Qt = new Set(Mt), Zt = /* @__PURE__ */ new Map([
   ["aria-pressed", "pressed"],
   ["aria-invalid", "invalid"]
 ]);
-function pt(e) {
+function gt(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 rn) {
+    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 on)
+    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 === "" || an.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);
+function sn(e) {
+  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);
+function ln(e) {
+  const t = e.getAttribute(ae) ?? "", n = ye(e), a = e.getAttribute(ce);
   return {
     part: t,
-    state: pt(e),
+    state: gt(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 ?? Gt, { parts: i, children: l } = sn(e), r = ye(e), d = o(n)?.summary, c = e.getAttribute(ce), p = e.getAttribute(Qe), u = 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 })
+    state: gt(e),
+    parts: i.map(ln),
+    children: u ? [] : 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 } : {},
+    ...e.hasAttribute($e) ? { region: !0 } : {},
     ...u ? { truncated: !0 } : {}
   });
 }
-function gt(e) {
-  const t = [], n = (o) => {
-    for (const a of Array.from(o.children)) {
-      if (a.hasAttribute(Q)) {
-        t.push(a);
+function mt(e) {
+  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 cn(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 dn(e, t = {}) {
+  const n = mt(e).map((a) => De(a, t)).filter((a) => a !== null);
+  return cn(n);
 }
 function K() {
   return new Promise((e) => {
@@ -575,75 +575,75 @@ 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) {
+function un(e) {
   const t = se.get(e);
   if (t !== void 0) return t;
   const n = { holders: /* @__PURE__ */ new Set(), listeners: /* @__PURE__ */ new Map() };
   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();
+function hn(e, t, n) {
+  const a = un(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) {
   const n = se.get(e);
   return n === void 0 ? !1 : n.holders.size === 1 && n.holders.has(t);
 }
-function ln(e) {
+function pn(e) {
   return se.get(e)?.holders.size ?? 0;
 }
-const mt = $e({ path: [] }), me = mt.Provider;
+const ft = Oe({ path: [] }), me = ft.Provider;
 function ke() {
-  return ne(mt).path;
+  return ne(ft).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 { 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, u = m(null);
   u.current === null && (u.current = /* @__PURE__ */ Symbol("sprint-tool"));
-  const g = m(s);
-  _(() => {
-    g.current = s;
+  const g = m(l);
+  j(() => {
+    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);
-  return _(() => {
+  const h = a === void 0 ? n === void 0 ? null : We(r, t.verb, n) : We(r, t.verb, a), [y, f] = Y(!1);
+  return j(() => {
     const b = u.current;
-    if (h === null || !r || b === null) {
+    if (h === null || !i || b === null) {
       f(!1);
       return;
     }
-    const w = sn(h, b, () => {
+    const w = hn(h, b, () => {
       f(Be(h, b));
     });
-    return ln(h) > 1 && console.warn(
+    return pn(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)), () => {
       w(), f(!1);
     };
-  }, [h, r]), _(() => {
+  }, [h, i]), j(() => {
     if (!y || h === null) return;
     const b = new AbortController();
-    return Wt(
+    return Ft(
       {
         name: h,
         description: t.description,
@@ -661,9 +661,9 @@ function V(e) {
   }, [y, h, t, p]), y && h !== null ? h : void 0;
 }
 function z(e) {
-  $t(e);
+  It(e);
 }
-const ft = {
+const bt = {
   verb: "dismiss",
   description: "Dismiss this alert, exactly as a person clicking its dismiss control would. The page decides what dismissal means, usually removing the message. Returns the alert's state after the dismissal, or says the alert left the page.",
   inputSchema: { type: "object", properties: {} },
@@ -671,7 +671,7 @@ const ft = {
   untrustedContent: !0,
   registeredWhen: "The alert is mounted, has an onDismiss handler, and label or agentName provides a stable name.",
   unregisteredWhen: "The alert unmounts or loses its onDismiss handler."
-}, je = q({
+}, _e = I({
   name: "Alert",
   category: "feedback",
   summary: "A status message for the outcome of something that already happened: a notice, a warning, or a failure.",
@@ -720,7 +720,7 @@ const ft = {
     }
   },
   tools: {
-    dismiss: ft
+    dismiss: bt
   },
   agentView: {
     example: '- **Alert** "Check your inbox" [dismissible, tone=info]'
@@ -747,24 +747,24 @@ 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 xa(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;
+    onDismiss: a,
+    agentName: o,
+    agentTool: i = !0,
+    children: l,
+    ...r
+  } = e, d = q(), c = G(), p = H(), u = m(null), g = m(a);
+  g.current = a;
   const h = m(p);
   h.current = p;
-  const y = m($({ component: je.name })), f = m(!0);
-  _(() => (f.current = !0, () => {
+  const y = m(R({ component: _e.name })), f = m(!0);
+  j(() => (f.current = !0, () => {
     f.current = !1;
   }), []);
-  const b = o !== void 0, w = B(async () => {
+  const b = a !== void 0, w = B(async () => {
     const S = u.current;
     if (S !== null)
       S.click();
@@ -776,44 +776,44 @@ function so(e) {
     return await K(), f.current ? `Dismissed. The alert is now:
 ${h.current([y.current])}` : "Dismissed. The alert is gone from the page.";
   }, []), T = V({
-    spec: ft,
-    label: a ?? n,
-    enabled: r && b,
+    spec: bt,
+    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 = F(l), O = [];
+  C !== void 0 && O.push({ part: "message", label: C, state: {} }), b && O.push({
     part: "dismiss",
     label: "Dismiss",
     state: {},
     ...T === void 0 ? {} : { tool: T }
   });
-  const O = $({
-    component: je.name,
+  const $ = R({
+    component: _e.name,
     label: n,
     state: { tone: t, dismissible: b },
-    parts: R
+    parts: O
   });
-  if (y.current = O, d === "agent")
-    return !b || c === "never" ? /* @__PURE__ */ l(I, { node: O }) : /* @__PURE__ */ l(
+  if (y.current = $, d === "agent")
+    return !b || c === "never" ? /* @__PURE__ */ s(U, { node: $ }) : /* @__PURE__ */ s(
       we,
       {
-        node: O,
+        node: $,
         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,
-      ...M(O),
+      ...r,
+      ...M($),
       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({
@@ -824,7 +824,7 @@ ${h.current([y.current])}` : "Dismissed. The alert is gone from the page.";
             type: "button",
             "aria-label": "Dismiss",
             ref: u,
-            onClick: () => o?.(),
+            onClick: () => a?.(),
             children: "×"
           }
         ) : null
@@ -832,7 +832,7 @@ ${h.current([y.current])}` : "Dismissed. The alert is gone from the page.";
     }
   );
 }
-const bt = {
+const vt = {
   verb: "press",
   description: "Press this button, exactly as a person clicking it would. Returns the button's state after the press, so a follow-up read is usually unnecessary. Any work the press starts is not waited for; if the button enters a loading state the result says so.",
   inputSchema: { type: "object", properties: {} },
@@ -840,7 +840,7 @@ const bt = {
   untrustedContent: !0,
   registeredWhen: "The button is mounted, enabled, not loading, has a resolvable label, and no other component claims the same tool name.",
   unregisteredWhen: "The button unmounts, becomes disabled, or starts loading."
-}, _e = q({
+}, je = I({
   name: "Button",
   category: "action",
   summary: "A single action a person or an agent can trigger. Registers one press tool named from its own label.",
@@ -908,7 +908,7 @@ const bt = {
     }
   },
   tools: {
-    press: bt
+    press: vt
   },
   agentView: {
     example: '- **Button** "Prepare launch" [tone=action] → tool `press-prepare-launch`'
@@ -945,88 +945,88 @@ const bt = {
     notes: "Loading sets aria-busy and disables the control. Focus is an offset keyline, never a rounded ring."
   }
 });
-function cn() {
+function gn() {
   return new MouseEvent("click", { bubbles: !0, cancelable: !0 });
 }
-function dn(e) {
+function mn(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);
+  } = e, g = q(), h = G(), y = H(), 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);
+  Mt(() => {
     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 O = l || a, $ = w ?? T, E = m(p);
   E.current = p;
-  const S = m($({ component: _e.name })), v = m(y);
+  const S = m(R({ component: je.name })), v = m(y);
   v.current = y;
   const k = m(!0);
-  _(() => (k.current = !0, () => {
+  j(() => (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)
+      const _ = E.current;
+      if (_ === void 0)
         return "This button renders no control in the current view and has no click handler.";
-      z(() => j(cn()));
+      z(() => _(gn()));
     }
     return await K(), k.current ? `Pressed. The button is now:
 ${v.current([S.current])}` : "The press removed this button from the page.";
   }, []), D = V({
-    spec: bt,
-    label: O,
-    enabled: r && !R,
+    spec: vt,
+    label: $,
+    enabled: i && !O,
     execute: x
-  }), P = $({
-    component: _e.name,
-    label: O,
+  }), N = R({
+    component: je.name,
+    label: $,
     tool: D,
-    state: { tone: t, block: n, loading: o, disabled: R }
+    state: { tone: t, block: n, loading: a, disabled: O }
   });
-  return S.current = P, g === "agent" ? R || h === "never" ? /* @__PURE__ */ l(I, { node: P }) : /* @__PURE__ */ l(
+  return S.current = N, g === "agent" ? O || h === "never" ? /* @__PURE__ */ s(U, { node: N }) : /* @__PURE__ */ s(
     ue,
     {
-      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,
+      ...M(N),
+      type: r,
       ref: b,
       onClick: p,
-      disabled: R,
-      "aria-busy": o || void 0,
+      disabled: O,
+      "aria-busy": a || void 0,
       children: d
     }
   );
 }
-const vt = {
+const wt = {
   verb: "open",
   description: "Open this card, exactly as a person clicking it would. What opening does is the card's own business: it may reveal detail in place, select this item, or start a flow. Returns the card's state after the click.",
   inputSchema: { type: "object", properties: {} },
@@ -1034,7 +1034,7 @@ const vt = {
   untrustedContent: !0,
   registeredWhen: "The card acts rather than navigates, is mounted, enabled, has a resolvable label, and no other component claims the same tool name.",
   unregisteredWhen: "The card unmounts, becomes disabled, or turns into a link by taking an href."
-}, Ve = q({
+}, Ve = I({
   name: "Card",
   category: "navigation",
   summary: "One entry in a catalogue: a title, a line or two of body, and the whole block clickable. Give it an href and it is a link; give it onClick and it is an action that registers an open tool.",
@@ -1084,7 +1084,7 @@ const vt = {
     }
   },
   tools: {
-    open: vt
+    open: wt
   },
   agentView: {
     example: '- **Card** "Button" [href=#/Button]\n  - part `title` "Button"\n  - part `body` "A single action a person or an agent can trigger."'
@@ -1109,88 +1109,88 @@ 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 Aa(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 = q(), u = G(), g = H(), h = a !== void 0, y = !h && 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);
+  j(() => (C.current = !0, () => {
+    C.current = !1;
   }), []);
-  const R = B(async () => {
+  const O = 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
+  }, []), $ = V({
+    spec: wt,
+    label: r ?? t,
+    enabled: (l ?? !h) && !y,
+    execute: O
   }), E = F(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 },
+    tool: $,
+    state: { href: a, disabled: y },
     parts: S
   });
   if (T.current = v, p === "agent")
-    return y || u === "never" ? /* @__PURE__ */ l(I, { node: v }) : /* @__PURE__ */ l(
+    return y || u === "never" ? /* @__PURE__ */ s(U, { node: v }) : /* @__PURE__ */ s(
       ue,
       {
         node: v,
         as: h ? "a" : "button",
-        href: o,
+        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 h ? /* @__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
     }
   );
 }
-const wt = {
+const yt = {
   verb: "set",
   description: "Check or uncheck this box by stating the end state, exactly as a person clicking it would. Setting the state it already has succeeds and changes nothing, so the call is safe to retry. Returns the box's state after the call, so a follow-up read is unnecessary.",
   inputSchema: {
@@ -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({
+}, Fe = I({
   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.",
@@ -1281,7 +1281,7 @@ const wt = {
     }
   },
   tools: {
-    set: wt
+    set: yt
   },
   agentView: {
     example: '- **Checkbox** "Accept the terms" [required] → tool `set-accept-the-terms`\n  - part `error` "Required before launch"'
@@ -1325,75 +1325,75 @@ 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 fn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function co(e) {
+function Ca(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;
+  } = e, g = q(), h = G(), y = H(), 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);
-  _(() => (O.current = !0, () => {
-    O.current = !1;
+  const C = m(y);
+  C.current = y;
+  const O = m(R({ component: Fe.name })), $ = m(!0);
+  j(() => ($.current = !0, () => {
+    $.current = !1;
   }), []);
   const E = B(async (x) => {
     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 j = b.current;
-      j !== null ? j.click() : z(() => w.current(D));
+    const N = D === T.current;
+    if (!N) {
+      const _ = b.current;
+      _ !== null ? _.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(), $.current ? `${N ? `Already ${D ? "checked" : "unchecked"}` : D ? "Checked" : "Unchecked"}. The checkbox is now:
+${C.current([O.current])}` : "The change removed this checkbox from the page.";
   }, []), S = V({
-    spec: wt,
+    spec: yt,
     label: c ?? t,
-    enabled: p && !i,
+    enabled: p && !r,
     execute: E
-  }), v = $({
+  }), v = R({
     component: Fe.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: fn(i, o)
   });
-  if (R.current = v, g === "agent")
-    return i || h === "never" ? /* @__PURE__ */ l(I, { node: v }) : /* @__PURE__ */ l(
+  if (O.current = v, g === "agent")
+    return r || h === "never" ? /* @__PURE__ */ s(U, { node: v }) : /* @__PURE__ */ s(
       ue,
       {
         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", { ...u, ...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 bn = /(\/\/[^\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, vn = [
   "comment",
   "string",
   "tag",
@@ -1432,19 +1432,19 @@ const hn = /(\/\/[^\n]*)|("[^"]*"|'[^']*'|`[^`]*`)|(<\/?[A-Za-z][\w.-]*)|([\w-]+
   "number",
   "punct"
 ];
-function gn(e) {
+function wn(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(bn)) {
+    const o = a.index;
+    if (o === void 0) continue;
+    o > n && t.push({ kind: "plain", text: e.slice(n, o) });
+    const i = vn.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;
 }
-const mn = q({
+const yn = I({
   name: "CodeBlock",
   category: "display",
   summary: "A snippet of code with a caption band and a copy control. In agent view the snippet is carried verbatim as the code part, so an agent reads the source instead of the highlighting.",
@@ -1514,29 +1514,29 @@ const mn = q({
   a11y: {
     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);
-  _(() => {
-    if (!i) return;
-    const h = setTimeout(() => d(!1), fn);
+}), kn = 1200;
+function Sa(e) {
+  const { code: t, caption: n, language: a = "tsx", copyLabel: o = "Copy", ...i } = e, l = q(), [r, d] = Y(!1);
+  j(() => {
+    if (!r) return;
+    const h = setTimeout(() => d(!1), kn);
     return () => clearTimeout(h);
-  }, [i]);
-  const c = n ?? o, p = i ? "Copied" : a, u = $({
-    component: mn.name,
+  }, [r]);
+  const c = n ?? a, p = r ? "Copied" : o, u = R({
+    component: yn.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: u });
   const g = () => {
     const h = navigator.clipboard;
     h !== void 0 && h.writeText(t).then(
@@ -1544,10 +1544,10 @@ function uo(e) {
       () => 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(u), "aria-label": c, children: [
+    /* @__PURE__ */ A("header", { children: [
+      /* @__PURE__ */ s("span", { children: c }),
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
@@ -1558,7 +1558,7 @@ 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: wn(t).map((h, y) => /* @__PURE__ */ s(
       "span",
       {
         "data-sprint-token": h.kind === "plain" ? void 0 : h.kind,
@@ -1568,7 +1568,7 @@ function uo(e) {
     )) }) })
   ] });
 }
-const bn = q({
+const Tn = I({
   name: "DescriptionList",
   category: "display",
   summary: "Labelled term–description pairs for the details of one thing: metadata, settings, profile fields.",
@@ -1628,26 +1628,26 @@ const bn = q({
     notes: "Renders a native dl with an aria-label. Terms are dt elements and descriptions dd, so structure survives without styling."
   }
 });
-function vn(e) {
+function xn(e) {
   const t = F(e.term), n = F(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 Pa(e) {
+  const { label: t, items: n, emptyLabel: a = "Empty", ...o } = e, i = q(), l = n.length === 0, r = n.map((c, p) => {
+    const u = xn(c);
     return {
       part: "item",
       state: { index: String(p + 1) },
       ...u === void 0 ? {} : { label: u }
     };
-  }), d = $({
-    component: bn.name,
+  }), d = R({
+    component: Tn.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: /* @__PURE__ */ s("span", { children: a }) }) : n.map((c, p) => /* @__PURE__ */ A(
     "div",
     {
       ...L({
@@ -1655,14 +1655,14 @@ 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))}`
   )) });
 }
-const yt = {
+const kt = {
   verb: "close",
   description: "Close this dialog without taking its action, exactly as pressing its close control or Escape would. Anything entered inside the dialog may be discarded by the page. To take the dialog's action instead, use the tools its contents register while it is open.",
   inputSchema: { type: "object", properties: {} },
@@ -1670,7 +1670,7 @@ const yt = {
   untrustedContent: !0,
   registeredWhen: "The dialog is open. A closed dialog renders nothing and has no tools.",
   unregisteredWhen: "The dialog closes or unmounts."
-}, wn = q({
+}, An = I({
   name: "Dialog",
   category: "overlay",
   summary: "A modal that interrupts the page for one decision: confirm a destructive action, complete a short step, acknowledge something before continuing.",
@@ -1724,7 +1724,7 @@ const yt = {
     }
   },
   tools: {
-    close: yt
+    close: kt
   },
   agentView: {
     example: '- **Dialog** "Revoke key" [open] with part `close` → tool `close-revoke-key`'
@@ -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 Na(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, u = q(), g = G(), h = ke(), y = m(null), f = m(null), b = m(a);
+  b.current = a;
   const w = m(n);
   w.current = n;
   const T = B(
@@ -1781,7 +1781,7 @@ function po(e) {
     },
     [c]
   );
-  _(() => {
+  j(() => {
     if (!n) return;
     const v = y.current;
     if (v !== null)
@@ -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({
-    spec: yt,
-    label: s ?? t,
-    enabled: i && n,
-    execute: A
-  }), O = ee(
+  }, []), O = V({
+    spec: kt,
+    label: l ?? t,
+    enabled: r && n,
+    execute: C
+  }), $ = ee(
     () => ({ path: [...h, t] }),
     [h, t]
   );
   if (!n) return null;
-  const E = $({
-    component: wn.name,
+  const E = R({
+    component: An.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 }
+        ...O === void 0 ? {} : { tool: O }
       }
     ]
   });
   if (u === "agent")
-    return /* @__PURE__ */ l(
+    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: $, 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,33 +1836,33 @@ 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 }
+                ...O === void 0 ? {} : { tool: O }
               }),
               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: $, children: d }) })
       ]
     }
   );
 }
-const yn = q({
+const Cn = I({
   name: "Heading",
   category: "typography",
   summary: "A section title, rendered as a real h element at the level you pick so it joins the document outline.",
@@ -1904,17 +1904,151 @@ const yn = q({
     }
   ]
 });
-function go(e) {
-  const { level: t = 2, children: n, ...o } = e, a = U(), r = $({
-    component: yn.name,
+function La(e) {
+  const { level: t = 2, children: n, ...a } = e, o = q(), i = R({
+    component: Cn.name,
     label: F(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 kt = {
+const Sn = I({
+  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 Ra(e) {
+  const { src: t, alt: n, caption: a, ratio: o = "auto", fit: i = "cover", ...l } = e, r = q(), [d, c] = Y("loading"), p = n === "" && a === void 0, u = a === void 0 ? [] : [{ part: "caption", label: a, state: {} }], g = R({
+    component: Sn.name,
+    label: n === "" ? void 0 : n,
+    state: {
+      src: t,
+      ratio: o,
+      fit: i,
+      decorative: p,
+      status: r === "agent" ? void 0 : d
+    },
+    parts: u
+  });
+  if (r === "agent") return p ? null : /* @__PURE__ */ s(U, { node: g });
+  const h = 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: h }) })
+        ] }),
+        a === void 0 ? null : /* @__PURE__ */ s("figcaption", { ...L({ part: "caption", state: {} }), children: a })
+      ]
+    }
+  );
+}
+const Tt = {
   verb: "open",
   description: "Follow this link and load its destination, exactly as a person clicking it would. The current page is replaced, so anything unsaved on it is lost and any tool registered by this page stops existing.",
   inputSchema: { type: "object", properties: {} },
@@ -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({
+}, Pn = I({
   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.",
@@ -1975,7 +2109,7 @@ const kt = {
     }
   },
   tools: {
-    open: kt
+    open: Tt
   },
   agentView: {
     example: '- **Link** "Button" [active, href=#/Button]'
@@ -2003,37 +2137,37 @@ 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 Oa(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 = q(), u = G(), g = m(null), h = B(
+    (C) => {
+      g.current = C, typeof r == "function" ? r(C) : r != null && (r.current = C);
+    },
+    [r]
+  ), y = i ?? F(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,
+    spec: Tt,
     label: y,
-    enabled: a,
+    enabled: o,
     execute: f
-  }), w = $({
-    component: kn.name,
-    label: F(s),
+  }), w = R({
+    component: Pn.name,
+    label: F(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(
+    state: { href: t, active: n, external: a }
+  }), T = a ? { target: "_blank", rel: "noreferrer noopener" } : { target: void 0, rel: void 0 };
+  return p === "agent" ? u === "never" ? /* @__PURE__ */ s(U, { node: w }) : /* @__PURE__ */ s(
     ue,
     {
       node: w,
@@ -2044,7 +2178,7 @@ function mo(e) {
       target: T.target,
       rel: T.rel
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ s(
     "a",
     {
       ...c,
@@ -2055,11 +2189,11 @@ function mo(e) {
       "aria-current": n ? "page" : void 0,
       target: T.target,
       rel: T.rel,
-      children: s
+      children: l
     }
   );
 }
-const Tn = q({
+const Nn = I({
   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) => {
+function $a(e) {
+  const { label: t, items: n, ordered: a = !1, emptyLabel: o = "Empty", ...i } = e, l = q(), r = n.length === 0, d = n.map((u, g) => {
     const h = F(u);
     return {
       part: "item",
       state: { index: String(g + 1) },
       ...h === void 0 ? {} : { label: h }
     };
-  }), c = $({
-    component: Tn.name,
+  }), c = R({
+    component: Nn.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((u, g) => /* @__PURE__ */ s(
         "li",
         {
           ...L({
             part: "item",
             state: { index: String(g + 1) }
           }),
-          children: /* @__PURE__ */ l("span", { children: u })
+          children: /* @__PURE__ */ s("span", { children: u })
         },
         `${g}-${String(F(u))}`
       ))
     }
   );
 }
-const xn = q({
+const Ln = I({
   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 Da(e) {
+  const { entries: t, ...n } = e, a = q();
   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: Ln.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 Rn = I({
   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 Ea(e) {
+  const { label: t, children: n, ...a } = e, o = q(), i = R({ component: Rn.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 On = I({
   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 Ma(e) {
+  const { label: t, children: n, ...a } = e, o = q(), i = R({ component: On.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 $n = I({
   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,31 +2534,31 @@ const Sn = q({
     }
   ]
 });
-function yo(e) {
-  const { label: t, tags: n, actions: o, children: a, ...r } = e, s = U(), i = $({
-    component: Sn.name,
+function Ia(e) {
+  const { label: t, tags: n, actions: a, children: o, ...i } = e, l = q(), r = R({
+    component: $n.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 = Je.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({
+const Dn = I({
   name: "Panel",
   category: "layout",
   summary: "A labelled region with a header band and an optional slot for the controls that act on it. Everything on a Sprint page lives inside one.",
@@ -2521,36 +2655,36 @@ const Nn = q({
     }
   ]
 });
-function ko(e) {
+function qa(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 = $({
-    component: Nn.name,
+    actions: a,
+    flush: o = !1,
+    emptyLabel: i = "Empty",
+    children: l,
+    ...r
+  } = e, d = q(), c = Je.toArray(l).length === 0, p = R({
+    component: Dn.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 })
+  return /* @__PURE__ */ A("section", { ...r, ...M(p), "aria-label": t, children: [
+    /* @__PURE__ */ A("header", { children: [
+      /* @__PURE__ */ s(u, { 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 En = I({
   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,12 +2743,12 @@ 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);
-  _(() => {
+}), Mn = "••••••••••••", In = 1200;
+function Ua(e) {
+  const { label: t, value: n, hint: a, defaultRevealed: o = !1, ...i } = e, l = q(), [r, d] = Y(o), [c, p] = Y(!1);
+  j(() => {
     if (!c) return;
-    const f = setTimeout(() => p(!1), Ln);
+    const f = setTimeout(() => p(!1), In);
     return () => clearTimeout(f);
   }, [c]);
   const u = () => {
@@ -2623,34 +2757,34 @@ function To(e) {
       () => p(!0),
       () => p(!1)
     );
-  }, g = n !== "", h = o === void 0 ? [] : [{ part: "hint", label: o, state: {} }], y = $({
-    component: Pn.name,
+  }, g = n !== "", h = a === void 0 ? [] : [{ part: "hint", label: a, state: {} }], y = R({
+    component: En.name,
     label: t,
-    state: { filled: g, revealed: i },
+    state: { filled: g, revealed: r },
     parts: h
   });
-  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 : Mn
         }
       ),
-      /* @__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({
@@ -2663,10 +2797,10 @@ function To(e) {
         }
       )
     ] }),
-    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({
+}, He = I({
   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,34 +2916,34 @@ 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 qn(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 Wa(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 = q(), p = G(), u = H(), g = m(/* @__PURE__ */ new Map()), h = m(o);
+  h.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);
-  _(() => (w.current = !0, () => {
+  const b = m(R({ component: He.name })), w = m(!0);
+  j(() => (w.current = !0, () => {
     w.current = !1;
   }), []);
   const T = B((k) => {
@@ -2819,40 +2953,40 @@ function xo(e) {
       return;
     }
     z(() => h.current(k));
-  }, []), A = B(
+  }, []), 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
+  ), O = ee(() => qn(n), [n]), $ = V({
+    spec: ie,
+    label: l ?? t,
+    inputSchema: O,
+    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 = $({
+  })), S = R({
     component: He.name,
     label: t,
-    tool: O,
-    state: { value: o, disabled: r },
+    tool: $,
+    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];
-    j !== void 0 && (k.preventDefault(), g.current.get(j.value)?.focus(), T(j.value));
+    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, _ = n[P];
+    _ !== void 0 && (k.preventDefault(), g.current.get(_.value)?.focus(), T(_.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: {
@@ -2909,7 +3043,7 @@ const ie = {
   untrustedContent: !0,
   registeredWhen: "The dropdown 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 dropdown unmounts or becomes disabled."
-}, Ge = q({
+}, Ge = I({
   name: "Select",
   category: "input",
   summary: "A dropdown of mutually exclusive options behind a native select, carrying its own label, hint, and error. It registers a single select tool whose schema enumerates the option labels currently on offer.",
@@ -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"'
@@ -3057,111 +3191,111 @@ const ie = {
     notes: "A native select element, so the platform owns the listbox interaction. The label is associated via htmlFor; errors set aria-invalid and link with aria-describedby."
   }
 });
-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 })));
+function xt(e, t) {
+  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 Un(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 Wn(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 Bn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function Ao(e) {
+function Ba(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,
     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;
-  const O = m(b);
-  O.current = b;
-  const E = m($({ component: Ge.name })), S = m(!0);
-  _(() => (S.current = !0, () => {
+  } = e, y = q(), f = G(), b = H(), w = le(), T = m(null), C = m(o);
+  C.current = o;
+  const O = m(n);
+  O.current = n;
+  const $ = m(b);
+  $.current = b;
+  const E = m(R({ component: Ge.name })), S = m(!0);
+  j(() => (S.current = !0, () => {
     S.current = !1;
   }), []);
   const v = B((W) => {
     const X = T.current;
     if (X !== null) {
-      On(X, W);
+      Un(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:
-${O.current([E.current])}` : "The selection removed this dropdown from the page.");
+      const X = typeof W.option == "string" ? W.option : "", oe = O.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:
+${$.current([E.current])}` : "The selection removed this dropdown from the page.");
     },
     [v]
-  ), x = ee(() => Dn(n), [n]), D = V({
-    spec: ie,
+  ), x = ee(() => Wn(n), [n]), D = V({
+    spec: re,
     label: u ?? 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 = $({
+  })), _ = 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, ...Bn(r, l)]
   });
-  if (E.current = j, y === "agent")
-    return c || f === "never" ? /* @__PURE__ */ l(I, { node: j }) : /* @__PURE__ */ l(
+  if (E.current = _, y === "agent")
+    return c || f === "never" ? /* @__PURE__ */ s(U, { node: _ }) : /* @__PURE__ */ s(
       we,
       {
-        node: j,
+        node: _,
         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", { ...h, ...M(_), 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 _n = I({
   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 _a(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 = q(), [p, u] = Y(!1), g = le(), h = m(null), y = B((b) => {
     const w = b.target;
     w instanceof Element && w.closest("a") !== null && u(!1);
-  }, []), f = $({
-    component: Mn.name,
+  }, []), f = R({
+    component: _n.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: () => h.current?.focus(), children: o }),
+    /* @__PURE__ */ A("aside", { "aria-label": a, children: [
+      /* @__PURE__ */ A("div", { children: [
         n,
-        /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(
-          dn,
+        /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(
+          mn,
           {
             agentTool: !1,
             "aria-expanded": p,
             "aria-controls": g,
             onClick: () => u(!p),
-            children: p ? s : r
+            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: h, tabIndex: -1, children: r })
   ] });
 }
-const qn = q({
+const jn = I({
   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,27 +3551,27 @@ const qn = q({
     }
   ]
 });
-function So(e) {
+function ja(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, u = q(), g = R({
+    component: jn.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 (u === "agent") return /* @__PURE__ */ s(Re, { children: d });
+  const h = r === void 0 ? c : { ...c, "--sprint-stack-min": r };
+  return /* @__PURE__ */ s("div", { ...p, ...M(g), style: h, children: d });
 }
-const xt = {
+const At = {
   verb: "set",
   description: "Switch this setting on or off by stating the end state, exactly as a person clicking it would. The change takes effect immediately. Setting the state it already has succeeds and changes nothing, so the call is safe to retry. Returns the switch's state after the call.",
   inputSchema: {
@@ -3454,7 +3588,7 @@ const xt = {
   untrustedContent: !0,
   registeredWhen: "The switch is mounted, enabled, has a resolvable label, and no other component claims the same tool name.",
   unregisteredWhen: "The switch unmounts or becomes disabled."
-}, Ke = q({
+}, Ke = I({
   name: "Switch",
   category: "input",
   summary: "An on/off setting that takes effect the moment it changes. It registers one set tool that takes the end state rather than toggling.",
@@ -3503,7 +3637,7 @@ const xt = {
     }
   },
   tools: {
-    set: xt
+    set: At
   },
   agentView: {
     example: '- **Switch** "Live telemetry" [on] → tool `set-live-telemetry`'
@@ -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 Va(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 = q(), p = G(), u = H(), g = m(null), h = 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);
-  _(() => (T.current = !0, () => {
+  const w = m(R({ component: Ke.name })), T = m(!0);
+  j(() => (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,35 +3696,35 @@ 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({
-    spec: xt,
-    label: r ?? t,
-    enabled: s && !a,
-    execute: A
-  }), O = $({
+  }, []), O = V({
+    spec: At,
+    label: i ?? t,
+    enabled: l && !o,
+    execute: C
+  }), $ = R({
     component: Ke.name,
     label: t,
-    tool: R,
-    state: { on: n, disabled: a }
+    tool: O,
+    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 = $, c === "agent" ? o || p === "never" ? /* @__PURE__ */ s(U, { node: $ }) : /* @__PURE__ */ s(ue, { node: $, ref: h, onClick: () => a(!n) }) : /* @__PURE__ */ A(
     "button",
     {
       ...d,
-      ...M(O),
+      ...M($),
       type: "button",
       role: "switch",
       "aria-checked": n,
-      disabled: a,
+      disabled: o,
       ref: h,
-      onClick: () => o(!n),
+      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
@@ -3598,7 +3732,7 @@ ${b.current([w.current])}` : "The change removed this switch from the page.";
     }
   );
 }
-const Un = q({
+const Vn = I({
   name: "Table",
   category: "display",
   summary: "A data grid built from columns and rows rather than from markup. In the agent stream it reads as a compact Markdown table; in the DOM each cell is addressable as a part carrying its column and row. On a narrow screen every row restacks into a labelled block instead of scrolling sideways.",
@@ -3689,41 +3823,41 @@ 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) {
+function Ct(e, t) {
   return {
     column: e.key,
     row: t,
     ...e.align === void 0 ? {} : { align: e.align }
   };
 }
-function In(e, t) {
+function Fn(e, t) {
   return t.flatMap(
-    (n, o) => e.map((a) => {
-      const r = F(n.cells[a.key]);
+    (n, a) => e.map((o) => {
+      const i = F(n.cells[o.key]);
       return {
         part: "cell",
-        state: At(a, Re(n, o)),
-        ...r === void 0 ? {} : { label: r }
+        state: Ct(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 = $({
-    component: Un.name,
+function Fa(e) {
+  const { label: t, columns: n, rows: a, emptyLabel: o = "No rows", ...i } = e, l = q(), r = a.length === 0, d = R({
+    component: Vn.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: Fn(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: /* @__PURE__ */ s("span", { children: o }) }) }) : a.map((c, p) => /* @__PURE__ */ s("tr", { role: "row", children: n.map((u) => /* @__PURE__ */ A(
       "td",
       {
         role: "cell",
         ...L({
           part: "cell",
-          state: At(u, Re(c, p))
+          state: Ct(u, 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: u.header }),
+          /* @__PURE__ */ s("div", { children: c.cells[u.key] })
         ]
       },
       u.key
-    )) }, Re(c, p))) })
+    )) }, Le(c, p))) })
   ] });
 }
-const Wn = q({
+const Hn = I({
   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 Ha(e) {
+  const { tone: t = "neutral", filled: n = !1, children: a, ...o } = e, i = q(), l = R({
+    component: Hn.name,
+    label: F(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 Gn = I({
   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,15 +4016,15 @@ 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 Ga(e) {
+  const { tone: t = "default", size: n = "normal", as: a = "p", children: o, ...i } = e, l = q(), r = R({
+    component: Gn.name,
+    label: F(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 = {
+const St = {
   verb: "fill",
   description: "Replace this text area's content with the value provided, exactly as a person typing it would. The value is the full text it ends up containing, line breaks included; pass an empty string to clear it. Returns the area's state after the change, so a follow-up read is unnecessary.",
   inputSchema: {
@@ -3907,7 +4041,7 @@ const Ct = {
   untrustedContent: !0,
   registeredWhen: "The area is mounted, enabled, has a resolvable label, and no other component claims the same tool name.",
   unregisteredWhen: "The area unmounts or becomes disabled."
-}, ze = q({
+}, ze = I({
   name: "Textarea",
   category: "input",
   summary: "A multi-line text area carrying its own label, hint, and error. Fully controlled, and it registers one fill tool that replaces the whole content with an explicit value, line breaks included.",
@@ -3994,7 +4128,7 @@ const Ct = {
     }
   },
   tools: {
-    fill: Ct
+    fill: St
   },
   agentView: {
     example: '- **Textarea** "Mission notes" [empty] → tool `fill-mission-notes`\n  - part `hint` "What the relief crew needs to know"'
@@ -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 Kn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function $o(e) {
+function Ka(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,
     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);
-  _(() => (E.current = !0, () => {
+  } = e, y = q(), f = G(), b = H(), w = le(), T = m(null), C = m(a);
+  C.current = a;
+  const O = m(b);
+  O.current = b;
+  const $ = m(R({ component: ze.name })), E = m(!0);
+  j(() => (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 ? xt(P, N) : z(() => C.current(N)), await K(), E.current ? `Filled. The area is now:
+${O.current([$.current])}` : "The change removed this area from the page.";
   }, []), v = V({
-    spec: Ct,
+    spec: St,
     label: u ?? 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: Kn(r, l)
   });
-  if (O.current = k, y === "agent")
-    return c || f === "never" ? /* @__PURE__ */ l(I, { node: k }) : /* @__PURE__ */ l(
-      dt,
+  if ($.current = k, y === "agent")
+    return c || f === "never" ? /* @__PURE__ */ s(U, { node: k }) : /* @__PURE__ */ s(
+      ut,
       {
         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", { ...h, ...M(k), children: [
+    /* @__PURE__ */ s("label", { htmlFor: w, children: t }),
+    /* @__PURE__ */ s(
       "textarea",
       {
         id: w,
@@ -4104,21 +4238,21 @@ ${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 = {
+const Pt = {
   verb: "fill",
   description: "Replace this field's text with the value provided, exactly as a person typing it would. The value is the full text the field ends up containing; pass an empty string to clear it. Returns the field's state after the change, so a follow-up read is unnecessary.",
   inputSchema: {
@@ -4135,7 +4269,7 @@ const St = {
   untrustedContent: !0,
   registeredWhen: "The field is mounted, enabled, has a resolvable label, and no other component claims the same tool name.",
   unregisteredWhen: "The field unmounts or becomes disabled."
-}, Xe = q({
+}, Xe = I({
   name: "TextInput",
   category: "input",
   summary: "A single-line text field carrying its own label, hint, and error. Fully controlled, and it registers one fill tool that replaces the field's text with an explicit value.",
@@ -4231,7 +4365,7 @@ const St = {
     }
   },
   tools: {
-    fill: St
+    fill: Pt
   },
   agentView: {
     example: '- **TextInput** "Callsign" [empty, required] → tool `fill-callsign`\n  - part `hint` "Uppercase, three to eight letters"'
@@ -4277,18 +4411,18 @@ 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 zn(e, t) {
   return e !== void 0 ? [{ part: "error", label: e, state: {} }] : t !== void 0 ? [{ part: "hint", label: t, state: {} }] : [];
 }
-function Oo(e) {
+function za(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,
@@ -4296,27 +4430,27 @@ function Oo(e) {
     agentName: g,
     agentTool: h = !0,
     ...y
-  } = e, f = U(), b = G(), w = H(), T = le(), A = m(null), R = m(o);
-  R.current = o;
-  const O = m(w);
-  O.current = w;
-  const E = m($({ component: Xe.name })), S = m(!0);
-  _(() => (S.current = !0, () => {
+  } = e, f = q(), b = G(), w = H(), T = le(), C = m(null), O = m(a);
+  O.current = a;
+  const $ = m(w);
+  $.current = w;
+  const E = m(R({ component: Xe.name })), S = m(!0);
+  j(() => (S.current = !0, () => {
     S.current = !1;
   }), []);
-  const v = a === "password", k = B(async (N) => {
-    const j = N.value;
-    if (typeof j != "string")
+  const v = o === "password", k = B(async (P) => {
+    const _ = P.value;
+    if (typeof _ != "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:
-${O.current([E.current])}` : "The change removed this field from the page.";
+    const J = C.current;
+    return J !== null ? xt(J, _) : z(() => O.current(_)), await K(), S.current ? `Filled. The field is now:
+${$.current([E.current])}` : "The change removed this field from the page.";
   }, []), x = V({
-    spec: St,
+    spec: Pt,
     label: g ?? t,
     enabled: h && !p,
     execute: k
-  }), D = $({
+  }), D = R({
     component: Xe.name,
     label: t,
     tool: x,
@@ -4325,79 +4459,79 @@ ${O.current([E.current])}` : "The change removed this field from the page.";
       empty: n === "",
       disabled: p,
       required: u,
-      invalid: i !== void 0
+      invalid: r !== void 0
     },
-    parts: _n(i, s)
+    parts: zn(r, l)
   });
   if (E.current = D, f === "agent")
-    return p || b === "never" ? /* @__PURE__ */ l(I, { node: D }) : /* @__PURE__ */ l(
-      dt,
+    return p || b === "never" ? /* @__PURE__ */ s(U, { node: D }) : /* @__PURE__ */ s(
+      ut,
       {
         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)
+        "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 Xn(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) {
+function Yn(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 = Xn(n), o = t.get(a) ?? 0;
+    return t.set(a, o + 1), { key: o === 0 ? a : `${a}-${o + 1}`, node: n };
   });
 }
 function Nt() {
   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)
+  const e = document.body, t = new Set(mt(e)), n = Array.from(e.querySelectorAll(`[${$e}]`)).filter(
+    (a) => !t.has(a)
   );
-  return Fn([
-    ...an(e),
-    ...n.map((o) => De(o)).filter((o) => o !== null)
+  return Yn([
+    ...dn(e),
+    ...n.map((a) => De(a)).filter((a) => a !== null)
   ]);
 }
-const Hn = {
+const Jn = {
   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 = {
+}, Qn = {
   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) {
+function Zn(e) {
   const t = Nt();
   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 = at(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 ea(e, t, n) {
+  const a = Nt(), 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 = tt(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 ta = {
   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,241 +4591,286 @@ const Xn = {
   untrustedContent: !0,
   registeredWhen: "A root SprintProvider is mounted and WebMCP is available."
 };
-function Pt() {
+function Lt() {
   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 na(e) {
+  const { enabled: t, format: n, view: a, setView: o } = e;
   V({
-    spec: Hn,
+    spec: Jn,
     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: Qn,
     label: "region",
     enabled: t,
-    execute: (r) => o === "agent" ? Jn(r.region, r.page) : zn(n, r.region, r.page)
+    execute: (i) => a === "agent" ? aa(i.region, i.page) : ea(n, i.region, i.page)
   }), V({
-    spec: Xn,
+    spec: ta,
     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(Lt(), te - Ee)}` : "Page is now in human view.";
     }
   });
 }
-function Jn(e, t) {
+function aa(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 = tt(Lt(), 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 Rt = "--sprint-gloss-x", Ot = "--sprint-gloss-fade", $t = "--sprint-cast-shift", oa = 22, ia = 78, ra = 28, sa = 0.25, Ye = (e, t, n) => Math.min(n, Math.max(t, e));
+function la() {
+  return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const ca = /* @__PURE__ */ new Set([
+  "Button",
+  "Card",
+  "Tag",
+  "SegmentedControl",
+  "Switch",
+  "Shell"
+]), da = /* @__PURE__ */ new Set(["option", "thumb"]);
+function ua(e, t) {
+  const n = e.closest("[data-sprint-part]");
+  if (n === null || !t.contains(n)) return null;
+  const a = n.dataset.sprintPart;
+  return a !== void 0 && da.has(a) ? n : null;
+}
+function Dt(e) {
+  if (!(e instanceof Element)) return null;
+  const t = e.closest("[data-sprint]");
+  if (t === null) return null;
+  const n = t.dataset.sprint;
+  return n === void 0 || !ca.has(n) ? null : ua(e, t) ?? t;
+}
+function ha(e) {
+  if (e.pointerType === "touch" || la()) return;
+  const t = Dt(e.target);
+  if (t === null) return;
+  const n = t.getBoundingClientRect();
+  if (n.width === 0 || n.height === 0) return;
+  const a = Ye((e.clientX - n.left) / n.width * 100, oa, ia), o = (a - 50) / ra;
+  t.style.setProperty(Rt, `${a.toFixed(1)}%`), t.style.setProperty(
+    Ot,
+    Ye(1 - Math.abs(o), sa, 1).toFixed(3)
+  ), t.style.setProperty($t, `${(o * -10).toFixed(1)}px`);
+}
+function pa(e) {
+  const t = Dt(e.target);
+  t !== null && (t.style.removeProperty(Rt), t.style.removeProperty(Ot), t.style.removeProperty($t), t.style.length === 0 && t.removeAttribute("style"));
+}
+const ga = 1200;
+function Xa(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(), u = Zt(), g = !u.owned, [h, y] = Y(l ?? "human"), f = i !== void 0, b = f || g || l !== void 0, w = f ? i : b ? h : u.view, T = B(
+    (N) => {
       if (!b) {
-        u.setView(P);
+        u.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, u, r]
+  ), C = d ?? u.controls, O = a ?? u.format ?? lt, $ = ee(
+    () => ({ view: w, setView: T, controls: C, format: O, owned: b }),
+    [w, T, C, O, b]
   ), E = ee(
     () => ({ path: n === void 0 ? p : [...p, n] }),
     [p, n]
   );
-  Yn({
-    enabled: g && a,
-    format: R,
+  na({
+    enabled: g && o,
+    format: O,
     view: w,
     setView: T
   });
-  const S = m(null), [v, k] = J(!1);
-  _(() => {
+  const S = m(null), [v, k] = Y(!1);
+  j(() => {
     if (!v) return;
-    const P = setTimeout(() => k(!1), Qn);
-    return () => clearTimeout(P);
+    const N = setTimeout(() => k(!1), ga);
+    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(Qt, { value: $, children: /* @__PURE__ */ A(me, { value: E, children: [
+    b && w === "agent" && C !== "never" ? /* @__PURE__ */ s(
       "button",
       {
         type: "button",
         "aria-label": v ? "Copied" : "Copy agent view",
-        [Dt]: "",
+        [Ut]: "",
         ...v ? { "data-sprint-copied": "" } : {},
         onClick: x
       }
     ) : null,
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "div",
       {
         ref: S,
-        [Ot]: w,
-        ...c === void 0 ? {} : { [Et]: c },
+        onPointerMove: w === "agent" ? void 0 : ha,
+        onPointerOut: w === "agent" ? void 0 : pa,
+        [qt]: w,
+        ...c === void 0 ? {} : { [Wt]: c },
         children: t
       }
     )
   ] }) });
 }
-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 Ya(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 ma = "0.3.0", fa = {
+  version: ma
+}, Ja = fa.version;
 export {
-  Qe as AGENT_ATTRIBUTE,
+  Ze as AGENT_ATTRIBUTE,
   ue as AgentControl,
   we as AgentControlGroup,
-  I as AgentLine,
-  Eo as AgentRegion,
+  U as AgentLine,
+  Ya as AgentRegion,
   me as AgentScopeProvider,
-  so as Alert,
-  dn as Button,
-  yt as CLOSE_DIALOG_TOOL,
+  xa as Alert,
+  mn as Button,
+  kt as CLOSE_DIALOG_TOOL,
   Q as COMPONENT_ATTRIBUTE,
-  lo as Card,
-  co as Checkbox,
-  uo as CodeBlock,
-  ft as DISMISS_ALERT_TOOL,
-  ho as DescriptionList,
-  po 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,
-  vt as OPEN_CARD_TOOL,
-  kt as OPEN_LINK_TOOL,
-  Je as OWNER_ATTRIBUTE,
-  Ue as PARAM_DESCRIPTION_LIMIT,
-  oe as PART_ATTRIBUTE,
-  bt as PRESS_TOOL,
-  yo as PageHeader,
-  ko as Panel,
-  Oe as REGION_ATTRIBUTE,
-  Mt as RESERVED_STATE_KEYS,
-  ie as SELECT_OPTION_TOOL,
-  re as SELECT_TOOL,
-  wt as SET_CHECKBOX_TOOL,
-  xt as SET_SWITCH_TOOL,
+  Aa as Card,
+  Ca as Checkbox,
+  Sa as CodeBlock,
+  bt as DISMISS_ALERT_TOOL,
+  Pa as DescriptionList,
+  Na as Dialog,
+  St as FILL_TEXTAREA_TOOL,
+  Pt as FILL_TOOL,
+  La as Heading,
+  Ra as Image,
+  Oa as Link,
+  $a as List,
+  Da as MetaLine,
+  Ea as Nav,
+  Ma as NavGroup,
+  wt as OPEN_CARD_TOOL,
+  Tt as OPEN_LINK_TOOL,
+  Qe as OWNER_ATTRIBUTE,
+  qe as PARAM_DESCRIPTION_LIMIT,
+  ae as PART_ATTRIBUTE,
+  vt as PRESS_TOOL,
+  Ia as PageHeader,
+  qa as Panel,
+  $e as REGION_ATTRIBUTE,
+  Bt as RESERVED_STATE_KEYS,
+  re as SELECT_OPTION_TOOL,
+  ie as SELECT_TOOL,
+  yt as SET_CHECKBOX_TOOL,
+  At 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,
-  Et as THEME_ATTRIBUTE,
+  Ua as SecretField,
+  Wa as SegmentedControl,
+  Ba as Select,
+  _a as Shell,
+  Xa as SprintProvider,
+  ja as Stack,
+  Va as Switch,
+  Wt as THEME_ATTRIBUTE,
   ce as TOOL_ATTRIBUTE,
-  qe as TOOL_DESCRIPTION_LIMIT,
-  Bt as TOOL_NAMING_CONVENTION,
+  Ie as TOOL_DESCRIPTION_LIMIT,
+  Ht as TOOL_NAMING_CONVENTION,
   te as TOOL_OUTPUT_LIMIT,
-  Po as Table,
-  Ro as Tag,
-  Lo as Text,
-  Oo as TextInput,
-  $o as Textarea,
-  Ot as VIEW_ATTRIBUTE,
-  Dt as VIEW_COPY_ATTRIBUTE,
+  Fa as Table,
+  Ha as Tag,
+  Ga as Text,
+  za as TextInput,
+  Ka as Textarea,
+  qt as VIEW_ATTRIBUTE,
+  Ut as VIEW_COPY_ATTRIBUTE,
   ye as accessibleText,
   K as afterCommit,
-  Ze as agentAttributes,
+  et as agentAttributes,
   M as agentAttributesFor,
   L as agentPartAttributesFor,
-  Xt as agentPartControlAttributes,
-  ao as agentSelector,
-  je as alertMeta,
-  io as buildAgentManifest,
-  $ as buildAgentNode,
-  _e as buttonMeta,
+  en as agentPartControlAttributes,
+  ya as agentSelector,
+  _e as alertMeta,
+  Ta as buildAgentManifest,
+  R as buildAgentNode,
+  je as buttonMeta,
   Ve as cardMeta,
   Fe as checkboxMeta,
-  Ne as clamp,
-  mn as codeBlockMeta,
-  st as defaultAgentFormat,
-  q as defineAgentMeta,
-  bn as descriptionListMeta,
-  wn as dialogMeta,
-  jt as getAgentMeta,
-  tt as getModelContext,
-  yn as headingMeta,
-  ro as isModelContextAvailable,
-  kn as linkMeta,
-  _t as listAgentMeta,
-  Tn as listMeta,
-  xn as metaLineMeta,
-  Cn as navGroupMeta,
-  An as navMeta,
-  Ht as nodeLine,
-  Sn as pageHeaderMeta,
-  et as paginate,
-  Nn as panelMeta,
+  Pe as clamp,
+  yn as codeBlockMeta,
+  lt as defaultAgentFormat,
+  I as defineAgentMeta,
+  Tn as descriptionListMeta,
+  An as dialogMeta,
+  Gt as getAgentMeta,
+  nt as getModelContext,
+  Cn as headingMeta,
+  Sn as imageMeta,
+  ka as isModelContextAvailable,
+  Pn as linkMeta,
+  Kt as listAgentMeta,
+  Nn as listMeta,
+  Ln as metaLineMeta,
+  On as navGroupMeta,
+  Rn as navMeta,
+  Yt as nodeLine,
+  $n as pageHeaderMeta,
+  tt as paginate,
+  Dn as panelMeta,
   F as reactText,
-  Wt as registerTool,
-  Pn as secretFieldMeta,
+  Ft as registerTool,
+  En as secretFieldMeta,
   He as segmentedControlMeta,
   Ge as selectMeta,
   De as serializeElement,
-  an as serializeWithin,
-  Mn as shellMeta,
+  dn as serializeWithin,
+  _n as shellMeta,
   Z as slug,
-  qn as stackMeta,
+  jn as stackMeta,
   Ke as switchMeta,
-  Un as tableMeta,
-  Wn as tagMeta,
+  Vn as tableMeta,
+  Hn as tagMeta,
   Xe as textInputMeta,
-  Bn as textMeta,
+  Gn as textMeta,
   ze as textareaMeta,
-  Gt as toMarkdown,
-  gn as tokenize,
+  Jt as toMarkdown,
+  wn as tokenize,
   We as toolName,
   G as useAgentControls,
   H as useAgentFormat,
   ke as useAgentScope,
   V as useAgentTool,
-  U as useSprintView,
-  zt as useSprintViewControl,
-  Ut as validateInputs,
-  Mo as version
+  q as useSprintView,
+  Zt as useSprintViewControl,
+  jt as validateInputs,
+  Ja as version
 };
 //# sourceMappingURL=index.js.map