@abot-ai/runtime 1.1.0 → 1.3.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/38-schedule-workspace.css

@@ -0,0 +1,263 @@
+/* Schedule page layout, list navigation and page-level states. */
+.schedules-workspace-body {
+  width: 100%;
+  max-width: none;
+  margin: 0;
+}
+.schedules-workspace-body > * {
+  width: 100%;
+  margin-inline: 0;
+}
+.schedules-workspace-body [hidden] {
+  display: none !important;
+}
+.schedules-workspace-body
+  :is(.schedules-toolbar, .schedule-action-row, .schedule-state-copy)
+  > button {
+  border: 1px solid rgba(197, 212, 224, 0.2);
+  border-radius: 10px;
+  padding: 9px 15px;
+  background: linear-gradient(
+    180deg,
+    rgba(216, 227, 235, 0.075),
+    rgba(216, 227, 235, 0.035)
+  );
+  color: #dce5e9;
+  font-weight: 600;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
+}
+.schedules-workspace-body
+  :is(.schedules-toolbar, .schedule-action-row, .schedule-state-copy)
+  > button:hover:not(:disabled) {
+  border-color: rgba(212, 226, 234, 0.38);
+  background: rgba(216, 227, 235, 0.12);
+  color: #f3f6f5;
+}
+.schedules-workspace-body
+  :is(.schedules-toolbar, .schedule-action-row, .schedule-state-copy)
+  > .primary-button {
+  border-color: #d6e0dd;
+  background: linear-gradient(180deg, #e6ede9, #d2ded9);
+  color: #172c29;
+  box-shadow:
+    0 2px 7px rgba(0, 0, 0, 0.14),
+    inset 0 1px rgba(255, 255, 255, 0.6);
+}
+.schedules-workspace-body
+  :is(.schedules-toolbar, .schedule-action-row, .schedule-state-copy)
+  > .primary-button:hover:not(:disabled) {
+  border-color: #f1f5f2;
+  background: #eff4f0;
+  color: #132722;
+}
+.schedules-workspace-body button:focus-visible {
+  border-color: #b4ccc1;
+  outline: 2px solid #b4ccc1;
+  outline-offset: 3px;
+  box-shadow: none;
+}
+.schedules-workspace-body button:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+  transform: none;
+}
+.schedules-workspace-body .schedule-action-row > [data-job-action="cancel"] {
+  color: #d6a6ae;
+}
+.schedules-workspace-body
+  .schedule-action-row
+  > [data-job-action="cancel"]:hover:not(:disabled) {
+  border-color: rgba(228, 161, 173, 0.35);
+  background: rgba(228, 161, 173, 0.08);
+  color: #f0bec7;
+}
+.schedules-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 16px;
+}
+.schedule-search {
+  display: flex;
+  align-items: center;
+  position: relative;
+  flex: 1;
+  min-width: 140px;
+  margin: 0;
+}
+.schedule-search svg {
+  position: absolute;
+  inset-inline-start: 12px;
+  width: 18px;
+  height: 18px;
+  color: var(--muted);
+  pointer-events: none;
+}
+.schedule-search input {
+  width: 100%;
+  padding-inline: 38px 12px;
+}
+.schedules-toolbar input,
+.schedules-toolbar select,
+.schedules-toolbar button {
+  height: 40px;
+  border-radius: 9px;
+  font-size: var(--font-size-md);
+}
+.schedules-toolbar select {
+  width: auto;
+  min-width: 132px;
+  padding-inline: 12px 26px;
+}
+.schedules-toolbar > button {
+  width: auto;
+  flex: none;
+  padding-inline: 15px;
+}
+.schedules-feedback {
+  min-height: 1.5em;
+  color: var(--muted);
+  font-size: var(--font-size-sm);
+  margin: 0 0 12px;
+}
+.schedules-feedback.schedule-error {
+  border: 1px solid rgba(245, 148, 153, 0.2);
+  border-radius: 9px;
+  background: rgba(245, 148, 153, 0.055);
+  padding: 12px 15px;
+  line-height: 1.6;
+}
+.schedules-layout {
+  display: grid;
+  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
+  align-items: start;
+  gap: 18px;
+}
+.schedules-layout.schedule-editor-only {
+  grid-template-columns: minmax(0, 860px);
+  justify-content: center;
+}
+.schedules-list {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+.schedule-list-item {
+  display: grid;
+  gap: 5px;
+  width: 100%;
+  padding: 10px 12px;
+  text-align: start;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: rgba(16, 32, 49, 0.45);
+  box-shadow: none;
+}
+.schedule-list-item:hover {
+  border-color: rgba(187, 206, 210, 0.35);
+  background: rgba(189, 211, 208, 0.055);
+}
+.schedule-list-item.selected {
+  border-color: rgba(181, 210, 198, 0.46);
+  background: rgba(168, 203, 187, 0.07);
+  box-shadow: inset 3px 0 #a9c6b8;
+}
+.schedule-list-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-width: 0;
+}
+.schedule-list-top strong {
+  font-size: var(--font-size-sm);
+  line-height: 1.5;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.schedule-list-top .schedule-badge {
+  padding: 2px 6px;
+}
+.schedule-list-meta {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+}
+.schedule-list-meta > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--font-size-xs);
+}
+.schedule-list-meta .schedule-next-run {
+  flex-shrink: 0;
+  max-width: 65%;
+}
+.schedule-list-description {
+  color: var(--text);
+  font-weight: 400;
+  font-size: var(--font-size-sm);
+  line-height: 1.6;
+}
+.schedule-list-empty {
+  color: var(--muted);
+  padding: 24px 10px;
+  font-size: var(--font-size-sm);
+  line-height: 1.7;
+}
+.schedule-workspace-state {
+  display: flex;
+  align-items: flex-start;
+  gap: 24px;
+  width: min(680px, 100%);
+  margin: clamp(30px, 9vh, 90px) auto;
+  padding: 32px;
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  background: rgba(15, 32, 50, 0.5);
+}
+.schedule-state-icon {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 52px;
+  height: 52px;
+  border: 1px solid rgba(108, 163, 232, 0.2);
+  border-radius: 14px;
+  color: #a3c9ff;
+  background: rgba(71, 126, 196, 0.08);
+}
+.schedule-state-icon svg {
+  width: 28px;
+  height: 28px;
+}
+.schedule-workspace-state[data-state="error"] .schedule-state-icon {
+  color: #e5bc86;
+  border-color: rgba(229, 188, 134, 0.2);
+  background: rgba(229, 188, 134, 0.06);
+}
+.schedule-state-copy {
+  min-width: 0;
+}
+.schedule-state-copy h3 {
+  margin: 1px 0 10px;
+  color: var(--text-strong);
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.4;
+}
+.schedule-state-copy p {
+  margin: 0 0 22px;
+  color: var(--muted);
+  font-size: var(--font-size-md);
+  line-height: 1.75;
+  overflow-wrap: anywhere;
+}
+.schedule-state-copy button {
+  width: auto;
+  min-height: 38px;
+  padding-inline: 15px;
+}