@abot-ai/runtime 1.3.1 → 1.5.0

package/dist/src/web-ui/app/styles/49-macos-permission.css

@@ -0,0 +1,225 @@
+.mac-permission-dialog {
+  width: min(calc(100vw - 40px), 604px);
+  max-width: none;
+  max-height: calc(100dvh - 40px);
+  margin: auto;
+  padding: 0;
+  border: 1px solid var(--line-strong);
+  border-radius: 10px;
+  color: var(--text);
+  background: var(--panel);
+  box-shadow: 0 28px 110px #0009;
+  overflow: auto;
+}
+.mac-permission-dialog::backdrop {
+  background: rgba(3, 8, 14, 0.73);
+  backdrop-filter: blur(5px);
+}
+.mac-permission-content {
+  padding: 30px 32px 25px;
+}
+.mac-permission-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 22px;
+}
+.mac-permission-icon {
+  width: 40px;
+  height: 40px;
+  display: grid;
+  place-items: center;
+  border: 1px solid #82d4c233;
+  border-radius: 10px;
+  color: var(--accent);
+  background: var(--accent-soft);
+  font-size: 24px;
+}
+.mac-permission-dialog .mac-permission-close {
+  width: 32px;
+  min-height: 32px;
+  padding: 0;
+  border: 0;
+  color: var(--muted);
+  background: transparent;
+  font-size: 23px;
+}
+.mac-permission-eyebrow {
+  margin: 0 0 10px;
+  color: var(--accent);
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+.mac-permission-dialog h2 {
+  margin: 0 0 18px;
+  color: var(--text-strong);
+  font-size: 27px;
+  font-weight: 600;
+  letter-spacing: -0.7px;
+  line-height: 1.2;
+}
+.mac-permission-dialog h2:focus {
+  outline: none;
+}
+.mac-permission-lead {
+  margin: 0 0 9px;
+  font-size: 17px;
+  font-weight: 500;
+}
+.mac-permission-description {
+  margin: 0;
+  color: var(--muted);
+  font-size: 14px;
+  line-height: 1.65;
+}
+.mac-permission-identity {
+  margin: 23px 0 20px;
+  border: 1px solid #304a56;
+  border-radius: 8px;
+  background: #101e28;
+  overflow: hidden;
+}
+.mac-permission-identity > p:first-child {
+  margin: 0;
+  padding: 14px 16px 0;
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 500;
+}
+.mac-permission-path {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 11px 12px 14px 16px;
+}
+.mac-permission-path code {
+  flex: 1;
+  min-width: 0;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.7;
+  color: var(--accent-strong);
+  overflow-wrap: anywhere;
+  user-select: all;
+}
+.mac-permission-path button {
+  flex: none;
+  min-height: 32px;
+  padding: 7px 9px;
+  font-size: 11px;
+}
+.mac-permission-identity .mac-permission-path-note {
+  margin: 0;
+  padding: 10px 16px;
+  border-top: 1px solid #263c47;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.55;
+}
+.mac-permission-usage {
+  margin: 0 0 21px;
+  color: var(--muted);
+  font-size: 13px;
+  line-height: 1.65;
+}
+.mac-permission-usage strong,
+.mac-permission-details strong {
+  color: var(--text);
+  font-weight: 500;
+}
+.mac-permission-details {
+  border-top: 1px solid var(--line);
+  padding-top: 17px;
+}
+.mac-permission-details summary {
+  cursor: pointer;
+  color: var(--text);
+  font-size: 12px;
+}
+.mac-permission-details p {
+  margin: 12px 0 0;
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1.65;
+}
+.mac-permission-feedback {
+  margin: 12px 0 0;
+  color: var(--accent);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.mac-permission-feedback:empty {
+  display: none;
+}
+.mac-permission-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 19px 32px;
+  background: #0b131c;
+  border-top: 1px solid var(--line);
+}
+.mac-permission-footer > span {
+  color: var(--muted-2);
+  font-size: 11px;
+  line-height: 1.5;
+}
+.mac-permission-footer > div {
+  display: flex;
+  gap: 10px;
+  flex-shrink: 0;
+}
+.mac-permission-footer button {
+  min-height: 40px;
+  padding: 9px 18px;
+  font-size: 13px;
+  font-weight: 500;
+}
+.mac-permission-footer .mac-permission-continue {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #08251e;
+  font-weight: 600;
+}
+.mac-permission-footer .mac-permission-continue:hover {
+  background: var(--accent-strong);
+  border-color: var(--accent-strong);
+}
+.mac-permission-dialog button:focus-visible,
+.mac-permission-dialog summary:focus-visible,
+.mac-permission-path code:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 3px;
+}
+@media (max-width: 560px) {
+  .mac-permission-dialog {
+    width: calc(100vw - 24px);
+    max-height: calc(100dvh - 24px);
+  }
+  .mac-permission-content {
+    padding: 23px 22px 20px;
+  }
+  .mac-permission-dialog h2 {
+    font-size: 24px;
+  }
+  .mac-permission-lead {
+    font-size: 16px;
+  }
+  .mac-permission-footer {
+    padding: 17px 22px;
+    flex-wrap: wrap;
+    gap: 13px;
+  }
+  .mac-permission-footer > div {
+    margin-left: auto;
+  }
+  .mac-permission-path {
+    align-items: flex-start;
+  }
+  .mac-permission-path code {
+    font-size: 11px;
+  }
+}

package/dist/src/web-ui/app/styles/90-responsive.css

@@ -6,7 +6,7 @@
   }
 
   .workspace-page-body {
-    padding-inline: 28px;
+    padding-inline: var(--workspace-page-gutter);
   }
 }
 
@@ -21,11 +21,11 @@
   }
 
   .workspace-page-header {
-    padding-inline: 28px;
+    padding-inline: var(--workspace-page-gutter);
   }
 
   .workspace-page-body {
-    padding: 20px 24px 48px;
+    padding: 20px var(--workspace-page-gutter) 48px;
   }
 
   .config-category-panel {
@@ -41,8 +41,7 @@
     position: static;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     max-height: none;
-    border-right: 0;
-    border-bottom: 1px solid var(--config-line);
+    border: 1px solid var(--config-line);
   }
 
   .config-model-list-title {
@@ -58,6 +57,8 @@
 
 /* Keep editable fields above the mobile focus-zoom threshold. */
 @media (max-width: 760px), (hover: none) and (pointer: coarse) {
+  .composer textarea,
+  .session-search input,
   .config-dashboard input,
   .config-dashboard select,
   .config-dashboard textarea,
@@ -73,6 +74,7 @@
 @media (max-width: 760px) {
   :root {
     --mobile-rail-height: 68px;
+    --workspace-page-gutter: 14px;
   }
 
   .app-shell,
@@ -100,9 +102,9 @@
     min-height: var(--mobile-rail-height);
     padding: 7px max(10px, env(safe-area-inset-right))
       max(7px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
-    border-top: 1px solid rgba(116, 166, 216, 0.18);
+    border-top: 1px solid var(--line);
     border-right: 0;
-    background: rgba(7, 20, 33, 0.96);
+    background: var(--panel);
     box-shadow: 0 -14px 34px rgba(0, 7, 18, 0.22);
     backdrop-filter: blur(20px);
   }
@@ -111,6 +113,7 @@
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
+  .workspace-brand,
   .rail-spacer,
   .rail-runtime {
     display: none;
@@ -138,16 +141,16 @@
   }
 
   .workspace-rail button.rail-button {
-    display: grid;
-    grid-template-rows: 22px minmax(1.125rem, auto);
-    gap: 1px;
-    place-items: center;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    justify-content: center;
     width: 100%;
     min-width: 0;
     min-height: 52px;
-    padding: 5px 4px 4px;
+    padding: 8px 10px;
     border: 0;
-    border-radius: 11px;
+    border-radius: 8px;
   }
 
   .rail-button svg {
@@ -320,7 +323,7 @@
 
   .workspace-page-header {
     min-height: 66px;
-    padding: 11px 14px;
+    padding: 11px var(--workspace-page-gutter);
   }
 
   .workspace-page-heading h2 {
@@ -328,7 +331,7 @@
   }
 
   .workspace-page-body {
-    padding: 16px 14px 42px;
+    padding: 16px var(--workspace-page-gutter) 42px;
   }
 
   .config-summary {
@@ -364,7 +367,7 @@
 
 @media (max-width: 620px) {
   .config-workspace-body {
-    padding: 12px 10px 34px;
+    padding: 12px var(--workspace-page-gutter) 34px;
   }
 
   .config-dashboard {

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

@@ -1,12 +1,17 @@
 @media (max-width: 1000px) {
   .schedules-layout {
-    grid-template-columns: minmax(230px, 0.8fr) minmax(300px, 1.2fr);
+    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
     gap: 14px;
   }
   .schedule-details {
     padding: 18px;
   }
 }
+@media (max-width: 980px) {
+  .schedules-content {
+    padding: 22px;
+  }
+}
 @media (max-width: 760px) {
   .app-shell .workspace-rail {
     grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -40,11 +45,12 @@
     grid-template-columns: 1fr;
   }
   .schedules-list {
-    max-height: 230px;
+    max-height: 260px;
     overflow: auto;
+    scroll-padding-block: 4px;
   }
-  .schedules-workspace-body {
-    padding: 16px 14px 32px;
+  .schedules-content {
+    padding: 20px;
   }
   .schedule-form-grid {
     grid-template-columns: 1fr;
@@ -70,3 +76,8 @@
     font-size: 1.15rem;
   }
 }
+@media (max-width: 620px) {
+  .schedules-content {
+    border-radius: 8px;
+  }
+}

package/dist/src/web-ui/app/styles/92-dashboard-responsive.css

@@ -1,11 +1,5 @@
 /* Home dashboard and navigation at narrow widths. */
 
-@media (max-width: 1000px) {
-  .home-shortcuts {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
 @media (max-width: 760px) {
   .home-workspace-panel {
     grid-column: 1;
@@ -13,8 +7,8 @@
   }
 
   .home-workspace-header {
-    min-height: 52px;
-    padding: 8px 16px;
+    min-height: 86px;
+    padding: 14px var(--workspace-page-gutter);
   }
 
   .app-shell .workspace-rail,
@@ -22,7 +16,9 @@
   .app-shell.schedules-workspace .workspace-rail {
     grid-template-columns: none;
     grid-auto-flow: column;
-    grid-auto-columns: minmax(0, 1fr);
+    grid-auto-columns: minmax(112px, 1fr);
+    overflow-x: auto;
+    overflow-y: hidden;
   }
 
   .workspace-rail #homeWorkspaceButton,
@@ -30,31 +26,38 @@
   .workspace-rail #newSessionButton,
   .workspace-rail #sessionsToggleButton,
   .workspace-rail #schedulesWorkspaceButton,
+  .workspace-rail #memoryWorkspaceButton,
+  .workspace-rail #learningWorkspaceButton,
   .workspace-rail #configWorkspaceButton {
     order: 0;
   }
 
   .home-workspace-body {
-    gap: 24px;
-    padding: 22px 16px 18px;
+    gap: 12px;
+    padding: 16px var(--workspace-page-gutter) 20px;
+  }
+
+  .home-workspace-content {
+    gap: 12px;
   }
 
   .home-overview {
     grid-template-columns: minmax(0, 1fr);
-    gap: 16px;
+    gap: 0;
   }
 
-  .home-panel-rows {
-    max-height: 300px;
+  .home-overview > .home-panel + .home-panel {
+    border-inline-start: 0;
+    border-top: 1px solid var(--line);
   }
 
-  .home-panel-empty {
-    min-height: 160px;
+  .home-panel-rows {
+    max-height: none;
+    overflow: visible;
   }
 
-  .home-shortcut {
-    gap: 9px;
-    padding: 12px;
+  .home-panel-empty {
+    min-height: 128px;
   }
 
   .home-panel-header,
@@ -64,10 +67,6 @@
 }
 
 @media (max-width: 400px) {
-  .home-workspace-body {
-    padding-inline: 10px;
-  }
-
   .home-panel-header,
   .home-panel-footer {
     flex-wrap: wrap;
@@ -82,7 +81,4 @@
     padding-top: 0;
   }
 
-  .home-shortcut {
-    align-items: flex-start;
-  }
 }

package/dist/src/web-ui/app/styles/93-compact-viewport.css

@@ -0,0 +1,21 @@
+/* Keep composer actions in view when little vertical space is available. */
+@media (max-height: 600px) {
+  .composer textarea {
+    max-height: clamp(42px, 16dvh, 96px);
+  }
+
+  .attachment-preview {
+    max-height: clamp(32px, 10dvh, 60px);
+    overflow-y: auto;
+    overscroll-behavior: contain;
+  }
+
+  .home-workspace-body {
+    gap: 8px;
+    padding-block: 8px;
+  }
+
+  .home-composer-note {
+    display: none;
+  }
+}

package/dist/src/web-ui/app/styles/foundation.css

@@ -1,40 +1,4 @@
-/* Shared tokens, reset, and native control primitives ----------------------- */
-
-:root {
-  color-scheme: dark;
-  --bg: #07080a;
-  --panel: rgba(21, 22, 26, 0.86);
-  --panel-solid: #15161a;
-  --panel-raised: rgba(31, 33, 39, 0.9);
-  --panel-soft: rgba(255, 255, 255, 0.055);
-  --text: #f5f7fb;
-  --text-strong: #ffffff;
-  --muted: #a1a7b3;
-  --muted-2: #747b88;
-  --line: rgba(255, 255, 255, 0.11);
-  --line-strong: rgba(255, 255, 255, 0.18);
-  --accent: #0a84ff;
-  --accent-strong: #409cff;
-  --accent-soft: rgba(10, 132, 255, 0.18);
-  --control-bg: rgba(255, 255, 255, 0.064);
-  --control-bg-hover: rgba(255, 255, 255, 0.096);
-  --control-fill: rgba(255, 255, 255, 0.068);
-  --green: #32d74b;
-  --amber: #ffd60a;
-  --danger: #ff453a;
-  --shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
-  --font-ui:
-    -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
-    "Helvetica Neue", "Inter", Arial, "Segoe UI", sans-serif;
-  --font-display:
-    -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
-    "Helvetica Neue", "Inter", Arial, "Segoe UI", sans-serif;
-  --font-mono:
-    "SFMono-Regular", "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas,
-    "Liberation Mono", monospace;
-  --sessions-panel-width: 292px;
-  --chat-content-width: 920px;
-}
+/* Shared reset and native control primitives ----------------------- */
 
 * {
   box-sizing: border-box;
@@ -48,9 +12,6 @@ body {
 
 body {
   margin: 0;
-  background: #07080a;
-  color: var(--text);
-  font-family: var(--font-ui);
   letter-spacing: 0;
   -webkit-font-smoothing: antialiased;
   text-rendering: geometricPrecision;
@@ -61,20 +22,8 @@ input,
 select,
 textarea {
   font: inherit;
-}
-
-button,
-input,
-select,
-textarea {
   border: 1px solid var(--line);
-  border-radius: 8px;
-  background: var(--control-fill);
-  color: var(--text);
   outline: none;
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.055),
-    0 1px 1px rgba(0, 0, 0, 0.16);
 }
 
 button,
@@ -91,22 +40,7 @@ textarea {
 button {
   padding: 0 10px;
   cursor: pointer;
-  font-weight: 590;
   letter-spacing: 0;
-  transition:
-    transform 140ms ease,
-    border-color 140ms ease,
-    background 140ms ease,
-    box-shadow 140ms ease;
-}
-
-button:hover {
-  border-color: var(--line-strong);
-  background: var(--control-bg-hover);
-}
-
-button:active {
-  transform: scale(0.985);
 }
 
 button:disabled {
@@ -115,25 +49,10 @@ button:disabled {
   transform: none;
 }
 
-button:focus-visible,
-select:focus-visible,
-textarea:focus-visible {
-  border-color: rgba(10, 132, 255, 0.72);
-  box-shadow:
-    0 0 0 3px rgba(10, 132, 255, 0.2),
-    inset 0 1px 0 rgba(255, 255, 255, 0.075);
-}
-
 select {
   padding: 0 30px 0 11px;
   appearance: none;
-  font-weight: 560;
-  background:
-    linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 15px)
-      14px / 5px 5px no-repeat,
-    linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 10px)
-      14px / 5px 5px no-repeat,
-    var(--control-fill);
+  font-weight: 400;
 }
 
 h1,
@@ -148,16 +67,8 @@ pre {
   font-family: var(--font-mono);
 }
 
-select:focus,
-textarea:focus {
-  border-color: rgba(10, 132, 255, 0.72);
-  box-shadow:
-    0 0 0 3px rgba(10, 132, 255, 0.18),
-    inset 0 1px 0 rgba(255, 255, 255, 0.05);
-}
-
 select option {
-  background: #0f2033;
+  background: var(--panel-raised);
   color: var(--text);
 }
 

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

@@ -1,8 +1,11 @@
 @import url("./styles/foundation.css");
 @import url("./styles/00-tokens-base.css");
 @import url("./styles/10-shell-sessions.css");
+@import url("./styles/11-workspace-rail.css");
 @import url("./styles/12-conversation-sidebar.css");
+@import url("./styles/13-projects.css");
 @import url("./styles/20-chat-composer.css");
+@import url("./styles/19-runtime-setup.css");
 @import url("./styles/21-composer-controls.css");
 @import url("./styles/22-composer-context-window.css");
 @import url("./styles/23-composer-plan.css");
@@ -11,14 +14,38 @@
 @import url("./styles/26-message-content.css");
 @import url("./styles/27-conversation-tools.css");
 @import url("./styles/28-conversation-status.css");
+@import url("./styles/29-conversation-file-preview.css");
+@import url("./styles/29-spark-conversation.css");
 @import url("./styles/30-inspector-config.css");
 @import url("./styles/40-config-workspace.css");
+@import url("./styles/41-plugin-management.css");
+@import url("./styles/42-runtime-setup-plugins.css");
+@import url("./styles/43-model-setup.css");
+@import url("./styles/44-model-provider-cards.css");
+@import url("./styles/47-config-controls.css");
 @import url("./styles/35-memory-onboarding.css");
 @import url("./styles/36-memory-management.css");
+@import url("./styles/39-memory-workspace.css");
+@import url("./styles/39-passive-learning.css");
 @import url("./styles/37-config-operations.css");
+@import url("./styles/37-runtime-activation.css");
 @import url("./styles/38-schedules.css");
 @import url("./styles/38-schedule-workspace.css");
 @import url("./styles/90-responsive.css");
 @import url("./styles/91-schedules-responsive.css");
 @import url("./styles/18-dashboard.css");
+@import url("./styles/19-dashboard-approvals.css");
+@import url("./styles/19-home-guidance.css");
 @import url("./styles/92-dashboard-responsive.css");
+@import url("./styles/45-bridge-setup.css");
+@import url("./styles/46-system-host.css");
+@import url("./styles/11-workspace-header-width.css");
+@import url("./styles/28-tool-approval-card.css");
+@import url("./styles/14-startup-screen.css");
+@import url("./styles/93-compact-viewport.css");
+@import url("./styles/24-composer-stop.css");
+@import url("./styles/41-co-worker-agent.css");
+@import url("./styles/42-co-worker-settings.css");
+@import url("./styles/43-co-worker-applications.css");
+@import url("./styles/48-notifications.css");
+@import url("./styles/49-macos-permission.css");

package/dist/src/web-ui/app/ui-behavior.d.ts

@@ -28,7 +28,7 @@ export declare function wrappedIndex(
 
 export declare function normalizeWorkspaceDestination(
   value: unknown,
-): "chat" | "config" | "schedules";
+): "chat" | "config" | "models" | "plugins" | "schedules" | "learning" | "memory" | "home" | "notifications";
 
 export declare function createInitialWorkspaceShellState(): {
   workspace: "chat";