From 20c0a8014b420fad2ffe0680f294a53b7b77b804 Mon Sep 17 00:00:00 2001 From: Ame Date: Sun, 22 Mar 2026 09:30:27 +0800 Subject: [PATCH 01/17] =?UTF-8?q?ui:=20pre-release=20design=20polish=20?= =?UTF-8?q?=E2=80=94=20branding,=20layout,=20micro-interactions?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Replace star SVG with alice.ico pixel art across sidebar logo, chat avatar, and empty state - Restructure sidebar nav into 4 labeled sections (Core/Agent/Data/System) - Add blue-to-purple gradient accent on primary buttons and active indicator - Add assistant chat bubble background/border for visual separation - Float chat input area with top shadow - Bump PageHeader title to text-lg font-bold - Enlarge Portfolio hero metrics numbers with tabular-nums - Add button press scale effect, card hover glow, sidebar indicator animation - Change toast animation to slide-in from right - Upgrade EmptyState with default icon container, Spinner with accent tint Co-Authored-By: Claude Opus 4.6 (1M context) --- ui/src/components/ChatInput.tsx | 2 +- ui/src/components/ChatMessage.tsx | 13 +- ui/src/components/PageHeader.tsx | 4 +- ui/src/components/Sidebar.tsx | 418 ++++++++++++++---------------- ui/src/components/StateViews.tsx | 19 +- ui/src/components/Toast.tsx | 2 +- ui/src/components/form.tsx | 2 +- ui/src/index.css | 16 +- ui/src/pages/ChatPage.tsx | 11 +- ui/src/pages/PortfolioPage.tsx | 2 +- 10 files changed, 236 insertions(+), 253 deletions(-) diff --git a/ui/src/components/ChatInput.tsx b/ui/src/components/ChatInput.tsx index 0597c133..680e5bf6 100644 --- a/ui/src/components/ChatInput.tsx +++ b/ui/src/components/ChatInput.tsx @@ -38,7 +38,7 @@ export function ChatInput({ disabled, onSend }: ChatInputProps) { }, []) return ( -
+