@rulebricks/cli 2.1.7 → 2.3.1

package/dist/components/Wizard/steps/SupabaseCredentialsStep.js

@@ -5,17 +5,19 @@ import TextInput from "ink-text-input";
 import { useWizard } from "../WizardContext.js";
 import { BorderBox } from "../../common/index.js";
 import { generateSecureSecret } from "../../../lib/validation.js";
-// Fixed JWT secret - users can edit this in the raw config if needed
-const JWT_SECRET = "your-super-secret-jwt-token-with-at-least-32-characters-long";
 export function SupabaseCredentialsStep({ onComplete, onBack, }) {
     const { state, dispatch } = useWizard();
-    // Generate defaults if not already set
-    const defaultDbPass = state.supabaseDbPassword || generateSecureSecret(24);
-    const defaultDashboardPass = state.supabaseDashboardPass || generateSecureSecret(16);
+    // Secure fallbacks used only when the user leaves a field empty. Generated
+    // once so they stay stable across renders. The inputs themselves start empty
+    // (or prefilled with an existing value when editing) so there's no confusing
+    // pre-filled secret to clear.
+    const [defaultDbPass] = useState(() => generateSecureSecret(24));
+    const [defaultDashboardPass] = useState(() => generateSecureSecret(16));
+    const [defaultJwtSecret] = useState(() => state.supabaseJwtSecret || generateSecureSecret(64));
     const [subStep, setSubStep] = useState("db-password");
-    const [dbPassword, setDbPassword] = useState(defaultDbPass);
+    const [dbPassword, setDbPassword] = useState(state.supabaseDbPassword || "");
     const [dashboardUser, setDashboardUser] = useState(state.supabaseDashboardUser || "supabase");
-    const [dashboardPass, setDashboardPass] = useState(defaultDashboardPass);
+    const [dashboardPass, setDashboardPass] = useState(state.supabaseDashboardPass || "");
     const [error, setError] = useState(null);
     useInput((input, key) => {
         if (key.escape) {
@@ -32,10 +34,13 @@ export function SupabaseCredentialsStep({ onComplete, onBack, }) {
         }
     });
     const handleDbPasswordSubmit = () => {
-        if (!dbPassword || dbPassword.length < 8) {
+        // Empty means "use a generated secure value".
+        const effective = dbPassword.trim() || defaultDbPass;
+        if (effective.length < 8) {
             setError("Database password must be at least 8 characters");
             return;
         }
+        setDbPassword(effective);
         setError(null);
         setSubStep("dashboard-user");
     };
@@ -48,7 +53,9 @@ export function SupabaseCredentialsStep({ onComplete, onBack, }) {
         setSubStep("dashboard-pass");
     };
     const handleDashboardPassSubmit = () => {
-        if (!dashboardPass || dashboardPass.length < 8) {
+        // Empty means "use a generated secure value".
+        const effectivePass = dashboardPass.trim() || defaultDashboardPass;
+        if (effectivePass.length < 8) {
             setError("Dashboard password must be at least 8 characters");
             return;
         }
@@ -56,21 +63,13 @@ export function SupabaseCredentialsStep({ onComplete, onBack, }) {
         dispatch({
             type: "SET_SUPABASE_SELF_HOSTED",
             config: {
-                supabaseJwtSecret: JWT_SECRET,
-                supabaseDbPassword: dbPassword,
+                supabaseJwtSecret: defaultJwtSecret,
+                supabaseDbPassword: dbPassword.trim() || defaultDbPass,
                 supabaseDashboardUser: dashboardUser,
-                supabaseDashboardPass: dashboardPass,
+                supabaseDashboardPass: effectivePass,
             },
         });
         onComplete();
     };
-    const regenerateSecret = (field) => {
-        if (field === "db") {
-            setDbPassword(generateSecureSecret(24));
-        }
-        else {
-            setDashboardPass(generateSecureSecret(16));
-        }
-    };
-    return (_jsxs(BorderBox, { title: "Supabase Credentials", children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "gray", dimColor: true, children: "Configure credentials for your self-hosted Supabase instance" }), _jsx(Text, { color: "yellow", dimColor: true, children: "\u26A0 Save these credentials securely - you'll need them to access Supabase" })] }), subStep === "db-password" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Database Password:" }), _jsx(Text, { color: "gray", dimColor: true, children: "PostgreSQL database password" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default (press Enter to use): ", defaultDbPass] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dbPassword, onChange: setDbPassword, onSubmit: handleDbPasswordSubmit, placeholder: "Database password (min 8 chars)", mask: "*" }) })] })), subStep === "dashboard-user" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Supabase Studio Username:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Username for accessing the Supabase dashboard" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dashboardUser, onChange: setDashboardUser, onSubmit: handleDashboardUserSubmit, placeholder: "supabase" }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { color: "gray", children: " Database password configured" })] }) })] })), subStep === "dashboard-pass" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Supabase Studio Password:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Password for accessing the Supabase dashboard" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default (press Enter to use): ", defaultDashboardPass] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dashboardPass, onChange: setDashboardPass, onSubmit: handleDashboardPassSubmit, placeholder: "Dashboard password (min 8 chars)", mask: "*" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { color: "gray", children: " Database password configured" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Dashboard user: ", dashboardUser] })] })] })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
+    return (_jsxs(BorderBox, { title: "Supabase Credentials", children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "gray", dimColor: true, children: "Configure credentials for your self-hosted Supabase instance" }), _jsx(Text, { color: "yellow", dimColor: true, children: "\u26A0 Save these credentials securely - you'll need them to access Supabase" })] }), subStep === "db-password" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Database Password:" }), _jsx(Text, { color: "gray", dimColor: true, children: "PostgreSQL database password. Leave empty to generate a secure value." }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dbPassword, onChange: setDbPassword, onSubmit: handleDbPasswordSubmit, placeholder: "Leave empty to generate a secure value", mask: "*" }) })] })), subStep === "dashboard-user" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Supabase Studio Username:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Username for accessing the Supabase dashboard" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dashboardUser, onChange: setDashboardUser, onSubmit: handleDashboardUserSubmit, placeholder: "supabase" }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { color: "gray", children: " Database password configured" })] }) })] })), subStep === "dashboard-pass" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Supabase Studio Password:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Password for accessing the Supabase dashboard. Leave empty to generate a secure value." }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dashboardPass, onChange: setDashboardPass, onSubmit: handleDashboardPassSubmit, placeholder: "Leave empty to generate a secure value", mask: "*" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { color: "gray", children: " Database password configured" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Dashboard user: ", dashboardUser] })] })] })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
 }

package/dist/components/Wizard/steps/VersionStep.js

@@ -7,8 +7,9 @@ import { useWizard } from "../WizardContext.js";
 import { BorderBox, useTheme } from "../../common/index.js";
 import { Spinner } from "../../common/Spinner.js";
 import { fetchAppVersions, formatDate } from "../../../lib/versions.js";
-import { CHANGELOG_URL } from "../../../types/index.js";
+import { CHANGELOG_URL, } from "../../../types/index.js";
 import { formatVersionDisplay } from "../../../lib/dockerHub.js";
+import { inferClusterCapabilities } from "../../../lib/kubernetes.js";
 export function VersionStep({ onComplete, onBack }) {
     const { state, dispatch } = useWizard();
     const { colors } = useTheme();
@@ -32,10 +33,44 @@ export function VersionStep({ onComplete, onBack }) {
         setSubStep("loading-versions");
         setLoadError(null);
         try {
-            const appVersions = await fetchAppVersions(licenseKey);
+            // Scan the cluster for its capabilities (node architecture, storage
+            // class, ARM tolerations) and store them in wizard state, unless an
+            // earlier scan already populated them. The architecture is needed to
+            // fetch the matching image versions below.
+            let architecture;
+            if (state.nodeArchitecture === "amd64" ||
+                state.nodeArchitecture === "arm64") {
+                architecture = state.nodeArchitecture;
+            }
+            else {
+                const capabilities = await inferClusterCapabilities();
+                if (capabilities) {
+                    dispatch({
+                        type: "SET_CLUSTER_CAPABILITIES",
+                        nodeArchitecture: capabilities.nodeArchitecture,
+                        arm64TolerationRequired: capabilities.arm64TolerationRequired,
+                        storageClass: capabilities.storageClass,
+                        storageProvisioner: capabilities.storageProvisioner,
+                        schedulableNodeCount: capabilities.schedulableNodeCount,
+                        totalCpuCores: capabilities.totalCpuCores,
+                        totalMemoryGi: capabilities.totalMemoryGi,
+                        eligibleCpuCores: capabilities.eligibleCpuCores,
+                        eligibleMemoryGi: capabilities.eligibleMemoryGi,
+                        totalPersistentStorageGi: capabilities.totalPersistentStorageGi ?? 0,
+                    });
+                    if (capabilities.nodeArchitecture === "amd64" ||
+                        capabilities.nodeArchitecture === "arm64") {
+                        architecture = capabilities.nodeArchitecture;
+                    }
+                }
+            }
+            const appVersions = await fetchAppVersions(licenseKey, architecture);
             setVersions(appVersions);
-            if (appVersions.length === 0) {
-                setLoadError("No versions found. Using latest.");
+            if (appVersions.length === 0 && architecture) {
+                setLoadError(`No compatible Rulebricks version found for ${architecture} nodes.`);
+            }
+            else if (appVersions.length === 0) {
+                setLoadError("No Rulebricks versions found.");
             }
             setSubStep("version");
         }
@@ -67,9 +102,8 @@ export function VersionStep({ onComplete, onBack }) {
     };
     const handleVersionSelect = (item) => {
         dispatch({
-            type: "SET_APP_VERSION",
-            appVersion: item.value,
-            hpsVersion: item.hpsVersion || item.value,
+            type: "SET_VERSION",
+            version: item.value,
         });
         onComplete();
     };
@@ -82,32 +116,20 @@ export function VersionStep({ onComplete, onBack }) {
             {
                 label: `✨ Latest (${formatVersionDisplay(latestVersion.version)})`,
                 value: latestVersion.version,
-                hpsVersion: latestVersion.hpsVersion || latestVersion.version,
                 releaseDate: latestVersion.releaseDate,
             },
             // Skip the first version since it's shown as "Latest"
             ...versions.slice(1, 15).map((v) => ({
                 label: formatVersionDisplay(v.version),
                 value: v.version,
-                hpsVersion: v.hpsVersion || v.version,
                 releaseDate: v.releaseDate,
             })),
         ]
-        : [
-            {
-                label: "✨ Latest (recommended)",
-                value: "latest",
-                hpsVersion: "latest",
-                releaseDate: null,
-            },
-        ];
-    return (_jsxs(BorderBox, { title: "License & Version", children: [subStep === "license" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter your Rulebricks license key:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Get a license at https://rulebricks.com/pricing" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: licenseKey, onChange: setLicenseKey, onSubmit: handleLicenseSubmit, placeholder: "vd67aveCHr1G..." }) })] })), subStep === "loading-versions" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Spinner, { label: "Authenticating and fetching versions..." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Connecting to Docker Hub..." }) })] })), subStep === "version" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select app version to deploy:" }), loadError && (_jsxs(Text, { color: colors.warning, dimColor: true, children: ["\u26A0 ", loadError] })), _jsx(Box, { marginTop: 1, height: 12, flexDirection: "column", overflowY: "hidden", children: _jsx(SelectInput, { items: versionItems, onSelect: handleVersionSelect, limit: 10, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => {
+        : [];
+    return (_jsxs(BorderBox, { title: "License & Version", children: [subStep === "license" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter your Rulebricks license key:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Get a license at https://rulebricks.com/pricing" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: licenseKey, onChange: setLicenseKey, onSubmit: handleLicenseSubmit, placeholder: "vd67aveCHr1G..." }) })] })), subStep === "loading-versions" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Spinner, { label: "Authenticating and fetching versions..." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Connecting to Docker Hub..." }) })] })), subStep === "version" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select Rulebricks version to deploy:" }), loadError && (_jsxs(Text, { color: colors.warning, dimColor: true, children: ["\u26A0 ", loadError] })), _jsx(Box, { marginTop: 1, height: 12, flexDirection: "column", overflowY: "hidden", children: versionItems.length > 0 ? (_jsx(SelectInput, { items: versionItems, onSelect: handleVersionSelect, limit: 10, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => {
                                 // Find the version item from the list using the label
                                 const versionItem = versionItems.find((v) => v.label === label);
-                                const hasHps = versionItem?.value &&
-                                    versionItem?.hpsVersion &&
-                                    versionItem.value !== "latest";
                                 const hasDate = versionItem?.releaseDate;
-                                return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] }), hasDate && (_jsxs(Text, { color: colors.muted, children: [" ", "(", formatDate(versionItem.releaseDate), ")"] })), hasHps && (_jsxs(Text, { color: colors.muted, children: ["  ", "Solver:", " ", formatVersionDisplay(versionItem.hpsVersion)] }))] }));
-                            } }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", "License key: ", licenseKey.substring(0, 8), "..."] })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", dimColor: true, children: ["View changelog: ", CHANGELOG_URL] }) })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.error, children: ["\u2717 ", error] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
+                                return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] }), hasDate && (_jsxs(Text, { color: colors.muted, children: [" ", "(", formatDate(versionItem.releaseDate), ")"] }))] }));
+                            } })) : (_jsx(Text, { color: colors.warning, children: "No compatible image versions are available for this cluster." })) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", "License key: ", licenseKey.substring(0, 8), "..."] })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", dimColor: true, children: ["View changelog: ", CHANGELOG_URL] }) })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.error, children: ["\u2717 ", error] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
 }

package/dist/components/Wizard/steps/index.d.ts

@@ -1,12 +1,12 @@
-export { DeploymentModeStep } from './DeploymentModeStep.js';
 export { CloudProviderStep } from './CloudProviderStep.js';
 export { DomainStep } from './DomainStep.js';
 export { SMTPStep } from './SMTPStep.js';
 export { DatabaseStep } from './DatabaseStep.js';
 export { SupabaseCredentialsStep } from './SupabaseCredentialsStep.js';
-export { TierStep } from './TierStep.js';
 export { FeaturesStep } from './FeaturesStep.js';
+export { StorageStep } from './StorageStep.js';
+export { ObservabilityStep } from './ObservabilityStep.js';
+export { ExternalServicesStep } from './ExternalServicesStep.js';
 export { FeatureConfigStep } from './FeatureConfigStep.js';
 export { VersionStep } from './VersionStep.js';
-export { CredentialsStep } from './CredentialsStep.js';
 export { ReviewStep } from './ReviewStep.js';

package/dist/components/Wizard/steps/index.js

@@ -1,12 +1,12 @@
-export { DeploymentModeStep } from './DeploymentModeStep.js';
 export { CloudProviderStep } from './CloudProviderStep.js';
 export { DomainStep } from './DomainStep.js';
 export { SMTPStep } from './SMTPStep.js';
 export { DatabaseStep } from './DatabaseStep.js';
 export { SupabaseCredentialsStep } from './SupabaseCredentialsStep.js';
-export { TierStep } from './TierStep.js';
 export { FeaturesStep } from './FeaturesStep.js';
+export { StorageStep } from './StorageStep.js';
+export { ObservabilityStep } from './ObservabilityStep.js';
+export { ExternalServicesStep } from './ExternalServicesStep.js';
 export { FeatureConfigStep } from './FeatureConfigStep.js';
 export { VersionStep } from './VersionStep.js';
-export { CredentialsStep } from './CredentialsStep.js';
 export { ReviewStep } from './ReviewStep.js';

package/dist/components/common/CommandApproval.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { useInput } from "ink";
+interface CommandApprovalContextValue {
+    pending: boolean;
+}
+interface CommandApprovalProviderProps {
+    children: ReactNode;
+}
+export declare function CommandApprovalProvider({ children, }: CommandApprovalProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useCommandApproval(): CommandApprovalContextValue;
+export declare function useGatedInput(inputHandler: Parameters<typeof useInput>[0], options?: Parameters<typeof useInput>[1]): void;
+export {};

package/dist/components/common/CommandApproval.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import SelectInput from "ink-select-input";
+import { useTheme } from "../../lib/theme.js";
+import { getCurrentCommandApproval, respondToCommandApproval, setCommandApprovalInteractive, subscribeCommandApprovals, } from "../../lib/commandApproval.js";
+const CommandApprovalContext = createContext({
+    pending: false,
+});
+export function CommandApprovalProvider({ children, }) {
+    const [pending, setPending] = useState(getCurrentCommandApproval());
+    useEffect(() => {
+        setCommandApprovalInteractive(true);
+        const unsubscribe = subscribeCommandApprovals(() => {
+            setPending(getCurrentCommandApproval());
+        });
+        setPending(getCurrentCommandApproval());
+        return () => {
+            unsubscribe();
+            setCommandApprovalInteractive(false);
+        };
+    }, []);
+    return (_jsx(CommandApprovalContext.Provider, { value: { pending: pending !== null }, children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { display: pending ? "none" : "flex", flexDirection: "column", children: children }), pending && _jsx(CommandApprovalScreen, { request: pending })] }) }));
+}
+export function useCommandApproval() {
+    return useContext(CommandApprovalContext);
+}
+export function useGatedInput(inputHandler, options = {}) {
+    const { pending } = useCommandApproval();
+    useInput(inputHandler, {
+        ...options,
+        isActive: (options?.isActive ?? true) && !pending,
+    });
+}
+function CommandApprovalScreen({ request, }) {
+    const { colors } = useTheme();
+    const tagColor = request.mutating ? colors.warning : colors.success;
+    const tag = request.mutating ? "modifies cloud resources" : "read-only";
+    const provider = request.provider ? request.provider.toUpperCase() : "CLOUD CLI";
+    const approve = (scope) => {
+        respondToCommandApproval(request.id, "approve", scope);
+    };
+    const deny = () => {
+        respondToCommandApproval(request.id, "deny", "once");
+    };
+    useInput((input) => {
+        if (input === "y" || input === "Y") {
+            approve("once");
+        }
+        else if (input === "a" || input === "A") {
+            approve("all-like");
+        }
+        else if (input === "n" || input === "N") {
+            deny();
+        }
+    });
+    const items = [
+        { label: "Approve", value: "once" },
+        { label: `Approve all "${request.intent}" commands`, value: "all-like" },
+        { label: "Deny", value: "deny" },
+    ];
+    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsxs(Text, { color: colors.accent, children: ["\u250C\u2500 Cloud CLI Approval ", "─".repeat(51), "\u2510"] }), _jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, width: 76, children: [_jsx(Box, { children: _jsx(Text, { color: colors.accent, bold: true, children: request.intent }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.muted, children: provider }), _jsx(Text, { color: colors.muted, children: " \u2022 " }), _jsx(Text, { color: tagColor, children: tag })] }), request.description && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.muted, children: request.description }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "The Rulebricks CLI wants to run:" }), _jsx(Box, { flexDirection: "column", marginTop: 1, paddingX: 1, children: wrapCommand(request.command).map((line, index) => (_jsxs(Text, { color: colors.accentBright, children: [index === 0 ? "$ " : "  ", line] }, index))) })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(SelectInput, { items: items, onSelect: (item) => {
+                                if (item.value === "deny") {
+                                    deny();
+                                }
+                                else {
+                                    approve(item.value);
+                                }
+                            }, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "> " : "  ", label] })) }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, dimColor: true, children: "y approve \u2022 a approve all like this \u2022 n deny" }), _jsx(Text, { color: colors.muted, dimColor: true, children: "You can run this yourself in another terminal, then choose Deny." })] })] }), _jsxs(Text, { color: colors.accent, children: ["\u2514", "─".repeat(74), "\u2518"] })] }));
+}
+function wrapCommand(command, width = 68) {
+    const words = command.split(" ");
+    const lines = [];
+    let current = "";
+    for (const word of words) {
+        if (!current) {
+            current = word;
+            continue;
+        }
+        if (`${current} ${word}`.length > width) {
+            lines.push(current);
+            current = word;
+        }
+        else {
+            current = `${current} ${word}`;
+        }
+    }
+    if (current)
+        lines.push(current);
+    return lines.length > 0 ? lines : [command];
+}

package/dist/components/common/DeploymentPicker.d.ts

@@ -0,0 +1,14 @@
+interface DeploymentPickerProps {
+    deployments: string[];
+    /** Verb phrase shown in the prompt, e.g. "deploy" or "view logs for". */
+    action?: string;
+    onSelect: (name: string) => void;
+    onCancel: () => void;
+}
+/**
+ * Interactive deployment selector shown when a command is run without a
+ * deployment name and more than one deployment exists. Kept standalone (no
+ * ThemeProvider) so it can render before a command's own Ink tree mounts.
+ */
+export declare function DeploymentPicker({ deployments, action, onSelect, onCancel, }: DeploymentPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/DeploymentPicker.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import SelectInput from "ink-select-input";
+/**
+ * Interactive deployment selector shown when a command is run without a
+ * deployment name and more than one deployment exists. Kept standalone (no
+ * ThemeProvider) so it can render before a command's own Ink tree mounts.
+ */
+export function DeploymentPicker({ deployments, action, onSelect, onCancel, }) {
+    useInput((input, key) => {
+        if (key.escape) {
+            onCancel();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: ["Select a deployment", action ? ` to ${action}` : "", ":"] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(SelectInput, { items: deployments.map((d) => ({ label: d, value: d })), onSelect: (item) => onSelect(item.value), limit: 10, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? "cyan" : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "\u2191/\u2193 to navigate \u2022 Enter to select \u2022 Esc to cancel" }) })] }));
+}

package/dist/components/common/index.d.ts

@@ -1,6 +1,8 @@
 export { BorderBox, Section, ProgressBar } from "./Box.js";
 export { Spinner, StatusLine } from "./Spinner.js";
 export { AppShell, ScreenContainer, ProgressHeader } from "./AppShell.js";
+export { DeploymentPicker } from "./DeploymentPicker.js";
 export { Logo, LOGO_LINES } from "./Logo.js";
+export { CommandApprovalProvider, useCommandApproval, useGatedInput, } from "./CommandApproval.js";
 export { ThemeProvider, useTheme, THEMES } from "../../lib/theme.js";
 export type { CommandTheme, ThemeColors } from "../../lib/theme.js";

package/dist/components/common/index.js

@@ -1,5 +1,7 @@
 export { BorderBox, Section, ProgressBar } from "./Box.js";
 export { Spinner, StatusLine } from "./Spinner.js";
 export { AppShell, ScreenContainer, ProgressHeader } from "./AppShell.js";
+export { DeploymentPicker } from "./DeploymentPicker.js";
 export { Logo, LOGO_LINES } from "./Logo.js";
+export { CommandApprovalProvider, useCommandApproval, useGatedInput, } from "./CommandApproval.js";
 export { ThemeProvider, useTheme, THEMES } from "../../lib/theme.js";