Files
Artemis-Eapil/apps/showcase_ui
somew1nd 474e56ef8e feat: support orientation-aware recording and device wakefulness
Roll scrcpy recordings by device rotation and duration, and publish timeline manifests for playback and analysis.

Add seamless segmented playback in the showcase UI and configurable stay-awake strategies for Android automation.
2026-08-22 19:45:02 -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.