@orderful/droid 0.11.1 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @orderful/droid
 
+## 0.13.0
+
+### Minor Changes
+
+- [#74](https://github.com/Orderful/droid/pull/74) [`4e820c2`](https://github.com/Orderful/droid/commit/4e820c21b11cfbacc0fe35ee65fc98d169f065ec) Thanks [@frytyler](https://github.com/frytyler)! - Add droid meta-skill for update awareness
+  - New "droid" tool with `system: true` flag (auto-installs and stays current)
+  - SKILL.md teaches Claude to check npm for droid updates and nudge users
+  - System tools can't be uninstalled (Uninstall button hidden)
+
+## 0.12.0
+
+### Minor Changes
+
+- [#72](https://github.com/Orderful/droid/pull/72) [`1611eac`](https://github.com/Orderful/droid/commit/1611eacb9076279bcc4ed552857d3c546441f80a) Thanks [@frytyler](https://github.com/frytyler)! - Add auto-update feature for app and tools
+  - Add `auto_update.app` and `auto_update.tools` config options
+  - Show tool updates prompt after welcome screen with [Update All] [Always] [Skip]
+  - Add [Always] button to app update prompt for consistency
+  - "Always" enables auto-update in config for future runs
+  - When auto-update is enabled, tools update silently on startup with indicator
+  - Add auto-update toggle to Settings screen
+  - Tools default to auto-update enabled, app defaults to disabled
+
 ## 0.11.1
 
 ### Patch Changes

package/dist/commands/tui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../../src/commands/tui.tsx"],"names":[],"mappings":"AA4lDA,wBAAsB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAWhD"}
+{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../../src/commands/tui.tsx"],"names":[],"mappings":"AA87DA,wBAAsB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAiBhD"}

package/dist/commands/tui.js

@@ -6,12 +6,14 @@ import { execSync } from 'child_process';
 import { existsSync, readFileSync } from 'fs';
 import { join } from 'path';
 import { getBundledSkills, installSkill, uninstallSkill, updateSkill, } from '../lib/skills.js';
-import { getBundledTools, getBundledToolsDir, isToolInstalled, getToolUpdateStatus, getInstalledToolVersion } from '../lib/tools.js';
-import { configExists, loadConfig, saveConfig, loadSkillOverrides, saveSkillOverrides } from '../lib/config.js';
+import { getBundledTools, getBundledToolsDir, isToolInstalled, getToolUpdateStatus, getInstalledToolVersion, getToolsWithUpdates } from '../lib/tools.js';
+import { configExists, loadConfig, saveConfig, loadSkillOverrides, saveSkillOverrides, getAutoUpdateConfig, setAutoUpdateConfig } from '../lib/config.js';
 import { configurePlatformPermissions } from './setup.js';
 import { Platform, BuiltInOutput, ConfigOptionType } from '../lib/types.js';
 import { getVersion, getUpdateInfo, runUpdate } from '../lib/version.js';
 import { getRandomQuote } from '../lib/quotes.js';
+// Module-level variable to store exit message (printed after leaving alternate screen)
+let exitMessage = null;
 const colors = {
     primary: '#6366f1',
     bgSelected: '#2d2d2d',
@@ -90,20 +92,26 @@ function getOutputOptions() {
     }
     return options;
 }
-function WelcomeScreen({ onContinue, onUpdate, onExit, updateInfo, isUpdating }) {
+function WelcomeScreen({ onContinue, onUpdate, onAlways, onExit, updateInfo, isUpdating }) {
     const [selectedButton, setSelectedButton] = useState(0);
     const welcomeQuote = useMemo(() => getRandomQuote(), []);
     useInput((input, key) => {
         if (isUpdating)
             return;
         if (updateInfo.hasUpdate) {
-            if (key.leftArrow || key.rightArrow) {
-                setSelectedButton((prev) => (prev === 0 ? 1 : 0));
+            if (key.leftArrow) {
+                setSelectedButton((prev) => Math.max(0, prev - 1));
+            }
+            if (key.rightArrow) {
+                setSelectedButton((prev) => Math.min(2, prev + 1));
             }
             if (key.return) {
                 if (selectedButton === 0) {
                     onUpdate();
                 }
+                else if (selectedButton === 1) {
+                    onAlways();
+                }
                 else {
                     onContinue();
                 }
@@ -122,7 +130,40 @@ function WelcomeScreen({ onContinue, onUpdate, onExit, updateInfo, isUpdating })
         }
     });
     const hasUpdate = updateInfo.hasUpdate && updateInfo.latestVersion;
-    return (_jsx(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 18, children: _jsxs(Box, { flexDirection: "column", alignItems: "center", borderStyle: "single", borderColor: hasUpdate ? '#eab308' : colors.border, paddingX: 4, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u2554\u2550\u2550\u2550\u2550\u2550\u2557    " }), _jsx(Text, { color: colors.text, children: "droid" }), _jsxs(Text, { color: colors.textDim, children: [" v", updateInfo.currentVersion] })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u2551 " }), _jsx(Text, { color: hasUpdate ? '#eab308' : colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: hasUpdate ? '#eab308' : colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " \u2551    " }), _jsx(Text, { color: colors.textMuted, children: "Droid, teaching your AI new tricks" })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u255A\u2550\u2566\u2550\u2566\u2550\u255D    " }), _jsx(Text, { color: colors.textDim, children: "github.com/Orderful/droid" })] })] }), hasUpdate ? (_jsxs(_Fragment, { children: [_jsxs(Box, { marginTop: 2, marginBottom: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "#eab308", italic: true, children: "\"The odds of functioning optimally without this" }), _jsx(Text, { color: "#eab308", italic: true, children: "update are approximately 3,720 to 1.\"" })] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: colors.textMuted, children: ["v", updateInfo.currentVersion, " \u2192 v", updateInfo.latestVersion] }) }), isUpdating ? (_jsx(Text, { color: "#eab308", children: "Updating..." })) : (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { backgroundColor: selectedButton === 0 ? '#eab308' : colors.bgSelected, color: selectedButton === 0 ? '#000000' : colors.textMuted, bold: selectedButton === 0, children: [' ', "Update", ' '] }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: selectedButton === 1 ? colors.bgSelected : undefined, color: selectedButton === 1 ? colors.text : colors.textMuted, bold: selectedButton === 1, children: [' ', "Skip for now", ' '] })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: "\u2190\u2192 select \u00B7 enter" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 2, marginBottom: 1, children: _jsx(Text, { backgroundColor: colors.primary, color: "#ffffff", bold: true, children: ` ${welcomeQuote} ` }) }), _jsx(Text, { color: colors.textDim, children: "press enter" })] }))] }) }));
+    return (_jsx(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 18, children: _jsxs(Box, { flexDirection: "column", alignItems: "center", borderStyle: "single", borderColor: hasUpdate ? '#eab308' : colors.border, paddingX: 4, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u2554\u2550\u2550\u2550\u2550\u2550\u2557    " }), _jsx(Text, { color: colors.text, children: "droid" }), _jsxs(Text, { color: colors.textDim, children: [" v", updateInfo.currentVersion] })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u2551 " }), _jsx(Text, { color: hasUpdate ? '#eab308' : colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: hasUpdate ? '#eab308' : colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " \u2551    " }), _jsx(Text, { color: colors.textMuted, children: "Droid, teaching your AI new tricks" })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u255A\u2550\u2566\u2550\u2566\u2550\u255D    " }), _jsx(Text, { color: colors.textDim, children: "github.com/Orderful/droid" })] })] }), hasUpdate ? (_jsxs(_Fragment, { children: [_jsxs(Box, { marginTop: 2, marginBottom: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "#eab308", italic: true, children: "\"The odds of functioning optimally without this" }), _jsx(Text, { color: "#eab308", italic: true, children: "update are approximately 3,720 to 1.\"" })] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: colors.textMuted, children: ["v", updateInfo.currentVersion, " \u2192 v", updateInfo.latestVersion] }) }), isUpdating ? (_jsx(Text, { color: "#eab308", children: "Updating..." })) : (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { backgroundColor: selectedButton === 0 ? '#eab308' : colors.bgSelected, color: selectedButton === 0 ? '#000000' : colors.textMuted, bold: selectedButton === 0, children: [' ', "Update", ' '] }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: selectedButton === 1 ? '#eab308' : colors.bgSelected, color: selectedButton === 1 ? '#000000' : colors.textMuted, bold: selectedButton === 1, children: [' ', "Always", ' '] }), _jsx(Text, { children: " " }), _jsxs(Text, { backgroundColor: selectedButton === 2 ? colors.bgSelected : undefined, color: selectedButton === 2 ? colors.text : colors.textMuted, bold: selectedButton === 2, children: [' ', "Skip", ' '] })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: "\u2190\u2192 select \u00B7 enter \u00B7 \"Always\" enables auto-update" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 2, marginBottom: 1, children: _jsx(Text, { backgroundColor: colors.primary, color: "#ffffff", bold: true, children: ` ${welcomeQuote} ` }) }), _jsx(Text, { color: colors.textDim, children: "press enter" })] }))] }) }));
+}
+function ToolUpdatePrompt({ toolUpdates, onUpdateAll, onAlways, onSkip, isUpdating }) {
+    const [selectedButton, setSelectedButton] = useState(0);
+    useInput((input, key) => {
+        if (isUpdating)
+            return;
+        if (key.leftArrow) {
+            setSelectedButton((prev) => Math.max(0, prev - 1));
+        }
+        if (key.rightArrow) {
+            setSelectedButton((prev) => Math.min(2, prev + 1));
+        }
+        if (key.return) {
+            if (selectedButton === 0) {
+                onUpdateAll();
+            }
+            else if (selectedButton === 1) {
+                onAlways();
+            }
+            else {
+                onSkip();
+            }
+        }
+        if (input === 'q') {
+            onSkip();
+        }
+    });
+    const buttons = [
+        { label: 'Update All', action: onUpdateAll },
+        { label: 'Always', action: onAlways },
+        { label: 'Skip', action: onSkip },
+    ];
+    return (_jsx(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 18, children: _jsxs(Box, { flexDirection: "column", alignItems: "center", borderStyle: "single", borderColor: colors.primary, paddingX: 4, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u2554\u2550\u2550\u2550\u2550\u2550\u2557    " }), _jsx(Text, { color: colors.text, children: "Tool Updates" })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "\u2551 " }), _jsx(Text, { color: colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " \u2551    " }), _jsxs(Text, { color: colors.textMuted, children: [toolUpdates.length, " tool", toolUpdates.length > 1 ? 's have' : ' has', " updates available"] })] }), _jsx(Text, { children: _jsx(Text, { color: colors.textDim, children: "\u255A\u2550\u2566\u2550\u2566\u2550\u255D" }) })] }), _jsxs(Box, { marginTop: 1, marginBottom: 1, flexDirection: "column", children: [toolUpdates.slice(0, 5).map((tool) => (_jsxs(Text, { color: colors.textMuted, children: [_jsx(Text, { color: colors.primary, children: "\u2191" }), " ", tool.name, _jsxs(Text, { color: colors.textDim, children: [" ", tool.installedVersion, " \u2192 ", tool.bundledVersion] })] }, tool.name))), toolUpdates.length > 5 && (_jsxs(Text, { color: colors.textDim, children: ["...and ", toolUpdates.length - 5, " more"] }))] }), isUpdating ? (_jsx(Text, { color: colors.primary, children: "Updating tools..." })) : (_jsx(Box, { flexDirection: "row", children: buttons.map((button, index) => (_jsxs(Text, { backgroundColor: selectedButton === index ? colors.primary : colors.bgSelected, color: selectedButton === index ? '#000000' : colors.textMuted, bold: selectedButton === index, children: [' ', button.label, ' '] }, button.label))) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: "\u2190\u2192 select \u00B7 enter \u00B7 \"Always\" enables auto-update" }) })] }) }));
 }
 function SetupScreen({ onComplete, onSkip, initialConfig }) {
     const [step, setStep] = useState('platform');
@@ -202,11 +243,11 @@ function SetupScreen({ onComplete, onSkip, initialConfig }) {
 function TabBar({ tabs, activeTab }) {
     return (_jsx(Box, { flexDirection: "row", flexWrap: "wrap", children: tabs.map((tab) => (_jsxs(Text, { backgroundColor: tab.id === activeTab ? colors.primary : undefined, color: tab.id === activeTab ? '#ffffff' : colors.textMuted, bold: tab.id === activeTab, wrap: "truncate", children: [' ', tab.label, ' '] }, tab.id))) }));
 }
-function ToolItem({ tool, isSelected, isActive, }) {
+function ToolItem({ tool, isSelected, isActive, wasAutoUpdated, }) {
     const installed = isToolInstalled(tool.name);
     const installedVersion = getInstalledToolVersion(tool.name);
     const updateStatus = getToolUpdateStatus(tool.name);
-    return (_jsx(Box, { paddingX: 1, backgroundColor: isActive ? colors.bgSelected : undefined, children: _jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { color: colors.textDim, children: [isSelected ? '>' : ' ', " "] }), _jsx(Text, { color: isSelected || isActive ? colors.text : colors.textMuted, children: tool.name }), installed && installedVersion && _jsxs(Text, { color: colors.textDim, children: [" v", installedVersion] }), installed && _jsx(Text, { color: colors.success, children: " \u2713" }), updateStatus.hasUpdate && _jsx(Text, { color: colors.primary, children: " \u2191" }), _jsx(Text, { children: " " }), tool.includes.skills.length > 0 && _jsx(Text, { color: colors.skill, children: "\u25CF " }), tool.includes.commands.length > 0 && _jsx(Text, { color: colors.command, children: "\u25CF " }), tool.includes.agents.length > 0 && _jsx(Text, { color: colors.agent, children: "\u25CF" })] }) }));
+    return (_jsx(Box, { paddingX: 1, backgroundColor: isActive ? colors.bgSelected : undefined, children: _jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { color: colors.textDim, children: [isSelected ? '>' : ' ', " "] }), _jsx(Text, { color: isSelected || isActive ? colors.text : colors.textMuted, children: tool.name }), installed && installedVersion && _jsxs(Text, { color: colors.textDim, children: [" v", installedVersion] }), installed && _jsx(Text, { color: colors.success, children: " \u2713" }), wasAutoUpdated && _jsx(Text, { color: colors.success, children: " \u2191" }), updateStatus.hasUpdate && !wasAutoUpdated && _jsx(Text, { color: colors.primary, children: " \u2191" }), _jsx(Text, { children: " " }), tool.includes.skills.length > 0 && _jsx(Text, { color: colors.skill, children: "\u25CF " }), tool.includes.commands.length > 0 && _jsx(Text, { color: colors.command, children: "\u25CF " }), tool.includes.agents.length > 0 && _jsx(Text, { color: colors.agent, children: "\u25CF" })] }) }));
 }
 function ToolDetails({ tool, isFocused, selectedAction, }) {
     if (!tool) {
@@ -215,6 +256,7 @@ function ToolDetails({ tool, isFocused, selectedAction, }) {
     const installed = isToolInstalled(tool.name);
     const installedVersion = getInstalledToolVersion(tool.name);
     const updateStatus = getToolUpdateStatus(tool.name);
+    const isSystemTool = tool.system === true;
     const actions = installed
         ? [
             { id: 'explore', label: 'Explore', variant: 'default' },
@@ -222,10 +264,12 @@ function ToolDetails({ tool, isFocused, selectedAction, }) {
                 ? [{ id: 'update', label: `Update (${updateStatus.bundledVersion})`, variant: 'primary' }]
                 : []),
             { id: 'configure', label: 'Configure', variant: 'default' },
-            { id: 'uninstall', label: 'Uninstall', variant: 'danger' },
+            // System tools can't be uninstalled
+            ...(!isSystemTool ? [{ id: 'uninstall', label: 'Uninstall', variant: 'danger' }] : []),
         ]
         : [
             { id: 'explore', label: 'Explore', variant: 'default' },
+            // System tools auto-install, but show Install for manual trigger if needed
             { id: 'install', label: 'Install', variant: 'primary' },
         ];
     return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, flexGrow: 1, children: [_jsx(Text, { color: colors.text, bold: true, children: tool.name }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.textDim, children: [tool.version, tool.status && ` · ${tool.status}`, installed && _jsx(Text, { color: colors.success, children: " \u00B7 installed" }), updateStatus.hasUpdate && (_jsxs(Text, { color: colors.primary, children: [" \u00B7 update (", installedVersion, " \u2192 ", updateStatus.bundledVersion, ")"] }))] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textMuted, children: tool.description }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: colors.textDim, children: "Includes:" }), _jsx(Box, { marginTop: 1, children: _jsx(ComponentBadges, { tool: tool }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 1, children: [tool.includes.skills.length > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: colors.skill, children: "Skills: " }), _jsx(Text, { color: colors.textMuted, children: tool.includes.skills.map(s => s.name).join(', ') })] })), tool.includes.commands.length > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: colors.command, children: "Commands: " }), _jsx(Text, { color: colors.textMuted, children: tool.includes.commands.map(c => `/${c}`).join(', ') })] })), tool.includes.agents.length > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: colors.agent, children: "Agents: " }), _jsx(Text, { color: colors.textMuted, children: tool.includes.agents.join(', ') })] }))] })] }), isFocused && (_jsx(Box, { flexDirection: "row", marginTop: 1, children: actions.map((action, index) => (_jsxs(Text, { backgroundColor: selectedAction === index
@@ -400,10 +444,10 @@ function ToolExplorer({ tool, onViewSource, onClose }) {
                             return (_jsx(Box, { marginRight: 1, marginBottom: 1, children: _jsx(Text, { backgroundColor: isSelected ? colors.agent : colors.bgSelected, color: isSelected ? '#000000' : colors.agent, bold: isSelected, children: ` ${item.name} ` }) }, item.name));
                         }) })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: "\u2190\u2192 navigate \u00B7 enter view source \u00B7 esc back" }) })] }));
 }
-function SettingsDetails({ onEditSettings, isFocused, }) {
+function SettingsDetails({ onEditSettings, isFocused, onToggleAutoUpdate, selectedSetting, }) {
     const config = loadConfig();
-    const outputOptions = getOutputOptions();
-    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, flexGrow: 1, children: [_jsx(Text, { color: colors.text, bold: true, children: "Settings" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "Platform:      " }), _jsx(Text, { color: colors.text, children: config.platform === Platform.ClaudeCode ? 'Claude Code' : 'OpenCode' })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "Your @mention: " }), _jsx(Text, { color: colors.text, children: config.user_mention })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: "Config: ~/.droid/config.yaml" }) }), isFocused && (_jsx(Box, { marginTop: 2, children: _jsxs(Text, { backgroundColor: colors.primary, color: "#ffffff", bold: true, children: [' ', "Edit Settings", ' '] }) })), !isFocused && (_jsx(Box, { marginTop: 2, children: _jsx(Text, { color: colors.textDim, children: "press enter to edit" }) }))] }));
+    const autoUpdateConfig = getAutoUpdateConfig();
+    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, flexGrow: 1, children: [_jsx(Text, { color: colors.text, bold: true, children: "Settings" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "Platform:      " }), _jsx(Text, { color: colors.text, children: config.platform === Platform.ClaudeCode ? 'Claude Code' : 'OpenCode' })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "Your @mention: " }), _jsx(Text, { color: colors.text, children: config.user_mention })] })] }), _jsxs(Box, { flexDirection: "column", marginTop: 2, children: [_jsx(Text, { color: colors.text, bold: true, children: "Auto-Update" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: isFocused && selectedSetting === 0 ? '> ' : '  ' }), _jsxs(Text, { color: isFocused && selectedSetting === 0 ? colors.text : colors.textMuted, children: ["[", autoUpdateConfig.tools ? 'x' : ' ', "] Auto-update tools"] })] }) }), _jsx(Text, { color: colors.textDim, children: "    Update tools automatically when droid starts" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: isFocused && selectedSetting === 1 ? '> ' : '  ' }), _jsxs(Text, { color: isFocused && selectedSetting === 1 ? colors.text : colors.textMuted, children: ["[", autoUpdateConfig.app ? 'x' : ' ', "] Auto-update app"] })] }) }), _jsx(Text, { color: colors.textDim, children: "    Update droid automatically when a new version is available" })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { color: colors.textDim, children: "Config: ~/.droid/config.yaml" }) }), isFocused && (_jsx(Box, { marginTop: 2, children: _jsxs(Text, { backgroundColor: selectedSetting === 2 ? colors.primary : colors.bgSelected, color: selectedSetting === 2 ? '#ffffff' : colors.textMuted, bold: selectedSetting === 2, children: [' ', "Edit Profile", ' '] }) })), isFocused && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: "\u2191\u2193 select \u00B7 enter toggle/edit \u00B7 esc back" }) })), !isFocused && (_jsx(Box, { marginTop: 2, children: _jsx(Text, { color: colors.textDim, children: "press enter to configure" }) }))] }));
 }
 const MAX_VISIBLE_CONFIG_ITEMS = 4; // Each config item takes ~3 lines
 function SkillConfigScreen({ skill, onComplete, onCancel }) {
@@ -561,18 +605,36 @@ function App() {
     const [message, setMessage] = useState(null);
     const [isEditingSettings, setIsEditingSettings] = useState(false);
     const [readmeContent, setReadmeContent] = useState(null);
+    const [selectedSetting, setSelectedSetting] = useState(0);
     const [isUpdating, setIsUpdating] = useState(false);
+    const [isUpdatingTools, setIsUpdatingTools] = useState(false);
     const [previousView, setPreviousView] = useState('detail'); // Track where to return from readme
+    const [toolUpdates, setToolUpdates] = useState([]);
+    const [autoUpdatedTools, setAutoUpdatedTools] = useState([]);
     // Check for updates once on mount
     const updateInfo = useMemo(() => getUpdateInfo(), []);
+    const autoUpdateConfig = useMemo(() => getAutoUpdateConfig(), []);
     const handleUpdate = () => {
         setIsUpdating(true);
         // Run update in next tick to allow UI to show "Updating..."
         setTimeout(() => {
             const result = runUpdate();
             if (result.success) {
-                // Print success message before exiting
-                console.log('\n✅ Update complete! Run `droid` to start the new version.\n');
+                // Store message to print after leaving alternate screen (with ANSI colors)
+                const blue = '\x1b[38;2;99;102;241m'; // #6366f1
+                const dim = '\x1b[38;2;106;106;106m';
+                const reset = '\x1b[0m';
+                exitMessage = `
+${dim}────────────────────────────────────────────────────────${reset}
+
+    ${dim}╔═════╗${reset}
+    ${dim}║${reset} ${blue}●${reset} ${blue}●${reset} ${dim}║${reset}   ${blue}"It's quite possible this system${reset}
+    ${dim}╚═╦═╦═╝${reset}    ${blue}is now fully operational."${reset}
+
+             Run ${blue}droid${reset} to start the new version.
+
+${dim}────────────────────────────────────────────────────────${reset}
+`;
                 exit();
             }
             else {
@@ -588,6 +650,126 @@ function App() {
             }
         }, 100);
     };
+    const handleAlwaysUpdate = () => {
+        // Enable auto-update for app in config
+        setAutoUpdateConfig({ app: true });
+        // Then run the update
+        handleUpdate();
+    };
+    // Ensure system tools (marked with system: true in TOOL.yaml) are always installed and current
+    const ensureSystemTools = () => {
+        // Find all tools marked as system tools
+        const systemTools = tools.filter(t => t.system === true);
+        for (const systemTool of systemTools) {
+            const installed = isToolInstalled(systemTool.name);
+            const updateStatus = getToolUpdateStatus(systemTool.name);
+            // Install if not installed, or update if outdated (regardless of auto-update settings)
+            if (!installed || updateStatus.hasUpdate) {
+                const primarySkill = systemTool.includes.skills.find(s => s.required)?.name || systemTool.name;
+                installSkill(primarySkill);
+            }
+        }
+    };
+    // Check for tool updates and proceed to next view
+    const checkToolUpdatesAndProceed = () => {
+        // Always ensure system tools are current (bypasses auto-update settings)
+        ensureSystemTools();
+        const updates = getToolsWithUpdates();
+        setToolUpdates(updates);
+        // If auto_update.tools is true, auto-update silently
+        if (autoUpdateConfig.tools && updates.length > 0) {
+            handleUpdateAllTools(updates, true);
+            return;
+        }
+        // If there are updates and auto-update is off, show prompt
+        if (updates.length > 0) {
+            setView('tool-updates');
+            return;
+        }
+        // No updates, proceed to setup or menu
+        if (!configExists()) {
+            setView('setup');
+        }
+        else {
+            setView('menu');
+        }
+    };
+    const handleUpdateAllTools = (updates = toolUpdates, silent = false) => {
+        if (!silent) {
+            setIsUpdatingTools(true);
+        }
+        setTimeout(() => {
+            let successCount = 0;
+            let failCount = 0;
+            const updatedNames = [];
+            for (const tool of updates) {
+                // Find the tool to get its primary skill
+                const toolManifest = tools.find(t => t.name === tool.name);
+                if (toolManifest) {
+                    const primarySkill = toolManifest.includes.skills.find(s => s.required)?.name || toolManifest.name;
+                    const result = updateSkill(primarySkill);
+                    if (result.success) {
+                        successCount++;
+                        updatedNames.push(tool.name);
+                    }
+                    else {
+                        failCount++;
+                    }
+                }
+            }
+            setIsUpdatingTools(false);
+            // Track which tools were auto-updated for visual indicator
+            if (silent && updatedNames.length > 0) {
+                setAutoUpdatedTools(updatedNames);
+            }
+            if (successCount > 0) {
+                setMessage({
+                    text: silent
+                        ? `↑ Auto-updated ${successCount} tool${successCount > 1 ? 's' : ''}`
+                        : `✓ Updated ${successCount} tool${successCount > 1 ? 's' : ''}${failCount > 0 ? `, ${failCount} failed` : ''}`,
+                    type: failCount > 0 ? 'error' : 'success',
+                });
+            }
+            // Proceed to next view
+            if (!configExists()) {
+                setView('setup');
+            }
+            else {
+                setView('menu');
+            }
+        }, 100);
+    };
+    const handleAlwaysUpdateTools = () => {
+        // Enable auto-update in config
+        setAutoUpdateConfig({ tools: true });
+        // Then update all
+        handleUpdateAllTools();
+    };
+    const handleSkipToolUpdates = () => {
+        if (!configExists()) {
+            setView('setup');
+        }
+        else {
+            setView('menu');
+        }
+    };
+    const handleToggleAutoUpdateTools = () => {
+        const current = getAutoUpdateConfig();
+        setAutoUpdateConfig({ tools: !current.tools });
+        // Force re-render by setting message (auto-clears on next input)
+        setMessage({
+            text: `✓ Auto-update tools ${!current.tools ? 'enabled' : 'disabled'}`,
+            type: 'success',
+        });
+    };
+    const handleToggleAutoUpdateApp = () => {
+        const current = getAutoUpdateConfig();
+        setAutoUpdateConfig({ app: !current.app });
+        setMessage({
+            text: `✓ Auto-update app ${!current.app ? 'enabled' : 'disabled'}`,
+            type: 'success',
+        });
+    };
     const MAX_VISIBLE_ITEMS = 6;
     const tools = getBundledTools();
     // Keep skills for configure view (tools configure via their primary skill)
@@ -642,8 +824,8 @@ function App() {
                     setView('detail');
                 }
                 else if (activeTab === 'settings') {
-                    setIsEditingSettings(true);
-                    setView('setup');
+                    setView('detail');
+                    setSelectedSetting(0);
                 }
             }
         }
@@ -651,19 +833,41 @@ function App() {
             if (key.escape || key.backspace) {
                 setView('menu');
                 setSelectedAction(0);
+                setSelectedSetting(0);
             }
-            if (key.leftArrow) {
+            if (activeTab === 'settings') {
+                // Settings detail view navigation
+                if (key.upArrow) {
+                    setSelectedSetting((prev) => Math.max(0, prev - 1));
+                }
+                if (key.downArrow) {
+                    setSelectedSetting((prev) => Math.min(2, prev + 1)); // 0: auto-update tools, 1: auto-update app, 2: edit profile
+                }
+                if (key.return) {
+                    if (selectedSetting === 0) {
+                        handleToggleAutoUpdateTools();
+                    }
+                    else if (selectedSetting === 1) {
+                        handleToggleAutoUpdateApp();
+                    }
+                    else if (selectedSetting === 2) {
+                        setIsEditingSettings(true);
+                        setView('setup');
+                    }
+                }
+            }
+            if (key.leftArrow && activeTab === 'tools') {
                 setSelectedAction((prev) => Math.max(0, prev - 1));
             }
-            if (key.rightArrow) {
+            if (key.rightArrow && activeTab === 'tools') {
                 let maxActions = 0;
-                if (activeTab === 'tools') {
-                    const tool = tools[selectedIndex];
-                    const installed = tool ? isToolInstalled(tool.name) : false;
-                    const hasUpdate = tool ? getToolUpdateStatus(tool.name).hasUpdate : false;
-                    // Explore, [Update], Configure, Uninstall or Explore, Install
-                    maxActions = installed ? (hasUpdate ? 3 : 2) : 1;
-                }
+                const tool = tools[selectedIndex];
+                const installed = tool ? isToolInstalled(tool.name) : false;
+                const hasUpdate = tool ? getToolUpdateStatus(tool.name).hasUpdate : false;
+                const isSystem = tool ? tool.system === true : false;
+                // Explore, [Update], Configure, [Uninstall] or Explore, Install
+                // System tools don't have Uninstall, so one less action
+                maxActions = installed ? (hasUpdate ? (isSystem ? 2 : 3) : (isSystem ? 1 : 2)) : 1;
                 setSelectedAction((prev) => Math.min(maxActions, prev + 1));
             }
             if (key.return && activeTab === 'tools') {
@@ -671,13 +875,14 @@ function App() {
                 if (tool) {
                     const installed = isToolInstalled(tool.name);
                     const toolUpdateStatus = getToolUpdateStatus(tool.name);
+                    const isSystemTool = tool.system === true;
                     // Build actions array to match ToolDetails
                     const toolActions = installed
                         ? [
                             { id: 'explore' },
                             ...(toolUpdateStatus.hasUpdate ? [{ id: 'update' }] : []),
                             { id: 'configure' },
-                            { id: 'uninstall' },
+                            ...(!isSystemTool ? [{ id: 'uninstall' }] : []),
                         ]
                         : [{ id: 'explore' }, { id: 'install' }];
                     const actionId = toolActions[selectedAction]?.id;
@@ -738,22 +943,17 @@ function App() {
                 }
             }
         }
-    }, { isActive: view !== 'welcome' && view !== 'setup' && view !== 'configure' && view !== 'explorer' });
+    }, { isActive: view !== 'welcome' && view !== 'tool-updates' && view !== 'setup' && view !== 'configure' && view !== 'explorer' });
     const selectedTool = activeTab === 'tools' ? tools[selectedIndex] ?? null : null;
     // For configure view, we need the matching skill manifest
     const selectedSkillForConfig = selectedTool
         ? skills.find(s => s.name === (selectedTool.includes.skills.find(sk => sk.required)?.name || selectedTool.name))
         : null;
     if (view === 'welcome') {
-        return (_jsx(WelcomeScreen, { updateInfo: updateInfo, isUpdating: isUpdating, onUpdate: handleUpdate, onExit: exit, onContinue: () => {
-                // If no config exists, show setup first
-                if (!configExists()) {
-                    setView('setup');
-                }
-                else {
-                    setView('menu');
-                }
-            } }));
+        return (_jsx(WelcomeScreen, { updateInfo: updateInfo, isUpdating: isUpdating, onUpdate: handleUpdate, onAlways: handleAlwaysUpdate, onExit: exit, onContinue: checkToolUpdatesAndProceed }));
+    }
+    if (view === 'tool-updates' && toolUpdates.length > 0) {
+        return (_jsx(ToolUpdatePrompt, { toolUpdates: toolUpdates, onUpdateAll: () => handleUpdateAllTools(), onAlways: handleAlwaysUpdateTools, onSkip: handleSkipToolUpdates, isUpdating: isUpdatingTools }));
     }
     if (view === 'setup') {
         return (_jsx(SetupScreen, { onComplete: () => {
@@ -787,7 +987,10 @@ function App() {
                 setView('detail');
             } }));
     }
-    return (_jsxs(Box, { flexDirection: "row", padding: 1, children: [_jsxs(Box, { flexDirection: "column", width: 44, borderStyle: "single", borderColor: colors.border, children: [_jsx(Box, { paddingX: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "[" }), _jsx(Text, { color: colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: "] " }), _jsx(Text, { color: colors.textMuted, children: "droid" }), _jsxs(Text, { color: colors.textDim, children: [" v", getVersion()] })] }) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: colors.textDim, children: loadConfig().platform === Platform.ClaudeCode ? 'Claude Code' : 'OpenCode' }) }), _jsx(Box, { paddingX: 1, marginTop: 1, children: _jsx(TabBar, { tabs: tabs, activeTab: activeTab }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [activeTab === 'tools' && (_jsxs(_Fragment, { children: [scrollOffset > 0 && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, children: ["\u2191 ", scrollOffset, " more"] }) })), tools.slice(scrollOffset, scrollOffset + MAX_VISIBLE_ITEMS).map((tool, index) => (_jsx(ToolItem, { tool: tool, isSelected: scrollOffset + index === selectedIndex, isActive: scrollOffset + index === selectedIndex && view === 'detail' }, tool.name))), scrollOffset + MAX_VISIBLE_ITEMS < tools.length && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, children: ["\u2193 ", tools.length - scrollOffset - MAX_VISIBLE_ITEMS, " more"] }) })), tools.length > MAX_VISIBLE_ITEMS && (_jsx(Box, { paddingX: 1, marginTop: 1, children: _jsxs(Text, { color: colors.textDim, children: [tools.length, " tools total"] }) }))] })), activeTab === 'settings' && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: colors.textDim, children: "View and edit config" }) }))] }), message && (_jsx(Box, { paddingX: 1, marginTop: 1, children: _jsx(Text, { color: message.type === 'success' ? colors.success : colors.error, children: message.text }) })), _jsx(Box, { paddingX: 1, marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: view === 'menu' ? '←→ ↑↓ enter q' : '←→ enter esc q' }) })] }), activeTab === 'tools' && (_jsx(ToolDetails, { tool: selectedTool, isFocused: view === 'detail', selectedAction: selectedAction })), activeTab === 'settings' && (_jsx(SettingsDetails, { onEditSettings: () => setView('setup'), isFocused: false }))] }));
+    return (_jsxs(Box, { flexDirection: "row", padding: 1, children: [_jsxs(Box, { flexDirection: "column", width: 44, borderStyle: "single", borderColor: colors.border, children: [_jsx(Box, { paddingX: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: colors.textDim, children: "[" }), _jsx(Text, { color: colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: colors.primary, children: "\u25CF" }), _jsx(Text, { color: colors.textDim, children: "] " }), _jsx(Text, { color: colors.textMuted, children: "droid" }), _jsxs(Text, { color: colors.textDim, children: [" v", getVersion()] })] }) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: colors.textDim, children: loadConfig().platform === Platform.ClaudeCode ? 'Claude Code' : 'OpenCode' }) }), _jsx(Box, { paddingX: 1, marginTop: 1, children: _jsx(TabBar, { tabs: tabs, activeTab: activeTab }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [activeTab === 'tools' && (_jsxs(_Fragment, { children: [scrollOffset > 0 && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, children: ["\u2191 ", scrollOffset, " more"] }) })), tools.slice(scrollOffset, scrollOffset + MAX_VISIBLE_ITEMS).map((tool, index) => (_jsx(ToolItem, { tool: tool, isSelected: scrollOffset + index === selectedIndex, isActive: scrollOffset + index === selectedIndex && view === 'detail', wasAutoUpdated: autoUpdatedTools.includes(tool.name) }, tool.name))), scrollOffset + MAX_VISIBLE_ITEMS < tools.length && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, children: ["\u2193 ", tools.length - scrollOffset - MAX_VISIBLE_ITEMS, " more"] }) })), tools.length > MAX_VISIBLE_ITEMS && (_jsx(Box, { paddingX: 1, marginTop: 1, children: _jsxs(Text, { color: colors.textDim, children: [tools.length, " tools total"] }) }))] })), activeTab === 'settings' && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: colors.textDim, children: "View and edit config" }) }))] }), message && (_jsx(Box, { paddingX: 1, marginTop: 1, children: _jsx(Text, { color: message.type === 'success' ? colors.success : colors.error, children: message.text }) })), _jsx(Box, { paddingX: 1, marginTop: 1, children: _jsx(Text, { color: colors.textDim, children: view === 'menu' ? '←→ ↑↓ enter q' : '←→ enter esc q' }) })] }), activeTab === 'tools' && (_jsx(ToolDetails, { tool: selectedTool, isFocused: view === 'detail', selectedAction: selectedAction })), activeTab === 'settings' && (_jsx(SettingsDetails, { onEditSettings: () => {
+                    setIsEditingSettings(true);
+                    setView('setup');
+                }, isFocused: view === 'detail', onToggleAutoUpdate: handleToggleAutoUpdateTools, selectedSetting: selectedSetting }))] }));
 }
 export async function tuiCommand() {
     // Enter alternate screen (fullscreen mode)
@@ -797,5 +1000,10 @@ export async function tuiCommand() {
     await waitUntilExit();
     // Leave alternate screen
     process.stdout.write('\x1b[?1049l');
+    // Print exit message if set (e.g., after successful update)
+    if (exitMessage) {
+        console.log(exitMessage);
+        exitMessage = null;
+    }
 }
 //# sourceMappingURL=tui.js.map