Skip to content

Latest commit

 

History

History
20 lines (18 loc) · 1.42 KB

File metadata and controls

20 lines (18 loc) · 1.42 KB

TODO: Build ChatGPT-Style CIMA Web Interface

Steps to Complete

  • Create TODO.md
  • Rewrite app.py as Flask app (handle routes, Ollama integration, sessions)
  • Create templates/index.html (welcome screen, chat layout, sidebar, input bar)
  • Create static/css/styles.css (modern styling, animations, branding, responsive)
  • Create static/js/script.js (interactivity, chat flow, animations, features like theme toggle, export)
  • Update run.ps1 to run Flask app
  • Test locally: Flask app starts successfully on http://127.0.0.1:5000
  • Add continuous thinking/typing animation with typewriter effect
  • Add enhanced markdown support with theme-aware styling for severity/risk/remediation labels
  • Implement ChatGPT-style left sidebar with conversation list, smooth slide animations, Clear History and New Chat buttons
  • Update main chat area with ChatGPT bubble styling, smooth scrollable window, fixed input at bottom
  • Replace window.confirm() with center-screen modal for delete confirmation (dimmed overlay, fade-in/scale-up animations)
  • Add modal functionality: showModal(), hideModal(), click outside/ESC to close, Delete/Cancel buttons
  • Update CSS for modal styles, sidebar slide animations, chat bubbles, responsive layout
  • Test all new UI features: sidebar toggle, modal interactions, chat flow
  • Complete task: Full ChatGPT-style conversation UI with modal delete confirmation