Live demo https://r.tiye.me/Triadica/soluble/ .
使用配对的正式 Calcit / @calcit/procs 0.30.1、Node.js 24 和 Yarn 4.18.0，
不应混用旧 alpha 编译器与正式 runtime。
Respo 0.16.126、Reel 0.6.42、UI 0.8.1、js-ffi 0.2.6 使用精确正式版本，传递 Router 0.8.38；Vite 固定8.3.3。
请重新安装完整图并重建，UI 基础样式升级可能影响外观，不承诺逐像素相同。
本轮迁移五处 Option 调用和一处已知 String 的 Tag 转换，原测试中的三个 List 长度和一个 Set 计数统一改用首选 .len。
公开 schema、实际 hud!、59个场景和原三项测试断言保持；不添加强转、质量预算或校验脚本。
触控 npm 包仍受 #31 的正式发行缺口约束，不猜测不同 API 的替换包。
原图片 URL、手柄算法和存储/部署路径不因工具链升级改变。运行 caps --strict --ci、
yarn install --immutable 后，yarn dev 启动页面；另一个终端运行
yarn watch 监听 Calcit 源码。yarn build 编译 Calcit、TypeScript 和前端资源。
Calcit 源码与依赖分别保存在 calcit.cirru、deps.cirru；js-out/、lib/ 和
dist/ 都是忽略的生成目录，不提交到仓库。
生产构建使用 VITE_BASE_URL=https://cos-sh.tiye.me/WebGPU-Art/soluble/。
仅前端 dist/ 上传 COS，上传 action 的 public-base-url 负责内容校验，
没有独立 CDN 校验脚本。原 rsync 服务器路径保持不变。PR 只检查和构建，不部署；
PR artifact 使用相对资源路径，下载后可直接由本地 HTTP 服务加载，不依赖未上传的 PR CDN 资源。
生产任务串行且不中途取消：开始上传前检查 main revision；开始后完成同一 revision
的 COS 和服务器部署，新提交排队处理。这不是与 main 原子同步的保证。
TypeScript/WGSL 渲染层、原图片资源 URL 和手柄行为不因 CDN 前缀配置而改变。
本轮另启用 TypeScript strictNullChecks：GPU 资源在初始化前/释放后真实可为 null，
不能再当作已就绪句柄使用。TypeScript 消费者须先检查 deref() 结果，或在初始化成功的路径
使用会实际检查缺失值的 derefRequired()；createRenderer.onButtonEvent 与场景合同一致为可选。
SolubleObjectData.indices 修正为既有 indexed 绘制所需的必填字段，手工构造该对象的消费者须提供索引缓冲区。
渲染 pass 使用真实纹理视图，不再用 null as GPUTextureView 占位；WGSL、布局顺序与帧调度算法不变。
app.schema 定义真实 Store、Op、Tab 和 TabGroup。5 组共 59 个标签与渲染配置对应，
URL 校验由同一份标签数据派生，也支持原白名单漏掉的 4 个已有场景。
Reel 开发历史保留；状态游标仍是如实开放的异构 UI 边界。
src/calcit-runtime.mts 管理 GPU、Promise、纹理和帧调度；Calcit 只通过具备具体
参数/回调合同的 RuntimeAPI 调用它。不再把宿主函数或对象假断言成 Number、Map、Enum。
切换场景等待旧帧结束，快速连续选择只绘制最新请求；普通 UI 状态更新不再重建 GPU buffer。
进入 Image 或 Surround Mirror 会先等待共享纹理加载，再等待旧帧结束后重建 buffer。
标签仍通过 ?tab= 恢复，Reel 回溯、单步和运行也会同步 URL。
旧代码只写不读的 workflow localStorage 自动存档已移除，既有存档不读取、覆盖或删除。
Ctrl/Cmd+B 按当前标签启用，仅在 Image 和 Surround Mirror 中选择图片，不再取决于初始标签。
原图片 URL、图片槽位轮换及手柄算法保持不变。
运行 calcit --check-only --all-defs、calcit fix --workflow strict --verify、
calcit test --require-match 与 yarn build 验证。原生测试附在定义上，不新增上传检查脚本或质量预算。
yarn compile 沿用既有 TypeScript 编译入口，现同时检查可空状态；本轮不是 npm 发布。
TypeScript 6.0.3 自带 DOM 的 WebGPU 声明尚不完整，按
WebGPU 类型上游建议使用 @types/web 提供完整 DOM
类型，不同时加载 @webgpu/types，也不关闭库类型检查。
Params:
interval=30to set rendering intervalmode=devfor logsthreshold=0.2to set value threshold of gamepad axestab=starsfor default open tab, for examplestarshide-tabs=truefor hiding nav tab
Resources:
- reused code from https://github.com/Triadica/sapium and lagopus,
- shapes https://gist.github.com/munrocket/f247155fc22ecb8edf974d905c677de1
Compute shader:
@group(0) @binding(0) var<uniform> uniforms: UniformsData;
@group(0) @binding(1) var<uniform> params: Params;
@group(1) @binding(0) var<storage, read_write> base_points: array<BaseCell>;Vertex shader:
@group(0) @binding(0) var<uniform> uniforms: UniformsData;
@group(0) @binding(1) var<uniform> params: Params;
@group(1) @binding(0) var<storage, read_write> base_points: array<BaseCell>;
@group(2) @binding(0) var mySampler : sampler;
@group(2) @binding(1) var myTexture : texture_2d<f32>; // optionally more#import soluble::perspective
#import soluble::math
#import soluble::mirror
MIT