infinite-canvas: Instructions file for Codex

AGENTS.md

本文档用于约束本项目中的 AI / 自动化开发行为。开发时优先遵循本文件，其次遵循用户当前消息。

基本原则

• 先读现有代码，再动手修改，优先沿用项目已有结构和写法。
• 写代码保持最少行数，能简单实现就不要引入复杂抽象。
• 标准格式、协议、解析、压缩、加密、日期等通用能力优先使用成熟稳定的库，不要手写底层实现，除非用户明确要求或项目已有实现必须沿用。
• 不要为了“兼容更多场景”写大量分支，只实现当前明确需要的功能。
• 项目尚未上线，不需要兼容旧数据；本地存储结构调整时直接按新设计修改，不写旧字段兼容或数据迁移兜底，除非用户明确要求。
• 每次写完代码，不需要检查语法，不需要执行构建，用户会自己做。
• 不要改无关文件，不要顺手重构。
• 如果工作区已有用户改动，不要回滚，不要覆盖；只在必要范围内追加修改。

反复提醒沉淀

• 如果开发过程中总是遇到某个问题，或者用户反复提醒同一个注意事项，需要把该注意事项补充到本文件。
• 补充时写成明确、可执行的规则，避免只写模糊描述。
• 新规则应放到最相关的章节；找不到合适章节时放到“项目注意事项”。

前端规范

• 前端使用 Vite、React、React Router、TypeScript、Ant Design、Tailwind、Zustand。
• 编写 Ant Design 相关代码时，参考 https://ant.design/llms-full.txt 理解组件 API、示例和设计规范，并优先结合项目当前 antd 版本与既有写法。
• 外部服务请求统一放在 web/src/services/api/，由浏览器前端直连，不假设存在项目后端。
• 全局或跨页面状态优先放在 web/src/stores/。
• 已经放在全局 store 或全局 hook 中的状态/动作，组件需要时直接使用对应 store/hook，不要为了“纯组件”层层透传 props；避免一个组件传递过多参数。
• 全局组件、全局常量、全局配置等全局性质的内容不要作为 props 或参数层层传递；哪里需要就在哪里直接从对应全局入口获取。
• 多个页面重复出现的 UI 副作用动作，例如复制文本并提示、下载并提示、统一确认弹窗，优先抽成 web/src/hooks/ 下的全局 hook；不要放进 store，除非它确实是需要共享/订阅的状态。
• 路由页面放在 web/src/pages/，页面布局放在 web/src/layouts/，路由配置放在 web/src/router.tsx。
• 画布页面放在 web/src/pages/canvas/，画布组件放在 web/src/components/canvas/，画布状态放在 web/src/stores/canvas/，画布工具函数放在 web/src/lib/canvas/。
• 页面按目录组织，例如 web/src/pages/image/index.tsx；页面里只有一个主业务组件时直接写在对应页面入口中，不要单独拆 Manager 组件再传一堆 props。
• 不要新增只做简单转发的组件，例如只 return <X>{children}</X> 或只换个名字透传 props；直接在使用处使用真实组件或把逻辑写进当前文件。
• 页面私有 hook 放在对应页面目录下，例如 admin/assets/use-admin-assets.ts；只有多个页面真实复用的 hook 才放到外层 hooks/。
• 管理后台页面私有组件放到各自页面目录的 components/ 下，例如 admin/assets/components/、admin/prompts/components/；不要为了单页面使用放到 admin/components/ 共享目录。
• 管理后台主题、背景、卡片阴影、表格配色等统一在 web/src/lib/app-theme.ts、AppProviders 或必要的全局 CSS 作用域中配置；页面私有组件不要自己写 dark ? ... 主题分支。
• Ant Design 的 Dropdown、Menu、Select、Cascader、TreeSelect 等弹层背景、悬停态和选中态颜色统一通过 web/src/lib/app-theme.ts 的全局 Alias Token 与组件 Token 配置；不要在业务组件内为单个弹层覆盖颜色。
• 组件优先使用函数组件和现有 hooks，不新增大型状态管理方案。
• UI 图标优先使用 lucide-react 或项目已经使用的 Ant Design 图标。
• 页面文案保持中文。
• 不要在组件里堆太多无关逻辑；复杂逻辑优先抽成同目录工具函数或小组件。
• 样式优先由组件自己管理；组件私有样式优先使用 Tailwind className 或少量内联 style，不要为单个组件新增大量全局 CSS。
• 全局 CSS 只放基础变量、全局重置、跨页面通用样式和少量第三方组件必要覆盖；不要在 globals.css 堆页面私有样式。
• 代码尽量短小直接，少拆不必要组件，少做多层 props 传递，避免为了抽象堆出更多代码。
• 前端业务数据需要浏览器本地持久化时，默认使用 localforage；localStorage 只用于极小的简单配置，不要用来保存业务列表、生成记录、图片、base64 或大 JSON。