diff --git a/CHANGELOG.md b/CHANGELOG.md index 78aff85..d0ebbde 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,8 @@ ## Unreleased ++ [优化] 本地 Agent 连接说明明确区分插件 / 手动 MCP 才会增加 Codex token 消耗,直接运行 Agent 不受影响。 ++ [优化] 优化本地 Agent 连接说明,区分 Codex 插件启动和直接运行 Agent 两种方式。 + [新增] Agent 对话消息改用 streamdown 流式渲染,提升长回复与 Markdown 内容展示效果。 + [新增] Agent 新增画布、工作台、提示词库和素材等站点级工具,支持读取配置、触发生成与新增素材。 + [新增] Agent 面板改为全站常驻右侧栏,开关时同步推动顶栏和页面内容,并保留独立入口按钮。 diff --git a/canvas-agent/README.md b/canvas-agent/README.md index c67dae1..2cd740e 100644 --- a/canvas-agent/README.md +++ b/canvas-agent/README.md @@ -40,6 +40,20 @@ Canvas Agent 默认只监听 `127.0.0.1`。网页第一次带正确 token 连接 如果希望 Codex 终端能直接操作画布,需要先把 Canvas Agent 注册成 Codex MCP。 +直接运行 `npx -y @basketikun/canvas-agent` 只启动本地 Agent 服务,不会安装 MCP,也不会增加 Codex 工具上下文。只有安装 Codex app 插件,或手动执行 `codex mcp add` 后,`infinite-canvas` 工具才会进入 Codex 上下文;由于工具较多,不使用时建议移除。 + +通过插件安装时移除插件: + +```bash +codex plugin remove infinite-canvas +``` + +手动添加 MCP 时移除 MCP: + +```bash +codex mcp remove infinite-canvas +``` + ### Codex app 插件 仓库内提供了 Codex app 插件:`plugins/infinite-canvas`。在 Codex app 中添加本仓库的 marketplace 后,可以安装 `Infinite Canvas` 插件;插件会注册同一个 `infinite-canvas` MCP,并带上画布操作说明。 @@ -52,7 +66,7 @@ codex plugin marketplace add "$(pwd)" codex plugin add infinite-canvas@infinite-canvas-local ``` -插件默认通过 npm 启动 MCP: +插件默认通过 npm 启动 MCP;这个命令只提供 MCP 工具,不会把 MCP 写入全局配置,也不会在退出时自动卸载: ```bash npx -y @basketikun/canvas-agent mcp diff --git a/canvas-agent/src/http-server.ts b/canvas-agent/src/http-server.ts index 82354f7..eeab8cd 100644 --- a/canvas-agent/src/http-server.ts +++ b/canvas-agent/src/http-server.ts @@ -103,7 +103,9 @@ export function startHttpServer() { console.log("Infinite Canvas Agent"); console.log(`Local URL: ${config.url}`); console.log(`Connect token: ${config.token}`); - console.log("Codex MCP: codex mcp add infinite-canvas -- npx -y @basketikun/canvas-agent mcp"); + console.log("Codex MCP is not installed by this command."); + console.log("Optional MCP add: codex mcp add infinite-canvas -- npx -y @basketikun/canvas-agent mcp"); + console.log("Remove manually added MCP: codex mcp remove infinite-canvas"); }); } diff --git a/docs/content/docs/progress/pending-test.mdx b/docs/content/docs/progress/pending-test.mdx index ddb81ce..58939cb 100644 --- a/docs/content/docs/progress/pending-test.mdx +++ b/docs/content/docs/progress/pending-test.mdx @@ -5,6 +5,8 @@ description: 当前版本已实现但仍需人工验证的变更项 # 待测试 +- 本地 Agent 连接说明:新增提醒说明只有安装 Codex 插件或手动添加 MCP 后才会增加 Codex token 消耗,直接运行 `npx -y @basketikun/canvas-agent` 不会安装 MCP;需验证文案位置清晰。 +- 本地 Agent 连接说明:画布面板和配置页 Codex Tab 改为区分“Codex 插件启动画布”和“直接运行 Agent 后网页连接”两种方式,需验证文案和布局清晰。 - 全站 Agent:Agent 面板从画布页抽离为全站常驻面板,挂在全局布局右侧,开/关只挤压左侧内容不遮挡;顶栏和画布工具条各有一个开关按钮,需验证在首页、生图、视频、素材、提示词库、画布等页面都能打开面板并保持 SSE 连接不断开。 - 全站 Agent:新增 `site_navigate` 工具,Agent 可直接跳转 `/`、`/canvas`、`/canvas/:id`、`/image`、`/video`、`/prompts`、`/assets`、`/config`;导航直接执行不走工具确认,需验证跳转正确且面板不消失。 - 全站 Agent:画布工具(canvas_apply_ops 等)仅在当前处于画布页时可用,不在画布页调用会返回“当前不在画布页,请先用 site_navigate 打开画布”,需验证 Agent 会先导航到画布再执行画布操作。 diff --git a/plugins/infinite-canvas/README.md b/plugins/infinite-canvas/README.md index 0e491cb..cbe5b43 100644 --- a/plugins/infinite-canvas/README.md +++ b/plugins/infinite-canvas/README.md @@ -59,6 +59,18 @@ codex plugin add infinite-canvas@personal 安装后建议开启一个新的 Codex 对话,让新的 skill 和 MCP 工具完整加载。 +安装 Codex 插件后会加载 `infinite-canvas` MCP。这个 MCP 内置工具较多,会增加 Codex 上下文和 token 消耗;不使用插件时建议移除插件: + +```bash +codex plugin remove infinite-canvas +``` + +如果你另外手动执行过 `codex mcp add`,再移除手动添加的 MCP: + +```bash +codex mcp remove infinite-canvas +``` + ### 本仓库开发调试 如果你就在 Infinite Canvas 仓库中调试插件,可以直接添加仓库自带 marketplace。建议使用仓库绝对路径,避免 Codex 从其他工作目录解析失败: @@ -86,7 +98,7 @@ codex plugin add infinite-canvas@infinite-canvas-local ## 工作机制 -插件默认通过以下命令启动 MCP,并会在 MCP 启动时自动尝试拉起本地 Agent: +插件默认通过以下命令启动 MCP;这个命令只提供 MCP 工具,不会把 MCP 写入全局配置,也不会在退出时自动卸载。需要打开画布时,`open-canvas` 技能会另外启动本地 Agent: ```bash npx -y @basketikun/canvas-agent mcp diff --git a/web/src/components/canvas/canvas-local-agent-panel.tsx b/web/src/components/canvas/canvas-local-agent-panel.tsx index b0fc80f..9a745d5 100644 --- a/web/src/components/canvas/canvas-local-agent-panel.tsx +++ b/web/src/components/canvas/canvas-local-agent-panel.tsx @@ -16,10 +16,11 @@ const MAX_ATTACHMENTS = 6; const MAX_ATTACHMENT_PAYLOAD_BYTES = 28 * 1024 * 1024; const DEFAULT_AGENT_URL = "http://127.0.0.1:17371"; const AGENT_CONNECT_STEPS = [ - { title: "安装 Codex 插件", text: "在 Codex app 安装 Infinite Canvas 插件后,首次使用插件会自动启动本地 Agent。" }, - { title: "打开画布连接", text: "回到这里点击连接,网页会自动读取本机 Agent 配置。" }, - { title: "手动启动备用", text: "如果自动发现失败,再运行下面命令。", command: "npx -y @basketikun/canvas-agent" }, + { title: "方式一:在 Codex 中使用插件", text: "在 Codex app 安装 Infinite Canvas 插件后,通过插件启动画布,插件会自动启动本地 Agent 并带上连接信息。" }, + { title: "方式二:直接运行 Agent", text: "不使用 Codex 插件时,在终端运行下面命令,再回到网页里连接或手动填入 Local URL 和 Connect token。", command: "npx -y @basketikun/canvas-agent" }, ]; +const AGENT_PLUGIN_REMOVE_COMMAND = "codex plugin remove infinite-canvas"; +const AGENT_MCP_REMOVE_COMMAND = "codex mcp remove infinite-canvas"; type AgentEventPayload = { agent?: string; @@ -635,7 +636,7 @@ function AgentConnectView({ theme, url, token, enabled, connected, activity, con
连接本地 Agent
- 安装 Codex 插件后,画布会优先自动连接本机 Agent。 + 按使用场景选择一种连接方式。
@@ -657,6 +658,25 @@ function AgentConnectView({ theme, url, token, enabled, connected, activity, con ); })}
+ +
+
Codex 插件提醒
+
只有安装 Codex 插件或手动添加 MCP 后,工具列表才会进入 Codex 上下文并增加 token 消耗;仅运行 `npx -y @basketikun/canvas-agent` 启动本地 Agent 不会安装 MCP。
+
+ {[ + ["移除插件", AGENT_PLUGIN_REMOVE_COMMAND], + ["移除手动 MCP", AGENT_MCP_REMOVE_COMMAND], + ].map(([label, command]) => ( +
+ {label} + {command} + +
+ ))} +
+
diff --git a/web/src/components/layout/app-config-modal.tsx b/web/src/components/layout/app-config-modal.tsx index d2e3d4f..5d0b028 100644 --- a/web/src/components/layout/app-config-modal.tsx +++ b/web/src/components/layout/app-config-modal.tsx @@ -46,10 +46,11 @@ const webdavDomainLabels: Record = { "video-workbench": "视频创作台", }; const codexSetupSteps = [ - { title: "安装 Codex 插件", text: "先在 Codex App 安装 Infinite Canvas 插件,插件会注册 MCP 并尝试启动本地 Canvas Agent。" }, - { title: "连接本地 Agent", text: "在本页填入 Local URL 和 Connect token 后点击连接。" }, - { title: "手动启动备用", text: "如果插件没有自动启动本地服务,在终端运行下面命令。", command: "npx -y @basketikun/canvas-agent" }, + { title: "方式一:在 Codex 中使用插件", text: "先在 Codex App 安装 Infinite Canvas 插件,再通过插件启动画布,插件会自动启动本地 Canvas Agent 并带上连接信息。" }, + { title: "方式二:直接运行 Agent", text: "不使用 Codex 插件时,在终端运行下面命令,再回到网页里连接或手动填入 Local URL 和 Connect token。", command: "npx -y @basketikun/canvas-agent" }, ]; +const codexPluginRemoveCommand = "codex plugin remove infinite-canvas"; +const codexMcpRemoveCommand = "codex mcp remove infinite-canvas"; function createWebdavDomainProgress(): Record { return webdavDomainKeys.reduce( @@ -438,16 +439,23 @@ export function AppConfigPanel({ showDoneButton = false, initialTab = "channels"
{agentConnectError ? "连接失败" : agentConnected ? agentActivity || "已连接" : agentEnabled ? "连接中" : "未连接"}
-
+
{codexSetupSteps.map((step, index) => (
-
步骤 {index + 1}
+
连接方式 {index + 1}
{step.title}
{step.text}
{step.command ? {step.command} : null}
))}
+ +
+
Codex 插件提醒
+
只有安装 Codex 插件或手动添加 MCP 后,工具列表才会进入 Codex 上下文并增加 token 消耗;仅运行 `npx -y @basketikun/canvas-agent` 启动本地 Agent 不会安装 MCP。
+ 移除插件:{codexPluginRemoveCommand} + 移除手动 MCP:{codexMcpRemoveCommand} +
} value={agentUrl} placeholder="http://127.0.0.1:17371" onChange={(event) => updateAgentConfig({ url: event.target.value })} />