@mks2508/mks-ui 0.6.7 → 0.7.0

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

@@ -1,185 +0,0 @@
-'use client';
-
-import { getSynthwaveGhosttyTheme, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/TerminalRestty.tsx
-/**
-* TerminalRestty - React wrapper for restty GPU terminal renderer.
-*
-* Manages the restty lifecycle within React's component model,
-* handling mount/unmount, dynamic import (SSR-safe), font loading,
-* theme application, and PTY connection via custom DevenvPtyTransport.
-*
-* @module components/devenv/terminal/TerminalRestty
-*/
-/**
-* TerminalRestty - React component wrapping restty's GPU terminal.
-*
-* Handles the full lifecycle: dynamic WASM/WebGPU import, font loading,
-* theme application, PTY connection via custom transport, and cleanup.
-*
-* @example
-* ```tsx
-* const resttyRef = useRef<ITerminalResttyRef>(null);
-*
-* <TerminalRestty
-*   ref={resttyRef}
-*   wsUrl="ws://localhost:3100/terminal/session-1"
-*   fontSize={14}
-*   onResize={(cols, rows) => console.log(`${cols}x${rows}`)}
-*   onConnect={() => console.log('PTY connected')}
-* />
-* ```
-*/
-const TerminalRestty = forwardRef(({ createPtyTransport, wsUrl, fontSize = 14, theme, resttyThemeName, gpuRenderer = "auto", onReady, onResize, onPtyStatus, onConnect, onDisconnect, onError, onDesktopNotification, className }, ref) => {
-	const containerRef = useRef(null);
-	const resttyRef = useRef(null);
-	const transportRef = useRef(null);
-	const [isInitialized, setIsInitialized] = useState(false);
-	const callbacksRef = useRef({
-		onReady,
-		onResize,
-		onPtyStatus,
-		onConnect,
-		onDisconnect,
-		onError,
-		onDesktopNotification
-	});
-	callbacksRef.current = {
-		onReady,
-		onResize,
-		onPtyStatus,
-		onConnect,
-		onDisconnect,
-		onError,
-		onDesktopNotification
-	};
-	/**
-	* Initialize restty on mount.
-	* Dynamic import ensures SSR safety (WASM + WebGPU require browser).
-	*/
-	useEffect(() => {
-		if (!containerRef.current) return;
-		let destroyed = false;
-		const initRestty = async () => {
-			const { Restty, getBuiltinTheme } = await import("restty");
-			if (destroyed || !containerRef.current) return;
-			const transport = createPtyTransport?.() ?? null;
-			transportRef.current = transport;
-			const restty = new Restty({
-				root: containerRef.current,
-				appOptions: {
-					renderer: gpuRenderer,
-					fontSize,
-					autoResize: true,
-					...transport ? { ptyTransport: transport } : {},
-					callbacks: {
-						onTermSize: (cols, rows) => {
-							callbacksRef.current.onResize?.(cols, rows);
-						},
-						onPtyStatus: (status) => {
-							callbacksRef.current.onPtyStatus?.(status);
-						}
-					}
-				},
-				fontSources: [{
-					type: "local",
-					matchers: [
-						"jetbrains mono",
-						"fira code",
-						"sf mono",
-						"cascadia code",
-						"meslo"
-					]
-				}],
-				onDesktopNotification: (notification) => {
-					callbacksRef.current.onDesktopNotification?.(notification);
-				},
-				createInitialPane: true,
-				shortcuts: false,
-				defaultContextMenu: true
-			});
-			resttyRef.current = restty;
-			if (resttyThemeName) {
-				const builtinTheme = getBuiltinTheme(resttyThemeName);
-				if (builtinTheme) restty.applyTheme(builtinTheme);
-			} else if (theme) restty.applyTheme(xtermThemeToGhostty(theme));
-			else restty.applyTheme(getSynthwaveGhosttyTheme());
-			if (wsUrl) restty.connectPty(wsUrl);
-			setIsInitialized(true);
-			callbacksRef.current.onReady?.(restty);
-		};
-		initRestty().catch((err) => {
-			if (!destroyed) callbacksRef.current.onError?.(`Failed to initialize restty: ${err instanceof Error ? err.message : String(err)}`);
-		});
-		return () => {
-			destroyed = true;
-			resttyRef.current?.destroy();
-			resttyRef.current = null;
-			transportRef.current = null;
-			setIsInitialized(false);
-		};
-	}, []);
-	/**
-	* Handle wsUrl changes after initialization.
-	*/
-	useEffect(() => {
-		if (!isInitialized || !resttyRef.current) return;
-		if (wsUrl) {
-			resttyRef.current.disconnectPty();
-			resttyRef.current.connectPty(wsUrl);
-		} else resttyRef.current.disconnectPty();
-	}, [wsUrl, isInitialized]);
-	/**
-	* Handle fontSize changes after initialization.
-	*/
-	useEffect(() => {
-		if (!isInitialized || !resttyRef.current) return;
-		resttyRef.current.setFontSize(fontSize);
-	}, [fontSize, isInitialized]);
-	/**
-	* Handle theme changes after initialization.
-	*/
-	useEffect(() => {
-		if (!isInitialized || !resttyRef.current) return;
-		if (resttyThemeName) import("restty").then(({ getBuiltinTheme }) => {
-			const builtinTheme = getBuiltinTheme(resttyThemeName);
-			if (builtinTheme) resttyRef.current?.applyTheme(builtinTheme);
-		});
-		else if (theme) resttyRef.current.applyTheme(xtermThemeToGhostty(theme));
-	}, [
-		theme,
-		resttyThemeName,
-		isInitialized
-	]);
-	/**
-	* Expose imperative handle for parent component control.
-	*/
-	useImperativeHandle(ref, () => ({
-		getRestty: () => resttyRef.current,
-		sendInput: (data) => resttyRef.current?.sendInput(data),
-		clear: () => resttyRef.current?.clearScreen(),
-		focus: () => resttyRef.current?.focus(),
-		blur: () => resttyRef.current?.blur(),
-		setFontSize: (size) => resttyRef.current?.setFontSize(size),
-		resize: (cols, rows) => resttyRef.current?.resize(cols, rows),
-		isPtyConnected: () => resttyRef.current?.isPtyConnected() ?? false,
-		connectPty: (url) => resttyRef.current?.connectPty(url),
-		disconnectPty: () => resttyRef.current?.disconnectPty()
-	}));
-	return /* @__PURE__ */ jsx("div", {
-		ref: containerRef,
-		className,
-		style: {
-			width: "100%",
-			height: "100%",
-			minHeight: "400px"
-		}
-	});
-});
-TerminalRestty.displayName = "TerminalRestty";
-
-//#endregion
-export { TerminalRestty };

package/dist/react-ui/blocks/Terminal/components/LogLineBadges.d.ts

@@ -1,160 +0,0 @@
-/**
- * React badge components for log lines.
- *
- * Styled badge components using Tailwind CSS for the React log viewer.
- * Provides level badges, timestamp badges, and tag badges with consistent
- * Synthwave Dark theme styling.
- *
- * All badge components are memoized for optimal performance.
- *
- * @module components/devenv/terminal/LogLineBadges
- */
-import type { TLogLevel, TContentType } from '../parsing';
-/**
- * Props for LevelBadge component.
- */
-export interface ILevelBadgeProps {
-    /** Log level to display */
-    level: TLogLevel;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Level badge component (memoized).
- *
- * Displays a colored badge with the log level label.
- * Uses Synthwave Dark theme colors with glassmorphic effect.
- *
- * @example
- * ```tsx
- * <LevelBadge level="info" />
- * // Renders: [INFO] with blue background
- * ```
- */
-export declare const LevelBadge: import("react").MemoExoticComponent<({ level, className }: ILevelBadgeProps) => React.JSX.Element>;
-/**
- * Props for TimestampBadge component.
- */
-export interface ITimestampBadgeProps {
-    /** Timestamp string to display */
-    timestamp: string;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Timestamp badge component (memoized).
- *
- * Displays a timestamp with muted styling.
- * Uses tabular numbers for consistent alignment.
- *
- * @example
- * ```tsx
- * <TimestampBadge timestamp="22:41:03" />
- * // Renders: 22:41:03 in gray
- * ```
- */
-export declare const TimestampBadge: import("react").MemoExoticComponent<({ timestamp, className }: ITimestampBadgeProps) => React.JSX.Element>;
-/**
- * Props for TagBadge component.
- */
-export interface ITagBadgeProps {
-    /** Tag string to display */
-    tag: string;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Tag badge component (memoized).
- *
- * Displays a component tag (e.g., "API", "ROUTES").
- * Truncates long tags to 12 characters.
- *
- * @example
- * ```tsx
- * <TagBadge tag="WORKSPACEMANAGER" />
- * // Renders: [WORKSPACEMAN...] in cyan
- * ```
- */
-export declare const TagBadge: import("react").MemoExoticComponent<({ tag, className }: ITagBadgeProps) => React.JSX.Element>;
-/**
- * Props for TagBadges component.
- */
-export interface ITagBadgesProps {
-    /** Array of tag strings */
-    tags: string[];
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Tag badges container component (memoized).
- *
- * Displays multiple tag badges with consistent spacing.
- *
- * @example
- * ```tsx
- * <TagBadges tags={['API', 'ROUTES']} />
- * // Renders: [API][ROUTES] with spacing
- * ```
- */
-export declare const TagBadges: import("react").MemoExoticComponent<({ tags, className }: ITagBadgesProps) => React.JSX.Element | null>;
-/**
- * Props for ContentTypeBadge component.
- */
-export interface IContentTypeBadgeProps {
-    /** Content type of the log entry */
-    contentType: TContentType;
-    /** HTTP method (GET, POST, etc.) — shown instead of generic "HTTP" label */
-    httpMethod?: string;
-    /** Optional custom class name */
-    className?: string;
-}
-/**
- * Content type badge component (memoized).
- *
- * Displays a colored badge indicating the content type of a log entry
- * (HTTP, JSON, TABLE, ERR). HTTP entries show the actual method
- * (GET, POST, etc.) instead of a generic "HTTP" label.
- *
- * Returns null for 'plain' content type — no badge rendered.
- *
- * @example
- * ```tsx
- * <ContentTypeBadge contentType="http" httpMethod="GET" />
- * // Renders: [GET] in cyan
- *
- * <ContentTypeBadge contentType="json" />
- * // Renders: [JSON] in emerald
- * ```
- */
-export declare const ContentTypeBadge: import("react").MemoExoticComponent<({ contentType, httpMethod, className, }: IContentTypeBadgeProps) => React.JSX.Element | null>;
-/**
- * Props for LogLineContainer component.
- */
-export interface ILogLineContainerProps {
-    /** Log level for styling */
-    level: TLogLevel;
-    /** Line number */
-    lineNumber: number;
-    /** Whether this is a continuation line */
-    isContinuation?: boolean;
-    /** Optional custom class name */
-    className?: string;
-    /** Child elements */
-    children: React.ReactNode;
-}
-/**
- * Log line container component.
- *
- * Provides consistent styling and structure for log lines.
- * Adds subtle hover effect and line number on hover.
- *
- * @example
- * ```tsx
- * <LogLineContainer level="info" lineNumber={42}>
- *   <LevelBadge level="info" />
- *   <span>Log message here</span>
- * </LogLineContainer>
- * ```
- */
-export declare function LogLineContainer({ level, lineNumber, isContinuation, className, children, }: ILogLineContainerProps): React.JSX.Element;
-//# sourceMappingURL=LogLineBadges.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LogLineBadges.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/components/LogLineBadges.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAkB1D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,6DAAkD,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAY3G,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,iEAA0D,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB3H,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,2DAA8C,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAenG,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,4DAAgD,eAAe,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAU9G,CAAC;AA4BH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,WAAW,EAAE,YAAY,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,gFAI1B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkBlD,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB5C"}

package/dist/react-ui/blocks/Terminal/components/LogLineBadges.js

@@ -1,185 +0,0 @@
-'use client';
-
-import { cn } from "../../../lib/utils.js";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/components/LogLineBadges.tsx
-/**
-* React badge components for log lines.
-*
-* Styled badge components using Tailwind CSS for the React log viewer.
-* Provides level badges, timestamp badges, and tag badges with consistent
-* Synthwave Dark theme styling.
-*
-* All badge components are memoized for optimal performance.
-*
-* @module components/devenv/terminal/LogLineBadges
-*/
-/**
-* Level badge color mapping.
-*
-* Maps each log level to its corresponding Tailwind color classes.
-*/
-const LEVEL_COLORS = {
-	info: "bg-blue-500/15 text-blue-400 border-blue-500/25 shadow-[0_0_6px_rgba(59,130,246,0.15)]",
-	warn: "bg-yellow-500/15 text-yellow-400 border-yellow-500/25 shadow-[0_0_6px_rgba(234,179,8,0.15)]",
-	error: "bg-red-500/20 text-red-400 border-red-500/30 shadow-[0_0_8px_rgba(239,68,68,0.2)]",
-	fatal: "bg-pink-500/20 text-pink-400 border-pink-500/30 shadow-[0_0_8px_rgba(236,72,153,0.2)]",
-	debug: "bg-cyan-500/15 text-cyan-400 border-cyan-500/25 shadow-[0_0_6px_rgba(6,182,212,0.15)]",
-	trace: "bg-gray-500/10 text-gray-400 border-gray-500/20",
-	unknown: "bg-gray-500/8 text-gray-500 border-gray-500/15"
-};
-/**
-* Level badge component (memoized).
-*
-* Displays a colored badge with the log level label.
-* Uses Synthwave Dark theme colors with glassmorphic effect.
-*
-* @example
-* ```tsx
-* <LevelBadge level="info" />
-* // Renders: [INFO] with blue background
-* ```
-*/
-const LevelBadge = memo(function LevelBadge({ level, className }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("px-2 py-0.5 rounded border font-mono text-[10px] font-bold tracking-wider", LEVEL_COLORS[level], className),
-		children: level.toUpperCase()
-	});
-});
-/**
-* Timestamp badge component (memoized).
-*
-* Displays a timestamp with muted styling.
-* Uses tabular numbers for consistent alignment.
-*
-* @example
-* ```tsx
-* <TimestampBadge timestamp="22:41:03" />
-* // Renders: 22:41:03 in gray
-* ```
-*/
-const TimestampBadge = memo(function TimestampBadge({ timestamp, className }) {
-	const timeOnly = timestamp.includes(".") ? timestamp.split(".")[0] : timestamp;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-muted-foreground font-mono text-xs tabular-nums", "opacity-70", className),
-		children: timeOnly
-	});
-});
-/**
-* Tag badge component (memoized).
-*
-* Displays a component tag (e.g., "API", "ROUTES").
-* Truncates long tags to 12 characters.
-*
-* @example
-* ```tsx
-* <TagBadge tag="WORKSPACEMANAGER" />
-* // Renders: [WORKSPACEMAN...] in cyan
-* ```
-*/
-const TagBadge = memo(function TagBadge({ tag, className }) {
-	const displayTag = tag.length > 12 ? tag.slice(0, 9) + "..." : tag;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("px-1.5 py-0.5 rounded border font-mono text-xs", "bg-purple-500/10 text-purple-400 border-purple-500/20", className),
-		children: displayTag
-	});
-});
-/**
-* Tag badges container component (memoized).
-*
-* Displays multiple tag badges with consistent spacing.
-*
-* @example
-* ```tsx
-* <TagBadges tags={['API', 'ROUTES']} />
-* // Renders: [API][ROUTES] with spacing
-* ```
-*/
-const TagBadges = memo(function TagBadges({ tags, className }) {
-	if (!tags || tags.length === 0) return null;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("flex items-center gap-1", className),
-		children: tags.map((tag) => /* @__PURE__ */ jsx(TagBadge, { tag }, tag))
-	});
-});
-/**
-* Content type badge color and label mapping.
-*
-* Maps each content type to its display label and Tailwind color classes.
-* 'plain' entries are hidden (no badge rendered).
-*/
-const CONTENT_TYPE_STYLES = {
-	plain: {
-		label: "",
-		className: ""
-	},
-	http: {
-		label: "HTTP",
-		className: "bg-cyan-500/15 text-cyan-400 border-cyan-500/25 shadow-[0_0_6px_rgba(6,182,212,0.15)]"
-	},
-	json: {
-		label: "JSON",
-		className: "bg-emerald-500/15 text-emerald-400 border-emerald-500/25 shadow-[0_0_6px_rgba(16,185,129,0.15)]"
-	},
-	table: {
-		label: "TABLE",
-		className: "bg-violet-500/15 text-violet-400 border-violet-500/25 shadow-[0_0_6px_rgba(139,92,246,0.15)]"
-	},
-	error: {
-		label: "ERR",
-		className: "bg-red-500/20 text-red-400 border-red-500/30 shadow-[0_0_8px_rgba(239,68,68,0.2)]"
-	}
-};
-/**
-* Content type badge component (memoized).
-*
-* Displays a colored badge indicating the content type of a log entry
-* (HTTP, JSON, TABLE, ERR). HTTP entries show the actual method
-* (GET, POST, etc.) instead of a generic "HTTP" label.
-*
-* Returns null for 'plain' content type — no badge rendered.
-*
-* @example
-* ```tsx
-* <ContentTypeBadge contentType="http" httpMethod="GET" />
-* // Renders: [GET] in cyan
-*
-* <ContentTypeBadge contentType="json" />
-* // Renders: [JSON] in emerald
-* ```
-*/
-const ContentTypeBadge = memo(function ContentTypeBadge({ contentType, httpMethod, className }) {
-	if (contentType === "plain" || !contentType) return null;
-	const style = CONTENT_TYPE_STYLES[contentType];
-	const label = contentType === "http" && httpMethod ? httpMethod.toUpperCase() : style.label;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("px-1.5 py-0.5 rounded border font-mono text-[10px] font-bold tracking-wider", style.className, className),
-		children: label
-	});
-});
-/**
-* Log line container component.
-*
-* Provides consistent styling and structure for log lines.
-* Adds subtle hover effect and line number on hover.
-*
-* @example
-* ```tsx
-* <LogLineContainer level="info" lineNumber={42}>
-*   <LevelBadge level="info" />
-*   <span>Log message here</span>
-* </LogLineContainer>
-* ```
-*/
-function LogLineContainer({ level, lineNumber, isContinuation = false, className, children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("group flex items-start gap-2 py-0.5 px-2 rounded-sm", "hover:bg-white/5 transition-colors duration-150", "border-l-2", isContinuation ? "border-transparent ml-6" : "border-transparent", `hover:border-${level === "error" || level === "fatal" ? "red" : level === "warn" ? "yellow" : "blue"}-500/50`, className),
-		title: `Line ${lineNumber}`,
-		children
-	});
-}
-
-//#endregion
-export { ContentTypeBadge, LevelBadge, LogLineContainer, TagBadge, TagBadges, TimestampBadge };

package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge.d.ts

@@ -1,36 +0,0 @@
-/**
- * TerminalLogBadge Component.
- *
- * Wraps the base Badge component with terminal log level color styling.
- * Maps log levels to appropriate Tailwind color classes matching the
- * Synthwave Dark design system.
- *
- * @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
- */
-import type { ReactNode } from 'react';
-import type { TLogLevelFilter } from '../parsing/LogParser.types';
-/**
- * Props for the TerminalLogBadge component.
- */
-export interface ITerminalLogBadgeProps {
-    /** Log level to display */
-    level: TLogLevelFilter | string;
-    /** Badge content (typically a count) */
-    children: ReactNode;
-    /** Additional class name */
-    className?: string;
-}
-/**
- * TerminalLogBadge Component.
- *
- * Renders a Badge styled for terminal log levels with appropriate
- * color coding for each severity level.
- *
- * @example
- * ```tsx
- * <TerminalLogBadge level="error">3</TerminalLogBadge>
- * <TerminalLogBadge level="info">42</TerminalLogBadge>
- * ```
- */
-export declare function TerminalLogBadge({ level, children, className }: ITerminalLogBadgeProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TerminalLogBadge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalLogBadge.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/components/TerminalLogBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAgBlE;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,2BAA2B;IAC3B,KAAK,EAAE,eAAe,GAAG,MAAM,CAAC;IAChC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAUtF"}

package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge.js

@@ -1,52 +0,0 @@
-'use client';
-
-import { cn } from "../../../lib/utils.js";
-import { Badge } from "../../../ui/Badge/index.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/react-ui/blocks/Terminal/components/TerminalLogBadge.tsx
-/**
-* TerminalLogBadge Component.
-*
-* Wraps the base Badge component with terminal log level color styling.
-* Maps log levels to appropriate Tailwind color classes matching the
-* Synthwave Dark design system.
-*
-* @module @mks2508/mks-ui/react/blocks/Terminal/components/TerminalLogBadge
-*/
-/**
-* Color classes for each log level.
-*/
-const LEVEL_COLORS = {
-	all: "bg-muted/40 text-muted-foreground border-muted/60",
-	trace: "bg-slate-500/20 text-slate-400 border-slate-500/30",
-	debug: "bg-blue-500/20 text-blue-400 border-blue-500/30",
-	info: "bg-green-500/20 text-green-400 border-green-500/30",
-	warn: "bg-yellow-500/20 text-yellow-400 border-yellow-500/30",
-	error: "bg-orange-500/20 text-orange-400 border-orange-500/30",
-	fatal: "bg-red-500/20 text-red-400 border-red-500/30",
-	unknown: "bg-muted/40 text-muted-foreground border-muted/60"
-};
-/**
-* TerminalLogBadge Component.
-*
-* Renders a Badge styled for terminal log levels with appropriate
-* color coding for each severity level.
-*
-* @example
-* ```tsx
-* <TerminalLogBadge level="error">3</TerminalLogBadge>
-* <TerminalLogBadge level="info">42</TerminalLogBadge>
-* ```
-*/
-function TerminalLogBadge({ level, children, className }) {
-	return /* @__PURE__ */ jsx(Badge, {
-		variant: "outline",
-		size: "sm",
-		className: cn(LEVEL_COLORS[level] ?? LEVEL_COLORS.unknown, className),
-		children
-	});
-}
-
-//#endregion
-export { TerminalLogBadge };

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalDebugPanel.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalDebugPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,mCAAmC;IACnC,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,0BAA0B;IAC1B,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkCD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,EACR,GAAG,EACH,GAAG,EACH,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,SAAS,GACV,EAAE,wBAAwB,kDA2H1B"}

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

@@ -1,42 +0,0 @@
-/**
- * TerminalFilterDropdown Component.
- *
- * Dropdown menu for log level filtering.
- * Replaces tab-style filters with a compact dropdown menu.
- *
- * @module components/devenv/terminal/panel/filter-dropdown
- */
-import type { TLogLevelFilter, TLogLevel } from './TerminalLogsPanel.types';
-/**
- * Props for TerminalFilterDropdown component.
- */
-export interface ITerminalFilterDropdownProps {
-    /** 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;
-}
-/**
- * TerminalFilterDropdown Component.
- *
- * Displays a dropdown menu with:
- * - Current filter level as button label
- * - Filter options with badges
- * - Keyboard shortcuts
- * - Glassmorphic dropdown menu
- *
- * @example
- * ```tsx
- * <TerminalFilterDropdown
- *   filterLevel="all"
- *   levelCounts={{ info: 42, warn: 3, error: 1 }}
- *   onFilterChange={(level) => setFilterLevel(level)}
- * />
- * ```
- */
-export declare function TerminalFilterDropdown({ filterLevel, levelCounts, onFilterChange, className, }: ITerminalFilterDropdownProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TerminalFilterDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TerminalFilterDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalFilterDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG5E;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,+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;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,WAAW,EACX,cAAc,EACd,SAAS,GACV,EAAE,4BAA4B,2CA0H9B"}