@abot-ai/runtime 1.5.0 → 1.7.0

package/dist/src/web-ui/app/styles/11-product-links.css

@@ -0,0 +1,30 @@
+/* Official website links in the brand and configuration header. */
+.product-site-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  color: var(--muted);
+  font-size: var(--font-size-xs);
+  line-height: 18px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.product-site-link:hover {
+  color: var(--text-strong);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+.product-site-link:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 3px;
+  border-radius: 2px;
+}
+
+@media (min-width: 761px) {
+  .workspace-brand {
+    flex-direction: column;
+    gap: 1px;
+  }
+}

package/dist/src/web-ui/app/styles/11-workspace-header-width.css

@@ -22,22 +22,36 @@
   margin-inline: auto;
 }
 
-/* A shared desktop baseline joins the brand, navigation and workspace. */
-@media (min-width: 761px) {
-  .app-shell {
-    --workspace-header-height: 94px;
-  }
+/* Primary headers share one height and title style on every page. */
+.app-shell {
+  --workspace-header-height: 64px;
+}
 
-  .home-workspace-header,
-  .workspace-page-header,
-  .config-workspace-panel .config-workspace-header,
-  .chat-header {
-    height: var(--workspace-header-height);
-    min-height: var(--workspace-header-height);
-    flex-shrink: 0;
-    align-items: center;
-  }
+.home-workspace-header,
+.workspace-page-header,
+.config-workspace-panel .config-workspace-header,
+.chat-header {
+  height: var(--workspace-header-height);
+  min-height: var(--workspace-header-height);
+  flex-shrink: 0;
+  align-items: center;
+  align-content: center;
+  padding-block: 6px;
+}
 
+.home-workspace-header h1,
+.workspace-page-header h2,
+.chat-header h2 {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--font-size-4xl);
+  font-weight: 400;
+  line-height: 1.25;
+  letter-spacing: -0.015em;
+}
+
+/* Join the brand, navigation and workspace at the shared baseline. */
+@media (min-width: 761px) {
   .workspace-rail {
     padding-top: 0;
   }
@@ -97,3 +111,23 @@
     border-bottom: 1px solid var(--line);
   }
 }
+
+@media (max-width: 760px) {
+  .app-shell {
+    --workspace-header-height: 56px;
+  }
+}
+
+/* Keep narrow-screen header actions clear of the shared title. */
+@media (max-width: 400px) {
+  .workspace-page-header .toolbar-actions {
+    max-width: calc(100vw - 2 * var(--workspace-page-gutter) - 100px);
+  }
+
+  .workspace-page-header .toolbar-actions button {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/dist/src/web-ui/app/styles/11-workspace-rail.css

@@ -142,6 +142,12 @@
   background: color-mix(in srgb, var(--accent) 8%, var(--panel));
 }
 
+.workspace-rail .rail-icon-studio {
+  border-radius: 11px;
+  color: #a6b9ed;
+  background: color-mix(in srgb, #a6b9ed 8%, var(--panel));
+}
+
 .workspace-rail .rail-actions .rail-button:is(.active, [aria-current="page"]),
 .workspace-rail .rail-history-button[aria-expanded="true"] {
   background: color-mix(in srgb, var(--accent) 7%, var(--panel));

package/dist/src/web-ui/app/styles/19-dashboard-automations.css

@@ -0,0 +1,32 @@
+.home-automation-status {
+  display: grid;
+  gap: 9px;
+  min-width: 0;
+  padding: 12px 16px;
+  border: 1px solid var(--line-strong);
+  border-radius: 9px;
+  background: var(--panel);
+}
+.home-automation-status[hidden] { display: none; }
+.home-automation-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 12px; }
+.home-automation-heading span { color: var(--accent-strong); font-size: var(--font-size-xs); }
+.home-automation-heading strong { color: var(--text-strong); font-size: var(--font-size-sm); font-weight: 600; }
+.home-automation-runs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.home-automation-run {
+  display: inline-flex;
+  align-items: center;
+  gap: 9px;
+  min-width: 0;
+  padding: 7px 10px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  color: var(--text);
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+}
+.home-automation-run:hover, .home-automation-run:focus-visible { border-color: var(--accent); background: var(--panel-soft); }
+.home-automation-run strong { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.home-automation-run > span:last-child { color: var(--muted); font-size: var(--font-size-xs); }
+.home-automation-pulse { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
+.home-automation-more { color: var(--muted); font-size: var(--font-size-xs); }
+.home-automation-retry { padding: 7px 10px; font-size: var(--font-size-xs); }

package/dist/src/web-ui/app/styles/41-co-worker-agent.css

@@ -8,7 +8,7 @@
 .co-worker-agent-copy p { margin: 0; max-width: 620px; color: var(--muted); line-height: 1.7; font-size: var(--font-size-sm); }
 .co-worker-art { width: 108px; height: 108px; position: relative; display: grid; place-items: center; color: var(--accent); }
 .co-worker-core { position: relative; width: 61px; height: 61px; display: grid; place-items: center; border-radius: 22px; background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); transform: rotate(-8deg); }
-.co-worker-core svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; transform: rotate(8deg); }
+.co-worker-core img { width: 38px; height: 38px; transform: rotate(8deg); }
 .co-worker-orbit { position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--accent) 12%, transparent); border-radius: 50%; }
 .co-worker-agent :is([data-agent-phase="collection"], [data-orbit-phase="collection"]) { --phase-accent: #8ebcff; --phase-radius: 50%; --phase-rotation: 0deg; }
 .co-worker-agent :is([data-agent-phase="processing"], [data-orbit-phase="processing"]) { --phase-accent: var(--accent); --phase-radius: 1px; --phase-rotation: 0deg; }
@@ -27,15 +27,13 @@
 .co-worker-spark { position: absolute; inset: -12px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%); opacity: 0; pointer-events: none; }
 .co-worker-agent[data-agent-mode="quiet"] .co-worker-core { opacity: .6; color: var(--muted); }
 .co-worker-agent[data-agent-mode="attention"] .co-worker-agent-label { color: var(--warn, #e2ba79); }
-.co-worker-agent:is([data-agent-mode="collecting"],[data-agent-mode="reviewing"],[data-agent-mode="suggestion"]) .co-worker-agent-label { color: var(--accent); }
+.co-worker-agent:is([data-agent-mode="collecting"],[data-agent-mode="reviewing"]) .co-worker-agent-label { color: var(--accent); }
 .co-worker-agent:is([data-agent-mode="collecting"],[data-agent-mode="reviewing"]) .co-worker-orbit { animation: co-worker-orbit 48s linear infinite; }
 .co-worker-agent[data-agent-mode="reviewing"] .co-worker-orbit { animation-duration: 24s; }
 .co-worker-agent[data-agent-mode="reviewing"] .co-worker-core { animation: co-worker-think 2.4s ease-in-out 4; }
 .co-worker-agent[data-agent-mode="reviewing"] .co-worker-spark { animation: co-worker-glimmer 2.4s ease-in-out 4; }
-.co-worker-agent:is([data-agent-mode="collecting"],[data-agent-mode="reviewing"]) .co-worker-core svg { animation: co-worker-self-turn 28s linear infinite; }
-.co-worker-agent[data-agent-mode="reviewing"] .co-worker-core svg { animation-duration: 14s; }
-.co-worker-agent[data-agent-mode="suggestion"] .co-worker-core { animation: co-worker-arrival 850ms cubic-bezier(.2,.7,.3,1) 1; }
-.co-worker-agent[data-agent-mode="suggestion"] .co-worker-wave { animation: co-worker-wave-a 1.7s ease-out 2; }
+.co-worker-agent:is([data-agent-mode="collecting"],[data-agent-mode="reviewing"]) .co-worker-core img { animation: co-worker-self-turn 28s linear infinite; }
+.co-worker-agent[data-agent-mode="reviewing"] .co-worker-core img { animation-duration: 14s; }
 .co-worker-agent[data-observation-pulse="a"][data-agent-mode="collecting"] .co-worker-wave { animation: co-worker-wave-a 1.3s ease-out 1; }
 .co-worker-agent[data-observation-pulse="b"][data-agent-mode="collecting"] .co-worker-wave { animation: co-worker-wave-b 1.3s ease-out 1; }
 .co-worker-agent[data-motion="off"] *, .co-worker-agent[data-motion="off"] *::before { animation-play-state: paused !important; }
@@ -64,26 +62,12 @@
 .co-worker-agent-compact .co-worker-agent-main { grid-template-columns: 72px minmax(0, 1fr) auto; padding: 18px; gap: 14px; }
 .co-worker-agent-compact .co-worker-art { width: 72px; height: 72px; }
 .co-worker-agent-compact .co-worker-core { width: 46px; height: 46px; border-radius: 17px; }
-.co-worker-agent-compact .co-worker-core svg { width: 25px; height: 25px; }
+.co-worker-agent-compact .co-worker-core img { width: 32px; height: 32px; }
 .co-worker-agent-compact .co-worker-agent-copy h3 { margin: 5px 0; font-size: 19px; }
 .co-worker-agent-compact .co-worker-agent-copy p { font-size: var(--font-size-xs); }
 .co-worker-agent-compact .co-worker-phase { padding: 8px 18px; }
 .co-worker-agent-compact .co-worker-phase small { display: none; }
 .co-worker-agent-compact .co-worker-phase[data-processing-active="true"] small { display: block; margin-top: 7px; }
-.co-worker-proposals:empty { display: none; }
-.co-worker-proposal { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 14px; margin: 0 0 22px; padding: 20px; border-radius: 9px; border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
-.co-worker-proposal-icon { color: var(--accent); font-size: 23px; }
-.co-worker-eyebrow { color: var(--accent); font-size: 11px; }
-.co-worker-proposal h4 { font-weight: 400; margin: 5px 0 8px; font-size: var(--font-size-md); }
-.co-worker-proposal p { color: var(--muted); font-size: var(--font-size-sm); line-height: 1.65; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
-.co-worker-proposal-actions { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 12px; }
-.home-learning-panel .co-worker-proposal { margin: 16px 18px; }
-.home-learning-panel .co-worker-proposal-actions button { border: 0; background: transparent; padding: 5px 8px; font-size: var(--font-size-xs); font-weight: 400; }
-.home-learning-panel [data-learning-proposal-open] { color: var(--accent); }
-.passive-learning-card [data-learning-proposal-open] { color: var(--accent); background: var(--accent-soft); }
-.co-worker-proposal-toast { position: fixed; z-index: 1000; inset: auto 24px 24px auto; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; width: min(390px, calc(100vw - 32px)); padding: 18px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: 12px; background: var(--panel); color: var(--text); box-shadow: 0 10px 35px #0004; animation: co-worker-toast-in 300ms ease-out 1; }
-.co-worker-proposal-toast-copy { flex: 1 1 220px; font-size: var(--font-size-sm); line-height: 1.6; }
-.co-worker-proposal-toast button { font-size: var(--font-size-xs); font-weight: 400; padding: 5px 9px; border-radius: 6px; }
 @keyframes co-worker-phase-pulse { 50% { transform: scale(1.3); opacity: .65; } }
 @keyframes co-worker-orbit { from { transform: rotate(0); } to { transform: rotate(-360deg); } }
 @keyframes co-worker-self-turn { from { transform: rotate(8deg); } to { transform: rotate(368deg); } }
@@ -91,8 +75,6 @@
 @keyframes co-worker-glimmer { 50% { opacity: 1; transform: scale(1.08); } }
 @keyframes co-worker-wave-a { 0% { opacity: .5; transform: scale(.85); } 100% { opacity: 0; transform: scale(1.65); } }
 @keyframes co-worker-wave-b { 0% { opacity: .5; transform: scale(.85); } 100% { opacity: 0; transform: scale(1.65); } }
-@keyframes co-worker-arrival { 0%,100% { transform: rotate(-8deg); } 40% { transform: rotate(6deg) scale(1.06); } 70% { transform: rotate(-12deg); } }
-@keyframes co-worker-toast-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
 @media (max-width: 700px) {
   .co-worker-agent-compact .co-worker-agent-main { grid-template-columns: 72px minmax(0, 1fr); }
   .co-worker-agent-compact [data-learning-open] { grid-column: 2; justify-self: start; }
@@ -106,8 +88,7 @@
   .co-worker-phase p { margin: 0; text-align: end; }
   .co-worker-phase [data-phase-state] { justify-self: end; }
   .co-worker-phase small { grid-column: 2; text-align: end; }
-  .co-worker-proposal-toast { inset-inline-end: 16px; bottom: 16px; }
 }
 @media (prefers-reduced-motion: reduce) {
-  .co-worker-agent *, .co-worker-agent *::before, .co-worker-proposal-toast { animation: none !important; transition: none !important; }
+  .co-worker-agent *, .co-worker-agent *::before { animation: none !important; transition: none !important; }
 }

package/dist/src/web-ui/app/styles/41-plugin-configuration.css

@@ -0,0 +1,79 @@
+.plugin-configuration-fields {
+  border: 0;
+  padding: 0;
+  margin: 1.5rem 0;
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+}
+.plugin-configuration-fields legend {
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+.plugin-configuration-fields > p,
+.plugin-configuration-fields small {
+  color: var(--muted);
+  font-size: 0.875rem;
+}
+.plugin-configuration-fields label {
+  display: grid;
+  gap: 0.4rem;
+}
+.plugin-configuration-fields input:not([type="checkbox"]),
+.plugin-configuration-fields textarea,
+.plugin-configuration-fields select {
+  width: 100%;
+  box-sizing: border-box;
+}
+.plugin-configuration-fields textarea {
+  resize: vertical;
+  font-family: monospace;
+}
+.plugin-configuration-fields .plugin-setting-checkbox {
+  display: flex;
+  align-items: center;
+}
+.plugin-secret-field {
+  display: grid;
+  gap: 0.5rem;
+}
+.plugin-secret-field input[hidden] {
+  display: none;
+}
+.plugin-configuration-dialog {
+  color: var(--text);
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  width: min(38rem, calc(100vw - 2rem));
+  max-height: calc(100dvh - 3rem);
+  padding: 1.5rem;
+}
+.plugin-configuration-dialog::backdrop {
+  background: rgb(0 0 0 / 55%);
+}
+.plugin-configuration-dialog h2 {
+  margin: 0 0 1rem;
+}
+.plugin-configuration-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.75rem;
+  margin-top: 1rem;
+}
+
+.plugin-setting-source {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-top: 0.3rem;
+}
+.plugin-setting-source button {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  color: var(--muted);
+  font-size: 0.8rem;
+  text-decoration: underline;
+}

package/dist/src/web-ui/app/styles/41-plugin-discovery.css

@@ -0,0 +1,132 @@
+.plugin-workspace {
+  width: 100%;
+}
+.plugin-workspace > .config-category-nav {
+  grid-template-columns: repeat(2, minmax(0, 180px));
+  margin-bottom: 4px;
+}
+.plugin-discovery {
+  display: grid;
+  gap: 28px;
+  max-width: 880px;
+  margin: 0 auto;
+  padding: 12px 0 24px;
+}
+.plugin-marketplace-card,
+.plugin-source-card {
+  padding: 0;
+  background: transparent;
+}
+.plugin-source-card {
+  border-top: 1px solid var(--config-line);
+  padding-top: 28px;
+}
+.plugin-marketplace-card h2,
+.plugin-source-card h2 {
+  margin: 0 0 10px;
+  font-size: 20px;
+  font-weight: 400;
+}
+.plugin-marketplace-card p,
+.plugin-source-card > p {
+  color: var(--muted);
+  line-height: 1.6;
+  max-width: 66ch;
+}
+.plugin-marketplace-card a {
+  display: inline-block;
+  color: var(--text);
+}
+.plugin-source-card form,
+.plugin-source-card label {
+  display: grid;
+  gap: 8px;
+}
+.plugin-source-card form {
+  gap: 16px;
+  margin-top: 20px;
+}
+.plugin-source-card input {
+  width: 100%;
+  box-sizing: border-box;
+}
+.plugin-source-card form > button {
+  justify-self: start;
+}
+.plugin-source-options {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
+.plugin-source-card small {
+  color: var(--muted);
+  font-weight: normal;
+}
+.plugin-install-review {
+  margin-top: 24px;
+  padding-top: 20px;
+  border-top: 1px solid var(--config-line);
+}
+.plugin-install-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.plugin-install-heading h3 {
+  margin: 0;
+}
+.plugin-install-heading p {
+  margin: 6px 0 0;
+  color: var(--muted);
+  font-size: 12px;
+}
+.plugin-install-review dl {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 8px 16px;
+  font-size: 12px;
+}
+.plugin-install-review dd {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.plugin-install-review dt {
+  color: var(--muted);
+}
+.plugin-install-capabilities {
+  list-style: none;
+  padding: 0;
+  display: grid;
+  gap: 12px;
+}
+.plugin-install-capabilities li {
+  border-bottom: 1px solid var(--config-line);
+  padding: 12px 0;
+}
+.plugin-install-capabilities p {
+  margin: 6px 0;
+  color: var(--muted);
+}
+.plugin-install-capabilities span {
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.plugin-install-trust {
+  padding: 8px 0;
+  color: var(--muted);
+  line-height: 1.6;
+}
+@media (max-width: 620px) {
+  .plugin-source-options {
+    grid-template-columns: 1fr;
+  }
+  .plugin-marketplace-card a {
+    display: block;
+    margin: 16px 0 0;
+  }
+  .plugin-install-review dl {
+    grid-template-columns: 1fr;
+  }
+}

package/dist/src/web-ui/app/styles/41-plugin-management.css

@@ -375,3 +375,9 @@
     padding: 16px;
   }
 }
+
+.plugin-card-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}

package/dist/src/web-ui/app/styles/42-model-plugin-permissions.css

@@ -0,0 +1,173 @@
+.model-plugin-permissions {
+  min-width: 0;
+}
+
+.model-plugin-row > details > summary {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 48px;
+  min-width: 0;
+  cursor: pointer;
+  list-style: none;
+}
+
+.model-plugin-row > details > summary::-webkit-details-marker {
+  display: none;
+}
+
+.model-plugin-row > details > summary::before {
+  content: "";
+  flex: 0 0 6px;
+  width: 6px;
+  height: 6px;
+  margin-inline: 2px 4px;
+  border-inline-end: 1px solid var(--muted);
+  border-bottom: 1px solid var(--muted);
+  transform: rotate(-45deg);
+}
+
+.model-plugin-row > details[open] > summary::before {
+  transform: rotate(45deg);
+}
+
+.model-plugin-permissions summary:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 3px;
+}
+
+.model-plugin-summary-count,
+.model-plugin-global-note {
+  color: var(--muted);
+  font-size: var(--font-size-xs);
+}
+
+.model-plugin-summary-count {
+  margin-inline-start: auto;
+  text-align: end;
+}
+
+.model-plugin-permissions-body {
+  display: grid;
+  gap: 14px;
+  min-width: 0;
+  padding: 4px 0 12px;
+}
+
+.model-plugin-help,
+.model-plugin-description,
+.model-plugin-policy,
+.model-plugin-saved-rules p {
+  margin: 0;
+  color: var(--muted);
+  font-size: var(--font-size-xs);
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+
+.model-plugin-list {
+  min-width: 0;
+  border: 1px solid var(--config-line);
+  border-radius: 8px;
+}
+
+.model-plugin-row {
+  position: relative;
+  min-width: 0;
+  padding-inline: 12px;
+  border-top: 1px solid var(--config-line);
+}
+
+.model-plugin-row:first-child {
+  border-top: 0;
+}
+
+.model-plugin-row > details > summary {
+  padding-inline-end: 56px;
+}
+
+.model-plugin-name {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  font-size: var(--font-size-sm);
+}
+
+.model-plugin-row-status {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 4px 10px;
+  margin-inline-start: auto;
+}
+
+.model-plugin-master-switch {
+  position: absolute;
+  inset-block-start: 2px;
+  inset-inline-end: 12px;
+  width: 44px;
+  margin: 0;
+}
+
+.model-plugin-details-body {
+  display: grid;
+  gap: 10px;
+  padding: 0 0 14px 16px;
+}
+
+.model-plugin-policy {
+  color: var(--amber);
+}
+
+.model-plugin-capability-list {
+  overflow: visible;
+}
+
+.model-plugin-saved-rules summary {
+  cursor: pointer;
+  color: var(--muted);
+  font-size: var(--font-size-xs);
+}
+
+.model-plugin-saved-rules summary span {
+  margin-inline-start: 5px;
+}
+
+.model-plugin-saved-rules p {
+  margin-top: 10px;
+}
+
+.model-plugin-saved-rules ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 16px;
+  padding: 0;
+  list-style: none;
+}
+
+.model-plugin-saved-rules code {
+  font-size: var(--font-size-xs);
+  overflow-wrap: anywhere;
+}
+
+@media (max-width: 600px) {
+  .model-plugin-permissions > summary {
+    flex-wrap: wrap;
+    padding-block: 10px;
+  }
+
+  .model-plugin-summary-count {
+    width: 100%;
+    padding-inline-start: 16px;
+    text-align: start;
+  }
+
+  .model-plugin-global-note {
+    display: none;
+  }
+
+  .model-plugin-row-status .plugin-selection-state {
+    padding: 4px 5px;
+    font-size: 11px;
+  }
+}