@aigne/afs-cli 1.11.0-beta.1 → 1.11.0-beta.10

package/dist/explorer/components/file-list.mjs

@@ -0,0 +1,107 @@
+import { navigation } from "../actions.mjs";
+import { Colors, Icons, Symbols, formatSize } from "../theme.mjs";
+
+//#region src/explorer/components/file-list.ts
+/**
+* Format an entry for display in the list
+*/
+function formatEntry(entry, maxNameWidth) {
+	return `${Icons[entry.type] || Icons.file} ${entry.name.padEnd(maxNameWidth)} ${entry.size !== void 0 ? formatSize(entry.size).padStart(8) : "        "} ${entry.modified ? formatDate(entry.modified) : "            "}`;
+}
+/**
+* Format date for display
+*/
+function formatDate(date) {
+	const now = /* @__PURE__ */ new Date();
+	const isThisYear = date.getFullYear() === now.getFullYear();
+	const month = date.toLocaleString("en", { month: "short" });
+	const day = date.getDate().toString().padStart(2, " ");
+	if (isThisYear) return `${month} ${day} ${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`;
+	return `${month} ${day}  ${date.getFullYear()}`;
+}
+/**
+* Create file list component
+*/
+function createFileList(blessed, options) {
+	const { parent, store, width, height, top = 0, left = 0 } = options;
+	const list = blessed.list({
+		parent,
+		top,
+		left,
+		width,
+		height,
+		tags: true,
+		keys: false,
+		mouse: true,
+		scrollable: true,
+		alwaysScroll: true,
+		scrollbar: {
+			ch: Symbols.scrollbar,
+			track: { bg: Colors.bg.main },
+			style: { inverse: true }
+		},
+		style: {
+			fg: Colors.fg.normal,
+			bg: Colors.bg.main,
+			selected: {
+				fg: Colors.fg.selected,
+				bg: Colors.bg.selected
+			},
+			item: {
+				fg: Colors.fg.normal,
+				bg: Colors.bg.main
+			}
+		},
+		border: { type: "line" }
+	});
+	function getMaxNameWidth(entries) {
+		if (entries.length === 0) return 20;
+		const maxLen = Math.max(...entries.map((e) => e.name.length));
+		return Math.min(Math.max(maxLen, 10), 40);
+	}
+	function updateContent(state) {
+		const maxNameWidth = getMaxNameWidth(state.entries);
+		const items = state.entries.map((entry) => {
+			const formatted = formatEntry(entry, maxNameWidth);
+			const color = getEntryColor(entry.type);
+			return `{${color}-fg}${formatted}{/${color}-fg}`;
+		});
+		list.setItems(items);
+		list.select(state.selectedIndex);
+		list.scrollTo(state.selectedIndex);
+	}
+	function getEntryColor(type) {
+		switch (type) {
+			case "directory": return Colors.fg.directory;
+			case "exec": return Colors.fg.exec;
+			case "link": return Colors.fg.link;
+			case "up": return Colors.fg.up;
+			default: return Colors.fg.file;
+		}
+	}
+	store.subscribe((state) => {
+		updateContent(state);
+		list.screen?.render();
+	});
+	updateContent(store.getState());
+	return {
+		element: list,
+		focus() {
+			list.focus();
+		},
+		getVisibleHeight() {
+			const h = typeof list.height === "number" ? list.height : 20;
+			return Math.max(1, h - 2);
+		},
+		getSelected() {
+			return navigation.getSelected(store.getState());
+		},
+		destroy() {
+			list.destroy();
+		}
+	};
+}
+
+//#endregion
+export { createFileList, formatEntry };
+//# sourceMappingURL=file-list.mjs.map

package/dist/explorer/components/file-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-list.mjs","names":[],"sources":["../../../src/explorer/components/file-list.ts"],"sourcesContent":["/**\n * AFS Explorer File List Component\n *\n * Main file listing component using blessed list widget.\n */\n\nimport type Blessed from \"blessed\";\nimport { navigation } from \"../actions.js\";\nimport type { ExplorerStore } from \"../state.js\";\nimport { Colors, formatSize, Icons, Symbols } from \"../theme.js\";\nimport type { ExplorerEntry, ExplorerState } from \"../types.js\";\n\nexport interface FileListOptions {\n  parent: Blessed.Widgets.Node;\n  store: ExplorerStore;\n  width: string | number;\n  height: string | number;\n  top?: string | number;\n  left?: string | number;\n}\n\n/**\n * Format an entry for display in the list\n */\nexport function formatEntry(entry: ExplorerEntry, maxNameWidth: number): string {\n  // Use default ASCII icons based on entry type (emoji icons not displayed due to terminal rendering issues)\n  const icon = Icons[entry.type] || Icons.file;\n  const name = entry.name.padEnd(maxNameWidth);\n  const size = entry.size !== undefined ? formatSize(entry.size).padStart(8) : \"        \";\n  const modified = entry.modified ? formatDate(entry.modified) : \"            \";\n\n  return `${icon} ${name} ${size} ${modified}`;\n}\n\n/**\n * Format date for display\n */\nfunction formatDate(date: Date): string {\n  const now = new Date();\n  const isThisYear = date.getFullYear() === now.getFullYear();\n\n  const month = date.toLocaleString(\"en\", { month: \"short\" });\n  const day = date.getDate().toString().padStart(2, \" \");\n\n  if (isThisYear) {\n    const hours = date.getHours().toString().padStart(2, \"0\");\n    const mins = date.getMinutes().toString().padStart(2, \"0\");\n    return `${month} ${day} ${hours}:${mins}`;\n  }\n  return `${month} ${day}  ${date.getFullYear()}`;\n}\n\n/**\n * Create file list component\n */\nexport function createFileList(blessed: typeof Blessed, options: FileListOptions) {\n  const { parent, store, width, height, top = 0, left = 0 } = options;\n\n  // Create list widget\n  const list = blessed.list({\n    parent,\n    top,\n    left,\n    width,\n    height,\n    tags: true,\n    keys: false,\n    mouse: true,\n    scrollable: true,\n    alwaysScroll: true,\n    scrollbar: {\n      ch: Symbols.scrollbar,\n      track: {\n        bg: Colors.bg.main,\n      },\n      style: {\n        inverse: true,\n      },\n    },\n    style: {\n      fg: Colors.fg.normal,\n      bg: Colors.bg.main,\n      selected: {\n        fg: Colors.fg.selected,\n        bg: Colors.bg.selected,\n      },\n      item: {\n        fg: Colors.fg.normal,\n        bg: Colors.bg.main,\n      },\n    },\n    border: {\n      type: \"line\",\n    },\n  });\n\n  // Calculate max name width based on entries\n  function getMaxNameWidth(entries: ExplorerEntry[]): number {\n    if (entries.length === 0) return 20;\n    const maxLen = Math.max(...entries.map((e) => e.name.length));\n    return Math.min(Math.max(maxLen, 10), 40);\n  }\n\n  // Update list content from state\n  function updateContent(state: ExplorerState): void {\n    const maxNameWidth = getMaxNameWidth(state.entries);\n    const items = state.entries.map((entry) => {\n      const formatted = formatEntry(entry, maxNameWidth);\n      // Apply color based on type\n      const color = getEntryColor(entry.type);\n      return `{${color}-fg}${formatted}{/${color}-fg}`;\n    });\n\n    list.setItems(items);\n    list.select(state.selectedIndex);\n    list.scrollTo(state.selectedIndex);\n  }\n\n  // Get color name for entry type\n  function getEntryColor(type: ExplorerEntry[\"type\"]): string {\n    switch (type) {\n      case \"directory\":\n        return Colors.fg.directory;\n      case \"exec\":\n        return Colors.fg.exec;\n      case \"link\":\n        return Colors.fg.link;\n      case \"up\":\n        return Colors.fg.up;\n      default:\n        return Colors.fg.file;\n    }\n  }\n\n  // Subscribe to state changes\n  store.subscribe((state) => {\n    updateContent(state);\n    (list.screen as Blessed.Widgets.Screen)?.render();\n  });\n\n  // Initial render\n  updateContent(store.getState());\n\n  // Return component interface\n  return {\n    element: list,\n\n    /**\n     * Focus the list\n     */\n    focus(): void {\n      list.focus();\n    },\n\n    /**\n     * Get visible height (for page calculations)\n     */\n    getVisibleHeight(): number {\n      // Account for border\n      const h = typeof list.height === \"number\" ? list.height : 20;\n      return Math.max(1, h - 2);\n    },\n\n    /**\n     * Get selected entry\n     */\n    getSelected(): ExplorerEntry | undefined {\n      return navigation.getSelected(store.getState());\n    },\n\n    /**\n     * Destroy the component\n     */\n    destroy(): void {\n      list.destroy();\n    },\n  };\n}\n\nexport type FileList = ReturnType<typeof createFileList>;\n"],"mappings":"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"}

package/dist/explorer/components/function-bar.cjs

@@ -0,0 +1,55 @@
+const require_keybindings = require('../keybindings.cjs');
+const require_theme = require('../theme.cjs');
+
+//#region src/explorer/components/function-bar.ts
+/**
+* Format a single function key for display
+*/
+function formatFunctionKey(binding) {
+	return {
+		key: require_keybindings.formatKeyName(binding.key),
+		label: binding.label || binding.action
+	};
+}
+/**
+* Create function bar component
+*/
+function createFunctionBar(blessed, options) {
+	const { parent, registry, width, bottom = 0, left = 0 } = options;
+	const bar = blessed.box({
+		parent,
+		bottom,
+		left,
+		width,
+		height: 1,
+		tags: true,
+		style: {
+			fg: require_theme.Colors.fg.selected,
+			bg: require_theme.Colors.bg.functionKey
+		}
+	});
+	function buildContent() {
+		const bindings = registry.getFunctionBarBindings();
+		const parts = [];
+		for (const binding of bindings) {
+			const { key, label } = formatFunctionKey(binding);
+			parts.push(`{inverse}${key}{/inverse}${label}`);
+		}
+		return parts.join(" ");
+	}
+	bar.setContent(buildContent());
+	return {
+		element: bar,
+		refresh() {
+			bar.setContent(buildContent());
+			bar.screen?.render();
+		},
+		destroy() {
+			bar.destroy();
+		}
+	};
+}
+
+//#endregion
+exports.createFunctionBar = createFunctionBar;
+exports.formatFunctionKey = formatFunctionKey;

package/dist/explorer/components/function-bar.mjs

@@ -0,0 +1,55 @@
+import { formatKeyName } from "../keybindings.mjs";
+import { Colors } from "../theme.mjs";
+
+//#region src/explorer/components/function-bar.ts
+/**
+* Format a single function key for display
+*/
+function formatFunctionKey(binding) {
+	return {
+		key: formatKeyName(binding.key),
+		label: binding.label || binding.action
+	};
+}
+/**
+* Create function bar component
+*/
+function createFunctionBar(blessed, options) {
+	const { parent, registry, width, bottom = 0, left = 0 } = options;
+	const bar = blessed.box({
+		parent,
+		bottom,
+		left,
+		width,
+		height: 1,
+		tags: true,
+		style: {
+			fg: Colors.fg.selected,
+			bg: Colors.bg.functionKey
+		}
+	});
+	function buildContent() {
+		const bindings = registry.getFunctionBarBindings();
+		const parts = [];
+		for (const binding of bindings) {
+			const { key, label } = formatFunctionKey(binding);
+			parts.push(`{inverse}${key}{/inverse}${label}`);
+		}
+		return parts.join(" ");
+	}
+	bar.setContent(buildContent());
+	return {
+		element: bar,
+		refresh() {
+			bar.setContent(buildContent());
+			bar.screen?.render();
+		},
+		destroy() {
+			bar.destroy();
+		}
+	};
+}
+
+//#endregion
+export { createFunctionBar, formatFunctionKey };
+//# sourceMappingURL=function-bar.mjs.map

package/dist/explorer/components/function-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"function-bar.mjs","names":[],"sources":["../../../src/explorer/components/function-bar.ts"],"sourcesContent":["/**\n * AFS Explorer Function Bar Component\n *\n * Bottom function key bar (F1-F10 style).\n */\n\nimport type Blessed from \"blessed\";\nimport { formatKeyName, type KeyBindingRegistry } from \"../keybindings.js\";\nimport { Colors } from \"../theme.js\";\nimport type { KeyBinding } from \"../types.js\";\n\nexport interface FunctionBarOptions {\n  parent: Blessed.Widgets.Node;\n  registry: KeyBindingRegistry;\n  width: string | number;\n  bottom?: string | number;\n  left?: string | number;\n}\n\n/**\n * Format a single function key for display\n */\nexport function formatFunctionKey(binding: KeyBinding): { key: string; label: string } {\n  const key = formatKeyName(binding.key);\n  const label = binding.label || binding.action;\n  return { key, label };\n}\n\n/**\n * Create function bar component\n */\nexport function createFunctionBar(blessed: typeof Blessed, options: FunctionBarOptions) {\n  const { parent, registry, width, bottom = 0, left = 0 } = options;\n\n  // Create box for function bar\n  const bar = blessed.box({\n    parent,\n    bottom,\n    left,\n    width,\n    height: 1,\n    tags: true,\n    style: {\n      fg: Colors.fg.selected,\n      bg: Colors.bg.functionKey,\n    },\n  });\n\n  // Build function bar content\n  function buildContent(): string {\n    const bindings = registry.getFunctionBarBindings();\n    const parts: string[] = [];\n\n    for (const binding of bindings) {\n      const { key, label } = formatFunctionKey(binding);\n      // Key in inverse, label normal\n      parts.push(`{inverse}${key}{/inverse}${label}`);\n    }\n\n    return parts.join(\" \");\n  }\n\n  // Initial render\n  bar.setContent(buildContent());\n\n  return {\n    element: bar,\n\n    /**\n     * Refresh the function bar (if bindings changed)\n     */\n    refresh(): void {\n      bar.setContent(buildContent());\n      (bar.screen as Blessed.Widgets.Screen)?.render();\n    },\n\n    /**\n     * Destroy the component\n     */\n    destroy(): void {\n      bar.destroy();\n    },\n  };\n}\n\nexport type FunctionBar = ReturnType<typeof createFunctionBar>;\n"],"mappings":";;;;;;;AAsBA,SAAgB,kBAAkB,SAAqD;AAGrF,QAAO;EAAE,KAFG,cAAc,QAAQ,IAAI;EAExB,OADA,QAAQ,SAAS,QAAQ;EAClB;;;;;AAMvB,SAAgB,kBAAkB,SAAyB,SAA6B;CACtF,MAAM,EAAE,QAAQ,UAAU,OAAO,SAAS,GAAG,OAAO,MAAM;CAG1D,MAAM,MAAM,QAAQ,IAAI;EACtB;EACA;EACA;EACA;EACA,QAAQ;EACR,MAAM;EACN,OAAO;GACL,IAAI,OAAO,GAAG;GACd,IAAI,OAAO,GAAG;GACf;EACF,CAAC;CAGF,SAAS,eAAuB;EAC9B,MAAM,WAAW,SAAS,wBAAwB;EAClD,MAAM,QAAkB,EAAE;AAE1B,OAAK,MAAM,WAAW,UAAU;GAC9B,MAAM,EAAE,KAAK,UAAU,kBAAkB,QAAQ;AAEjD,SAAM,KAAK,YAAY,IAAI,YAAY,QAAQ;;AAGjD,SAAO,MAAM,KAAK,IAAI;;AAIxB,KAAI,WAAW,cAAc,CAAC;AAE9B,QAAO;EACL,SAAS;EAKT,UAAgB;AACd,OAAI,WAAW,cAAc,CAAC;AAC9B,GAAC,IAAI,QAAmC,QAAQ;;EAMlD,UAAgB;AACd,OAAI,SAAS;;EAEhB"}

package/dist/explorer/components/index.cjs

@@ -0,0 +1,5 @@
+const require_dialog = require('./dialog.cjs');
+const require_file_list = require('./file-list.cjs');
+const require_function_bar = require('./function-bar.cjs');
+const require_metadata_panel = require('./metadata-panel.cjs');
+const require_status_bar = require('./status-bar.cjs');

package/dist/explorer/components/index.mjs

@@ -0,0 +1,7 @@
+import { createDialogManager } from "./dialog.mjs";
+import { createFileList, formatEntry } from "./file-list.mjs";
+import { createFunctionBar, formatFunctionKey } from "./function-bar.mjs";
+import { createMetadataPanel, formatMetadata } from "./metadata-panel.mjs";
+import { createStatusBar } from "./status-bar.mjs";
+
+export {  };

package/dist/explorer/components/metadata-panel.cjs

@@ -0,0 +1,219 @@
+const require_theme = require('../theme.cjs');
+
+//#region src/explorer/components/metadata-panel.ts
+/**
+* Format metadata for display
+*/
+function formatMetadata(entry, metadata) {
+	const lines = [];
+	const icon = entry.type !== "file" ? require_theme.Icons[entry.type] : "";
+	const prefix = icon ? `${icon} ` : "";
+	lines.push(`${prefix}${entry.name}`);
+	lines.push("");
+	lines.push(`Path: ${entry.path}`);
+	if (entry.size !== void 0 || metadata?.size !== void 0) {
+		const size = metadata?.size ?? entry.size;
+		lines.push(`Size: ${require_theme.formatSize(size)}`);
+	}
+	if (entry.childrenCount !== void 0 || metadata?.childrenCount !== void 0) {
+		const count = metadata?.childrenCount ?? entry.childrenCount;
+		lines.push(`Items: ${count}`);
+	}
+	if (entry.modified || metadata?.modified) {
+		const date = metadata?.modified ?? entry.modified;
+		lines.push(`Modified: ${formatDateTime(date)}`);
+	}
+	if (entry.provider || metadata?.provider) lines.push(`Provider: ${metadata?.provider ?? entry.provider}`);
+	if (entry.hash || metadata?.hash) {
+		const hash = metadata?.hash ?? entry.hash;
+		const display = hash.length > 20 ? `${hash.slice(0, 20)}...` : hash;
+		lines.push(`Hash: ${display}`);
+	}
+	if (metadata?.mountPath) lines.push(`Mount: ${metadata.mountPath}`);
+	if (metadata?.uri) lines.push(`URI: ${metadata.uri}`);
+	const kinds = entry.kinds && entry.kinds.length > 0 ? entry.kinds : metadata?.extra?.kinds;
+	const kind = entry.kind ?? metadata?.extra?.kind;
+	if (kinds && kinds.length > 0) lines.push(`Kinds: ${kinds.join(" → ")}`);
+	else if (kind) lines.push(`Kind: ${kind}`);
+	if (metadata?.extra && Object.keys(metadata.extra).length > 0) {
+		const builtInFields = new Set([
+			"size",
+			"mimeType",
+			"childrenCount",
+			"hash",
+			"provider",
+			"mountPath",
+			"uri",
+			"permissions",
+			"kind",
+			"kinds"
+		]);
+		for (const [key, value] of Object.entries(metadata.extra)) {
+			if (builtInFields.has(key) || value === void 0) continue;
+			if (key === "inputSchema" && typeof value === "object" && value !== null) {
+				const schema = value;
+				if (schema.properties && typeof schema.properties === "object") {
+					lines.push("");
+					lines.push("InputSchema:");
+					const props = schema.properties;
+					for (const [propName, propSchema] of Object.entries(props)) {
+						const ps = propSchema;
+						const type = ps.type || "any";
+						const desc = ps.description ? ` - ${ps.description}` : "";
+						const req = Array.isArray(schema.required) && schema.required.includes(propName) ? "*" : "";
+						lines.push(`  • ${propName}${req}: ${type}${desc}`);
+					}
+					continue;
+				}
+			}
+			const displayKey = key.charAt(0).toUpperCase() + key.slice(1);
+			const displayValue = formatValue(value);
+			if (displayValue.includes("\n")) {
+				lines.push("");
+				lines.push(`${displayKey}:`);
+				for (const line of displayValue.split("\n")) lines.push(`  ${line}`);
+			} else lines.push(`${displayKey}: ${displayValue}`);
+		}
+	}
+	const actions = metadata?.actions ?? entry.actions;
+	lines.push("");
+	lines.push("─────── Actions ───────");
+	if (actions && actions.length > 0) {
+		for (let i = 0; i < actions.length; i++) {
+			const action = actions[i];
+			if (action) lines.push(`[${i + 1}] ${action.name}`);
+		}
+		lines.push("");
+		lines.push("(F4 to execute)");
+	} else lines.push("(none)");
+	return lines;
+}
+/**
+* Format a value for display
+*/
+function formatValue(value) {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "boolean") return String(value);
+	if (Array.isArray(value)) {
+		if (value.length === 0) return "[]";
+		if (value.every((v) => typeof v === "string" || typeof v === "number")) return value.join(", ");
+		if (value.every((v) => typeof v === "object" && v !== null && "name" in v)) return formatNamedItems(value);
+		try {
+			return JSON.stringify(value, null, 2);
+		} catch {
+			return "[unable to display]";
+		}
+	}
+	if (typeof value === "object") {
+		const obj = value;
+		if (isSchemaProperties(obj)) return formatSchemaProperties(obj);
+		try {
+			return JSON.stringify(value, null, 2);
+		} catch {
+			return "[unable to display]";
+		}
+	}
+	return String(value);
+}
+/**
+* Check if object looks like JSON Schema properties
+*/
+function isSchemaProperties(obj) {
+	const values = Object.values(obj);
+	if (values.length === 0) return false;
+	return values.every((v) => typeof v === "object" && v !== null && ("type" in v || "$ref" in v));
+}
+/**
+* Format JSON Schema properties object
+*/
+function formatSchemaProperties(props) {
+	const lines = [];
+	for (const [name, schema] of Object.entries(props)) {
+		const s = schema;
+		const type = s.type || s.$ref || "any";
+		const desc = s.description ? ` - ${s.description}` : "";
+		lines.push(`• ${name}: ${type}${desc}`);
+	}
+	return lines.join("\n");
+}
+/**
+* Format array of named items (columns, fields, etc.)
+*/
+function formatNamedItems(items) {
+	const lines = [];
+	for (const item of items) {
+		const type = item.type ? `: ${item.type}` : "";
+		const desc = item.description ? ` - ${item.description}` : "";
+		const flags = [];
+		if (item.primaryKey) flags.push("PK");
+		if (item.nullable) flags.push("nullable");
+		const flagsStr = flags.length > 0 ? ` (${flags.join(", ")})` : "";
+		lines.push(`• ${item.name}${type}${flagsStr}${desc}`);
+	}
+	return lines.join("\n");
+}
+/**
+* Format date and time
+*/
+function formatDateTime(date) {
+	return date.toLocaleString("en", {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+/**
+* Create metadata panel component
+*/
+function createMetadataPanel(blessed, options) {
+	const { parent, width, height, top = 0, right = 0 } = options;
+	const panel = blessed.box({
+		parent,
+		top,
+		right,
+		width,
+		height,
+		tags: true,
+		scrollable: true,
+		alwaysScroll: true,
+		style: {
+			fg: require_theme.Colors.fg.normal,
+			bg: require_theme.Colors.bg.main
+		},
+		border: { type: "line" },
+		label: " Details "
+	});
+	let currentEntry;
+	return {
+		element: panel,
+		update(entry, metadata) {
+			currentEntry = entry;
+			if (entry.type === "up") {
+				panel.setContent(" Parent directory");
+				panel.screen?.render();
+				return;
+			}
+			const lines = formatMetadata(entry, metadata);
+			panel.setContent(lines.map((l) => ` ${l}`).join("\n"));
+			panel.screen?.render();
+		},
+		clear() {
+			currentEntry = void 0;
+			panel.setContent("");
+			panel.screen?.render();
+		},
+		getCurrentEntry() {
+			return currentEntry;
+		},
+		destroy() {
+			panel.destroy();
+		}
+	};
+}
+
+//#endregion
+exports.createMetadataPanel = createMetadataPanel;
+exports.formatMetadata = formatMetadata;

package/dist/explorer/components/metadata-panel.mjs

@@ -0,0 +1,219 @@
+import { Colors, Icons, formatSize } from "../theme.mjs";
+
+//#region src/explorer/components/metadata-panel.ts
+/**
+* Format metadata for display
+*/
+function formatMetadata(entry, metadata) {
+	const lines = [];
+	const icon = entry.type !== "file" ? Icons[entry.type] : "";
+	const prefix = icon ? `${icon} ` : "";
+	lines.push(`${prefix}${entry.name}`);
+	lines.push("");
+	lines.push(`Path: ${entry.path}`);
+	if (entry.size !== void 0 || metadata?.size !== void 0) {
+		const size = metadata?.size ?? entry.size;
+		lines.push(`Size: ${formatSize(size)}`);
+	}
+	if (entry.childrenCount !== void 0 || metadata?.childrenCount !== void 0) {
+		const count = metadata?.childrenCount ?? entry.childrenCount;
+		lines.push(`Items: ${count}`);
+	}
+	if (entry.modified || metadata?.modified) {
+		const date = metadata?.modified ?? entry.modified;
+		lines.push(`Modified: ${formatDateTime(date)}`);
+	}
+	if (entry.provider || metadata?.provider) lines.push(`Provider: ${metadata?.provider ?? entry.provider}`);
+	if (entry.hash || metadata?.hash) {
+		const hash = metadata?.hash ?? entry.hash;
+		const display = hash.length > 20 ? `${hash.slice(0, 20)}...` : hash;
+		lines.push(`Hash: ${display}`);
+	}
+	if (metadata?.mountPath) lines.push(`Mount: ${metadata.mountPath}`);
+	if (metadata?.uri) lines.push(`URI: ${metadata.uri}`);
+	const kinds = entry.kinds && entry.kinds.length > 0 ? entry.kinds : metadata?.extra?.kinds;
+	const kind = entry.kind ?? metadata?.extra?.kind;
+	if (kinds && kinds.length > 0) lines.push(`Kinds: ${kinds.join(" → ")}`);
+	else if (kind) lines.push(`Kind: ${kind}`);
+	if (metadata?.extra && Object.keys(metadata.extra).length > 0) {
+		const builtInFields = new Set([
+			"size",
+			"mimeType",
+			"childrenCount",
+			"hash",
+			"provider",
+			"mountPath",
+			"uri",
+			"permissions",
+			"kind",
+			"kinds"
+		]);
+		for (const [key, value] of Object.entries(metadata.extra)) {
+			if (builtInFields.has(key) || value === void 0) continue;
+			if (key === "inputSchema" && typeof value === "object" && value !== null) {
+				const schema = value;
+				if (schema.properties && typeof schema.properties === "object") {
+					lines.push("");
+					lines.push("InputSchema:");
+					const props = schema.properties;
+					for (const [propName, propSchema] of Object.entries(props)) {
+						const ps = propSchema;
+						const type = ps.type || "any";
+						const desc = ps.description ? ` - ${ps.description}` : "";
+						const req = Array.isArray(schema.required) && schema.required.includes(propName) ? "*" : "";
+						lines.push(`  • ${propName}${req}: ${type}${desc}`);
+					}
+					continue;
+				}
+			}
+			const displayKey = key.charAt(0).toUpperCase() + key.slice(1);
+			const displayValue = formatValue(value);
+			if (displayValue.includes("\n")) {
+				lines.push("");
+				lines.push(`${displayKey}:`);
+				for (const line of displayValue.split("\n")) lines.push(`  ${line}`);
+			} else lines.push(`${displayKey}: ${displayValue}`);
+		}
+	}
+	const actions = metadata?.actions ?? entry.actions;
+	lines.push("");
+	lines.push("─────── Actions ───────");
+	if (actions && actions.length > 0) {
+		for (let i = 0; i < actions.length; i++) {
+			const action = actions[i];
+			if (action) lines.push(`[${i + 1}] ${action.name}`);
+		}
+		lines.push("");
+		lines.push("(F4 to execute)");
+	} else lines.push("(none)");
+	return lines;
+}
+/**
+* Format a value for display
+*/
+function formatValue(value) {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "boolean") return String(value);
+	if (Array.isArray(value)) {
+		if (value.length === 0) return "[]";
+		if (value.every((v) => typeof v === "string" || typeof v === "number")) return value.join(", ");
+		if (value.every((v) => typeof v === "object" && v !== null && "name" in v)) return formatNamedItems(value);
+		try {
+			return JSON.stringify(value, null, 2);
+		} catch {
+			return "[unable to display]";
+		}
+	}
+	if (typeof value === "object") {
+		const obj = value;
+		if (isSchemaProperties(obj)) return formatSchemaProperties(obj);
+		try {
+			return JSON.stringify(value, null, 2);
+		} catch {
+			return "[unable to display]";
+		}
+	}
+	return String(value);
+}
+/**
+* Check if object looks like JSON Schema properties
+*/
+function isSchemaProperties(obj) {
+	const values = Object.values(obj);
+	if (values.length === 0) return false;
+	return values.every((v) => typeof v === "object" && v !== null && ("type" in v || "$ref" in v));
+}
+/**
+* Format JSON Schema properties object
+*/
+function formatSchemaProperties(props) {
+	const lines = [];
+	for (const [name, schema] of Object.entries(props)) {
+		const s = schema;
+		const type = s.type || s.$ref || "any";
+		const desc = s.description ? ` - ${s.description}` : "";
+		lines.push(`• ${name}: ${type}${desc}`);
+	}
+	return lines.join("\n");
+}
+/**
+* Format array of named items (columns, fields, etc.)
+*/
+function formatNamedItems(items) {
+	const lines = [];
+	for (const item of items) {
+		const type = item.type ? `: ${item.type}` : "";
+		const desc = item.description ? ` - ${item.description}` : "";
+		const flags = [];
+		if (item.primaryKey) flags.push("PK");
+		if (item.nullable) flags.push("nullable");
+		const flagsStr = flags.length > 0 ? ` (${flags.join(", ")})` : "";
+		lines.push(`• ${item.name}${type}${flagsStr}${desc}`);
+	}
+	return lines.join("\n");
+}
+/**
+* Format date and time
+*/
+function formatDateTime(date) {
+	return date.toLocaleString("en", {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+/**
+* Create metadata panel component
+*/
+function createMetadataPanel(blessed, options) {
+	const { parent, width, height, top = 0, right = 0 } = options;
+	const panel = blessed.box({
+		parent,
+		top,
+		right,
+		width,
+		height,
+		tags: true,
+		scrollable: true,
+		alwaysScroll: true,
+		style: {
+			fg: Colors.fg.normal,
+			bg: Colors.bg.main
+		},
+		border: { type: "line" },
+		label: " Details "
+	});
+	let currentEntry;
+	return {
+		element: panel,
+		update(entry, metadata) {
+			currentEntry = entry;
+			if (entry.type === "up") {
+				panel.setContent(" Parent directory");
+				panel.screen?.render();
+				return;
+			}
+			const lines = formatMetadata(entry, metadata);
+			panel.setContent(lines.map((l) => ` ${l}`).join("\n"));
+			panel.screen?.render();
+		},
+		clear() {
+			currentEntry = void 0;
+			panel.setContent("");
+			panel.screen?.render();
+		},
+		getCurrentEntry() {
+			return currentEntry;
+		},
+		destroy() {
+			panel.destroy();
+		}
+	};
+}
+
+//#endregion
+export { createMetadataPanel, formatMetadata };
+//# sourceMappingURL=metadata-panel.mjs.map