<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>spens log-viewer</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="app">
  <div class="sidebar">
    <div class="sidebar-header"><img src="/header.png" />Spens Sessions</div>
    <div class="search-box"><input id="search" placeholder="filter sessions..." /></div>
    <div id="session-list"></div>
  </div>
  <div class="main">
    <div class="tabs" id="tabs" style="display:none">
      <div class="tab active" data-tab="summary">Summary</div>
      <div class="tab" data-tab="chat">Chat Transcript <span class="count" id="chat-count">0</span></div>
      <div class="tab" data-tab="audit">Audit Log <span class="count" id="audit-count">0</span></div>
      <div class="tab" data-tab="http">Other HTTP <span class="count" id="http-count">0</span></div>
      <div class="tab" data-tab="reqlog">Request Log <span class="count" id="reqlog-count">0</span></div>
      <div class="tab" data-tab="changes">File Changes <span class="count" id="changes-count">0</span></div>
    </div>
    <div class="content" id="content"><div class="empty">select a session</div></div>
  </div>
</div>
<script src="/app.js" defer></script>
</body>
</html>
