@elizaos/app-core 2.0.0-alpha.73 → 2.0.0-alpha.75

package/components/stream/overlays/built-in/ThoughtBubbleWidget.js

@@ -0,0 +1,59 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ThoughtBubble — Shows the agent's latest thought/reasoning, auto-fades
+ * after a configurable delay.
+ */
+import { useEffect, useMemo, useState } from "react";
+import { getEventText } from "../../helpers";
+import { registerWidget } from "../registry";
+function ThoughtBubble({ instance, events }) {
+    const fadeMs = instance.config.fadeDuration ?? 8000;
+    const maxLen = instance.config.maxLength ?? 200;
+    const latest = useMemo(() => {
+        if (events.length === 0)
+            return null;
+        return events[events.length - 1];
+    }, [events]);
+    const [visible, setVisible] = useState(false);
+    const [text, setText] = useState("");
+    useEffect(() => {
+        if (!latest)
+            return;
+        const content = getEventText(latest);
+        setText(content.length > maxLen ? `${content.slice(0, maxLen)}…` : content);
+        setVisible(true);
+        const timer = setTimeout(() => setVisible(false), fadeMs);
+        return () => clearTimeout(timer);
+    }, [latest, fadeMs, maxLen]);
+    if (!visible || !text)
+        return null;
+    return (_jsx("div", { className: "h-full flex items-end justify-center px-2 pb-2 transition-opacity duration-500", style: { opacity: visible ? 1 : 0 }, children: _jsx("div", { className: "bg-bg/80 border border-border/50 rounded-lg px-4 py-2.5 backdrop-blur-sm shadow-lg max-w-full", children: _jsxs("p", { className: "text-xs text-muted leading-relaxed line-clamp-3", children: ["\uD83D\uDCAD ", text] }) }) }));
+}
+const definition = {
+    type: "thought-bubble",
+    name: "Thought Bubble",
+    description: "Shows the agent's latest thought or reasoning",
+    subscribesTo: ["thought", "assistant", "evaluator"],
+    defaultPosition: { x: 15, y: 75, width: 70, height: 20 },
+    defaultZIndex: 15,
+    configSchema: {
+        fadeDuration: {
+            type: "number",
+            label: "Fade delay (ms)",
+            default: 8000,
+            min: 2000,
+            max: 30000,
+        },
+        maxLength: {
+            type: "number",
+            label: "Max text length",
+            default: 200,
+            min: 50,
+            max: 500,
+        },
+    },
+    defaultConfig: { fadeDuration: 8000, maxLength: 200 },
+    render: ThoughtBubble,
+};
+registerWidget(definition);
+export default definition;

package/components/stream/overlays/built-in/ViewerCountWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ViewerCount — Compact badge showing live viewer count with a green dot.
+ */
+import type { WidgetDefinition } from "../types";
+declare const definition: WidgetDefinition;
+export default definition;
+//# sourceMappingURL=ViewerCountWidget.d.ts.map

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

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

package/components/stream/overlays/built-in/ViewerCountWidget.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ViewerCount — Compact badge showing live viewer count with a green dot.
+ */
+import { useMemo } from "react";
+import { registerWidget } from "../registry";
+function ViewerCount({ events }) {
+    const count = useMemo(() => {
+        for (let i = events.length - 1; i >= 0; i--) {
+            const p = events[i].payload;
+            if (typeof p.apiViewerCount === "number")
+                return p.apiViewerCount;
+            if (typeof p.uniqueChatters === "number")
+                return p.uniqueChatters;
+        }
+        return null;
+    }, [events]);
+    if (count == null)
+        return null;
+    return (_jsx("div", { className: "h-full flex items-start justify-start p-2", children: _jsxs("div", { className: "inline-flex items-center gap-1.5 bg-bg/80 border border-border/50 rounded-full px-2.5 py-1 backdrop-blur-sm shadow-sm", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-ok animate-pulse" }), _jsx("span", { className: "text-[11px] font-medium text-txt/90 tabular-nums", children: count })] }) }));
+}
+const definition = {
+    type: "viewer-count",
+    name: "Viewer Count",
+    description: "Live viewer count badge",
+    subscribesTo: ["viewer_stats"],
+    defaultPosition: { x: 0, y: 0, width: 10, height: 6 },
+    defaultZIndex: 14,
+    configSchema: {},
+    defaultConfig: {},
+    render: ViewerCount,
+};
+registerWidget(definition);
+export default definition;

package/components/stream/overlays/built-in/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Barrel import — importing this module triggers registration of all built-in widgets.
+ */
+import "./ThoughtBubbleWidget";
+import "./ActionTickerWidget";
+import "./AlertPopupWidget";
+import "./ViewerCountWidget";
+import "./BrandingWidget";
+import "./CustomHtmlWidget";
+import "./PeonHudWidget";
+import "./PeonGlassWidget";
+import "./PeonSakuraWidget";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/stream/overlays/built-in/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC"}

package/components/stream/overlays/built-in/index.js

@@ -0,0 +1,12 @@
+/**
+ * Barrel import — importing this module triggers registration of all built-in widgets.
+ */
+import "./ThoughtBubbleWidget";
+import "./ActionTickerWidget";
+import "./AlertPopupWidget";
+import "./ViewerCountWidget";
+import "./BrandingWidget";
+import "./CustomHtmlWidget";
+import "./PeonHudWidget";
+import "./PeonGlassWidget";
+import "./PeonSakuraWidget";

package/components/stream/overlays/registry.d.ts

@@ -0,0 +1,11 @@
+/**
+ * In-memory widget registry.
+ *
+ * Built-in widgets self-register on import via `registerWidget()`.
+ * External code looks up definitions with `getWidget()` / `getAllWidgets()`.
+ */
+import type { WidgetDefinition } from "./types";
+export declare function registerWidget(def: WidgetDefinition): void;
+export declare function getWidget(type: string): WidgetDefinition | undefined;
+export declare function getAllWidgets(): WidgetDefinition[];
+//# sourceMappingURL=registry.d.ts.map

package/components/stream/overlays/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../src/components/stream/overlays/registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,cAAc,CAAC,GAAG,EAAE,gBAAgB,GAAG,IAAI,CAE1D;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAEpE;AAED,wBAAgB,aAAa,IAAI,gBAAgB,EAAE,CAElD"}

package/components/stream/overlays/registry.js

@@ -0,0 +1,16 @@
+/**
+ * In-memory widget registry.
+ *
+ * Built-in widgets self-register on import via `registerWidget()`.
+ * External code looks up definitions with `getWidget()` / `getAllWidgets()`.
+ */
+const widgets = new Map();
+export function registerWidget(def) {
+    widgets.set(def.type, def);
+}
+export function getWidget(type) {
+    return widgets.get(type);
+}
+export function getAllWidgets() {
+    return Array.from(widgets.values());
+}

package/components/stream/overlays/types.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Stream overlay widget type system.
+ *
+ * Widget Definition (blueprint) → Widget Instance (placed on canvas) →
+ * OverlayLayer (renders all enabled instances).
+ */
+import type { StreamEventEnvelope } from "@elizaos/app-core/api";
+import type { ComponentType } from "react";
+import type { AgentMode } from "../helpers";
+/** Percentage-based position (0-100% of 1280×720 canvas). */
+export interface WidgetPosition {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface WidgetConfigField {
+    type: "string" | "number" | "boolean" | "select" | "color";
+    label: string;
+    default: unknown;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+    min?: number;
+    max?: number;
+}
+export interface WidgetDefinition {
+    /** Unique type key, e.g. "thought-bubble", "custom-html". */
+    type: string;
+    /** Human-readable display name. */
+    name: string;
+    description: string;
+    /** Which event streams this widget subscribes to (filters events). */
+    subscribesTo: string[];
+    defaultPosition: WidgetPosition;
+    defaultZIndex: number;
+    /** Schema for auto-generated settings UI. */
+    configSchema: Record<string, WidgetConfigField>;
+    defaultConfig: Record<string, unknown>;
+    /** React component that renders the widget content. */
+    render: ComponentType<WidgetRenderProps>;
+}
+export interface WidgetInstance {
+    id: string;
+    /** References WidgetDefinition.type. */
+    type: string;
+    enabled: boolean;
+    position: WidgetPosition;
+    zIndex: number;
+    config: Record<string, unknown>;
+}
+export interface WidgetRenderProps {
+    instance: WidgetInstance;
+    /** Events filtered to the widget's subscribesTo streams. */
+    events: StreamEventEnvelope[];
+    agentMode: AgentMode;
+    agentName: string;
+}
+export interface OverlayLayout {
+    version: 1;
+    name: string;
+    widgets: WidgetInstance[];
+    /** The destination this layout is associated with (metadata only). */
+    destinationId?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/stream/overlays/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/stream/overlays/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAM5C,6DAA6D;AAC7D,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAChD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,uDAAuD;IACvD,MAAM,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAC1C;AAMD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAMD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,cAAc,CAAC;IACzB,4DAA4D;IAC5D,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/components/stream/overlays/types.js

@@ -0,0 +1,7 @@
+/**
+ * Stream overlay widget type system.
+ *
+ * Widget Definition (blueprint) → Widget Instance (placed on canvas) →
+ * OverlayLayer (renders all enabled instances).
+ */
+export {};

package/components/stream/overlays/useOverlayLayout.d.ts

@@ -0,0 +1,27 @@
+/**
+ * React hook for managing the overlay layout.
+ *
+ * Persistence strategy (dual-layer):
+ *  1. **Server API** (`GET/POST /api/stream/overlay-layout`) — authoritative
+ *     source that persists across headless browser restarts on a VPS.
+ *  2. **localStorage** (`milady.stream.overlay-layout.v1`) — fast local cache,
+ *     used as initial state and fallback when the server is unreachable.
+ *
+ * On mount the hook loads from localStorage (instant), then fetches from the
+ * server. If the server has a layout, it wins. Mutations write to both.
+ *
+ * When `destinationId` is provided, the hook reads/writes destination-specific
+ * storage (both localStorage and server). Falls back to the global default.
+ */
+import type { OverlayLayout, WidgetInstance, WidgetPosition } from "./types";
+export interface UseOverlayLayout {
+    layout: OverlayLayout;
+    addWidget: (type: string) => void;
+    removeWidget: (id: string) => void;
+    toggleWidget: (id: string) => void;
+    updateWidget: (id: string, patch: Partial<Pick<WidgetInstance, "position" | "zIndex" | "config">>) => void;
+    moveWidget: (id: string, position: WidgetPosition) => void;
+    resetLayout: () => void;
+}
+export declare function useOverlayLayout(destinationId?: string | null): UseOverlayLayout;
+//# sourceMappingURL=useOverlayLayout.d.ts.map

package/components/stream/overlays/useOverlayLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/stream/overlays/useOverlayLayout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAKH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAoE7E,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CACZ,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,KACnE,IAAI,CAAC;IACV,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAC5B,gBAAgB,CAmHlB"}

package/components/stream/overlays/useOverlayLayout.js

@@ -0,0 +1,162 @@
+/**
+ * React hook for managing the overlay layout.
+ *
+ * Persistence strategy (dual-layer):
+ *  1. **Server API** (`GET/POST /api/stream/overlay-layout`) — authoritative
+ *     source that persists across headless browser restarts on a VPS.
+ *  2. **localStorage** (`milady.stream.overlay-layout.v1`) — fast local cache,
+ *     used as initial state and fallback when the server is unreachable.
+ *
+ * On mount the hook loads from localStorage (instant), then fetches from the
+ * server. If the server has a layout, it wins. Mutations write to both.
+ *
+ * When `destinationId` is provided, the hook reads/writes destination-specific
+ * storage (both localStorage and server). Falls back to the global default.
+ */
+import { client } from "@elizaos/app-core/api";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getAllWidgets } from "./registry";
+function storageKey(destinationId) {
+    const base = "milady.stream.overlay-layout.v1";
+    return destinationId ? `${base}.${destinationId}` : base;
+}
+// ---------------------------------------------------------------------------
+// Default layout — ThoughtBubble + Branding enabled, rest disabled
+// ---------------------------------------------------------------------------
+let _idCounter = 0;
+function localId() {
+    _idCounter += 1;
+    return `w${Date.now().toString(36)}${_idCounter.toString(36)}`;
+}
+function buildDefaultLayout() {
+    const widgets = getAllWidgets().map((def) => ({
+        id: localId(),
+        type: def.type,
+        enabled: def.type === "thought-bubble" || def.type === "branding",
+        position: { ...def.defaultPosition },
+        zIndex: def.defaultZIndex,
+        config: { ...def.defaultConfig },
+    }));
+    return { version: 1, name: "Default", widgets };
+}
+function loadLayoutLocal(destinationId) {
+    try {
+        const raw = localStorage.getItem(storageKey(destinationId));
+        if (raw) {
+            const parsed = JSON.parse(raw);
+            if (parsed.version === 1 && Array.isArray(parsed.widgets))
+                return parsed;
+        }
+    }
+    catch {
+        // corrupted — fall through to default
+    }
+    return buildDefaultLayout();
+}
+function saveLayoutLocal(layout, destinationId) {
+    try {
+        localStorage.setItem(storageKey(destinationId), JSON.stringify(layout));
+    }
+    catch {
+        // storage full — silently skip
+    }
+}
+/** Best-effort save to server. Non-blocking, non-fatal. */
+function saveLayoutServer(layout, destinationId) {
+    client.saveOverlayLayout(layout, destinationId).catch(() => {
+        // Server may be unavailable (e.g. desktop dev mode) — ignore
+    });
+}
+export function useOverlayLayout(destinationId) {
+    const [layout, setLayout] = useState(() => loadLayoutLocal(destinationId));
+    const serverFetched = useRef(undefined);
+    // Re-fetch when destinationId changes
+    useEffect(() => {
+        // Reset to local cache for new destination
+        setLayout(loadLayoutLocal(destinationId));
+        serverFetched.current = undefined;
+    }, [destinationId]);
+    // On mount / destination change: try to fetch authoritative layout from server
+    useEffect(() => {
+        if (serverFetched.current === destinationId)
+            return;
+        serverFetched.current = destinationId;
+        client
+            .getOverlayLayout(destinationId)
+            .then((res) => {
+            const remote = res.layout;
+            if (remote && remote.version === 1 && Array.isArray(remote.widgets)) {
+                setLayout(remote);
+                saveLayoutLocal(remote, destinationId);
+            }
+        })
+            .catch(() => {
+            // Server unavailable — use local/default layout
+        });
+    }, [destinationId]);
+    // Persist to both layers on change (skip the initial load from useEffect)
+    const isInitialMount = useRef(true);
+    useEffect(() => {
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            return;
+        }
+        saveLayoutLocal(layout, destinationId);
+        saveLayoutServer(layout, destinationId);
+    }, [layout, destinationId]);
+    const addWidget = useCallback((type) => {
+        const defs = getAllWidgets();
+        const def = defs.find((d) => d.type === type);
+        if (!def)
+            return;
+        const instance = {
+            id: localId(),
+            type: def.type,
+            enabled: true,
+            position: { ...def.defaultPosition },
+            zIndex: def.defaultZIndex,
+            config: { ...def.defaultConfig },
+        };
+        setLayout((prev) => ({
+            ...prev,
+            widgets: [...prev.widgets, instance],
+        }));
+    }, []);
+    const removeWidget = useCallback((id) => {
+        setLayout((prev) => ({
+            ...prev,
+            widgets: prev.widgets.filter((w) => w.id !== id),
+        }));
+    }, []);
+    const toggleWidget = useCallback((id) => {
+        setLayout((prev) => ({
+            ...prev,
+            widgets: prev.widgets.map((w) => w.id === id ? { ...w, enabled: !w.enabled } : w),
+        }));
+    }, []);
+    const updateWidget = useCallback((id, patch) => {
+        setLayout((prev) => ({
+            ...prev,
+            widgets: prev.widgets.map((w) => w.id === id ? { ...w, ...patch } : w),
+        }));
+    }, []);
+    const moveWidget = useCallback((id, position) => {
+        setLayout((prev) => ({
+            ...prev,
+            widgets: prev.widgets.map((w) => (w.id === id ? { ...w, position } : w)),
+        }));
+    }, []);
+    const resetLayout = useCallback(() => {
+        const fresh = buildDefaultLayout();
+        setLayout(fresh);
+    }, []);
+    return {
+        layout,
+        addWidget,
+        removeWidget,
+        toggleWidget,
+        updateWidget,
+        moveWidget,
+        resetLayout,
+    };
+}

package/components/trajectory-format.d.ts

@@ -0,0 +1,6 @@
+export declare function formatTrajectoryDuration(ms: number | null): string;
+export declare function formatTrajectoryTimestamp(iso: string, mode: "smart" | "detailed"): string;
+export declare function formatTrajectoryTokenCount(count: number | undefined, options: {
+    emptyLabel: string;
+}): string;
+//# sourceMappingURL=trajectory-format.d.ts.map

package/components/trajectory-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-format.d.ts","sourceRoot":"","sources":["../../src/components/trajectory-format.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAKlE;AAED,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,OAAO,GAAG,UAAU,GACzB,MAAM,CA8BR;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,OAAO,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,GAC9B,MAAM,CAIR"}

package/components/trajectory-format.js

@@ -0,0 +1,43 @@
+export function formatTrajectoryDuration(ms) {
+    if (ms === null)
+        return "—";
+    if (ms < 1000)
+        return `${ms}ms`;
+    if (ms < 60000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    return `${(ms / 60000).toFixed(1)}m`;
+}
+export function formatTrajectoryTimestamp(iso, mode) {
+    const date = new Date(iso);
+    if (mode === "smart") {
+        const now = new Date();
+        const isToday = date.toDateString() === now.toDateString();
+        if (isToday) {
+            return date.toLocaleTimeString(undefined, {
+                hour: "2-digit",
+                minute: "2-digit",
+                second: "2-digit",
+            });
+        }
+        return date.toLocaleString(undefined, {
+            month: "short",
+            day: "numeric",
+            hour: "2-digit",
+            minute: "2-digit",
+        });
+    }
+    return date.toLocaleString(undefined, {
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+}
+export function formatTrajectoryTokenCount(count, options) {
+    if (count === undefined || count === 0)
+        return options.emptyLabel;
+    if (count < 1000)
+        return String(count);
+    return `${(count / 1000).toFixed(1)}k`;
+}

package/components/ui-badges.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Shared UI primitives for compact labels, pills, and status dots.
+ */
+import type { ReactNode } from "react";
+type StatusTone = "success" | "warning" | "danger" | "muted";
+export declare function statusToneForBoolean(condition: boolean, onTone?: StatusTone, offTone?: StatusTone): StatusTone;
+export declare function StatusBadge({ label, tone, withDot, className, }: {
+    label: string;
+    tone: StatusTone;
+    withDot?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StatusDot({ status, className, }: {
+    status: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StatCard({ label, value, accent, }: {
+    label: string;
+    value: ReactNode;
+    accent?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ui-badges.d.ts.map

package/components/ui-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-badges.d.ts","sourceRoot":"","sources":["../../src/components/ui-badges.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AA2B7D,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,OAAO,EAClB,MAAM,GAAE,UAAsB,EAC9B,OAAO,GAAE,UAAoB,GAC5B,UAAU,CAEZ;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,OAAe,EACf,SAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAYA;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,SAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAcA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,MAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAaA"}

package/components/ui-badges.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STATUS_TONES = {
+    success: {
+        badge: "text-[var(--ok,#16a34a)] border border-[var(--ok,#16a34a)]/30 bg-[var(--ok,#16a34a)]/10",
+        dot: "bg-[var(--ok,#16a34a)]",
+    },
+    warning: {
+        badge: "text-warn border border-warn/30 bg-warn/10",
+        dot: "bg-warn",
+    },
+    danger: {
+        badge: "text-danger border border-danger/30 bg-danger/10",
+        dot: "bg-danger",
+    },
+    muted: {
+        badge: "text-[var(--muted)] border border-[var(--border)] bg-[var(--bg)]",
+        dot: "bg-[var(--muted)]",
+    },
+};
+export function statusToneForBoolean(condition, onTone = "success", offTone = "muted") {
+    return condition ? onTone : offTone;
+}
+export function StatusBadge({ label, tone, withDot = false, className = "", }) {
+    const toneStyles = STATUS_TONES[tone];
+    return (_jsxs("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-sm text-[10px] font-bold uppercase ${toneStyles.badge} ${className}`, children: [withDot && (_jsx("span", { className: `w-1.5 h-1.5 rounded-full ${toneStyles.dot}` })), label] }));
+}
+export function StatusDot({ status, className = "", }) {
+    const tone = status === "success" || status === "completed" || status === "connected"
+        ? "success"
+        : status === "error" || status === "failed" || status === "denied"
+            ? "danger"
+            : "muted";
+    const toneStyles = STATUS_TONES[tone];
+    return (_jsx("span", { className: `inline-block w-2 h-2 rounded-full ${toneStyles.dot} ${className}` }));
+}
+export function StatCard({ label, value, accent = false, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center p-3 border border-[var(--border)] bg-[var(--bg)] min-w-[80px]", children: [_jsx("div", { className: `text-lg font-bold tabular-nums ${accent ? "text-txt" : ""}`, children: value }), _jsx("div", { className: "text-[10px] text-[var(--muted)] uppercase tracking-wide mt-0.5", children: label })] }));
+}

package/components/ui-switch.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes } from "react";
+type SwitchSize = "default" | "compact";
+type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onChange" | "onClick" | "role" | "aria-checked"> & {
+    checked: boolean;
+    onChange: (next: boolean) => void;
+    size?: SwitchSize;
+    trackOnClass?: string;
+    trackOffClass?: string;
+    knobClass?: string;
+    disabledClassName?: string;
+};
+export declare function Switch({ checked, onChange, size, trackOnClass, trackOffClass, knobClass, disabledClassName, disabled, className, ...buttonProps }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ui-switch.d.ts.map

package/components/ui-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-switch.d.ts","sourceRoot":"","sources":["../../src/components/ui-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAExC,KAAK,WAAW,GAAG,IAAI,CACrB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,CAC1D,GAAG;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAYF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,IAAgB,EAChB,YAAmC,EACnC,aAAoC,EACpC,SAAsB,EACtB,iBAA+C,EAC/C,QAAQ,EACR,SAAc,EACd,GAAG,WAAW,EACf,EAAE,WAAW,2CAkBb"}

package/components/ui-switch.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SIZE_CLASS = {
+    default: "w-10 h-6",
+    compact: "w-10 h-6",
+};
+const KNOB_TRAVEL_CLASS = {
+    default: "translate-x-4",
+    compact: "translate-x-4",
+};
+export function Switch({ checked, onChange, size = "default", trackOnClass = "bg-[var(--accent)]", trackOffClass = "bg-[var(--border)]", knobClass = "bg-white", disabledClassName = "opacity-40 cursor-default", disabled, className = "", ...buttonProps }) {
+    return (_jsx("button", { ...buttonProps, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, className: `relative inline-flex shrink-0 rounded-full transition-colors duration-200 focus:outline-none ${SIZE_CLASS[size]} ${checked ? trackOnClass : trackOffClass} ${disabled ? disabledClassName : "cursor-pointer"} ${className}`, onClick: () => {
+            if (!disabled)
+                onChange(!checked);
+        }, children: _jsx("span", { className: `pointer-events-none absolute top-1 left-1 h-4 w-4 rounded-full shadow-sm transition-transform duration-200 ${knobClass} ${checked ? KNOB_TRAVEL_CLASS[size] : ""}` }) }));
+}

package/components/vector-browser-three.d.ts

@@ -0,0 +1,4 @@
+import * as THREE from "three";
+export { THREE };
+export declare function createVectorBrowserRenderer(): Promise<THREE.WebGLRenderer>;
+//# sourceMappingURL=vector-browser-three.d.ts.map

package/components/vector-browser-three.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vector-browser-three.d.ts","sourceRoot":"","sources":["../../src/components/vector-browser-three.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,CAAC;AAMjB,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,CAoBhF"}

package/components/vector-browser-three.js

@@ -0,0 +1,21 @@
+import * as THREE from "three";
+export { THREE };
+export async function createVectorBrowserRenderer() {
+    if (typeof navigator !== "undefined" && navigator.gpu) {
+        try {
+            const webgpuModule = (await import("three/webgpu"));
+            const WebGPURenderer = webgpuModule.WebGPURenderer;
+            if (WebGPURenderer) {
+                const renderer = new WebGPURenderer({
+                    antialias: true,
+                });
+                await renderer.init?.();
+                return renderer;
+            }
+        }
+        catch {
+            // Fall through to WebGL in environments without WebGPU support.
+        }
+    }
+    return new THREE.WebGLRenderer({ antialias: true });
+}