@sushant-kum/ccstatus 0.3.2 → 0.3.3

package/dist/{app-JJQ6RQ3D.js → app-O4Q6TMY4.js}

@@ -332,19 +332,64 @@ function Chip({ item, selected }) {
 }
 function Items({ config, setConfig, goHome }) {
   const [surface, setSurface] = useState3("band");
+  const [line, setLine] = useState3(0);
   const [sel, setSel] = useState3(0);
   const [mode, setMode] = useState3("strip");
   const [linkPick, setLinkPick] = useState3(0);
   const [confirm, setConfirm] = useState3(null);
   const [field, setField] = useState3(0);
   const [pick, setPick] = useState3(0);
-  const items = config.surfaces[surface].lines[0] ?? [];
+  const allLines = config.surfaces[surface].lines;
+  const displayLines = allLines.length ? allLines : [[]];
+  const lineCount = displayLines.length;
+  const curLine = Math.min(line, lineCount - 1);
+  const items = displayLines[curLine] ?? [];
   const cur = items[Math.min(sel, items.length - 1)];
   const idx = cur ? items.indexOf(cur) : -1;
-  const commit = (next) => {
-    const lines = [next, ...config.surfaces[surface].lines.slice(1)];
+  const commitLines = (lines) => {
     setConfig({ ...config, surfaces: writeLinkedLines(config.surfaces, surface, lines) });
   };
+  const commit = (next) => {
+    const lines = [...displayLines];
+    lines[curLine] = next;
+    commitLines(lines);
+  };
+  const addLine = () => {
+    const lines = [...displayLines];
+    lines.splice(curLine + 1, 0, []);
+    commitLines(lines);
+    setLine(curLine + 1);
+    setSel(0);
+  };
+  const removeLine = () => {
+    if (lineCount <= 1 && items.length === 0) {
+      return;
+    }
+    const lines = lineCount <= 1 ? [[]] : displayLines.filter((_, i) => i !== curLine);
+    commitLines(lines);
+    setLine(Math.min(curLine, lines.length - 1));
+    setSel(0);
+  };
+  const moveItemToLine = (dir) => {
+    const target = curLine + dir;
+    if (idx < 0 || target < 0 || target >= lineCount) {
+      return;
+    }
+    const lines = displayLines.map((l) => [...l]);
+    const src = lines[curLine];
+    const tgt = lines[target];
+    if (!src || !tgt) {
+      return;
+    }
+    const [moved] = src.splice(idx, 1);
+    if (!moved) {
+      return;
+    }
+    tgt.push(moved);
+    commitLines(lines);
+    setLine(target);
+    setSel(tgt.length - 1);
+  };
   const patch = (p) => {
     const base = items[idx];
     if (idx < 0 || !base || !isStylable(base)) {
@@ -413,7 +458,7 @@ function Items({ config, setConfig, goHome }) {
         ...layout,
         linked: false,
         lines: layout.lines.map(
-          (line) => line.map((it) => ({ ...it, id: makeId(it.type) }))
+          (line2) => line2.map((it) => ({ ...it, id: makeId(it.type) }))
         )
       }
     };
@@ -491,7 +536,16 @@ function Items({ config, setConfig, goHome }) {
         goHome();
       } else if (key.tab) {
         setSurface((s) => SURFACES[wrap(SURFACES.indexOf(s) + 1, SURFACES.length)] ?? s);
+        setLine(0);
         setSel(0);
+      } else if (key.upArrow) {
+        const t = Math.max(0, curLine - 1);
+        setLine(t);
+        setSel((s) => Math.min(s, Math.max(0, (displayLines[t]?.length ?? 0) - 1)));
+      } else if (key.downArrow) {
+        const t = Math.min(lineCount - 1, curLine + 1);
+        setLine(t);
+        setSel((s) => Math.min(s, Math.max(0, (displayLines[t]?.length ?? 0) - 1)));
       } else if (key.leftArrow) {
         setSel(Math.max(0, idx - 1));
       } else if (key.rightArrow) {
@@ -500,6 +554,14 @@ function Items({ config, setConfig, goHome }) {
         move(-1);
       } else if (input === "]") {
         move(1);
+      } else if (input === "{") {
+        moveItemToLine(-1);
+      } else if (input === "}") {
+        moveItemToLine(1);
+      } else if (input === "A") {
+        addLine();
+      } else if (input === "X") {
+        removeLine();
       } else if (input === "a") {
         setPick(0);
         setMode("picker");
@@ -538,13 +600,15 @@ function Items({ config, setConfig, goHome }) {
       SURFACES.filter((s) => config.surfaces[s].linked).join(", "),
       " \u2014 edits apply to all"
     ] }),
-    /* @__PURE__ */ jsx4(Box5, { children: items.length === 0 ? /* @__PURE__ */ jsx4(Text5, { dimColor: true, children: "(no items \u2014 press a)" }) : (
-      // Item ids are unique within a surface. Linked surfaces share ids across
-      // surfaces (DEC-0018), but only one surface's items render here at a time,
-      // so these keys never collide. (The live Preview renders a RenderModel of
-      // positional segments — paint.tsx keys by index, not item id.)
-      items.map((it, i) => /* @__PURE__ */ jsx4(Chip, { item: it, selected: i === idx }, it.id))
-    ) }),
+    /* @__PURE__ */ jsx4(Box5, { flexDirection: "column", children: displayLines.map((lineItems, li) => /* @__PURE__ */ jsxs4(Box5, { children: [
+      /* @__PURE__ */ jsxs4(Text5, { color: li === curLine ? "cyan" : void 0, children: [
+        li === curLine ? "\u25B8" : " ",
+        " ",
+        li + 1,
+        " "
+      ] }),
+      lineItems.length === 0 ? /* @__PURE__ */ jsx4(Text5, { dimColor: true, children: "(empty \u2014 press a)" }) : lineItems.map((it, i) => /* @__PURE__ */ jsx4(Chip, { item: it, selected: li === curLine && i === idx }, `${li}-${it.id}`))
+    ] }, li)) }),
     mode === "link" ? /* @__PURE__ */ jsx4(Box5, { flexDirection: "column", marginTop: 1, children: confirm ? /* @__PURE__ */ jsxs4(Text5, { children: [
       "Replace ",
       confirm.join(", "),
@@ -584,7 +648,7 @@ function Items({ config, setConfig, goHome }) {
       ] }),
       /* @__PURE__ */ jsx4(Text5, { dimColor: true, children: "(flex separator \u2014 no style options)" })
     ] })),
-    /* @__PURE__ */ jsx4(Text5, { dimColor: true, children: mode === "strip" ? "\u2190/\u2192 select \xB7 [/] move \xB7 a add \xB7 x remove \xB7 e edit \xB7 l link \xB7 u unlink \xB7 tab surface \xB7 esc back" : mode === "editor" ? "\u2191/\u2193 field \xB7 \u2190/\u2192 change \xB7 esc done" : mode === "link" ? confirm ? "y confirm \xB7 n cancel" : "\u2191/\u2193 choose \xB7 enter link \xB7 esc cancel" : "\u2191/\u2193 choose \xB7 enter add \xB7 esc cancel" })
+    /* @__PURE__ */ jsx4(Text5, { dimColor: true, children: mode === "strip" ? "\u2191/\u2193 line \xB7 \u2190/\u2192 item \xB7 [/] move \xB7 {/} to line \xB7 a add \xB7 x del \xB7 A +line \xB7 X \u2212line \xB7 e edit \xB7 l/u link \xB7 tab \xB7 esc" : mode === "editor" ? "\u2191/\u2193 field \xB7 \u2190/\u2192 change \xB7 esc done" : mode === "link" ? confirm ? "y confirm \xB7 n cancel" : "\u2191/\u2193 choose \xB7 enter link \xB7 esc cancel" : "\u2191/\u2193 choose \xB7 enter add \xB7 esc cancel" })
   ] });
 }
 

package/dist/index.js

@@ -8,6 +8,6 @@ if (sub === "statusline") {
   await runStatusline();
 } else {
   const { render } = await import("ink");
-  const { App } = await import("./app-JJQ6RQ3D.js");
+  const { App } = await import("./app-O4Q6TMY4.js");
   render(/* @__PURE__ */ jsx(App, {}));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sushant-kum/ccstatus",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Interactive configurator (npx @sushant-kum/ccstatus) for the ccstatus Claude Code status bar — band, status line, pane, and threshold toasts from one config.",
   "license": "MIT",
   "author": "Sushant Kumar",