@emseepea/create-react-ui-server 0.0.27 → 0.0.28

package/initializer-dist/template/package.json

@@ -18,7 +18,7 @@
     "@emseepea/feedback": "0.2.10",
     "playwright": "1.62.1",
     "axe-core": "4.13.0",
-    "@emseepea/testing": "0.9.14",
+    "@emseepea/testing": "0.10.0",
     "@types/node": "24.13.3",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",
@@ -31,7 +31,7 @@
   },
   "private": true,
   "dependencies": {
-    "@emseepea/react": "0.1.0",
+    "@emseepea/react": "0.2.0",
     "@emseepea/server": "0.11.0",
     "@emseepea/tailwind": "0.0.2",
     "react": "19.2.8",

package/initializer-dist/template/src/mcp-app.tsx

@@ -1,4 +1,4 @@
-import { ResultCard, useMcpApp } from "@emseepea/react";
+import { ResultCard, useMcpApp, useMcpTheme } from "@emseepea/react";
 import { defineResultView, type ResultView as ResultViewModel } from "@emseepea/server/ui";
 import { useEffect, useState } from "react";
 import { hydrateRoot } from "react-dom/client";
@@ -16,11 +16,12 @@ interface PlantingPlanResult {
 
 export function ResultApp() {
   const app = useMcpApp({ name: "Pea planting plan result", version: "1.0.0", parseResult: parsePlantingPlan });
+  const theme = useMcpTheme(app.hostContext.theme);
   const [action, setAction] = useState<"idle" | "sending" | "sent" | "error">("idle");
 
   useEffect(() => {
-    if (app.hostContext.theme) document.documentElement.dataset.emseepeaTheme = app.hostContext.theme;
-  }, [app.hostContext.theme]);
+    document.documentElement.dataset.emseepeaTheme = theme;
+  }, [theme]);
 
   const view = resultView(app, action);
   const act = async () => {

package/initializer-dist/template/test/server.test.mjs

@@ -83,7 +83,7 @@ test("the MCP Apps card completes initialization before rendering a result", asy
           protocolVersion: "2026-01-26",
           hostInfo: { name: "test-host", version: "1.0.0" },
           hostCapabilities: {},
-          hostContext: { theme: "light", displayMode: "inline" },
+          hostContext: { displayMode: "inline" },
         } }, "*");
       }
       if (event.data?.method === "ui/notifications/initialized") {
@@ -104,6 +104,7 @@ test("the MCP Apps card completes initialization before rendering a result", asy
     });
   });
   const frame = page.frames()[1];
+  await page.emulateMedia({ colorScheme: "dark" });
   await frame.setContent(content.text);
   const status = frame.locator("[data-emseepea-part='status']");
   await status.filter({ hasText: "1 sample pea variety matches." }).waitFor();
@@ -113,6 +114,9 @@ test("the MCP Apps card completes initialization before rendering a result", asy
   assert.match(await frame.locator("details li").textContent(), /Highland Snap, climbing snap pea/);
   assert.equal(await frame.locator("button").getAttribute("type"), "button");
   assert.equal(await frame.locator("button").getAttribute("aria-label"), "Ask for growing tips for these varieties");
+  assert.equal(await frame.locator("html").getAttribute("data-emseepea-theme"), "dark");
+  await page.emulateMedia({ colorScheme: "light" });
+  await frame.locator("html[data-emseepea-theme='light']").waitFor();
   await frame.addScriptTag({ path: require.resolve("axe-core/axe.min.js") });
   const accessibility = await frame.evaluate(() => window.axe.run(document));
   assert.deepEqual(accessibility.violations.map(({ id }) => id), []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emseepea/create-react-ui-server",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "description": "Create an Em See Pea server with an accessible React form.",
   "license": "MIT",
   "type": "module",
@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@emseepea/feedback": "0.2.10",
-    "@emseepea/react": "0.1.0",
+    "@emseepea/react": "0.2.0",
     "@emseepea/server": "0.11.0",
     "@emseepea/tailwind": "0.0.2",
     "react": "19.2.8",
@@ -27,7 +27,7 @@
     "@emseepea/example-ui-shared": "0.0.0",
     "playwright": "1.62.1",
     "axe-core": "4.13.0",
-    "@emseepea/testing": "0.9.14",
+    "@emseepea/testing": "0.10.0",
     "@types/node": "24.13.3",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",