| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Session Export</title> |
| <style> |
| {{CSS}} |
| </style> |
| </head> |
| <body> |
| <button id="hamburger" title="Open sidebar"> |
| <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none"> |
| <circle cx="6" cy="6" r="2.5" /> |
| <circle cx="6" cy="18" r="2.5" /> |
| <circle cx="18" cy="12" r="2.5" /> |
| <rect x="5" y="6" width="2" height="12" /> |
| <path d="M6 12h10c1 0 2 0 2-2V8" /> |
| </svg> |
| </button> |
| <div id="sidebar-overlay"></div> |
| <div id="app"> |
| <aside id="sidebar"> |
| <div class="sidebar-header"> |
| <div class="sidebar-controls"> |
| <input type="text" class="sidebar-search" id="tree-search" placeholder="Search..." /> |
| </div> |
| <div class="sidebar-filters"> |
| <button class="filter-btn active" data-filter="default" title="Hide settings entries"> |
| Default |
| </button> |
| <button class="filter-btn" data-filter="no-tools" title="Default minus tool results"> |
| No-tools |
| </button> |
| <button class="filter-btn" data-filter="user-only" title="Only user messages"> |
| User |
| </button> |
| <button class="filter-btn" data-filter="labeled-only" title="Only labeled entries"> |
| Labeled |
| </button> |
| <button class="filter-btn" data-filter="all" title="Show everything">All</button> |
| <button class="sidebar-close" id="sidebar-close" title="Close">✕</button> |
| </div> |
| </div> |
| <div class="tree-container" id="tree-container"></div> |
| <div class="tree-status" id="tree-status"></div> |
| </aside> |
| <main id="content"> |
| <div id="header-container"></div> |
| <div id="messages"></div> |
| </main> |
| <div id="image-modal" class="image-modal"> |
| <img id="modal-image" src="" alt="" /> |
| </div> |
| </div> |
|
|
| <script id="session-data" type="application/json"> |
| {{SESSION_DATA}} |
| </script> |
|
|
| |
| <script> |
| { |
| { |
| MARKED_JS; |
| } |
| } |
| </script> |
|
|
| |
| <script> |
| { |
| { |
| HIGHLIGHT_JS; |
| } |
| } |
| </script> |
|
|
| |
| <script> |
| { |
| { |
| JS; |
| } |
| } |
| </script> |
| </body> |
| </html> |
|
|
