@ridit/milo 0.1.2 → 0.1.3

package/dist/index.mjs

@@ -106189,6 +106189,7 @@ import { useState as useState8 } from "react";
 import { Box as Box12, Text as Text14, useInput as useInput3 } from "ink";
 init_libesm();
 import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+var MAX_DIFF_LINES = 10;
 var OPTIONS = [
   { label: "Yes", value: "allow" },
   {
@@ -106211,7 +106212,7 @@ function getFilePreview(toolName, input) {
     if (!content)
       return null;
     const lines = content.split(`
-`).map((l) => "+" + l);
+`).slice(0, MAX_DIFF_LINES).map((l) => "+" + l);
     return {
       oldStart: 1,
       oldLines: 0,
@@ -106225,7 +106226,10 @@ function getFilePreview(toolName, input) {
     if (!patch)
       return null;
     const parsed = parsePatch(patch);
-    return parsed[0]?.hunks[0] ?? null;
+    const hunk = parsed[0]?.hunks[0] ?? null;
+    if (hunk)
+      hunk.lines = hunk.lines.slice(0, MAX_DIFF_LINES);
+    return hunk;
   }
   return null;
 }
@@ -106546,39 +106550,42 @@ function REPL() {
             color: getTheme().border,
             children: line.repeat(columns)
           }, undefined, false, undefined, this),
-          pendingPermission ? /* @__PURE__ */ jsxDEV16(PermissionCard, {
-            permission: pendingPermission,
-            onDecide: decide
-          }, undefined, false, undefined, this) : pendingWizard ? /* @__PURE__ */ jsxDEV16(ProviderWizard, {
-            mode: pendingWizard,
-            onDone: closeWizard
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(Box13, {
-            paddingX: 1,
-            children: [
-              /* @__PURE__ */ jsxDEV16(Text15, {
-                color: getTheme().primary,
-                children: [
-                  pointer,
-                  " "
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV16(TextInput, {
-                value,
-                onChange: setValue,
-                onSubmit,
-                onExit: () => process.exit(0),
-                columns: columns - 6,
-                cursorOffset,
-                onChangeCursorOffset: setCursorOffset,
-                placeholder: "ask milo anything...",
-                isDimmed: loading,
-                focus: !loading && !pendingPermission && !pendingWizard,
-                onHistoryUp,
-                onHistoryDown,
-                onHistoryReset
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV16(Box13, {
+            minHeight: pendingPermission ? 10 : pendingWizard ? 10 : 3,
+            children: pendingPermission ? /* @__PURE__ */ jsxDEV16(PermissionCard, {
+              permission: pendingPermission,
+              onDecide: decide
+            }, "permission", false, undefined, this) : pendingWizard ? /* @__PURE__ */ jsxDEV16(ProviderWizard, {
+              mode: pendingWizard,
+              onDone: closeWizard
+            }, "wizard", false, undefined, this) : /* @__PURE__ */ jsxDEV16(Box13, {
+              paddingX: 1,
+              children: [
+                /* @__PURE__ */ jsxDEV16(Text15, {
+                  color: getTheme().primary,
+                  children: [
+                    pointer,
+                    " "
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV16(TextInput, {
+                  value,
+                  onChange: setValue,
+                  onSubmit,
+                  onExit: () => process.exit(0),
+                  columns: columns - 6,
+                  cursorOffset,
+                  onChangeCursorOffset: setCursorOffset,
+                  placeholder: "ask milo anything...",
+                  isDimmed: loading,
+                  focus: !loading && !pendingPermission && !pendingWizard,
+                  onHistoryUp,
+                  onHistoryDown,
+                  onHistoryReset
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, "input-area", false, undefined, this),
           /* @__PURE__ */ jsxDEV16(Text15, {
             color: getTheme().border,
             children: line.repeat(columns)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ridit/milo",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Tiny cat. Big code.",
   "author": "Ridit Jangra <riditjangra09@gmail.com> (https://ridit.space)",
   "license": "MIT",

package/src/components/permissions/PermissionCard.tsx

@@ -19,6 +19,8 @@ type Props = {
   onDecide: (decision: PermissionDecision) => void;
 };
 
+const MAX_DIFF_LINES = 10;
+
 const OPTIONS: { label: string; value: PermissionDecision }[] = [
   { label: "Yes", value: "allow" },
   {
@@ -40,7 +42,10 @@ function getFilePreview(toolName: string, input: unknown) {
   if (toolName === "FileWriteTool") {
     const content = String(a.content ?? "");
     if (!content) return null;
-    const lines = content.split("\n").map((l) => "+" + l);
+    const lines = content
+      .split("\n")
+      .slice(0, MAX_DIFF_LINES)
+      .map((l) => "+" + l);
     return {
       oldStart: 1,
       oldLines: 0,
@@ -54,7 +59,9 @@ function getFilePreview(toolName: string, input: unknown) {
     const patch = String(a.patch ?? "");
     if (!patch) return null;
     const parsed = parsePatch(patch);
-    return parsed[0]?.hunks[0] ?? null;
+    const hunk = parsed[0]?.hunks[0] ?? null;
+    if (hunk) hunk.lines = hunk.lines.slice(0, MAX_DIFF_LINES);
+    return hunk;
   }
 
   return null;

package/src/screens/REPL.tsx

@@ -228,30 +228,46 @@ export default function REPL(): JSX.Element {
 
       <Box flexDirection="column">
         <Text color={getTheme().border}>{line.repeat(columns)}</Text>
-        {pendingPermission ? (
-          <PermissionCard permission={pendingPermission} onDecide={decide} />
-        ) : pendingWizard ? (
-          <ProviderWizard mode={pendingWizard} onDone={closeWizard} />
-        ) : (
-          <Box paddingX={1}>
-            <Text color={getTheme().primary}>{pointer} </Text>
-            <TextInput
-              value={value}
-              onChange={setValue}
-              onSubmit={onSubmit}
-              onExit={() => process.exit(0)}
-              columns={columns - 6}
-              cursorOffset={cursorOffset}
-              onChangeCursorOffset={setCursorOffset}
-              placeholder="ask milo anything..."
-              isDimmed={loading}
-              focus={!loading && !pendingPermission && !pendingWizard}
-              onHistoryUp={onHistoryUp}
-              onHistoryDown={onHistoryDown}
-              onHistoryReset={onHistoryReset}
+
+        {/* stable height container — prevents flicker on mount/unmount */}
+        <Box
+          key="input-area"
+          minHeight={pendingPermission ? 10 : pendingWizard ? 10 : 3}
+        >
+          {pendingPermission ? (
+            <PermissionCard
+              key="permission"
+              permission={pendingPermission}
+              onDecide={decide}
             />
-          </Box>
-        )}
+          ) : pendingWizard ? (
+            <ProviderWizard
+              key="wizard"
+              mode={pendingWizard}
+              onDone={closeWizard}
+            />
+          ) : (
+            <Box paddingX={1}>
+              <Text color={getTheme().primary}>{pointer} </Text>
+              <TextInput
+                value={value}
+                onChange={setValue}
+                onSubmit={onSubmit}
+                onExit={() => process.exit(0)}
+                columns={columns - 6}
+                cursorOffset={cursorOffset}
+                onChangeCursorOffset={setCursorOffset}
+                placeholder="ask milo anything..."
+                isDimmed={loading}
+                focus={!loading && !pendingPermission && !pendingWizard}
+                onHistoryUp={onHistoryUp}
+                onHistoryDown={onHistoryDown}
+                onHistoryReset={onHistoryReset}
+              />
+            </Box>
+          )}
+        </Box>
+
         <Text color={getTheme().border}>{line.repeat(columns)}</Text>
         <CommandSuggestions query={value} selectedIndex={selectedIndex} />
         <StatusBar model={modelLabel} mode={mode} thinking={loading} />