@levelcode/cli 0.2.6 → 0.2.7

package/dist/index.js

@@ -96978,7 +96978,7 @@ var getBaseEnv = () => ({
   OPEN_TUI_THEME: process.env.OPEN_TUI_THEME,
   OPENTUI_THEME: process.env.OPENTUI_THEME,
   LEVELCODE_IS_BINARY: process.env.LEVELCODE_IS_BINARY,
-  LEVELCODE_CLI_VERSION: "0.2.6",
+  LEVELCODE_CLI_VERSION: "0.2.7",
   LEVELCODE_CLI_TARGET: process.env.LEVELCODE_CLI_TARGET,
   LEVELCODE_RG_PATH: process.env.LEVELCODE_RG_PATH,
   LEVELCODE_WASM_DIR: process.env.LEVELCODE_WASM_DIR,
@@ -189742,7 +189742,7 @@ var getCliEnv = () => ({
   OPEN_TUI_THEME: process.env.OPEN_TUI_THEME,
   OPENTUI_THEME: process.env.OPENTUI_THEME,
   LEVELCODE_IS_BINARY: process.env.LEVELCODE_IS_BINARY,
-  LEVELCODE_CLI_VERSION: "0.2.6",
+  LEVELCODE_CLI_VERSION: "0.2.7",
   LEVELCODE_CLI_TARGET: process.env.LEVELCODE_CLI_TARGET,
   LEVELCODE_RG_PATH: process.env.LEVELCODE_RG_PATH,
   LEVELCODE_SCROLL_MULTIPLIER: process.env.LEVELCODE_SCROLL_MULTIPLIER,
@@ -191072,396 +191072,220 @@ async function testProvider(providerId, apiKey, baseUrl) {
 var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
 
 // src/components/provider-wizard.tsx
-var CATEGORIES = Object.keys(PROVIDER_CATEGORY_LABELS);
+var CATEGORIES = Object.keys(PROVIDER_CATEGORY_LABELS).filter((c) => c !== "custom");
 var ProviderWizard = ({ onClose }) => {
   const theme = useTheme();
   const [step, setStep] = import_react14.useState("category");
-  const [selectedCategory, setSelectedCategory] = import_react14.useState(null);
+  const [selectedCategory, setSelectedCategory] = import_react14.useState("major-paid");
   const [selectedProvider, setSelectedProvider] = import_react14.useState(null);
   const [apiKey, setApiKey] = import_react14.useState("");
-  const [baseUrl, setBaseUrl] = import_react14.useState("");
   const [testResult, setTestResult] = import_react14.useState(null);
-  const [customModelIds, setCustomModelIds] = import_react14.useState([]);
   const [selectedIndex, setSelectedIndex] = import_react14.useState(0);
   const [isTesting, setIsTesting] = import_react14.useState(false);
-  const [configField, setConfigField] = import_react14.useState("apiKey");
-  const categoryProviders = selectedCategory ? getProvidersByCategory()[selectedCategory] ?? [] : [];
+  const categoryProviders = getProvidersByCategory()[selectedCategory] ?? [];
   import_react14.useEffect(() => {
-    if (step !== "test" || !selectedProvider)
+    if (step !== "test" || !selectedProvider || isTesting || testResult)
       return;
-    if (isTesting || testResult)
-      return;
-    let cancelled = false;
     setIsTesting(true);
-    testProvider(selectedProvider.id, apiKey || undefined, baseUrl || undefined).then((result) => {
-      if (!cancelled) {
-        setTestResult(result);
-        setIsTesting(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [step, selectedProvider, apiKey, baseUrl, isTesting, testResult]);
-  const handleSaveProvider = import_react14.useCallback(async () => {
+    testProvider(selectedProvider.id, apiKey || undefined).then((result) => {
+      setTestResult(result);
+      setIsTesting(false);
+    }).catch(() => {
+      setTestResult({ success: false, latencyMs: 0, error: "Test failed", providerName: selectedProvider.name });
+      setIsTesting(false);
+    });
+  }, [step, selectedProvider, apiKey, isTesting, testResult]);
+  const handleSave = import_react14.useCallback(async () => {
     if (!selectedProvider)
       return;
     await useProviderStore.getState().addProvider(selectedProvider.id, {
       enabled: true,
       apiKey: apiKey || undefined,
-      baseUrl: baseUrl || undefined,
       models: testResult?.models ?? [],
-      customModelIds
+      customModelIds: []
     });
-  }, [selectedProvider, apiKey, baseUrl, testResult, customModelIds]);
+    setStep("done");
+  }, [selectedProvider, apiKey, testResult]);
   useKeyboard(import_react14.useCallback((key) => {
-    if (key.name === "escape" || key.ctrl && key.name === "c") {
+    if (key.name === "escape") {
       onClose();
       return;
     }
     if (step === "category") {
-      if (key.name === "up") {
-        setSelectedIndex((prev) => Math.max(0, prev - 1));
-        return;
-      }
-      if (key.name === "down") {
-        setSelectedIndex((prev) => Math.min(CATEGORIES.length - 1, prev + 1));
-        return;
-      }
-      if (key.name === "return" || key.name === "enter") {
-        const cat = CATEGORIES[selectedIndex];
-        if (cat) {
-          setSelectedCategory(cat);
-          setSelectedIndex(0);
-          setStep("provider");
-        }
-        return;
+      if (key.name === "up")
+        setSelectedIndex((p) => Math.max(0, p - 1));
+      else if (key.name === "down")
+        setSelectedIndex((p) => Math.min(CATEGORIES.length - 1, p + 1));
+      else if (key.name === "return" || key.name === "enter") {
+        setSelectedCategory(CATEGORIES[selectedIndex]);
+        setSelectedIndex(0);
+        setStep("provider");
       }
+      return;
     }
     if (step === "provider") {
-      if (key.name === "up") {
-        setSelectedIndex((prev) => Math.max(0, prev - 1));
-        return;
-      }
-      if (key.name === "down") {
-        setSelectedIndex((prev) => Math.min(categoryProviders.length - 1, prev + 1));
-        return;
-      }
-      if (key.name === "return" || key.name === "enter") {
+      if (key.name === "up")
+        setSelectedIndex((p) => Math.max(0, p - 1));
+      else if (key.name === "down")
+        setSelectedIndex((p) => Math.min(categoryProviders.length - 1, p + 1));
+      else if (key.name === "return" || key.name === "enter") {
         const provider2 = categoryProviders[selectedIndex];
         if (provider2) {
           setSelectedProvider(provider2);
-          setBaseUrl(provider2.baseUrl);
-          setStep("config");
-          setConfigField("apiKey");
+          setStep(provider2.authType === "none" ? "test" : "apikey");
         }
-        return;
       }
+      return;
     }
-    if (step === "config") {
-      if (key.name === "tab") {
-        setConfigField((prev) => prev === "apiKey" ? "baseUrl" : "apiKey");
-        return;
-      }
+    if (step === "apikey") {
       if (key.name === "return" || key.name === "enter") {
         setStep("test");
-        return;
-      }
-      if (key.name === "backspace" || key.name === "delete") {
-        if (configField === "apiKey") {
-          setApiKey((prev) => prev.slice(0, -1));
-        } else {
-          setBaseUrl((prev) => prev.slice(0, -1));
-        }
-        return;
-      }
-      if (key.sequence && key.sequence.length === 1 && !key.ctrl && !key.meta) {
-        if (configField === "apiKey") {
-          setApiKey((prev) => prev + key.sequence);
-        } else {
-          setBaseUrl((prev) => prev + key.sequence);
-        }
-        return;
+      } else if (key.name === "backspace" || key.name === "delete") {
+        setApiKey((p) => p.slice(0, -1));
+      } else if (key.sequence && key.sequence.length === 1 && !key.ctrl && !key.meta) {
+        setApiKey((p) => p + key.sequence);
       }
+      return;
     }
-    if (step === "test") {
-      if ((key.name === "return" || key.name === "enter") && testResult) {
-        handleSaveProvider().then(() => {
-          setStep("done");
-        });
-        return;
+    if (step === "test" && testResult) {
+      if (key.name === "return" || key.name === "enter") {
+        handleSave();
       }
+      return;
     }
     if (step === "done") {
       if (key.name === "return" || key.name === "enter") {
         onClose();
-        return;
       }
+      return;
     }
-  }, [
-    step,
-    selectedIndex,
-    categoryProviders,
-    configField,
-    testResult,
-    onClose,
-    handleSaveProvider
-  ]));
-  if (step === "category") {
-    return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-      title: " Add Provider - Select Category ",
-      titleAlignment: "center",
-      style: {
-        width: "100%",
-        borderStyle: "single",
-        borderColor: theme.primary,
-        customBorderChars: BORDER_CHARS,
-        paddingLeft: 1,
-        paddingRight: 1,
-        flexDirection: "column"
-      },
-      children: [
-        CATEGORIES.map((cat, index) => {
-          const isSelected = index === selectedIndex;
-          return /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-            style: {
-              fg: isSelected ? theme.primary : theme.foreground,
-              bg: isSelected ? theme.surface : undefined
-            },
-            children: [
-              isSelected ? "> " : "  ",
-              PROVIDER_CATEGORY_LABELS[cat]
-            ]
-          }, cat);
-        }),
-        /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-          style: { fg: theme.muted },
-          children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc cancel"
-        })
-      ]
-    });
-  }
-  if (step === "provider") {
-    return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-      title: ` Add Provider - ${PROVIDER_CATEGORY_LABELS[selectedCategory]} `,
-      titleAlignment: "center",
-      style: {
-        width: "100%",
-        borderStyle: "single",
-        borderColor: theme.primary,
-        customBorderChars: BORDER_CHARS,
-        paddingLeft: 1,
-        paddingRight: 1,
-        flexDirection: "column"
-      },
-      children: [
-        categoryProviders.map((provider2, index) => {
-          const isSelected = index === selectedIndex;
-          return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-            style: { flexDirection: "row", height: 1 },
-            children: [
-              /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-                style: {
-                  fg: isSelected ? theme.primary : theme.foreground,
-                  bg: isSelected ? theme.surface : undefined
-                },
-                children: [
-                  isSelected ? "> " : "  ",
-                  provider2.name
-                ]
-              }),
-              /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-                style: { fg: theme.muted },
-                children: [
-                  "  ",
-                  provider2.baseUrl
-                ]
-              })
-            ]
-          }, provider2.id);
-        }),
-        /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-          style: { fg: theme.muted },
-          children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc cancel"
-        })
-      ]
-    });
-  }
-  if (step === "config") {
-    const maskedKey = apiKey.length > 0 ? "*".repeat(Math.max(0, apiKey.length - 4)) + apiKey.slice(-4) : "";
-    return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-      title: ` Configure ${selectedProvider?.name ?? ""} `,
-      titleAlignment: "center",
-      style: {
-        width: "100%",
-        borderStyle: "single",
-        borderColor: theme.primary,
-        customBorderChars: BORDER_CHARS,
-        paddingLeft: 1,
-        paddingRight: 1,
-        flexDirection: "column"
-      },
-      children: [
-        /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-          style: { flexDirection: "row", height: 1 },
-          children: [
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: {
-                fg: configField === "apiKey" ? theme.primary : theme.foreground
-              },
-              children: [
-                configField === "apiKey" ? "> " : "  ",
-                "API Key:",
-                " "
-              ]
-            }),
-            /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-              style: { fg: theme.muted },
-              children: maskedKey || "(type to enter)"
-            })
-          ]
-        }),
-        /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-          style: { flexDirection: "row", height: 1 },
-          children: [
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: {
-                fg: configField === "baseUrl" ? theme.primary : theme.foreground
-              },
-              children: [
-                configField === "baseUrl" ? "> " : "  ",
-                "Base URL:",
-                " "
-              ]
-            }),
-            /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-              style: { fg: theme.muted },
-              children: baseUrl || "(empty)"
-            })
-          ]
-        }),
-        selectedProvider?.envVars && selectedProvider.envVars.length > 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-          style: { fg: theme.info },
-          children: [
-            "  ",
-            "Env var: ",
-            selectedProvider.envVars.join(", ")
-          ]
-        }),
-        /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-          style: { fg: theme.muted },
-          children: "Tab switch field \xB7 Enter test connection \xB7 Esc cancel"
-        })
-      ]
-    });
-  }
-  if (step === "test") {
-    return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-      title: ` Testing ${selectedProvider?.name ?? ""} `,
-      titleAlignment: "center",
-      style: {
-        width: "100%",
-        borderStyle: "single",
-        borderColor: theme.primary,
-        customBorderChars: BORDER_CHARS,
-        paddingLeft: 1,
-        paddingRight: 1,
-        flexDirection: "column"
-      },
-      children: [
-        isTesting && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-          style: { fg: theme.warning },
-          children: [
-            "  ",
-            "Testing connection..."
-          ]
-        }),
-        testResult && testResult.success && /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-          style: { flexDirection: "column" },
-          children: [
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: { fg: theme.success },
-              children: [
-                "  ",
-                "Connection successful!"
-              ]
-            }),
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: { fg: theme.muted },
-              children: [
-                "  ",
-                "Latency: ",
-                Math.round(testResult.latencyMs),
-                "ms"
-              ]
-            }),
-            testResult.models && testResult.models.length > 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: { fg: theme.muted },
-              children: [
-                "  ",
-                "Models found: ",
-                testResult.models.length
-              ]
-            })
-          ]
-        }),
-        testResult && !testResult.success && /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-          style: { flexDirection: "column" },
-          children: [
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: { fg: theme.error },
-              children: [
-                "  ",
-                "Connection failed"
-              ]
-            }),
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: { fg: theme.muted },
-              children: [
-                "  ",
-                testResult.error ?? "Unknown error"
-              ]
-            })
-          ]
-        }),
-        testResult && /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-          style: { fg: theme.muted },
-          children: "Enter save provider \xB7 Esc cancel"
-        })
-      ]
-    });
-  }
+  }, [step, selectedIndex, categoryProviders, testResult, onClose, handleSave]));
   return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-    title: " Provider Added ",
-    titleAlignment: "center",
     style: {
       width: "100%",
       borderStyle: "single",
-      borderColor: theme.success,
+      borderColor: theme.primary,
       customBorderChars: BORDER_CHARS,
       paddingLeft: 1,
       paddingRight: 1,
       flexDirection: "column"
     },
     children: [
-      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-        style: { fg: theme.success },
+      step === "category" && /* @__PURE__ */ import_jsx_runtime3.jsxs(import_jsx_runtime3.Fragment, {
         children: [
-          "  ",
-          "Provider added!"
+          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+            style: { fg: theme.primary },
+            children: "Add Provider - Select Category"
+          }),
+          CATEGORIES.map((cat, i2) => /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: i2 === selectedIndex ? theme.primary : theme.foreground },
+            children: [
+              i2 === selectedIndex ? "> " : "  ",
+              PROVIDER_CATEGORY_LABELS[cat]
+            ]
+          }, cat))
         ]
       }),
-      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-        style: { fg: theme.foreground },
+      step === "provider" && /* @__PURE__ */ import_jsx_runtime3.jsxs(import_jsx_runtime3.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.primary },
+            children: [
+              "Add Provider - ",
+              PROVIDER_CATEGORY_LABELS[selectedCategory]
+            ]
+          }),
+          categoryProviders.map((p, i2) => /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: i2 === selectedIndex ? theme.primary : theme.foreground },
+            children: [
+              i2 === selectedIndex ? "> " : "  ",
+              p.name
+            ]
+          }, p.id))
+        ]
+      }),
+      step === "apikey" && /* @__PURE__ */ import_jsx_runtime3.jsxs(import_jsx_runtime3.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.primary },
+            children: [
+              "Configure ",
+              selectedProvider?.name ?? ""
+            ]
+          }),
+          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.foreground },
+            children: [
+              "API Key: ",
+              apiKey.length > 0 ? "*".repeat(Math.max(0, apiKey.length - 4)) + apiKey.slice(-4) : "(type your API key)"
+            ]
+          }),
+          selectedProvider?.envVars && selectedProvider.envVars.length > 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.info },
+            children: [
+              "Env var: ",
+              selectedProvider.envVars.join(", ")
+            ]
+          }),
+          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+            style: { fg: theme.muted },
+            children: "Enter to test connection"
+          })
+        ]
+      }),
+      step === "test" && /* @__PURE__ */ import_jsx_runtime3.jsxs(import_jsx_runtime3.Fragment, {
         children: [
-          "  ",
-          selectedProvider?.name ?? "Unknown",
-          " is now configured."
+          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.primary },
+            children: [
+              "Testing ",
+              selectedProvider?.name ?? ""
+            ]
+          }),
+          isTesting && /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+            style: { fg: theme.warning },
+            children: "Testing connection..."
+          }),
+          testResult && testResult.success && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.success },
+            children: [
+              "Connected! ",
+              Math.round(testResult.latencyMs),
+              "ms",
+              testResult.models ? ` (${testResult.models.length} models)` : ""
+            ]
+          }),
+          testResult && !testResult.success && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.error },
+            children: [
+              "Failed: ",
+              testResult.error ?? "Unknown error"
+            ]
+          }),
+          testResult && /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+            style: { fg: theme.muted },
+            children: "Enter to save"
+          })
+        ]
+      }),
+      step === "done" && /* @__PURE__ */ import_jsx_runtime3.jsxs(import_jsx_runtime3.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+            style: { fg: theme.success },
+            children: "Provider added!"
+          }),
+          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+            style: { fg: theme.foreground },
+            children: [
+              selectedProvider?.name ?? "",
+              " is now configured."
+            ]
+          })
         ]
       }),
       /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
         style: { fg: theme.muted },
-        children: "Enter close \xB7 Esc close"
+        children: "Esc cancel"
       })
     ]
   });
@@ -191474,41 +191298,19 @@ var ModelPicker = ({ onClose }) => {
   const theme = useTheme();
   const [searchQuery, setSearchQuery] = import_react16.useState("");
   const [selectedIndex, setSelectedIndex] = import_react16.useState(0);
-  const [selectedProviderId, setSelectedProviderId] = import_react16.useState(null);
   const catalogModels = useProviderStore((state) => state.catalogModels);
   const activeModel = useProviderStore((state) => state.config.activeModel);
   const activeProvider = useProviderStore((state) => state.config.activeProvider);
-  const configuredProviders = useProviderStore((state) => Object.keys(state.config.providers));
   const filteredModels2 = import_react16.useMemo(() => {
-    let models3 = catalogModels;
-    if (selectedProviderId) {
-      models3 = models3.filter((m) => m.providerId === selectedProviderId);
-    }
-    if (searchQuery.trim()) {
-      const query = searchQuery.toLowerCase();
-      models3 = models3.filter((m) => m.name.toLowerCase().includes(query) || m.id.toLowerCase().includes(query));
-    }
-    return models3;
-  }, [catalogModels, selectedProviderId, searchQuery]);
-  const formatCost = (model) => {
-    if (!model.cost)
-      return "-";
-    return `$${model.cost.input.toFixed(2)}/$${model.cost.output.toFixed(2)}`;
-  };
-  const formatContext = (model) => {
-    if (!model.limit?.context)
-      return "-";
-    const ctx = model.limit.context;
-    if (ctx >= 1e6)
-      return `${(ctx / 1e6).toFixed(1)}M`;
-    if (ctx >= 1000)
-      return `${Math.round(ctx / 1000)}K`;
-    return String(ctx);
-  };
-  const getProviderName = (providerId) => {
-    const def = PROVIDER_DEFINITIONS[providerId];
-    return def?.name ?? providerId;
-  };
+    if (!searchQuery.trim())
+      return catalogModels;
+    const query = searchQuery.toLowerCase();
+    return catalogModels.filter((m) => m.name.toLowerCase().includes(query) || m.id.toLowerCase().includes(query));
+  }, [catalogModels, searchQuery]);
+  const clampedIndex = Math.min(selectedIndex, Math.max(0, filteredModels2.length - 1));
+  const maxVisible = 10;
+  const scrollOffset = Math.max(0, Math.min(clampedIndex - Math.floor(maxVisible / 2), filteredModels2.length - maxVisible));
+  const visibleModels = filteredModels2.slice(Math.max(0, scrollOffset), Math.max(0, scrollOffset) + maxVisible);
   useKeyboard(import_react16.useCallback((key) => {
     if (key.name === "escape") {
       onClose();
@@ -191523,26 +191325,11 @@ var ModelPicker = ({ onClose }) => {
       return;
     }
     if (key.name === "return" || key.name === "enter") {
-      const model = filteredModels2[selectedIndex];
+      const model = filteredModels2[clampedIndex];
       if (model) {
         useProviderStore.getState().setActiveModel(model.providerId, model.id);
-        onClose();
-      }
-      return;
-    }
-    if (key.name === "tab") {
-      if (!selectedProviderId) {
-        setSelectedProviderId(configuredProviders[0] ?? null);
-      } else {
-        const currentIdx = configuredProviders.indexOf(selectedProviderId);
-        const nextIdx = currentIdx + 1;
-        if (nextIdx >= configuredProviders.length) {
-          setSelectedProviderId(null);
-        } else {
-          setSelectedProviderId(configuredProviders[nextIdx] ?? null);
-        }
       }
-      setSelectedIndex(0);
+      onClose();
       return;
     }
     if (key.name === "backspace" || key.name === "delete") {
@@ -191555,13 +191342,8 @@ var ModelPicker = ({ onClose }) => {
       setSelectedIndex(0);
       return;
     }
-  }, [filteredModels2, selectedIndex, selectedProviderId, configuredProviders, onClose]));
-  const maxVisible = 12;
-  const scrollOffset = Math.max(0, Math.min(selectedIndex - Math.floor(maxVisible / 2), filteredModels2.length - maxVisible));
-  const visibleModels = filteredModels2.slice(scrollOffset, scrollOffset + maxVisible);
+  }, [filteredModels2, clampedIndex, onClose]));
   return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-    title: " Model Picker ",
-    titleAlignment: "center",
     style: {
       width: "100%",
       borderStyle: "single",
@@ -191572,95 +191354,48 @@ var ModelPicker = ({ onClose }) => {
       flexDirection: "column"
     },
     children: [
-      /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-        style: { flexDirection: "row", height: 1 },
-        children: [
-          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-            style: { fg: theme.primary },
-            children: "Search: "
-          }),
-          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-            style: { fg: theme.foreground },
-            children: searchQuery || ""
-          }),
-          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-            style: { fg: theme.muted },
-            children: searchQuery ? "" : "(type to filter)"
-          })
-        ]
+      /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+        style: { fg: theme.primary },
+        children: "Model Picker"
       }),
-      /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-        style: { flexDirection: "row", height: 1 },
+      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+        style: { fg: theme.muted },
         children: [
-          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-            style: { fg: theme.muted },
-            children: [
-              "Filter:",
-              " "
-            ]
-          }),
-          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-            style: {
-              fg: selectedProviderId ? theme.info : theme.muted
-            },
-            children: selectedProviderId ? getProviderName(selectedProviderId) : "All providers"
-          }),
-          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-            style: { fg: theme.muted },
-            children: [
-              "  ",
-              "(",
-              filteredModels2.length,
-              " models)"
-            ]
-          })
+          "Search: ",
+          searchQuery || "(type to filter)"
         ]
       }),
       /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
         style: { fg: theme.muted },
         children: [
-          "  ",
-          "Name".padEnd(32),
-          "Provider".padEnd(16),
-          "Cost".padEnd(16),
-          "Context"
+          filteredModels2.length,
+          " models available"
         ]
       }),
       visibleModels.map((model, visibleIdx) => {
-        const realIndex = scrollOffset + visibleIdx;
-        const isSelected = realIndex === selectedIndex;
+        const realIndex = Math.max(0, scrollOffset) + visibleIdx;
+        const isSelected = realIndex === clampedIndex;
         const isActive = model.id === activeModel && model.providerId === activeProvider;
-        return /* @__PURE__ */ import_jsx_runtime3.jsx("box", {
-          style: { flexDirection: "row", height: 1 },
-          children: /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-            style: {
-              fg: isActive ? theme.success : isSelected ? theme.primary : theme.foreground,
-              bg: isSelected ? theme.surface : undefined
-            },
-            children: [
-              isSelected ? "> " : "  ",
-              model.name.slice(0, 30).padEnd(30),
-              "  ",
-              getProviderName(model.providerId).slice(0, 14).padEnd(14),
-              "  ",
-              formatCost(model).padEnd(14),
-              "  ",
-              formatContext(model),
-              isActive ? " *" : ""
-            ]
-          })
-        }, `${model.providerId}-${model.id}`);
+        const providerName = getProviderDefinition(model.providerId)?.name ?? model.providerId;
+        return /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+          style: {
+            fg: isActive ? theme.success : isSelected ? theme.primary : theme.foreground
+          },
+          children: [
+            isSelected ? "> " : "  ",
+            model.name.slice(0, 30).padEnd(32),
+            providerName.slice(0, 14).padEnd(16),
+            isActive ? "*" : ""
+          ]
+        }, `${model.providerId}-${model.id}-${visibleIdx}`);
       }),
-      filteredModels2.length === 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+      filteredModels2.length === 0 && /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
         style: { fg: theme.muted },
-        children: [
-          "  ",
-          "No models found."
-        ]
+        children: "  No models found. Run /provider:add first."
       }),
       /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
         style: { fg: theme.muted },
-        children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Tab filter provider \xB7 Esc close"
+        children: "Up/Down navigate | Enter select | Esc close"
       })
     ]
   });
@@ -191669,123 +191404,20 @@ var ModelPicker = ({ onClose }) => {
 // src/components/settings-panel.tsx
 var import_react18 = __toESM(require_react(), 1);
 init_provider_registry();
-init_provider_types();
-var SETTING_ROWS = [
-  { id: "autoDetectLocal", label: "Auto-detect local providers", type: "toggle" },
-  { id: "catalogRefreshHours", label: "Catalog refresh (hours)", type: "number" },
-  { id: "preferredProviderOrder", label: "Preferred provider order", type: "list" },
-  { id: "duplicateModelStrategy", label: "Duplicate model strategy", type: "select" },
-  { id: "providers", label: "Configured providers", type: "list" }
-];
 var SettingsPanel = ({ onClose }) => {
   const theme = useTheme();
-  const [selectedIndex, setSelectedIndex] = import_react18.useState(0);
   const settings = useProviderStore((state) => state.config.settings);
   const providers = useProviderStore((state) => state.config.providers);
-  const getProviderName = (id) => {
-    const def = PROVIDER_DEFINITIONS[id];
-    return def?.name ?? id;
-  };
-  const toggleAutoDetect = import_react18.useCallback(() => {
-    const next = !settings.autoDetectLocal;
-    useProviderStore.getState().updateSettings({ autoDetectLocal: next });
-  }, [settings.autoDetectLocal]);
-  const adjustRefreshHours = import_react18.useCallback((delta) => {
-    const next = Math.max(1, Math.min(24, settings.catalogRefreshHours + delta));
-    useProviderStore.getState().updateSettings({ catalogRefreshHours: next });
-  }, [settings.catalogRefreshHours]);
-  const cycleDuplicateStrategy = import_react18.useCallback((direction) => {
-    const strategies = DUPLICATE_MODEL_STRATEGIES;
-    const currentIdx = strategies.indexOf(settings.duplicateModelStrategy);
-    const nextIdx = (currentIdx + direction + strategies.length) % strategies.length;
-    const next = strategies[nextIdx];
-    useProviderStore.getState().updateSettings({ duplicateModelStrategy: next });
-  }, [settings.duplicateModelStrategy]);
-  const handleAction = import_react18.useCallback(() => {
-    const row = SETTING_ROWS[selectedIndex];
-    if (!row)
-      return;
-    switch (row.id) {
-      case "autoDetectLocal":
-        toggleAutoDetect();
-        break;
-      case "catalogRefreshHours":
-        adjustRefreshHours(1);
-        break;
-      case "duplicateModelStrategy":
-        cycleDuplicateStrategy(1);
-        break;
-    }
-  }, [selectedIndex, toggleAutoDetect, adjustRefreshHours, cycleDuplicateStrategy]);
+  const activeProvider = useProviderStore((state) => state.config.activeProvider);
+  const activeModel = useProviderStore((state) => state.config.activeModel);
+  const providerEntries = Object.entries(providers);
   useKeyboard(import_react18.useCallback((key) => {
-    if (key.name === "escape" || key.ctrl && key.name === "c") {
+    if (key.name === "escape") {
       onClose();
       return;
     }
-    if (key.name === "up") {
-      setSelectedIndex((prev) => Math.max(0, prev - 1));
-      return;
-    }
-    if (key.name === "down") {
-      setSelectedIndex((prev) => Math.min(SETTING_ROWS.length - 1, prev + 1));
-      return;
-    }
-    if (key.name === "return" || key.name === "enter" || key.name === "space") {
-      handleAction();
-      return;
-    }
-    const row = SETTING_ROWS[selectedIndex];
-    if (!row)
-      return;
-    if (key.name === "left") {
-      if (row.id === "catalogRefreshHours") {
-        adjustRefreshHours(-1);
-      } else if (row.id === "duplicateModelStrategy") {
-        cycleDuplicateStrategy(-1);
-      } else if (row.type === "toggle") {
-        handleAction();
-      }
-      return;
-    }
-    if (key.name === "right") {
-      if (row.id === "catalogRefreshHours") {
-        adjustRefreshHours(1);
-      } else if (row.id === "duplicateModelStrategy") {
-        cycleDuplicateStrategy(1);
-      } else if (row.type === "toggle") {
-        handleAction();
-      }
-      return;
-    }
-  }, [onClose, selectedIndex, handleAction, adjustRefreshHours, cycleDuplicateStrategy]));
-  const getValueDisplay = (row) => {
-    switch (row.id) {
-      case "autoDetectLocal":
-        return settings.autoDetectLocal ? "ON" : "OFF";
-      case "catalogRefreshHours":
-        return `< ${settings.catalogRefreshHours}h >`;
-      case "duplicateModelStrategy":
-        return `< ${settings.duplicateModelStrategy} >`;
-      case "preferredProviderOrder":
-        return settings.preferredProviderOrder.map((id) => getProviderName(id)).join(", ");
-      case "providers":
-        return "";
-      default:
-        return "";
-    }
-  };
-  const getValueColor = (row) => {
-    switch (row.id) {
-      case "autoDetectLocal":
-        return settings.autoDetectLocal ? theme.success : theme.muted;
-      default:
-        return theme.primary;
-    }
-  };
-  const providerEntries = Object.entries(providers);
+  }, [onClose]));
   return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-    title: " Settings ",
-    titleAlignment: "center",
     style: {
       width: "100%",
       borderStyle: "single",
@@ -191796,93 +191428,75 @@ var SettingsPanel = ({ onClose }) => {
       flexDirection: "column"
     },
     children: [
-      SETTING_ROWS.map((row, index) => {
-        const isSelected = index === selectedIndex;
-        const valueDisplay = getValueDisplay(row);
-        const valueColor = getValueColor(row);
-        return /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-          style: { flexDirection: "row", height: 1 },
-          children: [
-            /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-              style: {
-                fg: isSelected ? theme.primary : theme.foreground,
-                bg: isSelected ? theme.surface : undefined
-              },
-              children: [
-                isSelected ? "> " : "  ",
-                row.label
-              ]
-            }),
-            valueDisplay && /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-              style: { flexDirection: "row" },
-              children: [
-                /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-                  style: { fg: theme.muted },
-                  children: "  "
-                }),
-                /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-                  style: {
-                    fg: isSelected ? valueColor : theme.muted
-                  },
-                  children: valueDisplay
-                })
-              ]
-            })
-          ]
-        }, row.id);
+      /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+        style: { fg: theme.primary },
+        children: "Provider Settings"
       }),
-      providerEntries.length > 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-        style: { flexDirection: "column" },
+      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+        style: { fg: theme.foreground },
         children: [
-          /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-            style: { fg: theme.muted },
-            children: [
-              "  ",
-              "---"
-            ]
-          }),
-          providerEntries.map(([id, entry]) => /* @__PURE__ */ import_jsx_runtime3.jsxs("box", {
-            style: { flexDirection: "row", height: 1 },
-            children: [
-              /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-                style: { fg: theme.foreground },
-                children: [
-                  "    ",
-                  getProviderName(id)
-                ]
-              }),
-              /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-                style: { fg: theme.muted },
-                children: "  "
-              }),
-              /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
-                style: {
-                  fg: entry.enabled ? theme.success : theme.muted
-                },
-                children: entry.enabled ? "enabled" : "disabled"
-              }),
-              entry.models.length > 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-                style: { fg: theme.muted },
-                children: [
-                  "  ",
-                  entry.models.length,
-                  " models"
-                ]
-              })
-            ]
-          }, id))
+          "Active: ",
+          activeProvider && activeModel ? `${activeProvider}/${activeModel}` : "None set"
         ]
       }),
-      providerEntries.length === 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
-        style: { fg: theme.muted },
+      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+        style: { fg: theme.foreground },
         children: [
-          "  ",
-          "No providers configured. Use /provider:add to add one."
+          "Auto-detect local: ",
+          settings.autoDetectLocal ? "ON" : "OFF"
         ]
       }),
+      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+        style: { fg: theme.foreground },
+        children: [
+          "Catalog refresh: ",
+          settings.catalogRefreshHours,
+          "h"
+        ]
+      }),
+      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+        style: { fg: theme.foreground },
+        children: [
+          "Duplicate strategy: ",
+          settings.duplicateModelStrategy
+        ]
+      }),
+      /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+        style: { fg: theme.foreground },
+        children: [
+          "Preferred order: ",
+          settings.preferredProviderOrder.join(", ")
+        ]
+      }),
+      providerEntries.length > 0 && /* @__PURE__ */ import_jsx_runtime3.jsxs(import_jsx_runtime3.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+            style: { fg: theme.primary },
+            children: "Configured Providers"
+          }),
+          providerEntries.map(([id, entry]) => {
+            const name18 = getProviderDefinition(id)?.name ?? id;
+            return /* @__PURE__ */ import_jsx_runtime3.jsxs("text", {
+              style: { fg: entry.enabled ? theme.success : theme.muted },
+              children: [
+                "  ",
+                entry.enabled ? "\u25CF" : "\u25CB",
+                " ",
+                name18,
+                entry.models.length > 0 ? ` (${entry.models.length} models)` : "",
+                entry.autoDetected ? " [auto]" : ""
+              ]
+            }, id);
+          })
+        ]
+      }),
+      providerEntries.length === 0 && /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
+        style: { fg: theme.muted },
+        children: "No providers configured. Use /provider:add to add one."
+      }),
       /* @__PURE__ */ import_jsx_runtime3.jsx("text", {
         style: { fg: theme.muted },
-        children: "\u2191\u2193 navigate \xB7 Enter/Space toggle \xB7 \u2190\u2192 adjust \xB7 Esc close"
+        children: "Esc close"
       })
     ]
   });
@@ -226777,7 +226391,7 @@ var Chat = ({
   useChatKeyboard({
     state: chatKeyboardState,
     handlers: chatKeyboardHandlers,
-    disabled: askUserState !== null || reviewMode
+    disabled: askUserState !== null || reviewMode || providerWizardMode || modelPickerMode || providerSettingsMode
   });
   const setMessageBlockContext = useMessageBlockStore((state) => state.setContext);
   const setMessageBlockCallbacks = useMessageBlockStore((state) => state.setCallbacks);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levelcode/cli",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "LevelCode CLI - Terminal-based AI coding agent that outperforms Claude Code",
   "author": {
     "name": "Yethikrishna R",