@qodalis/react-cli 2.0.0-beta.2 → 2.0.0-beta.20

package/dist/index.mjs

@@ -0,0 +1,479 @@
+// src/Cli.tsx
+import { useRef as useRef2, useEffect as useEffect2 } from "react";
+import { resolveCliHostConfig } from "@qodalis/cli";
+
+// src/CliContext.tsx
+import { createContext, useContext } from "react";
+var CliContext = createContext({ engine: null });
+function useCli() {
+  return useContext(CliContext);
+}
+
+// src/CliConfigContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx } from "react/jsx-runtime";
+var CliConfigCtx = createContext2({});
+function useCliConfig() {
+  return useContext2(CliConfigCtx);
+}
+function CliConfigProvider({
+  modules,
+  processors,
+  options,
+  services,
+  children
+}) {
+  return /* @__PURE__ */ jsx(CliConfigCtx.Provider, { value: { modules, processors, options, services }, children });
+}
+
+// src/useCliEngine.ts
+import { useRef, useEffect, useState } from "react";
+import { createCliEngine } from "@qodalis/cli";
+function useCliEngine(containerRef, config) {
+  const [engine, setEngine] = useState(null);
+  const engineRef = useRef(null);
+  const initTimerRef = useRef(null);
+  useEffect(() => {
+    if (config?.disabled || !containerRef.current) return;
+    const container = containerRef.current;
+    initTimerRef.current = setTimeout(() => {
+      initTimerRef.current = null;
+      if (!container) return;
+      const e = createCliEngine(container, { ...config, framework: "React" });
+      engineRef.current = e;
+      e.start().then(() => setEngine(e));
+    }, 0);
+    return () => {
+      if (initTimerRef.current !== null) {
+        clearTimeout(initTimerRef.current);
+        initTimerRef.current = null;
+        return;
+      }
+      if (engineRef.current) {
+        engineRef.current.destroy();
+        engineRef.current = null;
+        setEngine(null);
+      }
+    };
+  }, []);
+  return engine;
+}
+
+// src/Cli.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function Cli({
+  modules,
+  processors,
+  options,
+  services,
+  snapshot,
+  onReady,
+  style,
+  className
+}) {
+  const ctx = useCli();
+  const config = useCliConfig();
+  const containerRef = useRef2(null);
+  const hasProvider = !!ctx.engine;
+  const standaloneEngine = useCliEngine(containerRef, {
+    ...resolveCliHostConfig({ modules, processors, options, services }, config),
+    snapshot,
+    disabled: hasProvider
+  });
+  const engine = ctx.engine ?? standaloneEngine;
+  useEffect2(() => {
+    if (engine && onReady) {
+      onReady(engine);
+    }
+  }, [engine, onReady]);
+  if (hasProvider) {
+    return /* @__PURE__ */ jsx2(Fragment, {});
+  }
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: containerRef,
+      style: { height: "100%", ...style },
+      className
+    }
+  );
+}
+
+// src/CliPanel.tsx
+import React3, { useEffect as useEffect3, useLayoutEffect, useState as useState2, useSyncExternalStore } from "react";
+import {
+  CliPanelController,
+  CLOSE_GLYPH,
+  CLOSE_ICON,
+  HIDE_ICON,
+  HIDE_TAB_TERMINAL_ICON,
+  MAXIMIZE_ICON,
+  PANEL_LABELS,
+  RESTORE_ICON,
+  TERMINAL_ICON,
+  collapseChevronIcon,
+  contextMenuItems,
+  contextMenuStyle,
+  glowLineClass,
+  handleRenameKey,
+  hideTabChevronIcon,
+  joinClasses,
+  mergeCliOptions,
+  openStatusDropdown,
+  paneClass,
+  paneStyle,
+  panelTabClass,
+  panelTabDotClass,
+  panelWrapperClass,
+  panelWrapperStyle,
+  panesContainerClass,
+  panesContainerWidth,
+  positionIcon,
+  positionOptions,
+  resolveCliHostConfig as resolveCliHostConfig2,
+  runContextMenuAction,
+  statusIndicators,
+  svgAttrs
+} from "@qodalis/cli";
+import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function reactSvgProps(attrs) {
+  const props = {};
+  for (const [key, value] of Object.entries(attrs)) {
+    props[key.replace(/-([a-z])/g, (_, c) => c.toUpperCase())] = value;
+  }
+  return props;
+}
+function Icon({ icon, className }) {
+  return /* @__PURE__ */ jsx3("svg", { className, ...reactSvgProps(svgAttrs(icon)), children: icon.shapes.map((shape, i) => React3.createElement(shape.tag, { key: i, ...reactSvgProps(shape.attrs) })) });
+}
+var focusAndSelect = (input) => {
+  if (input && document.activeElement !== input) {
+    input.focus();
+    input.select();
+  }
+};
+var asStyle = (style) => style;
+var CliPanel = React3.forwardRef(function CliPanel2(props, ref) {
+  const config = useCliConfig();
+  const options = mergeCliOptions(props.options, config.options);
+  const { modules, processors, services } = resolveCliHostConfig2(props, config);
+  const [controller] = useState2(
+    () => new CliPanelController({
+      config: options,
+      controlled: {
+        collapsed: props.collapsed,
+        hidden: props.hidden,
+        maximized: props.maximized,
+        activeTabId: props.activeTabId,
+        position: props.position,
+        height: props.height,
+        width: props.width
+      }
+    })
+  );
+  const s = useSyncExternalStore(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+  const [rootElement, setRootElement] = useState2(null);
+  useLayoutEffect(() => {
+    controller.setCallbacks({
+      onCollapsedChange: props.onCollapsedChange,
+      onHiddenChange: props.onHiddenChange,
+      onMaximizedChange: props.onMaximizedChange,
+      onActiveTabIdChange: props.onActiveTabIdChange,
+      onPositionChange: props.onPositionChange,
+      onHeightChange: props.onHeightChange,
+      onWidthChange: props.onWidthChange,
+      onClose: props.onClose,
+      onTabAdded: props.onTabAdded,
+      onTabClosed: props.onTabClosed,
+      onPaneSplit: props.onPaneSplit,
+      onPaneClosed: props.onPaneClosed
+    });
+    controller.setControlled({
+      collapsed: props.collapsed,
+      hidden: props.hidden,
+      maximized: props.maximized,
+      activeTabId: props.activeTabId,
+      position: props.position,
+      height: props.height,
+      width: props.width
+    });
+    controller.setOptions(options);
+  });
+  useEffect3(() => controller.setRootElement(rootElement), [controller, rootElement]);
+  useEffect3(() => () => controller.destroy(), [controller]);
+  React3.useImperativeHandle(ref, () => controller, [controller]);
+  if (!s.visible) return null;
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    s.hidden && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "cli-panel-hide-tab",
+        "data-position": s.position,
+        "data-hide-align": s.hideAlignment,
+        style: asStyle(s.themeStyles),
+        title: PANEL_LABELS.showCli,
+        onClick: () => controller.unhide(),
+        children: [
+          /* @__PURE__ */ jsx3(Icon, { icon: HIDE_TAB_TERMINAL_ICON, className: "cli-panel-hide-tab-icon" }),
+          /* @__PURE__ */ jsx3("span", { className: "cli-panel-hide-tab-label", children: PANEL_LABELS.title }),
+          /* @__PURE__ */ jsx3(Icon, { icon: hideTabChevronIcon(s.position), className: "cli-panel-hide-tab-arrow" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setRootElement,
+        className: panelWrapperClass(s, props.className),
+        style: { ...asStyle(panelWrapperStyle(s)), ...props.style },
+        "data-position": s.position,
+        "data-resizable": String(s.resizable),
+        "data-closable": String(s.closable),
+        "data-hideable": String(s.hideable),
+        children: [
+          /* @__PURE__ */ jsx3(PanelHeader, { controller, s }),
+          s.initialized && /* @__PURE__ */ jsxs("div", { className: "cli-panel-content", style: s.collapsed ? { display: "none" } : void 0, children: [
+            /* @__PURE__ */ jsxs("div", { className: "cli-panel-tabs", children: [
+              /* @__PURE__ */ jsx3("ul", { className: "cli-panel-tab-list", children: s.tabs.map((tab) => /* @__PURE__ */ jsx3(
+                "li",
+                {
+                  className: panelTabClass(s, tab),
+                  onClick: () => controller.selectTab(tab.id),
+                  onDoubleClick: () => controller.startRename(tab.id),
+                  onContextMenu: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    controller.openContextMenu(tab.id, e.clientX, e.clientY);
+                  },
+                  children: tab.isEditing ? /* @__PURE__ */ jsx3(
+                    "input",
+                    {
+                      className: "cli-panel-tab-rename-input",
+                      type: "text",
+                      defaultValue: tab.title,
+                      ref: focusAndSelect,
+                      onKeyDown: (e) => handleRenameKey(controller, tab.id, e.key, e.currentTarget.value),
+                      onBlur: (e) => controller.commitRename(tab.id, e.target.value),
+                      onClick: (e) => e.stopPropagation(),
+                      onDoubleClick: (e) => e.stopPropagation()
+                    }
+                  ) : /* @__PURE__ */ jsxs(Fragment2, { children: [
+                    /* @__PURE__ */ jsx3("span", { className: panelTabDotClass(s, tab) }),
+                    /* @__PURE__ */ jsx3("span", { className: "cli-panel-tab-title", children: tab.title }),
+                    /* @__PURE__ */ jsx3(
+                      "button",
+                      {
+                        className: "cli-panel-tab-close-btn",
+                        title: PANEL_LABELS.closeTab,
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          controller.closeTab(tab.id);
+                        },
+                        children: CLOSE_GLYPH
+                      }
+                    )
+                  ] })
+                },
+                tab.id
+              )) }),
+              /* @__PURE__ */ jsx3("button", { className: "cli-panel-add-tab", title: PANEL_LABELS.newTerminal, onClick: () => controller.addTab(), children: "+" })
+            ] }),
+            /* @__PURE__ */ jsx3("div", { className: "cli-panel-instances", children: s.tabs.map((tab) => /* @__PURE__ */ jsx3("div", { className: "cli-panel-instance", style: { display: tab.id === s.activeTabId ? void 0 : "none" }, children: /* @__PURE__ */ jsx3("div", { className: panesContainerClass(s), children: tab.panes.map((pane, i) => /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+              i > 0 && /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  className: "cli-panel-pane-divider",
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                    controller.startPaneResize(tab.id, i - 1, e.clientX, panesContainerWidth(e.target));
+                  },
+                  children: /* @__PURE__ */ jsx3("div", { className: "cli-panel-pane-divider-grip" })
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: paneClass(s, tab.id, pane.id),
+                  style: paneStyle(pane.widthPercent),
+                  onClick: () => controller.activatePane(tab.id, pane.id),
+                  children: [
+                    tab.panes.length > 1 && /* @__PURE__ */ jsx3(
+                      "button",
+                      {
+                        className: "cli-panel-pane-close-btn",
+                        title: PANEL_LABELS.closePane,
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          controller.closePane(pane.id);
+                        },
+                        children: CLOSE_GLYPH
+                      }
+                    ),
+                    /* @__PURE__ */ jsx3(CliContext.Provider, { value: { engine: null }, children: /* @__PURE__ */ jsx3(
+                      Cli,
+                      {
+                        options,
+                        modules,
+                        processors,
+                        services,
+                        snapshot: pane.snapshot,
+                        onReady: (engine) => controller.registerEngine(tab.id, pane.id, engine)
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ] }, pane.id)) }) }, tab.id)) })
+          ] })
+        ]
+      }
+    ),
+    s.contextMenu.visible && /* @__PURE__ */ jsx3("div", { className: "cli-panel-context-menu", style: asStyle(contextMenuStyle(s)), onClick: (e) => e.stopPropagation(), children: contextMenuItems(s).map((item) => /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+      item.separatorBefore && /* @__PURE__ */ jsx3("div", { className: "cli-panel-context-menu-separator" }),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          className: joinClasses("cli-panel-context-menu-item", item.destructive && "destructive"),
+          disabled: item.disabled,
+          onClick: () => runContextMenuAction(controller, item.action),
+          children: item.label
+        }
+      )
+    ] }, item.action)) }),
+    /* @__PURE__ */ jsx3(StatusDropdown, { s })
+  ] });
+});
+function StatusDropdown({ s }) {
+  const dropdown = openStatusDropdown(s);
+  if (!dropdown) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "cli-panel-services-dropdown", style: asStyle(dropdown.style), onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx3("div", { className: "cli-panel-services-dropdown-header", children: dropdown.header }),
+    /* @__PURE__ */ jsx3("div", { className: "cli-panel-services-dropdown-list", children: dropdown.rows.map((row) => /* @__PURE__ */ jsxs("div", { className: "cli-panel-services-dropdown-item", children: [
+      /* @__PURE__ */ jsx3("span", { className: row.dotClass }),
+      /* @__PURE__ */ jsxs("div", { className: "cli-panel-svc-info", children: [
+        /* @__PURE__ */ jsx3("span", { className: "cli-panel-svc-name", children: row.name }),
+        row.description && /* @__PURE__ */ jsx3("span", { className: "cli-panel-svc-desc", children: row.description })
+      ] }),
+      dropdown.kind === "servers" ? /* @__PURE__ */ jsxs("div", { className: "cli-panel-srv-meta", children: [
+        /* @__PURE__ */ jsx3("span", { className: "cli-panel-svc-status", children: row.status }),
+        row.meta.map((m) => /* @__PURE__ */ jsx3("span", { className: "cli-panel-svc-desc", children: m }, m))
+      ] }) : /* @__PURE__ */ jsx3("span", { className: "cli-panel-svc-status", children: row.status })
+    ] }, row.key)) }),
+    dropdown.rows.length === 0 && /* @__PURE__ */ jsx3("div", { className: "cli-panel-services-dropdown-empty", children: dropdown.emptyText })
+  ] });
+}
+function PanelHeader({ controller, s }) {
+  const indicators = statusIndicators(s);
+  const openDropdown = (e, dropdown) => {
+    if (!dropdown) return;
+    e.stopPropagation();
+    if (dropdown === "services") controller.toggleServicesDropdown(e.currentTarget);
+    else controller.toggleServersDropdown(e.currentTarget);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "cli-panel-header", children: [
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "cli-panel-resize-bar",
+        onMouseDown: (e) => {
+          if (!s.resizable) return;
+          e.preventDefault();
+          controller.startPanelResize(e.clientX, e.clientY);
+        },
+        children: /* @__PURE__ */ jsx3("div", { className: "cli-panel-resize-grip" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "cli-panel-header-content", children: [
+      /* @__PURE__ */ jsxs("p", { className: "cli-panel-title", children: [
+        /* @__PURE__ */ jsx3("span", { className: "cli-panel-title-icon", children: /* @__PURE__ */ jsx3(Icon, { icon: TERMINAL_ICON }) }),
+        PANEL_LABELS.title
+      ] }),
+      s.showStatusIndicators && /* @__PURE__ */ jsx3("div", { className: "cli-panel-status-indicators", children: indicators.map((item) => /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: joinClasses("cli-panel-status-item", item.itemClass),
+          onClick: item.dropdown ? (e) => openDropdown(e, item.dropdown) : void 0,
+          children: [
+            item.dotClass && /* @__PURE__ */ jsx3("span", { className: `cli-panel-status-dot ${item.dotClass}` }),
+            item.icon && /* @__PURE__ */ jsx3("span", { className: joinClasses("cli-panel-status-icon", item.iconClass), children: item.icon }),
+            /* @__PURE__ */ jsx3("span", { className: "cli-panel-status-label", children: item.label })
+          ]
+        },
+        item.key
+      )) }),
+      /* @__PURE__ */ jsx3("div", { className: "cli-panel-status-indicators-compact", children: indicators.map((item) => /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: joinClasses("cli-panel-status-compact-item", item.compactClass),
+          title: item.title,
+          onClick: item.dropdown ? (e) => openDropdown(e, item.dropdown) : void 0,
+          children: [
+            item.compactDotClass && /* @__PURE__ */ jsx3("span", { className: item.compactDotClass }),
+            item.dotClass && /* @__PURE__ */ jsx3("span", { className: `cli-panel-status-dot ${item.dotClass}` }),
+            item.icon && /* @__PURE__ */ jsx3("span", { className: joinClasses("cli-panel-status-icon", item.iconClass), children: item.icon })
+          ]
+        },
+        item.key
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "cli-panel-action-buttons", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cli-panel-btn-position-wrapper", onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ jsx3("button", { className: "cli-panel-btn cli-panel-btn-position", title: PANEL_LABELS.movePanel, onClick: () => controller.togglePositionDropdown(), children: /* @__PURE__ */ jsx3(Icon, { icon: positionIcon(s.position) }) }),
+          s.positionDropdownOpen && /* @__PURE__ */ jsx3("div", { className: "cli-panel-position-dropdown", children: positionOptions(s).map((opt) => /* @__PURE__ */ jsxs("button", { className: opt.className, onClick: () => controller.setPosition(opt.position), children: [
+            /* @__PURE__ */ jsx3(Icon, { icon: positionIcon(opt.position, 16) }),
+            opt.label
+          ] }, opt.position)) })
+        ] }),
+        s.hideable && /* @__PURE__ */ jsx3("button", { className: "cli-panel-btn cli-panel-btn-hide", title: PANEL_LABELS.hide, onClick: () => controller.hide(), children: /* @__PURE__ */ jsx3(Icon, { icon: HIDE_ICON }) }),
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            className: "cli-panel-btn",
+            title: s.maximized ? PANEL_LABELS.restore : PANEL_LABELS.maximize,
+            disabled: s.collapsed,
+            onClick: () => controller.toggleMaximize(),
+            children: /* @__PURE__ */ jsx3(Icon, { icon: s.maximized ? RESTORE_ICON : MAXIMIZE_ICON })
+          }
+        ),
+        /* @__PURE__ */ jsx3("button", { className: "cli-panel-btn", title: s.collapsed ? PANEL_LABELS.expand : PANEL_LABELS.collapse, onClick: () => controller.toggle(), children: /* @__PURE__ */ jsx3(Icon, { icon: collapseChevronIcon(s.position, s.collapsed) }) }),
+        s.closable && /* @__PURE__ */ jsx3("button", { className: "cli-panel-btn cli-panel-btn-close", title: PANEL_LABELS.close, onClick: () => controller.close(), children: /* @__PURE__ */ jsx3(Icon, { icon: CLOSE_ICON }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: glowLineClass(s) })
+  ] });
+}
+
+// src/CliProvider.tsx
+import { useRef as useRef3 } from "react";
+import { resolveCliHostConfig as resolveCliHostConfig3 } from "@qodalis/cli";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function CliProvider({
+  modules,
+  processors,
+  options,
+  services,
+  children,
+  style
+}) {
+  const config = useCliConfig();
+  const containerRef = useRef3(null);
+  const engine = useCliEngine(containerRef, resolveCliHostConfig3({ modules, processors, options, services }, config));
+  return /* @__PURE__ */ jsxs2(CliContext.Provider, { value: { engine }, children: [
+    /* @__PURE__ */ jsx4("div", { ref: containerRef, style: { height: "100%", ...style } }),
+    children
+  ] });
+}
+
+// src/index.tsx
+import { CliEngine as CliEngine4 } from "@qodalis/cli";
+export {
+  Cli,
+  CliConfigProvider,
+  CliContext,
+  CliEngine4 as CliEngine,
+  CliPanel,
+  CliProvider,
+  useCli,
+  useCliConfig,
+  useCliEngine
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Cli.tsx","../src/CliContext.tsx","../src/CliConfigContext.tsx","../src/useCliEngine.ts","../src/CliPanel.tsx","../src/CliProvider.tsx","../src/index.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { ICliCommandProcessor, ICliModule, CliEngineSnapshot } from '@qodalis/cli-core';\nimport { CliEngine, CliEngineOptions, resolveCliHostConfig } from '@qodalis/cli';\nimport { useCli } from './CliContext';\nimport { useCliConfig } from './CliConfigContext';\nimport { useCliEngine } from './useCliEngine';\n\nexport interface CliProps {\n    modules?: ICliModule[];\n    processors?: ICliCommandProcessor[];\n    options?: CliEngineOptions;\n    services?: Record<string, any>;\n    snapshot?: CliEngineSnapshot;\n    onReady?: (engine: CliEngine) => void;\n    style?: React.CSSProperties;\n    className?: string;\n}\n\nexport function Cli({\n    modules,\n    processors,\n    options,\n    services,\n    snapshot,\n    onReady,\n    style,\n    className,\n}: CliProps): React.JSX.Element {\n    const ctx = useCli();\n    const config = useCliConfig();\n    const containerRef = useRef<HTMLDivElement>(null);\n    const hasProvider = !!ctx.engine;\n\n    // Always call the hook (React rules), but disable it when inside a CliProvider.\n    const standaloneEngine = useCliEngine(containerRef, {\n        ...resolveCliHostConfig({ modules, processors, options, services }, config),\n        snapshot,\n        disabled: hasProvider,\n    });\n\n    const engine = ctx.engine ?? standaloneEngine;\n\n    useEffect(() => {\n        if (engine && onReady) {\n            onReady(engine);\n        }\n    }, [engine, onReady]);\n\n    // If inside a CliProvider, render nothing (provider has the terminal div).\n    if (hasProvider) {\n        return <></>;\n    }\n\n    return (\n        <div\n            ref={containerRef}\n            style={{ height: '100%', ...style }}\n            className={className}\n        />\n    );\n}\n","import { createContext, useContext } from 'react';\nimport { CliEngine } from '@qodalis/cli';\n\nexport interface CliContextValue {\n    engine: CliEngine | null;\n}\n\nexport const CliContext = createContext<CliContextValue>({ engine: null });\n\nexport function useCli(): CliContextValue {\n    return useContext(CliContext);\n}\n","import React, { createContext, useContext } from 'react';\nimport { ICliCommandProcessor, ICliModule, CliOptions } from '@qodalis/cli-core';\nimport { CliEngineOptions } from '@qodalis/cli';\n\nexport interface CliConfigValue {\n    modules?: ICliModule[];\n    processors?: ICliCommandProcessor[];\n    options?: CliEngineOptions;\n    services?: Record<string, any>;\n}\n\nconst CliConfigCtx = createContext<CliConfigValue>({});\n\nexport function useCliConfig(): CliConfigValue {\n    return useContext(CliConfigCtx);\n}\n\nexport interface CliConfigProviderProps extends CliConfigValue {\n    children: React.ReactNode;\n}\n\nexport function CliConfigProvider({\n    modules,\n    processors,\n    options,\n    services,\n    children,\n}: CliConfigProviderProps): React.JSX.Element {\n    return (\n        <CliConfigCtx.Provider value={{ modules, processors, options, services }}>\n            {children}\n        </CliConfigCtx.Provider>\n    );\n}\n","import { useRef, useEffect, useState, RefObject } from 'react';\nimport { CliEngine, CreateCliEngineConfig, createCliEngine } from '@qodalis/cli';\n\nexport interface UseCliEngineConfig extends Omit<CreateCliEngineConfig, 'framework'> {\n    disabled?: boolean;\n}\n\nexport function useCliEngine(\n    containerRef: RefObject<HTMLElement | null>,\n    config?: UseCliEngineConfig,\n): CliEngine | null {\n    const [engine, setEngine] = useState<CliEngine | null>(null);\n    const engineRef = useRef<CliEngine | null>(null);\n    const initTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        if (config?.disabled || !containerRef.current) return;\n\n        // Defer initialization slightly so that StrictMode's immediate\n        // unmount (mount → unmount → remount) cancels the first attempt\n        // via the cleanup function, while non-StrictMode proceeds normally.\n        const container = containerRef.current;\n        initTimerRef.current = setTimeout(() => {\n            initTimerRef.current = null;\n            if (!container) return;\n\n            const e = createCliEngine(container, { ...config, framework: 'React' });\n\n            engineRef.current = e;\n            e.start().then(() => setEngine(e));\n        }, 0);\n\n        return () => {\n            if (initTimerRef.current !== null) {\n                clearTimeout(initTimerRef.current);\n                initTimerRef.current = null;\n                return;\n            }\n            if (engineRef.current) {\n                engineRef.current.destroy();\n                engineRef.current = null;\n                setEngine(null);\n            }\n        };\n    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    return engine;\n}\n","import React, { useEffect, useLayoutEffect, useState, useSyncExternalStore } from 'react';\nimport { ICliCommandProcessor, ICliModule, CliPanelConfig, CliPanelPosition, ICliPanelRef } from '@qodalis/cli-core';\nimport {\n    CliEngine,\n    CliEngineOptions,\n    CliPanelController,\n    CliPanelSnapshot,\n    CLOSE_GLYPH,\n    CLOSE_ICON,\n    HIDE_ICON,\n    HIDE_TAB_TERMINAL_ICON,\n    MAXIMIZE_ICON,\n    PANEL_LABELS,\n    RESTORE_ICON,\n    SvgIcon,\n    TERMINAL_ICON,\n    collapseChevronIcon,\n    contextMenuItems,\n    contextMenuStyle,\n    glowLineClass,\n    handleRenameKey,\n    hideTabChevronIcon,\n    joinClasses,\n    mergeCliOptions,\n    openStatusDropdown,\n    paneClass,\n    paneStyle,\n    panelTabClass,\n    panelTabDotClass,\n    panelWrapperClass,\n    panelWrapperStyle,\n    panesContainerClass,\n    panesContainerWidth,\n    positionIcon,\n    positionOptions,\n    resolveCliHostConfig,\n    runContextMenuAction,\n    statusIndicators,\n    svgAttrs,\n} from '@qodalis/cli';\nimport { Cli } from './Cli';\nimport { CliContext } from './CliContext';\nimport { useCliConfig } from './CliConfigContext';\n\nexport interface CliPanelOptions extends CliEngineOptions, CliPanelConfig {}\n\nexport interface CliPanelProps {\n    options?: CliPanelOptions;\n    modules?: ICliModule[];\n    processors?: ICliCommandProcessor[];\n    services?: Record<string, any>;\n    onClose?: () => void;\n    style?: React.CSSProperties;\n    className?: string;\n\n    // Bindable properties (controlled mode)\n    collapsed?: boolean;\n    onCollapsedChange?: (collapsed: boolean) => void;\n    hidden?: boolean;\n    onHiddenChange?: (hidden: boolean) => void;\n    maximized?: boolean;\n    onMaximizedChange?: (maximized: boolean) => void;\n    activeTabId?: number;\n    onActiveTabIdChange?: (tabId: number) => void;\n    position?: CliPanelPosition;\n    onPositionChange?: (position: CliPanelPosition) => void;\n    height?: number;\n    onHeightChange?: (height: number) => void;\n    width?: number;\n    onWidthChange?: (width: number) => void;\n\n    // Structural events\n    onTabAdded?: (event: { tabId: number }) => void;\n    onTabClosed?: (event: { tabId: number }) => void;\n    onPaneSplit?: (event: { paneId: number; tabId: number }) => void;\n    onPaneClosed?: (event: { paneId: number }) => void;\n}\n\n/* ─── Icons ──────────────────────────────────────────────── */\n\n/** SVG attribute names in React's camelCase spelling. */\nfunction reactSvgProps(attrs: Record<string, string>): Record<string, string> {\n    const props: Record<string, string> = {};\n    for (const [key, value] of Object.entries(attrs)) {\n        props[key.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())] = value;\n    }\n    return props;\n}\n\nfunction Icon({ icon, className }: { icon: SvgIcon; className?: string }) {\n    return (\n        <svg className={className} {...reactSvgProps(svgAttrs(icon))}>\n            {icon.shapes.map((shape, i) => React.createElement(shape.tag, { key: i, ...reactSvgProps(shape.attrs) }))}\n        </svg>\n    );\n}\n\n/** Focus a freshly mounted rename input and select its text. */\nconst focusAndSelect = (input: HTMLInputElement | null) => {\n    if (input && document.activeElement !== input) {\n        input.focus();\n        input.select();\n    }\n};\n\nconst asStyle = (style: Record<string, string>) => style as React.CSSProperties;\n\n/* ─── Component ──────────────────────────────────────────── */\n\nexport const CliPanel = React.forwardRef<ICliPanelRef<CliEngine>, CliPanelProps>(function CliPanel(props, ref) {\n    const config = useCliConfig();\n    const options = mergeCliOptions<CliPanelOptions>(props.options, config.options);\n    const { modules, processors, services } = resolveCliHostConfig(props, config);\n\n    const [controller] = useState(\n        () =>\n            new CliPanelController({\n                config: options,\n                controlled: {\n                    collapsed: props.collapsed,\n                    hidden: props.hidden,\n                    maximized: props.maximized,\n                    activeTabId: props.activeTabId,\n                    position: props.position,\n                    height: props.height,\n                    width: props.width,\n                },\n            }),\n    );\n    const s = useSyncExternalStore(controller.subscribe, controller.getSnapshot, controller.getSnapshot);\n    const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null);\n\n    // Keep the controller in sync with props before the browser paints.\n    useLayoutEffect(() => {\n        controller.setCallbacks({\n            onCollapsedChange: props.onCollapsedChange,\n            onHiddenChange: props.onHiddenChange,\n            onMaximizedChange: props.onMaximizedChange,\n            onActiveTabIdChange: props.onActiveTabIdChange,\n            onPositionChange: props.onPositionChange,\n            onHeightChange: props.onHeightChange,\n            onWidthChange: props.onWidthChange,\n            onClose: props.onClose,\n            onTabAdded: props.onTabAdded,\n            onTabClosed: props.onTabClosed,\n            onPaneSplit: props.onPaneSplit,\n            onPaneClosed: props.onPaneClosed,\n        });\n        controller.setControlled({\n            collapsed: props.collapsed,\n            hidden: props.hidden,\n            maximized: props.maximized,\n            activeTabId: props.activeTabId,\n            position: props.position,\n            height: props.height,\n            width: props.width,\n        });\n        controller.setOptions(options);\n    });\n\n    useEffect(() => controller.setRootElement(rootElement), [controller, rootElement]);\n    useEffect(() => () => controller.destroy(), [controller]);\n    React.useImperativeHandle(ref, () => controller, [controller]);\n\n    if (!s.visible) return null;\n\n    return (\n        <>\n            {s.hidden && (\n                <button\n                    className=\"cli-panel-hide-tab\"\n                    data-position={s.position}\n                    data-hide-align={s.hideAlignment}\n                    style={asStyle(s.themeStyles)}\n                    title={PANEL_LABELS.showCli}\n                    onClick={() => controller.unhide()}\n                >\n                    <Icon icon={HIDE_TAB_TERMINAL_ICON} className=\"cli-panel-hide-tab-icon\" />\n                    <span className=\"cli-panel-hide-tab-label\">{PANEL_LABELS.title}</span>\n                    <Icon icon={hideTabChevronIcon(s.position)} className=\"cli-panel-hide-tab-arrow\" />\n                </button>\n            )}\n            <div\n                ref={setRootElement}\n                className={panelWrapperClass(s, props.className)}\n                style={{ ...asStyle(panelWrapperStyle(s)), ...props.style }}\n                data-position={s.position}\n                data-resizable={String(s.resizable)}\n                data-closable={String(s.closable)}\n                data-hideable={String(s.hideable)}\n            >\n                <PanelHeader controller={controller} s={s} />\n                {s.initialized && (\n                    <div className=\"cli-panel-content\" style={s.collapsed ? { display: 'none' } : undefined}>\n                        <div className=\"cli-panel-tabs\">\n                            <ul className=\"cli-panel-tab-list\">\n                                {s.tabs.map((tab) => (\n                                    <li\n                                        key={tab.id}\n                                        className={panelTabClass(s, tab)}\n                                        onClick={() => controller.selectTab(tab.id)}\n                                        onDoubleClick={() => controller.startRename(tab.id)}\n                                        onContextMenu={(e) => {\n                                            e.preventDefault();\n                                            e.stopPropagation();\n                                            controller.openContextMenu(tab.id, e.clientX, e.clientY);\n                                        }}\n                                    >\n                                        {tab.isEditing ? (\n                                            <input\n                                                className=\"cli-panel-tab-rename-input\"\n                                                type=\"text\"\n                                                defaultValue={tab.title}\n                                                ref={focusAndSelect}\n                                                onKeyDown={(e) => handleRenameKey(controller, tab.id, e.key, e.currentTarget.value)}\n                                                onBlur={(e) => controller.commitRename(tab.id, e.target.value)}\n                                                onClick={(e) => e.stopPropagation()}\n                                                onDoubleClick={(e) => e.stopPropagation()}\n                                            />\n                                        ) : (\n                                            <>\n                                                <span className={panelTabDotClass(s, tab)} />\n                                                <span className=\"cli-panel-tab-title\">{tab.title}</span>\n                                                <button\n                                                    className=\"cli-panel-tab-close-btn\"\n                                                    title={PANEL_LABELS.closeTab}\n                                                    onClick={(e) => {\n                                                        e.stopPropagation();\n                                                        controller.closeTab(tab.id);\n                                                    }}\n                                                >\n                                                    {CLOSE_GLYPH}\n                                                </button>\n                                            </>\n                                        )}\n                                    </li>\n                                ))}\n                            </ul>\n                            <button className=\"cli-panel-add-tab\" title={PANEL_LABELS.newTerminal} onClick={() => controller.addTab()}>\n                                +\n                            </button>\n                        </div>\n\n                        <div className=\"cli-panel-instances\">\n                            {s.tabs.map((tab) => (\n                                <div key={tab.id} className=\"cli-panel-instance\" style={{ display: tab.id === s.activeTabId ? undefined : 'none' }}>\n                                    <div className={panesContainerClass(s)}>\n                                        {tab.panes.map((pane, i) => (\n                                            <React.Fragment key={pane.id}>\n                                                {i > 0 && (\n                                                    <div\n                                                        className=\"cli-panel-pane-divider\"\n                                                        onMouseDown={(e) => {\n                                                            e.preventDefault();\n                                                            controller.startPaneResize(tab.id, i - 1, e.clientX, panesContainerWidth(e.target));\n                                                        }}\n                                                    >\n                                                        <div className=\"cli-panel-pane-divider-grip\" />\n                                                    </div>\n                                                )}\n                                                <div\n                                                    className={paneClass(s, tab.id, pane.id)}\n                                                    style={paneStyle(pane.widthPercent)}\n                                                    onClick={() => controller.activatePane(tab.id, pane.id)}\n                                                >\n                                                    {tab.panes.length > 1 && (\n                                                        <button\n                                                            className=\"cli-panel-pane-close-btn\"\n                                                            title={PANEL_LABELS.closePane}\n                                                            onClick={(e) => {\n                                                                e.stopPropagation();\n                                                                controller.closePane(pane.id);\n                                                            }}\n                                                        >\n                                                            {CLOSE_GLYPH}\n                                                        </button>\n                                                    )}\n                                                    <CliContext.Provider value={{ engine: null }}>\n                                                        <Cli\n                                                            options={options}\n                                                            modules={modules}\n                                                            processors={processors}\n                                                            services={services}\n                                                            snapshot={pane.snapshot}\n                                                            onReady={(engine) => controller.registerEngine(tab.id, pane.id, engine)}\n                                                        />\n                                                    </CliContext.Provider>\n                                                </div>\n                                            </React.Fragment>\n                                        ))}\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            {s.contextMenu.visible && (\n                <div className=\"cli-panel-context-menu\" style={asStyle(contextMenuStyle(s))} onClick={(e) => e.stopPropagation()}>\n                    {contextMenuItems(s).map((item) => (\n                        <React.Fragment key={item.action}>\n                            {item.separatorBefore && <div className=\"cli-panel-context-menu-separator\" />}\n                            <button\n                                className={joinClasses('cli-panel-context-menu-item', item.destructive && 'destructive')}\n                                disabled={item.disabled}\n                                onClick={() => runContextMenuAction(controller, item.action)}\n                            >\n                                {item.label}\n                            </button>\n                        </React.Fragment>\n                    ))}\n                </div>\n            )}\n\n            <StatusDropdown s={s} />\n        </>\n    );\n});\n\n/* ─── Services / servers dropdown ────────────────────────── */\n\nfunction StatusDropdown({ s }: { s: CliPanelSnapshot }) {\n    const dropdown = openStatusDropdown(s);\n    if (!dropdown) return null;\n    return (\n        <div className=\"cli-panel-services-dropdown\" style={asStyle(dropdown.style)} onClick={(e) => e.stopPropagation()}>\n            <div className=\"cli-panel-services-dropdown-header\">{dropdown.header}</div>\n            <div className=\"cli-panel-services-dropdown-list\">\n                {dropdown.rows.map((row) => (\n                    <div key={row.key} className=\"cli-panel-services-dropdown-item\">\n                        <span className={row.dotClass} />\n                        <div className=\"cli-panel-svc-info\">\n                            <span className=\"cli-panel-svc-name\">{row.name}</span>\n                            {row.description && <span className=\"cli-panel-svc-desc\">{row.description}</span>}\n                        </div>\n                        {dropdown.kind === 'servers' ? (\n                            <div className=\"cli-panel-srv-meta\">\n                                <span className=\"cli-panel-svc-status\">{row.status}</span>\n                                {row.meta.map((m) => (\n                                    <span key={m} className=\"cli-panel-svc-desc\">\n                                        {m}\n                                    </span>\n                                ))}\n                            </div>\n                        ) : (\n                            <span className=\"cli-panel-svc-status\">{row.status}</span>\n                        )}\n                    </div>\n                ))}\n            </div>\n            {dropdown.rows.length === 0 && <div className=\"cli-panel-services-dropdown-empty\">{dropdown.emptyText}</div>}\n        </div>\n    );\n}\n\n/* ─── Header ─────────────────────────────────────────────── */\n\nfunction PanelHeader({ controller, s }: { controller: CliPanelController; s: CliPanelSnapshot }) {\n    const indicators = statusIndicators(s);\n    const openDropdown = (e: React.MouseEvent, dropdown?: 'services' | 'servers') => {\n        if (!dropdown) return;\n        e.stopPropagation();\n        if (dropdown === 'services') controller.toggleServicesDropdown(e.currentTarget);\n        else controller.toggleServersDropdown(e.currentTarget);\n    };\n\n    return (\n        <div className=\"cli-panel-header\">\n            <div\n                className=\"cli-panel-resize-bar\"\n                onMouseDown={(e) => {\n                    if (!s.resizable) return;\n                    e.preventDefault();\n                    controller.startPanelResize(e.clientX, e.clientY);\n                }}\n            >\n                <div className=\"cli-panel-resize-grip\" />\n            </div>\n            <div className=\"cli-panel-header-content\">\n                <p className=\"cli-panel-title\">\n                    <span className=\"cli-panel-title-icon\">\n                        <Icon icon={TERMINAL_ICON} />\n                    </span>\n                    {PANEL_LABELS.title}\n                </p>\n\n                {s.showStatusIndicators && (\n                    <div className=\"cli-panel-status-indicators\">\n                        {indicators.map((item) => (\n                            <span\n                                key={item.key}\n                                className={joinClasses('cli-panel-status-item', item.itemClass)}\n                                onClick={item.dropdown ? (e) => openDropdown(e, item.dropdown) : undefined}\n                            >\n                                {item.dotClass && <span className={`cli-panel-status-dot ${item.dotClass}`} />}\n                                {item.icon && <span className={joinClasses('cli-panel-status-icon', item.iconClass)}>{item.icon}</span>}\n                                <span className=\"cli-panel-status-label\">{item.label}</span>\n                            </span>\n                        ))}\n                    </div>\n                )}\n\n                {/* Compact indicators for left/right positions (CSS controls visibility). */}\n                <div className=\"cli-panel-status-indicators-compact\">\n                    {indicators.map((item) => (\n                        <span\n                            key={item.key}\n                            className={joinClasses('cli-panel-status-compact-item', item.compactClass)}\n                            title={item.title}\n                            onClick={item.dropdown ? (e) => openDropdown(e, item.dropdown) : undefined}\n                        >\n                            {item.compactDotClass && <span className={item.compactDotClass} />}\n                            {item.dotClass && <span className={`cli-panel-status-dot ${item.dotClass}`} />}\n                            {item.icon && <span className={joinClasses('cli-panel-status-icon', item.iconClass)}>{item.icon}</span>}\n                        </span>\n                    ))}\n                </div>\n\n                <div className=\"cli-panel-action-buttons\">\n                    <div className=\"cli-panel-btn-position-wrapper\" onClick={(e) => e.stopPropagation()}>\n                        <button className=\"cli-panel-btn cli-panel-btn-position\" title={PANEL_LABELS.movePanel} onClick={() => controller.togglePositionDropdown()}>\n                            <Icon icon={positionIcon(s.position)} />\n                        </button>\n                        {s.positionDropdownOpen && (\n                            <div className=\"cli-panel-position-dropdown\">\n                                {positionOptions(s).map((opt) => (\n                                    <button key={opt.position} className={opt.className} onClick={() => controller.setPosition(opt.position)}>\n                                        <Icon icon={positionIcon(opt.position, 16)} />\n                                        {opt.label}\n                                    </button>\n                                ))}\n                            </div>\n                        )}\n                    </div>\n                    {s.hideable && (\n                        <button className=\"cli-panel-btn cli-panel-btn-hide\" title={PANEL_LABELS.hide} onClick={() => controller.hide()}>\n                            <Icon icon={HIDE_ICON} />\n                        </button>\n                    )}\n                    <button\n                        className=\"cli-panel-btn\"\n                        title={s.maximized ? PANEL_LABELS.restore : PANEL_LABELS.maximize}\n                        disabled={s.collapsed}\n                        onClick={() => controller.toggleMaximize()}\n                    >\n                        <Icon icon={s.maximized ? RESTORE_ICON : MAXIMIZE_ICON} />\n                    </button>\n                    <button className=\"cli-panel-btn\" title={s.collapsed ? PANEL_LABELS.expand : PANEL_LABELS.collapse} onClick={() => controller.toggle()}>\n                        <Icon icon={collapseChevronIcon(s.position, s.collapsed)} />\n                    </button>\n                    {s.closable && (\n                        <button className=\"cli-panel-btn cli-panel-btn-close\" title={PANEL_LABELS.close} onClick={() => controller.close()}>\n                            <Icon icon={CLOSE_ICON} />\n                        </button>\n                    )}\n                </div>\n            </div>\n            <div className={glowLineClass(s)} />\n        </div>\n    );\n}\n","import React, { useRef } from 'react';\nimport { ICliCommandProcessor, ICliModule } from '@qodalis/cli-core';\nimport { CliEngineOptions, resolveCliHostConfig } from '@qodalis/cli';\nimport { CliContext } from './CliContext';\nimport { useCliConfig } from './CliConfigContext';\nimport { useCliEngine } from './useCliEngine';\n\nexport interface CliProviderProps {\n    modules?: ICliModule[];\n    processors?: ICliCommandProcessor[];\n    options?: CliEngineOptions;\n    services?: Record<string, any>;\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n}\n\nexport function CliProvider({\n    modules,\n    processors,\n    options,\n    services,\n    children,\n    style,\n}: CliProviderProps): React.JSX.Element {\n    const config = useCliConfig();\n    const containerRef = useRef<HTMLDivElement>(null);\n    const engine = useCliEngine(containerRef, resolveCliHostConfig({ modules, processors, options, services }, config));\n\n    return (\n        <CliContext.Provider value={{ engine }}>\n            <div ref={containerRef} style={{ height: '100%', ...style }} />\n            {children}\n        </CliContext.Provider>\n    );\n}\n","export { Cli } from './Cli';\nexport type { CliProps } from './Cli';\nexport { CliPanel } from './CliPanel';\nexport type { CliPanelProps, CliPanelOptions } from './CliPanel';\nexport { CliProvider } from './CliProvider';\nexport type { CliProviderProps } from './CliProvider';\nexport { useCli, CliContext } from './CliContext';\nexport type { CliContextValue } from './CliContext';\nexport { CliConfigProvider, useCliConfig } from './CliConfigContext';\nexport type { CliConfigValue, CliConfigProviderProps } from './CliConfigContext';\nexport { useCliEngine } from './useCliEngine';\nexport type { UseCliEngineConfig } from './useCliEngine';\n\n// Re-export commonly used types from @qodalis/cli for convenience\nexport type { CliEngineOptions } from '@qodalis/cli';\nexport { CliEngine } from '@qodalis/cli';\n"],"mappings":"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","names":["useRef","useEffect","createContext","useContext","jsx","useRef","useEffect","React","useEffect","useState","resolveCliHostConfig","Fragment","jsx","React","CliPanel","resolveCliHostConfig","useState","useEffect","useRef","resolveCliHostConfig","jsx","jsxs","useRef","resolveCliHostConfig","CliEngine"]}

package/dist/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@qodalis/react-cli",
+  "version": "2.0.0-beta.20",
+  "description": "React wrapper for the @qodalis CLI terminal engine.",
+  "author": "Nicolae Lupei, Qodalis Solutions",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/qodalis-solutions/web-cli"
+  },
+  "homepage": "https://qodalis.com",
+  "keywords": [
+    "react",
+    "cli",
+    "qodalis",
+    "terminal",
+    "web-terminal",
+    "xterm"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@qodalis/cli": "workspace:^",
+    "@qodalis/cli-core": "workspace:^"
+  },
+  "devDependencies": {
+    "tsup": "^9.0.0",
+    "typescript": "^6.0.0",
+    "@types/react": "^18.0.0 || ^19.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "sideEffects": false
+}

package/dist/styles.css

@@ -0,0 +1,8 @@
+/* @qodalis/react-cli — all-in-one stylesheet
+ *
+ * Import this single file instead of manually importing xterm and cli-panel CSS:
+ *   import '@qodalis/react-cli/styles.css';
+ */
+
+@import '@xterm/xterm/css/xterm.css';
+@import '@qodalis/cli/assets/cli-panel.css';