@ssebastien/tcmd 0.1.3 → 0.1.4

package/src/js/tcmd/components/Summary.js

@@ -49,18 +49,13 @@ function summaryShortDisk(disk) {
 function createBehaviors(env) {
 	const measure = env.measure ?? ((text) => `${text}`.length)
 	return {
-		line: (self, data) => {
-			const text = summaryText(unwrap(data.entries), unwrap(data.disk))
-			const width = env.width ? env.width(self) : 0
-			return env.elide ? env.elide(text, width) : text
-		},
 		lineFg: () => env.lineFg,
 		// TUI: degrade by information value instead of chopping mid-token:
 		// full line -> short disk -> counts only -> elided counts.
 		priorityLine: (self, data) => {
 			const entries = unwrap(data.entries)
 			const disk = unwrap(data.disk)
-			const width = env.width ? env.width(self) : 0
+			const width = env.width ? env.width(self, data) : 0
 			const full = summaryText(entries, disk)
 			if (!width || measure(full) <= width) return full
 			const counts = `${INDENT}${summaryCounts(entries)}`

package/src/js/tcmd/components/icons.js

@@ -4,11 +4,12 @@
 // Created: 2026-10-09
 
 // Module: tcmd/components/icons
-// Nerd Font icon for a file entry, in the spirit of yazi: a kind icon
-// (directory, symlink, device node) wins, then a per-extension icon, then the
-// generic file icon. A few basenames map directly too, so `Makefile`,
+// Nerd Font icons, in the spirit of yazi. `iconFor` maps a file entry to its
+// kind icon (directory, symlink, device node), then a per-extension icon, then
+// the generic file icon; a few basenames map directly too, so `Makefile`,
 // `Dockerfile` and dotfiles like `.gitignore` get their icon even without a
-// distinguishing extension.
+// distinguishing extension. `sourceMarker` maps a command-panel entry's
+// namespace (a CLI operation or a TinyCmd action) to its marker.
 //
 // The glyphs are Nerd Font codepoints (from `glyphnames.json`), so they only
 // render on a terminal patched with a Nerd Font: rows show them when the
@@ -27,6 +28,20 @@ const SYMLINK_ICON = "\u{f0c1}" // nf-fa-link
 const DEVICE_ICON = "\u{e795}" // nf-dev-terminal
 const FILE_ICON = "\u{f016}" // nf-fa-file_o
 
+// Constant: SOURCE_ICON / SOURCE_TAG
+// The namespace marker the command panel puts in front of each entry name:
+// a terminal prompt for a CLI operation, a bolt for a TinyCmd action. Browsers
+// lack the Nerd Font (and `TCMD_ICONS=0` opts out), so the same marker exists
+// as a three-character tag that keeps the name column aligned either way.
+const SOURCE_ICON = {
+	cli: "\u{ebca}", // nf-cod-terminal_bash
+	app: "\u{f0e7}", // nf-fa-bolt
+}
+const SOURCE_TAG = {
+	cli: "cli",
+	app: "app",
+}
+
 // Constant: NAME_ICONS
 // Basename (lowercase, leading dot stripped) → glyph, checked before the
 // extension table.
@@ -180,6 +195,25 @@ function iconsEnabled(environment = globalThis.process?.env ?? {}) {
 	return value !== "0" && value !== "false" && value !== "off"
 }
 
-export { DEVICE_ICON, DIR_ICON, FILE_ICON, SYMLINK_ICON, extensionOf, iconFor, iconsEnabled }
+// Function: sourceMarker
+// The marker a command-panel entry carries: the Nerd Font glyph when icons are
+// on, the three-character tag otherwise (browsers lack the font).
+function sourceMarker(source, icons) {
+	if (icons) return SOURCE_ICON[source] ?? ""
+	return SOURCE_TAG[source] ?? ""
+}
+
+export {
+	DEVICE_ICON,
+	DIR_ICON,
+	FILE_ICON,
+	SOURCE_ICON,
+	SOURCE_TAG,
+	SYMLINK_ICON,
+	extensionOf,
+	iconFor,
+	iconsEnabled,
+	sourceMarker,
+}
 
 // EOF

package/src/js/tcmd/components/index.js

@@ -22,7 +22,6 @@ export { createBehaviors as commandBarBehaviors } from "./CommandBar.js"
 export { createBehaviors as commandItemBehaviors } from "./CommandItem.js"
 export { createBehaviors as commandArgRowBehaviors } from "./CommandArgRow.js"
 export { createBehaviors as commandPanelBehaviors } from "./CommandPanel.js"
-export { createBehaviors as commandPaletteBehaviors } from "./CommandPalette.js"
 export { createBehaviors as confirmBehaviors } from "./Confirm.js"
 export { createBehaviors as crumbBehaviors } from "./Crumb.js"
 export { createBehaviors as entryDetailBehaviors } from "./EntryDetail.js"
@@ -30,12 +29,12 @@ export { createBehaviors as fileListBehaviors } from "./FileList.js"
 export { createBehaviors as filePreviewBehaviors } from "./FilePreview.js"
 export { createBehaviors as fileRowBehaviors } from "./FileRow.js"
 export { createBehaviors as filterBarBehaviors } from "./FilterBar.js"
-export { createBehaviors as paletteRowBehaviors } from "./PaletteRow.js"
+export { createBehaviors as helpBehaviors } from "./Help.js"
 export { createBehaviors as summaryBehaviors } from "./Summary.js"
 
 // Helpers
 export { formatCounts, formatDisk, formatMode, formatSize, formatTime } from "./format.js"
-export { iconFor, iconsEnabled } from "./icons.js"
-export { bookmarkRows, commandItemRows, crumbRows, fileRows, fileWindow, paletteRows, panelArgRows, panelOpRows } from "./rows.js"
+export { iconFor, iconsEnabled, sourceMarker } from "./icons.js"
+export { bookmarkRows, commandItemRows, crumbRows, fileRows, fileWindow, panelArgRows, panelOpRows } from "./rows.js"
 
 // EOF

package/src/js/tcmd/components/rows.js

@@ -36,7 +36,7 @@ function isCell(value) {
 }
 
 // Function: isSelected
-// Whether a palette/bookmark row is the current selection. The plain
+// Whether a bookmark row is the current selection. The plain
 // `selectedRow` flag (snapshotted by the row builder) wins over the shared
 // `selected` cell, so a move only rewrites the rows that actually changed.
 function isSelected(data) {
@@ -119,21 +119,6 @@ function fileRows(FileRow) {
 	}
 }
 
-// Function: paletteRows
-// `{ item: command, index, selectedRow }` bags for `PaletteRow` rows.
-// `selectedRow` is the plain per-row selection flag so a palette move rewrites
-// only the changed rows.
-function paletteRows(PaletteRow) {
-	return (self, data) => {
-		const selected = isCell(data.selected) ? unwrap(data.selected) : data.selected
-		return PaletteRow.map(
-			data.items ?? [],
-			(item, index) => ({ item, index, selectedRow: index === selected }),
-			(command) => command.id,
-		)
-	}
-}
-
 // Function: commandItemRows
 // `{ item: command, index }` bags for `CommandItem` rows.
 function commandItemRows(CommandItem) {
@@ -146,23 +131,22 @@ function commandItemRows(CommandItem) {
 }
 
 // Function: panelOpRows
-// `{ item: op, index, row, cursor, focus }` bags for the command panel's
-// operation column (`CommandArgRow`). `row` is the normalized row shape the
-// component reads — `name` is the operation title and `summary` its argument
-// list (precomputed by `session.panelItems`, the signature with the leading
-// name stripped); `risk` tints destructive/caution operations; `cursor` is the
-// column's selected index.
+// `{ item, index, row, cursor, focus }` bags for the command panel's command
+// list (`CommandArgRow`). The list is the flat `core/panel.panelEntryRows`: one
+// operation per row. `row` is the normalized shape the component reads —
+// `name` is the operation name and `summary` its argument list; `risk` tints
+// destructive/caution operations.
 function panelOpRows(CommandArgRow) {
 	return (self, data) =>
 		CommandArgRow.map(
 			data.items ?? [],
 			(item, index) => ({
 				item,
-				index,
+				index: item.entryIndex ?? index,
 				row: {
 					type: "op",
 					key: item.id,
-					name: item.title,
+					name: item.name,
 					summary: item.summary ?? "",
 					risk: item.risk ?? null,
 				},
@@ -174,22 +158,42 @@ function panelOpRows(CommandArgRow) {
 }
 
 // Function: panelArgRows
-// `{ item: row, index, row, cursor, focus }` bags for the command panel's
-// argument column (`CommandArgRow`). The rows are already flattened by
-// `core/panel.panelRowList`; `cursor` is the column's selected index.
+// `{ item, index, row, cursor, focus, value, labelWidth }` bags for the command
+// panel's argument pane (`CommandArgRow`). The rows are the flat
+// `core/panel.panelRowList`; this wraps each selection's item run in a top and
+// bottom `frame` row so the list reads as one bordered box. `index` is the
+// row's flat position (the frame rows take none), so the pane cursor still
+// addresses the same rows.
 function panelArgRows(CommandArgRow) {
-	return (self, data) =>
-		CommandArgRow.map(
-			data.rows ?? [],
+	return (self, data) => {
+		const rows = unwrap(data.rows) ?? []
+		const visual = []
+		for (let i = 0; i < rows.length; i++) {
+			const row = rows[i]
+			if (row.type !== "item") {
+				visual.push(row)
+				continue
+			}
+			const first = i === 0 || rows[i - 1].type !== "item"
+			const last = i === rows.length - 1 || rows[i + 1].type !== "item"
+			if (first) visual.push({ ...row, type: "frame", variant: "top", key: `frame:top:${row.argIndex}` })
+			visual.push(row)
+			if (last) visual.push({ ...row, type: "frame", variant: "bottom", key: `frame:bottom:${row.argIndex}` })
+		}
+		return CommandArgRow.map(
+			visual,
 			(item, index) => ({
 				item,
-				index,
+				index: item.type === "frame" ? -1 : item.rowIndex ?? index,
 				row: item,
 				cursor: data.argCursor,
 				focus: data.focus,
+				value: data.value,
+				labelWidth: unwrap(data.labelWidth) ?? 8,
 			}),
-			(row) => row.key,
+			(item) => item.key,
 		)
+	}
 }
 
 // Function: bookmarkRows
@@ -207,6 +211,6 @@ function bookmarkRows(BookmarkRow) {
 	}
 }
 
-export { bookmarkRows, commandItemRows, crumbRows, fileRows, fileWindow, isSelected, paletteRows, panelArgRows, panelOpRows }
+export { bookmarkRows, commandItemRows, crumbRows, fileRows, fileWindow, isSelected, panelArgRows, panelOpRows }
 
 // EOF