@holoscript/core 8.0.6 → 8.0.8

package/dist/{chunk-NDUX553L.js → chunk-F2G6CWFT.js}

@@ -1,10 +1,10 @@
-import { init_R3FCompiler, MATERIAL_PRESETS } from './chunk-ULXWSPCK.js';
-import { init_ProvenanceSemiring, ProvenanceSemiring } from './chunk-TJHVSBP2.js';
+import { init_R3FCompiler, MATERIAL_PRESETS } from './chunk-MSYSQ2AJ.js';
+import { init_ProvenanceSemiring, ProvenanceSemiring } from './chunk-SLHLXUMO.js';
 import { init_TraitCompositor, TraitCompositor } from './chunk-4C57PR42.js';
-import { init_PlatformConditional, platformCategory, PLATFORM_CAPABILITIES, PLATFORM_CATEGORIES } from './chunk-GZG4KA4E.js';
-import { init_DomainBlockCompilerMixin, compileDomainBlocks, inputToUSDA, compileInputBlock, navigationToUSDA, compileNavigationBlock, renderingToUSDA, compileRenderingBlock, proceduralToUSDA, compileProceduralBlock, web3ToUSDA, compileWeb3Block, architectureToUSDA, compileArchitectureBlock, musicToUSDA, compileMusicBlock, educationToUSDA, compileEducationBlock, datavizToUSDA, compileDataVizBlock, iotToUSDA, compileIoTBlock, compileRoboticsBlock, roboticsToUSDA, compileHealthcareBlock, healthcareToUSDA, compilePaymentBlock, paymentToUSDA, compileNarrativeBlock, narrativeToUSDA, compileWeatherBlock, weatherToUSD, compileAudioSourceBlock, audioSourceToUSD, compilePostProcessingBlock, postProcessingToUSD, compileParticleBlock, particlesToUSD, compilePhysicsBlock, compileMaterialBlock, materialToUSD } from './chunk-DPZXVDGM.js';
-import { init_CompilerBase, CompilerBase } from './chunk-CXS3DUKD.js';
-import { parsePipeline } from './chunk-J32ZJZJH.js';
+import { init_PlatformConditional, platformCategory, PLATFORM_CAPABILITIES, PLATFORM_CATEGORIES } from './chunk-GW3LKD5C.js';
+import { init_DomainBlockCompilerMixin, compileDomainBlocks, inputToUSDA, compileInputBlock, navigationToUSDA, compileNavigationBlock, renderingToUSDA, compileRenderingBlock, proceduralToUSDA, compileProceduralBlock, web3ToUSDA, compileWeb3Block, architectureToUSDA, compileArchitectureBlock, musicToUSDA, compileMusicBlock, educationToUSDA, compileEducationBlock, datavizToUSDA, compileDataVizBlock, iotToUSDA, compileIoTBlock, compileRoboticsBlock, roboticsToUSDA, compileHealthcareBlock, healthcareToUSDA, compilePaymentBlock, paymentToUSDA, compileNarrativeBlock, narrativeToUSDA, compileWeatherBlock, weatherToUSD, compileAudioSourceBlock, audioSourceToUSD, compilePostProcessingBlock, postProcessingToUSD, compileParticleBlock, particlesToUSD, compilePhysicsBlock, compileMaterialBlock, materialToUSD } from './chunk-ZA34AN3R.js';
+import { init_CompilerBase, CompilerBase } from './chunk-C7ZBSV2Q.js';
+import { parsePipeline } from './chunk-SYTRBGDS.js';
 import { init_safeJsonParse, readJson } from './chunk-VVKVQZI6.js';
 import { __export, __esm } from './chunk-OL46QLBJ.js';
 import { ANSCapabilityPath } from '@holoscript/core-types/ans';
@@ -144,9 +144,7 @@ var init_ThreeJSCompiler = __esm({
         this.emit('import * as THREE from "three";');
         if (this.options.enablePostProcessing) {
           this.emit('import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js";');
-          this.emit(
-            'import { RenderPass } from "three/addons/postprocessing/RenderPass.js";'
-          );
+          this.emit('import { RenderPass } from "three/addons/postprocessing/RenderPass.js";');
           this.emit(
             'import { UnrealBloomPass } from "three/addons/postprocessing/UnrealBloomPass.js";'
           );
@@ -157,7 +155,9 @@ var init_ThreeJSCompiler = __esm({
         for (const prop of env.properties) {
           if (prop.key === "background" || prop.key === "skybox" || prop.key === "preset") {
             if (typeof prop.value === "string" && prop.value.startsWith("#")) {
-              this.emit(`this.scene.background = new THREE.Color(${this.toThreeColorHex(prop.value)});`);
+              this.emit(
+                `this.scene.background = new THREE.Color(${this.toThreeColorHex(prop.value)});`
+              );
             } else {
               this.emit(`// skybox: "${prop.value}" \u2014 load via THREE.CubeTextureLoader`);
             }
@@ -168,13 +168,9 @@ var init_ThreeJSCompiler = __esm({
             const color = this.toThreeColorHex(fog.color ?? "#cccccc");
             this.emit(`this.scene.fog = new THREE.Fog(${color}, ${near}, ${far});`);
           } else if (prop.key === "ambient_light") {
-            this.emit(
-              `this.scene.add(new THREE.AmbientLight(0xffffff, ${prop.value ?? 0.5}));`
-            );
+            this.emit(`this.scene.add(new THREE.AmbientLight(0xffffff, ${prop.value ?? 0.5}));`);
           } else if (prop.key === "ground") {
-            this.emit(
-              `const groundGeom = new THREE.PlaneGeometry(100, 100);`
-            );
+            this.emit(`const groundGeom = new THREE.PlaneGeometry(100, 100);`);
             this.emit(
               `const groundMat = new THREE.MeshStandardMaterial({ color: 0x888888, roughness: 0.8 });`
             );
@@ -280,10 +276,8 @@ var init_ThreeJSCompiler = __esm({
           this.emit(`const ${v} = new THREE.Mesh(${v}Geom, ${v}Mat);`);
           this.emit(`this.scene.add(${v});`);
         }
-        if (position)
-          this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
-        if (rotation)
-          this.emit(`${v}.rotation.set(${rotation[0]}, ${rotation[1]}, ${rotation[2]});`);
+        if (position) this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
+        if (rotation) this.emit(`${v}.rotation.set(${rotation[0]}, ${rotation[1]}, ${rotation[2]});`);
         if (scale) {
           if (Array.isArray(scale)) {
             this.emit(`${v}.scale.set(${scale[0]}, ${scale[1]}, ${scale[2]});`);
@@ -324,9 +318,7 @@ var init_ThreeJSCompiler = __esm({
           } else if (trait.name === "hoverable") {
             this.emit(`// @hoverable \u2014 attach raycaster pointer-move handler to ${v}`);
           } else if (trait.name === "gaussian_splat") {
-            this.emit(
-              `// @gaussian_splat \u2014 use @mkkellogg/gaussian-splats-3d or three-splat for ${v}`
-            );
+            this.emit(`// @gaussian_splat \u2014 use @mkkellogg/gaussian-splats-3d or three-splat for ${v}`);
           } else if (trait.name === "object_tracking") {
             this.emit(`// @object_tracking \u2014 WebXR hit-test for ${v}`);
           } else if (trait.name === "eye_tracked") {
@@ -431,10 +423,9 @@ var init_ThreeJSCompiler = __esm({
           }
           case "point": {
             const distStr = distance !== void 0 ? String(distance) : "0";
-            this.emit(
-              `const ${v} = new THREE.PointLight(${colorHex}, ${intStr}, ${distStr});`
-            );
-            if (position) this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
+            this.emit(`const ${v} = new THREE.PointLight(${colorHex}, ${intStr}, ${distStr});`);
+            if (position)
+              this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
             if (castShadow && this.options.enableShadows) this.emit(`${v}.castShadow = true;`);
             this.emit(`this.scene.add(${v});`);
             break;
@@ -445,7 +436,8 @@ var init_ThreeJSCompiler = __esm({
             this.emit(
               `const ${v} = new THREE.SpotLight(${colorHex}, ${intStr}, ${distance ?? 0}, ${angleRad}, ${pen});`
             );
-            if (position) this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
+            if (position)
+              this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
             if (castShadow && this.options.enableShadows) this.emit(`${v}.castShadow = true;`);
             this.emit(`this.scene.add(${v});`);
             break;
@@ -475,13 +467,9 @@ var init_ThreeJSCompiler = __esm({
         if (near !== void 0) this.emit(`this.camera.near = ${near};`);
         if (far !== void 0) this.emit(`this.camera.far = ${far};`);
         if (position)
-          this.emit(
-            `this.camera.position.set(${position[0]}, ${position[1]}, ${position[2]});`
-          );
+          this.emit(`this.camera.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
         if (target) {
-          this.emit(
-            `this.camera.lookAt(new THREE.Vector3(${target[0]}, ${target[1]}, ${target[2]}));`
-          );
+          this.emit(`this.camera.lookAt(new THREE.Vector3(${target[0]}, ${target[1]}, ${target[2]}));`);
         }
         this.emit(`this.camera.updateProjectionMatrix();`);
         this.emit("");
@@ -528,9 +516,7 @@ var init_ThreeJSCompiler = __esm({
           else if (p.key === "radius") radius = p.value;
         }
         if (shape === "sphere") {
-          this.emit(
-            `const ${v}Geom = new THREE.SphereGeometry(${radius ?? 5}, 16, 16);`
-          );
+          this.emit(`const ${v}Geom = new THREE.SphereGeometry(${radius ?? 5}, 16, 16);`);
         } else {
           const s = Array.isArray(size) ? size : [size ?? 5, size ?? 5, size ?? 5];
           this.emit(`const ${v}Geom = new THREE.BoxGeometry(${s[0]}, ${s[1]}, ${s[2]});`);
@@ -542,9 +528,7 @@ var init_ThreeJSCompiler = __esm({
         if (position) this.emit(`${v}.position.set(${position[0]}, ${position[1]}, ${position[2]});`);
         this.emit(`this.scene.add(${v}); // trigger zone (invisible)`);
         if (zone.handlers?.length) {
-          this.emit(
-            `// Zone handlers: attach raycaster intersection checks for ${v}`
-          );
+          this.emit(`// Zone handlers: attach raycaster intersection checks for ${v}`);
           for (const h of zone.handlers) {
             this.emit(
               `// on ${this.escapeStringValue(h.event, "TypeScript")}: implement via raycaster.intersectObject(${v})`
@@ -869,26 +853,156 @@ export default ${safeName}Component;
       // ============================================================================
       generateHTMLPage(name, objects, composition) {
         const content = objects.map((obj) => this.generateHTMLNode(obj)).join("\n      ");
-        let bgColor = "#ffffff";
-        let color = "#000000";
+        let bgColor = "#050510";
+        let color = "#ffffff";
         if (composition.environment?.properties) {
           const themeProp = composition.environment.properties.find((p) => p.key === "theme");
           const bgProp = composition.environment.properties.find((p) => p.key === "backgroundColor");
-          if (themeProp?.value === "dark" || composition.traits?.some((t) => t.name === "theme" && t.config?.dark)) {
+          const fgProp = composition.environment.properties.find((p) => p.key === "color");
+          if (themeProp?.value === "light") {
+            bgColor = bgProp?.value || "#ffffff";
+            color = fgProp?.value || "#000000";
+          } else if (themeProp?.value === "dark" || !themeProp) {
             bgColor = bgProp?.value || "#050510";
-            color = "#ffffff";
+            color = fgProp?.value || "#ffffff";
           }
         }
+        if (composition.traits?.some((t) => t.name === "theme" && t.config?.light)) {
+          bgColor = "#ffffff";
+          color = "#000000";
+        }
         return `<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>${name}</title>
-    <script src="https://cdn.tailwindcss.com"></script>
     <style>
+      /* HoloScript Native2D \u2014 minimal Tailwind-compatible utility CSS (no CDN dependency) */
+      *, *::before, *::after { box-sizing: border-box; }
       body { margin: 0; padding: 0; background-color: ${bgColor}; color: ${color}; font-family: system-ui, -apple-system, sans-serif; }
-      /* Basic resets and custom trait animations to mirror React Framer variants */
+      /* --- Typography --- */
+      .text-5xl { font-size: 3rem; line-height: 1; }
+      .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
+      .text-2xl { font-size: 1.5rem; line-height: 2rem; }
+      .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
+      .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
+      .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
+      .text-xs { font-size: 0.75rem; line-height: 1rem; }
+      .font-bold { font-weight: 700; }
+      .font-semibold { font-weight: 600; }
+      .font-medium { font-weight: 500; }
+      .tracking-tight { letter-spacing: -0.025em; }
+      /* --- Colors --- */
+      .text-white { color: #fff; }
+      .text-black { color: #000; }
+      .text-gray-300 { color: #d1d5db; }
+      .text-gray-400 { color: #9ca3af; }
+      .text-gray-500 { color: #6b7280; }
+      .text-gray-600 { color: #4b5563; }
+      /* --- Backgrounds --- */
+      .bg-white { background-color: #fff; }
+      .bg-gray-800 { background-color: #1f2937; }
+      .bg-gray-900 { background-color: #111827; }
+      .bg-gray-950 { background-color: #030712; }
+      .bg-blue-600 { background-color: #2563eb; }
+      .bg-blue-700 { background-color: #1d4ed8; }
+      .bg-indigo-600 { background-color: #4f46e5; }
+      .bg-indigo-500 { background-color: #6366f1; }
+      /* --- Hover states --- */
+      .hover\\:bg-blue-700:hover { background-color: #1d4ed8; }
+      .hover\\:bg-gray-800:hover { background-color: #1f2937; }
+      .hover\\:bg-indigo-500:hover { background-color: #6366f1; }
+      .hover\\:text-white:hover { color: #fff; }
+      /* --- Spacing --- */
+      .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
+      .px-4 { padding-left: 1rem; padding-right: 1rem; }
+      .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
+      .px-8 { padding-left: 2rem; padding-right: 2rem; }
+      .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
+      .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
+      .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
+      .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
+      .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
+      .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
+      .p-4 { padding: 1rem; }
+      .p-6 { padding: 1.5rem; }
+      .p-8 { padding: 2rem; }
+      .mt-2 { margin-top: 0.5rem; }
+      .mt-4 { margin-top: 1rem; }
+      .mt-6 { margin-top: 1.5rem; }
+      .mt-8 { margin-top: 2rem; }
+      .mb-2 { margin-bottom: 0.5rem; }
+      .mb-4 { margin-bottom: 1rem; }
+      .mb-6 { margin-bottom: 1.5rem; }
+      .gap-2 { gap: 0.5rem; }
+      .gap-4 { gap: 1rem; }
+      .gap-6 { gap: 1.5rem; }
+      .gap-8 { gap: 2rem; }
+      .space-y-2 > * + * { margin-top: 0.5rem; }
+      .space-y-4 > * + * { margin-top: 1rem; }
+      /* --- Borders & Radius --- */
+      .border { border-width: 1px; border-style: solid; }
+      .border-gray-600 { border-color: #4b5563; }
+      .border-gray-700 { border-color: #374151; }
+      .border-gray-800 { border-color: #1f2937; }
+      .rounded { border-radius: 0.25rem; }
+      .rounded-lg { border-radius: 0.5rem; }
+      .rounded-xl { border-radius: 0.75rem; }
+      .rounded-2xl { border-radius: 1rem; }
+      .rounded-full { border-radius: 9999px; }
+      /* --- Shadows --- */
+      .shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
+      .shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); }
+      .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); }
+      .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); }
+      /* --- Layout --- */
+      .flex { display: flex; }
+      .inline-flex { display: inline-flex; }
+      .grid { display: grid; }
+      .block { display: block; }
+      .hidden { display: none; }
+      .items-center { align-items: center; }
+      .items-start { align-items: flex-start; }
+      .justify-center { justify-content: center; }
+      .justify-between { justify-content: space-between; }
+      .flex-col { flex-direction: column; }
+      .flex-wrap { flex-wrap: wrap; }
+      .flex-1 { flex: 1 1 0%; }
+      .w-full { width: 100%; }
+      .w-auto { width: auto; }
+      .max-w-sm { max-width: 24rem; }
+      .max-w-md { max-width: 28rem; }
+      .max-w-lg { max-width: 32rem; }
+      .max-w-xl { max-width: 36rem; }
+      .max-w-2xl { max-width: 42rem; }
+      .max-w-3xl { max-width: 48rem; }
+      .max-w-4xl { max-width: 56rem; }
+      .max-w-5xl { max-width: 64rem; }
+      .max-w-6xl { max-width: 72rem; }
+      .max-w-7xl { max-width: 80rem; }
+      .mx-auto { margin-left: auto; margin-right: auto; }
+      .text-center { text-align: center; }
+      .text-left { text-align: left; }
+      .text-right { text-align: right; }
+      .relative { position: relative; }
+      .absolute { position: absolute; }
+      /* --- Interaction --- */
+      .cursor-pointer { cursor: pointer; }
+      .select-none { user-select: none; }
+      .transition-all { transition: all 0.15s ease; }
+      .transition { transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; }
+      .outline-none { outline: none; }
+      /* Focus ring for inputs */
+      .focus\\:ring-2:focus { box-shadow: 0 0 0 2px rgba(99,102,241,0.5); }
+      .focus\\:ring-indigo-500:focus { box-shadow: 0 0 0 2px #6366f1; }
+      /* --- Opacity --- */
+      .opacity-50 { opacity: 0.5; }
+      .opacity-75 { opacity: 0.75; }
+      /* --- Overflow --- */
+      .overflow-hidden { overflow: hidden; }
+      .overflow-auto { overflow: auto; }
+      /* --- Custom HoloScript trait animations --- */
       .glow-btn:hover { box-shadow: 0 0 15px rgba(255,255,255,0.5); }
       .lift-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
       .lift-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
@@ -938,10 +1052,85 @@ export default ${safeName}Component;
 </body>
 </html>`;
       }
+      /** Build a semantic HTML block for @semantic_entity / @semantic_layout traits.
+       *
+       * HoloScript's `generate_semantic_ui` tool emits 3D-world-style objects
+       * (`mesh`, `text`, `plane`) annotated with semantic traits:
+       *   @semantic_entity(stock_table)                     → config._arg0 = entity name
+       *   @semantic_layout(table, columns:["a","b","c"])    → config._arg0 = layout type
+       *   @content("Inventory Dashboard")                   → config._arg0 = text
+       *   @color("#16213e")                                 → config._arg0 = bg colour
+       *
+       * Without this handler every semantic object falls through to `tag = 'div'` with
+       * no content.  This method maps the semantic vocabulary to real HTML elements so
+       * the compiled page is actually perceivable.
+       */
+      generateSemanticHTMLBlock(traits) {
+        const layoutType = traits.semantic_layout?._arg0 || traits.semantic_layout?.flow || traits.semantic_layout?.layout || traits.semantic_layout?.type;
+        const entityName = traits.semantic_entity?._arg0 || traits.semantic_entity?.type || traits.semantic_entity?.name || traits.semantic_entity?.entity;
+        const bgColor = traits.color?._arg0;
+        const textContent = traits.content?._arg0;
+        if (!layoutType && !entityName) return null;
+        const styleAttr = bgColor ? ` style="background-color:${bgColor};padding:1rem;border-radius:0.5rem;margin-bottom:1rem;"` : ` style="padding:1rem;margin-bottom:1rem;"`;
+        const isTableEntity = !!entityName && (entityName.includes("table") || entityName.includes("grid") || entityName.includes("list"));
+        if (layoutType === "table" || isTableEntity && !layoutType) {
+          const columns = traits.semantic_layout?.columns || [];
+          const headerCells = columns.map(
+            (col) => `<th style="padding:0.5rem 1rem;text-align:left;border-bottom:2px solid #334;">${col}</th>`
+          ).join("");
+          const sampleRow = columns.map((col) => `<td style="padding:0.5rem 1rem;">${col}</td>`).join("");
+          return `<div${styleAttr} data-holo-semantic="table" data-holo-entity="${entityName || ""}">
+  <table style="width:100%;border-collapse:collapse;">
+    <thead><tr>${headerCells}</tr></thead>
+    <tbody>
+      <tr>${sampleRow}</tr>
+    </tbody>
+  </table>
+</div>`;
+        }
+        if (layoutType === "form" || entityName && entityName.includes("form")) {
+          const fields = traits.semantic_layout?.fields || [];
+          const inputs = fields.map(
+            (f) => `<div style="margin-bottom:0.5rem;"><label style="display:block;margin-bottom:0.25rem;">${f}</label><input type="text" name="${f}" placeholder="${f}" style="width:100%;padding:0.4rem 0.6rem;border:1px solid #556;border-radius:0.25rem;background:#111;color:#eee;" /></div>`
+          ).join("\n");
+          return `<div${styleAttr} data-holo-semantic="form" data-holo-entity="${entityName || ""}">
+  <form onsubmit="return false;">
+    ${inputs}
+    <button type="submit" style="padding:0.4rem 1rem;border-radius:0.25rem;background:#3b82f6;color:#fff;border:none;cursor:pointer;">Submit</button>
+  </form>
+</div>`;
+        }
+        if (layoutType === "alert_list") {
+          const filterLabel = traits.semantic_layout?.filter || "";
+          return `<div${styleAttr} data-holo-semantic="alert_list" data-holo-entity="${entityName || ""}">
+  <ul style="list-style:none;padding:0;margin:0;" data-holo-filter="${filterLabel}">
+    <li style="padding:0.4rem 0.8rem;border-bottom:1px solid #446;">(no alerts)</li>
+  </ul>
+</div>`;
+        }
+        if (layoutType === "dashboard_grid" || layoutType) {
+          return `<div${styleAttr} data-holo-semantic="${layoutType}" data-holo-entity="${entityName || ""}"></div>`;
+        }
+        if (entityName && textContent) {
+          const isButton = entityName.includes("button") || entityName.includes("btn") || entityName.includes("submit");
+          if (isButton) {
+            return `<div${styleAttr} data-holo-entity="${entityName}"><button type="button" style="padding:0.4rem 1rem;border-radius:0.25rem;background:#3b82f6;color:#fff;border:none;cursor:pointer;">${textContent}</button></div>`;
+          }
+          return `<div${styleAttr} data-holo-entity="${entityName}"><span>${textContent}</span></div>`;
+        }
+        if (entityName) {
+          return `<div${styleAttr} data-holo-entity="${entityName}"></div>`;
+        }
+        return null;
+      }
       generateHTMLNode(obj, opts = {}) {
         const node = obj;
         const traits = this.extractTraits(obj);
         const nodeType = typeof node.type === "string" ? node.type.toLowerCase() : void 0;
+        if (traits.semantic_entity || traits.semantic_layout) {
+          const block = this.generateSemanticHTMLBlock(traits);
+          if (block) return block;
+        }
         let tag = traits.theme?.tag || traits.panel?.tag || nodeType || "div";
         if ([
           "nav",
@@ -3606,17 +3795,7 @@ var GaussianSplattingCompiler = class extends CompilerBase {
       c11 *= invLen;
       c12 *= invLen;
       c22 *= invLen;
-      const ev = this.jacobiEigenvalues3([
-        c00,
-        c01,
-        c02,
-        c01,
-        c11,
-        c12,
-        c02,
-        c12,
-        c22
-      ]);
+      const ev = this.jacobiEigenvalues3([c00, c01, c02, c01, c11, c12, c02, c12, c22]);
       const minScale = 1e-3;
       scales[i * 3] = Math.max(minScale, Math.sqrt(Math.abs(ev.values[0])));
       scales[i * 3 + 1] = Math.max(minScale, Math.sqrt(Math.abs(ev.values[1])));
@@ -4246,11 +4425,7 @@ function computeBounds(anchors) {
   const cx = (minX + maxX) / 2;
   const cy = (minY + maxY) / 2;
   const cz = (minZ + maxZ) / 2;
-  const halfSize = Math.max(
-    (maxX - minX) / 2,
-    (maxY - minY) / 2,
-    (maxZ - minZ) / 2
-  );
+  const halfSize = Math.max((maxX - minX) / 2, (maxY - minY) / 2, (maxZ - minZ) / 2);
   return {
     min: { x: minX, y: minY, z: minZ },
     max: { x: maxX, y: maxY, z: maxZ },
@@ -6286,7 +6461,7 @@ var CompilerBridge = class {
     if (this.initialized) return;
     try {
       const [parserModule, compilerModule] = await Promise.all([
-        import('./HoloScriptPlusParser-F2Z56FJR.js'),
+        import('./HoloScriptPlusParser-WENAFEFV.js'),
         import('./compiler/r3f.js')
       ]);
       this.modules = {
@@ -6910,5 +7085,5 @@ function compilePipelineSource(source, options = {}) {
 }
 
 export { A2AAgentCardCompiler, A2AAgentCardCompiler_exports, BUILTIN_RESOURCES, CAPABILITY_HIERARCHY, CATEGORY_DEFAULT_EMBODIMENT, CodeEditorCompiler, CompilerBridge, CrossRealityTraitRegistry, EFFECTS_BY_CATEGORY, EFFECT_TO_CAPABILITY, EffectChecker, EffectRow, GaussianSplattingCompiler, HANDOFF_PATH_RULES, LinearTypeChecker, MVC_BUDGET_CONSTRAINTS, NIRCompiler, NIRCompiler_exports, Native2DCompiler, Native2DCompiler_exports, PLATFORM_BUDGETS, PLATFORM_EMBODIMENT_OVERRIDES, ResourceBudgetAnalyzer, SHARED_SORT_SHADER_PATH, SpatialPartitionPass, TRAIT_EFFECTS, TRAIT_RESOURCE_COSTS, TRAIT_RESOURCE_MAP, TRUST_LEVEL_CAPABILITIES, ThreeJSCompiler, ThreeJSCompiler_exports, USDZPipeline, bestCategoryForTraits, buildSafetyReport, checkCapabilities, compilePipelineSource, compilePipelineSourceToNode, compilePipelineSourceToPython, compilePipelineToNode, compilePipelineToPython, createCrossRealityTraitRegistry, createEffectChecker, createGaussianSplattingCompiler, dangerLevel, deriveRequirements, detectMultiUserSharedSort, effectCategory, expandCapabilities, formatReport, generateCertificate, getCompilerBridge, getCrossRealityTraitRegistry, inferFromBuiltins, inferFromTraits, init_A2AAgentCardCompiler, init_NIRCompiler, init_Native2DCompiler, init_ThreeJSCompiler, isSafeTraitSet, knownBuiltins, knownTraits, quickSafetyCheck, resetCrossRealityTraitRegistry, runSafetyPass, selectModality, selectModalityForAll, spatialPartition };
-//# sourceMappingURL=chunk-NDUX553L.js.map
-//# sourceMappingURL=chunk-NDUX553L.js.map
+//# sourceMappingURL=chunk-F2G6CWFT.js.map
+//# sourceMappingURL=chunk-F2G6CWFT.js.map

package/dist/{chunk-X7LYK5TX.cjs → chunk-F5LKJ6F5.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkAIA52I7T_cjs = require('./chunk-AIA52I7T.cjs');
-var chunk2VL6SJ33_cjs = require('./chunk-2VL6SJ33.cjs');
-var chunkQWAR3GY6_cjs = require('./chunk-QWAR3GY6.cjs');
+var chunkEBS32AJI_cjs = require('./chunk-EBS32AJI.cjs');
+var chunkGH6C2QGW_cjs = require('./chunk-GH6C2QGW.cjs');
+var chunkLODTHGST_cjs = require('./chunk-LODTHGST.cjs');
 var chunkHCCQLAA4_cjs = require('./chunk-HCCQLAA4.cjs');
 var ans = require('@holoscript/core-types/ans');
 
@@ -14,15 +14,15 @@ chunkHCCQLAA4_cjs.__export(UnrealCompiler_exports, {
 });
 function compileToUnreal(composition, options) {
   const compiler = new exports.UnrealCompiler(options);
-  return compiler.compile(composition, chunkQWAR3GY6_cjs.createTestCompilerToken());
+  return compiler.compile(composition, chunkLODTHGST_cjs.createTestCompilerToken());
 }
 exports.UnrealCompiler = void 0;
 var init_UnrealCompiler = chunkHCCQLAA4_cjs.__esm({
   "src/compiler/UnrealCompiler.ts"() {
-    chunkQWAR3GY6_cjs.init_CompilerBase();
-    chunk2VL6SJ33_cjs.init_DomainBlockCompilerMixin();
-    chunkAIA52I7T_cjs.init_PlatformConditionalCompilerMixin();
-    exports.UnrealCompiler = class extends chunkQWAR3GY6_cjs.CompilerBase {
+    chunkLODTHGST_cjs.init_CompilerBase();
+    chunkGH6C2QGW_cjs.init_DomainBlockCompilerMixin();
+    chunkEBS32AJI_cjs.init_PlatformConditionalCompilerMixin();
+    exports.UnrealCompiler = class extends chunkLODTHGST_cjs.CompilerBase {
       constructor(options = {}) {
         super();
         this.compilerName = "UnrealCompiler";
@@ -41,7 +41,7 @@ var init_UnrealCompiler = chunkHCCQLAA4_cjs.__esm({
           platformTarget: options.platformTarget ?? ""
         };
         if (options.platformTarget) {
-          this._platformTarget = typeof options.platformTarget === "string" ? chunkAIA52I7T_cjs.createPlatformTarget(options.platformTarget) : options.platformTarget;
+          this._platformTarget = typeof options.platformTarget === "string" ? chunkEBS32AJI_cjs.createPlatformTarget(options.platformTarget) : options.platformTarget;
         }
       }
       getRequiredCapability() {
@@ -50,7 +50,7 @@ var init_UnrealCompiler = chunkHCCQLAA4_cjs.__esm({
       compile(composition, agentToken, outputPath) {
         this.validateCompilerAccess(agentToken, outputPath);
         if (this._platformTarget) {
-          const platformMixin = new chunkAIA52I7T_cjs.PlatformConditionalCompilerMixin();
+          const platformMixin = new chunkEBS32AJI_cjs.PlatformConditionalCompilerMixin();
           composition = platformMixin.filterForPlatform(composition, this._platformTarget);
         }
         this.headerLines = [];
@@ -401,35 +401,47 @@ var init_UnrealCompiler = chunkHCCQLAA4_cjs.__esm({
             break;
           case "grabbable":
             this.emitS(`// @grabbable \u2014 implement via GrabComponent or VR interaction framework`);
-            this.emitS(`UE_LOG(LogTemp, Warning, TEXT("@grabbable on %s \u2014 trait stubbed, needs GrabComponent implementation"), *GetName());`);
+            this.emitS(
+              `UE_LOG(LogTemp, Warning, TEXT("@grabbable on %s \u2014 trait stubbed, needs GrabComponent implementation"), *GetName());`
+            );
             break;
           case "pointable":
           case "hoverable":
             this.emitS(
               `// @${this.escapeStringValue(trait.name, "TypeScript")} \u2014 implement via line trace interaction`
             );
-            this.emitS(`UE_LOG(LogTemp, Warning, TEXT("@%s on %s \u2014 trait stubbed, needs line trace interaction"), TEXT("${this.escapeStringValue(trait.name, "TypeScript")}"), *GetName());`);
+            this.emitS(
+              `UE_LOG(LogTemp, Warning, TEXT("@%s on %s \u2014 trait stubbed, needs line trace interaction"), TEXT("${this.escapeStringValue(trait.name, "TypeScript")}"), *GetName());`
+            );
             break;
           case "portal":
             this.emitS(`// @portal \u2014 destination: "${trait.config?.destination || "unknown"}"`);
-            this.emitS(`UE_LOG(LogTemp, Warning, TEXT("@portal on %s \u2014 trait stubbed, needs level streaming/teleport implementation"), *GetName());`);
+            this.emitS(
+              `UE_LOG(LogTemp, Warning, TEXT("@portal on %s \u2014 trait stubbed, needs level streaming/teleport implementation"), *GetName());`
+            );
             break;
           case "emissive":
           case "glowing":
             this.emitS(
               `// @${this.escapeStringValue(trait.name, "TypeScript")} \u2014 apply emissive material`
             );
-            this.emitS(`UE_LOG(LogTemp, Warning, TEXT("@%s on %s \u2014 trait stubbed, needs emissive material"), TEXT("${this.escapeStringValue(trait.name, "TypeScript")}"), *GetName());`);
+            this.emitS(
+              `UE_LOG(LogTemp, Warning, TEXT("@%s on %s \u2014 trait stubbed, needs emissive material"), TEXT("${this.escapeStringValue(trait.name, "TypeScript")}"), *GetName());`
+            );
             break;
           case "transparent":
             this.emitS(`// @transparent \u2014 set material blend mode`);
-            this.emitS(`UE_LOG(LogTemp, Warning, TEXT("@transparent on %s \u2014 trait stubbed, needs translucent material"), *GetName());`);
+            this.emitS(
+              `UE_LOG(LogTemp, Warning, TEXT("@transparent on %s \u2014 trait stubbed, needs translucent material"), *GetName());`
+            );
             break;
           default:
             this.emitS(
               `// @${this.escapeStringValue(trait.name, "TypeScript")} \u2014 custom trait implementation required`
             );
-            this.emitS(`UE_LOG(LogTemp, Warning, TEXT("@%s on %s \u2014 unhandled trait, needs custom implementation"), TEXT("${this.escapeStringValue(trait.name, "TypeScript")}"), *GetName());`);
+            this.emitS(
+              `UE_LOG(LogTemp, Warning, TEXT("@%s on %s \u2014 unhandled trait, needs custom implementation"), TEXT("${this.escapeStringValue(trait.name, "TypeScript")}"), *GetName());`
+            );
         }
       }
       compileLightSetup(light) {
@@ -644,32 +656,32 @@ var init_UnrealCompiler = chunkHCCQLAA4_cjs.__esm({
         this.emitS("");
         this.emitS("// === v4.2 Domain Blocks ===");
         let blockIdx = 0;
-        const compiled = chunk2VL6SJ33_cjs.compileDomainBlocks(
+        const compiled = chunkGH6C2QGW_cjs.compileDomainBlocks(
           domainBlocks,
           {
             material: (block) => {
-              const mat = chunk2VL6SJ33_cjs.compileMaterialBlock(block);
-              return chunk2VL6SJ33_cjs.materialToUnreal(mat, `DB${blockIdx++}`);
+              const mat = chunkGH6C2QGW_cjs.compileMaterialBlock(block);
+              return chunkGH6C2QGW_cjs.materialToUnreal(mat, `DB${blockIdx++}`);
             },
             physics: (block) => {
-              const phys = chunk2VL6SJ33_cjs.compilePhysicsBlock(block);
-              return chunk2VL6SJ33_cjs.physicsToUnreal(phys, `DB${blockIdx++}`);
+              const phys = chunkGH6C2QGW_cjs.compilePhysicsBlock(block);
+              return chunkGH6C2QGW_cjs.physicsToUnreal(phys, `DB${blockIdx++}`);
             },
             vfx: (block) => {
-              const ps = chunk2VL6SJ33_cjs.compileParticleBlock(block);
-              return chunk2VL6SJ33_cjs.particlesToUnreal(ps, `DB${blockIdx++}`);
+              const ps = chunkGH6C2QGW_cjs.compileParticleBlock(block);
+              return chunkGH6C2QGW_cjs.particlesToUnreal(ps, `DB${blockIdx++}`);
             },
             postfx: (block) => {
-              const pp = chunk2VL6SJ33_cjs.compilePostProcessingBlock(block);
-              return chunk2VL6SJ33_cjs.postProcessingToUnreal(pp, `DB${blockIdx++}`);
+              const pp = chunkGH6C2QGW_cjs.compilePostProcessingBlock(block);
+              return chunkGH6C2QGW_cjs.postProcessingToUnreal(pp, `DB${blockIdx++}`);
             },
             audio: (block) => {
-              const audio = chunk2VL6SJ33_cjs.compileAudioSourceBlock(block);
-              return chunk2VL6SJ33_cjs.audioSourceToUnreal(audio, `DB${blockIdx++}`);
+              const audio = chunkGH6C2QGW_cjs.compileAudioSourceBlock(block);
+              return chunkGH6C2QGW_cjs.audioSourceToUnreal(audio, `DB${blockIdx++}`);
             },
             weather: (block) => {
-              const weather = chunk2VL6SJ33_cjs.compileWeatherBlock(block);
-              return chunk2VL6SJ33_cjs.weatherToUnreal(weather);
+              const weather = chunkGH6C2QGW_cjs.compileWeatherBlock(block);
+              return chunkGH6C2QGW_cjs.weatherToUnreal(weather);
             }
           },
           (block) => `// Domain block: ${block.domain}/${block.keyword} "${this.escapeStringValue(block.name, "TypeScript")}"`
@@ -714,5 +726,5 @@ var init_UnrealCompiler = chunkHCCQLAA4_cjs.__esm({
 exports.UnrealCompiler_exports = UnrealCompiler_exports;
 exports.compileToUnreal = compileToUnreal;
 exports.init_UnrealCompiler = init_UnrealCompiler;
-//# sourceMappingURL=chunk-X7LYK5TX.cjs.map
-//# sourceMappingURL=chunk-X7LYK5TX.cjs.map
+//# sourceMappingURL=chunk-F5LKJ6F5.cjs.map
+//# sourceMappingURL=chunk-F5LKJ6F5.cjs.map

package/dist/{chunk-LAUFLPB6.js → chunk-FGMDMJM7.js}

@@ -1,4 +1,4 @@
-import { init_CompilerBase, CompilerBase } from './chunk-CXS3DUKD.js';
+import { init_CompilerBase, CompilerBase } from './chunk-C7ZBSV2Q.js';
 
 // src/compiler/QuantumCircuitCompiler.ts
 init_CompilerBase();
@@ -86,7 +86,9 @@ function generateVQECircuit(atoms, moleculeName, ansatzLayers, initialParams) {
   }
   let paramIdx = 0;
   for (let layer = 0; layer < ansatzLayers; layer++) {
-    lines.push(`// Layer ${layer}: Ry rotations ( - [${paramIdx}..${paramIdx + n - 1}] optimised by VQE)`);
+    lines.push(
+      `// Layer ${layer}: Ry rotations ( - [${paramIdx}..${paramIdx + n - 1}] optimised by VQE)`
+    );
     for (let i = 0; i < n; i++) {
       lines.push(`ry(theta_${paramIdx}) q[${i}];`);
       paramIdx++;
@@ -275,7 +277,10 @@ var QuantumCircuitCompiler = class extends CompilerBase {
   /** Build a {@link QASMOutput} for a VQE circuit. */
   buildVQEOutput(atoms, cfg) {
     const moleculeName = (extractNumber(cfg, "moleculeName") !== void 0 ? void 0 : cfg["moleculeName"]?.value) ?? atoms.map((a) => a.symbol).join("") ?? "molecule";
-    const ansatzLayers = Math.max(1, Math.round(extractNumber(cfg, "ansatzLayers") ?? extractNumber(cfg, "ansatz_layers") ?? 2));
+    const ansatzLayers = Math.max(
+      1,
+      Math.round(extractNumber(cfg, "ansatzLayers") ?? extractNumber(cfg, "ansatz_layers") ?? 2)
+    );
     const initialParams = cfg["initialParams"]?.value ?? cfg["initial_params"]?.value ?? void 0;
     const { qasm, numQubits, estimatedDepth, warnings, paramNames } = generateVQECircuit(
       atoms,
@@ -321,5 +326,5 @@ var QuantumCircuitCompiler = class extends CompilerBase {
 };
 
 export { QuantumCircuitCompiler };
-//# sourceMappingURL=chunk-LAUFLPB6.js.map
-//# sourceMappingURL=chunk-LAUFLPB6.js.map
+//# sourceMappingURL=chunk-FGMDMJM7.js.map
+//# sourceMappingURL=chunk-FGMDMJM7.js.map

package/dist/{chunk-P52PPB5R.js → chunk-FHQFPYV4.js}

@@ -1,5 +1,5 @@
-import { init_DomainBlockCompilerMixin, compileDomainBlocks, compileMaterialBlock } from './chunk-DPZXVDGM.js';
-import { createTestCompilerToken, init_CompilerBase, CompilerBase } from './chunk-CXS3DUKD.js';
+import { init_DomainBlockCompilerMixin, compileDomainBlocks, compileMaterialBlock } from './chunk-ZA34AN3R.js';
+import { createTestCompilerToken, init_CompilerBase, CompilerBase } from './chunk-C7ZBSV2Q.js';
 import { __export, __esm } from './chunk-OL46QLBJ.js';
 import { ANSCapabilityPath } from '@holoscript/core-types/ans';
 
@@ -1179,5 +1179,5 @@ var init_WASMCompiler = __esm({
 });
 
 export { WASMCompiler, WASMCompiler_default, WASMCompiler_exports, compileASTToWASM, compileToWASM, createWASMCompiler, init_WASMCompiler };
-//# sourceMappingURL=chunk-P52PPB5R.js.map
-//# sourceMappingURL=chunk-P52PPB5R.js.map
+//# sourceMappingURL=chunk-FHQFPYV4.js.map
+//# sourceMappingURL=chunk-FHQFPYV4.js.map