@abot-ai/runtime 1.6.0 → 1.8.0

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,17 @@
     padding: 16px;
   }
 }
+
+.plugin-card-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.plugin-platform-notice {
+  margin: 8px 0;
+  color: var(--amber);
+  font-size: var(--font-size-xs);
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}

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

@@ -0,0 +1,174 @@
+.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-platform-note,
+.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;
+  }
+}

package/dist/src/web-ui/app/styles/46-system-host.css

@@ -8,39 +8,14 @@
   background: var(--panel);
 }
 
-.system-host-summary {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  min-height: 60px;
-  padding: 12px 16px;
-  list-style: none;
-  cursor: pointer;
-  font-size: var(--font-size-sm);
-}
-
-.system-host-summary::-webkit-details-marker { display: none; }
-.system-host-summary-title { flex-shrink: 0; color: var(--text); }
-.system-host-summary .system-host-status { margin: 0; padding: 0; border: 0; }
-.system-host-summary-name {
-  min-width: 0;
-  overflow: hidden;
-  color: var(--muted);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.system-host-summary-action { margin-left: auto; color: var(--accent); white-space: nowrap; }
+.system-host-permission-details { grid-column: 1 / -1; min-width: 0; }
+.system-host-permission-details > summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; padding: 6px 0; color: var(--muted); cursor: pointer; font-size: var(--font-size-xs); }
+.system-host-permission-details > summary:hover { color: var(--text); }
+.system-host-permission-details > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }
+.system-host-permission-details > summary::after { content: "⌄"; margin-left: auto; }
+.system-host-permission-details[open] > summary::after { transform: rotate(180deg); }
 .system-host-summary-permissions { color: var(--muted); font-size: var(--font-size-xs); }
-.system-host-summary-action > span { display: inline-block; transition: transform 150ms ease; }
-.system-host-compact[open] .system-host-summary-action > span { transform: rotate(180deg); }
-.system-host-summary:hover { background: var(--control-bg); }
-.system-host-summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
-.system-host-management-body {
-  max-height: min(520px, 60dvh);
-  padding: 0 16px;
-  overflow-y: auto;
-  border-top: 1px solid var(--line);
-}
+.system-host-permission-details .system-host-permissions { margin-top: 6px; max-height: min(420px, 45dvh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
 
 .home-computer-access:focus-visible {
   outline: 2px solid var(--accent);
@@ -54,14 +29,6 @@
   line-height: 1.6;
 }
 
-.system-host-heading,
-.system-host-actions {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-}
-
 .system-host-permissions { margin-block: 20px; border-block: 1px solid var(--line); padding-block: 16px; }
 .system-host-permission-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
 .system-host-permission-heading h3 { margin: 0; font-size: var(--font-size-base); font-weight: 500; }
@@ -78,24 +45,7 @@
 .system-host-native-permissions { margin-top: 16px; }
 .system-host-native-permissions pre { white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; }
 
-.system-host-heading h2 {
-  margin: 0 0 6px;
-  font-size: var(--font-size-2xl);
-  font-weight: 400;
-}
-
-.system-host-heading p,
-.system-host-note {
-  color: var(--config-muted, var(--muted));
-}
-
-.system-host-heading p {
-  margin: 0;
-}
-
-.system-host-heading button {
-  flex-shrink: 0;
-}
+.system-host-note { color: var(--config-muted, var(--muted)); }
 
 .system-host-panel button {
   min-height: 32px;
@@ -130,50 +80,23 @@
   color: var(--danger);
 }
 
-.system-host-panel button:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-.system-host-status {
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  padding-block: 12px;
-  border-block: 1px solid var(--line);
-}
-
-.system-host-status-dot {
-  flex: 0 0 8px;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--danger, #e27575);
-}
-
-.system-host-status[data-tone="ready"] .system-host-status-dot {
-  background: var(--success, #79d7a7);
-}
-
-.system-host-identity {
-  display: grid;
-  gap: 6px;
-  margin-block: 20px;
-}
-
-.system-host-identity > div {
-  display: grid;
-  grid-template-columns: 140px minmax(0, 1fr);
-  gap: 16px;
+.system-host-panel button[data-system-host-revoke]:hover:not(:disabled) {
+  border-color: transparent;
+  background: transparent;
+  color: var(--danger);
+  text-decoration: underline;
+  text-underline-offset: 3px;
 }
 
-.system-host-identity dt {
-  color: var(--config-muted, var(--muted));
+.system-host-panel button[data-system-host-revoke]:focus-visible {
+  background: transparent;
+  outline-color: var(--danger);
+  outline-offset: 3px;
 }
 
-.system-host-identity dd {
-  margin: 0;
-  overflow-wrap: anywhere;
+.system-host-panel button:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
 }
 
 .system-host-download {
@@ -184,6 +107,34 @@
   overflow-wrap: anywhere;
 }
 
+.system-host-card { padding: 14px 18px; line-height: 1.5; }
+.system-host-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
+.system-host-card-heading h2 { margin: 0; font-size: var(--font-size-base); font-weight: 600; line-height: 1.4; }
+.system-host-card-status { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; color: var(--amber); font-size: var(--font-size-xs); }
+.system-host-card-status[data-tone="ready"] { color: var(--accent); }
+.system-host-card-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
+.system-host-card-description { margin: 0; max-width: 640px; color: var(--muted); }
+.system-host-card-action { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 12px; }
+.system-host-panel .system-host-card-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 5px 12px; border: 1px solid var(--accent); border-radius: 5px; background: var(--accent); color: var(--bg); font-size: var(--font-size-sm); font-weight: 500; text-decoration: none; }
+.system-host-store-icon { flex-shrink: 0; margin-inline-end: 8px; }
+.system-host-panel .system-host-card-primary:hover:not(:disabled) { background: var(--accent); border-color: var(--accent); filter: brightness(1.08); }
+.system-host-panel .system-host-card-secondary { min-height: 32px; padding: 5px 2px; border: 0; background: transparent; color: var(--muted); font-size: var(--font-size-sm); text-decoration: none; }
+.system-host-panel .system-host-card-secondary:hover:not(:disabled) { background: transparent; border-color: transparent; color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
+.system-host-card a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.system-host-card-hint { margin: 8px 0 0; color: var(--muted); font-size: var(--font-size-xs); }
+.system-host-card-message { margin: 8px 0 0; color: var(--accent); font-size: var(--font-size-xs); }
+.system-host-card-computer { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; margin-top: 12px; color: var(--muted); font-size: var(--font-size-xs); }
+.system-host-card-computer > span { overflow-wrap: anywhere; min-width: 0; }
+.system-host-card-computer [data-system-host-revoke] { min-height: 32px; padding: 0; border: 0; font-size: inherit; }
+.system-host-card-access-note { margin: 8px 0 0; color: var(--muted); font-size: var(--font-size-xs); }
+.system-host-card-ready { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 16px; min-height: 44px; padding: 6px 16px; }
+.system-host-card-ready-title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--font-size-sm); font-weight: 500; white-space: nowrap; }
+.system-host-card-ready .system-host-card-computer { display: contents; }
+.system-host-card-ready .system-host-card-computer > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.system-host-card-ready [data-system-host-revoke] { white-space: nowrap; }
+.system-host-card-other { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
+.system-host-card-other .system-host-actions { margin-top: 8px; }
+
 .system-host-restart {
   border: 1px solid var(--line);
   border-radius: 6px;
@@ -193,6 +144,8 @@
 }
 
 .system-host-actions {
+  display: flex;
+  gap: 12px;
   justify-content: flex-start;
   flex-wrap: wrap;
   margin-top: 20px;
@@ -241,14 +194,15 @@
   display: none;
 }
 
+@media (max-width: 620px) {
+  .system-host-card.system-host-card-ready { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 8px 14px; }
+  .system-host-card-ready-title { grid-column: 1; grid-row: 1; white-space: normal; }
+  .system-host-card-ready .system-host-card-computer > span { grid-column: 1; grid-row: 2; }
+  .system-host-card-ready [data-system-host-revoke] { grid-column: 2; grid-row: 1 / span 2; }
+}
+
 @media (max-width: 520px) {
-  .system-host-summary { flex-wrap: wrap; gap: 6px 12px; }
-  .system-host-summary-name { display: none; }
-  .system-host-heading {
-    flex-direction: column;
-  }
-  .system-host-identity > div {
-    grid-template-columns: 110px minmax(0, 1fr);
-    gap: 10px;
-  }
+  .system-host-card { padding: 12px 14px; }
+  .system-host-card-heading { align-items: flex-start; }
+  .system-host-card-action { gap: 12px; }
 }

package/dist/src/web-ui/app/styles/47-config-controls.css

@@ -135,6 +135,7 @@
   border-top: 1px solid var(--config-line);
 }
 
+.model-plugin-permissions > summary,
 .config-calibration-section-title {
   display: flex;
   align-items: center;
@@ -147,27 +148,38 @@
   cursor: pointer;
 }
 
+.model-plugin-permissions > summary:focus-visible,
+.config-calibration-section-title:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 3px;
+}
+
+.model-plugin-permissions > summary::-webkit-details-marker,
 .config-calibration-section-title::-webkit-details-marker {
   display: none;
 }
 
+.model-plugin-permissions > summary::before,
 .config-calibration-section-title::before {
   content: "";
   width: 6px;
   height: 6px;
   flex: none;
-  border-right: 1px solid var(--config-muted);
+  border-inline-end: 1px solid var(--config-muted);
   border-bottom: 1px solid var(--config-muted);
   transform: rotate(-45deg);
 }
 
+.model-plugin-permissions[open] > summary::before,
 .config-calibration-section[open] > .config-calibration-section-title::before {
   transform: rotate(45deg);
 }
 
+.model-plugin-summary-count,
 .config-calibration-section-title small {
   margin-inline-start: auto;
   color: var(--config-muted);
+  font-size: var(--font-size-xs);
   font-weight: 400;
 }
 

package/dist/src/web-ui/app/styles/49-collection-consent.css

@@ -0,0 +1,30 @@
+.collection-consent-dialog .collection-consent-acknowledgment {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  margin-top: 18px;
+  color: var(--text);
+  font-size: 13px;
+  line-height: 1.5;
+  cursor: pointer;
+}
+.collection-consent-acknowledgment input[type="checkbox"] {
+  appearance: auto;
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
+  min-height: 16px;
+  margin: 2px 0 0;
+  border-radius: 2px;
+  accent-color: var(--accent);
+  cursor: pointer;
+}
+.collection-consent-acknowledgment span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.collection-consent-acknowledgment a {
+  color: var(--accent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}

package/dist/src/web-ui/app/styles/54-spark-chat.css

@@ -79,7 +79,39 @@
 .spark-chat-panel .conversation-file-backdrop { display: none; }
 .spark-chat-results:empty { display: none; }
 .spark-handoff-actions { margin-top: 10px; }
-.spark-handoff-button { min-height: 30px; padding: 5px 9px; border: 1px solid #ffffff14; border-radius: 7px; background: #ffffff08; color: var(--text); font-size: 11px; box-shadow: none; }
+.spark-companion :is(.spark-setup-button, .spark-handoff-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  justify-self: start;
+  max-width: 100%;
+  min-height: 32px;
+  padding: 6px 12px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: var(--control-bg);
+  color: var(--accent-strong);
+  font-size: var(--font-size-sm);
+  font-weight: 400;
+  line-height: 1.5;
+  white-space: normal;
+  text-align: start;
+  box-shadow: none;
+}
+.spark-companion :is(.spark-setup-button, .spark-handoff-button):hover:not(:disabled) {
+  border-color: var(--line-strong);
+  background: var(--control-bg-hover);
+}
+.spark-companion :is(.spark-setup-button, .spark-handoff-button):focus-visible {
+  border-color: var(--accent);
+}
+.spark-companion :is(.spark-setup-button, .spark-handoff-button):disabled {
+  background: var(--control-fill);
+  color: var(--muted-2);
+  opacity: .5;
+  cursor: not-allowed;
+}
+.spark-companion .spark-setup-button { margin-top: 12px; }
 .spark-handoff-actions p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
 .spark-chat-results .conversation-tool-file-action { max-width: 100%; font-size: 12px; }
 .spark-result-warning { margin: 6px 0; color: var(--amber); font-size: 12px; }

package/dist/src/web-ui/app/styles/64-workspace-storage.css

@@ -0,0 +1,23 @@
+.workspace-storage-notice {
+  color: var(--text); background: var(--bg); border: 1px solid var(--line);
+  border-radius: 12px; padding: 24px; max-width: min(540px, calc(100vw - 40px));
+  line-height: 1.6;
+}
+.workspace-storage-notice::backdrop { background: #0009; }
+.workspace-storage-notice h2 { margin-top: 0; }
+.workspace-storage-notice button { margin-top: 8px; }
+.workspace-storage-failure {
+  position: fixed; z-index: 10000; bottom: 16px; left: 16px; right: 16px;
+  padding: 12px 16px; color: var(--text); background: var(--panel);
+  border: 1px solid #ed9b91; border-radius: 8px;
+}
+
+.composer-submission-notice {
+  grid-column: 1 / -1; width: 100%; color: var(--text-muted); font-size: 12px;
+}
+.composer-submission-notice[hidden] { display: none; }
+.composer-submission-notice > div {
+  display: flex; align-items: center; gap: 12px; justify-content: space-between;
+  padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px;
+}
+.composer-submission-notice button { flex-shrink: 0; }