系统架构

Artwork Design Toolbox - AI (ADT) 采用了现代化的多层解耦架构，彻底解决了传统脚本插件交互死板、扩展性差的痛点。系统底层打破了单一线程限制，实现了 Web 前端技术与 Adobe 宿主引擎的深度融合。

1. 整体逻辑架构

系统架构由四个核心层次组成，形成了从用户交互到硬件渲染的完整链路：

1. 前端面板层 (Frontend Panel Layer)：负责 UI 呈现与用户交互。
2. 跨上下文通信层 (Communication Layer)：负责不同进程间的数据总线传输。
3. 宿主引擎层 (Host Engine Layer)：负责解析执行图形逻辑。
4. 硬件/画布交互层 (Canvas Interaction Layer)：负责底层图形引擎的最终渲染。

2. 核心技术栈 (Technical Stack)

前端面板层

系统利用 Adobe 内嵌的 CEF (Chromium Embedded Framework) 框架，将插件界面转化为现代化的 Web 应用：

• 框架: Vue 3 (组件化开发)
• 构建工具: Vite (极速热更新与打包)
• 状态管理: Pinia (全局数据流控制)
• UI 组件库: Element Plus (企业级交互规范)

跨上下文通信接口

由于前端面板（ES6+ 环境）与宿主引擎（ES3 环境）处于相互隔离的进程中，系统采用 CSInterface.js 作为通信桥梁：

• 通信机制: 通过 evalScript() 接口执行消息的序列化与反序列化。
• 传输形式: 以异步字符串总线的形式完成跨进程的高频数据交换。

3. 宿主交互机制

系统对底层的制图动作执行了双层封装，平衡了开发效率与功能深度：

高级 DOM API (覆盖 80% 场景)

通过面向对象的 JavaScript API 直接映射宿主软件的核心元素。例如对 app.activeDocument 及其子类进行直观控制，适用于常规的矢量属性操作与文档管理。

低级 Action Manager (覆盖 20% 场景)

针对非标准或高吞吐量的深度开发场景，系统通过捕获用户行为日志，逆向解析底层的 C++ 核心动作对象（ActionDescriptor）。该层具备触达图形引擎最底层的全功能控制权限。

4. 云端与外部集成

ADT 不仅仅是一个离线工具，它通过 Node.js 底层运行时 建立了与外部服务的连接：

• 企业资产云: 实时同步云端 PDF 光板物料。
• API 鉴权总线: 基于 Token 的统一身份安全校验。
• 本地文件系统访问: 直接调度 OS 底层 API，实现本地高精度材质（如金葱粉纹理）的快速检索与流式预览。