File size: 4,796 Bytes
89b6a21
127bfda
89b6a21
7d5735a
 
 
 
89b6a21
7d5735a
 
 
89b6a21
 
 
 
 
 
 
 
7d5735a
 
 
 
 
 
 
 
 
 
 
89b6a21
 
7d5735a
 
 
89b6a21
 
 
 
7d5735a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
89b6a21
 
7d5735a
 
 
326399d
 
37ee895
326399d
 
7d5735a
 
 
 
37ee895
7d5735a
 
37ee895
 
7d5735a
37ee895
 
7d5735a
 
 
 
 
 
 
 
37ee895
7d5735a
37ee895
 
 
 
7d5735a
 
 
37ee895
 
18cb27d
7d5735a
 
37ee895
 
 
 
7d5735a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37ee895
 
7d5735a
 
 
326399d
89b6a21
 
326399d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<section class="grid-two" id="actionQueueSection">
  <article class="panel" id="aqPanel">
    <h2>Risk Queue (Approve / Reject)</h2>
    <p class="panel-hint">
      Moderation actions and suggestions require explicit decisions to keep
      operations safe.
    </p>

    <div class="form-row form-row-wrap">
      <div class="form-group form-group-min-170">
        <label for="aqStatusFilter">Status filter</label>
        <select id="aqStatusFilter" class="form-control">
          <option value="">all</option>
          <option value="pending">pending</option>
          <option value="approved">approved</option>
          <option value="rejected">rejected</option>
          <option value="ignored">ignored</option>
        </select>
      </div>
      <div class="form-group form-group-min-150">
        <label for="aqLimitInput">Limit</label>
        <input
          id="aqLimitInput"
          class="form-control"
          type="number"
          min="1"
          max="300"
          step="1"
          value="80"
        />
      </div>
      <div class="form-group">
        <button id="aqRefreshBtn" class="btn btn-secondary" type="button">
          Refresh Queue
        </button>
      </div>
    </div>

    <dl class="kv">
      <div>
        <dt>Pending</dt>
        <dd id="aqPendingCount">0</dd>
      </div>
      <div>
        <dt>Approved</dt>
        <dd id="aqApprovedCount">0</dd>
      </div>
      <div>
        <dt>Rejected</dt>
        <dd id="aqRejectedCount">0</dd>
      </div>
      <div>
        <dt>Ignored</dt>
        <dd id="aqIgnoredCount">0</dd>
      </div>
      <div>
        <dt>Total</dt>
        <dd id="aqTotalCount">0</dd>
      </div>
    </dl>

    <p id="aqFeedbackMsg" class="panel-hint event-level-info">
      Waiting for queue...
    </p>
    <ul id="aqList" class="events-list events-scroll-480"></ul>
  </article>

  <article class="panel" id="aqOpsPanel">
    <h2>Deterministic Ops Playbooks</h2>
    <p class="panel-hint">
      Operational state machine with auditable traces integrated into the same
      risk queue.
    </p>

    <div class="form-row form-row-wrap">
      <div class="form-group form-group-min-260">
        <label for="aqOpsPlaybookSelect">Playbook</label>
        <select id="aqOpsPlaybookSelect" class="form-control">
          <option value="">No playbook</option>
        </select>
      </div>
      <div class="form-group form-group-min-260">
        <label for="aqOpsReasonInput">Trigger reason</label>
        <input
          id="aqOpsReasonInput"
          class="form-control"
          type="text"
          value="manual_dashboard"
        />
      </div>
      <div class="form-group form-group-min-140">
        <label for="aqOpsForceToggle">Force cooldown</label>
        <input id="aqOpsForceToggle" class="form-control" type="checkbox" />
      </div>
      <div class="form-group">
        <button id="aqOpsRefreshBtn" class="btn btn-secondary" type="button">
          Refresh Playbooks
        </button>
      </div>
      <div class="form-group">
        <button id="aqOpsTriggerBtn" class="btn btn-primary" type="button" data-byte-react="segment">
          Trigger Playbook
        </button>
      </div>
    </div>

    <dl class="kv">
      <div>
        <dt>Idle</dt>
        <dd id="aqOpsIdleCount">0</dd>
      </div>
      <div>
        <dt>Awaiting</dt>
        <dd id="aqOpsAwaitingCount">0</dd>
      </div>
      <div>
        <dt>Cooldown</dt>
        <dd id="aqOpsCooldownCount">0</dd>
      </div>
      <div>
        <dt>Completed</dt>
        <dd id="aqOpsCompletedCount">0</dd>
      </div>
      <div>
        <dt>Aborted</dt>
        <dd id="aqOpsAbortedCount">0</dd>
      </div>
      <div>
        <dt>Updated</dt>
        <dd id="aqOpsUpdatedAt">-</dd>
      </div>
    </dl>

    <p id="aqOpsFeedbackMsg" class="panel-hint event-level-info">
      Waiting for playbook status...
    </p>
    <ul id="aqOpsList" class="events-list events-scroll-480"></ul>
  </article>
</section>

<article class="panel parity-strip">
  <h2>Operational Parity</h2>
  <p class="panel-hint">
    This dashboard covers channel control, 1x4 response contract, autonomy, risk
    queue, and outcomes/cost.
  </p>
  <dl class="kv kv-inline">
    <div>
      <dt>Channel Control</dt>
      <dd>mode-aware with frontend + backend guards</dd>
    </div>
    <div>
      <dt>Response Contract</dt>
      <dd>1 message, up to 4 lines</dd>
    </div>
    <div>
      <dt>Autonomy</dt>
      <dd>scheduler + heartbeat + anti-spam budget</dd>
    </div>
    <div>
      <dt>Risk</dt>
      <dd>auto chat, suggestion, confirmed moderation</dd>
    </div>
    <div>
      <dt>Value Metrics</dt>
      <dd>useful engagement + corrections + ignored + cost/token</dd>
    </div>
  </dl>
</article>