@abot-ai/runtime 1.5.0 → 1.7.0

package/dist/src/web-ui/app/styles/52-automation-step-editor.css

@@ -0,0 +1,73 @@
+.automation-step-preview { display: grid; gap: 12px; padding: 14px; }
+.automation-step-preview .automation-inline-inspector-heading { margin: 0; }
+.automation-step-preview h5 { margin: 0; color: var(--muted); font-size: var(--font-size-xs); font-weight: 600; }
+.automation-step-preview p { margin: 0; line-height: 1.5; }
+.automation-step-preview-description { color: var(--text); font-size: var(--font-size-sm); overflow-wrap: anywhere; }
+.automation-step-preview-inputs { display: grid; gap: 3px; margin: -5px 0 0; font-size: var(--font-size-xs); }
+.automation-step-preview-inputs dt { color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
+.automation-step-preview-inputs dd { margin: 0 0 6px; color: var(--muted); overflow-wrap: anywhere; }
+.automation-step-preview-output { display: flex; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size: var(--font-size-xs); }
+.automation-step-preview-output strong { color: var(--text); font-weight: 600; }
+.automation-step-edit-button { width: 100%; min-height: 36px; padding: 8px 12px; border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); background: var(--accent-soft); color: var(--accent-strong); }
+.automation-tool-identity { display: grid; gap: 5px; min-width: 0; text-align: start; }
+.automation-tool-identity-name { justify-self: start; max-width: 100%; padding: 4px 8px; border-radius: 5px; background: var(--accent-soft); color: var(--accent-strong); font-size: var(--font-size-sm); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
+.automation-tool-identity-operation { color: var(--text); font-size: var(--font-size-sm); line-height: 1.45; overflow-wrap: anywhere; }
+.automation-node .automation-tool-identity-operation { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
+.automation-tool-identity-plugin { color: var(--muted); font-size: var(--font-size-xs); }
+.automation-step-dialog-heading > div { min-width: 0; }
+.automation-step-dialog-heading .automation-tool-identity { display: flex; flex-wrap: wrap; align-items: center; margin-top: 10px; gap: 7px 10px; }
+.automation-step-dialog-heading .automation-tool-identity-name { font-size: var(--font-size-md); }
+.automation-step-dialog-navigation { display: flex; align-items: center; flex: none; gap: 8px; }
+.automation-step-dialog-navigation > button[data-step-direction] { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--line); border-radius: 6px; background: var(--control-bg); color: var(--text); font-size: 18px; }
+.automation-step-dialog-navigation > button[data-step-direction]:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
+.automation-step-dialog-navigation > button:disabled { opacity: .35; cursor: default; }
+.automation-step-position { color: var(--muted); font-size: var(--font-size-xs); white-space: nowrap; }
+
+.automation-step-dialog { box-sizing: border-box; width: min(1060px, calc(100vw - 48px)); max-width: none; max-height: min(920px, calc(100dvh - 48px)); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--panel); color: var(--text); box-shadow: 0 24px 80px #0008; }
+.automation-step-dialog[open] { display: flex; flex-direction: column; }
+.automation-step-dialog::backdrop { background: #0009; backdrop-filter: blur(3px); }
+.automation-step-dialog-heading { display: flex; align-items: center; justify-content: space-between; flex: none; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
+.automation-step-dialog-heading p { margin: 0 0 4px; color: var(--muted); font-size: var(--font-size-xs); }
+.automation-step-dialog-heading h2 { margin: 0; font-size: var(--font-size-xl); line-height: 1.3; overflow-wrap: anywhere; }
+.automation-step-dialog-feedback { flex: none; margin: 0; padding: 0 24px; color: var(--amber); font-size: var(--font-size-sm); line-height: 1.5; }
+.automation-step-dialog-feedback:not(:empty) { padding-block: 12px; }
+.automation-step-dialog-content { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 20px 24px; border: 0; border-radius: 0; }
+.automation-step-dialog-content form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
+.automation-step-dialog-content form > h4 { display: none; }
+.automation-step-dialog-content form > :not(label) { grid-column: 1 / -1; }
+.automation-step-dialog-content form > label:has(textarea) { grid-column: 1 / -1; }
+.automation-step-dialog-content :is(input:not([type="checkbox"], [type="radio"]), select, textarea) { box-sizing: border-box; min-height: 38px; border: 1px solid var(--line); border-radius: 6px; background: color-mix(in srgb, var(--bg) 60%, var(--panel)); color: var(--text); }
+.automation-step-dialog-content :is(input, select, textarea):focus { outline: 2px solid color-mix(in srgb, var(--accent) 22%, transparent); outline-offset: 1px; border-color: var(--accent); }
+.automation-step-dialog-content textarea { min-height: 104px; line-height: 1.55; }
+.automation-step-dialog-content textarea[name="prompt"] { min-height: 164px; }
+.automation-step-dialog-content .automation-binding-fields { min-width: 0; gap: 12px; }
+.automation-step-dialog-content .automation-binding-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); }
+.automation-step-dialog-content .automation-binding-row > label:has([data-binding-value]) { grid-column: 1 / -1; }
+.automation-step-dialog-content .automation-binding-row > button { justify-self: start; align-self: end; min-height: 34px; padding: 6px 10px; }
+.automation-step-dialog-content .automation-binding-row > :is(small, .automation-node-error) { grid-column: 1 / -1; }
+.automation-step-dialog-content [data-binding-actions] { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; }
+.automation-step-dialog-content [data-binding-actions] > label { flex: 1 1 260px; min-width: 0; }
+.automation-step-dialog-content [data-binding-actions] > button { min-height: 38px; padding: 8px 12px; }
+.automation-step-dialog-content .automation-node-contract { min-width: 0; }
+.automation-step-dialog-content .automation-node-contract textarea { min-height: 150px; }
+.automation-step-dialog-content .automation-agent-tool-picker-body { max-height: 400px; }
+.automation-step-dialog-content .automation-agent-operations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.automation-step-dialog-content .automation-inspector-actions { margin-top: 0; }
+.automation-step-dialog-content .automation-workflow-actions-note { flex-basis: 100%; margin: 0 0 4px; color: var(--muted); font-size: var(--font-size-xs); line-height: 1.4; }
+.automation-step-dialog-content .automation-save-agent { flex-basis: auto; padding: 7px 12px; }
+.automation-step-dialog-footer { display: flex; align-items: center; justify-content: space-between; flex: none; gap: 16px; padding: 16px 24px; border-top: 1px solid var(--line); background: var(--panel); }
+.automation-step-dialog-footer > span { max-width: 380px; color: var(--muted); font-size: var(--font-size-xs); line-height: 1.5; }
+.automation-step-dialog :is(.automation-step-dialog-footer, .automation-step-discard) button { min-height: 36px; padding: 8px 14px; border-radius: 6px; }
+.automation-step-discard { flex: none; padding: 14px 24px; border-bottom: 1px solid var(--line); background: var(--accent-soft); }
+.automation-step-discard p { margin: 0 0 10px; font-size: var(--font-size-sm); }
+.automation-step-discard .automation-actions { justify-content: flex-start; }
+.automation-step-discard[hidden] { display: none; }
+
+@media (max-width: 680px) {
+  .automation-step-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 9px; }
+  .automation-step-dialog-heading, .automation-step-dialog-content, .automation-step-dialog-footer, .automation-step-discard { padding: 16px; }
+  .automation-step-dialog-heading { flex-wrap: wrap; }
+  .automation-step-dialog-content form, .automation-step-dialog-content .automation-binding-row, .automation-step-dialog-content .automation-agent-operations { grid-template-columns: minmax(0, 1fr); }
+  .automation-step-dialog-footer { align-items: stretch; flex-direction: column; gap: 10px; }
+  .automation-step-dialog-footer .automation-actions { justify-content: space-between; }
+}

package/dist/src/web-ui/app/styles/53-automation-schema-inputs.css

@@ -0,0 +1,21 @@
+.automation-schema-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
+.automation-schema-heading strong { color: var(--text); font-size: var(--font-size-sm); overflow-wrap: anywhere; }
+.automation-schema-heading small { flex-basis: 100%; color: var(--muted); line-height: 1.5; }
+.automation-schema-binding .automation-required { color: var(--muted); font-size: var(--font-size-xs); }
+.automation-step-dialog-content .automation-schema-heading, .automation-step-dialog-content .automation-schema-literal { grid-column: 1 / -1; }
+.automation-schema-literal { min-width: 0; }
+.automation-schema-literal :is(input, select, textarea) { width: 100%; min-width: 0; }
+.automation-schema-literal textarea { min-height: 76px; resize: vertical; }
+.automation-schema-items { display: grid; gap: 8px; }
+.automation-schema-item { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: start; gap: 8px; }
+.automation-schema-item-number { color: var(--muted); font-size: var(--font-size-xs); padding-top: 10px; text-align: center; }
+.automation-schema-item > button, .automation-schema-list-actions > button { min-height: 34px; padding: 6px 10px; }
+.automation-schema-item > button { color: var(--muted); }
+.automation-schema-list-actions { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
+.automation-schema-list-actions small, .automation-schema-invalid small { color: var(--muted); font-size: var(--font-size-xs); line-height: 1.5; }
+.automation-schema-invalid { display: grid; gap: 6px; min-width: 0; }
+.automation-schema-invalid small { color: var(--warning); }
+@media (max-width: 560px) {
+  .automation-schema-item { grid-template-columns: 18px minmax(0, 1fr); }
+  .automation-schema-item > button { grid-column: 2; justify-self: end; }
+}

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

@@ -0,0 +1,143 @@
+.spark-companion { position: fixed; left: calc(var(--workspace-rail-width, 166px) + 12px); bottom: 70px; z-index: 45; color: var(--text); }
+.spark-companion button, .spark-companion select, .spark-companion textarea { font: inherit; }
+.spark-pet { --pet-size: 43px; display: block; width: var(--pet-size); height: var(--pet-size); flex-shrink: 0; transform: rotate(-3deg); filter: drop-shadow(0 3px 4px #0002); }
+.spark-launcher { position: relative; display: grid; place-items: center; width: 60px; height: 60px; padding: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); box-shadow: var(--shadow); }
+.spark-launcher:hover { background: var(--panel); border-color: var(--line-strong); }
+.spark-rail-launcher { width: 100%; flex: none; }
+.spark-rail-launcher:empty { display: none; }
+.spark-launcher { touch-action: none; user-select: none; }
+.spark-launcher-dragging { cursor: grabbing; }
+.workspace-rail button.spark-launcher { display: flex; width: 100%; height: 52px; padding: 5px 10px; gap: 14px; border-radius: 8px; }
+.spark-launcher-floating { position: fixed; z-index: 45; touch-action: none; }
+.spark-launcher-floating .spark-launcher-label { display: none; }
+.spark-rail-launcher .spark-pet { --pet-size: 34px; }
+.spark-launcher-label { font-size: 12px; }
+.spark-rail-launcher .spark-unread { top: 3px; right: 5px; }
+.spark-unread { position: absolute; right: -5px; top: -5px; min-width: 22px; height: 22px; display: grid; place-items: center; padding: 0 5px; background: #c0c7cd; color: #15191e; border: 2px solid var(--bg); border-radius: 20px; font-size: 11px; font-weight: 600; }
+.spark-chat-panel { position: absolute; left: 0; bottom: 0; width: 390px; height: min(560px, calc(100dvh - 32px)); min-height: 250px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: 0 12px 40px #0005; display: flex; flex-direction: column; overflow: hidden; }
+.spark-chat-header { display: flex; align-items: center; gap: 11px; padding: 12px 13px; border-bottom: 1px solid var(--line); }
+.spark-chat-header .spark-pet { --pet-size: 29px; }
+.spark-chat-header .spark-header-mascot { width: 30px; height: 30px; overflow: visible; }
+.spark-chat-header strong { flex: 1; font-size: 13px; font-weight: 550; }
+.spark-chat-header button { display: grid; place-items: center; border: 0; box-shadow: none; background: transparent; color: var(--muted); width: 28px; height: 28px; padding: 0; border-radius: 6px; }
+.spark-chat-header button:hover { background: var(--control-bg); color: var(--text); }
+.spark-chat-content { position: relative; display: flex; flex: 1; min-height: 0; }
+.spark-companion .jump-to-latest { position: absolute; top: auto; right: auto; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 2; width: auto; min-height: 28px; padding: 5px 10px; font-size: 11px; }
+.spark-companion .spark-messages { width: 100%; min-width: 0; padding: 16px 12px; margin: 0; gap: 0; overflow-y: auto; overflow-anchor: none; scroll-behavior: auto; }
+.spark-companion .message-row { width: 100%; max-width: none; margin: 0 0 14px; gap: 0; }
+.spark-companion .schedule-message-row { display: none; }
+.spark-companion .message-avatar { display: none; }
+.spark-companion .message-row.assistant .message-bubble, .spark-companion .message-bubble { position: relative; width: auto; max-width: 94%; min-width: 0; padding: 9px 11px; border: 1px solid #c5c9cf14; border-radius: 10px; background: #1c2228; box-shadow: none; }
+.spark-companion .message-row.user .message-bubble { padding: 9px 11px; background: #32373e; border: 1px solid #d0d3d920; border-radius: 10px; color: #eceef1; }
+.spark-companion .message-status-outside { flex-direction: column; gap: 5px; }
+.spark-companion .message-status-outside > .conversation-status { padding: 3px 2px; font-size: 12px; }
+.spark-companion .message-row.user .markdown-body:not(:empty) { width: auto; margin: 0; padding: 0; border-radius: 0; background: transparent; }
+.spark-companion .message-link-preview { background: #ffffff04; border-color: #c9d1d919; box-shadow: none; }
+.spark-companion .message-meta { font-size: 10px; margin-bottom: 5px; }
+.spark-companion .message-meta > span:first-child { display: none; }
+.spark-companion .message-timestamp::before { content: none; }
+.spark-companion .message-row.assistant .message-meta { min-height: 18px; padding-right: 35px; }
+.spark-companion .markdown-body { font-size: 13px; line-height: 1.65; }
+.spark-companion .markdown-body pre { max-width: 100%; overflow: auto; }
+.spark-companion .message-actions { position: absolute; right: 7px; top: 7px; margin: 0; }
+.spark-companion .message-action-button { min-height: 20px; padding: 0 4px; font-size: 10px; line-height: 18px; }
+.spark-companion .chat-empty-state { margin: 0; padding: 10px 8px; min-height: 0; text-align: start; align-items: start; }
+.spark-companion .mode-empty-title { font-size: 15px; }
+.spark-companion .mode-empty-copy { font-size: 12px; }
+.spark-chat-composer-dock { flex-shrink: 0; padding: 8px 10px; border-top: 1px solid var(--line); }
+.spark-compose { margin: 0; padding: 0; }
+.spark-input-row { display: flex; align-items: center; gap: 6px; padding: 7px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg); }
+.spark-input-row:focus-within { border-color: #727b84; }
+.spark-companion .spark-input-icon { display: grid; place-items: center; flex: 0 0 32px; align-self: flex-end; width: 32px; min-height: 32px; height: 32px; padding: 0; border: 0; border-radius: 7px; background: transparent; box-shadow: none; color: var(--muted); font-size: 20px; }
+.spark-companion .spark-input-icon:hover { background: #ffffff09; color: var(--text); }
+.spark-companion .spark-input-icon[hidden] { display: none; }
+.spark-companion .spark-stop { font-size: 13px; color: var(--text); }
+.spark-companion .spark-input-row textarea { display: block; box-sizing: border-box; flex: 1; min-width: 0; width: 100%; min-height: 32px; height: 32px; max-height: 168px; padding: 6px 3px; margin: 0; resize: none; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: transparent; color: var(--text); font-size: 13px; line-height: 20px; }
+.spark-companion .spark-input-row textarea:hover, .spark-companion .spark-input-row textarea:focus { border: 0; outline: 0; box-shadow: none; background: transparent; }
+.spark-companion .composer-submit-control { align-self: flex-end; flex-shrink: 0; gap: 0; border: 1px solid #ffffff12; border-radius: 9px; background: #30363d; }
+.spark-companion .send-button, .spark-companion .composer-submit-control.split .send-button { display: grid; place-items: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #edf0f3; box-shadow: none; }
+.spark-companion .composer-submit-control.split .send-button { border-radius: 8px 0 0 8px; }
+.spark-companion .send-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+.spark-companion .send-button:hover, .spark-companion .composer-submit-control.split .send-button:hover { border: 0; background: #ffffff0c; }
+.spark-companion .send-button:disabled, .spark-companion .composer-submit-control.split .send-button:disabled { background: transparent; color: var(--muted-2); opacity: .6; }
+.spark-companion .send-next-menu-button { width: 26px; min-width: 26px; height: 32px; min-height: 32px; padding: 0; border: 0; border-left: 1px solid #ffffff12; border-radius: 0 8px 8px 0; background: transparent; color: #d1d6dc; }
+.spark-companion .send-next-menu-button svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
+.spark-companion .send-next-menu-button:hover, .spark-companion .send-next-menu-button.open { border-color: #ffffff12; background: #ffffff0c; color: #fff; }
+.spark-companion .send-next-menu-button[data-count]::after { background: #d3d7dc; color: #252a30; }
+.spark-companion .send-next-menu { bottom: 42px; right: 0; min-width: 200px; padding: 5px; border-color: #ffffff20; background: #252b32; box-shadow: 0 8px 24px #0005; }
+.spark-companion .send-next-menu button { padding: 8px 9px 3px; min-height: 32px; font-size: 12px; }
+.spark-companion .send-next-menu p { margin: 0; padding: 0 9px 7px; color: #acb4bf; font-size: 11px; line-height: 1.5; }
+.spark-chat-status { min-height: 0; margin: 0; font-size: 10px; color: var(--muted); }
+.spark-chat-status:empty { display: none; }
+.spark-message-notice { position: absolute; left: 0; bottom: 0; width: 260px; display: flex; align-items: flex-start; gap: 6px; padding: 10px 8px 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: var(--shadow); }
+.spark-message-notice button { background: none; border: none; box-shadow: none; padding: 0; color: var(--text); font-size: 12px; }
+.spark-message-notice [data-spark="noticeButton"] { flex: 1; text-align: start; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
+.spark-message-notice [data-spark="dismissNoticeButton"] { color: var(--muted); width: 18px; }
+.spark-new-messages { display: flex; align-items: center; gap: 8px; color: #bec5cc; font-size: 10px; margin: 0 0 12px; }
+.spark-new-messages::before, .spark-new-messages::after { content: ""; height: 1px; background: var(--line); flex: 1; }
+.spark-chat-panel .conversation-file-preview { position: absolute; inset: 0; z-index: 5; width: auto; max-width: none; }
+.spark-chat-panel .conversation-file-backdrop { display: none; }
+.spark-chat-results:empty { display: none; }
+.spark-handoff-actions { margin-top: 10px; }
+.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; }
+.spark-chat-settings { margin: 0 0 18px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 10px; }
+.spark-chat-settings h4 { margin: 0; font-size: 14px; }
+.spark-chat-settings p, .spark-chat-settings label > span { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
+.spark-settings-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 16px; }
+.spark-settings-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 0; border-top: 1px solid var(--line); }
+.spark-settings-row strong { display: block; font-size: 12px; font-weight: 550; }
+.spark-chat-settings-controls label { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
+.spark-settings-actions { display: flex; align-items: center; gap: 8px; }
+.spark-chat-settings button, .spark-chat-settings select { min-height: 32px; padding: 6px 10px; font-size: 12px; white-space: nowrap; }
+.spark-chat-settings-controls select { width: 104px; }
+.spark-chat-settings [data-spark-clear] { color: var(--muted); background: transparent; }
+.spark-chat-settings .spark-settings-model-note { padding-top: 12px; border-top: 1px solid var(--line); }
+.spark-chat-settings [data-spark-settings-feedback]:empty { display: none; }
+.spark-is-working .spark-pet { filter: drop-shadow(0 0 5px #76cbb077); }
+@keyframes spark-mascot-working {
+  0%, 100% { transform: translateX(0) rotate(-3deg); }
+  20%, 35% { transform: translateX(-2px) rotate(-8deg); }
+  65%, 80% { transform: translateX(2px) rotate(4deg); }
+}
+@keyframes spark-chat-enter { from { opacity: 0; transform: translateY(var(--spark-open-shift, 10px)); } to { opacity: 1; transform: translateY(0); } }
+@media (prefers-reduced-motion: no-preference) {
+  .spark-chat-panel:not([hidden]) { animation: spark-chat-enter .22s cubic-bezier(.2,.8,.2,1); }
+  .spark-launcher .spark-pet { transition: transform .18s ease; }
+  .spark-launcher:hover .spark-pet { transform: rotate(4deg) translateY(-2px); }
+  .spark-is-working .spark-pet { animation: spark-mascot-working 2.8s ease-in-out infinite; }
+}

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

@@ -0,0 +1,35 @@
+@media (max-width: 1100px) {
+  .automation-editor-layout { grid-template-columns: minmax(230px, 270px) minmax(0, 1fr); gap: 12px; }
+  .automation-node { padding: 10px; }
+}
+@media (max-width: 960px) {
+  .automation-editor-layout { grid-template-columns: minmax(0, 1fr); }
+  .automation-canvas { order: 1; }
+  .automation-editor-sidebar { order: 2; }
+  .automation-run-layout { grid-template-columns: minmax(0, 1fr); }
+  .automation-palette-item { display: inline-block; width: auto; min-width: 130px; margin-right: 12px; }
+}
+@media (max-width: 600px) {
+  .automation-report-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .automation-report-stats > div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; }
+  .automation-run-report { padding: 16px; }
+  .automation-recorded-targets li, .automation-step-effects .automation-recorded-targets li { grid-template-columns: minmax(0, 1fr); }
+  .automation-heading, .automation-toolbar { align-items: stretch; flex-direction: column; }
+  .automation-heading-actions { justify-items: start; }
+  .automation-actions { justify-content: flex-start; }
+  .automation-top-fields { grid-template-columns: minmax(0, 1fr); }
+  .automation-trigger-fields, .automation-source-fields, .automation-limit-fields { grid-template-columns: minmax(0, 1fr); }
+  .automation-sequence-item { grid-template-columns: minmax(0, 1fr); }
+  .automation-sequence-item > .automation-node { grid-column: 1 !important; justify-self: stretch !important; width: 100%; }
+  .automation-sequence-item > .automation-inline-inspector-frame { grid-column: 1 !important; justify-self: stretch !important; width: 100%; }
+  .automation-sequence-item > .automation-node::after { display: none; }
+  .automation-branches { --automation-branch-gap: 10px; }
+  .automation-branch-label { text-align: center; }
+  .automation-chat-run-panel { padding: 16px 12px; }
+  .automations-workspace-body input, .automations-workspace-body select, .automations-workspace-body textarea { font-size: max(16px, 1rem); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .automation-node[data-state="running"]::before, .automation-connector[data-active="true"] { animation: none; }
+  .automation-inline-inspector-frame { animation: none; }
+  .automations-workspace-body button, .automation-chat-run-panel button { transition: none; }
+}

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

@@ -15,10 +15,12 @@
 @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-model-plugin-permissions.css");
+@import url("./styles/41-plugin-discovery.css");
+@import url("./styles/41-plugin-configuration.css");
 @import url("./styles/42-runtime-setup-plugins.css");
 @import url("./styles/43-model-setup.css");
 @import url("./styles/44-model-provider-cards.css");
@@ -34,12 +36,14 @@
 @import url("./styles/90-responsive.css");
 @import url("./styles/91-schedules-responsive.css");
 @import url("./styles/18-dashboard.css");
+@import url("./styles/19-dashboard-automations.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/11-product-links.css");
 @import url("./styles/28-tool-approval-card.css");
 @import url("./styles/14-startup-screen.css");
 @import url("./styles/93-compact-viewport.css");
@@ -49,3 +53,11 @@
 @import url("./styles/43-co-worker-applications.css");
 @import url("./styles/48-notifications.css");
 @import url("./styles/49-macos-permission.css");
+@import url("./styles/50-automations.css");
+@import url("./styles/51-automation-editor-actions.css");
+@import url("./styles/51-automation-templates.css");
+@import url("./styles/52-automation-step-editor.css");
+@import url("./styles/52-automation-reports.css");
+@import url("./styles/53-automation-schema-inputs.css");
+@import url("./styles/54-spark-chat.css");
+@import url("./styles/94-automations-responsive.css");

package/dist/src/web-ui/app/ui-behavior.js

@@ -39,6 +39,7 @@ export function normalizeWorkspaceDestination(value) {
     .toLowerCase();
   if (destination === "notifications") return "notifications";
   if (destination === "schedules") return "schedules";
+  if (destination === "automations") return "automations";
   if (destination === "learning") return "learning";
   if (destination === "memory") return "memory";
   if (destination === "home") return "home";

package/dist/src/web-ui/local-runtime/api-router.d.ts

@@ -21,6 +21,8 @@ export declare class LocalRuntimeApiRouter {
     private readonly projects;
     private readonly toolApprovals;
     private readonly learning;
+    private readonly automations;
+    private readonly sparkChat;
     constructor(options: ResolvedLocalRuntimeBackendOptions, environments: RuntimeEnvironmentRegistry, requests: LocalRequestExecution, notifyWorkspaceChanged?: WorkspaceChangeNotifier);
     private applyWhenRequestsIdle;
     initializeSessionReadState(environmentIds: readonly string[]): Promise<void>;

package/dist/src/web-ui/local-runtime/api-router.js

@@ -25,6 +25,8 @@ import { LongTermMemoryManagementRoutes } from "./memory-management-routes.js";
 import { LongTermMemoryOnboardingRoutes } from "./memory-onboarding-routes.js";
 import { ScheduleManagementRoutes } from "./schedule-management-routes.js";
 import { PassiveLearningRoutes } from "./learning-routes.js";
+import { AutomationRoutes } from "./automation-routes.js";
+import { SparkChatRoutes } from "./spark-chat-routes.js";
 function sendRuntimeSetupRequired(res, availability) {
     sendJson(res, 409, {
         ok: false,
@@ -51,12 +53,15 @@ export class LocalRuntimeApiRouter {
     projects = new ProjectRoutes();
     toolApprovals;
     learning;
+    automations;
+    sparkChat;
     constructor(options, environments, requests, notifyWorkspaceChanged) {
         this.options = options;
         this.environments = environments;
         this.requests = requests;
         this.toolApprovals = new ToolApprovalRoutes(new ManagedWebToolApprovals((id) => environments.get(id), requests));
         this.learning = new PassiveLearningRoutes((id) => this.environments.get(id).services.passiveLearning);
+        this.automations = new AutomationRoutes((id) => this.environments.get(id));
         this.conversationFiles = new ConversationFileRoutes(environments, requests, () => this.options.defaultEnvironmentId);
         this.modelSetup = new ModelSetupRoutes(new ModelSetupService({
             rootDir: options.rootDir ?? process.cwd(),
@@ -83,10 +88,16 @@ export class LocalRuntimeApiRouter {
         }));
         this.plugins = new PluginManagementRoutes({
             rootDir: options.rootDir ?? process.cwd(),
+            requireMutationIdle: () => this.environments.requirePluginMutationIdle(this.requests.healthDetails().length > 0),
+            removalRuntime: {
+                applyConfiguration: (revision) => this.applyWhenRequestsIdle(revision),
+                requireInactive: (pluginId, capabilities) => this.environments.requirePluginInactive(pluginId, capabilities),
+            },
             getConfigPath: () => options.configPath ?? process.env.LLM_RUNTIME_CONFIG_FILE,
         });
         this.readStates = new WebSessionReadStates((id) => this.environments.get(id));
         this.sessions = new WebSessionRoutes(this.readStates, notifyWorkspaceChanged);
+        this.sparkChat = new SparkChatRoutes((id) => this.environments.get(id), this.readStates, notifyWorkspaceChanged);
         this.schedules = new ScheduleManagementRoutes((id) => this.environments.get(id));
         this.memoryOnboarding = new LongTermMemoryOnboardingRoutes(() => createLocalLongTermMemoryOnboardingService({
             rootDir: options.rootDir ?? process.cwd(),
@@ -95,7 +106,7 @@ export class LocalRuntimeApiRouter {
         }));
         this.memoryManagement = new LongTermMemoryManagementRoutes((environmentId) => this.environments.get(environmentId).services.longTermMemory);
     }
-    async applyWhenRequestsIdle() {
+    async applyWhenRequestsIdle(expectedRevision) {
         const hasAcknowledgedRequests = this.requests.healthDetails().length > 0;
         if (hasAcknowledgedRequests) {
             return {
@@ -103,7 +114,7 @@ export class LocalRuntimeApiRouter {
                 message: "Your agent is working. Wait for active conversations and Jobs to finish, then apply again.",
             };
         }
-        return this.environments.applyConfiguration();
+        return this.environments.applyConfiguration(expectedRevision);
     }
     async initializeSessionReadState(environmentIds) {
         for (const id of environmentIds) {
@@ -184,6 +195,8 @@ export class LocalRuntimeApiRouter {
             await cancelWebRequest({ request: req, response: res, body, environment: this.environments.get(environmentId) });
             return;
         }
+        if (await this.sparkChat.handle({ method, route, body, environmentId, request: req, response: res }))
+            return;
         if (await this.learning.handle({
             method,
             route,
@@ -195,6 +208,16 @@ export class LocalRuntimeApiRouter {
             response: res,
         }))
             return;
+        if (await this.automations.handle({
+            method,
+            segments,
+            url,
+            body,
+            environmentId,
+            request: req,
+            response: res,
+        }))
+            return;
         if (await this.toolApprovals.handle({
             method,
             segments,
@@ -204,7 +227,7 @@ export class LocalRuntimeApiRouter {
             response: res,
         }))
             return;
-        if (await this.plugins.handle({ method, route, body, response: res }))
+        if (await this.plugins.handle({ method, route, body, request: req, response: res }))
             return;
         if (segments[0] === "schedules")
             await this.initializeSessionReadState([environmentId]);
@@ -302,10 +325,10 @@ export class LocalRuntimeApiRouter {
             });
             return;
         }
-        if ((method === "GET" && route === "chat/sessions") ||
+        if (((method === "GET" && route === "chat/sessions") || (method === "POST" && route === "chat/sessions/page")) ||
             (method === "POST" && route === "chat/messages")) {
             const setupRequirement = this.environments.setupRequirement(environmentId);
-            if (setupRequirement && method === "GET") {
+            if (setupRequirement && route !== "chat/messages") {
                 sendJson(res, 200, {
                     ok: true,
                     sessions: [],
@@ -332,7 +355,7 @@ export class LocalRuntimeApiRouter {
         if (await this.sessions.handle({
             method,
             segments,
-            body,
+            url, body,
             environmentId,
             environment,
             response: res,

package/dist/src/web-ui/local-runtime/approval-request-attachment.js

@@ -1,4 +1,5 @@
 import { createRequestSteeringInbox } from "../../runtime/request/request-steering.js";
+import { traceWebProjection } from "./request-control-observation.js";
 function hasMatchingRequestView(active, input) {
     if (active.environmentId !== input.environmentId)
         return false;
@@ -22,9 +23,13 @@ export async function attachApprovalRequest(input) {
             lastEventName: "tool.approval.required",
             events: [...input.events],
             finalState: null,
-            requestSteering: createRequestSteeringInbox({ requestId }),
+            requestSteering: createRequestSteeringInbox({
+                requestId,
+                diagnostics: { origin: "web_projection" },
+            }),
         };
         activeRequests.set(requestId, active);
+        traceWebProjection("projection.opened", requestId, active, "approval_attachment");
     }
     if (pending.run)
         return;
@@ -37,8 +42,10 @@ export async function attachApprovalRequest(input) {
             resolve();
         })
             .catch((error) => {
-            if (createdProjection && activeRequests.get(requestId) === projection)
-                activeRequests.delete(requestId);
+            if (createdProjection && activeRequests.get(requestId) === projection) {
+                const removed = activeRequests.delete(requestId);
+                traceWebProjection("projection.removed", requestId, projection, "attachment_error", removed);
+            }
             if (accepted)
                 input.publish(JSON.stringify({
                     type: "control",
@@ -51,8 +58,10 @@ export async function attachApprovalRequest(input) {
             .finally(() => {
             if (!projection.finalState)
                 return;
-            if (activeRequests.get(requestId) === projection)
-                activeRequests.delete(requestId);
+            if (activeRequests.get(requestId) === projection) {
+                const removed = activeRequests.delete(requestId);
+                traceWebProjection("projection.removed", requestId, projection, "attachment_terminal_settled", removed);
+            }
         });
     });
 }

package/dist/src/web-ui/local-runtime/automation-routes.d.ts

@@ -0,0 +1,27 @@
+import type { IncomingMessage, ServerResponse } from "node:http";
+import type { AutomationService } from "../../runtime/automations/service.js";
+import type { JsonObject } from "./contracts.js";
+type AutomationEnvironment = {
+    start(): Promise<void>;
+    services: {
+        automations?: AutomationService;
+    };
+};
+type AutomationRouteRequest = {
+    method: string;
+    segments: readonly string[];
+    url: URL;
+    body: JsonObject | null;
+    environmentId: string;
+    request: IncomingMessage;
+    response: ServerResponse;
+};
+export declare class AutomationRoutes {
+    private readonly resolveEnvironment;
+    constructor(resolveEnvironment: (id: string) => AutomationEnvironment);
+    handle(request: AutomationRouteRequest): Promise<boolean>;
+    private handleDefinition;
+    private handleRun;
+    private methodNotAllowed;
+}
+export {};