@aigne/afs-cli 1.11.0-beta.6 → 1.11.0-beta.7

package/dist/explorer/components/dialog.cjs

@@ -255,8 +255,9 @@ function createDialogManager(blessed, options) {
 			const required = inputSchema?.required || [];
 			const propNames = Object.keys(properties);
 			if (propNames.length === 0) {
-				close();
-				onSubmit({});
+				this.showConfirm(`Execute action on ${path}?`, () => {
+					onSubmit({});
+				});
 				return;
 			}
 			const dialogHeight = Math.min(propNames.length * 3 + 8, 25);
@@ -269,7 +270,7 @@ function createDialogManager(blessed, options) {
 				right: 1,
 				bottom: 3,
 				keys: true,
-				vi: true
+				vi: false
 			});
 			const inputs = [];
 			let yPos = 0;
@@ -288,28 +289,23 @@ function createDialogManager(blessed, options) {
 					style: { fg: require_theme.Colors.fg.normal }
 				});
 				yPos += 1;
-				const input = blessed.textbox({
+				const inputBox = blessed.box({
 					parent: form,
-					name: propName,
 					top: yPos,
 					left: 0,
 					width: "100%-2",
 					height: 1,
-					keys: true,
-					mouse: true,
-					inputOnFocus: false,
+					tags: true,
 					style: {
 						fg: require_theme.Colors.fg.normal,
-						bg: require_theme.Colors.bg.input,
-						focus: {
-							fg: "white",
-							bg: require_theme.Colors.bg.inputFocus
-						}
+						bg: require_theme.Colors.bg.input
 					}
 				});
 				inputs.push({
 					name: propName,
-					input
+					value: "",
+					cursor: 0,
+					box: inputBox
 				});
 				yPos += 2;
 			}
@@ -318,57 +314,185 @@ function createDialogManager(blessed, options) {
 				bottom: 1,
 				left: 1,
 				tags: true,
-				content: "{gray-fg}Tab: next | Shift+Tab: prev | Enter: submit | Esc: cancel{/gray-fg}"
+				content: "{gray-fg}Tab: next | ←→: move cursor | Enter: submit | Esc: cancel{/gray-fg}"
 			});
 			let focusIndex = 0;
-			const activateInput = (input) => {
-				input.readInput(() => {});
+			const renderInput = (state, focused) => {
+				if (focused) {
+					const before = state.value.slice(0, state.cursor);
+					const cursorChar = state.value[state.cursor] || "█";
+					const after = state.value.slice(state.cursor + 1);
+					state.box.setContent(`${before}{white-bg}{black-fg}${cursorChar}{/black-fg}{/white-bg}${after}`);
+					state.box.style.bg = require_theme.Colors.bg.inputFocus;
+				} else {
+					state.box.setContent(state.value || "");
+					state.box.style.bg = require_theme.Colors.bg.input;
+				}
 			};
 			const focusInput = (index) => {
-				const currentItem = inputs[focusIndex];
-				const nextItem = inputs[index];
-				if (nextItem) {
-					if (currentItem) currentItem.input.cancel();
+				const prevState = inputs[focusIndex];
+				const nextState = inputs[index];
+				if (nextState) {
+					if (prevState) renderInput(prevState, false);
 					focusIndex = index;
-					nextItem.input.focus();
-					activateInput(nextItem.input);
+					renderInput(nextState, true);
 					parent.render();
 				}
 			};
-			for (const entry of inputs) {
-				const input = entry.input;
-				input.key(["tab"], () => {
-					focusInput((focusIndex + 1) % inputs.length);
-				});
-				input.key(["S-tab"], () => {
-					focusInput((focusIndex - 1 + inputs.length) % inputs.length);
-				});
-				input.key(["enter"], () => {
-					input.cancel();
+			const keypressHandler = (ch, key) => {
+				const state = inputs[focusIndex];
+				if (!state) return;
+				const keyName = key?.name || "";
+				if (keyName === "tab") {
+					if (key.shift) focusInput((focusIndex - 1 + inputs.length) % inputs.length);
+					else focusInput((focusIndex + 1) % inputs.length);
+					return;
+				}
+				if (keyName === "enter" || keyName === "return") {
 					submitForm();
-				});
-				input.key(["escape"], () => {
-					input.cancel();
-					close();
-				});
-			}
+					return;
+				}
+				if (keyName === "escape") return;
+				if (keyName === "left") {
+					state.cursor = Math.max(0, state.cursor - 1);
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "right") {
+					state.cursor = Math.min(state.value.length, state.cursor + 1);
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "home") {
+					state.cursor = 0;
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "end") {
+					state.cursor = state.value.length;
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "backspace") {
+					if (state.cursor > 0) {
+						state.value = state.value.slice(0, state.cursor - 1) + state.value.slice(state.cursor);
+						state.cursor--;
+						renderInput(state, true);
+						parent.render();
+					}
+					return;
+				}
+				if (keyName === "delete") {
+					if (state.cursor < state.value.length) {
+						state.value = state.value.slice(0, state.cursor) + state.value.slice(state.cursor + 1);
+						renderInput(state, true);
+						parent.render();
+					}
+					return;
+				}
+				if (ch && ch.length === 1 && !key.ctrl && !key.meta) {
+					state.value = state.value.slice(0, state.cursor) + ch + state.value.slice(state.cursor);
+					state.cursor++;
+					renderInput(state, true);
+					parent.render();
+				}
+			};
 			const submitForm = () => {
+				parent.removeListener("keypress", keypressHandler);
 				const params = {};
-				for (const { name, input } of inputs) {
-					const value = input.getValue().trim();
-					if (value) try {
-						params[name] = JSON.parse(value);
-					} catch {
-						params[name] = value;
+				for (const { name, value } of inputs) {
+					const trimmed = value.trim();
+					if (trimmed) {
+						const expectedType = properties[name]?.type || "string";
+						if (expectedType === "string") params[name] = trimmed;
+						else if (expectedType === "number" || expectedType === "integer") {
+							const num = Number(trimmed);
+							params[name] = Number.isNaN(num) ? trimmed : num;
+						} else if (expectedType === "boolean") params[name] = trimmed.toLowerCase() === "true";
+						else if (expectedType === "object" || expectedType === "array") try {
+							params[name] = JSON.parse(trimmed);
+						} catch {
+							params[name] = trimmed;
+						}
+						else try {
+							params[name] = JSON.parse(trimmed);
+						} catch {
+							params[name] = trimmed;
+						}
 					}
 				}
 				close();
 				onSubmit(params);
 			};
+			const originalClose = close;
+			const closeWithCleanup = () => {
+				parent.removeListener("keypress", keypressHandler);
+				originalClose();
+			};
 			dialog.key(["escape"], () => {
+				closeWithCleanup();
+			});
+			dialog.focus();
+			parent.render();
+			setTimeout(() => {
+				parent.on("keypress", keypressHandler);
+				focusInput(0);
+			}, 50);
+		},
+		showActionPicker(nodePath, actions, onSelect) {
+			close();
+			const nodeName = nodePath.split("/").pop() || nodePath;
+			const dialogHeight = Math.min(actions.length + 6, 20);
+			const dialog = createDialog(`Actions: ${nodeName}`, "50%", dialogHeight, { skipDefaultKeys: true });
+			currentDialog = dialog;
+			let selectedIndex = 0;
+			const renderContent = () => {
+				const lines = [""];
+				for (let i = 0; i < actions.length; i++) {
+					const action = actions[i];
+					if (!action) continue;
+					const prefix = i === selectedIndex ? " {inverse}" : "  ";
+					const suffix = i === selectedIndex ? "{/inverse}" : "";
+					lines.push(`${prefix}[${i + 1}] ${action.name}${suffix}`);
+					if (action.description) lines.push(`      {gray-fg}${action.description}{/gray-fg}`);
+				}
+				lines.push("");
+				lines.push(" {gray-fg}↑/↓: select | Enter: execute | Esc: cancel{/gray-fg}");
+				dialog.setContent(lines.join("\n"));
+				parent.render();
+			};
+			renderContent();
+			dialog.key(["up", "k"], () => {
+				selectedIndex = (selectedIndex - 1 + actions.length) % actions.length;
+				renderContent();
+			});
+			dialog.key(["down", "j"], () => {
+				selectedIndex = (selectedIndex + 1) % actions.length;
+				renderContent();
+			});
+			for (let i = 1; i <= Math.min(9, actions.length); i++) dialog.key([String(i)], () => {
+				const action = actions[i - 1];
+				if (action) {
+					close();
+					onSelect(action);
+				}
+			});
+			dialog.key(["enter"], () => {
+				const action = actions[selectedIndex];
+				if (action) {
+					close();
+					onSelect(action);
+				}
+			});
+			dialog.key(["escape", "q"], () => {
 				close();
 			});
-			focusInput(0);
+			dialog.focus();
+			parent.render();
 		},
 		close,
 		isOpen() {

package/dist/explorer/components/dialog.mjs

@@ -255,8 +255,9 @@ function createDialogManager(blessed, options) {
 			const required = inputSchema?.required || [];
 			const propNames = Object.keys(properties);
 			if (propNames.length === 0) {
-				close();
-				onSubmit({});
+				this.showConfirm(`Execute action on ${path}?`, () => {
+					onSubmit({});
+				});
 				return;
 			}
 			const dialogHeight = Math.min(propNames.length * 3 + 8, 25);
@@ -269,7 +270,7 @@ function createDialogManager(blessed, options) {
 				right: 1,
 				bottom: 3,
 				keys: true,
-				vi: true
+				vi: false
 			});
 			const inputs = [];
 			let yPos = 0;
@@ -288,28 +289,23 @@ function createDialogManager(blessed, options) {
 					style: { fg: Colors.fg.normal }
 				});
 				yPos += 1;
-				const input = blessed.textbox({
+				const inputBox = blessed.box({
 					parent: form,
-					name: propName,
 					top: yPos,
 					left: 0,
 					width: "100%-2",
 					height: 1,
-					keys: true,
-					mouse: true,
-					inputOnFocus: false,
+					tags: true,
 					style: {
 						fg: Colors.fg.normal,
-						bg: Colors.bg.input,
-						focus: {
-							fg: "white",
-							bg: Colors.bg.inputFocus
-						}
+						bg: Colors.bg.input
 					}
 				});
 				inputs.push({
 					name: propName,
-					input
+					value: "",
+					cursor: 0,
+					box: inputBox
 				});
 				yPos += 2;
 			}
@@ -318,57 +314,185 @@ function createDialogManager(blessed, options) {
 				bottom: 1,
 				left: 1,
 				tags: true,
-				content: "{gray-fg}Tab: next | Shift+Tab: prev | Enter: submit | Esc: cancel{/gray-fg}"
+				content: "{gray-fg}Tab: next | ←→: move cursor | Enter: submit | Esc: cancel{/gray-fg}"
 			});
 			let focusIndex = 0;
-			const activateInput = (input) => {
-				input.readInput(() => {});
+			const renderInput = (state, focused) => {
+				if (focused) {
+					const before = state.value.slice(0, state.cursor);
+					const cursorChar = state.value[state.cursor] || "█";
+					const after = state.value.slice(state.cursor + 1);
+					state.box.setContent(`${before}{white-bg}{black-fg}${cursorChar}{/black-fg}{/white-bg}${after}`);
+					state.box.style.bg = Colors.bg.inputFocus;
+				} else {
+					state.box.setContent(state.value || "");
+					state.box.style.bg = Colors.bg.input;
+				}
 			};
 			const focusInput = (index) => {
-				const currentItem = inputs[focusIndex];
-				const nextItem = inputs[index];
-				if (nextItem) {
-					if (currentItem) currentItem.input.cancel();
+				const prevState = inputs[focusIndex];
+				const nextState = inputs[index];
+				if (nextState) {
+					if (prevState) renderInput(prevState, false);
 					focusIndex = index;
-					nextItem.input.focus();
-					activateInput(nextItem.input);
+					renderInput(nextState, true);
 					parent.render();
 				}
 			};
-			for (const entry of inputs) {
-				const input = entry.input;
-				input.key(["tab"], () => {
-					focusInput((focusIndex + 1) % inputs.length);
-				});
-				input.key(["S-tab"], () => {
-					focusInput((focusIndex - 1 + inputs.length) % inputs.length);
-				});
-				input.key(["enter"], () => {
-					input.cancel();
+			const keypressHandler = (ch, key) => {
+				const state = inputs[focusIndex];
+				if (!state) return;
+				const keyName = key?.name || "";
+				if (keyName === "tab") {
+					if (key.shift) focusInput((focusIndex - 1 + inputs.length) % inputs.length);
+					else focusInput((focusIndex + 1) % inputs.length);
+					return;
+				}
+				if (keyName === "enter" || keyName === "return") {
 					submitForm();
-				});
-				input.key(["escape"], () => {
-					input.cancel();
-					close();
-				});
-			}
+					return;
+				}
+				if (keyName === "escape") return;
+				if (keyName === "left") {
+					state.cursor = Math.max(0, state.cursor - 1);
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "right") {
+					state.cursor = Math.min(state.value.length, state.cursor + 1);
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "home") {
+					state.cursor = 0;
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "end") {
+					state.cursor = state.value.length;
+					renderInput(state, true);
+					parent.render();
+					return;
+				}
+				if (keyName === "backspace") {
+					if (state.cursor > 0) {
+						state.value = state.value.slice(0, state.cursor - 1) + state.value.slice(state.cursor);
+						state.cursor--;
+						renderInput(state, true);
+						parent.render();
+					}
+					return;
+				}
+				if (keyName === "delete") {
+					if (state.cursor < state.value.length) {
+						state.value = state.value.slice(0, state.cursor) + state.value.slice(state.cursor + 1);
+						renderInput(state, true);
+						parent.render();
+					}
+					return;
+				}
+				if (ch && ch.length === 1 && !key.ctrl && !key.meta) {
+					state.value = state.value.slice(0, state.cursor) + ch + state.value.slice(state.cursor);
+					state.cursor++;
+					renderInput(state, true);
+					parent.render();
+				}
+			};
 			const submitForm = () => {
+				parent.removeListener("keypress", keypressHandler);
 				const params = {};
-				for (const { name, input } of inputs) {
-					const value = input.getValue().trim();
-					if (value) try {
-						params[name] = JSON.parse(value);
-					} catch {
-						params[name] = value;
+				for (const { name, value } of inputs) {
+					const trimmed = value.trim();
+					if (trimmed) {
+						const expectedType = properties[name]?.type || "string";
+						if (expectedType === "string") params[name] = trimmed;
+						else if (expectedType === "number" || expectedType === "integer") {
+							const num = Number(trimmed);
+							params[name] = Number.isNaN(num) ? trimmed : num;
+						} else if (expectedType === "boolean") params[name] = trimmed.toLowerCase() === "true";
+						else if (expectedType === "object" || expectedType === "array") try {
+							params[name] = JSON.parse(trimmed);
+						} catch {
+							params[name] = trimmed;
+						}
+						else try {
+							params[name] = JSON.parse(trimmed);
+						} catch {
+							params[name] = trimmed;
+						}
 					}
 				}
 				close();
 				onSubmit(params);
 			};
+			const originalClose = close;
+			const closeWithCleanup = () => {
+				parent.removeListener("keypress", keypressHandler);
+				originalClose();
+			};
 			dialog.key(["escape"], () => {
+				closeWithCleanup();
+			});
+			dialog.focus();
+			parent.render();
+			setTimeout(() => {
+				parent.on("keypress", keypressHandler);
+				focusInput(0);
+			}, 50);
+		},
+		showActionPicker(nodePath, actions, onSelect) {
+			close();
+			const nodeName = nodePath.split("/").pop() || nodePath;
+			const dialogHeight = Math.min(actions.length + 6, 20);
+			const dialog = createDialog(`Actions: ${nodeName}`, "50%", dialogHeight, { skipDefaultKeys: true });
+			currentDialog = dialog;
+			let selectedIndex = 0;
+			const renderContent = () => {
+				const lines = [""];
+				for (let i = 0; i < actions.length; i++) {
+					const action = actions[i];
+					if (!action) continue;
+					const prefix = i === selectedIndex ? " {inverse}" : "  ";
+					const suffix = i === selectedIndex ? "{/inverse}" : "";
+					lines.push(`${prefix}[${i + 1}] ${action.name}${suffix}`);
+					if (action.description) lines.push(`      {gray-fg}${action.description}{/gray-fg}`);
+				}
+				lines.push("");
+				lines.push(" {gray-fg}↑/↓: select | Enter: execute | Esc: cancel{/gray-fg}");
+				dialog.setContent(lines.join("\n"));
+				parent.render();
+			};
+			renderContent();
+			dialog.key(["up", "k"], () => {
+				selectedIndex = (selectedIndex - 1 + actions.length) % actions.length;
+				renderContent();
+			});
+			dialog.key(["down", "j"], () => {
+				selectedIndex = (selectedIndex + 1) % actions.length;
+				renderContent();
+			});
+			for (let i = 1; i <= Math.min(9, actions.length); i++) dialog.key([String(i)], () => {
+				const action = actions[i - 1];
+				if (action) {
+					close();
+					onSelect(action);
+				}
+			});
+			dialog.key(["enter"], () => {
+				const action = actions[selectedIndex];
+				if (action) {
+					close();
+					onSelect(action);
+				}
+			});
+			dialog.key(["escape", "q"], () => {
 				close();
 			});
-			focusInput(0);
+			dialog.focus();
+			parent.render();
 		},
 		close,
 		isOpen() {