enkly/enkly-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
79ce8dc4c0d23d6fa76b7eff8e604c08802dca97
enkly-ai/UI-REDESIGN.md
enkly 79ce8dc4c0
Some checks failed
Go CI Pipeline / build_and_test (push) Failing after 22m0s
Details
Init Project
2026-10-30 18:06:55 +01:00

1.2 KiB
Raw Blame History

enkly UI redesign (gateway web)

Touched: web/static/css/style.css (rewritten), web/static/js/app.js (additions at the end), web/templates/index.html, web/templates/tree.html (status bar). All other templates and every Go handler are unchanged; class names used by Go-rendered fragments (tool cards, thinking, deliverables, attachments, tree, auth, billing) are preserved.

Design moves (from the reference screenshot)

  • Glowing command bar -> top-bar search that opens a command palette (Cmd/Ctrl+K): chats + quick actions.
  • Glow-ring composer with "+" and a pill send button ("Ask") -> composer is the single luminous element.
  • Recipe cards -> "Start with" starter cards (click fills or sends a prompt).
  • "Ingredients you have" -> "What enkly can use" tool chips; Explorer is now a glass panel.
  • "More to explore" -> dashed prompt chips that fill the composer.
  • Source cards -> agent tool steps with a per-kind coloured icon (read / write / search / run / plan / sub-agent).
  • Context usage in the status bar is now a meter (amber at 70%, red at 90%).

Constraints respected

System fonts only, no inline scripts, no CDN, no new endpoints (CSP: script-src 'self'). Light and dark themes both supported; reduced-motion respected; visible focus rings.