Skip to content

feat(flow-chat): thinking Markdown, scroll cap, scroll fade for dark theme#221

Merged
GCWing merged 1 commit intogcwing/devfrom
feat/flowchat-thinking-markdown-scroll-fade
Mar 22, 2026
Merged

feat(flow-chat): thinking Markdown, scroll cap, scroll fade for dark theme#221
GCWing merged 1 commit intogcwing/devfrom
feat/flowchat-thinking-markdown-scroll-fade

Conversation

@GCWing
Copy link
Copy Markdown
Owner

@GCWing GCWing commented Mar 22, 2026

Summary

  • Render model thinking with the shared Markdown component; scoped thinking-markdown styles keep the muted tool-card look.
  • Expanded thinking body uses a max height with internal scroll.
  • Top/bottom scroll fades use --color-bg-flowchat and mask-based opacity to avoid sRGB transparent halos on near-black themes.

Files

  • src/web-ui/src/flow_chat/tool-cards/ModelThinkingDisplay.tsx
  • src/web-ui/src/flow_chat/tool-cards/ModelThinkingDisplay.scss

- Use shared Markdown component for thinking content (muted theme styles)
- Cap expanded thinking body height with internal scroll
- Scroll fade overlays use flowchat surface color + mask (no sRGB transparent halos)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant