@squadrules/mcp 4.8.6

package/dist/mcp-apps/forward-widget-html.js

@@ -0,0 +1,34 @@
+import { KAIROS_LOGO_SVG } from './kairos-logo-embedded.js';
+import { FORWARD_WIDGET_INLINE_CSS } from './forward-widget-inline-css.js';
+import { FORWARD_WIDGET_INLINE_SCRIPT } from './forward-widget-inline-script.js';
+import { minifyInlineWidgetHtml } from './widget-inline-minify.js';
+import { substituteWidgetPresentationToken } from './mcp-widget-presentation-inject.js';
+/**
+ * MCP Apps HTML fragment for `forward` (mount root + style + script); host wraps a full document.
+ * Same lifecycle as {@link ./spaces-mcp-app-widget-html.ts}.
+ */
+export function buildForwardWidgetHtml() {
+    const logo = KAIROS_LOGO_SVG.replaceAll('`', '`');
+    return minifyInlineWidgetHtml(`<div id="kairos-forward-root">
+  <div class="brand">
+    ${logo}
+    <h1 id="header-title" class="header-title"><span class="ht-brand">KAIROS</span><span class="ht-sep"> • </span><span class="ht-protocol-label">Protocol:</span></h1>
+  </div>
+  <div id="out"><span class="waiting">Loading this forward step…</span></div>
+  <footer id="run-footer" class="run-footer" hidden>
+    <div class="footer-row">
+      <div class="progress-wrap footer-progress">
+        <div id="progress-segments" class="progress-segments" aria-hidden="true"></div>
+      </div>
+      <span id="step-text" class="step-label footer-step-count" role="status"></span>
+    </div>
+  </footer>
+</div>
+<style>
+${FORWARD_WIDGET_INLINE_CSS}
+</style>
+<script>
+${substituteWidgetPresentationToken(FORWARD_WIDGET_INLINE_SCRIPT)}
+</script>`);
+}
+//# sourceMappingURL=forward-widget-html.js.map

package/dist/mcp-apps/forward-widget-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forward-widget-html.js","sourceRoot":"","sources":["../../src/mcp-apps/forward-widget-html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AAExF;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACtD,OAAO,sBAAsB,CAAC;;MAE1B,IAAI;;;;;;;;;;;;;;EAcR,yBAAyB;;;EAGzB,iCAAiC,CAAC,4BAA4B,CAAC;UACvD,CAAC,CAAC;AACZ,CAAC"}

package/dist/mcp-apps/forward-widget-inline-css.d.ts

@@ -0,0 +1,2 @@
+export declare const FORWARD_WIDGET_INLINE_CSS: string;
+//# sourceMappingURL=forward-widget-inline-css.d.ts.map

package/dist/mcp-apps/forward-widget-inline-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forward-widget-inline-css.d.ts","sourceRoot":"","sources":["../../src/mcp-apps/forward-widget-inline-css.ts"],"names":[],"mappings":"AA0KA,eAAO,MAAM,yBAAyB,QAC2E,CAAC"}

package/dist/mcp-apps/forward-widget-inline-css.js

@@ -0,0 +1,170 @@
+/** Forward-only styles; shared chrome in {@link ./mcp-widget-chrome-inline-css.ts}. */
+import { MCP_WIDGET_CHROME_INLINE_CSS } from './mcp-widget-chrome-inline-css.js';
+import { minifyInlineWidgetCss } from './widget-inline-minify.js';
+const FORWARD_WIDGET_SPECIFIC_INLINE_CSS = `
+    html,
+    body {
+      background: transparent;
+    }
+    #out {
+      flex: 0 1 auto;
+      max-height: none;
+      overflow: visible;
+    }
+    #out.step-panel {
+      box-shadow: inset 3px 0 0 0 color-mix(in srgb, var(--color-primary) 72%, transparent);
+    }
+    #out.step-panel.step-panel-error {
+      box-shadow: inset 3px 0 0 0 color-mix(in srgb, var(--color-error) 78%, transparent);
+    }
+    #out .step-running {
+      margin: 0;
+      line-height: 1.45;
+      font-size: clamp(0.875rem, 2.2vw, 0.9375rem);
+    }
+    #out .step-running-label {
+      display: inline;
+      font-weight: 600;
+      font-size: 0.8em;
+      letter-spacing: 0.02em;
+      color: var(--color-text-muted);
+    }
+    #out .step-retrying .step-running-label {
+      color: color-mix(in srgb, var(--color-error) 62%, var(--color-text-muted));
+    }
+    #out .step-running-name {
+      font-weight: 600;
+      font-size: 1em;
+      letter-spacing: -0.02em;
+      color: var(--color-text-heading);
+    }
+    #out .step-reward-ready .step-running-name {
+      color: var(--color-success);
+    }
+    #out .footer-step-done {
+      color: var(--color-success);
+      font-weight: 600;
+    }
+    .run-footer {
+      flex-shrink: 0;
+      margin-top: 6px;
+      padding-top: 6px;
+      border-top: 1px solid var(--color-border);
+    }
+    .footer-row {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+    }
+    .step-label {
+      font-size: var(--font-size-xs);
+      font-weight: 600;
+      letter-spacing: 0.02em;
+      color: var(--color-text-muted);
+    }
+    .progress-wrap {
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+      min-width: 0;
+    }
+    .progress-wrap.footer-progress {
+      flex: 0 1 auto;
+      max-width: calc(100% - 5.5rem);
+    }
+    .footer-step-count {
+      flex: 0 0 auto;
+      white-space: nowrap;
+      text-align: right;
+    }
+    .progress-segments {
+      display: flex;
+      gap: 3px;
+      align-items: stretch;
+      width: max-content;
+    }
+    .seg {
+      flex: 0 0 8px;
+      height: 6px;
+      border-radius: 3px;
+      box-sizing: border-box;
+      border: 1px solid color-mix(in srgb, var(--color-text-muted) 45%, var(--color-border));
+      transition: background 0.15s ease, border-color 0.15s ease;
+    }
+    .seg-pending {
+      background: color-mix(in srgb, var(--color-text-muted) 18%, var(--color-surface-elevated));
+    }
+    .seg-done { background: var(--color-success); border-color: color-mix(in srgb, var(--color-success) 55%, var(--color-border)); }
+    .seg-current:not(.seg-issue) {
+      background: color-mix(in srgb, var(--color-warning) 72%, var(--color-surface-elevated));
+      border-color: color-mix(in srgb, var(--color-warning) 58%, var(--color-border));
+    }
+    html.dark .seg-current:not(.seg-issue),
+    html[data-theme="dark"] .seg-current:not(.seg-issue) {
+      background: color-mix(in srgb, var(--color-warning) 55%, transparent);
+      border-color: color-mix(in srgb, var(--color-warning) 48%, var(--color-border));
+    }
+    .seg-current.seg-issue {
+      background: color-mix(in srgb, var(--color-error) 42%, var(--color-warning) 58%);
+      border-color: color-mix(in srgb, var(--color-error) 55%, var(--color-border));
+    }
+    html.dark .seg-current.seg-issue,
+    html[data-theme="dark"] .seg-current.seg-issue {
+      background: color-mix(in srgb, var(--color-error) 48%, var(--color-warning) 52%);
+      border-color: color-mix(in srgb, var(--color-error) 55%, var(--color-border));
+    }
+    .run-footer.run-has-issue .seg-done {
+      background: var(--color-success);
+      border-color: color-mix(in srgb, var(--color-success) 55%, var(--color-border));
+    }
+    .widget-error {
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+    .widget-error .step-running {
+      margin: 0;
+    }
+    .widget-error-msg {
+      margin: 0;
+      font-size: var(--font-size-sm);
+      line-height: 1.45;
+      font-weight: 600;
+      color: var(--color-error);
+    }
+    .widget-error-next {
+      margin: 0;
+      font-size: var(--font-size-sm);
+      line-height: 1.45;
+      color: var(--color-text-muted);
+    }
+    .widget-error-next-label {
+      font-weight: 600;
+      color: var(--color-text-heading);
+    }
+    .widget-error-details {
+      margin: 0;
+      border-radius: var(--radius-md);
+      border: 1px solid var(--color-border);
+      background: var(--color-surface);
+      padding: 5px 8px;
+    }
+    .widget-error-details summary {
+      cursor: pointer;
+      font-size: var(--font-size-xs);
+      font-weight: 600;
+      color: var(--color-text-muted);
+      user-select: none;
+    }
+    .widget-error-raw {
+      margin: 6px 0 0 0;
+      max-height: 220px;
+      overflow: auto;
+    }
+`.trim();
+export const FORWARD_WIDGET_INLINE_CSS = minifyInlineWidgetCss(MCP_WIDGET_CHROME_INLINE_CSS) + minifyInlineWidgetCss(FORWARD_WIDGET_SPECIFIC_INLINE_CSS);
+//# sourceMappingURL=forward-widget-inline-css.js.map

package/dist/mcp-apps/forward-widget-inline-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forward-widget-inline-css.js","sourceRoot":"","sources":["../../src/mcp-apps/forward-widget-inline-css.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,kCAAkC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoK1C,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,CAAC,MAAM,yBAAyB,GACpC,qBAAqB,CAAC,4BAA4B,CAAC,GAAG,qBAAqB,CAAC,kCAAkC,CAAC,CAAC"}

package/dist/mcp-apps/forward-widget-inline-script.d.ts

@@ -0,0 +1,2 @@
+export declare const FORWARD_WIDGET_INLINE_SCRIPT: string;
+//# sourceMappingURL=forward-widget-inline-script.d.ts.map

package/dist/mcp-apps/forward-widget-inline-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forward-widget-inline-script.d.ts","sourceRoot":"","sources":["../../src/mcp-apps/forward-widget-inline-script.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,QAogBvC,CAAC"}