<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Document Viewer{% endblock %}</title>
    
    <!-- 3rd Party CSS (Local) -->
    <link href="/static/3rdparty/css/xterm.css" rel="stylesheet">
    <link href="/static/3rdparty/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/3rdparty/css/bootstrap-icons.css" rel="stylesheet">
    <link href="/static/3rdparty/css/highlight-github.min.css" rel="stylesheet">
    <link href="/static/3rdparty/css/easymde.min.css" rel="stylesheet">
    <link href="/static/3rdparty/css/codemirror.min.css" rel="stylesheet">
    <link href="/static/3rdparty/css/codemirror-dialog.min.css" rel="stylesheet">
    
    <!-- Application CSS (modular) -->
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/sidebar.css" rel="stylesheet">
    <link href="/static/css/editor.css" rel="stylesheet">
    <link href="/static/css/workplace.css" rel="stylesheet">
    <link href="/static/css/terminal.css" rel="stylesheet">
    <!-- FEATURE-011: Stage Toolbox -->
    <link href="/static/css/features/stage-toolbox.css" rel="stylesheet">
    <!-- FEATURE-037-A: Compose Idea Modal -->
    <link href="/static/css/features/compose-idea-modal.css" rel="stylesheet">
    <!-- FEATURE-038-A: Action Execution Modal -->
    <link href="/static/css/features/action-execution-modal.css" rel="stylesheet">
    <!-- FEATURE-039-A: Folder Browser Modal -->
    <link href="/static/css/features/folder-browser-modal.css" rel="stylesheet">
    <!-- FEATURE-022-A: UI/UX Feedback Browser Simulator -->
    <link href="/static/css/uiux-feedback.css" rel="stylesheet">
    <!-- FEATURE-023-B: Tracing Dashboard UI -->
    <link href="/static/css/tracing-dashboard.css" rel="stylesheet">
    <!-- FEATURE-024: Project Quality Evaluation UI -->
    <link href="/static/css/quality-evaluation.css" rel="stylesheet">
    <!-- FEATURE-026: Homepage Infinity Loop -->
    <link href="/static/css/homepage-infinity.css" rel="stylesheet">
    <!-- FEATURE-030-A: UIUX Reference Tab -->
    <link href="/static/css/uiux-reference-tab.css" rel="stylesheet">
    <!-- FEATURE-036-B: Workflow View -->
    <link href="/static/css/workflow.css" rel="stylesheet">
    <!-- Google Fonts: Fraunces + Outfit (FEATURE-030-A) -->
    <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    {% block extra_css %}{% endblock %}
</head>
<body>
    {% block body %}{% endblock %}
    
    <!-- 3rd Party JS (Local) -->
    <script src="/static/3rdparty/js/bootstrap.bundle.min.js"></script>
    <script src="/static/3rdparty/js/marked.min.js"></script>
    <script src="/static/3rdparty/js/highlight.min.js"></script>
    <script src="/static/3rdparty/js/codemirror.min.js"></script>
    <script src="/static/3rdparty/js/codemirror-dialog.min.js"></script>
    <script src="/static/3rdparty/js/codemirror-searchcursor.min.js"></script>
    <script src="/static/3rdparty/js/codemirror-search.min.js"></script>
    <script src="/static/3rdparty/js/codemirror-jump-to-line.min.js"></script>
    <script src="/static/3rdparty/js/easymde.min.js"></script>
    <script src="/static/3rdparty/js/mermaid.min.js"></script>
    <script src="/static/3rdparty/js/infographic.min.js"></script>
    <script src="/static/3rdparty/js/socket.io.min.js"></script>
    <script src="/static/3rdparty/js/xterm.min.js"></script>
    <script src="/static/3rdparty/js/xterm-addon-fit.js"></script>
    <script src="/static/3rdparty/js/xterm-addon-unicode11.js"></script>
    <!-- FEATURE-005: Terminal Manager, FEATURE-029-A: Session Explorer -->
    <script src="/static/js/terminal.js"></script>
    
    <!-- Architecture DSL Library -->
    <script src="/static/js/lib/architecture-dsl/bundle.js"></script>
    
    <!-- Application JS (modular) -->
    <script src="/static/js/core/content-renderer.js"></script>
    <script src="/static/js/features/content-editor.js"></script>
    <script src="/static/js/features/live-refresh.js"></script>
    <script src="/static/js/features/project-switcher.js"></script>
    <script src="/static/js/features/sidebar.js"></script>
    <!-- CR-006: Ideas Folder Tree Enhancement -->
    <script src="/static/js/features/confirm-dialog.js"></script>
    <script src="/static/js/features/tree-search.js"></script>
    <script src="/static/js/features/tree-drag.js"></script>
    <script src="/static/js/features/folder-view.js"></script>
    <!-- FEATURE-030-A: UIUX Reference Tab -->
    <script src="/static/js/features/uiux-reference-tab.js"></script>
    <script src="/static/js/features/workplace.js"></script>
    <!-- FEATURE-011: Stage Toolbox -->
    <script src="/static/js/features/stage-toolbox.js"></script>
    <!-- FEATURE-021: Console Voice Input -->
    <script src="/static/js/features/voice-input.js"></script>
    <!-- FEATURE-022-C: html2canvas for screenshot capture -->
    <script src="/static/3rdparty/html2canvas.min.js"></script>
    <!-- FEATURE-022-A: UI/UX Feedback Browser Simulator -->
    <script src="/static/js/uiux-feedback.js"></script>
    <!-- FEATURE-023-C: G6 Graph Visualization Library -->
    <script src="https://unpkg.com/@antv/g6@4.8.24/dist/g6.min.js"></script>
    <!-- FEATURE-023-B/C: Tracing Dashboard & Graph -->
    <script src="/static/js/features/tracing-graph.js"></script>
    <script src="/static/js/features/tracing-dashboard.js"></script>
    <!-- FEATURE-024: Quality Evaluation UI -->
    <script src="/static/js/features/quality-evaluation.js"></script>
    <!-- FEATURE-026: Homepage Infinity Loop -->
    <script src="/static/js/features/homepage-infinity.js"></script>
    <!-- FEATURE-036-B: Engineering Workflow View -->
    <script src="/static/js/features/workflow.js"></script>
    <!-- FEATURE-036-C: Stage Ribbon & Action Execution -->
    <script src="/static/js/features/workflow-stage.js"></script>
    <!-- FEATURE-037-A: Compose Idea Modal -->
    <script src="/static/js/features/compose-idea-modal.js"></script>
    <!-- FEATURE-038-A: Action Execution Modal -->
    <script src="/static/js/features/action-execution-modal.js"></script>
    <!-- FEATURE-038-C: Deliverable Viewer -->
    <script src="/static/js/features/deliverable-viewer.js"></script>
    <!-- FEATURE-039-A: Folder Browser Modal -->
    <script src="/static/js/features/folder-browser-modal.js"></script>
    <!-- FEATURE-043-A: Link Preview Manager -->
    <script src="/static/js/features/link-preview-manager.js"></script>
    <script src="/static/js/init.js"></script>
    
    {% block extra_js %}{% endblock %}
</body>
</html>