@positronic/cli 0.0.55 → 0.0.57

package/dist/src/components/users-keys-add.js

@@ -0,0 +1,156 @@
+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, { useEffect, useState } from 'react';
+import { Box, Text } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiPost, useApiGet } from '../hooks/useApi.js';
+import { convertSSHPubKeyToJWK } from '../lib/ssh-key-utils.js';
+import { existsSync } from 'fs';
+import { homedir } from 'os';
+import { join } from 'path';
+export var UsersKeysAdd = function(param) {
+    var userId = param.userId, pubkeyPath = param.pubkeyPath, label = param.label;
+    var _useApiGet = useApiGet("/users/".concat(userId)), user = _useApiGet.data, loadingUser = _useApiGet.loading, userError = _useApiGet.error;
+    var _useApiPost = useApiPost("/users/".concat(userId, "/keys")), data = _useApiPost.data, loading = _useApiPost.loading, error = _useApiPost.error, execute = _useApiPost.execute;
+    var _useState = _sliced_to_array(useState(false), 2), added = _useState[0], setAdded = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), parseError = _useState1[0], setParseError = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), keyInfo = _useState2[0], setKeyInfo = _useState2[1];
+    useEffect(function() {
+        if (!added && user && !parseError) {
+            // Resolve the path
+            var resolvedPath = pubkeyPath;
+            if (resolvedPath.startsWith('~')) {
+                resolvedPath = join(homedir(), resolvedPath.slice(1));
+            }
+            // Check if file exists
+            if (!existsSync(resolvedPath)) {
+                setParseError("Public key file not found: ".concat(resolvedPath));
+                return;
+            }
+            try {
+                // Convert SSH public key to JWK
+                var _convertSSHPubKeyToJWK = convertSSHPubKeyToJWK(resolvedPath), jwk = _convertSSHPubKeyToJWK.jwk, fingerprint = _convertSSHPubKeyToJWK.fingerprint, algorithm = _convertSSHPubKeyToJWK.algorithm;
+                setKeyInfo({
+                    fingerprint: fingerprint,
+                    algorithm: algorithm
+                });
+                // Upload the key
+                execute({
+                    jwk: jwk,
+                    fingerprint: fingerprint,
+                    label: label || ''
+                }).then(function() {
+                    return setAdded(true);
+                }).catch(function() {});
+            } catch (err) {
+                setParseError(err.message || 'Failed to parse SSH public key');
+            }
+        }
+    }, [
+        user,
+        added,
+        pubkeyPath,
+        label,
+        execute,
+        parseError
+    ]);
+    if (userError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: userError
+        });
+    }
+    if (parseError) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column",
+            paddingTop: 1,
+            paddingBottom: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "Error parsing public key: ", parseError), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "Make sure the file is a valid SSH public key (e.g., id_rsa.pub, id_ed25519.pub)")));
+    }
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (loadingUser) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Loading user..."));
+    }
+    if (!user) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "User not found: ", userId));
+    }
+    if (loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, 'Adding key to user "', user.name, '"...'));
+    }
+    if (data && keyInfo) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column",
+            paddingTop: 1,
+            paddingBottom: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "green"
+        }, "Key added successfully!"), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "User:"), " ", user.name), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "Algorithm:"), " ", keyInfo.algorithm.toUpperCase()), /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "Fingerprint:"), " ", keyInfo.fingerprint), label && /*#__PURE__*/ React.createElement(Text, null, /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "Label:"), " ", label)));
+    }
+    return null;
+};

package/dist/src/components/users-keys-list.js

@@ -0,0 +1,119 @@
+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_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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 from 'react';
+import { Box, Text } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiGet } from '../hooks/useApi.js';
+var formatDate = function(timestamp) {
+    var date = new Date(timestamp);
+    return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();
+};
+var truncate = function(text, maxWidth) {
+    if (text.length <= maxWidth) return text;
+    return text.substring(0, maxWidth - 3) + '...';
+};
+var padRight = function(text, width) {
+    return text + ' '.repeat(Math.max(0, width - text.length));
+};
+export var UsersKeysList = function(param) {
+    var userId = param.userId;
+    var _useApiGet = useApiGet("/users/".concat(userId)), user = _useApiGet.data, loadingUser = _useApiGet.loading, userError = _useApiGet.error;
+    var _useApiGet1 = useApiGet("/users/".concat(userId, "/keys")), data = _useApiGet1.data, loading = _useApiGet1.loading, error = _useApiGet1.error;
+    if (userError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: userError
+        });
+    }
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (loadingUser || loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Loading keys..."));
+    }
+    if (!user) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "User not found: ", userId));
+    }
+    if (!data || data.keys.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, 'No keys found for user "', user.name, '".'), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Tip: Add a key with "px users ', userId, ' keys add ~/.ssh/id_rsa.pub"')));
+    }
+    var sortedKeys = _to_consumable_array(data.keys).sort(function(a, b) {
+        return b.addedAt - a.addedAt;
+    });
+    var columns = {
+        fingerprint: {
+            header: 'Fingerprint',
+            width: 50
+        },
+        label: {
+            header: 'Label',
+            width: 20
+        },
+        added: {
+            header: 'Added',
+            width: 20
+        }
+    };
+    var totalWidth = Object.values(columns).reduce(function(sum, col) {
+        return sum + col.width + 2;
+    }, 0) - 2;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        paddingTop: 1,
+        paddingBottom: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, 'Keys for user "', user.name, '" (', data.count, " key", data.count === 1 ? '' : 's', "):"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.fingerprint.header, columns.fingerprint.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.label.header, columns.label.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.added.header, columns.added.width))), /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, '─'.repeat(totalWidth))), sortedKeys.map(function(key) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: key.fingerprint
+        }, /*#__PURE__*/ React.createElement(Text, null, padRight(truncate(key.fingerprint, columns.fingerprint.width), columns.fingerprint.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, null, padRight(truncate(key.label || '-', columns.label.width), columns.label.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, padRight(formatDate(key.addedAt), columns.added.width)));
+    })));
+};

package/dist/src/components/users-keys-remove.js

@@ -0,0 +1,299 @@
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import React, { useState, useEffect, useCallback } from 'react';
+import { Box, Text, useInput, useApp } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiDelete, useApiGet } from '../hooks/useApi.js';
+export var UsersKeysRemove = function(param) {
+    var userId = param.userId, fingerprint = param.fingerprint, force = param.force;
+    var exit = useApp().exit;
+    var _useApiGet = useApiGet("/users/".concat(userId)), user = _useApiGet.data, loadingUser = _useApiGet.loading, userError = _useApiGet.error;
+    var _useApiDelete = useApiDelete('key'), deleting = _useApiDelete.loading, deleteError = _useApiDelete.error, execute = _useApiDelete.execute;
+    var _useState = _sliced_to_array(useState(force), 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(false), 2), deletionStarted = _useState2[0], setDeletionStarted = _useState2[1];
+    var handleDelete = useCallback(function() {
+        return _async_to_generator(function() {
+            var e;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (deletionStarted) return [
+                            2
+                        ];
+                        setDeletionStarted(true);
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            execute("/users/".concat(userId, "/keys/").concat(encodeURIComponent(fingerprint)))
+                        ];
+                    case 2:
+                        _state.sent();
+                        setDeleted(true);
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        e = _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    }, [
+        execute,
+        userId,
+        fingerprint,
+        deletionStarted
+    ]);
+    useEffect(function() {
+        if (confirmed && user && !deleted && !deletionStarted) {
+            handleDelete();
+        }
+    }, [
+        confirmed,
+        user,
+        deleted,
+        deletionStarted,
+        handleDelete
+    ]);
+    useInput(function(input, key) {
+        if (!confirmed && !deleting && !deleted) {
+            if (input.toLowerCase() === 'y') {
+                setConfirmed(true);
+            } else if (input.toLowerCase() === 'n' || key.escape) {
+                exit();
+            }
+        }
+    });
+    if (userError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: userError
+        });
+    }
+    if (deleteError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: deleteError
+        });
+    }
+    if (loadingUser) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Loading user..."));
+    }
+    if (!user) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "User not found: ", userId));
+    }
+    if (deleted) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column",
+            paddingTop: 1,
+            paddingBottom: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "green"
+        }, "Key removed successfully."), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "Fingerprint: ", fingerprint)));
+    }
+    if (deleting) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Removing key..."));
+    }
+    if (!confirmed) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column",
+            paddingTop: 1,
+            paddingBottom: 1
+        }, /*#__PURE__*/ React.createElement(Text, null, "Are you sure you want to remove this key from user ", /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, '"', user.name, '"'), "?"), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "Fingerprint: ", fingerprint), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, null, "Press ", /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "y"), " to confirm, ", /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, "n"), " to cancel")));
+    }
+    return null;
+};

package/dist/src/components/users-list.js

@@ -0,0 +1,109 @@
+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_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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 from 'react';
+import { Box, Text } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiGet } from '../hooks/useApi.js';
+var formatDate = function(timestamp) {
+    var date = new Date(timestamp);
+    return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();
+};
+var truncate = function(text, maxWidth) {
+    if (text.length <= maxWidth) return text;
+    return text.substring(0, maxWidth - 3) + '...';
+};
+var padRight = function(text, width) {
+    return text + ' '.repeat(Math.max(0, width - text.length));
+};
+export var UsersList = function() {
+    var _useApiGet = useApiGet('/users'), data = _useApiGet.data, loading = _useApiGet.loading, error = _useApiGet.error;
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Loading users..."));
+    }
+    if (!data || data.users.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "No users found."), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Tip: Create a user with "px users create <name>"')));
+    }
+    var sortedUsers = _to_consumable_array(data.users).sort(function(a, b) {
+        return b.createdAt - a.createdAt;
+    });
+    var columns = {
+        name: {
+            header: 'Name',
+            width: 20
+        },
+        id: {
+            header: 'ID',
+            width: 36
+        },
+        created: {
+            header: 'Created',
+            width: 20
+        }
+    };
+    var totalWidth = Object.values(columns).reduce(function(sum, col) {
+        return sum + col.width + 2;
+    }, 0) - 2;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        paddingTop: 1,
+        paddingBottom: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Found ", data.count, " user", data.count === 1 ? '' : 's', ":"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.name.header, columns.name.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.id.header, columns.id.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.created.header, columns.created.width))), /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, '─'.repeat(totalWidth))), sortedUsers.map(function(user) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: user.id
+        }, /*#__PURE__*/ React.createElement(Text, null, padRight(truncate(user.name, columns.name.width), columns.name.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, padRight(user.id, columns.id.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, padRight(formatDate(user.createdAt), columns.created.width)));
+    })));
+};