Polish Agent configuration and unify advanced settings

.project-docs/30-worklog/tasks/20261012-agent-config-design-74c9a2e1.md

@@ -0,0 +1,76 @@
+# Task: Polish Agent introduction and unified advanced settings
+
+## Identity
+
+- Task ID: 20261012-agent-config-design-74c9a2e1
+- Mode: Feature
+- Branch: codex/20261012-agent-config-design-74c9a2e1-agent-config-design
+- Worktree: /Users/chillishark/Makelore 麦洛/.codex-worktrees/makelore/20261012-agent-config-design-74c9a2e1
+- Base commit: a7182ac8fe8d936a6849e641a77b8720e0827286
+- Owner: codex
+- Status: In Progress
+
+## Scope
+
+- Polish the introduction/prompt configuration page using the existing MakeLore warm, pastel, rounded visual language.
+- Replace advanced category switching with one persistent vertically scrolling page; model remains first and required for use.
+- Present tools as 工具箱（Tool） / 选它做事时能用的工具。 and skills as 做事手册（Skill） / 给它一本手册，照着方法做。
+- Verify and update the latest temporary application from the new source.
+
+## Intent And Constraints
+
+- User explicitly requests this refinement, superseding older advanced category navigation. Preserve identity/avatar editing, optional purpose, raw prompt, selection state, explicit save/apply, independent budget saves and account/request isolation.
+- No real cloud mutations or paid prompts during verification, no installed-app changes, main merge/push or peer/canonical document writes. Use the exact latest trial commit as base and keep its profile and direct-network startup.
+
+## Project Context Loaded
+
+Task context:
+- Task ID/mode/branch/worktree/base match Identity; bundled start exited 0 and status confirmed ownership/reservation in this isolated checkout.
+- Read all 33 peer task records' Scope, Intent And Constraints and Promotion Candidates read-only. Agent source/trial/refinement peers are ready; this base includes their latest accepted product behavior. Teacher/consultation/community tasks are separate. The child-language planning record has undefined scope; no identified dependency on this personal-Agent configuration page. Do not modify peer worktrees or primary checkout.
+
+Read:
+- AGENTS.md; .project-docs/05-agent-entry/read-before-planning.md, memory-index.md, planning-gate.md; active task; 00-brief/project-positioning.md and success-criteria.md; relevant current-state.md snapshot and current focus; decision-index.md; personal-cloud-agent ADR; system-overview.md; community-collaboration.md; task-relevant business-rules.md; preceding Agent task records.
+- design and maintain-project-docs skills. Required design-system search completed; existing project colors/components take precedence over generic search suggestions.
+
+Relevant understanding:
+- Project goal: accessible creative desktop client; this module centers on building and using one's own Agent.
+- Current integrated focus: creative tools and cloud consultation, Main-owned authentication/network, independent cloud execution and service policies.
+- Active constraints: single light design; preserve model/resource contracts, manual saves, drafts and cloud identity. Current optional introduction reuses purpose; companion cloud rollout remains teammate-owned.
+- Decisions: user's latest instruction replaces historical starter/preview/category-tab descriptions. Basic/advanced top-level switch remains; only categories inside advanced are removed. No billing, permission or architecture changes.
+- Evidence/commitments: latest trial a7182ac is verified; tests use isolated fixture transport. Real cloud behavior is not inferred from fixtures. No reusable debugging/reflection change required at planning.
+- Likely files: DraftEditor, ConfigurationFields, AgentRequirements, desktop-workspace styles, resource headings and focused UI/Electron tests/README.
+- Unknown/stale: canonical UX descriptions predate the accepted October refinements; record promotion only. Cloud optional-purpose deployment is outside this styling task.
+
+Gate result: Passed.
+
+## Implementation Plan
+
+1. Add restrained pastel section cards for introduction/prompt and unify advanced rendering in model-first order with the requested tools/skills language.
+2. Preserve mounted form state and existing save/recovery behavior, adapt focused regression and Electron tests, and inspect responsive screenshots.
+3. Build, stage the verified temporary app safely, record actual validation and remaining live-login limitations, and hand off a clean committed result.
+
+## Outcome
+
+- Implemented two pastel introduction/prompt cards and matching top-level controls, using existing typography, Lucide icons, warm background and rounded forms.
+- Advanced settings now show model, Tool/Skill resources, MCP/subagents, knowledge and limits on one persistent vertical page. Resource catalogs, missing IDs, selected Skill preloading, management dialogs, independent budget saves and draft/conflict guards are retained.
+- Requested Tool/Skill names and exact short explanations are visible; personal Skill management actions use the same 做事手册 wording. README and focused tests updated.
+- Compact screenshot review found the inherited name input collapsing to zero width; increased identity selector specificity and gave it a minimum flex basis so header actions wrap while the name remains visible.
+- Latest real trial is still on a7182ac: native AX inspection shows unsaved name 英语陪练aron and 有未保存修改. Asked user to save or authorize discarding before replacement; do not terminate that window while the answer is pending.
+
+## Verification
+
+- Renderer typecheck and scoped ESLint passed.
+- Six focused unit files: 139 passed; include page switching preserving prompt/model/search/resources/knowledge/limits/budget inputs and no implicit save or model calls.
+- Production Renderer/Main/preload/utility build passed; existing Browserslist and chunk-size warnings only.
+- Five isolated Electron flows passed: identity/configuration/formal chat, three homepage cases and WeChat channel lifecycle. No real cloud mutation/model calls. Basic/advanced Electron screenshots visually inspected.
+- Independent read-only source/state/accessibility review found no concrete defect.
+- Nine Chrome fixture cases passed: original five avatar/card cases and four configuration layouts at 375/768/1024/1440. Real element bounds, >=96px name width, accessible focus, all advanced sections, lower-section scrolling and return-to-introduction checked. Desktop and compact screenshots inspected; compact header regression fixed and reverified.
+- After the header fix, production build and the Electron configuration case passed again, including its 980px 125%/150% content zoom checks. Total 14 distinct E2E cases passed (five Electron and nine browser fixture cases).
+
+## Follow-ups
+
+- Finish responsive screenshots and safely replace the latest temporary app after the user resolves its unsaved changes. Restart requires manual login because unpackaged auth is memory-only.
+
+## Promotion Candidates
+
+- Target: personal-cloud-Agent ADR and integrated current state during a later serialized integration. Proposal: introduction/prompt uses two readable pastel cards; advanced configuration is one vertical model-first page, with 工具箱（Tool） and 做事手册（Skill） plus short explanations. Evidence: user request, source, focused unit/Electron checks and screenshot review. Future impact: simpler configuration navigation while preserving manual saves, state and service contracts. Supersedes historical internal advanced category switching; user confirmation already provided, canonical documents remain unchanged here.