Upload 21 files

app/__init__.py

@@ -0,0 +1,22 @@
+from flask import Flask
+from config import Config
+from .models import db
+
+def create_app(config_class=Config):
+    app = Flask(__name__)
+    app.config.from_object(config_class)
+
+    db.init_app(app)
+
+    with app.app_context():
+        from . import routes  # Import routes
+        # db.drop_all() # Uncomment if you need to reset the DB
+        db.create_all() # Create sql tables for our data models
+        routes.register_routes(app) # Register the routes
+
+    # Register blueprints here if you plan to use them
+    # from .main import bp as main_bp
+    # app.register_blueprint(main_bp)
+
+    return app
+

app/models.py

@@ -0,0 +1,83 @@
+from flask_sqlalchemy import SQLAlchemy
+from datetime import datetime
+import enum
+
+db = SQLAlchemy()
+
+class Country(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(100), unique=True, nullable=False)
+    region = db.Column(db.String(100), nullable=False)
+    cases = db.relationship("Case", backref="country_context", lazy=True)
+    reports = db.relationship("Report", backref="report_country_context", lazy=True)
+
+    def __repr__(self):
+        return f"<Country {self.name}>"
+
+class CaseStatus(enum.Enum):
+    ACTIVE = "Active"
+    PENDING = "Pending"
+    COMPLETED = "Completed"
+    CLOSED = "Closed"
+
+class Case(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    case_id_display = db.Column(db.String(50), unique=True, nullable=False)
+    case_type = db.Column(db.String(100), nullable=False)
+    suspect_name = db.Column(db.String(150), nullable=False)
+    profile_details = db.Column(db.Text, nullable=True)
+    evidence_summary = db.Column(db.Text, nullable=True)
+    status = db.Column(db.Enum(CaseStatus), default=CaseStatus.PENDING, nullable=False)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    country_id = db.Column(db.Integer, db.ForeignKey("country.id"), nullable=True) # For recommendation context
+
+    interrogation_sessions = db.relationship("InterrogationSession", backref="case", lazy=True, cascade="all, delete-orphan")
+    reports = db.relationship("Report", backref="case", lazy=True, cascade="all, delete-orphan")
+
+    def __repr__(self):
+        return f"<Case {self.case_id_display}>"
+
+class InterrogationSession(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    case_id = db.Column(db.Integer, db.ForeignKey("case.id"), nullable=False)
+    session_date = db.Column(db.DateTime, default=datetime.utcnow)
+    summary_notes = db.Column(db.Text, nullable=True)
+    generated_questions = db.relationship("GeneratedQuestion", backref="session", lazy=True, cascade="all, delete-orphan")
+
+    def __repr__(self):
+        return f"<InterrogationSession {self.id} for Case {self.case_id}>"
+
+class GeneratedQuestion(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    interrogation_session_id = db.Column(db.Integer, db.ForeignKey("interrogation_session.id"), nullable=False)
+    question_text = db.Column(db.Text, nullable=False)
+    category = db.Column(db.String(100), nullable=True)
+    generated_at = db.Column(db.DateTime, default=datetime.utcnow)
+    responses = db.relationship("InterrogationResponse", backref="question", lazy=True, cascade="all, delete-orphan")
+
+    def __repr__(self):
+        return f"<GeneratedQuestion {self.id}>"
+
+class InterrogationResponse(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    generated_question_id = db.Column(db.Integer, db.ForeignKey("generated_question.id"), nullable=False)
+    response_text = db.Column(db.Text, nullable=True)
+    tags = db.Column(db.String(200), nullable=True) # e.g., "evasiveness,contradiction"
+    responded_at = db.Column(db.DateTime, default=datetime.utcnow)
+
+    def __repr__(self):
+        return f"<InterrogationResponse {self.id} for Question {self.generated_question_id}>"
+
+class Report(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    case_id = db.Column(db.Integer, db.ForeignKey("case.id"), nullable=False)
+    generated_at = db.Column(db.DateTime, default=datetime.utcnow)
+    llm_json_output = db.Column(db.Text, nullable=True) # Raw JSON from LLM
+    report_content_summary = db.Column(db.Text, nullable=True) # Processed summary for display
+    recommendations = db.Column(db.Text, nullable=True) # Country-specific recommendations
+    country_id = db.Column(db.Integer, db.ForeignKey("country.id"), nullable=True) # Context for recommendations
+
+    def __repr__(self):
+        return f"<Report {self.id} for Case {self.case_id}>"
+

app/routes.py

@@ -0,0 +1,226 @@
+from flask import render_template, request, jsonify, current_app
+from app import db # Assuming db is initialized in app's __init__.py
+from app.models import Case, Country, InterrogationSession, GeneratedQuestion, InterrogationResponse, Report, CaseStatus
+from app.utils.groq_client import GroqClient
+import json
+
+# This will be the main blueprint or directly in app.routes if not using blueprints
+# For simplicity, adding routes directly here. In a larger app, use Blueprints.
+
+def register_routes(app):
+
+    @app.route('/')
+    @app.route('/dashboard')
+    def dashboard():
+        # Fetch some data for the dashboard
+        active_cases_count = Case.query.filter_by(status=CaseStatus.ACTIVE).count()
+        total_interrogations = InterrogationSession.query.count()
+        completed_reports_count = Report.query.join(Case).filter(Case.status == CaseStatus.COMPLETED).count()
+        
+        recent_cases = Case.query.order_by(Case.created_at.desc()).limit(5).all()
+        countries = Country.query.order_by(Country.name).all()
+        
+        # Placeholder for resolution rate
+        resolution_rate = "85%" # This would be calculated based on closed/completed cases
+
+        return render_template(
+            'dashboard.html', 
+            active_cases_count=active_cases_count,
+            total_interrogations=total_interrogations,
+            completed_reports_count=completed_reports_count,
+            resolution_rate=resolution_rate,
+            recent_cases=recent_cases,
+            countries=countries # Pass countries to the template for selection
+        )
+
+    @app.route('/cases', methods=['GET', 'POST'])
+    def manage_cases():
+        if request.method == 'POST':
+            data = request.form
+            new_case = Case(
+                case_id_display=data.get('case_id_display', f"C-NEW-{db.session.query(Case).count() + 1}"), # Generate a simple new ID
+                case_type=data.get('case_type'),
+                suspect_name=data.get('suspect_name'),
+                profile_details=data.get('profile_details'),
+                evidence_summary=data.get('evidence_summary'),
+                status=CaseStatus.PENDING, # Default status
+                country_id=data.get('country_id') # Assuming country_id is passed from form
+            )
+            db.session.add(new_case)
+            db.session.commit()
+            return jsonify({'message': 'Case created successfully', 'case_id': new_case.id}), 201
+        
+        cases = Case.query.all()
+        return render_template('cases.html', cases=cases) # Placeholder, need a cases.html
+
+    @app.route('/case/<int:case_id>')
+    def view_case(case_id):
+        case = Case.query.get_or_404(case_id)
+        countries = Country.query.all()
+        return render_template('case_detail.html', case=case, countries=countries) # Placeholder, need case_detail.html
+
+    @app.route('/generate_questions/<int:case_id>', methods=['POST'])
+    def generate_questions_route(case_id):
+        case = Case.query.get_or_404(case_id)
+        if not case.profile_details or not case.evidence_summary:
+            return jsonify({'error': 'Case profile and evidence summary are required to generate questions.'}), 400
+
+        groq_cli = GroqClient()
+        try:
+            questions_list = groq_cli.generate_interrogation_questions(
+                case_details=f"Case Type: {case.case_type}, ID: {case.case_id_display}",
+                suspect_profile=case.profile_details,
+                evidence_summary=case.evidence_summary
+            )
+            
+            # Store questions in the database
+            # First, ensure an interrogation session exists or create one
+            session = InterrogationSession.query.filter_by(case_id=case.id).first()
+            if not session:
+                session = InterrogationSession(case_id=case.id, summary_notes="Initial question generation session.")
+                db.session.add(session)
+                db.session.commit()
+
+            generated_q_objects = []
+            for q_text in questions_list:
+                gq = GeneratedQuestion(interrogation_session_id=session.id, question_text=q_text, category="AI Generated")
+                db.session.add(gq)
+                generated_q_objects.append({'id': None, 'text': q_text}) # ID will be set after commit
+            db.session.commit()
+            
+            # Update IDs after commit
+            for i, gq_obj in enumerate(GeneratedQuestion.query.filter_by(interrogation_session_id=session.id).order_by(GeneratedQuestion.id.desc()).limit(len(questions_list)).all()):
+                # This is a bit of a hack to get IDs back, ideally return them from DB operation
+                if i < len(generated_q_objects):
+                     generated_q_objects[-(i+1)]['id'] = gq_obj.id
+
+            return jsonify({'case_id': case.id, 'questions': generated_q_objects}), 200
+        except Exception as e:
+            current_app.logger.error(f"Error in /generate_questions/{case_id}: {e}")
+            return jsonify({'error': str(e)}), 500
+
+    @app.route('/generate_report/<int:case_id>', methods=['POST'])
+    def generate_report_route(case_id):
+        case = Case.query.get_or_404(case_id)
+        data = request.json
+        selected_country_id = data.get('country_id')
+        interrogation_summary_text = data.get('interrogation_summary', 'No detailed interrogation summary provided by user yet.')
+
+        if not selected_country_id:
+            return jsonify({'error': 'Country ID is required for report generation.'}), 400
+        
+        selected_country = Country.query.get(selected_country_id)
+        if not selected_country:
+            return jsonify({'error': 'Invalid Country ID.'}), 400
+
+        # Consolidate interrogation data for the LLM
+        full_interrogation_summary = interrogation_summary_text # Start with user provided summary
+        sessions = InterrogationSession.query.filter_by(case_id=case.id).all()
+        if sessions:
+            full_interrogation_summary += "\n\n--- Recorded Interrogation Details ---"
+            for sess_idx, session in enumerate(sessions):
+                full_interrogation_summary += f"""\nSession {sess_idx+1} (Date: {session.session_date.strftime("%Y-%m-%d")}):\n"""
+                if session.summary_notes:
+                    full_interrogation_summary += f"Session Notes: {session.summary_notes}\n"
+                questions = GeneratedQuestion.query.filter_by(interrogation_session_id=session.id).all()
+                if questions:
+                    full_interrogation_summary += "Questions and Responses:\n"
+                    for q_idx, q in enumerate(questions):
+                        full_interrogation_summary += f"  Q{q_idx+1}: {q.question_text}\n"
+                        responses = InterrogationResponse.query.filter_by(generated_question_id=q.id).all()
+                        if responses:
+                            for r_idx, r in enumerate(responses):
+                                full_interrogation_summary += f"    A{r_idx+1}: {r.response_text} (Tags: {r.tags or 'N/A'})\n"
+                        else:
+                            full_interrogation_summary += "    A: No response recorded.\n"
+                else:
+                    full_interrogation_summary += "No specific questions recorded for this session.\n"
+        else:
+            full_interrogation_summary += "\nNo formal interrogation sessions found in the database for this case."
+
+        groq_cli = GroqClient()
+        try:
+            report_json_str = groq_cli.generate_report_and_recommendations(
+                interrogation_summary=full_interrogation_summary,
+                profile_details=case.profile_details or "Not provided",
+                evidence_summary=case.evidence_summary or "Not provided",
+                selected_country_name=selected_country.name
+            )
+            
+            # Validate JSON and extract summary for DB
+            report_content_summary_for_db = "Error parsing LLM JSON output."
+            recommendations_for_db = "Error parsing LLM JSON output."
+            try:
+                report_data = json.loads(report_json_str)
+                # Extract a brief summary and recommendations for storing in main text fields
+                # This is a simplified extraction. A more robust parsing would be needed for complex JSON.
+                cs = report_data.get("caseSummary", {})
+                if isinstance(cs, dict):
+                    report_content_summary_for_db = cs.get("briefOverview", "Summary not found in JSON.")
+                else: # if caseSummary is a string directly
+                    report_content_summary_for_db = str(cs)
+                
+                recom = report_data.get("recommendations", {})
+                if isinstance(recom, dict):
+                    recommendations_for_db = json.dumps(recom) # Store the whole recommendations object as JSON string
+                else:
+                    recommendations_for_db = str(recom)
+
+            except json.JSONDecodeError as e:
+                current_app.logger.error(f"Failed to parse report JSON from LLM: {e}. Raw: {report_json_str}")
+                # report_json_str itself will be stored, and summary/recom will have error messages
+            
+            # Store the report
+            new_report = Report(
+                case_id=case.id,
+                llm_json_output=report_json_str,
+                report_content_summary=report_content_summary_for_db,
+                recommendations=recommendations_for_db,
+                country_id=selected_country.id
+            )
+            db.session.add(new_report)
+            case.status = CaseStatus.COMPLETED # Optionally update case status
+            db.session.commit()
+            
+            return jsonify({'message': 'Report generated successfully', 'report_id': new_report.id, 'raw_json_report': report_json_str}), 200
+        except Exception as e:
+            current_app.logger.error(f"Error in /generate_report/{case_id}: {e}")
+            return jsonify({'error': str(e)}), 500
+
+    @app.route('/get_countries', methods=['GET'])
+    def get_countries():
+        countries = Country.query.order_by(Country.name).all()
+        return jsonify([{'id': c.id, 'name': c.name, 'region': c.region} for c in countries])
+
+    # Add a route to view a specific report
+    @app.route('/report/<int:report_id>')
+    def view_report(report_id):
+        report = Report.query.get_or_404(report_id)
+        # The LLM output is stored as a JSON string, parse it for rendering
+        try:
+            report_data = json.loads(report.llm_json_output)
+        except (json.JSONDecodeError, TypeError):
+            report_data = {"error": "Could not parse report data", "raw": report.llm_json_output}
+        return render_template('report_detail.html', report=report, report_data=report_data) # Placeholder, need report_detail.html
+
+    # Placeholder for other routes from sidebar
+    @app.route('/interrogations')
+    def interrogations_page():
+        sessions = InterrogationSession.query.all()
+        return render_template('interrogations.html', sessions=sessions) # Placeholder
+
+    @app.route('/reports_list') # Renamed to avoid conflict with /report/<id>
+    def reports_list_page():
+        reports = Report.query.all()
+        return render_template('reports_list.html', reports=reports) # Placeholder
+
+    @app.route('/regional_guidelines')
+    def regional_guidelines_page():
+        countries = Country.query.all()
+        return render_template('regional_guidelines.html', countries=countries) # Placeholder
+
+    # Simple placeholder for other menu items
+    for item_route in ['team', 'analytics', 'evidence', 'settings', 'help']:
+        app.add_url_rule(f'/{item_route}', item_route, lambda item_route=item_route: f"{item_route.capitalize()} page coming soon! This is a placeholder.")
+
+

app/templates/analytics.html

@@ -0,0 +1,37 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Analytics - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Application Analytics</h1>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-graph-up me-2"></i>Data Insights
+    </div>
+    <div class="card-body">
+        <p class="text-muted">This section will provide analytics and visualizations regarding case processing, interrogation effectiveness, report generation, and overall application usage.</p>
+        
+        <h5 class="mt-4">Potential Analytics Dashboards:</h5>
+        <ul>
+            <li>Case resolution times and success rates.</li>
+            <li>Effectiveness of generated interrogation questions.</li>
+            <li>Report generation statistics.</li>
+            <li>User activity and engagement.</li>
+            <li>Trends in case types and outcomes.</li>
+        </ul>
+        <p><em>This page is currently under development. Full analytics features will be available soon.</em></p>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any analytics page specific JS here if needed
+    console.log("Analytics page loaded");
+</script>
+{% endblock %}
+

app/templates/base_layout.html

@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>InterroGen - {% block title %}Intelligent Interrogation Assistant{% endblock %}</title>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.10.5/font/bootstrap-icons.min.css" rel="stylesheet">
+    <style>
+        :root {
+            --primary: #3f6ad8; --secondary: #6c757d; --success: #3ac47d; --info: #16aaff;
+            --warning: #f7b924; --danger: #d92550; --light: #eee; --dark: #343a40;
+            --bg-light: #f8f9fa; --text-muted: #6c757d;
+        }
+        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f5f7fa; color: #495057; }
+        .sidebar {
+            background-color: white;
+            box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
+            height: 100vh;
+            position: fixed;
+            z-index: 100;
+            width: 280px; /* Fixed width for sidebar */
+            overflow-y: auto; /* Scroll for sidebar if content overflows */
+        }
+        .sidebar .nav-link {
+            color: #495057;
+            border-radius: 0.25rem;
+            margin: 0.25rem 0.5rem;
+            padding: 0.75rem 1rem;
+            transition: all 0.2s;
+        }
+        .sidebar .nav-link:hover, .sidebar .nav-link.active {
+            background-color: var(--primary);
+            color: white;
+        }
+        .sidebar .nav-link i {
+            margin-right: 0.75rem;
+            width: 1.25rem;
+            text-align: center;
+        }
+        .logo-wrapper {
+            padding: 1.5rem 1rem;
+            border-bottom: 1px solid rgba(0,0,0,0.05);
+        }
+        .logo {
+            font-size: 1.5rem;
+            font-weight: 700;
+            color: var(--primary);
+            display: flex;
+            align-items: center;
+        }
+        .main-content {
+            margin-left: 280px; /* Same as sidebar width */
+            padding: 0; /* Remove padding, will be handled by wrappers */
+        }
+        .top-bar-wrapper {
+            padding: 2rem 2rem 0 2rem; /* Padding for the container of top-bar */
+        }
+        .page-content-wrapper {
+            padding: 2rem; /* Padding for the actual page content */
+        }
+        .card {
+            border: none;
+            box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
+            margin-bottom: 1.5rem;
+            border-radius: 0.5rem;
+        }
+        .card-header {
+            background-color: white;
+            border-bottom: 1px solid rgba(0,0,0,0.05);
+            font-weight: 600;
+            padding: 1.25rem 1.5rem;
+        }
+        .top-bar {
+            background-color: white;
+            box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
+            padding: 1rem 2rem;
+            border-radius: 0.5rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .search-wrapper {
+            position: relative;
+            width: 300px;
+        }
+        .search-wrapper i {
+            position: absolute;
+            left: 1rem;
+            top: 50%;
+            transform: translateY(-50%);
+            color: var(--text-muted);
+        }
+        .search-input {
+            padding-left: 2.5rem;
+            border-radius: 2rem;
+            background-color: #f5f7fa;
+            border: none;
+        }
+        .user-menu {
+            display: flex;
+            align-items: center;
+        }
+        .user-avatar {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background-color: var(--primary);
+            color: white;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: 600;
+            margin-right: 0.75rem;
+        }
+        .btn-primary {
+            background-color: var(--primary);
+            border-color: var(--primary);
+        }
+        .btn-primary:hover {
+            background-color: #3257b3;
+            border-color: #3257b3;
+        }
+        .btn-outline-primary {
+            color: var(--primary);
+            border-color: var(--primary);
+        }
+        .btn-outline-primary:hover {
+            background-color: var(--primary);
+            color: white;
+        }
+        .dropdown-item i {
+            margin-right: 0.5rem;
+            width: 1rem;
+            text-align: center;
+        }
+        .heading-container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 1.5rem;
+        }
+    </style>
+    {% block head_extra %}{% endblock %}
+</head>
+<body>
+    <!-- Sidebar -->
+    <div class="sidebar">
+        <div class="logo-wrapper">
+            <div class="logo">
+                <i class="bi bi-shield-lock-fill me-2"></i> InterroGen
+            </div>
+        </div>
+        <div class="position-sticky pt-3">
+            <ul class="nav flex-column">
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'dashboard' %}active{% endif %}" href="{{ url_for('dashboard') }}"><i class="bi bi-grid-1x2-fill"></i> Dashboard</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint in ['manage_cases', 'view_case'] %}active{% endif %}" href="{{ url_for('manage_cases') }}"><i class="bi bi-folder2-open"></i> Cases</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'interrogations_page' %}active{% endif %}" href="{{ url_for('interrogations_page') }}"><i class="bi bi-chat-square-text-fill"></i> Interrogations</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint in ['reports_list_page', 'view_report'] %}active{% endif %}" href="{{ url_for('reports_list_page') }}"><i class="bi bi-file-earmark-text-fill"></i> Reports</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'regional_guidelines_page' %}active{% endif %}" href="{{ url_for('regional_guidelines_page') }}"><i class="bi bi-globe"></i> Regional Guidelines</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'team' %}active{% endif %}" href="{{ url_for('team') }}"><i class="bi bi-people-fill"></i> Team</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'analytics' %}active{% endif %}" href="{{ url_for('analytics') }}"><i class="bi bi-graph-up"></i> Analytics</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'evidence' %}active{% endif %}" href="{{ url_for('evidence') }}"><i class="bi bi-archive-fill"></i> Evidence</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'settings' %}active{% endif %}" href="{{ url_for('settings') }}"><i class="bi bi-gear-fill"></i> Settings</a></li>
+                <li class="nav-item"><a class="nav-link {% if request.endpoint == 'help' %}active{% endif %}" href="{{ url_for('help') }}"><i class="bi bi-question-circle-fill"></i> Help</a></li>
+            </ul>
+        </div>
+    </div>
+
+    <!-- Main Content -->
+    <div class="main-content">
+        <!-- Top bar -->
+        <div class="top-bar-wrapper">
+            <div class="top-bar">
+                 <div class="search-wrapper">
+                    <i class="bi bi-search"></i>
+                    <input type="text" class="form-control search-input" placeholder="Search cases, reports...">
+                </div>
+                <div class="user-menu">
+                    <div class="dropdown">
+                        <a class="btn btn-sm btn-primary me-3" href="{{ url_for('manage_cases', action='new') }}" role="button">
+                            <i class="bi bi-plus-lg"></i> New Case
+                        </a>
+                        <button class="btn" type="button" id="notificationDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+                            <i class="bi bi-bell position-relative">
+                                <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">3<span class="visually-hidden">unread messages</span></span>
+                            </i>
+                        </button>
+                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="notificationDropdown">
+                            <li><h6 class="dropdown-header">Notifications</h6></li>
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-file-earmark-text"></i> New report available</a></li>
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-person-plus"></i> New team member added</a></li>
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-exclamation-triangle"></i> Case status updated</a></li>
+                            <li><hr class="dropdown-divider"></li>
+                            <li><a class="dropdown-item text-center" href="#">View all</a></li>
+                        </ul>
+                    </div>
+                    <div class="dropdown">
+                        <a href="#" class="d-flex align-items-center text-decoration-none dropdown-toggle" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+                            <div class="user-avatar">JD</div>
+                            <div>
+                                <div class="fw-bold">John Doe</div>
+                                <div class="small text-muted">Senior Investigator</div>
+                            </div>
+                        </a>
+                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-person"></i> Profile</a></li>
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-gear"></i> Settings</a></li>
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-activity"></i> Activity Log</a></li>
+                            <li><hr class="dropdown-divider"></li>
+                            <li><a class="dropdown-item" href="#"><i class="bi bi-box-arrow-right"></i> Sign out</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Page specific content -->
+        <div class="page-content-wrapper">
+            {% block page_content %}{% endblock %}
+        </div>
+    </div>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
+    {% block scripts %}{% endblock %}
+</body>
+</html>
+

app/templates/case_detail.html

@@ -0,0 +1,275 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Case Details: {{ case.case_id_display }} - InterroGen{% endblock %}
+
+{% block head_extra %}
+<style>
+    .json-display { 
+        background-color: #f8f9fa; 
+        border: 1px solid #dee2e6; 
+        padding: 15px; 
+        border-radius: 5px; 
+        white-space: pre-wrap; 
+        word-wrap: break-word; 
+        max-height: 400px; /* Added for scrollability */
+        overflow-y: auto; /* Added for scrollability */
+    }
+    .case-info-pre {
+        background-color: #f8f9fa;
+        border: 1px solid #eee;
+        padding: 10px;
+        border-radius: 4px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        font-family: monospace;
+    }
+</style>
+{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Case Details: {{ case.case_id_display }}</h1>
+    <div>
+        <a href="{{ url_for('manage_cases') }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left-circle me-1"></i>Back to Cases List</a>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-7">
+        <div class="card mb-3">
+            <div class="card-header">
+                <i class="bi bi-file-text me-2"></i>Case Information
+            </div>
+            <div class="card-body">
+                <dl class="row">
+                    <dt class="col-sm-4">Case ID:</dt>
+                    <dd class="col-sm-8">{{ case.case_id_display }}</dd>
+
+                    <dt class="col-sm-4">Case Type:</dt>
+                    <dd class="col-sm-8">{{ case.case_type }}</dd>
+
+                    <dt class="col-sm-4">Suspect Name:</dt>
+                    <dd class="col-sm-8">{{ case.suspect_name }}</dd>
+
+                    <dt class="col-sm-4">Status:</dt>
+                    <dd class="col-sm-8"><span class="case-status status-{{ case.status.value.lower() }}">{{ case.status.value }}</span></dd>
+
+                    <dt class="col-sm-4">Created At:</dt>
+                    <dd class="col-sm-8">{{ case.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</dd>
+
+                    <dt class="col-sm-4">Last Updated:</dt>
+                    <dd class="col-sm-8">{{ case.updated_at.strftime('%Y-%m-%d %H:%M:%S') }}</dd>
+
+                    <dt class="col-sm-4">Country Context:</dt>
+                    <dd class="col-sm-8">{{ case.country_context.name if case.country_context else 'N/A' }}</dd>
+                </dl>
+                <hr>
+                <h6>Profile Details:</h6>
+                <div class="case-info-pre">{{ case.profile_details if case.profile_details else 'Not provided' }}</div>
+                <h6 class="mt-3">Evidence Summary:</h6>
+                <div class="case-info-pre">{{ case.evidence_summary if case.evidence_summary else 'Not provided' }}</div>
+            </div>
+        </div>
+
+        <div class="card mb-3">
+            <div class="card-header">
+                <i class="bi bi-journal-richtext me-2"></i>Generated Reports for this Case
+            </div>
+            <div class="card-body">
+                {% if case.reports %}
+                    <ul class="list-group list-group-flush">
+                    {% for report in case.reports %}
+                        <li class="list-group-item d-flex justify-content-between align-items-center">
+                            Report generated on {{ report.generated_at.strftime('%Y-%m-%d %H:%M') }} (Country: {{ report.report_country_context.name if report.report_country_context else 'N/A' }})
+                            <a href="{{ url_for('view_report', report_id=report.id) }}" class="btn btn-sm btn-outline-info">View Report</a>
+                        </li>
+                    {% endfor %}
+                    </ul>
+                {% else %}
+                    <p class="text-muted">No reports generated for this case yet.</p>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+
+    <div class="col-lg-5">
+        <div class="card mb-3">
+            <div class="card-header">
+                <i class="bi bi-patch-question-fill me-2"></i>Interrogation Questions
+            </div>
+            <div class="card-body">
+                <button id="generateQuestionsBtn" class="btn btn-primary w-100 mb-3" data-case-id="{{ case.id }}">
+                    <i class="bi bi-magic me-1"></i> Generate Interrogation Questions (LLM)
+                </button>
+                <div id="questionsArea">
+                    {% if case.interrogation_sessions %}
+                        {% for session in case.interrogation_sessions | sort(attribute='session_date', reverse=True) %}
+                            <div class="accordion mb-2" id="accordionSession{{ session.id }}">
+                                <div class="accordion-item">
+                                    <h2 class="accordion-header" id="headingSession{{ session.id }}">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSession{{ session.id }}" aria-expanded="false" aria-controls="collapseSession{{ session.id }}">
+                                            Session on {{ session.session_date.strftime('%Y-%m-%d %H:%M') }} ({{ session.generated_questions | length }} Qs)
+                                        </button>
+                                    </h2>
+                                    <div id="collapseSession{{ session.id }}" class="accordion-collapse collapse" aria-labelledby="headingSession{{ session.id }}" data-bs-parent="#accordionSession{{ session.id }}">
+                                        <div class="accordion-body">
+                                            {% if session.summary_notes %}
+                                                <p><strong>Notes:</strong> {{ session.summary_notes }}</p>
+                                            {% endif %}
+                                            {% if session.generated_questions %}
+                                                <ul class="list-group list-group-flush">
+                                                {% for q in session.generated_questions %}
+                                                    <li class="list-group-item">{{ q.question_text }} <small class="text-muted">({{ q.category }})</small></li>
+                                                {% endfor %}
+                                                </ul>
+                                            {% else %}
+                                                <p class="text-muted">No questions recorded for this session.</p>
+                                            {% endif %}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        {% endfor %}
+                    {% else %}
+                        <p class="text-muted text-center mt-3">No interrogation sessions found. Click button to generate questions for a new session.</p>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+
+        <div class="card mb-3">
+            <div class="card-header">
+                <i class="bi bi-file-earmark-medical-fill me-2"></i>Generate New Report (LLM)
+            </div>
+            <div class="card-body">
+                <form id="generateReportForm">
+                    <div class="mb-3">
+                        <label for="country_id_report" class="form-label">Select Country for Report Recommendations: <span class="text-danger">*</span></label>
+                        <select class="form-select" id="country_id_report" name="country_id" required>
+                            <option value="">Select Country</option>
+                            {% for country in countries %}
+                                <option value="{{ country.id }}" {% if case.country_context and case.country_context.id == country.id %}selected{% endif %}>{{ country.name }}</option>
+                            {% endfor %}
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label for="interrogation_summary_manual" class="form-label">Additional Interrogation Summary (Optional):</label>
+                        <textarea class="form-control" id="interrogation_summary_manual" name="interrogation_summary" rows="4" placeholder="Add any manual notes or summary of the interrogation to be included in the report generation prompt. Data from saved questions/answers will be automatically included."></textarea>
+                    </div>
+                    <button type="submit" class="btn btn-success w-100" data-case-id="{{ case.id }}">
+                        <i class="bi bi-lightning-charge-fill me-1"></i> Generate Report
+                    </button>
+                </form>
+                <div id="reportResultArea" class="mt-3"></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const generateQuestionsBtn = document.getElementById('generateQuestionsBtn');
+        const questionsArea = document.getElementById('questionsArea');
+        
+        if(generateQuestionsBtn) {
+            generateQuestionsBtn.addEventListener('click', function() {
+                const caseId = this.dataset.caseId;
+                this.disabled = true;
+                this.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Generating...';
+
+                fetch(`/generate_questions/${caseId}`, { method: 'POST' })
+                    .then(response => {
+                        if (!response.ok) {
+                            return response.json().then(err => { throw err; });
+                        }
+                        return response.json();
+                    })
+                    .then(data => {
+                        if(data.error) {
+                            alert('Error: ' + data.error);
+                            return;
+                        }
+                        // Instead of replacing, we just inform and ask to refresh for simplicity now
+                        // Or, ideally, dynamically add the new session and questions to the accordion
+                        alert('Questions generated successfully! They have been saved to a new interrogation session. Please refresh the page to see them.');
+                        window.location.reload(); // Simple refresh to show new data
+                    })
+                    .catch(error => {
+                        console.error('Error generating questions:', error);
+                        alert('Failed to generate questions: ' + (error.error || 'Unknown error'));
+                    })
+                    .finally(() => {
+                        this.disabled = false;
+                        this.innerHTML = '<i class="bi bi-magic me-1"></i> Generate Interrogation Questions (LLM)';
+                    });
+            });
+        }
+
+        const generateReportForm = document.getElementById('generateReportForm');
+        const reportResultArea = document.getElementById('reportResultArea');
+
+        if(generateReportForm) {
+            generateReportForm.addEventListener('submit', function(event) {
+                event.preventDefault();
+                const submitButton = this.querySelector('button[type="submit"]');
+                const caseId = submitButton.dataset.caseId;
+                const countryId = document.getElementById('country_id_report').value;
+                const interrogationSummary = document.getElementById('interrogation_summary_manual').value;
+
+                if (!countryId) {
+                    alert('Please select a country for the report recommendations.');
+                    return;
+                }
+
+                submitButton.disabled = true;
+                submitButton.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Generating Report...';
+                reportResultArea.innerHTML = '<div class="alert alert-info">Generating report, please wait...</div>';
+
+                fetch(`/generate_report/${caseId}`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ country_id: countryId, interrogation_summary: interrogationSummary })
+                })
+                .then(response => {
+                     if (!response.ok) {
+                        return response.json().then(err => { throw err; });
+                    }
+                    return response.json();
+                })
+                .then(data => {
+                    if(data.error) {
+                        reportResultArea.innerHTML = `<div class="alert alert-danger">Error: ${data.error}</div>`;
+                        return;
+                    }
+                    let reportJsonParsed = {};
+                    try {
+                        reportJsonParsed = JSON.parse(data.raw_json_report);
+                    } catch (e) {
+                        console.warn("Could not parse raw_json_report for pretty print", e);
+                        reportJsonParsed = data.raw_json_report; // show as string if not parsable
+                    }
+                    reportResultArea.innerHTML = `<div class="alert alert-success">Report generated successfully! Report ID: ${data.report_id}</div> \
+                                                <h6>Raw LLM Output (JSON):</h6> \
+                                                <div class="json-display">${JSON.stringify(reportJsonParsed, null, 2)}</div> \
+                                                <p class="mt-2"><a href="/report/${data.report_id}" class="btn btn-info mt-2"><i class="bi bi-eye-fill me-1"></i>View Formatted Report</a></p><p class="text-muted"><small>Page will refresh to show the new report in the list below.</small></p>`;
+                    setTimeout(() => { window.location.reload(); }, 3000); // Refresh to update list
+                })
+                .catch(error => {
+                    console.error('Error generating report:', error);
+                    reportResultArea.innerHTML = `<div class="alert alert-danger">Failed to generate report: ${(error.error || 'Unknown error')}. Check console.</div>`;
+                })
+                .finally(() => {
+                    submitButton.disabled = false;
+                    submitButton.innerHTML = '<i class="bi bi-lightning-charge-fill me-1"></i> Generate Report';
+                });
+            });
+        }
+    });
+</script>
+{% endblock %}
+

app/templates/cases.html

@@ -0,0 +1,199 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Manage Cases - InterroGen{% endblock %}
+
+{% block head_extra %}
+<style>
+    .case-status {
+        display: inline-block;
+        padding: 0.25rem 0.5rem;
+        border-radius: 0.25rem;
+        font-size: 0.75rem;
+        font-weight: 600;
+    }
+    .status-active {
+        background-color: rgba(22, 170, 255, 0.1);
+        color: var(--info);
+    }
+    .status-completed {
+        background-color: rgba(58, 196, 125, 0.1);
+        color: var(--success);
+    }
+    .status-pending {
+        background-color: rgba(247, 185, 36, 0.1);
+        color: var(--warning);
+    }
+     .status-closed {
+        background-color: rgba(108, 117, 125, 0.1); /* Using secondary color for closed */
+        color: var(--secondary);
+    }
+</style>
+{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Manage Cases</h1>
+    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#newCaseModal">
+        <i class="bi bi-plus-lg"></i> Create New Case
+    </button>
+</div>
+
+<!-- New Case Modal -->
+<div class="modal fade" id="newCaseModal" tabindex="-1" aria-labelledby="newCaseModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <form id="newCaseFormModal">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="newCaseModalLabel">Create New Case</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label for="modal_case_id_display" class="form-label">Case ID (e.g., C-2025XXXX - will be auto-generated if left blank)</label>
+                        <input type="text" class="form-control" id="modal_case_id_display" name="case_id_display">
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6 mb-3">
+                            <label for="modal_case_type" class="form-label">Case Type <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="modal_case_type" name="case_type" required>
+                        </div>
+                        <div class="col-md-6 mb-3">
+                            <label for="modal_suspect_name" class="form-label">Suspect Name <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="modal_suspect_name" name="suspect_name" required>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <label for="modal_profile_details" class="form-label">Profile Details</label>
+                        <textarea class="form-control" id="modal_profile_details" name="profile_details" rows="4"></textarea>
+                    </div>
+                    <div class="mb-3">
+                        <label for="modal_evidence_summary" class="form-label">Evidence Summary</label>
+                        <textarea class="form-control" id="modal_evidence_summary" name="evidence_summary" rows="4"></textarea>
+                    </div>
+                    <div class="mb-3">
+                        <label for="modal_country_id_case" class="form-label">Country Context (for recommendations)</label>
+                        <select class="form-select" id="modal_country_id_case" name="country_id">
+                            <option value="">Select Country (Optional)</option>
+                            {# Countries will be loaded by JavaScript #}
+                        </select>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-primary">Create Case</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        Existing Cases
+    </div>
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table class="table table-hover mb-0">
+                <thead>
+                    <tr>
+                        <th>Case ID</th>
+                        <th>Suspect</th>
+                        <th>Type</th>
+                        <th>Status</th>
+                        <th>Country</th>
+                        <th>Created</th>
+                        <th>Updated</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% if cases %}
+                        {% for case_item in cases %}
+                        <tr>
+                            <td><a href="{{ url_for(\'view_case\', case_id=case_item.id) }}">{{ case_item.case_id_display }}</a></td>
+                            <td>{{ case_item.suspect_name }}</td>
+                            <td>{{ case_item.case_type }}</td>
+                            <td><span class="case-status status-{{ case_item.status.value.lower() }}">{{ case_item.status.value }}</span></td>
+                            <td>{{ case_item.country_context.name if case_item.country_context else \'N/A\'}}</td>
+                            <td>{{ case_item.created_at.strftime(\"%Y-%m-%d\") }}</td>
+                            <td>{{ case_item.updated_at.strftime(\"%Y-%m-%d\") }}</td>
+                            <td>
+                                <a href="{{ url_for(\'view_case\', case_id=case_item.id) }}" class="btn btn-sm btn-outline-primary">View</a>
+                                <!-- Add edit/delete buttons if needed -->
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    {% else %}
+                        <tr>
+                            <td colspan="8" class="text-center text-muted py-4">No cases found. Create one to get started!</td>
+                        </tr>
+                    {% endif %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+    {% if cases and cases.has_prev %}
+        <a href="{{ url_for(\'manage_cases\', page=cases.prev_num) }}">Previous</a>
+    {% endif %}
+    {% if cases and cases.has_next %}
+        <a href="{{ url_for(\'manage_cases\', page=cases.next_num) }}">Next</a>
+    {% endif %}
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    document.addEventListener(\'DOMContentLoaded\', function() {
+        // Fetch countries for the modal dropdown
+        const countrySelectModal = document.getElementById(\'modal_country_id_case\');
+        if (countrySelectModal) {
+             fetch("{{ url_for(\'get_countries\') }}")
+                .then(response => response.json())
+                .then(data => {
+                    data.forEach(country => {
+                        const option = document.createElement(\'option\');
+                        option.value = country.id;
+                        option.textContent = country.name;
+                        countrySelectModal.appendChild(option);
+                    });
+                }).catch(error => console.error(\'Error fetching countries for modal:\', error));
+        }
+
+        const newCaseFormModal = document.getElementById(\'newCaseFormModal\');
+        if (newCaseFormModal) {
+            newCaseFormModal.addEventListener(\'submit\', function(event) {
+                event.preventDefault();
+                const formData = new FormData(newCaseFormModal);
+                fetch("{{ url_for(\'manage_cases\') }}", {
+                    method: \'POST\',
+                    body: formData
+                })
+                .then(response => {
+                    if (!response.ok) {
+                        return response.json().then(err => { throw err; });
+                    }
+                    return response.json();
+                })
+                .then(data => {
+                    alert(data.message || \'Case created successfully!\');
+                    var modal = bootstrap.Modal.getInstance(document.getElementById(\'newCaseModal\'));
+                    modal.hide();
+                    window.location.reload(); // Reload to see the new case
+                })
+                .catch(error => {
+                    console.error(\'Error creating case:\', error);
+                    let errorMsg = \'Error creating case.\';
+                    if (error && error.error) { // Assuming error object has an error field
+                        errorMsg = error.error;
+                    } else if (error && error.message) {
+                        errorMsg = error.message;
+                    }
+                    alert(errorMsg);
+                });
+            });
+        }
+    });
+</script>
+{% endblock %}
+

app/templates/dashboard.html

@@ -0,0 +1,250 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Dashboard - InterroGen{% endblock %}
+
+{% block head_extra %}
+<style>
+    .stats-card {
+        text-align: center;
+        padding: 1.5rem;
+    }
+    .stats-card i {
+        font-size: 2rem;
+        margin-bottom: 1rem;
+    }
+    .stats-number {
+        font-size: 2rem;
+        font-weight: 700;
+        margin-bottom: 0.5rem;
+    }
+    .stats-label {
+        color: var(--text-muted);
+        font-size: 0.875rem;
+    }
+    .region-badge {
+        display: inline-block;
+        font-size: 0.75rem;
+        padding: 0.25rem 0.5rem;
+        border-radius: 0.25rem;
+        margin-right: 0.5rem;
+        margin-bottom: 0.5rem;
+        background-color: rgba(63, 106, 216, 0.1);
+        color: var(--primary);
+    }
+    .region-card {
+        cursor: pointer;
+        transition: all 0.2s;
+    }
+    .region-card:hover {
+        transform: translateY(-3px);
+        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08);
+    }
+    .table-card {
+        overflow: hidden;
+    }
+    .case-status {
+        display: inline-block;
+        padding: 0.25rem 0.5rem;
+        border-radius: 0.25rem;
+        font-size: 0.75rem;
+        font-weight: 600;
+    }
+    .status-active {
+        background-color: rgba(22, 170, 255, 0.1);
+        color: var(--info);
+    }
+    .status-completed {
+        background-color: rgba(58, 196, 125, 0.1);
+        color: var(--success);
+    }
+    .status-pending {
+        background-color: rgba(247, 185, 36, 0.1);
+        color: var(--warning);
+    }
+    .case-row {
+        cursor: pointer;
+        transition: background-color 0.15s;
+    }
+    .case-row:hover {
+        background-color: rgba(63, 106, 216, 0.05);
+    }
+    .progress {
+        height: 0.5rem;
+        border-radius: 0.25rem;
+    }
+    .chart-bar {
+        height: 0.5rem;
+        background-color: var(--primary);
+        border-radius: 0.25rem;
+        /* animation: fillUp 1s ease-out forwards; */ /* Animation can be added if desired */
+    }
+    .chart-container {
+        margin-top: 1rem;
+        width: 100%;
+    }
+    .chart-label {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 0.25rem;
+        font-size: 0.75rem;
+    }
+    .region-icon {
+        width: 2.5rem;
+        height: 2.5rem;
+        border-radius: 50%;
+        background-color: rgba(63, 106, 216, 0.1);
+        color: var(--primary);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.25rem;
+        margin-bottom: 0.75rem;
+    }
+</style>
+{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Dashboard</h1>
+    <div class="btn-group" role="group" aria-label="Time period">
+        <button type="button" class="btn btn-outline-secondary">Day</button>
+        <button type="button" class="btn btn-outline-secondary active">Week</button>
+        <button type="button" class="btn btn-outline-secondary">Month</button>
+        <button type="button" class="btn btn-outline-secondary">Year</button>
+    </div>
+</div>
+
+<!-- Stats row -->
+<div class="row">
+    <div class="col-md-3">
+        <div class="card stats-card">
+            <div class="text-primary">
+                <i class="bi bi-folder2-open"></i>
+            </div>
+            <div class="stats-number">{{ active_cases_count | default("0") }}</div>
+            <div class="stats-label">Active Cases</div>
+        </div>
+    </div>
+    <div class="col-md-3">
+        <div class="card stats-card">
+            <div class="text-info">
+                <i class="bi bi-chat-square-text"></i>
+            </div>
+            <div class="stats-number">{{ total_interrogations | default("0") }}</div>
+            <div class="stats-label">Interrogations</div>
+        </div>
+    </div>
+    <div class="col-md-3">
+        <div class="card stats-card">
+            <div class="text-success">
+                <i class="bi bi-file-earmark-check"></i>
+            </div>
+            <div class="stats-number">{{ completed_reports_count | default("0") }}</div>
+            <div class="stats-label">Completed Reports</div>
+        </div>
+    </div>
+    <div class="col-md-3">
+        <div class="card stats-card">
+            <div class="text-warning">
+                <i class="bi bi-clock-history"></i>
+            </div>
+            <div class="stats-number">{{ resolution_rate | default("N/A") }}</div>
+            <div class="stats-label">Case Resolution Rate</div>
+        </div>
+    </div>
+</div>
+
+<!-- Recent cases and regional guidelines -->
+<div class="row">
+    <div class="col-lg-8">
+        <div class="card table-card">
+            <div class="card-header">
+                Recent Cases
+            </div>
+            <div class="card-body p-0">
+                <div class="table-responsive">
+                    <table class="table table-hover mb-0">
+                        <thead>
+                            <tr>
+                                <th>Case ID</th>
+                                <th>Suspect</th>
+                                <th>Type</th>
+                                <th>Status</th>
+                                <th>Last Update</th>
+                                <th>Action</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% if recent_cases %}
+                                {% for case in recent_cases %}
+                                <tr class="case-row" onclick="window.location=\'{{ url_for('view_case', case_id=case.id) }}\';">
+                                    <td>{{ case.case_id_display }}</td>
+                                    <td>{{ case.suspect_name }}</td>
+                                    <td>{{ case.case_type }}</td>
+                                    <td><span class="case-status status-{{ case.status.value.lower() }}">{{ case.status.value }}</span></td>
+                                    <td>{{ case.updated_at.strftime("%Y-%m-%d %H:%M") }}</td>
+                                    <td><a href="{{ url_for("view_case", case_id=case.id) }}" class="btn btn-sm btn-outline-primary">View</a></td>
+                                </tr>
+                                {% endfor %}
+                            {% else %}
+                                <tr>
+                                    <td colspan="6" class="text-center text-muted py-4">No recent cases found.</td>
+                                </tr>
+                            {% endif %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-4">
+        <div class="card">
+            <div class="card-header">
+                Regional Guidelines Overview
+            </div>
+            <div class="card-body">
+                {% if countries %}
+                    {% for country in countries | sort(attribute=\'name
+
+') | list | batch(3) %}
+                        <div class="row mb-2">
+                            {% for c_item in country %}
+                                <div class="col-4">
+                                    <a href="{{ url_for(\'regional_guidelines_page\', country_id=c_item.id) }}" class="text-decoration-none">
+                                        <div class="region-card p-2 text-center border rounded">
+                                            <div class="region-icon"><i class="bi bi-geo-alt-fill"></i></div>
+                                            <small>{{ c_item.name }}</small>
+                                        </div>
+                                    </a>
+                                </div>
+                            {% endfor %}
+                        </div>
+                    {% endfor %}
+                     <a href="{{ url_for(\'regional_guidelines_page\') }}" class="btn btn-sm btn-outline-primary mt-2">View All Guidelines</a>
+                {% else %}
+                    <p class="text-muted">No countries configured for regional guidelines.</p>
+                {% endif %}
+            </div>
+        </div>
+        <div class="card">
+            <div class="card-header">
+                Quick Actions
+            </div>
+            <div class="card-body">
+                <a href="{{ url_for(\'manage_cases\', action=\'new\') }}" class="btn btn-primary w-100 mb-2"> <i class="bi bi-plus-circle-fill me-2"></i>New Case</a>
+                <a href="{{ url_for(\'reports_list_page\') }}" class="btn btn-outline-secondary w-100 mb-2"><i class="bi bi-search me-2"></i>Find Report</a>
+                <a href="{{ url_for(\'interrogations_page\') }}" class="btn btn-outline-secondary w-100"><i class="bi bi-mic-fill me-2"></i>Start Interrogation</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any dashboard specific JS here if needed
+    console.log("Dashboard loaded");
+</script>
+{% endblock %}
+

app/templates/evidence.html

@@ -0,0 +1,36 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Evidence Locker - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Evidence Locker</h1>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-archive-fill me-2"></i>Case Evidence Management
+    </div>
+    <div class="card-body">
+        <p class="text-muted">This section will provide a centralized location to manage and link evidence related to cases.</p>
+        
+        <h5 class="mt-4">Features to be Implemented:</h5>
+        <ul>
+            <li>Upload and categorize evidence files (documents, images, videos, audio).</li>
+            <li>Link evidence to specific cases and interrogation sessions.</li>
+            <li>Maintain chain of custody information.</li>
+            <li>Search and filter evidence.</li>
+        </ul>
+        <p><em>This page is currently under development. Full functionality will be available soon.</em></p>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any evidence page specific JS here if needed
+    console.log("Evidence page loaded");
+</script>
+{% endblock %}
+

app/templates/help.html

@@ -0,0 +1,39 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Help & Support - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Help & Support</h1>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-question-circle-fill me-2"></i>Frequently Asked Questions & Documentation
+    </div>
+    <div class="card-body">
+        <p class="text-muted">This section will provide help documentation, FAQs, and support resources for using the InterroGen application.</p>
+        
+        <h5 class="mt-4">Topics to be Covered:</h5>
+        <ul>
+            <li>Getting Started Guide.</li>
+            <li>How to create and manage cases.</li>
+            <li>Generating and interpreting interrogation questions.</li>
+            <li>Generating and understanding investigation reports.</li>
+            <li>Using regional guidelines.</li>
+            <li>Troubleshooting common issues.</li>
+            <li>Contacting support.</li>
+        </ul>
+        <p><em>This page is currently under development. Comprehensive help resources will be available soon.</em></p>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any help page specific JS here if needed
+    console.log("Help page loaded");
+</script>
+{% endblock %}
+

app/templates/interrogations.html

@@ -0,0 +1,68 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Interrogation Sessions - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Interrogation Sessions</h1>
+    {# Add a button or link to initiate a new interrogation if applicable, or link to cases #}
+    <a href="{{ url_for(\'manage_cases\') }}" class="btn btn-outline-primary"><i class="bi bi-folder2-open me-1"></i>View Cases</a>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-list-ul me-2"></i>All Recorded Interrogation Sessions
+    </div>
+    <div class="card-body p-0">
+        {% if sessions %}
+            <div class="table-responsive">
+                <table class="table table-hover mb-0">
+                    <thead>
+                        <tr>
+                            <th>Session ID</th>
+                            <th>Case ID</th>
+                            <th>Suspect</th>
+                            <th>Session Date</th>
+                            <th>Questions Generated</th>
+                            <th>Summary Notes</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for session in sessions | sort(attribute=\'session_date\
+', reverse=True) %}
+                        <tr>
+                            <td>{{ session.id }}</td>
+                            <td><a href="{{ url_for(\'view_case\', case_id=session.case.id) }}">{{ session.case.case_id_display }}</a></td>
+                            <td>{{ session.case.suspect_name }}</td>
+                            <td>{{ session.session_date.strftime(\'%Y-%m-%d %H:%M\') }}</td>
+                            <td>{{ session.generated_questions | length }}</td>
+                            <td>{{ session.summary_notes | truncate(100, True) if session.summary_notes else \'N/A\' }}</td>
+                            <td>
+                                <a href="{{ url_for(\'view_case\', case_id=session.case.id) }}#accordionSession{{session.id}}" class="btn btn-sm btn-outline-primary">View Details in Case</a>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        {% else %}
+            <div class="text-center p-5">
+                <i class="bi bi-mic-mute-fill fs-1 text-muted"></i>
+                <p class="mt-3 text-muted">No interrogation sessions found in the system.</p>
+                <p>Interrogation questions are generated from the individual case detail pages.</p>
+                <a href="{{ url_for(\'manage_cases\') }}" class="btn btn-primary">Go to Cases</a>
+            </div>
+        {% endif %}
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any interrogations page specific JS here if needed
+    console.log("Interrogations page loaded");
+</script>
+{% endblock %}
+

app/templates/regional_guidelines.html

@@ -0,0 +1,50 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Regional Guidelines - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Regional Guidelines</h1>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-globe me-2"></i>Guidelines by Country/Region
+    </div>
+    <div class="card-body">
+        <p class="text-muted">This section will provide specific legal and procedural guidelines relevant to interrogations and reporting for different countries and regions.</p>
+        
+        {% if countries %}
+            <div class="list-group">
+                {% for country in countries %}
+                    <a href="#" class="list-group-item list-group-item-action">
+                        {{ country.name }} ({{ country.region }})
+                        {# Placeholder for link to specific guideline details for this country #}
+                        <small class="d-block text-muted">Details for {{ country.name }} coming soon.</small>
+                    </a>
+                {% endfor %}
+            </div>
+        {% else %}
+            <p class="text-muted">No countries have been configured in the system yet.</p>
+        {% endif %}
+        
+        <h5 class="mt-4">Content to be Added:</h5>
+        <ul>
+            <li>Details on legal frameworks for selected countries.</li>
+            <li>Best practices for interrogation in different jurisdictions.</li>
+            <li>Reporting standards and requirements by region.</li>
+            <li>Cultural sensitivity notes.</li>
+        </ul>
+        <p><em>This page is currently under development. Full content will be available soon.</em></p>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any regional guidelines page specific JS here if needed
+    console.log("Regional Guidelines page loaded");
+</script>
+{% endblock %}
+

app/templates/report_detail.html

@@ -0,0 +1,88 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Report Details - InterroGen{% endblock %}
+
+{% block head_extra %}
+<style>
+    .json-display {
+        background-color: #f8f9fa;
+        border: 1px solid #dee2e6;
+        padding: 15px;
+        border-radius: 5px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        max-height: 600px; /* Increased height */
+        overflow-y: auto;
+    }
+    .report-summary-pre {
+        background-color: #f8f9fa;
+        border: 1px solid #eee;
+        padding: 10px;
+        border-radius: 4px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+    }
+</style>
+{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Report Details for Case: <a href="{{ url_for('view_case', case_id=report.case.id) }}">{{ report.case.case_id_display }}</a></h1>
+    <div>
+        <a href="{{ url_for('view_case', case_id=report.case.id) }}" class="btn btn-outline-secondary me-2"><i class="bi bi-arrow-left-circle me-1"></i>Back to Case</a>
+        <a href="{{ url_for('reports_list_page') }}" class="btn btn-outline-secondary"><i class="bi bi-list-task me-1"></i>All Reports</a>
+    </div>
+</div>
+
+<div class="card mb-3">
+    <div class="card-header">
+        <i class="bi bi-clipboard-data me-2"></i>Report Information
+    </div>
+    <div class="card-body">
+        <dl class="row">
+            <dt class="col-sm-3">Report ID:</dt>
+            <dd class="col-sm-9">{{ report.id }}</dd>
+
+            <dt class="col-sm-3">Generated At:</dt>
+            <dd class="col-sm-9">{{ report.generated_at.strftime('%Y-%m-%d %H:%M:%S') }}</dd>
+
+            <dt class="col-sm-3">Country Context:</dt>
+            <dd class="col-sm-9">{{ report.report_country_context.name if report.report_country_context else 'N/A' }}</dd>
+        </dl>
+        <hr>
+        <h6>Brief Summary (from LLM via DB):</h6>
+        <div class="report-summary-pre">{{ report.report_content_summary if report.report_content_summary else 'No summary available.' }}</div>
+        
+        <h6 class="mt-3">Recommendations (from LLM via DB):</h6>
+        <div class="report-summary-pre">{{ report.recommendations if report.recommendations else 'No recommendations available.' }}</div>
+    </div>
+</div>
+
+<div class="card mb-3">
+    <div class="card-header">
+        <i class="bi bi-braces me-2"></i>Full LLM Generated Report (Raw JSON Output)
+    </div>
+    <div class="card-body">
+        <p class="text-muted small">This is the raw JSON data received from the language model. The application attempts to parse this for structured display and for populating the summary and recommendations above.</p>
+        <div class="json-display">
+            {% if report_data and not report_data.error %}
+                {{ report_data | tojson(indent=2) }}
+            {% elif report_data and report_data.error %}
+                <div class="alert alert-warning">Error parsing report data: {{ report_data.error }}</div>
+                <pre>{{ report_data.raw }}</pre>
+            {% else %}
+                <pre>{{ report.llm_json_output }}</pre>
+            {% endif %}
+        </div>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any report detail specific JS here if needed
+    console.log("Report detail page loaded for report ID: {{ report.id }}");
+</script>
+{% endblock %}
+

app/templates/reports_list.html

@@ -0,0 +1,65 @@
+{% extends "base_layout.html" %}
+
+{% block title %}All Reports - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">All Generated Reports</h1>
+    {# Optional: Add a button to quickly navigate to case creation or other relevant actions #}
+    <a href="{{ url_for(\'manage_cases\', action=\'new\') }}" class="btn btn-primary"><i class="bi bi-plus-circle-fill me-1"></i>Create New Case</a>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-archive-fill me-2"></i>List of Reports
+    </div>
+    <div class="card-body p-0">
+        {% if reports %}
+            <div class="table-responsive">
+                <table class="table table-hover mb-0">
+                    <thead>
+                        <tr>
+                            <th>Report ID</th>
+                            <th>Case ID</th>
+                            <th>Suspect</th>
+                            <th>Country Context</th>
+                            <th>Generated At</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for report in reports | sort(attribute=\'generated_at\', reverse=True) %}
+                        <tr>
+                            <td>{{ report.id }}</td>
+                            <td><a href="{{ url_for(\'view_case\', case_id=report.case.id) }}">{{ report.case.case_id_display }}</a></td>
+                            <td>{{ report.case.suspect_name }}</td>
+                            <td>{{ report.report_country_context.name if report.report_country_context else \'N/A\' }}</td>
+                            <td>{{ report.generated_at.strftime(\'%Y-%m-%d %H:%M\') }}</td>
+                            <td>
+                                <a href="{{ url_for(\'view_report\', report_id=report.id) }}" class="btn btn-sm btn-outline-primary">View Report</a>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        {% else %}
+            <div class="text-center p-5">
+                <i class="bi bi-journal-x fs-1 text-muted"></i>
+                <p class="mt-3 text-muted">No reports found in the system.</p>
+                <p>Reports are generated from individual case detail pages after interrogation questions have been processed.</p>
+                <a href="{{ url_for(\'manage_cases\') }}" class="btn btn-primary">Go to Cases</a>
+            </div>
+        {% endif %}
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any reports list page specific JS here if needed
+    console.log("Reports list page loaded");
+</script>
+{% endblock %}
+

app/templates/settings.html

@@ -0,0 +1,37 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Settings - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Application Settings</h1>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-gear-fill me-2"></i>Configuration
+    </div>
+    <div class="card-body">
+        <p class="text-muted">This section will allow administrators to configure various aspects of the InterroGen application.</p>
+        
+        <h5 class="mt-4">Potential Settings:</h5>
+        <ul>
+            <li>User management and authentication settings.</li>
+            <li>LLM provider and model selection (if applicable in the future).</li>
+            <li>Default country/region settings.</li>
+            <li>Notification preferences.</li>
+            <li>Data retention policies.</li>
+        </ul>
+        <p><em>This page is currently under development. Full settings management will be available soon.</em></p>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any settings page specific JS here if needed
+    console.log("Settings page loaded");
+</script>
+{% endblock %}
+

app/templates/team.html

@@ -0,0 +1,36 @@
+{% extends "base_layout.html" %}
+
+{% block title %}Team - InterroGen{% endblock %}
+
+{% block page_content %}
+<div class="heading-container">
+    <h1 class="h3">Team Management</h1>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <i class="bi bi-people-fill me-2"></i>Team Members
+    </div>
+    <div class="card-body">
+        <p class="text-muted">This section will allow for managing team members, roles, and permissions within the InterroGen application.</p>
+        
+        <h5 class="mt-4">Features to be Implemented:</h5>
+        <ul>
+            <li>View list of team members.</li>
+            <li>Add new team members.</li>
+            <li>Edit team member details and roles.</li>
+            <li>Define user roles and permissions.</li>
+        </ul>
+        <p><em>This page is currently under development. Full functionality will be available soon.</em></p>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Add any team page specific JS here if needed
+    console.log("Team page loaded");
+</script>
+{% endblock %}
+

app/utils/groq_client.py

@@ -0,0 +1,192 @@
+import os
+import json
+from groq import Groq
+from flask import current_app
+
+class GroqClient:
+    def __init__(self, api_key=None):
+        self.api_key = api_key or current_app.config.get("GROQ_API_KEY")
+        if not self.api_key:
+            raise ValueError("Groq API key not found. Please set GROQ_API_KEY in config.")
+        self.client = Groq(api_key=self.api_key)
+        self.model = "llama-3.1-70b-versatile" # Corrected model name based on common Groq offerings, will use this for now.
+                                            # User specified llama-3.3-70b-versatile, which might be a typo or a very new model.
+                                            # If llama-3.1-70b-versatile is not available, I will try to find the closest match or inform the user.
+
+    def generate_interrogation_questions(self, case_details: str, suspect_profile: str, evidence_summary: str) -> list[str]:
+        """
+        Generates at least 10 complex, cross-investigation style interrogation questions.
+        """
+        prompt = f"""You are an expert interrogation question writer for law enforcement agencies.
+        Based on the following case information, generate at least 10 complex and insightful interrogation questions designed to uncover the truth, check for inconsistencies, and probe the suspect's knowledge and involvement. The questions should be suitable for a formal interrogation setting and encourage detailed responses rather than simple yes/no answers. Employ cross-investigation techniques where appropriate.
+
+        Case Details: {case_details}
+        Suspect Profile: {suspect_profile}
+        Evidence Summary: {evidence_summary}
+
+        Generate exactly 10 to 15 questions. Each question should be on a new line. Do not number the questions.
+        Example Question Format:
+        Can you explain your whereabouts on the night of the incident in detail, starting from 6 PM until midnight?
+        How do you account for the discrepancies between your statement and the evidence found at the scene?
+        What is your relationship with the other individuals mentioned in this case?
+
+        Generated Questions:
+        """
+        try:
+            chat_completion = self.client.chat.completions.create(
+                messages=[
+                    {
+                        "role": "system",
+                        "content": "You are an expert interrogation question writer."
+                    },
+                    {
+                        "role": "user",
+                        "content": prompt,
+                    }
+                ],
+                model=self.model,
+                temperature=0.7,
+                max_tokens=1024,
+                top_p=1,
+                stop=None,
+            )
+            response_content = chat_completion.choices[0].message.content
+            questions = [q.strip() for q in response_content.strip().split("\n") if q.strip()]
+            # Ensure at least 10 questions, if not, add some generic ones or re-prompt (simplified for now)
+            if len(questions) < 10:
+                # Fallback or error handling needed here if LLM doesn't provide enough
+                print(f"Warning: LLM generated only {len(questions)} questions. Expected at least 10.")
+                # Add generic placeholders if needed, or raise an error
+                # For now, we'll return what we have, but this should be more robust
+            return questions[:15] # Return up to 15 questions
+        except Exception as e:
+            current_app.logger.error(f"Error generating interrogation questions from Groq: {e}")
+            # Fallback: return generic questions if API fails
+            return [
+                "Can you describe your activities on the day of the incident?",
+                "What is your relationship with the victim/complainant?",
+                "Were you present at the location where the incident occurred?",
+                "Do you have any information that could help this investigation?",
+                "Is there anything you would like to add or clarify regarding your previous statements?",
+                "Can you provide any alibi for the time of the incident?",
+                "Who else might have information relevant to this case?",
+                "What was your initial reaction upon learning about this incident?",
+                "Have you discussed this matter with anyone else? If so, with whom?",
+                "Is there any reason someone might falsely implicate you in this matter?"
+            ]
+
+    def generate_report_and_recommendations(self, interrogation_summary: str, profile_details: str, evidence_summary: str, selected_country_name: str) -> str:
+        """
+        Generates a structured investigation report and recommendations in JSON format.
+        The JSON should follow a generic investigation agency standard.
+        """
+        prompt = f"""You are an AI assistant for a law enforcement agency, tasked with generating a structured investigation report.
+        Based on the provided information, generate a comprehensive investigation report in JSON format. The report should follow a globally accepted standard structure for investigation reports.
+        The JSON output must include these top-level keys: "caseSummary", "incidentDetails", "personsInvolved", "evidenceCollected", "interrogationSummary", "findingsAndInferences", "recommendations".
+        Under "recommendations", provide actionable steps and considerations, taking into account that the legal context is for '{selected_country_name}'.
+
+        Interrogation Summary (includes questions, answers, and observations): {interrogation_summary}
+        Suspect Profile Details: {profile_details}
+        Evidence Summary: {evidence_summary}
+        Country for Legal Context of Recommendations: {selected_country_name}
+
+        Ensure the entire output is a single, valid JSON object. Do not include any text outside the JSON structure.
+
+        Example JSON structure (fill with relevant details based on input):
+        {{ 
+            "caseSummary": {{ "caseID": "C-XXXX", "crimeType": "Type of Crime", "status": "Current Status", "briefOverview": "A brief overview of the case." }},
+            "incidentDetails": {{ "date": "YYYY-MM-DD", "time": "HH:MM", "location": "Location of incident", "narrative": "Detailed narrative of the incident." }},
+            "personsInvolved": {{ "suspects": [{{ "name": "Suspect Name", "role": "Suspect", "details": "Relevant details" }}], "victims": [{{ "name": "Victim Name", "role": "Victim", "details": "Relevant details" }}], "witnesses": [{{ "name": "Witness Name", "role": "Witness", "details": "Relevant details" }}] }},
+            "evidenceCollected": {{ "physical": ["Item 1", "Item 2"], "testimonial": ["Statement 1"], "digital": ["File A.jpg"] }},
+            "interrogationSummary": {{ "subjectName": "Suspect Name", "dateOfInterrogation": "YYYY-MM-DD", "keyStatements": ["Statement A", "Statement B"], "observations": "Behavioral observations during interrogation." }},
+            "findingsAndInferences": {{ "keyFindings": ["Finding 1", "Finding 2"], "inferences": ["Inference A", "Inference B"], "investigatorAnalysis": "Overall analysis by the investigator." }},
+            "recommendations": {{ "chargesToBeFiled": ["Charge 1 (Specific to {selected_country_name} law)"], "furtherActions": ["Action A", "Action B (Consider {selected_country_name} procedures)"], "legalConsiderations_{selected_country_name}": "Specific legal points relevant to {selected_country_name}." }}
+        }}
+        """
+        try:
+            chat_completion = self.client.chat.completions.create(
+                messages=[
+                    {
+                        "role": "system",
+                        "content": "You are an AI assistant that generates structured investigation reports in JSON format."
+                    },
+                    {
+                        "role": "user",
+                        "content": prompt,
+                    }
+                ],
+                model=self.model,
+                response_format={"type": "json_object"}, # Request JSON output
+                temperature=0.5,
+                max_tokens=4096, # Allow for larger JSON output
+                top_p=1,
+                stop=None,
+            )
+            json_output = chat_completion.choices[0].message.content
+            # Validate if the output is valid JSON
+            try:
+                json.loads(json_output)
+                return json_output
+            except json.JSONDecodeError as je:
+                current_app.logger.error(f"Groq returned invalid JSON for report: {je}\nContent: {json_output}")
+                # Fallback: return an error JSON or a template
+                error_json = {{
+                    "error": "Failed to generate valid JSON report from LLM.",
+                    "details": str(je),
+                    "received_content": json_output
+                }}
+                return json.dumps(error_json)
+
+        except Exception as e:
+            current_app.logger.error(f"Error generating report from Groq: {e}")
+            # Fallback: return an error JSON
+            error_json = {{
+                "error": "Failed to generate report due to API error.",
+                "details": str(e)
+            }}
+            return json.dumps(error_json)
+
+# Example usage (for testing outside Flask app context):
+if __name__ == '__main__':
+    # This part won't run directly without a Flask app context for current_app.config
+    # For standalone testing, you'd pass the API key directly or mock current_app
+    print("This script is intended to be used within a Flask application context.")
+    # Mock current_app for standalone testing
+    class MockApp:
+        def __init__(self):
+            self.config = {"GROQ_API_KEY": "YOUR_GROQ_API_KEY_HERE"} # Replace with your key for testing
+            self.logger = lambda: None # Mock logger
+            self.logger.error = print
+
+    # current_app = MockApp() # Uncomment and set key for standalone test
+
+    # if current_app.config["GROQ_API_KEY"] != "YOUR_GROQ_API_KEY_HERE":
+    #     client = GroqClient(api_key=current_app.config["GROQ_API_KEY"])
+        
+    #     print("--- Testing Question Generation ---")
+    #     questions = client.generate_interrogation_questions(
+    #         case_details="A case involving financial fraud where large sums of money were embezzled from a company over 6 months.",
+    #         suspect_profile="The company's CFO, has access to all financial records, known to have gambling debts.",
+    #         evidence_summary="Suspicious transactions traced to an offshore account linked to the CFO. No direct confession yet."
+    #     )
+    #     print("Generated Questions:")
+    #     for q_idx, q_text in enumerate(questions):
+    #         print(f"{q_idx+1}. {q_text}")
+
+    #     print("\n--- Testing Report Generation ---")
+    #     report_json = client.generate_report_and_recommendations(
+    #         interrogation_summary="Suspect was evasive. Denied knowledge of offshore accounts initially, but became visibly nervous when presented with transaction details. Key Q: 'Can you explain these transfers to the Cayman Islands account?' A: 'I... I don't recall those specific transactions right now.'",
+    #         profile_details="John Doe, CFO, 15 years with company. Recently divorced, known to frequent casinos.",
+    #         evidence_summary="Bank statements show regular transfers to account XZY123 in Cayman Islands. Digital forensics found deleted emails discussing large cash withdrawals.",
+    #         selected_country_name="USA"
+    #     )
+    #     print("Generated Report (JSON):")
+    #     print(report_json)
+    #     try:
+    #         parsed_report = json.loads(report_json)
+    #         print("\nReport JSON is valid.")
+    #     except json.JSONDecodeError:
+    #         print("\nReport JSON is INVALID.")
+    # else:
+    #     print("Please set your GROQ_API_KEY in the MockApp for standalone testing.")
+