@xxmachina/components 19.145.0 → 19.148.4

package/fesm2022/xxmachina-components-molecules-weekly-header.mjs

@@ -12,7 +12,7 @@ class WeeklyHeaderMolecule {
       <span>{{ day }}</span>
     </div>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-38riS83Q: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-38riS83Q: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-38riS83Q)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-EKELQfzQ: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-EKELQfzQ: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-EKELQfzQ)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
             type: Component,
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       <span>{{ day }}</span>
     </div>
   }
-  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-38riS83Q: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-38riS83Q: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-38riS83Q)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
+  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-EKELQfzQ: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-EKELQfzQ: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-EKELQfzQ)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/xxmachina-components-organisms-calendar-section.mjs

@@ -56,7 +56,7 @@ class CalendarSectionOrganism {
       }
     }
   </div>
-  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-1SuUdDWS: var(--row);--row-num: 0;--row-num-SCOPED-IN-1SuUdDWS: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-1SuUdDWS: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-1SuUdDWS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-1SuUdDWS: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-1SuUdDWS);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-1SuUdDWS),var(--row-SCOPED-IN-1SuUdDWS));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-1SuUdDWS)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-1SuUdDWS);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-KaIxysHD: var(--row);--row-num: 0;--row-num-SCOPED-IN-KaIxysHD: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-KaIxysHD: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-KaIxysHD: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-KaIxysHD: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-KaIxysHD);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-KaIxysHD),var(--row-SCOPED-IN-KaIxysHD));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-KaIxysHD)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-KaIxysHD);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
             type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       }
     }
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-1SuUdDWS: var(--row);--row-num: 0;--row-num-SCOPED-IN-1SuUdDWS: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-1SuUdDWS: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-1SuUdDWS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-1SuUdDWS: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-1SuUdDWS);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-1SuUdDWS),var(--row-SCOPED-IN-1SuUdDWS));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-1SuUdDWS)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-1SuUdDWS);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-KaIxysHD: var(--row);--row-num: 0;--row-num-SCOPED-IN-KaIxysHD: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-KaIxysHD: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-KaIxysHD: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-KaIxysHD: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-KaIxysHD);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-KaIxysHD),var(--row-SCOPED-IN-KaIxysHD));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-KaIxysHD)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-KaIxysHD);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], displayDays: [{

package/fesm2022/xxmachina-components-organisms-xterm.mjs

@@ -11,9 +11,7 @@ const MAX_SCAN_LINES = 30;
 class WebLinkProvider {
     _terminal;
     _handler;
-    constructor(_terminal, _handler = (_, uri) => {
-        window.open(uri, '_blank', 'noopener');
-    }) {
+    constructor(_terminal, _handler) {
         this._terminal = _terminal;
         this._handler = _handler;
     }
@@ -53,7 +51,7 @@ class WebLinkProvider {
                     start: { x: startPos.x + 1, y: startPos.y + 1 },
                     end: { x: endPos.x + 1, y: endPos.y + 1 },
                 },
-                activate: (event, text) => this._handler(event, text),
+                activate: (event, text) => this._handler?.(event, text),
             });
         }
         callback(links.length > 0 ? links : undefined);
@@ -290,6 +288,12 @@ class FileLinksAddon {
     }
 }
 
+function createFileLinkActivateHandler(dispatch) {
+    return (_event, filePath, line, column) => {
+        dispatch({ filePath, line, column });
+    };
+}
+
 const SESSION_MENTION_REGEX = /(?:^|[\s(（『「])@([a-z][a-z0-9]*(?:-[a-z0-9]+)*)(?![\w/-])(?!\.[a-z0-9])/g;
 function extractSessionMentions(text) {
     const mentions = [];
@@ -442,9 +446,7 @@ class ProxyLinkProvider {
     _getEndpoints;
     _onMissingToken;
     _getEnv;
-    constructor(_terminal, _getServerUUID, _getToken, _handler = (_, url) => {
-        window.open(url, '_blank', 'noopener');
-    }, _getDeployVersion, _getEndpoints, _onMissingToken, _getEnv) {
+    constructor(_terminal, _getServerUUID, _getToken, _handler, _getDeployVersion, _getEndpoints, _onMissingToken, _getEnv) {
         this._terminal = _terminal;
         this._getServerUUID = _getServerUUID;
         this._getToken = _getToken;
@@ -479,6 +481,10 @@ class ProxyLinkProvider {
                     end: { x: endX, y: bufferLineNumber },
                 },
                 activate: (event) => {
+                    if (this._handler) {
+                        this._handler(event, matchedUrl);
+                        return;
+                    }
                     const uuid = this._getServerUUID();
                     if (!uuid) {
                         console.warn('[ProxyLinkProvider] serverUUID undefined, opening localhost URL as-is (no proxy):', {
@@ -486,7 +492,7 @@ class ProxyLinkProvider {
                             hasGetToken: !!this._getToken,
                             hasGetEndpoints: !!this._getEndpoints,
                         });
-                        this._handler(event, matchedUrl);
+                        window.open(matchedUrl, '_blank', 'noopener');
                         return;
                     }
                     const token = this._getToken?.();
@@ -503,7 +509,6 @@ class ProxyLinkProvider {
                         endpoints,
                         env: this._getEnv?.(),
                         deployVersion: this._getDeployVersion?.(),
-                        handler: (_e, url) => this._handler(event, url),
                     });
                 },
             });
@@ -538,13 +543,83 @@ class ProxyLinksAddon {
     }
 }
 
+const PORTS_SECTION_TITLE = 'PORTS';
+const SECTION_TITLE = /^[A-Z][A-Z ]*$/;
+const PORT_TOKEN = /(?<![\d.])(\d{1,5})(?![\d.])/g;
+function portTokensOf(text) {
+    const out = [];
+    PORT_TOKEN.lastIndex = 0;
+    let m;
+    while ((m = PORT_TOKEN.exec(text)) !== null) {
+        const port = Number(m[1]);
+        if (port >= 1 && port <= 65535)
+            out.push({ port, start: m.index, end: m.index + m[1].length });
+    }
+    return out;
+}
+function isPortsSectionRow(textAt, lineIndex) {
+    const own = textAt(lineIndex)?.trim();
+    if (own === undefined || own === '' || SECTION_TITLE.test(own))
+        return false;
+    for (let i = lineIndex - 1; i >= 0; i--) {
+        const t = textAt(i)?.trim();
+        if (t === undefined || t === '')
+            return false;
+        if (t === PORTS_SECTION_TITLE)
+            return true;
+        if (SECTION_TITLE.test(t))
+            return false;
+    }
+    return false;
+}
+class PortLinkProvider {
+    _terminal;
+    _handler;
+    constructor(_terminal, _handler) {
+        this._terminal = _terminal;
+        this._handler = _handler;
+    }
+    provideLinks(bufferLineNumber, callback) {
+        const buf = this._terminal.buffer.active;
+        const textAt = (i) => buf.getLine(i)?.translateToString(true);
+        const lineIndex = bufferLineNumber - 1;
+        const text = textAt(lineIndex);
+        if (text === undefined || !isPortsSectionRow(textAt, lineIndex)) {
+            callback(undefined);
+            return;
+        }
+        const links = portTokensOf(text).map(({ port, start, end }) => ({
+            text: String(port),
+            range: { start: { x: start + 1, y: bufferLineNumber }, end: { x: end, y: bufferLineNumber } },
+            activate: (event) => this._handler(event, port),
+        }));
+        callback(links.length > 0 ? links : undefined);
+    }
+}
+
+class PortLinksAddon {
+    _handler;
+    _linkProvider;
+    constructor(_handler) {
+        this._handler = _handler;
+    }
+    activate(terminal) {
+        this._linkProvider = terminal.registerLinkProvider(new PortLinkProvider(terminal, this._handler));
+    }
+    dispose() {
+        this._linkProvider?.dispose();
+    }
+}
+
 var XtermActionId;
 (function (XtermActionId) {
     XtermActionId["DATA_INPUT"] = "xterm:data-input";
     XtermActionId["RESIZED"] = "xterm:resized";
     XtermActionId["GITHUB_LINK_CLICK"] = "xterm:github-link-click";
+    XtermActionId["WEB_LINK_CLICK"] = "xterm:web-link-click";
     XtermActionId["FILE_LINK_CLICK"] = "xterm:file-link-click";
     XtermActionId["SESSION_MENTION_CLICK"] = "xterm:session-mention-click";
+    XtermActionId["PORT_LINK_CLICK"] = "xterm:port-link-click";
     XtermActionId["FOCUS_INPUT_REQUEST"] = "xterm:focus-input-request";
 })(XtermActionId || (XtermActionId = {}));
 const XTERM_SESSION_CONTEXT = new InjectionToken('XTERM_SESSION_CONTEXT');
@@ -561,18 +636,19 @@ class XtermOrganismStore extends InjectableComponent {
     queryResult = input('', ...(ngDevMode ? [{ debugName: "queryResult" }] : []));
     useInteractiveTheme = input(false, ...(ngDevMode ? [{ debugName: "useInteractiveTheme" }] : []));
     totalWritten = input(0, ...(ngDevMode ? [{ debugName: "totalWritten" }] : []));
+    staticScreen = input(false, ...(ngDevMode ? [{ debugName: "staticScreen" }] : []));
     sessionContext = inject(XTERM_SESSION_CONTEXT, { optional: true });
     constructor() {
         super();
         XtermOrganismStore.DI.initialize(this);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: XtermOrganismStore, isStandalone: true, selector: "organisms-xterm", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, queryResult: { classPropertyName: "queryResult", publicName: "queryResult", isSignal: true, isRequired: false, transformFunction: null }, useInteractiveTheme: { classPropertyName: "useInteractiveTheme", publicName: "useInteractiveTheme", isSignal: true, isRequired: false, transformFunction: null }, totalWritten: { classPropertyName: "totalWritten", publicName: "totalWritten", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: XtermOrganismStore, isStandalone: true, selector: "organisms-xterm", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, queryResult: { classPropertyName: "queryResult", publicName: "queryResult", isSignal: true, isRequired: false, transformFunction: null }, useInteractiveTheme: { classPropertyName: "useInteractiveTheme", publicName: "useInteractiveTheme", isSignal: true, isRequired: false, transformFunction: null }, totalWritten: { classPropertyName: "totalWritten", publicName: "totalWritten", isSignal: true, isRequired: false, transformFunction: null }, staticScreen: { classPropertyName: "staticScreen", publicName: "staticScreen", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-xterm' }]
-        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], queryResult: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryResult", required: false }] }], useInteractiveTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "useInteractiveTheme", required: false }] }], totalWritten: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalWritten", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], queryResult: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryResult", required: false }] }], useInteractiveTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "useInteractiveTheme", required: false }] }], totalWritten: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalWritten", required: false }] }], staticScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "staticScreen", required: false }] }] } });
 
 const MIN_VIEWPORT_COLS = 2;
 const MIN_VIEWPORT_ROWS = 1;
@@ -583,6 +659,9 @@ const CANONICAL_FONT_SIZE_PX = 14;
 const CANONICAL_CELL_WIDTH_RATIO = 0.615;
 const CANONICAL_CELL_HEIGHT_RATIO = 1.43;
 const CANONICAL_LINE_HEIGHT = 1.2;
+const CANONICAL_FONT_FACES = [
+    { family: 'FiraCode Nerd Font', url: 'https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts@v3.2.1/patched-fonts/FiraCode/Regular/FiraCodeNerdFont-Regular.ttf' },
+];
 const DEFAULT_CELL_WIDTH = CANONICAL_FONT_SIZE_PX * CANONICAL_CELL_WIDTH_RATIO;
 const DEFAULT_CELL_HEIGHT = CANONICAL_FONT_SIZE_PX * CANONICAL_CELL_HEIGHT_RATIO;
 function measureCellMetric() {
@@ -805,6 +884,133 @@ function installQueryReplySuppression(terminal) {
     terminal.parser.registerEscHandler({ final: 'Z' }, () => true);
 }
 
+function focusTerminalTextarea(container, terminal) {
+    const textarea = container.querySelector('.xterm-helper-textarea');
+    if (textarea) {
+        textarea.focus({ preventScroll: true });
+        return;
+    }
+    terminal?.focus();
+}
+
+const VIEWPORT_CLASS = 'xterm-viewport';
+const FOLLOW_BOTTOM_GESTURE_WINDOW_MS = 500;
+function isScrollUpKey(e) {
+    return e.shiftKey && (e.key === 'PageUp' || e.key === 'Home');
+}
+function attachFollowBottom(terminal, root, options = {}) {
+    const now = options.now ?? (() => Date.now());
+    let following = true;
+    let dragging = false;
+    let restoring = false;
+    let gestureAt = Number.NEGATIVE_INFINITY;
+    let lastViewportY = terminal.buffer.active.viewportY;
+    let lastFollowing = true;
+    const gesture = () => { gestureAt = now(); };
+    const free = () => { following = false; gesture(); };
+    const report = () => {
+        const { viewportY, baseY } = terminal.buffer.active;
+        const movedByUser = viewportY !== lastViewportY;
+        const modeChanged = following !== lastFollowing;
+        lastViewportY = viewportY;
+        lastFollowing = following;
+        if (restoring)
+            return;
+        if (following) {
+            if (modeChanged)
+                options.onChange?.(0);
+            return;
+        }
+        if (movedByUser || modeChanged)
+            options.onChange?.(baseY - viewportY);
+    };
+    const onMouseDown = (e) => {
+        dragging = true;
+        gesture();
+        if (e.target instanceof HTMLElement && e.target.classList.contains(VIEWPORT_CLASS))
+            free();
+    };
+    const onMouseUp = () => { dragging = false; };
+    const onKeyDown = (e) => { if (e instanceof KeyboardEvent && isScrollUpKey(e))
+        free(); };
+    const opts = { capture: true, passive: true };
+    root.addEventListener('wheel', free, opts);
+    root.addEventListener('touchstart', free, opts);
+    root.addEventListener('mousedown', onMouseDown, opts);
+    root.addEventListener('keydown', onKeyDown, opts);
+    window.addEventListener('mouseup', onMouseUp, opts);
+    const onScrolled = (intended) => {
+        const { viewportY, baseY } = terminal.buffer.active;
+        const atBottom = viewportY === baseY;
+        if (!intended) {
+            if (following) {
+                if (!atBottom)
+                    terminal.scrollToBottom();
+            }
+            else if (viewportY !== lastViewportY)
+                terminal.scrollLines(lastViewportY - viewportY);
+            lastViewportY = terminal.buffer.active.viewportY;
+            return;
+        }
+        if (!following) {
+            if (atBottom)
+                following = true;
+            report();
+            return;
+        }
+        if (atBottom) {
+            report();
+            return;
+        }
+        free();
+        report();
+    };
+    const onApiScroll = () => onScrolled(true);
+    const onDomScroll = () => onScrolled(dragging || now() - gestureAt < FOLLOW_BOTTOM_GESTURE_WINDOW_MS);
+    const scroll = terminal.onScroll(onApiScroll);
+    const viewport = root.querySelector(`.${VIEWPORT_CLASS}`);
+    viewport?.addEventListener('scroll', onDomScroll, { passive: true });
+    return {
+        get following() { return following; },
+        restore(fromBottom) {
+            const n = Math.max(0, Math.floor(fromBottom));
+            restoring = true;
+            try {
+                terminal.scrollToBottom();
+                following = n === 0;
+                if (n > 0)
+                    terminal.scrollLines(-n);
+            }
+            finally {
+                lastViewportY = terminal.buffer.active.viewportY;
+                lastFollowing = following;
+                restoring = false;
+            }
+        },
+        dispose() {
+            scroll.dispose();
+            viewport?.removeEventListener('scroll', onDomScroll);
+            root.removeEventListener('wheel', free, opts);
+            root.removeEventListener('touchstart', free, opts);
+            root.removeEventListener('mousedown', onMouseDown, opts);
+            root.removeEventListener('keydown', onKeyDown, opts);
+            window.removeEventListener('mouseup', onMouseUp, opts);
+        },
+    };
+}
+
+function planDataWrite(o) {
+    const { lastDataLength, data, mode } = o;
+    if (data === '')
+        return { text: '', reset: false, scrollToTop: false, nextDataLength: lastDataLength };
+    if (mode === 'screen')
+        return { text: data, reset: true, scrollToTop: true, nextDataLength: data.length };
+    if (data.length >= lastDataLength) {
+        return { text: data.slice(lastDataLength), reset: false, scrollToTop: false, nextDataLength: data.length };
+    }
+    return { text: data, reset: true, scrollToTop: false, nextDataLength: data.length };
+}
+
 const MIN_CONTAINER_SIZE = 10;
 class XtermOrganism extends NgAtomicComponent {
     container = viewChild.required('container');
@@ -828,6 +1034,8 @@ class XtermOrganism extends NgAtomicComponent {
     fitScheduled = signal(0, ...(ngDevMode ? [{ debugName: "fitScheduled" }] : []));
     initSkippedDueToSize = false;
     disposables = [];
+    followBottom = null;
+    scrollFromBottom = signal(null, ...(ngDevMode ? [{ debugName: "scrollFromBottom" }] : []));
     stableTimer = null;
     resizeTimer = null;
     fallbackTimer = null;
@@ -869,18 +1077,20 @@ class XtermOrganism extends NgAtomicComponent {
         if (data === undefined || data === null || data === '') {
             return;
         }
-        if (data.length >= this.lastDataLength) {
-            const newPart = data.slice(this.lastDataLength);
-            if (newPart) {
-                this.terminal.write(newPart);
-            }
-            this.lastDataLength = data.length;
-        }
-        else {
+        const plan = planDataWrite({
+            lastDataLength: this.lastDataLength,
+            data,
+            mode: this.store.staticScreen() ? 'screen' : 'stream',
+        });
+        if (plan.reset)
             this.terminal.reset();
-            this.terminal.write(data);
-            this.lastDataLength = data.length;
+        if (plan.text) {
+            if (plan.scrollToTop)
+                this.terminal.write(plan.text, () => this.terminal.scrollToTop());
+            else
+                this.terminal.write(plan.text);
         }
+        this.lastDataLength = plan.nextDataLength;
     }
     writeDataWithTotalWritten(data, totalWritten) {
         const isStreamRestart = totalWritten < this.lastProcessedLength;
@@ -925,25 +1135,34 @@ class XtermOrganism extends NgAtomicComponent {
         installQueryReplySuppression(this.terminal);
         this.fitAddon = new FitAddon();
         this.terminal.loadAddon(this.fitAddon);
-        this.terminal.loadAddon(new WebLinksAddon());
+        this.terminal.loadAddon(new WebLinksAddon((event, uri) => {
+            this.dispatch({ id: XtermActionId.WEB_LINK_CLICK, payload: { url: uri } });
+        }));
         this.loadImageAddon();
         this.githubLinksAddon = new GitHubLinksAddon((event, issueNumber) => {
             this.dispatch({ id: XtermActionId.GITHUB_LINK_CLICK, payload: issueNumber });
         });
         this.terminal.loadAddon(this.githubLinksAddon);
-        this.fileLinksAddon = new FileLinksAddon((event, filePath, line, column) => {
-            if (event.metaKey || event.ctrlKey) {
-                this.dispatch({ id: XtermActionId.FILE_LINK_CLICK, payload: { filePath, line, column } });
-            }
-        });
+        this.fileLinksAddon = new FileLinksAddon(createFileLinkActivateHandler((payload) => {
+            this.dispatch({ id: XtermActionId.FILE_LINK_CLICK, payload });
+        }));
         this.terminal.loadAddon(this.fileLinksAddon);
         this.sessionMentionLinksAddon = new SessionMentionLinksAddon((event, name) => {
             this.dispatch({ id: XtermActionId.SESSION_MENTION_CLICK, payload: { name } });
         });
         this.terminal.loadAddon(this.sessionMentionLinksAddon);
         const ctx = this.store.sessionContext;
-        this.terminal.loadAddon(new ProxyLinksAddon(ctx?.getServerUUID ?? (() => undefined), ctx?.getProxyToken, undefined, ctx?.getDeployVersion, ctx?.getProxyEndpoints, ctx?.onMissingToken, ctx?.getProxyEnv));
+        this.terminal.loadAddon(new ProxyLinksAddon(ctx?.getServerUUID ?? (() => undefined), ctx?.getProxyToken, (event, url) => {
+            this.dispatch({ id: XtermActionId.WEB_LINK_CLICK, payload: { url } });
+        }, ctx?.getDeployVersion, ctx?.getProxyEndpoints, ctx?.onMissingToken, ctx?.getProxyEnv));
+        if (this.store.staticScreen()) {
+            this.terminal.loadAddon(new PortLinksAddon((event, port) => {
+                this.dispatch({ id: XtermActionId.PORT_LINK_CLICK, payload: { port } });
+            }));
+        }
         this.terminal.open(containerElement);
+        this.followBottom = attachFollowBottom(this.terminal, containerElement, { onChange: (n) => this.scrollFromBottom.set(n) });
+        this.disposables.push(this.followBottom);
         const core = this.terminal._core;
         const charSizeChange = core?._charSizeService?.onCharSizeChange;
         if (typeof charSizeChange === 'function') {
@@ -1106,6 +1325,12 @@ class XtermOrganism extends NgAtomicComponent {
     scrollToBottom() {
         this.terminal?.scrollToBottom();
     }
+    get followingBottom() {
+        return this.followBottom?.following ?? true;
+    }
+    restoreScroll(fromBottom) {
+        this.terminal?.write('', () => this.followBottom?.restore(fromBottom));
+    }
     scrollToTop() {
         this.terminal?.scrollToTop();
     }
@@ -1113,9 +1338,7 @@ class XtermOrganism extends NgAtomicComponent {
         this.terminal?.scrollLines(lines);
     }
     focus() {
-        this.terminal?.focus();
-        const helperTextarea = this.container().nativeElement.querySelector('.xterm-helper-textarea');
-        helperTextarea?.focus();
+        focusTerminalTextarea(this.container().nativeElement, this.terminal ?? undefined);
     }
     clearSelection() {
         this.terminal?.clearSelection();
@@ -1158,13 +1381,13 @@ class XtermOrganism extends NgAtomicComponent {
         return this.imageAddon;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: XtermOrganism, isStandalone: true, selector: "organisms-xterm", outputs: { terminalReady: "terminalReady", githubLinkClick: "githubLinkClick" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: XtermOrganismStore, inputs: ["data", "data", "interactive", "interactive", "useInteractiveTheme", "useInteractiveTheme", "totalWritten", "totalWritten"] }], ngImport: i0, template: `<div #container class="terminal-viewport xterm-wrapper"></div>`, isInline: true, styles: ["", "@import\"https://unpkg.com/@xterm/xterm@5.5.0/css/xterm.css\";:host{display:block;width:100%;height:100%}:host .terminal-viewport,:host .xterm-wrapper{width:100%;height:100%;background:#0a0a0a;position:relative;overflow:hidden}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-layer{display:none!important}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor,:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-outline{opacity:0!important}:host ::ng-deep .xterm-screen canvas{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: XtermOrganism, isStandalone: true, selector: "organisms-xterm", outputs: { terminalReady: "terminalReady", githubLinkClick: "githubLinkClick" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: XtermOrganismStore, inputs: ["data", "data", "interactive", "interactive", "useInteractiveTheme", "useInteractiveTheme", "totalWritten", "totalWritten", "staticScreen", "staticScreen"] }], ngImport: i0, template: `<div #container class="terminal-viewport xterm-wrapper"></div>`, isInline: true, styles: ["", "@import\"https://unpkg.com/@xterm/xterm@5.5.0/css/xterm.css\";:host{display:block;width:100%;height:100%}:host .terminal-viewport,:host .xterm-wrapper{width:100%;height:100%;background:#0a0a0a;position:relative;overflow:hidden}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-layer{display:none!important}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor,:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-outline{opacity:0!important}:host ::ng-deep .xterm-screen canvas{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-xterm', standalone: true, imports: [], template: `<div #container class="terminal-viewport xterm-wrapper"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{
                             directive: XtermOrganismStore,
-                            inputs: ['data', 'interactive', 'useInteractiveTheme', 'totalWritten'],
+                            inputs: ['data', 'interactive', 'useInteractiveTheme', 'totalWritten', 'staticScreen'],
                         }], styles: ["@import\"https://unpkg.com/@xterm/xterm@5.5.0/css/xterm.css\";:host{display:block;width:100%;height:100%}:host .terminal-viewport,:host .xterm-wrapper{width:100%;height:100%;background:#0a0a0a;position:relative;overflow:hidden}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-layer{display:none!important}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor,:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-outline{opacity:0!important}:host ::ng-deep .xterm-screen canvas{pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }], terminalReady: [{ type: i0.Output, args: ["terminalReady"] }], githubLinkClick: [{ type: i0.Output, args: ["githubLinkClick"] }] } });
 function hasDisplayClearWithoutScrollbackClear(s) {
@@ -1378,4 +1601,4 @@ function applyScrollbackForFocus(terminal, { isInteractive, focused }) {
  * Generated bundle index. Do not edit.
  */
 
-export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, measureCellMetric, openWebProxyForPort, recordCanvasCellMetric, svgToSixel, toProxyUrl };
+export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FACES, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, FOLLOW_BOTTOM_GESTURE_WINDOW_MS, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, PORTS_SECTION_TITLE, PortLinkProvider, PortLinksAddon, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, attachFollowBottom, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, recordCanvasCellMetric, svgToSixel, toProxyUrl };

package/fesm2022/xxmachina-components-pages-command.mjs

@@ -422,7 +422,7 @@ class CommandPage extends NgAtomicComponent {
       </frames-tabs> 
     </templates-form>
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-XQE4: var(--page-width-lv1);--primary-color-SCOPED-IN-command-XQE4: var(--primary-color);--on-primary-color-SCOPED-IN-command-XQE4: var(--on-primary-color);--background-color-SCOPED-IN-command-XQE4: var(--background-color);--on-background-color-SCOPED-IN-command-XQE4: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-XQE4)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-XQE4);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-XQE4);--background-color: var(--background-color-SCOPED-IN-command-XQE4);--on-background-color: var(--on-background-color-SCOPED-IN-command-XQE4)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-2FVl: var(--page-width-lv1);--primary-color-SCOPED-IN-command-2FVl: var(--primary-color);--on-primary-color-SCOPED-IN-command-2FVl: var(--on-primary-color);--background-color-SCOPED-IN-command-2FVl: var(--background-color);--on-background-color-SCOPED-IN-command-2FVl: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-2FVl)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-2FVl);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-2FVl);--background-color: var(--background-color-SCOPED-IN-command-2FVl);--on-background-color: var(--on-background-color-SCOPED-IN-command-2FVl)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
 }
 __decorate([
     Effect(FormTemplateStore.ActionId.FILE_SELECTED),
@@ -485,7 +485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'actions',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-XQE4: var(--page-width-lv1);--primary-color-SCOPED-IN-command-XQE4: var(--primary-color);--on-primary-color-SCOPED-IN-command-XQE4: var(--on-primary-color);--background-color-SCOPED-IN-command-XQE4: var(--background-color);--on-background-color-SCOPED-IN-command-XQE4: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-XQE4)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-XQE4);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-XQE4);--background-color: var(--background-color-SCOPED-IN-command-XQE4);--on-background-color: var(--on-background-color-SCOPED-IN-command-XQE4)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-2FVl: var(--page-width-lv1);--primary-color-SCOPED-IN-command-2FVl: var(--primary-color);--on-primary-color-SCOPED-IN-command-2FVl: var(--on-primary-color);--background-color-SCOPED-IN-command-2FVl: var(--background-color);--on-background-color-SCOPED-IN-command-2FVl: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-2FVl)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-2FVl);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-2FVl);--background-color: var(--background-color-SCOPED-IN-command-2FVl);--on-background-color: var(--on-background-color-SCOPED-IN-command-2FVl)}\n"] }]
         }], propDecorators: { onFileSelected: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-query.mjs

@@ -688,7 +688,7 @@ class QueryPage extends NgAtomicComponent {
         <groups-query-form dashboard (action)="dispatch($event)" />
       </templates-index>
     </frames-router-outlet>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-AHMI: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-AHMI: var(--page-width-lv3);--primary-color-SCOPED-IN-query-AHMI: var(--primary-color);--on-primary-color-SCOPED-IN-query-AHMI: var(--on-primary-color);--surface-color-SCOPED-IN-query-AHMI: var(--surface-color);--on-surface-color-SCOPED-IN-query-AHMI: var(--on-surface-color);--on-background-color-SCOPED-IN-query-AHMI: var(--on-background-color);--background-color-SCOPED-IN-query-AHMI: var(--background-color);--navigator-background-color-SCOPED-IN-query-AHMI: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-AHMI: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-AHMI: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-AHMI: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-AHMI: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-AHMI);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-AHMI);--surface-color: var(--surface-color-SCOPED-IN-query-AHMI);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-AHMI);--background-color: var(--background-color-SCOPED-IN-query-AHMI);--on-background-color: var(--on-background-color-SCOPED-IN-query-AHMI);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-AHMI);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-AHMI);--table-background-color: var(--table-background-color-SCOPED-IN-query-AHMI);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-AHMI);--is-debug: var(--is-debug-SCOPED-IN-query-AHMI)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-AHMI) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-2naw: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-2naw: var(--page-width-lv3);--primary-color-SCOPED-IN-query-2naw: var(--primary-color);--on-primary-color-SCOPED-IN-query-2naw: var(--on-primary-color);--surface-color-SCOPED-IN-query-2naw: var(--surface-color);--on-surface-color-SCOPED-IN-query-2naw: var(--on-surface-color);--on-background-color-SCOPED-IN-query-2naw: var(--on-background-color);--background-color-SCOPED-IN-query-2naw: var(--background-color);--navigator-background-color-SCOPED-IN-query-2naw: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-2naw: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-2naw: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-2naw: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-2naw: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-2naw);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-2naw);--surface-color: var(--surface-color-SCOPED-IN-query-2naw);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-2naw);--background-color: var(--background-color-SCOPED-IN-query-2naw);--on-background-color: var(--on-background-color-SCOPED-IN-query-2naw);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-2naw);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-2naw);--table-background-color: var(--table-background-color-SCOPED-IN-query-2naw);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-2naw);--is-debug: var(--is-debug-SCOPED-IN-query-2naw)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-2naw) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 __decorate([
     Effect(IndexTemplateStore.ActionId.BACK),
@@ -769,7 +769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'pageSizeOptions'
                             ]
                         },
-                    ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-AHMI: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-AHMI: var(--page-width-lv3);--primary-color-SCOPED-IN-query-AHMI: var(--primary-color);--on-primary-color-SCOPED-IN-query-AHMI: var(--on-primary-color);--surface-color-SCOPED-IN-query-AHMI: var(--surface-color);--on-surface-color-SCOPED-IN-query-AHMI: var(--on-surface-color);--on-background-color-SCOPED-IN-query-AHMI: var(--on-background-color);--background-color-SCOPED-IN-query-AHMI: var(--background-color);--navigator-background-color-SCOPED-IN-query-AHMI: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-AHMI: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-AHMI: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-AHMI: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-AHMI: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-AHMI);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-AHMI);--surface-color: var(--surface-color-SCOPED-IN-query-AHMI);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-AHMI);--background-color: var(--background-color-SCOPED-IN-query-AHMI);--on-background-color: var(--on-background-color-SCOPED-IN-query-AHMI);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-AHMI);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-AHMI);--table-background-color: var(--table-background-color-SCOPED-IN-query-AHMI);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-AHMI);--is-debug: var(--is-debug-SCOPED-IN-query-AHMI)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-AHMI) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
+                    ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-2naw: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-2naw: var(--page-width-lv3);--primary-color-SCOPED-IN-query-2naw: var(--primary-color);--on-primary-color-SCOPED-IN-query-2naw: var(--on-primary-color);--surface-color-SCOPED-IN-query-2naw: var(--surface-color);--on-surface-color-SCOPED-IN-query-2naw: var(--on-surface-color);--on-background-color-SCOPED-IN-query-2naw: var(--on-background-color);--background-color-SCOPED-IN-query-2naw: var(--background-color);--navigator-background-color-SCOPED-IN-query-2naw: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-2naw: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-2naw: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-2naw: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-2naw: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-2naw);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-2naw);--surface-color: var(--surface-color-SCOPED-IN-query-2naw);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-2naw);--background-color: var(--background-color-SCOPED-IN-query-2naw);--on-background-color: var(--on-background-color-SCOPED-IN-query-2naw);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-2naw);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-2naw);--table-background-color: var(--table-background-color-SCOPED-IN-query-2naw);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-2naw);--is-debug: var(--is-debug-SCOPED-IN-query-2naw)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-2naw) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => IndexTemplate), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [], navigateToIframe: [], expandPage: [], itemClick: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-thread.mjs

@@ -104,7 +104,7 @@ class ThreadPage extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-dcQA: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-dcQA: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-dcQA: var(--primary-color);--on-primary-color-SCOPED-IN-thread-dcQA: var(--on-primary-color);--surface-color-SCOPED-IN-thread-dcQA: var(--surface-color);--on-surface-color-SCOPED-IN-thread-dcQA: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-dcQA: var(--on-background-color);--background-color-SCOPED-IN-thread-dcQA: var(--background-color);--navigator-background-color-SCOPED-IN-thread-dcQA: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-dcQA: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-dcQA: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-dcQA: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-dcQA)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-qL3Y: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-qL3Y: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-qL3Y: var(--primary-color);--on-primary-color-SCOPED-IN-thread-qL3Y: var(--on-primary-color);--surface-color-SCOPED-IN-thread-qL3Y: var(--surface-color);--on-surface-color-SCOPED-IN-thread-qL3Y: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-qL3Y: var(--on-background-color);--background-color-SCOPED-IN-thread-qL3Y: var(--background-color);--navigator-background-color-SCOPED-IN-thread-qL3Y: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-qL3Y: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-qL3Y: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-qL3Y: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-qL3Y)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
 }
 __decorate([
     Effect(ActionId.SEND_MESSAGE),
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'messages',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-dcQA: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-dcQA: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-dcQA: var(--primary-color);--on-primary-color-SCOPED-IN-thread-dcQA: var(--on-primary-color);--surface-color-SCOPED-IN-thread-dcQA: var(--surface-color);--on-surface-color-SCOPED-IN-thread-dcQA: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-dcQA: var(--on-background-color);--background-color-SCOPED-IN-thread-dcQA: var(--background-color);--navigator-background-color-SCOPED-IN-thread-dcQA: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-dcQA: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-dcQA: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-dcQA: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-dcQA)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-qL3Y: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-qL3Y: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-qL3Y: var(--primary-color);--on-primary-color-SCOPED-IN-thread-qL3Y: var(--on-primary-color);--surface-color-SCOPED-IN-thread-qL3Y: var(--surface-color);--on-surface-color-SCOPED-IN-thread-qL3Y: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-qL3Y: var(--on-background-color);--background-color-SCOPED-IN-thread-qL3Y: var(--background-color);--navigator-background-color-SCOPED-IN-thread-qL3Y: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-qL3Y: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-qL3Y: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-qL3Y: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-qL3Y)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
         }], propDecorators: { onCompositionStart: [{
                 type: HostListener,
                 args: ['compositionstart', ['$event']]

package/fesm2022/xxmachina-components-templates-agent.mjs

@@ -420,7 +420,7 @@ class AgentTemplate extends NgAtomicComponent {
       </div>
     }
   </frames-scroll>
-  `, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-SNRl: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-SNRl: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-SNRl: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-SNRl: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-SNRl: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-SNRl);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-SNRl);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-SNRl);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-SNRl);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-SNRl);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-SNRl);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-SNRl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-SNRl);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-SNRl)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-SNRl),0 0 20px var(--accent-SCOPED-IN-entrance-SNRl);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+  `, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-O0NN: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-O0NN: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-O0NN: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-O0NN: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-O0NN: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-O0NN);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-O0NN);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-O0NN);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-O0NN);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-O0NN);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-O0NN);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-O0NN);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-O0NN);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-O0NN)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-O0NN),0 0 20px var(--accent-SCOPED-IN-entrance-O0NN);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AgentTemplate, decorators: [{
             type: Component,
@@ -505,7 +505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-SNRl: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-SNRl: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-SNRl: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-SNRl: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-SNRl: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-SNRl);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-SNRl);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-SNRl);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-SNRl);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-SNRl);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-SNRl);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-SNRl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-SNRl);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-SNRl)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-SNRl),0 0 20px var(--accent-SCOPED-IN-entrance-SNRl);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
+                    ], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-O0NN: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-O0NN: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-O0NN: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-O0NN: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-O0NN: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-O0NN);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-O0NN);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-O0NN);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-O0NN);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-O0NN);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-O0NN);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-O0NN);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-O0NN);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-O0NN)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-O0NN),0 0 20px var(--accent-SCOPED-IN-entrance-O0NN);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
         }], propDecorators: { endActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "endActions", required: false }] }], hideInputArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInputArea", required: false }] }], xtermComponent: [{ type: i0.ViewChild, args: ['xtermComponent', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']

package/fesm2022/xxmachina-components-templates-machina-icon-button-menu.mjs

@@ -38,7 +38,7 @@ class MachinaIconButtonMenuTemplate extends NgAtomicComponent {
         </button>
       }
     </div>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-hG4w: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-hG4w: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-hG4w: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-hG4w: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-hG4w: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-hG4w: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-hG4w);color:var(--on-background-color-SCOPED-IN-icon-button-menu-hG4w)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-hG4w);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Y6qg: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Y6qg: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Y6qg: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Y6qg: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Y6qg: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-Y6qg: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Y6qg);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Y6qg)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Y6qg);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaIconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions', 'bottomActions', 'topPadding'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-hG4w: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-hG4w: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-hG4w: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-hG4w: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-hG4w: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-hG4w: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-hG4w);color:var(--on-background-color-SCOPED-IN-icon-button-menu-hG4w)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-hG4w);cursor:pointer}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Y6qg: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Y6qg: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Y6qg: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Y6qg: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Y6qg: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-Y6qg: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Y6qg);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Y6qg)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Y6qg);cursor:pointer}\n"] }]
         }] });
 
 /**

package/fesm2022/xxmachina-components.mjs

@@ -232,7 +232,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
         }
       </div>
     </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-0tpT: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-0tpT: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-0tpT: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-0tpT: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-0tpT: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-0tpT: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-0tpT: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-0tpT: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-0tpT: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-0tpT);color:var(--on-primary-color-SCOPED-IN-session-navigator-0tpT);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-0tpT)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-0tpT)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-0tpT)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-0tpT)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-0tpT)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-0tpT)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-0tpT: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-0tpT: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-0tpT: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-dLcq: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-dLcq: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-dLcq: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-dLcq: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-dLcq: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-dLcq: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-dLcq: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-dLcq: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-dLcq: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-dLcq);color:var(--on-primary-color-SCOPED-IN-session-navigator-dLcq);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-dLcq)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-dLcq)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-dLcq)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-dLcq)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-dLcq)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-dLcq)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-dLcq: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-dLcq: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-dLcq: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
             type: Component,
@@ -266,7 +266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: SessionNavigatorOrganismStore,
                             inputs: ['startActions', 'endActions', 'title'],
                         }
-                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-0tpT: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-0tpT: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-0tpT: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-0tpT: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-0tpT: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-0tpT: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-0tpT: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-0tpT: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-0tpT: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-0tpT);color:var(--on-primary-color-SCOPED-IN-session-navigator-0tpT);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-0tpT)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-0tpT)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-0tpT)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-0tpT)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-0tpT)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-0tpT)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-0tpT: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-0tpT: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-0tpT: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
+                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-dLcq: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-dLcq: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-dLcq: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-dLcq: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-dLcq: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-dLcq: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-dLcq: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-dLcq: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-dLcq: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-dLcq);color:var(--on-primary-color-SCOPED-IN-session-navigator-dLcq);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-dLcq)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-dLcq)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-dLcq)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-dLcq)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-dLcq)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-dLcq)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-dLcq: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-dLcq: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-dLcq: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
         }] });
 
 var InvoiceAppActionId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xxmachina/components",
-  "version": "19.145.0",
+  "version": "19.148.4",
   "license": "MIT",
   "main": "./index.js",
   "types": "./index.d.ts",

package/types/xxmachina-components-organisms-xterm.d.ts

@@ -39,12 +39,12 @@ declare class ProxyLinkProvider implements ILinkProvider {
     private readonly _terminal;
     private readonly _getServerUUID;
     private readonly _getToken?;
-    private readonly _handler;
+    private readonly _handler?;
     private readonly _getDeployVersion?;
     private readonly _getEndpoints?;
     private readonly _onMissingToken?;
     private readonly _getEnv?;
-    constructor(_terminal: Terminal, _getServerUUID: ServerUUIDGetter, _getToken?: TokenGetter | undefined, _handler?: (event: MouseEvent, proxyUrl: string) => void, _getDeployVersion?: DeployVersionGetter | undefined, _getEndpoints?: EndpointsGetter | undefined, _onMissingToken?: (() => void) | undefined, _getEnv?: (() => "dev" | "stg" | "prod" | undefined) | undefined);
+    constructor(_terminal: Terminal, _getServerUUID: ServerUUIDGetter, _getToken?: TokenGetter | undefined, _handler?: ((event: MouseEvent, url: string) => void) | undefined, _getDeployVersion?: DeployVersionGetter | undefined, _getEndpoints?: EndpointsGetter | undefined, _onMissingToken?: (() => void) | undefined, _getEnv?: (() => "dev" | "stg" | "prod" | undefined) | undefined);
     provideLinks(bufferLineNumber: number, callback: (links: ILink[] | undefined) => void): void;
 }
 
@@ -52,8 +52,10 @@ declare enum XtermActionId {
     DATA_INPUT = "xterm:data-input",
     RESIZED = "xterm:resized",
     GITHUB_LINK_CLICK = "xterm:github-link-click",
+    WEB_LINK_CLICK = "xterm:web-link-click",
     FILE_LINK_CLICK = "xterm:file-link-click",
     SESSION_MENTION_CLICK = "xterm:session-mention-click",
+    PORT_LINK_CLICK = "xterm:port-link-click",
     FOCUS_INPUT_REQUEST = "xterm:focus-input-request"
 }
 interface XtermSessionContext {
@@ -138,10 +140,11 @@ declare class XtermOrganismStore extends InjectableComponent {
     readonly queryResult: _angular_core.InputSignal<string>;
     readonly useInteractiveTheme: _angular_core.InputSignal<boolean>;
     readonly totalWritten: _angular_core.InputSignal<number>;
+    readonly staticScreen: _angular_core.InputSignal<boolean>;
     readonly sessionContext: XtermSessionContext | null;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XtermOrganismStore, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XtermOrganismStore, "organisms-xterm", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "queryResult": { "alias": "queryResult"; "required": false; "isSignal": true; }; "useInteractiveTheme": { "alias": "useInteractiveTheme"; "required": false; "isSignal": true; }; "totalWritten": { "alias": "totalWritten"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XtermOrganismStore, "organisms-xterm", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "queryResult": { "alias": "queryResult"; "required": false; "isSignal": true; }; "useInteractiveTheme": { "alias": "useInteractiveTheme"; "required": false; "isSignal": true; }; "totalWritten": { "alias": "totalWritten"; "required": false; "isSignal": true; }; "staticScreen": { "alias": "staticScreen"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const DISPLAY_THEME: {
@@ -205,6 +208,8 @@ declare class XtermOrganism extends NgAtomicComponent implements AfterViewInit,
     readonly fitScheduled: _angular_core.WritableSignal<number>;
     private initSkippedDueToSize;
     private readonly disposables;
+    private followBottom;
+    readonly scrollFromBottom: _angular_core.WritableSignal<number | null>;
     private stableTimer;
     private resizeTimer;
     private fallbackTimer;
@@ -223,6 +228,8 @@ declare class XtermOrganism extends NgAtomicComponent implements AfterViewInit,
     writeln(text: string): void;
     clear(): void;
     scrollToBottom(): void;
+    get followingBottom(): boolean;
+    restoreScroll(fromBottom: number): void;
     scrollToTop(): void;
     scrollLines(lines: number): void;
     focus(): void;
@@ -239,7 +246,7 @@ declare class XtermOrganism extends NgAtomicComponent implements AfterViewInit,
     }): void;
     getImageAddon(): ImageAddon | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XtermOrganism, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XtermOrganism, "organisms-xterm", never, {}, { "terminalReady": "terminalReady"; "githubLinkClick": "githubLinkClick"; }, never, never, true, [{ directive: typeof XtermOrganismStore; inputs: { "data": "data"; "interactive": "interactive"; "useInteractiveTheme": "useInteractiveTheme"; "totalWritten": "totalWritten"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XtermOrganism, "organisms-xterm", never, {}, { "terminalReady": "terminalReady"; "githubLinkClick": "githubLinkClick"; }, never, never, true, [{ directive: typeof XtermOrganismStore; inputs: { "data": "data"; "interactive": "interactive"; "useInteractiveTheme": "useInteractiveTheme"; "totalWritten": "totalWritten"; "staticScreen": "staticScreen"; }; outputs: {}; }]>;
 }
 
 interface GitHubLinkActivateHandler {
@@ -310,6 +317,32 @@ declare class ProxyLinksAddon implements ITerminalAddon {
     dispose(): void;
 }
 
+interface PortLinkActivateHandler {
+    (event: MouseEvent, port: number): void;
+}
+interface PortToken {
+    port: number;
+    start: number;
+    end: number;
+}
+declare const PORTS_SECTION_TITLE = "PORTS";
+declare function portTokensOf(text: string): PortToken[];
+declare function isPortsSectionRow(textAt: (lineIndex: number) => string | undefined, lineIndex: number): boolean;
+declare class PortLinkProvider implements ILinkProvider {
+    private readonly _terminal;
+    private readonly _handler;
+    constructor(_terminal: Terminal, _handler: PortLinkActivateHandler);
+    provideLinks(bufferLineNumber: number, callback: (links: ILink[] | undefined) => void): void;
+}
+
+declare class PortLinksAddon implements ITerminalAddon {
+    private readonly _handler;
+    private _linkProvider?;
+    constructor(_handler: PortLinkActivateHandler);
+    activate(terminal: Terminal): void;
+    dispose(): void;
+}
+
 declare const USER_CONTENT_DOMAIN = "10p.io";
 declare function buildUserContentOrigin(serverUUID: string, portOrService: number | string, deployVersion?: string | null, domain?: string): string;
 
@@ -345,6 +378,11 @@ declare const CANONICAL_FONT_SIZE_PX = 14;
 declare const CANONICAL_CELL_WIDTH_RATIO = 0.615;
 declare const CANONICAL_CELL_HEIGHT_RATIO = 1.43;
 declare const CANONICAL_LINE_HEIGHT = 1.2;
+interface FontFaceSource {
+    family: string;
+    url: string;
+}
+declare const CANONICAL_FONT_FACES: readonly FontFaceSource[];
 declare function measureCellMetric(): {
     cellWidth: number;
     cellHeight: number;
@@ -393,5 +431,30 @@ declare function applyScrollbackForFocus(terminal: ScrollbackFocusTarget, { isIn
     focused: boolean;
 }): void;
 
-export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, measureCellMetric, openWebProxyForPort, recordCanvasCellMetric, svgToSixel, toProxyUrl };
-export type { DeployVersionGetter, EndpointsGetter, FitToViewportInput, FitToViewportResult, GitHubLinkActivateHandler, OpenWebProxyOptions, ProxyEndpoints, ProxyEnvGetter, ProxyEnvName, ScrollbackFocusTarget, ServerUUIDGetter, SessionMention, SessionMentionActivateHandler, SvgToSixelOptions, TerminalOptionsInput, TerminalWriteDecision, TerminalWriteState, TokenGetter, XtermSessionContext };
+interface FollowBottomTerminal {
+    readonly buffer: {
+        readonly active: {
+            readonly viewportY: number;
+            readonly baseY: number;
+        };
+    };
+    onScroll(listener: (ydisp: number) => void): {
+        dispose(): void;
+    };
+    scrollToBottom(): void;
+    scrollLines(amount: number): void;
+}
+interface FollowBottomOptions {
+    onChange?: (fromBottom: number) => void;
+    now?: () => number;
+}
+interface FollowBottomHandle {
+    readonly following: boolean;
+    restore(fromBottom: number): void;
+    dispose(): void;
+}
+declare const FOLLOW_BOTTOM_GESTURE_WINDOW_MS = 500;
+declare function attachFollowBottom(terminal: FollowBottomTerminal, root: HTMLElement, options?: FollowBottomOptions): FollowBottomHandle;
+
+export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FACES, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, FOLLOW_BOTTOM_GESTURE_WINDOW_MS, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, PORTS_SECTION_TITLE, PortLinkProvider, PortLinksAddon, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, attachFollowBottom, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, recordCanvasCellMetric, svgToSixel, toProxyUrl };
+export type { DeployVersionGetter, EndpointsGetter, FitToViewportInput, FitToViewportResult, FollowBottomHandle, FollowBottomOptions, FollowBottomTerminal, FontFaceSource, GitHubLinkActivateHandler, OpenWebProxyOptions, PortLinkActivateHandler, PortToken, ProxyEndpoints, ProxyEnvGetter, ProxyEnvName, ScrollbackFocusTarget, ServerUUIDGetter, SessionMention, SessionMentionActivateHandler, SvgToSixelOptions, TerminalOptionsInput, TerminalWriteDecision, TerminalWriteState, TokenGetter, XtermSessionContext };