@matthesketh/fleet 1.0.0 → 1.2.0

package/dist/tui/views/SecretsView.js

@@ -1,72 +1,84 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Box, Text, useInput } from 'ink';
+import { useEffect, useCallback } from 'react';
+import { Box, Text } from 'ink';
+import { useRegisterHandler } from '@matthesketh/ink-input-dispatcher';
+import { ScrollableList } from '@matthesketh/ink-scrollable-list';
+import { useAvailableHeight } from '@matthesketh/ink-viewport';
 import { useAppState, useAppDispatch, useRedact } from '../state.js';
 import { useSecrets } from '../hooks/use-secrets.js';
 import { colors } from '../theme.js';
 export function SecretsView() {
-    const { selectedApp } = useAppState();
+    const state = useAppState();
     const dispatch = useAppDispatch();
     const redact = useRedact();
     const secrets = useSecrets();
-    const [subView, setSubView] = useState('app-list');
-    const [selectedIndex, setSelectedIndex] = useState(0);
+    const availableHeight = useAvailableHeight();
+    const { secretsSubView: subView, secretsIndex: selectedIndex, selectedApp } = state;
+    const refresh = secrets.refresh;
     useEffect(() => {
-        secrets.refresh();
-    }, []);
+        refresh();
+    }, [refresh]);
     useEffect(() => {
         if (subView === 'secret-list' && selectedApp) {
             secrets.loadAppSecrets(selectedApp);
         }
-    }, [subView, selectedApp]);
-    useInput((input, key) => {
+    }, [subView, selectedApp, secrets.loadAppSecrets]);
+    const handler = useCallback((input, key) => {
         if (subView === 'app-list') {
             if (input === 'j' || key.downArrow) {
-                setSelectedIndex(prev => Math.min(prev + 1, secrets.apps.length - 1));
+                dispatch({ type: 'SET_INDEX', view: 'secrets', index: Math.min(selectedIndex + 1, secrets.apps.length - 1) });
+                return true;
             }
-            else if (input === 'k' || key.upArrow) {
-                setSelectedIndex(prev => Math.max(prev - 1, 0));
+            if (input === 'k' || key.upArrow) {
+                dispatch({ type: 'SET_INDEX', view: 'secrets', index: Math.max(selectedIndex - 1, 0) });
+                return true;
             }
-            else if (key.return && secrets.apps[selectedIndex]) {
+            if (key.return && secrets.apps[selectedIndex]) {
                 dispatch({ type: 'SELECT_APP', app: secrets.apps[selectedIndex].app });
-                setSubView('secret-list');
-                setSelectedIndex(0);
+                dispatch({ type: 'SET_SECRETS_SUBVIEW', subView: 'secret-list' });
+                return true;
             }
-            else if (input === 'u') {
+            if (input === 'u') {
                 const result = secrets.unseal();
                 if (!result.ok) {
                     dispatch({ type: 'SET_ERROR', error: result.error ?? 'Unseal failed' });
                 }
                 secrets.refresh();
+                return true;
             }
-            else if (input === 'l') {
+            if (input === 'l') {
                 const result = secrets.seal();
                 if (!result.ok) {
                     dispatch({ type: 'SET_ERROR', error: result.error ?? 'Seal failed' });
                 }
                 secrets.refresh();
+                return true;
             }
         }
         else if (subView === 'secret-list') {
             if (input === 'j' || key.downArrow) {
-                setSelectedIndex(prev => Math.min(prev + 1, secrets.secrets.length - 1));
+                dispatch({ type: 'SET_INDEX', view: 'secrets', index: Math.min(selectedIndex + 1, secrets.secrets.length - 1) });
+                return true;
             }
-            else if (input === 'k' || key.upArrow) {
-                setSelectedIndex(prev => Math.max(prev - 1, 0));
+            if (input === 'k' || key.upArrow) {
+                dispatch({ type: 'SET_INDEX', view: 'secrets', index: Math.max(selectedIndex - 1, 0) });
+                return true;
             }
-            else if (key.return && secrets.secrets[selectedIndex] && selectedApp) {
+            if (key.return && secrets.secrets[selectedIndex] && selectedApp) {
                 dispatch({ type: 'SELECT_SECRET', key: secrets.secrets[selectedIndex].key });
                 dispatch({ type: 'NAVIGATE', view: 'secret-edit' });
+                return true;
             }
-            else if (key.escape) {
-                setSubView('app-list');
-                setSelectedIndex(0);
+            if (key.escape) {
+                dispatch({ type: 'SET_SECRETS_SUBVIEW', subView: 'app-list' });
+                return true;
             }
-            else if (input === 'a' && selectedApp) {
+            if (input === 'a' && selectedApp) {
                 dispatch({ type: 'SELECT_SECRET', key: null });
                 dispatch({ type: 'NAVIGATE', view: 'secret-edit' });
+                return true;
             }
-            else if (input === 'd' && selectedApp && secrets.secrets[selectedIndex]) {
+            if (input === 'd' && selectedApp && secrets.secrets[selectedIndex]) {
                 const secretKey = secrets.secrets[selectedIndex].key;
                 dispatch({
                     type: 'CONFIRM',
@@ -85,8 +97,9 @@ export function SecretsView() {
                         },
                     },
                 });
+                return true;
             }
-            else if (input === 'r' && selectedApp && secrets.secrets[selectedIndex]) {
+            if (input === 'r' && selectedApp && secrets.secrets[selectedIndex]) {
                 const secretKey = secrets.secrets[selectedIndex].key;
                 if (secrets.revealedValues[secretKey]) {
                     secrets.hideSecret(secretKey);
@@ -94,15 +107,15 @@ export function SecretsView() {
                 else {
                     secrets.revealSecret(selectedApp, secretKey);
                 }
+                return true;
             }
         }
-    });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, paddingX: 1, gap: 2, children: [_jsx(Text, { bold: true, children: "Vault:" }), !secrets.initialized ? (_jsx(Text, { color: colors.error, children: "Not initialized" })) : secrets.sealed ? (_jsx(Text, { color: colors.warning, bold: true, children: "SEALED" })) : (_jsx(Text, { color: colors.success, bold: true, children: "UNSEALED" })), _jsxs(Text, { color: colors.muted, children: [secrets.apps.length, " apps | ", secrets.apps.reduce((sum, a) => sum + a.keyCount, 0), " keys"] })] }), secrets.error && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.error, children: secrets.error }) })), subView === 'app-list' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Apps with secrets:" }), secrets.apps.length === 0 ? (_jsx(Text, { color: colors.muted, children: "  No secrets managed" })) : (secrets.apps.map((app, i) => {
-                        const selected = i === selectedIndex;
-                        return (_jsxs(Text, { children: [_jsx(Text, { color: colors.primary, children: selected ? '> ' : '  ' }), _jsx(Text, { bold: selected, color: selected ? colors.primary : colors.text, children: redact(app.app).padEnd(24) }), _jsx(Text, { color: colors.muted, children: app.type.padEnd(14) }), _jsxs(Text, { children: [String(app.keyCount).padEnd(8), " keys"] })] }, app.app));
-                    }))] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: colors.primary, children: redact(selectedApp ?? '') }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: secrets.secrets.length === 0 ? (_jsx(Text, { color: colors.muted, children: "  No secrets found" })) : (secrets.secrets.map((secret, i) => {
-                            const selected = i === selectedIndex;
-                            const revealed = secrets.revealedValues[secret.key];
-                            return (_jsxs(Text, { children: [_jsx(Text, { color: colors.primary, children: selected ? '> ' : '  ' }), _jsx(Text, { bold: selected, color: selected ? colors.primary : colors.text, children: secret.key.padEnd(30) }), _jsx(Text, { color: revealed ? colors.warning : colors.muted, children: revealed ?? secret.maskedValue })] }, secret.key));
-                        })) })] }))] }));
+        return false;
+    }, [subView, selectedIndex, selectedApp, secrets, dispatch, redact]);
+    useRegisterHandler(handler);
+    const listHeight = Math.max(5, availableHeight - 5);
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, paddingX: 1, gap: 2, children: [_jsx(Text, { bold: true, children: "Vault:" }), !secrets.initialized ? (_jsx(Text, { color: colors.error, children: "Not initialized" })) : secrets.sealed ? (_jsx(Text, { color: colors.warning, bold: true, children: "SEALED" })) : (_jsx(Text, { color: colors.success, bold: true, children: "UNSEALED" })), _jsxs(Text, { color: colors.muted, children: [secrets.apps.length, " apps | ", secrets.apps.reduce((sum, a) => sum + a.keyCount, 0), " keys"] })] }), secrets.error && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.error, children: secrets.error }) })), subView === 'app-list' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Apps with secrets:" }), _jsx(ScrollableList, { items: secrets.apps, selectedIndex: Math.min(selectedIndex, secrets.apps.length - 1), maxVisible: listHeight, emptyText: "  No secrets managed", renderItem: (app, selected) => (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: selected ? '> ' : '  ' }), _jsx(Text, { bold: selected, color: selected ? colors.primary : colors.text, children: redact(app.app).padEnd(24) }), _jsx(Text, { color: colors.muted, children: app.type.padEnd(14) }), _jsxs(Text, { children: [String(app.keyCount).padEnd(8), " keys"] })] })) })] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: colors.primary, children: redact(selectedApp ?? '') }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(ScrollableList, { items: secrets.secrets, selectedIndex: Math.min(selectedIndex, secrets.secrets.length - 1), maxVisible: listHeight, emptyText: "  No secrets found", renderItem: (secret, selected) => {
+                                const revealed = secrets.revealedValues[secret.key];
+                                return (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: selected ? '> ' : '  ' }), _jsx(Text, { bold: selected, color: selected ? colors.primary : colors.text, children: secret.key.padEnd(30) }), _jsx(Text, { color: revealed ? colors.warning : colors.muted, children: revealed ?? secret.maskedValue })] }));
+                            } }) })] }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matthesketh/fleet",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Docker production management CLI + MCP server for Claude Code",
   "type": "module",
   "main": "dist/index.js",
@@ -13,6 +13,7 @@
     "LICENSE",
     "README.md"
   ],
+  "workspaces": ["packages/*"],
   "scripts": {
     "build": "tsc",
     "dev": "tsx src/index.ts",
@@ -48,6 +49,21 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "1.8.0",
+    "@matthesketh/ink-breadcrumb": "*",
+    "@matthesketh/ink-gauge": "*",
+    "@matthesketh/ink-input-dispatcher": "*",
+    "@matthesketh/ink-keybinding-help": "*",
+    "@matthesketh/ink-log-viewer": "*",
+    "@matthesketh/ink-modal": "*",
+    "@matthesketh/ink-pipeline": "*",
+    "@matthesketh/ink-rule": "*",
+    "@matthesketh/ink-scrollable-list": "*",
+    "@matthesketh/ink-split-pane": "*",
+    "@matthesketh/ink-status-bar": "*",
+    "@matthesketh/ink-table": "*",
+    "@matthesketh/ink-tabs": "*",
+    "@matthesketh/ink-toast": "*",
+    "@matthesketh/ink-viewport": "*",
     "ink": "^5.2.1",
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",