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

package/dist/ui/ScreenshareOperatorSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/ScreenshareOperatorSurface.tsx"],"sourcesContent":["import {\n  type AgentElementRole,\n  type AppOperatorSurfaceProps,\n  Button,\n  type ButtonProps,\n  client,\n  Input,\n  type InputProps,\n  SurfaceEmptyState,\n  SurfaceSection,\n  selectLatestRunForApp,\n  useAppSelector,\n} from \"@elizaos/ui\";\nimport { useAgentElement } from \"@elizaos/ui/agent-surface\";\nimport {\n  CheckCircle2,\n  Copy,\n  ExternalLink,\n  type LucideIcon,\n  MonitorUp,\n  PlugZap,\n  Power,\n  RefreshCw,\n  XCircle,\n} from \"lucide-react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  buildViewerUrl,\n  type CapabilitiesResponse,\n  fetchJson,\n  loadScreenshareTuiState,\n  type PublicSession,\n  type StartSessionResponse,\n} from \"./ScreenshareOperatorSurface.helpers\";\n\nconst APP_NAME = \"@elizaos/plugin-screenshare\";\n\nfunction parseViewerSession(\n  viewerUrl: string | null | undefined,\n): { sessionId: string; token: string } | null {\n  if (!viewerUrl) {\n    return null;\n  }\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 formatTime(value: string | null): string {\n  if (!value) {\n    return \"Not yet\";\n  }\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? \"Not yet\" : date.toLocaleTimeString();\n}\n\nfunction ScreenshareMetric({\n  icon: Icon,\n  label,\n  value,\n  active,\n}: {\n  icon: LucideIcon;\n  label: string;\n  value: string | number;\n  active?: boolean;\n}) {\n  return (\n    <div\n      className=\"flex min-h-16 flex-col items-center justify-center gap-1.5 px-3 py-2\"\n      title={label}\n      role=\"status\"\n      aria-label={`${label}: ${value}`}\n    >\n      <div className=\"flex items-center gap-1.5\">\n        <span\n          className={`h-1.5 w-1.5 shrink-0 rounded-full ${\n            active ? \"bg-accent\" : \"bg-muted/40\"\n          }`}\n          aria-hidden\n        />\n        <Icon\n          className={`h-3.5 w-3.5 ${active ? \"text-accent\" : \"text-muted\"}`}\n        />\n      </div>\n      <span\n        className={`truncate text-sm font-semibold ${\n          active ? \"text-txt\" : \"text-muted-strong\"\n        }`}\n      >\n        {value}\n      </span>\n    </div>\n  );\n}\n\nfunction ScreenshareActionButton({\n  agentId,\n  label,\n  group,\n  description,\n  status,\n  ...buttonProps\n}: ButtonProps & {\n  agentId: string;\n  label: string;\n  group: string;\n  description: string;\n  status?: \"active\" | \"inactive\";\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: agentId,\n    role: \"button\",\n    label,\n    group,\n    description,\n    ...(status ? { status } : {}),\n  });\n  return (\n    <Button ref={ref} aria-label={label} {...agentProps} {...buttonProps} />\n  );\n}\n\nfunction ScreenshareField({\n  agentId,\n  label,\n  group,\n  description,\n  role = \"text-input\",\n  ...inputProps\n}: InputProps & {\n  agentId: string;\n  label: string;\n  group: string;\n  description: string;\n  role?: AgentElementRole;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLInputElement>({\n    id: agentId,\n    role,\n    label,\n    group,\n    description,\n    fillable: !inputProps.readOnly,\n  });\n  return <Input ref={ref} aria-label={label} {...agentProps} {...inputProps} />;\n}\n\nexport function ScreenshareOperatorSurface({\n  appName,\n  focus = \"all\",\n}: AppOperatorSurfaceProps) {\n  const appRuns = useAppSelector((s) => s.appRuns);\n  const setActionNotice = useAppSelector((s) => s.setActionNotice);\n  const { run } = useMemo(\n    () => selectLatestRunForApp(appName || APP_NAME, appRuns),\n    [appName, 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\n  const loadCapabilities = useCallback(async () => {\n    const next = await fetchJson<CapabilitiesResponse>(\n      \"/api/apps/screenshare/capabilities\",\n    );\n    setCapabilities(next);\n  }, []);\n\n  const loadLaunchedSession = useCallback(async () => {\n    if (!launchedSession) {\n      return;\n    }\n    setHostToken(launchedSession.token);\n    const next = await fetchJson<{ session: PublicSession }>(\n      `/api/apps/screenshare/session/${encodeURIComponent(\n        launchedSession.sessionId,\n      )}?token=${encodeURIComponent(launchedSession.token)}`,\n    );\n    setHostSession(next.session);\n  }, [launchedSession]);\n\n  useEffect(() => {\n    void loadCapabilities().catch((error) => {\n      setActionNotice(\n        error instanceof Error ? error.message : \"Failed to load capabilities.\",\n        \"error\",\n        3200,\n      );\n    });\n  }, [loadCapabilities, setActionNotice]);\n\n  useEffect(() => {\n    void loadLaunchedSession().catch((error) => {\n      setActionNotice(\n        error instanceof Error\n          ? error.message\n          : \"Failed to load screen share session.\",\n        \"error\",\n        3200,\n      );\n    });\n  }, [loadLaunchedSession, setActionNotice]);\n\n  const startHostSession = useCallback(async () => {\n    setBusy(\"start\");\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      setActionNotice(\"Screen share session started.\", \"success\", 2400);\n    } catch (error) {\n      setActionNotice(\n        error instanceof Error ? error.message : \"Failed to start session.\",\n        \"error\",\n        3600,\n      );\n    } finally {\n      setBusy(null);\n    }\n  }, [setActionNotice]);\n\n  const stopHostSession = useCallback(async () => {\n    if (!hostSession || !hostToken) {\n      return;\n    }\n    setBusy(\"stop\");\n    try {\n      const response = await fetchJson<{ session: PublicSession }>(\n        `/api/apps/screenshare/session/${encodeURIComponent(hostSession.id)}/stop`,\n        {\n          method: \"POST\",\n          body: JSON.stringify({ token: hostToken }),\n          headers: { \"X-Screenshare-Token\": hostToken },\n        },\n      );\n      setHostSession(response.session);\n      setActionNotice(\"Screen share session stopped.\", \"success\", 2400);\n    } catch (error) {\n      setActionNotice(\n        error instanceof Error ? error.message : \"Failed to stop session.\",\n        \"error\",\n        3600,\n      );\n    } finally {\n      setBusy(null);\n    }\n  }, [hostSession, hostToken, setActionNotice]);\n\n  const copyHostDetails = useCallback(async () => {\n    if (!hostSession || !hostToken) {\n      return;\n    }\n    const url = 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: url,\n          },\n          null,\n          2,\n        ),\n      );\n      setActionNotice(\"Screen share details copied.\", \"success\", 1800);\n    } catch (error) {\n      setActionNotice(\n        error instanceof Error ? error.message : \"Clipboard write failed.\",\n        \"error\",\n        3200,\n      );\n    }\n  }, [hostSession, hostToken, setActionNotice]);\n\n  const openViewer = useCallback((url: string) => {\n    window.open(url, \"_blank\", \"noopener,noreferrer\");\n  }, []);\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  if (focus === \"chat\") {\n    return <SurfaceEmptyState title=\"Screen Share\" body=\"\" />;\n  }\n\n  return (\n    <section className=\"flex min-h-0 flex-col gap-3 p-3\">\n      <SurfaceSection title=\"Host\">\n        <div className=\"grid grid-cols-3 gap-2\">\n          <ScreenshareMetric\n            icon={MonitorUp}\n            label=\"Session\"\n            value={hostSession?.status ?? \"idle\"}\n            active={hostSession?.status === \"active\"}\n          />\n          <ScreenshareMetric\n            icon={PlugZap}\n            label=\"Platform\"\n            value={capabilities?.platform ?? hostSession?.platform ?? \"desktop\"}\n            active={Boolean(capabilities?.platform || hostSession?.platform)}\n          />\n          <ScreenshareMetric\n            icon={\n              capabilities?.capabilities.headfulGui?.available\n                ? CheckCircle2\n                : XCircle\n            }\n            label=\"GUI\"\n            value=\"GUI\"\n            active={capabilities?.capabilities.headfulGui?.available}\n          />\n        </div>\n\n        <div className=\"mt-3 flex flex-col gap-2\">\n          <ScreenshareActionButton\n            agentId=\"action-start-host\"\n            label={\n              hostSession?.status === \"active\"\n                ? \"Rotate host session\"\n                : \"Start host session\"\n            }\n            group=\"host\"\n            description=\"Start or rotate the screen share session for this machine\"\n            type=\"button\"\n            size=\"sm\"\n            variant=\"default\"\n            className=\"h-10 w-full justify-center gap-2\"\n            onClick={() => void startHostSession()}\n            disabled={busy === \"start\"}\n          >\n            <MonitorUp className=\"h-4 w-4\" />\n            {hostSession?.status === \"active\"\n              ? \"Rotate session\"\n              : \"Start session\"}\n          </ScreenshareActionButton>\n          <div className=\"grid grid-cols-3 gap-2\">\n            <ScreenshareActionButton\n              agentId=\"action-open-host-viewer\"\n              label=\"Open host viewer\"\n              group=\"host\"\n              description=\"Open the viewer for the host screen share session\"\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-9 justify-center gap-1.5\"\n              onClick={() => hostViewerUrl && openViewer(hostViewerUrl)}\n              disabled={!hostViewerUrl}\n            >\n              <ExternalLink className=\"h-4 w-4\" />\n              Open\n            </ScreenshareActionButton>\n            <ScreenshareActionButton\n              agentId=\"action-copy-host-details\"\n              label=\"Copy host details\"\n              group=\"host\"\n              description=\"Copy the host session connection details to the clipboard\"\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-9 justify-center gap-1.5\"\n              onClick={() => void copyHostDetails()}\n              disabled={!hostSession || !hostToken}\n            >\n              <Copy className=\"h-4 w-4\" />\n              Copy\n            </ScreenshareActionButton>\n            <ScreenshareActionButton\n              agentId=\"action-stop-host\"\n              label=\"Stop host session\"\n              group=\"host\"\n              description=\"Stop the active host screen share session\"\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-9 justify-center gap-1.5\"\n              onClick={() => void stopHostSession()}\n              disabled={hostSession?.status !== \"active\"}\n            >\n              <Power className=\"h-4 w-4\" />\n              Stop\n            </ScreenshareActionButton>\n          </div>\n        </div>\n\n        {hostSession ? (\n          <div className=\"mt-3 grid grid-cols-2 gap-2\">\n            <ScreenshareMetric\n              icon={MonitorUp}\n              label=\"Frames\"\n              value={hostSession.frameCount}\n              active={hostSession.frameCount > 0}\n            />\n            <ScreenshareMetric\n              icon={PlugZap}\n              label=\"Inputs\"\n              value={hostSession.inputCount}\n              active={hostSession.inputCount > 0}\n            />\n            <ScreenshareMetric\n              icon={RefreshCw}\n              label=\"Last frame\"\n              value={formatTime(hostSession.lastFrameAt)}\n              active={hostSession.lastFrameAt !== null}\n            />\n            <ScreenshareMetric\n              icon={Power}\n              label=\"Last input\"\n              value={formatTime(hostSession.lastInputAt)}\n              active={hostSession.lastInputAt !== null}\n            />\n          </div>\n        ) : null}\n      </SurfaceSection>\n\n      <SurfaceSection title=\"Connect\">\n        <div className=\"grid gap-2\">\n          <ScreenshareField\n            agentId=\"input-remote-base\"\n            label=\"Remote server URL\"\n            group=\"connect\"\n            description=\"Server URL of the remote machine to connect to\"\n            value={remoteBase}\n            onChange={(event) => setRemoteBase(event.target.value)}\n            placeholder=\"Server URL\"\n            className=\"h-9 border-0 bg-transparent text-xs\"\n          />\n          <ScreenshareField\n            agentId=\"input-remote-session\"\n            label=\"Remote session id\"\n            group=\"connect\"\n            description=\"Session id of the remote screen share to connect to\"\n            value={remoteSessionId}\n            onChange={(event) => setRemoteSessionId(event.target.value)}\n            placeholder=\"Session\"\n            className=\"h-9 border-0 bg-transparent text-xs\"\n          />\n          <ScreenshareField\n            agentId=\"input-remote-token\"\n            label=\"Remote session token\"\n            group=\"connect\"\n            description=\"Token of the remote screen share to connect to\"\n            value={remoteToken}\n            onChange={(event) => setRemoteToken(event.target.value)}\n            placeholder=\"Token\"\n            className=\"h-9 border-0 bg-transparent text-xs\"\n          />\n        </div>\n        <div className=\"mt-3 flex gap-2\">\n          <ScreenshareActionButton\n            agentId=\"action-connect-remote\"\n            label=\"Connect to remote\"\n            group=\"connect\"\n            description=\"Open the viewer for the entered remote screen share\"\n            type=\"button\"\n            size=\"sm\"\n            variant={remoteViewerUrl ? \"default\" : \"outline\"}\n            className=\"h-10 flex-1 justify-center gap-2\"\n            onClick={() => remoteViewerUrl && openViewer(remoteViewerUrl)}\n            disabled={!remoteViewerUrl}\n          >\n            <PlugZap className=\"h-4 w-4\" />\n            Connect\n          </ScreenshareActionButton>\n          <ScreenshareActionButton\n            agentId=\"action-refresh-capabilities\"\n            label=\"Refresh capabilities\"\n            group=\"connect\"\n            description=\"Reload the host screen share capabilities\"\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            className=\"h-10 w-10 justify-center gap-2 px-0\"\n            onClick={() => void loadCapabilities()}\n            title=\"Refresh capabilities\"\n          >\n            <RefreshCw className=\"h-4 w-4\" />\n          </ScreenshareActionButton>\n        </div>\n      </SurfaceSection>\n\n      {capabilities ? (\n        <SurfaceSection title=\"Capabilities\">\n          <div className=\"grid grid-cols-3 gap-2\">\n            {Object.entries(capabilities.capabilities).map(\n              ([name, capability]) => (\n                <div\n                  key={name}\n                  className=\"flex min-h-14 items-center justify-center gap-2 px-3 py-2\"\n                  title={`${name}: ${capability.tool}`}\n                >\n                  {capability.available ? (\n                    <CheckCircle2 className=\"h-4 w-4 text-accent\" />\n                  ) : (\n                    <XCircle className=\"h-4 w-4 text-muted\" />\n                  )}\n                  <span\n                    className={\n                      capability.available\n                        ? \"truncate text-xs font-semibold text-txt\"\n                        : \"truncate text-xs font-semibold text-muted-strong\"\n                    }\n                  >\n                    {name}\n                  </span>\n                </div>\n              ),\n            )}\n          </div>\n        </SurfaceSection>\n      ) : null}\n    </section>\n  );\n}\n\nexport function ScreenshareTuiView() {\n  const [state, setState] = useState<Awaited<\n    ReturnType<typeof loadScreenshareTuiState>\n  > | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [lastAction, setLastAction] = useState(\"boot\");\n  const [error, setError] = useState<string | null>(null);\n\n  const refreshElement = useAgentElement<HTMLButtonElement>({\n    id: \"tui-refresh-sessions\",\n    role: \"button\",\n    label: \"Refresh sessions\",\n    group: \"tui-sessions\",\n    description: \"Reload the screen share sessions and capabilities\",\n    status: loading ? \"loading\" : \"idle\",\n  });\n\n  const refresh = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const next = await loadScreenshareTuiState();\n      setState(next);\n      setLastAction(\"refresh\");\n    } catch (caught) {\n      setState(null);\n      setError(\n        caught instanceof Error\n          ? caught.message\n          : \"Screen share refresh failed\",\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    void refresh();\n  }, [refresh]);\n\n  const activeSessions =\n    state?.sessions.sessions.filter((session) => session.status === \"active\") ??\n    [];\n  const viewState = {\n    viewType: \"tui\",\n    viewId: \"screenshare\",\n    platform: state?.capabilities.platform ?? null,\n    sessionCount: state?.sessions.sessions.length ?? 0,\n    activeSessionCount: activeSessions.length,\n    capabilities: state\n      ? Object.fromEntries(\n          Object.entries(state.capabilities.capabilities).map(\n            ([name, capability]) => [name, capability.available],\n          ),\n        )\n      : {},\n    loading,\n    lastAction,\n    error,\n  };\n\n  return (\n    <div\n      data-view-state={JSON.stringify(viewState)}\n      style={{\n        minHeight: \"100vh\",\n        background: \"#020617\",\n        color: \"#cbd5e1\",\n        fontFamily:\n          'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace',\n        padding: 20,\n      }}\n    >\n      <div\n        data-status={loading ? \"loading\" : \"ready\"}\n        style={{ color: \"#94a3b8\", marginBottom: 16 }}\n      >\n        {loading ? \"loading\" : (state?.capabilities.platform ?? \"unknown\")} |{\" \"}\n        {activeSessions.length} active sessions | {lastAction}\n      </div>\n\n      <div\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: \"1fr\",\n          gap: 16,\n        }}\n      >\n        <section\n          aria-label=\"Screen share sessions\"\n          style={{\n            padding: \"8px 0\",\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n              marginBottom: 10,\n            }}\n          >\n            <strong style={{ color: \"#e2e8f0\" }}>sessions</strong>\n            <button\n              ref={refreshElement.ref}\n              type=\"button\"\n              aria-label=\"Refresh sessions\"\n              onClick={() => void refresh()}\n              disabled={loading}\n              style={{\n                background: \"transparent\",\n                color: \"#a7f3d0\",\n                border: 0,\n                padding: \"4px 8px\",\n                cursor: loading ? \"not-allowed\" : \"pointer\",\n                fontFamily: \"inherit\",\n              }}\n              {...refreshElement.agentProps}\n            >\n              refresh\n            </button>\n          </div>\n          {error && <div style={{ color: \"#fca5a5\" }}>{error}</div>}\n          {(state?.sessions.sessions ?? []).map((session) => (\n            <div\n              key={session.id}\n              style={{\n                padding: \"8px 0\",\n              }}\n            >\n              <div style={{ color: \"#e2e8f0\" }}>\n                {session.id} / {session.status}\n              </div>\n              <div style={{ color: \"#94a3b8\" }}>\n                {session.label} frames {session.frameCount} inputs{\" \"}\n                {session.inputCount}\n              </div>\n              <div style={{ color: \"#64748b\" }}>\n                last frame {formatTime(session.lastFrameAt)} / last input{\" \"}\n                {formatTime(session.lastInputAt)}\n              </div>\n            </div>\n          ))}\n        </section>\n\n        <section\n          aria-label=\"Screen share capabilities\"\n          style={{\n            padding: \"8px 0\",\n          }}\n        >\n          <strong style={{ color: \"#e2e8f0\" }}>capabilities</strong>\n          <div style={{ color: \"#64748b\", margin: \"6px 0 14px\" }}>\n            {\n              Object.values(state?.capabilities.capabilities ?? {}).filter(\n                (capability) => capability.available,\n              ).length\n            }{\" \"}\n            live / {state?.sessions.sessions.length ?? 0} sessions\n          </div>\n          <div>\n            <span style={{ color: \"#64748b\" }}>platform</span>{\" \"}\n            {state?.capabilities.platform ?? \"unknown\"}\n          </div>\n          {Object.entries(state?.capabilities.capabilities ?? {}).map(\n            ([name, capability]) => (\n              <div key={name} style={{ padding: \"6px 0\" }}>\n                <span\n                  style={{\n                    color: capability.available ? \"#a7f3d0\" : \"#fca5a5\",\n                  }}\n                >\n                  {capability.available ? \"ok\" : \"off\"}\n                </span>{\" \"}\n                {name} via {capability.tool}\n              </div>\n            ),\n          )}\n        </section>\n      </div>\n    </div>\n  );\n}\n\n// The bundled view (GUI + XR + TUI) is the unified ScreenshareView spatial\n// source. This operator surface remains the in-process dashboard mounted via\n// the operator-surface registry; re-surface ScreenshareView here so callers of\n// the ui barrel reach the one bundled view component.\nexport { ScreenshareView } from \"../components/ScreenshareView.js\";\n"],"mappings":"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","names":[]}

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+import { ScreenshareOperatorSurface } from "./ScreenshareOperatorSurface";
+export { ScreenshareOperatorSurface };
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAO1E,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,10 @@
+import { registerOperatorSurface } from "@elizaos/ui";
+import { ScreenshareOperatorSurface } from "./ScreenshareOperatorSurface.js";
+registerOperatorSurface(
+  "@elizaos/plugin-screenshare",
+  ScreenshareOperatorSurface
+);
+export {
+  ScreenshareOperatorSurface
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/index.ts"],"sourcesContent":["import { registerOperatorSurface } from \"@elizaos/ui\";\nimport { ScreenshareOperatorSurface } from \"./ScreenshareOperatorSurface.js\";\n\nregisterOperatorSurface(\n  \"@elizaos/plugin-screenshare\",\n  ScreenshareOperatorSurface,\n);\n\nexport { ScreenshareOperatorSurface };\n"],"mappings":"AAAA,SAAS,+BAA+B;AACxC,SAAS,kCAAkC;AAE3C;AAAA,EACE;AAAA,EACA;AACF;","names":[]}

package/dist/ui/screenshare-view-bundle.d.ts

@@ -0,0 +1,3 @@
+export { interact } from "./ScreenshareOperatorSurface.interact";
+export { ScreenshareView } from "../components/ScreenshareView";
+//# sourceMappingURL=screenshare-view-bundle.d.ts.map

package/dist/ui/screenshare-view-bundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshare-view-bundle.d.ts","sourceRoot":"","sources":["../../src/ui/screenshare-view-bundle.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/ui/screenshare-view-bundle.js

@@ -0,0 +1,7 @@
+import { interact } from "./ScreenshareOperatorSurface.interact";
+import { ScreenshareView } from "../components/ScreenshareView.js";
+export {
+  ScreenshareView,
+  interact
+};
+//# sourceMappingURL=screenshare-view-bundle.js.map

package/dist/ui/screenshare-view-bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/screenshare-view-bundle.ts"],"sourcesContent":["// Vite view-bundle entry. Re-exports the unified spatial view component plus the\n// `interact` capability handler so the built bundle (dist/views/bundle.js)\n// exposes the named exports the view loader reads (`ScreenshareView`,\n// `interact`). One source drives GUI, XR, and TUI. Kept separate from\n// ScreenshareView.tsx so that file exports only React components and stays\n// Fast-Refresh-compatible in dev.\nexport { interact } from \"./ScreenshareOperatorSurface.interact\";\nexport { ScreenshareView } from \"../components/ScreenshareView.js\";\n"],"mappings":"AAMA,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;","names":[]}

package/dist/views/bundle.js

@@ -0,0 +1,507 @@
+import { client as e, selectLatestRunForApp as t, useAppSelector as n } from "@elizaos/ui";
+import { Button as r, Card as i, Divider as a, Field as o, HStack as s, List as c, SpatialSurface as l, Text as u, VStack as d } from "@elizaos/ui/spatial";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/ui/ScreenshareOperatorSurface.helpers.ts
+function y(t) {
+	let n = e.getBaseUrl();
+	return n ? `${n}${t}` : t;
+}
+async function b(t, n) {
+	let r = e.getRestAuthToken(), i = await fetch(y(t), {
+		...n,
+		headers: {
+			...n?.body ? { "Content-Type": "application/json" } : {},
+			...r ? { Authorization: `Bearer ${r}` } : {},
+			...n?.headers
+		}
+	}), a = await i.json().catch(() => null);
+	if (!i.ok) {
+		let e = a && typeof a == "object" && "error" in a && typeof a.error == "string" ? a.error : `Request failed (${i.status})`;
+		throw Error(e);
+	}
+	return a;
+}
+function x(e) {
+	let t = new URLSearchParams({
+		sessionId: e.sessionId,
+		token: e.token
+	}), n = e.baseUrl?.trim().replace(/\/+$/, "") ?? "";
+	return n ? (t.set("remoteBase", n), `${n}/api/apps/screenshare/viewer?${t.toString()}`) : y(`/api/apps/screenshare/viewer?${t.toString()}`);
+}
+async function S() {
+	let [e, t] = await Promise.all([b("/api/apps/screenshare/capabilities"), b("/api/apps/screenshare/sessions")]);
+	return {
+		capabilities: e,
+		sessions: t
+	};
+}
+//#endregion
+//#region src/ui/ScreenshareOperatorSurface.interact.ts
+async function C(e, t) {
+	if (e === "terminal-screenshare-state") return {
+		viewType: "tui",
+		...await S()
+	};
+	if (e === "terminal-screenshare-start") return {
+		viewType: "tui",
+		...await b("/api/apps/screenshare/session", {
+			method: "POST",
+			body: JSON.stringify({ label: typeof t?.label == "string" ? t.label : "Terminal" })
+		})
+	};
+	if (e === "terminal-screenshare-session") {
+		let e = typeof t?.sessionId == "string" ? t.sessionId.trim() : "", n = typeof t?.token == "string" ? t.token.trim() : "";
+		if (!e) throw Error("sessionId is required");
+		if (!n) throw Error("token is required");
+		return {
+			viewType: "tui",
+			...await b(`/api/apps/screenshare/session/${encodeURIComponent(e)}?token=${encodeURIComponent(n)}`)
+		};
+	}
+	if (e === "terminal-screenshare-stop") {
+		let e = typeof t?.sessionId == "string" ? t.sessionId.trim() : "", n = typeof t?.token == "string" ? t.token.trim() : "";
+		if (!e) throw Error("sessionId is required");
+		if (!n) throw Error("token is required");
+		return {
+			viewType: "tui",
+			...await b(`/api/apps/screenshare/session/${encodeURIComponent(e)}/stop`, {
+				method: "POST",
+				body: JSON.stringify({ token: n }),
+				headers: { "X-Screenshare-Token": n }
+			})
+		};
+	}
+	if (e === "terminal-screenshare-input") {
+		let e = typeof t?.sessionId == "string" ? t.sessionId.trim() : "", n = typeof t?.token == "string" ? t.token.trim() : "";
+		if (!e) throw Error("sessionId is required");
+		if (!n) throw Error("token is required");
+		return {
+			viewType: "tui",
+			...await b(`/api/apps/screenshare/session/${encodeURIComponent(e)}/input`, {
+				method: "POST",
+				body: JSON.stringify({
+					token: n,
+					type: typeof t?.type == "string" ? t.type : "keypress",
+					keys: typeof t?.keys == "string" ? t.keys : void 0,
+					text: typeof t?.text == "string" ? t.text : void 0,
+					x: typeof t?.x == "number" ? t.x : void 0,
+					y: typeof t?.y == "number" ? t.y : void 0,
+					button: typeof t?.button == "string" ? t.button : void 0,
+					deltaY: typeof t?.deltaY == "number" ? t.deltaY : void 0
+				}),
+				headers: { "X-Screenshare-Token": n }
+			})
+		};
+	}
+	if (e === "terminal-screenshare-viewer-url") {
+		let e = typeof t?.sessionId == "string" ? t.sessionId.trim() : "", n = typeof t?.token == "string" ? t.token.trim() : "";
+		if (!e) throw Error("sessionId is required");
+		if (!n) throw Error("token is required");
+		return {
+			viewType: "tui",
+			viewerUrl: x({
+				baseUrl: typeof t?.baseUrl == "string" ? t.baseUrl : "",
+				sessionId: e,
+				token: n
+			})
+		};
+	}
+	throw Error(`Unsupported capability "${e}"`);
+}
+//#endregion
+//#region src/components/ScreenshareSpatialView.tsx
+function w(e) {
+	switch (e) {
+		case "active": return "success";
+		case "stopped": return "danger";
+		default: return "muted";
+	}
+}
+function T(e) {
+	return e ? "ok" : "off";
+}
+function E({ snapshot: e, onAction: t }) {
+	let n = (e) => () => t?.(e), l = e.session, f = l?.status === "active", p = e.capabilities.filter((e) => e.available).length, m = !!(e.remote?.sessionId.trim() && e.remote?.token.trim());
+	return /* @__PURE__ */ v(i, {
+		gap: 1,
+		padding: 1,
+		children: [
+			/* @__PURE__ */ v(s, {
+				gap: 1,
+				align: "center",
+				children: [/* @__PURE__ */ _(u, {
+					style: "caption",
+					tone: f ? "success" : w(l?.status ?? "idle"),
+					grow: 1,
+					children: e.loading ? "loading" : l?.status ?? "idle"
+				}), /* @__PURE__ */ _(u, {
+					style: "caption",
+					tone: "muted",
+					children: e.platform || "desktop"
+				})]
+			}),
+			e.error ? /* @__PURE__ */ _(u, {
+				tone: "danger",
+				style: "caption",
+				children: e.error
+			}) : null,
+			/* @__PURE__ */ _(a, { label: "session" }),
+			l ? /* @__PURE__ */ v(d, {
+				gap: 0,
+				children: [
+					/* @__PURE__ */ v(s, {
+						gap: 1,
+						align: "center",
+						children: [
+							/* @__PURE__ */ _(u, {
+								tone: w(l.status),
+								children: l.status === "active" ? ">" : "."
+							}),
+							/* @__PURE__ */ _(u, {
+								bold: !0,
+								wrap: !1,
+								grow: 1,
+								children: l.label || l.id
+							}),
+							/* @__PURE__ */ _(u, {
+								style: "caption",
+								tone: "muted",
+								children: l.platform
+							})
+						]
+					}),
+					/* @__PURE__ */ v(s, {
+						gap: 1,
+						children: [/* @__PURE__ */ v(u, {
+							style: "caption",
+							tone: "muted",
+							grow: 1,
+							children: ["frames ", l.frameCount]
+						}), /* @__PURE__ */ v(u, {
+							style: "caption",
+							tone: "muted",
+							grow: 1,
+							children: ["inputs ", l.inputCount]
+						})]
+					}),
+					/* @__PURE__ */ v(s, {
+						gap: 1,
+						children: [/* @__PURE__ */ v(u, {
+							style: "caption",
+							tone: "muted",
+							grow: 1,
+							children: ["last frame ", l.lastFrameAt ?? "never"]
+						}), /* @__PURE__ */ v(u, {
+							style: "caption",
+							tone: "muted",
+							grow: 1,
+							children: ["last input ", l.lastInputAt ?? "never"]
+						})]
+					})
+				]
+			}) : /* @__PURE__ */ _(u, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "Idle"
+			}),
+			/* @__PURE__ */ v(s, {
+				gap: 1,
+				wrap: !0,
+				children: [
+					/* @__PURE__ */ _(r, {
+						grow: 1,
+						agent: "start",
+						disabled: e.busy === "start",
+						onPress: n(f ? "rotate" : "start"),
+						children: f ? "Rotate" : "Start"
+					}),
+					/* @__PURE__ */ _(r, {
+						variant: "outline",
+						tone: "default",
+						grow: 1,
+						agent: "open-viewer",
+						disabled: !e.host,
+						onPress: n("open-viewer"),
+						children: "Open"
+					}),
+					/* @__PURE__ */ _(r, {
+						variant: "outline",
+						tone: "default",
+						agent: "copy",
+						disabled: !e.host,
+						onPress: n("copy"),
+						children: "Copy"
+					}),
+					/* @__PURE__ */ _(r, {
+						variant: "ghost",
+						tone: "danger",
+						agent: "stop",
+						disabled: !f,
+						onPress: n("stop"),
+						children: "Stop"
+					})
+				]
+			}),
+			/* @__PURE__ */ _(a, { label: "capabilities" }),
+			/* @__PURE__ */ v(u, {
+				style: "caption",
+				tone: "muted",
+				children: [
+					p,
+					" live / ",
+					e.capabilities.length
+				]
+			}),
+			e.capabilities.length === 0 ? /* @__PURE__ */ _(u, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "None"
+			}) : /* @__PURE__ */ _(c, {
+				gap: 0,
+				children: e.capabilities.map((e) => /* @__PURE__ */ v(s, {
+					gap: 1,
+					align: "center",
+					agent: `cap-${e.name}`,
+					children: [
+						/* @__PURE__ */ _(u, {
+							tone: e.available ? "success" : "danger",
+							children: T(e.available)
+						}),
+						/* @__PURE__ */ _(u, {
+							bold: !0,
+							wrap: !1,
+							grow: 1,
+							children: e.name
+						}),
+						/* @__PURE__ */ _(u, {
+							style: "caption",
+							tone: "muted",
+							wrap: !1,
+							children: e.tool
+						})
+					]
+				}, e.name))
+			}),
+			/* @__PURE__ */ _(a, { label: "connect" }),
+			/* @__PURE__ */ _(o, {
+				label: "Remote server URL",
+				value: e.remote?.baseUrl ?? "",
+				placeholder: "Server URL",
+				agent: "input-remote-base",
+				onChange: (e) => t?.(`remote-base:${e}`)
+			}),
+			/* @__PURE__ */ _(o, {
+				label: "Remote session id",
+				value: e.remote?.sessionId ?? "",
+				placeholder: "Session",
+				agent: "input-remote-session",
+				onChange: (e) => t?.(`remote-session:${e}`)
+			}),
+			/* @__PURE__ */ _(o, {
+				label: "Remote session token",
+				value: e.remote?.token ?? "",
+				placeholder: "Token",
+				kind: "password",
+				agent: "input-remote-token",
+				onChange: (e) => t?.(`remote-token:${e}`)
+			}),
+			/* @__PURE__ */ v(s, {
+				gap: 1,
+				children: [/* @__PURE__ */ _(r, {
+					grow: 1,
+					variant: m ? "solid" : "outline",
+					tone: m ? "primary" : "default",
+					agent: "connect",
+					disabled: !m,
+					onPress: n("connect"),
+					children: "Connect"
+				}), /* @__PURE__ */ _(r, {
+					variant: "outline",
+					tone: "default",
+					agent: "refresh",
+					disabled: e.loading,
+					onPress: n("refresh"),
+					children: "Refresh"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ScreenshareView.tsx
+var D = "@elizaos/plugin-screenshare";
+function O(e) {
+	if (!e) return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t.toLocaleTimeString();
+}
+function k(e) {
+	if (!e) return null;
+	try {
+		let t = new URL(e, window.location.origin), n = t.searchParams.get("sessionId")?.trim(), r = t.searchParams.get("token")?.trim();
+		return n && r ? {
+			sessionId: n,
+			token: r
+		} : null;
+	} catch {
+		return null;
+	}
+}
+function A(e) {
+	return e ? Object.entries(e.capabilities).map(([e, t]) => ({
+		name: e,
+		available: t.available,
+		tool: t.tool
+	})) : [];
+}
+function j() {
+	let r = n((e) => e.appRuns), { run: i } = m(() => t(D, r), [r]), a = m(() => k(i?.viewer?.url), [i?.viewer?.url]), [o, s] = g(null), [c, u] = g(null), [d, v] = g(a?.token ?? ""), [y, S] = g(""), [C, w] = g(""), [T, j] = g(""), [M, N] = g(null), [P, F] = g(!1), [I, L] = g(null), R = f(async () => {
+		F(!0), L(null);
+		try {
+			s(await b("/api/apps/screenshare/capabilities"));
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Failed to load capabilities.");
+		} finally {
+			F(!1);
+		}
+	}, []), z = h(!1);
+	p(() => {
+		z.current || (z.current = !0, R());
+		let e = setInterval(() => {
+			R();
+		}, 2e4);
+		return () => clearInterval(e);
+	}, [R]), p(() => {
+		a && (v(a.token), b(`/api/apps/screenshare/session/${encodeURIComponent(a.sessionId)}?token=${encodeURIComponent(a.token)}`).then((e) => u(e.session)).catch((e) => L(e instanceof Error ? e.message : "Failed to load screen share session.")));
+	}, [a]);
+	let B = f(async () => {
+		N("start"), L(null);
+		try {
+			let e = await b("/api/apps/screenshare/session", {
+				method: "POST",
+				body: JSON.stringify({ label: "This machine" })
+			});
+			u(e.session), v(e.token);
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Failed to start session.");
+		} finally {
+			N(null);
+		}
+	}, []), V = f(async () => {
+		if (!(!c || !d)) {
+			N("stop"), L(null);
+			try {
+				u((await b(`/api/apps/screenshare/session/${encodeURIComponent(c.id)}/stop`, {
+					method: "POST",
+					body: JSON.stringify({ token: d }),
+					headers: { "X-Screenshare-Token": d }
+				})).session);
+			} catch (e) {
+				L(e instanceof Error ? e.message : "Failed to stop session.");
+			} finally {
+				N(null);
+			}
+		}
+	}, [c, d]), H = f(async () => {
+		if (!c || !d) return;
+		let t = x({
+			sessionId: c.id,
+			token: d
+		});
+		try {
+			await navigator.clipboard.writeText(JSON.stringify({
+				serverUrl: e.getBaseUrl() || window.location.origin,
+				sessionId: c.id,
+				token: d,
+				viewerUrl: t
+			}, null, 2));
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Clipboard write failed.");
+		}
+	}, [c, d]), U = c && d ? x({
+		sessionId: c.id,
+		token: d
+	}) : null, W = C.trim() && T.trim() ? x({
+		baseUrl: y,
+		sessionId: C.trim(),
+		token: T.trim()
+	}) : null, G = f((e) => {
+		if (e.startsWith("remote-base:")) {
+			S(e.slice(12));
+			return;
+		}
+		if (e.startsWith("remote-session:")) {
+			w(e.slice(15));
+			return;
+		}
+		if (e.startsWith("remote-token:")) {
+			j(e.slice(13));
+			return;
+		}
+		switch (e) {
+			case "start":
+			case "rotate":
+				B();
+				return;
+			case "stop":
+				V();
+				return;
+			case "copy":
+				H();
+				return;
+			case "open-viewer":
+				U && window.open(U, "_blank", "noopener,noreferrer");
+				return;
+			case "connect":
+				W && window.open(W, "_blank", "noopener,noreferrer");
+				return;
+			case "refresh":
+				R();
+				return;
+		}
+	}, [
+		H,
+		U,
+		R,
+		W,
+		B,
+		V
+	]);
+	return /* @__PURE__ */ _(l, { children: /* @__PURE__ */ _(E, {
+		snapshot: {
+			platform: o?.platform ?? c?.platform ?? "desktop",
+			session: c ? {
+				id: c.id,
+				label: c.label,
+				status: c.status,
+				platform: c.platform,
+				frameCount: c.frameCount,
+				inputCount: c.inputCount,
+				lastFrameAt: O(c.lastFrameAt),
+				lastInputAt: O(c.lastInputAt)
+			} : null,
+			capabilities: A(o),
+			host: U ? {
+				token: d,
+				sessionId: c?.id ?? "",
+				baseUrl: e.getBaseUrl() || ""
+			} : null,
+			remote: y || C || T ? {
+				token: T,
+				sessionId: C,
+				baseUrl: y
+			} : null,
+			loading: P,
+			busy: M,
+			error: I
+		},
+		onAction: G
+	}) });
+}
+//#endregion
+export { j as ScreenshareView, C as interact };
+
+//# sourceMappingURL=bundle.js.map