@abot-ai/runtime 1.3.1 → 1.5.0

package/dist/src/web-ui/app/styles/30-inspector-config.css

@@ -10,7 +10,7 @@
   overflow: hidden;
   border: 1px solid var(--line);
   border-radius: 8px;
-  background: rgba(255, 255, 255, 0.045);
+  background: var(--control-bg);
 }
 
 .tab-button {
@@ -24,13 +24,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: var(--font-size-sm);
-  font-weight: 650;
+  font-weight: 400;
   box-shadow: none;
 }
 
 .tab-button.active {
-  border-color: rgba(255, 255, 255, 0.1);
-  background: rgba(255, 255, 255, 0.12);
+  border-color: var(--line);
+  background: var(--control-bg-hover);
   color: var(--text-strong);
   box-shadow: none;
 }
@@ -57,8 +57,8 @@
   min-width: 0;
   border: 1px solid var(--line);
   border-radius: 8px;
-  background: var(--panel-raised);
-  box-shadow: var(--shadow);
+  background: var(--panel);
+  box-shadow: none;
 }
 
 .task-progress-panel[hidden] {
@@ -79,11 +79,12 @@
   gap: 10px;
   color: var(--muted);
   font-size: var(--font-size-sm);
-  font-weight: 780;
-  text-transform: uppercase;
+  font-weight: 400;
+  text-transform: none;
 }
 
 .task-progress-topline strong {
+  font-weight: 400;
   color: var(--accent-strong);
   font-size: var(--font-size-sm);
 }
@@ -91,7 +92,7 @@
 .task-progress-summary {
   color: var(--text-strong);
   font-size: var(--font-size-lg);
-  font-weight: 710;
+  font-weight: 400;
   line-height: 1.35;
 }
 
@@ -99,20 +100,20 @@
   height: 6px;
   overflow: hidden;
   border-radius: 6px;
-  background: rgba(255, 255, 255, 0.08);
+  background: var(--control-bg);
 }
 
 .task-progress-meter span {
   display: block;
   height: 100%;
   border-radius: inherit;
-  background: linear-gradient(90deg, #0a84ff, #32d74b);
+  background: var(--accent);
 }
 
 .task-progress-count {
   color: var(--muted);
   font-size: var(--font-size-sm);
-  font-weight: 650;
+  font-weight: 400;
 }
 
 .task-progress-items {
@@ -145,7 +146,7 @@
 
 .task-progress-item.active .task-status-dot {
   background: var(--accent);
-  box-shadow: 0 0 0 4px rgba(10, 132, 255, 0.13);
+  box-shadow: none;
 }
 
 .task-progress-item.done {
@@ -197,7 +198,7 @@
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background: #8e8e93;
+  background: var(--muted-2);
   box-shadow: 0 0 0 3px rgba(142, 142, 147, 0.12);
 }
 
@@ -227,7 +228,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: var(--font-size-md);
-  font-weight: 700;
+  font-weight: 400;
 }
 
 .event-title-row {
@@ -240,13 +241,13 @@
 .event-count {
   min-width: 30px;
   padding: 2px 7px;
-  border: 1px solid rgba(255, 255, 255, 0.11);
+  border: 1px solid var(--line);
   border-radius: 7px;
-  background: rgba(255, 255, 255, 0.075);
+  background: var(--control-bg);
   color: var(--muted);
   text-align: center;
   font-size: var(--font-size-xs);
-  font-weight: 760;
+  font-weight: 400;
   line-height: 1.35;
 }
 
@@ -264,7 +265,7 @@
   margin: 0;
   padding: 12px;
   overflow: auto;
-  color: #dce3ee;
+  color: var(--text);
   font-size: var(--font-size-md);
   line-height: 1.45;
   white-space: pre-wrap;
@@ -320,7 +321,7 @@
   overflow: visible;
   border-color: var(--line);
   border-radius: 11px;
-  background: rgba(45, 82, 118, 0.12);
+  background: var(--control-bg);
 }
 
 .tab-button {
@@ -330,7 +331,7 @@
   border-radius: 8px;
   color: var(--muted);
   font-size: var(--font-size-sm);
-  font-weight: 620;
+  font-weight: 400;
 }
 
 .tab-button:hover {
@@ -338,9 +339,9 @@
 }
 
 .tab-button.active {
-  border-color: rgba(111, 160, 212, 0.2);
-  background: rgba(82, 137, 195, 0.18);
-  color: #dceaff;
+  border-color: var(--line);
+  background: var(--control-bg-hover);
+  color: var(--text);
 }
 
 .tab-page.active {
@@ -354,25 +355,25 @@
   gap: 10px;
   color: var(--muted);
   font-size: var(--font-size-sm);
-  font-weight: 760;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
+  font-weight: 400;
+  letter-spacing: 0;
+  text-transform: none;
 }
 
 .panel-toolbar button {
   min-height: 26px;
   padding: 0 8px;
   border-color: transparent;
-  background: rgba(255, 255, 255, 0.06);
+  background: var(--control-bg);
   color: var(--text);
   font-size: var(--font-size-sm);
-  font-weight: 650;
+  font-weight: 400;
   text-transform: none;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
+  box-shadow: none;
 }
 
 .panel-toolbar button:hover {
-  background: rgba(255, 255, 255, 0.105);
+  background: var(--control-bg-hover);
 }
 
 .toolbar-actions {
@@ -385,14 +386,14 @@
   min-height: 30px;
   color: var(--muted);
   font-size: var(--font-size-xs);
-  letter-spacing: 0.06em;
+  letter-spacing: 0;
 }
 
 .panel-toolbar button {
   min-height: 29px;
   border: 1px solid var(--line);
   border-radius: 8px;
-  background: rgba(61, 102, 142, 0.1);
+  background: var(--control-bg);
   color: var(--muted);
 }
 
@@ -401,8 +402,8 @@
 .logs-view,
 .config-view {
   border-color: var(--line);
-  border-radius: 13px;
-  background: #0c1d2e;
+  border-radius: 10px;
+  background: var(--panel);
   box-shadow: none;
 }
 
@@ -411,7 +412,7 @@
 }
 
 .event-dot {
-  border-color: #0a1928;
+  border-color: var(--panel);
   background: var(--accent);
 }
 
@@ -456,7 +457,7 @@
   padding: 10px 13px;
   border: 1px solid var(--line-strong);
   border-radius: 10px;
-  background: #122a43;
+  background: var(--panel-raised);
   color: var(--text);
   box-shadow: var(--shadow);
   opacity: 0;
@@ -517,13 +518,7 @@
   min-height: 0;
   height: 100dvh;
   overflow: hidden;
-  background:
-    radial-gradient(
-      circle at 50% -16%,
-      rgba(55, 111, 174, 0.16),
-      transparent 38%
-    ),
-    #071421;
+  background: var(--bg);
 }
 
 .workspace-page-panel[hidden] {
@@ -539,10 +534,10 @@
   gap: 14px;
   align-items: center;
   min-height: 76px;
-  padding: 14px clamp(22px, 4vw, 54px);
-  border-bottom: 1px solid rgba(114, 162, 210, 0.17);
-  background: rgba(7, 20, 33, 0.9);
-  backdrop-filter: blur(20px);
+  padding: 14px var(--workspace-page-gutter);
+  border-bottom: 1px solid var(--line);
+  background: var(--panel);
+  backdrop-filter: none;
 }
 
 .workspace-page-heading {
@@ -557,7 +552,7 @@
   margin: 0;
   color: var(--text-strong);
   font-size: var(--font-size-5xl);
-  font-weight: 680;
+  font-weight: 400;
   letter-spacing: -0.025em;
 }
 
@@ -575,17 +570,21 @@
   justify-content: center;
   width: auto;
   min-width: 0;
-  height: 38px;
-  min-height: 38px;
-  padding: 0 12px;
-  border-color: rgba(111, 159, 208, 0.18);
-  border-radius: 11px;
-  background: rgba(54, 95, 135, 0.1);
+  height: 32px;
+  min-height: 32px;
+  padding: 0 9px;
+  border-color: transparent;
+  border-radius: 7px;
+  background: transparent;
   color: var(--muted);
+  font-size: var(--font-size-sm);
+  font-weight: 400;
+  box-shadow: none;
 }
 
 .workspace-page-back:hover {
-  background: rgba(72, 124, 177, 0.16);
+  border-color: transparent;
+  background: var(--control-bg-hover);
   color: var(--text-strong);
 }
 
@@ -593,18 +592,18 @@
   width: 100%;
   min-width: 0;
   min-height: 0;
-  padding: 22px clamp(22px, 4vw, 54px) 56px;
+  padding: 22px var(--workspace-page-gutter) 56px;
   overflow: auto;
   overscroll-behavior: contain;
 }
 
 .workspace-page-body > * {
-  width: min(1260px, 100%);
+  width: min(var(--workspace-content-width), 100%);
   margin-inline: auto;
 }
 
 .panel-backdrop {
-  inset: 0 0 0 72px;
+  inset: 0 0 0 var(--workspace-rail-width);
   z-index: 50;
   width: auto;
   height: auto;
@@ -620,29 +619,6 @@
 
 .workspace-rail .rail-button[aria-current="page"] {
   border-color: transparent;
-  background: rgba(77, 133, 239, 0.16);
-  color: #b9d2ff;
-}
-
-.workspace-rail .rail-environment .rail-environment-button {
-  overflow: visible;
-  text-overflow: clip;
-  white-space: normal;
-}
-
-.workspace-rail .rail-environment-glyph {
-  display: grid;
-  place-items: center;
-  width: 34px;
-  height: 30px;
-  overflow: hidden;
-  border: 0;
-  border-radius: 8px;
-  background: transparent;
-  color: #a8bdd2;
-  text-overflow: clip;
-  white-space: nowrap;
-  font-size: var(--font-size-xs);
-  font-weight: 650;
-  letter-spacing: 0.035em;
+  background: var(--accent-soft);
+  color: var(--accent-strong);
 }

package/dist/src/web-ui/app/styles/35-memory-onboarding.css

@@ -4,10 +4,10 @@
   display: grid;
   gap: 16px;
   min-width: 0;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
+  padding: 20px;
+  border: 1px solid var(--config-line, var(--line));
+  border-radius: 10px;
+  background: var(--panel);
   box-shadow: none;
 }
 
@@ -33,7 +33,7 @@
   margin-top: 2px;
   color: var(--text-strong);
   font-size: var(--font-size-2xl);
-  font-weight: 520;
+  font-weight: 400;
   line-height: 1.3;
 }
 
@@ -49,7 +49,7 @@
 .memory-setup-heading .eyebrow {
   color: var(--config-faint, var(--muted-2));
   font-size: var(--font-size-xs);
-  font-weight: 450;
+  font-weight: 400;
   letter-spacing: 0.045em;
 }
 
@@ -57,15 +57,15 @@
   flex: 0 0 auto;
   padding: 3px 7px;
   border: 1px solid var(--config-line, var(--line));
-  border-radius: 999px;
+  border-radius: 6px;
   color: var(--config-muted, var(--muted));
   font-size: var(--font-size-xs);
-  font-weight: 450;
+  font-weight: 400;
   line-height: 1.35;
 }
 
 .memory-status.enabled {
-  border-color: rgba(59, 209, 155, 0.3);
+  border-color: var(--line-strong);
   color: var(--green);
 }
 
@@ -86,7 +86,7 @@
   min-width: 0;
   color: var(--config-muted, var(--muted));
   font-size: var(--font-size-xs);
-  font-weight: 450;
+  font-weight: 400;
 }
 
 .memory-setup-fields input,

package/dist/src/web-ui/app/styles/36-memory-management.css

@@ -4,10 +4,10 @@
   display: grid;
   gap: 14px;
   min-width: 0;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
+  padding: 20px;
+  border: 1px solid var(--config-line, var(--line));
+  border-radius: 10px;
+  background: var(--panel);
   box-shadow: none;
 }
 
@@ -41,7 +41,7 @@
 .memory-management-heading h4 {
   color: var(--text-strong);
   font-size: var(--font-size-2xl);
-  font-weight: 520;
+  font-weight: 400;
   line-height: 1.3;
 }
 
@@ -64,7 +64,7 @@
 }
 
 .memory-management-card .memory-status.unavailable {
-  border-color: rgba(255, 116, 128, 0.3);
+  border-color: var(--danger);
   color: var(--danger);
 }
 
@@ -99,9 +99,9 @@
 }
 
 .memory-search-shell:focus-within {
-  border-color: rgba(87, 148, 255, 0.72);
-  outline: 2px solid rgba(87, 148, 255, 0.2);
-  outline-offset: 1px;
+  border-color: var(--config-line-strong, var(--line-strong));
+  outline: 0;
+  box-shadow: none;
 }
 
 .memory-search-icon {
@@ -212,8 +212,9 @@
 .memory-management-feedback {
   margin: 0;
   padding: 7px 9px;
-  border-left: 2px solid var(--config-line-strong, var(--line-strong));
-  background: rgba(111, 151, 191, 0.045);
+  border: 1px solid var(--config-line, var(--line));
+  border-radius: 6px;
+  background: var(--control-bg);
   color: var(--config-muted, var(--muted));
   font-size: var(--font-size-sm);
   line-height: 1.45;
@@ -242,11 +243,11 @@
 }
 
 .memory-record:hover {
-  background: rgba(111, 151, 191, 0.045);
+  background: var(--control-bg);
 }
 
 .memory-record.editing {
-  background: rgba(87, 148, 255, 0.065);
+  background: var(--accent-soft);
 }
 
 .memory-record-copy {
@@ -321,7 +322,7 @@
 .memory-record-tags span {
   padding: 2px 6px;
   border: 1px solid var(--config-line, var(--line));
-  border-radius: 999px;
+  border-radius: 5px;
   color: var(--config-muted, var(--muted));
   font-size: var(--font-size-xs);
   line-height: 1.25;
@@ -350,7 +351,7 @@
   border: 0;
   border-bottom: 1px solid var(--config-line, var(--line));
   border-radius: 0;
-  background: rgba(87, 148, 255, 0.055);
+  background: var(--control-bg);
 }
 
 .memory-editor-heading {
@@ -360,7 +361,7 @@
 .memory-editor-heading h5 {
   color: var(--config-copy, var(--text));
   font-size: var(--font-size-md);
-  font-weight: 500;
+  font-weight: 400;
 }
 
 .memory-editor-heading p {
@@ -374,7 +375,7 @@
   gap: 5px;
   color: var(--config-muted, var(--muted));
   font-size: var(--font-size-xs);
-  font-weight: 450;
+  font-weight: 400;
 }
 
 .memory-editor-card textarea {
@@ -414,6 +415,6 @@
 }
 
 .memory-management-card .danger-button:hover {
-  background: rgba(255, 116, 128, 0.08);
+  background: color-mix(in srgb, var(--danger) 8%, transparent);
   color: var(--danger);
 }