@qodalis/react-cli 2.1.1 → 2.2.0

package/dist/index.js

@@ -293,7 +293,7 @@ var CliPanel = import_react5.default.forwardRef(function CliPanel2(props, ref) {
                 "div",
                 {
                   className: "cli-panel-pane-divider",
-                  onMouseDown: (e) => {
+                  onPointerDown: (e) => {
                     e.preventDefault();
                     controller.startPaneResize(tab.id, i - 1, e.clientX, (0, import_cli3.panesContainerWidth)(e.target));
                   },
@@ -388,7 +388,7 @@ function PanelHeader({
       "div",
       {
         className: "cli-panel-resize-bar",
-        onMouseDown: (e) => {
+        onPointerDown: (e) => {
           if (!s.resizable) return;
           e.preventDefault();
           controller.startPanelResize(e.clientX, e.clientY);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/Cli.tsx","../src/CliContext.tsx","../src/CliConfigContext.tsx","../src/useCliEngine.ts","../src/CliPanel.tsx","../src/CliProvider.tsx"],"sourcesContent":["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","import React, { useRef, useEffect } from 'react';\nimport { 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    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    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, 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 { ICliModule, CliOptions } from '@qodalis/cli-core';\nimport { CliEngineOptions } from '@qodalis/cli';\n\nexport interface CliConfigValue {\n    modules?: ICliModule[];\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    options,\n    services,\n    children,\n}: CliConfigProviderProps): React.JSX.Element {\n    return (\n        <CliConfigCtx.Provider value={{ modules, 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 { 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    panelBranding,\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    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, 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 brand = panelBranding(options);\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                    {brand.iconUrl ? (\n                        <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-hide-tab-icon cli-panel-brand-icon\" />\n                    ) : (\n                        <Icon icon={HIDE_TAB_TERMINAL_ICON} className=\"cli-panel-hide-tab-icon\" />\n                    )}\n                    <span className=\"cli-panel-hide-tab-label\">{brand.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} brand={brand} />\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                                                            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({\n    controller,\n    s,\n    brand,\n}: {\n    controller: CliPanelController;\n    s: CliPanelSnapshot;\n    brand: ReturnType<typeof panelBranding>;\n}) {\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                        {brand.iconUrl ? <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-brand-icon\" /> : <Icon icon={TERMINAL_ICON} />}\n                    </span>\n                    {brand.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 { 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    options?: CliEngineOptions;\n    services?: Record<string, any>;\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n}\n\nexport function CliProvider({\n    modules,\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, 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"],"mappings":"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","names":["import_react","import_cli","import_react","import_react","import_jsx_runtime","import_react","import_cli","import_jsx_runtime","React","CliPanel","import_react","import_cli","import_jsx_runtime","import_cli"]}
+{"version":3,"sources":["../src/index.tsx","../src/Cli.tsx","../src/CliContext.tsx","../src/CliConfigContext.tsx","../src/useCliEngine.ts","../src/CliPanel.tsx","../src/CliProvider.tsx"],"sourcesContent":["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","import React, { useRef, useEffect } from 'react';\nimport { 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    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    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, 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 { ICliModule, CliOptions } from '@qodalis/cli-core';\nimport { CliEngineOptions } from '@qodalis/cli';\n\nexport interface CliConfigValue {\n    modules?: ICliModule[];\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    options,\n    services,\n    children,\n}: CliConfigProviderProps): React.JSX.Element {\n    return (\n        <CliConfigCtx.Provider value={{ modules, 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 { 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    panelBranding,\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    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, 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 brand = panelBranding(options);\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                    {brand.iconUrl ? (\n                        <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-hide-tab-icon cli-panel-brand-icon\" />\n                    ) : (\n                        <Icon icon={HIDE_TAB_TERMINAL_ICON} className=\"cli-panel-hide-tab-icon\" />\n                    )}\n                    <span className=\"cli-panel-hide-tab-label\">{brand.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} brand={brand} />\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                                                        onPointerDown={(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                                                            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({\n    controller,\n    s,\n    brand,\n}: {\n    controller: CliPanelController;\n    s: CliPanelSnapshot;\n    brand: ReturnType<typeof panelBranding>;\n}) {\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                onPointerDown={(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                        {brand.iconUrl ? <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-brand-icon\" /> : <Icon icon={TERMINAL_ICON} />}\n                    </span>\n                    {brand.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 { 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    options?: CliEngineOptions;\n    services?: Record<string, any>;\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n}\n\nexport function CliProvider({\n    modules,\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, 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"],"mappings":"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","names":["import_react","import_cli","import_react","import_react","import_jsx_runtime","import_react","import_cli","import_jsx_runtime","React","CliPanel","import_react","import_cli","import_jsx_runtime","import_cli"]}

package/dist/index.mjs

@@ -283,7 +283,7 @@ var CliPanel = React3.forwardRef(function CliPanel2(props, ref) {
                 "div",
                 {
                   className: "cli-panel-pane-divider",
-                  onMouseDown: (e) => {
+                  onPointerDown: (e) => {
                     e.preventDefault();
                     controller.startPaneResize(tab.id, i - 1, e.clientX, panesContainerWidth(e.target));
                   },
@@ -378,7 +378,7 @@ function PanelHeader({
       "div",
       {
         className: "cli-panel-resize-bar",
-        onMouseDown: (e) => {
+        onPointerDown: (e) => {
           if (!s.resizable) return;
           e.preventDefault();
           controller.startPanelResize(e.clientX, e.clientY);

package/dist/index.mjs.map

@@ -1 +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 { 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    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    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, 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 { ICliModule, CliOptions } from '@qodalis/cli-core';\nimport { CliEngineOptions } from '@qodalis/cli';\n\nexport interface CliConfigValue {\n    modules?: ICliModule[];\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    options,\n    services,\n    children,\n}: CliConfigProviderProps): React.JSX.Element {\n    return (\n        <CliConfigCtx.Provider value={{ modules, 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 { 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    panelBranding,\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    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, 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 brand = panelBranding(options);\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                    {brand.iconUrl ? (\n                        <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-hide-tab-icon cli-panel-brand-icon\" />\n                    ) : (\n                        <Icon icon={HIDE_TAB_TERMINAL_ICON} className=\"cli-panel-hide-tab-icon\" />\n                    )}\n                    <span className=\"cli-panel-hide-tab-label\">{brand.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} brand={brand} />\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                                                            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({\n    controller,\n    s,\n    brand,\n}: {\n    controller: CliPanelController;\n    s: CliPanelSnapshot;\n    brand: ReturnType<typeof panelBranding>;\n}) {\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                        {brand.iconUrl ? <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-brand-icon\" /> : <Icon icon={TERMINAL_ICON} />}\n                    </span>\n                    {brand.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 { 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    options?: CliEngineOptions;\n    services?: Record<string, any>;\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n}\n\nexport function CliProvider({\n    modules,\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, 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"]}
+{"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 { 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    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    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, 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 { ICliModule, CliOptions } from '@qodalis/cli-core';\nimport { CliEngineOptions } from '@qodalis/cli';\n\nexport interface CliConfigValue {\n    modules?: ICliModule[];\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    options,\n    services,\n    children,\n}: CliConfigProviderProps): React.JSX.Element {\n    return (\n        <CliConfigCtx.Provider value={{ modules, 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 { 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    panelBranding,\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    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, 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 brand = panelBranding(options);\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                    {brand.iconUrl ? (\n                        <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-hide-tab-icon cli-panel-brand-icon\" />\n                    ) : (\n                        <Icon icon={HIDE_TAB_TERMINAL_ICON} className=\"cli-panel-hide-tab-icon\" />\n                    )}\n                    <span className=\"cli-panel-hide-tab-label\">{brand.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} brand={brand} />\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                                                        onPointerDown={(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                                                            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({\n    controller,\n    s,\n    brand,\n}: {\n    controller: CliPanelController;\n    s: CliPanelSnapshot;\n    brand: ReturnType<typeof panelBranding>;\n}) {\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                onPointerDown={(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                        {brand.iconUrl ? <img src={brand.iconUrl} alt=\"\" className=\"cli-panel-brand-icon\" /> : <Icon icon={TERMINAL_ICON} />}\n                    </span>\n                    {brand.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 { 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    options?: CliEngineOptions;\n    services?: Record<string, any>;\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n}\n\nexport function CliProvider({\n    modules,\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, 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

@@ -1,6 +1,6 @@
 {
   "name": "@qodalis/react-cli",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "React wrapper for the @qodalis CLI terminal engine.",
   "author": "Nicolae Lupei, Qodalis Solutions",
   "license": "MIT",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qodalis/react-cli",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "React wrapper for the @qodalis CLI terminal engine.",
   "author": "Nicolae Lupei, Qodalis Solutions",
   "license": "MIT",
@@ -36,8 +36,8 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@qodalis/cli": "2.1.1",
-    "@qodalis/cli-core": "2.1.1"
+    "@qodalis/cli": "2.2.0",
+    "@qodalis/cli-core": "2.2.0"
   },
   "devDependencies": {
     "tsup": "^9.0.0",