@elizaos/app-core 2.0.0-alpha.37

package/dist/components/stream/overlays/built-in/PeonGlassWidget.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Peon Glass Widget — Glassmorphism notification panel.
+ *
+ * Renders agent events as a translucent glass-style notification card with
+ * an accent color bar and animated progress line. Inspired by the peon-ping
+ * "glass" theme.
+ */
+import type { WidgetDefinition } from "../types";
+declare const definition: WidgetDefinition;
+export default definition;
+//# sourceMappingURL=PeonGlassWidget.d.ts.map

package/dist/components/stream/overlays/built-in/PeonGlassWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeonGlassWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/stream/overlays/built-in/PeonGlassWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAqB,MAAM,UAAU,CAAC;AAqNpE,QAAA,MAAM,UAAU,EAAE,gBAsCjB,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/stream/overlays/built-in/PeonGlassWidget.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Peon Glass Widget — Glassmorphism notification panel.
+ *
+ * Renders agent events as a translucent glass-style notification card with
+ * an accent color bar and animated progress line. Inspired by the peon-ping
+ * "glass" theme.
+ */
+import { useEffect, useMemo, useState } from "react";
+import { registerWidget } from "../registry";
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+function getEventText(e) {
+    const p = e.payload;
+    if (typeof p.text === "string" && p.text)
+        return p.text;
+    if (typeof p.preview === "string" && p.preview)
+        return p.preview;
+    if (typeof p.reason === "string" && p.reason)
+        return p.reason;
+    return "";
+}
+function getEventSource(e) {
+    const p = e.payload;
+    if (typeof p.source === "string" && p.source)
+        return p.source;
+    if (typeof p.channel === "string" && p.channel)
+        return p.channel;
+    return e.stream ?? "agent";
+}
+function formatTime(ts) {
+    const d = new Date(ts);
+    return d.toLocaleTimeString([], {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+function PeonGlass({ instance, events }) {
+    const accentColor = instance.config.accentColor ?? "#a78bfa";
+    const maxItems = instance.config.maxItems ?? 4;
+    const displayMs = instance.config.displayDuration ?? 6000;
+    const [visibleItems, setVisibleItems] = useState([]);
+    // Track new events and display them with fade timers
+    const latestId = useMemo(() => {
+        if (events.length === 0)
+            return null;
+        return events[events.length - 1].eventId;
+    }, [events]);
+    useEffect(() => {
+        if (!latestId || events.length === 0)
+            return;
+        const e = events[events.length - 1];
+        const text = getEventText(e);
+        if (!text)
+            return;
+        const item = {
+            id: e.eventId,
+            source: getEventSource(e),
+            text: text.length > 120 ? `${text.slice(0, 120)}...` : text,
+            ts: e.ts,
+            fading: false,
+        };
+        setVisibleItems((prev) => {
+            const next = [...prev.filter((i) => i.id !== item.id), item];
+            return next.slice(-maxItems);
+        });
+        // Start fade
+        const fadeTimer = setTimeout(() => {
+            setVisibleItems((prev) => prev.map((i) => (i.id === item.id ? { ...i, fading: true } : i)));
+        }, displayMs - 800);
+        // Remove
+        const removeTimer = setTimeout(() => {
+            setVisibleItems((prev) => prev.filter((i) => i.id !== item.id));
+        }, displayMs);
+        return () => {
+            clearTimeout(fadeTimer);
+            clearTimeout(removeTimer);
+        };
+    }, [latestId, events, maxItems, displayMs]);
+    if (visibleItems.length === 0)
+        return null;
+    return (_jsxs("div", { style: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            flexDirection: "column",
+            gap: 6,
+            fontFamily: "'Inter', 'SF Pro', system-ui, sans-serif",
+            overflow: "hidden",
+        }, children: [visibleItems.map((item) => (_jsxs("div", { style: {
+                    background: "rgba(15, 15, 25, 0.65)",
+                    backdropFilter: "blur(16px) saturate(1.4)",
+                    WebkitBackdropFilter: "blur(16px) saturate(1.4)",
+                    borderRadius: 10,
+                    border: "1px solid rgba(255, 255, 255, 0.08)",
+                    overflow: "hidden",
+                    opacity: item.fading ? 0 : 1,
+                    transform: item.fading ? "translateY(-4px)" : "translateY(0)",
+                    transition: "opacity 0.6s ease, transform 0.6s ease",
+                }, children: [_jsx("div", { style: {
+                            height: 3,
+                            background: `linear-gradient(90deg, ${accentColor}, ${accentColor}88)`,
+                        } }), _jsxs("div", { style: { padding: "8px 12px" }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    alignItems: "center",
+                                    marginBottom: 4,
+                                }, children: [_jsx("span", { style: {
+                                            fontSize: 9,
+                                            fontWeight: 600,
+                                            textTransform: "uppercase",
+                                            letterSpacing: "0.08em",
+                                            color: accentColor,
+                                        }, children: item.source }), _jsx("span", { style: {
+                                            fontSize: 8,
+                                            color: "rgba(255, 255, 255, 0.35)",
+                                            fontVariantNumeric: "tabular-nums",
+                                        }, children: formatTime(item.ts) })] }), _jsx("p", { style: {
+                                    margin: 0,
+                                    fontSize: 11,
+                                    lineHeight: 1.45,
+                                    color: "rgba(255, 255, 255, 0.85)",
+                                }, children: item.text })] }), _jsx("div", { style: {
+                            height: 2,
+                            background: `${accentColor}22`,
+                            position: "relative",
+                            overflow: "hidden",
+                        }, children: _jsx("div", { style: {
+                                position: "absolute",
+                                top: 0,
+                                left: 0,
+                                height: "100%",
+                                width: "100%",
+                                background: `linear-gradient(90deg, transparent, ${accentColor}66, transparent)`,
+                                animation: "peon-glass-sweep 2s ease-in-out infinite",
+                            } }) })] }, item.id))), _jsx("style", { children: `@keyframes peon-glass-sweep {
+          0% { transform: translateX(-100%); }
+          100% { transform: translateX(100%); }
+        }` })] }));
+}
+// ---------------------------------------------------------------------------
+// Widget definition + registration
+// ---------------------------------------------------------------------------
+const definition = {
+    type: "peon-glass",
+    name: "Peon Glass",
+    description: "Glassmorphism notification panel with accent bar and animated progress line",
+    subscribesTo: [
+        "thought",
+        "action",
+        "tool",
+        "assistant",
+        "evaluator",
+        "new_viewer",
+    ],
+    defaultPosition: { x: 2, y: 2, width: 32, height: 40 },
+    defaultZIndex: 16,
+    configSchema: {
+        accentColor: {
+            type: "color",
+            label: "Accent color",
+            default: "#a78bfa",
+        },
+        maxItems: {
+            type: "number",
+            label: "Max visible items",
+            default: 4,
+            min: 1,
+            max: 8,
+        },
+        displayDuration: {
+            type: "number",
+            label: "Display duration (ms)",
+            default: 6000,
+            min: 2000,
+            max: 20000,
+        },
+    },
+    defaultConfig: { accentColor: "#a78bfa", maxItems: 4, displayDuration: 6000 },
+    render: PeonGlass,
+};
+registerWidget(definition);
+export default definition;

package/dist/components/stream/overlays/built-in/PeonHudWidget.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Peon HUD Widget — Jarvis-inspired circular heads-up display.
+ *
+ * Renders a rotating arc HUD showing agent status, current mode,
+ * and recent activity count. Inspired by the peon-ping "jarvis" theme.
+ */
+import type { WidgetDefinition } from "../types";
+declare const definition: WidgetDefinition;
+export default definition;
+//# sourceMappingURL=PeonHudWidget.d.ts.map

package/dist/components/stream/overlays/built-in/PeonHudWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeonHudWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/stream/overlays/built-in/PeonHudWidget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAqB,MAAM,UAAU,CAAC;AA0MpE,QAAA,MAAM,UAAU,EAAE,gBA+BjB,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/stream/overlays/built-in/PeonHudWidget.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Peon HUD Widget — Jarvis-inspired circular heads-up display.
+ *
+ * Renders a rotating arc HUD showing agent status, current mode,
+ * and recent activity count. Inspired by the peon-ping "jarvis" theme.
+ */
+import { useApp } from "@elizaos/app-core/state";
+import { useEffect, useMemo, useRef } from "react";
+import { registerWidget } from "../registry";
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+const TAU = Math.PI * 2;
+// ---------------------------------------------------------------------------
+// Canvas-based HUD renderer
+// ---------------------------------------------------------------------------
+function drawHud(ctx, w, h, rotation, progress, accentColor, dimColor) {
+    ctx.clearRect(0, 0, w, h);
+    const cx = w / 2;
+    const cy = h / 2;
+    const r = Math.min(cx, cy) - 4;
+    // Outer rotating arc
+    ctx.strokeStyle = accentColor;
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.arc(cx, cy, r, rotation, rotation + TAU * 0.7);
+    ctx.stroke();
+    // Inner counter-rotating arc
+    ctx.strokeStyle = dimColor;
+    ctx.lineWidth = 1.5;
+    ctx.beginPath();
+    ctx.arc(cx, cy, r * 0.78, -rotation * 1.3, -rotation * 1.3 + TAU * 0.5);
+    ctx.stroke();
+    // Graduation ticks (12 positions)
+    for (let i = 0; i < 12; i++) {
+        const angle = (TAU / 12) * i + rotation * 0.2;
+        const inner = r * 0.85;
+        const outer = r * 0.92;
+        ctx.strokeStyle = i % 3 === 0 ? accentColor : dimColor;
+        ctx.lineWidth = i % 3 === 0 ? 2 : 1;
+        ctx.beginPath();
+        ctx.moveTo(cx + Math.cos(angle) * inner, cy + Math.sin(angle) * inner);
+        ctx.lineTo(cx + Math.cos(angle) * outer, cy + Math.sin(angle) * outer);
+        ctx.stroke();
+    }
+    // Progress ring (inner)
+    if (progress > 0) {
+        ctx.strokeStyle = accentColor;
+        ctx.lineWidth = 3;
+        ctx.lineCap = "round";
+        ctx.beginPath();
+        ctx.arc(cx, cy, r * 0.65, -Math.PI / 2, -Math.PI / 2 + TAU * Math.min(progress, 1));
+        ctx.stroke();
+        ctx.lineCap = "butt";
+    }
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+function PeonHud({ instance, events, agentMode, agentName, }) {
+    const { t } = useApp();
+    const accentColor = instance.config.accentColor ?? "#00e5ff";
+    const showLabel = instance.config.showLabel ?? true;
+    const showEventCount = instance.config.showEventCount ?? true;
+    const canvasRef = useRef(null);
+    const rotationRef = useRef(0);
+    const rafRef = useRef(0);
+    // Derive a pseudo-progress from recent event density
+    const recentCount = useMemo(() => {
+        const cutoff = Date.now() - 30_000;
+        return events.filter((e) => e.ts > cutoff).length;
+    }, [events]);
+    const progress = Math.min(recentCount / 20, 1);
+    const modeLabel = useMemo(() => {
+        switch (agentMode) {
+            case "gaming":
+                return "GAMING";
+            case "terminal":
+                return "EXECUTING";
+            case "chatting":
+                return "CHATTING";
+            default:
+                return "STANDBY";
+        }
+    }, [agentMode]);
+    // Animation loop
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        const dim = `${accentColor}44`;
+        let running = true;
+        const tick = () => {
+            if (!running)
+                return;
+            rotationRef.current += 0.008;
+            drawHud(ctx, canvas.width, canvas.height, rotationRef.current, progress, accentColor, dim);
+            rafRef.current = requestAnimationFrame(tick);
+        };
+        tick();
+        return () => {
+            running = false;
+            cancelAnimationFrame(rafRef.current);
+        };
+    }, [accentColor, progress]);
+    return (_jsxs("div", { style: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            fontFamily: "'JetBrains Mono', 'Fira Code', monospace",
+            color: accentColor,
+        }, children: [_jsx("canvas", { ref: canvasRef, width: 140, height: 140, style: { width: 140, height: 140 } }), showLabel && (_jsxs("div", { style: {
+                    marginTop: 6,
+                    fontSize: 10,
+                    letterSpacing: "0.15em",
+                    textTransform: "uppercase",
+                    opacity: 0.9,
+                    textAlign: "center",
+                }, children: [_jsx("div", { style: { fontWeight: 600 }, children: modeLabel }), _jsx("div", { style: { opacity: 0.6, fontSize: 9, marginTop: 2 }, children: agentName })] })), showEventCount && (_jsxs("div", { style: {
+                    marginTop: 4,
+                    fontSize: 9,
+                    opacity: 0.5,
+                    letterSpacing: "0.1em",
+                }, children: [events.length, " ", t("peonhudwidget.events")] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Widget definition + registration
+// ---------------------------------------------------------------------------
+const definition = {
+    type: "peon-hud",
+    name: "Peon HUD",
+    description: "Jarvis-inspired circular heads-up display showing agent mode and activity",
+    subscribesTo: ["thought", "action", "tool", "assistant", "evaluator"],
+    defaultPosition: { x: 82, y: 10, width: 16, height: 30 },
+    defaultZIndex: 12,
+    configSchema: {
+        accentColor: {
+            type: "color",
+            label: "Accent color",
+            default: "#00e5ff",
+        },
+        showLabel: {
+            type: "boolean",
+            label: "Show mode label",
+            default: true,
+        },
+        showEventCount: {
+            type: "boolean",
+            label: "Show event count",
+            default: true,
+        },
+    },
+    defaultConfig: {
+        accentColor: "#00e5ff",
+        showLabel: true,
+        showEventCount: true,
+    },
+    render: PeonHud,
+};
+registerWidget(definition);
+export default definition;

package/dist/components/stream/overlays/built-in/PeonSakuraWidget.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Peon Sakura Widget — Zen garden ambient overlay with cherry blossom petals.
+ *
+ * Renders animated falling petals and a minimal status indicator.
+ * Petal activity scales with event density — more events = more petals.
+ * Inspired by the peon-ping "sakura" theme.
+ */
+import type { WidgetDefinition } from "../types";
+declare const definition: WidgetDefinition;
+export default definition;
+//# sourceMappingURL=PeonSakuraWidget.d.ts.map

package/dist/components/stream/overlays/built-in/PeonSakuraWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeonSakuraWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/stream/overlays/built-in/PeonSakuraWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAqB,MAAM,UAAU,CAAC;AA2OpE,QAAA,MAAM,UAAU,EAAE,gBA6BjB,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/stream/overlays/built-in/PeonSakuraWidget.js

@@ -0,0 +1,213 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Peon Sakura Widget — Zen garden ambient overlay with cherry blossom petals.
+ *
+ * Renders animated falling petals and a minimal status indicator.
+ * Petal activity scales with event density — more events = more petals.
+ * Inspired by the peon-ping "sakura" theme.
+ */
+import { useEffect, useMemo, useRef, useState } from "react";
+import { registerWidget } from "../registry";
+function createPetal(canvasW) {
+    return {
+        x: Math.random() * canvasW,
+        y: -10 - Math.random() * 40,
+        size: 4 + Math.random() * 6,
+        rotation: Math.random() * Math.PI * 2,
+        rotSpeed: (Math.random() - 0.5) * 0.04,
+        fallSpeed: 0.3 + Math.random() * 0.5,
+        swayAmplitude: 15 + Math.random() * 25,
+        swayOffset: Math.random() * Math.PI * 2,
+        opacity: 0.3 + Math.random() * 0.5,
+        hue: 330 + Math.random() * 30, // pink range
+    };
+}
+function drawPetal(ctx, p, time) {
+    const sx = p.x + Math.sin(time * 0.001 + p.swayOffset) * p.swayAmplitude;
+    ctx.save();
+    ctx.translate(sx, p.y);
+    ctx.rotate(p.rotation);
+    ctx.globalAlpha = p.opacity;
+    // Draw a simple petal shape
+    ctx.fillStyle = `hsl(${p.hue}, 80%, 78%)`;
+    ctx.beginPath();
+    ctx.ellipse(0, 0, p.size, p.size * 0.55, 0, 0, Math.PI * 2);
+    ctx.fill();
+    // Inner highlight
+    ctx.fillStyle = `hsl(${p.hue}, 90%, 88%)`;
+    ctx.beginPath();
+    ctx.ellipse(0, 0, p.size * 0.5, p.size * 0.3, 0, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.restore();
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+function PeonSakura({ instance, events, agentMode }) {
+    const petalDensity = instance.config.petalDensity ?? 12;
+    const showStatus = instance.config.showStatus ?? true;
+    const accentColor = instance.config.accentColor ?? "#f9a8d4";
+    const canvasRef = useRef(null);
+    const petalsRef = useRef([]);
+    const rafRef = useRef(0);
+    // Scale petal count with event density
+    const recentCount = useMemo(() => {
+        const cutoff = Date.now() - 15_000;
+        return events.filter((e) => e.ts > cutoff).length;
+    }, [events]);
+    const targetPetalCount = Math.min(petalDensity + Math.floor(recentCount * 1.5), petalDensity * 3);
+    // Latest event text for subtle status line
+    const latestText = useMemo(() => {
+        if (events.length === 0)
+            return "";
+        const p = events[events.length - 1].payload;
+        const t = typeof p.text === "string"
+            ? p.text
+            : typeof p.preview === "string"
+                ? p.preview
+                : "";
+        return t.length > 50 ? `${t.slice(0, 50)}...` : t;
+    }, [events]);
+    const [canvasSize, setCanvasSize] = useState({ w: 300, h: 300 });
+    // Resize observer
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas?.parentElement)
+            return;
+        const ro = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const { width, height } = entry.contentRect;
+                if (width > 0 && height > 0) {
+                    setCanvasSize({ w: Math.round(width), h: Math.round(height) });
+                }
+            }
+        });
+        ro.observe(canvas.parentElement);
+        return () => ro.disconnect();
+    }, []);
+    // Animation loop
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        let running = true;
+        const tick = () => {
+            if (!running)
+                return;
+            const now = performance.now();
+            const { w, h } = canvasSize;
+            canvas.width = w;
+            canvas.height = h;
+            ctx.clearRect(0, 0, w, h);
+            // Spawn new petals
+            while (petalsRef.current.length < targetPetalCount) {
+                petalsRef.current.push(createPetal(w));
+            }
+            // Remove excess
+            if (petalsRef.current.length > targetPetalCount + 5) {
+                petalsRef.current.splice(targetPetalCount);
+            }
+            // Update & draw
+            const live = [];
+            for (const p of petalsRef.current) {
+                p.y += p.fallSpeed;
+                p.rotation += p.rotSpeed;
+                if (p.y < h + 20) {
+                    drawPetal(ctx, p, now);
+                    live.push(p);
+                }
+                else {
+                    // Recycle at top
+                    live.push(createPetal(w));
+                }
+            }
+            petalsRef.current = live;
+            rafRef.current = requestAnimationFrame(tick);
+        };
+        tick();
+        return () => {
+            running = false;
+            cancelAnimationFrame(rafRef.current);
+        };
+    }, [canvasSize, targetPetalCount]);
+    const modeEmoji = useMemo(() => {
+        switch (agentMode) {
+            case "gaming":
+                return "\u{1F3AE}";
+            case "terminal":
+                return "\u{1F4BB}";
+            case "chatting":
+                return "\u{1F4AC}";
+            default:
+                return "\u{1F338}";
+        }
+    }, [agentMode]);
+    return (_jsxs("div", { style: {
+            width: "100%",
+            height: "100%",
+            position: "relative",
+            overflow: "hidden",
+        }, children: [_jsx("canvas", { ref: canvasRef, style: {
+                    position: "absolute",
+                    inset: 0,
+                    width: "100%",
+                    height: "100%",
+                    pointerEvents: "none",
+                } }), showStatus && latestText && (_jsxs("div", { style: {
+                    position: "absolute",
+                    bottom: 8,
+                    left: 8,
+                    right: 8,
+                    background: "rgba(10, 5, 15, 0.5)",
+                    backdropFilter: "blur(8px)",
+                    WebkitBackdropFilter: "blur(8px)",
+                    borderRadius: 8,
+                    padding: "6px 10px",
+                    fontFamily: "'Inter', system-ui, sans-serif",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                }, children: [_jsx("span", { style: { fontSize: 12 }, children: modeEmoji }), _jsx("span", { style: {
+                            fontSize: 10,
+                            color: accentColor,
+                            opacity: 0.85,
+                            lineHeight: 1.3,
+                        }, children: latestText })] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Widget definition + registration
+// ---------------------------------------------------------------------------
+const definition = {
+    type: "peon-sakura",
+    name: "Peon Sakura",
+    description: "Zen garden ambient overlay with animated cherry blossom petals that scale with activity",
+    subscribesTo: ["thought", "action", "tool", "assistant", "evaluator"],
+    defaultPosition: { x: 0, y: 0, width: 25, height: 50 },
+    defaultZIndex: 3,
+    configSchema: {
+        petalDensity: {
+            type: "number",
+            label: "Base petal count",
+            default: 12,
+            min: 4,
+            max: 40,
+        },
+        showStatus: {
+            type: "boolean",
+            label: "Show status bar",
+            default: true,
+        },
+        accentColor: {
+            type: "color",
+            label: "Text color",
+            default: "#f9a8d4",
+        },
+    },
+    defaultConfig: { petalDensity: 12, showStatus: true, accentColor: "#f9a8d4" },
+    render: PeonSakura,
+};
+registerWidget(definition);
+export default definition;

package/dist/components/stream/overlays/built-in/ThoughtBubbleWidget.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ThoughtBubble — Shows the agent's latest thought/reasoning, auto-fades
+ * after a configurable delay.
+ */
+import type { WidgetDefinition } from "../types";
+declare const definition: WidgetDefinition;
+export default definition;
+//# sourceMappingURL=ThoughtBubbleWidget.d.ts.map

package/dist/components/stream/overlays/built-in/ThoughtBubbleWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThoughtBubbleWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/stream/overlays/built-in/ThoughtBubbleWidget.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAqB,MAAM,UAAU,CAAC;AAwCpE,QAAA,MAAM,UAAU,EAAE,gBAyBjB,CAAC;AAGF,eAAe,UAAU,CAAC"}