@threenative/ui 0.3.3 → 0.3.4

package/dist/index.js

@@ -452,50 +452,39 @@ function useUiLayer(name) {
   }
   return value;
 }
-function DevFrameRateChip({ bridge }) {
-  const [fps, setFps] = useState(void 0);
+function DevSceneVerdict({ bridge }) {
   const [verdict, setVerdict] = useState(void 0);
   useEffect(
     () => bridge.onMessage((message) => {
       if (message.type !== UI_DEV_METRICS_MESSAGE) return;
-      const value = message.fps;
-      if (typeof value === "number" && Number.isFinite(value) && value > 0) setFps(value);
       const warning = message.sceneWarning;
       if (typeof warning === "string" && warning.length > 0) setVerdict(warning);
     }),
     [bridge]
   );
-  if (fps === void 0) return null;
+  if (verdict === void 0) return null;
   return (
     // `<output>` carries the status role natively, so the readout is announced without an ARIA
     // attribute standing in for an element that already means this.
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "output",
       {
-        className: "tn-dev-fps",
+        className: "tn-dev-scene-warning",
         style: {
           position: "absolute",
           top: 8,
           right: 8,
+          maxWidth: 420,
           padding: "2px 6px",
           borderRadius: 4,
           background: "rgba(0, 0, 0, 0.55)",
-          color: "#e8f0ff",
+          color: "#ffd98a",
           font: "500 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace",
+          whiteSpace: "normal",
           pointerEvents: "none",
           zIndex: 2147483647
         },
-        children: [
-          `${Math.round(fps)} fps`,
-          verdict === void 0 ? null : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "tn-dev-scene-warning",
-              style: { display: "block", maxWidth: 420, color: "#ffd98a", whiteSpace: "normal" },
-              children: verdict
-            }
-          )
-        ]
+        children: verdict
       }
     )
   );
@@ -527,7 +516,7 @@ function UiLayer({ children }) {
   if (value === void 0) return null;
   return /* @__PURE__ */ jsxs(UiLayerContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx(DevFrameRateChip, { bridge: value.bridge })
+    /* @__PURE__ */ jsx(DevSceneVerdict, { bridge: value.bridge })
   ] });
 }
 function useUiState(selector) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threenative/ui",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "license": "MIT",
   "description": "React bindings for mounting a ThreeNative game and reading throttled state.",
   "keywords": [
@@ -41,7 +41,7 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@threenative/core": ">=0.3.3 <0.4.0",
+    "@threenative/core": ">=0.3.4 <0.4.0",
     "react": ">=19.2.0 <20",
     "react-dom": ">=19.2.0 <20"
   },
@@ -55,7 +55,7 @@
     "react-test-renderer": "19.2.0",
     "tsup": "8.5.1",
     "typescript": "5.9.3",
-    "@threenative/core": "0.3.3"
+    "@threenative/core": "0.3.4"
   },
   "scripts": {
     "build": "tsup --config tsup.config.ts && publint",