claudeup 4.0.0 → 4.1.0

package/src/ui/renderers/profileRenderers.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
 import { theme } from "../theme.js";
 // ─── Helpers ───────────────────────────────────────────────────────────────────
 function truncate(s, maxLen) {
@@ -31,6 +31,12 @@ export function humanizeKey(key) {
         model: "Model",
         outputStyle: "Output",
         alwaysThinkingEnabled: "Thinking",
+        includeGitInstructions: "Git Instructions",
+        respectGitignore: "Gitignore",
+        enableAllProjectMcpServers: "Auto MCP",
+        autoUpdatesChannel: "Updates",
+        language: "Language",
+        cleanupPeriodDays: "Cleanup",
     };
     return labels[key] ?? key;
 }
@@ -81,24 +87,23 @@ const predefinedRenderer = {
         const { profile } = item;
         const pluginCount = profile.magusPlugins.length + profile.anthropicPlugins.length;
         const skillCount = profile.skills.length;
-        const label = truncate(`${profile.name} — ${pluginCount} plugins · ${skillCount} skill${skillCount !== 1 ? "s" : ""}`, 45);
+        const countStr = `${pluginCount}p ${skillCount}s`;
         if (isSelected) {
-            return (_jsxs("text", { bg: "blue", fg: "white", children: [" ", label, " "] }));
+            return (_jsxs("text", { bg: theme.selection.bg, fg: theme.selection.fg, children: ["  ", profile.name, "  ", countStr, " "] }));
         }
-        return (_jsxs("text", { children: [_jsx("span", { fg: theme.colors.muted, children: "- " }), _jsx("span", { fg: theme.colors.text, children: label })] }));
+        return (_jsxs("text", { children: [_jsxs("span", { fg: "white", children: ["  ", profile.name] }), _jsxs("span", { fg: theme.colors.dim, children: ["  ", countStr] })] }));
     },
     renderDetail: ({ item }) => {
         const { profile } = item;
-        const magusNames = profile.magusPlugins;
-        const anthropicNames = profile.anthropicPlugins;
-        const magusLines = wrapNames(magusNames);
-        const anthropicLines = wrapNames(anthropicNames);
-        const skillLines = wrapNames(profile.skills);
         const settingEntries = Object.entries(profile.settings).filter(([k]) => k !== "env");
         const envMap = profile.settings["env"] ?? {};
         const tasksOn = envMap["CLAUDE_CODE_ENABLE_TASKS"] === "true";
         const teamsOn = envMap["CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS"] === "true";
-        return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: theme.colors.text, children: _jsx("strong", { children: profile.name }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.muted, children: profile.description }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.dim, children: DIVIDER }) }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("text", { fg: theme.colors.muted, children: ["Magus plugins (", magusNames.length, "):"] }), magusLines.map((line, i) => (_jsxs("text", { fg: theme.colors.info, children: ["  ", line] }, i)))] }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("text", { fg: theme.colors.muted, children: ["Anthropic plugins (", anthropicNames.length, "):"] }), anthropicLines.map((line, i) => (_jsxs("text", { fg: theme.colors.warning, children: ["  ", line] }, i)))] }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("text", { fg: theme.colors.muted, children: ["Skills (", profile.skills.length, "):"] }), skillLines.map((line, i) => (_jsxs("text", { fg: theme.colors.text, children: ["  ", line] }, i)))] }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.dim, children: DIVIDER }) }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsx("text", { fg: theme.colors.muted, children: "Settings:" }), settingEntries.map(([k, v]) => (_jsxs("text", { children: [_jsxs("span", { fg: theme.colors.muted, children: ["  ", humanizeKey(k).padEnd(14)] }), _jsx("span", { fg: theme.colors.text, children: humanizeValue(k, v) })] }, k))), tasksOn && (_jsxs("text", { children: [_jsxs("span", { fg: theme.colors.muted, children: ["  ", "Tasks".padEnd(14)] }), _jsx("span", { fg: theme.colors.text, children: "on" })] })), teamsOn && (_jsxs("text", { children: [_jsxs("span", { fg: theme.colors.muted, children: ["  ", "Agent Teams".padEnd(14)] }), _jsx("span", { fg: theme.colors.text, children: "on" })] }))] }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.dim, children: DIVIDER }) }), _jsxs("box", { marginTop: 1, children: [_jsxs("text", { bg: "blue", fg: "white", children: [" ", "Enter/a", " "] }), _jsx("text", { fg: theme.colors.muted, children: " Apply to project" })] })] }));
+        return (_jsxs("box", { flexDirection: "column", children: [_jsx("box", { children: _jsx("text", { bg: theme.colors.accent, fg: "white", children: _jsxs("strong", { children: [" ", profile.name, " "] }) }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.muted, children: profile.description }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nMagus (${profile.magusPlugins.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#00bfa5", children: profile.magusPlugins.map((p) => `  ■ ${p}`).join("\n") }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nAnthropic (${profile.anthropicPlugins.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#b39ddb", children: profile.anthropicPlugins.map((p) => `  ■ ${p}`).join("\n") }) }), profile.skills.length > 0 && (_jsxs(_Fragment, { children: [_jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nSkills (${profile.skills.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#ffd54f", children: profile.skills.map((s) => `  ■ ${s}`).join("\n") }) })] })), _jsx("box", { children: _jsx("text", { fg: theme.colors.dim, children: `\n${DIVIDER}` }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: [
+                            ...settingEntries.map(([k, v]) => `  ${humanizeKey(k).padEnd(18)}${humanizeValue(k, v)}`),
+                            ...(tasksOn ? [`  ${"Tasks".padEnd(18)}on`] : []),
+                            ...(teamsOn ? [`  ${"Agent Teams".padEnd(18)}on`] : []),
+                        ].join("\n") }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.dim, children: `\n${DIVIDER}` }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.info, children: "  Enter/a to apply" }) })] }));
     },
 };
 // ─── Saved renderer ────────────────────────────────────────────────────────────

package/src/ui/renderers/profileRenderers.tsx

@@ -36,6 +36,12 @@ export function humanizeKey(key: string): string {
     model: "Model",
     outputStyle: "Output",
     alwaysThinkingEnabled: "Thinking",
+    includeGitInstructions: "Git Instructions",
+    respectGitignore: "Gitignore",
+    enableAllProjectMcpServers: "Auto MCP",
+    autoUpdatesChannel: "Updates",
+    language: "Language",
+    cleanupPeriodDays: "Cleanup",
   };
   return labels[key] ?? key;
 }
@@ -106,36 +112,26 @@ const predefinedRenderer: ItemRenderer<{ kind: "predefined"; profile: Predefined
     const pluginCount =
       profile.magusPlugins.length + profile.anthropicPlugins.length;
     const skillCount = profile.skills.length;
-    const label = truncate(
-      `${profile.name} — ${pluginCount} plugins · ${skillCount} skill${skillCount !== 1 ? "s" : ""}`,
-      45,
-    );
+    const countStr = `${pluginCount}p ${skillCount}s`;
 
     if (isSelected) {
       return (
-        <text bg="blue" fg="white">
-          {" "}
-          {label}{" "}
+        <text bg={theme.selection.bg} fg={theme.selection.fg}>
+          {"  "}{profile.name}  {countStr}{" "}
         </text>
       );
     }
 
     return (
       <text>
-        <span fg={theme.colors.muted}>{"- "}</span>
-        <span fg={theme.colors.text}>{label}</span>
+        <span fg="white">{"  "}{profile.name}</span>
+        <span fg={theme.colors.dim}>  {countStr}</span>
       </text>
     );
   },
 
   renderDetail: ({ item }) => {
     const { profile } = item;
-    const magusNames = profile.magusPlugins;
-    const anthropicNames = profile.anthropicPlugins;
-    const magusLines = wrapNames(magusNames);
-    const anthropicLines = wrapNames(anthropicNames);
-    const skillLines = wrapNames(profile.skills);
-
     const settingEntries = Object.entries(profile.settings).filter(
       ([k]) => k !== "env",
     );
@@ -146,89 +142,42 @@ const predefinedRenderer: ItemRenderer<{ kind: "predefined"; profile: Predefined
 
     return (
       <box flexDirection="column">
-        <text fg={theme.colors.text}>
-          <strong>{profile.name}</strong>
-        </text>
-        <box marginTop={1}>
-          <text fg={theme.colors.muted}>{profile.description}</text>
-        </box>
-        <box marginTop={1}>
-          <text fg={theme.colors.dim}>{DIVIDER}</text>
-        </box>
-        <box marginTop={1} flexDirection="column">
-          <text fg={theme.colors.muted}>
-            Magus plugins ({magusNames.length}):
+        <box>
+          <text bg={theme.colors.accent} fg="white">
+            <strong> {profile.name} </strong>
           </text>
-          {magusLines.map((line, i) => (
-            <text key={i} fg={theme.colors.info}>
-              {"  "}
-              {line}
-            </text>
-          ))}
-        </box>
-        <box marginTop={1} flexDirection="column">
-          <text fg={theme.colors.muted}>
-            Anthropic plugins ({anthropicNames.length}):
-          </text>
-          {anthropicLines.map((line, i) => (
-            <text key={i} fg={theme.colors.warning}>
-              {"  "}
-              {line}
-            </text>
-          ))}
-        </box>
-        <box marginTop={1} flexDirection="column">
-          <text fg={theme.colors.muted}>Skills ({profile.skills.length}):</text>
-          {skillLines.map((line, i) => (
-            <text key={i} fg={theme.colors.text}>
-              {"  "}
-              {line}
-            </text>
-          ))}
         </box>
         <box marginTop={1}>
-          <text fg={theme.colors.dim}>{DIVIDER}</text>
-        </box>
-        <box marginTop={1} flexDirection="column">
-          <text fg={theme.colors.muted}>Settings:</text>
-          {settingEntries.map(([k, v]) => (
-            <text key={k}>
-              <span fg={theme.colors.muted}>
-                {"  "}
-                {humanizeKey(k).padEnd(14)}
-              </span>
-              <span fg={theme.colors.text}>{humanizeValue(k, v)}</span>
-            </text>
-          ))}
-          {tasksOn && (
-            <text>
-              <span fg={theme.colors.muted}>
-                {"  "}
-                {"Tasks".padEnd(14)}
-              </span>
-              <span fg={theme.colors.text}>on</span>
-            </text>
-          )}
-          {teamsOn && (
-            <text>
-              <span fg={theme.colors.muted}>
-                {"  "}
-                {"Agent Teams".padEnd(14)}
-              </span>
-              <span fg={theme.colors.text}>on</span>
-            </text>
-          )}
-        </box>
-        <box marginTop={1}>
-          <text fg={theme.colors.dim}>{DIVIDER}</text>
-        </box>
-        <box marginTop={1}>
-          <text bg="blue" fg="white">
-            {" "}
-            Enter/a{" "}
-          </text>
-          <text fg={theme.colors.muted}> Apply to project</text>
+          <text fg={theme.colors.muted}>{profile.description}</text>
         </box>
+
+        {/* Magus plugins */}
+        <box><text fg={theme.colors.muted}>{`\nMagus (${profile.magusPlugins.length})`}</text></box>
+        <box><text fg="#00bfa5">{profile.magusPlugins.map((p) => `  ■ ${p}`).join("\n")}</text></box>
+
+        {/* Anthropic plugins */}
+        <box><text fg={theme.colors.muted}>{`\nAnthropic (${profile.anthropicPlugins.length})`}</text></box>
+        <box><text fg="#b39ddb">{profile.anthropicPlugins.map((p) => `  ■ ${p}`).join("\n")}</text></box>
+
+        {/* Skills */}
+        {profile.skills.length > 0 && (
+          <>
+            <box><text fg={theme.colors.muted}>{`\nSkills (${profile.skills.length})`}</text></box>
+            <box><text fg="#ffd54f">{profile.skills.map((s) => `  ■ ${s}`).join("\n")}</text></box>
+          </>
+        )}
+
+        {/* Settings */}
+        <box><text fg={theme.colors.dim}>{`\n${DIVIDER}`}</text></box>
+        <box><text fg={theme.colors.muted}>{[
+          ...settingEntries.map(([k, v]) => `  ${humanizeKey(k).padEnd(18)}${humanizeValue(k, v)}`),
+          ...(tasksOn ? [`  ${"Tasks".padEnd(18)}on`] : []),
+          ...(teamsOn ? [`  ${"Agent Teams".padEnd(18)}on`] : []),
+        ].join("\n")}</text></box>
+
+        {/* Action */}
+        <box><text fg={theme.colors.dim}>{`\n${DIVIDER}`}</text></box>
+        <box><text fg={theme.colors.info}>  Enter/a to apply</text></box>
       </box>
     );
   },