Files
Artemis-Eapil/apps/showcase_ui
somew1nd a36a66ce6d feat: add step-by-step visual replay and harden process lifecycle
- UI: Implement dual-mode playback in FloatingVideoPlayer supporting video and step-by-step frame replay with scrub controls and auto-fallback
- Runtime: Prevent asyncio event loop hangs on Darwin and Linux by avoiding psutil.wait_procs on direct child processes
- Task Queue: Add worker exit watchdog and automatic recording recovery for completed or interrupted sessions
- Recording: Add ffmpeg ultrafast transcode fallback, shield recording finalization against cancellation, and handle on-the-fly MP4 conversion
- Docs: Polish README_CN styling and streamline flash runner agent prompt
2026-08-26 00:53:24 -07:00
..

✨ 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.

🚀 How to Run

Prerequisites

  • Node.js (>= 18)
  • Backend API running on http://localhost:8000 (via apps/admin_console or artemis 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.