@positronic/cli 0.0.2

package/dist/src/components/project-select.js

@@ -0,0 +1,224 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput, useApp, useStdin } from 'ink';
+// Separate component for interactive selection that uses useInput
+var InteractiveProjectSelect = function(param) {
+    var projects = param.projects, currentProject = param.currentProject, projectConfig = param.projectConfig;
+    var _useState = _sliced_to_array(useState(function() {
+        var currentIndex = projects.findIndex(function(p) {
+            return p.name === currentProject;
+        });
+        return currentIndex >= 0 ? currentIndex : 0;
+    }), 2), selectedIndex = _useState[0], setSelectedIndex = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), result = _useState1[0], setResult = _useState1[1];
+    var exit = useApp().exit;
+    useInput(function(input, key) {
+        if (key.upArrow) {
+            setSelectedIndex(function(prev) {
+                return (prev - 1 + projects.length) % projects.length;
+            });
+        } else if (key.downArrow) {
+            setSelectedIndex(function(prev) {
+                return (prev + 1) % projects.length;
+            });
+        } else if (key.return) {
+            var selectedProject = projects[selectedIndex];
+            var selectResult = projectConfig.selectProject(selectedProject.name);
+            setResult(selectResult);
+        } else if (input === 'q' || key.escape) {
+            exit();
+        }
+    });
+    // If selection was made, show success
+    if (result && result.success) {
+        var selectedProject = projects[selectedIndex];
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "green"
+        }, "✅ Project switched successfully!"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            paddingLeft: 2,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "Current project:"), " ", selectedProject.name), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "URL:"), " ", selectedProject.url)));
+    }
+    // Show interactive selection UI
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Select a project:"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, projects.map(function(project, index) {
+        var isSelected = index === selectedIndex;
+        var isCurrent = project.name === currentProject;
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: project.name
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: isSelected ? 'cyan' : undefined
+        }, isSelected ? '▶ ' : '  ', project.name, isCurrent && /*#__PURE__*/ React.createElement(Text, {
+            color: "green"
+        }, " (current)")));
+    })), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, "Use arrow keys to navigate, Enter to select, q to quit")));
+};
+export var ProjectSelect = function(param) {
+    var name = param.name, projectConfig = param.projectConfig;
+    var _useState = _sliced_to_array(useState([]), 2), projects = _useState[0], setProjects = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), currentProject = _useState1[0], setCurrentProject = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), result = _useState2[0], setResult = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(!name), 1), isInteractive = _useState3[0];
+    var isRawModeSupported = useStdin().isRawModeSupported;
+    useEffect(function() {
+        var _projectConfig_listProjects = projectConfig.listProjects(), projectList = _projectConfig_listProjects.projects, current = _projectConfig_listProjects.current;
+        setProjects(projectList);
+        setCurrentProject(current);
+        // If name is provided, select it directly
+        if (name) {
+            var selectResult = projectConfig.selectProject(name);
+            setResult(selectResult);
+        }
+    }, [
+        name,
+        projectConfig
+    ]);
+    // Handle no projects case
+    if (projects.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "❌ No projects configured"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Add a project first with "px project add <name> --url <url>"')));
+    }
+    // Direct selection mode - show result
+    if (!isInteractive && result) {
+        if (result.success) {
+            var selectedProject = projects.find(function(p) {
+                return p.name === name;
+            });
+            return /*#__PURE__*/ React.createElement(Box, {
+                flexDirection: "column"
+            }, /*#__PURE__*/ React.createElement(Text, {
+                color: "green"
+            }, "✅ Project switched successfully!"), /*#__PURE__*/ React.createElement(Box, {
+                marginTop: 1,
+                paddingLeft: 2,
+                flexDirection: "column"
+            }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+                bold: true
+            }, "Current project:"), " ", name), selectedProject && /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+                bold: true
+            }, "URL:"), " ", selectedProject.url)));
+        } else {
+            return /*#__PURE__*/ React.createElement(Box, {
+                flexDirection: "column"
+            }, /*#__PURE__*/ React.createElement(Text, {
+                color: "red"
+            }, "❌ Failed to select project"), /*#__PURE__*/ React.createElement(Box, {
+                paddingLeft: 2
+            }, /*#__PURE__*/ React.createElement(Text, {
+                color: "red"
+            }, result.error)), projects.length > 0 && /*#__PURE__*/ React.createElement(Box, {
+                marginTop: 1,
+                flexDirection: "column"
+            }, /*#__PURE__*/ React.createElement(Text, null, "Available projects:"), projects.map(function(p) {
+                return /*#__PURE__*/ React.createElement(Box, {
+                    key: p.name,
+                    paddingLeft: 2
+                }, /*#__PURE__*/ React.createElement(Text, {
+                    dimColor: true
+                }, "• ", p.name));
+            })));
+        }
+    }
+    // Interactive selection mode
+    if (isInteractive) {
+        // If raw mode is not supported (e.g., in tests), show a non-interactive list
+        if (!isRawModeSupported) {
+            return /*#__PURE__*/ React.createElement(Box, {
+                flexDirection: "column"
+            }, /*#__PURE__*/ React.createElement(Text, {
+                bold: true
+            }, "Available projects:"), /*#__PURE__*/ React.createElement(Box, {
+                marginTop: 1,
+                flexDirection: "column"
+            }, projects.map(function(project) {
+                var isCurrent = project.name === currentProject;
+                return /*#__PURE__*/ React.createElement(Box, {
+                    key: project.name,
+                    paddingLeft: 2
+                }, /*#__PURE__*/ React.createElement(Text, null, "• ", project.name, isCurrent && /*#__PURE__*/ React.createElement(Text, {
+                    color: "green"
+                }, " (current)")));
+            })), /*#__PURE__*/ React.createElement(Box, {
+                marginTop: 1
+            }, /*#__PURE__*/ React.createElement(Text, {
+                dimColor: true
+            }, 'Interactive mode not available. Use "px project select <name>" to select a project.')));
+        }
+        // Use the interactive component that has useInput
+        return /*#__PURE__*/ React.createElement(InteractiveProjectSelect, {
+            projects: projects,
+            currentProject: currentProject,
+            projectConfig: projectConfig
+        });
+    }
+    return /*#__PURE__*/ React.createElement(Text, null, "Processing...");
+};

package/dist/src/components/project-show.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+export var ProjectShow = function(param) {
+    var projectConfig = param.projectConfig;
+    var currentProject = projectConfig.getCurrentProject();
+    var projects = projectConfig.listProjects().projects;
+    if (!currentProject) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "No project currently selected."), projects.length > 0 ? /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Use "px project select" to choose from ', projects.length, " available project", projects.length === 1 ? '' : 's', ".")) : /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Add a project with "px project add <name> --url <url>"')));
+    }
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        paddingTop: 1,
+        paddingBottom: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Current Project"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        paddingLeft: 2,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Name:"), " ", currentProject.name), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "URL:"), " ", currentProject.url), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Added:"), " ", new Date(currentProject.addedAt).toLocaleString())), projects.length > 1 && /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, projects.length - 1, " other project", projects.length - 1 === 1 ? '' : 's', ' available. Use "px project list" to see all.')));
+};

package/dist/src/components/resource-clear.js

@@ -0,0 +1,152 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useApp, useInput } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiGet, useApiDelete } from '../hooks/useApi.js';
+export var ResourceClear = function() {
+    var _useState = _sliced_to_array(useState(false), 2), confirmed = _useState[0], setConfirmed = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), deleted = _useState1[0], setDeleted = _useState1[1];
+    var _useState2 = _sliced_to_array(useState('cancel'), 2), selectedOption = _useState2[0], setSelectedOption = _useState2[1];
+    var exit = useApp().exit;
+    var _useApiGet = useApiGet('/resources'), resourcesData = _useApiGet.data, listLoading = _useApiGet.loading, listError = _useApiGet.error;
+    var _useApiDelete = useApiDelete('resources'), deleteResources = _useApiDelete.execute, deleteLoading = _useApiDelete.loading, deleteError = _useApiDelete.error;
+    useInput(function(input, key) {
+        if (!confirmed && !deleted && resourcesData && resourcesData.count > 0) {
+            if (key.upArrow || key.downArrow) {
+                setSelectedOption(function(prev) {
+                    return prev === 'cancel' ? 'delete' : 'cancel';
+                });
+            } else if (key.return) {
+                if (selectedOption === 'delete') {
+                    setConfirmed(true);
+                } else {
+                    exit();
+                }
+            } else if (key.escape || key.ctrl && input === 'c') {
+                exit();
+            }
+        }
+    });
+    useEffect(function() {
+        if (confirmed && !deleteLoading && !deleteError && !deleted) {
+            deleteResources('/resources').then(function() {
+                setDeleted(true);
+            });
+        }
+    }, [
+        confirmed,
+        deleteLoading,
+        deleteError,
+        deleted,
+        deleteResources
+    ]);
+    useEffect(function() {
+        if (deleted) {
+            // Exit after showing success message for a moment
+            var timer = setTimeout(function() {
+                exit();
+            }, 1500);
+            return function() {
+                return clearTimeout(timer);
+            };
+        }
+    }, [
+        deleted,
+        exit
+    ]);
+    if (listError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: listError
+        });
+    }
+    if (deleteError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: deleteError
+        });
+    }
+    if (listLoading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83D\uDCCB Loading resources..."));
+    }
+    if (resourcesData && resourcesData.count === 0) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "No resources to delete."));
+    }
+    if (!confirmed) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            bold: true,
+            color: "red"
+        }, "\uD83D\uDEA8 DANGER: This will permanently delete ALL resources!"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            marginBottom: 1,
+            paddingLeft: 2,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "This action will delete ", (resourcesData === null || resourcesData === void 0 ? void 0 : resourcesData.count) || 0, " resource(s)."), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "This cannot be undone.")), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "Use arrow keys to select, Enter to confirm:"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: selectedOption === 'cancel' ? 'green' : undefined
+        }, selectedOption === 'cancel' ? '▶ ' : '  ', "Cancel (keep resources)"), /*#__PURE__*/ React.createElement(Text, {
+            color: selectedOption === 'delete' ? 'red' : undefined
+        }, selectedOption === 'delete' ? '▶ ' : '  ', "Delete all resources"))));
+    }
+    if (deleteLoading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83D\uDDD1️  Deleting all resources..."));
+    }
+    if (deleted) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+            color: "green"
+        }, "✅ Successfully deleted all resources"));
+    }
+    return null;
+};

package/dist/src/components/resource-delete.js

@@ -0,0 +1,189 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useStdin, useApp } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiDelete, useApiGet } from '../hooks/useApi.js';
+import { generateTypes } from '../commands/helpers.js';
+export var ResourceDelete = function(param) {
+    var resourceKey = param.resourceKey, resourcePath = param.resourcePath, projectRootPath = param.projectRootPath, _param_force = param.force, force = _param_force === void 0 ? false : _param_force;
+    var _useState = _sliced_to_array(useState(force), 2), confirmed = _useState[0], setConfirmed = _useState[1]; // Auto-confirm if force is true
+    var _useState1 = _sliced_to_array(useState(false), 2), deleted = _useState1[0], setDeleted = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(''), 2), input = _useState2[0], setInput = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(null), 2), isLocalResource = _useState3[0], setIsLocalResource = _useState3[1];
+    var _useStdin = useStdin(), stdin = _useStdin.stdin, setRawMode = _useStdin.setRawMode;
+    var exit = useApp().exit;
+    var _useApiGet = useApiGet('/resources'), resourcesData = _useApiGet.data, listLoading = _useApiGet.loading, listError = _useApiGet.error;
+    var _useApiDelete = useApiDelete('resource'), deleteResource = _useApiDelete.execute, loading = _useApiDelete.loading, error = _useApiDelete.error;
+    // Check if the resource is local
+    useEffect(function() {
+        if (resourcesData) {
+            var resource = resourcesData.resources.find(function(r) {
+                return r.key === resourceKey;
+            });
+            if (resource) {
+                setIsLocalResource(resource.local);
+            } else {
+                setIsLocalResource(false); // Resource doesn't exist
+            }
+        }
+    }, [
+        resourcesData,
+        resourceKey
+    ]);
+    useEffect(function() {
+        if (stdin && !confirmed && !deleted && !force) {
+            setRawMode(true);
+            var handleData = function(data) {
+                var char = data.toString();
+                if (char === '\r' || char === '\n') {
+                    if (input.toLowerCase() === 'yes') {
+                        setConfirmed(true);
+                    } else {
+                        exit();
+                    }
+                } else if (char === '\u0003') {
+                    exit();
+                } else if (char === '\u007F' || char === '\b') {
+                    setInput(function(prev) {
+                        return prev.slice(0, -1);
+                    });
+                } else {
+                    setInput(function(prev) {
+                        return prev + char;
+                    });
+                }
+            };
+            stdin.on('data', handleData);
+            return function() {
+                stdin.off('data', handleData);
+                setRawMode(false);
+            };
+        }
+    }, [
+        stdin,
+        setRawMode,
+        confirmed,
+        deleted,
+        input,
+        exit,
+        force
+    ]);
+    useEffect(function() {
+        if (confirmed && !loading && !error && !deleted) {
+            // URL encode the key for the API endpoint
+            var encodedKey = encodeURIComponent(resourceKey);
+            deleteResource("/resources/".concat(encodedKey)).then(function() {
+                setDeleted(true);
+                // Generate types after successful deletion if in local dev mode
+                if (projectRootPath) {
+                    generateTypes(projectRootPath).catch(function(typeError) {
+                        console.error('Failed to generate types:', typeError);
+                    });
+                }
+            });
+        }
+    }, [
+        confirmed,
+        loading,
+        error,
+        deleted,
+        deleteResource,
+        resourceKey,
+        projectRootPath
+    ]);
+    if (listError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: listError
+        });
+    }
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (listLoading || isLocalResource === null) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Checking resource..."));
+    }
+    if (isLocalResource) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "red",
+            bold: true
+        }, "❌ Cannot Delete Local Resource"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            paddingLeft: 2,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "This resource was synced from your local filesystem."), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "To remove it, delete the file locally and run 'px resources sync'.")));
+    }
+    if (!confirmed && !force) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            bold: true,
+            color: "yellow"
+        }, "⚠️  Warning: This will permanently delete the following resource:"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            marginBottom: 1,
+            paddingLeft: 2
+        }, /*#__PURE__*/ React.createElement(Text, null, resourcePath)), /*#__PURE__*/ React.createElement(Text, null, 'Type "yes" to confirm deletion: ', input));
+    }
+    if (loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83D\uDDD1️  Deleting ", resourcePath, "..."));
+    }
+    if (deleted) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "green"
+        }, "✅ Successfully deleted: ", resourcePath));
+    }
+    return null;
+};