@takemo101/mikan 0.0.10 → 0.0.11

package/dist/bin.js

@@ -107533,7 +107533,7 @@ var import_react20 = __toESM(require_react(), 1);
 // package.json
 var package_default = {
   name: "@takemo101/mikan",
-  version: "0.0.10",
+  version: "0.0.11",
   private: false,
   type: "module",
   bin: {
@@ -107922,7 +107922,7 @@ function Footer(props) {
   const theme = props.theme ?? buildTuiTheme();
   return import_react.default.createElement("text", {
     id: "mikan-footer",
-    style: { color: theme.base.muted, marginTop: "auto" },
+    style: { color: theme.base.muted, flexShrink: 0, marginTop: "auto" },
     content: [footerText(props.mode ?? "board"), props.message].filter(Boolean).join("    ")
   });
 }
@@ -108034,6 +108034,8 @@ function DetailPage(props) {
       borderColor: theme.interactive.accent,
       flexDirection: "column",
       flexGrow: 1,
+      flexShrink: 1,
+      minHeight: 0,
       overflow: "hidden"
     }
   }, import_react2.default.createElement("box", {
@@ -109021,13 +109023,13 @@ function Header(props) {
   const theme = props.theme ?? buildTuiTheme();
   return import_react20.default.createElement("text", {
     id: "mikan-header",
-    style: { color: theme.interactive.accent },
+    style: { color: theme.interactive.accent, flexShrink: 0 },
     content: `\uD83C\uDF4A mikan v${TUI_VERSION}`
   });
 }
 async function launchTui(options = {}) {
   const { createCliRenderer: createCliRenderer2 } = await init_core3().then(() => exports_core3);
-  const { createRoot: createRoot2, useKeyboard: useKeyboard2 } = await init_react().then(() => exports_react);
+  const { createRoot: createRoot2, useKeyboard: useKeyboard2, useTerminalDimensions: useTerminalDimensions2 } = await init_react().then(() => exports_react);
   const renderer = await createCliRenderer2();
   const pollMs = options.pollMs ?? 1000;
   const root = createRoot2(renderer);
@@ -109036,6 +109038,7 @@ async function launchTui(options = {}) {
     renderer.destroy();
   };
   function App() {
+    const dimensions = useTerminalDimensions2();
     const [model, setModel] = import_react20.default.useState(() => loadTuiModel(options.cwd));
     const [selection, setSelection] = import_react20.default.useState({
       columnIndex: 0,
@@ -109256,8 +109259,8 @@ async function launchTui(options = {}) {
     return createTuiAppElement({
       model,
       selection,
-      viewportHeight: renderer.height,
-      viewportWidth: renderer.width,
+      viewportHeight: dimensions.height,
+      viewportWidth: dimensions.width,
       columns: options.columns,
       noteTextareaRef,
       onNoteSubmit: submitNote,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@takemo101/mikan",
-	"version": "0.0.10",
+	"version": "0.0.11",
 	"private": false,
 	"type": "module",
 	"bin": {