@mokuyoaxis/dsh-iris 0.1.4 → 0.2.1

package/docs/VISION_MODEL.md

@@ -0,0 +1,51 @@
+# 单图视觉调用
+
+状态：**Iris 0.2.1**。本文说明共享单图视觉调用。
+
+## 使用与变化
+
+Agent 的 `iris_look_at_image` / `iris_relook_attachment`、工作台的看图/重看，以及用户显式确认的视觉实测，改为消费共享 VisionModel Port。不自动生成媒体任务或保存 Core 产物。
+
+`iris_look_at_image` 与看图动作现可用 `artifact_id` 代替 `image_path`，直接读取当前 DSH profile 的 Core 图片，二者必须二选一。图片的 MIME、原字节和内容哈希由共享读取器核对，不要求原文件或临时导出、不写入 Core；生成图片、HTML 截图、裁剪、视频帧均可使用。自持模型成功时无需为 Core 输入另存 DSH 附件；DSH 候选仍通过既有附件桥接。工具文字保留 Core ID，动作 JSON 带 `artifactId`。工作台原表单继续输入文件路径，动作 API 可直接传 ID。独立 CLI 的同一用法见 [视觉 CLI](VISION_CLI.md)。
+
+Iris 按已配置的视觉模型顺序选择自持后端，最后考虑 DSH 默认视觉模型。DSH 必须明确提供 Provider、模型及图片输入能力；默认文本模型、未知元数据和身份漂移在生成前拒绝。自持成功时不查询 DSH 元数据或为回退额外保存附件。
+
+只有明确认证/权限拒绝、速率/额度拒绝、正常完成但正文为空，以及本地能力不可用，才允许进入下一个候选。已收到部分正文、截断、工具调用、内容阻断、网络/协议错误、取消或超时都会停止操作。正常空结果后的切换可能已经产生上一模型的费用。
+
+SSE `[DONE]`、EOF 或已经出现文字不代表完成。自持 Chat Completions 必须提供正常的 `finish_reason: stop`；DSH 必须提供可验证的正常 `finish`。正文超限和 token 截断明确失败，不再截取前若干字返回成功。DSH 的 `block-end` 替换同一块的 delta，思考正文不进入回答。
+
+## 预算与图片
+
+| 限制 | 默认值 |
+|---|---|
+| 整体时间 | 120 秒，覆盖文件/Artifact/附件读取、元数据、桥接及所有候选 |
+| 输入文字 | 32 KiB UTF-8 |
+| 原图片读取 | 20 MiB，PNG/JPEG/WebP/GIF 字节；本地看图工具沿用 PNG/JPEG/WebP 格式限制 |
+| 自持看图、定位与 OCR 每块发送副本 | 默认 8 MiB，可按账号/模型覆盖；最长边限制可选 |
+| 输出正文 | 6,000 个 UTF-16 code units，超限失败 |
+| 生成次数 | 最多为本次有限候选表的长度，每个候选只调用一次；不可用候选不计生成次数 |
+| 显式视觉实测 | 默认 15 秒，只调用指定的一个自持模型，不使用 DSH 回退 |
+
+视觉能力探针使用 128×128 纯红 PNG。旧的 1×1 图片会被部分模型的最小尺寸检查拒绝，不能据此判断模型不支持视觉。
+
+图片以字节与 MIME 进入共享层，Core 读取先核验原图哈希。看图、重看和生成后自述会在发送前按实际账号 × 模型准备副本：小图原字节透传，超预算 PNG/JPEG/WebP 从原图等比缩小，保留 MIME 并应用 EXIF 方向，不写入 Core、不替换原图。动画图片需要缩放时明确拒绝，避免静默只取第一帧。原图下载与工作台展示继续使用原 Artifact。
+
+Provider 和 `models[]` 均可选 `visionInput: {maxBytes, maxDimension}`；正整数分别表示编码图片字节上限和最长边像素。优先级为模型逐字段覆盖账号，再继承默认 8 MiB。`null` 恢复继承，不迁移旧配置，也不自动探测供应商上限。8 MiB 是客户端默认发送预算，不表示所有模型都接受该大小。CLI 和工作台设置见 [配置管理](CLI_MANAGEMENT.md#看图输入预算)。
+
+DSH rc.2 会压缩宿主附件。看图、OCR 和定位允许这种宿主规范化，并检查引用哈希、实际 MIME、字节数及原始/归一化尺寸；随后仍使用同次 `saveImage()` 返回的引用。损坏或不匹配的引用会在模型调用前拒绝。OCR 在切片后应用预算，记录真正输入的尺寸；定位明确约定模型坐标域，处理缩放和 EXIF 方向后返回原图像素。详见 [OCR](OCR_MODEL.md) 和 [定位](COMPOSITE_VISION.md)。默认宿主候选应用客户端 8 MiB 预算，宿主自身仍可能进一步缩小图片。
+
+大小拒绝使用 `IRIS_MODEL_IMAGE_TOO_LARGE`；已知上限时显示实际字节数及上限。上游明确的 400 图片大小消息仅提取数值，不展示原始供应商正文；其他 400 是输入拒绝，429 仍按限流/额度分类。一次调用不会因大小拒绝自动压缩重发或切换模型。
+
+预先取消时不读取图片、不做桥接、不调用模型。在途取消/超时会向模型、读取及元数据传递 abort，并结束底层迭代。DSH rc.2 的 `saveImage()` 没有取消参数：本地等待仍有界，迟到保存可能留下宿主附件，之后不会启动生成。Host 附件属于宿主数据，不是 Core Artifact；不自动删除它们。取消也不证明远端执行或计费已停止。
+
+## 开发与验证边界
+
+`vision-core.js` 只消费显式请求与 Model Ports；`vision-model-routing.js` 拥有配置选型、文件解析和结果/健康投影；HTTP 与 DSH 适配器拥有协议和图片桥接。安全错误只包含稳定代码、调用事实和受控状态，不能包含 Prompt、图片、Key、端点或原始异常。
+
+两类视觉协议复用 Model Port conformance；HTTP 额外检查 SSE 分帧、UTF-8、终态及正文上限，DSH 额外检查附件字节、元数据与迟到桥接。实际安装的 rc.2 Runtime/Attachments 另用离线模型源验收；包外验收使用无 DSH/Cordis 的安装副本。
+
+2026-10-02 使用现有 DashScope `qwen3-vl-flash` 做了隔离实测：HTTP Port、DSH 原生 PiAiAdapter 与实际 Runtime、Agent 看图/重看、工作台看图/重看、截断拒绝和收到正文后的取消均通过。DSH 的通用 OpenAI 兼容路由在本次测试中需显式设置 `compat.maxTokensField: max_tokens`，才能让 DashScope 执行输出 token 上限；这是测试路由的宿主配置，没有修改个人 profile。
+
+[长图 OCR](OCR_MODEL.md)、[定位、拼图摘要与自述](COMPOSITE_VISION.md) 均已消费共享端口与整次预算；各自另验分块、bbox 解析、一张拼图一次生成及可选 Core 转写。legacy `vision.js` / Host `visionModel.analyze()` 兼容实现仍保留，现有业务入口不再调用。Model Port 的迁移切片本身不新增公开 SDK export 或生产依赖；0.2.1 提供 [视觉 CLI](VISION_CLI.md) 和可选 `visionInput`。复杂图像质量与 Android 浏览器仍需独立验证。
+
+契约与迁移说明见 [Model Port](MODEL_PORT_CONTRACT.md) 和 [DSH → Core](DSH_CORE_MIGRATION.md)。

package/docs/WORKBENCH_ARTIFACTS.md

@@ -0,0 +1,67 @@
+# 工作台作品浏览、识别与管理
+
+状态：**Iris 0.2.1**。
+
+Iris 工作台的作品库统一展示 Core 和旧版作品，包括图片、视频、音频和文本。默认按时间倒序排列，每页 24 个；使用上一页、下一页浏览全部作品。媒体类型、作品来源和产物类型可组合筛选，匹配总数与 Core/旧版计数均按当前筛选计算。切换筛选回到第一页，刷新保留页码和筛选；尾页因作品数量减少而超界时，回到最后一页。
+
+Core 的原始输入 `host-input` 不出现在作品库。不可读取的 Core 条目局部跳过并提示；Core 整体暂时不可用时仍可浏览旧版作品，此时计数只含可读取来源。图片提供预览，视频、音频提供播放器，文本可以打开原文件。
+
+## 从图片卡看图与 OCR
+
+Core 图片卡的“看图”“OCR”按钮直接读取原 Artifact。点击即按默认配置运行，不需要复制路径、导出图片或转换格式。
+
+- 看图默认详细描述，可在“更多选项”填写问题并重新识别。
+- OCR 默认块高 1200、重叠 120 像素，可在“更多选项”修改；结果明确标记完成、部分完成或失败。
+- 结果面板保留图片预览，正文可复制或下载为浏览器本地 `.txt` 文件。
+- “取消识别”、关闭结果或切换分析会取消在途请求；迟到响应不会覆盖后续分析。
+- 关闭结果保留作品页码和筛选，不自动写回对话或启动生成任务。
+
+支持 Core PNG/JPEG/WebP/GIF。模型沿用当前 Iris 视觉能力分配及既有候选规则；主动点击识别会请求模型，浏览列表不会。旧版图片保留打开和既有工具的文件路径输入；旧版作品 ID 与 Core ID 不混用。
+
+看图、OCR 每块输入和定位按实际账号/模型准备发送副本，默认 8 MiB；大图保留 Core 原文件，只等比缩小发给模型的 PNG/JPEG/WebP。可在账号详情或模型行设置大小预算、最长边及恢复继承，见 [视觉输入预算](CLI_MANAGEMENT.md#看图输入预算)。展示、详情和下载仍读取原图；OCR 保留切片规则，结果标明缩小时的细字风险；定位返回已换算的原图像素。更新插件后需重新加载 DSH 后端并刷新客户端。
+
+## 从图片卡改图
+
+Core 静态 PNG/JPEG/WebP 图片卡增加“改图”。填写修改指令，可显式选择支持聊天生图的模型，或按现有候选顺序选择。面板只读取模型配置，不自动实测；只列出 `openai-chat-images` 生图模型，冷却/额度耗尽项不可选择。
+
+点击“生成修改版”才调用模型，原图保留，修改版作为关联原图的新 Core 作品显示。成功后提供新 Artifact 链接、刷新作品库，保留筛选和页码；新作品可继续看图/OCR、编辑、下载和管理。来源最多 20 MiB；大图只处理发送副本，预算设置也可在聊天生图模型行编辑。
+
+“停止等待”、关闭面板或切换分析会中止在途等待，迟到响应不覆盖新面板。远端可能已受理，须在任务区查看结果，不会自动再次生成。编辑任务的手动重试要求重新输入修改指令并确认原图 ID；只支持一次带图请求，不保存聊天历史或提供蒙版。详见 [CLI 改图](CLI_MANAGEMENT.md#artifact-聊天改图)。
+
+## 查询与完整性
+
+工作台使用同源 `GET /iris/api/works`，参数为 `offset`、`limit`（默认 24，最多 60）、`media_type`（all/image/video/audio/text）、`source`（all/core/legacy）和 `kind`（all 或具体产物类型）。服务端先过滤、按时间及来源/ID 稳定排序，再统一分页，返回 `items/total/offset/limit/kinds/counts`；客户端不再拼接两个已经分页的结果。
+
+目录查询复用已提交的 Manifest 与派生 Index，只读取元数据和文件大小，不反复读取视频等媒体的完整字节、不重建索引或取得 Core writer 租约。打开媒体、看图/OCR、CLI inspect/list/export 保留原有完整内容哈希核验；目录里显示的哈希不表示本次浏览已经重新核验了全部文件内容。
+
+OCR 动作 JSON 附 `status/totalChunks/successfulChunks/failedChunks/skippedChunks`，便于界面表达完整度。识别正文不自动保存为 Core Artifact。
+
+## 选择、详情与批量下载
+
+勾选作品卡或点击“选择本页”，显式选择最多 200 项。翻页和刷新保留选择，本页重复项不会重复加入；切换筛选清空选择。超过上限的整页选择会被拒绝，不截断或隐式选择所有匹配作品。
+
+“复制选中 ID”每行一个 ID；旧版 ID 仍不能作为 Core Artifact 输入。“下载选中作品”把 Core 与旧版作品合为一个 ZIP，单次原文件合计最多 128 MiB。包内按 `core/<artifact_id>.<扩展名>` 和 `legacy/<作品ID>.<扩展名>` 命名，`works.json` 记录原文件名、来源、ID、MIME、字节数及 SHA-256，不携带本机路径、授权链接或提示词。所有选中项先预检，文件缺失或 Core 哈希失败时不返回部分 ZIP；保留原字节，不重编码图片或压缩媒体。可取消准备中的下载，大文件可继续使用 [CLI 批量导出](CLI_MANAGEMENT.md)。
+
+每张卡的“详情”显示基本字段；Core 另展示完整 SHA-256、关联和尺寸/时间等安全元数据，并实际核验内容哈希。旧版只核验文件存在，不声称具有历史内容哈希。
+
+## Core 回收区
+
+Core 卡的“移入回收区”或“删除选中 Core 作品”先打开只读删除预览，再明确确认执行。批量删除只接受全部为 Core 的选中项；旧版保留原有单项永久删除与清空语义。
+
+预览列出文件数、大小和引用阻塞。作品被任务记录引用时，可逐项明确勾选同时移除相关的已结束任务记录，再重新预览；未结束或结果未知任务不能勾选。任务仍关联未选中的其他作品、后续重试或外部产物关系时继续阻止删除，不自动级联或扩大选中集。
+
+确认后复用 `core.delete` Command，将文件放入同一 Core 根的可恢复隔离目录。执行时重新核对事实和引用，成功返回事务 ID。“Core 回收区”列出删除与 CLI 清理事务；可明确确认恢复准备中、已隔离或中断的事务，恢复核对原哈希且不覆盖原位置冲突。已恢复/已回退事务保留记录但不能再次恢复。
+
+隔离保留字节，不立即释放磁盘空间，也没有永久清空回收区入口。相同事务可使用 [CLI 管理命令](CLI_MANAGEMENT.md) 检查和恢复。这里只管理当前 DSH profile 的 Core，浏览/下载不请求模型。
+
+新增内部同源入口：`GET /iris/api/works/{core|legacy}/:id`、`POST /iris/api/works/download`（`items:[{source,id}]`）、`POST /iris/api/works/delete`（`artifact_ids/task_ids/confirm_delete`）、`GET /iris/api/works/transactions`、`POST /iris/api/works/restore`（`transaction_id/confirm_restore:true`）。删除省略确认时只返回预览；执行与恢复必须显式确认，均沿用既有 Host/浏览器来源守卫。
+
+## 验收状态与后续
+
+0.2.1 已实现作品管理与图片卡改图。2026-10-09 的实现快照通过 163 个测试文件、263 文件 lint 与已安装 DSH rc.2 服务 31 项隔离检查；新增真实网关改图已分别通过 DSH 工具与工作台入口交付新 Artifact，来源哈希保持不变。正式版本包另执行仓库外安装与跨平台 CI，证据范围见 [迁移验证说明](DSH_CORE_MIGRATION.md#验证证据与限制)。
+
+作品管理第二轮的历史快照（2026-10-08）通过 145 个测试文件、240 文件 lint、rc.2 服务 30 项，以及包外 100 命令和 140 文件候选包安装验证。程序化证据覆盖分页/过滤、客户端组件交互、ZIP 原字节与 CRC、删除引用保护、隔离/冲突恢复及工作台事务由独立 CLI 恢复。历史快照不代表最终 0.2.1 包已验收，详见 [迁移验证说明](DSH_CORE_MIGRATION.md#验证证据与限制)。
+
+真实浏览器/移动端排版、播放器、剪贴板和下载体验仍待逐项验收；用户已有绘图/识图/TTS 的试用反馈不等于新作品卡和回收区已全部目视通过。后续拟以第三轮补这些检查、真实附件链路和异步重启/CLI 接管，当前尚未执行。收藏、标签和搜索列在 [后续路线图](ROADMAP.md#后续功能方向)。
+
+更新本地插件后需重新加载 DSH 后端并刷新客户端，确保新路由和工具参数实际生效。

package/docs/assets/logo/README.md

@@ -0,0 +1,55 @@
+# IRIS 视觉资产
+
+悬浮泡泡目前采用 `iris-bubble.svg` 曲线鸢尾花（2026-09-30 概念替换）。2026-09-15 的像素块（cell）Logo 与图标集保留作为历史设计资产。旧 `docs/assets/iris-wordmark.svg` 已不再使用，源码文件暂留作历史兼容。
+
+**当前 README 头图为 `iris-interim-flower.png`**（2026-09-17）：维护者自生成素材裁剪的灰度线稿鸢尾花，仅取花形、已去除源图中的第三方字标；属临时展示标。泡泡的新概念图标与正式品牌 Logo 分别评审，未把本次泡泡替换视为完整品牌定稿。
+
+## 悬浮泡泡概念
+
+- [矢量图标](iris-bubble.svg)：64×64 逻辑画布，透明背景、曲线花瓣、紫色层次、金色花心与青绿叶片；推荐以 26px 图元放入现有 44px 按钮。
+- [概念展示](iris-bubble-concept.svg)：放大花形、实际按钮尺寸与四种健康状态的并列预览。
+- `lib/client.js` 的 `IRIS_MARK_PARTS` 保持相同的路径顺序与实色；内联 SVG 没有外部资源、字体、滤镜或 ID 引用。
+- 本次只替换按钮图元；Android 浏览器的实际渲染仍需目视确认。
+
+## 历史像素资产
+
+设计语言：质朴、纯矩形像素块、无渐变无圆角；母题为鸢尾花（浅色旗瓣、深色垂瓣、橙色髯毛、细茎）+ 3×5 像素字 IRIS。全部资产由 `scripts/gen-logo.mjs` 从像素矩阵生成——**矩阵即设计源**，修改请先改矩阵再重新生成，保证可编辑可复现。
+
+## 文件
+
+| 文件 | 用途 |
+|---|---|
+| `iris-logo.svg`（208×80） | 主锁定标志：彩色图形标 + 字标，浅色底适用（README、文档头） |
+| `iris-logo-mono.svg` | 单色墨（`#1E1E24`），浅底单色场景 |
+| `iris-logo-mono-inverse.svg` | 单色反白（`#F5F3FF`），深色底场景 |
+| `iris-mark.svg`（88×96） | 历史紧凑型像素图形标，含 1 cell 留白 |
+| `iris-mark-mono.svg` / `iris-mark-mono-inverse.svg` | 图形标的单色与反白版 |
+
+## 几何
+
+- 基准单元 cell = 8 逻辑像素；`shape-rendering="crispEdges"`，缩放时保持锐利像素边缘。
+- 图形标 9 列 × 10 行；字标每字 3×5 cell、字间距 1 cell；图形标与字标之间 2 cell；字标垂直居中于图形标。
+- 旧 UI 内联版本曾采用同一剪影的反白像素块；当前泡泡使用上方曲线图标。
+
+## 最小尺寸与留白
+
+- 锁定标志最小宽度 **104px（13 cell）**；再小请改用图形标。
+- 图形标最小 **16px**（cell ≥ 1.6px），低于此尺寸仅保留剪影亦可辨识。
+- 四周留白 ≥ 1 cell（图形标文件已内置 1 cell，锁定标志需自行留出）。
+- 不要拉伸、旋转、加渐变/阴影/描边，不要改配色（深浅色场景请换用对应版本，不要叠滤色变）。
+
+## 配色
+
+| 角色 | 色值 |
+|---|---|
+| 旗瓣 | `#8C77EE` |
+| 垂瓣 | `#3F32A8` |
+| 花心（髯毛） | `#F0B23E` |
+| 茎 | `#4A9E6F` |
+| 字标 | `#26204F` |
+| 单色墨 | `#1E1E24` |
+| 反白 | `#F5F3FF` |
+
+## 许可证
+
+原创美术资产，随仓库以 MIT License 发布；像素资产的来源矩阵在 `scripts/gen-logo.mjs`，新泡泡图标的矢量源在 `iris-bubble.svg`。再分发请保留来源与许可证。

package/docs/assets/logo/iris-bubble-concept.svg

@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="520" viewBox="0 0 960 520" role="img" aria-label="Iris floating flower concept">
+  <title>Iris floating flower — bubble concept</title>
+  <desc>Curved iris icon, enlarged silhouette and actual 44 pixel buttons with unconfigured, configured, verified and failed states.</desc>
+  <defs>
+    <g id="flower">
+  <path fill="#7db9a4" d="M30.5 39h3v18h-3z"/>
+  <path fill="#7db9a4" d="M32 55C24 55 20 50 19 44C26 45 31 48 32 55Z"/>
+  <path fill="#9cd1b7" d="M32 54C40 53 44 49 45 43C38 44 33 48 32 54Z"/>
+  <path fill="#b5a0f3" d="M29 31C18 30 11 22 15 14C24 13 30 20 29 31Z"/>
+  <path fill="#b5a0f3" d="M35 31C46 30 53 22 49 14C40 13 34 20 35 31Z"/>
+  <path fill="#e0d4ff" d="M32 7C24 13 23 23 32 34C41 23 40 13 32 7Z"/>
+  <path fill="#9b80df" d="M31 31C22 24 11 28 8 36C12 45 24 47 31 34Z"/>
+  <path fill="#9b80df" d="M33 31C42 24 53 28 56 36C52 45 40 47 33 34Z"/>
+  <path fill="#c4aff6" d="M32 29C24 35 23 44 32 50C41 44 40 35 32 29Z"/>
+  <path fill="#f2ce83" d="M32 31C29 32 28 34 29 36L32 40L35 36C36 34 35 32 32 31Z"/>
+    </g>
+  </defs>
+  <rect width="960" height="520" rx="24" fill="#f4f1f9"/>
+  <g font-family="sans-serif">
+    <text x="48" y="58" fill="#352950" font-size="28" font-weight="700" letter-spacing="4">IRIS</text>
+    <text x="48" y="85" fill="#786b8b" font-size="13" letter-spacing="2">FLOATING FLOWER / CONCEPT 02</text>
+    <text x="912" y="58" text-anchor="end" fill="#786b8b" font-size="12">SVG · 2026.09.30</text>
+    <rect x="32" y="112" width="400" height="376" rx="20" fill="#24212e"/>
+    <circle cx="232" cy="286" r="116" fill="#302b3c" stroke="#484056"/>
+    <use href="#flower" transform="translate(136 190) scale(3)"/>
+    <text x="232" y="449" text-anchor="middle" fill="#c4b5df" font-size="12" letter-spacing="2">CURVED PETALS · AMBER HEART</text>
+    <rect x="452" y="112" width="476" height="376" rx="20" fill="#ffffff"/>
+    <text x="482" y="151" fill="#352950" font-size="16" font-weight="600">44 px button · 26 px flower</text>
+    <text x="482" y="174" fill="#786b8b" font-size="12">Existing health ring and task badge</text>
+    <rect x="480" y="193" width="420" height="146" rx="14" fill="#26262e"/>
+    <g opacity=".55">
+      <circle cx="538" cy="256" r="22" fill="#32323c" stroke="#3a3a44"/>
+      <use href="#flower" transform="translate(525 243) scale(.40625)"/>
+    </g>
+    <circle cx="638" cy="256" r="25" fill="none" stroke="#6f9df6" opacity=".16" stroke-width="5"/>
+    <circle cx="638" cy="256" r="22" fill="#32323c" stroke="#6f9df6"/>
+    <use href="#flower" transform="translate(625 243) scale(.40625)"/>
+    <circle cx="738" cy="256" r="25" fill="none" stroke="#6fcf6f" opacity=".20" stroke-width="5"/>
+    <circle cx="738" cy="256" r="22" fill="#32323c" stroke="#6fcf6f"/>
+    <use href="#flower" transform="translate(725 243) scale(.40625)"/>
+    <g opacity=".72">
+      <circle cx="838" cy="256" r="25" fill="none" stroke="#b9656d" opacity=".16" stroke-width="5"/>
+      <circle cx="838" cy="256" r="22" fill="#32323c" stroke="#b9656d"/>
+      <use href="#flower" transform="translate(825 243) scale(.40625)"/>
+    </g>
+    <g fill="#bab3c7" font-size="10" text-anchor="middle">
+      <text x="538" y="306">UNCONFIGURED</text>
+      <text x="638" y="306">CONFIGURED</text>
+      <text x="738" y="306">VERIFIED</text>
+      <text x="838" y="306">FAILED</text>
+    </g>
+    <text x="482" y="377" fill="#786b8b" font-size="12">At 2×</text>
+    <circle cx="578" cy="409" r="44" fill="#32323c" stroke="#6f9df6" stroke-width="2"/>
+    <use href="#flower" transform="translate(552 383) scale(.8125)"/>
+    <circle cx="612" cy="377" r="16" fill="#d9a941"/>
+    <text x="612" y="382" text-anchor="middle" fill="#1a1a1e" font-size="15" font-weight="700">2</text>
+    <g transform="translate(672 393)">
+      <circle r="8" fill="#e0d4ff"/>
+      <circle cx="30" r="8" fill="#b5a0f3"/>
+      <circle cx="60" r="8" fill="#9b80df"/>
+      <circle cx="90" r="8" fill="#f2ce83"/>
+      <circle cx="120" r="8" fill="#7db9a4"/>
+    </g>
+    <text x="664" y="427" fill="#786b8b" font-size="12">Lilac · lavender · amber · sage</text>
+    <text x="482" y="469" fill="#93869f" font-size="11">Bubble icon proposal · brand wordmark reviewed separately</text>
+  </g>
+</svg>

package/docs/assets/logo/iris-bubble.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-label="Iris" focusable="false">
+  <title>Iris — 曲线鸢尾花</title>
+  <desc>悬浮泡泡的概念图标：三片旗瓣、舒展垂瓣、金色花心与青绿叶片，透明背景。</desc>
+  <path fill="#7db9a4" d="M30.5 39h3v18h-3z"/>
+  <path fill="#7db9a4" d="M32 55C24 55 20 50 19 44C26 45 31 48 32 55Z"/>
+  <path fill="#9cd1b7" d="M32 54C40 53 44 49 45 43C38 44 33 48 32 54Z"/>
+  <path fill="#b5a0f3" d="M29 31C18 30 11 22 15 14C24 13 30 20 29 31Z"/>
+  <path fill="#b5a0f3" d="M35 31C46 30 53 22 49 14C40 13 34 20 35 31Z"/>
+  <path fill="#e0d4ff" d="M32 7C24 13 23 23 32 34C41 23 40 13 32 7Z"/>
+  <path fill="#9b80df" d="M31 31C22 24 11 28 8 36C12 45 24 47 31 34Z"/>
+  <path fill="#9b80df" d="M33 31C42 24 53 28 56 36C52 45 40 47 33 34Z"/>
+  <path fill="#c4aff6" d="M32 29C24 35 23 44 32 50C41 44 40 35 32 29Z"/>
+  <path fill="#f2ce83" d="M32 31C29 32 28 34 29 36L32 40L35 36C36 34 35 32 32 31Z"/>
+</svg>

package/docs/assets/logo/iris-logo-mono-inverse.svg

@@ -0,0 +1,78 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="208" height="80" viewBox="0 0 208 80" role="img" aria-label="IRIS 标志（单色反白）" shape-rendering="crispEdges">
+  <title>IRIS 标志（单色反白）</title>
+  <desc>像素块鸢尾花与 IRIS 像素字标，反白，深底色适用</desc>
+  <rect x="32" y="0" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="8" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="8" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="8" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="0" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="64" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="0" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="8" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="56" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="64" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="8" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="56" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="64" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="72" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="88" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="96" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="104" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="96" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="96" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="96" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="88" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="96" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="104" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="120" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="128" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="120" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="136" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="120" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="128" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="120" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="136" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="120" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="136" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="152" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="160" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="168" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="160" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="160" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="160" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="152" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="160" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="168" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="192" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="200" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="184" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="192" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="200" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="200" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="184" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="192" y="48" width="8" height="8" fill="#F5F3FF"/>
+</svg>

package/docs/assets/logo/iris-logo-mono.svg

@@ -0,0 +1,78 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="208" height="80" viewBox="0 0 208 80" role="img" aria-label="IRIS 标志（单色）" shape-rendering="crispEdges">
+  <title>IRIS 标志（单色）</title>
+  <desc>像素块鸢尾花与 IRIS 像素字标，单色墨，浅底色适用</desc>
+  <rect x="32" y="0" width="8" height="8" fill="#1E1E24"/>
+  <rect x="24" y="8" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="8" width="8" height="8" fill="#1E1E24"/>
+  <rect x="40" y="8" width="8" height="8" fill="#1E1E24"/>
+  <rect x="16" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="24" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="40" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="48" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="16" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="24" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="40" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="48" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="0" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="24" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="40" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="64" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="0" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="8" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="24" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="40" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="56" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="64" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="8" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="16" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="48" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="56" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="16" y="56" width="8" height="8" fill="#1E1E24"/>
+  <rect x="24" y="56" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="56" width="8" height="8" fill="#1E1E24"/>
+  <rect x="40" y="56" width="8" height="8" fill="#1E1E24"/>
+  <rect x="48" y="56" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="64" width="8" height="8" fill="#1E1E24"/>
+  <rect x="32" y="72" width="8" height="8" fill="#1E1E24"/>
+  <rect x="88" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="96" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="104" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="96" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="96" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="96" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="88" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="96" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="104" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="120" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="128" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="120" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="136" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="120" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="128" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="120" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="136" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="120" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="136" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="152" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="160" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="168" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="160" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="160" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="160" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="152" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="160" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="168" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="192" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="200" y="16" width="8" height="8" fill="#1E1E24"/>
+  <rect x="184" y="24" width="8" height="8" fill="#1E1E24"/>
+  <rect x="192" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="200" y="32" width="8" height="8" fill="#1E1E24"/>
+  <rect x="200" y="40" width="8" height="8" fill="#1E1E24"/>
+  <rect x="184" y="48" width="8" height="8" fill="#1E1E24"/>
+  <rect x="192" y="48" width="8" height="8" fill="#1E1E24"/>
+</svg>

package/docs/assets/logo/iris-logo.svg

@@ -0,0 +1,78 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="208" height="80" viewBox="0 0 208 80" role="img" aria-label="IRIS 标志（彩色）" shape-rendering="crispEdges">
+  <title>IRIS 标志（彩色）</title>
+  <desc>像素块鸢尾花与 IRIS 像素字标，浅底色适用</desc>
+  <rect x="32" y="0" width="8" height="8" fill="#8C77EE"/>
+  <rect x="24" y="8" width="8" height="8" fill="#8C77EE"/>
+  <rect x="32" y="8" width="8" height="8" fill="#8C77EE"/>
+  <rect x="40" y="8" width="8" height="8" fill="#8C77EE"/>
+  <rect x="16" y="16" width="8" height="8" fill="#8C77EE"/>
+  <rect x="24" y="16" width="8" height="8" fill="#8C77EE"/>
+  <rect x="32" y="16" width="8" height="8" fill="#8C77EE"/>
+  <rect x="40" y="16" width="8" height="8" fill="#8C77EE"/>
+  <rect x="48" y="16" width="8" height="8" fill="#8C77EE"/>
+  <rect x="16" y="24" width="8" height="8" fill="#8C77EE"/>
+  <rect x="24" y="24" width="8" height="8" fill="#8C77EE"/>
+  <rect x="32" y="24" width="8" height="8" fill="#8C77EE"/>
+  <rect x="40" y="24" width="8" height="8" fill="#8C77EE"/>
+  <rect x="48" y="24" width="8" height="8" fill="#8C77EE"/>
+  <rect x="0" y="32" width="8" height="8" fill="#3F32A8"/>
+  <rect x="24" y="32" width="8" height="8" fill="#8C77EE"/>
+  <rect x="32" y="32" width="8" height="8" fill="#8C77EE"/>
+  <rect x="40" y="32" width="8" height="8" fill="#8C77EE"/>
+  <rect x="64" y="32" width="8" height="8" fill="#3F32A8"/>
+  <rect x="0" y="40" width="8" height="8" fill="#3F32A8"/>
+  <rect x="8" y="40" width="8" height="8" fill="#3F32A8"/>
+  <rect x="24" y="40" width="8" height="8" fill="#8C77EE"/>
+  <rect x="32" y="40" width="8" height="8" fill="#F0B23E"/>
+  <rect x="40" y="40" width="8" height="8" fill="#8C77EE"/>
+  <rect x="56" y="40" width="8" height="8" fill="#3F32A8"/>
+  <rect x="64" y="40" width="8" height="8" fill="#3F32A8"/>
+  <rect x="8" y="48" width="8" height="8" fill="#3F32A8"/>
+  <rect x="16" y="48" width="8" height="8" fill="#3F32A8"/>
+  <rect x="32" y="48" width="8" height="8" fill="#F0B23E"/>
+  <rect x="48" y="48" width="8" height="8" fill="#3F32A8"/>
+  <rect x="56" y="48" width="8" height="8" fill="#3F32A8"/>
+  <rect x="16" y="56" width="8" height="8" fill="#3F32A8"/>
+  <rect x="24" y="56" width="8" height="8" fill="#3F32A8"/>
+  <rect x="32" y="56" width="8" height="8" fill="#4A9E6F"/>
+  <rect x="40" y="56" width="8" height="8" fill="#3F32A8"/>
+  <rect x="48" y="56" width="8" height="8" fill="#3F32A8"/>
+  <rect x="32" y="64" width="8" height="8" fill="#4A9E6F"/>
+  <rect x="32" y="72" width="8" height="8" fill="#4A9E6F"/>
+  <rect x="88" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="96" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="104" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="96" y="24" width="8" height="8" fill="#26204F"/>
+  <rect x="96" y="32" width="8" height="8" fill="#26204F"/>
+  <rect x="96" y="40" width="8" height="8" fill="#26204F"/>
+  <rect x="88" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="96" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="104" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="120" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="128" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="120" y="24" width="8" height="8" fill="#26204F"/>
+  <rect x="136" y="24" width="8" height="8" fill="#26204F"/>
+  <rect x="120" y="32" width="8" height="8" fill="#26204F"/>
+  <rect x="128" y="32" width="8" height="8" fill="#26204F"/>
+  <rect x="120" y="40" width="8" height="8" fill="#26204F"/>
+  <rect x="136" y="40" width="8" height="8" fill="#26204F"/>
+  <rect x="120" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="136" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="152" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="160" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="168" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="160" y="24" width="8" height="8" fill="#26204F"/>
+  <rect x="160" y="32" width="8" height="8" fill="#26204F"/>
+  <rect x="160" y="40" width="8" height="8" fill="#26204F"/>
+  <rect x="152" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="160" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="168" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="192" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="200" y="16" width="8" height="8" fill="#26204F"/>
+  <rect x="184" y="24" width="8" height="8" fill="#26204F"/>
+  <rect x="192" y="32" width="8" height="8" fill="#26204F"/>
+  <rect x="200" y="32" width="8" height="8" fill="#26204F"/>
+  <rect x="200" y="40" width="8" height="8" fill="#26204F"/>
+  <rect x="184" y="48" width="8" height="8" fill="#26204F"/>
+  <rect x="192" y="48" width="8" height="8" fill="#26204F"/>
+</svg>

package/docs/assets/logo/iris-mark-mono-inverse.svg

@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="88" height="96" viewBox="-8 -8 88 96" role="img" aria-label="IRIS 图形标（单色反白）" shape-rendering="crispEdges">
+  <title>IRIS 图形标（单色反白）</title>
+  <desc>像素块鸢尾花图形标，反白</desc>
+  <rect x="32" y="0" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="8" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="8" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="8" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="16" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="24" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="0" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="64" y="32" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="0" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="8" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="56" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="64" y="40" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="8" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="56" y="48" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="16" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="24" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="40" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="48" y="56" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="64" width="8" height="8" fill="#F5F3FF"/>
+  <rect x="32" y="72" width="8" height="8" fill="#F5F3FF"/>
+</svg>