@manix-cli/manix 0.1.2

package/dist/ui/Mascot.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { MASCOT, color, lerpColor } from "../theme.js";
+function Mascot() {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginRight: 2, children: MASCOT.map((row, i) => {
+    const c = lerpColor(color.accent, color.amber, MASCOT.length > 1 ? i / (MASCOT.length - 1) : 0);
+    return /* @__PURE__ */ jsx(Text, { children: [...row].map((ch, j) => ch === "#" ? c("\u2588\u2588") : "  ").join("") }, i);
+  }) });
+}
+export {
+  Mascot as default
+};

package/dist/ui/Onboarding.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { color, hr } from "../theme.js";
+import { validateKey } from "../openrouter.js";
+import { saveConfig } from "../config.js";
+import Mascot from "./Mascot.js";
+function Onboarding({ onDone }) {
+  const [key, setKey] = useState("");
+  const [state, setState] = useState("input");
+  const [error, setError] = useState("");
+  useInput((input, k) => {
+    if (state === "checking") return;
+    if (k.return) {
+      const trimmed = key.trim();
+      if (!trimmed) return;
+      setState("checking");
+      validateKey(trimmed).then((ok) => {
+        if (ok) {
+          saveConfig({ apiKey: trimmed });
+          onDone(trimmed);
+        } else {
+          setState("error");
+          setError("Key rejected by OpenRouter \u2014 check it and try again.");
+          setKey("");
+        }
+      });
+      return;
+    }
+    if (k.backspace || k.delete) return setKey((s) => s.slice(0, -1));
+    if (k.ctrl || k.meta || k.escape || k.tab) return;
+    if (input) setKey((s) => s + input.replace(/\s/g, ""));
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Mascot, {}),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: color.user, children: "Manix" }),
+        /* @__PURE__ */ jsx(Text, { color: color.dim, children: "Terminal coding agent" }),
+        /* @__PURE__ */ jsx(Text, { color: color.faint, children: "powered by OpenRouter" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: color.faint, children: hr(2) }),
+      /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: color.accent, children: "\u276F " }),
+        state === "checking" ? /* @__PURE__ */ jsx(Text, { color: color.dim, children: "validating key\u2026" }) : key ? /* @__PURE__ */ jsx(Text, { children: "\u2022".repeat(Math.min(key.length, 48)) }) : /* @__PURE__ */ jsx(Text, { color: color.faint, children: "paste your OpenRouter API key, then enter" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: color.faint, children: hr(2) })
+    ] }),
+    state === "error" && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: color.err, children: error }) }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: color.faint, children: "Get a key \u2192 https://openrouter.ai/keys" }),
+      /* @__PURE__ */ jsx(Text, { color: color.faint, children: "Saved to ~/.manix/config.json (0600) \xB7 or export OPENROUTER_API_KEY" })
+    ] })
+  ] });
+}
+export {
+  Onboarding as default
+};

package/dist/ui/PermissionPrompt.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { color } from "../theme.js";
+const OPTIONS = [
+  { key: "y", value: "once", label: "Yes, once (y)" },
+  { key: "a", value: "always", label: "Yes, always this session (a)" },
+  { key: "n", value: "no", label: "No (n / esc)" }
+];
+function PermissionPrompt({ request, onAnswer }) {
+  const [idx, setIdx] = useState(0);
+  useInput((input, key) => {
+    if (key.upArrow) return setIdx((i) => (i + OPTIONS.length - 1) % OPTIONS.length);
+    if (key.downArrow) return setIdx((i) => (i + 1) % OPTIONS.length);
+    if (key.return) return onAnswer(OPTIONS[idx].value);
+    if (key.escape) return onAnswer("no");
+    const hot = OPTIONS.find((o) => o.key === (input || "").toLowerCase());
+    if (hot) onAnswer(hot.value);
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: color.warn, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: color.warn, bold: true, children: "Permission needed" }),
+    /* @__PURE__ */ jsx(Text, { bold: true, children: request.display }),
+    (request.preview || []).slice(0, 16).map((line, i) => /* @__PURE__ */ jsx(Text, { children: line }, i)),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: OPTIONS.map((o, i) => /* @__PURE__ */ jsxs(Text, { color: i === idx ? color.accent : color.dim, children: [
+      i === idx ? "\u276F " : "  ",
+      o.label
+    ] }, o.key)) })
+  ] });
+}
+export {
+  PermissionPrompt as default
+};

package/dist/ui/Picker.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { color } from "../theme.js";
+function Picker({ title, load, onSelect, onCancel }) {
+  const [items, setItems] = useState(null);
+  const [error, setError] = useState(null);
+  const [q, setQ] = useState("");
+  const [idx, setIdx] = useState(0);
+  useEffect(() => {
+    let alive = true;
+    Promise.resolve().then(load).then((it) => alive && setItems(it)).catch((e) => alive && setError(e.message));
+    return () => {
+      alive = false;
+    };
+  }, []);
+  const filtered = (items || []).filter(
+    (it) => (it.label + " " + (it.extra || "")).toLowerCase().includes(q.toLowerCase())
+  );
+  const visible = filtered.slice(0, 10);
+  const sel = visible.length ? Math.min(idx, visible.length - 1) : 0;
+  useInput((input, key) => {
+    if (key.escape) return onCancel();
+    if (key.return) {
+      if (visible.length) onSelect(visible[sel]);
+      return;
+    }
+    if (key.upArrow) return setIdx(() => Math.max(0, sel - 1));
+    if (key.downArrow) return setIdx(() => Math.min(visible.length - 1, sel + 1));
+    if (key.backspace || key.delete) {
+      setQ((s) => s.slice(0, -1));
+      setIdx(0);
+      return;
+    }
+    if (key.ctrl || key.meta || key.tab) return;
+    if (input) {
+      setQ((s) => s + input);
+      setIdx(0);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: color.border, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: color.accent, bold: true, children: title }),
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: color.accent, children: "\u276F " }),
+      q || /* @__PURE__ */ jsx(Text, { color: color.faint, children: "type to filter\u2026" })
+    ] }),
+    error && /* @__PURE__ */ jsx(Text, { color: color.err, children: error }),
+    !items && !error && /* @__PURE__ */ jsx(Text, { color: color.dim, children: "loading\u2026" }),
+    visible.map((it, i) => /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsxs(Text, { color: i === sel ? color.accent : color.user, children: [
+        i === sel ? "\u276F " : "  ",
+        it.label
+      ] }),
+      it.extra ? /* @__PURE__ */ jsxs(Text, { color: color.dim, children: [
+        "  ",
+        it.extra
+      ] }) : null
+    ] }, it.id ?? it.label)),
+    items && !visible.length && /* @__PURE__ */ jsx(Text, { color: color.dim, children: "no matches" }),
+    /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
+      "\u2191\u2193 select \xB7 enter confirm \xB7 esc cancel \xB7 ",
+      filtered.length,
+      " items"
+    ] })
+  ] });
+}
+export {
+  Picker as default
+};

package/dist/ui/SpinnerLine.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useState } from "react";
+import { Box, Text } from "ink";
+import { color, lerpColor, LOGO } from "../theme.js";
+const VERBS = [
+  "Thinking",
+  "Pondering",
+  "Cooking",
+  "Scheming",
+  "Noodling",
+  "Percolating",
+  "Ruminating",
+  "Excavating",
+  "Synthesizing",
+  "Wrangling",
+  "Sketching",
+  "Simmering",
+  "Puzzling",
+  "Tinkering",
+  "Marinating",
+  "Conjuring"
+];
+const TRIANGLE_FRAMES = ["\u25B2 ", "\u25B6 ", "\u25BC ", "\u25C0 "];
+const SHINE = "#ffe0b0";
+function shineText(text, pos) {
+  const WIDTH = 3;
+  return [...text].map((ch, i) => {
+    const dist = Math.abs(i - pos);
+    if (dist < WIDTH) {
+      const t = 1 - dist / WIDTH;
+      return lerpColor(color.accent, SHINE, t)(ch);
+    }
+    return lerpColor(color.accent, color.accent, 0)(ch);
+  }).join("");
+}
+function SpinnerLine({ label, cost }) {
+  const verb = useMemo(() => VERBS[Math.floor(Math.random() * VERBS.length)], []);
+  const [frame, setFrame] = useState(0);
+  const [start] = useState(() => Date.now());
+  useEffect(() => {
+    const id = setInterval(() => setFrame((f) => f + 1), 80);
+    return () => clearInterval(id);
+  }, []);
+  const secs = Math.floor((Date.now() - start) / 1e3);
+  const triFrame = TRIANGLE_FRAMES[Math.floor(frame / 3) % TRIANGLE_FRAMES.length];
+  const triColor = lerpColor(color.accent, color.amber, 0.5);
+  const displayText = label || verb + "\u2026";
+  const TOTAL = displayText.length + 6;
+  const shinePos = frame % TOTAL - 2;
+  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+    /* @__PURE__ */ jsx(Text, { children: triColor(triFrame) }),
+    /* @__PURE__ */ jsx(Text, { children: shineText(displayText, shinePos) }),
+    /* @__PURE__ */ jsxs(Text, { color: color.faint, children: [
+      " ",
+      "(",
+      secs,
+      "s \xB7 esc to interrupt",
+      cost ? ` \xB7 $${cost.toFixed(4)}` : "",
+      ")"
+    ] })
+  ] });
+}
+export {
+  SpinnerLine as default
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@manix-cli/manix",
+  "version": "0.1.2",
+  "description": "Manix — a fast, beautiful terminal coding agent powered by OpenRouter. Any model, one key.",
+  "type": "module",
+  "bin": {
+    "manix": "bin/manix.js"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "dev": "node scripts/build.mjs && node bin/manix.js",
+    "test": "node scripts/build.mjs && node scripts/smoke.mjs",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.12.0",
+    "chalk": "^5.4.1",
+    "fast-glob": "^3.3.3",
+    "ink": "^5.2.1",
+    "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "esbuild": "^0.25.0"
+  },
+  "keywords": [
+    "cli",
+    "ai",
+    "coding-agent",
+    "terminal",
+    "openrouter",
+    "agent",
+    "llm",
+    "tui"
+  ],
+  "author": "Manindhra",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/manindhra1412/manix.git"
+  }
+}