feat(admin): nested condition/action buttons to manage complex YAML

1 files changed, 52 insertions, 0 deletions

diff --git a/internal/admin/static/admin.css b/internal/admin/static/admin.css
index b710491..aa80488 100644
--- a/internal/admin/static/admin.css
+++ b/internal/admin/static/admin.css
@@ -379,3 +379,55 @@ g.ud-hover:hover text{font-weight:bold}
 .course-phase .phase-msg{font-family:monospace}
 .course-phase .mini-input{width:auto!important;flex:1}
 .course-details-card{margin-top:10px}
+
+/* --- Structured condition & action editors (intereditor.js) --- */
+
+.ie-cond{background:rgba(100,160,255,.04);border:1px solid rgba(100,160,255,.12);border-radius:5px;padding:8px;margin-bottom:4px}
+.ie-cond-root{padding:0}
+.ie-cond-modebar{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
+.ie-cond-modesel{font-size:11px;padding:2px 4px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:monospace}
+.ie-cond-sm-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}
+.ie-cond-notlbl{font-size:10px;color:var(--text);display:inline-flex;align-items:center;gap:2px;white-space:nowrap;cursor:pointer}
+.ie-cond-not{accent-color:var(--danger);margin:0}
+.ie-cond-children{display:flex;flex-direction:column;gap:4px}
+.ie-cond-leaf{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--bg);border:1px solid var(--border);border-radius:3px}
+.ie-cond-leaf-label{font-size:10px;color:#6af;text-transform:uppercase;letter-spacing:.3px;font-weight:bold;white-space:nowrap;min-width:70px}
+.ie-cond-leaf input[type="text"],
+.ie-cond-leaf input[type="number"],
+.ie-cond-val{font-size:11px;padding:3px 6px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:monospace;flex:1;min-width:80px}
+.ie-cond-subval{font-size:11px;padding:3px 6px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:monospace;width:100px}
+.ie-cond-rm{flex-shrink:0}
+.ie-cond-grp-rm{margin-left:auto}
+.ie-cond-addbar{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}
+.ie-add-btn{font-size:10px!important;padding:2px 6px!important;background:var(--accent)!important;color:var(--text)!important;border:1px solid #1a5a8e!important;font-family:monospace!important;border-radius:3px!important;cursor:pointer;white-space:nowrap}
+.ie-add-btn:hover{background:#1a5a8e!important;color:#fff!important}
+
+/* Action editor */
+.ie-act-root{background:rgba(100,160,255,.04);border:1px solid rgba(100,160,255,.12);border-radius:5px;padding:8px;display:flex;flex-direction:column;gap:6px}
+.ie-act-row{display:flex;align-items:center;gap:6px}
+.ie-act-label{font-size:10px;color:#6af;text-transform:uppercase;letter-spacing:.3px;font-weight:bold;white-space:nowrap;min-width:90px}
+.ie-act-input{font-size:11px;padding:3px 6px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:monospace}
+.ie-act-rm{flex-shrink:0}
+.ie-act-addbar{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}
+.ie-act-kv{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:6px}
+.ie-act-kv-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}
+.ie-kv-list{display:flex;flex-direction:column;gap:3px}
+.ie-kv-row{display:flex;gap:4px;align-items:center}
+.ie-kv-key,.ie-kv-val{font-size:11px;padding:2px 4px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:monospace;width:120px}
+.ie-kv-val{width:80px}
+
+/* Interaction row layout: column. The single flex header row holds the
+   +Add Required Item / +Add Condition / +Add Action buttons alongside the
+   Remove Interaction button (right-aligned via a flex spacer). The expanded
+   item_id field flexes inside the same row. Condition and action panels
+   stack beneath. Replaces the old separate .ie-inter-toolbar row. */
+.obj-sub-row.ie-inter-row{flex-direction:column;align-items:stretch;gap:6px}
+.ie-inter-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.ie-inter-header-spacer{flex:1}
+.ie-inter-header .obj-field{margin-bottom:0;flex:1;min-width:0}
+.obj-sub-row.ie-inter-row .ie-inter-remove{white-space:nowrap;flex-shrink:0}
+.ie-inter-field-x{flex-shrink:0;margin-bottom:3px}
+.ie-inter-panel{background:rgba(0,0,0,.15);border-radius:4px;padding:6px}
+.ie-inter-panel-row{display:flex;gap:6px;align-items:flex-start}
+.ie-inter-panel-body{flex:1;min-width:0}
+.ie-inter-panel-x{margin-top:4px;flex-shrink:0}