Restore original Agent card dimensions

.project-docs/30-worklog/tasks/20261012-agent-card-restore-c3d4a907.md

@@ -0,0 +1,72 @@
+# Task: Restore original Agent card size
+
+## Identity
+
+- Task ID: 20261012-agent-card-restore-c3d4a907
+- Mode: Feature
+- Branch: codex/20261012-agent-card-restore-c3d4a907-agent-card-restore
+- Worktree: /Users/chillishark/Makelore 麦洛/.codex-worktrees/makelore/20261012-agent-card-restore-c3d4a907
+- Base commit: 794e717575f1918a176002d3c16381bede46a32b
+- Owner: codex
+- Status: Implemented; background trial update pending
+
+## Scope
+
+- Restore own Agent homepage card dimensions and spacing to the exact pre-shrink style from 7af43acebb5d8b118fa16c838dfba2f18e535bb1; update the current logged-in trial in the background.
+
+## Intent And Constraints
+
+- Latest user explicitly reverses the previous two-thirds card size. Preserve current conversation/composer/thinking/channel/configuration features. Renderer-only update; keep Main, profile, login and desktop focus. No paid prompts, cloud changes, peer/canonical writes, main merge or push.
+
+## Outcome
+
+- Restored agent-home.css byte-for-byte to pre-shrink 7af43ace. Grid uses responsive original minimum 292px/flexible tracks, card padding24/22 at narrow widths, avatar72, original text sizing/spacing/actions. README reflects original sizing. No conversation/channel/configuration or service changes.
+
+## Verification
+
+- git diff --check passed; CSS equals original committed file. Existing cloud-agents-page suite 31/31 passed. Standard typecheck passed. Full production Renderer/Main/preload/utility Vite build passed with existing advisory warnings.
+- Headless real CloudAgents+mock IPC at1440 and375 verified six card states, long/empty descriptions,44px buttons and no horizontal overflow/page errors. Desktop cards386.66×323.5;375px single-column335×319.5; original avatar72px. Root visually inspected screenshot. No native/Electron launch due desktop-focus constraint.
+- Read-only native AX confirms current trial is logged-in My Agents list, with no unsaved configuration/composer state. Runtime update pending.
+
+## Follow-ups
+
+- Background renderer activation and manual refreshed-window observation remain pending.
+
+## Promotion Candidates
+
+- At later canonical integration, supersede compact256px homepage card presentation with restored original responsive dimensions. Evidence: explicit latest user request, exact CSS restoration and desktop/narrow visual checks. No architecture/contract changes or further confirmation required.
+
+## Project Context Loaded
+
+Task context:
+- Task ID: 20261012-agent-card-restore-c3d4a907
+- Mode: Feature
+- Branch: codex/20261012-agent-card-restore-c3d4a907-agent-card-restore
+- Worktree: /Users/chillishark/Makelore 麦洛/.codex-worktrees/makelore/20261012-agent-card-restore-c3d4a907
+- Base commit: 794e717575f1918a176002d3c16381bede46a32b
+- Ownership: exact registry/reservation and actual Git branch/worktree verified.
+- Other local tasks: 41 peers read only via their registered task records. One child-language-skill scope remains undefined; teacher-replies-release remains planning with historical trial-update scope. Neither supplies a concrete dependency for this isolated CSS task; runtime activation must check exact current pointer and process identity.
+- Overlap: completed composer task shrank cards; user's latest restoration instruction supersedes only that choice. Other Agent, channels, thinking and teacher tasks stay read-only.
+
+Read:
+- AGENTS.md; 05-agent-entry read-before-planning, memory-index and planning-gate; own record.
+- 00-brief project-positioning/success-criteria; 30-worklog current-state integrated snapshot and relevant personal Agent entries; decision-index and personal-cloud-agents ADR.
+- 20-architecture system-overview; 40-domain business-rules; evidence/reflection/commitments indexes and relevant entries.
+- Every peer's Scope, Intent And Constraints and Promotion Candidates; exact committed source/README inherited from latest composer handoff.
+
+Relevant understanding:
+- Goal: approachable student/creator light interface; home centers on creating and using one's own Agents.
+- Integrated memory contains earlier creation, trial, sharing and budget presentations superseded by current user-approved feature ancestry; canonical files remain read-only.
+- Scope: agent-home.css card/grid/avatar/type/spacing only, plus synchronized README and own record. No interaction or service contract change.
+- Evidence: previous original 1440px fixture measured 386.7×323.5; compact cards 256×221. Actual viewport widths remain responsive.
+- Runtime: existing Entry Trial Main PID 63739 serves composer renderer faebfe9; preserve exact Main bytes, inherited rollback layers and login.
+- Unknowns: no new cloud/model or file-transfer acceptance required; manual native refresh may be needed because desktop focus must remain untouched.
+
+Gate result:
+- Passed.
+
+## Plan
+
+1. Restore exact pre-shrink homepage CSS and remove compact-size README claim.
+2. Verify restored desktop/narrow layouts, existing homepage regressions, typecheck and production build.
+3. Commit the result; prepare and atomically activate a verified renderer-only stage. Record background activation separately from native visual refresh.

README.md

@@ -12,7 +12,7 @@ Makelore 是一个面向软件、视觉创作、智能机器人与个人云智
 
 - `Makelore Code｜AI 编程`：管理本地项目、项目智能体、对话、文件上下文、代码变更和运行时。
   会话工作台采用浅蓝项目栏、彩色通用手柄图标与卡片选中态；中间对话/作品使用圆角标签，作品预览的后退、前进、刷新与网址输入统一放在标签右侧；只在作品页显示，窄窗口自动换行。右侧智能体咨询使用奶油色标题区。沿用真实项目和会话入口、侧栏伸缩与账户菜单，样式只作用于 Code 会话工作台。可编辑的空对话在输入区上方的可用区域中央显示童趣欢迎语；「去作品广场逛逛」入口紧贴输入框上方，两者一起位于底部。老师介绍以固定宽度浮在右上角，不占用中间布局；欢迎语和底部输入区始终相对项目栏右侧的整个内容区域居中；小窗口的欢迎内容独立滚动；发送首条消息后收起欢迎区。侧栏保留「作品广场」入口，只有点击后才在系统浏览器打开公共广场，不请求、摘取或内嵌展示广场作品。打开广场保留当前项目、对话、草稿和附件，不自动发送消息；老师求助按钮保留临时应用的最新文案「帮我整体看🧠」。
-- `Makelore Agents｜AI 智能体`：从模块首页进入时先打开“我的智能体”卡片列表，保留此前对话与操作恢复记录；返回首页箭头与侧栏折叠按钮同排，折叠后仍可返回；智能体模块的侧栏只通过按钮点击或键盘激活展开，鼠标经过左侧、收纳按钮或顶栏不会展开，切换模块不沿用旧悬停预览；其他模块仍保留原预览方式。“我的智能体”使用浅紫对话机器人图标，“渠道”使用浅蓝连接节点图标。macOS 原生窗口按钮留出安全空间。首页围绕自己的智能体和创建入口，显示童趣问候“Hi，今天想创造还是想聊聊？”，不再显示更多、收到的分享、活动或归档筛选。卡片采用更紧凑的尺寸与留白，显示名称、可为空的一句话介绍及状态，支持聊天、调整、继续制作和确认删除；删除沿用云端归档机制，移出列表并停用新调用，历史和费用保留。创建先填写名称并选择平台像素头像或上传头像，下一步进入独立配置。顶部名称有编辑图标，头像可点击修改；未设置头像时使用同一张默认像素头像，从创建到配置、改名、保存和重新打开保持一致。基础页为“介绍与提示词”，一句话介绍可留空，完整提示词保留原始文本；模型作为高级设置第一项必选，未选择时不能开始使用，草稿可分步保存，不自动选模型。介绍与提示词采用浅蓝介绍卡和浅紫提示词卡；高级设置按模型、工具箱（Tool）、做事手册（Skill）、MCP 服务、子智能体和知识库纵向呈现，不再设内部分类切换；不展示 Tool/Skill 解释、资源开放规则提示、云端能力管理、费用上限或运行限制卡片，保存其他配置时保留既有运行限制，费用规则不变。顶层页签切换保留搜索、资源选择、知识表单及未保存输入。配置页移除聊天、自动任务和使用与接入导航，独立聊天仍从卡片进入，微信账号仍在侧栏渠道管理。草稿明确保存（Ctrl/⌘+S）；保存只更新草稿，“应用最新修改”使新配置生效，失败重试保持原操作身份；点击“开始使用”完成必要的私有启用后直接打开聊天，不再展示二次确认页；未保存修改、缺少模型、冲突或尚未确认的请求会留在配置页处理，打开聊天不自动发送消息。独立对话沿用奶油底色和浅蓝、浅紫、薄荷色：顶部只展示返回、只读头像和名称，不展示调整、保存／应用状态、客户端／微信来源、费用／版本说明或历史／新对话图标；配置由列表卡片的“调整”进入。空对话展示当前智能体头像与名称，示例只填入草稿；用户消息使用浅紫圆角气泡，助手 Markdown、表格和代码在消息区内滚动。文件或图片从输入框内添加，上传成功后以待发送卡片呈现，可移除本次携带；移除不会删除云端文件，添加不会自动发送。确认失败沿用同一文件和对话重试，发送前需完成或取消添加；支持仅发送附件，使用明确的附件提问。对话文件按需展开查看和选择，生成文件仍可下载；最近对话自动恢复、审批、停止和未发送内容的离开保护保留。模型返回的思考独立于正文展示，运行时可展开、手动折叠，完成后折叠；无思考内容时不显示。重连事件去重并隔离当前运行与主对话，终态历史未到达时保留已收到的片段并有限补读；服务端返回的最终回答思考可在历史中回看，不进入后续提问。历史回看需要 Yuxi API 思考投影补丁上线，当前未部署；实时思考沿用既有事件流。头像上传、Main-owned Host API、访问隔离、费用与不可变版本规则保持；介绍留空需要配套 Yuxi DraftCreate/DraftSave 的空字符串契约。
+- `Makelore Agents｜AI 智能体`：从模块首页进入时先打开“我的智能体”卡片列表，保留此前对话与操作恢复记录；返回首页箭头与侧栏折叠按钮同排，折叠后仍可返回；智能体模块的侧栏只通过按钮点击或键盘激活展开，鼠标经过左侧、收纳按钮或顶栏不会展开，切换模块不沿用旧悬停预览；其他模块仍保留原预览方式。“我的智能体”使用浅紫对话机器人图标，“渠道”使用浅蓝连接节点图标。macOS 原生窗口按钮留出安全空间。首页围绕自己的智能体和创建入口，显示童趣问候“Hi，今天想创造还是想聊聊？”，不再显示更多、收到的分享、活动或归档筛选。卡片恢复原有尺寸与留白，显示名称、可为空的一句话介绍及状态，支持聊天、调整、继续制作和确认删除；删除沿用云端归档机制，移出列表并停用新调用，历史和费用保留。创建先填写名称并选择平台像素头像或上传头像，下一步进入独立配置。顶部名称有编辑图标，头像可点击修改；未设置头像时使用同一张默认像素头像，从创建到配置、改名、保存和重新打开保持一致。基础页为“介绍与提示词”，一句话介绍可留空，完整提示词保留原始文本；模型作为高级设置第一项必选，未选择时不能开始使用，草稿可分步保存，不自动选模型。介绍与提示词采用浅蓝介绍卡和浅紫提示词卡；高级设置按模型、工具箱（Tool）、做事手册（Skill）、MCP 服务、子智能体和知识库纵向呈现，不再设内部分类切换；不展示 Tool/Skill 解释、资源开放规则提示、云端能力管理、费用上限或运行限制卡片，保存其他配置时保留既有运行限制，费用规则不变。顶层页签切换保留搜索、资源选择、知识表单及未保存输入。配置页移除聊天、自动任务和使用与接入导航，独立聊天仍从卡片进入，微信账号仍在侧栏渠道管理。草稿明确保存（Ctrl/⌘+S）；保存只更新草稿，“应用最新修改”使新配置生效，失败重试保持原操作身份；点击“开始使用”完成必要的私有启用后直接打开聊天，不再展示二次确认页；未保存修改、缺少模型、冲突或尚未确认的请求会留在配置页处理，打开聊天不自动发送消息。独立对话沿用奶油底色和浅蓝、浅紫、薄荷色：顶部只展示返回、只读头像和名称，不展示调整、保存／应用状态、客户端／微信来源、费用／版本说明或历史／新对话图标；配置由列表卡片的“调整”进入。空对话展示当前智能体头像与名称，示例只填入草稿；用户消息使用浅紫圆角气泡，助手 Markdown、表格和代码在消息区内滚动。文件或图片从输入框内添加，上传成功后以待发送卡片呈现，可移除本次携带；移除不会删除云端文件，添加不会自动发送。确认失败沿用同一文件和对话重试，发送前需完成或取消添加；支持仅发送附件，使用明确的附件提问。对话文件按需展开查看和选择，生成文件仍可下载；最近对话自动恢复、审批、停止和未发送内容的离开保护保留。模型返回的思考独立于正文展示，运行时可展开、手动折叠，完成后折叠；无思考内容时不显示。重连事件去重并隔离当前运行与主对话，终态历史未到达时保留已收到的片段并有限补读；服务端返回的最终回答思考可在历史中回看，不进入后续提问。历史回看需要 Yuxi API 思考投影补丁上线，当前未部署；实时思考沿用既有事件流。头像上传、Main-owned Host API、访问隔离、费用与不可变版本规则保持；介绍留空需要配套 Yuxi DraftCreate/DraftSave 的空字符串契约。
 
   云知识库的 embedding 模型只由平台管理员在 Yuxi 后台维护：在「智能体管理 → 模型供应商」启用供应商，按供应商要求填写有效的服务地址和 API Key，添加并启用 embedding 模型并填写实际向量维度；embedding 向量化费用由平台承担，不计入用户用量、词元点数或智能体费用上限；one-api 不参与 embedding 配置，Works Square 只负责其他应计费模型调用的创建者词元点数账本。客户端区分目录加载中、加载失败与无可用模型，空状态提供管理员配置说明；「刷新知识库与模型」保留未提交名称，未确认的创建请求沿用原操作身份。
 

src/pages/CloudAgents/agent-home.css

@@ -26,29 +26,29 @@
 .agent-home-create svg { width: 19px; height: 19px; }
 .agent-home-back { gap: 6px; margin: -12px 0 16px -12px; color: #606c7e; }
 .agent-home-back svg { width: 17px; height: 17px; }
-.agent-home-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 256px), 256px)); gap: 14px; }
+.agent-home-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 292px), 1fr)); gap: 20px; }
-.agent-home-card { display: flex; min-width: 0; flex-direction: column; padding: 16px; border: 1px solid #dce5f3; border-radius: 18px; background: #f1f6ff; transition: border-color 160ms ease, box-shadow 160ms ease; }
+.agent-home-card { display: flex; min-width: 0; flex-direction: column; padding: 24px; border: 1px solid #dce5f3; border-radius: 24px; background: #f1f6ff; transition: border-color 160ms ease, box-shadow 160ms ease; }
 .agent-home-card[data-tone="1"] { background: #f6f2ff; border-color: #e5dcf5; }
 .agent-home-card[data-tone="2"] { background: #fff5e9; border-color: #f0e2ce; }
 .agent-home-card:hover, .agent-home-card:focus-within { border-color: #bcc9df; box-shadow: 0 4px 16px #2732460a; }
-.agent-home-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
+.agent-home-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
-.agent-home-avatar { width: 48px; height: 48px; flex-shrink: 0; overflow: hidden; border: 2px solid #fff; border-radius: 16px; background: #fff6de; box-shadow: 0 2px 5px #27324608; }
+.agent-home-avatar { width: 72px; height: 72px; flex-shrink: 0; overflow: hidden; border: 3px solid #fff; border-radius: 22px; background: #fff6de; box-shadow: 0 2px 5px #27324608; }
 .agent-home-avatar img { width: 100%; height: 100%; object-fit: cover; }
 .agent-home-avatar .agent-home-builtin-avatar { image-rendering: pixelated; }
-.agent-home-status { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 4px 8px; border-radius: 20px; font-size: 12px; font-weight: 500; line-height: 1.5; color: #765229; background: #fff9eb; white-space: nowrap; }
+.agent-home-status { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; line-height: 1.5; color: #765229; background: #fff9eb; white-space: nowrap; }
 .agent-home-status::before { width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #af7c36; content: ''; }
 .agent-home-card[data-state="ready"] .agent-home-status { color: #38684d; background: #e3f4e9; }
 .agent-home-card[data-state="ready"] .agent-home-status::before { background: #498264; }
 .agent-home-card[data-state="inactive"] .agent-home-status { color: #606c7e; background: #e9edf2; }
 .agent-home-card[data-state="inactive"] .agent-home-status::before { background: #778294; }
-.agent-home-card h2 { overflow: hidden; font-size: 18px; font-weight: 650; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
+.agent-home-card h2 { overflow: hidden; font-size: 21px; font-weight: 650; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
-.agent-home-purpose { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 42px; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 21px; color: #606c7e; white-space: pre-wrap; overflow-wrap: anywhere; }
+.agent-home-purpose { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; min-height: 78px; overflow: hidden; margin-top: 8px; font-size: 15px; line-height: 26px; color: #606c7e; white-space: pre-wrap; overflow-wrap: anywhere; }
-.agent-home-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: auto; padding-top: 10px; }
+.agent-home-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding-top: 20px; }
-.agent-home-card .agent-home-card-primary { gap: 6px; padding-inline: 10px; border-radius: 12px; font-size: 14px; }
+.agent-home-card-primary { gap: 7px; border-radius: 12px; font-size: 14px; }
 .agent-home-card-primary svg { width: 17px; height: 17px; }
 .agent-home-card-primary.border { border-color: #c6ccda; background: #ffffffb3; color: #35435b; }
-.agent-home-card .agent-home-adjust { padding-inline: 8px; border-radius: 12px; color: #546176; }
+.agent-home-adjust { padding-inline: 9px; border-radius: 12px; color: #546176; }
-.agent-home-card .agent-home-delete { gap: 5px; margin-left: auto; padding-inline: 6px; border-radius: 12px; color: #836b73; }
+.agent-home-delete { gap: 5px; margin-left: auto; padding-inline: 8px; border-radius: 12px; color: #836b73; }
 .agent-home-delete svg { width: 16px; height: 16px; }
 .agent-home-delete:hover { color: #ac3d49; background: #fce9e9; }
 .agent-home-delete-dialog { border-radius: 24px; }
@@ -72,13 +72,11 @@
   .agent-home-greeting h1 { font-size: 26px; }
   .agent-home-greeting-doodle { display: none; }
   .agent-home-header-actions { flex-wrap: wrap; }
+  .agent-home-card { padding: 22px; }
   .agent-home-empty { min-height: 360px; padding-inline: 20px; }
   .agent-home-empty h2 { font-size: 22px; }
   .agent-home-error { align-items: flex-start; flex-wrap: wrap; }
 }
-@media (max-width: 560px) {
-  .agent-home-grid { grid-template-columns: minmax(0, 1fr); }
-}
 @media (prefers-reduced-motion: reduce) {
   .agent-home-card { transition: none; }
   .agent-home-greeting-doodle { animation: none; }