@holoscript/core 8.0.6 → 8.0.7

package/dist/{chunk-YTR32ZEB.cjs → chunk-C4GSLCHE.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk4FDL7JLJ_cjs = require('./chunk-4FDL7JLJ.cjs');
-var chunk5S7RKFGR_cjs = require('./chunk-5S7RKFGR.cjs');
+var chunkKAIVDEIG_cjs = require('./chunk-KAIVDEIG.cjs');
+var chunkUVFI7XIR_cjs = require('./chunk-UVFI7XIR.cjs');
 var chunkOIQYIIO3_cjs = require('./chunk-OIQYIIO3.cjs');
-var chunkAIA52I7T_cjs = require('./chunk-AIA52I7T.cjs');
-var chunk2VL6SJ33_cjs = require('./chunk-2VL6SJ33.cjs');
-var chunkQWAR3GY6_cjs = require('./chunk-QWAR3GY6.cjs');
-var chunkKKFZ3B6J_cjs = require('./chunk-KKFZ3B6J.cjs');
+var chunkEBS32AJI_cjs = require('./chunk-EBS32AJI.cjs');
+var chunkGH6C2QGW_cjs = require('./chunk-GH6C2QGW.cjs');
+var chunkLODTHGST_cjs = require('./chunk-LODTHGST.cjs');
+var chunk3VBO3IYQ_cjs = require('./chunk-3VBO3IYQ.cjs');
 var chunkE7JP3BS3_cjs = require('./chunk-E7JP3BS3.cjs');
 var chunkHCCQLAA4_cjs = require('./chunk-HCCQLAA4.cjs');
 var ans = require('@holoscript/core-types/ans');
@@ -20,8 +20,8 @@ var SHAPE_TO_THREE_GEOMETRY; exports.ThreeJSCompiler = void 0;
 var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__esm({
   "src/compiler/ThreeJSCompiler.ts"() {
     chunkOIQYIIO3_cjs.init_TraitCompositor();
-    chunk5S7RKFGR_cjs.init_ProvenanceSemiring();
-    chunkQWAR3GY6_cjs.init_CompilerBase();
+    chunkUVFI7XIR_cjs.init_ProvenanceSemiring();
+    chunkLODTHGST_cjs.init_CompilerBase();
     SHAPE_TO_THREE_GEOMETRY = {
       sphere: "SphereGeometry",
       orb: "SphereGeometry",
@@ -36,7 +36,7 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__esm({
       ring: "TorusGeometry",
       capsule: "CapsuleGeometry"
     };
-    exports.ThreeJSCompiler = class extends chunkQWAR3GY6_cjs.CompilerBase {
+    exports.ThreeJSCompiler = class extends chunkLODTHGST_cjs.CompilerBase {
       constructor(options = {}) {
         super();
         this.compilerName = "ThreeJSCompiler";
@@ -146,9 +146,7 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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";'
           );
@@ -159,7 +157,9 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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`);
             }
@@ -170,13 +170,9 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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 });`
             );
@@ -282,10 +278,8 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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]});`);
@@ -298,7 +292,7 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__esm({
           (t) => t.name === "physics" || t.name === "collidable"
         );
         if (physicsTraits.length > 0) {
-          const semiring = new chunk5S7RKFGR_cjs.ProvenanceSemiring();
+          const semiring = new chunkUVFI7XIR_cjs.ProvenanceSemiring();
           const applications = physicsTraits.map((t) => ({
             name: t.name,
             config: t.config || {},
@@ -326,9 +320,7 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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") {
@@ -433,10 +425,9 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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;
@@ -447,7 +438,8 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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;
@@ -477,13 +469,9 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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("");
@@ -530,9 +518,7 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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]});`);
@@ -544,9 +530,7 @@ var init_ThreeJSCompiler = chunkHCCQLAA4_cjs.__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})`
@@ -653,9 +637,9 @@ chunkHCCQLAA4_cjs.__export(Native2DCompiler_exports, {
 exports.Native2DCompiler = void 0;
 var init_Native2DCompiler = chunkHCCQLAA4_cjs.__esm({
   "src/compiler/Native2DCompiler.ts"() {
-    chunkQWAR3GY6_cjs.init_CompilerBase();
+    chunkLODTHGST_cjs.init_CompilerBase();
     chunkE7JP3BS3_cjs.init_safeJsonParse();
-    exports.Native2DCompiler = class extends chunkQWAR3GY6_cjs.CompilerBase {
+    exports.Native2DCompiler = class extends chunkLODTHGST_cjs.CompilerBase {
       constructor() {
         super(...arguments);
         this.compilerName = "Native2DCompiler";
@@ -871,26 +855,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); }
@@ -940,10 +1054,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",
@@ -1153,8 +1342,8 @@ chunkHCCQLAA4_cjs.__export(A2AAgentCardCompiler_exports, {
 exports.A2AAgentCardCompiler = void 0; var A2AAgentCardCompiler_default;
 var init_A2AAgentCardCompiler = chunkHCCQLAA4_cjs.__esm({
   "src/compiler/A2AAgentCardCompiler.ts"() {
-    chunkQWAR3GY6_cjs.init_CompilerBase();
-    exports.A2AAgentCardCompiler = class extends chunkQWAR3GY6_cjs.CompilerBase {
+    chunkLODTHGST_cjs.init_CompilerBase();
+    exports.A2AAgentCardCompiler = class extends chunkLODTHGST_cjs.CompilerBase {
       constructor(options = {}) {
         super();
         this.compilerName = "A2AAgentCardCompiler";
@@ -2215,9 +2404,9 @@ chunkHCCQLAA4_cjs.__export(NIRCompiler_exports, {
 exports.NIRCompiler = void 0; var NIRCompiler_default;
 var init_NIRCompiler = chunkHCCQLAA4_cjs.__esm({
   "src/compiler/NIRCompiler.ts"() {
-    chunkQWAR3GY6_cjs.init_CompilerBase();
+    chunkLODTHGST_cjs.init_CompilerBase();
     init_NIRTraitMap();
-    exports.NIRCompiler = class extends chunkQWAR3GY6_cjs.CompilerBase {
+    exports.NIRCompiler = class extends chunkLODTHGST_cjs.CompilerBase {
       constructor(options = {}) {
         super();
         this.compilerName = "NIRCompiler";
@@ -2593,8 +2782,8 @@ var CodeEditorCompiler = class {
 };
 
 // src/compiler/USDZPipeline.ts
-chunk2VL6SJ33_cjs.init_DomainBlockCompilerMixin();
-chunk4FDL7JLJ_cjs.init_R3FCompiler();
+chunkGH6C2QGW_cjs.init_DomainBlockCompilerMixin();
+chunkKAIVDEIG_cjs.init_R3FCompiler();
 function presetString(p, k) {
   const v = p[k];
   return typeof v === "string" ? v : void 0;
@@ -2825,8 +3014,8 @@ ${domainBlocksOutput}` : materials,
       const matName = `Material_${this.sanitizeName(obj.name)}`;
       const mat = { name: matName };
       const presetName = typeof material === "string" ? material : typeof materialPreset === "string" ? materialPreset : void 0;
-      if (presetName && chunk4FDL7JLJ_cjs.MATERIAL_PRESETS[presetName]) {
-        const preset = chunk4FDL7JLJ_cjs.MATERIAL_PRESETS[presetName];
+      if (presetName && chunkKAIVDEIG_cjs.MATERIAL_PRESETS[presetName]) {
+        const preset = chunkKAIVDEIG_cjs.MATERIAL_PRESETS[presetName];
         const colorStr = presetString(preset, "color");
         if (colorStr) mat.baseColor = this.hexToRGB(colorStr);
         const metal = presetNumber(preset, "metalness");
@@ -3327,59 +3516,59 @@ ${domainBlocksOutput}` : materials,
   generateDomainBlocks(composition) {
     const domainBlocks = composition.domainBlocks ?? [];
     if (domainBlocks.length === 0) return "";
-    const compiled = chunk2VL6SJ33_cjs.compileDomainBlocks(
+    const compiled = chunkGH6C2QGW_cjs.compileDomainBlocks(
       domainBlocks,
       {
         material: (block) => {
-          const mat = chunk2VL6SJ33_cjs.compileMaterialBlock(block);
-          return chunk2VL6SJ33_cjs.materialToUSD(mat);
+          const mat = chunkGH6C2QGW_cjs.compileMaterialBlock(block);
+          return chunkGH6C2QGW_cjs.materialToUSD(mat);
         },
         physics: (block) => {
-          const phys = chunk2VL6SJ33_cjs.compilePhysicsBlock(block);
+          const phys = chunkGH6C2QGW_cjs.compilePhysicsBlock(block);
           return `# Physics: ${phys.keyword} "${phys.name || ""}" \u2014 ${JSON.stringify(phys.properties)}`;
         },
         vfx: (block) => {
-          const ps = chunk2VL6SJ33_cjs.compileParticleBlock(block);
-          return chunk2VL6SJ33_cjs.particlesToUSD(ps);
+          const ps = chunkGH6C2QGW_cjs.compileParticleBlock(block);
+          return chunkGH6C2QGW_cjs.particlesToUSD(ps);
         },
         postfx: (block) => {
-          const pp = chunk2VL6SJ33_cjs.compilePostProcessingBlock(block);
-          return chunk2VL6SJ33_cjs.postProcessingToUSD(pp);
+          const pp = chunkGH6C2QGW_cjs.compilePostProcessingBlock(block);
+          return chunkGH6C2QGW_cjs.postProcessingToUSD(pp);
         },
         audio: (block) => {
-          const audio = chunk2VL6SJ33_cjs.compileAudioSourceBlock(block);
-          return chunk2VL6SJ33_cjs.audioSourceToUSD(audio);
+          const audio = chunkGH6C2QGW_cjs.compileAudioSourceBlock(block);
+          return chunkGH6C2QGW_cjs.audioSourceToUSD(audio);
         },
         weather: (block) => {
-          const weather = chunk2VL6SJ33_cjs.compileWeatherBlock(block);
-          return chunk2VL6SJ33_cjs.weatherToUSD(weather);
+          const weather = chunkGH6C2QGW_cjs.compileWeatherBlock(block);
+          return chunkGH6C2QGW_cjs.weatherToUSD(weather);
         },
         narrative: (block) => {
-          const narr = chunk2VL6SJ33_cjs.compileNarrativeBlock(block);
-          return chunk2VL6SJ33_cjs.narrativeToUSDA(narr);
+          const narr = chunkGH6C2QGW_cjs.compileNarrativeBlock(block);
+          return chunkGH6C2QGW_cjs.narrativeToUSDA(narr);
         },
         payment: (block) => {
-          const pay = chunk2VL6SJ33_cjs.compilePaymentBlock(block);
-          return chunk2VL6SJ33_cjs.paymentToUSDA(pay);
+          const pay = chunkGH6C2QGW_cjs.compilePaymentBlock(block);
+          return chunkGH6C2QGW_cjs.paymentToUSDA(pay);
         },
         healthcare: (block) => {
-          const h = chunk2VL6SJ33_cjs.compileHealthcareBlock(block);
-          return chunk2VL6SJ33_cjs.healthcareToUSDA(h);
+          const h = chunkGH6C2QGW_cjs.compileHealthcareBlock(block);
+          return chunkGH6C2QGW_cjs.healthcareToUSDA(h);
         },
         robotics: (block) => {
-          const r = chunk2VL6SJ33_cjs.compileRoboticsBlock(block);
-          return chunk2VL6SJ33_cjs.roboticsToUSDA(r);
+          const r = chunkGH6C2QGW_cjs.compileRoboticsBlock(block);
+          return chunkGH6C2QGW_cjs.roboticsToUSDA(r);
         },
-        iot: (block) => chunk2VL6SJ33_cjs.iotToUSDA(chunk2VL6SJ33_cjs.compileIoTBlock(block)),
-        dataviz: (block) => chunk2VL6SJ33_cjs.datavizToUSDA(chunk2VL6SJ33_cjs.compileDataVizBlock(block)),
-        education: (block) => chunk2VL6SJ33_cjs.educationToUSDA(chunk2VL6SJ33_cjs.compileEducationBlock(block)),
-        music: (block) => chunk2VL6SJ33_cjs.musicToUSDA(chunk2VL6SJ33_cjs.compileMusicBlock(block)),
-        architecture: (block) => chunk2VL6SJ33_cjs.architectureToUSDA(chunk2VL6SJ33_cjs.compileArchitectureBlock(block)),
-        web3: (block) => chunk2VL6SJ33_cjs.web3ToUSDA(chunk2VL6SJ33_cjs.compileWeb3Block(block)),
-        procedural: (block) => chunk2VL6SJ33_cjs.proceduralToUSDA(chunk2VL6SJ33_cjs.compileProceduralBlock(block)),
-        rendering: (block) => chunk2VL6SJ33_cjs.renderingToUSDA(chunk2VL6SJ33_cjs.compileRenderingBlock(block)),
-        navigation: (block) => chunk2VL6SJ33_cjs.navigationToUSDA(chunk2VL6SJ33_cjs.compileNavigationBlock(block)),
-        input: (block) => chunk2VL6SJ33_cjs.inputToUSDA(chunk2VL6SJ33_cjs.compileInputBlock(block))
+        iot: (block) => chunkGH6C2QGW_cjs.iotToUSDA(chunkGH6C2QGW_cjs.compileIoTBlock(block)),
+        dataviz: (block) => chunkGH6C2QGW_cjs.datavizToUSDA(chunkGH6C2QGW_cjs.compileDataVizBlock(block)),
+        education: (block) => chunkGH6C2QGW_cjs.educationToUSDA(chunkGH6C2QGW_cjs.compileEducationBlock(block)),
+        music: (block) => chunkGH6C2QGW_cjs.musicToUSDA(chunkGH6C2QGW_cjs.compileMusicBlock(block)),
+        architecture: (block) => chunkGH6C2QGW_cjs.architectureToUSDA(chunkGH6C2QGW_cjs.compileArchitectureBlock(block)),
+        web3: (block) => chunkGH6C2QGW_cjs.web3ToUSDA(chunkGH6C2QGW_cjs.compileWeb3Block(block)),
+        procedural: (block) => chunkGH6C2QGW_cjs.proceduralToUSDA(chunkGH6C2QGW_cjs.compileProceduralBlock(block)),
+        rendering: (block) => chunkGH6C2QGW_cjs.renderingToUSDA(chunkGH6C2QGW_cjs.compileRenderingBlock(block)),
+        navigation: (block) => chunkGH6C2QGW_cjs.navigationToUSDA(chunkGH6C2QGW_cjs.compileNavigationBlock(block)),
+        input: (block) => chunkGH6C2QGW_cjs.inputToUSDA(chunkGH6C2QGW_cjs.compileInputBlock(block))
       },
       (block) => `# Domain block: ${block.domain}/${block.keyword} "${block.name}"`
     );
@@ -3410,7 +3599,7 @@ _USDZPipeline.TEXTURE_CHANNEL_MAP = {
 var USDZPipeline = _USDZPipeline;
 
 // src/compiler/GaussianSplattingCompiler.ts
-chunkQWAR3GY6_cjs.init_CompilerBase();
+chunkLODTHGST_cjs.init_CompilerBase();
 var GAUSSIAN_SPLAT_TRAIT_NAME = "gaussian_splat";
 var MULTIPLAYER_TRAIT_NAME = "multiplayer";
 function detectMultiUserSharedSort(composition) {
@@ -3436,7 +3625,7 @@ function objectHasBothTraits(obj) {
   return false;
 }
 var SHARED_SORT_SHADER_PATH = "packages/engine/src/gpu/shaders/splat-shared-sort.wgsl";
-var GaussianSplattingCompiler = class extends chunkQWAR3GY6_cjs.CompilerBase {
+var GaussianSplattingCompiler = class extends chunkLODTHGST_cjs.CompilerBase {
   constructor(options = {}) {
     super();
     this.compilerName = "GaussianSplattingCompiler";
@@ -3608,17 +3797,7 @@ var GaussianSplattingCompiler = class extends chunkQWAR3GY6_cjs.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])));
@@ -4248,11 +4427,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 },
@@ -5874,7 +6049,7 @@ function quickSafetyCheck(traits, calls, options = {}) {
 }
 
 // src/compiler/platform/CrossRealityTraitRegistry.ts
-chunkAIA52I7T_cjs.init_PlatformConditional();
+chunkEBS32AJI_cjs.init_PlatformConditional();
 var CATEGORY_DEFAULT_EMBODIMENT = {
   vr: "FullAvatar",
   ar: "FloatingAgent",
@@ -5975,7 +6150,7 @@ var CrossRealityTraitRegistry = class {
     if (trait.applicablePlatforms.length === 0 && trait.applicableCategories.length === 0)
       return true;
     if (trait.applicablePlatforms.includes(platform)) return true;
-    const category = chunkAIA52I7T_cjs.platformCategory(platform);
+    const category = chunkEBS32AJI_cjs.platformCategory(platform);
     return trait.applicableCategories.includes(category);
   }
   /** Resolve the default embodiment for a platform */
@@ -5983,13 +6158,13 @@ var CrossRealityTraitRegistry = class {
     if (platform in PLATFORM_EMBODIMENT_OVERRIDES) {
       return PLATFORM_EMBODIMENT_OVERRIDES[platform];
     }
-    const category = chunkAIA52I7T_cjs.platformCategory(platform);
+    const category = chunkEBS32AJI_cjs.platformCategory(platform);
     return CATEGORY_DEFAULT_EMBODIMENT[category];
   }
   /** Validate a handoff path at compile time */
   validateHandoffPath(from, to) {
-    const fromCat = chunkAIA52I7T_cjs.platformCategory(from);
-    const toCat = chunkAIA52I7T_cjs.platformCategory(to);
+    const fromCat = chunkEBS32AJI_cjs.platformCategory(from);
+    const toCat = chunkEBS32AJI_cjs.platformCategory(to);
     if (fromCat === toCat) return { allowed: true, latencyBudgetMs: 100 };
     const rule = HANDOFF_PATH_RULES.find((r) => r.from === fromCat && r.to === toCat);
     if (!rule) return { allowed: true, latencyBudgetMs: 500 };
@@ -6002,7 +6177,7 @@ var CrossRealityTraitRegistry = class {
   }
   /** Get MVC budget for a target platform */
   getMVCBudget(platform) {
-    const category = chunkAIA52I7T_cjs.platformCategory(platform);
+    const category = chunkEBS32AJI_cjs.platformCategory(platform);
     return MVC_BUDGET_CONSTRAINTS.find((b) => b.category === category) ?? MVC_BUDGET_CONSTRAINTS[0];
   }
   /** Get total registered trait count */
@@ -6162,7 +6337,7 @@ function createCrossRealityTraitRegistry() {
 }
 
 // src/compiler/platform/ModalitySelector.ts
-chunkAIA52I7T_cjs.init_PlatformConditional();
+chunkEBS32AJI_cjs.init_PlatformConditional();
 var EMBODIMENT_TO_TARGET = {
   FullAvatar: { primary: "openxr", fallback: "r3f" },
   FloatingAgent: { primary: "visionos", fallback: "r3f" },
@@ -6194,8 +6369,8 @@ var PLATFORM_TARGET_OVERRIDES = {
 };
 function selectModality(platform, options = {}) {
   const reasoning = [];
-  const capabilities = chunkAIA52I7T_cjs.PLATFORM_CAPABILITIES[platform];
-  const category = chunkAIA52I7T_cjs.platformCategory(platform);
+  const capabilities = chunkEBS32AJI_cjs.PLATFORM_CAPABILITIES[platform];
+  const category = chunkEBS32AJI_cjs.platformCategory(platform);
   let embodiment;
   if (options.forceEmbodiment) {
     embodiment = options.forceEmbodiment;
@@ -6252,16 +6427,16 @@ function selectModality(platform, options = {}) {
 }
 function selectModalityForAll(options = {}) {
   const results = /* @__PURE__ */ new Map();
-  for (const platform of Object.keys(chunkAIA52I7T_cjs.PLATFORM_CAPABILITIES)) {
+  for (const platform of Object.keys(chunkEBS32AJI_cjs.PLATFORM_CAPABILITIES)) {
     results.set(platform, selectModality(platform, options));
   }
   return results;
 }
 function bestCategoryForTraits(requiredCapabilities) {
   const categories = [];
-  for (const [cat, platforms] of Object.entries(chunkAIA52I7T_cjs.PLATFORM_CATEGORIES)) {
+  for (const [cat, platforms] of Object.entries(chunkEBS32AJI_cjs.PLATFORM_CATEGORIES)) {
     const canSupport = platforms.some((platform) => {
-      const caps = chunkAIA52I7T_cjs.PLATFORM_CAPABILITIES[platform];
+      const caps = chunkEBS32AJI_cjs.PLATFORM_CAPABILITIES[platform];
       return Object.entries(requiredCapabilities).every(([key, required]) => {
         if (typeof required === "boolean")
           return !required || caps[key] === true;
@@ -6288,7 +6463,7 @@ var CompilerBridge = class {
     if (this.initialized) return;
     try {
       const [parserModule, compilerModule] = await Promise.all([
-        import('./HoloScriptPlusParser-WKHRIH6T.cjs'),
+        import('./HoloScriptPlusParser-QCGFPWIL.cjs'),
         import('./compiler/r3f.cjs')
       ]);
       this.modules = {
@@ -6878,7 +7053,7 @@ if __name__ == '__main__':
 `;
 }
 function compilePipelineSourceToNode(source, options = {}) {
-  const parsed = chunkKKFZ3B6J_cjs.parsePipeline(source);
+  const parsed = chunk3VBO3IYQ_cjs.parsePipeline(source);
   if (!parsed.success || !parsed.pipeline) {
     return {
       success: false,
@@ -6891,7 +7066,7 @@ function compilePipelineSourceToNode(source, options = {}) {
   };
 }
 function compilePipelineSourceToPython(source, options = {}) {
-  const parsed = chunkKKFZ3B6J_cjs.parsePipeline(source);
+  const parsed = chunk3VBO3IYQ_cjs.parsePipeline(source);
   if (!parsed.success || !parsed.pipeline) {
     return {
       success: false,
@@ -6974,5 +7149,5 @@ exports.runSafetyPass = runSafetyPass;
 exports.selectModality = selectModality;
 exports.selectModalityForAll = selectModalityForAll;
 exports.spatialPartition = spatialPartition;
-//# sourceMappingURL=chunk-YTR32ZEB.cjs.map
-//# sourceMappingURL=chunk-YTR32ZEB.cjs.map
+//# sourceMappingURL=chunk-C4GSLCHE.cjs.map
+//# sourceMappingURL=chunk-C4GSLCHE.cjs.map