{% extends "base.html" %}
{% block title %}Python debugger{% endblock %}
{% block page_id %}debugger{% endblock %}
{% block head %}<style>
  .dbg-grid { display:grid; gap:16px; grid-template-columns:minmax(0,1fr); }
  @media (min-width:1100px) { .dbg-grid { grid-template-columns:minmax(320px,2fr) minmax(0,3fr); } }
  .dbg-grid > * { min-width:0; }
  .dbg-fields { display:grid; gap:10px; }
  .dbg-fields input,.dbg-fields textarea { width:100%; }
  .dbg-json,.dbg-source,.dbg-output { font-family:var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; }
  .dbg-source { min-height:270px; resize:vertical; }
  .dbg-output { max-height:220px; overflow:auto; }
  .dbg-table { overflow:auto; max-height:340px; }
  .dbg-buttons { display:flex; flex-wrap:wrap; gap:8px; }
  .dbg-current { background:var(--bg-3); }
</style>{% endblock %}
{% block content %}
<div id="dbg-root" data-owner="{{ 'yes' if is_owner else 'no' }}">
<div class="a-page-head"><h1>Python debugger</h1><div class="a-sub">Actual native Python stepping, paused frames, watches and conditional breakpoints on this PC.</div></div>
<div class="a-toolbar"><a class="a-btn" href="{{ aida_rel('workspace') }}">Local workspace</a><button class="a-btn" id="dbg-refresh" type="button">Refresh owned sessions</button></div>
<div id="dbg-message" role="status" aria-live="polite"></div>
<p class="a-hint">Debugging captures the saved entry file. Unsaved workspace edits are not included: save them in the workspace, then reload this file. Imported files are read during the run. Watches and breakpoint conditions execute in the owned worker. Remote attachment and console input are unavailable.</p>
<section class="a-card"><h2>Owned debugger sessions</h2><div id="dbg-sessions"></div></section>
<div class="dbg-grid">
<section class="a-card"><h2>Saved Python source</h2><div class="dbg-fields">
<label class="a-field" for="dbg-project"><span>Project folder (absolute local path)</span><input class="a-input" id="dbg-project" autocomplete="off" spellcheck="false"></label>
<label class="a-field" for="dbg-file"><span>Saved Python file (absolute local path)</span><input class="a-input" id="dbg-file" autocomplete="off" spellcheck="false"></label>
<div class="dbg-buttons"><button class="a-btn" id="dbg-load" type="button">Load saved file</button><button class="a-btn a-btn--primary" id="dbg-start" type="button">Start debugging</button></div>
<p id="dbg-source-note" class="a-hint" aria-live="polite">Load a saved file to capture its revision.</p>
<label class="a-field" for="dbg-args"><span>Script arguments (JSON array of strings)</span><textarea class="a-input dbg-json" id="dbg-args" rows="2" spellcheck="false">[]</textarea></label>
<label class="a-field" for="dbg-timeout"><span>Total session timeout, including pauses (seconds)</span><input class="a-input" id="dbg-timeout" type="number" min="1" max="1800" step="1" value="1800"></label>
<label class="a-field" for="dbg-source"><span>Captured entry source (read-only)</span><textarea class="a-input dbg-source" id="dbg-source" readonly spellcheck="false"></textarea></label>
<p id="dbg-line" class="a-hint"></p>
</div></section>
<section class="a-card"><h2>Execution controls</h2>
<p id="dbg-status" aria-live="polite">No debugger has started.</p>
<div class="dbg-buttons">
<button class="a-btn a-btn--primary" id="dbg-continue" type="button">Continue</button>
<button class="a-btn" id="dbg-over" type="button">Step over</button>
<button class="a-btn" id="dbg-into" type="button">Step into</button>
<button class="a-btn" id="dbg-out" type="button">Step out</button>
<button class="a-btn a-btn--danger" id="dbg-stop" type="button">Stop debugger</button>
</div><p id="dbg-pending" class="a-hint" aria-live="polite"></p>
<h3>Paused call stack</h3><div id="dbg-frames" class="dbg-table"></div>
<h3>Selected frame variables</h3><p id="dbg-variable-note" class="a-hint"></p><div id="dbg-variables" class="dbg-table"></div>
<h3>Actual watch values</h3><div id="dbg-watch-values" class="dbg-table"></div>
</section>
<section class="a-card"><h2>Session breakpoints and watches</h2>
<p class="a-hint">Use native breakpoint objects: file_path, line, condition (optional Python expression), enabled. These settings belong to this debug session. Apply edits while paused.</p>
<div class="dbg-fields">
<label class="a-field" for="dbg-breakpoints"><span>Breakpoints (JSON array)</span><textarea class="a-input dbg-json" id="dbg-breakpoints" rows="6" spellcheck="false">[]</textarea></label>
<label class="a-field" for="dbg-watches"><span>Watch expressions (JSON array of strings)</span><textarea class="a-input dbg-json" id="dbg-watches" rows="3" spellcheck="false">[]</textarea></label>
</div><p id="dbg-draft" class="a-hint" aria-live="polite"></p>
<div class="dbg-buttons"><button class="a-btn" id="dbg-apply-breakpoints" type="button">Apply breakpoints</button><button class="a-btn" id="dbg-apply-watches" type="button">Apply watches</button></div>
<h3>Observed breakpoint hit counts</h3><div id="dbg-hits" class="dbg-table"></div>
</section>
<section class="a-card"><h2>Actual target output</h2><p id="dbg-output-note" class="a-hint">stdout and stderr are captured separately. Output beyond the displayed tail is disclosed.</p>
<h3>stdout</h3><pre id="dbg-stdout" class="dbg-output" aria-label="Actual stdout"></pre>
<h3>stderr</h3><pre id="dbg-stderr" class="dbg-output" aria-label="Actual stderr"></pre>
</section></div></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/debugger.js') }}"></script>{% endblock %}