Changeset 0.25.0 (#160)

2026-03-08 16:54:17 +00:00
parent 937be26578
commit 2b01d540d6
63 changed files with 6942 additions and 2773 deletions
--- a/src/css/admin-surfaces.css
+++ b/src/css/admin-surfaces.css
@@ -0,0 +1,153 @@
+/* ==========================================
+   Chat Switchboard — Admin Surfaces
+   ==========================================
+   v0.25.0: Surface lifecycle management UI.
+   ========================================== */
+
+.admin-surface-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    background: var(--border, #2a2a2e);
+    border: 1px solid var(--border, #2a2a2e);
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+.admin-surface-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 14px 16px;
+    background: var(--bg-secondary, #151517);
+}
+
+.admin-surface-row:hover {
+    background: var(--bg-tertiary, #1e1e22);
+}
+
+.admin-surface-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.admin-surface-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+}
+
+.admin-surface-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text, #eee);
+}
+
+.admin-surface-badge {
+    font-size: 10px;
+    font-weight: 600;
+    padding: 2px 6px;
+    border-radius: 4px;
+    text-transform: uppercase;
+    letter-spacing: 0.3px;
+}
+
+.admin-surface-badge--core {
+    background: var(--accent-dim, rgba(179, 138, 78, 0.15));
+    color: var(--accent, #b38a4e);
+}
+
+.admin-surface-badge--extension {
+    background: var(--purple-dim, rgba(160, 120, 255, 0.1));
+    color: var(--purple, #a078ff);
+}
+
+.admin-surface-badge--required {
+    background: var(--bg-raised, #2a2a2e);
+    color: var(--text-3, #555);
+}
+
+.admin-surface-meta {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 12px;
+    color: var(--text-3, #555);
+}
+
+.admin-surface-id {
+    font-family: var(--mono, 'SF Mono', monospace);
+    font-size: 11px;
+}
+
+.admin-surface-route {
+    font-family: var(--mono, 'SF Mono', monospace);
+    font-size: 11px;
+    color: var(--text-3, #555);
+}
+
+.admin-surface-actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-shrink: 0;
+}
+
+/* Toggle switch */
+.admin-surface-toggle {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    user-select: none;
+}
+
+.admin-surface-toggle--locked {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.admin-surface-toggle input[type="checkbox"] {
+    width: 36px;
+    height: 20px;
+    appearance: none;
+    -webkit-appearance: none;
+    background: var(--bg-raised, #2a2a2e);
+    border-radius: 10px;
+    position: relative;
+    cursor: pointer;
+    transition: background 0.2s;
+    flex-shrink: 0;
+}
+
+.admin-surface-toggle input[type="checkbox"]:checked {
+    background: var(--accent, #b38a4e);
+}
+
+.admin-surface-toggle input[type="checkbox"]::after {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 16px;
+    height: 16px;
+    background: #fff;
+    border-radius: 50%;
+    transition: transform 0.2s;
+}
+
+.admin-surface-toggle input[type="checkbox"]:checked::after {
+    transform: translateX(16px);
+}
+
+.admin-surface-toggle input[type="checkbox"]:disabled {
+    cursor: not-allowed;
+}
+
+.admin-surface-toggle-label {
+    font-size: 12px;
+    color: var(--text-2, #999);
+    min-width: 56px;
+}