codex-configurator 0.2.4 → 0.2.5

package/src/constants.js

@@ -1,5 +1,12 @@
-export const CONTROL_HINT = '↑/↓ move • PgUp/PgDn page • Home/End jump • Enter: open section or edit • /: filter • Del: unset value • ←/Backspace: back • r: reload • q: quit';
-export const EDIT_CONTROL_HINT = '↑/↓ choose • PgUp/PgDn page • Home/End jump • Enter: save • Esc/Backspace/←: cancel • Del: delete char (text input) • r: reload • q: quit';
-export const FILTER_CONTROL_HINT = 'Type filter • Enter/Esc: done • Del/Backspace: delete • Ctrl+U: clear';
+export const CONTROL_HINT =
+	'↑/↓ move • PgUp/PgDn page • Home/End jump • Enter open/edit • Backspace/Del/Ctrl+D unset value • ← parent';
+export const FILE_SWITCH_HINT =
+	'↑/↓ choose • PgUp/PgDn page • Home/End jump • Enter switch file • Esc/Backspace/← cancel';
+export const EDIT_CONTROL_HINT =
+	'↑/↓ choose • PgUp/PgDn page • Home/End jump • Enter save • Esc/Backspace/← cancel • Del delete char (text input)';
+export const FILTER_CONTROL_HINT =
+	'Type filter • Enter/Esc: done • Del/Backspace: delete • Ctrl+U: clear';
+export const COMMAND_HINT = 'Type : to see commands';
+export const COMMAND_INPUT_HINT = '';
 export const BRAND = 'CODEX CONFIGURATOR';
 export const CONFIG_TAGS = ['Node.js', 'React', 'Ink', 'TOML'];

package/src/fileContext.js

@@ -0,0 +1,118 @@
+import os from 'node:os';
+import path from 'node:path';
+
+export const MAIN_CONFIG_FILE_ID = 'main';
+
+const isPlainObject = (value) => Object.prototype.toString.call(value) === '[object Object]';
+
+const expandHomePath = (value, homeDir = os.homedir()) => {
+  const text = String(value || '').trim();
+  if (!text) {
+    return '';
+  }
+
+  if (text === '~') {
+    return homeDir;
+  }
+
+  if (text.startsWith('~/') || text.startsWith('~\\')) {
+    return path.join(homeDir, text.slice(2));
+  }
+
+  return text;
+};
+
+const normalizeConfiguredPath = (value, baseDir) => {
+  const expanded = expandHomePath(value);
+  if (!expanded) {
+    return '';
+  }
+
+  return path.isAbsolute(expanded) ? expanded : path.resolve(baseDir, expanded);
+};
+
+const buildMainConfigEntry = (mainConfigPath) => ({
+  id: MAIN_CONFIG_FILE_ID,
+  kind: 'main',
+  label: 'main config',
+  path: mainConfigPath,
+  agentNames: [],
+});
+
+const normalizeAgentName = (agentName, fallbackIndex) => {
+  const trimmed = String(agentName || '').trim();
+  if (trimmed) {
+    return trimmed;
+  }
+
+  return `agent-${fallbackIndex}`;
+};
+
+export const buildAgentConfigFileEntries = (mainConfigData, mainConfigPath) => {
+  const agentNodes = isPlainObject(mainConfigData) && isPlainObject(mainConfigData.agents)
+    ? mainConfigData.agents
+    : {};
+  const normalizedMainConfigPath = String(mainConfigPath || '').trim() || '';
+  const baseDir = path.dirname(normalizedMainConfigPath || process.cwd());
+  const byPath = new Map();
+  let index = 0;
+
+  Object.entries(agentNodes).forEach(([agentName, definition]) => {
+    if (!isPlainObject(definition)) {
+      return;
+    }
+
+    const candidate = normalizeConfiguredPath(definition.config_file, baseDir);
+    if (!candidate || !definition.config_file) {
+      return;
+    }
+
+    const resolvedPath = path.resolve(candidate);
+    if (!path.isAbsolute(resolvedPath)) {
+      return;
+    }
+
+    const safeName = normalizeAgentName(agentName, ++index);
+
+    const existing = byPath.get(resolvedPath);
+    if (existing) {
+      existing.agentNames.push(safeName);
+      return;
+    }
+
+    byPath.set(resolvedPath, {
+      id: `agent:${resolvedPath}`,
+      kind: 'agent',
+      label: `agents.${safeName}.config_file`,
+      path: resolvedPath,
+      agentNames: [safeName],
+    });
+  });
+
+  const entries = [];
+  byPath.forEach((entry) => {
+    const allAgents = [...new Set(entry.agentNames)].sort((a, b) => a.localeCompare(b));
+    const label = allAgents.length === 1
+      ? `agent: ${allAgents[0]} (${entry.path})`
+      : `agents: ${allAgents.join(', ')} (${entry.path})`;
+
+    entries.push({
+      ...entry,
+      label,
+      agentNames: allAgents,
+    });
+  });
+
+  return entries.sort((left, right) => left.label.localeCompare(right.label));
+};
+
+export const buildConfigFileCatalog = (mainConfigSnapshot = { path: '', data: {} }) => {
+  const normalizedMainPath = path.resolve(
+    String(mainConfigSnapshot.path || '').trim() || path.resolve(process.cwd(), '.codex', 'config.toml')
+  );
+  const mainEntry = buildMainConfigEntry(normalizedMainPath);
+
+  const agentEntries = buildAgentConfigFileEntries(mainConfigSnapshot.data || {}, normalizedMainPath);
+
+  return [mainEntry, ...agentEntries];
+};

package/src/interaction.js

@@ -1,25 +1,69 @@
-export const isBackspaceKey = (input, key) =>
-  key.backspace === true || key.name === 'backspace' || input === '\b' || input === '\u007f';
-
-export const isDeleteKey = (input, key) =>
-  key.delete === true || key.name === 'delete' || input === '\u001b[3~';
-
-export const isPageUpKey = (input, key) =>
-  key.pageUp === true || key.name === 'pageup' || key.name === 'page-up' || input === '\u001b[5~';
-
-export const isPageDownKey = (input, key) =>
-  key.pageDown === true || key.name === 'pagedown' || key.name === 'page-down' || input === '\u001b[6~';
-
-export const isHomeKey = (input, key) =>
-  key.home === true ||
-  key.name === 'home' ||
-  input === '\u001b[H' ||
-  input === '\u001b[1~' ||
-  input === '\u001bOH';
-
-export const isEndKey = (input, key) =>
-  key.end === true ||
-  key.name === 'end' ||
-  input === '\u001b[F' ||
-  input === '\u001b[4~' ||
-  input === '\u001bOF';
+const readKeyName = (key) => String(key?.name || '').toLowerCase();
+const readKeySequence = (input, key) => {
+  if (typeof input === 'string' && input.length > 0) {
+    return input;
+  }
+
+  return typeof key?.sequence === 'string' ? key.sequence : '';
+};
+
+const isBackspaceSequence = (sequence) =>
+  sequence === '\b' || sequence === '\u007f';
+
+const isForwardDeleteSequence = (sequence) =>
+  sequence === '\u001b[3~' ||
+  (sequence.startsWith('\u001b[3;') && sequence.endsWith('~'));
+
+export const isBackspaceKey = (input, key) => {
+  const name = readKeyName(key);
+  const sequence = readKeySequence(input, key);
+  const ambiguousDeleteSignal =
+    key?.delete === true &&
+    !isForwardDeleteSequence(sequence) &&
+    (sequence === '' || isBackspaceSequence(sequence));
+
+  return key.backspace === true
+    || name === 'backspace'
+    || isBackspaceSequence(sequence)
+    || ambiguousDeleteSignal;
+};
+
+export const isDeleteKey = (input, key) => {
+  const name = readKeyName(key);
+  const sequence = readKeySequence(input, key);
+
+  return !isBackspaceKey(input, key) &&
+    (name === 'delete' || isForwardDeleteSequence(sequence));
+};
+
+export const isPageUpKey = (input, key) => {
+  const name = readKeyName(key);
+  const sequence = readKeySequence(input, key);
+  return key.pageUp === true || name === 'pageup' || name === 'page-up' || sequence === '\u001b[5~';
+};
+
+export const isPageDownKey = (input, key) => {
+  const name = readKeyName(key);
+  const sequence = readKeySequence(input, key);
+  return key.pageDown === true || name === 'pagedown' || name === 'page-down' || sequence === '\u001b[6~';
+};
+
+export const isHomeKey = (input, key) => {
+  const name = readKeyName(key);
+  const sequence = readKeySequence(input, key);
+  return key.home === true ||
+    name === 'home' ||
+    sequence === '\u001b[H' ||
+    sequence === '\u001b[1~' ||
+    sequence === '\u001bOH';
+};
+
+export const isEndKey = (input, key) => {
+  const name = readKeyName(key);
+  const sequence = readKeySequence(input, key);
+  return key.end === true ||
+    name === 'end' ||
+    sequence === '\u001b[F' ||
+    sequence === '\u001b[4~' ||
+    sequence === '\u001bOF';
+};

package/src/layout.js

@@ -2,19 +2,84 @@ export const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 
 export const pathToKey = (segments) => JSON.stringify(segments);
 
-export const computePaneWidths = (terminalWidth, rows) => {
-  const available = Math.max(40, terminalWidth - 2);
-  const contentRows = rows.length === 0 ? [] : rows;
-  const longestRow = contentRows.reduce(
-    (max, row) => Math.max(max, String(row.label).length + 8),
-    26
-  );
-  const minLeftWidth = 30;
-  const minRightWidth = 24;
-
-  const leftNeed = Math.max(minLeftWidth, longestRow);
-  const leftWidth = clamp(leftNeed, minLeftWidth, available - minRightWidth - 2);
-  const rightWidth = available - leftWidth - 2;
-
-  return { leftWidth, rightWidth };
+const MIN_LEFT_WIDTH = 32;
+const MIN_RIGHT_WIDTH = 24;
+const SPLIT_GAP = 2;
+const LEFT_PANE_WIDTH_RATIO = 0.3;
+const MIN_TERMINAL_WIDTH = 58;
+const SHELL_VERTICAL_PADDING = 0;
+const COMMAND_BAR_ROWS_BROWSE = 3; // 1 text + top/bottom borders
+const COMMAND_BAR_ROWS_COMMAND = 4; // 2 text + top/bottom borders
+const STATUS_BAR_ROWS = 1; // 1 content (no trailing margin needed logically now)
+const HEADER_MARGIN_BOTTOM = 0;
+const NON_INTERACTIVE_POST_LIST_ROWS = 1;
+const NAVIGATOR_FRAME_ROWS = 4;
+
+export const formatActiveFileSummary = (activeConfigFile) => {
+	const label = String(activeConfigFile?.label || 'unknown');
+	const filePath = String(activeConfigFile?.path || 'path unavailable');
+	return label.includes(filePath) ? label : `${label} (${filePath})`;
+};
+
+export const computeHeaderRows = () => {
+	return {
+		isCompact: true,
+		rows: 1,
+	};
+};
+
+export const computeChromeRows = ({ isInteractive, isCommandMode }) => {
+	const header = computeHeaderRows();
+	const gaps = isInteractive ? 1 : 0; // We reduced the margin gaps since components are hugging each other naturally in TUI
+	const commandRows = isInteractive
+		? isCommandMode
+			? COMMAND_BAR_ROWS_COMMAND
+			: COMMAND_BAR_ROWS_BROWSE
+		: 0;
+	const statusRows = isInteractive ? STATUS_BAR_ROWS : 0;
+	const postListRows = isInteractive ? 0 : NON_INTERACTIVE_POST_LIST_ROWS;
+
+	return (
+		SHELL_VERTICAL_PADDING +
+		HEADER_MARGIN_BOTTOM +
+		NAVIGATOR_FRAME_ROWS +
+		header.rows +
+		gaps +
+		commandRows +
+		statusRows +
+		postListRows
+	);
+};
+
+export const computeListViewportRows = ({
+	terminalHeight,
+	isInteractive = true,
+	isCommandMode = false,
+	chromeRows,
+	extraChromeRows = 0,
+}) => {
+	const resolvedChromeRows =
+		chromeRows ||
+		computeChromeRows({
+			isInteractive,
+			isCommandMode,
+		});
+	const availableRows =
+		(terminalHeight || 24) -
+		resolvedChromeRows -
+		Math.max(0, extraChromeRows);
+
+	return Math.max(1, availableRows);
+};
+
+export const computePaneWidths = (terminalWidth) => {
+	const available = Math.max(MIN_TERMINAL_WIDTH, terminalWidth - 2);
+	const leftWidth = clamp(
+		Math.floor(available * LEFT_PANE_WIDTH_RATIO),
+		MIN_LEFT_WIDTH,
+		available - MIN_RIGHT_WIDTH - SPLIT_GAP,
+	);
+	const rightWidth = available - leftWidth - SPLIT_GAP;
+
+	return { leftWidth, rightWidth };
 };