@iaforged/context-code 1.0.80 → 1.0.82

package/dist/src/components/LogoV2/FeedColumn.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { c as _c } from "react/compiler-runtime";
 import * as React from 'react';
 import { Box } from '../../ink.js';
-import { Divider } from '../design-system/Divider.js';
 import { calculateFeedWidth, Feed } from './Feed.js';
 export function FeedColumn(t0) {
     const $ = _c(10);
@@ -23,7 +22,7 @@ export function FeedColumn(t0) {
     if ($[2] !== actualWidth || $[3] !== feeds) {
         let t3;
         if ($[5] !== actualWidth || $[6] !== feeds.length) {
-            t3 = (feed_0, index) => _jsxs(React.Fragment, { children: [_jsx(Feed, { config: feed_0, actualWidth: actualWidth }), index < feeds.length - 1 && _jsx(Divider, { color: "claude", width: actualWidth })] }, index);
+            t3 = (feed_0, index) => _jsx(React.Fragment, { children: _jsx(Feed, { config: feed_0, actualWidth: actualWidth }) }, index);
             $[5] = actualWidth;
             $[6] = feeds.length;
             $[7] = t3;
@@ -41,7 +40,7 @@ export function FeedColumn(t0) {
     }
     let t3;
     if ($[8] !== t2) {
-        t3 = _jsx(Box, { flexDirection: "column", children: t2 });
+        t3 = _jsx(Box, { flexDirection: "column", gap: 1, children: t2 });
         $[8] = t2;
         $[9] = t3;
     }

package/dist/src/components/LogoV2/LogoV2.js

@@ -251,8 +251,8 @@ export function LogoV2() {
     }
     const layoutMode = getLayoutMode(columns);
     const userTheme = resolveThemeSetting(getGlobalConfig().theme);
-    const borderTitle = ` ${color("claude", userTheme)("Context Code")} ${color("inactive", userTheme)(`v${version}`)} `;
-    const compactBorderTitle = color("claude", userTheme)(" Context Code ");
+    const borderTitle = ` ${color("claude", userTheme)("CTX")} ${color("inactive", userTheme)(`v${version}`)} `;
+    const compactBorderTitle = color("claude", userTheme)(" CTX ");
     if (layoutMode === "compact") {
         let welcomeMessage = formatWelcomeMessage(username);
         if (stringWidth(welcomeMessage) > columns - 4) {
@@ -335,7 +335,7 @@ export function LogoV2() {
             t18 = $[42];
             t19 = $[43];
         }
-        return _jsxs(_Fragment, { children: [_jsx(OffscreenFreeze, { children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "claude", borderText: t11, paddingX: 1, paddingY: 1, alignItems: "center", width: columns, children: [_jsx(Text, { bold: true, children: welcomeMessage }), t12, t13, _jsx(Text, { dimColor: true, children: billingType }), agentName ? _jsxs(Text, { dimColor: true, children: ["@", agentName] }) : null, _jsx(Text, { dimColor: true, children: truncatedCwd })] }) }), t14, t15, t16, t17, t18, t19] });
+        return _jsxs(_Fragment, { children: [_jsx(OffscreenFreeze, { children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "claude", borderText: t11, paddingX: 2, paddingY: 1, alignItems: "center", width: columns, children: [_jsx(Text, { color: "claude", children: "CTX" }), _jsx(Text, { bold: true, children: welcomeMessage }), t12, _jsx(Text, { dimColor: true, children: modelDisplayName }), _jsx(Text, { dimColor: true, children: billingType }), agentName ? _jsxs(Text, { dimColor: true, children: ["@", agentName] }) : null, _jsx(Text, { dimColor: true, children: truncatedCwd })] }) }), t14, t15, t16, t17, t18, t19] });
     }
     const welcomeMessage_0 = formatWelcomeMessage(username);
     const modelLine = !process.env.IS_DEMO && config.oauthAccount?.organizationName ? `${modelDisplayName} · ${billingType} · ${config.oauthAccount.organizationName}` : `${modelDisplayName} · ${billingType}`;
@@ -364,9 +364,9 @@ export function LogoV2() {
         t14 = $[45];
     }
     const T2 = Box;
-    const t15 = layoutMode === "horizontal" ? "row" : "column";
-    const t16 = 1;
-    const t17 = 1;
+    const t15 = "column";
+    const t16 = 2;
+    const t17 = 2;
     let t18;
     if ($[46] !== welcomeMessage_0) {
         t18 = _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, children: welcomeMessage_0 }) });
@@ -404,7 +404,7 @@ export function LogoV2() {
     }
     let t22;
     if ($[53] !== t20 || $[54] !== t21) {
-        t22 = _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [t20, t21] });
+        t22 = _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "claude", children: "CTX" }), t20, t21] });
         $[53] = t20;
         $[54] = t21;
         $[55] = t22;
@@ -414,7 +414,7 @@ export function LogoV2() {
     }
     let t23;
     if ($[56] !== leftWidth || $[57] !== t18 || $[58] !== t22) {
-        t23 = _jsxs(Box, { flexDirection: "column", width: leftWidth, justifyContent: "space-between", alignItems: "center", minHeight: 9, children: [t18, t19, t22] });
+        t23 = _jsxs(Box, { flexDirection: "column", width: leftWidth, justifyContent: "space-between", alignItems: "center", minHeight: 11, children: [t18, t19, t22] });
         $[56] = leftWidth;
         $[57] = t18;
         $[58] = t22;
@@ -425,14 +425,14 @@ export function LogoV2() {
     }
     let t24;
     if ($[60] !== layoutMode) {
-        t24 = layoutMode === "horizontal" && _jsx(Box, { height: "100%", borderStyle: "single", borderColor: "claude", borderDimColor: true, borderTop: false, borderBottom: false, borderLeft: false });
+        t24 = null;
         $[60] = layoutMode;
         $[61] = t24;
     }
     else {
         t24 = $[61];
     }
-    const t25 = layoutMode === "horizontal" && _jsx(FeedColumn, { feeds: showOnboarding ? [createProjectOnboardingFeed(getSteps()), createRecentActivityFeed(activities)] : showGuestPassesUpsell ? [createRecentActivityFeed(activities), createGuestPassesFeed()] : showOverageCreditUpsell ? [createRecentActivityFeed(activities), createOverageCreditFeed()] : [createRecentActivityFeed(activities), createWhatsNewFeed(changelog)], maxWidth: rightWidth });
+    const t25 = _jsx(FeedColumn, { feeds: showOnboarding ? [createProjectOnboardingFeed(getSteps()), createRecentActivityFeed(activities)] : showGuestPassesUpsell ? [createRecentActivityFeed(activities), createGuestPassesFeed()] : showOverageCreditUpsell ? [createRecentActivityFeed(activities), createOverageCreditFeed()] : [createRecentActivityFeed(activities), createWhatsNewFeed(changelog)], maxWidth: Math.max(leftWidth, rightWidth) });
     let t26;
     if ($[62] !== T2 || $[63] !== t15 || $[64] !== t23 || $[65] !== t24 || $[66] !== t25) {
         t26 = _jsxs(T2, { flexDirection: t15, paddingX: t16, gap: t17, children: [t23, t24, t25] });

package/dist/src/components/LogoV2/WelcomeV2.js

@@ -4,5 +4,5 @@ import { Box, Text } from '../../ink.js';
 import { Clawd } from './Clawd.js';
 const WELCOME_WIDTH = 54;
 export function WelcomeV2() {
-    return (_jsx(Box, { flexDirection: "column", width: WELCOME_WIDTH, children: _jsxs(Box, { borderStyle: "round", borderColor: "claude", paddingX: 2, paddingY: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "claude", bold: true, children: "CONTEXT CODE" }), _jsxs(Text, { dimColor: true, children: ["v", MACRO.VERSION] }), _jsx(Box, { marginY: 1, children: _jsx(Clawd, {}) }), _jsx(Text, { children: "Lee el proyecto. Ejecuta cambios. Mant\u00E9n contexto." }), _jsx(Text, { dimColor: true, children: "Configuraci\u00F3n inicial del entorno" })] }) }));
+    return (_jsx(Box, { flexDirection: "column", width: WELCOME_WIDTH, children: _jsxs(Box, { borderStyle: "round", borderColor: "claude", paddingX: 3, paddingY: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "claude", children: "CTX" }), _jsx(Text, { bold: true, children: "Context Code" }), _jsxs(Text, { dimColor: true, children: ["v", MACRO.VERSION] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Clawd, {}) }), _jsx(Text, { children: "Lee, edita y ejecuta sin perder contexto." }), _jsx(Text, { dimColor: true, children: "Configuracion inicial" })] }) }));
 }

package/dist/src/components/agents/AgentDetail.js

@@ -1,226 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
 import figures from 'figures';
 import { Box, Text } from '../../ink.js';
 import { useKeybinding } from '../../keybindings/useKeybinding.js';
 import { getAgentColor } from '../../tools/AgentTool/agentColorManager.js';
 import { getMemoryScopeDisplay } from '../../tools/AgentTool/agentMemory.js';
 import { resolveAgentTools } from '../../tools/AgentTool/agentToolUtils.js';
-import { isBuiltInAgent } from '../../tools/AgentTool/loadAgentsDir.js';
-import { getAgentModelDisplay } from '../../utils/model/agent.js';
+import { isBuiltInAgent, } from '../../tools/AgentTool/loadAgentsDir.js';
+import { getAgentModelDisplay, getAgentProviderDisplay, } from '../../utils/model/agent.js';
 import { Markdown } from '../Markdown.js';
 import { getActualRelativeAgentFilePath } from './agentFileUtils.js';
-export function AgentDetail(t0) {
-    const $ = _c(48);
-    const { agent, tools, onBack } = t0;
+export function AgentDetail({ agent, tools, onBack, }) {
     const resolvedTools = resolveAgentTools(agent, tools, false);
-    let t1;
-    if ($[0] !== agent) {
-        t1 = getActualRelativeAgentFilePath(agent);
-        $[0] = agent;
-        $[1] = t1;
-    }
-    else {
-        t1 = $[1];
-    }
-    const filePath = t1;
-    let t2;
-    if ($[2] !== agent.agentType) {
-        t2 = getAgentColor(agent.agentType);
-        $[2] = agent.agentType;
-        $[3] = t2;
-    }
-    else {
-        t2 = $[3];
-    }
-    const backgroundColor = t2;
-    let t3;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = {
-            context: "Confirmation"
-        };
-        $[4] = t3;
-    }
-    else {
-        t3 = $[4];
-    }
-    useKeybinding("confirm:no", onBack, t3);
-    let t4;
-    if ($[5] !== onBack) {
-        t4 = e => {
-            if (e.key === "return") {
-                e.preventDefault();
-                onBack();
-            }
-        };
-        $[5] = onBack;
-        $[6] = t4;
-    }
-    else {
-        t4 = $[6];
-    }
-    const handleKeyDown = t4;
-    const renderToolsList = function renderToolsList() {
+    const filePath = getActualRelativeAgentFilePath(agent);
+    const backgroundColor = getAgentColor(agent.agentType);
+    useKeybinding('confirm:no', onBack, { context: 'Confirmation' });
+    const handleKeyDown = (e) => {
+        if (e.key === 'return') {
+            e.preventDefault();
+            onBack();
+        }
+    };
+    function renderToolsList() {
         if (resolvedTools.hasWildcard) {
-            return _jsx(Text, { children: "All tools" });
+            return _jsx(Text, { children: "Todas las herramientas" });
         }
         if (!agent.tools || agent.tools.length === 0) {
-            return _jsx(Text, { children: "None" });
+            return _jsx(Text, { children: "Ninguna" });
         }
-        return _jsxs(_Fragment, { children: [resolvedTools.validTools.length > 0 && _jsx(Text, { children: resolvedTools.validTools.join(", ") }), resolvedTools.invalidTools.length > 0 && _jsxs(Text, { color: "warning", children: [figures.warning, " Unrecognized:", " ", resolvedTools.invalidTools.join(", ")] })] });
-    };
-    const T0 = Box;
-    const t5 = "column";
-    const t6 = 1;
-    const t7 = 0;
-    const t8 = true;
-    let t9;
-    if ($[7] !== filePath) {
-        t9 = _jsx(Text, { dimColor: true, children: filePath });
-        $[7] = filePath;
-        $[8] = t9;
-    }
-    else {
-        t9 = $[8];
-    }
-    let t10;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-        t10 = _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Description" }), " (tells Claude when to use this agent):"] });
-        $[9] = t10;
-    }
-    else {
-        t10 = $[9];
-    }
-    let t11;
-    if ($[10] !== agent.whenToUse) {
-        t11 = _jsxs(Box, { flexDirection: "column", children: [t10, _jsx(Box, { marginLeft: 2, children: _jsx(Text, { children: agent.whenToUse }) })] });
-        $[10] = agent.whenToUse;
-        $[11] = t11;
-    }
-    else {
-        t11 = $[11];
-    }
-    const T1 = Box;
-    let t12;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t12 = _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Tools" }), ":", " "] });
-        $[12] = t12;
-    }
-    else {
-        t12 = $[12];
-    }
-    const t13 = renderToolsList();
-    let t14;
-    if ($[13] !== T1 || $[14] !== t12 || $[15] !== t13) {
-        t14 = _jsxs(T1, { children: [t12, t13] });
-        $[13] = T1;
-        $[14] = t12;
-        $[15] = t13;
-        $[16] = t14;
-    }
-    else {
-        t14 = $[16];
-    }
-    let t15;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-        t15 = _jsx(Text, { bold: true, children: "Model" });
-        $[17] = t15;
-    }
-    else {
-        t15 = $[17];
-    }
-    let t16;
-    if ($[18] !== agent.model) {
-        t16 = getAgentModelDisplay(agent.model);
-        $[18] = agent.model;
-        $[19] = t16;
-    }
-    else {
-        t16 = $[19];
-    }
-    let t17;
-    if ($[20] !== t16) {
-        t17 = _jsxs(Text, { children: [t15, ": ", t16] });
-        $[20] = t16;
-        $[21] = t17;
-    }
-    else {
-        t17 = $[21];
-    }
-    let t18;
-    if ($[22] !== agent.permissionMode) {
-        t18 = agent.permissionMode && _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Permission mode" }), ": ", agent.permissionMode] });
-        $[22] = agent.permissionMode;
-        $[23] = t18;
-    }
-    else {
-        t18 = $[23];
-    }
-    let t19;
-    if ($[24] !== agent.memory) {
-        t19 = agent.memory && _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Memory" }), ": ", getMemoryScopeDisplay(agent.memory)] });
-        $[24] = agent.memory;
-        $[25] = t19;
-    }
-    else {
-        t19 = $[25];
-    }
-    let t20;
-    if ($[26] !== agent.hooks) {
-        t20 = agent.hooks && Object.keys(agent.hooks).length > 0 && _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Hooks" }), ": ", Object.keys(agent.hooks).join(", ")] });
-        $[26] = agent.hooks;
-        $[27] = t20;
-    }
-    else {
-        t20 = $[27];
-    }
-    let t21;
-    if ($[28] !== agent.skills) {
-        t21 = agent.skills && agent.skills.length > 0 && _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Skills" }), ":", " ", agent.skills.length > 10 ? `${agent.skills.length} skills` : agent.skills.join(", ")] });
-        $[28] = agent.skills;
-        $[29] = t21;
-    }
-    else {
-        t21 = $[29];
-    }
-    let t22;
-    if ($[30] !== agent.agentType || $[31] !== backgroundColor) {
-        t22 = backgroundColor && _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Color" }), ":", " ", _jsxs(Text, { backgroundColor: backgroundColor, color: "inverseText", children: [" ", agent.agentType, " "] })] }) });
-        $[30] = agent.agentType;
-        $[31] = backgroundColor;
-        $[32] = t22;
-    }
-    else {
-        t22 = $[32];
-    }
-    let t23;
-    if ($[33] !== agent) {
-        t23 = !isBuiltInAgent(agent) && _jsxs(_Fragment, { children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "System prompt" }), ":"] }) }), _jsx(Box, { marginLeft: 2, marginRight: 2, children: _jsx(Markdown, { children: agent.getSystemPrompt() }) })] });
-        $[33] = agent;
-        $[34] = t23;
-    }
-    else {
-        t23 = $[34];
-    }
-    let t24;
-    if ($[35] !== T0 || $[36] !== handleKeyDown || $[37] !== t11 || $[38] !== t14 || $[39] !== t17 || $[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 || $[44] !== t22 || $[45] !== t23 || $[46] !== t9) {
-        t24 = _jsxs(T0, { flexDirection: t5, gap: t6, tabIndex: t7, autoFocus: t8, onKeyDown: handleKeyDown, children: [t9, t11, t14, t17, t18, t19, t20, t21, t22, t23] });
-        $[35] = T0;
-        $[36] = handleKeyDown;
-        $[37] = t11;
-        $[38] = t14;
-        $[39] = t17;
-        $[40] = t18;
-        $[41] = t19;
-        $[42] = t20;
-        $[43] = t21;
-        $[44] = t22;
-        $[45] = t23;
-        $[46] = t9;
-        $[47] = t24;
-    }
-    else {
-        t24 = $[47];
+        return (_jsxs(_Fragment, { children: [resolvedTools.validTools.length > 0 ? (_jsx(Text, { children: resolvedTools.validTools.join(', ') })) : null, resolvedTools.invalidTools.length > 0 ? (_jsxs(Text, { color: "warning", children: [figures.warning, " No reconocidas:", ' ', resolvedTools.invalidTools.join(', ')] })) : null] }));
     }
-    return t24;
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, tabIndex: 0, autoFocus: true, onKeyDown: handleKeyDown, children: [_jsx(Text, { dimColor: true, children: filePath }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Descripcion" }), " (indica cuando debe usarse este agente):"] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { children: agent.whenToUse }) })] }), _jsxs(Box, { children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Herramientas" }), ":", ' '] }), renderToolsList()] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Proveedor" }), ": ", getAgentProviderDisplay(agent.provider)] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Modelo" }), ":", ' ', getAgentModelDisplay(agent.model, agent.provider)] }), agent.permissionMode ? (_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Modo de permisos" }), ": ", agent.permissionMode] })) : null, agent.memory ? (_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Memoria" }), ": ", getMemoryScopeDisplay(agent.memory)] })) : null, agent.hooks && Object.keys(agent.hooks).length > 0 ? (_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Hooks" }), ": ", Object.keys(agent.hooks).join(', ')] })) : null, agent.skills && agent.skills.length > 0 ? (_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Skills" }), ":", ' ', agent.skills.length > 10
+                        ? `${agent.skills.length} skills configuradas`
+                        : agent.skills.join(', ')] })) : null, backgroundColor ? (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Color" }), ":", ' ', _jsxs(Text, { backgroundColor: backgroundColor, color: "inverseText", children: [' ', agent.agentType, ' '] })] }) })) : null, !isBuiltInAgent(agent) ? (_jsxs(_Fragment, { children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Prompt del sistema" }), ":"] }) }), _jsx(Box, { marginLeft: 2, marginRight: 2, children: _jsx(Markdown, { children: agent.getSystemPrompt() }) })] })) : null] }));
 }

package/dist/src/components/agents/AgentEditor.js

@@ -1,19 +1,19 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import chalk from 'chalk';
 import figures from 'figures';
 import { useCallback, useMemo, useState } from 'react';
 import { useSetAppState } from '../../state/AppState.js';
 import { Box, Text } from '../../ink.js';
 import { useKeybinding } from '../../keybindings/useKeybinding.js';
-import { setAgentColor } from '../../tools/AgentTool/agentColorManager.js';
-import { getActiveAgentsFromList, isCustomAgent, isPluginAgent } from '../../tools/AgentTool/loadAgentsDir.js';
+import { setAgentColor, } from '../../tools/AgentTool/agentColorManager.js';
+import { getActiveAgentsFromList, isCustomAgent, isPluginAgent, } from '../../tools/AgentTool/loadAgentsDir.js';
 import { editFileInEditor } from '../../utils/promptEditor.js';
 import { getActualAgentFilePath, updateAgentFile } from './agentFileUtils.js';
 import { ColorPicker } from './ColorPicker.js';
 import { ModelSelector } from './ModelSelector.js';
 import { ToolSelector } from './ToolSelector.js';
 import { getAgentSourceDisplayName } from './utils.js';
-export function AgentEditor({ agent, tools, onSaved, onBack }) {
+export function AgentEditor({ agent, tools, onSaved, onBack, }) {
     const setAppState = useSetAppState();
     const [editMode, setEditMode] = useState('menu');
     const [selectedMenuIndex, setSelectedMenuIndex] = useState(0);
@@ -24,75 +24,71 @@ export function AgentEditor({ agent, tools, onSaved, onBack }) {
         const result = await editFileInEditor(filePath);
         if (result.error) {
             setError(result.error);
+            return;
         }
-        else {
-            onSaved(`Opened ${agent.agentType} in editor. If you made edits, restart to load the latest version.`);
-        }
+        onSaved(`Se abrio ${agent.agentType} en el editor. Si hiciste cambios, reinicia para cargar la version mas reciente.`);
     }, [agent, onSaved]);
     const handleSave = useCallback(async (changes = {}) => {
-        const { tools: newTools, color: newColor, model: newModel } = changes;
+        const { tools: newTools, color: newColor, model: newModel, provider: newProvider } = changes;
         const finalColor = newColor ?? selectedColor;
         const hasToolsChanged = newTools !== undefined;
         const hasModelChanged = newModel !== undefined;
+        const hasProviderChanged = newProvider !== undefined;
         const hasColorChanged = finalColor !== agent.color;
-        if (!hasToolsChanged && !hasModelChanged && !hasColorChanged) {
+        if (!hasToolsChanged &&
+            !hasModelChanged &&
+            !hasProviderChanged &&
+            !hasColorChanged) {
             return false;
         }
         try {
-            // Only custom/plugin agents can be edited
-            // this is for type safety; the UI shouldn't allow editing otherwise
             if (!isCustomAgent(agent) && !isPluginAgent(agent)) {
                 return false;
             }
-            await updateAgentFile(agent, agent.whenToUse, newTools ?? agent.tools, agent.getSystemPrompt(), finalColor, newModel ?? agent.model);
+            await updateAgentFile(agent, agent.whenToUse, newTools ?? agent.tools, agent.getSystemPrompt(), finalColor, newModel ?? agent.model, newProvider ?? agent.provider);
             if (hasColorChanged && finalColor) {
                 setAgentColor(agent.agentType, finalColor);
             }
             setAppState(state => {
-                const allAgents = state.agentDefinitions.allAgents.map(a => a.agentType === agent.agentType ? {
-                    ...a,
-                    tools: newTools ?? a.tools,
-                    color: finalColor,
-                    model: newModel ?? a.model
-                } : a);
+                const allAgents = state.agentDefinitions.allAgents.map(a => a.agentType === agent.agentType
+                    ? {
+                        ...a,
+                        tools: newTools ?? a.tools,
+                        color: finalColor,
+                        model: newModel ?? a.model,
+                        provider: newProvider ?? a.provider,
+                    }
+                    : a);
                 return {
                     ...state,
                     agentDefinitions: {
                         ...state.agentDefinitions,
                         activeAgents: getActiveAgentsFromList(allAgents),
-                        allAgents
-                    }
+                        allAgents,
+                    },
                 };
             });
             onSaved(`Updated agent: ${chalk.bold(agent.agentType)}`);
             return true;
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to save agent');
+            setError(err instanceof Error ? err.message : 'No se pudo guardar el agente');
             return false;
         }
-    }, [agent, selectedColor, onSaved, setAppState]);
-    const menuItems = useMemo(() => [{
-            label: 'Open in editor',
-            action: handleOpenInEditor
-        }, {
-            label: 'Edit tools',
-            action: () => setEditMode('edit-tools')
-        }, {
-            label: 'Edit model',
-            action: () => setEditMode('edit-model')
-        }, {
-            label: 'Edit color',
-            action: () => setEditMode('edit-color')
-        }], [handleOpenInEditor]);
+    }, [agent, onSaved, selectedColor, setAppState]);
+    const menuItems = useMemo(() => [
+        { label: 'Abrir en editor', action: handleOpenInEditor },
+        { label: 'Editar herramientas', action: () => setEditMode('edit-tools') },
+        { label: 'Editar modelo', action: () => setEditMode('edit-model') },
+        { label: 'Editar color', action: () => setEditMode('edit-color') },
+    ], [handleOpenInEditor]);
     const handleEscape = useCallback(() => {
         setError(null);
         if (editMode === 'menu') {
             onBack();
+            return;
         }
-        else {
-            setEditMode('menu');
-        }
+        setEditMode('menu');
     }, [editMode, onBack]);
     const handleMenuKeyDown = useCallback((e) => {
         if (e.key === 'up') {
@@ -101,7 +97,7 @@ export function AgentEditor({ agent, tools, onSaved, onBack }) {
         }
         else if (e.key === 'down') {
             e.preventDefault();
-            setSelectedMenuIndex(index_0 => Math.min(menuItems.length - 1, index_0 + 1));
+            setSelectedMenuIndex(index => Math.min(menuItems.length - 1, index + 1));
         }
         else if (e.key === 'return') {
             e.preventDefault();
@@ -111,36 +107,30 @@ export function AgentEditor({ agent, tools, onSaved, onBack }) {
             }
         }
     }, [menuItems, selectedMenuIndex]);
-    useKeybinding('confirm:no', handleEscape, {
-        context: 'Confirmation'
-    });
-    const renderMenu = () => _jsxs(Box, { flexDirection: "column", tabIndex: 0, autoFocus: true, onKeyDown: handleMenuKeyDown, children: [_jsxs(Text, { dimColor: true, children: ["Source: ", getAgentSourceDisplayName(agent.source)] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: menuItems.map((item, index_1) => _jsxs(Text, { color: index_1 === selectedMenuIndex ? 'suggestion' : undefined, children: [index_1 === selectedMenuIndex ? `${figures.pointer} ` : '  ', item.label] }, item.label)) }), error && _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "error", children: error }) })] });
-    switch (editMode) {
-        case 'menu':
-            return renderMenu();
-        case 'edit-tools':
-            return _jsx(ToolSelector, { tools: tools, initialTools: agent.tools, onComplete: async (finalTools) => {
-                    setEditMode('menu');
-                    await handleSave({
-                        tools: finalTools
-                    });
-                } });
-        case 'edit-color':
-            return _jsx(ColorPicker, { agentName: agent.agentType, currentColor: selectedColor || agent.color || 'automatic', onConfirm: async (color) => {
-                    setSelectedColor(color);
-                    setEditMode('menu');
-                    await handleSave({
-                        color
-                    });
-                } });
-        case 'edit-model':
-            return _jsx(ModelSelector, { initialModel: agent.model, onComplete: async (model) => {
-                    setEditMode('menu');
-                    await handleSave({
-                        model
-                    });
-                } });
-        default:
-            return null;
+    useKeybinding('confirm:no', handleEscape, { context: 'Confirmation' });
+    if (editMode === 'edit-tools') {
+        return (_jsx(ToolSelector, { tools: tools, initialTools: agent.tools, onComplete: async (finalTools) => {
+                setEditMode('menu');
+                await handleSave({ tools: finalTools });
+            } }));
+    }
+    if (editMode === 'edit-color') {
+        return (_jsx(ColorPicker, { agentName: agent.agentType, currentColor: selectedColor ||
+                agent.color ||
+                'automatic', onConfirm: async (color) => {
+                setSelectedColor(color);
+                setEditMode('menu');
+                await handleSave({ color });
+            } }));
+    }
+    if (editMode === 'edit-model') {
+        return (_jsx(ModelSelector, { initialModel: agent.model, initialProvider: agent.provider, onComplete: async (selection) => {
+                setEditMode('menu');
+                await handleSave({
+                    model: selection.model,
+                    provider: selection.provider,
+                });
+            } }));
     }
+    return (_jsxs(Box, { flexDirection: "column", tabIndex: 0, autoFocus: true, onKeyDown: handleMenuKeyDown, children: [_jsxs(Text, { dimColor: true, children: ["Origen: ", getAgentSourceDisplayName(agent.source)] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: menuItems.map((item, index) => (_jsxs(Text, { color: index === selectedMenuIndex ? 'suggestion' : undefined, children: [index === selectedMenuIndex ? `${figures.pointer} ` : '  ', item.label] }, item.label))) }), error ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "error", children: error }) })) : null] }));
 }

package/dist/src/components/agents/AgentsList.js

@@ -3,7 +3,7 @@ import { c as _c } from "react/compiler-runtime";
 import figures from 'figures';
 import * as React from 'react';
 import { Box, Text } from '../../ink.js';
-import { AGENT_SOURCE_GROUPS, compareAgentsByName, getOverrideSourceLabel, resolveAgentModelDisplay } from '../../tools/AgentTool/agentDisplay.js';
+import { AGENT_SOURCE_GROUPS, compareAgentsByName, getOverrideSourceLabel, resolveAgentModelDisplay, resolveAgentProviderDisplay } from '../../tools/AgentTool/agentDisplay.js';
 import { count } from '../../utils/array.js';
 import { Dialog } from '../design-system/Dialog.js';
 import { Divider } from '../design-system/Divider.js';
@@ -42,8 +42,9 @@ export function AgentsList(t0) {
             const { isOverridden, overriddenBy } = getOverrideInfo(agent_0);
             const dimmed = isBuiltIn || isOverridden;
             const textColor = !isBuiltIn && isSelected ? "suggestion" : undefined;
+            const resolvedProvider = resolveAgentProviderDisplay(agent_0);
             const resolvedModel = resolveAgentModelDisplay(agent_0);
-            return _jsxs(Box, { children: [_jsx(Text, { dimColor: dimmed && !isSelected, color: textColor, children: isBuiltIn ? "" : isSelected ? `${figures.pointer} ` : "  " }), _jsx(Text, { dimColor: dimmed && !isSelected, color: textColor, children: agent_0.agentType }), resolvedModel && _jsxs(Text, { dimColor: true, color: textColor, children: [" \xB7 ", resolvedModel] }), agent_0.memory && _jsxs(Text, { dimColor: true, color: textColor, children: [" \xB7 ", agent_0.memory, " memoria"] }), overriddenBy && _jsxs(Text, { dimColor: !isSelected, color: isSelected ? "warning" : undefined, children: [" ", figures.warning, " reemplazado por ", getOverrideSourceLabel(overriddenBy)] })] }, `${agent_0.agentType}-${agent_0.source}`);
+            return _jsxs(Box, { children: [_jsx(Text, { dimColor: dimmed && !isSelected, color: textColor, children: isBuiltIn ? "" : isSelected ? `${figures.pointer} ` : "  " }), _jsx(Text, { dimColor: dimmed && !isSelected, color: textColor, children: agent_0.agentType }), resolvedProvider && _jsxs(Text, { dimColor: true, color: textColor, children: [" \xB7 ", resolvedProvider] }), resolvedModel && _jsxs(Text, { dimColor: true, color: textColor, children: [" \xB7 ", resolvedModel] }), agent_0.memory && _jsxs(Text, { dimColor: true, color: textColor, children: [" \xB7 ", agent_0.memory, " memoria"] }), overriddenBy && _jsxs(Text, { dimColor: !isSelected, color: isSelected ? "warning" : undefined, children: [" ", figures.warning, " reemplazado por ", getOverrideSourceLabel(overriddenBy)] })] }, `${agent_0.agentType}-${agent_0.source}`);
         };
         $[4] = isCreateNewSelected;
         $[5] = selectedAgent?.agentType;