@mks2508/mks-ui 0.6.8 → 0.7.0

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter.js

@@ -1,126 +0,0 @@
-'use client';
-
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/panel/TerminalPanelFooter.tsx
-/**
-* TerminalPanelFooter Component.
-*
-* Footer displaying line count, byte count, and current filter.
-*
-* @module components/devenv/terminal/panel/footer
-*/
-/**
-* Stat item styles.
-*/
-const statItemStyles = "flex items-center gap-1 text-xs text-muted-foreground";
-const statValueStyles = "font-mono font-medium text-foreground";
-/**
-* TerminalPanelFooter Component.
-*
-* Displays footer with:
-* - Line count
-* - Byte count
-* - Current filter level
-* - Filtered count (if applicable)
-*
-* @example
-* ```tsx
-* <TerminalPanelFooter
-*   lineCount={1234}
-*   byteCount={45678}
-*   filterLevel="all"
-*   filteredCount={1200}
-*   totalCount={1234}
-* />
-* ```
-*/
-function TerminalPanelFooter({ lineCount, byteCount, filterLevel, filteredCount, totalCount }) {
-	/**
-	* Format byte count for human-readable display.
-	*/
-	const formatBytes = (bytes) => {
-		if (bytes === 0) return "0 B";
-		const k = 1024;
-		const sizes = [
-			"B",
-			"KB",
-			"MB",
-			"GB"
-		];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
-	};
-	/**
-	* Format line count with thousands separator.
-	*/
-	const formatLines = (lines) => {
-		return lines.toLocaleString();
-	};
-	/**
-	* Get filter display label.
-	*/
-	const getFilterLabel = () => {
-		if (filterLevel === "all") return "All Levels";
-		return filterLevel.toUpperCase();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute top-0 left-4 right-4 h-px bg-gradient-to-r from-transparent via-border/40 to-transparent" }), /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between px-4 h-9 bg-background/40",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: statItemStyles,
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground/50",
-							children: "Lines"
-						}), /* @__PURE__ */ jsx("span", {
-							className: statValueStyles,
-							children: formatLines(lineCount)
-						})]
-					}),
-					/* @__PURE__ */ jsx("div", { className: "w-px h-3 bg-border/20" }),
-					/* @__PURE__ */ jsxs("div", {
-						className: statItemStyles,
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground/50",
-							children: "Size"
-						}), /* @__PURE__ */ jsx("span", {
-							className: statValueStyles,
-							children: formatBytes(byteCount)
-						})]
-					})
-				]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [filteredCount !== void 0 && totalCount !== void 0 && filteredCount < totalCount && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-					className: statItemStyles,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground/50",
-						children: "Showing"
-					}), /* @__PURE__ */ jsxs("span", {
-						className: statValueStyles,
-						children: [formatLines(filteredCount), /* @__PURE__ */ jsxs("span", {
-							className: "text-muted-foreground/40",
-							children: ["/", formatLines(totalCount)]
-						})]
-					})]
-				}), /* @__PURE__ */ jsx("div", { className: "w-px h-3 bg-border/20" })] }), /* @__PURE__ */ jsxs("div", {
-					className: statItemStyles,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground/50",
-						children: "Filter"
-					}), /* @__PURE__ */ jsx("span", {
-						className: `${statValueStyles} text-primary/80`,
-						children: getFilterLabel()
-					})]
-				})]
-			})]
-		})]
-	});
-}
-
-//#endregion
-export { TerminalPanelFooter };

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader.d.ts

@@ -1,31 +0,0 @@
-/**
- * TerminalPanelHeader Component.
- *
- * Enhanced macOS-style header with glassmorphism, dynamic session name,
- * gradient mesh overlay, and premium glass effects.
- *
- * @module components/devenv/terminal/panel/header
- */
-import type { ITerminalPanelHeaderProps } from './TerminalLogsPanel.types';
-/**
- * TerminalPanelHeader Component.
- *
- * Displays enhanced macOS-style header with:
- * - Traffic light buttons (close, minimize, maximize) with glow effects
- * - Dynamic session/container name display
- * - Connection status badge with pulse animation
- * - Gradient mesh overlay for depth
- * - Multi-layer glassmorphism effect
- * - Animated top accent line
- *
- * @example
- * ```tsx
- * <TerminalPanelHeader
- *   containerName="devenv-agent-backend"
- *   isConnected={true}
- *   onClose={() => console.log('close')}
- * />
- * ```
- */
-export declare function TerminalPanelHeader({ containerName, isConnected, viewMode, onViewModeChange, onClose, onMinimize, onMaximize, }: ITerminalPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TerminalPanelHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalPanelHeader.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAkC3E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,WAAW,EACX,QAAqB,EACrB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,UAAU,GACX,EAAE,yBAAyB,2CAuG3B"}

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader.js

@@ -1,149 +0,0 @@
-'use client';
-
-import { cn } from "../../../lib/utils.js";
-import { ListIcon } from "../../../icons/lucide-animated/list.js";
-import { TerminalIcon } from "../../../icons/lucide-animated/terminal.js";
-import "../../../icons/lucide-animated/index.js";
-import { IconWrapper } from "../../../lib/icon-wrapper.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/panel/TerminalPanelHeader.tsx
-/**
-* TerminalPanelHeader Component.
-*
-* Enhanced macOS-style header with glassmorphism, dynamic session name,
-* gradient mesh overlay, and premium glass effects.
-*
-* @module components/devenv/terminal/panel/header
-*/
-/**
-* Traffic light button styles with macOS group hover behavior.
-* Dots are desaturated until the group is hovered.
-*/
-const trafficLightStyles = {
-	close: "w-3 h-3 rounded-full transition-all duration-200 bg-muted-foreground/30 group-hover/traffic:bg-red-500/90 group-hover/traffic:shadow-[0_0_6px_rgba(239,68,68,0.4)] hover:!bg-red-500 hover:!shadow-[0_0_12px_rgba(239,68,68,0.6)] hover:!scale-110",
-	minimize: "w-3 h-3 rounded-full transition-all duration-200 bg-muted-foreground/30 group-hover/traffic:bg-yellow-500/90 group-hover/traffic:shadow-[0_0_6px_rgba(234,179,8,0.4)] hover:!bg-yellow-500 hover:!shadow-[0_0_12px_rgba(234,179,8,0.6)] hover:!scale-110",
-	maximize: "w-3 h-3 rounded-full transition-all duration-200 bg-muted-foreground/30 group-hover/traffic:bg-green-500/90 group-hover/traffic:shadow-[0_0_6px_rgba(34,197,94,0.4)] hover:!bg-green-500 hover:!shadow-[0_0_12px_rgba(34,197,94,0.6)] hover:!scale-110"
-};
-/**
-* Segmented control button styles (macOS-style).
-*/
-const segmentedButtonStyles = {
-	base: "flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-medium transition-all",
-	inactive: "text-muted-foreground hover:text-foreground hover:bg-white/5 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)]",
-	active: "bg-primary/20 text-primary border border-primary/30 shadow-[0_0_8px_hsla(330,85%,43%,0.15)] hover:shadow-[0_0_12px_hsla(330,85%,43%,0.25)]"
-};
-/**
-* Connection status color classes with glow effects.
-*/
-function getStatusColor(isConnected) {
-	if (isConnected) return "bg-success/80 shadow-[0_0_8px_hsla(142,100%,62%,0.5)] animate-pulse";
-	return "bg-muted-foreground/60";
-}
-/**
-* TerminalPanelHeader Component.
-*
-* Displays enhanced macOS-style header with:
-* - Traffic light buttons (close, minimize, maximize) with glow effects
-* - Dynamic session/container name display
-* - Connection status badge with pulse animation
-* - Gradient mesh overlay for depth
-* - Multi-layer glassmorphism effect
-* - Animated top accent line
-*
-* @example
-* ```tsx
-* <TerminalPanelHeader
-*   containerName="devenv-agent-backend"
-*   isConnected={true}
-*   onClose={() => console.log('close')}
-* />
-* ```
-*/
-function TerminalPanelHeader({ containerName, isConnected, viewMode = "terminal", onViewModeChange, onClose, onMinimize, onMaximize }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("relative overflow-hidden", "flex items-center justify-between px-4 h-12", "bg-background/60", "border-b border-border/30"),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between w-full",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "group/traffic flex items-center gap-2 px-1 py-1 -mx-1 rounded-md",
-					children: [
-						/* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: onClose,
-							className: trafficLightStyles.close,
-							"aria-label": "Close",
-							title: "Close"
-						}),
-						/* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: onMinimize,
-							className: trafficLightStyles.minimize,
-							"aria-label": "Minimize",
-							title: "Minimize"
-						}),
-						/* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: onMaximize,
-							className: trafficLightStyles.maximize,
-							"aria-label": "Maximize",
-							title: "Maximize"
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1 flex items-center justify-center gap-2",
-					children: [/* @__PURE__ */ jsx(IconWrapper, {
-						icon: TerminalIcon,
-						size: 14,
-						className: cn("transition-all duration-500 flex-shrink-0", isConnected ? "text-primary/80" : "text-muted-foreground/40")
-					}), /* @__PURE__ */ jsx("h3", {
-						className: cn("text-sm font-mono font-medium truncate transition-all duration-500", isConnected ? "text-foreground/95 drop-shadow-[0_0_8px_hsla(330,85%,43%,0.3)]" : "text-foreground/60"),
-						children: containerName
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center bg-background/80 rounded-lg p-0.5 border-t border-white/10 border-b border-border/50 border-x border-border/40 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.15),0_0_0_1px_rgba(0,0,0,0.1)]",
-						children: [/* @__PURE__ */ jsxs("button", {
-							type: "button",
-							onClick: () => onViewModeChange?.("terminal"),
-							className: cn(segmentedButtonStyles.base, !onViewModeChange && "opacity-70 cursor-not-allowed", viewMode === "terminal" ? segmentedButtonStyles.active : segmentedButtonStyles.inactive),
-							title: "Terminal mode - Raw logs with original ANSI colors",
-							children: [/* @__PURE__ */ jsx(IconWrapper, {
-								icon: TerminalIcon,
-								size: 14
-							}), /* @__PURE__ */ jsx("span", {
-								className: "hidden xs:inline",
-								children: "Terminal"
-							})]
-						}), /* @__PURE__ */ jsxs("button", {
-							type: "button",
-							onClick: () => onViewModeChange?.("react"),
-							className: cn(segmentedButtonStyles.base, !onViewModeChange && "opacity-70 cursor-not-allowed", viewMode === "react" ? segmentedButtonStyles.active : segmentedButtonStyles.inactive),
-							title: "React mode - Logs with badges and syntax highlighting",
-							children: [/* @__PURE__ */ jsx(IconWrapper, {
-								icon: ListIcon,
-								size: 14
-							}), /* @__PURE__ */ jsx("span", {
-								className: "hidden xs:inline",
-								children: "List"
-							})]
-						})]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full transition-all duration-300", getStatusColor(isConnected)) }), /* @__PURE__ */ jsx("span", {
-							className: "text-xs text-muted-foreground font-medium hidden sm:inline",
-							children: isConnected ? "Connected" : "Disconnected"
-						})]
-					})]
-				})
-			]
-		})
-	});
-}
-
-//#endregion
-export { TerminalPanelHeader };

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalPanelToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelToolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EACV,0BAA0B,EAI3B,MAAM,2BAA2B,CAAC;AA4CnC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,YAAY,EACZ,eAAe,EACf,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,uBAAuB,EACvB,OAAO,EACP,UAAU,EACV,QAAQ,GACT,EAAE,0BAA0B,2CA0G5B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalSessionControl.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalSessionControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC,0CAA0C;IAC1C,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAE/B,4CAA4C;IAC5C,WAAW,EAAE,OAAO,CAAC;IAErB,0CAA0C;IAC1C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnD,6DAA6D;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE,4BAA4B,2CA4K9B"}

package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs.d.ts

@@ -1,63 +0,0 @@
-/**
- * TerminalSessionTabs Component.
- *
- * Ghostty-inspired session tab bar with status indicators,
- * glassmorphic active state, and smooth animations.
- *
- * @module components/devenv/terminal/panel/session-tabs
- */
-import type { ITerminalSession } from './TerminalLogsPanel.types';
-/**
- * Container option for dropdown.
- */
-export interface IContainerOption {
-    id: string;
-    name: string;
-    state: string;
-}
-/**
- * Props for TerminalSessionTabs component.
- */
-export interface ITerminalSessionTabsProps {
-    /** Available sessions to display */
-    sessions: ITerminalSession[];
-    /** Currently active session ID */
-    activeSessionId: string | null;
-    /** Callback when tab is clicked */
-    onTabClick: (sessionId: string) => void;
-    /** Callback when close button is clicked */
-    onClose: (sessionId: string) => void;
-    /** Callback when new session button is clicked (optional, for refresh) */
-    onNewSession?: () => void;
-    /** Available containers that can be added as new tabs */
-    availableContainers?: IContainerOption[];
-    /** Callback when a container is selected from dropdown */
-    onAddContainer?: (containerName: string) => void;
-    /** Custom class name */
-    className?: string;
-}
-/**
- * TerminalSessionTabs Component.
- *
- * Displays horizontal tab bar with:
- * - Session name tabs with glassmorphic active state
- * - Status indicator dots (connected/connecting/error)
- * - Close button with hover reveal
- * - New session "+" button with dropdown to select containers
- * - Smooth slide animation on tab switch
- *
- * @example
- * ```tsx
- * <TerminalSessionTabs
- *   sessions={sessions}
- *   activeSessionId="session-1"
- *   onTabClick={(id) => setActiveSession(id)}
- *   onClose={(id) => closeSession(id)}
- *   availableContainers={containers}
- *   onAddContainer={(name) => addContainerTab(name)}
- *   onNewSession={() => refreshContainers()}
- * />
- * ```
- */
-export declare function TerminalSessionTabs({ sessions, activeSessionId, onTabClick, onClose, onNewSession, availableContainers, onAddContainer, className, }: ITerminalSessionTabsProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=TerminalSessionTabs.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalSessionTabs.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalSessionTabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,oCAAoC;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAE7B,kCAAkC;IAClC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,mCAAmC;IACnC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,4CAA4C;IAC5C,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,eAAe,EACf,UAAU,EACV,OAAO,EACP,YAAY,EACZ,mBAAwB,EACxB,cAAc,EACd,SAAS,GACV,EAAE,yBAAyB,kDAsO3B"}

package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover.d.ts

@@ -1,24 +0,0 @@
-/**
- * TerminalSettingsPopover Component.
- *
- * Gear icon popover for global terminal settings:
- * renderer (xterm/restty), theme (458 built-in), PTY backend,
- * and font size. Reads and writes via useTerminalSettings hook.
- *
- * @module components/devenv/terminal/panel/TerminalSettingsPopover
- */
-/**
- * TerminalSettingsPopover Component.
- *
- * Renders a settings gear icon that opens a popover with
- * terminal configuration options. Reads settings from
- * `useTerminalSettings` — no prop drilling needed.
- *
- * @example
- * ```tsx
- * // In action bar:
- * <TerminalSettingsPopover />
- * ```
- */
-export declare function TerminalSettingsPopover(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TerminalSettingsPopover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalSettingsPopover.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalSettingsPopover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAoCH;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,4CA2MtC"}

package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover.js

@@ -1,225 +0,0 @@
-'use client';
-
-import { cn } from "../../../lib/utils.js";
-import { Popover, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTrigger } from "../../../ui/Popover/index.js";
-import { Separator } from "../../../ui/Separator/index.js";
-import { SettingsIcon } from "../../../icons/lucide-animated/settings.js";
-import "../../../icons/lucide-animated/index.js";
-import { useTerminalSettings } from "../hooks/useTerminalSettings.js";
-import { TerminalThemeSelector } from "./TerminalThemeSelector.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/panel/TerminalSettingsPopover.tsx
-/**
-* TerminalSettingsPopover Component.
-*
-* Gear icon popover for global terminal settings:
-* renderer (xterm/restty), theme (458 built-in), PTY backend,
-* and font size. Reads and writes via useTerminalSettings hook.
-*
-* @module components/devenv/terminal/panel/TerminalSettingsPopover
-*/
-/**
-* Action button base styles for the trigger icon.
-*/
-const triggerBtnStyles = "h-8 w-8 rounded-md transition-all hover:bg-muted/20 active:bg-muted/30 flex items-center justify-center text-muted-foreground hover:text-foreground flex-shrink-0";
-/**
-* Segmented control button styles.
-*/
-const segmentedBase = "flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-medium transition-all";
-const segmentedInactive = "text-muted-foreground hover:text-foreground hover:bg-white/5 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)]";
-const segmentedActive = "bg-primary/20 text-primary border border-primary/30 shadow-[0_0_8px_hsla(330,85%,43%,0.15)] hover:shadow-[0_0_12px_hsla(330,85%,43%,0.25)]";
-/**
-* Min/max font size bounds.
-*/
-const MIN_FONT_SIZE = 10;
-const MAX_FONT_SIZE = 24;
-/**
-* Small control button for font size +/-.
-*/
-const fontBtnStyles = "h-7 w-7 rounded-md transition-all hover:bg-muted/20 active:bg-muted/30 flex items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-30 disabled:pointer-events-none";
-/**
-* TerminalSettingsPopover Component.
-*
-* Renders a settings gear icon that opens a popover with
-* terminal configuration options. Reads settings from
-* `useTerminalSettings` — no prop drilling needed.
-*
-* @example
-* ```tsx
-* // In action bar:
-* <TerminalSettingsPopover />
-* ```
-*/
-function TerminalSettingsPopover() {
-	const { settings, setRenderer, setPtyBackend, setResttyThemeName, setFontSize, setCrtEffect, setDebugPanel, resetToDefaults } = useTerminalSettings();
-	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: triggerBtnStyles,
-		title: "Terminal settings",
-		children: /* @__PURE__ */ jsx(SettingsIcon, { size: 16 })
-	}) }), /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
-		align: "end",
-		sideOffset: 6,
-		children: /* @__PURE__ */ jsxs(PopoverPopup, {
-			className: "w-72 p-0 glass-subtle",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2 px-4 py-3",
-					children: [/* @__PURE__ */ jsx(SettingsIcon, {
-						size: 14,
-						className: "text-muted-foreground"
-					}), /* @__PURE__ */ jsx("span", {
-						className: "text-sm font-medium text-foreground",
-						children: "Terminal Settings"
-					})]
-				}),
-				/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 space-y-2",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider",
-						children: "Renderer"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1 bg-muted/10 rounded-lg p-0.5",
-						children: [/* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setRenderer("xterm"),
-							className: cn(segmentedBase, settings.renderer === "xterm" ? segmentedActive : segmentedInactive, "flex-1 justify-center"),
-							children: "xterm"
-						}), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setRenderer("restty"),
-							className: cn(segmentedBase, settings.renderer === "restty" ? segmentedActive : segmentedInactive, "flex-1 justify-center"),
-							children: "restty"
-						})]
-					})]
-				}),
-				settings.renderer === "restty" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }), /* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 space-y-2",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider",
-						children: "Theme"
-					}), /* @__PURE__ */ jsx(TerminalThemeSelector, {
-						currentTheme: settings.resttyThemeName,
-						onThemeChange: setResttyThemeName
-					})]
-				})] }),
-				/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 space-y-2",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider",
-						children: "PTY Backend"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1 bg-muted/10 rounded-lg p-0.5",
-						children: [/* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setPtyBackend("nodepty"),
-							className: cn(segmentedBase, settings.ptyBackend === "nodepty" ? segmentedActive : segmentedInactive, "flex-1 justify-center"),
-							children: "nodepty"
-						}), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setPtyBackend("webcontainer"),
-							className: cn(segmentedBase, settings.ptyBackend === "webcontainer" ? segmentedActive : segmentedInactive, "flex-1 justify-center"),
-							children: "webcontainer"
-						})]
-					})]
-				}),
-				/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 space-y-2",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider",
-						children: "Font Size"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
-						children: [
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: () => setFontSize(settings.fontSize - 1),
-								className: fontBtnStyles,
-								disabled: settings.fontSize <= MIN_FONT_SIZE,
-								title: "Decrease font size",
-								children: /* @__PURE__ */ jsx("span", {
-									className: "text-sm font-bold",
-									children: "−"
-								})
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "text-sm font-mono text-foreground w-8 text-center",
-								children: settings.fontSize
-							}),
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: () => setFontSize(settings.fontSize + 1),
-								className: fontBtnStyles,
-								disabled: settings.fontSize >= MAX_FONT_SIZE,
-								title: "Increase font size",
-								children: /* @__PURE__ */ jsx("span", {
-									className: "text-sm font-bold",
-									children: "+"
-								})
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "text-[10px] font-mono text-muted-foreground/50 ml-auto",
-								children: "px"
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 space-y-2",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider",
-						children: "CRT Effect"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-xs text-muted-foreground",
-							children: "Scanlines, bloom & vignette"
-						}), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setCrtEffect(!settings.crtEffect),
-							className: cn("relative w-9 h-5 rounded-full transition-colors", settings.crtEffect ? "bg-primary/60 shadow-[0_0_8px_hsla(330,85%,43%,0.3)]" : "bg-muted/30"),
-							children: /* @__PURE__ */ jsx("span", { className: cn("absolute top-0.5 h-4 w-4 rounded-full bg-foreground transition-all", settings.crtEffect ? "left-[18px]" : "left-0.5") })
-						})]
-					})]
-				}),
-				/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 space-y-2",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider",
-						children: "Debug Panel"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-xs text-muted-foreground",
-							children: "GPU, FPS, grid & connection info"
-						}), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setDebugPanel(!settings.debugPanel),
-							className: cn("relative w-9 h-5 rounded-full transition-colors", settings.debugPanel ? "bg-primary/60 shadow-[0_0_8px_hsla(330,85%,43%,0.3)]" : "bg-muted/30"),
-							children: /* @__PURE__ */ jsx("span", { className: cn("absolute top-0.5 h-4 w-4 rounded-full bg-foreground transition-all", settings.debugPanel ? "left-[18px]" : "left-0.5") })
-						})]
-					})]
-				}),
-				/* @__PURE__ */ jsx(Separator, { className: "bg-border/30" }),
-				/* @__PURE__ */ jsx("div", {
-					className: "px-4 py-3",
-					children: /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: resetToDefaults,
-						className: "w-full h-8 rounded-md text-xs font-mono text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors",
-						children: "Reset to Defaults"
-					})
-				})
-			]
-		})
-	}) })] });
-}
-
-//#endregion
-export { TerminalSettingsPopover };