Codify MCP Client

WebSocket 实时调试与交互控制台

{{ isConnected ? '系统在线' : '离线状态' }}
HTML
{{ getCodeResult.success ? '✅ 请求成功' : '❌ 请求失败' }} {{ getCodeResult.success ? 'HTTP 200' : 'HTTP ' + getCodeResult.status }}
ID: {{ getCodeResult.data.contentId }} Team: {{ getCodeResult.data.teamId || 'N/A' }}
{{ JSON.stringify(getCodeResult, null, 2) }}
共 {{ codeList.length }} 条记录
Content ID Team ID 代码长度 更新时间 操作
{{ item.contentId }} {{ item.teamId || 'N/A' }} {{ formatCodeLength(item.codeLength) }} {{ item.updatedAt }}
📦

暂无代码记录

点击"刷新列表"获取数据

共 {{ teamLibraryList.length }} 个团队库
名称 团队库 ID 组件数 样式数 操作
{{ item.name || '-' }} {{ item.id }} {{ (item.componentCount ?? '-') }} {{ (item.styleCount ?? '-') }}
📚

暂无团队库数据

请先连接插件并点击“获取团队库列表”

{{ canvasCode.length }} 字符
{{ canvasResponse.success ? '发送成功' : '发送失败' }}
消息: {{ canvasResponse.data.message }}
代码长度: {{ canvasResponse.data.codeLength }} 字符
发送时间: {{ new Date(canvasResponse.data.timestamp).toLocaleString('zh-CN') }}
错误: {{ canvasResponse.error || canvasResponse.message }}
状态码: {{ canvasResponse.status }}

💡 建议: {{ canvasResponse.suggestion }}

查看原始响应
{{ JSON.stringify(canvasResponse.data || canvasResponse, null, 2) }}
New Message #{{ receivedCodeCount }}

接收代码流

📡

暂无数据接收

确认删除

确定要删除代码 {{ deleteTargetId }} 吗?此操作不可恢复。

组件信息

团队库: {{ componentInfoMeta.name || '-' }} {{ componentInfoMeta.id }}

正在获取组件信息...
{{ componentInfoText || '暂无数据' }}