@abot-ai/runtime 1.4.0 → 1.5.0

package/dist/src/web-ui/app/styles/38-schedule-workspace.css

@@ -1,50 +1,53 @@
 /* Schedule page layout, list navigation and page-level states. */
+.schedules-content {
+  min-width: 0;
+  padding: 20px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--panel);
+  color: var(--text);
+}
 .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);
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  min-height: 34px;
+  padding: 6px 12px;
+  background: var(--control-bg);
+  color: var(--text);
+  font-size: var(--font-size-sm);
+  font-weight: 400;
+  box-shadow: none;
 }
 .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;
+  border-color: var(--line);
+  background: var(--control-bg-hover);
+  color: var(--text-strong);
 }
 .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);
+  border-color: var(--accent);
+  background: var(--accent);
+  color: var(--bg);
 }
 .schedules-workspace-body
   :is(.schedules-toolbar, .schedule-action-row, .schedule-state-copy)
   > .primary-button:hover:not(:disabled) {
-  border-color: #f1f5f2;
-  background: #eff4f0;
-  color: #132722;
+  border-color: var(--accent);
+  background: var(--accent-strong);
+  color: var(--bg);
 }
 .schedules-workspace-body button:focus-visible {
-  border-color: #b4ccc1;
-  outline: 2px solid #b4ccc1;
-  outline-offset: 3px;
+  border-color: var(--accent);
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
   box-shadow: none;
 }
 .schedules-workspace-body button:disabled {
@@ -53,20 +56,20 @@
   transform: none;
 }
 .schedules-workspace-body .schedule-action-row > [data-job-action="cancel"] {
-  color: #d6a6ae;
+  color: var(--danger);
 }
 .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;
+  border-color: var(--line);
+  background: color-mix(in srgb, var(--danger) 8%, transparent);
+  color: var(--danger);
 }
 .schedules-toolbar {
   display: flex;
   align-items: center;
-  gap: 10px;
-  margin-bottom: 16px;
+  gap: 8px;
+  margin-bottom: 12px;
 }
 .schedule-search {
   display: flex;
@@ -78,32 +81,33 @@
 }
 .schedule-search svg {
   position: absolute;
-  inset-inline-start: 12px;
-  width: 18px;
-  height: 18px;
+  inset-inline-start: 11px;
+  width: 16px;
+  height: 16px;
   color: var(--muted);
   pointer-events: none;
 }
 .schedule-search input {
   width: 100%;
-  padding-inline: 38px 12px;
+  padding-inline: 34px 10px;
 }
 .schedules-toolbar input,
 .schedules-toolbar select,
 .schedules-toolbar button {
-  height: 40px;
-  border-radius: 9px;
-  font-size: var(--font-size-md);
+  height: 36px;
+  border-radius: 8px;
+  font-size: var(--font-size-sm);
 }
 .schedules-toolbar select {
   width: auto;
-  min-width: 132px;
-  padding-inline: 12px 26px;
+  min-width: 126px;
+  padding-inline: 10px 26px;
+  font-weight: 400;
 }
 .schedules-toolbar > button {
   width: auto;
   flex: none;
-  padding-inline: 15px;
+  padding-inline: 12px;
 }
 .schedules-feedback {
   min-height: 1.5em;
@@ -112,15 +116,15 @@
   margin-block: 0 12px;
 }
 .schedules-feedback.schedule-error {
-  border: 1px solid rgba(245, 148, 153, 0.2);
+  border: 1px solid color-mix(in srgb, var(--danger) 24%, transparent);
   border-radius: 9px;
-  background: rgba(245, 148, 153, 0.055);
+  background: color-mix(in srgb, var(--danger) 6%, transparent);
   padding: 12px 15px;
   line-height: 1.6;
 }
 .schedules-layout {
   display: grid;
-  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
+  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
   align-items: start;
   gap: 18px;
 }
@@ -130,8 +134,12 @@
 }
 .schedules-list {
   display: grid;
-  gap: 4px;
+  gap: 0;
   min-width: 0;
+  padding: 4px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--panel);
 }
 .schedule-list-item {
   display: grid;
@@ -139,29 +147,34 @@
   width: 100%;
   padding: 10px 12px;
   text-align: start;
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  background: rgba(16, 32, 49, 0.45);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
   box-shadow: none;
 }
+.schedule-list-item + .schedule-list-item {
+  border-top: 1px solid var(--line);
+}
 .schedule-list-item:hover {
-  border-color: rgba(187, 206, 210, 0.35);
-  background: rgba(189, 211, 208, 0.055);
+  background: var(--control-bg);
+}
+.schedule-list-item:active {
+  transform: none;
 }
 .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;
+  background: var(--accent-soft);
 }
 .schedule-list-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 8px;
+  gap: 12px;
   min-width: 0;
 }
 .schedule-list-top strong {
+  color: var(--text-strong);
   font-size: var(--font-size-sm);
+  font-weight: 400;
   line-height: 1.5;
   min-width: 0;
   overflow: hidden;
@@ -169,12 +182,38 @@
   white-space: nowrap;
 }
 .schedule-list-top .schedule-badge {
-  padding: 2px 6px;
+  --schedule-status-color: var(--muted-2);
+  gap: 6px;
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--muted);
+}
+.schedule-list-top .schedule-badge::before {
+  content: "";
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--schedule-status-color);
+}
+.schedule-list-top .schedule-badge[data-state="active"],
+.schedule-list-top .schedule-badge[data-state="succeeded"] {
+  --schedule-status-color: var(--green);
+}
+.schedule-list-top .schedule-badge[data-state="running"],
+.schedule-list-top .schedule-badge[data-state="pending"] {
+  --schedule-status-color: var(--accent);
+}
+.schedule-list-top .schedule-badge[data-state="failed"],
+.schedule-list-top .schedule-badge[data-state="interrupted"] {
+  --schedule-status-color: var(--danger);
+}
+.schedule-list-top .schedule-badge[data-state="paused"] {
+  --schedule-status-color: var(--amber);
 }
 .schedule-list-meta {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
+  display: grid;
+  gap: 2px;
   min-width: 0;
 }
 .schedule-list-meta > span {
@@ -184,11 +223,10 @@
   font-size: var(--font-size-xs);
 }
 .schedule-list-meta .schedule-next-run {
-  flex-shrink: 0;
-  max-width: 65%;
+  font-variant-numeric: tabular-nums;
 }
 .schedule-list-description {
-  color: var(--text);
+  color: var(--muted);
   font-weight: 400;
   font-size: var(--font-size-sm);
   line-height: 1.6;
@@ -202,13 +240,13 @@
 .schedule-workspace-state {
   display: flex;
   align-items: flex-start;
-  gap: 24px;
+  gap: 20px;
   width: min(680px, 100%);
   margin: clamp(30px, 9vh, 90px) auto;
-  padding: 32px;
+  padding: 24px;
   border: 1px solid var(--line);
-  border-radius: 16px;
-  background: rgba(15, 32, 50, 0.5);
+  border-radius: 10px;
+  background: var(--panel);
 }
 .schedule-state-icon {
   display: grid;
@@ -216,19 +254,19 @@
   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);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  color: var(--accent);
+  background: var(--control-bg);
 }
 .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);
+  color: var(--amber);
+  border-color: var(--line);
+  background: var(--control-bg);
 }
 .schedule-state-copy {
   min-width: 0;
@@ -237,7 +275,7 @@
   margin: 1px 0 10px;
   color: var(--text-strong);
   font-size: 1.25rem;
-  font-weight: 600;
+  font-weight: 400;
   line-height: 1.4;
 }
 .schedule-state-copy p {
@@ -249,6 +287,6 @@
 }
 .schedule-state-copy button {
   width: auto;
-  min-height: 38px;
-  padding-inline: 15px;
+  min-height: 34px;
+  padding-inline: 12px;
 }

package/dist/src/web-ui/app/styles/38-schedules.css

@@ -5,39 +5,39 @@
   gap: 5px;
   width: fit-content;
   flex: none;
-  padding: 4px 8px;
-  border-radius: 20px;
+  padding: 3px 7px;
+  border-radius: 5px;
   text-transform: capitalize;
   font-size: var(--font-size-xs);
-  font-weight: 600;
-  color: #bbc9dc;
-  background: rgba(150, 170, 200, 0.13);
+  font-weight: 400;
+  color: var(--muted);
+  background: var(--control-bg);
 }
 .schedule-badge[data-state="active"],
 .schedule-badge[data-state="succeeded"] {
-  background: rgba(47, 193, 144, 0.12);
-  color: #7cddba;
+  background: color-mix(in srgb, var(--green) 8%, transparent);
+  color: var(--green);
 }
 .schedule-badge[data-state="running"],
 .schedule-badge[data-state="pending"] {
-  background: rgba(78, 145, 255, 0.16);
-  color: #a3c9ff;
+  background: var(--accent-soft);
+  color: var(--accent);
 }
 .schedule-badge[data-state="failed"],
 .schedule-badge[data-state="interrupted"] {
-  background: rgba(247, 107, 118, 0.12);
-  color: #ffa8b3;
+  background: color-mix(in srgb, var(--danger) 8%, transparent);
+  color: var(--danger);
 }
 .schedule-badge[data-state="paused"] {
-  background: rgba(225, 173, 63, 0.12);
-  color: #e9ca81;
+  background: color-mix(in srgb, var(--amber) 8%, transparent);
+  color: var(--amber);
 }
 .schedule-details {
   min-width: 0;
-  padding: 26px;
+  padding: 20px;
   border: 1px solid var(--line);
-  border-radius: 18px;
-  background: rgba(17, 31, 49, 0.52);
+  border-radius: 10px;
+  background: var(--panel);
 }
 .schedule-detail-heading {
   display: grid;
@@ -47,32 +47,32 @@
 }
 .schedule-detail-heading h3 {
   margin: 0;
-  font-size: 1.6rem;
-  font-weight: 600;
+  font-size: var(--font-size-4xl);
+  font-weight: 400;
   overflow-wrap: anywhere;
 }
 .schedule-eyebrow {
-  color: #a9c6b8;
+  color: var(--muted);
   font-size: var(--font-size-xs);
-  font-weight: 650;
-  letter-spacing: 0.1em;
+  font-weight: 400;
+  letter-spacing: 0.035em;
   text-transform: uppercase;
 }
 .schedule-action-row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
 }
 .schedule-action-row button {
-  min-height: 36px;
+  min-height: 34px;
   font-size: var(--font-size-sm);
 }
 .schedule-facts {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 18px;
-  padding: 24px 0;
+  gap: 14px;
+  padding: 20px 0;
   margin: 0;
 }
 .schedule-facts dt {
@@ -95,14 +95,15 @@
   border: 0;
   background: transparent;
   box-shadow: none;
-  color: #bdcfc8;
+  color: var(--accent);
   font-size: var(--font-size-sm);
+  font-weight: 400;
   text-align: start;
 }
 .schedule-conversation-link:hover,
 .schedule-text-button:hover,
 .schedule-chat-title:hover {
-  color: #edf3ef;
+  color: var(--accent-strong);
   background: transparent;
   text-decoration: underline;
   text-underline-offset: 4px;
@@ -129,7 +130,7 @@
   font-size: var(--font-size-sm);
   line-height: 1.7;
   padding: 12px;
-  background: rgba(0, 0, 0, 0.15);
+  background: var(--bg);
   border-radius: 9px;
   margin-block: 12px 0;
   max-height: 360px;
@@ -157,6 +158,7 @@
 .schedule-section-heading h3 {
   margin: 0;
   font-size: 1rem;
+  font-weight: 400;
 }
 .schedule-section-heading > span {
   color: var(--muted);
@@ -174,12 +176,15 @@
   margin-bottom: 8px;
   font-size: var(--font-size-sm);
 }
+.schedule-run-heading strong {
+  font-weight: 400;
+}
 .schedule-result {
   margin-top: 12px;
 }
 .schedule-error,
 .schedule-form-feedback {
-  color: #ffb0ba;
+  color: var(--danger);
 }
 .schedule-details.schedule-details-placeholder {
   border-color: transparent;
@@ -200,11 +205,11 @@
 }
 .schedule-detail-empty > span {
   font-size: 32px;
-  color: #86abdc;
+  color: var(--accent);
 }
 .schedule-detail-empty h3 {
   color: var(--text);
-  font-weight: 500;
+  font-weight: 400;
 }
 .schedule-detail-empty p {
   font-size: var(--font-size-sm);
@@ -214,12 +219,12 @@
 }
 .schedule-editor {
   display: grid;
-  gap: 18px;
+  gap: 14px;
 }
 .schedule-editor label {
   display: grid;
   align-content: start;
-  gap: 8px;
+  gap: 6px;
   font-size: var(--font-size-sm);
   color: var(--muted);
   min-width: 0;
@@ -229,12 +234,18 @@
 .schedule-editor select {
   width: 100%;
   min-width: 0;
-  min-height: 40px;
-  padding: 9px 12px;
+  min-height: 36px;
+  padding: 7px 10px;
+  border-radius: 8px;
+  background-color: var(--control-fill);
   color: var(--text);
+  font-weight: 400;
+  box-shadow: none;
 }
 .schedule-editor textarea {
   resize: vertical;
+  height: 108px;
+  min-height: 96px;
 }
 .schedule-editor small {
   font-size: var(--font-size-xs);
@@ -243,7 +254,7 @@
 .schedule-form-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 18px;
+  gap: 14px;
 }
 .schedule-form-grid [hidden] {
   display: none;
@@ -273,18 +284,18 @@
 }
 .schedule-weekdays span {
   display: inline-block;
-  padding: 8px 10px;
+  padding: 6px 9px;
   border: 1px solid var(--line);
-  border-radius: 8px;
+  border-radius: 7px;
   cursor: pointer;
 }
 .schedule-weekdays input:checked + span {
-  background: rgba(168, 203, 187, 0.14);
-  color: #dceae2;
-  border-color: #96b5a6;
+  background: var(--accent-soft);
+  color: var(--accent-strong);
+  border-color: var(--accent);
 }
 .schedule-weekdays input:focus-visible + span {
-  outline: 2px solid #b4ccc1;
+  outline: 2px solid var(--accent);
   outline-offset: 2px;
 }
 .schedule-permission-note {
@@ -294,7 +305,10 @@
   color: var(--muted);
   padding: 12px 14px;
   border-radius: 10px;
-  background: rgba(104, 148, 208, 0.08);
+  background: var(--control-bg);
+}
+.schedule-permission-note strong {
+  font-weight: 400;
 }
 .schedule-message-row {
   justify-content: flex-start;
@@ -303,14 +317,9 @@
 .schedule-chat-card {
   width: min(100%, 540px);
   padding: 18px 20px;
-  border: 1px solid rgba(177, 201, 188, 0.23);
-  border-inline-start: 3px solid #a9c6b8;
+  border: 1px solid var(--line);
   border-radius: 12px;
-  background: linear-gradient(
-    110deg,
-    rgba(130, 161, 145, 0.09),
-    rgba(24, 42, 45, 0.2)
-  );
+  background: var(--panel);
 }
 .schedule-chat-title {
   display: block;
@@ -318,11 +327,11 @@
   padding: 0;
   text-align: start;
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 400;
   background: none;
   border: 0;
   box-shadow: none;
-  color: #dceae2;
+  color: var(--text);
 }
 .schedule-chat-time {
   margin-top: 7px;

package/dist/src/web-ui/app/styles/39-memory-workspace.css

@@ -0,0 +1,80 @@
+.memory-workspace-panel {
+  --config-surface: var(--panel);
+  --config-control: var(--panel-raised);
+  --config-control-hover: var(--accent-soft);
+  --config-line: var(--line);
+  --config-line-strong: var(--line-strong);
+  --config-copy: var(--text);
+  --config-muted: var(--muted);
+  --config-faint: var(--muted-2);
+}
+
+.memory-workspace-body > .memory-workspace-content {
+  width: min(var(--workspace-content-width), 100%);
+  min-width: 0;
+}
+
+.memory-workspace-panel .memory-workspace-nav {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.memory-workspace-panel
+  .config-category-panel
+  > :is(.memory-setup-card, .memory-management-card) {
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
+.memory-workspace-panel
+  :is(.memory-setup-card, .memory-management-card)
+  button:not(.memory-icon-button, .memory-content-toggle) {
+  min-height: 32px;
+  padding: 5px 10px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text);
+  font-size: var(--font-size-sm);
+  font-weight: 400;
+  box-shadow: none;
+}
+
+.memory-workspace-panel
+  :is(.memory-setup-card, .memory-management-card)
+  button:not(.memory-icon-button, .memory-content-toggle):hover:not(:disabled) {
+  border-color: var(--line);
+  background: var(--control-bg);
+}
+
+.memory-workspace-panel
+  :is(.memory-setup-card, .memory-management-card)
+  button:focus-visible {
+  outline: 1px solid var(--accent-strong);
+  outline-offset: 1px;
+}
+
+.memory-workspace-panel
+  :is(.memory-setup-card, .memory-management-card)
+  button:is(.primary-button, [data-memory-action="enable"]):not(:disabled) {
+  border-color: var(--accent);
+  background: var(--accent);
+  color: var(--bg);
+}
+
+.memory-workspace-panel
+  :is(.memory-setup-card, .memory-management-card)
+  button:is(.primary-button, [data-memory-action="enable"]):hover:not(
+    :disabled
+  ) {
+  border-color: var(--accent-strong);
+  background: var(--accent-strong);
+  color: var(--bg);
+}
+
+@media (max-width: 620px) {
+  .memory-workspace-panel .memory-search {
+    flex: 0 1 auto;
+  }
+}