Files
openclaw/src/auto-reply/reply/export-html/template.html
Val Alexander 323985f4ca fix(ui): align sidebar trigger affordances
Align the Control UI and exported transcript sidebar triggers around a shared accessible hamburger affordance.
2026-04-29 20:33:39 +01:00

69 lines
2.4 KiB
HTML

<!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 data-openclaw-export-placeholder="CSS"></style>
</head>
<body>
<button id="hamburger" class="sidebar-menu-trigger" title="Open sidebar" aria-label="Open sidebar">
<svg viewBox="0 0 24 24" aria-hidden="true">
<line x1="4" x2="20" y1="6" y2="6" />
<line x1="4" x2="20" y1="12" y2="12" />
<line x1="4" x2="20" y1="18" y2="18" />
</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"
data-openclaw-export-placeholder="SESSION_DATA"
></script>
<!-- Vendored libraries -->
<script data-openclaw-export-placeholder="MARKED_JS"></script>
<!-- highlight.js -->
<script data-openclaw-export-placeholder="HIGHLIGHT_JS"></script>
<!-- Main application code -->
<script data-openclaw-export-placeholder="JS"></script>
</body>
</html>