@zenbu-labs/pixel 0.0.13 → 0.0.15

package/dist/react/devtools/app.js

@@ -33,12 +33,12 @@ function handleDevtoolsKey(key) {
 function Tab(props) {
     const { id, label, active, rem } = props;
     return ((0, jsx_runtime_1.jsx)(components_1.Box, { style: {
-            padding: { left: rem * 0.7, right: rem * 0.7, top: rem * 0.3, bottom: rem * 0.3 },
+            padding: { left: rem * 0.95, right: rem * 0.95, top: rem * 0.5, bottom: rem * 0.5 },
             background: active ? theme_1.theme.bg : undefined,
             hoverBackground: active ? theme_1.theme.bg : theme_1.theme.chromeActive,
         }, onClick: () => stores_1.devtoolsStore.update((s) => ({ ...s, tab: id })), children: (0, jsx_runtime_1.jsx)(components_1.Text, { style: {
                 color: active ? theme_1.theme.text : theme_1.theme.dim,
-                fontSize: rem * 0.74,
+                fontSize: rem * 0.82,
                 wrap: false,
             }, children: label }) }));
 }

package/dist/react/devtools/log-panel.js

@@ -48,7 +48,7 @@ function LogPanel(props) {
     const { rem } = props;
     const programBuffer = (0, store_1.useStore)(stores_1.consoleLogs.store);
     const engineBuffer = (0, store_1.useStore)(stores_1.engineLogs.store);
-    const [source, setSource] = (0, react_1.useState)("program");
+    const [source, setSource] = (0, react_1.useState)("both");
     const [filter, setFilter] = (0, react_1.useState)("");
     const [level, setLevel] = (0, react_1.useState)("all");
     const follow = (0, react_1.useRef)(true);

package/dist/react/devtools/ui.js

@@ -11,27 +11,27 @@ const theme_1 = require("./theme");
 function Button(props) {
     const { label, onClick, active, danger, rem } = props;
     return ((0, jsx_runtime_1.jsx)(components_1.Box, { style: {
-            padding: { left: rem * 0.5, right: rem * 0.5, top: rem * 0.15, bottom: rem * 0.15 },
+            padding: { left: rem * 0.7, right: rem * 0.7, top: rem * 0.4, bottom: rem * 0.4 },
             cornerRadius: rem * 0.25,
             background: active ? theme_1.theme.accentDim : undefined,
             hoverBackground: active ? theme_1.theme.accentDim : theme_1.theme.hover,
             border: active ? { width: 1, color: theme_1.theme.accent } : { width: 1, color: theme_1.theme.border },
         }, onClick: onClick, children: (0, jsx_runtime_1.jsx)(components_1.Text, { style: {
                 color: danger ? theme_1.theme.danger : active ? theme_1.theme.accent : theme_1.theme.text,
-                fontSize: rem * 0.75,
+                fontSize: rem * 0.82,
                 wrap: false,
             }, children: label }) }));
 }
 function Chip(props) {
     const { label, onClick, active, color, rem } = props;
     return ((0, jsx_runtime_1.jsx)(components_1.Box, { style: {
-            padding: { left: rem * 0.4, right: rem * 0.4, top: rem * 0.08, bottom: rem * 0.08 },
+            padding: { left: rem * 0.6, right: rem * 0.6, top: rem * 0.38, bottom: rem * 0.38 },
             cornerRadius: rem * 0.5,
             background: active ? theme_1.theme.accentDim : theme_1.theme.chrome,
             hoverBackground: onClick ? theme_1.theme.chromeActive : undefined,
         }, onClick: onClick, children: (0, jsx_runtime_1.jsx)(components_1.Text, { style: {
                 color: color ?? (active ? theme_1.theme.accent : theme_1.theme.dim),
-                fontSize: rem * 0.68,
+                fontSize: rem * 0.8,
                 wrap: false,
             }, children: label }) }));
 }
@@ -39,8 +39,8 @@ function Toolbar(props) {
     return ((0, jsx_runtime_1.jsx)(components_1.Box, { style: {
             flexDirection: "row",
             alignItems: "center",
-            gap: props.rem * 0.4,
-            padding: props.rem * 0.35,
+            gap: props.rem * 0.5,
+            padding: props.rem * 0.45,
             background: theme_1.theme.panel,
             border: { width: 0, color: theme_1.theme.border },
             flexShrink: 0,

package/dist/react/index.d.ts

@@ -51,6 +51,7 @@ export interface RootOptions {
     }) => void;
     onPaste?: (text: string) => void;
     onFocus?: (focused: boolean) => void;
+    onVisible?: (visible: boolean) => void;
     onPasteImage?: (image: PastedImage) => void;
     onEngineExit?: (error: string | null) => void;
     onResize?: (size: {

package/dist/react/index.js

@@ -313,6 +313,9 @@ function createRoot(options = {}) {
             case "focus":
                 options.onFocus?.(!!event.focused);
                 break;
+            case "visible":
+                options.onVisible?.(!!event.visible);
+                break;
             case "devtools":
                 enableDevtools();
                 (0, controller_1.attachDevtools)(bridge);

package/dist/root.js

@@ -164,6 +164,7 @@ function createRoot(options = {}) {
             options.onFocus?.(focused);
             registry?.handleTerminalFocus(focused);
         },
+        onVisible: (visible) => options.onVisible?.(visible),
         onResize: (size) => {
             const ratio = cellZoom.ratio(engineRoot.info);
             if (registry) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenbu-labs/pixel",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "[placeholder copy: Electron apps that render into your terminal pane]",
   "license": "MIT",
   "repository": {
@@ -58,10 +58,10 @@
     "react": "^18.3.1"
   },
   "optionalDependencies": {
-    "@zenbu-labs/pixel-native-darwin-arm64": "0.0.13",
-    "@zenbu-labs/pixel-native-darwin-x64": "0.0.13",
-    "@zenbu-labs/pixel-native-linux-arm64": "0.0.13",
-    "@zenbu-labs/pixel-native-linux-x64": "0.0.13"
+    "@zenbu-labs/pixel-native-darwin-arm64": "0.0.15",
+    "@zenbu-labs/pixel-native-darwin-x64": "0.0.15",
+    "@zenbu-labs/pixel-native-linux-arm64": "0.0.15",
+    "@zenbu-labs/pixel-native-linux-x64": "0.0.15"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",