@nmakarov/cli-toolkit 0.82.0 → 0.84.0

package/dist/index.cjs

@@ -634,23 +634,23 @@ function formatKeyBindings(bindings, mode = "long") {
   })));
   groups.sort((a, b) => a.order - b.order);
   const items = [];
-  groups.forEach((group) => {
+  groups.forEach((group, groupIndex) => {
     const bindingWithCustom = resolvedBindings.find(
-      (b) => group.keys.includes(b.key) && typeof b.resolvedCaption !== "string"
+      (b) => group.keys.includes(formatBindingKey(b)) && typeof b.resolvedCaption !== "string"
     );
     if (bindingWithCustom && bindingWithCustom.resolvedCaption) {
       items.push(bindingWithCustom.resolvedCaption);
     } else {
-      const keyStr = formatKeys(group.keys);
-      if (mode === "long") {
-        items.push(`${keyStr} to ${group.caption}`);
-      } else {
-        items.push(keyStr);
-      }
+      items.push(formatFooterHotkey(formatKeys(group.keys), group.caption, mode, `kb-${groupIndex}`));
     }
   });
   return items;
 }
+function formatFooterHotkey(keyStr, caption = "", mode = "long", reactKey = "hotkey") {
+  const keyNode = (0, import_react3.createElement)(import_ink3.Text, { key: `${reactKey}-key`, ...FOOTER_HOTKEY_STYLE }, keyStr);
+  if (mode !== "long" || !caption) return keyNode;
+  return (0, import_react3.createElement)(import_ink3.Text, { key: reactKey, dimColor: true, color: "white" }, keyNode, ` to ${caption}`);
+}
 function formatKeys(keys) {
   const keyMap = {
     escape: "esc",
@@ -920,7 +920,7 @@ async function showMultiColumnListWithPreviewScreen(config2) {
     }
   });
 }
-var import_react3, import_ink3, showMenuScreen, showWordGridScreen;
+var import_react3, import_ink3, FOOTER_HOTKEY_STYLE, showMenuScreen, showWordGridScreen;
 var init_screens = __esm({
   "src/screen/screens.js"() {
     import_react3 = require("react");
@@ -928,6 +928,7 @@ var init_screens = __esm({
     init_components();
     init_list_components();
     init_key_bindings();
+    FOOTER_HOTKEY_STYLE = { bold: true, color: "white", dimColor: false };
     showMenuScreen = showListScreen;
     showWordGridScreen = showMultiColumnListScreen;
   }
@@ -1402,6 +1403,7 @@ __export(src_exports, {
   DEFAULT_RUNTIME_PARAM_SPECS: () => DEFAULT_RUNTIME_PARAM_SPECS,
   Db: () => Db,
   Divider: () => Divider,
+  FOOTER_HOTKEY_STYLE: () => FOOTER_HOTKEY_STYLE,
   FileDatabase: () => FileDatabase,
   FileDatabaseError: () => FileDatabaseError,
   FooterPresets: () => FooterPresets,
@@ -1486,6 +1488,7 @@ __export(src_exports, {
   ensureTasksRuntime: () => ensureTasksRuntime,
   flushTaskIpcLogs: () => flushTaskIpcLogs,
   formatBindingKey: () => formatBindingKey,
+  formatFooterHotkey: () => formatFooterHotkey,
   getArgsInstance: () => getArgsInstance,
   getPm2Process: () => getPm2Process,
   h: () => import_react6.createElement,
@@ -10384,6 +10387,7 @@ var TasksManager = class _TasksManager {
   DEFAULT_RUNTIME_PARAM_SPECS,
   Db,
   Divider,
+  FOOTER_HOTKEY_STYLE,
   FileDatabase,
   FileDatabaseError,
   FooterPresets,
@@ -10468,6 +10472,7 @@ var TasksManager = class _TasksManager {
   ensureTasksRuntime,
   flushTaskIpcLogs,
   formatBindingKey,
+  formatFooterHotkey,
   getArgsInstance,
   getPm2Process,
   h,