@code-yeongyu/senpi 2026.7.9 → 2026.7.10

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

@@ -5,9 +5,11 @@ import { homedir } from "node:os";
 import { basename, dirname, join, relative } from "node:path";
 import { Container, getKeybindings, Input, matchesKey, Spacer, truncateToWidth, visibleWidth, } from "@earendil-works/pi-tui";
 import { CONFIG_DIR_NAME } from "../../../config.js";
+import { canonicalizePath, isLocalPath, resolvePath } from "../../../utils/paths.js";
 import { theme } from "../theme/theme.js";
 import { DynamicBorder } from "./dynamic-border.js";
-import { rawKeyHint } from "./keybinding-hints.js";
+import { keyHint, rawKeyHint } from "./keybinding-hints.js";
+const RESOURCE_TYPES = ["extensions", "skills", "prompts", "themes"];
 const RESOURCE_TYPE_LABELS = {
     extensions: "Extensions",
     skills: "Skills",
@@ -121,17 +123,27 @@ function buildGroups(resolved, agentDir) {
     return groups;
 }
 class ConfigSelectorHeader {
+    constructor(writeScope, projectModeAvailable) {
+        this.writeScope = writeScope;
+        this.projectModeAvailable = projectModeAvailable;
+    }
+    setWriteScope(writeScope) {
+        this.writeScope = writeScope;
+    }
     invalidate() { }
     render(width) {
-        const title = theme.bold("Resource Configuration");
+        const title = theme.bold(this.writeScope === "project" ? "Project Local Resources" : "Global Resources");
         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);
+        const switchHint = this.projectModeAvailable ? keyHint("tui.input.tab", "switch mode") + sep : "";
+        const actionHint = this.writeScope === "project" ? rawKeyHint("space", "cycle inherit/+/-") : rawKeyHint("space", "toggle");
+        const hint = switchHint + actionHint + sep + rawKeyHint("esc", "close");
+        const spacing = Math.max(1, width - visibleWidth(title) - visibleWidth(hint));
+        const scopeHint = this.writeScope === "project"
+            ? theme.fg("muted", `${CONFIG_DIR_NAME}/settings.json · inherited global resources are dimmed`)
+            : theme.fg("muted", `~/${CONFIG_DIR_NAME}/agent/settings.json`);
         return [
             truncateToWidth(`${title}${" ".repeat(spacing)}${hint}`, width, ""),
-            theme.fg("muted", "Type to filter resources"),
+            truncateToWidth(scopeHint, width, ""),
         ];
     }
 }
@@ -143,15 +155,17 @@ class ResourceList {
         this._focused = value;
         this.searchInput.focused = value;
     }
-    constructor(groups, settingsManager, cwd, agentDir, terminalHeight) {
+    constructor(groupsByScope, settingsManager, cwd, agentDir, terminalHeight, writeScope = "global") {
         this.flatItems = [];
         this.filteredItems = [];
         this.selectedIndex = 0;
         this._focused = false;
-        this.groups = groups;
+        this.groupsByScope = groupsByScope;
         this.settingsManager = settingsManager;
         this.cwd = cwd;
         this.agentDir = agentDir;
+        this.writeScope = writeScope;
+        this.inheritedEnabledByKey = this.buildInheritedEnabledMap(groupsByScope.global);
         this.searchInput = new Input();
         // 8 lines of chrome: top spacer + top border + spacer + header (2 lines) + spacer + bottom spacer + bottom border
         const chrome = 8;
@@ -159,6 +173,25 @@ class ResourceList {
         this.buildFlatList();
         this.filteredItems = [...this.flatItems];
     }
+    setWriteScope(writeScope) {
+        this.writeScope = writeScope;
+        this.buildFlatList();
+        this.filterItems(this.searchInput.getValue());
+    }
+    get groups() {
+        return this.groupsByScope[this.writeScope];
+    }
+    buildInheritedEnabledMap(groups) {
+        const result = new Map();
+        for (const group of groups) {
+            for (const subgroup of group.subgroups) {
+                for (const item of subgroup.items) {
+                    result.set(this.getResourceItemKey(item), item.enabled);
+                }
+            }
+        }
+        return result;
+    }
     buildFlatList() {
         this.flatItems = [];
         for (const group of this.groups) {
@@ -265,21 +298,25 @@ class ResourceList {
             const isSelected = i === this.selectedIndex;
             if (entry.type === "group") {
                 // Main group header (no cursor)
-                const groupLine = theme.fg("accent", theme.bold(entry.group.label));
+                const inherited = this.writeScope === "project" && entry.group.scope === "user";
+                const label = theme.bold(`${entry.group.label}${inherited ? " · inherited global" : ""}`);
+                const groupLine = theme.fg(inherited ? "dim" : "accent", label);
                 lines.push(truncateToWidth(`  ${groupLine}`, width, ""));
             }
             else if (entry.type === "subgroup") {
                 // Subgroup header (indented, no cursor)
-                const subgroupLine = theme.fg("muted", entry.subgroup.label);
+                const color = this.writeScope === "project" && entry.group.scope === "user" ? "dim" : "muted";
+                const subgroupLine = theme.fg(color, 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, "..."));
+                const dimmed = this.isDimmedItem(item);
+                const nameText = isSelected && !dimmed ? theme.bold(item.displayName) : item.displayName;
+                const name = dimmed ? theme.fg("dim", nameText) : nameText;
+                lines.push(truncateToWidth(`${cursor}    ${this.renderCheckbox(item)} ${name}${this.getItemSuffix(item)}`, width, "..."));
             }
         }
         // Scroll indicator
@@ -330,13 +367,18 @@ class ResourceList {
             this.onExit?.();
             return;
         }
+        if (kb.matches(data, "tui.input.tab")) {
+            this.onSwitchMode?.();
+            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);
+            if (entry?.type === "item" && (this.writeScope === "project" || this.getItemScope(entry.item) === "user")) {
+                const newEnabled = this.toggleResource(entry.item);
+                if (newEnabled !== undefined) {
+                    this.updateItem(entry.item, newEnabled);
+                    this.onToggle?.(entry.item, newEnabled);
+                }
             }
             return;
         }
@@ -344,13 +386,21 @@ class ResourceList {
         this.searchInput.handleInput(data);
         this.filterItems(this.searchInput.getValue());
     }
-    toggleResource(item, enabled) {
+    toggleResource(item) {
+        if (this.writeScope === "project") {
+            const state = this.getNextOverrideState(item);
+            if (!this.setProjectResourceOverride(item, state))
+                return undefined;
+            return state === "inherit" ? this.getInheritedEnabled(item) : state === "load";
+        }
+        const enabled = !item.enabled;
         if (item.metadata.origin === "top-level") {
             this.toggleTopLevelResource(item, enabled);
         }
         else {
             this.togglePackageResource(item, enabled);
         }
+        return enabled;
     }
     toggleTopLevelResource(item, enabled) {
         const scope = item.metadata.scope;
@@ -448,6 +498,188 @@ class ResourceList {
             this.settingsManager.setPackages(packages);
         }
     }
+    renderCheckbox(item) {
+        if (this.writeScope === "project") {
+            const state = this.getProjectOverrideState(item);
+            if (state === "load")
+                return theme.fg("success", "[+]");
+            if (state === "unload")
+                return theme.fg("warning", "[-]");
+            return theme.fg("dim", item.enabled ? "[x]" : "[ ]");
+        }
+        return item.enabled ? theme.fg("success", "[x]") : theme.fg("dim", "[ ]");
+    }
+    getItemSuffix(item) {
+        if (this.writeScope !== "project")
+            return "";
+        const state = this.getProjectOverrideState(item);
+        if (state === "load")
+            return theme.fg("muted", "  project load");
+        if (state === "unload")
+            return theme.fg("muted", "  project unload");
+        return this.isInheritedGlobalItem(item) ? theme.fg("dim", "  inherited global") : "";
+    }
+    isDimmedItem(item) {
+        return (this.writeScope === "project" &&
+            this.isInheritedGlobalItem(item) &&
+            this.getProjectOverrideState(item) === "inherit");
+    }
+    setProjectResourceOverride(item, state) {
+        return item.metadata.origin === "top-level"
+            ? this.setProjectTopLevelOverride(item, state)
+            : this.setProjectPackageOverride(item, state);
+    }
+    setProjectTopLevelOverride(item, state) {
+        const current = (this.settingsManager.getProjectSettings()[item.resourceType] ?? []);
+        const pattern = this.isInheritedGlobalItem(item) ? item.path : this.getResourcePatternForScope(item, "project");
+        const patterns = this.getTopLevelOverridePatterns(item, "project");
+        const updated = current.filter((entry) => {
+            const target = this.getPatternEntryTarget(entry);
+            if ((entry.startsWith("!") || entry.startsWith("+") || entry.startsWith("-")) && patterns.has(target))
+                return false;
+            return !(state === "inherit" && this.isInheritedGlobalItem(item) && target === pattern);
+        });
+        if (state !== "inherit") {
+            if (this.isInheritedGlobalItem(item) && !updated.includes(pattern))
+                updated.push(pattern);
+            updated.push(`${state === "load" ? "+" : "-"}${pattern}`);
+        }
+        this.setProjectTopLevelPaths(item.resourceType, updated);
+        return true;
+    }
+    setProjectTopLevelPaths(key, paths) {
+        if (key === "extensions")
+            this.settingsManager.setProjectExtensionPaths(paths);
+        else if (key === "skills")
+            this.settingsManager.setProjectSkillPaths(paths);
+        else if (key === "prompts")
+            this.settingsManager.setProjectPromptTemplatePaths(paths);
+        else
+            this.settingsManager.setProjectThemePaths(paths);
+    }
+    setProjectPackageOverride(item, state) {
+        const packages = [...(this.settingsManager.getProjectSettings().packages ?? [])];
+        let pkgIndex = packages.findIndex((pkg) => this.packageSourceStringMatches(item.metadata.source, this.getItemScope(item), typeof pkg === "string" ? pkg : pkg.source, "project"));
+        if (pkgIndex === -1) {
+            if (state === "inherit")
+                return false;
+            packages.push(this.createPackageOverrideSource(item));
+            pkgIndex = packages.length - 1;
+        }
+        let pkg = packages[pkgIndex];
+        if (pkg === undefined)
+            return false;
+        if (typeof pkg === "string") {
+            pkg = { source: pkg };
+            packages[pkgIndex] = pkg;
+        }
+        const pattern = this.getPackageResourcePattern(item);
+        const updated = (pkg[item.resourceType] ?? []).filter((entry) => this.getPatternEntryTarget(entry) !== pattern);
+        if (state !== "inherit")
+            updated.push(`${state === "load" ? "+" : "-"}${pattern}`);
+        pkg[item.resourceType] = updated.length > 0 ? updated : undefined;
+        if (!RESOURCE_TYPES.some((key) => pkg[key] !== undefined)) {
+            if (pkg.autoload === false)
+                packages.splice(pkgIndex, 1);
+            else
+                packages[pkgIndex] = pkg.source;
+        }
+        this.settingsManager.setProjectPackages(packages);
+        return true;
+    }
+    getNextOverrideState(item) {
+        const state = this.getProjectOverrideState(item);
+        const inheritedEnabled = this.getInheritedEnabled(item);
+        if (state === "inherit")
+            return inheritedEnabled ? "unload" : "load";
+        if (state === "unload")
+            return inheritedEnabled ? "load" : "inherit";
+        return inheritedEnabled ? "inherit" : "unload";
+    }
+    getProjectOverrideState(item) {
+        if (this.writeScope !== "project")
+            return "inherit";
+        if (item.metadata.origin === "top-level") {
+            return this.getOverrideStateFromEntries((this.settingsManager.getProjectSettings()[item.resourceType] ?? []), this.getTopLevelOverridePatterns(item, "project"), false);
+        }
+        const pkg = this.findMatchingPackageSource(item, "project");
+        if (typeof pkg !== "object")
+            return "inherit";
+        const entries = pkg[item.resourceType];
+        if (entries === undefined)
+            return "inherit";
+        return this.getOverrideStateFromEntries(entries, new Set([this.getPackageResourcePattern(item)]), pkg.autoload !== false);
+    }
+    getOverrideStateFromEntries(entries, patterns, emptyArrayIsUnload) {
+        if (entries.length === 0 && emptyArrayIsUnload)
+            return "unload";
+        let state = "inherit";
+        for (const entry of entries) {
+            if (!patterns.has(this.getPatternEntryTarget(entry)))
+                continue;
+            if (entry.startsWith("!") || entry.startsWith("-"))
+                state = "unload";
+            else
+                state = "load";
+        }
+        return state;
+    }
+    getInheritedEnabled(item) {
+        return (this.inheritedEnabledByKey.get(this.getResourceItemKey(item)) ??
+            (this.getItemScope(item) === "user" ? item.enabled : true));
+    }
+    isInheritedGlobalItem(item) {
+        return this.getItemScope(item) === "user" || this.inheritedEnabledByKey.has(this.getResourceItemKey(item));
+    }
+    getTopLevelOverridePatterns(item, scope) {
+        const baseDir = this.getTopLevelBaseDir(scope);
+        const patterns = new Set([
+            this.getResourcePatternForScope(item, scope),
+            item.path,
+            relative(baseDir, item.path),
+        ]);
+        if (item.metadata.baseDir)
+            patterns.add(relative(item.metadata.baseDir, item.path));
+        return patterns;
+    }
+    getResourcePatternForScope(item, scope) {
+        const sourceScope = this.getItemScope(item);
+        if (scope !== sourceScope)
+            return item.path;
+        const baseDir = item.metadata.baseDir ?? this.getTopLevelBaseDir(sourceScope);
+        return relative(baseDir, item.path);
+    }
+    createPackageOverrideSource(item) {
+        const source = item.metadata.source;
+        if (!isLocalPath(source))
+            return { source, autoload: false };
+        const sourcePath = resolvePath(source, this.getTopLevelBaseDir(this.getItemScope(item)), { trim: true });
+        return { source: relative(this.getTopLevelBaseDir("project"), sourcePath) || ".", autoload: false };
+    }
+    packageSourceStringMatches(leftSource, leftScope, rightSource, rightScope) {
+        if (leftSource === rightSource)
+            return true;
+        if (!isLocalPath(leftSource) || !isLocalPath(rightSource))
+            return false;
+        const left = resolvePath(leftSource, this.getTopLevelBaseDir(leftScope), { trim: true });
+        const right = resolvePath(rightSource, this.getTopLevelBaseDir(rightScope), { trim: true });
+        return left === right;
+    }
+    findMatchingPackageSource(item, targetScope) {
+        const settings = targetScope === "project"
+            ? this.settingsManager.getProjectSettings()
+            : this.settingsManager.getGlobalSettings();
+        return (settings.packages ?? []).find((pkg) => this.packageSourceStringMatches(item.metadata.source, this.getItemScope(item), typeof pkg === "string" ? pkg : pkg.source, targetScope));
+    }
+    getPatternEntryTarget(entry) {
+        return entry.startsWith("!") || entry.startsWith("+") || entry.startsWith("-") ? entry.slice(1) : entry;
+    }
+    getResourceItemKey(item) {
+        return `${item.resourceType}:${canonicalizePath(item.path)}`;
+    }
+    getItemScope(item) {
+        return item.metadata.scope === "project" ? "project" : "user";
+    }
     getTopLevelBaseDir(scope) {
         return scope === "project" ? join(this.cwd, CONFIG_DIR_NAME) : this.agentDir;
     }
@@ -469,26 +701,42 @@ export class ConfigSelectorComponent extends Container {
         this._focused = value;
         this.resourceList.focused = value;
     }
-    constructor(resolvedPaths, settingsManager, cwd, agentDir, onClose, onExit, requestRender, terminalHeight) {
+    constructor(resolvedPaths, settingsManager, cwd, agentDir, onClose, onExit, requestRender, terminalHeight, writeScope = "global", projectModeAvailable = true) {
         super();
         this._focused = false;
-        const groups = buildGroups(resolvedPaths, agentDir);
+        this.writeScope = writeScope;
+        const groupsByScope = {
+            global: buildGroups(resolvedPaths.global, agentDir),
+            project: buildGroups(resolvedPaths.project, agentDir),
+        };
         // Add header
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
         this.addChild(new Spacer(1));
-        this.addChild(new ConfigSelectorHeader());
+        this.header = new ConfigSelectorHeader(this.writeScope, projectModeAvailable);
+        this.addChild(this.header);
         this.addChild(new Spacer(1));
         // Resource list
-        this.resourceList = new ResourceList(groups, settingsManager, cwd, agentDir, terminalHeight);
+        this.resourceList = new ResourceList(groupsByScope, settingsManager, cwd, agentDir, terminalHeight, this.writeScope);
         this.resourceList.onCancel = onClose;
         this.resourceList.onExit = onExit;
         this.resourceList.onToggle = () => requestRender();
+        if (projectModeAvailable) {
+            this.resourceList.onSwitchMode = () => {
+                this.switchWriteScope();
+                requestRender();
+            };
+        }
         this.addChild(this.resourceList);
         // Bottom border
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
     }
+    switchWriteScope() {
+        this.writeScope = this.writeScope === "global" ? "project" : "global";
+        this.header.setWriteScope(this.writeScope);
+        this.resourceList.setWriteScope(this.writeScope);
+    }
     getResourceList() {
         return this.resourceList;
     }