@elizaos/ui 2.0.3-beta.2 → 2.0.3-beta.4

package/services/local-inference/token-tree.d.ts

@@ -135,7 +135,7 @@ export interface TokenTreeDescriptor {
  * `responseSkeleton` on the chat-completion request.
  *
  * `modelId` is the tokenizer key — different Eliza-1 variants share the
- * Qwen3 tokenizer family but distinct distillations may have different
+ * Gemma 4 tokenizer family but distinct distillations may have different
  * special-token ids, so leaves tokenized against one model are NOT portable
  * to another. The fork should validate that the active model's id matches
  * this descriptor's `modelId` before honouring the trie.

package/slots/task-coordinator-slots.d.ts

@@ -12,8 +12,8 @@
  * Registration happens via a side-effect import in the root app entry (see
  * the task-coordinator slot-registration module).
  */
-import { type TaskCoordinatorCodingAgentControlChipProps, type TaskCoordinatorCodingAgentSettingsSectionProps, type TaskCoordinatorCodingAgentTasksPanelProps, type TaskCoordinatorPtyConsoleBaseProps } from "./task-coordinator-slots.helpers";
-export type { TaskCoordinatorCodingAgentControlChipProps, TaskCoordinatorCodingAgentSettingsSectionProps, TaskCoordinatorCodingAgentTasksPanelProps, TaskCoordinatorPtyConsoleBaseProps, TaskCoordinatorSlots, } from "./task-coordinator-slots.helpers";
+import { type TaskCoordinatorCodingAgentControlChipProps, type TaskCoordinatorCodingAgentSettingsSectionProps, type TaskCoordinatorCodingAgentTasksPanelProps, type TaskCoordinatorPtyConsoleBaseProps } from "./task-coordinator-slots.helpers.js";
+export type { TaskCoordinatorCodingAgentControlChipProps, TaskCoordinatorCodingAgentSettingsSectionProps, TaskCoordinatorCodingAgentTasksPanelProps, TaskCoordinatorPtyConsoleBaseProps, TaskCoordinatorSlots, } from "./task-coordinator-slots.helpers.js";
 export declare function CodingAgentSettingsSection(props: TaskCoordinatorCodingAgentSettingsSectionProps): React.JSX.Element | null;
 export declare function CodingAgentTasksPanel(props: TaskCoordinatorCodingAgentTasksPanelProps): React.JSX.Element | null;
 export declare function CodingAgentControlChip(props: TaskCoordinatorCodingAgentControlChipProps): React.JSX.Element | null;

package/spatial/context.d.ts

@@ -7,7 +7,7 @@
  * any per-view branching. The default is `gui` so a primitive used outside a
  * {@link SpatialSurface} still renders sensibly.
  */
-import type { SpatialModality } from "./ir.ts";
+import type { SpatialModality } from "./ir.js";
 /** An action raised by a primitive (e.g. a button press). */
 export interface SpatialAction {
     type: "press" | "change" | "submit";

package/spatial/dom.d.ts

@@ -7,9 +7,15 @@
  * primitives render their own DOM. This is intentional — it keeps GUI/XR in
  * exact structural parity with each other and with the TUI IR.
  */
-import type { ReactNode } from "react";
-import { type SpatialAction } from "./context.ts";
-import type { SpatialModality } from "./ir.ts";
+import { type ReactNode } from "react";
+import { type SpatialAction } from "./context.js";
+import type { SpatialModality } from "./ir.js";
+declare global {
+    interface Window {
+        /** Set by the XR view-host (plugin-facewear / plugin-xr) inside a headset. */
+        __elizaXRContext?: unknown;
+    }
+}
 /**
  * Detect the active DOM modality (`gui` vs `xr`).
  *

package/spatial/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../../src/spatial/dom.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,aAAa,EAA0B,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,eAAe,CAQnD;AAED,MAAM,WAAW,mBAAmB;IAClC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CAoBrB"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../../src/spatial/dom.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,aAAa,EAA0B,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,8EAA8E;QAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B;CACF;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,eAAe,CAKnD;AAED,MAAM,WAAW,mBAAmB;IAClC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CAwBrB"}

package/spatial/dom.js

@@ -1,4 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DOM renderer for the GUI and XR modalities.
+ *
+ * GUI and XR share one React tree — the only difference is the cell sizing and
+ * touch-target scale the primitives read from {@link useSpatialContext}. So the
+ * "renderer" for these two modalities is just a context provider: the spatial
+ * primitives render their own DOM. This is intentional — it keeps GUI/XR in
+ * exact structural parity with each other and with the TUI IR.
+ */
+import { useMemo } from "react";
 import { SpatialContextProvider } from "./context.js";
 /**
  * Detect the active DOM modality (`gui` vs `xr`).
@@ -9,8 +19,7 @@ import { SpatialContextProvider } from "./context.js";
  * Capacitor-free) so `<SpatialSurface>` picks the surface automatically.
  */
 export function detectDomModality() {
-    if (typeof window !== "undefined" &&
-        window.__elizaXRContext) {
+    if (typeof window !== "undefined" && window.__elizaXRContext) {
         return "xr";
     }
     return "gui";
@@ -29,7 +38,8 @@ export function detectDomModality() {
  */
 export function SpatialSurface({ modality, onAction, children, }) {
     const resolved = modality ?? detectDomModality();
-    return (_jsx(SpatialContextProvider, { value: { modality: resolved, dispatch: onAction }, children: _jsx("div", { "data-spatial-surface": resolved, style: {
+    const value = useMemo(() => ({ modality: resolved, dispatch: onAction }), [resolved, onAction]);
+    return (_jsx(SpatialContextProvider, { value: value, children: _jsx("div", { "data-spatial-surface": resolved, style: {
                 display: "flex",
                 flexDirection: "column",
                 width: "100%",

package/spatial/evaluate.d.ts

@@ -21,7 +21,7 @@
  * hooks at all and always work everywhere.
  */
 import { type ReactNode } from "react";
-import type { SpatialNode } from "./ir.ts";
+import type { SpatialNode } from "./ir.js";
 /** Persistent state for `useSpatial*` hooks, held by the host across frames. */
 export interface SpatialStateStore {
     has(key: string): boolean;

package/spatial/index.d.ts

@@ -15,10 +15,10 @@
  * State that must work on every surface uses the `useSpatial*` hooks; plain
  * presentational components (props → primitives) need no hooks and work as-is.
  */
-export { type SpatialAction, SpatialContextProvider, type SpatialContextValue, useSpatialContext, } from "./context.ts";
-export { detectDomModality, SpatialSurface, type SpatialSurfaceProps, } from "./dom.tsx";
-export { createSpatialStateStore, type EvaluateOptions, evaluateToSpatialTree, isEvaluatingToIR, type SpatialStateStore, useSpatialMemo, useSpatialRef, useSpatialState, } from "./evaluate.ts";
-export type { SpatialAgentMeta, SpatialAlign, SpatialBorder, SpatialBoxNode, SpatialButtonNode, SpatialDirection, SpatialDividerNode, SpatialFieldNode, SpatialImageNode, SpatialJustify, SpatialLength, SpatialModality, SpatialNode, SpatialPadding, SpatialSpacerNode, SpatialTextNode, SpatialTextStyle, SpatialTone, } from "./ir.ts";
-export { isContainer, resolvePadding } from "./ir.ts";
-export { Button, type ButtonProps, Card, Divider, type DividerProps, Field, type FieldProps, getSpatialKind, HStack, Image, type ImageProps, List, SPATIAL_KIND, Spacer, type SpacerProps, type SpatialKind, Stack, type StackProps, Text, type TextProps, VStack, } from "./primitives.tsx";
+export { type SpatialAction, SpatialContextProvider, type SpatialContextValue, useSpatialContext, } from "./context.js";
+export { detectDomModality, SpatialSurface, type SpatialSurfaceProps, } from "./dom.js";
+export { createSpatialStateStore, type EvaluateOptions, evaluateToSpatialTree, isEvaluatingToIR, type SpatialStateStore, useSpatialMemo, useSpatialRef, useSpatialState, } from "./evaluate.js";
+export type { SpatialAgentMeta, SpatialAlign, SpatialBorder, SpatialBoxNode, SpatialButtonNode, SpatialDirection, SpatialDividerNode, SpatialFieldNode, SpatialImageNode, SpatialJustify, SpatialLength, SpatialModality, SpatialNode, SpatialPadding, SpatialSpacerNode, SpatialTextNode, SpatialTextStyle, SpatialTone, } from "./ir.js";
+export { isContainer, resolvePadding } from "./ir.js";
+export { Button, type ButtonProps, Card, Divider, type DividerProps, Field, type FieldProps, getSpatialKind, HStack, Image, type ImageProps, List, SPATIAL_KIND, Spacer, type SpacerProps, type SpatialKind, Stack, type StackProps, Text, type TextProps, VStack, } from "./primitives.js";
 //# sourceMappingURL=index.d.ts.map

package/spatial/primitives.d.ts

@@ -16,7 +16,7 @@
  * `box` node — there is one container primitive underneath.
  */
 import type { ReactNode } from "react";
-import type { SpatialAgentMeta, SpatialAlign, SpatialBorder, SpatialBoxNode, SpatialButtonNode, SpatialDirection, SpatialDividerNode, SpatialFieldNode, SpatialImageNode, SpatialJustify, SpatialLength, SpatialPadding, SpatialSpacerNode, SpatialTextNode, SpatialTextStyle, SpatialTone } from "./ir.ts";
+import type { SpatialAgentMeta, SpatialAlign, SpatialBorder, SpatialBoxNode, SpatialButtonNode, SpatialDirection, SpatialDividerNode, SpatialFieldNode, SpatialImageNode, SpatialJustify, SpatialLength, SpatialPadding, SpatialSpacerNode, SpatialTextNode, SpatialTextStyle, SpatialTone } from "./ir.js";
 /** Brand key carried on a primitive's component function. */
 export declare const SPATIAL_KIND: unique symbol;
 export type SpatialKind = "box" | "text" | "button" | "field" | "divider" | "spacer" | "image";
@@ -99,8 +99,8 @@ export declare const Spacer: Branded<SpacerProps>;
 export declare const Image: Branded<ImageProps>;
 export declare function HStack(props: Omit<StackProps, "direction">): import("react/jsx-runtime").JSX.Element;
 export declare function VStack(props: Omit<StackProps, "direction">): import("react/jsx-runtime").JSX.Element;
-/** A bordered, padded surface. */
-export declare function Card(props: StackProps): import("react/jsx-runtime").JSX.Element;
+/** A compact grouped surface without a visible frame by default. */
+export declare function Card({ border, gap, padding, title: _title, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
 /** A vertical list with a default gap. */
 export declare function List(props: Omit<StackProps, "direction">): import("react/jsx-runtime").JSX.Element;
 export {};

package/spatial/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../src/spatial/primitives.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../src/spatial/primitives.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EAEb,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,6DAA6D;AAC7D,eAAO,MAAM,YAAY,eAAqC,CAAC;AAE/D,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,CAAC;AAEZ,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,GAAG;IAAE,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;CAAE,CAAC;AAE9E,mFAAmF;AACnF,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAIhE;AAaD,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACnC;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC9D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAoBD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,UAAU,GAChB,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAkBlC;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,MAAM,GACZ,eAAe,CAgBjB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,GACZ,iBAAiB,CAiBnB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,gBAAgB,CAwBlE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,GAAG,kBAAkB,CASxE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAQrE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,gBAAgB,CAWlE;AAED,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAkBvD;AAiHD,eAAO,MAAM,KAAK,qBAyChB,CAAC;AAEH,eAAO,MAAM,IAAI,oBAyBf,CAAC;AAEH,eAAO,MAAM,MAAM,sBA0CjB,CAAC;AAEH,eAAO,MAAM,KAAK,qBAyEhB,CAAC;AAEH,eAAO,MAAM,OAAO,uBA4DlB,CAAC;AAEH,eAAO,MAAM,MAAM,sBAWjB,CAAC;AAEH,eAAO,MAAM,KAAK,qBAiBhB,CAAC;AAIH,wBAAgB,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,2CAE1D;AACD,wBAAgB,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,2CAE1D;AACD,oEAAoE;AACpE,wBAAgB,IAAI,CAAC,EACnB,MAAM,EACN,GAAG,EACH,OAAO,EACP,KAAK,EAAE,MAAM,EACb,GAAG,KAAK,EACT,EAAE,UAAU,2CASZ;AACD,0CAA0C;AAC1C,wBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,2CAExD"}

package/spatial/primitives.js

@@ -379,29 +379,32 @@ export const Field = brand("field", function Field(props) {
 export const Divider = brand("divider", function Divider(props) {
     const spec = buildDividerSpec(props);
     if (spec.orientation === "vertical") {
-        return (_jsx("div", { "data-spatial-kind": "divider", style: {
+        return (_jsx("div", { "aria-hidden": "true", "data-spatial-kind": "divider", style: {
                 width: 1,
                 alignSelf: "stretch",
                 background: "var(--border, rgba(128,128,128,0.35))",
             } }));
     }
+    // A labeled divider is a section header: the caption is meaningful content,
+    // so render it (not aria-hidden) between two decorative rules. The plain rule
+    // stays decorative/aria-hidden. (Restores rendering #9486 collapsed away.)
     if (spec.label) {
         return (_jsxs("div", { "data-spatial-kind": "divider", style: {
                 display: "flex",
                 alignItems: "center",
                 gap: "0.5rem",
                 opacity: 0.7,
-            }, children: [_jsx("div", { style: {
+            }, children: [_jsx("div", { "aria-hidden": "true", style: {
                         flex: 1,
                         height: 1,
                         background: "var(--border, rgba(128,128,128,0.35))",
-                    } }), _jsx("span", { style: { fontSize: "0.75rem" }, children: spec.label }), _jsx("div", { style: {
+                    } }), _jsx("span", { style: { fontSize: "0.75rem" }, children: spec.label }), _jsx("div", { "aria-hidden": "true", style: {
                         flex: 1,
                         height: 1,
                         background: "var(--border, rgba(128,128,128,0.35))",
                     } })] }));
     }
-    return (_jsx("div", { "data-spatial-kind": "divider", style: {
+    return (_jsx("div", { "aria-hidden": "true", "data-spatial-kind": "divider", style: {
             height: 1,
             alignSelf: "stretch",
             background: "var(--border, rgba(128,128,128,0.35))",
@@ -437,9 +440,9 @@ export function HStack(props) {
 export function VStack(props) {
     return _jsx(Stack, { ...props, direction: "column" });
 }
-/** A bordered, padded surface. */
-export function Card(props) {
-    return (_jsx(Stack, { ...props, border: props.border ?? "round", padding: props.padding ?? 2, gap: props.gap ?? 1 }));
+/** A compact grouped surface without a visible frame by default. */
+export function Card({ border, gap, padding, title: _title, ...props }) {
+    return (_jsx(Stack, { ...props, border: border ?? "none", padding: padding ?? 1, gap: gap ?? 1 }));
 }
 /** A vertical list with a default gap. */
 export function List(props) {

package/spatial/tui/engine.d.ts

@@ -15,7 +15,7 @@
  * visible columns, with every styled segment self-closing (`…\x1b[0m`) so colour
  * never bleeds into padding — which is what `@elizaos/tui` expects from a line.
  */
-import { type SpatialNode } from "../ir.ts";
+import { type SpatialNode } from "../ir.js";
 /** Set the focused control before a render pass (terminal keyboard focus). */
 export declare function setFocusedAgentId(id: string | null): void;
 /** Intrinsic main-cross-independent width of a node, capped at `maxW`. */

package/spatial/tui/index.d.ts

@@ -4,7 +4,7 @@
  * Node-only (depends on `@elizaos/tui`). Import this from a terminal host (the
  * agent CLI), never from browser code — the browser uses `@elizaos/ui/spatial`.
  */
-export { getTerminalView, hasTerminalView, listTerminalViewIds, registerTerminalView, } from "@elizaos/tui";
-export { measureWidth, render as renderSpatialNode } from "./engine.ts";
-export { createSpatialTuiComponent, registerSpatialTerminalView, renderSpatialToLines, renderViewToLines, type SpatialTuiComponentOptions, } from "./renderer.ts";
+export { getTerminalView, getTerminalViewFactory, hasTerminalView, listTerminalViewIds, registerTerminalView, } from "@elizaos/tui";
+export { measureWidth, render as renderSpatialNode } from "./engine.js";
+export { createSpatialTuiComponent, getSpatialViewThunk, registerSpatialTerminalView, renderSpatialToLines, renderViewToLines, type SpatialTuiComponentOptions, } from "./renderer.js";
 //# sourceMappingURL=index.d.ts.map

package/spatial/tui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/spatial/tui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EACpB,iBAAiB,EACjB,KAAK,0BAA0B,GAChC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/spatial/tui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,2BAA2B,EAC3B,oBAAoB,EACpB,iBAAiB,EACjB,KAAK,0BAA0B,GAChC,MAAM,eAAe,CAAC"}

package/spatial/tui/index.js

@@ -5,6 +5,6 @@
  * agent CLI), never from browser code — the browser uses `@elizaos/ui/spatial`.
  */
 // Re-export the terminal-view registry so plugins/hosts use one import surface.
-export { getTerminalView, hasTerminalView, listTerminalViewIds, registerTerminalView, } from "@elizaos/tui";
+export { getTerminalView, getTerminalViewFactory, hasTerminalView, listTerminalViewIds, registerTerminalView, } from "@elizaos/tui";
 export { measureWidth, render as renderSpatialNode } from "./engine.js";
-export { createSpatialTuiComponent, registerSpatialTerminalView, renderSpatialToLines, renderViewToLines, } from "./renderer.js";
+export { createSpatialTuiComponent, getSpatialViewThunk, registerSpatialTerminalView, renderSpatialToLines, renderViewToLines, } from "./renderer.js";

package/spatial/tui/renderer.d.ts

@@ -12,8 +12,8 @@
  */
 import { type Component } from "@elizaos/tui";
 import type { ReactNode } from "react";
-import { type EvaluateOptions, type SpatialStateStore } from "../evaluate.ts";
-import type { SpatialNode } from "../ir.ts";
+import { type EvaluateOptions, type SpatialStateStore } from "../evaluate.js";
+import type { SpatialNode } from "../ir.js";
 /** Lay out an already-evaluated IR node to terminal lines. */
 export declare function renderSpatialToLines(node: SpatialNode, width: number): string[];
 /** Evaluate an authored view to IR and lay it out to terminal lines (one frame). */
@@ -40,6 +40,13 @@ export interface SpatialTuiComponentOptions {
  * ```
  */
 export declare function createSpatialTuiComponent(view: () => ReactNode, options?: SpatialTuiComponentOptions): Component;
+/**
+ * The authored React-element thunk for a registered spatial view, when one was
+ * registered through {@link registerSpatialTerminalView}. Render its result with
+ * `<SpatialSurface modality="gui"|"xr">` to mount the same view a terminal host
+ * gets via `getTerminalView(id)` — the cross-modal parity handle.
+ */
+export declare function getSpatialViewThunk(id: string): (() => ReactNode) | undefined;
 /**
  * Author a terminal-rendered view once and register it so a terminal host (the
  * agent terminal) can mount it by id. This is the single call a plugin makes to

package/spatial/tui/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../../../../src/spatial/tui/renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,eAAe,EAEpB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,8DAA8D;AAC9D,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,MAAM,GACZ,MAAM,EAAE,CAEV;AAED,oFAAoF;AACpF,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,eAAe,GACxB,MAAM,EAAE,CAEV;AAED,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,SAAS,EACrB,OAAO,GAAE,0BAA+B,GACvC,SAAS,CAiEX;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CACzC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,SAAS,EACrB,OAAO,GAAE,0BAA+B,GACvC,MAAM,IAAI,CAEZ"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../../../../src/spatial/tui/renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,eAAe,EAEpB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,8DAA8D;AAC9D,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,MAAM,GACZ,MAAM,EAAE,CAEV;AAED,oFAAoF;AACpF,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,eAAe,GACxB,MAAM,EAAE,CAEV;AAED,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,SAAS,EACrB,OAAO,GAAE,0BAA+B,GACvC,SAAS,CAiEX;AA2BD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,MAAM,SAAS,CAAC,GAAG,SAAS,CAE7E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CACzC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,SAAS,EACrB,OAAO,GAAE,0BAA+B,GACvC,MAAM,IAAI,CAmBZ"}

package/spatial/tui/renderer.js

@@ -10,7 +10,7 @@
  * This module is Node-only (it pulls in `@elizaos/tui`); it is exposed under the
  * `@elizaos/ui/spatial/tui` subpath and is never imported by the browser barrel.
  */
-import { registerTerminalView } from "@elizaos/tui";
+import { registerTerminalView, } from "@elizaos/tui";
 import { createSpatialStateStore, evaluateToSpatialTree, } from "../evaluate.js";
 import { render as renderEngine, setFocusedAgentId } from "./engine.js";
 /** Lay out an already-evaluated IR node to terminal lines. */
@@ -100,6 +100,38 @@ export function createSpatialTuiComponent(view, options = {}) {
         invalidate,
     };
 }
+/**
+ * View-element thunks keyed by id, recorded by {@link registerSpatialTerminalView}.
+ *
+ * The terminal registry holds adapted `@elizaos/tui` `Component`s, not the
+ * authored React tree — exactly right for a terminal host, which never touches
+ * React. But the DOM surfaces (GUI/XR) render the *same authored React element*
+ * through `<SpatialSurface>`, so a host that proves tri-modal parity needs the
+ * element, not the terminal adapter. This map gives it: the one authored thunk
+ * each plugin registers, retrievable by id for a GUI/XR mount.
+ *
+ * Keyed by `Symbol.for` (like the terminal registry) so registrations survive
+ * module duplication across the runtime/plugin boundary.
+ */
+function getViewThunkStore() {
+    const globalObject = globalThis;
+    const key = Symbol.for("elizaos.ui.spatial-view-thunk-registry");
+    const existing = globalObject[key];
+    if (existing)
+        return existing;
+    const created = new Map();
+    globalObject[key] = created;
+    return created;
+}
+/**
+ * The authored React-element thunk for a registered spatial view, when one was
+ * registered through {@link registerSpatialTerminalView}. Render its result with
+ * `<SpatialSurface modality="gui"|"xr">` to mount the same view a terminal host
+ * gets via `getTerminalView(id)` — the cross-modal parity handle.
+ */
+export function getSpatialViewThunk(id) {
+    return getViewThunkStore().get(id);
+}
 /**
  * Author a terminal-rendered view once and register it so a terminal host (the
  * agent terminal) can mount it by id. This is the single call a plugin makes to
@@ -112,5 +144,18 @@ export function createSpatialTuiComponent(view, options = {}) {
  * Returns an unregister function.
  */
 export function registerSpatialTerminalView(id, view, options = {}) {
-    return registerTerminalView(id, createSpatialTuiComponent(view, options));
+    // Register both the back-compatible eager component (default mount, the one
+    // `getTerminalView` returns) and a factory so a host can rebuild the view per
+    // mount with its own options — notably `onActivate` to dispatch a focused
+    // control's activation to the runtime, which the default mount has no wiring
+    // for. The host's `onChange`/`onActivate` win over the registration defaults.
+    const factory = (mount) => createSpatialTuiComponent(view, { ...options, ...mount });
+    // Record the authored React thunk so the DOM surfaces can mount the same view.
+    getViewThunkStore().set(id, view);
+    const unregisterTerminal = registerTerminalView(id, createSpatialTuiComponent(view, options), factory);
+    return () => {
+        unregisterTerminal();
+        if (getViewThunkStore().get(id) === view)
+            getViewThunkStore().delete(id);
+    };
 }

package/state/AppContext.d.ts

@@ -6,6 +6,6 @@
 import { type ReactNode } from "react";
 export declare function AppProvider({ children, branding: brandingOverride, }: {
     children: ReactNode;
-    branding?: Partial<import("../config/branding").BrandingConfig>;
+    branding?: Partial<import("../config/branding.js").BrandingConfig>;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AppContext.d.ts.map

package/state/AppContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../../../src/state/AppContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAsFf,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EAAE,gBAAgB,GAC3B,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,oBAAoB,EAAE,cAAc,CAAC,CAAC;CACjE,2CAcA"}
+{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../../../src/state/AppContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AA0Ff,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EAAE,gBAAgB,GAC3B,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,oBAAoB,EAAE,cAAc,CAAC,CAAC;CACjE,2CAcA"}