@mks2508/mks-ui 0.6.8 → 0.7.0

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

@@ -0,0 +1,253 @@
+//#region src/react-ui/blocks/Terminal/Terminal.tokens.ts
+/**
+* Centralized log level color mapping.
+*
+* Replaces duplicated `LEVEL_COLORS` records in TerminalLogBadge,
+* LogLineBadges, LogLinesViewer, TerminalFilterTabs, and TerminalFilterDropdown.
+*
+* @example
+* ```tsx
+* import { LOG_LEVEL_STYLES } from '../Terminal.tokens';
+* <span className={LOG_LEVEL_STYLES.error.badge}>ERROR</span>
+* ```
+*/
+const LOG_LEVEL_STYLES = {
+	all: {
+		badge: "bg-muted/40 text-muted-foreground border-muted/60",
+		border: "border-l-transparent",
+		glow: "",
+		text: "text-muted-foreground"
+	},
+	trace: {
+		badge: "bg-slate-500/15 text-slate-400 border-slate-500/25",
+		border: "border-l-slate-500/15",
+		glow: "",
+		text: "text-slate-400"
+	},
+	debug: {
+		badge: "bg-cyan-500/15 text-cyan-400 border-cyan-500/25",
+		border: "border-l-cyan-500/20",
+		glow: "shadow-[0_0_6px_rgba(6,182,212,0.15)]",
+		text: "text-cyan-400"
+	},
+	info: {
+		badge: "bg-blue-500/15 text-blue-400 border-blue-500/25",
+		border: "border-l-blue-500/30",
+		glow: "shadow-[0_0_6px_rgba(59,130,246,0.15)]",
+		text: "text-blue-400"
+	},
+	warn: {
+		badge: "bg-yellow-500/15 text-yellow-400 border-yellow-500/25",
+		border: "border-l-yellow-500/50",
+		glow: "shadow-[0_0_6px_rgba(234,179,8,0.15)]",
+		text: "text-yellow-400"
+	},
+	error: {
+		badge: "bg-red-500/20 text-red-400 border-red-500/30",
+		border: "border-l-red-500/60",
+		glow: "shadow-[0_0_8px_rgba(239,68,68,0.2)]",
+		text: "text-red-400"
+	},
+	fatal: {
+		badge: "bg-pink-500/20 text-pink-400 border-pink-500/30",
+		border: "border-l-pink-500/60",
+		glow: "shadow-[0_0_8px_rgba(236,72,153,0.2)]",
+		text: "text-pink-400"
+	},
+	unknown: {
+		badge: "bg-muted/40 text-muted-foreground border-muted/60",
+		border: "border-l-transparent",
+		glow: "",
+		text: "text-muted-foreground"
+	}
+};
+/**
+* Centralized content type badge styling.
+*
+* @example
+* ```tsx
+* import { CONTENT_TYPE_STYLES } from '../Terminal.tokens';
+* const style = CONTENT_TYPE_STYLES.http;
+* <span className={style.className}>{style.label}</span>
+* ```
+*/
+const CONTENT_TYPE_STYLES = {
+	plain: {
+		label: "",
+		className: ""
+	},
+	http: {
+		label: "HTTP",
+		className: "bg-cyan-500/15 text-cyan-400 border-cyan-500/25"
+	},
+	json: {
+		label: "JSON",
+		className: "bg-emerald-500/15 text-emerald-400 border-emerald-500/25"
+	},
+	table: {
+		label: "TABLE",
+		className: "bg-violet-500/15 text-violet-400 border-violet-500/25"
+	},
+	sql: {
+		label: "SQL",
+		className: "bg-amber-500/15 text-amber-400 border-amber-500/25"
+	}
+};
+/**
+* Primary color glow shadow utilities.
+*
+* Uses `hsl(var(--primary) / opacity)` so the glow automatically
+* follows the consumer's `--primary` CSS variable.
+*
+* Replaces 17+ instances of hardcoded `hsla(330,85%,43%,...)`.
+*
+* @example
+* ```tsx
+* import { PRIMARY_GLOW } from '../Terminal.tokens';
+* <button className={cn('bg-primary/20', PRIMARY_GLOW.md)}>Active</button>
+* ```
+*/
+const PRIMARY_GLOW = {
+	sm: "shadow-[0_0_8px_hsl(var(--primary)/0.15)]",
+	md: "shadow-[0_0_10px_hsl(var(--primary)/0.2)]",
+	lg: "shadow-[0_0_12px_hsl(var(--primary)/0.3)]",
+	xl: "shadow-[0_0_12px_hsl(var(--primary)/0.5)]"
+};
+/**
+* Compound primary glow for active tab indicators and accent elements.
+* Combines multiple shadow layers for depth.
+*/
+const PRIMARY_GLOW_COMPOUND = { tabBar: "shadow-[0_0_12px_hsl(var(--primary)/0.6),0_0_4px_hsl(var(--primary)/0.8)]" };
+/**
+* Centralized connection status color mapping.
+*
+* Replaces duplicated `getStatusColor` functions in TerminalPanelHeader,
+* TerminalSessionTabs, and TerminalSessionControl.
+*
+* @example
+* ```tsx
+* import { STATUS_COLORS } from '../Terminal.tokens';
+* <div className={cn('w-2 h-2 rounded-full', STATUS_COLORS.connected.dot)} />
+* ```
+*/
+const STATUS_COLORS = {
+	connected: {
+		dot: "bg-success/80 shadow-[0_0_8px_hsl(var(--success)/0.5)] animate-pulse",
+		label: "text-success",
+		text: "Connected"
+	},
+	connecting: {
+		dot: "bg-yellow-500/80 animate-pulse",
+		label: "text-yellow-500",
+		text: "Connecting"
+	},
+	disconnected: {
+		dot: "bg-muted-foreground/60",
+		label: "text-muted-foreground",
+		text: "Disconnected"
+	},
+	error: {
+		dot: "bg-destructive/80 shadow-[0_0_8px_hsl(var(--destructive)/0.5)]",
+		label: "text-destructive",
+		text: "Error"
+	}
+};
+/**
+* macOS-style traffic light button classes.
+*
+* Dots are desaturated by default, colorize on parent group hover
+* (`group-hover/traffic`), and brighten + scale on individual hover.
+*/
+const TRAFFIC_LIGHT_STYLES = {
+	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 classes (macOS-style pill toggle).
+*
+* Shared by TerminalPanelHeader view mode toggle and
+* TerminalSettingsPopover renderer/backend selectors.
+*/
+const SEGMENTED_BUTTON_STYLES = {
+	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 ${PRIMARY_GLOW.sm}`
+};
+/**
+* Toggle button classes (follow cursor, line numbers, etc.).
+*
+* Shared by TerminalPanelToolbar and TerminalLogsPanel action bars.
+*/
+const TOGGLE_STYLES = {
+	base: "p-2 rounded-md transition-all hover:scale-105 active:scale-95",
+	inactive: "bg-muted/40 text-muted-foreground hover:bg-muted/60",
+	active: `bg-primary/20 text-primary border border-primary/40 ${PRIMARY_GLOW.md}`
+};
+/**
+* Action button classes (search, clear, download, etc.).
+*
+* Shared by TerminalPanelToolbar and TerminalLogsPanel.
+*/
+const ACTION_BUTTON_STYLES = {
+	base: "p-2 rounded-md transition-all hover:scale-105 active:scale-95",
+	default: "bg-muted/40 text-muted-foreground hover:bg-muted/60 hover:text-foreground"
+};
+/**
+* Filter button classes for log level filter bar.
+*
+* Used by TerminalPanelToolbar and TerminalFilterTabs.
+*/
+const FILTER_BUTTON_STYLES = {
+	base: "px-3 py-1.5 rounded-md font-mono text-xs font-bold uppercase tracking-wider transition-all",
+	inactive: "bg-muted/40 text-muted-foreground hover:bg-muted/60 hover:scale-105 active:scale-95 border border-border/20",
+	active: `bg-primary/20 text-primary border border-primary/40 ${PRIMARY_GLOW.md} hover:scale-105 active:scale-95`
+};
+/**
+* Small icon-only trigger button classes (settings gear, etc.).
+*/
+const TRIGGER_BUTTON_STYLES = "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";
+/**
+* Font size control button classes (+ / −).
+*/
+const FONT_BUTTON_STYLES = "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";
+/**
+* Terminal background class.
+*
+* Uses a CSS custom property `--terminal-bg` with a fallback to the
+* theme's `--background` variable. Consumers set `--terminal-bg` to
+* override the terminal area background without affecting the rest of the UI.
+*
+* @example
+* ```css
+* :root { --terminal-bg: 36 27 47; }
+* ```
+*
+* @example
+* ```tsx
+* <div className={TERMINAL_BG}>...</div>
+* ```
+*/
+const TERMINAL_BG = "bg-[hsl(var(--terminal-bg,var(--background)))]";
+/**
+* Section label classes for settings sections.
+*/
+const SECTION_LABEL_STYLES = "text-[10px] font-mono text-muted-foreground uppercase tracking-wider";
+/**
+* Custom toggle switch classes (CRT effect, debug panel).
+*/
+const TOGGLE_SWITCH_STYLES = {
+	track: {
+		base: "relative w-9 h-5 rounded-full transition-colors",
+		active: `bg-primary/60 ${PRIMARY_GLOW.sm}`,
+		inactive: "bg-muted/30"
+	},
+	thumb: {
+		base: "absolute top-0.5 h-4 w-4 rounded-full bg-foreground transition-all",
+		active: "left-[18px]",
+		inactive: "left-0.5"
+	}
+};
+
+//#endregion
+export { ACTION_BUTTON_STYLES, CONTENT_TYPE_STYLES, FILTER_BUTTON_STYLES, FONT_BUTTON_STYLES, LOG_LEVEL_STYLES, PRIMARY_GLOW, PRIMARY_GLOW_COMPOUND, SECTION_LABEL_STYLES, SEGMENTED_BUTTON_STYLES, STATUS_COLORS, TERMINAL_BG, TOGGLE_STYLES, TOGGLE_SWITCH_STYLES, TRAFFIC_LIGHT_STYLES, TRIGGER_BUTTON_STYLES };

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

@@ -13,8 +13,9 @@
  *
  * - `xterm`: xterm.js DOM/canvas renderer (default, recommended for compatibility)
  * - `restty`: GPU-accelerated WebGPU/WebGL2 renderer via restty with libghostty-vt WASM core
+ * - `wterm`: Zig + WASM VT100/VT220/xterm parser, DOM rendering, ~12KB wasm
  */
-export type ITerminalRendererType = 'xterm' | 'restty';
+export type ITerminalRendererType = 'xterm' | 'restty' | 'wterm';
 /**
  * Terminal PTY backend type - determines what drives the terminal server-side.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Terminal.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/Terminal.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,cAAc,CAAC;AAEjE;;;;;;;;;GASG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,UAAU,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,GACjC,cAAc,GACd,YAAY,GACZ,WAAW,GACX,OAAO,CAAC;AAEZ;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IAEX,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,OAAO,EAAE,oBAAoB,CAAC;IAE9B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAEjC,wCAAwC;IACxC,IAAI,EAAE,aAAa,CAAC;IAEpB,gCAAgC;IAChC,MAAM,EAAE,yBAAyB,CAAC;IAElC,iCAAiC;IACjC,SAAS,EAAE,IAAI,CAAC;IAEhB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAG/B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAEjC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,uBAAuB,CAAC;IAErC;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAE/B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,aAAa,CAAC;IAIrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,cAAc,CAAC;IAIvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAIhB,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,UAAU,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAC;IAEf,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;IAEZ,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,MAAM,EAAE,MAAM,CAAC;IAEf,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IAEb,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IAEb,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IAEd,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IAEpB,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IAEpB,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IAErB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IAEnB,wCAAwC;IACxC,aAAa,EAAE,MAAM,CAAC;IAEtB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,WAAW,4BAA4B;IAC3C,mEAAmE;IACnE,oBAAoB,EAAE,OAAO,CAAC;IAE9B,6DAA6D;IAC7D,YAAY,EAAE,OAAO,CAAC;IAEtB,8DAA8D;IAC9D,SAAS,EAAE,OAAO,CAAC;IAEnB,uDAAuD;IACvD,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,IAAI,EAAE,oBAAoB,CAAC;IAE3B,yDAAyD;IACzD,QAAQ,CAAC,YAAY,EAAE,4BAA4B,CAAC;IAEpD;;;;;;OAMG;IACH,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7E;;;;;OAKG;IACH,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;;;;OAKG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IAEd;;;;;OAKG;IACH,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzC;;OAEG;IACH,OAAO,IAAI,IAAI,CAAC;IAEhB;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IAEd;;OAEG;IACH,IAAI,IAAI,IAAI,CAAC;IAEb;;;;;OAKG;IACH,UAAU,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B;;;OAGG;IACH,aAAa,CAAC,IAAI,IAAI,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,IAAI,OAAO,CAAC;IAE3B;;;;OAIG;IACH,WAAW,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;;;;OAKG;IACH,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B;;;;OAIG;IACH,aAAa,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAEnC;;;;OAIG;IACH,cAAc,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CACrC;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,uCAAuC;IACvC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvD,wCAAwC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,EAAE,sBAAsB,CAAC;CACnC;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,OAAO,EAAE,CAAC,OAAO,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACxD,mCAAmC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,6CAA6C;IAC7C,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,sDAAsD;IACtD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,oDAAoD;IACpD,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,aAAa,CAAC"}
+{"version":3,"file":"Terminal.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/Terminal.types.ts"],"names":[],"mappings":"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"}

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

@@ -67,7 +67,7 @@ const TerminalDisplay = forwardRef(({ content, title = "Output", variant = "defa
 		if (!containerRef.current) return;
 		let destroyed = false;
 		const init = async () => {
-			const { Restty: ResttyClass, getBuiltinTheme } = await import("restty");
+			const { Restty: ResttyClass, getBuiltinTheme } = await import("@mks2508/restty");
 			if (destroyed || !containerRef.current) return;
 			const restty = new ResttyClass({
 				root: containerRef.current,

package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts

@@ -7,7 +7,7 @@
  * @module components/devenv/terminal/TerminalDisplay.types
  */
 import type { SlotOverrides } from '../../../core/types';
-import type { Restty } from 'restty';
+import type { Restty } from '@mks2508/restty';
 import type { ITerminalTheme } from './Terminal.types';
 /** Slot names for TerminalDisplay sub-regions */
 export type TerminalDisplaySlot = 'root' | 'chrome' | 'terminal' | 'emptyState';

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

@@ -1 +1 @@
-{"version":3,"file":"TerminalDisplay.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/TerminalDisplay.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAEhB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1C,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE3C,kDAAkD;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE3C,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,SAAS,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAE/B,iCAAiC;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,8CAA8C;IAC9C,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B"}
+{"version":3,"file":"TerminalDisplay.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/TerminalDisplay.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAEhB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1C,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAE3C,kDAAkD;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE3C,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,SAAS,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAE/B,iCAAiC;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,8CAA8C;IAC9C,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B"}

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

@@ -1,6 +1,6 @@
 import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./panel/TerminalPanelChrome.styles.js";
-import { TerminalPanelHeader } from "./panel/TerminalPanelHeader.js";
+import { TerminalPanelHeader } from "./panel/TerminalPanelHeader/index.js";
 import { NOISE_TEXTURE_SVG, TerminalPanelChrome, terminalScrollStyles } from "./panel/TerminalPanelChrome.js";
-import { TerminalPanelFooter } from "./panel/TerminalPanelFooter.js";
+import { TerminalPanelFooter } from "./panel/TerminalPanelFooter/index.js";
 
 export { ACCENT_GRADIENTS, NOISE_TEXTURE_SVG, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, terminalChromeStyles, terminalChromeVariants, terminalScrollStyles };

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

@@ -0,0 +1,15 @@
+/**
+ * LogLineBadges style definitions.
+ *
+ * Shared styles for the badge sub-components used in the React log viewer.
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/components/LogLineBadges
+ */
+import type { StyleSlots } from '../../../../../core/types';
+/** Slot names for LogLineBadges visual regions. */
+export type LogLineBadgesSlot = 'levelBadge' | 'timestampBadge' | 'tagBadge' | 'contentTypeBadge' | 'lineContainer';
+/**
+ * Default style slots for LogLineBadges sub-components.
+ */
+export declare const logLineBadgesStyles: StyleSlots<LogLineBadgesSlot>;
+//# sourceMappingURL=LogLineBadges.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogLineBadges.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,mDAAmD;AACnD,MAAM,MAAM,iBAAiB,GACzB,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,kBAAkB,GAClB,eAAe,CAAC;AAEpB;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,UAAU,CAAC,iBAAiB,CAM7D,CAAC"}

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

@@ -0,0 +1,14 @@
+//#region src/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.ts
+/**
+* Default style slots for LogLineBadges sub-components.
+*/
+const logLineBadgesStyles = {
+	levelBadge: "px-2 py-0.5 rounded border font-mono text-[10px] font-bold tracking-wider",
+	timestampBadge: "ml-auto text-muted-foreground font-mono text-xs tabular-nums opacity-70",
+	tagBadge: "px-1.5 py-0.5 rounded border font-mono text-xs bg-purple-500/10 text-purple-400 border-purple-500/20",
+	contentTypeBadge: "px-1.5 py-0.5 rounded border font-mono text-[10px] font-bold tracking-wider",
+	lineContainer: "group flex items-start gap-2 py-0.5 px-2 rounded-sm hover:bg-white/5 transition-colors duration-150 border-l-2 border-transparent"
+};
+
+//#endregion
+export { logLineBadgesStyles };

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

@@ -0,0 +1,106 @@
+/**
+ * LogLineBadges types.
+ *
+ * Types for the individual badge sub-components (LevelBadge,
+ * TimestampBadge, TagBadge, ContentTypeBadge, LogLineContainer).
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/components/LogLineBadges
+ */
+import type { ReactNode } from 'react';
+import type { TLogLevel, TContentType } from '../../parsing';
+/**
+ * Props for the LevelBadge component.
+ *
+ * @example
+ * ```tsx
+ * <LevelBadge level="info" />
+ * ```
+ */
+export interface ILevelBadgeProps {
+    /** Log level to display */
+    level: TLogLevel;
+    /** Optional custom class name */
+    className?: string;
+}
+/**
+ * Props for the TimestampBadge component.
+ *
+ * @example
+ * ```tsx
+ * <TimestampBadge timestamp="22:41:03" />
+ * ```
+ */
+export interface ITimestampBadgeProps {
+    /** Timestamp string to display */
+    timestamp: string;
+    /** Optional custom class name */
+    className?: string;
+}
+/**
+ * Props for the TagBadge component.
+ *
+ * @example
+ * ```tsx
+ * <TagBadge tag="API" />
+ * ```
+ */
+export interface ITagBadgeProps {
+    /** Tag string to display */
+    tag: string;
+    /** Optional custom class name */
+    className?: string;
+}
+/**
+ * Props for the TagBadges container component.
+ *
+ * @example
+ * ```tsx
+ * <TagBadges tags={['API', 'ROUTES']} />
+ * ```
+ */
+export interface ITagBadgesProps {
+    /** Array of tag strings */
+    tags: string[];
+    /** Optional custom class name */
+    className?: string;
+}
+/**
+ * Props for the ContentTypeBadge component.
+ *
+ * @example
+ * ```tsx
+ * <ContentTypeBadge contentType="http" httpMethod="GET" />
+ * ```
+ */
+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;
+}
+/**
+ * Props for the LogLineContainer component.
+ *
+ * @example
+ * ```tsx
+ * <LogLineContainer level="info" lineNumber={42}>
+ *   <LevelBadge level="info" />
+ *   <span>Message</span>
+ * </LogLineContainer>
+ * ```
+ */
+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: ReactNode;
+}
+//# sourceMappingURL=LogLineBadges.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogLineBadges.types.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;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;;;;;;;;;;GAUG;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,SAAS,CAAC;CACrB"}

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

@@ -0,0 +1,89 @@
+/**
+ * LogLineBadges — React badge components for log lines.
+ *
+ * Styled badge components using centralized Terminal tokens for
+ * consistent log-level coloring across the terminal UI.
+ * All badge components are memoized for optimal performance.
+ *
+ * @module @mks2508/mks-ui/react/blocks/Terminal/components/LogLineBadges
+ */
+import type { ILevelBadgeProps, ITimestampBadgeProps, ITagBadgeProps, ITagBadgesProps, IContentTypeBadgeProps, ILogLineContainerProps } from './LogLineBadges.types';
+export type { ILevelBadgeProps, ITimestampBadgeProps, ITagBadgeProps, ITagBadgesProps, IContentTypeBadgeProps, ILogLineContainerProps, } from './LogLineBadges.types';
+export { logLineBadgesStyles } from './LogLineBadges.styles';
+export type { LogLineBadgesSlot } from './LogLineBadges.styles';
+/**
+ * Level badge component (memoized).
+ *
+ * Displays a colored badge with the log level label.
+ * Uses centralized LOG_LEVEL_STYLES from Terminal tokens.
+ *
+ * @example
+ * ```tsx
+ * <LevelBadge level="info" />
+ * // Renders: [INFO] with blue background
+ * ```
+ */
+export declare const LevelBadge: import("react").MemoExoticComponent<({ level, className }: ILevelBadgeProps) => React.JSX.Element>;
+/**
+ * Timestamp badge component (memoized).
+ *
+ * Displays a timestamp with muted styling and tabular numbers.
+ *
+ * @example
+ * ```tsx
+ * <TimestampBadge timestamp="22:41:03" />
+ * ```
+ */
+export declare const TimestampBadge: import("react").MemoExoticComponent<({ timestamp, className }: ITimestampBadgeProps) => React.JSX.Element>;
+/**
+ * Tag badge component (memoized).
+ *
+ * Displays a component tag (e.g., "API", "ROUTES").
+ * Truncates long tags to 12 characters.
+ *
+ * @example
+ * ```tsx
+ * <TagBadge tag="WORKSPACEMANAGER" />
+ * ```
+ */
+export declare const TagBadge: import("react").MemoExoticComponent<({ tag, className }: ITagBadgeProps) => React.JSX.Element>;
+/**
+ * Tag badges container component (memoized).
+ *
+ * Displays multiple tag badges with consistent spacing.
+ *
+ * @example
+ * ```tsx
+ * <TagBadges tags={['API', 'ROUTES']} />
+ * ```
+ */
+export declare const TagBadges: import("react").MemoExoticComponent<({ tags, className }: ITagBadgesProps) => React.JSX.Element | null>;
+/**
+ * Content type badge component (memoized).
+ *
+ * Displays a colored badge indicating the content type of a log entry.
+ * HTTP entries show the actual method (GET, POST, etc.).
+ * Returns null for 'plain' content type.
+ *
+ * @example
+ * ```tsx
+ * <ContentTypeBadge contentType="http" httpMethod="GET" />
+ * <ContentTypeBadge contentType="json" />
+ * ```
+ */
+export declare const ContentTypeBadge: import("react").MemoExoticComponent<({ contentType, httpMethod, className, }: IContentTypeBadgeProps) => React.JSX.Element | null>;
+/**
+ * Log line container component.
+ *
+ * Provides consistent styling and structure for log lines.
+ *
+ * @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=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/blocks/Terminal/components/LogLineBadges/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,6DAAkD,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAe3G,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,iEAA0D,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQ3H,CAAC;AAEH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,2DAA8C,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQnG,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,4DAAgD,eAAe,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAU9G,CAAC;AAEH;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,gFAI1B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAalD,CAAC;AAEH;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgB5C"}