@ag2/weave 0.4.0 → 0.5.1

package/dist/components/agent-tag/agentStateMarks.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The AG2 stand mark per agent state, from the design kit
+ * (`kit-states/agents/air/states/svg/<state>-clean.svg`).
+ *
+ * Departures from the files on disk:
+ *   1. the plate's fill is `var(--agent-mark-plate, #6C4BE8)`, so the colour is
+ *      a theme token rather than a rebuild. `off` keeps its own `opacity`
+ *      dimming on top of whatever colour is set;
+ *   2. the artwork is scaled 1.15x about the viewBox centre while the plate
+ *      stays full-bleed -- at rail size the kit's native ratio leaves the bubble
+ *      too small to read. Change SCALE in the generator, not here. At 1.28x the
+ *      right-edge margin measured 2.3%, so there is headroom but not much.
+ *
+ * Only working / needs_attention / available / offline are reachable from
+ * `space.ag2.presence`. `thinking` is the resting default the rail shows when
+ * presence says nothing; `warning` and `error` are drawn but have no driver yet
+ * and are reachable only through the preview override.
+ *
+ * `-clean` rather than drawn: the hand filter destroys strokes under ~3px.
+ * Each file keeps its own `<style>` (kit animations + reduced-motion
+ * fallbacks); those animate inner classes with `transform-box: view-box`, so
+ * their origins stay in viewBox coordinates and compose with the outer scale.
+ */
+export declare type AgentMarkState = "needs_attention" | "working" | "available" | "offline" | "warning" | "error" | "thinking";
+/** Set this CSS custom property to recolour the plate. */
+export declare const AGENT_MARK_PLATE_VAR = "--agent-mark-plate";
+export declare const AGENT_MARK_PLATE_DEFAULT = "#6C4BE8";
+export declare const AGENT_STATE_MARKS: Record<AgentMarkState, string>;

package/dist/components/agent-tag/index.d.ts

@@ -2,3 +2,4 @@ export * from "./AgentTag";
 export * from "./AgentGlyph";
 export * from "./PeopleGlyph";
 export * from "./SkillGlyph";
+export * from "./agentStateMarks";

package/dist/components/starfield/index.d.ts

@@ -1 +1,2 @@
 export * from "./Starfield";
+export { StarfieldHost } from "./Starfield.css";

package/dist/index.js

@@ -3895,6 +3895,24 @@ const SkillGlyph = ({
     ]
   }
 );
+const AGENT_MARK_PLATE_VAR = "--agent-mark-plate";
+const AGENT_MARK_PLATE_DEFAULT = "#6C4BE8";
+const AGENT_STATE_MARKS = {
+  // attention-clean.svg
+  needs_attention: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><g class="attn"><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><rect class="flash" x="6" y="6" width="52" height="52" rx="15" fill="none" stroke="#FFCE3A" stroke-width="3"/><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><rect x="19.5" y="26.25" width="25" height="9.5" rx="4.75" fill="#FFCE3A" transform="rotate(0 33 31)"/><g fill="#12212F"><circle cx="26.5" cy="31" r="3.808"/><circle cx="37.5" cy="31" r="3.808"/></g></g></g></g></svg>',
+  // working-clean.svg
+  working: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><rect x="19.5" y="26.25" width="25" height="9.5" rx="4.75" fill="#FFCE3A" transform="rotate(-4 33 31)"/><g fill="#12212F"><circle cx="26" cy="31" r="3.4"/><circle cx="38" cy="31" r="3.4"/></g><g class="scribble" stroke="#FFCE3A" stroke-width="3" stroke-linecap="round" fill="none"><path d="M22 40h14"/></g></g></g></svg>',
+  // idle-clean.svg
+  available: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><rect x="19.5" y="26.25" width="25" height="9.5" rx="4.75" fill="#FFCE3A" transform="rotate(-4 33 31)"/><g fill="#12212F"><circle cx="26" cy="31" r="3.4"/><circle cx="38" cy="31" r="3.4"/></g></g></g></svg>',
+  // off-clean.svg — plate keeps opacity=".45"
+  offline: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)" opacity=".45"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round" opacity=".6"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><g fill="#FFFFFF" opacity=".6"><circle cx="26" cy="31" r="3.4"/><circle cx="38" cy="31" r="3.4"/></g></g></g></svg>',
+  // warning-clean.svg
+  warning: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><g transform="rotate(-4 33 31)"><rect x="19.5" y="26.25" width="10.8" height="9.5" rx="4.75" fill="#E08A16"/><rect x="33.7" y="26.25" width="10.8" height="9.5" rx="4.75" fill="#E08A16"/></g><g fill="#12212F"><circle cx="26" cy="31" r="3.4"/><circle cx="38" cy="31" r="3.4"/></g></g><rect class="slowring" x="6" y="6" width="52" height="52" rx="15" fill="none" stroke="#E08A16" stroke-width="2.6"/></g></svg>',
+  // error-clean.svg
+  error: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><g transform="rotate(0 33 31)"><rect x="19.5" y="26.25" width="9" height="9.5" rx="4.75" fill="#E78899"/><rect x="35.5" y="28.65" width="9" height="9.5" rx="4.75" fill="#E78899"/></g><g stroke="#12212F" stroke-width="3" stroke-linecap="round"><path d="M22.6 31h6.8"/><path d="M34.6 31h6.8"/></g></g><rect x="4.5" y="4.5" width="55" height="55" rx="14" fill="none" stroke="#E78899" stroke-width="3.4"/></g></svg>',
+  // thinking-clean.svg
+  thinking: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 64 64" fill="none"><defs><filter id="rough" x="-25%" y="-25%" width="150%" height="150%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/></filter></defs><style>/* AG2Space stand states — apply to the inline SVG */\n.gaze{animation:gaze 4.2s cubic-bezier(.6,0,.2,1) infinite}\n@keyframes gaze{0%,10%{transform:translate(0,0)}18%,34%{transform:translate(-1.9px,-1px)}\n 42%,58%{transform:translate(2.1px,.4px)}66%,84%{transform:translate(.8px,-1.4px)}92%,100%{transform:translate(0,0)}}\n.pulse{transform-box:view-box;transform-origin:32px 32px;animation:pulse 2.6s ease-out infinite}\n@keyframes pulse{0%{transform:scale(.86);opacity:.9}70%,100%{transform:scale(1.06);opacity:0}}\n.scribble{transform-box:view-box;transform-origin:22px 32px;animation:scribble 1.5s ease-in-out infinite}\n@keyframes scribble{0%,100%{transform:scaleX(.15);opacity:.55}50%{transform:scaleX(1);opacity:1}}\n.talk{animation:talk 1.6s ease-in-out infinite}\n.talk2{animation-delay:.22s;opacity:.5}\n@keyframes talk{0%,100%{opacity:.28}50%{opacity:1}}\n.zzz{animation:zzz 3.4s ease-in-out infinite}\n.zzz2{animation-delay:.8s}\n@keyframes zzz{0%{transform:translate(0,4px);opacity:0}35%{opacity:.95}100%{transform:translate(4px,-8px);opacity:0}}\n.attn{transform-box:view-box;transform-origin:32px 32px;animation:attn 3.2s cubic-bezier(.3,1.3,.4,1) infinite}\n@keyframes attn{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-5.5deg)}\n 81%{transform:rotate(4.5deg)}87%{transform:rotate(-2deg)}93%{transform:rotate(0)}}\n.flash{transform-box:view-box;transform-origin:32px 32px;animation:flash 3.2s ease-out infinite}\n@keyframes flash{0%,66%{opacity:0;transform:scale(.9)}73%{opacity:1;transform:scale(1)}\n 100%{opacity:0;transform:scale(1.14)}}\n.slowring{transform-box:view-box;transform-origin:32px 32px;animation:slowring 2.8s ease-in-out infinite}\n@keyframes slowring{0%,100%{opacity:.35}50%{opacity:1}}\n@media (prefers-reduced-motion: reduce){\n .gaze,.pulse,.scribble,.talk,.zzz,.attn,.flash,.slowring{animation:none}\n .gaze{transform:translate(2.1px,-1px)}.pulse{opacity:.6}.flash{opacity:1}\n .attn{transform:rotate(-4deg)}.talk,.scribble,.zzz{opacity:.9}}\n</style><rect width="64" height="64" fill="var(--agent-mark-plate, #6C4BE8)"/><g transform="translate(32 32) scale(1.15) translate(-32 -32)"><g transform="translate(-8.043 -9.470) scale(1.16)"><g stroke="#FFFFFF" stroke-width="3.1" stroke-linecap="round" stroke-linejoin="round"><path d="M17 22.5h30a6.5 6.5 0 0 1 6.5 6.5v7a6.5 6.5 0 0 1 -6.5 6.5H29l-8.5 6.5 1.5-6.6A6.6 6.6 0 0 1 16 36v-7a6.5 6.5 0 0 1 1-6.5z"/></g><rect x="19.5" y="26.25" width="25" height="9.5" rx="4.75" fill="#FFCE3A" transform="rotate(-4 33 31)"/><g class="gaze" fill="#12212F"><circle cx="26" cy="31" r="3.4"/><circle cx="38" cy="31" r="3.4"/></g></g></g></svg>'
+};
 const TypingIndicator_css_ts_vanilla = "";
 var TypingDot = createRuntimeFn({ defaultClassName: "_1xj9jyp1 _8nex5a1 _8nex5a0", variantClassNames: { animated: { true: "_1xj9jyp2" }, size: { "300": "_1xj9jyp3", "400": "_1xj9jyp4" }, index: { "0": "_1xj9jyp5", "1": "_1xj9jyp6", "2": "_1xj9jyp7" } }, defaultVariants: { size: "400", animated: true }, compoundVariants: [] });
 const TypingIndicator = as(
@@ -5292,6 +5310,9 @@ function ActionGroup({ actions, hint: hint$1 }) {
   ] });
 }
 export {
+  AGENT_MARK_PLATE_DEFAULT,
+  AGENT_MARK_PLATE_VAR,
+  AGENT_STATE_MARKS,
   ActionGroup,
   AgentGlyph,
   AgentMark,
@@ -5373,6 +5394,7 @@ export {
   SplashScreen,
   StackedAvatar,
   Starfield,
+  StarfieldHost,
   Switch,
   TABLET_BREAKPOINT,
   Text,