@mks2508/mks-ui 0.6.7 → 0.7.0

package/dist/react-ui/blocks/Terminal/hooks/useTerminalFontSize.js

@@ -0,0 +1,102 @@
+'use client';
+
+import { useTerminalSettings } from "./useTerminalSettings.js";
+import { useCallback, useState } from "react";
+
+//#region src/react-ui/blocks/Terminal/hooks/useTerminalFontSize.ts
+/**
+* Terminal font size management hook.
+*
+* Manages font size state with ResttyTerminal ref integration. Calls
+* `ref.current?.setFontSize()` on every change and optionally persists
+* to localStorage via `useTerminalSettings`.
+*
+* Replaces the duplicated `useState(fontSize)` + `handleFontIncrease`/
+* `handleFontDecrease` pattern found in both interactive panels.
+*
+* @module @mks2508/mks-ui/react/blocks/Terminal/hooks/useTerminalFontSize
+*
+* @example
+* ```tsx
+* const resttyRef = useRef<IResttyTerminalRef>(null);
+* const font = useTerminalFontSize({ ref: resttyRef });
+*
+* <ResttyTerminal ref={resttyRef} fontSize={font.fontSize} />
+* <button onClick={font.increase} disabled={font.isMax}>+</button>
+* <span>{font.fontSize}px</span>
+* <button onClick={font.decrease} disabled={font.isMin}>-</button>
+* ```
+*/
+/** Default min font size. */
+const DEFAULT_MIN = 10;
+/** Default max font size. */
+const DEFAULT_MAX = 24;
+/**
+* Terminal font size management.
+*
+* Synchronizes font size state with the ResttyTerminal ref and
+* optionally persists changes to localStorage. Clamps values to
+* configurable min/max bounds.
+*
+* @param options - Font size configuration
+* @returns Font size state and mutation functions
+*
+* @example
+* ```tsx
+* const font = useTerminalFontSize({ ref: resttyRef, persist: true });
+*
+* <TerminalFontControls
+*   fontSize={font.fontSize}
+*   onIncrease={font.increase}
+*   onDecrease={font.decrease}
+*   isMin={font.isMin}
+*   isMax={font.isMax}
+* />
+* ```
+*/
+function useTerminalFontSize(options) {
+	const { ref, min = DEFAULT_MIN, max = DEFAULT_MAX, persist = true } = options;
+	const { settings, setFontSize: persistFontSize } = useTerminalSettings();
+	const initial = options.initial ?? settings.fontSize;
+	const [fontSize, setFontSizeState] = useState(Math.min(max, Math.max(min, initial)));
+	const syncToRef = useCallback((size) => {
+		ref.current?.setFontSize(size);
+		if (persist) persistFontSize(size);
+	}, [
+		ref,
+		persist,
+		persistFontSize
+	]);
+	const applySize = useCallback((size) => {
+		const clamped = Math.min(max, Math.max(min, size));
+		setFontSizeState(clamped);
+		syncToRef(clamped);
+	}, [
+		min,
+		max,
+		syncToRef
+	]);
+	return {
+		fontSize,
+		increase: useCallback(() => {
+			setFontSizeState((prev) => {
+				const next = Math.min(prev + 1, max);
+				syncToRef(next);
+				return next;
+			});
+		}, [max, syncToRef]),
+		decrease: useCallback(() => {
+			setFontSizeState((prev) => {
+				const next = Math.max(prev - 1, min);
+				syncToRef(next);
+				return next;
+			});
+		}, [min, syncToRef]),
+		set: applySize,
+		isMin: fontSize <= min,
+		isMax: fontSize >= max
+	};
+}
+
+//#endregion
+export { useTerminalFontSize };

package/dist/react-ui/blocks/Terminal/hooks/useTerminalKeyboardShortcuts.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Terminal keyboard shortcuts hook.
+ *
+ * Binds configurable keyboard shortcuts for terminal operations:
+ * clear, font zoom, pane splitting, reconnect, etc. Prevents
+ * propagation to the terminal when a shortcut is matched.
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/hooks/useTerminalKeyboardShortcuts
+ *
+ * @example
+ * ```tsx
+ * useTerminalKeyboardShortcuts({
+ *   onClear: () => resttyRef.current?.clear(),
+ *   onFontIncrease: () => font.increase(),
+ *   onFontDecrease: () => font.decrease(),
+ *   onSplitVertical: () => panes.splitActive('vertical'),
+ * });
+ * ```
+ */
+/**
+ * Keyboard shortcut configuration for terminal.
+ */
+export interface ITerminalShortcutConfig {
+    /** Enable keyboard shortcuts (default: true). */
+    enabled?: boolean;
+    /** Container element for scoped shortcuts. Defaults to `document` if not provided. */
+    containerRef?: React.RefObject<HTMLElement | null>;
+    /** Clear terminal (default: Ctrl+Shift+K). */
+    onClear?: () => void;
+    /** Increase font size (default: Ctrl+=). */
+    onFontIncrease?: () => void;
+    /** Decrease font size (default: Ctrl+-). */
+    onFontDecrease?: () => void;
+    /** Reset font size (default: Ctrl+0). */
+    onFontReset?: () => void;
+    /** Split pane horizontally (default: Ctrl+Shift+E). */
+    onSplitHorizontal?: () => void;
+    /** Split pane vertically (default: Ctrl+Shift+D). */
+    onSplitVertical?: () => void;
+    /** Close active pane (default: Ctrl+Shift+W). */
+    onClosePane?: () => void;
+    /** Reconnect terminal (default: Ctrl+Shift+R). */
+    onReconnect?: () => void;
+}
+/**
+ * Terminal keyboard shortcuts.
+ *
+ * Registers keyboard event listeners for common terminal operations.
+ * Shortcuts use Ctrl+Shift+ combinations to avoid conflicting with
+ * terminal input. All shortcuts are optional — only handlers that are
+ * provided get bound.
+ *
+ * Default shortcut map:
+ * - `Ctrl+Shift+K` → clear
+ * - `Ctrl+=` / `Ctrl+-` → font increase/decrease
+ * - `Ctrl+0` → font reset
+ * - `Ctrl+Shift+D` → split vertical
+ * - `Ctrl+Shift+E` → split horizontal
+ * - `Ctrl+Shift+W` → close pane
+ * - `Ctrl+Shift+R` → reconnect
+ *
+ * @param config - Shortcut configuration and handlers
+ *
+ * @example
+ * ```tsx
+ * const terminal = useTerminal({ wsUrl: 'ws://...' });
+ *
+ * useTerminalKeyboardShortcuts({
+ *   onClear: terminal.clear,
+ *   onFontIncrease: terminal.fontIncrease,
+ *   onFontDecrease: terminal.fontDecrease,
+ *   onSplitVertical: () => terminal.splitActive('vertical'),
+ *   onSplitHorizontal: () => terminal.splitActive('horizontal'),
+ * });
+ * ```
+ */
+export declare function useTerminalKeyboardShortcuts(config: ITerminalShortcutConfig): void;
+//# sourceMappingURL=useTerminalKeyboardShortcuts.d.ts.map

package/dist/react-ui/blocks/Terminal/hooks/useTerminalKeyboardShortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTerminalKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/hooks/useTerminalKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAMH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,sFAAsF;IACtF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEnD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,uBAAuB,GAAG,IAAI,CAyFlF"}

package/dist/react-ui/blocks/Terminal/hooks/useTerminalKeyboardShortcuts.js

@@ -0,0 +1,136 @@
+'use client';
+
+import { useEffect } from "react";
+
+//#region src/react-ui/blocks/Terminal/hooks/useTerminalKeyboardShortcuts.ts
+/**
+* Terminal keyboard shortcuts hook.
+*
+* Binds configurable keyboard shortcuts for terminal operations:
+* clear, font zoom, pane splitting, reconnect, etc. Prevents
+* propagation to the terminal when a shortcut is matched.
+*
+* @module @mks2508/mks-ui/react/blocks/Terminal/hooks/useTerminalKeyboardShortcuts
+*
+* @example
+* ```tsx
+* useTerminalKeyboardShortcuts({
+*   onClear: () => resttyRef.current?.clear(),
+*   onFontIncrease: () => font.increase(),
+*   onFontDecrease: () => font.decrease(),
+*   onSplitVertical: () => panes.splitActive('vertical'),
+* });
+* ```
+*/
+/**
+* Terminal keyboard shortcuts.
+*
+* Registers keyboard event listeners for common terminal operations.
+* Shortcuts use Ctrl+Shift+ combinations to avoid conflicting with
+* terminal input. All shortcuts are optional — only handlers that are
+* provided get bound.
+*
+* Default shortcut map:
+* - `Ctrl+Shift+K` → clear
+* - `Ctrl+=` / `Ctrl+-` → font increase/decrease
+* - `Ctrl+0` → font reset
+* - `Ctrl+Shift+D` → split vertical
+* - `Ctrl+Shift+E` → split horizontal
+* - `Ctrl+Shift+W` → close pane
+* - `Ctrl+Shift+R` → reconnect
+*
+* @param config - Shortcut configuration and handlers
+*
+* @example
+* ```tsx
+* const terminal = useTerminal({ wsUrl: 'ws://...' });
+*
+* useTerminalKeyboardShortcuts({
+*   onClear: terminal.clear,
+*   onFontIncrease: terminal.fontIncrease,
+*   onFontDecrease: terminal.fontDecrease,
+*   onSplitVertical: () => terminal.splitActive('vertical'),
+*   onSplitHorizontal: () => terminal.splitActive('horizontal'),
+* });
+* ```
+*/
+function useTerminalKeyboardShortcuts(config) {
+	const { enabled = true } = config;
+	useEffect(() => {
+		if (!enabled) return;
+		const handleKeyDown = (e) => {
+			const ctrl = e.ctrlKey || e.metaKey;
+			const shift = e.shiftKey;
+			if (ctrl && shift) switch (e.key.toUpperCase()) {
+				case "K":
+					if (config.onClear) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onClear();
+					}
+					return;
+				case "D":
+					if (config.onSplitVertical) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onSplitVertical();
+					}
+					return;
+				case "E":
+					if (config.onSplitHorizontal) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onSplitHorizontal();
+					}
+					return;
+				case "W":
+					if (config.onClosePane) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onClosePane();
+					}
+					return;
+				case "R":
+					if (config.onReconnect) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onReconnect();
+					}
+					return;
+			}
+			if (ctrl && !shift) switch (e.key) {
+				case "=":
+				case "+":
+					if (config.onFontIncrease) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onFontIncrease();
+					}
+					return;
+				case "-":
+				case "_":
+					if (config.onFontDecrease) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onFontDecrease();
+					}
+					return;
+				case "0":
+					if (config.onFontReset) {
+						e.preventDefault();
+						e.stopPropagation();
+						config.onFontReset();
+					}
+					return;
+			}
+		};
+		const target = config.containerRef?.current ?? document;
+		target.addEventListener("keydown", handleKeyDown, { capture: true });
+		return () => {
+			target.removeEventListener("keydown", handleKeyDown, { capture: true });
+		};
+	}, [enabled, config]);
+}
+
+//#endregion
+export { useTerminalKeyboardShortcuts };

package/dist/react-ui/blocks/Terminal/hooks/useTerminalPaneManager.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Terminal pane manager hook.
+ *
+ * Tracks reactive pane state (count, active pane) from ResttyTerminal
+ * lifecycle callbacks. Works from OUTSIDE ResttyTerminal via ref + callback
+ * handlers — unlike `useResttyPanes` which requires ResttyProvider context
+ * from inside the component tree.
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/hooks/useTerminalPaneManager
+ *
+ * @example
+ * ```tsx
+ * const resttyRef = useRef<IResttyTerminalRef>(null);
+ * const panes = useTerminalPaneManager({ ref: resttyRef });
+ *
+ * <ResttyTerminal ref={resttyRef} {...panes.handlers} />
+ * <span>{panes.paneCount} panes</span>
+ * <button onClick={() => panes.splitActive('vertical')}>Split V</button>
+ * ```
+ */
+import type { IResttyTerminalRef, ResttyPaneSplitDirection } from '../restty/ResttyTerminal.types';
+/**
+ * Options for useTerminalPaneManager.
+ */
+export interface IUseTerminalPaneManagerOptions {
+    /** Restty terminal ref for imperative pane operations. */
+    ref: React.RefObject<IResttyTerminalRef | null>;
+    /** Called when a new pane is created. */
+    onPaneCreated?: (paneId: number) => void;
+    /** Called when a pane is closed. */
+    onPaneClosed?: (paneId: number) => void;
+    /** Called when a pane is split. */
+    onPaneSplit?: (sourceId: number, createdId: number, direction: string) => void;
+    /** Called when the active pane changes. */
+    onActivePaneChange?: (paneId: number | null) => void;
+}
+/**
+ * Return type for useTerminalPaneManager.
+ */
+export interface IUseTerminalPaneManagerReturn {
+    /** Current number of panes. */
+    paneCount: number;
+    /** Active pane ID (null if no panes). */
+    activePaneId: number | null;
+    /** Split the active pane in the given direction. */
+    splitActive: (direction: 'horizontal' | 'vertical') => void;
+    /** Split a specific pane by ID. */
+    splitPane: (paneId: number, direction: 'horizontal' | 'vertical') => void;
+    /** Close a specific pane by ID. */
+    closePane: (paneId: number) => void;
+    /** Set the active pane by ID. */
+    setActivePane: (paneId: number) => void;
+    /** Handlers to spread onto ResttyTerminal props. */
+    handlers: {
+        onPaneCreated: (paneId: number) => void;
+        onPaneClosed: (paneId: number) => void;
+        onPaneSplit: (sourceId: number, createdId: number, direction: ResttyPaneSplitDirection) => void;
+        onActivePaneChange: (paneId: number | null) => void;
+    };
+}
+/**
+ * Terminal pane manager.
+ *
+ * Provides reactive pane state and imperative pane operations for
+ * ResttyTerminal. State is tracked via lifecycle callback handlers
+ * that consumers spread onto the terminal component.
+ *
+ * For xterm.js (which doesn't support panes), this hook returns
+ * `paneCount: 1` and no-ops for all split/close operations.
+ *
+ * @param options - Pane manager configuration
+ * @returns Pane state, operations, and callback handlers
+ *
+ * @example
+ * ```tsx
+ * const panes = useTerminalPaneManager({ ref: resttyRef });
+ *
+ * // Wire up callbacks
+ * <ResttyTerminal ref={resttyRef} {...panes.handlers} />
+ *
+ * // Control panes
+ * <button onClick={() => panes.splitActive('horizontal')}>Split H</button>
+ * <button onClick={() => panes.splitActive('vertical')}>Split V</button>
+ * <span>{panes.paneCount} pane{panes.paneCount !== 1 ? 's' : ''}</span>
+ * ```
+ */
+export declare function useTerminalPaneManager(options: IUseTerminalPaneManagerOptions): IUseTerminalPaneManagerReturn;
+//# sourceMappingURL=useTerminalPaneManager.d.ts.map

package/dist/react-ui/blocks/Terminal/hooks/useTerminalPaneManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTerminalPaneManager.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/hooks/useTerminalPaneManager.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAKH,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAEnG;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,0DAA0D;IAC1D,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAEhD,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,mCAAmC;IACnC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/E,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAElB,yCAAyC;IACzC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,oDAAoD;IACpD,WAAW,EAAE,CAAC,SAAS,EAAE,YAAY,GAAG,UAAU,KAAK,IAAI,CAAC;IAE5D,mCAAmC;IACnC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,GAAG,UAAU,KAAK,IAAI,CAAC;IAE1E,mCAAmC;IACnC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,iCAAiC;IACjC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,oDAAoD;IACpD,QAAQ,EAAE;QACR,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;QAChG,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;KACrD,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,8BAA8B,GACtC,6BAA6B,CA2D/B"}

package/dist/react-ui/blocks/Terminal/hooks/useTerminalPaneManager.js

@@ -0,0 +1,101 @@
+'use client';
+
+import { useCallback, useMemo, useState } from "react";
+
+//#region src/react-ui/blocks/Terminal/hooks/useTerminalPaneManager.ts
+/**
+* Terminal pane manager hook.
+*
+* Tracks reactive pane state (count, active pane) from ResttyTerminal
+* lifecycle callbacks. Works from OUTSIDE ResttyTerminal via ref + callback
+* handlers — unlike `useResttyPanes` which requires ResttyProvider context
+* from inside the component tree.
+*
+* @module @mks2508/mks-ui/react/blocks/Terminal/hooks/useTerminalPaneManager
+*
+* @example
+* ```tsx
+* const resttyRef = useRef<IResttyTerminalRef>(null);
+* const panes = useTerminalPaneManager({ ref: resttyRef });
+*
+* <ResttyTerminal ref={resttyRef} {...panes.handlers} />
+* <span>{panes.paneCount} panes</span>
+* <button onClick={() => panes.splitActive('vertical')}>Split V</button>
+* ```
+*/
+/**
+* Terminal pane manager.
+*
+* Provides reactive pane state and imperative pane operations for
+* ResttyTerminal. State is tracked via lifecycle callback handlers
+* that consumers spread onto the terminal component.
+*
+* For xterm.js (which doesn't support panes), this hook returns
+* `paneCount: 1` and no-ops for all split/close operations.
+*
+* @param options - Pane manager configuration
+* @returns Pane state, operations, and callback handlers
+*
+* @example
+* ```tsx
+* const panes = useTerminalPaneManager({ ref: resttyRef });
+*
+* // Wire up callbacks
+* <ResttyTerminal ref={resttyRef} {...panes.handlers} />
+*
+* // Control panes
+* <button onClick={() => panes.splitActive('horizontal')}>Split H</button>
+* <button onClick={() => panes.splitActive('vertical')}>Split V</button>
+* <span>{panes.paneCount} pane{panes.paneCount !== 1 ? 's' : ''}</span>
+* ```
+*/
+function useTerminalPaneManager(options) {
+	const { ref, onPaneCreated, onPaneClosed, onPaneSplit, onActivePaneChange } = options;
+	const [paneCount, setPaneCount] = useState(0);
+	const [activePaneId, setActivePaneId] = useState(null);
+	const handlePaneCreated = useCallback((paneId) => {
+		setPaneCount((prev) => prev + 1);
+		onPaneCreated?.(paneId);
+	}, [onPaneCreated]);
+	const handlePaneClosed = useCallback((paneId) => {
+		setPaneCount((prev) => Math.max(0, prev - 1));
+		onPaneClosed?.(paneId);
+	}, [onPaneClosed]);
+	const handlePaneSplit = useCallback((sourceId, createdId, direction) => {
+		onPaneSplit?.(sourceId, createdId, direction);
+	}, [onPaneSplit]);
+	const handleActivePaneChange = useCallback((paneId) => {
+		setActivePaneId(paneId);
+		onActivePaneChange?.(paneId);
+	}, [onActivePaneChange]);
+	return {
+		paneCount,
+		activePaneId,
+		splitActive: useCallback((direction) => {
+			ref.current?.splitActivePane(direction);
+		}, [ref]),
+		splitPane: useCallback((paneId, direction) => {
+			ref.current?.splitPane(paneId, direction);
+		}, [ref]),
+		closePane: useCallback((paneId) => {
+			ref.current?.closePane(paneId);
+		}, [ref]),
+		setActivePane: useCallback((paneId) => {
+			ref.current?.setActivePane(paneId, { focus: true });
+		}, [ref]),
+		handlers: useMemo(() => ({
+			onPaneCreated: handlePaneCreated,
+			onPaneClosed: handlePaneClosed,
+			onPaneSplit: handlePaneSplit,
+			onActivePaneChange: handleActivePaneChange
+		}), [
+			handlePaneCreated,
+			handlePaneClosed,
+			handlePaneSplit,
+			handleActivePaneChange
+		])
+	};
+}
+
+//#endregion
+export { useTerminalPaneManager };

package/dist/react-ui/blocks/Terminal/index.d.ts

@@ -13,22 +13,26 @@ export { TerminalPanel, type ITerminalPanelProps } from './TerminalPanel';
 export * from './parsing';
 export * from './components';
 export { useTerminalWebSocket, type IUseTerminalWebSocketOptions, type IUseTerminalWebSocketReturn, type ITerminalWsServerMessage, type TTerminalWsStatus, useTerminalSettings, type ITerminalSettings, type IUseTerminalSettingsReturn, } from './hooks';
-export { TerminalLogsPanel } from './panel/TerminalLogsPanel';
+export { useTerminal, type IUseTerminalOptions, type IUseTerminalReturn, type ITerminalResttyProps, useTerminalConnection, type IUseTerminalConnectionOptions, type IUseTerminalConnectionReturn, useTerminalFontSize, type IUseTerminalFontSizeOptions, type IUseTerminalFontSizeReturn, useTerminalPaneManager, type IUseTerminalPaneManagerOptions, type IUseTerminalPaneManagerReturn, useTerminalDimensions, type IUseTerminalDimensionsReturn, type ITerminalDimensions, useTerminalKeyboardShortcuts, type ITerminalShortcutConfig, } from './hooks';
+export { TerminalActionBar, terminalActionBarStyles, type ITerminalActionBarProps, type TerminalActionBarSlot, TerminalStatusBar, terminalStatusBarStyles, type ITerminalStatusBarProps, type TerminalStatusBarSlot, TerminalFontControls, terminalFontControlsStyles, type ITerminalFontControlsProps, type TerminalFontControlsSlot, TerminalSplitButton, terminalSplitButtonStyles, type ITerminalSplitButtonProps, type TerminalSplitButtonSlot, TerminalConnectionStatus, terminalConnectionStatusStyles, type ITerminalConnectionStatusProps, type TerminalConnectionStatusSlot, TerminalClearButton, TerminalReconnectButton, TerminalDimensionsBadge, TerminalRendererBadge, TerminalDisconnectedOverlay, type ITerminalClearButtonProps, type ITerminalReconnectButtonProps, type ITerminalDimensionsBadgeProps, type ITerminalRendererBadgeProps, type ITerminalDisconnectedOverlayProps, } from './controls';
+export { TerminalLogsPanel, terminalLogsPanelStyles, type TerminalLogsPanelSlot } from './panel/TerminalLogsPanel';
 export { TerminalInteractivePanel } from './panel/TerminalInteractivePanel';
 export { TerminalInteractivePanelRestty } from './panel/TerminalInteractivePanelRestty';
+export { TerminalInteractivePanelWterm } from './panel/TerminalInteractivePanelWterm';
 export { TerminalPanelChrome, NOISE_TEXTURE_SVG, terminalScrollStyles } from './panel/TerminalPanelChrome';
-export { TerminalPanelHeader } from './panel/TerminalPanelHeader';
-export { TerminalPanelFooter } from './panel/TerminalPanelFooter';
+export { TerminalPanelHeader, terminalPanelHeaderStyles, type TerminalPanelHeaderSlot } from './panel/TerminalPanelHeader';
+export { TerminalPanelFooter, terminalPanelFooterStyles, type TerminalPanelFooterSlot } from './panel/TerminalPanelFooter';
 export { LogLinesViewer } from './panel/LogLinesViewer';
 export { TerminalSettingsPopover } from './panel/TerminalSettingsPopover';
 export { TerminalThemeSelector } from './panel/TerminalThemeSelector';
-export { ResttyAdapter } from './ResttyAdapter';
-export { TerminalRestty, type ITerminalResttyProps, type ITerminalResttyRef } from './TerminalRestty';
+export { ResttyTerminal, ResttySessionProvider, useResttySession, ResttyProvider, useRestty, useResttyPane, useResttyPanes, useResttyVisibility, useResttyPlugins, } from './restty';
+export type { IResttyTerminalProps, IResttyTerminalRef, IResttySessionProviderProps, IResttySessionContextValue, IResttyContextValue, IUseResttyPaneReturn, IUseResttyPanesReturn, IUseResttyVisibilityOptions, IUseResttyPluginsReturn, Restty, ResttyPlugin, ResttyPluginInfo, ResttyPaneHandle, ResttyFontSource, ResttyPaneSplitDirection, GhosttyTheme, } from './restty';
+export { LOG_LEVEL_STYLES, CONTENT_TYPE_STYLES, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, STATUS_COLORS, TRAFFIC_LIGHT_STYLES, SEGMENTED_BUTTON_STYLES, TOGGLE_STYLES, ACTION_BUTTON_STYLES, FILTER_BUTTON_STYLES, TRIGGER_BUTTON_STYLES, FONT_BUTTON_STYLES, TERMINAL_BG, SECTION_LABEL_STYLES, TOGGLE_SWITCH_STYLES, type ILogLevelStyle, type IContentTypeStyle, type IStatusStyle, type TContentType, type TTerminalConnectionStatusToken, } from './Terminal.tokens';
 export { SYNTHWAVE_TERMINAL_THEME, getTerminalTheme } from './Terminal.theme';
 export { hexToResttyColor, xtermThemeToGhostty, getSynthwaveGhosttyTheme, type IResttyThemeColor, type IResttyGhosttyTheme, } from './Terminal.theme.restty';
-export { createTerminalAdapter, createTerminalAdapterForRenderer } from './Terminal.adapter';
 export { XTermAdapter } from './XTermAdapter';
 export { XTermWrapper, type IXTermWrapperProps, useTerminalSearch } from './TerminalXterm';
+export { WtermJsonTransport } from './wterm/WtermJsonTransport';
 export type { ITerminalRendererType, ITerminalPtyBackendType, ITerminalBackendType, ITerminalMode, ITerminalConnectionStatus, ITerminalSession, ITerminalOptions, ITerminalTheme, ITerminalAdapter, ITerminalAdapterCapabilities, IPtyTransport, IPtyTransportFactory, IPtyTransportCallbacks, IPtyTransportConnectOptions, } from './Terminal.types';
 export type { ITerminalPanelChromeProps } from './panel/TerminalPanelChrome.types';
 export type { ITerminalInteractivePanelProps, ITerminalInteractivePanelRef } from './panel/TerminalInteractivePanel.types';

package/dist/react-ui/blocks/Terminal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/index.ts"],"names":[],"mappings":"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"}

package/dist/react-ui/blocks/Terminal/index.js

@@ -12,30 +12,62 @@ import { SyntaxHighlighter } from "./parsing/SyntaxHighlighter.js";
 import { PersistentLogBuffer, createPersistentLogBuffer } from "./parsing/PersistentLogBuffer.js";
 import { HttpLogParser } from "./parsing/HttpLogParser.js";
 import { TABLE_CHARS, TableParser, createTableParser } from "./parsing/TableParser.js";
-import { ContentTypeBadge, LevelBadge, LogLineContainer, TagBadge, TagBadges, TimestampBadge } from "./components/LogLineBadges.js";
+import { ACTION_BUTTON_STYLES, CONTENT_TYPE_STYLES, FILTER_BUTTON_STYLES, FONT_BUTTON_STYLES, LOG_LEVEL_STYLES, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, SECTION_LABEL_STYLES, SEGMENTED_BUTTON_STYLES, STATUS_COLORS, TERMINAL_BG, TOGGLE_STYLES, TOGGLE_SWITCH_STYLES, TRAFFIC_LIGHT_STYLES, TRIGGER_BUTTON_STYLES } from "./Terminal.tokens.js";
+import { logLineBadgesStyles } from "./components/LogLineBadges/LogLineBadges.styles.js";
+import { ContentTypeBadge, LevelBadge, LogLineContainer, TagBadge, TagBadges, TimestampBadge } from "./components/LogLineBadges/index.js";
+import { DEFAULT_SYNTAX_THEME } from "./components/SyntaxHighlight.styles.js";
 import { HighlightedJson, SyntaxHighlightedText, clearHighlightCache } from "./components/SyntaxHighlight.js";
 import { SpecializedSyntaxHighlighter } from "./components/SpecializedSyntaxHighlighter.js";
-import { TerminalLogBadge } from "./components/TerminalLogBadge.js";
+import { terminalLogBadgeStyles } from "./components/TerminalLogBadge/TerminalLogBadge.styles.js";
+import { TerminalLogBadge } from "./components/TerminalLogBadge/index.js";
 import "./components/index.js";
 import { useTerminalWebSocket } from "./hooks/useTerminalWebSocket.js";
 import { useTerminalSettings } from "./hooks/useTerminalSettings.js";
+import { useTerminalConnection } from "./hooks/useTerminalConnection.js";
+import { useTerminalFontSize } from "./hooks/useTerminalFontSize.js";
+import { useTerminalPaneManager } from "./hooks/useTerminalPaneManager.js";
+import { useTerminalDimensions } from "./hooks/useTerminalDimensions.js";
+import { useTerminalKeyboardShortcuts } from "./hooks/useTerminalKeyboardShortcuts.js";
+import { useTerminal } from "./hooks/useTerminal.js";
 import "./hooks/index.js";
+import { terminalActionBarStyles } from "./controls/TerminalActionBar/TerminalActionBar.styles.js";
+import { TerminalClearButton, TerminalDimensionsBadge, TerminalDisconnectedOverlay, TerminalReconnectButton, TerminalRendererBadge } from "./controls/TerminalAtoms.js";
+import { terminalFontControlsStyles } from "./controls/TerminalFontControls/TerminalFontControls.styles.js";
+import { TerminalFontControls } from "./controls/TerminalFontControls/index.js";
+import { terminalSplitButtonStyles } from "./controls/TerminalSplitButton/TerminalSplitButton.styles.js";
+import { TerminalSplitButton } from "./controls/TerminalSplitButton/index.js";
+import { TerminalThemeSelector } from "./panel/TerminalThemeSelector/index.js";
+import { TerminalSettingsPopover } from "./panel/TerminalSettingsPopover/index.js";
+import { TerminalActionBar } from "./controls/TerminalActionBar/index.js";
+import { terminalStatusBarStyles } from "./controls/TerminalStatusBar/TerminalStatusBar.styles.js";
+import { terminalConnectionStatusStyles } from "./controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.js";
+import { TerminalConnectionStatus } from "./controls/TerminalConnectionStatus/index.js";
+import { TerminalStatusBar } from "./controls/TerminalStatusBar/index.js";
+import "./controls/index.js";
 import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./panel/TerminalPanelChrome.styles.js";
-import { TerminalPanelHeader } from "./panel/TerminalPanelHeader.js";
+import { terminalPanelHeaderStyles } from "./panel/TerminalPanelHeader/TerminalPanelHeader.styles.js";
+import { TerminalPanelHeader } from "./panel/TerminalPanelHeader/index.js";
 import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
-import { TerminalPanelFooter } from "./panel/TerminalPanelFooter.js";
+import { terminalPanelFooterStyles } from "./panel/TerminalPanelFooter/TerminalPanelFooter.styles.js";
+import { TerminalPanelFooter } from "./panel/TerminalPanelFooter/index.js";
 import { LogLinesViewer } from "./panel/LogLinesViewer.js";
-import { TerminalLogsPanel } from "./panel/TerminalLogsPanel.js";
+import { terminalLogsPanelStyles } from "./panel/TerminalLogsPanel/TerminalLogsPanel.styles.js";
+import { TerminalLogsPanel } from "./panel/TerminalLogsPanel/index.js";
 import { TerminalInteractivePanel } from "./panel/TerminalInteractivePanel.js";
+import { ResttyProvider, useRestty } from "./restty/ResttyContext.js";
+import { ResttySessionProvider, useResttySession } from "./restty/ResttySessionProvider.js";
 import { getSynthwaveGhosttyTheme, hexToResttyColor, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
-import { TerminalRestty } from "./TerminalRestty.js";
-import { TerminalThemeSelector } from "./panel/TerminalThemeSelector.js";
-import { TerminalSettingsPopover } from "./panel/TerminalSettingsPopover.js";
+import { ResttyTerminal } from "./restty/ResttyTerminal.js";
+import { useResttyPane } from "./restty/useResttyPane.js";
+import { useResttyPanes } from "./restty/useResttyPanes.js";
+import { useResttyVisibility } from "./restty/useResttyVisibility.js";
+import { useResttyPlugins } from "./restty/useResttyPlugins.js";
+import "./restty/index.js";
 import { TerminalInteractivePanelRestty } from "./panel/TerminalInteractivePanelRestty.js";
-import { ResttyAdapter } from "./ResttyAdapter.js";
-import { createTerminalAdapter, createTerminalAdapterForRenderer } from "./Terminal.adapter.js";
+import { WtermJsonTransport } from "./wterm/WtermJsonTransport.js";
+import { TerminalInteractivePanelWterm } from "./panel/TerminalInteractivePanelWterm.js";
 import { XTermAdapter } from "./XTermAdapter.js";
 import { terminalDisplayStyles, terminalDisplayVariants } from "./TerminalDisplay.styles.js";
 import { TerminalDisplay } from "./TerminalDisplay.js";
 
-export { ACCENT_GRADIENTS, ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, AnsiColorMapper, AnsiParser, BadgeFormatter, ContentTypeBadge, HighlightedJson, HttpLogParser, LOG_LEVEL_ANSI_COLORS, LevelBadge, LogLevelDetector, LogLineContainer, LogLinesViewer, LogParserService, MultilineAggregator, NOISE_TEXTURE_SVG, PersistentLogBuffer, ResttyAdapter, SGR_CODES, SYNTHWAVE_ANSI_COLORS, SYNTHWAVE_TERMINAL_THEME, SpecializedSyntaxHighlighter, SyntaxHighlightedText, SyntaxHighlighter, TABLE_CHARS, TableParser, TagBadge, TagBadges, TerminalDisplay, TerminalInteractivePanel, TerminalInteractivePanelRestty, TerminalLogBadge, TerminalLogsPanel, TerminalPanel, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalRestty, TerminalSettingsPopover, TerminalThemeSelector, TimestampBadge, XTermAdapter, XTermWrapper, clearHighlightCache, createPersistentLogBuffer, createTableParser, createTerminalAdapter, createTerminalAdapterForRenderer, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, terminalChromeStyles, terminalChromeVariants, terminalDisplayStyles, terminalDisplayVariants, terminalScrollStyles, useTerminalSearch, useTerminalSettings, useTerminalWebSocket, xtermThemeToGhostty };
+export { ACCENT_GRADIENTS, ACTION_BUTTON_STYLES, ANSI_COLOR_MAP, ANSI_INTRODUCERS, ANSI_MODIFIERS, ANSI_PATTERNS, AnsiColorMapper, AnsiParser, BadgeFormatter, CONTENT_TYPE_STYLES, ContentTypeBadge, DEFAULT_SYNTAX_THEME, FILTER_BUTTON_STYLES, FONT_BUTTON_STYLES, HighlightedJson, HttpLogParser, LOG_LEVEL_ANSI_COLORS, LOG_LEVEL_STYLES, LevelBadge, LogLevelDetector, LogLineContainer, LogLinesViewer, LogParserService, MultilineAggregator, NOISE_TEXTURE_SVG, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, PersistentLogBuffer, ResttyProvider, ResttySessionProvider, ResttyTerminal, SECTION_LABEL_STYLES, SEGMENTED_BUTTON_STYLES, SGR_CODES, STATUS_COLORS, SYNTHWAVE_ANSI_COLORS, SYNTHWAVE_TERMINAL_THEME, SpecializedSyntaxHighlighter, SyntaxHighlightedText, SyntaxHighlighter, TABLE_CHARS, TERMINAL_BG, TOGGLE_STYLES, TOGGLE_SWITCH_STYLES, TRAFFIC_LIGHT_STYLES, TRIGGER_BUTTON_STYLES, TableParser, TagBadge, TagBadges, TerminalActionBar, TerminalClearButton, TerminalConnectionStatus, TerminalDimensionsBadge, TerminalDisconnectedOverlay, TerminalDisplay, TerminalFontControls, TerminalInteractivePanel, TerminalInteractivePanelRestty, TerminalInteractivePanelWterm, TerminalLogBadge, TerminalLogsPanel, TerminalPanel, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalReconnectButton, TerminalRendererBadge, TerminalSettingsPopover, TerminalSplitButton, TerminalStatusBar, TerminalThemeSelector, TimestampBadge, WtermJsonTransport, XTermAdapter, XTermWrapper, clearHighlightCache, createPersistentLogBuffer, createTableParser, getSynthwaveGhosttyTheme, getTerminalTheme, hexToResttyColor, logLineBadgesStyles, terminalActionBarStyles, terminalChromeStyles, terminalChromeVariants, terminalConnectionStatusStyles, terminalDisplayStyles, terminalDisplayVariants, terminalFontControlsStyles, terminalLogBadgeStyles, terminalLogsPanelStyles, terminalPanelFooterStyles, terminalPanelHeaderStyles, terminalScrollStyles, terminalSplitButtonStyles, terminalStatusBarStyles, useRestty, useResttyPane, useResttyPanes, useResttyPlugins, useResttySession, useResttyVisibility, useTerminal, useTerminalConnection, useTerminalDimensions, useTerminalFontSize, useTerminalKeyboardShortcuts, useTerminalPaneManager, useTerminalSearch, useTerminalSettings, useTerminalWebSocket, xtermThemeToGhostty };