Spaces:
Sleeping
Sleeping
| <section class="grid-two"> | |
| <article class="panel"> | |
| <h2>Autonomy Runtime</h2> | |
| <p class="panel-hint"> | |
| Operational autonomy telemetry and queue state (action-driven). | |
| </p> | |
| <!-- Data Viz Vanilla SVG: Autonomy Budget Donut Chart --> | |
| <div class="autonomy-budget-visual"> | |
| <div class="autonomy-budget-donut-wrap"> | |
| <svg | |
| width="80" | |
| height="80" | |
| viewBox="0 0 100 100" | |
| class="autonomy-budget-svg" | |
| > | |
| <circle | |
| cx="50" | |
| cy="50" | |
| r="45" | |
| fill="none" | |
| stroke="var(--bg-elevated)" | |
| stroke-width="10" | |
| ></circle> | |
| <circle | |
| id="budgetDonutRing" | |
| cx="50" | |
| cy="50" | |
| r="45" | |
| fill="none" | |
| stroke="var(--status-ok)" | |
| stroke-width="10" | |
| stroke-dasharray="283" | |
| stroke-dashoffset="0" | |
| class="autonomy-budget-ring" | |
| ></circle> | |
| </svg> | |
| <div class="autonomy-budget-center"> | |
| <span id="autBudgetPctText" class="autonomy-budget-percent">0%</span> | |
| </div> | |
| </div> | |
| <div> | |
| <p class="autonomy-budget-title">Budget Usage (60m)</p> | |
| <p id="autBudgetUsage60m" class="autonomy-budget-value">0 / 0</p> | |
| </div> | |
| </div> | |
| <dl class="kv"> | |
| <div> | |
| <dt>Autonomy</dt> | |
| <dd id="autEnabledState">-</dd> | |
| </div> | |
| <div> | |
| <dt>Loop</dt> | |
| <dd id="autLoopState">-</dd> | |
| </div> | |
| <div> | |
| <dt>Last Tick</dt> | |
| <dd id="autLastTick">-</dd> | |
| </div> | |
| <div> | |
| <dt>Last Goal</dt> | |
| <dd id="autLastGoal">-</dd> | |
| </div> | |
| <div> | |
| <dt>Goal Runs Total</dt> | |
| <dd id="autGoalRunsTotal">0</dd> | |
| </div> | |
| <div> | |
| <dt>Auto Chat Sent</dt> | |
| <dd id="autAutoChatSentTotal">0</dd> | |
| </div> | |
| </dl> | |
| <details class="advanced-settings"> | |
| <summary>Extended Queue and Error Metrics</summary> | |
| <div class="advanced-settings-content"> | |
| <dl class="kv"> | |
| <div> | |
| <dt>Budget Blocked</dt> | |
| <dd id="autBudgetBlockedTotal">0</dd> | |
| </div> | |
| <div> | |
| <dt>Dispatch Failures</dt> | |
| <dd id="autDispatchFailuresTotal">0</dd> | |
| </div> | |
| <div> | |
| <dt>Last Block Reason</dt> | |
| <dd id="autLastBlockReason">-</dd> | |
| </div> | |
| <div> | |
| <dt>Budget Usage 10m</dt> | |
| <dd id="autBudgetUsage10m">0 / 0</dd> | |
| </div> | |
| <div> | |
| <dt>Budget Usage Daily</dt> | |
| <dd id="autBudgetUsageDaily">0 / 0</dd> | |
| </div> | |
| <div> | |
| <dt>Queue Pending</dt> | |
| <dd id="autQueuePending">0</dd> | |
| </div> | |
| <div> | |
| <dt>Queue Approved</dt> | |
| <dd id="autQueueApproved">0</dd> | |
| </div> | |
| <div> | |
| <dt>Queue Rejected</dt> | |
| <dd id="autQueueRejected">0</dd> | |
| </div> | |
| <div> | |
| <dt>Queue Ignored</dt> | |
| <dd id="autQueueIgnored">0</dd> | |
| </div> | |
| </dl> | |
| </div> | |
| </details> | |
| <div class="form-row form-row-mt-4"> | |
| <div class="form-group u-flex-1"> | |
| <label for="autTickReasonInput">Manual Tick Reason</label> | |
| <input | |
| id="autTickReasonInput" | |
| class="form-control" | |
| type="text" | |
| value="manual_dashboard" | |
| /> | |
| </div> | |
| <div class="form-group"> | |
| <button id="autRunTickBtn" class="btn btn-primary" type="button"> | |
| Run 1 Tick | |
| </button> | |
| </div> | |
| </div> | |
| <p id="autTickFeedbackMsg" class="panel-hint event-level-info"> | |
| Waiting for manual action... | |
| </p> | |
| </article> | |
| </section> | |