Skip to content

WEB_INTERFACE.md

Latest commit

 

History

History
89 lines (67 loc) · 2.85 KB

WEB_INTERFACE.md

File metadata and controls

89 lines (67 loc) · 2.85 KB

LiabilityIQ Web Interface - ClaimCenter Style

Overview

The LiabilityIQ web interface is designed to look and feel like Guidewire ClaimCenter, making it feel like a native part of the claims management system.

Features

Dashboard

  • View all available claims
  • See processing status for each claim
  • Quick actions to process or view claims
  • Generate sample synthetic claims

Claim Dossier View

  • Tabbed Interface: Navigate between different sections
    • Overview: Executive summary and key findings
    • Readiness Index: Detailed scoring dashboard
    • Consolidated Facts: Extracted entities and information
    • Timeline: Master timeline of events
    • Gaps: Identified documentation gaps
    • Conflicts: Detected inconsistencies
    • Risks: Flagged risk indicators
    • Recommendations: Actionable next steps
    • Documents: Document summaries

Visual Design

  • ClaimCenter Color Scheme: Blue/gray professional palette
  • Status Indicators: Color-coded badges for severity/priority
  • Score Visualizations: Progress bars and circular readiness indicators
  • Responsive Layout: Works on different screen sizes
  • Professional Typography: Clean, readable fonts

Running the Web Interface

  1. Start the server:

    python web_app.py

  2. Open your browser: Navigate to http://localhost:5000

  3. Generate sample claims (if needed): Click "Generate Sample Claims" on the dashboard

  4. Process a claim: Click "Process" next to any claim, or click "View Dossier" if already processed

Integration with ClaimCenter

The HTML output is designed to be embeddable within ClaimCenter:

  1. As a Custom Screen: The HTML can be embedded as a custom screen in ClaimCenter
  2. As a Widget: Individual sections can be extracted as widgets
  3. As a Report: The dossier can be exported and viewed within ClaimCenter's reporting system
  4. API Integration: The Flask app can be integrated with ClaimCenter's REST API

Customization

Styling

The CSS is contained within the HTML generator (src/output/claimcenter_html_generator.py). You can customize:

  • Colors (currently using ClaimCenter blue: #1e3a5f)
  • Fonts
  • Layout spacing
  • Component styles

Layout

Modify the _generate_*_tab() methods to change the layout and information displayed in each tab.

Branding

Update the header logo and title in _generate_header() to match your organization's branding.

Technical Details

  • Framework: Flask (lightweight web framework)
  • Templates: Inline HTML with embedded CSS/JavaScript
  • Output: Self-contained HTML files (no external dependencies)
  • Port: Default port 5000 (configurable in web_app.py)

Future Enhancements

  • User authentication
  • Claim editing capabilities
  • Export to PDF
  • Real-time updates
  • Integration with ClaimCenter APIs
  • Customizable dashboards
  • Advanced filtering and search