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

package/dist/components/ScreenshareSpatialView.d.ts

@@ -0,0 +1,61 @@
+/**
+ * ScreenshareSpatialView - the screen-share operator 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, so it is safe to render
+ * in the Node agent process where the terminal lives (no DOM/browser import).
+ *
+ * The actual screen pixels are streamed in the external viewer page; this view
+ * is the session manager + capability dashboard (status, platform, frame/input
+ * counters, capabilities, connection details, and operator actions).
+ */
+export type ScreenshareSessionStatus = "active" | "stopped" | "idle";
+export interface ScreenshareSessionSnapshot {
+    id: string;
+    label: string;
+    status: ScreenshareSessionStatus;
+    platform: string;
+    frameCount: number;
+    inputCount: number;
+    /** Pre-formatted clock/relative time, or null when never. */
+    lastFrameAt: string | null;
+    lastInputAt: string | null;
+}
+export interface ScreenshareCapabilitySnapshot {
+    name: string;
+    available: boolean;
+    /** Backing tool/primitive name (e.g. the computeruse provider). */
+    tool: string;
+}
+export interface ScreenshareConnectionSnapshot {
+    /** Session token (already redacted to a short prefix by the host). */
+    token: string;
+    sessionId: string;
+    baseUrl: string;
+}
+export interface ScreenshareSnapshot {
+    platform: string;
+    session: ScreenshareSessionSnapshot | null;
+    capabilities: ScreenshareCapabilitySnapshot[];
+    host: ScreenshareConnectionSnapshot | null;
+    remote: ScreenshareConnectionSnapshot | null;
+    loading?: boolean;
+    busy?: string | null;
+    error?: string | null;
+}
+export interface ScreenshareSpatialViewProps {
+    snapshot: ScreenshareSnapshot;
+    /**
+     * Dispatch by action id: `start`, `stop`, `rotate`, `copy`, `open-viewer`,
+     * `connect`, `refresh`, plus the editable remote-connection fields
+     * `remote-base:<value>`, `remote-session:<value>`, `remote-token:<value>`.
+     */
+    onAction?: (action: string) => void;
+}
+export declare function ScreenshareSpatialView({ snapshot, onAction, }: ScreenshareSpatialViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreenshareSpatialView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshareSpatialView.d.ts","sourceRoot":"","sources":["../../src/components/ScreenshareSpatialView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAcH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,6BAA6B;IAC5C,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAC3C,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,IAAI,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC3C,MAAM,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAiBD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,mBAAmB,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,GACT,EAAE,2BAA2B,2CAyL7B"}

package/dist/components/ScreenshareSpatialView.js

@@ -0,0 +1,206 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Card,
+  Divider,
+  Field,
+  HStack,
+  List,
+  Text,
+  VStack
+} from "@elizaos/ui/spatial";
+function statusTone(status) {
+  switch (status) {
+    case "active":
+      return "success";
+    case "stopped":
+      return "danger";
+    default:
+      return "muted";
+  }
+}
+function capabilityMark(available) {
+  return available ? "ok" : "off";
+}
+function ScreenshareSpatialView({
+  snapshot,
+  onAction
+}) {
+  const dispatch = (action) => () => onAction?.(action);
+  const session = snapshot.session;
+  const isActive = session?.status === "active";
+  const liveCaps = snapshot.capabilities.filter((cap) => cap.available).length;
+  const remoteReady = Boolean(
+    snapshot.remote?.sessionId.trim() && snapshot.remote?.token.trim()
+  );
+  return /* @__PURE__ */ jsxs(Card, { gap: 1, padding: 1, children: [
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: "caption",
+          tone: isActive ? "success" : statusTone(session?.status ?? "idle"),
+          grow: 1,
+          children: snapshot.loading ? "loading" : session?.status ?? "idle"
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", children: snapshot.platform || "desktop" })
+    ] }),
+    snapshot.error ? /* @__PURE__ */ jsx(Text, { tone: "danger", style: "caption", children: snapshot.error }) : null,
+    /* @__PURE__ */ jsx(Divider, { label: "session" }),
+    session ? /* @__PURE__ */ jsxs(VStack, { gap: 0, children: [
+      /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { tone: statusTone(session.status), children: session.status === "active" ? ">" : "." }),
+        /* @__PURE__ */ jsx(Text, { bold: true, wrap: false, grow: 1, children: session.label || session.id }),
+        /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", children: session.platform })
+      ] }),
+      /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
+        /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", grow: 1, children: [
+          "frames ",
+          session.frameCount
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", grow: 1, children: [
+          "inputs ",
+          session.inputCount
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
+        /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", grow: 1, children: [
+          "last frame ",
+          session.lastFrameAt ?? "never"
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", grow: 1, children: [
+          "last input ",
+          session.lastInputAt ?? "never"
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "Idle" }),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, wrap: true, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          grow: 1,
+          agent: "start",
+          disabled: snapshot.busy === "start",
+          onPress: dispatch(isActive ? "rotate" : "start"),
+          children: isActive ? "Rotate" : "Start"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          grow: 1,
+          agent: "open-viewer",
+          disabled: !snapshot.host,
+          onPress: dispatch("open-viewer"),
+          children: "Open"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          agent: "copy",
+          disabled: !snapshot.host,
+          onPress: dispatch("copy"),
+          children: "Copy"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          tone: "danger",
+          agent: "stop",
+          disabled: !isActive,
+          onPress: dispatch("stop"),
+          children: "Stop"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { label: "capabilities" }),
+    /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      liveCaps,
+      " live / ",
+      snapshot.capabilities.length
+    ] }),
+    snapshot.capabilities.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, children: snapshot.capabilities.map((cap) => /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        gap: 1,
+        align: "center",
+        agent: `cap-${cap.name}`,
+        children: [
+          /* @__PURE__ */ jsx(Text, { tone: cap.available ? "success" : "danger", children: capabilityMark(cap.available) }),
+          /* @__PURE__ */ jsx(Text, { bold: true, wrap: false, grow: 1, children: cap.name }),
+          /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", wrap: false, children: cap.tool })
+        ]
+      },
+      cap.name
+    )) }),
+    /* @__PURE__ */ jsx(Divider, { label: "connect" }),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Remote server URL",
+        value: snapshot.remote?.baseUrl ?? "",
+        placeholder: "Server URL",
+        agent: "input-remote-base",
+        onChange: (value) => onAction?.(`remote-base:${value}`)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Remote session id",
+        value: snapshot.remote?.sessionId ?? "",
+        placeholder: "Session",
+        agent: "input-remote-session",
+        onChange: (value) => onAction?.(`remote-session:${value}`)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Remote session token",
+        value: snapshot.remote?.token ?? "",
+        placeholder: "Token",
+        kind: "password",
+        agent: "input-remote-token",
+        onChange: (value) => onAction?.(`remote-token:${value}`)
+      }
+    ),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          grow: 1,
+          variant: remoteReady ? "solid" : "outline",
+          tone: remoteReady ? "primary" : "default",
+          agent: "connect",
+          disabled: !remoteReady,
+          onPress: dispatch("connect"),
+          children: "Connect"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          agent: "refresh",
+          disabled: snapshot.loading,
+          onPress: dispatch("refresh"),
+          children: "Refresh"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ScreenshareSpatialView
+};
+//# sourceMappingURL=ScreenshareSpatialView.js.map

package/dist/components/ScreenshareSpatialView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ScreenshareSpatialView.tsx"],"sourcesContent":["/**\n * ScreenshareSpatialView - the screen-share operator surface authored once with\n * the spatial vocabulary, so it renders correctly wherever it is displayed:\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, so it is safe to render\n * in the Node agent process where the terminal lives (no DOM/browser import).\n *\n * The actual screen pixels are streamed in the external viewer page; this view\n * is the session manager + capability dashboard (status, platform, frame/input\n * counters, capabilities, connection details, and operator actions).\n */\n\nimport {\n  Button,\n  Card,\n  Divider,\n  Field,\n  HStack,\n  List,\n  type SpatialTone,\n  Text,\n  VStack,\n} from \"@elizaos/ui/spatial\";\n\nexport type ScreenshareSessionStatus = \"active\" | \"stopped\" | \"idle\";\n\nexport interface ScreenshareSessionSnapshot {\n  id: string;\n  label: string;\n  status: ScreenshareSessionStatus;\n  platform: string;\n  frameCount: number;\n  inputCount: number;\n  /** Pre-formatted clock/relative time, or null when never. */\n  lastFrameAt: string | null;\n  lastInputAt: string | null;\n}\n\nexport interface ScreenshareCapabilitySnapshot {\n  name: string;\n  available: boolean;\n  /** Backing tool/primitive name (e.g. the computeruse provider). */\n  tool: string;\n}\n\nexport interface ScreenshareConnectionSnapshot {\n  /** Session token (already redacted to a short prefix by the host). */\n  token: string;\n  sessionId: string;\n  baseUrl: string;\n}\n\nexport interface ScreenshareSnapshot {\n  platform: string;\n  session: ScreenshareSessionSnapshot | null;\n  capabilities: ScreenshareCapabilitySnapshot[];\n  host: ScreenshareConnectionSnapshot | null;\n  remote: ScreenshareConnectionSnapshot | null;\n  loading?: boolean;\n  busy?: string | null;\n  error?: string | null;\n}\n\nfunction statusTone(status: ScreenshareSessionStatus): SpatialTone {\n  switch (status) {\n    case \"active\":\n      return \"success\";\n    case \"stopped\":\n      return \"danger\";\n    default:\n      return \"muted\";\n  }\n}\n\nfunction capabilityMark(available: boolean): string {\n  return available ? \"ok\" : \"off\";\n}\n\nexport interface ScreenshareSpatialViewProps {\n  snapshot: ScreenshareSnapshot;\n  /**\n   * Dispatch by action id: `start`, `stop`, `rotate`, `copy`, `open-viewer`,\n   * `connect`, `refresh`, plus the editable remote-connection fields\n   * `remote-base:<value>`, `remote-session:<value>`, `remote-token:<value>`.\n   */\n  onAction?: (action: string) => void;\n}\n\nexport function ScreenshareSpatialView({\n  snapshot,\n  onAction,\n}: ScreenshareSpatialViewProps) {\n  const dispatch = (action: string) => () => onAction?.(action);\n  const session = snapshot.session;\n  const isActive = session?.status === \"active\";\n  const liveCaps = snapshot.capabilities.filter((cap) => cap.available).length;\n  // Connect is reachable once the draft has both a session id and a token; the\n  // base URL is optional (defaults to this host).\n  const remoteReady = Boolean(\n    snapshot.remote?.sessionId.trim() && snapshot.remote?.token.trim(),\n  );\n\n  return (\n    <Card gap={1} padding={1}>\n      <HStack gap={1} align=\"center\">\n        <Text\n          style=\"caption\"\n          tone={isActive ? \"success\" : statusTone(session?.status ?? \"idle\")}\n          grow={1}\n        >\n          {snapshot.loading ? \"loading\" : (session?.status ?? \"idle\")}\n        </Text>\n        <Text style=\"caption\" tone=\"muted\">\n          {snapshot.platform || \"desktop\"}\n        </Text>\n      </HStack>\n\n      {snapshot.error ? (\n        <Text tone=\"danger\" style=\"caption\">\n          {snapshot.error}\n        </Text>\n      ) : null}\n\n      <Divider label=\"session\" />\n      {session ? (\n        <VStack gap={0}>\n          <HStack gap={1} align=\"center\">\n            <Text tone={statusTone(session.status)}>\n              {session.status === \"active\" ? \">\" : \".\"}\n            </Text>\n            <Text bold wrap={false} grow={1}>\n              {session.label || session.id}\n            </Text>\n            <Text style=\"caption\" tone=\"muted\">\n              {session.platform}\n            </Text>\n          </HStack>\n          <HStack gap={1}>\n            <Text style=\"caption\" tone=\"muted\" grow={1}>\n              frames {session.frameCount}\n            </Text>\n            <Text style=\"caption\" tone=\"muted\" grow={1}>\n              inputs {session.inputCount}\n            </Text>\n          </HStack>\n          <HStack gap={1}>\n            <Text style=\"caption\" tone=\"muted\" grow={1}>\n              last frame {session.lastFrameAt ?? \"never\"}\n            </Text>\n            <Text style=\"caption\" tone=\"muted\" grow={1}>\n              last input {session.lastInputAt ?? \"never\"}\n            </Text>\n          </HStack>\n        </VStack>\n      ) : (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          Idle\n        </Text>\n      )}\n\n      <HStack gap={1} wrap>\n        <Button\n          grow={1}\n          agent=\"start\"\n          disabled={snapshot.busy === \"start\"}\n          onPress={dispatch(isActive ? \"rotate\" : \"start\")}\n        >\n          {isActive ? \"Rotate\" : \"Start\"}\n        </Button>\n        <Button\n          variant=\"outline\"\n          tone=\"default\"\n          grow={1}\n          agent=\"open-viewer\"\n          disabled={!snapshot.host}\n          onPress={dispatch(\"open-viewer\")}\n        >\n          Open\n        </Button>\n        <Button\n          variant=\"outline\"\n          tone=\"default\"\n          agent=\"copy\"\n          disabled={!snapshot.host}\n          onPress={dispatch(\"copy\")}\n        >\n          Copy\n        </Button>\n        <Button\n          variant=\"ghost\"\n          tone=\"danger\"\n          agent=\"stop\"\n          disabled={!isActive}\n          onPress={dispatch(\"stop\")}\n        >\n          Stop\n        </Button>\n      </HStack>\n\n      <Divider label=\"capabilities\" />\n      <Text style=\"caption\" tone=\"muted\">\n        {liveCaps} live / {snapshot.capabilities.length}\n      </Text>\n      {snapshot.capabilities.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          None\n        </Text>\n      ) : (\n        <List gap={0}>\n          {snapshot.capabilities.map((cap) => (\n            <HStack\n              key={cap.name}\n              gap={1}\n              align=\"center\"\n              agent={`cap-${cap.name}`}\n            >\n              <Text tone={cap.available ? \"success\" : \"danger\"}>\n                {capabilityMark(cap.available)}\n              </Text>\n              <Text bold wrap={false} grow={1}>\n                {cap.name}\n              </Text>\n              <Text style=\"caption\" tone=\"muted\" wrap={false}>\n                {cap.tool}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n\n      <Divider label=\"connect\" />\n      <Field\n        label=\"Remote server URL\"\n        value={snapshot.remote?.baseUrl ?? \"\"}\n        placeholder=\"Server URL\"\n        agent=\"input-remote-base\"\n        onChange={(value) => onAction?.(`remote-base:${value}`)}\n      />\n      <Field\n        label=\"Remote session id\"\n        value={snapshot.remote?.sessionId ?? \"\"}\n        placeholder=\"Session\"\n        agent=\"input-remote-session\"\n        onChange={(value) => onAction?.(`remote-session:${value}`)}\n      />\n      <Field\n        label=\"Remote session token\"\n        value={snapshot.remote?.token ?? \"\"}\n        placeholder=\"Token\"\n        kind=\"password\"\n        agent=\"input-remote-token\"\n        onChange={(value) => onAction?.(`remote-token:${value}`)}\n      />\n      <HStack gap={1}>\n        <Button\n          grow={1}\n          variant={remoteReady ? \"solid\" : \"outline\"}\n          tone={remoteReady ? \"primary\" : \"default\"}\n          agent=\"connect\"\n          disabled={!remoteReady}\n          onPress={dispatch(\"connect\")}\n        >\n          Connect\n        </Button>\n        <Button\n          variant=\"outline\"\n          tone=\"default\"\n          agent=\"refresh\"\n          disabled={snapshot.loading}\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/ScreenshareView.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ScreenshareView — the single GUI/XR data wrapper for the Screen Share surface.
+ *
+ * It owns the live operator data (capability fetch + poll, launched-session
+ * load, host start/stop/rotate, copy/open-viewer, remote connect, refresh) and
+ * renders the one presentational {@link ScreenshareSpatialView} 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 `ScreenshareSpatialView`
+ * through the terminal registry (see `register-terminal-view.tsx`).
+ */
+export declare function ScreenshareView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreenshareView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshareView.d.ts","sourceRoot":"","sources":["../../src/components/ScreenshareView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAyDH,wBAAgB,eAAe,4CA8P9B"}

package/dist/components/ScreenshareView.js

@@ -0,0 +1,263 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  client,
+  selectLatestRunForApp,
+  useAppSelector
+} from "@elizaos/ui";
+import { SpatialSurface } from "@elizaos/ui/spatial";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  buildViewerUrl,
+  fetchJson
+} from "../ui/ScreenshareOperatorSurface.helpers.js";
+import {
+  ScreenshareSpatialView
+} from "./ScreenshareSpatialView.js";
+const APP_NAME = "@elizaos/plugin-screenshare";
+function formatTime(value) {
+  if (!value) return null;
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? null : date.toLocaleTimeString();
+}
+function parseViewerSession(viewerUrl) {
+  if (!viewerUrl) return null;
+  try {
+    const url = new URL(viewerUrl, window.location.origin);
+    const sessionId = url.searchParams.get("sessionId")?.trim();
+    const token = url.searchParams.get("token")?.trim();
+    return sessionId && token ? { sessionId, token } : null;
+  } catch {
+    return null;
+  }
+}
+function toCapabilitySnapshots(capabilities) {
+  if (!capabilities) return [];
+  return Object.entries(capabilities.capabilities).map(([name, capability]) => ({
+    name,
+    available: capability.available,
+    tool: capability.tool
+  }));
+}
+function ScreenshareView() {
+  const appRuns = useAppSelector((s) => s.appRuns);
+  const { run } = useMemo(
+    () => selectLatestRunForApp(APP_NAME, appRuns),
+    [appRuns]
+  );
+  const launchedSession = useMemo(
+    () => parseViewerSession(run?.viewer?.url),
+    [run?.viewer?.url]
+  );
+  const [capabilities, setCapabilities] = useState(
+    null
+  );
+  const [hostSession, setHostSession] = useState(null);
+  const [hostToken, setHostToken] = useState(
+    launchedSession?.token ?? ""
+  );
+  const [remoteBase, setRemoteBase] = useState("");
+  const [remoteSessionId, setRemoteSessionId] = useState("");
+  const [remoteToken, setRemoteToken] = useState("");
+  const [busy, setBusy] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const loadCapabilities = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const next = await fetchJson(
+        "/api/apps/screenshare/capabilities"
+      );
+      setCapabilities(next);
+    } catch (caught) {
+      setError(
+        caught instanceof Error ? caught.message : "Failed to load capabilities."
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const autoLoadedRef = useRef(false);
+  useEffect(() => {
+    if (!autoLoadedRef.current) {
+      autoLoadedRef.current = true;
+      void loadCapabilities();
+    }
+    const interval = setInterval(() => {
+      void loadCapabilities();
+    }, 2e4);
+    return () => clearInterval(interval);
+  }, [loadCapabilities]);
+  useEffect(() => {
+    if (!launchedSession) return;
+    setHostToken(launchedSession.token);
+    void fetchJson(
+      `/api/apps/screenshare/session/${encodeURIComponent(
+        launchedSession.sessionId
+      )}?token=${encodeURIComponent(launchedSession.token)}`
+    ).then((next) => setHostSession(next.session)).catch(
+      (caught) => setError(
+        caught instanceof Error ? caught.message : "Failed to load screen share session."
+      )
+    );
+  }, [launchedSession]);
+  const startHostSession = useCallback(async () => {
+    setBusy("start");
+    setError(null);
+    try {
+      const response = await fetchJson(
+        "/api/apps/screenshare/session",
+        {
+          method: "POST",
+          body: JSON.stringify({ label: "This machine" })
+        }
+      );
+      setHostSession(response.session);
+      setHostToken(response.token);
+    } catch (caught) {
+      setError(
+        caught instanceof Error ? caught.message : "Failed to start session."
+      );
+    } finally {
+      setBusy(null);
+    }
+  }, []);
+  const stopHostSession = useCallback(async () => {
+    if (!hostSession || !hostToken) return;
+    setBusy("stop");
+    setError(null);
+    try {
+      const response = await fetchJson(
+        `/api/apps/screenshare/session/${encodeURIComponent(
+          hostSession.id
+        )}/stop`,
+        {
+          method: "POST",
+          body: JSON.stringify({ token: hostToken }),
+          headers: { "X-Screenshare-Token": hostToken }
+        }
+      );
+      setHostSession(response.session);
+    } catch (caught) {
+      setError(
+        caught instanceof Error ? caught.message : "Failed to stop session."
+      );
+    } finally {
+      setBusy(null);
+    }
+  }, [hostSession, hostToken]);
+  const copyHostDetails = useCallback(async () => {
+    if (!hostSession || !hostToken) return;
+    const viewerUrl = buildViewerUrl({
+      sessionId: hostSession.id,
+      token: hostToken
+    });
+    try {
+      await navigator.clipboard.writeText(
+        JSON.stringify(
+          {
+            serverUrl: client.getBaseUrl() || window.location.origin,
+            sessionId: hostSession.id,
+            token: hostToken,
+            viewerUrl
+          },
+          null,
+          2
+        )
+      );
+    } catch (caught) {
+      setError(
+        caught instanceof Error ? caught.message : "Clipboard write failed."
+      );
+    }
+  }, [hostSession, hostToken]);
+  const hostViewerUrl = hostSession && hostToken ? buildViewerUrl({ sessionId: hostSession.id, token: hostToken }) : null;
+  const remoteViewerUrl = remoteSessionId.trim() && remoteToken.trim() ? buildViewerUrl({
+    baseUrl: remoteBase,
+    sessionId: remoteSessionId.trim(),
+    token: remoteToken.trim()
+  }) : null;
+  const onAction = useCallback(
+    (action) => {
+      if (action.startsWith("remote-base:")) {
+        setRemoteBase(action.slice("remote-base:".length));
+        return;
+      }
+      if (action.startsWith("remote-session:")) {
+        setRemoteSessionId(action.slice("remote-session:".length));
+        return;
+      }
+      if (action.startsWith("remote-token:")) {
+        setRemoteToken(action.slice("remote-token:".length));
+        return;
+      }
+      switch (action) {
+        case "start":
+        case "rotate":
+          void startHostSession();
+          return;
+        case "stop":
+          void stopHostSession();
+          return;
+        case "copy":
+          void copyHostDetails();
+          return;
+        case "open-viewer":
+          if (hostViewerUrl) {
+            window.open(hostViewerUrl, "_blank", "noopener,noreferrer");
+          }
+          return;
+        case "connect":
+          if (remoteViewerUrl) {
+            window.open(remoteViewerUrl, "_blank", "noopener,noreferrer");
+          }
+          return;
+        case "refresh":
+          void loadCapabilities();
+          return;
+      }
+    },
+    [
+      copyHostDetails,
+      hostViewerUrl,
+      loadCapabilities,
+      remoteViewerUrl,
+      startHostSession,
+      stopHostSession
+    ]
+  );
+  const snapshot = {
+    platform: capabilities?.platform ?? hostSession?.platform ?? "desktop",
+    session: hostSession ? {
+      id: hostSession.id,
+      label: hostSession.label,
+      status: hostSession.status,
+      platform: hostSession.platform,
+      frameCount: hostSession.frameCount,
+      inputCount: hostSession.inputCount,
+      lastFrameAt: formatTime(hostSession.lastFrameAt),
+      lastInputAt: formatTime(hostSession.lastInputAt)
+    } : null,
+    capabilities: toCapabilitySnapshots(capabilities),
+    host: hostViewerUrl ? {
+      token: hostToken,
+      sessionId: hostSession?.id ?? "",
+      baseUrl: client.getBaseUrl() || ""
+    } : null,
+    // Always reflect the live draft so the connect fields render what the user
+    // typed; the spatial view derives Connect-enablement from session + token.
+    remote: remoteBase || remoteSessionId || remoteToken ? {
+      token: remoteToken,
+      sessionId: remoteSessionId,
+      baseUrl: remoteBase
+    } : null,
+    loading,
+    busy,
+    error
+  };
+  return /* @__PURE__ */ jsx(SpatialSurface, { children: /* @__PURE__ */ jsx(ScreenshareSpatialView, { snapshot, onAction }) });
+}
+export {
+  ScreenshareView
+};
+//# sourceMappingURL=ScreenshareView.js.map

package/dist/components/ScreenshareView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ScreenshareView.tsx"],"sourcesContent":["/**\n * ScreenshareView — the single GUI/XR data wrapper for the Screen Share surface.\n *\n * It owns the live operator data (capability fetch + poll, launched-session\n * load, host start/stop/rotate, copy/open-viewer, remote connect, refresh) and\n * renders the one presentational {@link ScreenshareSpatialView} inside a\n * {@link SpatialSurface}. Omitting the `modality` prop lets `SpatialSurface`\n * auto-detect GUI vs XR via `window.__elizaXRContext`, so the SAME component\n * serves both surfaces. The TUI surface renders the same `ScreenshareSpatialView`\n * through the terminal registry (see `register-terminal-view.tsx`).\n */\n\nimport {\n  client,\n  selectLatestRunForApp,\n  useAppSelector,\n} from \"@elizaos/ui\";\nimport { SpatialSurface } from \"@elizaos/ui/spatial\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  buildViewerUrl,\n  type CapabilitiesResponse,\n  fetchJson,\n  type PublicSession,\n  type StartSessionResponse,\n} from \"../ui/ScreenshareOperatorSurface.helpers.js\";\nimport {\n  type ScreenshareCapabilitySnapshot,\n  type ScreenshareSnapshot,\n  ScreenshareSpatialView,\n} from \"./ScreenshareSpatialView.js\";\n\nconst APP_NAME = \"@elizaos/plugin-screenshare\";\n\n/** Short clock time, or null when the underlying timestamp is absent. */\nfunction formatTime(value: string | null): string | null {\n  if (!value) return null;\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date.toLocaleTimeString();\n}\n\n/** Pull the launched session id + token out of a run's viewer URL. */\nfunction parseViewerSession(\n  viewerUrl: string | null | undefined,\n): { sessionId: string; token: string } | null {\n  if (!viewerUrl) return null;\n  try {\n    const url = new URL(viewerUrl, window.location.origin);\n    const sessionId = url.searchParams.get(\"sessionId\")?.trim();\n    const token = url.searchParams.get(\"token\")?.trim();\n    return sessionId && token ? { sessionId, token } : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction toCapabilitySnapshots(\n  capabilities: CapabilitiesResponse | null,\n): ScreenshareCapabilitySnapshot[] {\n  if (!capabilities) return [];\n  return Object.entries(capabilities.capabilities).map(([name, capability]) => ({\n    name,\n    available: capability.available,\n    tool: capability.tool,\n  }));\n}\n\nexport function ScreenshareView() {\n  const appRuns = useAppSelector((s) => s.appRuns);\n  const { run } = useMemo(\n    () => selectLatestRunForApp(APP_NAME, appRuns),\n    [appRuns],\n  );\n  const launchedSession = useMemo(\n    () => parseViewerSession(run?.viewer?.url),\n    [run?.viewer?.url],\n  );\n\n  const [capabilities, setCapabilities] = useState<CapabilitiesResponse | null>(\n    null,\n  );\n  const [hostSession, setHostSession] = useState<PublicSession | null>(null);\n  const [hostToken, setHostToken] = useState<string>(\n    launchedSession?.token ?? \"\",\n  );\n  const [remoteBase, setRemoteBase] = useState(\"\");\n  const [remoteSessionId, setRemoteSessionId] = useState(\"\");\n  const [remoteToken, setRemoteToken] = useState(\"\");\n  const [busy, setBusy] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const loadCapabilities = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const next = await fetchJson<CapabilitiesResponse>(\n        \"/api/apps/screenshare/capabilities\",\n      );\n      setCapabilities(next);\n    } catch (caught) {\n      setError(\n        caught instanceof Error\n          ? caught.message\n          : \"Failed to load capabilities.\",\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  // Load capabilities on mount, then keep them fresh with a quiet poll.\n  const autoLoadedRef = useRef(false);\n  useEffect(() => {\n    if (!autoLoadedRef.current) {\n      autoLoadedRef.current = true;\n      void loadCapabilities();\n    }\n    const interval = setInterval(() => {\n      void loadCapabilities();\n    }, 20_000);\n    return () => clearInterval(interval);\n  }, [loadCapabilities]);\n\n  // When launched with a viewer URL, hydrate the host session it points at.\n  useEffect(() => {\n    if (!launchedSession) return;\n    setHostToken(launchedSession.token);\n    void fetchJson<{ session: PublicSession }>(\n      `/api/apps/screenshare/session/${encodeURIComponent(\n        launchedSession.sessionId,\n      )}?token=${encodeURIComponent(launchedSession.token)}`,\n    )\n      .then((next) => setHostSession(next.session))\n      .catch((caught) =>\n        setError(\n          caught instanceof Error\n            ? caught.message\n            : \"Failed to load screen share session.\",\n        ),\n      );\n  }, [launchedSession]);\n\n  const startHostSession = useCallback(async () => {\n    setBusy(\"start\");\n    setError(null);\n    try {\n      const response = await fetchJson<StartSessionResponse>(\n        \"/api/apps/screenshare/session\",\n        {\n          method: \"POST\",\n          body: JSON.stringify({ label: \"This machine\" }),\n        },\n      );\n      setHostSession(response.session);\n      setHostToken(response.token);\n    } catch (caught) {\n      setError(\n        caught instanceof Error ? caught.message : \"Failed to start session.\",\n      );\n    } finally {\n      setBusy(null);\n    }\n  }, []);\n\n  const stopHostSession = useCallback(async () => {\n    if (!hostSession || !hostToken) return;\n    setBusy(\"stop\");\n    setError(null);\n    try {\n      const response = await fetchJson<{ session: PublicSession }>(\n        `/api/apps/screenshare/session/${encodeURIComponent(\n          hostSession.id,\n        )}/stop`,\n        {\n          method: \"POST\",\n          body: JSON.stringify({ token: hostToken }),\n          headers: { \"X-Screenshare-Token\": hostToken },\n        },\n      );\n      setHostSession(response.session);\n    } catch (caught) {\n      setError(\n        caught instanceof Error ? caught.message : \"Failed to stop session.\",\n      );\n    } finally {\n      setBusy(null);\n    }\n  }, [hostSession, hostToken]);\n\n  const copyHostDetails = useCallback(async () => {\n    if (!hostSession || !hostToken) return;\n    const viewerUrl = buildViewerUrl({\n      sessionId: hostSession.id,\n      token: hostToken,\n    });\n    try {\n      await navigator.clipboard.writeText(\n        JSON.stringify(\n          {\n            serverUrl: client.getBaseUrl() || window.location.origin,\n            sessionId: hostSession.id,\n            token: hostToken,\n            viewerUrl,\n          },\n          null,\n          2,\n        ),\n      );\n    } catch (caught) {\n      setError(\n        caught instanceof Error ? caught.message : \"Clipboard write failed.\",\n      );\n    }\n  }, [hostSession, hostToken]);\n\n  const hostViewerUrl =\n    hostSession && hostToken\n      ? buildViewerUrl({ sessionId: hostSession.id, token: hostToken })\n      : null;\n  const remoteViewerUrl =\n    remoteSessionId.trim() && remoteToken.trim()\n      ? buildViewerUrl({\n          baseUrl: remoteBase,\n          sessionId: remoteSessionId.trim(),\n          token: remoteToken.trim(),\n        })\n      : null;\n\n  const onAction = useCallback(\n    (action: string) => {\n      if (action.startsWith(\"remote-base:\")) {\n        setRemoteBase(action.slice(\"remote-base:\".length));\n        return;\n      }\n      if (action.startsWith(\"remote-session:\")) {\n        setRemoteSessionId(action.slice(\"remote-session:\".length));\n        return;\n      }\n      if (action.startsWith(\"remote-token:\")) {\n        setRemoteToken(action.slice(\"remote-token:\".length));\n        return;\n      }\n      switch (action) {\n        case \"start\":\n        case \"rotate\":\n          void startHostSession();\n          return;\n        case \"stop\":\n          void stopHostSession();\n          return;\n        case \"copy\":\n          void copyHostDetails();\n          return;\n        case \"open-viewer\":\n          if (hostViewerUrl) {\n            window.open(hostViewerUrl, \"_blank\", \"noopener,noreferrer\");\n          }\n          return;\n        case \"connect\":\n          if (remoteViewerUrl) {\n            window.open(remoteViewerUrl, \"_blank\", \"noopener,noreferrer\");\n          }\n          return;\n        case \"refresh\":\n          void loadCapabilities();\n          return;\n      }\n    },\n    [\n      copyHostDetails,\n      hostViewerUrl,\n      loadCapabilities,\n      remoteViewerUrl,\n      startHostSession,\n      stopHostSession,\n    ],\n  );\n\n  const snapshot: ScreenshareSnapshot = {\n    platform: capabilities?.platform ?? hostSession?.platform ?? \"desktop\",\n    session: hostSession\n      ? {\n          id: hostSession.id,\n          label: hostSession.label,\n          status: hostSession.status,\n          platform: hostSession.platform,\n          frameCount: hostSession.frameCount,\n          inputCount: hostSession.inputCount,\n          lastFrameAt: formatTime(hostSession.lastFrameAt),\n          lastInputAt: formatTime(hostSession.lastInputAt),\n        }\n      : null,\n    capabilities: toCapabilitySnapshots(capabilities),\n    host: hostViewerUrl\n      ? {\n          token: hostToken,\n          sessionId: hostSession?.id ?? \"\",\n          baseUrl: client.getBaseUrl() || \"\",\n        }\n      : null,\n    // Always reflect the live draft so the connect fields render what the user\n    // typed; the spatial view derives Connect-enablement from session + token.\n    remote:\n      remoteBase || remoteSessionId || remoteToken\n        ? {\n            token: remoteToken,\n            sessionId: remoteSessionId,\n            baseUrl: remoteBase,\n          }\n        : null,\n    loading,\n    busy,\n    error,\n  };\n\n  return (\n    <SpatialSurface>\n      <ScreenshareSpatialView snapshot={snapshot} onAction={onAction} />\n    </SpatialSurface>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from "@elizaos/core";
+import { handleAppRoutes, prepareLaunch, refreshRunSession, resolveLaunchSession, stopRun } from "./routes.js";
+import { SCREENSHARE_APP_NAME, SCREENSHARE_DISPLAY_NAME } from "./session-store.js";
+export declare const screensharePlugin: Plugin;
+export { handleAppRoutes, prepareLaunch, refreshRunSession, resolveLaunchSession, SCREENSHARE_APP_NAME, SCREENSHARE_DISPLAY_NAME, stopRun, };
+export default screensharePlugin;
+export * from "./routes.js";
+export * from "./ui/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EACR,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AA2B5B,eAAO,MAAM,iBAAiB,QAG7B,CAAC;AAEF,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,OAAO,GACR,CAAC;AAEF,eAAe,iBAAiB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}