- Backend (LLM Gateway): - Record structured 'llm_stream_reset' event with discard action, failure reason, and retry messaging on mid-stream generation errors. - Add unit test verifying stream reset event payload on mid-stream errors. - Frontend (Showcase UI): - Handle 'llm_stream_reset' events in agent service and stream aggregator, discarding interrupted chunks while showing retry indicators. - Establish a single source of truth for tool and action events in the timeline to eliminate duplicated action rows while retaining ADB and explorer tools. - Add @angular/cdk dependency and update agent stream component styling and layout. - Add unit tests for stream aggregation and tool display filtering.
✨ Artemis Showcase & User Workspace UI
A modern, highly aesthetic presentation and interaction frontend built with Angular 19 and SCSS for showcasing the Artemis mobile autonomous agent.
🎨 Visual Design Highlights
- Aurora Glow Dynamics: Ambient background lighting with smooth gradients.
- Glassmorphism Aesthetic: Translucent frosted-glass panels with subtle borders.
- Real-time Dual-Pane Workspace:
- Left Pane (
app-agent-stream): Live streaming of Agent thought steps, plan breakdowns, tool actions, and status. - Right Pane (
app-chat-interface): Natural language chat input sidebar with interactive feedback and status pills.
- Left Pane (
🚀 How to Run
Prerequisites
- Node.js (>= 18)
- Backend API running on
http://localhost:8000(viaapps/admin_consoleorartemis ui)
Development Server
cd apps/showcase_ui
npm install
npm start
This runs ng serve --proxy-config proxy.conf.json on http://localhost:4200/.
Production Build
npm run build
Build artifacts will be emitted to dist/, which can be served statically by apps.admin_console or artemis ui.