Changeset 0.26.0 (#165)

2026-03-10 13:38:01 +00:00
parent dbc1a97343
commit 400f7dd176
48 changed files with 4923 additions and 208 deletions
--- a/src/css/workflow.css
+++ b/src/css/workflow.css
@@ -0,0 +1,80 @@
+/* ==========================================
+ * Chat Switchboard — Workflow Components CSS
+ * ========================================== */
+
+/* ── Stage list (admin builder) ────────── */
+
+.wf-stage-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 10px;
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    margin-bottom: 4px;
+    background: var(--bg-surface);
+    cursor: grab;
+    transition: background 0.15s;
+}
+.wf-stage-row:hover { background: var(--bg-raised); }
+.wf-stage-grip { color: var(--text-3); font-size: 14px; cursor: grab; }
+.wf-stage-ord {
+    width: 22px; height: 22px;
+    display: flex; align-items: center; justify-content: center;
+    border-radius: 50%; background: var(--accent-dim);
+    font-size: 11px; font-weight: 600; color: var(--accent);
+    flex-shrink: 0;
+}
+.wf-stage-name { flex: 1; font-size: 13px; font-weight: 500; }
+.wf-stage-row .badge { font-size: 10px; }
+.wf-stage-row .btn-small { opacity: 0; transition: opacity 0.15s; }
+.wf-stage-row:hover .btn-small { opacity: 1; }
+
+/* ── Queue sidebar ───────────────────── */
+
+.sb-queue-badge {
+    background: var(--accent);
+    color: #fff;
+    border-radius: 10px;
+    padding: 1px 7px;
+    font-size: 11px;
+    font-weight: 600;
+    margin-left: auto;
+}
+.sb-queue-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    cursor: pointer;
+    border-radius: 6px;
+    font-size: 13px;
+    transition: background 0.15s;
+}
+.sb-queue-item:hover { background: var(--bg-raised); }
+.sb-queue-item.active { background: var(--accent-dim); color: var(--accent); }
+.sb-queue-icon { font-size: 14px; }
+.sb-queue-label { flex: 1; }
+.sb-queue-item .btn-small {
+    opacity: 0; padding: 2px 6px; font-size: 11px;
+    transition: opacity 0.15s;
+}
+.sb-queue-item:hover .btn-small { opacity: 1; }
+
+/* ── Team queue panel ────────────────── */
+
+.wf-queue-panel { padding: 4px 0; }
+.wf-queue-panel h4 { margin: 0 0 12px; font-size: 16px; }
+.wf-queue-panel h5 {
+    margin: 12px 0 6px;
+    font-size: 13px;
+    color: var(--text-2);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* ── Admin badges ────────────────────── */
+
+.badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; background: var(--bg-raised); color: var(--text-2); }
+.badge-ok { background: rgba(46, 160, 67, 0.15); color: #2ea043; }
+.badge-warn { background: rgba(210, 153, 34, 0.15); color: #d29922; }