Add Zoodle inset appearance and service-backed tools

[franknoirot]

Summary

• Inset the engine stream while Zoodle is active and move the green active-state treatment into the runtime stream contribution.
• Add a Zoodle service contract with static tool definitions and a session-scoped equipTool API.
• Render Zoodle tool controls from the service definitions and apply draw/erase behavior from the service-backed active tool signal.

Stacked on #12284 (franknoirot/adhoc/zoodle-engine-scene-runtime-extension).

Demo

Screenshare.-.2026-07-01.1_56_04.PM-compressed.mp4

Testing

• npx biome check --formatter-enabled=true --linter-enabled=false --organize-imports-enabled=true --files-ignore-unknown=true src/components/ViewportAnnotationOverlay.tsx src/components/MlEphantConversation.spec.tsx src/registry/contracts/zoodle.ts src/registry/extensions/engineScene/zoodleRuntimeExtension.tsx src/registry/extensions/engineScene/zoodleRuntimeExtension.spec.ts
• npx vitest run --mode=development src/registry/extensions/engineScene/zoodleRuntimeExtension.spec.ts src/registry/extensions/engineScene/index.spec.ts src/components/MlEphantConversation.spec.tsx
• npm run tsc -- --noEmit

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
modeling-app	Ready	Preview, Comment	Jul 1, 2026 6:11pm

[andrewvarga]

These 2 states look very similar, could they be unified? I understand a ref doesn't update React and the state may be lagging by an update cycle..if it's unavoidable it may be worth adding a comment for why there is both?

[andrewvarga]

Nice! A small UX NIT:
There is an animation for the green inset, which is sometimes fluid, sometimes it skips (in your video it jumps without an animation). Not sure if that's intentional but if it fades in, it should probably also fade out when you deactivate it to be consistent.