deerflow-code/frontend-web/design-qa.md
2026-09-07 18:24:55 +08:00

4.3 KiB
Raw Blame History

Comparison target

  • Source visual truth (dark intelligent-agent list): C:/Users/董宏凯/AppData/Local/Temp/codex-clipboard-75f6ce1c-cd70-4b8c-a80a-a3d100105c69.png
  • Additional source references: C:/Users/董宏凯/AppData/Local/Temp/codex-clipboard-00567484-ba8a-4595-b386-52e1467ae9cf.png (segmented switch), C:/Users/董宏凯/AppData/Local/Temp/codex-clipboard-02808803-05ba-4f2c-be50-c72b484a9f06.png (business-chain node card), C:/Users/董宏凯/AppData/Local/Temp/codex-clipboard-adf38fec-7baf-4d01-9c73-bdbae94b774e.png (business-chain selector)
  • Implementation screenshots: C:/Users/董宏凯/AppData/Local/Temp/position-roundtable-revised-light.png, C:/Users/董宏凯/AppData/Local/Temp/position-roundtable-revised-dark.png
  • Full-view comparison evidence: C:/Users/董宏凯/AppData/Local/Temp/position-roundtable-revised-comparison.png
  • Viewport: 1280 × 720. Light route: #/page/strategy/qa/position-roundtable; dark embedded route: #/page/strategy/qa/position-roundtable?embed=1&theme=dark.
  • State: local browser has no authenticated API session. The original intent API is invoked and reports Authentication required; business-chain and agent endpoints return no usable data.

Findings

  • [P1] Populated agent and business-chain states cannot be compared yet. Location: right agent list and non-planning-role chain diagram. Evidence: reference images show populated cards and nodes; the implementation has 0 个 agents and no available business chain in the unauthenticated preview. Impact: card density, selected-card indicator, chain node flow, and agent-detail transition cannot be truthfully verified against live data. Fix: verify the route in an authenticated session with at least one public chain and tagged agents.

Open Questions

  • The final business-chain stage arrangement is still pending product confirmation. The compact graph maps whatever stage configuration is returned, while intentionally omitting dependency-label text as requested.

Implementation Checklist

  1. Left task panel is now display-only and retains its independent position-roundtable task adapter.
  2. Business-chain selection uses the original roundtable card/radio/relationship-entry pattern.
  3. Every position uses the original useStep1Intent interface and Step1Panel message list/input panel; only the position header changes.
  4. The right switch now uses the exact 课题研究 / ai写作 segmented-control treatment (light gray track, white active state; dark blue glass equivalent).
  5. The embedded layout widens the left panel to 360px and applies the deep-blue right-panel tokens used by the reference.
  6. Other roles render a taller top-to-bottom card-node flow without dependency labels. The canvas supports mouse-drag panning, and each node retains only a name plus a single-line description.

Follow-up Polish

  • [P3] If live content is unusually long, tune the compact flow node width or horizontal scrolling after seeing the production chain data.

Comparison history

  • Iteration 1: task fields were editable and the right TDesign card tabs looked unlike the reference. Replaced the task form with display-only information and replaced the tabs with the existing 课题研究 / ai写作 segmented switch.
  • Iteration 2: business-chain selection was a dropdown and the flow was vertical avatar chips. Replaced it with original-roundtable selection cards and compact business-chain configuration-style node cards with link lines but no dependency labels.
  • Iteration 3: dark right-panel background differed from the supplied deep-blue reference. Applied the #032650 / #042b59 / #2b8ffe token family and captured the revised embedded dark state in the full-view comparison.
  • Iteration 4: removed the custom disabled input from non-planning positions and reused the original roundtable input panel. Enlarged the left flow viewport, retained its connection lines, and removed node level/seat/status metadata.
  • Iteration 5: converted the compact flow from left-to-right to top-to-bottom. Added mouse-drag panning and single-line description truncation; populated-chain visual QA remains blocked by the unauthenticated preview.
  • Iteration 6: constrained the flow canvas to its card viewport, narrowed nodes from 190px to 158px, and realigned branch gaps plus connector anchors to prevent clipping and offset lines.

Final result

blocked