@sushant-kum/ccstatus 0.1.1 → 0.1.2

package/dist/{app-YVZJ6IYT.js → app-WR7CHOQI.js}

@@ -1,9 +1,11 @@
 #!/usr/bin/env node
 import {
   COLORS,
+  LINKABLE,
   configPath,
   importCcstatusline,
   isValidWhen,
+  linkedSurfaces,
   loadConfigFile,
   readSnapshot,
   registry,
@@ -11,8 +13,9 @@ import {
   rendererBg,
   rendererColor,
   saveConfigFile,
-  snapshotPath
-} from "./chunk-ZD5C4L7U.js";
+  snapshotPath,
+  writeLinkedLines
+} from "./chunk-BCBGMRHQ.js";
 
 // src/app.tsx
 import { Box as Box12, Text as Text12, useApp, useInput as useInput10 } from "ink";
@@ -317,14 +320,15 @@ var NAMED_COLORS = [
 ];
 
 // src/screens/items.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var SURFACES = ["band", "statusline", "pane"];
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SURFACES = LINKABLE;
 var FIELDS2 = ["fg", "bg", "raw", "merge", "align"];
 var ALIGNS = ["left", "center", "right"];
 var FG = NAMED_COLORS.filter((c) => !c.startsWith("bg"));
 var BG = ["(none)", ...NAMED_COLORS.filter((c) => c.startsWith("bg"))];
 var WIDGETS = Object.values(registry);
 var wrap = (i, n) => (i + n) % n;
+var makeId = (type) => `${type}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
 var isStylable = (item) => item.type !== "flex-separator";
 function Chip({ item, selected }) {
   const fg = isStylable(item) ? item.fg : void 0;
@@ -349,16 +353,16 @@ function Items({ config, setConfig, goHome }) {
   const [surface, setSurface] = useState3("band");
   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 cur = items[Math.min(sel, items.length - 1)];
   const idx = cur ? items.indexOf(cur) : -1;
   const commit = (next) => {
-    const s = config.surfaces[surface];
-    const lines = [next, ...s.lines.slice(1)];
-    const c = { ...config, surfaces: { ...config.surfaces, [surface]: { ...s, lines } } };
-    setConfig(c);
+    const lines = [next, ...config.surfaces[surface].lines.slice(1)];
+    setConfig({ ...config, surfaces: writeLinkedLines(config.surfaces, surface, lines) });
   };
   const patch = (p) => {
     const base = items[idx];
@@ -410,6 +414,45 @@ function Items({ config, setConfig, goHome }) {
     commit(next);
     setSel(j);
   };
+  const others = SURFACES.filter((s) => s !== surface);
+  const linkOptions = [
+    ...others.map((s) => ({ label: s, targets: [s] })),
+    { label: "all others", targets: others }
+  ];
+  const linkReplacements = (targets) => SURFACES.filter((s) => s !== surface && (targets.includes(s) || config.surfaces[s].linked));
+  const applyLink = (targets) => {
+    const marked = { ...config.surfaces };
+    marked[surface] = { ...config.surfaces[surface], linked: true };
+    for (const t of targets) {
+      marked[t] = { ...config.surfaces[t], linked: true };
+    }
+    const surfaces = writeLinkedLines(marked, surface, config.surfaces[surface].lines);
+    setConfig({ ...config, surfaces });
+  };
+  const applyUnlink = () => {
+    const layout = config.surfaces[surface];
+    if (!layout.linked) {
+      return;
+    }
+    const surfaces = {
+      ...config.surfaces,
+      [surface]: {
+        ...layout,
+        linked: false,
+        lines: layout.lines.map(
+          (line) => line.map((it) => ({ ...it, id: makeId(it.type) }))
+        )
+      }
+    };
+    const remaining = linkedSurfaces(surfaces);
+    if (remaining.length === 1) {
+      const lone = remaining[0];
+      if (lone) {
+        surfaces[lone] = { ...surfaces[lone], linked: false };
+      }
+    }
+    setConfig({ ...config, surfaces });
+  };
   useInput3((input, key) => {
     if (mode === "picker") {
       if (key.escape) {
@@ -422,7 +465,7 @@ function Items({ config, setConfig, goHome }) {
         const picked = WIDGETS[pick];
         if (picked) {
           const type = picked.type;
-          const id = `${type}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+          const id = makeId(type);
           const newItem = type === "custom-text" ? { id, type, text: "" } : type === "custom-command" ? { id, type, command: "" } : type === "flex-separator" ? { id, type } : { id, type };
           commit([...items, newItem]);
           setSel(items.length);
@@ -441,6 +484,35 @@ function Items({ config, setConfig, goHome }) {
       } else if (key.rightArrow) {
         change(1);
       }
+    } else if (mode === "link") {
+      if (confirm) {
+        if (input === "y") {
+          applyLink(confirm);
+          setConfirm(null);
+          setMode("strip");
+        } else if (input === "n" || key.escape) {
+          setConfirm(null);
+          setMode("strip");
+        }
+      } else if (key.escape) {
+        setMode("strip");
+      } else if (key.upArrow) {
+        setLinkPick((p) => wrap(p - 1 + linkOptions.length, linkOptions.length));
+      } else if (key.downArrow) {
+        setLinkPick((p) => wrap(p + 1, linkOptions.length));
+      } else if (key.return) {
+        const chosen = linkOptions[linkPick];
+        if (chosen) {
+          const affected = linkReplacements(chosen.targets);
+          const nonEmpty = affected.some((t) => config.surfaces[t].lines.some((l) => l.length > 0));
+          if (nonEmpty) {
+            setConfirm(affected);
+          } else {
+            applyLink(chosen.targets);
+            setMode("strip");
+          }
+        }
+      }
     } else {
       if (key.escape) {
         goHome();
@@ -464,6 +536,12 @@ function Items({ config, setConfig, goHome }) {
       } else if (input === "e" && idx >= 0) {
         setField(0);
         setMode("editor");
+      } else if (input === "l") {
+        setLinkPick(0);
+        setConfirm(null);
+        setMode("link");
+      } else if (input === "u") {
+        applyUnlink();
       }
     }
   });
@@ -482,8 +560,35 @@ function Items({ config, setConfig, goHome }) {
       s === surface ? `[${s}]` : s,
       " "
     ] }, s)) }),
-    /* @__PURE__ */ jsx4(Box5, { children: items.length === 0 ? /* @__PURE__ */ jsx4(Text5, { dimColor: true, children: "(no items \u2014 press a)" }) : items.map((it, i) => /* @__PURE__ */ jsx4(Chip, { item: it, selected: i === idx }, it.id)) }),
-    mode === "picker" ? /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginTop: 1, children: [
+    config.surfaces[surface].linked && /* @__PURE__ */ jsxs4(Text5, { color: "magenta", children: [
+      "\u{1F517} linked: ",
+      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))
+    ) }),
+    mode === "link" ? /* @__PURE__ */ jsx4(Box5, { flexDirection: "column", marginTop: 1, children: confirm ? /* @__PURE__ */ jsxs4(Text5, { children: [
+      "Replace ",
+      confirm.join(", "),
+      " layout with ",
+      surface,
+      "'s? (y/n)"
+    ] }) : /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsxs4(Text5, { bold: true, children: [
+        "Link ",
+        surface,
+        " layout to:"
+      ] }),
+      linkOptions.map((o, i) => /* @__PURE__ */ jsxs4(Text5, { color: i === linkPick ? "cyan" : void 0, children: [
+        i === linkPick ? "\u25B8 " : "  ",
+        o.label
+      ] }, o.label))
+    ] }) }) : mode === "picker" ? /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsx4(Text5, { bold: true, children: "Add widget" }),
       WIDGETS.map((w, i) => /* @__PURE__ */ jsxs4(Text5, { color: i === pick ? "cyan" : void 0, children: [
         i === pick ? "\u25B8 " : "  ",
@@ -508,7 +613,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 tab surface \xB7 esc back" : mode === "editor" ? "\u2191/\u2193 field \xB7 \u2190/\u2192 change \xB7 esc done" : "\u2191/\u2193 choose \xB7 enter add \xB7 esc cancel" })
+    /* @__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" })
   ] });
 }
 

package/dist/{chunk-ZD5C4L7U.js → chunk-BCBGMRHQ.js}

@@ -655,6 +655,53 @@ var defaultConfig = {
   }
 };
 
+// ../core/src/config/links.ts
+var LINKABLE = ["band", "statusline", "pane"];
+var clone = (v) => JSON.parse(JSON.stringify(v));
+function linkedSurfaces(surfaces) {
+  return LINKABLE.filter((name) => surfaces[name].linked);
+}
+function writeLinkedLines(surfaces, surface, lines) {
+  const next = { ...surfaces };
+  next[surface] = { ...surfaces[surface], lines: clone(lines) };
+  if (surfaces[surface].linked) {
+    for (const member of LINKABLE) {
+      if (member !== surface && surfaces[member].linked) {
+        next[member] = { ...surfaces[member], lines: clone(lines) };
+      }
+    }
+  }
+  return next;
+}
+function normalizeLinks(surfaces, warn) {
+  const linked = linkedSurfaces(surfaces);
+  if (linked.length < 2) {
+    for (const name of linked) {
+      delete surfaces[name].linked;
+      warn(`dropped lone surface link on "${name}"`);
+    }
+    return;
+  }
+  const canonical = linked[0];
+  if (!canonical) {
+    return;
+  }
+  const source = JSON.stringify(surfaces[canonical].lines);
+  let diverged = false;
+  for (const name of linked) {
+    if (name === canonical) {
+      continue;
+    }
+    if (JSON.stringify(surfaces[name].lines) !== source) {
+      surfaces[name].lines = clone(surfaces[canonical].lines);
+      diverged = true;
+    }
+  }
+  if (diverged) {
+    warn(`linked surfaces diverged; synced to "${canonical}"`);
+  }
+}
+
 // ../../node_modules/zod/v3/external.js
 var external_exports = {};
 __export(external_exports, {
@@ -4713,7 +4760,8 @@ var itemSchema = external_exports.object({
 });
 var surfaceLayoutSchema = external_exports.object({
   enabled: external_exports.boolean(),
-  lines: external_exports.array(external_exports.array(itemSchema))
+  lines: external_exports.array(external_exports.array(itemSchema)),
+  linked: external_exports.boolean().optional()
 });
 var toastRuleSchema = external_exports.object({
   when: external_exports.string(),
@@ -4780,7 +4828,7 @@ var WIDGET_TYPES = [
 ];
 
 // ../core/src/config/validate.ts
-var clone = (v) => JSON.parse(JSON.stringify(v));
+var clone2 = (v) => JSON.parse(JSON.stringify(v));
 var WIDGET_TYPE_SET = new Set(WIDGET_TYPES);
 function cleanStyle(raw, type, warn) {
   const style = {};
@@ -4856,7 +4904,7 @@ function cleanThemes(themes, warn) {
 }
 function cleanToasts(raw, warn) {
   if (!raw) {
-    return clone(defaultConfig.surfaces.toasts);
+    return clone2(defaultConfig.surfaces.toasts);
   }
   const rules = raw.rules.filter((r) => {
     if (isValidWhen(r.when)) {
@@ -4881,22 +4929,26 @@ function loadConfig(raw) {
     if (raw !== void 0) {
       warn(`config invalid (${parsed.error.issues[0]?.message ?? "unknown"}); using defaults`);
     }
-    return { config: clone(defaultConfig), warnings };
+    return { config: clone2(defaultConfig), warnings };
   }
   const p = parsed.data;
   const surf = (name) => {
     const s = p.surfaces[name];
     if (!s) {
-      return clone(defaultConfig.surfaces[name]);
+      return clone2(defaultConfig.surfaces[name]);
     }
-    return {
+    const layout = {
       enabled: s.enabled,
       lines: s.lines.map(
         (line) => line.map((it) => cleanItem(it, warn)).filter((x) => x !== null)
       )
     };
+    if (s.linked) {
+      layout.linked = true;
+    }
+    return layout;
   };
-  const themesToUse = Object.keys(p.themes).length ? p.themes : clone(defaultConfig.themes);
+  const themesToUse = Object.keys(p.themes).length ? p.themes : clone2(defaultConfig.themes);
   const config = {
     version: 1,
     theme: p.theme,
@@ -4909,11 +4961,12 @@ function loadConfig(raw) {
       toasts: cleanToasts(p.surfaces.toasts, warn)
     }
   };
+  normalizeLinks(config.surfaces, warn);
   return { config, warnings };
 }
 
 // ../core/src/config/import-ccstatusline.ts
-var clone2 = (v) => JSON.parse(JSON.stringify(v));
+var clone3 = (v) => JSON.parse(JSON.stringify(v));
 var TYPE_MAP = {
   model: "model",
   version: "version",
@@ -5013,7 +5066,7 @@ function importCcstatusline(raw) {
   const warnings = [];
   if (!raw || typeof raw !== "object" || !Array.isArray(raw.lines)) {
     warnings.push("input is not a ccstatusline config; using defaults");
-    return { config: clone2(defaultConfig), warnings };
+    return { config: clone3(defaultConfig), warnings };
   }
   const lines = raw.lines.map(
     (line) => (Array.isArray(line) ? line : []).flatMap((item) => {
@@ -5252,6 +5305,9 @@ export {
   toAnsi,
   COLORS,
   isValidWhen,
+  LINKABLE,
+  linkedSurfaces,
+  writeLinkedLines,
   importCcstatusline,
   rendererColor,
   rendererBg,

package/dist/index.js

@@ -4,10 +4,10 @@
 import { jsx } from "react/jsx-runtime";
 var sub = process.argv[2];
 if (sub === "statusline") {
-  const { runStatusline } = await import("./statusline-cmd-XIBNUV3A.js");
+  const { runStatusline } = await import("./statusline-cmd-2YHMLVSM.js");
   await runStatusline();
 } else {
   const { render } = await import("ink");
-  const { App } = await import("./app-YVZJ6IYT.js");
+  const { App } = await import("./app-WR7CHOQI.js");
   render(/* @__PURE__ */ jsx(App, {}));
 }

package/dist/{statusline-cmd-XIBNUV3A.js → statusline-cmd-2YHMLVSM.js}

@@ -6,7 +6,7 @@ import {
   render,
   snapshotPath,
   toAnsi
-} from "./chunk-ZD5C4L7U.js";
+} from "./chunk-BCBGMRHQ.js";
 
 // src/statusline-cmd.ts
 function renderStatuslineAnsi(config, snapshot) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sushant-kum/ccstatus",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "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",