@industry-theme/xterm-terminal-panel 0.1.0

package/dist/src/components/ThemedTerminal.d.ts

@@ -0,0 +1,9 @@
+import type { Theme } from '@principal-ade/industry-theme';
+import '@xterm/xterm/css/xterm.css';
+import type { ThemedTerminalProps, ThemedTerminalRef } from '../types/terminal.types';
+import '../styles/terminal-theme.css';
+export interface ThemedTerminalComponentProps extends ThemedTerminalProps {
+    theme: Theme;
+}
+export declare const ThemedTerminal: import("react").ForwardRefExoticComponent<ThemedTerminalComponentProps & import("react").RefAttributes<ThemedTerminalRef>>;
+//# sourceMappingURL=ThemedTerminal.d.ts.map

package/dist/src/components/ThemedTerminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedTerminal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAwB3D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAEV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,KAAK,EAAE,KAAK,CAAC;CACd;AAsBD,eAAO,MAAM,cAAc,4HA4sB1B,CAAC"}

package/dist/src/components/ThemedTerminalWithProvider.d.ts

@@ -0,0 +1,3 @@
+import type { ThemedTerminalProps, ThemedTerminalRef } from '../types/terminal.types';
+export declare const ThemedTerminalWithProvider: import("react").ForwardRefExoticComponent<ThemedTerminalProps & import("react").RefAttributes<ThemedTerminalRef>>;
+//# sourceMappingURL=ThemedTerminalWithProvider.d.ts.map

package/dist/src/components/ThemedTerminalWithProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedTerminalWithProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedTerminalWithProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AA2BtF,eAAO,MAAM,0BAA0B,mHAOrC,CAAC"}

package/dist/src/hooks/useThemedTerminal.d.ts

@@ -0,0 +1,9 @@
+import { type Theme } from '@principal-ade/industry-theme';
+import type { ITerminalOptions } from '@xterm/xterm';
+export interface UseThemedTerminalReturn {
+    theme: Theme;
+    getTerminalOptions: (overrides?: Partial<ITerminalOptions>) => ITerminalOptions;
+    getCSSVariables: () => Record<string, string>;
+}
+export declare function useThemedTerminal(): UseThemedTerminalReturn;
+//# sourceMappingURL=useThemedTerminal.d.ts.map

package/dist/src/hooks/useThemedTerminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemedTerminal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemedTerminal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKrD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,KAAK,CAAC;IACb,kBAAkB,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,gBAAgB,CAAC;IAChF,eAAe,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/C;AAKD,wBAAgB,iBAAiB,IAAI,uBAAuB,CAyC3D"}

package/dist/src/mocks/panelContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { PanelComponentProps, PanelContextValue, PanelEventEmitter, TerminalSessionInfo, TerminalPanelActions } from '../panel-types';
+export declare const mockTerminalSessions: TerminalSessionInfo[];
+export declare const createMockContext: (overrides?: Partial<PanelContextValue>) => PanelContextValue;
+export declare const createMockActions: (overrides?: Partial<TerminalPanelActions>) => TerminalPanelActions;
+export declare const createMockEvents: () => PanelEventEmitter;
+export declare const MockPanelProvider: React.FC<{
+    children: (props: PanelComponentProps) => React.ReactNode;
+    contextOverrides?: Partial<PanelContextValue>;
+    actionsOverrides?: Partial<TerminalPanelActions>;
+}>;
+//# sourceMappingURL=panelContext.d.ts.map

package/dist/src/mocks/panelContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EAGjB,mBAAmB,EACnB,oBAAoB,EAGrB,MAAM,gBAAgB,CAAC;AAKxB,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAUrD,CAAC;AAuEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,iBAAiB,CAAC,KACrC,iBAqEF,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,oBAAoB,CAAC,KACxC,oBAwCD,CAAC;AAKH,eAAO,MAAM,gBAAgB,QAAO,iBAwCnC,CAAC;AASF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAClD,CA+CA,CAAC"}

package/dist/src/panel-exports.d.ts

@@ -0,0 +1,7 @@
+import { TabbedTerminalPanel } from './panels/TabbedTerminalPanel';
+import type { PanelDefinition } from './panel-types';
+export declare const panels: PanelDefinition[];
+export declare const onPackageLoad: () => Promise<void>;
+export declare const onPackageUnload: () => Promise<void>;
+export { TabbedTerminalPanel };
+//# sourceMappingURL=panel-exports.d.ts.map

package/dist/src/panel-exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-exports.d.ts","sourceRoot":"","sources":["../../src/panel-exports.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAMxE,eAAO,MAAM,MAAM,EAAE,eAAe,EAkCnC,CAAC;AAMF,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAMF,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAGF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/src/panel-types/index.d.ts

@@ -0,0 +1,90 @@
+export type { PanelComponentProps, PanelContextValue, PanelActions, PanelEventEmitter, PanelEvent, PanelEventType, PanelDefinition, PanelMetadata, PanelLifecycleHooks, DataSlice, RepositoryMetadata, WorkspaceMetadata, } from '@principal-ade/panel-framework-core';
+import type { PanelActions as CorePanelActions, PanelContextValue, DataSlice } from '@principal-ade/panel-framework-core';
+export type TerminalEventType = 'terminal:data' | 'terminal:exit' | 'terminal:created' | 'terminal:title-change' | 'terminal:cwd-change';
+export interface TerminalSessionInfo {
+    id: string;
+    pid: number;
+    cwd: string;
+    shell: string;
+    createdAt: number;
+    lastActivity: number;
+    repositoryPath?: string;
+    context?: string;
+}
+export interface CreateTerminalSessionOptions {
+    cwd?: string;
+    command?: string;
+    env?: Record<string, string>;
+    context?: string;
+}
+export interface OwnershipStatus {
+    exists: boolean;
+    ownedByWindowId: number | null;
+    ownedByThisWindow?: boolean;
+    canClaim: boolean;
+    ownerWindowExists?: boolean;
+}
+export interface OwnershipResult {
+    success: boolean;
+    reason?: string;
+    ownedByWindowId?: number;
+}
+export interface PortReadyData {
+    sessionId: string;
+    writable: boolean;
+    ownershipToken?: string;
+}
+export interface TerminalPanelActions extends CorePanelActions {
+    createTerminalSession?: (options?: CreateTerminalSessionOptions) => Promise<string>;
+    destroyTerminalSession?: (sessionId: string) => Promise<void>;
+    writeToTerminal?: (sessionId: string, data: string) => void;
+    resizeTerminal?: (sessionId: string, cols: number, rows: number, force?: boolean) => void;
+    clearTerminal?: (sessionId: string) => void;
+    onTerminalPortReady?: (callback: (data: PortReadyData, port: MessagePort) => void) => () => void;
+    checkTerminalOwnership?: (sessionId: string) => Promise<OwnershipStatus>;
+    claimTerminalOwnership?: (sessionId: string, force?: boolean) => Promise<OwnershipResult>;
+    releaseTerminalOwnership?: (sessionId: string) => Promise<OwnershipResult>;
+    onOwnershipLost?: (callback: (data: {
+        sessionId: string;
+        newOwnerWindowId: number;
+    }) => void) => () => void;
+    refreshTerminal?: (sessionId: string) => Promise<boolean>;
+    requestTerminalDataPort?: (sessionId: string) => Promise<{
+        success: boolean;
+        reason?: string;
+    }>;
+    onTerminalData?: (sessionId: string, callback: (data: string) => void) => () => void;
+    listTerminalSessions?: () => Promise<TerminalSessionInfo[]>;
+}
+export declare function getTerminalSessions(context: PanelContextValue): TerminalSessionInfo[];
+export declare function getTerminalSession(context: PanelContextValue, sessionId: string): TerminalSessionInfo | undefined;
+export declare function isTerminalLoading(context: PanelContextValue): boolean;
+export type TerminalScope = 'repository' | 'workspace';
+export interface TerminalPanelProps extends Omit<import('@principal-ade/panel-framework-core').PanelComponentProps, 'context' | 'actions' | 'events'> {
+    context: PanelContextValue;
+    actions: TerminalPanelActions;
+    events: import('@principal-ade/panel-framework-core').PanelEventEmitter;
+    terminalScope?: TerminalScope;
+}
+export declare function getRepositoryPath(context: PanelContextValue): string | null;
+export declare function getWorkspacePath(context: PanelContextValue): string | null;
+export declare function getTerminalDirectory(context: PanelContextValue, terminalScope?: TerminalScope): string | null;
+export declare function getTerminalSlice(context: PanelContextValue): DataSlice<TerminalSessionInfo[]> | undefined;
+export interface TerminalTab {
+    id: string;
+    label: string;
+    directory: string;
+    command?: string;
+    isActive: boolean;
+}
+export interface TabbedTerminalPanelProps extends Omit<TerminalPanelProps, 'terminalScope'> {
+    terminalContext: string;
+    directory: string;
+    hideHeader?: boolean;
+    isVisible?: boolean;
+    onTabsChange?: (tabs: TerminalTab[]) => void;
+    initialTabs?: TerminalTab[];
+    showAllTerminals?: boolean;
+    onShowAllTerminalsChange?: (showAll: boolean) => void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/src/panel-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-types/index.ts"],"names":[],"mappings":"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"}

package/dist/src/panels/TabbedTerminalPanel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TabbedTerminalPanelProps } from '../panel-types';
+export interface TerminalTabContentRef {
+    scrollToBottom: () => void;
+    toggleScrollLock: () => void;
+}
+export declare const TabbedTerminalPanel: React.FC<TabbedTerminalPanelProps>;
+//# sourceMappingURL=TabbedTerminalPanel.d.ts.map

package/dist/src/panels/TabbedTerminalPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EAGzB,MAAM,gBAAgB,CAAC;AAsBxB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAgUD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+tBlE,CAAC"}

package/dist/src/panels/TerminalPanel.d.ts

@@ -0,0 +1,3 @@
+import type { TerminalPanelProps } from '../panel-types';
+export declare const TerminalPanel: React.FC<TerminalPanelProps>;
+//# sourceMappingURL=TerminalPanel.d.ts.map

package/dist/src/panels/TerminalPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TerminalPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,gBAAgB,CAAC;AAoBxE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0ZtD,CAAC"}

package/dist/src/types/terminal.types.d.ts

@@ -0,0 +1,71 @@
+import type { ISearchOptions } from '@xterm/addon-search';
+import type { Terminal } from '@xterm/xterm';
+export interface TerminalOverlayState {
+    message: string;
+    subtitle?: string;
+    actions?: Array<{
+        label: string;
+        onClick: () => void;
+        primary?: boolean;
+        icon?: React.ReactNode;
+    }>;
+    opacity?: number;
+}
+export interface TerminalHeaderBadge {
+    label: string;
+    color?: string;
+}
+export interface TerminalScrollPosition {
+    isAtTop: boolean;
+    isAtBottom: boolean;
+    isScrollLocked: boolean;
+}
+export interface ThemedTerminalProps {
+    onData?: (data: string) => void;
+    onResize?: (cols: number, rows: number) => void;
+    onReady?: (cols: number, rows: number) => void;
+    onLinkClick?: (url: string, isLocalhost: boolean) => void;
+    onScrollPositionChange?: (position: TerminalScrollPosition) => void;
+    className?: string;
+    hideHeader?: boolean;
+    headerTitle?: string;
+    headerSubtitle?: string;
+    headerBadge?: TerminalHeaderBadge;
+    autoFocus?: boolean;
+    isVisible?: boolean;
+    scrollbarStyle?: 'overlay' | 'thin' | 'hidden' | 'auto-hide';
+    onClose?: () => void;
+    onDestroy?: () => void;
+    onPopOut?: () => void;
+    overlayState?: TerminalOverlayState;
+    convertEol?: boolean;
+    cursorBlink?: boolean;
+    cursorStyle?: 'block' | 'underline' | 'bar';
+    scrollback?: number;
+    fontFamily?: string;
+    fontSize?: number;
+    enableWebGL?: boolean;
+    enableUnicode11?: boolean;
+    enableSearch?: boolean;
+    enableWebLinks?: boolean;
+}
+export interface ThemedTerminalRef {
+    write: (data: string | Uint8Array) => void;
+    writeln: (data: string) => void;
+    scrollToBottom: () => void;
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    reset: () => void;
+    getTerminal: () => Terminal | null;
+    fit: () => void;
+    resize: (cols: number, rows: number) => void;
+    selectAll: () => void;
+    clearSelection: () => void;
+    findNext: (searchTerm: string, searchOptions?: ISearchOptions) => boolean;
+    findPrevious: (searchTerm: string, searchOptions?: ISearchOptions) => boolean;
+    clearSearch: () => void;
+    isScrollLocked: () => boolean;
+    getScrollPosition: () => TerminalScrollPosition;
+}
+//# sourceMappingURL=terminal.types.d.ts.map

package/dist/src/types/terminal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.types.d.ts","sourceRoot":"","sources":["../../../src/types/terminal.types.ts"],"names":[],"mappings":"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"}

package/dist/src/utils/terminalTheme.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@principal-ade/industry-theme';
+import type { ITheme } from '@xterm/xterm';
+export declare function createTerminalTheme(theme: Theme): ITheme;
+export declare function getTerminalCSSVariables(theme: Theme): Record<string, string>;
+//# sourceMappingURL=terminalTheme.d.ts.map

package/dist/src/utils/terminalTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminalTheme.d.ts","sourceRoot":"","sources":["../../../src/utils/terminalTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAK3C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CA2BxD;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAS5E"}

package/dist/styles.css

@@ -0,0 +1,136 @@
+/* Terminal container base styles */
+.terminal-container-fix {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+/* Remove default xterm padding */
+.terminal-container-fix .xterm {
+  padding: 5px 0 0 5px;
+  margin: 0;
+  height: 100%;
+  width: 100%;
+  /* Ensure consistent font rendering */
+  font-variant-ligatures: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Ensure the xterm-helper-textarea is properly positioned */
+.xterm-helper-textarea {
+  position: absolute !important;
+  opacity: 0 !important;
+  left: -9999em !important;
+  top: 0 !important;
+  width: 0 !important;
+  height: 0 !important;
+  z-index: -5 !important;
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  resize: none !important;
+}
+
+/* Viewport scrolling */
+.xterm-viewport {
+  overflow-y: auto !important;
+  overflow-x: hidden !important;
+}
+
+/* ===== SCROLLBAR CUSTOMIZATION ===== */
+
+/* Option 1: Overlay scrollbar that doesn't take space (recommended) */
+.terminal-container-fix .xterm-viewport {
+  /* Make scrollbar overlay the content */
+  overflow-y: overlay !important;
+  /* Fallback for browsers that don't support overlay */
+  overflow-y: auto !important;
+  scrollbar-width: thin; /* Firefox */
+}
+
+/* Custom webkit scrollbar styling (Chrome, Edge, Electron) */
+.terminal-container-fix .xterm-viewport::-webkit-scrollbar {
+  width: 10px;
+  background: transparent;
+}
+
+.terminal-container-fix .xterm-viewport::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+
+.terminal-container-fix .xterm-viewport::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 10px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+.terminal-container-fix .xterm-viewport::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.3);
+  background-clip: content-box;
+}
+
+.terminal-container-fix .xterm-viewport::-webkit-scrollbar-thumb:active {
+  background: rgba(255, 255, 255, 0.4);
+  background-clip: content-box;
+}
+
+/* Option 2: Hide scrollbar but keep scroll functionality */
+.terminal-container-fix.hide-scrollbar .xterm-viewport {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+.terminal-container-fix.hide-scrollbar .xterm-viewport::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+
+/* Option 3: Ultra-thin scrollbar */
+.terminal-container-fix.thin-scrollbar .xterm-viewport::-webkit-scrollbar {
+  width: 4px;
+}
+
+.terminal-container-fix.thin-scrollbar
+  .xterm-viewport::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.terminal-container-fix.thin-scrollbar
+  .xterm-viewport::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 4px;
+}
+
+/* Option 4: Auto-hiding scrollbar (shows on hover) */
+.terminal-container-fix.auto-hide-scrollbar .xterm-viewport::-webkit-scrollbar {
+  width: 10px;
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.terminal-container-fix.auto-hide-scrollbar:hover
+  .xterm-viewport::-webkit-scrollbar {
+  opacity: 1;
+}
+
+.terminal-container-fix.auto-hide-scrollbar
+  .xterm-viewport::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0);
+  transition: background 0.3s;
+}
+
+.terminal-container-fix.auto-hide-scrollbar:hover
+  .xterm-viewport::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+/* CSS Custom Properties for theming */
+:root {
+  --terminal-bg: #1e1e1e;
+  --terminal-fg: #cccccc;
+  --terminal-border: #3c3c3c;
+  --terminal-header-bg: #2d2d2d;
+  --terminal-font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
+  --terminal-font-size: 14px;
+}

package/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "@industry-theme/xterm-terminal-panel",
+  "version": "0.1.0",
+  "description": "Industry-themed xterm.js terminal components with panel framework integration",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "bun run clean && bun run build:esm && bun run build:types && bun run build:styles",
+    "build:esm": "NODE_ENV=production bun build ./index.ts --outdir ./dist --entry-naming [dir]/[name].[ext] --format esm --target browser --external react --external react-dom --external @xterm/xterm --external @xterm/addon-fit --external @xterm/addon-search --external @xterm/addon-web-links --external @xterm/addon-unicode11 --external @xterm/addon-webgl --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external lucide-react --external clsx",
+    "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap",
+    "build:styles": "cp src/styles/terminal-theme.css dist/styles.css",
+    "dev": "bun run build --watch",
+    "test": "bun test",
+    "test:watch": "bun test --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "clean": "rm -rf dist coverage",
+    "storybook": "storybook dev -p 6009",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [
+    "terminal",
+    "xterm",
+    "xterm.js",
+    "pty",
+    "theme",
+    "industry",
+    "panel",
+    "panel-framework"
+  ],
+  "author": "Principal ADE Team",
+  "license": "MIT",
+  "dependencies": {
+    "@principal-ade/industry-theme": "^0.1.2",
+    "@principal-ade/panel-framework-core": "^0.1.2",
+    "clsx": "^2.1.1"
+  },
+  "peerDependencies": {
+    "@xterm/addon-fit": ">=0.10.0",
+    "@xterm/addon-search": ">=0.15.0",
+    "@xterm/addon-unicode11": ">=0.8.0",
+    "@xterm/addon-web-links": ">=0.11.0",
+    "@xterm/addon-webgl": ">=0.18.0",
+    "@xterm/xterm": ">=5.5.0",
+    "lucide-react": ">=0.263.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@xterm/addon-unicode11": {
+      "optional": true
+    },
+    "@xterm/addon-webgl": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.32.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-links": "^8.6.0",
+    "@storybook/addon-onboarding": "^8.6.0",
+    "@storybook/blocks": "^8.6.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@storybook/test": "^8.6.0",
+    "@types/bun": "latest",
+    "@types/node": "^22.15.26",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.8",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/addon-search": "^0.15.0",
+    "@xterm/addon-unicode11": "^0.8.0",
+    "@xterm/addon-web-links": "^0.11.0",
+    "@xterm/addon-webgl": "^0.18.0",
+    "@xterm/xterm": "^5.5.0",
+    "esbuild": "^0.25.8",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-storybook": "^0.11.1",
+    "lucide-react": "^0.552.0",
+    "prettier": "^3.6.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "storybook": "^8.6.0",
+    "typescript": "^5.0.4",
+    "typescript-eslint": "^8.38.0",
+    "vite": "^6.0.7"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/industry-theme/xterm-terminal-panel.git"
+  },
+  "homepage": "https://principal-ade.com"
+}