@xxmachina/components 19.51.0 → 19.81.0

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

@@ -8,10 +8,6 @@ import { makeDI } from '@ng-atomic/common/services/ui';
 const URL_REGEX = /https?:\/\/[^\s<>'")\[\]]+/g;
 const LOCALHOST_REGEX = /^https?:\/\/(?:localhost|127\.0\.0\.1)(?::\d+)?(?:\/|$)/;
 const MAX_SCAN_LINES = 30;
-/**
- * Link provider that detects URLs spanning multiple terminal lines.
- * localhost/127.0.0.1 URLs are skipped (handled by ProxyLinksAddon).
- */
 class WebLinkProvider {
     _terminal;
     _handler;
@@ -94,11 +90,6 @@ class WebLinkProvider {
     }
 }
 
-/**
- * Drop-in replacement for @xterm/addon-web-links that supports
- * URLs spanning wrapped terminal lines.
- * localhost/127.0.0.1 URLs are skipped (handled by ProxyLinksAddon).
- */
 class WebLinksAddon {
     _handler;
     _linkProvider;
@@ -116,7 +107,6 @@ class WebLinksAddon {
 class GitHubLinkProvider {
     _terminal;
     _handler;
-    // #番号 形式を検出（負の先読みで数字以外が続く場合にマッチ）
     GITHUB_ISSUE_REGEX = /(?:^|[\s(])#(\d+)(?!\d)/g;
     constructor(_terminal, _handler) {
         this._terminal = _terminal;
@@ -137,7 +127,6 @@ class GitHubLinkProvider {
             const issueNumber = parseInt(match[1], 10);
             const fullMatch = match[0];
             const issueRef = `#${match[1]}`;
-            // マッチ開始位置を計算（プレフィックス文字を除く）
             const stringStartIndex = match.index + (fullMatch.length - issueRef.length);
             const [, startX] = this._mapStrIdx(lineIndex, 0, stringStartIndex);
             const [, endX] = this._mapStrIdx(lineIndex, startX, issueRef.length);
@@ -201,17 +190,12 @@ class GitHubLinksAddon {
 class FileLinkProvider {
     _terminal;
     _handler;
-    // ファイルパスを検出する正規表現
-    // - 絶対パス: /path/to/file.ts, /path/to/file.ts:10:5
-    // - 相対パス: ./src/file.ts, ../lib/utils.ts:20
-    // - 拡張子を持つファイル名
     FILE_PATH_REGEX = /(?:^|[\s'"`(])((\.\.?\/|\/)?[\w.@-]+(?:\/[\w.@-]+)*\.[a-zA-Z0-9]+(?::\d+(?::\d+)?)?)/g;
     constructor(_terminal, _handler) {
         this._terminal = _terminal;
         this._handler = _handler;
     }
     provideLinks(bufferLineNumber, callback) {
-        // bufferLineNumber は 1-indexed、buffer.getLine() は 0-indexed を期待
         const lineIndex = bufferLineNumber - 1;
         const line = this._terminal.buffer.active.getLine(lineIndex);
         if (!line) {
@@ -220,15 +204,12 @@ class FileLinkProvider {
         }
         const text = line.translateToString(true);
         const links = [];
-        // Reset regex lastIndex
         this.FILE_PATH_REGEX.lastIndex = 0;
         let match;
         while ((match = this.FILE_PATH_REGEX.exec(text)) !== null) {
             const filePath = match[1];
             if (this._isLikelyFilePath(filePath) && !this._isUrl(filePath)) {
-                // 文字列インデックスから表示位置（セル位置）を計算
                 const stringStartIndex = match.index + (match[0].length - match[1].length);
-                // WebLinksAddon と同じ方式で位置をマッピング（0-indexed lineIndexを渡す）
                 const [, startX] = this._mapStrIdx(lineIndex, 0, stringStartIndex);
                 const [, endX] = this._mapStrIdx(lineIndex, startX, filePath.length);
                 if (startX === -1 || endX === -1) {
@@ -237,7 +218,6 @@ class FileLinkProvider {
                 links.push({
                     text: filePath,
                     range: {
-                        // IBufferCellPosition は 1-indexed
                         start: { x: startX + 1, y: bufferLineNumber },
                         end: { x: endX, y: bufferLineNumber }
                     },
@@ -250,12 +230,6 @@ class FileLinkProvider {
         }
         callback(links.length > 0 ? links : undefined);
     }
-    /**
-     * Map a string index back to buffer positions.
-     * Returns buffer position as [lineIndex, columnIndex] 0-based,
-     * or [-1, -1] in case the lookup ran into a non-existing line.
-     * (Based on xterm.js WebLinkProvider implementation)
-     */
     _mapStrIdx(lineIndex, rowIndex, stringIndex) {
         const buf = this._terminal.buffer.active;
         const cell = buf.getNullCell();
@@ -282,11 +256,9 @@ class FileLinkProvider {
         return [lineIndex, start];
     }
     _isLikelyFilePath(text) {
-        // 拡張子を持つか確認
         return /\.[a-zA-Z0-9]+(?::\d+(?::\d+)?)?$/.test(text);
     }
     _isUrl(text) {
-        // URL形式を除外
         return /^https?:\/\//.test(text) || /^file:\/\//.test(text);
     }
     _parseFilePath(text) {
@@ -301,7 +273,6 @@ class FileLinkProvider {
         return { path: text };
     }
 }
-// Export helper functions for testing
 const isLikelyFilePath = (text) => {
     return /\.[a-zA-Z0-9]+(?::\d+(?::\d+)?)?$/.test(text) && !/^https?:\/\//.test(text);
 };
@@ -317,20 +288,6 @@ const parseFilePath = (text) => {
     return { path: text };
 };
 
-/**
- * xterm.js addon for detecting and handling file path links in terminal output.
- * Similar to WebLinksAddon but for local file paths.
- *
- * Usage:
- * ```typescript
- * const fileLinksAddon = new FileLinksAddon((event, filePath, line, column) => {
- *   if (event.metaKey || event.ctrlKey) {
- *     // Open file in editor
- *   }
- * });
- * terminal.loadAddon(fileLinksAddon);
- * ```
- */
 class FileLinksAddon {
     _handler;
     _terminal;
@@ -347,34 +304,6 @@ class FileLinksAddon {
     }
 }
 
-/**
- * localhost/127.0.0.1 URLをmachina web proxy URLに変換するリンクプロバイダ。
- *
- * 変換ルール:
- *   http://localhost:4200/path → https://{serverUUID}--4200.proxy.machina.at/path
- *   http://127.0.0.1:3000/api  → https://{serverUUID}--3000.proxy.machina.at/api
- *
- * deployVersion に応じて suffix を付与:
- *   - 'pr-2464'                → https://{uuid}--{port}--pr-2464.proxy.machina.at/...
- *   - 'v19.10.0-dev.5' 等      → https://{uuid}--{port}--dev.proxy.machina.at/...
- *   - null / 'stable'          → suffix なし
- *
- * proxy iframe の SW intercept は referrer-based に変更されたため、 top window URL に
- * 余分な marker prefix を埋め込む必要はない。 iframe.src は location.pathname をそのまま継承する。
- * @see projects/@machina.at/web-proxy/src/app/services/proxy-iframe-url.ts
- */
-const LOCALHOST_URL_REGEX = /https?:\/\/(?:localhost|127\.0\.0\.1)(?::(\d+))?(\/[^\s<>'")\]]*)?/g;
-/**
- * deployVersion を proxy.machina.at のサブドメイン suffix に変換。
- *
- * 変換ルール:
- * - null / 'stable'               → '' (suffix なし)
- * - 'pr-{N}'                      → '--pr-{N}'
- * - 'dev' / 'develop'             → '--dev'
- * - 'v{X.Y.Z}' / 'v{X.Y.Z-pre.N}' → '--v{X-Y-Z}[--pre-N]' (dot → dash)
- * - 'X.Y.Z' (v prefix なし)        → 同上
- * - その他                         → '' (fallback)
- */
 function deployVersionToHostSuffix(version) {
     if (!version || version === 'stable')
         return '';
@@ -382,7 +311,6 @@ function deployVersionToHostSuffix(version) {
         return `--${version}`;
     if (version === 'dev' || version === 'develop')
         return '--dev';
-    // semver format: (v)?{MAJOR}.{MINOR}.{PATCH}[-{pre}.{num}]
     const match = version.match(/^v?(\d+)\.(\d+)\.(\d+)(?:-([a-z]+)\.(\d+))?$/);
     if (match) {
         const [, major, minor, patch, pre, num] = match;
@@ -393,6 +321,43 @@ function deployVersionToHostSuffix(version) {
     }
     return '';
 }
+
+function encodeUrlHandoff(token, endpoints, env) {
+    if (env) {
+        return btoa(JSON.stringify({ t: token, env }));
+    }
+    return btoa(JSON.stringify({ t: token, e: endpoints }));
+}
+function appendUrlHandoff(proxyUrl, token, endpoints, env) {
+    const u = new URL(proxyUrl);
+    u.searchParams.set('lt', encodeUrlHandoff(token, endpoints, env));
+    return u.toString();
+}
+
+function openWebProxyForPort(opts) {
+    const { serverUUID, port, path = '/', token, endpoints, env, deployVersion } = opts;
+    const handler = opts.handler ?? ((_, url) => { window.open(url, '_blank', 'noopener'); });
+    const hostSuffix = deployVersionToHostSuffix(deployVersion);
+    const baseProxyUrl = `https://${serverUUID}--${port}${hostSuffix}.proxy.machina.at${path}`;
+    if (!token || !endpoints) {
+        handler(undefined, baseProxyUrl);
+        return;
+    }
+    const proxyUrlWithHandoff = appendUrlHandoff(baseProxyUrl, token, endpoints, env);
+    window.open(proxyUrlWithHandoff, '_blank', 'noopener');
+}
+
+function toProxyUrl(serverUUID, localhostUrl, deployVersion) {
+    const match = localhostUrl.match(/^https?:\/\/(?:localhost|127\.0\.0\.1)(?::(\d+))?(\/.*)?$/);
+    if (!match)
+        return null;
+    const port = match[1] || '80';
+    const path = match[2] || '/';
+    const hostSuffix = deployVersionToHostSuffix(deployVersion);
+    return `https://${serverUUID}--${port}${hostSuffix}.proxy.machina.at${path}`;
+}
+
+const LOCALHOST_URL_REGEX = /https?:\/\/(?:localhost|127\.0\.0\.1)(?::(\d+))?(\/[^\s<>'")\]]*)?/g;
 class ProxyLinkProvider {
     _terminal;
     _getServerUUID;
@@ -400,15 +365,19 @@ class ProxyLinkProvider {
     _handler;
     _getDeployVersion;
     _getEndpoints;
+    _onMissingToken;
+    _getEnv;
     constructor(_terminal, _getServerUUID, _getToken, _handler = (_, url) => {
         window.open(url, '_blank', 'noopener');
-    }, _getDeployVersion, _getEndpoints) {
+    }, _getDeployVersion, _getEndpoints, _onMissingToken, _getEnv) {
         this._terminal = _terminal;
         this._getServerUUID = _getServerUUID;
         this._getToken = _getToken;
         this._handler = _handler;
         this._getDeployVersion = _getDeployVersion;
         this._getEndpoints = _getEndpoints;
+        this._onMissingToken = _onMissingToken;
+        this._getEnv = _getEnv;
     }
     provideLinks(bufferLineNumber, callback) {
         const lineIndex = bufferLineNumber - 1;
@@ -434,82 +403,60 @@ class ProxyLinkProvider {
                     start: { x: startX, y: bufferLineNumber },
                     end: { x: endX, y: bufferLineNumber },
                 },
-                // serverUUIDはクリック時にlazy評価（セッション接続後に値が入る）
                 activate: (event) => {
                     const uuid = this._getServerUUID();
-                    const token = this._getToken?.();
-                    const hostSuffix = deployVersionToHostSuffix(this._getDeployVersion?.());
-                    // endpoints は postMessage payload (`proxy-auth-token` の `endpoints` フィールド) で送る。
-                    // web-proxy 側は main.ts で bootstrapApplication 前に await し、
-                    // window.__machinaProxyAuthResult に格納 → Apollo init で sync 読み出しできる。
-                    const proxyUrl = uuid
-                        ? `https://${uuid}--${port}${hostSuffix}.proxy.machina.at${path}`
-                        : null;
-                    const targetUrl = proxyUrl || matchedUrl;
-                    console.log('[proxy-link] activate:', { matchedUrl, uuid, proxyUrl, targetUrl, hasToken: !!token });
-                    if (token && proxyUrl) {
-                        // postMessage方式: openerとしてwindow参照を保持
-                        const proxyOrigin = new URL(proxyUrl).origin;
-                        const win = window.open(targetUrl, '_blank');
-                        if (win) {
-                            const listener = (e) => {
-                                // クロスオリジン WindowProxy の === 比較は信頼できないため origin で判定
-                                if (e.origin === proxyOrigin && e.data?.type === 'proxy-auth-ready') {
-                                    console.log('[proxy-link] auth-ready received, sending token');
-                                    const endpoints = this._getEndpoints?.();
-                                    win.postMessage({ type: 'proxy-auth-token', token, endpoints }, proxyOrigin);
-                                    window.removeEventListener('message', listener);
-                                }
-                            };
-                            window.addEventListener('message', listener);
-                            // 10秒後にリスナーをクリーンアップ
-                            setTimeout(() => window.removeEventListener('message', listener), 10000);
-                        }
+                    if (!uuid) {
+                        console.warn('[ProxyLinkProvider] serverUUID undefined, opening localhost URL as-is (no proxy):', {
+                            matchedUrl,
+                            hasGetToken: !!this._getToken,
+                            hasGetEndpoints: !!this._getEndpoints,
+                        });
+                        this._handler(event, matchedUrl);
+                        return;
                     }
-                    else {
-                        this._handler(event, targetUrl);
+                    const token = this._getToken?.();
+                    const endpoints = this._getEndpoints?.();
+                    if ((!token || !endpoints) && this._onMissingToken) {
+                        this._onMissingToken();
+                        return;
                     }
+                    openWebProxyForPort({
+                        serverUUID: uuid,
+                        port,
+                        path,
+                        token,
+                        endpoints,
+                        env: this._getEnv?.(),
+                        deployVersion: this._getDeployVersion?.(),
+                        handler: (_e, url) => this._handler(event, url),
+                    });
                 },
             });
         }
         callback(links.length > 0 ? links : undefined);
     }
 }
-function toProxyUrl(serverUUID, localhostUrl, deployVersion) {
-    const match = localhostUrl.match(/^https?:\/\/(?:localhost|127\.0\.0\.1)(?::(\d+))?(\/.*)?$/);
-    if (!match)
-        return null;
-    const port = match[1] || '80';
-    const path = match[2] || '/';
-    const hostSuffix = deployVersionToHostSuffix(deployVersion);
-    return `https://${serverUUID}--${port}${hostSuffix}.proxy.machina.at${path}`;
-}
 
-/**
- * xterm.js addon: localhost URLをmachina web proxyにリダイレクトするリンクを表示。
- *
- * Usage:
- * ```typescript
- * const addon = new ProxyLinksAddon(() => currentServerUUID);
- * terminal.loadAddon(addon);
- * ```
- */
 class ProxyLinksAddon {
     _getServerUUID;
     _getToken;
     _handler;
     _getDeployVersion;
     _getEndpoints;
+    _onMissingToken;
+    _getEnv;
     _linkProvider;
-    constructor(_getServerUUID, _getToken, _handler, _getDeployVersion, _getEndpoints) {
+    constructor(_getServerUUID, _getToken, _handler, _getDeployVersion, _getEndpoints, _onMissingToken, _getEnv) {
         this._getServerUUID = _getServerUUID;
         this._getToken = _getToken;
         this._handler = _handler;
         this._getDeployVersion = _getDeployVersion;
         this._getEndpoints = _getEndpoints;
+        this._onMissingToken = _onMissingToken;
+        this._getEnv = _getEnv;
     }
     activate(terminal) {
-        this._linkProvider = terminal.registerLinkProvider(new ProxyLinkProvider(terminal, this._getServerUUID, this._getToken, this._handler, this._getDeployVersion, this._getEndpoints));
+        this._linkProvider = terminal.registerLinkProvider(new ProxyLinkProvider(terminal, this._getServerUUID, this._getToken, this._handler, this._getDeployVersion, this._getEndpoints, this._onMissingToken, this._getEnv));
     }
     dispose() {
         this._linkProvider?.dispose();
@@ -524,17 +471,7 @@ var XtermActionId;
     XtermActionId["FILE_LINK_CLICK"] = "xterm:file-link-click";
     XtermActionId["FOCUS_INPUT_REQUEST"] = "xterm:focus-input-request";
 })(XtermActionId || (XtermActionId = {}));
-/** DI token for providing serverUUID getter to ProxyLinksAddon */
-const XTERM_SERVER_UUID = new InjectionToken('XTERM_SERVER_UUID');
-/** DI token for providing CLI token getter to ProxyLinksAddon */
-const XTERM_PROXY_TOKEN = new InjectionToken('XTERM_PROXY_TOKEN');
-/** DI token for providing deploy version getter to ProxyLinksAddon */
-const XTERM_DEPLOY_VERSION = new InjectionToken('XTERM_DEPLOY_VERSION');
-/**
- * DI token for providing API endpoints (apiNext / hasura) to ProxyLinksAddon.
- * web-proxy が opener postMessage 経由でこの値を受信して使用する (環境追従)。
- */
-const XTERM_PROXY_ENDPOINTS = new InjectionToken('XTERM_PROXY_ENDPOINTS');
+const XTERM_SESSION_CONTEXT = new InjectionToken('XTERM_SESSION_CONTEXT');
 class XtermOrganismStore extends InjectableComponent {
     static DI = makeDI(XtermOrganismStore, () => () => ({
         data: '',
@@ -548,14 +485,7 @@ class XtermOrganismStore extends InjectableComponent {
     queryResult = input('', ...(ngDevMode ? [{ debugName: "queryResult" }] : []));
     useInteractiveTheme = input(false, ...(ngDevMode ? [{ debugName: "useInteractiveTheme" }] : []));
     totalWritten = input(0, ...(ngDevMode ? [{ debugName: "totalWritten" }] : []));
-    /** Injected serverUUID getter for proxy links (optional) */
-    getServerUUID = inject(XTERM_SERVER_UUID, { optional: true });
-    /** Injected CLI token getter for proxy link auto-auth (optional) */
-    getProxyToken = inject(XTERM_PROXY_TOKEN, { optional: true });
-    /** Injected deploy version getter for proxy URL host suffix (optional) */
-    getDeployVersion = inject(XTERM_DEPLOY_VERSION, { optional: true });
-    /** Injected endpoints getter for opener-driven environment switching (optional) */
-    getProxyEndpoints = inject(XTERM_PROXY_ENDPOINTS, { optional: true });
+    sessionContext = inject(XTERM_SESSION_CONTEXT, { optional: true });
     constructor() {
         super();
         XtermOrganismStore.DI.initialize(this);
@@ -568,20 +498,143 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
             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 }] }] } });
 
-/**
- * Minimum container size required for terminal initialization.
- * Prevents issues with SR-only hidden containers (1x1 pixel) causing FitAddon problems.
- */
+const MIN_VIEWPORT_COLS = 2;
+const MIN_VIEWPORT_ROWS = 1;
+const MAX_VIEWPORT_COLS = 500;
+const MAX_VIEWPORT_ROWS = 200;
+const CANONICAL_FONT_FAMILY = '"FiraCode Nerd Font", "Fira Code", "SF Mono", "Cascadia Code", "Consolas", "Courier New", monospace';
+const CANONICAL_FONT_SIZE_PX = 14;
+const CANONICAL_LINE_HEIGHT = 1.2;
+const DEFAULT_CELL_WIDTH = 8.4;
+const DEFAULT_CELL_HEIGHT = CANONICAL_FONT_SIZE_PX * CANONICAL_LINE_HEIGHT;
+function measureCellMetric() {
+    try {
+        const doc = document;
+        if (!doc?.body)
+            return { cellWidth: DEFAULT_CELL_WIDTH, cellHeight: DEFAULT_CELL_HEIGHT };
+        const probe = doc.createElement('span');
+        probe.textContent = 'M';
+        probe.style.position = 'absolute';
+        probe.style.visibility = 'hidden';
+        probe.style.whiteSpace = 'pre';
+        probe.style.left = '-9999px';
+        probe.style.top = '-9999px';
+        probe.style.fontFamily = CANONICAL_FONT_FAMILY;
+        probe.style.fontSize = `${CANONICAL_FONT_SIZE_PX}px`;
+        probe.style.lineHeight = String(CANONICAL_LINE_HEIGHT);
+        doc.body.appendChild(probe);
+        const rect = probe.getBoundingClientRect();
+        doc.body.removeChild(probe);
+        const cellWidth = rect.width >= 3 ? rect.width : DEFAULT_CELL_WIDTH;
+        const cellHeight = rect.height >= 8 ? rect.height : DEFAULT_CELL_HEIGHT;
+        return { cellWidth, cellHeight };
+    }
+    catch {
+        return { cellWidth: DEFAULT_CELL_WIDTH, cellHeight: DEFAULT_CELL_HEIGHT };
+    }
+}
+function computeFitToViewport(input) {
+    const { viewportElement, cellWidth, cellHeight } = input;
+    if (!cellWidth || !cellHeight || cellWidth <= 0 || cellHeight <= 0)
+        return null;
+    const w = viewportElement.offsetWidth;
+    const h = viewportElement.offsetHeight;
+    if (w <= 0 || h <= 0)
+        return null;
+    return {
+        cols: Math.min(MAX_VIEWPORT_COLS, Math.max(MIN_VIEWPORT_COLS, Math.floor(w / cellWidth))),
+        rows: Math.min(MAX_VIEWPORT_ROWS, Math.max(MIN_VIEWPORT_ROWS, Math.floor(h / cellHeight))),
+    };
+}
+
+let cached = null;
+function clearCanvasCellMetricCache() {
+    cached = null;
+}
+function recordCanvasCellMetric(metric) {
+    if (cached)
+        return;
+    if (metric.cellWidth > 0 && metric.cellHeight > 0) {
+        cached = { cellWidth: metric.cellWidth, cellHeight: metric.cellHeight };
+    }
+}
+const CELL_WIDTH_RATIO = 0.615;
+const CELL_HEIGHT_RATIO = 1.43;
+function getCanvasCellMetric(fontSize = CANONICAL_FONT_SIZE_PX) {
+    if (cached)
+        return cached;
+    cached = {
+        cellWidth: fontSize * CELL_WIDTH_RATIO,
+        cellHeight: Math.round(fontSize * CELL_HEIGHT_RATIO),
+    };
+    return cached;
+}
+function _legacyMeasureViaTempTerminal(fontSize = CANONICAL_FONT_SIZE_PX) {
+    const fallback = {
+        cellWidth: fontSize * 0.6,
+        cellHeight: fontSize * CANONICAL_LINE_HEIGHT,
+    };
+    if (typeof document === 'undefined')
+        return fallback;
+    let container = null;
+    let terminal = null;
+    try {
+        container = document.createElement('div');
+        container.style.position = 'absolute';
+        container.style.visibility = 'hidden';
+        container.style.pointerEvents = 'none';
+        container.style.width = '500px';
+        container.style.height = '500px';
+        container.style.left = '-9999px';
+        container.style.top = '-9999px';
+        document.body.appendChild(container);
+        terminal = new Terminal({
+            fontSize,
+            fontFamily: CANONICAL_FONT_FAMILY,
+            lineHeight: CANONICAL_LINE_HEIGHT,
+            rows: 24,
+            cols: 80,
+        });
+        terminal.open(container);
+        const internal = terminal;
+        const cell = internal._core?._renderService?.dimensions?.css?.cell;
+        const cellWidth = cell?.width;
+        const cellHeight = cell?.height;
+        if (typeof cellWidth === 'number' && typeof cellHeight === 'number' && cellWidth > 0 && cellHeight > 0) {
+            cached = { cellWidth: Math.ceil(cellWidth), cellHeight: Math.ceil(cellHeight) };
+            return cached;
+        }
+        return fallback;
+    }
+    catch {
+        return fallback;
+    }
+    finally {
+        try {
+            terminal?.dispose();
+        }
+        catch {
+            void 0;
+        }
+        try {
+            if (container?.parentElement)
+                container.parentElement.removeChild(container);
+        }
+        catch {
+            void 0;
+        }
+    }
+}
+
 const MIN_CONTAINER_SIZE = 10;
-/** Default display-only theme (for catalog/storybook) */
 const DISPLAY_THEME = {
     background: '#0a0a0a',
     foreground: '#66d9ef',
     cursor: '#ff79c6',
-    cyan: '#8be9fd',
-    brightCyan: '#50fa7b',
-    green: '#50fa7b',
-    brightGreen: '#50fa7b',
+    cyan: '#5bc5ff',
+    brightCyan: '#8ad7ff',
+    green: '#33ff33',
+    brightGreen: '#66ff66',
     magenta: '#ff79c6',
     brightMagenta: '#ff79c6',
     yellow: '#f1fa8c',
@@ -589,26 +642,25 @@ const DISPLAY_THEME = {
     red: '#ff5555',
     brightRed: '#ff5555'
 };
-/** Interactive session theme (matches original TerminalManager) */
 const INTERACTIVE_THEME = {
     background: '#0a0a0a',
     foreground: '#e0e0e0',
     cursor: '#e0e0e0',
     black: '#000000',
     red: '#cd3131',
-    green: '#0dbc79',
+    green: '#33ff33',
     yellow: '#e5e510',
     blue: '#2472c8',
     magenta: '#bc3fbc',
-    cyan: '#11a8cd',
+    cyan: '#5bc5ff',
     white: '#e5e5e5',
     brightBlack: '#666666',
     brightRed: '#f14c4c',
-    brightGreen: '#23d18b',
+    brightGreen: '#66ff66',
     brightYellow: '#f5f543',
     brightBlue: '#3b8eea',
     brightMagenta: '#d670d6',
-    brightCyan: '#29b8db',
+    brightCyan: '#8ad7ff',
     brightWhite: '#e5e5e5',
 };
 class XtermOrganism extends NgAtomicComponent {
@@ -624,20 +676,15 @@ class XtermOrganism extends NgAtomicComponent {
     fileLinksAddon;
     resizeObserver;
     lastDataLength = 0;
-    /** Tracks how many bytes have been processed (for totalWritten-based diff detection) */
     lastProcessedLength = 0;
     terminalInitialized = signal(false, ...(ngDevMode ? [{ debugName: "terminalInitialized" }] : []));
-    /** Tracks if initialization was skipped due to container being too small */
     initSkippedDueToSize = false;
-    /** IDisposable refs for explicit cleanup (prevents memory leaks on mobile) */
     disposables = [];
-    /** Timer refs for cleanup in ngOnDestroy */
     stableTimer = null;
     resizeTimer = null;
     fallbackTimer = null;
     constructor() {
         super();
-        // Watch for data input changes (with totalWritten support for buffer overflow handling)
         effect(() => {
             const isInitialized = this.terminalInitialized();
             const rawData = this.store.data();
@@ -646,17 +693,13 @@ class XtermOrganism extends NgAtomicComponent {
             const data = dataIsFunction ? rawData() : rawData;
             if (!isInitialized)
                 return;
-            // Use totalWritten-based logic when available (handles buffer overflow correctly)
             if (totalWritten > 0) {
                 this.writeDataWithTotalWritten(data ?? '', totalWritten);
             }
             else {
-                // Legacy fallback for backward compatibility
                 this.writeDataToTerminal(data);
             }
         });
-        // Watch for interactive mode changes and update host class
-        // Note: Using effect with classList because @HostBinding doesn't work with OnPush + signals
         effect(() => {
             const isInteractive = this.store.interactive();
             if (isInteractive) {
@@ -666,24 +709,18 @@ class XtermOrganism extends NgAtomicComponent {
                 this.hostElement.nativeElement.classList.remove('interactive');
             }
         });
-        // Watch for interactive mode changes and update cursor blink
         effect(() => {
             const isInitialized = this.terminalInitialized();
             const isInteractive = this.store.interactive();
             if (!isInitialized || !this.terminal)
                 return;
-            // Update cursor blink setting
             this.terminal.options.cursorBlink = isInteractive;
         });
     }
     writeDataToTerminal(data) {
-        // Guard against undefined/null/empty data
-        // Empty string is treated as "no data yet" (from startWith('') in streams)
-        // Explicit reset should use the public clear() or reset() methods
         if (data === undefined || data === null || data === '') {
             return;
         }
-        // O(1) length comparison instead of O(n) startsWith
         if (data.length >= this.lastDataLength) {
             const newPart = data.slice(this.lastDataLength);
             if (newPart) {
@@ -692,55 +729,48 @@ class XtermOrganism extends NgAtomicComponent {
             this.lastDataLength = data.length;
         }
         else {
-            // Data got shorter = reset occurred
             this.terminal.reset();
             this.terminal.write(data);
             this.lastDataLength = data.length;
         }
     }
-    /**
-     * Write data using totalWritten for accurate diff detection.
-     * This method handles buffer overflow scenarios correctly.
-     * When newBytesCount >= data.length, performs a full redraw with terminal.reset()
-     * to prevent stale output from previous sessions remaining on screen.
-     * @param data The current buffer content
-     * @param totalWritten Total bytes written to the buffer (cumulative)
-     */
     writeDataWithTotalWritten(data, totalWritten) {
         if (!data)
             return;
         const newBytesCount = totalWritten - this.lastProcessedLength;
         if (newBytesCount <= 0) {
             if (totalWritten < this.lastProcessedLength) {
-                // Reset detected (totalWritten decreased)
                 this.terminal.reset();
                 this.terminal.write(data);
                 this.lastProcessedLength = totalWritten;
             }
             return;
         }
-        // Full redraw needed: first render, session switch, or buffer overflow
-        // (newBytesCount >= data.length means the diff covers the entire buffer or more)
+        let written = '';
         if (newBytesCount >= data.length) {
-            this.terminal.reset();
+            if (hasVisibleContent(data)) {
+                this.terminal.reset();
+            }
             this.terminal.write(data);
+            written = data;
         }
         else {
-            // Normal incremental write - extract only new content
-            const newContent = data.slice(-newBytesCount);
+            const sliceN = Math.min(newBytesCount, data.length);
+            const newContent = data.slice(-sliceN);
             if (newContent) {
                 this.terminal.write(newContent);
+                written = newContent;
             }
         }
         this.lastProcessedLength = totalWritten;
+        if (hasDisplayClearWithoutScrollbackClear(written)) {
+            this.terminal.clear();
+        }
     }
     ngAfterViewInit() {
         const containerElement = this.container().nativeElement;
-        // Guard against initialization in very small containers (e.g., SR-only 1x1 pixel hidden elements)
-        // This prevents FitAddon issues and excessive processing in hidden query sections
         if (containerElement.offsetWidth < MIN_CONTAINER_SIZE || containerElement.offsetHeight < MIN_CONTAINER_SIZE) {
             this.initSkippedDueToSize = true;
-            // Retry initialization when container reaches minimum size (e.g., after CSS/layout settles)
             this.resizeObserver = new ResizeObserver(() => {
                 if (containerElement.offsetWidth >= MIN_CONTAINER_SIZE && containerElement.offsetHeight >= MIN_CONTAINER_SIZE) {
                     this.resizeObserver?.disconnect();
@@ -773,8 +803,6 @@ class XtermOrganism extends NgAtomicComponent {
         this.fitAddon = new FitAddon();
         this.terminal.loadAddon(this.fitAddon);
         this.terminal.loadAddon(new WebLinksAddon());
-        // ImageAddon for displaying inline images (SIXEL and iTerm2 IIP support)
-        // Loaded dynamically to avoid browser compatibility issues
         this.loadImageAddon();
         this.githubLinksAddon = new GitHubLinksAddon((event, issueNumber) => {
             this.dispatch({ id: XtermActionId.GITHUB_LINK_CLICK, payload: issueNumber });
@@ -786,38 +814,50 @@ class XtermOrganism extends NgAtomicComponent {
             }
         });
         this.terminal.loadAddon(this.fileLinksAddon);
-        // ProxyLinksAddon: localhost → proxy.machina.at redirect (always loaded)
-        this.terminal.loadAddon(new ProxyLinksAddon(this.store.getServerUUID ?? (() => undefined), this.store.getProxyToken ?? undefined, undefined, this.store.getDeployVersion ?? undefined, this.store.getProxyEndpoints ?? undefined));
+        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.open(containerElement);
-        // Setup event handlers for interactive mode
+        const core = this.terminal._core;
+        const charSizeChange = core?._charSizeService?.onCharSizeChange;
+        if (typeof charSizeChange === 'function') {
+            const disp = charSizeChange.call(core._charSizeService, () => {
+                if (!this.terminal)
+                    return;
+                this.fitToViewport();
+                if (isInteractive) {
+                    this.dispatch({ id: XtermActionId.RESIZED, payload: { cols: this.cols, rows: this.rows } });
+                }
+            });
+            if (disp && typeof disp.dispose === 'function') {
+                this.disposables.push(disp);
+            }
+        }
         if (isInteractive) {
             this.disposables.push(this.terminal.onData((data) => {
                 this.dispatch({ id: XtermActionId.DATA_INPUT, payload: data });
             }), this.terminal.onResize(({ cols, rows }) => this.dispatch({ id: XtermActionId.RESIZED, payload: { cols, rows } })));
         }
-        // Use ResizeObserver with debounce to wait for container size to stabilize
-        // (CSS transitions take 300-500ms, so fixed setTimeout(100ms) is too early)
         this.resizeObserver = new ResizeObserver(() => {
             try {
                 if (!this.terminalInitialized()) {
-                    this.fitAddon.fit();
-                    // Debounce: wait for container to stop changing before initializing
+                    this.fitToViewport();
                     if (this.stableTimer)
                         clearTimeout(this.stableTimer);
                     this.stableTimer = setTimeout(() => {
                         this.stableTimer = null;
-                        this.fitAddon.fit();
+                        this.fitToViewport();
                         this.markInitialized(isInteractive);
                     }, 150);
                 }
-                else if (isInteractive) {
-                    // Debounce resize to wait for CSS transitions to complete (300ms)
+                else {
                     if (this.resizeTimer)
                         clearTimeout(this.resizeTimer);
                     this.resizeTimer = setTimeout(() => {
                         this.resizeTimer = null;
-                        this.fitAddon.fit();
-                        this.dispatch({ id: XtermActionId.RESIZED, payload: { cols: this.cols, rows: this.rows } });
+                        this.fitToViewport();
+                        if (isInteractive) {
+                            this.dispatch({ id: XtermActionId.RESIZED, payload: { cols: this.cols, rows: this.rows } });
+                        }
                     }, 300);
                 }
             }
@@ -826,17 +866,32 @@ class XtermOrganism extends NgAtomicComponent {
             }
         });
         this.resizeObserver.observe(containerElement);
-        // Fallback: initialize after 500ms if ResizeObserver hasn't triggered stable state
         this.fallbackTimer = setTimeout(() => {
             this.fallbackTimer = null;
             if (!this.terminalInitialized()) {
-                this.fitAddon.fit();
+                this.fitToViewport();
                 this.markInitialized(isInteractive);
             }
         }, 500);
     }
+    fitToViewport() {
+        if (!this.terminal)
+            return;
+        const viewportElement = this.container().nativeElement;
+        const sharedCanvas = getCanvasCellMetric();
+        const probe = measureCellMetric();
+        const cellWidth = sharedCanvas.cellWidth > 0 ? sharedCanvas.cellWidth : probe.cellWidth;
+        const cellHeight = sharedCanvas.cellHeight > 0 ? sharedCanvas.cellHeight : probe.cellHeight;
+        const result = computeFitToViewport({ viewportElement, cellWidth, cellHeight });
+        if (!result) {
+            this.fitAddon.fit();
+            return;
+        }
+        if (result.cols !== this.terminal.cols || result.rows !== this.terminal.rows) {
+            this.terminal.resize(result.cols, result.rows);
+        }
+    }
     ngOnDestroy() {
-        // Clear pending timers to prevent post-destroy callbacks
         if (this.stableTimer)
             clearTimeout(this.stableTimer);
         if (this.resizeTimer)
@@ -844,11 +899,9 @@ class XtermOrganism extends NgAtomicComponent {
         if (this.fallbackTimer)
             clearTimeout(this.fallbackTimer);
         this.resizeObserver?.disconnect();
-        // Dispose xterm event handlers (onData, onResize) to prevent memory leaks
         for (const d of this.disposables)
             d.dispose();
         this.disposables.length = 0;
-        // Remove terminal instance from window for E2E testing cleanup
         if (typeof window !== 'undefined' && window.__XTERM_INSTANCES__) {
             const instances = window.__XTERM_INSTANCES__;
             const index = instances.indexOf(this.terminal);
@@ -863,12 +916,10 @@ class XtermOrganism extends NgAtomicComponent {
             return;
         this.terminalInitialized.set(true);
         this.terminalReady.emit(this.terminal);
-        // Expose terminal instance for E2E testing (only in development/test environments)
         if (typeof window !== 'undefined') {
             window.__XTERM_INSTANCES__ = window.__XTERM_INSTANCES__ || [];
             window.__XTERM_INSTANCES__.push(this.terminal);
         }
-        // Dispatch initial RESIZED for interactive mode
         if (isInteractive) {
             this.dispatch({ id: XtermActionId.RESIZED, payload: { cols: this.cols, rows: this.rows } });
         }
@@ -886,11 +937,9 @@ class XtermOrganism extends NgAtomicComponent {
             this.terminal.loadAddon(this.imageAddon);
         }
         catch (e) {
-            // ImageAddon not available in browser environment - this is expected
             console.debug('ImageAddon not available:', e);
         }
     }
-    // Public API
     write(text) {
         this.terminal?.write(text);
     }
@@ -909,10 +958,13 @@ class XtermOrganism extends NgAtomicComponent {
     scrollLines(lines) {
         this.terminal?.scrollLines(lines);
     }
+    focus() {
+        this.terminal?.focus();
+        const helperTextarea = this.container().nativeElement.querySelector('.xterm-helper-textarea');
+        helperTextarea?.focus();
+    }
     fit() {
-        this.fitAddon?.fit();
-        // Only dispatch RESIZED after initialization to prevent sending wrong cols/rows
-        // during CSS transitions (SessionTemplateV2.ngAfterViewInit calls fit() before layout stabilizes)
+        this.fitToViewport();
         if (this.terminalInitialized() && this.terminal) {
             this.dispatch({ id: XtermActionId.RESIZED, payload: { cols: this.cols, rows: this.rows } });
         }
@@ -924,14 +976,8 @@ class XtermOrganism extends NgAtomicComponent {
         return this.terminal?.rows ?? 24;
     }
     getTerminal() {
-        // Only expose terminal after fitAddon.fit() has run (terminalInitialized === true)
         return this.terminalInitialized() ? this.terminal : undefined;
     }
-    /**
-     * Display an inline image using iTerm2's Inline Image Protocol
-     * @param base64Data Base64 encoded image data (PNG, JPEG, etc.)
-     * @param options Image display options
-     */
     displayImage(base64Data, options) {
         if (!this.terminal)
             return;
@@ -948,34 +994,34 @@ class XtermOrganism extends NgAtomicComponent {
         if (options?.name) {
             args.push(`name=${btoa(options.name)}`);
         }
-        // iTerm2 Inline Image Protocol escape sequence
         const escapeSequence = `\x1b]1337;File=${args.join(';')}:${base64Data}\x07`;
         this.terminal.write(escapeSequence);
     }
-    /**
-     * Get the ImageAddon instance for advanced image operations
-     */
     getImageAddon() {
         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="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 .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}\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"] }], 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="xterm-wrapper"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{
+            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'],
-                        }], styles: ["@import\"https://unpkg.com/@xterm/xterm@5.5.0/css/xterm.css\";:host{display:block;width:100%;height:100%}: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}\n"] }]
+                        }], 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 hasVisibleContent(s) {
+    const stripped = s
+        // eslint-disable-next-line no-control-regex -- ANSI CSI / OSC を strip するため意図的に \x1b / \x07 を match
+        .replace(/\x1b\[[\d;?]*[a-zA-Z]/g, '')
+        // eslint-disable-next-line no-control-regex -- ANSI OSC を strip するため意図的に \x1b / \x07 を match
+        .replace(/\x1b\][^\x07\x1b]*[\x07\x1b]/g, '');
+    return /\S/.test(stripped);
+}
+function hasDisplayClearWithoutScrollbackClear(s) {
+    return s.includes('\x1b[2J') && !s.includes('\x1b[3J');
+}
 
-/**
- * Utility functions for displaying images in xterm using SIXEL format
- */
-/**
- * Generate ASCII art text using figlet
- * Note: figlet is loaded dynamically as it's not available in browser environments
- */
 async function generateAsciiArt(text, font = 'ANSI Shadow') {
     try {
         const figlet = await import('figlet');
@@ -990,27 +1036,20 @@ async function generateAsciiArt(text, font = 'ANSI Shadow') {
         });
     }
     catch (e) {
-        // figlet not available in browser - return simple text
         console.debug('figlet not available:', e);
         return text;
     }
 }
-/**
- * Convert ASCII art text to SVG with transparent background
- */
 function asciiArtToSvg(asciiArt, options = {}) {
     const { textColor = '#00FFFF', fontSize = 14 } = options;
     const lines = asciiArt.split('\n');
     const maxLineLength = Math.max(...lines.map(l => l.length));
-    // Calculate dimensions based on monospace font metrics (block chars need more width)
     const charWidth = fontSize * 0.65;
     const lineHeight = fontSize * 1.4;
     const padding = 40;
     const width = Math.ceil(maxLineLength * charWidth) + padding;
     const height = Math.ceil(lines.length * lineHeight) + padding;
-    // Build SVG with text elements for each line
     const textElements = lines.map((line, i) => {
-        // Escape special XML characters
         const escapedLine = line
             .replace(/&/g, '&amp;')
             .replace(/</g, '&lt;')
@@ -1023,9 +1062,6 @@ function asciiArtToSvg(asciiArt, options = {}) {
   ${textElements}
 </svg>`;
 }
-/**
- * Convert SVG to SIXEL format for xterm display
- */
 async function svgToSixel(svgString, options = {}) {
     const { width = 400, height = 200, backgroundColor } = options;
     return new Promise((resolve, reject) => {
@@ -1037,7 +1073,6 @@ async function svgToSixel(svgString, options = {}) {
             reject(new Error('Failed to get canvas context'));
             return;
         }
-        // Fill background (transparent if not specified)
         if (backgroundColor) {
             ctx.fillStyle = backgroundColor;
             ctx.fillRect(0, 0, width, height);
@@ -1059,20 +1094,14 @@ async function svgToSixel(svgString, options = {}) {
         img.src = url;
     });
 }
-/**
- * Convert ImageData to SIXEL escape sequence
- */
 function imageDataToSixel(imageData) {
     const { width, height, data } = imageData;
-    // Build color palette (quantize to 16 colors)
     const palette = buildColorPalette(data, 16);
     const colorMap = new Map();
     palette.forEach((color, index) => {
         colorMap.set(color, index);
     });
-    // SIXEL header
     let sixel = '\x1bPq';
-    // Define colors in palette
     palette.forEach((color, index) => {
         const [r, g, b] = hexToRgb(color);
         const rPct = Math.round((r / 255) * 100);
@@ -1080,7 +1109,6 @@ function imageDataToSixel(imageData) {
         const bPct = Math.round((b / 255) * 100);
         sixel += `#${index};2;${rPct};${gPct};${bPct}`;
     });
-    // Process image in bands of 6 rows
     for (let bandY = 0; bandY < height; bandY += 6) {
         for (let colorIdx = 0; colorIdx < palette.length; colorIdx++) {
             const color = palette[colorIdx];
@@ -1164,19 +1192,13 @@ function findNearestColor(targetHex, palette) {
     }
     return nearest;
 }
-/**
- * Generate MACHINA ASCII art banner as SIXEL
- */
 async function getMachinaAsciiArtSixel(options = {}) {
-    // Generate ASCII art for "MACHINA"
     const machinaArt = await generateAsciiArt('MACHINA', 'ANSI Shadow');
-    // Convert to SVG with cyan color (terminal style)
     const fontSize = 14;
     const svg = asciiArtToSvg(machinaArt, {
         textColor: options.textColor || '#00FFFF',
         fontSize
     });
-    // Calculate appropriate dimensions matching asciiArtToSvg calculation
     const lines = machinaArt.split('\n');
     const maxLineLength = Math.max(...lines.map(l => l.length));
     const charWidth = fontSize * 0.65;
@@ -1195,5 +1217,5 @@ async function getMachinaAsciiArtSixel(options = {}) {
  * Generated bundle index. Do not edit.
  */
 
-export { GitHubLinkProvider, GitHubLinksAddon, ProxyLinkProvider, ProxyLinksAddon, WebLinksAddon, XTERM_DEPLOY_VERSION, XTERM_PROXY_ENDPOINTS, XTERM_PROXY_TOKEN, XTERM_SERVER_UUID, XtermActionId, XtermOrganism, XtermOrganismStore, asciiArtToSvg, deployVersionToHostSuffix, generateAsciiArt, getMachinaAsciiArtSixel, svgToSixel, toProxyUrl };
+export { 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, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, asciiArtToSvg, clearCanvasCellMetricCache, computeFitToViewport, deployVersionToHostSuffix, encodeUrlHandoff, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, measureCellMetric, openWebProxyForPort, recordCanvasCellMetric, svgToSixel, toProxyUrl };
 //# sourceMappingURL=xxmachina-components-organisms-xterm.mjs.map