From 7d65ea351315ef2c7772eff89ca8fb785e35ec27 Mon Sep 17 00:00:00 2001
From: Shakker <shakkerdroid@gmail.com>
Date: Sun, 31 May 2026 18:47:17 +0100
Subject: [PATCH] feat: style Skill Workshop revision controls

---
 ui/src/styles/skill-workshop.css | 65 ++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/ui/src/styles/skill-workshop.css b/ui/src/styles/skill-workshop.css
index 4cd127d5ac7..ba4349ab7aa 100644
--- a/ui/src/styles/skill-workshop.css
+++ b/ui/src/styles/skill-workshop.css
@@ -729,6 +729,71 @@
 }
 
 /* ── Mode switch ────────────────────────────────────────────────────── */
+.sw-header-controls {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.sw-revision-session-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--muted);
+  font-size: 12.5px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.sw-revision-session-toggle input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.sw-revision-session-toggle__track {
+  position: relative;
+  width: 32px;
+  height: 18px;
+  border-radius: 999px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  transition:
+    background 160ms ease,
+    border-color 160ms ease;
+}
+
+.sw-revision-session-toggle__track::after {
+  content: "";
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+  background: var(--muted);
+  transition:
+    transform 160ms ease,
+    background 160ms ease;
+}
+
+.sw-revision-session-toggle input:checked + .sw-revision-session-toggle__track {
+  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
+  background: color-mix(in srgb, var(--accent) 16%, var(--bg-elevated));
+}
+
+.sw-revision-session-toggle input:checked + .sw-revision-session-toggle__track::after {
+  transform: translateX(14px);
+  background: var(--accent);
+}
+
+.sw-revision-session-toggle:focus-within .sw-revision-session-toggle__track {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);
+}
+
 .sw-mode-switch {
   position: relative;
   display: inline-grid;