grabowski
19f4c83ae8
Deploy web Studio / deploy (push) Successful in 1m27s
Selection: S.sel stays the object picked last; S.selIds holds everything selected. - In the object list, Ctrl+click adds or removes an object and Shift+click selects a range. - On the map, Ctrl/Shift+click toggles an object and Shift+drag draws a box that selects what lies wholly inside it (locked and hidden objects are left out). - Ctrl+A selects everything that is not locked; Esc selects nothing. - Clicking a wall or fence a second time selects every piece of the same type joined to it; another click goes back to that one piece. - Dragging one selected object moves them all, together with the windows and doors on them, as one undo step. Arrow keys, R (turns the group about its middle), Ctrl+D, Delete, Lock and Hide all work on the whole selection. - When all selected objects share a type, the property form edits them all; fields where they differ show "mixed". - The agent's system prompt lists the selected objects. The viewer outlines several objects with selectObj([ids]) and passes the click event to onPick. A batch op now answers `ids`, one per operation, so the copies from a group duplicate get selected. Pond (Nature): natural, round or square, with a stone or grass edge, fish, lily pads, spreading ripples and reed clumps. The fish come from a new Swim primitive (script: s.swim). One matrix maps the object's frame to the screen. Each fish turns round its ellipse with a CSS rotation, so off-screen pausing and reduced motion apply as for the other animations. The house demo gets a koi pond in the back garden. Tests: ponds in every shape and rotation have the right number of fish, no NaN and no depth-sort cycles, and stay inside their rectangle. check_studio covers list and map multi-select, a group drag undone in one step, joined-fence selection, a mixed-value form applied to all, box select, delete and undo, Ctrl+A, Esc, and a new pond's fish.
7.5 KiB
7.5 KiB
Roadmap
Each phase ends with tests, a Studio/viewer check in Edge, commit and push.
Phase 1: engine, Studio, MCP (done)
- Core: projection with 4 rotations, primitives (box, prism, cylinder, frustum, face, poly, flat, openings, lines, disc, circle, stem, figures, puffs, fan, raw, groups, sequences), sprites with 90° object frames, depth sort ported from the JS views, SVG writer, tags, tooltips
- Theme: built-in palette, materials and rules converted from the Mooban/CNX CSS; TOML overrides
- Rhai runtime: drawing API, module imports from memory, errors with file:line, safety limits
- Prefab library: site, area, road, parking, wall, fence, lamp, marker, tree, tree row, hedge, building (storeys, windows, door, flat/gable roof, solar, AC, cut-open levels), carport, shed, car (driving), truck, motorbike, person, crowd, tank, container, generator, solar field, chimney
- Scene document + prefab catalog with property schemas
- Project folder, ops (add/update/remove/duplicate/reorder/set_cfg/replace), Workspace (save, undo, reload on outside changes), check, static HTML page, SVG export
- Viewer JS: port of the views' mount() (pan, pinch, wheel, declutter, tooltips, full screen) for prerendered, server and future WASM sources
- Studio GUI: palette, object list, placing, drag-to-move with snap, keyboard, forms from schemas, levels, undo/redo, live follow of agent edits, MCP connection panel
- MCP: 15 tools over stdio and HTTP (
/mcp), validation messages for agents - Demo project, 52 Rust tests, Playwright Studio + MCP test
Web Studio (done)
isokit-wasm: the engine in the browser (wasm-bindgen, 2.8 MB / 0.75 MB gzipped);Storetrait (folder or memory) under theWorkspace; Studio JSON API shared withisokit studiostudio.jsruns on a pluggable backend; the web shell answers it from WASM- Projects in IndexedDB; new, demo copy, delete; export / import
.zip(stored or deflated) and folders (drop or pick); two tabs on one project stay in step - Folder projects (File System Access, Chrome / Edge): edits written to disk, outside changes
followed live and undoable, Build page writes
dist/index.html - Code editor for scripts, prefabs, theme and manifest, with script errors by file and line
- MCP tools inside the page (
isokit.mcp), WebMCP registration when the browser offers it tools/build_web.py(static output),tools/check_web.py(44 checks, Edge)- Deploy a hosted copy; render in a Web Worker for very large scenes
Agent window (done)
- ✦ Agent in the Studio: chat with a model on an OpenAI-compatible endpoint (default: B4L's inference server) that edits the scene with the MCP tools + page tools (select, view); streamed answers and reasoning, tool calls with results, clickable object ids, Stop, Undo
isokit studiorelays the calls (/api/agent/*, key stays on the machine, no CORS); settings fromISOKIT_LLM_*oragent.jsonin the user's config folder- Web Studio calls the endpoint from the page; isokit.buildfor.life relays
/llm/to the inference server (Caddy) so the page needs no CORS from it tools/mock_llm.py+tools/agent_checks.pyin both Studio checks- Keep the conversation per project across reloads; attach a rendered view (PNG, Phase 4) for vision models
Build your own house (done)
- House parts:
house_wall(drawn along a line, ends adapt at corners, T-junctions and straight runs),windowanddoorthat sit on a wall and cut its opening (door styles: panel, glass, double, sliding, opening; open / closed, hinge and swing by rotation),floor(boards / tiles / carpet / stone),roof(hip, gable, flat, solar),stairs - Furniture: chair, sofa / armchair, table with chairs, desk with monitor and chair, TV, bed with nightstands, cupboard, bookshelf, kitchen run (sink, hob, wall cabinets, fridge), bathtub, shower, toilet, washbasin, plant, rug, floor lamp
- Cut-open levels for houses: walls in front of rooms cut low (rooms found by their floors),
roof as an outline, storeys from z (
storey_h), upper storeys left out - Scripting:
objects_of,objects_at,objects_on,mount_of,mounted,frame,to_world,to_local,local_of; prefab metashape(line / rect),mount,storey - Studio: drag to draw lines and rectangles (walls, roads, fences, floors, areas, buildings), Room tool (floor + walls, shared walls not doubled), windows and doors snap onto walls (hover preview) and move, turn, copy and delete with them, new parts land on the storey shown, collapsible palette that scrolls on its own
examples/house(a furnished house built from parts), House demo in the web Studio- Openings across two walls; diagonal walls; floor openings for stairs
Backlog (2026-10)
- Web performance: the web build runs smoothly on low-power machines
- Conveyors: placeable conveyors
- Producers with adjustable production speed
- Robotic arms
- Rounded streets: curved road segments
- Sidewalks along streets
- Roundabouts
- Waypoint animation: a person or car moving along a path of waypoints
Build your own house(done, see above)
Done since: the middle mouse button only moves the camera; fences and site walls join like house
walls (line_joint); fence designs (mesh, wood, bars, half stone, cobble, brick with pillars);
runs of walls and fences drawn corner by corner, ends snapping onto the pieces they meet;
multi-select (Ctrl+click on the map and in the list, Shift range, Shift+drag box, Ctrl+A; group drag,
nudge, turn, copy, delete and property edits; a second click on a wall or fence selects the joined
run); the Pond with fish swimming round (swim primitive, CSS rotation), lily pads, ripples, reeds.
Phase 2: richer editing
- Interior prefabs (see Build your own house); a building
roomsprop is still open - Path objects in the Studio: click points for areas, roads (polyline with width), fences, walls, pipe runs; vertex handles
- Multi-select (box select, Shift-click), group move, align/distribute
- Copy/paste between projects; prefab thumbnails in the palette (rendered icons)
- Measure tool and grid overlay; numeric resize handles on the selection
- Studio editor for
theme.toml(colour pickers) and for project parameters
Phase 3: embedding in the other projects
- Host pages on the WASM build (
isokit-wasmexists, see Web Studio): the same scene recomputes in the browser when a host page's calculator changes the parameters (cnx_vinyl fleet calculator) isokit build --fragment:<style>+<script>blocks for the Python build scripts of the host pages (replaceinline.py)- Host API parity with CNXIso (
mount,update(cfg),setLevel,focus,info,onPick) - Port the existing scenes: mooban estate, CNX Scuba centre (section cut), CNX Vinyl plant; check each against its old view with the QA checklist from the skill
Phase 4: output and QA
- Section cut layer (underground scenes) from iso-scuba: cut plane, clip-path per cavity
- PNG export (static style resolution + resvg) so agents get an image from
render_view isokit checkrules from the QA checklist: props on paved areas, runs ending in the air, covers drawn over their contents, tag overlaps- Performance budget test (render ms per view, 60 fps pan) on a 3,500-node scene
- Packaged desktop app (Tauri); shared projects for the hosted web Studio (behind login)