@mks2508/mks-ui 0.6.8 → 0.8.0

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

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