@mks2508/mks-ui 0.6.7 → 0.7.0

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

@@ -1,43 +0,0 @@
-/**
- * TerminalFilterTabs Component.
- *
- * Tab-style filter buttons with badge counts and glow effects.
- * Replaces pill-style filter buttons with Ghostty-inspired tab design.
- *
- * @module components/devenv/terminal/panel/filter-tabs
- */
-import type { TLogLevelFilter, TLogLevel } from './TerminalLogsPanel.types';
-/**
- * Props for TerminalFilterTabs component.
- */
-export interface ITerminalFilterTabsProps {
-    /** Current log level filter */
-    filterLevel: TLogLevelFilter;
-    /** Log level counts for badges */
-    levelCounts: Partial<Record<TLogLevel, number>>;
-    /** Callback when filter level changes */
-    onFilterChange: (level: TLogLevelFilter) => void;
-    /** Custom class name */
-    className?: string;
-}
-/**
- * TerminalFilterTabs Component.
- *
- * Displays tab-style filter buttons with:
- * - Tab-style layout (not pill buttons)
- * - Badge count integration with glow on active
- * - Keyboard shortcuts in tooltips
- * - Compact horizontal arrangement
- * - Smooth animations on state changes
- *
- * @example
- * ```tsx
- * <TerminalFilterTabs
- *   filterLevel="all"
- *   levelCounts={{ info: 42, warn: 3, error: 1 }}
- *   onFilterChange={(level) => setFilterLevel(level)}
- * />
- * ```
- */
-export declare function TerminalFilterTabs({ filterLevel, levelCounts, onFilterChange, className, }: ITerminalFilterTabsProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TerminalFilterTabs.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalFilterTabs.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalFilterTabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+BAA+B;IAC/B,WAAW,EAAE,eAAe,CAAC;IAE7B,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhD,yCAAyC;IACzC,cAAc,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAEjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,WAAW,EACX,cAAc,EACd,SAAS,GACV,EAAE,wBAAwB,2CA6D1B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalLogsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalLogsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAYH,OAAO,KAAK,EACV,uBAAuB,EAGxB,MAAM,2BAA2B,CAAC;AASnC,OAAO,4BAA4B,CAAC;AAyBpC;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,6BAA6B;IAC7B,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B,mCAAmC;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AA8BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,iBAAiB,2HAmZ7B,CAAC"}

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

@@ -1,30 +0,0 @@
-/**
- * TerminalPanelFooter Component.
- *
- * Footer displaying line count, byte count, and current filter.
- *
- * @module components/devenv/terminal/panel/footer
- */
-import type { ITerminalPanelFooterProps } from './TerminalLogsPanel.types';
-/**
- * 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}
- * />
- * ```
- */
-export declare function TerminalPanelFooter({ lineCount, byteCount, filterLevel, filteredCount, totalCount, }: ITerminalPanelFooterProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TerminalPanelFooter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalPanelFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelFooter.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAQ3E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,GACX,EAAE,yBAAyB,2CAmE3B"}

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"}