@industry-theme/xterm-terminal-panel 0.5.22 → 0.5.24

package/dist/index.js

@@ -32,7 +32,152 @@ import {
   context,
   SpanStatusCode
 } from "@opentelemetry/api";
-var PACKAGE_VERSION = "0.5.4";
+// package.json
+var package_default = {
+  name: "@industry-theme/xterm-terminal-panel",
+  version: "0.5.23",
+  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"
+    },
+    "./tools": {
+      types: "./dist/tools/index.d.ts",
+      import: "./dist/tools.bundle.js",
+      require: "./dist/tools.bundle.js",
+      default: "./dist/tools.bundle.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  scripts: {
+    build: "bun run clean && bun run build:esm && bun run build:tools && 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-webgl --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external @principal-ade/panels --external lucide-react --external clsx --external @opentelemetry/api",
+    "build:tools": "bun build ./src/tools/index.ts --outfile ./dist/tools.bundle.js --format esm --target browser",
+    "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",
+    "panel-extension"
+  ],
+  author: "Principal ADE Team",
+  license: "MIT",
+  dependencies: {
+    clsx: "^2.1.1",
+    "react-resizable-panels": "^4.7.3"
+  },
+  peerDependencies: {
+    "@opentelemetry/api": ">=1.8.0",
+    "@principal-ade/industry-theme": ">=0.1.8",
+    "@principal-ade/panel-framework-core": ">=0.5.1",
+    "@principal-ade/panel-layouts": ">=0.4.0",
+    "@principal-ade/panels": ">=1.0.79",
+    "@principal-ade/utcp-panel-event": ">=0.1.0",
+    "@xterm/addon-fit": ">=0.10.0",
+    "@xterm/addon-search": ">=0.15.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: {
+    "@opentelemetry/api": {
+      optional: true
+    },
+    "lucide-react": {
+      optional: true
+    },
+    "@xterm/addon-webgl": {
+      optional: true
+    }
+  },
+  devDependencies: {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/js": "^9.32.0",
+    "@industry-theme/agent-panels": "^0.3.0",
+    "@opentelemetry/api": "^1.9.0",
+    "@principal-ade/industry-theme": "^0.1.8",
+    "@principal-ade/panel-framework-core": "0.5.1",
+    "@principal-ade/panels": "^1.0.79",
+    "@principal-ai/repository-abstraction": "^0.5.7",
+    "@principal-ai/storybook-addon-otel": "^0.3.22",
+    "@storybook/addon-docs": "10.1.2",
+    "@storybook/addon-links": "10.1.2",
+    "@storybook/addon-onboarding": "10.1.2",
+    "@storybook/react-vite": "10.1.2",
+    "@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-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": "10.1.2",
+    "lucide-react": "^0.552.0",
+    prettier: "^3.6.2",
+    react: "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
+    storybook: "10.1.2",
+    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"
+};
+
+// src/telemetry.ts
+var PACKAGE_VERSION = package_default.version;
 var TRACER_NAME = "@industry-theme/xterm-terminal-panel";
 var TRACER_VERSION = PACKAGE_VERSION;
 function getTracer() {
@@ -1975,15 +2120,36 @@ function TerminalTabContentInner(props, ref) {
     const initSession = async () => {
       try {
         if (sessionId) {
+          const tracer2 = getTracer();
+          const reconnectSpan = tracer2.startSpan("terminal.session.reconnect", {
+            attributes: {
+              "session.id": sessionId,
+              "session.context": `${terminalContext}:${tab.id}`,
+              "session.isForeign": isForeign
+            }
+          });
+          reconnectSpan.addEvent("terminal.session.reconnecting", {
+            "session.id": sessionId,
+            "reconnect.reason": "component_remount"
+          });
           if (isForeign && actions.checkTerminalOwnership) {
             const status = await actions.checkTerminalOwnership(sessionId);
             if (status.ownedByWindowId && !status.ownedByThisWindow) {
               setShouldRenderTerminal(false);
               setOwnerWindowId(status.ownedByWindowId);
+              reconnectSpan.addEvent("terminal.session.reconnect_blocked", {
+                "session.id": sessionId,
+                "owner.windowId": status.ownedByWindowId
+              });
             }
           } else {
             await claimAndConnect(sessionId);
+            reconnectSpan.addEvent("terminal.session.reconnected", {
+              "session.id": sessionId
+            });
           }
+          reconnectSpan.setStatus({ code: SpanStatusCode.OK });
+          reconnectSpan.end();
           setLocalSessionId(sessionId);
           setIsInitialized(true);
           return;
@@ -2045,13 +2211,45 @@ function TerminalTabContentInner(props, ref) {
     if (!actions.onTerminalData) {
       return;
     }
+    const tracer = getTracer();
+    const subscribeSpan = tracer.startSpan("terminal.data.subscribe", {
+      attributes: {
+        "session.id": localSessionId,
+        "tab.id": tab.id
+      }
+    });
+    subscribeSpan.addEvent("terminal.data.subscribed", {
+      "session.id": localSessionId
+    });
     console.log("[TerminalTabContent] SUBSCRIBING to terminal data", { tabId: tab.id, sessionId: localSessionId });
+    let hasReceivedData = false;
     const unsubscribe = actions.onTerminalData(localSessionId, (data) => {
       if (terminalRef.current) {
+        if (!hasReceivedData) {
+          hasReceivedData = true;
+          subscribeSpan.addEvent("terminal.data.first_received", {
+            "session.id": localSessionId,
+            "data.length": data.length
+          });
+        }
         terminalRef.current.write(data);
       }
     });
+    subscribeSpan.setStatus({ code: SpanStatusCode.OK });
+    subscribeSpan.end();
     return () => {
+      const unsubscribeSpan = tracer.startSpan("terminal.data.unsubscribe", {
+        attributes: {
+          "session.id": localSessionId,
+          "tab.id": tab.id,
+          "data.wasReceived": hasReceivedData
+        }
+      });
+      unsubscribeSpan.addEvent("terminal.data.unsubscribed", {
+        "session.id": localSessionId
+      });
+      unsubscribeSpan.setStatus({ code: SpanStatusCode.OK });
+      unsubscribeSpan.end();
       console.log("[TerminalTabContent] UNSUBSCRIBING from terminal data", { tabId: tab.id, sessionId: localSessionId });
       unsubscribe();
     };

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

@@ -1 +1 @@
-{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAMZ,MAAM,gBAAgB,CAAC;AAkExB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAggDD,eAAO,MAAM,mBAAmB,EAAkC,CAAC,IAAI,SAAS,OAAO,cAAc,EAAE,OAAO,GAAG,WAAW,EAC1H,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAClC,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAMZ,MAAM,gBAAgB,CAAC;AAkExB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AA8jDD,eAAO,MAAM,mBAAmB,EAAkC,CAAC,IAAI,SAAS,OAAO,cAAc,EAAE,OAAO,GAAG,WAAW,EAC1H,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAClC,KAAK,CAAC,YAAY,CAAC"}

package/dist/src/telemetry.d.ts

@@ -1,6 +1,6 @@
 import { trace, context, SpanStatusCode, type Tracer, type Span } from '@opentelemetry/api';
 export declare const TRACER_NAME = "@industry-theme/xterm-terminal-panel";
-export declare const TRACER_VERSION = "0.5.4";
+export declare const TRACER_VERSION: string;
 export declare function getTracer(): Tracer;
 export declare function getActiveSpan(): Span | undefined;
 export declare function withSpan<T>(span: Span, fn: () => Promise<T>): Promise<T>;

package/dist/src/telemetry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"telemetry.d.ts","sourceRoot":"","sources":["../../src/telemetry.ts"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,EACL,OAAO,EACP,cAAc,EACd,KAAK,MAAM,EACX,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAC;AAM5B,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,cAAc,UAAkB,CAAC;AAM9C,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAMD,wBAAgB,aAAa,IAAI,IAAI,GAAG,SAAS,CAEhD;AAMD,wBAAsB,QAAQ,CAAC,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACnB,OAAO,CAAC,CAAC,CAAC,CAEZ;AAKD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAE1D;AAGD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1C,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"telemetry.d.ts","sourceRoot":"","sources":["../../src/telemetry.ts"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,EACL,OAAO,EACP,cAAc,EACd,KAAK,MAAM,EACX,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAC;AAM5B,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,cAAc,QAAkB,CAAC;AAM9C,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAMD,wBAAgB,aAAa,IAAI,IAAI,GAAG,SAAS,CAEhD;AAMD,wBAAsB,QAAQ,CAAC,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACnB,OAAO,CAAC,CAAC,CAAC,CAEZ;AAKD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAE1D;AAGD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1C,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industry-theme/xterm-terminal-panel",
-  "version": "0.5.22",
+  "version": "0.5.24",
   "description": "Industry-themed xterm.js terminal components with panel framework integration",
   "type": "module",
   "main": "dist/index.js",