@industry-theme/xterm-terminal-panel 0.5.4 → 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -16,7 +16,7 @@
16
16
  width: 100%;
17
17
  height: 100%;
18
18
  margin: 0;
19
- padding: 5px 0 0 5px;
19
+ padding: 10px 0 0 10px;
20
20
  }
21
21
 
22
22
  .xterm-helper-textarea {
package/dist/index.js CHANGED
@@ -1816,6 +1816,7 @@ var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs6("div",
1816
1816
  });
1817
1817
  function TerminalTabContentInner(props, ref) {
1818
1818
  const { tab, sessionId, isActive, isVisible, actions, events, terminalContext, onSessionCreated, onScrollPositionChange, isForeign = false, defaultScrollLocked, activityDetection = true, activityTimeout = 500, autoShowBlinds = false, onActivityStateChange } = props;
1819
+ const { theme } = useTheme6();
1819
1820
  console.log("[TerminalTabContent] RENDER", { tabId: tab.id, isActive, sessionId });
1820
1821
  const terminalRef = useRef3(null);
1821
1822
  const [localSessionId, setLocalSessionId] = useState4(sessionId);
@@ -2043,15 +2044,32 @@ function TerminalTabContentInner(props, ref) {
2043
2044
  toggleScrollLock: handleToggleScrollLock
2044
2045
  }), [handleScrollToBottom, handleToggleScrollLock]);
2045
2046
  if (!isInitialized) {
2046
- return /* @__PURE__ */ jsx7("div", {
2047
+ return /* @__PURE__ */ jsxs6("div", {
2047
2048
  style: {
2048
2049
  display: isActive ? "flex" : "none",
2049
2050
  height: "100%",
2050
- alignItems: "center",
2051
- justifyContent: "center",
2052
- color: "#888"
2051
+ width: "100%",
2052
+ backgroundColor: theme.colors.background,
2053
+ padding: "10px 0 0 10px"
2053
2054
  },
2054
- children: "Initializing terminal..."
2055
+ children: [
2056
+ /* @__PURE__ */ jsx7("div", {
2057
+ style: {
2058
+ width: "8px",
2059
+ height: "17px",
2060
+ backgroundColor: theme.colors.text,
2061
+ animation: "blink 1s step-end infinite"
2062
+ }
2063
+ }),
2064
+ /* @__PURE__ */ jsx7("style", {
2065
+ children: `
2066
+ @keyframes blink {
2067
+ 0%, 100% { opacity: 1; }
2068
+ 50% { opacity: 0; }
2069
+ }
2070
+ `
2071
+ })
2072
+ ]
2055
2073
  });
2056
2074
  }
2057
2075
  const overlayState = !shouldRenderTerminal ? {
@@ -2722,6 +2740,7 @@ var TabbedTerminalPanelInner = ({
2722
2740
  style: { opacity: 0.5, marginBottom: "16px" }
2723
2741
  }),
2724
2742
  /* @__PURE__ */ jsx7("p", {
2743
+ style: { fontFamily: theme.fonts.body, fontSize: theme.fontSizes[1] },
2725
2744
  children: "No terminal sessions"
2726
2745
  }),
2727
2746
  /* @__PURE__ */ jsx7("button", {
@@ -1 +1 @@
1
- {"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAKZ,MAAM,gBAAgB,CAAC;AAkExB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAqzCD,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"}
1
+ {"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAKZ,MAAM,gBAAgB,CAAC;AAkExB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAq0CD,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/styles.css CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  /* Remove default xterm padding */
14
14
  .terminal-container-fix .xterm {
15
- padding: 5px 0 0 5px;
15
+ padding: 10px 0 0 10px;
16
16
  margin: 0;
17
17
  height: 100%;
18
18
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@industry-theme/xterm-terminal-panel",
3
- "version": "0.5.4",
3
+ "version": "0.5.5",
4
4
  "description": "Industry-themed xterm.js terminal components with panel framework integration",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",