@elizaos/plugin-facewear 2.0.3-beta.5 → 2.0.3-beta.7

package/dist/components/FacewearSpatialView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FacewearSpatialView.tsx"],"sourcesContent":["/**\n * FacewearSpatialView - the facewear device-management surface authored once\n * with the spatial vocabulary, so it renders correctly wherever it is shown:\n *\n *   - GUI / XR - mounted in `<SpatialSurface>` (DOM; XR scales up).\n *   - TUI      - rendered to real terminal lines by the agent terminal, via\n *                `registerSpatialTerminalView` (see `register-terminal-view.tsx`).\n *\n * It is purely presentational (a snapshot + an action callback in, primitives\n * out) and imports only the cross-modality primitives plus a type-only view of\n * the device registry, so it is safe to render in the Node agent process where\n * the terminal lives (no fetch/Capacitor runtime import).\n */\n\nimport {\n  Button,\n  Card,\n  Divider,\n  HStack,\n  List,\n  type SpatialTone,\n  Text,\n  VStack,\n} from \"@elizaos/ui/spatial\";\nimport type { FacewearDeviceType } from \"../devices/registry.js\";\n\n/** A connected facewear device, mirrored from `/api/facewear/status`. */\nexport interface FacewearDeviceRow {\n  id: string;\n  kind: \"xr\" | \"smartglasses\";\n  deviceType?: string;\n}\n\n/** A supported device the operator can connect/manage. */\nexport interface FacewearProfileRow {\n  type: FacewearDeviceType;\n  name: string;\n  manufacturer: string;\n  connectionType: string;\n  connected: boolean;\n}\n\nexport interface FacewearSnapshot {\n  /** Supported device profiles with their derived connected state. */\n  profiles: FacewearProfileRow[];\n  /** The live connected devices the status route reports. */\n  devices: FacewearDeviceRow[];\n  /** Number of connected devices (the header pill count). */\n  connectedCount: number;\n  loading?: boolean;\n  error?: string | null;\n}\n\nconst VISIBLE_DEVICE_LIMIT = 4;\n\n/** Empty snapshot used by the terminal registry before live data arrives. */\nexport const EMPTY_FACEWEAR_SNAPSHOT: FacewearSnapshot = {\n  profiles: [],\n  devices: [],\n  connectedCount: 0,\n  loading: false,\n  error: null,\n};\n\nfunction connectionTone(connected: boolean): SpatialTone {\n  return connected ? \"success\" : \"muted\";\n}\n\nexport interface FacewearSpatialViewProps {\n  snapshot: FacewearSnapshot;\n  /**\n   * Dispatch by agent id: `connect:<deviceType>` (connect/manage a profile),\n   * `refresh`, `xr-connect`, `xr-status`.\n   */\n  onAction?: (action: string) => void;\n}\n\nexport function FacewearSpatialView({\n  snapshot,\n  onAction,\n}: FacewearSpatialViewProps) {\n  const dispatch = (action: string) => () => onAction?.(action);\n  const { connectedCount } = snapshot;\n  const visibleDevices = snapshot.devices.slice(0, VISIBLE_DEVICE_LIMIT);\n  const hiddenDevices = Math.max(\n    0,\n    snapshot.devices.length - VISIBLE_DEVICE_LIMIT,\n  );\n\n  return (\n    <Card gap={1} padding={1}>\n      <HStack gap={1} align=\"center\">\n        <Text\n          style=\"caption\"\n          tone={connectedCount > 0 ? \"success\" : \"muted\"}\n          grow={1}\n        >\n          {connectedCount > 0\n            ? `${connectedCount} device${connectedCount === 1 ? \"\" : \"s\"} connected`\n            : \"None\"}\n        </Text>\n        <Text style=\"caption\" tone=\"muted\">\n          {snapshot.loading ? \"loading\" : `${snapshot.profiles.length} models`}\n        </Text>\n      </HStack>\n\n      {snapshot.error ? (\n        <Text tone=\"danger\" style=\"caption\">\n          {snapshot.error}\n        </Text>\n      ) : null}\n\n      {visibleDevices.length > 0 ? (\n        <>\n          <Divider label=\"active\" />\n          <HStack gap={1} wrap>\n            {visibleDevices.map((device) => (\n              <Text key={device.id} style=\"caption\" tone=\"success\" wrap={false}>\n                {device.deviceType ?? device.kind}\n              </Text>\n            ))}\n            {hiddenDevices > 0 ? (\n              <Text style=\"caption\" tone=\"muted\">\n                +{hiddenDevices}\n              </Text>\n            ) : null}\n          </HStack>\n        </>\n      ) : null}\n\n      <Divider label=\"devices\" />\n      {snapshot.profiles.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          {snapshot.loading ? \"Loading\" : \"None\"}\n        </Text>\n      ) : (\n        <List gap={0}>\n          {snapshot.profiles.map((profile) => (\n            <HStack\n              key={profile.type}\n              gap={1}\n              align=\"center\"\n              agent={`device-${profile.type}`}\n            >\n              <Text tone={connectionTone(profile.connected)}>\n                {profile.connected ? \"[ok]\" : \"[ ]\"}\n              </Text>\n              <VStack gap={0} grow={1}>\n                <Text bold wrap={false}>\n                  {profile.name}\n                </Text>\n                <Text style=\"caption\" tone=\"muted\" wrap={false}>\n                  {profile.manufacturer} · {profile.connectionType}\n                </Text>\n              </VStack>\n              <Button\n                variant={profile.connected ? \"outline\" : \"solid\"}\n                tone={profile.connected ? \"default\" : \"primary\"}\n                agent={`connect:${profile.type}`}\n                onPress={dispatch(`connect:${profile.type}`)}\n              >\n                {profile.connected ? \"Manage\" : \"Connect\"}\n              </Button>\n            </HStack>\n          ))}\n        </List>\n      )}\n\n      <Divider label=\"actions\" />\n      <HStack gap={1} wrap>\n        <Button\n          variant=\"outline\"\n          tone=\"default\"\n          grow={1}\n          agent=\"xr-connect\"\n          onPress={dispatch(\"xr-connect\")}\n        >\n          XR Connect\n        </Button>\n        <Button\n          variant=\"outline\"\n          tone=\"default\"\n          grow={1}\n          agent=\"xr-status\"\n          onPress={dispatch(\"xr-status\")}\n        >\n          XR Status\n        </Button>\n        <Button\n          variant=\"ghost\"\n          tone=\"default\"\n          agent=\"refresh\"\n          onPress={dispatch(\"refresh\")}\n        >\n          Refresh\n        </Button>\n      </HStack>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/FacewearView.d.ts

@@ -0,0 +1,17 @@
+/**
+ * FacewearView — the single GUI/XR data wrapper for the Facewear surface.
+ *
+ * It owns the live device data (status fetch + 5s poll, connect routing, XR
+ * connect/status links, refresh) and renders the one presentational
+ * {@link FacewearSpatialView} inside a {@link SpatialSurface}. Omitting the
+ * `modality` prop lets `SpatialSurface` auto-detect GUI vs XR via
+ * `window.__elizaXRContext`, so the SAME component serves both surfaces. The TUI
+ * surface renders the same `FacewearSpatialView` through the terminal registry
+ * (see `register-terminal-view.tsx`).
+ *
+ * The full-screen GUI dashboard (`../ui/FacewearAppView.tsx`) is unchanged; it
+ * stays mounted as the app-shell page while this wrapper drives the
+ * manager/XR/TUI surfaces from the same status DTO.
+ */
+export declare function FacewearView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FacewearView.d.ts.map

package/dist/components/FacewearView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacewearView.d.ts","sourceRoot":"","sources":["../../src/components/FacewearView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA+BH,wBAAgB,YAAY,4CAuE3B"}

package/dist/components/FacewearView.js

@@ -0,0 +1,88 @@
+import { jsx } from "react/jsx-runtime";
+import { SpatialSurface } from "@elizaos/ui/spatial";
+import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  FacewearSpatialView
+} from "./FacewearSpatialView.js";
+import {
+  FACEWEAR_DEVICE_PROFILES,
+  isProfileConnected
+} from "./facewear-profiles.js";
+function routeConnect(deviceType) {
+  if (typeof window === "undefined") return;
+  if (deviceType === "even-realities") {
+    window.location.assign("/apps/smartglasses");
+    return;
+  }
+  window.open("/api/xr/connect", "_blank", "noopener,noreferrer");
+}
+function openXrPage(path) {
+  if (typeof window === "undefined") return;
+  window.open(path, "_blank", "noopener,noreferrer");
+}
+function FacewearView() {
+  const [devices, setDevices] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchStatus = useCallback(async () => {
+    try {
+      const res = await fetch("/api/facewear/status");
+      if (res.ok) {
+        const data = await res.json();
+        setDevices(data.devices);
+        setError(null);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const autoLoadedRef = useRef(false);
+  useEffect(() => {
+    if (!autoLoadedRef.current) {
+      autoLoadedRef.current = true;
+      void fetchStatus();
+    }
+    const interval = setInterval(() => void fetchStatus(), 5e3);
+    return () => clearInterval(interval);
+  }, [fetchStatus]);
+  const onAction = useCallback(
+    (action) => {
+      if (action.startsWith("connect:")) {
+        routeConnect(action.slice("connect:".length));
+        return;
+      }
+      switch (action) {
+        case "refresh":
+          void fetchStatus();
+          return;
+        case "xr-connect":
+          openXrPage("/api/xr/connect");
+          return;
+        case "xr-status":
+          openXrPage("/api/xr/status");
+          return;
+      }
+    },
+    [fetchStatus]
+  );
+  const snapshot = {
+    profiles: FACEWEAR_DEVICE_PROFILES.map((profile) => ({
+      type: profile.type,
+      name: profile.name,
+      manufacturer: profile.manufacturer,
+      connectionType: profile.connectionType,
+      connected: isProfileConnected(profile, devices)
+    })),
+    devices,
+    connectedCount: devices.length,
+    loading,
+    error
+  };
+  return /* @__PURE__ */ jsx(SpatialSurface, { children: /* @__PURE__ */ jsx(FacewearSpatialView, { snapshot, onAction }) });
+}
+export {
+  FacewearView
+};
+//# sourceMappingURL=FacewearView.js.map

package/dist/components/FacewearView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FacewearView.tsx"],"sourcesContent":["/**\n * FacewearView — the single GUI/XR data wrapper for the Facewear surface.\n *\n * It owns the live device data (status fetch + 5s poll, connect routing, XR\n * connect/status links, refresh) and renders the one presentational\n * {@link FacewearSpatialView} inside a {@link SpatialSurface}. Omitting the\n * `modality` prop lets `SpatialSurface` auto-detect GUI vs XR via\n * `window.__elizaXRContext`, so the SAME component serves both surfaces. The TUI\n * surface renders the same `FacewearSpatialView` through the terminal registry\n * (see `register-terminal-view.tsx`).\n *\n * The full-screen GUI dashboard (`../ui/FacewearAppView.tsx`) is unchanged; it\n * stays mounted as the app-shell page while this wrapper drives the\n * manager/XR/TUI surfaces from the same status DTO.\n */\n\nimport { SpatialSurface } from \"@elizaos/ui/spatial\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { FacewearDeviceType } from \"../devices/registry.js\";\nimport {\n  type FacewearSnapshot,\n  FacewearSpatialView,\n} from \"./FacewearSpatialView.js\";\nimport {\n  type ConnectedDevice,\n  FACEWEAR_DEVICE_PROFILES,\n  type FacewearStatusResponse,\n  isProfileConnected,\n} from \"./facewear-profiles.js\";\n\n/** Route a connect/manage request the same way the legacy dashboard does. */\nfunction routeConnect(deviceType: FacewearDeviceType): void {\n  if (typeof window === \"undefined\") return;\n  if (deviceType === \"even-realities\") {\n    window.location.assign(\"/apps/smartglasses\");\n    return;\n  }\n  window.open(\"/api/xr/connect\", \"_blank\", \"noopener,noreferrer\");\n}\n\nfunction openXrPage(path: string): void {\n  if (typeof window === \"undefined\") return;\n  window.open(path, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function FacewearView() {\n  const [devices, setDevices] = useState<ConnectedDevice[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const fetchStatus = useCallback(async (): Promise<void> => {\n    try {\n      const res = await fetch(\"/api/facewear/status\");\n      if (res.ok) {\n        const data = (await res.json()) as FacewearStatusResponse;\n        setDevices(data.devices);\n        setError(null);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  // Load on mount, then keep fresh with a quiet 5s poll. Torn down on unmount.\n  const autoLoadedRef = useRef(false);\n  useEffect(() => {\n    if (!autoLoadedRef.current) {\n      autoLoadedRef.current = true;\n      void fetchStatus();\n    }\n    const interval = setInterval(() => void fetchStatus(), 5000);\n    return () => clearInterval(interval);\n  }, [fetchStatus]);\n\n  const onAction = useCallback(\n    (action: string) => {\n      if (action.startsWith(\"connect:\")) {\n        routeConnect(action.slice(\"connect:\".length) as FacewearDeviceType);\n        return;\n      }\n      switch (action) {\n        case \"refresh\":\n          void fetchStatus();\n          return;\n        case \"xr-connect\":\n          openXrPage(\"/api/xr/connect\");\n          return;\n        case \"xr-status\":\n          openXrPage(\"/api/xr/status\");\n          return;\n      }\n    },\n    [fetchStatus],\n  );\n\n  const snapshot: FacewearSnapshot = {\n    profiles: FACEWEAR_DEVICE_PROFILES.map((profile) => ({\n      type: profile.type,\n      name: profile.name,\n      manufacturer: profile.manufacturer,\n      connectionType: profile.connectionType,\n      connected: isProfileConnected(profile, devices),\n    })),\n    devices,\n    connectedCount: devices.length,\n    loading,\n    error,\n  };\n\n  return (\n    <SpatialSurface>\n      <FacewearSpatialView snapshot={snapshot} onAction={onAction} />\n    </SpatialSurface>\n  );\n}\n"],"mappings":"AAiHM;AAjGN,SAAS,sBAAsB;AAC/B,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAEzD;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,EAEA;AAAA,OACK;AAGP,SAAS,aAAa,YAAsC;AAC1D,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,eAAe,kBAAkB;AACnC,WAAO,SAAS,OAAO,oBAAoB;AAC3C;AAAA,EACF;AACA,SAAO,KAAK,mBAAmB,UAAU,qBAAqB;AAChE;AAEA,SAAS,WAAW,MAAoB;AACtC,MAAI,OAAO,WAAW,YAAa;AACnC,SAAO,KAAK,MAAM,UAAU,qBAAqB;AACnD;AAEO,SAAS,eAAe;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI,SAA4B,CAAC,CAAC;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,cAAc,YAAY,YAA2B;AACzD,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,sBAAsB;AAC9C,UAAI,IAAI,IAAI;AACV,cAAM,OAAQ,MAAM,IAAI,KAAK;AAC7B,mBAAW,KAAK,OAAO;AACvB,iBAAS,IAAI;AAAA,MACf;AAAA,IACF,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC3D,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,QAAM,gBAAgB,OAAO,KAAK;AAClC,YAAU,MAAM;AACd,QAAI,CAAC,cAAc,SAAS;AAC1B,oBAAc,UAAU;AACxB,WAAK,YAAY;AAAA,IACnB;AACA,UAAM,WAAW,YAAY,MAAM,KAAK,YAAY,GAAG,GAAI;AAC3D,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,WAAW;AAAA,IACf,CAAC,WAAmB;AAClB,UAAI,OAAO,WAAW,UAAU,GAAG;AACjC,qBAAa,OAAO,MAAM,WAAW,MAAM,CAAuB;AAClE;AAAA,MACF;AACA,cAAQ,QAAQ;AAAA,QACd,KAAK;AACH,eAAK,YAAY;AACjB;AAAA,QACF,KAAK;AACH,qBAAW,iBAAiB;AAC5B;AAAA,QACF,KAAK;AACH,qBAAW,gBAAgB;AAC3B;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,WAA6B;AAAA,IACjC,UAAU,yBAAyB,IAAI,CAAC,aAAa;AAAA,MACnD,MAAM,QAAQ;AAAA,MACd,MAAM,QAAQ;AAAA,MACd,cAAc,QAAQ;AAAA,MACtB,gBAAgB,QAAQ;AAAA,MACxB,WAAW,mBAAmB,SAAS,OAAO;AAAA,IAChD,EAAE;AAAA,IACF;AAAA,IACA,gBAAgB,QAAQ;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,kBACC,8BAAC,uBAAoB,UAAoB,UAAoB,GAC/D;AAEJ;","names":[]}

package/dist/components/SmartglassesPanelView.d.ts

@@ -0,0 +1,22 @@
+/**
+ * SmartglassesPanelView — the single GUI/XR data wrapper for the Smartglasses
+ * operator panel.
+ *
+ * It owns a live subset of the smartglasses diagnostics (the computed
+ * {@link HardwareReport} the full dashboard publishes on
+ * `window.facewearSmartglassesReport`, plus the headset connected-state from
+ * `/api/facewear/status`) and renders the one presentational
+ * {@link SmartglassesSpatialView} inside a {@link SpatialSurface}. Omitting the
+ * `modality` prop lets `SpatialSurface` auto-detect GUI vs XR, so the SAME
+ * component serves both surfaces. The TUI surface renders the same
+ * `SmartglassesSpatialView` through the terminal registry (see
+ * `register-terminal-view.tsx`).
+ *
+ * The full BLE/transport dashboard (`../ui/SmartglassesView.tsx`) is unchanged;
+ * it stays mounted as the app-shell page (and is what publishes the live report
+ * this panel reads). Operator actions (`connect`, `run-check`, Wi-Fi, mic,
+ * display) are dispatched to the same native bridge the dashboard drives, so the
+ * panel is a real control surface rather than a static mirror.
+ */
+export declare function SmartglassesPanelView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SmartglassesPanelView.d.ts.map

package/dist/components/SmartglassesPanelView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartglassesPanelView.d.ts","sourceRoot":"","sources":["../../src/components/SmartglassesPanelView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAuDH,wBAAgB,qBAAqB,4CAiHpC"}

package/dist/components/SmartglassesPanelView.js

@@ -0,0 +1,140 @@
+import { jsx } from "react/jsx-runtime";
+import { SpatialSurface } from "@elizaos/ui/spatial";
+import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  callWifiBridge,
+  formatWifiStatus,
+  parseWifiNetworks
+} from "../ui/SmartglassesView.helpers.js";
+import {
+  SmartglassesSpatialView
+} from "./SmartglassesSpatialView.js";
+const DEFAULT_REPORT = {
+  ok: false,
+  generatedAt: "",
+  transport: null,
+  connected: false,
+  lenses: { left: "idle", right: "idle" },
+  scanDiagnosis: "not_scanned",
+  physicalBlocker: "not_connected",
+  setupHint: "Connect both left and right lenses as one headset before running validation.",
+  nextAction: "Connect Headset",
+  serialNumber: null,
+  tests: {},
+  missingEvidence: [],
+  events: [],
+  writes: [],
+  audio: [],
+  wifi: { available: false, status: "Not checked", networks: [] },
+  headsetState: {
+    physical: null,
+    battery: null,
+    batteryLevels: {},
+    device: null
+  }
+};
+function getBridge() {
+  if (typeof window === "undefined") return null;
+  return window.__mentraBridge ?? window.__evenBridge ?? null;
+}
+function readPublishedReport() {
+  if (typeof window === "undefined") return DEFAULT_REPORT;
+  return window.facewearSmartglassesReport ?? DEFAULT_REPORT;
+}
+function SmartglassesPanelView() {
+  const [report, setReport] = useState(readPublishedReport);
+  const [micEnabled, setMicEnabled] = useState(false);
+  const [activePlatform, setActivePlatform] = useState("desktop");
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const wifiSsid = report.wifi.networks[0] ?? "";
+  const wifiPassword = "";
+  const testText = "Smartglasses display test.";
+  const autoLoadedRef = useRef(false);
+  useEffect(() => {
+    const sync = () => setReport(readPublishedReport());
+    if (!autoLoadedRef.current) {
+      autoLoadedRef.current = true;
+      sync();
+    }
+    const interval = setInterval(sync, 5e3);
+    return () => clearInterval(interval);
+  }, []);
+  const runBridge = useCallback(
+    async (label, command, payload) => {
+      const bridge = getBridge();
+      if (!bridge) {
+        setError("Unavailable");
+        return;
+      }
+      setBusy(label);
+      setError(null);
+      try {
+        const result = await callWifiBridge(bridge, command, payload);
+        const networks = parseWifiNetworks(result);
+        setReport((current) => ({
+          ...current,
+          wifi: {
+            available: true,
+            status: formatWifiStatus(result, current.wifi.status),
+            networks: networks.length > 0 ? networks : current.wifi.networks
+          }
+        }));
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setBusy(null);
+      }
+    },
+    []
+  );
+  const onAction = useCallback(
+    (action) => {
+      if (action.startsWith("platform:")) {
+        setActivePlatform(
+          action.slice("platform:".length)
+        );
+        return;
+      }
+      switch (action) {
+        case "mic-toggle":
+          setMicEnabled((prev) => !prev);
+          return;
+        case "wifi-scan":
+          void runBridge("wifi-scan", "request_wifi_scan");
+          return;
+        case "wifi-status":
+          void runBridge("wifi-status", "request_wifi_status");
+          return;
+        case "wifi-save":
+          void runBridge("wifi-save", "set_wifi_credentials", {
+            ssid: wifiSsid.trim(),
+            password: wifiPassword
+          });
+          return;
+        case "connect":
+        case "run-check":
+        case "display-test":
+        case "clear-display":
+          setError("Open Smartglasses.");
+          return;
+      }
+    },
+    [runBridge, wifiSsid]
+  );
+  const snapshot = {
+    report,
+    micEnabled,
+    wifiSsid,
+    wifiPassword,
+    testText,
+    activePlatform,
+    busy,
+    error
+  };
+  return /* @__PURE__ */ jsx(SpatialSurface, { children: /* @__PURE__ */ jsx(SmartglassesSpatialView, { snapshot, onAction }) });
+}
+export {
+  SmartglassesPanelView
+};
+//# sourceMappingURL=SmartglassesPanelView.js.map

package/dist/components/SmartglassesPanelView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/SmartglassesPanelView.tsx"],"sourcesContent":["/**\n * SmartglassesPanelView — the single GUI/XR data wrapper for the Smartglasses\n * operator panel.\n *\n * It owns a live subset of the smartglasses diagnostics (the computed\n * {@link HardwareReport} the full dashboard publishes on\n * `window.facewearSmartglassesReport`, plus the headset connected-state from\n * `/api/facewear/status`) and renders the one presentational\n * {@link SmartglassesSpatialView} inside a {@link SpatialSurface}. Omitting the\n * `modality` prop lets `SpatialSurface` auto-detect GUI vs XR, so the SAME\n * component serves both surfaces. The TUI surface renders the same\n * `SmartglassesSpatialView` through the terminal registry (see\n * `register-terminal-view.tsx`).\n *\n * The full BLE/transport dashboard (`../ui/SmartglassesView.tsx`) is unchanged;\n * it stays mounted as the app-shell page (and is what publishes the live report\n * this panel reads). Operator actions (`connect`, `run-check`, Wi-Fi, mic,\n * display) are dispatched to the same native bridge the dashboard drives, so the\n * panel is a real control surface rather than a static mirror.\n */\n\nimport { SpatialSurface } from \"@elizaos/ui/spatial\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  callWifiBridge,\n  formatWifiStatus,\n  type HardwareReport,\n  parseWifiNetworks,\n  type SmartglassesBridge,\n} from \"../ui/SmartglassesView.helpers.js\";\nimport {\n  type SmartglassesPlatform,\n  type SmartglassesSnapshot,\n  SmartglassesSpatialView,\n} from \"./SmartglassesSpatialView.js\";\n\n/** Disconnected default report until the dashboard publishes a live one. */\nconst DEFAULT_REPORT: HardwareReport = {\n  ok: false,\n  generatedAt: \"\",\n  transport: null,\n  connected: false,\n  lenses: { left: \"idle\", right: \"idle\" },\n  scanDiagnosis: \"not_scanned\",\n  physicalBlocker: \"not_connected\",\n  setupHint:\n    \"Connect both left and right lenses as one headset before running validation.\",\n  nextAction: \"Connect Headset\",\n  serialNumber: null,\n  tests: {},\n  missingEvidence: [],\n  events: [],\n  writes: [],\n  audio: [],\n  wifi: { available: false, status: \"Not checked\", networks: [] },\n  headsetState: {\n    physical: null,\n    battery: null,\n    batteryLevels: {},\n    device: null,\n  },\n};\n\nfunction getBridge(): SmartglassesBridge | null {\n  if (typeof window === \"undefined\") return null;\n  return window.__mentraBridge ?? window.__evenBridge ?? null;\n}\n\n/** Read the live report the full dashboard publishes, falling back to default. */\nfunction readPublishedReport(): HardwareReport {\n  if (typeof window === \"undefined\") return DEFAULT_REPORT;\n  return window.facewearSmartglassesReport ?? DEFAULT_REPORT;\n}\n\nexport function SmartglassesPanelView() {\n  const [report, setReport] = useState<HardwareReport>(readPublishedReport);\n  const [micEnabled, setMicEnabled] = useState(false);\n  const [activePlatform, setActivePlatform] =\n    useState<SmartglassesPlatform>(\"desktop\");\n  const [busy, setBusy] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  // SSID / password / display text are typed in the full dashboard; the panel\n  // mirrors the dashboard's published values so its Wi-Fi/display Fields stay in\n  // sync (and `wifi-save` forwards them to the same bridge).\n  const wifiSsid = report.wifi.networks[0] ?? \"\";\n  const wifiPassword = \"\";\n  const testText = \"Smartglasses display test.\";\n\n  // Poll the published report so the panel tracks the dashboard's live state\n  // (the dashboard owns the transport; this panel mirrors + drives the bridge).\n  const autoLoadedRef = useRef(false);\n  useEffect(() => {\n    const sync = () => setReport(readPublishedReport());\n    if (!autoLoadedRef.current) {\n      autoLoadedRef.current = true;\n      sync();\n    }\n    const interval = setInterval(sync, 5000);\n    return () => clearInterval(interval);\n  }, []);\n\n  const runBridge = useCallback(\n    async (\n      label: string,\n      command: string,\n      payload?: Record<string, unknown>,\n    ) => {\n      const bridge = getBridge();\n      if (!bridge) {\n        setError(\"Unavailable\");\n        return;\n      }\n      setBusy(label);\n      setError(null);\n      try {\n        const result = await callWifiBridge(bridge, command, payload);\n        const networks = parseWifiNetworks(result);\n        setReport((current) => ({\n          ...current,\n          wifi: {\n            available: true,\n            status: formatWifiStatus(result, current.wifi.status),\n            networks: networks.length > 0 ? networks : current.wifi.networks,\n          },\n        }));\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n      } finally {\n        setBusy(null);\n      }\n    },\n    [],\n  );\n\n  const onAction = useCallback(\n    (action: string) => {\n      if (action.startsWith(\"platform:\")) {\n        setActivePlatform(\n          action.slice(\"platform:\".length) as SmartglassesPlatform,\n        );\n        return;\n      }\n      switch (action) {\n        case \"mic-toggle\":\n          setMicEnabled((prev) => !prev);\n          return;\n        case \"wifi-scan\":\n          void runBridge(\"wifi-scan\", \"request_wifi_scan\");\n          return;\n        case \"wifi-status\":\n          void runBridge(\"wifi-status\", \"request_wifi_status\");\n          return;\n        case \"wifi-save\":\n          void runBridge(\"wifi-save\", \"set_wifi_credentials\", {\n            ssid: wifiSsid.trim(),\n            password: wifiPassword,\n          });\n          return;\n        case \"connect\":\n        case \"run-check\":\n        case \"display-test\":\n        case \"clear-display\":\n          // The transport is owned by the full dashboard; surface the next step.\n          setError(\"Open Smartglasses.\");\n          return;\n      }\n    },\n    [runBridge, wifiSsid],\n  );\n\n  const snapshot: SmartglassesSnapshot = {\n    report,\n    micEnabled,\n    wifiSsid,\n    wifiPassword,\n    testText,\n    activePlatform,\n    busy,\n    error,\n  };\n\n  return (\n    <SpatialSurface>\n      <SmartglassesSpatialView snapshot={snapshot} onAction={onAction} />\n    </SpatialSurface>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/SmartglassesSpatialView.d.ts

@@ -0,0 +1,46 @@
+/**
+ * SmartglassesSpatialView - the Even Realities smartglasses diagnostics surface
+ * authored once with the spatial vocabulary, so it renders correctly wherever
+ * it is displayed:
+ *
+ *   - GUI / XR - mounted in `<SpatialSurface>` (DOM; XR scales up).
+ *   - TUI      - rendered to real terminal lines by the agent terminal, via
+ *                `registerSpatialTerminalView` (see `register-terminal-view.tsx`).
+ *
+ * It is purely presentational (a snapshot + an action callback in, primitives
+ * out) and imports only the cross-modality primitives plus a type-only view of
+ * the smartglasses report (`HardwareReport`, `GlassSide`), so it is safe to
+ * render in the Node agent process where the terminal lives (no transport or
+ * BLE runtime import).
+ *
+ * The full GUI dashboard (`SmartglassesView.tsx`) is unchanged; this view is the
+ * shared operator panel that reads the same computed `HardwareReport` the GUI
+ * builds, plus the live state the GUI tracks (Wi-Fi, mic, test text, events).
+ */
+import type { HardwareReport } from "../ui/SmartglassesView.helpers.js";
+export type SmartglassesPlatform = "desktop" | "ios" | "android";
+export interface SmartglassesSnapshot {
+    /** The computed hardware report - identical shape to the GUI's `report`. */
+    report: HardwareReport;
+    /** Live operator state the GUI tracks alongside the report. */
+    micEnabled: boolean;
+    wifiSsid: string;
+    wifiPassword: string;
+    testText: string;
+    activePlatform: SmartglassesPlatform;
+    /** Label of the in-flight operation, or null when idle. */
+    busy: string | null;
+    /** Last operator-facing error, or null. */
+    error: string | null;
+}
+export interface SmartglassesSpatialViewProps {
+    snapshot: SmartglassesSnapshot;
+    /**
+     * Dispatch by agent id: `connect`, `run-check`, `clear-display`,
+     * `display-test`, `mic-toggle`, `wifi-scan`, `wifi-status`, `wifi-save`,
+     * `platform:<desktop|ios|android>`.
+     */
+    onAction?: (action: string) => void;
+}
+export declare function SmartglassesSpatialView({ snapshot, onAction, }: SmartglassesSpatialViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SmartglassesSpatialView.d.ts.map

package/dist/components/SmartglassesSpatialView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartglassesSpatialView.d.ts","sourceRoot":"","sources":["../../src/components/SmartglassesSpatialView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAaH,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,mCAAmC,CAAC;AAO3C,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,4EAA4E;IAC5E,MAAM,EAAE,cAAc,CAAC;IACvB,+DAA+D;IAC/D,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,oBAAoB,CAAC;IACrC,2DAA2D;IAC3D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AA8CD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,2CAuO9B"}

package/dist/components/SmartglassesSpatialView.js

@@ -0,0 +1,240 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Card,
+  Divider,
+  Field,
+  HStack,
+  List,
+  Text
+} from "@elizaos/ui/spatial";
+const VISIBLE_TEST_LIMIT = 8;
+const VISIBLE_EVENT_LIMIT = 12;
+const VISIBLE_WIFI_LIMIT = 5;
+function lensTone(state) {
+  switch (state) {
+    case "connected":
+      return "success";
+    case "failed":
+      return "danger";
+    case "prompting":
+      return "warning";
+    default:
+      return "muted";
+  }
+}
+function lensMark(state) {
+  switch (state) {
+    case "connected":
+      return "[ok]";
+    case "failed":
+      return "[x]";
+    case "prompting":
+      return "[..]";
+    default:
+      return "[ ]";
+  }
+}
+function passTone(pass) {
+  return pass ? "success" : "muted";
+}
+function passMark(pass) {
+  return pass ? "[ok]" : "[ ]";
+}
+function batterySummary(levels) {
+  const parts = [];
+  if (typeof levels.left === "number") parts.push(`L ${levels.left}%`);
+  if (typeof levels.right === "number") parts.push(`R ${levels.right}%`);
+  return parts.length > 0 ? parts.join("  ") : null;
+}
+function SmartglassesSpatialView({
+  snapshot,
+  onAction
+}) {
+  const dispatch = (action) => () => onAction?.(action);
+  const { report } = snapshot;
+  const testEntries = Object.entries(report.tests);
+  const hiddenTests = Math.max(0, testEntries.length - VISIBLE_TEST_LIMIT);
+  const hiddenEvents = Math.max(0, report.events.length - VISIBLE_EVENT_LIMIT);
+  const hiddenWifi = Math.max(
+    0,
+    report.wifi.networks.length - VISIBLE_WIFI_LIMIT
+  );
+  const battery = batterySummary(report.headsetState.batteryLevels);
+  const eventStart = Math.max(0, report.events.length - VISIBLE_EVENT_LIMIT);
+  const recentEvents = report.events.slice(eventStart).map((event, offset) => ({ ...event, key: eventStart + offset })).reverse();
+  return /* @__PURE__ */ jsxs(Card, { gap: 1, padding: 1, children: [
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: "caption",
+          tone: report.ok ? "success" : report.connected ? "warning" : "danger",
+          grow: 1,
+          children: report.ok ? "validated" : report.connected ? "connected" : "disconnected"
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", children: snapshot.busy ? snapshot.busy : report.transport ?? "no transport" })
+    ] }),
+    snapshot.error ? /* @__PURE__ */ jsx(Text, { tone: "danger", style: "caption", children: snapshot.error }) : null,
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsxs(Text, { style: "caption", tone: lensTone(report.lenses.left), grow: 1, children: [
+        lensMark(report.lenses.left),
+        " left"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { style: "caption", tone: lensTone(report.lenses.right), grow: 1, children: [
+        lensMark(report.lenses.right),
+        " right"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", grow: 1, children: report.serialNumber ? `sn ${report.serialNumber}` : "sn unknown" }),
+      battery ? /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", children: battery }) : null
+    ] }),
+    report.setupHint ? /* @__PURE__ */ jsx(Text, { style: "caption", tone: "warning", children: report.setupHint }) : null,
+    /* @__PURE__ */ jsx(Divider, { label: "diagnostics" }),
+    /* @__PURE__ */ jsx(List, { gap: 0, children: testEntries.slice(0, VISIBLE_TEST_LIMIT).map(([name, pass]) => /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", agent: `test-${name}`, children: [
+      /* @__PURE__ */ jsx(Text, { tone: passTone(pass), children: passMark(pass) }),
+      /* @__PURE__ */ jsx(Text, { style: "caption", grow: 1, wrap: false, children: name })
+    ] }, name)) }),
+    hiddenTests > 0 ? /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      "+",
+      hiddenTests,
+      " checks"
+    ] }) : null,
+    /* @__PURE__ */ jsx(Divider, { label: "controls" }),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, wrap: true, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          grow: 1,
+          tone: report.connected ? "default" : "primary",
+          variant: report.connected ? "outline" : "solid",
+          agent: "connect",
+          onPress: dispatch("connect"),
+          children: report.connected ? "Reconnect" : "Connect"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          grow: 1,
+          agent: "run-check",
+          onPress: dispatch("run-check"),
+          children: "Run Check"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: snapshot.micEnabled ? "solid" : "outline",
+          tone: snapshot.micEnabled ? "success" : "default",
+          agent: "mic-toggle",
+          onPress: dispatch("mic-toggle"),
+          children: snapshot.micEnabled ? "Mic on" : "Mic off"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Display text",
+        value: snapshot.testText,
+        placeholder: "Text to send to both lenses",
+        agent: "test-text"
+      }
+    ),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, wrap: true, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          grow: 1,
+          agent: "display-test",
+          onPress: dispatch("display-test"),
+          children: "Send Display"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          tone: "danger",
+          agent: "clear-display",
+          onPress: dispatch("clear-display"),
+          children: "Clear"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { label: "wi-fi" }),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", grow: 1, wrap: false, children: report.wifi.status }),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: report.wifi.available ? "muted" : "danger", children: report.wifi.available ? "bridge" : "no bridge" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "SSID",
+        value: snapshot.wifiSsid,
+        placeholder: "Network name",
+        agent: "wifi-ssid"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Password",
+        kind: "password",
+        value: snapshot.wifiPassword,
+        placeholder: "Network password",
+        agent: "wifi-password"
+      }
+    ),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, wrap: true, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          grow: 1,
+          agent: "wifi-scan",
+          onPress: dispatch("wifi-scan"),
+          children: "Scan"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          grow: 1,
+          agent: "wifi-status",
+          onPress: dispatch("wifi-status"),
+          children: "Status"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { grow: 1, agent: "wifi-save", onPress: dispatch("wifi-save"), children: "Save Wi-Fi" })
+    ] }),
+    report.wifi.networks.length === 0 ? /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, children: report.wifi.networks.slice(0, VISIBLE_WIFI_LIMIT).map((network) => /* @__PURE__ */ jsx(Text, { style: "caption", wrap: false, children: network }, network)) }),
+    hiddenWifi > 0 ? /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      "+",
+      hiddenWifi,
+      " more"
+    ] }) : null,
+    /* @__PURE__ */ jsx(Divider, { label: "events" }),
+    report.events.length === 0 ? /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", align: "center", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, children: recentEvents.map((event) => /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "primary", wrap: false, children: event.type }),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", grow: 1, wrap: false, children: event.detail })
+    ] }, event.key)) }),
+    hiddenEvents > 0 ? /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      "+",
+      hiddenEvents,
+      " older events"
+    ] }) : null
+  ] });
+}
+export {
+  SmartglassesSpatialView
+};
+//# sourceMappingURL=SmartglassesSpatialView.js.map