@unoverse-platform/studio 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unoverse-platform/studio",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "type": "module",
   "description": "Unoverse Studio: the local authoring app. Reads your own rx/ folder, no backend.",
   "scripts": {

package/screens/ComponentsView.tsx

@@ -9,7 +9,7 @@ import { UnoverseComponent, type ResolvedTheme } from "@unoverse/sdk";
 import { client, authedFetch, hasSourceAccess } from "studio-host";
 import { SourceView } from "./SourceView";
 import { stateActivation } from "./states";
-import { usePersistentState, useRegistryToggles, ToggleSwitch } from "studio-host";
+import { usePersistentState } from "studio-host";
 
 const CHAT_ID = "demo";
 
@@ -31,7 +31,8 @@ interface ComponentDef {
   whenToUse?: string;
   category?: string;
   /** Spatial-CAPABLE: the component folder carries a manifest.json (server-projected).
-   *  Only capable components show the Spatial toggle — a basic component shows nothing. */
+   *  Capability, not activation: a capable component can be put on a workflow's map from
+   *  Canvas's Content Library. It gates the Meta panel here, nothing more. */
   spatial?: boolean;
   props?: Record<string, PropDef>;
   /** The node's input prop keys, derived server-side (= the node's configSchema).
@@ -56,7 +57,6 @@ const VIEWPORTS: { id: string; label: string; w: number | null }[] = [
 
 export function ComponentsView({ theme, org = "all" }: { theme: ResolvedTheme; org?: string }) {
   const store = useMemo(() => new ComponentStore(), []);
-  const spatial = useRegistryToggles("component");
   const [components, setComponents] = useState<ComponentDef[]>([]);
   const [selected, setSelected] = usePersistentState<string | null>("wb:components:selected", null);
   const [values, setValues] = useState<Record<string, unknown>>({}); // typed values → store/render
@@ -500,7 +500,11 @@ export function ComponentsView({ theme, org = "all" }: { theme: ResolvedTheme; o
             {/* Spatial toggle — ONLY for spatial-capable components (manifest.json present).
                 Same two-level model as templates/skills: this is Level 1 (workbench
                 eligibility); the Content Engine's per-workflow toggle is Level 2. */}
-            {current?.spatial && <ToggleSwitch on={spatial.isEnabled(current.name)} onClick={() => spatial.toggle(current.name)} label="Spatial" />}
+            {/* NO SPATIAL TOGGLE HERE. It wrote `plugin_state.enabled`, which the spatial catalogue
+                deliberately IGNORES (`routeRegistrySpatial`): published IS available. What is actually
+                on a map is the PER-WORKFLOW row, switched in Canvas's Content Library — spatial is
+                unique to each workflow, and this screen has no workflow. A control that reads as the
+                answer to "is this in spatial?" while writing where nothing reads is worse than none. */}
             {current?.spatial && (
               <button
                 onClick={() => setMetaOpen((o) => !o)}

package/screens/SkillsView.tsx

@@ -11,7 +11,7 @@
  */
 import { useEffect, useState } from "react";
 import { fetchUnoverse } from "studio-host";
-import { usePersistentState, useRegistryToggles, ToggleSwitch } from "studio-host";
+import { usePersistentState } from "studio-host";
 import { IdentityHeader } from "./IdentityHeader";
 
 interface SkillSummary {
@@ -37,7 +37,6 @@ export function SkillsView() {
   const [detail, setDetail] = useState<SkillDetail | null>(null);
   const [loadingDetail, setLoadingDetail] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const spatial = useRegistryToggles("skill");
 
   // Load the library list once.
   useEffect(() => {
@@ -108,7 +107,6 @@ export function SkillsView() {
                 }`}
               >
                 <div className="flex items-center gap-1.5 text-sm font-medium">
-                  {spatial.isEnabled(s.name) && <span className="h-1.5 w-1.5 rounded-full bg-emerald-400" title="Spatial on" />}
                   {s.name}
                 </div>
                 <div className="truncate text-[11px] text-gray-500">{s.description}</div>
@@ -130,9 +128,8 @@ export function SkillsView() {
               version={detail?.version}
               description={detail?.description}
               whenToUse={detail?.whenToUse}
-              right={<ToggleSwitch on={spatial.isEnabled(selected)} onClick={() => spatial.toggle(selected)} label="Spatial" />}
             />
-            <p className="mb-3 text-[11px] text-gray-500">When Spatial is on, this skill is embedded as-is into the spatial engine on the next train.</p>
+            <p className="mb-3 text-[11px] text-gray-500">Whether this skill is on a map is switched per workflow, in Canvas’s Content Library: spatial is unique to each workflow.</p>
 
             {detail?.triggers && detail.triggers.length > 0 && (
               <div className="mb-5 flex flex-wrap gap-1.5">

package/screens/TemplatesView.tsx

@@ -9,7 +9,7 @@
  */
 import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
 import { useAuth } from "react-oidc-context";
-import { usePersistentState, useRegistryToggles, ToggleSwitch } from "studio-host";
+import { usePersistentState } from "studio-host";
 import { ComponentStore } from "@unoverse/sdk";
 import { StreamedUnoverseTemplate, useUnoverseConnection, computeAppWidth, resolveActiveLayout, type ResolvedTheme, type UseVoiceServiceConfig } from "@unoverse/sdk";
 import { NativeAppHost } from "./NativeAppHost";
@@ -166,7 +166,6 @@ export function TemplatesView({
     useCallback((cb) => store.subscribe(cb), [store]),
     useCallback(() => store.getVersion(), [store]),
   );
-  const spatial = useRegistryToggles("template");
   const [seeded, setSeeded] = useState<string[]>([]);
   const [metaOpen, setMetaOpen] = usePersistentState<boolean>("wb:templates:meta", false); // MCP details panel
   const [copiedUri, setCopiedUri] = useState(false);
@@ -636,7 +635,11 @@ export function TemplatesView({
               })}
             </div>
           )}
-          {selected && <ToggleSwitch on={spatial.isEnabled(selected)} onClick={() => spatial.toggle(selected)} label="Spatial" />}
+          {/* NO SPATIAL TOGGLE HERE. It wrote `plugin_state.enabled`, which the spatial catalogue
+              deliberately IGNORES (`routeRegistrySpatial`): published IS available. What is actually
+              on a map is the PER-WORKFLOW row, switched in Canvas's Content Library — spatial is
+              unique to each workflow, and this screen has no workflow. A control that reads as the
+              answer to "is this in spatial?" while writing where nothing reads is worse than none. */}
           {selected && (
             <button
               onClick={() => setMetaOpen((o) => !o)}

package/vendor/sdk/lib/core/types.ts

@@ -71,6 +71,11 @@ export interface UnoverseNode {
   userData?: Record<string, unknown>;
   /** Icon: the served glyph NAME (literal) — or bind a data field via `bind.name`. */
   icon?: string;
+  /** Icon: the same literal under the key a `Ref`'s `with` writes. An atom binds `name`, and
+   *  `applyLiterals` replaces that bind with a literal of the SAME key — so a Ref-supplied
+   *  glyph arrives as `name`, never as `icon`. Declared because the renderer reads it; it was
+   *  read without being declared, which typechecked nowhere until Studio's config was fixed. */
+  name?: string;
   /** Disable the element (Input/Button) when this data field is truthy; the node's
    *  `style.disabled` is merged while disabled. */
   disabledWhen?: string;

package/vendor/sdk/lib/render.tsx

@@ -147,9 +147,13 @@ export function renderNode(
     // be authored without it: the data carries no ordinal, and a template cannot count.
     // `index` is 0-based for logic, `position` 1-based because that is what a reader sees.
     // The item's own fields always win, so data that carries either name is untouched.
+    // AN ARRAY ITEM IS THE VALUE. `typeof [] === "object"`, so an array took the spread
+    // branch and its INDICES became scope keys ({0: "London", 1: "+44…"}) while `value` was
+    // never set. A nested Each bound to `value` — a table's row of cells — then found
+    // nothing, and every table rendered its headers over empty rows.
     const scopeOf = (item: unknown, i: number): Record<string, unknown> => {
       const base = { index: i, position: i + 1 };
-      return item != null && typeof item === "object"
+      return item != null && typeof item === "object" && !Array.isArray(item)
         ? { ...base, ...(item as Record<string, unknown>) }
         : { ...base, value: item };
     };