oomi-ai 0.2.49 → 0.3.0

package/templates/persona-app/src/pages/ScenePage.tsx

@@ -1,158 +0,0 @@
-import { useEffect } from "react";
-import { Link } from "react-router-dom";
-import "../App.css";
-import { personaConfig } from "../persona/config";
-import { personaNotes } from "../persona/notes";
-import {
-  WEBSPATIAL_FORK_COMMIT,
-  configurePersonaScene,
-  detectSpatialEnvironment,
-  xrStyle,
-} from "../spatial";
-
-const spatialWorkflows = [
-  {
-    title: "Primary workspace panel",
-    body: "Use this as the main operator surface for the persona's task instead of duplicating a generic homepage.",
-  },
-  {
-    title: "Secondary workspace panel",
-    body: "Reserve a separate surface for supporting context, previews, or step-by-step controls so the XR scene reads as a composed environment.",
-  },
-];
-
-const sceneChips = [
-  "header surface",
-  "workspace panel",
-  "status panel",
-  "completion panel",
-  "tool tray",
-];
-
-export function ScenePage() {
-  const environment = detectSpatialEnvironment();
-
-  useEffect(() => {
-    configurePersonaScene();
-
-    const snapshot = detectSpatialEnvironment();
-    console.info("[persona] spatial runtime", snapshot);
-  }, []);
-
-  return (
-    <main className="scene-shell">
-      <header className="scene-header" enable-xr style={xrStyle(14, "thin")}>
-        <div>
-          <p className="scene-eyebrow">Spatial Scene</p>
-          <h1 className="scene-title">{personaConfig.name}</h1>
-          <p className="scene-copy">
-            {personaConfig.description} This route is the default experience when Oomi opens the
-            app inside the WebSpatial runtime, so it should behave like a real XR workspace instead
-            of a browser homepage.
-          </p>
-        </div>
-
-        <div className="scene-badge-stack">
-          <span className="scene-badge">{environment.isWebSpatial ? "WebSpatial active" : "Browser preview"}</span>
-          <span className="scene-badge">SDK {environment.sdkVersion}</span>
-          <span className="scene-badge">Fork {WEBSPATIAL_FORK_COMMIT.slice(0, 7)}</span>
-        </div>
-      </header>
-
-      <section className="scene-workspace-grid">
-        <article className="scene-surface scene-workspace-primary" enable-xr style={xrStyle(40, "thick")}>
-          <p className="scene-surface-label">Primary Workspace</p>
-          <h2 className="scene-surface-title">Make spatial panels the default, not the afterthought</h2>
-          <p className="scene-copy">
-            The mounted scene component is where the persona should bootstrap the scene, verify the
-            runtime, and lay out the main work surfaces. If the scene route only wraps a normal
-            home page, the app will still feel flat in-headset even when the SDK is bundled.
-          </p>
-
-          <div className="scene-step-grid">
-            {spatialWorkflows.map(workflow => (
-              <article key={workflow.title} className="scene-step-card">
-                <h3>{workflow.title}</h3>
-                <p>{workflow.body}</p>
-              </article>
-            ))}
-          </div>
-        </article>
-
-        <div className="scene-secondary-stack">
-          <aside className="scene-surface" enable-xr style={xrStyle(24, "thin")}>
-            <p className="scene-surface-label">Runtime Diagnostics</p>
-            <div className="scene-status-grid">
-              <div className="scene-status-row">
-                <span>isWebSpatial</span>
-                <span>{environment.isWebSpatial ? "true" : "false"}</span>
-              </div>
-              <div className="scene-status-row">
-                <span>hasBridge</span>
-                <span>{environment.hasBridge ? "true" : "false"}</span>
-              </div>
-              <div className="scene-status-row">
-                <span>hasWebSpatialData</span>
-                <span>{environment.hasWebSpatialData ? "true" : "false"}</span>
-              </div>
-              <div className="scene-status-row">
-                <span>nativeVersion</span>
-                <span>{environment.nativeVersion ?? "browser fallback"}</span>
-              </div>
-            </div>
-          </aside>
-
-          <aside className="scene-surface" enable-xr style={xrStyle(18, "thin")}>
-            <p className="scene-surface-label">Tool Tray</p>
-            <div className="scene-chip-row">
-              {sceneChips.map(chip => (
-                <span key={chip} className="scene-tool-chip">
-                  {chip}
-                </span>
-              ))}
-            </div>
-          </aside>
-        </div>
-      </section>
-
-      <section className="scene-support-grid">
-        <article className="scene-surface" enable-xr style={xrStyle(18, "thin")}>
-          <p className="scene-surface-label">Spatial Surface Checklist</p>
-          <h2 className="scene-surface-title">At least three authored panels</h2>
-          <p className="scene-copy">
-            Add <code>enable-xr</code> and <code>xrStyle()</code> to meaningful panels like the
-            scene header, the primary workspace, and supporting status or completion surfaces.
-          </p>
-        </article>
-
-        <article className="scene-surface" enable-xr style={xrStyle(28, "regular")}>
-          <p className="scene-surface-label">Completion Panel</p>
-          <h2 className="scene-surface-title">Keep the host transparent</h2>
-          <p className="scene-copy">
-            The XR shell should recede behind the panels. Use <code>html.is-spatial</code> styles
-            so the host background stays transparent while the authored panels carry material.
-          </p>
-        </article>
-
-        <article className="scene-surface" enable-xr style={xrStyle(22, "thin")}>
-          <p className="scene-surface-label">Agent Notes</p>
-          <ul className="scene-note-list">
-            {personaNotes.map(note => (
-              <li key={note}>{note}</li>
-            ))}
-          </ul>
-        </article>
-      </section>
-
-      <footer className="scene-footer">
-        <p className="scene-footer-copy">
-          Browser editing still lives at the non-spatial route while XR mode defaults directly into
-          the scene.
-        </p>
-        <Link className="scene-link" to="/home">
-          Open browser route
-        </Link>
-      </footer>
-    </main>
-  );
-}

package/templates/persona-app/src/persona/config.ts

@@ -1,6 +0,0 @@
-export const personaConfig = {
-  slug: "__OOMI_PERSONA_SLUG__",
-  name: "__OOMI_PERSONA_NAME__",
-  description: "__OOMI_PERSONA_DESCRIPTION__",
-  templateVersion: "__OOMI_TEMPLATE_VERSION__",
-};

package/templates/persona-app/src/persona/notes.ts

@@ -1,9 +0,0 @@
-export const personaNotes = [
-  "Keep persona-specific logic inside src/persona/ unless Oomi explicitly instructs otherwise.",
-  "Preserve the WebSpatial router basename, and default the index route to ScenePage whenever the runtime is running under the XR base path.",
-  "Call configurePersonaScene() from the mounted scene component and log detectSpatialEnvironment() when the scene boots.",
-  "Keep using the vendored AndroidXR-enabled WebSpatial fork instead of switching back to the stock npm packages.",
-  "Author multiple meaningful surfaces with explicit enable-xr, --xr-back, and --xr-background-material values so the app reads as spatial instead of one captured webpage.",
-  "Keep html.is-spatial shell styles transparent so the host recedes and the panels carry the visual material.",
-  "Do not remove public/oomi.runtime.json, public/oomi.health.json, or public/manifest.webmanifest.",
-];

package/templates/persona-app/src/spatial.ts

@@ -1,82 +0,0 @@
-import type { CSSProperties } from "react";
-import { initScene, version as webSpatialSdkVersion } from "@webspatial/react-sdk";
-
-export const PERSONA_SCENE_NAME = "personaScene";
-export const WEBSPATIAL_FORK_REPOSITORY = "https://github.com/zill4/webspatial-sdk";
-export const WEBSPATIAL_FORK_COMMIT = "ac4bd47eb14a894ffef34a4044ddd0bbd47f3e72";
-
-type SpatialWindow = Window & {
-  webspatialBridge?: unknown;
-  __WebSpatialData?: {
-    getNativeVersion?: () => string;
-  };
-};
-
-export type SpatialEnvironmentSnapshot = {
-  isWebSpatial: boolean;
-  sdkVersion: string;
-  nativeVersion: string | null;
-  hasBridge: boolean;
-  hasWebSpatialData: boolean;
-};
-
-export type XrStyle = CSSProperties & {
-  "--xr-back"?: number | string;
-  "--xr-background-material"?: string;
-};
-
-export function xrStyle(back: number, material: string): XrStyle {
-  return {
-    "--xr-back": String(back),
-    "--xr-background-material": material,
-  };
-}
-
-export function detectSpatialEnvironment(): SpatialEnvironmentSnapshot {
-  const typedWindow = window as SpatialWindow;
-  const userAgent = navigator.userAgent;
-  const userAgentVersion = userAgent.match(/WebSpatial\/([\d.]+)/)?.[1] ?? null;
-  const nativeVersion = (() => {
-    try {
-      return typedWindow.__WebSpatialData?.getNativeVersion?.() ?? userAgentVersion;
-    } catch {
-      return userAgentVersion;
-    }
-  })();
-
-  return {
-    isWebSpatial: userAgent.includes("WebSpatial/"),
-    sdkVersion: webSpatialSdkVersion,
-    nativeVersion,
-    hasBridge: typeof typedWindow.webspatialBridge !== "undefined",
-    hasWebSpatialData: typeof typedWindow.__WebSpatialData !== "undefined",
-  };
-}
-
-export function configurePersonaScene() {
-  initScene(
-    PERSONA_SCENE_NAME,
-    previous => ({
-      ...previous,
-      defaultSize: {
-        width: 1440,
-        height: 960,
-      },
-      resizability: {
-        minWidth: 960,
-        minHeight: 720,
-        maxWidth: 1800,
-        maxHeight: 1280,
-      },
-      worldAlignment: "gravityAligned",
-      worldScaling: "automatic",
-      baseplateVisibility: "hidden",
-    }),
-    { type: "window" },
-  );
-}
-
-export function openPersonaScene() {
-  configurePersonaScene();
-  window.open(`${__XR_ENV_BASE__}/scene`, PERSONA_SCENE_NAME);
-}

package/templates/persona-app/src/vite-env.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="vite/client" />
-
-declare const __XR_ENV_BASE__: string;

package/templates/persona-app/template.json

@@ -1,13 +0,0 @@
-{
-  "id": "persona-app",
-  "version": "v1",
-  "displayName": "Oomi Persona App",
-  "appKind": "oomi-persona-app",
-  "defaultPort": 4789,
-  "healthPath": "/webspatial/avp/oomi.health.json",
-  "startCommand": "npm run dev:avp",
-  "editableZones": [
-    "src/persona",
-    "persona"
-  ]
-}

package/templates/persona-app/tsconfig.app.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "jsxImportSource": "@webspatial/react-sdk",
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/templates/persona-app/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/templates/persona-app/tsconfig.node.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "jsxImportSource": "@webspatial/react-sdk",
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/templates/persona-app/vendor/webspatial/FORK.md

@@ -1,6 +0,0 @@
-This persona template vendors the AndroidXR-capable WebSpatial runtime packages from:
-
-- Repository: https://github.com/zill4/webspatial-sdk
-- Commit: ac4bd47eb14a894ffef34a4044ddd0bbd47f3e72
-
-Oomi uses these vendored packages for persona runtimes so OpenClaw installs the AndroidXR-enabled fork instead of the stock npm release.

package/templates/persona-app/vendor/webspatial/core-sdk/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Spatial Web
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.