@abot-ai/runtime 1.1.0 → 1.2.0

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

@@ -32,7 +32,7 @@
 .memory-setup-heading h4 {
   margin-top: 2px;
   color: var(--text-strong);
-  font-size: 15px;
+  font-size: var(--font-size-2xl);
   font-weight: 520;
   line-height: 1.3;
 }
@@ -42,13 +42,13 @@
   max-width: 620px;
   margin-top: 4px;
   color: var(--config-muted, var(--muted));
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
   line-height: 1.45;
 }
 
 .memory-setup-heading .eyebrow {
   color: var(--config-faint, var(--muted-2));
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
   letter-spacing: 0.045em;
 }
@@ -59,7 +59,7 @@
   border: 1px solid var(--config-line, var(--line));
   border-radius: 999px;
   color: var(--config-muted, var(--muted));
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
   line-height: 1.35;
 }
@@ -85,7 +85,7 @@
   gap: 5px;
   min-width: 0;
   color: var(--config-muted, var(--muted));
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
 }
 
@@ -100,7 +100,7 @@
   background-color: var(--config-control, var(--panel-solid));
   background-image: none;
   color: var(--config-copy, var(--text));
-  font-size: 12.5px;
+  font-size: var(--font-size-md);
   font-weight: 400;
   box-shadow: none;
 }
@@ -142,12 +142,12 @@
 
 .memory-setup-feedback {
   color: var(--config-muted, var(--muted));
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
 }
 
 .memory-setup-note {
   padding-top: 12px;
   border-top: 1px solid var(--config-line, var(--line));
   color: var(--config-faint, var(--muted-2));
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
 }

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

@@ -40,7 +40,7 @@
 
 .memory-management-heading h4 {
   color: var(--text-strong);
-  font-size: 15px;
+  font-size: var(--font-size-2xl);
   font-weight: 520;
   line-height: 1.3;
 }
@@ -55,7 +55,7 @@
 .memory-management-heading p:last-child {
   max-width: 620px;
   margin-top: 4px;
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
   line-height: 1.45;
 }
 
@@ -124,7 +124,7 @@
   border-radius: 7px;
   background: var(--config-control, var(--panel-solid));
   color: var(--config-copy, var(--text));
-  font-size: 12.5px;
+  font-size: var(--font-size-md);
   font-weight: 400;
   box-shadow: none;
 }
@@ -151,7 +151,7 @@
   border-color: transparent;
   background: transparent;
   color: var(--accent-strong);
-  font-size: 11px;
+  font-size: var(--font-size-sm);
 }
 
 .memory-clear-search {
@@ -215,7 +215,7 @@
   border-left: 2px solid var(--config-line-strong, var(--line-strong));
   background: rgba(111, 151, 191, 0.045);
   color: var(--config-muted, var(--muted));
-  font-size: 11px;
+  font-size: var(--font-size-sm);
   line-height: 1.45;
 }
 
@@ -267,7 +267,7 @@
   min-width: 0;
   overflow-wrap: anywhere;
   white-space: pre-wrap;
-  font-size: 12.5px;
+  font-size: var(--font-size-md);
   line-height: 1.45;
 }
 
@@ -323,14 +323,14 @@
   border: 1px solid var(--config-line, var(--line));
   border-radius: 999px;
   color: var(--config-muted, var(--muted));
-  font-size: 9.5px;
+  font-size: var(--font-size-xs);
   line-height: 1.25;
 }
 
 .memory-record-meta {
   gap: 5px;
   color: var(--config-faint, var(--muted-2));
-  font-size: 10px;
+  font-size: var(--font-size-xs);
 }
 
 .memory-record-actions {
@@ -359,21 +359,21 @@
 
 .memory-editor-heading h5 {
   color: var(--config-copy, var(--text));
-  font-size: 12.5px;
+  font-size: var(--font-size-md);
   font-weight: 500;
 }
 
 .memory-editor-heading p {
   margin-top: 2px;
   color: var(--config-faint, var(--muted-2));
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
 }
 
 .memory-editor-card label {
   display: grid;
   gap: 5px;
   color: var(--config-muted, var(--muted));
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
 }
 
@@ -399,14 +399,14 @@
   padding: 18px 8px;
   border-bottom: 1px solid var(--config-line, var(--line));
   color: var(--config-muted, var(--muted));
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
   text-align: center;
 }
 
 .memory-pagination {
   align-items: center;
   color: var(--config-muted, var(--muted));
-  font-size: 11px;
+  font-size: var(--font-size-sm);
 }
 
 .memory-management-card .danger-button {

package/dist/src/web-ui/app/styles/37-config-operations.css

@@ -0,0 +1,197 @@
+/* Operations section within Configuration -------------------------------- */
+
+.config-operations-section {
+  display: grid;
+  align-content: start;
+  gap: 18px;
+  min-width: 0;
+  margin-block-start: 30px;
+  padding-block-start: 24px;
+  border-top: 1px solid var(--config-line);
+}
+
+.config-operations-heading h3 {
+  margin: 0;
+  color: var(--config-copy);
+  font-size: var(--font-size-2xl);
+  font-weight: 520;
+}
+
+.config-operations-heading p {
+  margin: 5px 0 0;
+  color: var(--config-muted);
+  font-size: var(--font-size-md);
+  line-height: 1.45;
+}
+
+.operations-tabs {
+  position: sticky;
+  top: 0;
+  z-index: 6;
+  display: flex;
+  gap: 4px;
+  width: min(1260px, 100%);
+  padding: 4px;
+  border: 1px solid rgba(114, 162, 210, 0.16);
+  border-radius: 12px;
+  background: rgba(11, 29, 47, 0.96);
+  box-shadow: 0 12px 32px rgba(0, 7, 18, 0.14);
+  backdrop-filter: blur(16px);
+}
+
+.operations-tab-button {
+  flex: 0 1 150px;
+  min-height: 36px;
+  border: 0;
+  border-radius: 9px;
+  color: var(--muted);
+  font-size: var(--font-size-md);
+  font-weight: 620;
+}
+
+.operations-tab-button:hover {
+  background: rgba(84, 133, 181, 0.09);
+  color: var(--text);
+}
+
+.operations-tab-button.active {
+  background: rgba(76, 136, 218, 0.16);
+  color: #dceaff;
+}
+
+.operations-tab-page {
+  display: none;
+  width: min(1260px, 100%);
+  min-height: 0;
+}
+
+.operations-tab-page.active {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.operations-tab-page .runtime-card,
+.operations-tab-page .logs-view {
+  min-height: 280px;
+  padding: clamp(18px, 3vw, 30px);
+}
+
+.logs-view {
+  font-family: var(--font-mono);
+}
+
+.runtime-card {
+  padding: 12px;
+  overflow: hidden;
+  line-height: 1.5;
+}
+
+.runtime-grid {
+  display: grid;
+  gap: 10px;
+}
+
+.runtime-row {
+  display: grid;
+  grid-template-columns: 7rem minmax(0, 1fr);
+  gap: 10px;
+  min-width: 0;
+}
+
+.runtime-row span:first-child {
+  color: var(--muted);
+}
+
+.runtime-row strong {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.health-topline {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 12px;
+  color: var(--muted);
+  font-size: var(--font-size-sm);
+  font-weight: 720;
+}
+
+.health-pill {
+  min-width: 48px;
+  padding: 3px 8px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 7px;
+  background: rgba(255, 255, 255, 0.07);
+  text-align: center;
+  color: var(--text);
+  font-size: var(--font-size-sm);
+  font-weight: 780;
+  text-transform: uppercase;
+}
+
+.health-pill.healthy {
+  border-color: rgba(50, 215, 75, 0.2);
+  background: rgba(50, 215, 75, 0.12);
+  color: #9ef0aa;
+}
+
+.health-pill.failed {
+  border-color: rgba(255, 69, 58, 0.24);
+  background: rgba(255, 69, 58, 0.13);
+  color: #ffb0ab;
+}
+
+.health-requests {
+  display: grid;
+  gap: 8px;
+  margin-top: 13px;
+  padding-top: 13px;
+  border-top: 1px solid var(--line);
+}
+
+.health-request {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: center;
+  padding: 8px 9px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.045);
+}
+
+.health-request div {
+  display: grid;
+  min-width: 0;
+  gap: 3px;
+}
+
+.health-request div:last-child {
+  justify-items: end;
+}
+
+.health-request strong {
+  overflow: hidden;
+  color: var(--text-strong);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--font-size-md);
+}
+
+.health-request span {
+  overflow: hidden;
+  color: var(--muted);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--font-size-sm);
+}
+
+.runtime-row,
+.health-request {
+  border-color: rgba(112, 157, 201, 0.13);
+  border-radius: 10px;
+  background: rgba(54, 94, 133, 0.08);
+}

package/dist/src/web-ui/app/styles/40-config-workspace.css

@@ -33,7 +33,7 @@
 }
 
 .config-workspace-heading h2 {
-  font-size: 19px;
+  font-size: var(--font-size-4xl);
   font-weight: 520;
   letter-spacing: -0.015em;
 }
@@ -57,7 +57,7 @@
   border-radius: 7px;
   background: transparent;
   color: var(--config-muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 450;
   box-shadow: none;
 }
@@ -76,7 +76,7 @@
   border-radius: 7px;
   background: transparent;
   color: var(--config-muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 450;
   box-shadow: none;
 }
@@ -104,7 +104,7 @@
   border-radius: 0;
   background: transparent;
   color: var(--config-muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   line-height: 1.4;
   box-shadow: none;
 }
@@ -144,7 +144,7 @@
   padding: 13px 16px;
   border-right: 1px solid var(--config-line);
   color: var(--config-faint);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
   letter-spacing: 0.045em;
   text-transform: uppercase;
@@ -165,7 +165,7 @@
   color: var(--config-copy);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   font-weight: 480;
   letter-spacing: 0;
   text-transform: none;
@@ -197,7 +197,7 @@
   color: var(--config-muted);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 450;
   box-shadow: none;
 }
@@ -285,7 +285,7 @@
 .config-section-header h4 {
   margin: 0;
   color: var(--text-strong);
-  font-size: 15px;
+  font-size: var(--font-size-2xl);
   font-weight: 520;
   line-height: 1.3;
 }
@@ -297,7 +297,7 @@
   color: var(--config-muted);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
   line-height: 1.45;
 }
 
@@ -314,7 +314,7 @@
   color: var(--config-faint);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
 }
 
 .config-file-actions,
@@ -332,7 +332,7 @@
 .config-section-actions > span,
 .config-section-kicker {
   color: var(--config-faint);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
 }
 
@@ -356,7 +356,7 @@
   border-radius: 7px;
   background: transparent;
   color: var(--config-muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 450;
   box-shadow: none;
 }
@@ -409,7 +409,7 @@
   background-color: var(--config-control);
   background-image: none;
   color: var(--config-copy);
-  font-size: 12.5px;
+  font-size: var(--font-size-md);
   font-weight: 400;
   box-shadow: none;
 }
@@ -457,7 +457,7 @@
 .config-field-grid label,
 .config-calibration-meta label {
   color: var(--config-muted);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
 }
 
@@ -489,7 +489,7 @@
   padding: 0 10px;
   border-bottom: 1px solid var(--config-line);
   color: var(--config-faint);
-  font-size: 9.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
   letter-spacing: 0.04em;
   text-transform: uppercase;
@@ -529,7 +529,7 @@
 .config-file-row code {
   color: var(--config-copy);
   font-family: var(--font-mono);
-  font-size: 11px;
+  font-size: var(--font-size-sm);
 }
 
 .config-profile-select-cell {
@@ -539,7 +539,7 @@
 
 .config-profile-select-cell small {
   color: var(--config-faint);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
 }
 
 .config-files-section .config-file-row {
@@ -551,7 +551,7 @@
   color: var(--config-faint);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 10px;
+  font-size: var(--font-size-xs);
 }
 
 .config-add-row {
@@ -581,13 +581,13 @@
 
 .config-add-copy strong {
   color: var(--config-copy);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 500;
 }
 
 .config-add-copy span {
   color: var(--config-faint);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   line-height: 1.4;
 }
 
@@ -627,7 +627,7 @@
   padding: 0 12px 0 8px;
   border-bottom: 1px solid var(--config-line);
   color: var(--config-faint);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
   letter-spacing: 0.04em;
   text-transform: uppercase;
@@ -677,7 +677,7 @@
 
 .config-model-button > span {
   color: var(--config-copy);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 480;
 }
 
@@ -685,7 +685,7 @@
   display: flex;
   gap: 7px;
   color: var(--config-faint);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
 }
 
 .config-model-editor {
@@ -722,7 +722,7 @@
 
 .config-execution-route > label > span {
   color: var(--config-muted);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
 }
 
@@ -741,14 +741,14 @@
 
 .config-execution-route-copy strong {
   color: var(--config-copy);
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
   font-weight: 500;
 }
 
 .config-execution-route-copy p {
   max-width: 680px;
   color: var(--config-faint);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   line-height: 1.45;
 }
 
@@ -764,7 +764,7 @@
 .config-form-panel-title strong,
 .config-subheader > div:first-child > span {
   color: var(--config-copy);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 500;
 }
 
@@ -774,7 +774,7 @@
   color: var(--config-faint);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
 }
 
 .config-field-grid {
@@ -867,7 +867,7 @@
 
 .config-calibration-title strong {
   color: var(--config-copy);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 500;
 }
 
@@ -875,7 +875,7 @@
 .config-calibration-title small,
 .config-calibration-title code {
   color: var(--config-faint);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
 }
 
 .config-calibration-title code {
@@ -914,13 +914,13 @@
 
 .config-readonly-field strong {
   color: var(--config-copy);
-  font-size: 11px;
+  font-size: var(--font-size-sm);
   font-weight: 500;
 }
 
 .config-readonly-field small {
   color: var(--config-faint);
-  font-size: 9.5px;
+  font-size: var(--font-size-xs);
 }
 
 .config-files-section .config-file-list {
@@ -941,7 +941,7 @@
 .config-raw-panel > summary {
   cursor: pointer;
   color: var(--config-muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 480;
   list-style-position: inside;
 }
@@ -967,7 +967,7 @@
 
 .config-raw-file-select > span {
   color: var(--config-muted);
-  font-size: 10.5px;
+  font-size: var(--font-size-xs);
   font-weight: 450;
 }
 
@@ -975,7 +975,7 @@
 .config-dashboard .config-view {
   min-height: 380px;
   font-family: var(--font-mono);
-  font-size: 11.5px;
+  font-size: var(--font-size-sm);
   line-height: 1.55;
   resize: vertical;
   white-space: pre;
@@ -984,7 +984,7 @@
 .config-dashboard .empty-state {
   padding: 22px 0;
   color: var(--config-muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
 }
 
 .config-dashboard .error-text {