@tomkapa/tayto 0.5.4 → 0.6.0

package/dist/{tui-24ZW56Q6.js → tui-WMESKCRD.js}

@@ -425,53 +425,114 @@ var Logo = React.memo(function Logo2() {
 
 // src/tui/components/Header.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function getKeyHints(view, isSearchActive, focusedPanel) {
+function getKeyHints(state) {
+  const { activeView, isSearchActive, isReordering, isEpicReordering, isAddingDep, focusedPanel } = state;
+  if (isAddingDep) {
+    return [
+      { key: "type", desc: "search" },
+      { key: "enter", desc: "confirm" },
+      { key: "esc", desc: "cancel" }
+    ];
+  }
+  const REORDER_SUFFIX = [
+    { key: "\u2192", desc: "save" },
+    { key: "t", desc: "top" },
+    { key: "b", desc: "bottom" },
+    { key: "esc/\u2190", desc: "cancel" }
+  ];
+  if (isReordering) return [{ key: "\u2191/\u2193", desc: "move" }, ...REORDER_SUFFIX];
+  if (isEpicReordering) return [{ key: "\u2191/\u2193", desc: "move epic" }, ...REORDER_SUFFIX];
   if (isSearchActive) {
     return [
+      { key: "type", desc: "query" },
       { key: "enter", desc: "apply" },
       { key: "esc", desc: "cancel" }
     ];
   }
-  if (view === "task-list" && focusedPanel === "epic") {
+  if (activeView === ViewType.TaskList && focusedPanel === "epic") {
     return [
       { key: "j/k", desc: "nav" },
       { key: "space", desc: "toggle" },
-      { key: "\u2190", desc: "reorder" },
       { key: "0", desc: "clear" },
-      { key: "tab", desc: "tasks" },
+      { key: "\u2190", desc: "reorder" },
+      { key: "tab/S-tab", desc: "panel" },
       { key: "?", desc: "help" },
       { key: "q", desc: "quit" }
     ];
   }
-  if (view === "task-list") {
+  if (activeView === ViewType.TaskList && focusedPanel === "detail") {
+    return [
+      { key: "j/k", desc: "scroll" },
+      { key: "e", desc: "edit" },
+      { key: "s", desc: "status" },
+      { key: "d", desc: "del" },
+      { key: "m", desc: "mermaid" },
+      { key: "D", desc: "deps" },
+      { key: "tab/S-tab", desc: "panel" },
+      { key: "?", desc: "help" }
+    ];
+  }
+  if (activeView === ViewType.TaskList) {
     return [
       { key: "enter", desc: "view" },
       { key: "c", desc: "create" },
       { key: "e", desc: "edit" },
       { key: "d", desc: "del" },
       { key: "s", desc: "status" },
-      { key: "a", desc: "assign" },
-      { key: "A", desc: "unassign" },
+      { key: "a/A", desc: "assign" },
       { key: "\u2190", desc: "reorder" },
       { key: "/", desc: "search" },
       { key: "p", desc: "project" },
-      { key: "f", desc: "status-f" },
-      { key: "t", desc: "type-f" },
+      { key: "f/t", desc: "filter" },
       { key: "PgDn/Up", desc: "page" },
-      { key: "tab", desc: "panel" },
+      { key: "tab/S-tab", desc: "panel" },
       { key: "?", desc: "help" },
       { key: "q", desc: "quit" }
     ];
   }
-  if (view === "task-detail") {
+  if (activeView === ViewType.TaskDetail) {
     return [
       { key: "e", desc: "edit" },
       { key: "s", desc: "status" },
       { key: "d", desc: "del" },
       { key: "m", desc: "mermaid" },
+      { key: "D", desc: "deps" },
+      { key: "j/k", desc: "scroll" },
       { key: "esc", desc: "back" },
-      { key: "?", desc: "help" },
-      { key: "q", desc: "quit" }
+      { key: "?", desc: "help" }
+    ];
+  }
+  if (activeView === ViewType.DependencyList) {
+    return [
+      { key: "a", desc: "add blocker" },
+      { key: "x", desc: "remove" },
+      { key: "enter", desc: "goto task" },
+      { key: "esc", desc: "back" },
+      { key: "?", desc: "help" }
+    ];
+  }
+  if (activeView === ViewType.TaskCreate || activeView === ViewType.TaskEdit) {
+    return [
+      { key: "tab", desc: "next field" },
+      { key: "ctrl+s", desc: "save" },
+      { key: "esc", desc: "cancel" }
+    ];
+  }
+  if (activeView === ViewType.ProjectSelector) {
+    return [
+      { key: "j/k", desc: "nav" },
+      { key: "enter", desc: "select" },
+      { key: "c", desc: "create" },
+      { key: "l", desc: "link" },
+      { key: "d", desc: "default" },
+      { key: "esc", desc: "back" }
+    ];
+  }
+  if (activeView === ViewType.EpicPicker) {
+    return [
+      { key: "j/k", desc: "nav" },
+      { key: "enter", desc: "select" },
+      { key: "esc", desc: "cancel" }
     ];
   }
   return [
@@ -488,10 +549,10 @@ function chunkHints(hints, cols) {
   }
   return result;
 }
-function Header({ state }) {
+function Header({ state, latestVersion }) {
   const projectName = state.activeProject?.name ?? "none";
   const taskCount = state.tasks.length;
-  const hints = getKeyHints(state.activeView, state.isSearchActive, state.focusedPanel);
+  const hints = getKeyHints(state);
   const hintCols = hints.length <= 7 ? 2 : hints.length <= 12 ? 3 : 4;
   const columns = chunkHints(hints, hintCols);
   return /* @__PURE__ */ jsxs(Box2, { flexDirection: "row", gap: 1, children: [
@@ -505,6 +566,13 @@ function Header({ state }) {
       /* @__PURE__ */ jsxs(Box2, { gap: 1, children: [
         /* @__PURE__ */ jsx2(Text2, { color: theme.fg, children: "Tasks:" }),
         /* @__PURE__ */ jsx2(Text2, { color: theme.titleCounter, bold: true, children: taskCount })
+      ] }),
+      latestVersion && /* @__PURE__ */ jsxs(Box2, { gap: 1, children: [
+        /* @__PURE__ */ jsxs(Text2, { color: theme.flash.warn, children: [
+          "Update ",
+          latestVersion
+        ] }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.fg, children: "\u2014 tayto upgrade" })
       ] })
     ] }),
     /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Box2, { flexDirection: "row", gap: 2, children: columns.map((col, ci) => /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: col.map((h) => /* @__PURE__ */ jsxs(Box2, { children: [
@@ -514,7 +582,7 @@ function Header({ state }) {
         ">"
       ] }),
       /* @__PURE__ */ jsx2(Text2, { color: theme.menu.desc, children: h.desc })
-    ] }, h.key)) }, ci)) }) })
+    ] }, h.key)) }, col[0]?.key ?? String(ci))) }) })
   ] });
 }
 
@@ -1619,15 +1687,16 @@ function ProjectLinkForm({ project, onSave, onUnlink, onDetect, onCancel }) {
 // src/tui/components/HelpOverlay.tsx
 import { Box as Box13, Text as Text13 } from "ink";
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var SECTIONS = [
+var ROW1 = [
   {
     title: "NAVIGATION",
     keys: [
       ["j/k", "Up/Down"],
       ["g/G", "Top/Bottom"],
-      ["PgDn", "Page down"],
-      ["PgUp", "Page up"],
-      ["enter", "View"],
+      ["PgDn/Up", "Page"],
+      ["tab", "Next panel"],
+      ["S-tab", "Prev panel"],
+      ["enter", "View/select"],
       ["esc", "Back"]
     ]
   },
@@ -1638,14 +1707,16 @@ var SECTIONS = [
       ["e", "Edit"],
       ["d", "Delete"],
       ["s", "Status cycle"],
-      ["D", "Dependencies"]
+      ["a/A", "Assign/unassign"],
+      ["D", "Dependencies"],
+      ["m", "Mermaid"]
     ]
   },
   {
     title: "REORDER",
     keys: [
       ["\u2190", "Enter reorder"],
-      ["\u2191\u2193", "Move task"],
+      ["\u2191\u2193", "Move item"],
       ["t", "Jump to top"],
       ["b", "Jump to bottom"],
       ["\u2192", "Save position"],
@@ -1660,6 +1731,17 @@ var SECTIONS = [
       ["t", "Type filter"],
       ["0", "Clear filters"]
     ]
+  }
+];
+var ROW2 = [
+  {
+    title: "EPIC PANEL",
+    keys: [
+      ["j/k", "Navigate"],
+      ["space", "Toggle filter"],
+      ["0", "Clear filter"],
+      ["\u2190", "Reorder epics"]
+    ]
   },
   {
     title: "DEPS VIEW",
@@ -1670,6 +1752,16 @@ var SECTIONS = [
       ["esc", "Back"]
     ]
   },
+  {
+    title: "FORMS",
+    keys: [
+      ["tab", "Next field"],
+      ["shift+tab", "Prev field"],
+      ["ctrl+s", "Save"],
+      ["enter", "Open editor"],
+      ["esc", "Cancel"]
+    ]
+  },
   {
     title: "GENERAL",
     keys: [
@@ -1679,6 +1771,19 @@ var SECTIONS = [
     ]
   }
 ];
+function SectionRow({ sections }) {
+  return /* @__PURE__ */ jsx13(Box13, { flexDirection: "row", gap: 4, children: sections.map((section) => /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(Text13, { color: theme.table.headerFg, bold: true, children: section.title }),
+    section.keys.map(([key, desc]) => /* @__PURE__ */ jsxs10(Box13, { gap: 1, children: [
+      /* @__PURE__ */ jsxs10(Text13, { color: theme.menu.key, bold: true, children: [
+        "<",
+        key.padEnd(5),
+        ">"
+      ] }),
+      /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: desc })
+    ] }, key))
+  ] }, section.title)) });
+}
 function HelpOverlay() {
   return /* @__PURE__ */ jsxs10(
     Box13,
@@ -1694,17 +1799,10 @@ function HelpOverlay() {
           "Help"
         ] }),
         /* @__PURE__ */ jsx13(Text13, { children: " " }),
-        /* @__PURE__ */ jsx13(Box13, { flexDirection: "row", gap: 4, children: SECTIONS.map((section) => /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx13(Text13, { color: theme.table.headerFg, bold: true, children: section.title }),
-          section.keys.map(([key, desc]) => /* @__PURE__ */ jsxs10(Box13, { gap: 1, children: [
-            /* @__PURE__ */ jsxs10(Text13, { color: theme.menu.key, bold: true, children: [
-              "<",
-              (key ?? "").padEnd(5),
-              ">"
-            ] }),
-            /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: desc })
-          ] }, key))
-        ] }, section.title)) }),
+        /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx13(SectionRow, { sections: ROW1 }),
+          /* @__PURE__ */ jsx13(SectionRow, { sections: ROW2 })
+        ] }),
         /* @__PURE__ */ jsx13(Text13, { children: " " }),
         /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Press any key to close" })
       ]
@@ -2133,7 +2231,7 @@ var STATUS_CYCLE = [
   TaskStatus.Done
 ];
 var EPIC_PANEL_WIDTH = 48;
-function App({ container, initialProject }) {
+function App({ container, initialProject, latestVersion }) {
   const { exit } = useApp();
   const { stdout } = useStdout4();
   const [state, dispatch] = useReducer(appReducer, initialState);
@@ -2511,7 +2609,8 @@ function App({ container, initialProject }) {
     if (key.tab && state.activeView === ViewType.TaskList) {
       const panels = previewTask ? ["epic", "list", "detail"] : ["epic", "list"];
       const curIdx = panels.indexOf(state.focusedPanel);
-      const nextPanel = panels[(curIdx + 1) % panels.length] ?? "list";
+      const delta = key.shift ? -1 : 1;
+      const nextPanel = panels[(curIdx + delta + panels.length) % panels.length] ?? "list";
       dispatch({ type: "SET_PANEL_FOCUS", panel: nextPanel });
       return;
     }
@@ -3045,7 +3144,7 @@ ${state.selectedTask.additionalRequirements}`;
     }
   }, [state.activeView, previewTaskId, loadDeps]);
   return /* @__PURE__ */ jsxs15(Box18, { flexDirection: "column", height: stdout.rows, children: [
-    /* @__PURE__ */ jsx18(Header, { state }),
+    /* @__PURE__ */ jsx18(Header, { state, latestVersion }),
     /* @__PURE__ */ jsxs15(Box18, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: [
       state.confirmDelete && /* @__PURE__ */ jsx18(ConfirmDialog, { task: state.confirmDelete }),
       !state.confirmDelete && state.activeView === ViewType.TaskList && /* @__PURE__ */ jsxs15(Box18, { flexDirection: "row", flexGrow: 1, children: [
@@ -3183,13 +3282,16 @@ ${state.selectedTask.additionalRequirements}`;
 
 // src/tui/index.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
-async function launchTUI(container, initialProject) {
-  const instance = render(/* @__PURE__ */ jsx19(App, { container, initialProject }), {
-    exitOnCtrlC: true
-  });
+async function launchTUI(container, initialProject, latestVersion) {
+  const instance = render(
+    /* @__PURE__ */ jsx19(App, { container, initialProject, latestVersion }),
+    {
+      exitOnCtrlC: true
+    }
+  );
   await instance.waitUntilExit();
 }
 export {
   launchTUI
 };
-//# sourceMappingURL=tui-24ZW56Q6.js.map
+//# sourceMappingURL=tui-WMESKCRD.js.map