feat: add versioned research templates and alpha variants

frontend/src/style.css

@@ -128,81 +128,6 @@ label:not(.semi-checkbox):not(.semi-radio) {
   height: 100dvh;
   overflow: hidden;
 }
-.sidebar {
-  background: #f9f9f9;
-  color: #1f2329;
-  width: 176px;
-  flex-shrink: 0;
-  padding: 0 var(--space-2) var(--space-3);
-  display: flex;
-  flex-direction: column;
-  border-right: 1px solid var(--line);
-}
-.brand {
-  height: 56px;
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  padding: 0 var(--space-2);
-  font-size: 16px;
-  font-weight: 500;
-  margin-bottom: var(--space-2);
-}
-.brand-mark {
-  width: 28px;
-  height: 28px;
-  display: grid;
-  place-items: center;
-  border-radius: 6px;
-  background: #1456f0;
-  color: #fff;
-  font:
-    24px Georgia,
-    serif;
-}
-.nav-item {
-  display: flex;
-  align-items: center;
-  text-align: left;
-  width: 100%;
-  min-height: 36px;
-  border: 0;
-  background: transparent;
-  color: #1f2329;
-  padding: var(--space-2) var(--space-3);
-  margin-bottom: var(--space-1);
-  border-radius: 6px;
-  font-weight: 400;
-  white-space: nowrap;
-}
-.nav-item:hover {
-  background: #1f23290a;
-}
-.nav-item.active {
-  background: #1f23290d;
-  font-weight: 500;
-}
-.sidebar-bottom {
-  margin-top: auto;
-  padding: var(--space-3) var(--space-2) 0;
-}
-.connection-line {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  color: #646a73;
-  font-size: 12px;
-}
-.connection-line i {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: #8f959e;
-  flex-shrink: 0;
-}
-.connection-line i.connected {
-  background: #35bd4b;
-}
 .main-shell {
   display: flex;
   flex-direction: column;
@@ -210,38 +135,6 @@ label:not(.semi-checkbox):not(.semi-radio) {
   min-height: 0;
   flex: 1;
 }
-.topbar {
-  height: 56px;
-  flex-shrink: 0;
-  border-bottom: 1px solid var(--line);
-  background: var(--surface);
-  padding: 0 var(--space-4);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-4);
-}
-.breadcrumbs {
-  font-size: 13px;
-  color: var(--muted);
-}
-.top-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-}
-.account-name {
-  font-size: 13px;
-  max-width: 160px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.top-divider {
-  height: 20px;
-  border-left: 1px solid var(--line);
-  margin: 0 var(--space-1);
-}
 .page-content {
   min-height: 0;
   min-width: 0;
@@ -901,44 +794,6 @@ label:not(.semi-checkbox):not(.semi-radio) {
   }
 }
 @media (max-width: 760px) {
-  .workspace {
-    flex-direction: column;
-  }
-  .sidebar {
-    width: 100%;
-    padding: var(--space-1) var(--space-2);
-    flex-direction: row;
-    align-items: center;
-    gap: var(--space-1);
-    border-right: 0;
-    border-bottom: 1px solid var(--line);
-  }
-  .brand {
-    margin: 0 var(--space-2) 0 0;
-    height: 40px;
-    padding: 0;
-  }
-  .brand > div,
-  .sidebar-bottom {
-    display: none;
-  }
-  .nav-item {
-    width: auto;
-    margin: 0;
-    padding: var(--space-2) var(--space-3);
-  }
-  .topbar {
-    height: 44px;
-    padding: 0 var(--space-3);
-  }
-  .breadcrumbs,
-  .account-name,
-  .top-divider {
-    display: none;
-  }
-  .top-actions {
-    margin-left: auto;
-  }
   .page-content {
     padding: var(--space-3);
   }