@hansjm10/volt-coding-agent 0.0.0-bootstrap.0 → 0.1.0

package/dist/modes/interactive/components/config-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/config-selector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * TUI component for managing package resources (enable/disable)\n */\n\nimport { homedir } from \"node:os\";\nimport { basename, dirname, join, relative } from \"node:path\";\nimport {\n\ttype Component,\n\tContainer,\n\ttype Focusable,\n\tgetKeybindings,\n\tInput,\n\tmatchesKey,\n\tSpacer,\n\ttruncateToWidth,\n\tvisibleWidth,\n} from \"@hansjm10/volt-tui\";\nimport { CONFIG_DIR_NAME } from \"../../../config.ts\";\nimport type { PathMetadata, ResolvedPaths, ResolvedResource } from \"../../../core/package-manager.ts\";\nimport type { PackageSource, SettingsManager } from \"../../../core/settings-manager.ts\";\nimport { theme } from \"../../../core/theme/runtime.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\nimport { rawKeyHint } from \"./keybinding-hints.ts\";\n\ntype ResourceType = \"extensions\" | \"skills\" | \"prompts\" | \"themes\";\n\nconst RESOURCE_TYPE_LABELS: Record<ResourceType, string> = {\n\textensions: \"Extensions\",\n\tskills: \"Skills\",\n\tprompts: \"Prompts\",\n\tthemes: \"Themes\",\n};\n\ninterface ResourceItem {\n\tpath: string;\n\tenabled: boolean;\n\tmetadata: PathMetadata;\n\tresourceType: ResourceType;\n\tdisplayName: string;\n\tgroupKey: string;\n\tsubgroupKey: string;\n}\n\ninterface ResourceSubgroup {\n\ttype: ResourceType;\n\tlabel: string;\n\titems: ResourceItem[];\n}\n\ninterface ResourceGroup {\n\tkey: string;\n\tlabel: string;\n\tscope: \"user\" | \"project\" | \"temporary\";\n\torigin: \"package\" | \"top-level\";\n\tsource: string;\n\tsubgroups: ResourceSubgroup[];\n}\n\nfunction formatBaseDir(baseDir: string): string {\n\tconst homeDir = homedir();\n\tlet displayPath: string;\n\n\tif (baseDir === homeDir) {\n\t\tdisplayPath = \"~\";\n\t} else if (baseDir.startsWith(homeDir)) {\n\t\t// Replace home prefix with ~, normalize separators for display\n\t\tconst rest = baseDir.slice(homeDir.length);\n\t\tdisplayPath = `~${rest.replace(/\\\\/g, \"/\")}`;\n\t} else {\n\t\tdisplayPath = baseDir.replace(/\\\\/g, \"/\");\n\t}\n\n\treturn displayPath.endsWith(\"/\") ? displayPath : `${displayPath}/`;\n}\n\nfunction getGroupLabel(metadata: PathMetadata): string {\n\tif (metadata.origin === \"package\") {\n\t\treturn `${metadata.source} (${metadata.scope})`;\n\t}\n\t// Top-level resources\n\tif (metadata.source === \"auto\") {\n\t\tif (metadata.baseDir) {\n\t\t\treturn metadata.scope === \"user\"\n\t\t\t\t? `User (${formatBaseDir(metadata.baseDir)})`\n\t\t\t\t: `Project (${formatBaseDir(metadata.baseDir)})`;\n\t\t}\n\t\treturn metadata.scope === \"user\" ? \"User (~/.volt/agent/)\" : \"Project (.volt/)\";\n\t}\n\treturn metadata.scope === \"user\" ? \"User settings\" : \"Project settings\";\n}\n\nfunction buildGroups(resolved: ResolvedPaths): ResourceGroup[] {\n\tconst groupMap = new Map<string, ResourceGroup>();\n\n\tconst addToGroup = (resources: ResolvedResource[], resourceType: ResourceType) => {\n\t\tfor (const res of resources) {\n\t\t\tconst { path, enabled, metadata } = res;\n\t\t\tconst groupKey = `${metadata.origin}:${metadata.scope}:${metadata.source}:${metadata.baseDir ?? \"\"}`;\n\n\t\t\tif (!groupMap.has(groupKey)) {\n\t\t\t\tgroupMap.set(groupKey, {\n\t\t\t\t\tkey: groupKey,\n\t\t\t\t\tlabel: getGroupLabel(metadata),\n\t\t\t\t\tscope: metadata.scope,\n\t\t\t\t\torigin: metadata.origin,\n\t\t\t\t\tsource: metadata.source,\n\t\t\t\t\tsubgroups: [],\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst group = groupMap.get(groupKey)!;\n\t\t\tconst subgroupKey = `${groupKey}:${resourceType}`;\n\n\t\t\tlet subgroup = group.subgroups.find((sg) => sg.type === resourceType);\n\t\t\tif (!subgroup) {\n\t\t\t\tsubgroup = {\n\t\t\t\t\ttype: resourceType,\n\t\t\t\t\tlabel: RESOURCE_TYPE_LABELS[resourceType],\n\t\t\t\t\titems: [],\n\t\t\t\t};\n\t\t\t\tgroup.subgroups.push(subgroup);\n\t\t\t}\n\n\t\t\tconst fileName = basename(path);\n\t\t\tconst parentFolder = basename(dirname(path));\n\t\t\tlet displayName: string;\n\t\t\tif (resourceType === \"extensions\" && parentFolder !== \"extensions\") {\n\t\t\t\tdisplayName = `${parentFolder}/${fileName}`;\n\t\t\t} else if (resourceType === \"skills\" && fileName === \"SKILL.md\") {\n\t\t\t\tdisplayName = parentFolder;\n\t\t\t} else {\n\t\t\t\tdisplayName = fileName;\n\t\t\t}\n\t\t\tsubgroup.items.push({\n\t\t\t\tpath,\n\t\t\t\tenabled,\n\t\t\t\tmetadata,\n\t\t\t\tresourceType,\n\t\t\t\tdisplayName,\n\t\t\t\tgroupKey,\n\t\t\t\tsubgroupKey,\n\t\t\t});\n\t\t}\n\t};\n\n\taddToGroup(resolved.extensions, \"extensions\");\n\taddToGroup(resolved.skills, \"skills\");\n\taddToGroup(resolved.prompts, \"prompts\");\n\taddToGroup(resolved.themes, \"themes\");\n\n\t// Sort groups: packages first, then top-level; user before project\n\tconst groups = Array.from(groupMap.values());\n\tgroups.sort((a, b) => {\n\t\tif (a.origin !== b.origin) {\n\t\t\treturn a.origin === \"package\" ? -1 : 1;\n\t\t}\n\t\tif (a.scope !== b.scope) {\n\t\t\treturn a.scope === \"user\" ? -1 : 1;\n\t\t}\n\t\treturn a.source.localeCompare(b.source);\n\t});\n\n\t// Sort subgroups within each group by type order, and items by name\n\tconst typeOrder: Record<ResourceType, number> = { extensions: 0, skills: 1, prompts: 2, themes: 3 };\n\tfor (const group of groups) {\n\t\tgroup.subgroups.sort((a, b) => typeOrder[a.type] - typeOrder[b.type]);\n\t\tfor (const subgroup of group.subgroups) {\n\t\t\tsubgroup.items.sort((a, b) => a.displayName.localeCompare(b.displayName));\n\t\t}\n\t}\n\n\treturn groups;\n}\n\ntype FlatEntry =\n\t| { type: \"group\"; group: ResourceGroup }\n\t| { type: \"subgroup\"; subgroup: ResourceSubgroup; group: ResourceGroup }\n\t| { type: \"item\"; item: ResourceItem };\n\nclass ConfigSelectorHeader implements Component {\n\tinvalidate(): void {}\n\n\trender(width: number): string[] {\n\t\tconst title = theme.bold(\"Resource Configuration\");\n\t\tconst sep = theme.fg(\"muted\", \" · \");\n\t\tconst hint = rawKeyHint(\"space\", \"toggle\") + sep + rawKeyHint(\"esc\", \"close\");\n\t\tconst hintWidth = visibleWidth(hint);\n\t\tconst titleWidth = visibleWidth(title);\n\t\tconst spacing = Math.max(1, width - titleWidth - hintWidth);\n\n\t\treturn [\n\t\t\ttruncateToWidth(`${title}${\" \".repeat(spacing)}${hint}`, width, \"\"),\n\t\t\ttheme.fg(\"muted\", \"Type to filter resources\"),\n\t\t];\n\t}\n}\n\nclass ResourceList implements Component, Focusable {\n\tprivate groups: ResourceGroup[];\n\tprivate flatItems: FlatEntry[] = [];\n\tprivate filteredItems: FlatEntry[] = [];\n\tprivate selectedIndex = 0;\n\tprivate searchInput: Input;\n\tprivate maxVisible: number;\n\tprivate settingsManager: SettingsManager;\n\tprivate cwd: string;\n\tprivate agentDir: string;\n\n\tpublic onCancel?: () => void;\n\tpublic onExit?: () => void;\n\tpublic onToggle?: (item: ResourceItem, newEnabled: boolean) => void;\n\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\n\tconstructor(\n\t\tgroups: ResourceGroup[],\n\t\tsettingsManager: SettingsManager,\n\t\tcwd: string,\n\t\tagentDir: string,\n\t\tterminalHeight?: number,\n\t) {\n\t\tthis.groups = groups;\n\t\tthis.settingsManager = settingsManager;\n\t\tthis.cwd = cwd;\n\t\tthis.agentDir = agentDir;\n\t\tthis.searchInput = new Input();\n\t\t// 8 lines of chrome: top spacer + top border + spacer + header (2 lines) + spacer + bottom spacer + bottom border\n\t\tconst chrome = 8;\n\t\tthis.maxVisible = Math.max(5, (terminalHeight ?? 24) - chrome);\n\t\tthis.buildFlatList();\n\t\tthis.filteredItems = [...this.flatItems];\n\t}\n\n\tprivate buildFlatList(): void {\n\t\tthis.flatItems = [];\n\t\tfor (const group of this.groups) {\n\t\t\tthis.flatItems.push({ type: \"group\", group });\n\t\t\tfor (const subgroup of group.subgroups) {\n\t\t\t\tthis.flatItems.push({ type: \"subgroup\", subgroup, group });\n\t\t\t\tfor (const item of subgroup.items) {\n\t\t\t\t\tthis.flatItems.push({ type: \"item\", item });\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// Start selection on first item (not header)\n\t\tthis.selectedIndex = this.flatItems.findIndex((e) => e.type === \"item\");\n\t\tif (this.selectedIndex < 0) this.selectedIndex = 0;\n\t}\n\n\tprivate findNextItem(fromIndex: number, direction: 1 | -1): number {\n\t\tlet idx = fromIndex + direction;\n\t\twhile (idx >= 0 && idx < this.filteredItems.length) {\n\t\t\tif (this.filteredItems[idx].type === \"item\") {\n\t\t\t\treturn idx;\n\t\t\t}\n\t\t\tidx += direction;\n\t\t}\n\t\treturn fromIndex; // Stay at current if no item found\n\t}\n\n\tprivate filterItems(query: string): void {\n\t\tif (!query.trim()) {\n\t\t\tthis.filteredItems = [...this.flatItems];\n\t\t\tthis.selectFirstItem();\n\t\t\treturn;\n\t\t}\n\n\t\tconst lowerQuery = query.toLowerCase();\n\t\tconst matchingItems = new Set<ResourceItem>();\n\t\tconst matchingSubgroups = new Set<ResourceSubgroup>();\n\t\tconst matchingGroups = new Set<ResourceGroup>();\n\n\t\tfor (const entry of this.flatItems) {\n\t\t\tif (entry.type === \"item\") {\n\t\t\t\tconst item = entry.item;\n\t\t\t\tif (\n\t\t\t\t\titem.displayName.toLowerCase().includes(lowerQuery) ||\n\t\t\t\t\titem.resourceType.toLowerCase().includes(lowerQuery) ||\n\t\t\t\t\titem.path.toLowerCase().includes(lowerQuery)\n\t\t\t\t) {\n\t\t\t\t\tmatchingItems.add(item);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Find which subgroups and groups contain matching items\n\t\tfor (const group of this.groups) {\n\t\t\tfor (const subgroup of group.subgroups) {\n\t\t\t\tfor (const item of subgroup.items) {\n\t\t\t\t\tif (matchingItems.has(item)) {\n\t\t\t\t\t\tmatchingSubgroups.add(subgroup);\n\t\t\t\t\t\tmatchingGroups.add(group);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.filteredItems = [];\n\t\tfor (const entry of this.flatItems) {\n\t\t\tif (entry.type === \"group\" && matchingGroups.has(entry.group)) {\n\t\t\t\tthis.filteredItems.push(entry);\n\t\t\t} else if (entry.type === \"subgroup\" && matchingSubgroups.has(entry.subgroup)) {\n\t\t\t\tthis.filteredItems.push(entry);\n\t\t\t} else if (entry.type === \"item\" && matchingItems.has(entry.item)) {\n\t\t\t\tthis.filteredItems.push(entry);\n\t\t\t}\n\t\t}\n\n\t\tthis.selectFirstItem();\n\t}\n\n\tprivate selectFirstItem(): void {\n\t\tconst firstItemIndex = this.filteredItems.findIndex((e) => e.type === \"item\");\n\t\tthis.selectedIndex = firstItemIndex >= 0 ? firstItemIndex : 0;\n\t}\n\n\tupdateItem(item: ResourceItem, enabled: boolean): void {\n\t\titem.enabled = enabled;\n\t\t// Update in groups too\n\t\tfor (const group of this.groups) {\n\t\t\tfor (const subgroup of group.subgroups) {\n\t\t\t\tconst found = subgroup.items.find((i) => i.path === item.path && i.resourceType === item.resourceType);\n\t\t\t\tif (found) {\n\t\t\t\t\tfound.enabled = enabled;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tinvalidate(): void {}\n\n\trender(width: number): string[] {\n\t\tconst lines: string[] = [];\n\n\t\t// Search input\n\t\tlines.push(...this.searchInput.render(width));\n\t\tlines.push(\"\");\n\n\t\tif (this.filteredItems.length === 0) {\n\t\t\tlines.push(theme.fg(\"muted\", \"  No resources found\"));\n\t\t\treturn lines;\n\t\t}\n\n\t\t// Calculate visible range\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.filteredItems.length - this.maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + this.maxVisible, this.filteredItems.length);\n\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst entry = this.filteredItems[i];\n\t\t\tconst isSelected = i === this.selectedIndex;\n\n\t\t\tif (entry.type === \"group\") {\n\t\t\t\t// Main group header (no cursor)\n\t\t\t\tconst groupLine = theme.fg(\"accent\", theme.bold(entry.group.label));\n\t\t\t\tlines.push(truncateToWidth(`  ${groupLine}`, width, \"\"));\n\t\t\t} else if (entry.type === \"subgroup\") {\n\t\t\t\t// Subgroup header (indented, no cursor)\n\t\t\t\tconst subgroupLine = theme.fg(\"muted\", entry.subgroup.label);\n\t\t\t\tlines.push(truncateToWidth(`    ${subgroupLine}`, width, \"\"));\n\t\t\t} else {\n\t\t\t\t// Resource item (cursor only on items)\n\t\t\t\tconst item = entry.item;\n\t\t\t\tconst cursor = isSelected ? \"> \" : \"  \";\n\t\t\t\tconst checkbox = item.enabled ? theme.fg(\"success\", \"[x]\") : theme.fg(\"dim\", \"[ ]\");\n\t\t\t\tconst name = isSelected ? theme.bold(item.displayName) : item.displayName;\n\t\t\t\tlines.push(truncateToWidth(`${cursor}    ${checkbox} ${name}`, width, \"...\"));\n\t\t\t}\n\t\t}\n\n\t\t// Scroll indicator\n\t\tif (startIndex > 0 || endIndex < this.filteredItems.length) {\n\t\t\tconst itemCount = this.filteredItems.filter((e) => e.type === \"item\").length;\n\t\t\tconst currentItemIndex =\n\t\t\t\tthis.filteredItems.slice(0, this.selectedIndex).filter((e) => e.type === \"item\").length + 1;\n\t\t\tlines.push(theme.fg(\"dim\", `  (${currentItemIndex}/${itemCount})`));\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\thandleInput(data: string): void {\n\t\tconst kb = getKeybindings();\n\n\t\tif (kb.matches(data, \"tui.select.up\")) {\n\t\t\tthis.selectedIndex = this.findNextItem(this.selectedIndex, -1);\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.down\")) {\n\t\t\tthis.selectedIndex = this.findNextItem(this.selectedIndex, 1);\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.pageUp\")) {\n\t\t\t// Jump up by maxVisible, then find nearest item\n\t\t\tlet target = Math.max(0, this.selectedIndex - this.maxVisible);\n\t\t\twhile (target < this.filteredItems.length && this.filteredItems[target].type !== \"item\") {\n\t\t\t\ttarget++;\n\t\t\t}\n\t\t\tif (target < this.filteredItems.length) {\n\t\t\t\tthis.selectedIndex = target;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.pageDown\")) {\n\t\t\t// Jump down by maxVisible, then find nearest item\n\t\t\tlet target = Math.min(this.filteredItems.length - 1, this.selectedIndex + this.maxVisible);\n\t\t\twhile (target >= 0 && this.filteredItems[target].type !== \"item\") {\n\t\t\t\ttarget--;\n\t\t\t}\n\t\t\tif (target >= 0) {\n\t\t\t\tthis.selectedIndex = target;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.cancel\")) {\n\t\t\tthis.onCancel?.();\n\t\t\treturn;\n\t\t}\n\t\tif (matchesKey(data, \"ctrl+c\")) {\n\t\t\tthis.onExit?.();\n\t\t\treturn;\n\t\t}\n\t\tif (data === \" \" || kb.matches(data, \"tui.select.confirm\")) {\n\t\t\tconst entry = this.filteredItems[this.selectedIndex];\n\t\t\tif (entry?.type === \"item\") {\n\t\t\t\tconst newEnabled = !entry.item.enabled;\n\t\t\t\tthis.toggleResource(entry.item, newEnabled);\n\t\t\t\tthis.updateItem(entry.item, newEnabled);\n\t\t\t\tthis.onToggle?.(entry.item, newEnabled);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Pass to search input\n\t\tthis.searchInput.handleInput(data);\n\t\tthis.filterItems(this.searchInput.getValue());\n\t}\n\n\tprivate toggleResource(item: ResourceItem, enabled: boolean): void {\n\t\tif (item.metadata.origin === \"top-level\") {\n\t\t\tthis.toggleTopLevelResource(item, enabled);\n\t\t} else {\n\t\t\tthis.togglePackageResource(item, enabled);\n\t\t}\n\t}\n\n\tprivate toggleTopLevelResource(item: ResourceItem, enabled: boolean): void {\n\t\tconst scope = item.metadata.scope as \"user\" | \"project\";\n\t\tconst settings =\n\t\t\tscope === \"project\"\n\t\t\t\t? this.settingsManager.getProjectEffectiveSettings()\n\t\t\t\t: this.settingsManager.getGlobalEffectiveSettings();\n\n\t\tconst arrayKey = item.resourceType as \"extensions\" | \"skills\" | \"prompts\" | \"themes\";\n\t\tconst current = (settings[arrayKey] ?? []) as string[];\n\n\t\t// Generate pattern for this resource\n\t\tconst pattern = this.getResourcePattern(item);\n\t\tconst disablePattern = `-${pattern}`;\n\t\tconst enablePattern = `+${pattern}`;\n\n\t\t// Filter out existing patterns for this resource\n\t\tconst updated = current.filter((p) => {\n\t\t\tconst stripped = p.startsWith(\"!\") || p.startsWith(\"+\") || p.startsWith(\"-\") ? p.slice(1) : p;\n\t\t\treturn stripped !== pattern;\n\t\t});\n\n\t\tif (enabled) {\n\t\t\tupdated.push(enablePattern);\n\t\t} else {\n\t\t\tupdated.push(disablePattern);\n\t\t}\n\n\t\tif (scope === \"project\") {\n\t\t\tif (arrayKey === \"extensions\") {\n\t\t\t\tthis.settingsManager.setProjectExtensionPaths(updated);\n\t\t\t} else if (arrayKey === \"skills\") {\n\t\t\t\tthis.settingsManager.setProjectSkillPaths(updated);\n\t\t\t} else if (arrayKey === \"prompts\") {\n\t\t\t\tthis.settingsManager.setProjectPromptTemplatePaths(updated);\n\t\t\t} else if (arrayKey === \"themes\") {\n\t\t\t\tthis.settingsManager.setProjectThemePaths(updated);\n\t\t\t}\n\t\t} else {\n\t\t\tif (arrayKey === \"extensions\") {\n\t\t\t\tthis.settingsManager.setExtensionPaths(updated);\n\t\t\t} else if (arrayKey === \"skills\") {\n\t\t\t\tthis.settingsManager.setSkillPaths(updated);\n\t\t\t} else if (arrayKey === \"prompts\") {\n\t\t\t\tthis.settingsManager.setPromptTemplatePaths(updated);\n\t\t\t} else if (arrayKey === \"themes\") {\n\t\t\t\tthis.settingsManager.setThemePaths(updated);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate togglePackageResource(item: ResourceItem, enabled: boolean): void {\n\t\tconst scope = item.metadata.scope as \"user\" | \"project\";\n\t\tconst settings =\n\t\t\tscope === \"project\"\n\t\t\t\t? this.settingsManager.getProjectEffectiveSettings()\n\t\t\t\t: this.settingsManager.getGlobalEffectiveSettings();\n\n\t\tconst packages = [...(settings.packages ?? [])] as PackageSource[];\n\t\tconst pkgIndex = packages.findIndex((pkg) => {\n\t\t\tconst source = typeof pkg === \"string\" ? pkg : pkg.source;\n\t\t\treturn source === item.metadata.source;\n\t\t});\n\n\t\tif (pkgIndex === -1) return;\n\n\t\tlet pkg = packages[pkgIndex];\n\n\t\t// Convert string to object form if needed\n\t\tif (typeof pkg === \"string\") {\n\t\t\tpkg = { source: pkg };\n\t\t\tpackages[pkgIndex] = pkg;\n\t\t}\n\n\t\t// Get the resource array for this type\n\t\tconst arrayKey = item.resourceType as \"extensions\" | \"skills\" | \"prompts\" | \"themes\";\n\t\tconst current = (pkg[arrayKey] ?? []) as string[];\n\n\t\t// Generate pattern relative to package root\n\t\tconst pattern = this.getPackageResourcePattern(item);\n\t\tconst disablePattern = `-${pattern}`;\n\t\tconst enablePattern = `+${pattern}`;\n\n\t\t// Filter out existing patterns for this resource\n\t\tconst updated = current.filter((p) => {\n\t\t\tconst stripped = p.startsWith(\"!\") || p.startsWith(\"+\") || p.startsWith(\"-\") ? p.slice(1) : p;\n\t\t\treturn stripped !== pattern;\n\t\t});\n\n\t\tif (enabled) {\n\t\t\tupdated.push(enablePattern);\n\t\t} else {\n\t\t\tupdated.push(disablePattern);\n\t\t}\n\n\t\t(pkg as Record<string, unknown>)[arrayKey] = updated.length > 0 ? updated : undefined;\n\n\t\t// Clean up empty filter object\n\t\tconst hasFilters = [\"extensions\", \"skills\", \"prompts\", \"themes\"].some(\n\t\t\t(k) => (pkg as Record<string, unknown>)[k] !== undefined,\n\t\t);\n\t\tif (!hasFilters) {\n\t\t\tpackages[pkgIndex] = (pkg as { source: string }).source;\n\t\t}\n\n\t\tif (scope === \"project\") {\n\t\t\tthis.settingsManager.setProjectPackages(packages);\n\t\t} else {\n\t\t\tthis.settingsManager.setPackages(packages);\n\t\t}\n\t}\n\n\tprivate getTopLevelBaseDir(scope: \"user\" | \"project\"): string {\n\t\treturn scope === \"project\" ? join(this.cwd, CONFIG_DIR_NAME) : this.agentDir;\n\t}\n\n\tprivate getResourcePattern(item: ResourceItem): string {\n\t\tconst scope = item.metadata.scope as \"user\" | \"project\";\n\t\tconst baseDir = item.metadata.baseDir ?? this.getTopLevelBaseDir(scope);\n\t\treturn relative(baseDir, item.path);\n\t}\n\n\tprivate getPackageResourcePattern(item: ResourceItem): string {\n\t\tconst baseDir = item.metadata.baseDir ?? dirname(item.path);\n\t\treturn relative(baseDir, item.path);\n\t}\n}\n\nexport class ConfigSelectorComponent extends Container implements Focusable {\n\tprivate resourceList: ResourceList;\n\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.resourceList.focused = value;\n\t}\n\n\tconstructor(\n\t\tresolvedPaths: ResolvedPaths,\n\t\tsettingsManager: SettingsManager,\n\t\tcwd: string,\n\t\tagentDir: string,\n\t\tonClose: () => void,\n\t\tonExit: () => void,\n\t\trequestRender: () => void,\n\t\tterminalHeight?: number,\n\t) {\n\t\tsuper();\n\n\t\tconst groups = buildGroups(resolvedPaths);\n\n\t\t// Add header\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new ConfigSelectorHeader());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Resource list\n\t\tthis.resourceList = new ResourceList(groups, settingsManager, cwd, agentDir, terminalHeight);\n\t\tthis.resourceList.onCancel = onClose;\n\t\tthis.resourceList.onExit = onExit;\n\t\tthis.resourceList.onToggle = () => requestRender();\n\t\tthis.addChild(this.resourceList);\n\n\t\t// Bottom border\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new DynamicBorder());\n\t}\n\n\tgetResourceList(): ResourceList {\n\t\treturn this.resourceList;\n\t}\n}\n"]}

package/dist/modes/interactive/components/config-selector.js

@@ -0,0 +1,510 @@
+/**
+ * TUI component for managing package resources (enable/disable)
+ */
+import { homedir } from "node:os";
+import { basename, dirname, join, relative } from "node:path";
+import { Container, getKeybindings, Input, matchesKey, Spacer, truncateToWidth, visibleWidth, } from "@hansjm10/volt-tui";
+import { CONFIG_DIR_NAME } from "../../../config.js";
+import { theme } from "../../../core/theme/runtime.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { rawKeyHint } from "./keybinding-hints.js";
+const RESOURCE_TYPE_LABELS = {
+    extensions: "Extensions",
+    skills: "Skills",
+    prompts: "Prompts",
+    themes: "Themes",
+};
+function formatBaseDir(baseDir) {
+    const homeDir = homedir();
+    let displayPath;
+    if (baseDir === homeDir) {
+        displayPath = "~";
+    }
+    else if (baseDir.startsWith(homeDir)) {
+        // Replace home prefix with ~, normalize separators for display
+        const rest = baseDir.slice(homeDir.length);
+        displayPath = `~${rest.replace(/\\/g, "/")}`;
+    }
+    else {
+        displayPath = baseDir.replace(/\\/g, "/");
+    }
+    return displayPath.endsWith("/") ? displayPath : `${displayPath}/`;
+}
+function getGroupLabel(metadata) {
+    if (metadata.origin === "package") {
+        return `${metadata.source} (${metadata.scope})`;
+    }
+    // Top-level resources
+    if (metadata.source === "auto") {
+        if (metadata.baseDir) {
+            return metadata.scope === "user"
+                ? `User (${formatBaseDir(metadata.baseDir)})`
+                : `Project (${formatBaseDir(metadata.baseDir)})`;
+        }
+        return metadata.scope === "user" ? "User (~/.volt/agent/)" : "Project (.volt/)";
+    }
+    return metadata.scope === "user" ? "User settings" : "Project settings";
+}
+function buildGroups(resolved) {
+    const groupMap = new Map();
+    const addToGroup = (resources, resourceType) => {
+        for (const res of resources) {
+            const { path, enabled, metadata } = res;
+            const groupKey = `${metadata.origin}:${metadata.scope}:${metadata.source}:${metadata.baseDir ?? ""}`;
+            if (!groupMap.has(groupKey)) {
+                groupMap.set(groupKey, {
+                    key: groupKey,
+                    label: getGroupLabel(metadata),
+                    scope: metadata.scope,
+                    origin: metadata.origin,
+                    source: metadata.source,
+                    subgroups: [],
+                });
+            }
+            const group = groupMap.get(groupKey);
+            const subgroupKey = `${groupKey}:${resourceType}`;
+            let subgroup = group.subgroups.find((sg) => sg.type === resourceType);
+            if (!subgroup) {
+                subgroup = {
+                    type: resourceType,
+                    label: RESOURCE_TYPE_LABELS[resourceType],
+                    items: [],
+                };
+                group.subgroups.push(subgroup);
+            }
+            const fileName = basename(path);
+            const parentFolder = basename(dirname(path));
+            let displayName;
+            if (resourceType === "extensions" && parentFolder !== "extensions") {
+                displayName = `${parentFolder}/${fileName}`;
+            }
+            else if (resourceType === "skills" && fileName === "SKILL.md") {
+                displayName = parentFolder;
+            }
+            else {
+                displayName = fileName;
+            }
+            subgroup.items.push({
+                path,
+                enabled,
+                metadata,
+                resourceType,
+                displayName,
+                groupKey,
+                subgroupKey,
+            });
+        }
+    };
+    addToGroup(resolved.extensions, "extensions");
+    addToGroup(resolved.skills, "skills");
+    addToGroup(resolved.prompts, "prompts");
+    addToGroup(resolved.themes, "themes");
+    // Sort groups: packages first, then top-level; user before project
+    const groups = Array.from(groupMap.values());
+    groups.sort((a, b) => {
+        if (a.origin !== b.origin) {
+            return a.origin === "package" ? -1 : 1;
+        }
+        if (a.scope !== b.scope) {
+            return a.scope === "user" ? -1 : 1;
+        }
+        return a.source.localeCompare(b.source);
+    });
+    // Sort subgroups within each group by type order, and items by name
+    const typeOrder = { extensions: 0, skills: 1, prompts: 2, themes: 3 };
+    for (const group of groups) {
+        group.subgroups.sort((a, b) => typeOrder[a.type] - typeOrder[b.type]);
+        for (const subgroup of group.subgroups) {
+            subgroup.items.sort((a, b) => a.displayName.localeCompare(b.displayName));
+        }
+    }
+    return groups;
+}
+class ConfigSelectorHeader {
+    invalidate() { }
+    render(width) {
+        const title = theme.bold("Resource Configuration");
+        const sep = theme.fg("muted", " · ");
+        const hint = rawKeyHint("space", "toggle") + sep + rawKeyHint("esc", "close");
+        const hintWidth = visibleWidth(hint);
+        const titleWidth = visibleWidth(title);
+        const spacing = Math.max(1, width - titleWidth - hintWidth);
+        return [
+            truncateToWidth(`${title}${" ".repeat(spacing)}${hint}`, width, ""),
+            theme.fg("muted", "Type to filter resources"),
+        ];
+    }
+}
+class ResourceList {
+    groups;
+    flatItems = [];
+    filteredItems = [];
+    selectedIndex = 0;
+    searchInput;
+    maxVisible;
+    settingsManager;
+    cwd;
+    agentDir;
+    onCancel;
+    onExit;
+    onToggle;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.searchInput.focused = value;
+    }
+    constructor(groups, settingsManager, cwd, agentDir, terminalHeight) {
+        this.groups = groups;
+        this.settingsManager = settingsManager;
+        this.cwd = cwd;
+        this.agentDir = agentDir;
+        this.searchInput = new Input();
+        // 8 lines of chrome: top spacer + top border + spacer + header (2 lines) + spacer + bottom spacer + bottom border
+        const chrome = 8;
+        this.maxVisible = Math.max(5, (terminalHeight ?? 24) - chrome);
+        this.buildFlatList();
+        this.filteredItems = [...this.flatItems];
+    }
+    buildFlatList() {
+        this.flatItems = [];
+        for (const group of this.groups) {
+            this.flatItems.push({ type: "group", group });
+            for (const subgroup of group.subgroups) {
+                this.flatItems.push({ type: "subgroup", subgroup, group });
+                for (const item of subgroup.items) {
+                    this.flatItems.push({ type: "item", item });
+                }
+            }
+        }
+        // Start selection on first item (not header)
+        this.selectedIndex = this.flatItems.findIndex((e) => e.type === "item");
+        if (this.selectedIndex < 0)
+            this.selectedIndex = 0;
+    }
+    findNextItem(fromIndex, direction) {
+        let idx = fromIndex + direction;
+        while (idx >= 0 && idx < this.filteredItems.length) {
+            if (this.filteredItems[idx].type === "item") {
+                return idx;
+            }
+            idx += direction;
+        }
+        return fromIndex; // Stay at current if no item found
+    }
+    filterItems(query) {
+        if (!query.trim()) {
+            this.filteredItems = [...this.flatItems];
+            this.selectFirstItem();
+            return;
+        }
+        const lowerQuery = query.toLowerCase();
+        const matchingItems = new Set();
+        const matchingSubgroups = new Set();
+        const matchingGroups = new Set();
+        for (const entry of this.flatItems) {
+            if (entry.type === "item") {
+                const item = entry.item;
+                if (item.displayName.toLowerCase().includes(lowerQuery) ||
+                    item.resourceType.toLowerCase().includes(lowerQuery) ||
+                    item.path.toLowerCase().includes(lowerQuery)) {
+                    matchingItems.add(item);
+                }
+            }
+        }
+        // Find which subgroups and groups contain matching items
+        for (const group of this.groups) {
+            for (const subgroup of group.subgroups) {
+                for (const item of subgroup.items) {
+                    if (matchingItems.has(item)) {
+                        matchingSubgroups.add(subgroup);
+                        matchingGroups.add(group);
+                    }
+                }
+            }
+        }
+        this.filteredItems = [];
+        for (const entry of this.flatItems) {
+            if (entry.type === "group" && matchingGroups.has(entry.group)) {
+                this.filteredItems.push(entry);
+            }
+            else if (entry.type === "subgroup" && matchingSubgroups.has(entry.subgroup)) {
+                this.filteredItems.push(entry);
+            }
+            else if (entry.type === "item" && matchingItems.has(entry.item)) {
+                this.filteredItems.push(entry);
+            }
+        }
+        this.selectFirstItem();
+    }
+    selectFirstItem() {
+        const firstItemIndex = this.filteredItems.findIndex((e) => e.type === "item");
+        this.selectedIndex = firstItemIndex >= 0 ? firstItemIndex : 0;
+    }
+    updateItem(item, enabled) {
+        item.enabled = enabled;
+        // Update in groups too
+        for (const group of this.groups) {
+            for (const subgroup of group.subgroups) {
+                const found = subgroup.items.find((i) => i.path === item.path && i.resourceType === item.resourceType);
+                if (found) {
+                    found.enabled = enabled;
+                    return;
+                }
+            }
+        }
+    }
+    invalidate() { }
+    render(width) {
+        const lines = [];
+        // Search input
+        lines.push(...this.searchInput.render(width));
+        lines.push("");
+        if (this.filteredItems.length === 0) {
+            lines.push(theme.fg("muted", "  No resources found"));
+            return lines;
+        }
+        // Calculate visible range
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.filteredItems.length - this.maxVisible));
+        const endIndex = Math.min(startIndex + this.maxVisible, this.filteredItems.length);
+        for (let i = startIndex; i < endIndex; i++) {
+            const entry = this.filteredItems[i];
+            const isSelected = i === this.selectedIndex;
+            if (entry.type === "group") {
+                // Main group header (no cursor)
+                const groupLine = theme.fg("accent", theme.bold(entry.group.label));
+                lines.push(truncateToWidth(`  ${groupLine}`, width, ""));
+            }
+            else if (entry.type === "subgroup") {
+                // Subgroup header (indented, no cursor)
+                const subgroupLine = theme.fg("muted", entry.subgroup.label);
+                lines.push(truncateToWidth(`    ${subgroupLine}`, width, ""));
+            }
+            else {
+                // Resource item (cursor only on items)
+                const item = entry.item;
+                const cursor = isSelected ? "> " : "  ";
+                const checkbox = item.enabled ? theme.fg("success", "[x]") : theme.fg("dim", "[ ]");
+                const name = isSelected ? theme.bold(item.displayName) : item.displayName;
+                lines.push(truncateToWidth(`${cursor}    ${checkbox} ${name}`, width, "..."));
+            }
+        }
+        // Scroll indicator
+        if (startIndex > 0 || endIndex < this.filteredItems.length) {
+            const itemCount = this.filteredItems.filter((e) => e.type === "item").length;
+            const currentItemIndex = this.filteredItems.slice(0, this.selectedIndex).filter((e) => e.type === "item").length + 1;
+            lines.push(theme.fg("dim", `  (${currentItemIndex}/${itemCount})`));
+        }
+        return lines;
+    }
+    handleInput(data) {
+        const kb = getKeybindings();
+        if (kb.matches(data, "tui.select.up")) {
+            this.selectedIndex = this.findNextItem(this.selectedIndex, -1);
+            return;
+        }
+        if (kb.matches(data, "tui.select.down")) {
+            this.selectedIndex = this.findNextItem(this.selectedIndex, 1);
+            return;
+        }
+        if (kb.matches(data, "tui.select.pageUp")) {
+            // Jump up by maxVisible, then find nearest item
+            let target = Math.max(0, this.selectedIndex - this.maxVisible);
+            while (target < this.filteredItems.length && this.filteredItems[target].type !== "item") {
+                target++;
+            }
+            if (target < this.filteredItems.length) {
+                this.selectedIndex = target;
+            }
+            return;
+        }
+        if (kb.matches(data, "tui.select.pageDown")) {
+            // Jump down by maxVisible, then find nearest item
+            let target = Math.min(this.filteredItems.length - 1, this.selectedIndex + this.maxVisible);
+            while (target >= 0 && this.filteredItems[target].type !== "item") {
+                target--;
+            }
+            if (target >= 0) {
+                this.selectedIndex = target;
+            }
+            return;
+        }
+        if (kb.matches(data, "tui.select.cancel")) {
+            this.onCancel?.();
+            return;
+        }
+        if (matchesKey(data, "ctrl+c")) {
+            this.onExit?.();
+            return;
+        }
+        if (data === " " || kb.matches(data, "tui.select.confirm")) {
+            const entry = this.filteredItems[this.selectedIndex];
+            if (entry?.type === "item") {
+                const newEnabled = !entry.item.enabled;
+                this.toggleResource(entry.item, newEnabled);
+                this.updateItem(entry.item, newEnabled);
+                this.onToggle?.(entry.item, newEnabled);
+            }
+            return;
+        }
+        // Pass to search input
+        this.searchInput.handleInput(data);
+        this.filterItems(this.searchInput.getValue());
+    }
+    toggleResource(item, enabled) {
+        if (item.metadata.origin === "top-level") {
+            this.toggleTopLevelResource(item, enabled);
+        }
+        else {
+            this.togglePackageResource(item, enabled);
+        }
+    }
+    toggleTopLevelResource(item, enabled) {
+        const scope = item.metadata.scope;
+        const settings = scope === "project"
+            ? this.settingsManager.getProjectEffectiveSettings()
+            : this.settingsManager.getGlobalEffectiveSettings();
+        const arrayKey = item.resourceType;
+        const current = (settings[arrayKey] ?? []);
+        // Generate pattern for this resource
+        const pattern = this.getResourcePattern(item);
+        const disablePattern = `-${pattern}`;
+        const enablePattern = `+${pattern}`;
+        // Filter out existing patterns for this resource
+        const updated = current.filter((p) => {
+            const stripped = p.startsWith("!") || p.startsWith("+") || p.startsWith("-") ? p.slice(1) : p;
+            return stripped !== pattern;
+        });
+        if (enabled) {
+            updated.push(enablePattern);
+        }
+        else {
+            updated.push(disablePattern);
+        }
+        if (scope === "project") {
+            if (arrayKey === "extensions") {
+                this.settingsManager.setProjectExtensionPaths(updated);
+            }
+            else if (arrayKey === "skills") {
+                this.settingsManager.setProjectSkillPaths(updated);
+            }
+            else if (arrayKey === "prompts") {
+                this.settingsManager.setProjectPromptTemplatePaths(updated);
+            }
+            else if (arrayKey === "themes") {
+                this.settingsManager.setProjectThemePaths(updated);
+            }
+        }
+        else {
+            if (arrayKey === "extensions") {
+                this.settingsManager.setExtensionPaths(updated);
+            }
+            else if (arrayKey === "skills") {
+                this.settingsManager.setSkillPaths(updated);
+            }
+            else if (arrayKey === "prompts") {
+                this.settingsManager.setPromptTemplatePaths(updated);
+            }
+            else if (arrayKey === "themes") {
+                this.settingsManager.setThemePaths(updated);
+            }
+        }
+    }
+    togglePackageResource(item, enabled) {
+        const scope = item.metadata.scope;
+        const settings = scope === "project"
+            ? this.settingsManager.getProjectEffectiveSettings()
+            : this.settingsManager.getGlobalEffectiveSettings();
+        const packages = [...(settings.packages ?? [])];
+        const pkgIndex = packages.findIndex((pkg) => {
+            const source = typeof pkg === "string" ? pkg : pkg.source;
+            return source === item.metadata.source;
+        });
+        if (pkgIndex === -1)
+            return;
+        let pkg = packages[pkgIndex];
+        // Convert string to object form if needed
+        if (typeof pkg === "string") {
+            pkg = { source: pkg };
+            packages[pkgIndex] = pkg;
+        }
+        // Get the resource array for this type
+        const arrayKey = item.resourceType;
+        const current = (pkg[arrayKey] ?? []);
+        // Generate pattern relative to package root
+        const pattern = this.getPackageResourcePattern(item);
+        const disablePattern = `-${pattern}`;
+        const enablePattern = `+${pattern}`;
+        // Filter out existing patterns for this resource
+        const updated = current.filter((p) => {
+            const stripped = p.startsWith("!") || p.startsWith("+") || p.startsWith("-") ? p.slice(1) : p;
+            return stripped !== pattern;
+        });
+        if (enabled) {
+            updated.push(enablePattern);
+        }
+        else {
+            updated.push(disablePattern);
+        }
+        pkg[arrayKey] = updated.length > 0 ? updated : undefined;
+        // Clean up empty filter object
+        const hasFilters = ["extensions", "skills", "prompts", "themes"].some((k) => pkg[k] !== undefined);
+        if (!hasFilters) {
+            packages[pkgIndex] = pkg.source;
+        }
+        if (scope === "project") {
+            this.settingsManager.setProjectPackages(packages);
+        }
+        else {
+            this.settingsManager.setPackages(packages);
+        }
+    }
+    getTopLevelBaseDir(scope) {
+        return scope === "project" ? join(this.cwd, CONFIG_DIR_NAME) : this.agentDir;
+    }
+    getResourcePattern(item) {
+        const scope = item.metadata.scope;
+        const baseDir = item.metadata.baseDir ?? this.getTopLevelBaseDir(scope);
+        return relative(baseDir, item.path);
+    }
+    getPackageResourcePattern(item) {
+        const baseDir = item.metadata.baseDir ?? dirname(item.path);
+        return relative(baseDir, item.path);
+    }
+}
+export class ConfigSelectorComponent extends Container {
+    resourceList;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.resourceList.focused = value;
+    }
+    constructor(resolvedPaths, settingsManager, cwd, agentDir, onClose, onExit, requestRender, terminalHeight) {
+        super();
+        const groups = buildGroups(resolvedPaths);
+        // Add header
+        this.addChild(new Spacer(1));
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.addChild(new ConfigSelectorHeader());
+        this.addChild(new Spacer(1));
+        // Resource list
+        this.resourceList = new ResourceList(groups, settingsManager, cwd, agentDir, terminalHeight);
+        this.resourceList.onCancel = onClose;
+        this.resourceList.onExit = onExit;
+        this.resourceList.onToggle = () => requestRender();
+        this.addChild(this.resourceList);
+        // Bottom border
+        this.addChild(new Spacer(1));
+        this.addChild(new DynamicBorder());
+    }
+    getResourceList() {
+        return this.resourceList;
+    }
+}
+//# sourceMappingURL=config-selector.js.map