{% extends "base.html" %}
{% block title %}Saved Chat Sessions{% endblock %}
{% block page_id %}saved_sessions{% endblock %}
{% block head %}<style>.ss-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.ss-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ss-grid>aside,.ss-grid>section{min-width:0}#ss-list button{display:block;width:100%;text-align:left;margin:6px 0;white-space:normal;overflow-wrap:anywhere}#ss-messages{max-height:440px;overflow:auto}.ss-message,pre{white-space:pre-wrap;overflow-wrap:anywhere}pre{max-height:240px;overflow:auto}@media(max-width:800px){.ss-grid{display:block}}</style>{% endblock %}
{% block content %}
<h1>Saved Chat Sessions</h1><p>The canonical desktop session library in ~/.aidaide/sessions. Saving and loading files makes no provider call.</p>
<p>Primary sidebar history and a selected named native agent's history are separate stores. Home's AgentManager chat uses another catalog and is not connected here.</p><div id="ss-status" role="status" aria-live="polite"></div>
<div class="ss-tools"><button id="ss-refresh" class="a-btn">Refresh saved library and history sources</button><a href="{{ aida_rel('/agent-chat') }}">Native Agent Chat</a></div>
<section class="a-card"><h2>Save a native conversation</h2><label>Actual native history source<select id="ss-source" class="a-select"></select></label><p id="ss-source-info"></p><p id="ss-source-error"></p><label>Session name<input id="ss-new-name" class="a-input" maxlength="500"></label><label>Tags (comma separated)<input id="ss-new-tags" class="a-input"></label><button id="ss-save" class="a-btn">Save source as a new native session</button></section>
<div class="ss-grid"><aside class="a-card"><label>Search name, preview, or tags<input id="ss-query" class="a-input" maxlength="500"></label><label>Native sort<select id="ss-sort" class="a-select"><option value="updated_at">Recently updated</option><option value="created_at">Recently created</option><option value="name">Name</option><option value="message_count">Message count</option></select></label><button id="ss-search" class="a-btn">Search saved sessions</button><p id="ss-store"></p><div id="ss-list"></div></aside>
<section class="a-card"><h2 id="ss-title">Select a saved session</h2><p id="ss-selection-error"></p><details><summary>Current saved metadata</summary><pre id="ss-current"></pre></details><label>Session name draft<input id="ss-name" class="a-input" maxlength="500"></label><label>Add tags (existing tags are retained)<input id="ss-tags" class="a-input"></label><div class="ss-tools"><button id="ss-rename" class="a-btn">Save reviewed name</button><button id="ss-tag" class="a-btn">Add reviewed tags</button><button id="ss-review" class="a-btn">Review current saved version; retain draft</button><button id="ss-discard" class="a-btn">Discard draft and reload selected session</button></div><div id="ss-messages"></div><div class="ss-tools"><button id="ss-json" class="a-btn">Download native JSON messages</button><button id="ss-md" class="a-btn">Download native Markdown</button><button id="ss-load" class="a-btn">Replace chosen native history with this session</button></div><p>Loading replaces only the history source selected above. The desktop primary keeps the last100 messages and named agents the last200. Already-open chat panels need refresh or reopen.</p><label>Type the selected session name to delete<input id="ss-delete-confirm" class="a-input"></label><button id="ss-delete" class="a-btn">Delete selected native session and its messages</button></section></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('/static/js/saved_sessions.js') }}"></script>{% endblock %}