@mks2508/mks-ui 0.6.8 → 0.8.0

package/dist/react-ui/ui/OperationCard/parts/OperationCardVisualizer.js

@@ -0,0 +1,53 @@
+'use client';
+
+import { cn } from "../../../lib/utils.js";
+import { DotMatrix } from "../../../primitives/DotMatrix/index.js";
+import { useOperationCard } from "../OperationCard.context.js";
+import { OperationCardStyles } from "../OperationCard.styles.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-ui/ui/OperationCard/parts/OperationCardVisualizer.tsx
+/**
+* OperationCardVisualizer — the "what's happening" visual layer.
+*
+* Default rendering: a `<DotMatrix>` driven by the context state. Maps
+* the OperationCard lifecycle → DotMatrix lifecycle:
+*
+*   idle      → idle       (all cells off)
+*   pending   → running    (pattern cycle plays)
+*   success   → success    (all cells forced on, glow)
+*   failed    → failed     (cycle frozen; on→red, off→muted)
+*   cancelled → cancelled  (cycle frozen; on→muted)
+*
+* Pattern + palette + bloom come from `state.meta` so the consumer
+* adapts the visual language per operation kind.
+*
+* @module @mks2508/mks-ui/react/ui/OperationCard
+*/
+function mapStatus(op) {
+	if (op === "pending") return "running";
+	return op;
+}
+function OperationCardVisualizer({ rows = 6, cols = 18, pattern, color, bloom, accentRow, children, className }) {
+	const { state } = useOperationCard();
+	const meta = state.meta;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "operation-card-visualizer",
+		className: cn(OperationCardStyles.visualizer, className),
+		children: children ?? /* @__PURE__ */ jsx(DotMatrix, {
+			rows,
+			cols,
+			status: mapStatus(state.status),
+			pattern: pattern ?? meta?.pattern ?? "snake",
+			color: color ?? meta?.color ?? "primary",
+			bloom: bloom ?? meta?.bloom ?? true,
+			variant: "glow",
+			progress: state.progress,
+			accentCount: meta?.accentCount,
+			accentRow: accentRow ?? meta?.accentRow ?? "top"
+		})
+	});
+}
+
+//#endregion
+export { OperationCardVisualizer };

package/dist/react-ui/ui/Tabs/Tabs.css

@@ -0,0 +1,38 @@
+/**
+ * Tabs CSS Anchor Positioning.
+ *
+ * Zero-JS position tracking for the sliding indicator using CSS Anchor API.
+ * The indicator automatically follows the active tab via anchor positioning.
+ */
+
+/* Scope anchors per Tabs instance */
+[data-slot="tabs-list"] {
+  anchor-scope: --tabs-active;
+}
+
+/* Active tab becomes the anchor */
+[data-slot="tabs-tab"][data-active] {
+  anchor-name: --tabs-active;
+}
+
+/* Indicator follows the active anchor */
+[data-slot="tabs-indicator"] {
+  position-anchor: --tabs-active;
+  left: anchor(left);
+  right: anchor(right);
+  transition:
+    top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    right 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    bottom 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+/* Respect reduced motion preference */
+@media (prefers-reduced-motion: reduce) {
+  [data-slot="tabs-indicator"] {
+    transition-duration: 0ms;
+  }
+}
+

package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts

@@ -31,7 +31,7 @@ export declare const tabsStyles: StyleSlots<TabsSlot>;
  * ```
  */
 export declare const tabsListVariants: (props?: ({
-    variant?: "default" | "outline" | "underline" | "ghost" | "pill" | null | undefined;
+    variant?: "default" | "outline" | "underline" | "pill" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
@@ -45,7 +45,7 @@ export declare const tabsListVariants: (props?: ({
  * ```
  */
 export declare const tabsTabVariants: (props?: ({
-    variant?: "default" | "outline" | "underline" | "ghost" | "pill" | null | undefined;
+    variant?: "default" | "outline" | "underline" | "pill" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
@@ -56,6 +56,6 @@ export declare const tabsTabVariants: (props?: ({
  * and animated via WAAPI transitions in CSS.
  */
 export declare const tabsIndicatorVariants: (props?: ({
-    variant?: "default" | "outline" | "underline" | "ghost" | "pill" | null | undefined;
+    variant?: "default" | "outline" | "underline" | "pill" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=Tabs.styles.d.ts.map

package/dist/react-ui/ui/index.d.ts

@@ -18,13 +18,20 @@ export * from './Tooltip';
 export * from './Badge';
 export * from './Button';
 export * from './Card';
+export * from './GooeyButton';
 export * from './Combobox';
 export * from './CornerBracket';
 export * from './DropdownMenu';
 export * from './Field';
+export * from './FileIcon';
+export * from './FileItem';
+export * from './FilePanel';
+export * from './FileTree';
 export * from './Input';
 export * from './InputGroup';
 export * from './Label';
+export * from './MiddleTruncatePath';
+export * from './OperationCard';
 export * from './Select';
 export * from './Separator';
 export * from './Textarea';

package/dist/react-ui/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,iBAAiB,CAAC"}

package/dist/react-ui/ui/index.js

@@ -23,6 +23,7 @@ import { buttonStateStyles, buttonVariants } from "./Button/Button.styles.js";
 import { Button } from "./Button/index.js";
 import { cardVariants } from "./Card/Card.styles.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card/index.js";
+import { GooeyButton } from "./GooeyButton/index.js";
 import { Input } from "./Input/index.js";
 import { Textarea } from "./Textarea/index.js";
 import { inputGroupAddonVariants, inputGroupButtonVariants } from "./InputGroup/InputGroup.styles.js";
@@ -35,6 +36,24 @@ import { Label } from "./Label/index.js";
 import { Separator } from "./Separator/index.js";
 import { fieldVariants } from "./Field/Field.styles.js";
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./Field/index.js";
+import { FileIconStyles, FolderIconStyles, fileIconVariants, folderIconVariants } from "./FileIcon/FileIcon.styles.js";
+import { FileIcon, FolderIcon } from "./FileIcon/index.js";
+import { MiddleTruncatePathStyles, middleTruncatePathVariants } from "./MiddleTruncatePath/MiddleTruncatePath.styles.js";
+import { MiddleTruncatePath } from "./MiddleTruncatePath/index.js";
+import { FileItemGitStatusClasses, FileItemStyles, fileItemVariants } from "./FileItem/FileItem.styles.js";
+import { FileItem } from "./FileItem/index.js";
+import { FilePanelStyles, filePanelVariants } from "./FilePanel/FilePanel.styles.js";
+import { FilePanel } from "./FilePanel/index.js";
+import { FileTreeStyles, fileTreeVariants } from "./FileTree/FileTree.styles.js";
+import { FileTree } from "./FileTree/index.js";
+import { useOperationCard } from "./OperationCard/OperationCard.context.js";
+import { OperationCardStyles, operationCardVariants } from "./OperationCard/OperationCard.styles.js";
+import { OperationCardHeader } from "./OperationCard/parts/OperationCardHeader.js";
+import { OperationCardVisualizer } from "./OperationCard/parts/OperationCardVisualizer.js";
+import { OperationCardStats } from "./OperationCard/parts/OperationCardStats.js";
+import { OperationCardProgress } from "./OperationCard/parts/OperationCardProgress.js";
+import { OperationCardActions } from "./OperationCard/parts/OperationCardActions.js";
+import { OperationCard, OperationCardRoot } from "./OperationCard/index.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./Select/index.js";
 import { dataCardStyles, dataCardVariants } from "./DataCard/DataCard.styles.js";
 import { DataCard, DataCardActions, DataCardBracket, DataCardLabel, DataCardToggle, DataCardValue, useDataCard } from "./DataCard/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mks2508/mks-ui",
-  "version": "0.6.8",
+  "version": "0.8.0",
   "description": "UI component library - Shadcn/Animate UI based with DevEnv components",
   "type": "module",
   "main": "./dist/index.js",
@@ -12,6 +12,7 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./dist/index.css": "./dist/index.css",
     "./react": {
       "types": "./dist/react-ui/index.d.ts",
       "import": "./dist/react-ui/index.js",
@@ -83,16 +84,20 @@
       "default": "./dist/react-ui/blocks/Terminal/display.js"
     },
     "./index.css": {
+      "import": "./dist/index.css",
+      "default": "./dist/index.css",
       "style": "./dist/index.css"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "dist/css"
   ],
   "scripts": {
     "dev": "vite",
     "build": "rm -rf dist && bunx rolldown --config rolldown.config.ts && bunx tsc --emitDeclarationOnly && bunx tsc-alias && cp src/index.css dist/index.css && bun run build:css",
-    "build:css": "find dist -name '*.css' ! -name 'index.css' -type f -exec cat {} \\; >> dist/index.css",
+    "build:css": "bun scripts/build-css.mjs",
+    "build:css-fix-names": "find dist/react-ui/ui -name '*-[a-zA-Z0-9][a-zA-Z0-9][a-zA-Z0-9][a-zA-Z0-9][a-zA-Z0-9][a-zA-Z0-9][a-zA-Z0-9][a-zA-Z0-9].css' -type f -exec sh -c 'mv \"$1\" \"$(echo \"$1\" | sed 's/-[A-Za-z0-9]\\{8\\}\\.css/.css/')\"' _ {} \\;",
     "typecheck": "bunx tsc --noEmit",
     "lint": "bunx oxlint .",
     "preview": "vite preview",
@@ -120,7 +125,9 @@
     "@xterm/addon-web-links": "^0.10.0",
     "@xterm/addon-search": "^0.14.0",
     "@xterm/addon-unicode11": "^0.7.0",
-    "restty": "^0.1.34",
+    "@mks2508/restty": "^0.1.37",
+    "@wterm/core": "^0.1.7",
+    "@wterm/react": "^0.1.7",
     "shiki": "^3.22.0",
     "@tanstack/react-virtual": "^3.13.0"
   },
@@ -140,7 +147,13 @@
     "@xterm/addon-unicode11": {
       "optional": true
     },
-    "restty": {
+    "@mks2508/restty": {
+      "optional": true
+    },
+    "@wterm/core": {
+      "optional": true
+    },
+    "@wterm/react": {
       "optional": true
     },
     "shiki": {
@@ -163,7 +176,7 @@
     "@xterm/addon-unicode11": "^0.9.0",
     "@xterm/addon-web-links": "^0.12.0",
     "@xterm/xterm": "^6.0.0",
-    "restty": "^0.1.34",
+    "@mks2508/restty": "^0.1.37",
     "shiki": "^4.0.2",
     "eslint": "^10.1.0",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -179,4 +192,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

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

@@ -1,146 +0,0 @@
-/**
- * ResttyAdapter - ITerminalAdapter implementation for restty.
- *
- * Wraps restty's GPU-accelerated terminal renderer into the
- * pluggable adapter interface, enabling renderer switching in the UI.
- *
- * Key differences from XTermAdapter:
- * - Restty manages its own PTY WebSocket via custom PtyTransport
- * - GPU rendering (WebGPU/WebGL2) instead of DOM/canvas
- * - No write()/writeln() for injecting display text — restty renders PTY output
- * - Built-in multi-pane, theme catalog, and text shaping with ligatures
- *
- * @module components/devenv/terminal/ResttyAdapter
- */
-import type { ITerminalAdapter, ITerminalAdapterCapabilities, ITerminalBackendType, ITerminalMode, ITerminalOptions, IPtyTransportFactory } from './Terminal.types';
-import type { Restty, ResttyPaneHandle } from 'restty';
-/**
- * ITerminalAdapter implementation backed by restty.
- *
- * Uses restty's Restty class with a custom DevenvPtyTransport
- * that bridges the mks-devenv WebSocket JSON protocol. Status messages
- * are not rendered in the terminal — they should be handled as React overlays.
- *
- * @example
- * ```ts
- * const adapter = new ResttyAdapter({ fontSize: 14 });
- * await adapter.initialize(containerEl, options);
- * adapter.connectPty?.('ws://localhost:3100/terminal/session-1');
- * ```
- */
-export declare class ResttyAdapter implements ITerminalAdapter {
-    /** Backend type identifier for factory pattern */
-    readonly type: ITerminalBackendType;
-    /** Adapter capabilities — restty manages its own connection and supports GPU */
-    readonly capabilities: ITerminalAdapterCapabilities;
-    private restty;
-    private transport;
-    private options;
-    private rootElement;
-    private createTransport?;
-    /**
-     * @param options - Terminal initialization options
-     * @param createTransport - Optional factory to create a custom PTY transport.
-     *   If not provided, restty manages its own PTY connection internally.
-     */
-    constructor(options: ITerminalOptions, createTransport?: IPtyTransportFactory);
-    /**
-     * Initialize restty in the given container element.
-     * Dynamically imports restty to enable code-splitting and SSR safety.
-     *
-     * @param container - DOM element to render the terminal into
-     * @param options - Terminal initialization options
-     */
-    initialize(container: HTMLElement, options: ITerminalOptions): Promise<void>;
-    /**
-     * Write data to the terminal display.
-     * No-op for restty — it renders PTY output via its own connection.
-     * Status messages should be displayed as React overlays.
-     */
-    write(_data: string): void;
-    /**
-     * Write data with newline to the terminal display.
-     * No-op for restty — see write().
-     */
-    writeln(_data: string): void;
-    /**
-     * Clear the terminal screen and scrollback.
-     */
-    clear(): void;
-    /**
-     * Resize the terminal to explicit dimensions.
-     * Uses Restty's native resize() (v0.1.21+) for precise control.
-     *
-     * @param cols - Number of columns
-     * @param rows - Number of rows
-     */
-    resize(cols: number, rows: number): void;
-    /**
-     * Dispose of restty and release all resources (GPU, WASM, WebSocket).
-     */
-    dispose(): void;
-    /**
-     * Switch between interactive and readonly modes.
-     * No-op for restty — mode is determined by PTY connection state.
-     */
-    setMode(_mode: ITerminalMode): void;
-    /**
-     * Focus the terminal for keyboard input.
-     * Uses Restty's native focus() (v0.1.21+) which handles pane focus correctly.
-     */
-    focus(): void;
-    /**
-     * Remove focus from the terminal.
-     * Uses Restty's native blur() (v0.1.21+).
-     */
-    blur(): void;
-    /**
-     * Connect to a PTY backend via WebSocket URL.
-     *
-     * @param url - WebSocket URL for PTY connection
-     */
-    connectPty(url: string): void;
-    /**
-     * Disconnect from the PTY backend.
-     */
-    disconnectPty(): void;
-    /**
-     * Check if PTY WebSocket is connected.
-     */
-    isPtyConnected(): boolean;
-    /**
-     * Update font size at runtime.
-     *
-     * @param size - Font size in CSS pixels
-     */
-    setFontSize(size: number): void;
-    /**
-     * Send raw input data to the terminal PTY.
-     *
-     * @param data - Input data string
-     */
-    sendInput(data: string): void;
-    /**
-     * Copy the current text selection to the clipboard.
-     */
-    copySelection(): Promise<boolean>;
-    /**
-     * Paste clipboard contents into the terminal.
-     */
-    pasteClipboard(): Promise<boolean>;
-    /**
-     * Get the underlying Restty instance for advanced usage.
-     * Use sparingly — prefer the adapter interface.
-     */
-    getResttyInstance(): Restty | null;
-    /**
-     * Get the active pane handle for direct restty pane operations.
-     */
-    getActivePane(): ResttyPaneHandle | null;
-    /**
-     * Build font source list following restty's priority pattern:
-     * local fonts first (fast), then CDN fallback.
-     */
-    private buildFontSources;
-}
-//# sourceMappingURL=ResttyAdapter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResttyAdapter.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/blocks/Terminal/ResttyAdapter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EACV,gBAAgB,EAChB,4BAA4B,EAC5B,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAEhB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAGvD;;;;;;;;;;;;;GAaG;AACH,qBAAa,aAAc,YAAW,gBAAgB;IACpD,kDAAkD;IAClD,SAAgB,IAAI,EAAE,oBAAoB,CAAW;IAErD,gFAAgF;IAChF,SAAgB,YAAY,EAAE,4BAA4B,CAKxD;IAEF,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,eAAe,CAAC,CAAuB;IAE/C;;;;OAIG;gBACS,OAAO,EAAE,gBAAgB,EAAE,eAAe,CAAC,EAAE,oBAAoB;IAK7E;;;;;;OAMG;IACG,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA+BlF;;;;OAIG;IACH,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI1B;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI5B;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;;;;;OAMG;IACH,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAIxC;;OAEG;IACH,OAAO,IAAI,IAAI;IAOf;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAInC;;;OAGG;IACH,KAAK,IAAI,IAAI;IAIb;;;OAGG;IACH,IAAI,IAAI,IAAI;IAIZ;;;;OAIG;IACH,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAI7B;;OAEG;IACH,aAAa,IAAI,IAAI;IAIrB;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB;;;;OAIG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI/B;;;;OAIG;IACH,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI7B;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAIvC;;OAEG;IACG,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC;IAIxC;;;OAGG;IACH,iBAAiB,IAAI,MAAM,GAAG,IAAI;IAIlC;;OAEG;IACH,aAAa,IAAI,gBAAgB,GAAG,IAAI;IAIxC;;;OAGG;IACH,OAAO,CAAC,gBAAgB;CA2BzB"}

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

@@ -1,213 +0,0 @@
-import { getSynthwaveGhosttyTheme, xtermThemeToGhostty } from "./Terminal.theme.restty.js";
-
-//#region src/react-ui/blocks/Terminal/ResttyAdapter.ts
-/**
-* ITerminalAdapter implementation backed by restty.
-*
-* Uses restty's Restty class with a custom DevenvPtyTransport
-* that bridges the mks-devenv WebSocket JSON protocol. Status messages
-* are not rendered in the terminal — they should be handled as React overlays.
-*
-* @example
-* ```ts
-* const adapter = new ResttyAdapter({ fontSize: 14 });
-* await adapter.initialize(containerEl, options);
-* adapter.connectPty?.('ws://localhost:3100/terminal/session-1');
-* ```
-*/
-var ResttyAdapter = class {
-	/** Backend type identifier for factory pattern */
-	type = "xterm";
-	/** Adapter capabilities — restty manages its own connection and supports GPU */
-	capabilities = {
-		managesOwnConnection: true,
-		gpuRendering: true,
-		multiPane: true,
-		builtinThemes: true
-	};
-	restty = null;
-	transport = null;
-	options;
-	rootElement = null;
-	createTransport;
-	/**
-	* @param options - Terminal initialization options
-	* @param createTransport - Optional factory to create a custom PTY transport.
-	*   If not provided, restty manages its own PTY connection internally.
-	*/
-	constructor(options, createTransport) {
-		this.options = options;
-		this.createTransport = createTransport;
-	}
-	/**
-	* Initialize restty in the given container element.
-	* Dynamically imports restty to enable code-splitting and SSR safety.
-	*
-	* @param container - DOM element to render the terminal into
-	* @param options - Terminal initialization options
-	*/
-	async initialize(container, options) {
-		this.options = {
-			...this.options,
-			...options
-		};
-		this.rootElement = container;
-		const { Restty } = await import("restty");
-		this.transport = this.createTransport?.() ?? null;
-		this.restty = new Restty({
-			root: container,
-			appOptions: {
-				renderer: "auto",
-				fontSize: this.options.fontSize ?? 14,
-				autoResize: true,
-				...this.transport ? { ptyTransport: this.transport } : {}
-			},
-			fontSources: this.buildFontSources(),
-			createInitialPane: true,
-			shortcuts: false,
-			defaultContextMenu: true
-		});
-		if (this.options.theme) this.restty.applyTheme(xtermThemeToGhostty(this.options.theme));
-		else this.restty.applyTheme(getSynthwaveGhosttyTheme());
-	}
-	/**
-	* Write data to the terminal display.
-	* No-op for restty — it renders PTY output via its own connection.
-	* Status messages should be displayed as React overlays.
-	*/
-	write(_data) {}
-	/**
-	* Write data with newline to the terminal display.
-	* No-op for restty — see write().
-	*/
-	writeln(_data) {}
-	/**
-	* Clear the terminal screen and scrollback.
-	*/
-	clear() {
-		this.restty?.clearScreen();
-	}
-	/**
-	* Resize the terminal to explicit dimensions.
-	* Uses Restty's native resize() (v0.1.21+) for precise control.
-	*
-	* @param cols - Number of columns
-	* @param rows - Number of rows
-	*/
-	resize(cols, rows) {
-		this.restty?.resize(cols, rows);
-	}
-	/**
-	* Dispose of restty and release all resources (GPU, WASM, WebSocket).
-	*/
-	dispose() {
-		this.restty?.destroy();
-		this.restty = null;
-		this.transport = null;
-		this.rootElement = null;
-	}
-	/**
-	* Switch between interactive and readonly modes.
-	* No-op for restty — mode is determined by PTY connection state.
-	*/
-	setMode(_mode) {}
-	/**
-	* Focus the terminal for keyboard input.
-	* Uses Restty's native focus() (v0.1.21+) which handles pane focus correctly.
-	*/
-	focus() {
-		this.restty?.focus();
-	}
-	/**
-	* Remove focus from the terminal.
-	* Uses Restty's native blur() (v0.1.21+).
-	*/
-	blur() {
-		this.restty?.blur();
-	}
-	/**
-	* Connect to a PTY backend via WebSocket URL.
-	*
-	* @param url - WebSocket URL for PTY connection
-	*/
-	connectPty(url) {
-		this.restty?.connectPty(url);
-	}
-	/**
-	* Disconnect from the PTY backend.
-	*/
-	disconnectPty() {
-		this.restty?.disconnectPty();
-	}
-	/**
-	* Check if PTY WebSocket is connected.
-	*/
-	isPtyConnected() {
-		return this.restty?.isPtyConnected() ?? false;
-	}
-	/**
-	* Update font size at runtime.
-	*
-	* @param size - Font size in CSS pixels
-	*/
-	setFontSize(size) {
-		this.restty?.setFontSize(size);
-	}
-	/**
-	* Send raw input data to the terminal PTY.
-	*
-	* @param data - Input data string
-	*/
-	sendInput(data) {
-		this.restty?.sendInput(data);
-	}
-	/**
-	* Copy the current text selection to the clipboard.
-	*/
-	async copySelection() {
-		return this.restty?.copySelectionToClipboard() ?? false;
-	}
-	/**
-	* Paste clipboard contents into the terminal.
-	*/
-	async pasteClipboard() {
-		return this.restty?.pasteFromClipboard() ?? false;
-	}
-	/**
-	* Get the underlying Restty instance for advanced usage.
-	* Use sparingly — prefer the adapter interface.
-	*/
-	getResttyInstance() {
-		return this.restty;
-	}
-	/**
-	* Get the active pane handle for direct restty pane operations.
-	*/
-	getActivePane() {
-		return this.restty?.activePane() ?? null;
-	}
-	/**
-	* Build font source list following restty's priority pattern:
-	* local fonts first (fast), then CDN fallback.
-	*/
-	buildFontSources() {
-		const family = this.options.fontFamily;
-		if (family) return [{
-			type: "local",
-			matchers: family.split(",").map((f) => f.trim().replace(/['"]/g, "").toLowerCase()).filter(Boolean)
-		}];
-		return [{
-			type: "local",
-			matchers: [
-				"jetbrains mono",
-				"fira code",
-				"sf mono",
-				"cascadia code",
-				"meslo"
-			]
-		}];
-	}
-};
-
-//#endregion
-export { ResttyAdapter };

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

@@ -1,55 +0,0 @@
-/**
- * Terminal adapter interface and factory.
- *
- * Allows switching between xterm.js, WebContainer, and Monaco backends
- * through a unified interface. Backends are loaded dynamically to enable
- * code-splitting and reduce initial bundle size.
- *
- * @module components/devenv/terminal/adapter
- */
-import type { ITerminalAdapter, ITerminalBackendType, ITerminalRendererType, ITerminalOptions } from './Terminal.types';
-/**
- * Create terminal adapter based on backend type.
- *
- * Factory function that instantiates the appropriate terminal backend
- * adapter. Currently only xterm.js is implemented, with WebContainer
- * and Monaco planned for future releases.
- *
- * @param backend - Backend type to instantiate
- * @param options - Terminal options to pass to the adapter
- * @returns Promise resolving to the configured adapter
- *
- * @throws {Error} If backend type is not supported yet
- *
- * @example
- * ```ts
- * const adapter = await createTerminalAdapter('xterm', {
- *   mode: 'interactive',
- *   wsUrl: 'ws://localhost:3100/terminal/session-123',
- * });
- * await adapter.initialize(container, options);
- * ```
- */
-export declare function createTerminalAdapter(backend: ITerminalBackendType, options: ITerminalOptions): Promise<ITerminalAdapter>;
-/**
- * Create terminal adapter based on renderer type.
- *
- * Factory function that instantiates the appropriate terminal renderer
- * adapter. Uses dynamic import for code-splitting — restty's WASM bundle
- * is only loaded when the `'restty'` renderer is selected.
- *
- * @param renderer - Renderer type to instantiate
- * @param options - Terminal options to pass to the adapter
- * @returns Promise resolving to the configured adapter
- *
- * @example
- * ```ts
- * const adapter = await createTerminalAdapterForRenderer('restty', {
- *   mode: 'interactive',
- *   wsUrl: 'ws://localhost:3100/terminal/session-123',
- * });
- * await adapter.initialize(container, options);
- * ```
- */
-export declare function createTerminalAdapterForRenderer(renderer: ITerminalRendererType, options: ITerminalOptions): Promise<ITerminalAdapter>;
-//# sourceMappingURL=Terminal.adapter.d.ts.map