File size: 2,540 Bytes
fc93158 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | <!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">
</script>
<!-- Vendored libraries -->
<script>
{
{
MARKED_JS;
}
}
</script>
<!-- highlight.js -->
<script>
{
{
HIGHLIGHT_JS;
}
}
</script>
<!-- Main application code -->
<script>
{
{
JS;
}
}
</script>
</body>
</html>
|