Spaces:

FerrellSyntheticIntelligence
/

Vitalis-DevCore

Running

App Files Files Community

FerrellSyntheticIntelligence commited on 16 days ago

Commit

dde6b93

0 Parent(s):

Initial Vitalis DevCore 3D Blueprint Builder: NL parser + Three.js interactive 3D rendering

Browse files

Files changed (10) hide show

README.md +38 -0
app.py +119 -0
devcore/__init__.py +0 -0
devcore/__pycache__/__init__.cpython-312.pyc +0 -0
devcore/__pycache__/builder.cpython-312.pyc +0 -0
devcore/__pycache__/parser.cpython-312.pyc +0 -0
devcore/builder.py +107 -0
devcore/parser.py +246 -0
devcore/templates/viewer.html +287 -0
requirements.txt +2 -0

README.md ADDED Viewed

	@@ -0,0 +1,38 @@

+---
+title: Vitalis DevCore — 3D Blueprint Builder
+emoji: 🏗️
+colorFrom: blue
+colorTo: indigo
+sdk: gradio
+sdk_version: 6.19.0
+app_file: app.py
+pinned: false
+---
+# Vitalis DevCore — 3D Blueprint Builder
+Interactive 3D architectural visualizer. Describe a building in natural language and see it rendered as an explorable 3D model in your browser.
+## Features
+- **Natural language input** — "2000 sq ft ranch house with 3 bedrooms and 2 baths"
+- **Real-time 3D rendering** — Three.js in-browser, fully interactive (orbit, zoom, pan)
+- **Structured parsing** — Extracts dimensions, style, stories, rooms, features
+- **Live labels** — Room names rendered as floating sprites
+- **No GPU required** — All rendering client-side
+## Example Prompts
+- `2000 sq ft ranch house with 3 bedrooms and 2 baths`
+- `modern 2-story house 30x40 with 4 bedrooms 3 bathrooms and a garage`
+- `small cabin 800 sq ft with 1 bedroom and a loft`
+- `victorian 3500 sq ft 5 bedroom 3 bath with office and library`
+- `my house is 50 feet wide and 60 feet long with 3 bedrooms`
+## Architecture
+```
+User Input → NL Parser → Blueprint JSON → Three.js HTML → Browser Render
+```
+Built for the Vitalis ecosystem by FerrellSyntheticIntelligence.

app.py ADDED Viewed

	@@ -0,0 +1,119 @@

+import gradio as gr
+from devcore.parser import parse_description
+from devcore.builder import description_to_blueprint
+EXAMPLE_PROMPTS = [
+    "2000 sq ft ranch house with 3 bedrooms and 2 baths",
+    "modern 2-story house 30x40 with 4 bedrooms 3 bathrooms and a garage",
+    "small cabin 800 sq ft with 1 bedroom and a loft",
+    "victorian 3500 sq ft 5 bedroom 3 bath with office and library",
+    "colonial with 4 bedrooms and 2.5 baths",
+    "my house is 50 feet wide and 60 feet long with 3 bedrooms",
+    "30 feet by 50 feet modern house with 4 bedrooms and a deck",
+]
+def build_blueprint(description):
+    if not description or not description.strip():
+        html = _render_empty("Enter a description of the building you want to visualize.")
+        return html, "No description provided.", ""
+    try:
+        html = description_to_blueprint(description)
+        data = parse_description(description)
+        s = data["structure"]
+        f = data["features"]
+        summary = data["summary"]
+        details = (
+            f"🏠 **{s['style'].title()}** · {f['stories']} story · "
+            f"{s['width']}ft × {s['depth']}ft · ~{s['sqft']} sqft\n"
+            f"🛏️ {f['bedrooms']} bed · 🚿 {f['bathrooms']} bath · "
+            f"{'🚗 Garage' if f['garage'] else 'No garage'}"
+        )
+        return html, summary, details
+    except Exception as e:
+        html = _render_empty(f"Error: {e}")
+        return html, f"Failed to build: {e}", ""
+def _render_empty(message):
+    return f"""<!DOCTYPE html><html><head><style>
+* {{ margin:0; padding:0; box-sizing:border-box; }}
+body {{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
+  background:#0a0a1a; color:#888; display:flex; align-items:center;
+  justify-content:center; height:100vh; }}
+.msg {{ text-align:center; padding:40px; }}
+.msg h2 {{ color:#6666aa; margin-bottom:12px; }}
+.msg p {{ color:#666; font-size:14px; line-height:1.6; }}
+</style></head><body>
+<div class="msg"><h2>🏗️ 3D Blueprint Builder</h2>
+<p>{message}</p>
+<p style="margin-top:20px;font-size:12px;color:#444;">Type a description above and click Build</p></div>
+</body></html>"""
+with gr.Blocks(title="Vitalis DevCore — 3D Blueprint Builder", theme=gr.themes.Soft(primary_hue="purple", secondary_hue="indigo")) as demo:
+    gr.HTML("""
+    <div style="text-align:center;padding:20px;background:linear-gradient(135deg,#1a0a3e,#312e81);
+      border-radius:12px;margin-bottom:12px;border:1px solid #7c3aed44;">
+      <h1 style="color:#a78bfa;margin:0;font-size:1.8em;">Vitalis DevCore — 3D Blueprint Builder</h1>
+      <p style="color:#c4b5fd;margin:4px 0 0;font-size:0.9em;">
+        Describe a building in natural language — see it rendered as an interactive 3D model
+      </p>
+    </div>
+    """)
+    with gr.Row():
+        with gr.Column(scale=3):
+            prompt = gr.Textbox(
+                label="Describe your building",
+                placeholder="e.g., 2000 sq ft ranch house with 3 bedrooms and 2 baths",
+                lines=2,
+            )
+        with gr.Column(scale=1):
+            build_btn = gr.Button("🏗️ Build Blueprint", variant="primary", size="lg", scale=1)
+    with gr.Row():
+        summary_display = gr.Markdown(label="Summary", value="Enter a description and click Build.")
+    with gr.Row():
+        with gr.Column(scale=2):
+            model_display = gr.HTML(label="3D Model")
+    with gr.Accordion("Example prompts", open=True):
+        example_btns = []
+        for ex in EXAMPLE_PROMPTS:
+            btn = gr.Button(ex, size="sm")
+            btn.click(fn=lambda e=ex: e, outputs=prompt)
+            example_btns.append(btn)
+    with gr.Accordion("Blueprint Details", open=False):
+        details_display = gr.Markdown(label="Details")
+    def on_build(desc):
+        html, summary, details = build_blueprint(desc)
+        return html, summary, details
+    build_btn.click(
+        fn=on_build,
+        inputs=[prompt],
+        outputs=[model_display, summary_display, details_display],
+    )
+    prompt.submit(
+        fn=on_build,
+        inputs=[prompt],
+        outputs=[model_display, summary_display, details_display],
+    )
+    gr.Markdown("---")
+    gr.Markdown("""
+    ### How it works
+    1. **Parse** — Natural language description → structured blueprint data
+    2. **Generate** — Blueprint → Three.js 3D scene with walls, rooms, roof, labels
+    3. **Render** — Interactive model with orbit controls (drag to rotate, scroll to zoom)
+    *Built with Three.js · All rendering happens in your browser — no server-side graphics needed*
+    """)
+if __name__ == "__main__":
+    demo.launch()

devcore/__init__.py ADDED Viewed

File without changes

devcore/__pycache__/__init__.cpython-312.pyc ADDED Viewed

Binary file (142 Bytes). View file

devcore/__pycache__/builder.cpython-312.pyc ADDED Viewed

Binary file (3.53 kB). View file

devcore/__pycache__/parser.cpython-312.pyc ADDED Viewed

Binary file (11.9 kB). View file

devcore/builder.py ADDED Viewed

	@@ -0,0 +1,107 @@

+import json
+import os
+from devcore.parser import parse_description
+TEMPLATE_PATH = os.path.join(os.path.dirname(__file__), "templates", "viewer.html")
+def description_to_blueprint(text):
+    data = parse_description(text)
+    return _build_threejs_html(data)
+def _build_threejs_html(data):
+    scene = data["structure"]
+    rooms = data["rooms"]
+    w = scene["width"]
+    d = scene["depth"]
+    s = scene["stories"]
+    room_meshes = []
+    wall_meshes = []
+    label_data = []
+    wall_height = 8 if s <= 1 else 9
+    floor_height = 0.5
+    for room in rooms:
+        rx, rz = room["x"], room["z"]
+        rw, rd = room["w"], room["d"]
+        floor_n = room.get("floor", 0)
+        cy = floor_n * (wall_height + floor_height) + floor_height / 2
+        exterior = room.get("exterior", False)
+        color = room["color"]
+        room_meshes.append({
+            "x": rx, "z": rz, "w": rw, "d": rd,
+            "y": cy, "h": floor_height,
+            "color": color,
+            "name": room["name"],
+            "exterior": exterior,
+        })
+        lx = rx + rw / 2
+        lz = rz + rd / 2
+        label_data.append({
+            "x": lx, "z": lz, "y": cy + 0.3,
+            "text": room["name"],
+        })
+        hw = rw / 2
+        hd = rd / 2
+        if not exterior:
+            for side in ["north", "south", "east", "west"]:
+                wall_meshes.append({
+                    "side": side,
+                    "x": rx, "z": rz, "w": rw, "d": rd,
+                    "h": wall_height,
+                    "room_name": room["name"],
+                })
+    roof_height = wall_height + 4
+    roof_mesh = {
+        "w": w * 1.15,
+        "d": d * 1.15,
+        "y": s * (wall_height + floor_height),
+        "h": roof_height,
+        "color": "#5a4a3a",
+    }
+    blueprint = {
+        "scene": {
+            "width": w,
+            "depth": d,
+            "stories": s,
+            "wall_height": wall_height,
+            "floor_height": floor_height,
+        },
+        "floors": room_meshes,
+        "walls": wall_meshes,
+        "roof": roof_mesh,
+        "labels": label_data,
+        "summary": data["summary"],
+        "features": data["features"],
+    }
+    html = _render_html(blueprint)
+    return html
+def _render_html(blueprint):
+    bp_json = json.dumps(blueprint)
+    with open(TEMPLATE_PATH, "r") as f:
+        template = f.read()
+    html = template.replace("/* BLUEPRINT_DATA */", f"const BLUEPRINT = {bp_json};")
+    return html
+if __name__ == "__main__":
+    html = description_to_blueprint("2000 sq ft ranch house with 3 bedrooms and 2 baths")
+    print(f"Generated {len(html)} bytes of HTML")
+    with open("/tmp/test_blueprint.html", "w") as f:
+        f.write(html)
+    print("Saved to /tmp/test_blueprint.html")

devcore/parser.py ADDED Viewed

	@@ -0,0 +1,246 @@

+import re
+STYLES = {
+    "ranch": "ranch", "rambler": "ranch",
+    "colonial": "colonial", "cape": "colonial",
+    "modern": "modern", "contemporary": "modern",
+    "victorian": "victorian",
+    "craftsman": "craftsman",
+    "cabin": "cabin", "cottage": "cabin",
+    "tudor": "tudor",
+    "farmhouse": "farmhouse",
+}
+ROOM_COLORS = {
+    "living": "#e8dcc8", "family": "#e8dcc8",
+    "kitchen": "#d4e8d0", "dining": "#e0d0c0",
+    "bedroom": "#d0d8e8", "master": "#c8d0e8",
+    "bath": "#d8e8e8", "bathroom": "#d8e8e8",
+    "office": "#e0d0d8", "den": "#e0d0d8",
+    "garage": "#d0d0d0",
+    "hall": "#f0ece8", "hallway": "#f0ece8",
+    "laundry": "#e8e0d8",
+    "closet": "#ece8e0",
+    "loft": "#e8e0d0",
+    "basement": "#c8c0b8",
+    "porch": "#d8d0c8", "deck": "#c8b8a8",
+    "patio": "#c8b8a8",
+}
+def parse_description(text):
+    text = text.lower().strip()
+    sqft = _extract_sqft(text)
+    width, depth = _extract_dimensions(text, sqft)
+    style = _extract_style(text)
+    stories = _extract_stories(text)
+    bedrooms = _extract_bedrooms(text)
+    bathrooms = _extract_bathrooms(text)
+    garage = _has_garage(text)
+    extra_rooms = _extract_extra_rooms(text)
+    rooms = _generate_rooms(width, depth, stories, bedrooms, bathrooms, garage, extra_rooms, style)
+    return {
+        "structure": {
+            "width": width,
+            "depth": depth,
+            "stories": stories,
+            "style": style,
+            "sqft": sqft or (width * depth * stories),
+        },
+        "rooms": rooms,
+        "features": {
+            "bedrooms": int(bedrooms),
+            "bathrooms": float(bathrooms),
+            "garage": garage,
+            "stories": int(stories),
+        },
+        "summary": _generate_summary(width, depth, stories, style, bedrooms, bathrooms),
+    }
+def _extract_sqft(text):
+    m = re.search(r'(\d+[,.]?\d*)\s*(sq\s*ft|square\s*feet|sqft)', text)
+    if m:
+        return int(float(m.group(1).replace(",", "")))
+    m = re.search(r'(\d+[,.]?\d*)\s*x\s*(\d+[,.]?\d*)\s*(?:feet|ft|foot)', text)
+    if m:
+        w = float(m.group(1).replace(",", ""))
+        d = float(m.group(2).replace(",", ""))
+        return int(w * d)
+    return None
+def _extract_dimensions(text, sqft):
+    m = re.search(r'(\d+)\s*(?:feet|ft|foot)\s*(?:x|by|and)?\s*(\d+)\s*(?:feet|ft|foot)', text)
+    if m:
+        return int(m.group(1)), int(m.group(2))
+    m = re.search(r'(\d+)\s*x\s*(\d+)', text)
+    if m:
+        return int(m.group(1)), int(m.group(2))
+    m = re.search(r'(\d+)\s*(?:feet|ft|foot)\s*(?:wide|width)?', text)
+    if m:
+        w = int(m.group(1))
+        if sqft:
+            d = max(1, sqft // w)
+        else:
+            d = int(w * 0.75)
+        return w, d
+    m = re.search(r'(\d+)\s*(?:by|wide|width)\s*(\d+)', text)
+    if m:
+        return int(m.group(1)), int(m.group(2))
+    if sqft:
+        w = int(sqft ** 0.5)
+        d = max(1, sqft // w)
+        return w, d
+    return 40, 30
+def _extract_style(text):
+    for style, normalized in STYLES.items():
+        if style in text:
+            return normalized
+    if "2 story" in text or "two story" in text or "two-story" in text:
+        return "colonial"
+    return "modern"
+def _extract_stories(text):
+    m = re.search(r'(\d+)\s*[-]?\s*(?:story|floor|level|storey)', text)
+    if m:
+        return min(int(m.group(1)), 3)
+    if "single story" in text or "ranch" in text or "rambler" in text:
+        return 1
+    return 1
+def _extract_bedrooms(text):
+    m = re.search(r'(\d+)\s*(?:bedroom|bed\b)', text)
+    if m:
+        return int(m.group(1))
+    m = re.search(r'(\d+)\s*br\b', text)
+    if m:
+        return int(m.group(1))
+    return 3
+def _extract_bathrooms(text):
+    m = re.search(r'(\d+)\s*(?:bathroom|bath\b)', text)
+    if m:
+        return int(m.group(1))
+    m = re.search(r'(\d+)\s*ba\b', text)
+    if m:
+        return int(m.group(1))
+    m = re.search(r'(\d+\.?\d*)\s*-?\s*bath', text)
+    if m:
+        return float(m.group(1))
+    return 2
+def _has_garage(text):
+    if re.search(r'\bgarage\b', text):
+        return True
+    if re.search(r'\bcar\s*(?:garage|port)\b', text):
+        return True
+    return False
+def _extract_extra_rooms(text):
+    extras = []
+    room_keywords = ["office", "den", "library", "gym", "theater", "workshop",
+                     "laundry", "mudroom", "sunroom", "conservatory", "studio",
+                     "loft", "basement", "attic", "porch", "deck", "patio",
+                     "wine cellar", "pantry", "playroom", "nursery"]
+    for kw in room_keywords:
+        if kw in text:
+            extras.append(kw)
+    return extras
+def _generate_rooms(width, depth, stories, bedrooms, bathrooms, garage, extras, style):
+    rooms = []
+    color = lambda name: ROOM_COLORS.get(name, "#e8e0d8")
+    w3 = width / 3.0
+    d2 = depth / 2.0
+    rooms.append({"name": "Living Room", "x": 0, "z": 0, "w": w3 * 1.5, "d": d2, "color": color("living"), "floor": 0})
+    rooms.append({"name": "Kitchen", "x": w3 * 1.5, "z": 0, "w": w3 * 0.8, "d": d2, "color": color("kitchen"), "floor": 0})
+    rooms.append({"name": "Dining", "x": w3 * 1.5 + w3 * 0.8, "z": 0, "w": w3 * 0.7, "d": d2, "color": color("dining"), "floor": 0})
+    bed_colors = ["#d0d8e8", "#c8d0e8", "#d8d0e0", "#d0d0e0", "#d8d8e8"]
+    bed_w = min(w3 * 0.7, 14)
+    bed_d = min(d2 * 0.6, 14)
+    for i in range(bedrooms):
+        bx = (i % 3) * w3
+        bz = d2 + (i // 3) * bed_d
+        if bx + bed_w > width:
+            bx = width - bed_w
+        name = "Master Bedroom" if i == 0 else f"Bedroom {i+1}"
+        rooms.append({"name": name, "x": bx, "z": bz, "w": bed_w, "d": bed_d, "color": bed_colors[i % len(bed_colors)], "floor": 0})
+    bath_w = 6
+    bath_d = 6
+    for i in range(int(bathrooms)):
+        bx = width - bath_w - (i * bath_w) % (width / 3)
+        bz = 0 if i % 2 == 0 else d2 - bath_d
+        if bx < 0:
+            bx = width - bath_w
+        rooms.append({"name": f"{'Master ' if i == 0 and bedrooms > 0 else ''}Bathroom" if i == 0 else f"Bathroom {i+1}",
+                      "x": bx, "z": bz, "w": bath_w, "d": bath_d, "color": color("bathroom"), "floor": 0})
+    if garage:
+        gw = min(width * 0.35, 24)
+        gd = min(depth * 0.4, 24)
+        rooms.append({"name": "Garage", "x": 0, "z": depth - gd, "w": gw, "d": gd, "color": color("garage"), "floor": 0})
+    hall_w = 4
+    rooms.append({"name": "Hallway", "x": 0, "z": d2, "w": hall_w, "d": bed_d if bedrooms > 0 else d2 * 0.5, "color": color("hallway"), "floor": 0})
+    for extra in extras:
+        ex = width * 0.6
+        ez = depth * 0.3
+        ew = min(w3 * 0.6, 12)
+        ed = min(d2 * 0.5, 10)
+        if extra in ("deck", "patio", "porch"):
+            rooms.append({"name": extra.capitalize(), "x": width * 0.3, "z": -8, "w": width * 0.4, "d": 8, "color": color(extra), "floor": 0, "exterior": True})
+        else:
+            rooms.append({"name": extra.capitalize(), "x": ex, "z": ez, "w": ew, "d": ed, "color": color(extra), "floor": 0})
+    if stories > 1:
+        for room in rooms:
+            if room["floor"] == 0 and room["name"] not in ("Garage",):
+                upper = room.copy()
+                upper["name"] = f"Upper {room['name']}"
+                upper["floor"] = 1
+                upper["color"] = "#e0dcd8"
+                rooms.append(upper)
+    return rooms
+def _generate_summary(width, depth, stories, style, bedrooms, bathrooms):
+    sqft = width * depth * stories
+    return f"A {style} {stories}-story home, {width}ft x {depth}ft — approximately {sqft} sqft. {bedrooms} bedrooms, {bathrooms} bathrooms."
+if __name__ == "__main__":
+    tests = [
+        "2000 sq ft ranch house with 3 bedrooms and 2 baths",
+        "modern 2-story house 30x40 with 4 bedrooms 3 bathrooms and a 2 car garage",
+        "small cabin 800 sq ft with 1 bedroom",
+        "victorian 3500 sq ft 5 bedroom 3 bath with office and library",
+        "colonial with 4 bedrooms and 2.5 baths",
+    ]
+    for t in tests:
+        r = parse_description(t)
+        print(f"\n{'='*60}")
+        print(f"Input: {t}")
+        print(f"Structure: {r['structure']}")
+        print(f"Rooms: {len(r['rooms'])}")
+        for room in r['rooms'][:5]:
+            print(f"  {room['name']}: {room['w']:.0f}x{room['d']:.0f} @ ({room['x']:.0f},{room['z']:.0f}) floor={room.get('floor',0)}")
+        print(f"Summary: {r['summary']}")

devcore/templates/viewer.html ADDED Viewed

	@@ -0,0 +1,287 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Vitalis DevCore — 3D Blueprint</title>
+<style>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #0a0a1a; overflow: hidden; color: #fff; }
+#canvas-container { width: 100vw; height: 100vh; display: block; }
+#info-overlay { position: fixed; top: 16px; left: 16px; background: rgba(10,10,30,0.85); border: 1px solid rgba(100,60,255,0.3); border-radius: 12px; padding: 16px 20px; max-width: 320px; font-size: 13px; line-height: 1.5; backdrop-filter: blur(8px); z-index: 10; }
+#info-overlay h2 { font-size: 16px; margin-bottom: 6px; color: #a78bfa; }
+#info-overlay p { color: #c4b5fd; margin: 2px 0; }
+#info-overlay .badge { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 11px; margin: 2px; background: rgba(100,60,255,0.2); color: #a78bfa; border: 1px solid rgba(100,60,255,0.2); }
+#controls-hint { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(10,10,30,0.7); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 8px 16px; font-size: 12px; color: #888; backdrop-filter: blur(4px); z-index: 10; }
+.label-2d { position: absolute; color: rgba(255,255,255,0.6); font-size: 11px; font-weight: 500; text-shadow: 0 0 8px rgba(0,0,0,0.8); pointer-events: none; transform: translate(-50%, -50%); white-space: nowrap; }
+</style>
+</head>
+<body>
+<div id="info-overlay">
+  <h2>🏗️ Blueprint</h2>
+  <p id="summary-text">Loading...</p>
+  <div id="features" style="margin-top:6px;"></div>
+</div>
+<div id="controls-hint">🖱️ Drag to orbit  ·  Scroll to zoom  ·  Right-drag to pan</div>
+<div id="canvas-container"></div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.js"></script>
+<script>
+/* BLUEPRINT_DATA */
+function initScene(data) {
+  const container = document.getElementById('canvas-container');
+  const w = container.clientWidth;
+  const h = container.clientHeight;
+  const scene = new THREE.Scene();
+  scene.background = new THREE.Color(0x0a0a1a);
+  scene.fog = new THREE.Fog(0x0a0a1a, 100, 200);
+  const camera = new THREE.PerspectiveCamera(40, w / h, 0.1, 500);
+  const renderer = new THREE.WebGLRenderer({ antialias: true });
+  renderer.setSize(w, h);
+  renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+  renderer.shadowMap.enabled = true;
+  renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+  renderer.toneMapping = THREE.ACESFilmicToneMapping;
+  renderer.toneMappingExposure = 1.2;
+  container.appendChild(renderer.domElement);
+  const controls = new THREE.OrbitControls(camera, renderer.domElement);
+  controls.enableDamping = true;
+  controls.dampingFactor = 0.08;
+  controls.maxPolarAngle = Math.PI / 2.1;
+  controls.minDistance = 5;
+  controls.maxDistance = 150;
+  // Lights
+  const ambient = new THREE.AmbientLight(0x404060, 0.6);
+  scene.add(ambient);
+  const sun = new THREE.DirectionalLight(0xffeedd, 1.2);
+  sun.position.set(40, 60, 30);
+  sun.castShadow = true;
+  sun.shadow.mapSize.width = 2048;
+  sun.shadow.mapSize.height = 2048;
+  sun.shadow.camera.near = 0.5;
+  sun.shadow.camera.far = 150;
+  scene.add(sun);
+  const fill = new THREE.DirectionalLight(0x8888ff, 0.4);
+  fill.position.set(-30, 20, -20);
+  scene.add(fill);
+  const hemi = new THREE.HemisphereLight(0x8888ff, 0x444422, 0.6);
+  scene.add(hemi);
+  // Ground
+  const groundGeo = new THREE.PlaneGeometry(200, 200);
+  const groundMat = new THREE.MeshStandardMaterial({
+    color: 0x181830,
+    roughness: 0.9,
+    metalness: 0.0,
+    transparent: true,
+    opacity: 0.8,
+  });
+  const ground = new THREE.Mesh(groundGeo, groundMat);
+  ground.rotation.x = -Math.PI / 2;
+  ground.position.y = -0.25;
+  ground.receiveShadow = true;
+  scene.add(ground);
+  // Grid
+  const grid = new THREE.GridHelper(100, 40, 0x444488, 0x333366);
+  grid.position.y = 0.01;
+  scene.add(grid);
+  const bp = data.scene;
+  const cx = bp.width / 2;
+  const cz = bp.depth / 2;
+  const sw = bp.width;
+  const sd = bp.depth;
+  // Foundation outline
+  const outlineMat = new THREE.LineBasicMaterial({ color: 0x6666cc, transparent: true, opacity: 0.4 });
+  const outlineGeo = new THREE.BufferGeometry();
+  const outlineVerts = new Float32Array([
+    0, 0, 0, sw, 0, 0, sw, 0, sd, 0, 0, sd, 0, 0, 0
+  ]);
+  outlineGeo.setAttribute('position', new THREE.BufferAttribute(outlineVerts, 3));
+  const outline = new THREE.Line(outlineGeo, outlineMat);
+  outline.position.y = 0.02;
+  scene.add(outline);
+  // Floors
+  const floorMat = new THREE.MeshStandardMaterial({ roughness: 0.7, metalness: 0.05 });
+  data.floors.forEach(function(f) {
+    const geo = new THREE.BoxGeometry(f.w, f.h, f.d);
+    const mat = floorMat.clone();
+    mat.color = new THREE.Color(f.color || 0x444466);
+    mat.transparent = true;
+    mat.opacity = f.exterior ? 0.5 : 0.85;
+    const mesh = new THREE.Mesh(geo, mat);
+    mesh.position.set(f.x + f.w/2, f.y, f.z + f.d/2);
+    mesh.castShadow = true;
+    mesh.receiveShadow = true;
+    scene.add(mesh);
+    if (!f.exterior) {
+      const edge = new THREE.EdgesGeometry(geo);
+      const line = new THREE.LineSegments(edge, new THREE.LineBasicMaterial({
+        color: 0x8888cc, transparent: true, opacity: 0.3
+      }));
+      line.position.copy(mesh.position);
+      scene.add(line);
+    }
+  });
+  // Walls
+  const wallMat = new THREE.MeshStandardMaterial({
+    color: 0x444488, roughness: 0.6, metalness: 0.1,
+    transparent: true, opacity: 0.15, wireframe: false,
+  });
+  data.walls.forEach(function(w) {
+    var wx, wz, ww, wd, wh = w.h;
+    var margin = 0.05;
+    if (w.side === 'north') {
+      wx = w.x; wz = w.z; ww = w.w; wd = 0.15;
+    } else if (w.side === 'south') {
+      wx = w.x; wz = w.z + w.d; ww = w.w; wd = 0.15;
+    } else if (w.side === 'east') {
+      wx = w.x + w.w; wz = w.z; ww = 0.15; wd = w.d;
+    } else {
+      wx = w.x; wz = w.z; ww = 0.15; wd = w.d;
+    }
+    const geo = new THREE.BoxGeometry(ww, wh, wd);
+    const mat = wallMat.clone();
+    mat.color = new THREE.Color(0x6666aa);
+    const mesh = new THREE.Mesh(geo, mat);
+    mesh.position.set(wx + ww/2, wh/2, wz + wd/2);
+    scene.add(mesh);
+  });
+  // Roof
+  const roof = data.roof;
+  const roofMat = new THREE.MeshStandardMaterial({
+    color: new THREE.Color(roof.color || 0x5a4a3a),
+    roughness: 0.8, metalness: 0.0,
+  });
+  const roofGeo = new THREE.ConeGeometry(Math.max(roof.w, roof.d) * 0.7, roof.h, 4);
+  const roofMesh = new THREE.Mesh(roofGeo, roofMat);
+  roofMesh.position.set(sw/2, roof.y, sd/2);
+  roofMesh.rotation.y = Math.PI / 4;
+  roofMesh.castShadow = true;
+  scene.add(roofMesh);
+  // Labels using sprites
+  data.labels.forEach(function(l) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    canvas.width = 512;
+    canvas.height = 128;
+    ctx.shadowColor = 'rgba(0,0,0,0.8)';
+    ctx.shadowBlur = 12;
+    ctx.fillStyle = 'rgba(10,10,30,0.6)';
+    const tw = ctx.measureText(l.text).width || 200;
+    const rw = Math.min(tw + 40, 500);
+    const rh = 60;
+    const rx = (canvas.width - rw) / 2;
+    const ry = (canvas.height - rh) / 2;
+    ctx.shadowBlur = 0;
+    ctx.fillStyle = 'rgba(20,20,50,0.5)';
+    ctx.beginPath();
+    ctx.roundRect(rx, ry, rw, rh, 8);
+    ctx.fill();
+    ctx.strokeStyle = 'rgba(100,60,255,0.3)';
+    ctx.lineWidth = 1;
+    ctx.stroke();
+    ctx.shadowColor = 'rgba(0,0,0,0.6)';
+    ctx.shadowBlur = 6;
+    ctx.fillStyle = l.text.includes('Upper') ? 'rgba(180,180,220,0.6)' : '#ffffff';
+    ctx.font = 'bold 32px -apple-system, BlinkMacSystemFont, sans-serif';
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillText(l.text, canvas.width / 2, canvas.height / 2);
+    const texture = new THREE.CanvasTexture(canvas);
+    texture.needsUpdate = true;
+    const spriteMat = new THREE.SpriteMaterial({
+      map: texture,
+      transparent: true,
+      depthTest: false,
+      sizeAttenuation: true,
+    });
+    const sprite = new THREE.Sprite(spriteMat);
+    sprite.position.set(l.x, l.y + 2, l.z);
+    sprite.scale.set(8, 2, 1);
+    scene.add(sprite);
+  });
+  // Camera position
+  const dist = Math.max(sw, sd) * 1.3 + 10;
+  camera.position.set(dist * 0.6, dist * 0.7, dist * 0.8);
+  controls.target.set(sw / 2, 1, sd / 2);
+  controls.update();
+  // Resize
+  window.addEventListener('resize', function() {
+    const w2 = container.clientWidth;
+    const h2 = container.clientHeight;
+    camera.aspect = w2 / h2;
+    camera.updateProjectionMatrix();
+    renderer.setSize(w2, h2);
+  });
+  function animate() {
+    requestAnimationFrame(animate);
+    controls.update();
+    renderer.render(scene, camera);
+  }
+  animate();
+}
+// RoundRect polyfill for labels
+if (!CanvasRenderingContext2D.prototype.roundRect) {
+  CanvasRenderingContext2D.prototype.roundRect = function(x, y, w, h, r) {
+    if (r > w/2) r = w/2;
+    if (r > h/2) r = h/2;
+    this.moveTo(x + r, y);
+    this.arcTo(x + w, y, x + w, y + h, r);
+    this.arcTo(x + w, y + h, x, y + h, r);
+    this.arcTo(x, y + h, x, y, r);
+    this.arcTo(x, y, x + w, y, r);
+    return this;
+  };
+}
+// Update info overlay
+document.getElementById('summary-text').textContent = BLUEPRINT.summary || 'No description available.';
+var feat = BLUEPRINT.features || {};
+var featHtml = '';
+var featMap = {
+  bedrooms: '🛏️', bathrooms: '🚿', stories: '🏠', garage: '🚗'
+};
+for (var k in feat) {
+  if (featMap[k]) {
+    var val = feat[k];
+    if (k === 'garage') val = val ? 'Yes' : 'No';
+    featHtml += '<span class="badge">' + featMap[k] + ' ' + k.charAt(0).toUpperCase() + k.slice(1) + ': ' + val + '</span>';
+  }
+}
+document.getElementById('features').innerHTML = featHtml;
+initScene(BLUEPRINT);
+</script>
+</body>
+</html>

requirements.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ gradio>=6.19.0
2	+ huggingface-hub