wave-code 0.14.2 → 0.14.3

package/dist/components/InstalledView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InstalledView.d.ts","sourceRoot":"","sources":["../../src/components/InstalledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAwDjC,CAAC"}
+{"version":3,"file":"InstalledView.d.ts","sourceRoot":"","sources":["../../src/components/InstalledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAqEjC,CAAC"}

package/dist/components/InstalledView.js

@@ -23,8 +23,11 @@ export const InstalledView = () => {
     if (installedPlugins.length === 0) {
         return (_jsx(Box, { padding: 1, children: _jsx(Text, { dimColor: true, children: "No plugins installed." }) }));
     }
-    return (_jsx(Box, { flexDirection: "column", children: installedPlugins.map((plugin, index) => {
-            const isSelected = index === selectedIndex;
+    const MAX_VISIBLE_ITEMS = 3;
+    const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2), Math.max(0, installedPlugins.length - MAX_VISIBLE_ITEMS)));
+    const visiblePlugins = installedPlugins.slice(startIndex, startIndex + MAX_VISIBLE_ITEMS);
+    return (_jsx(Box, { flexDirection: "column", children: visiblePlugins.map((plugin, index) => {
+            const isSelected = index + startIndex === selectedIndex;
             return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "cyan" : undefined, children: [isSelected ? "> " : "  ", _jsx(Text, { bold: true, children: plugin.name }), _jsxs(Text, { dimColor: true, children: [" @", plugin.marketplace] }), plugin.scope && _jsxs(Text, { color: "gray", children: [" (", plugin.scope, ")"] })] }) }), isSelected && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: "Press Enter for actions" }) }))] }, `${plugin.name}@${plugin.marketplace}`));
         }) }));
 };

package/dist/components/ModelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../src/components/ModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkGtD,CAAC"}
+{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../src/components/ModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoHtD,CAAC"}

package/dist/components/ModelSelector.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box, Text, useInput } from "ink";
+const MAX_VISIBLE_ITEMS = 5;
 export const ModelSelector = ({ onCancel, currentModel, configuredModels, onSelectModel, }) => {
     const [selectedIndex, setSelectedIndex] = useState(() => {
         const index = configuredModels.indexOf(currentModel);
@@ -27,8 +28,14 @@ export const ModelSelector = ({ onCancel, currentModel, configuredModels, onSele
             return;
         }
     });
+    // Calculate visible window
+    const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2), Math.max(0, configuredModels.length - MAX_VISIBLE_ITEMS)));
+    const visibleModels = configuredModels.slice(startIndex, startIndex + MAX_VISIBLE_ITEMS);
     if (configuredModels.length === 0) {
         return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Select AI Model" }), _jsx(Text, { children: "No models configured" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Select AI Model" }) }), _jsx(Text, { dimColor: true, children: "Select a model to use for the current session" }), configuredModels.map((model, index) => (_jsx(Box, { children: _jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "cyan" : undefined, children: [index === selectedIndex ? "▶ " : "  ", model, model === currentModel ? (_jsx(Text, { color: "green", children: " (current)" })) : ("")] }) }, model))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193 to select \u00B7 Enter to confirm \u00B7 Esc to cancel" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Select AI Model" }) }), _jsx(Text, { dimColor: true, children: "Select a model to use for the current session" }), visibleModels.map((model, index) => {
+                const actualIndex = startIndex + index;
+                return (_jsx(Box, { children: _jsxs(Text, { color: actualIndex === selectedIndex ? "black" : "white", backgroundColor: actualIndex === selectedIndex ? "cyan" : undefined, children: [actualIndex === selectedIndex ? "▶ " : "  ", model, model === currentModel ? (_jsx(Text, { color: "green", children: " (current)" })) : ("")] }) }, model));
+            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193 to select \u00B7 Enter to confirm \u00B7 Esc to cancel" }) })] }));
 };

package/dist/components/PluginList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../src/components/PluginList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,eAAe;IACvB,OAAO,EAAE,CAAC,sBAAsB,GAAG;QACjC,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,EAAE,CAAC;IACL,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAC"}
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../src/components/PluginList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,eAAe;IACvB,OAAO,EAAE,CAAC,sBAAsB,GAAG;QACjC,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,EAAE,CAAC;IACL,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgDhD,CAAC"}

package/dist/components/PluginList.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
+const MAX_VISIBLE_ITEMS = 3;
 export const PluginList = ({ plugins, selectedIndex, }) => {
     if (plugins.length === 0) {
         return (_jsx(Box, { padding: 1, children: _jsx(Text, { dimColor: true, children: "No plugins found." }) }));
     }
-    return (_jsx(Box, { flexDirection: "column", children: plugins.map((plugin, index) => {
-            const isSelected = index === selectedIndex;
+    const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2), Math.max(0, plugins.length - MAX_VISIBLE_ITEMS)));
+    const visiblePlugins = plugins.slice(startIndex, startIndex + MAX_VISIBLE_ITEMS);
+    return (_jsx(Box, { flexDirection: "column", children: visiblePlugins.map((plugin, index) => {
+            const isSelected = index + startIndex === selectedIndex;
             const pluginId = `${plugin.name}@${plugin.marketplace}`;
             return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "cyan" : undefined, children: [isSelected ? "> " : "  ", _jsx(Text, { bold: true, children: plugin.name }), _jsxs(Text, { dimColor: true, children: [" @", plugin.marketplace] }), plugin.version && _jsxs(Text, { color: "blue", children: [" v", plugin.version] })] }) }), _jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: plugin.description }) })] }, pluginId));
         }) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "semver": "^7.7.4",
     "yargs": "^17.7.2",
     "zod": "^3.23.8",
-    "wave-agent-sdk": "0.14.2"
+    "wave-agent-sdk": "0.14.3"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

package/src/components/InstalledView.tsx

@@ -30,10 +30,23 @@ export const InstalledView: React.FC = () => {
     );
   }
 
+  const MAX_VISIBLE_ITEMS = 3;
+  const startIndex = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2),
+      Math.max(0, installedPlugins.length - MAX_VISIBLE_ITEMS),
+    ),
+  );
+  const visiblePlugins = installedPlugins.slice(
+    startIndex,
+    startIndex + MAX_VISIBLE_ITEMS,
+  );
+
   return (
     <Box flexDirection="column">
-      {installedPlugins.map((plugin, index) => {
-        const isSelected = index === selectedIndex;
+      {visiblePlugins.map((plugin, index) => {
+        const isSelected = index + startIndex === selectedIndex;
         return (
           <Box
             key={`${plugin.name}@${plugin.marketplace}`}

package/src/components/ModelSelector.tsx

@@ -8,6 +8,8 @@ export interface ModelSelectorProps {
   onSelectModel: (model: string) => void;
 }
 
+const MAX_VISIBLE_ITEMS = 5;
+
 export const ModelSelector: React.FC<ModelSelectorProps> = ({
   onCancel,
   currentModel,
@@ -46,6 +48,19 @@ export const ModelSelector: React.FC<ModelSelectorProps> = ({
     }
   });
 
+  // Calculate visible window
+  const startIndex = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2),
+      Math.max(0, configuredModels.length - MAX_VISIBLE_ITEMS),
+    ),
+  );
+  const visibleModels = configuredModels.slice(
+    startIndex,
+    startIndex + MAX_VISIBLE_ITEMS,
+  );
+
   if (configuredModels.length === 0) {
     return (
       <Box
@@ -84,22 +99,27 @@ export const ModelSelector: React.FC<ModelSelectorProps> = ({
       </Box>
       <Text dimColor>Select a model to use for the current session</Text>
 
-      {configuredModels.map((model, index) => (
-        <Box key={model}>
-          <Text
-            color={index === selectedIndex ? "black" : "white"}
-            backgroundColor={index === selectedIndex ? "cyan" : undefined}
-          >
-            {index === selectedIndex ? "▶ " : "  "}
-            {model}
-            {model === currentModel ? (
-              <Text color="green"> (current)</Text>
-            ) : (
-              ""
-            )}
-          </Text>
-        </Box>
-      ))}
+      {visibleModels.map((model, index) => {
+        const actualIndex = startIndex + index;
+        return (
+          <Box key={model}>
+            <Text
+              color={actualIndex === selectedIndex ? "black" : "white"}
+              backgroundColor={
+                actualIndex === selectedIndex ? "cyan" : undefined
+              }
+            >
+              {actualIndex === selectedIndex ? "▶ " : "  "}
+              {model}
+              {model === currentModel ? (
+                <Text color="green"> (current)</Text>
+              ) : (
+                ""
+              )}
+            </Text>
+          </Box>
+        );
+      })}
 
       <Box marginTop={1}>
         <Text dimColor>↑/↓ to select · Enter to confirm · Esc to cancel</Text>

package/src/components/PluginList.tsx

@@ -12,6 +12,8 @@ interface PluginListProps {
   onSelect?: (index: number) => void;
 }
 
+const MAX_VISIBLE_ITEMS = 3;
+
 export const PluginList: React.FC<PluginListProps> = ({
   plugins,
   selectedIndex,
@@ -24,10 +26,22 @@ export const PluginList: React.FC<PluginListProps> = ({
     );
   }
 
+  const startIndex = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2),
+      Math.max(0, plugins.length - MAX_VISIBLE_ITEMS),
+    ),
+  );
+  const visiblePlugins = plugins.slice(
+    startIndex,
+    startIndex + MAX_VISIBLE_ITEMS,
+  );
+
   return (
     <Box flexDirection="column">
-      {plugins.map((plugin, index) => {
-        const isSelected = index === selectedIndex;
+      {visiblePlugins.map((plugin, index) => {
+        const isSelected = index + startIndex === selectedIndex;
         const pluginId = `${plugin.name}@${plugin.marketplace}`;
 
         return (