postboy-tui 1.3.0 → 1.3.1

package/dist/cli.js

@@ -33270,11 +33270,11 @@ var require__toKey = __commonJS((exports, module) => {
 var require__baseGet = __commonJS((exports, module) => {
   var castPath = require__castPath();
   var toKey = require__toKey();
-  function baseGet(object, path2) {
-    path2 = castPath(path2, object);
-    var index = 0, length = path2.length;
+  function baseGet(object, path3) {
+    path3 = castPath(path3, object);
+    var index = 0, length = path3.length;
     while (object != null && index < length) {
-      object = object[toKey(path2[index++])];
+      object = object[toKey(path3[index++])];
     }
     return index && index == length ? object : undefined;
   }
@@ -33284,8 +33284,8 @@ var require__baseGet = __commonJS((exports, module) => {
 // node_modules/lodash/get.js
 var require_get = __commonJS((exports, module) => {
   var baseGet = require__baseGet();
-  function get(object, path2, defaultValue) {
-    var result = object == null ? undefined : baseGet(object, path2);
+  function get(object, path3, defaultValue) {
+    var result = object == null ? undefined : baseGet(object, path3);
     return result === undefined ? defaultValue : result;
   }
   module.exports = get;
@@ -33356,14 +33356,14 @@ var require__baseSet = __commonJS((exports, module) => {
   var isIndex = require__isIndex();
   var isObject = require_isObject();
   var toKey = require__toKey();
-  function baseSet(object, path2, value, customizer) {
+  function baseSet(object, path3, value, customizer) {
     if (!isObject(object)) {
       return object;
     }
-    path2 = castPath(path2, object);
-    var index = -1, length = path2.length, lastIndex = length - 1, nested = object;
+    path3 = castPath(path3, object);
+    var index = -1, length = path3.length, lastIndex = length - 1, nested = object;
     while (nested != null && ++index < length) {
-      var key = toKey(path2[index]), newValue = value;
+      var key = toKey(path3[index]), newValue = value;
       if (key === "__proto__" || key === "constructor" || key === "prototype") {
         return object;
       }
@@ -33371,7 +33371,7 @@ var require__baseSet = __commonJS((exports, module) => {
         var objValue = nested[key];
         newValue = customizer ? customizer(objValue, key, nested) : undefined;
         if (newValue === undefined) {
-          newValue = isObject(objValue) ? objValue : isIndex(path2[index + 1]) ? [] : {};
+          newValue = isObject(objValue) ? objValue : isIndex(path3[index + 1]) ? [] : {};
         }
       }
       assignValue(nested, key, newValue);
@@ -33385,8 +33385,8 @@ var require__baseSet = __commonJS((exports, module) => {
 // node_modules/lodash/set.js
 var require_set = __commonJS((exports, module) => {
   var baseSet = require__baseSet();
-  function set(object, path2, value) {
-    return object == null ? object : baseSet(object, path2, value);
+  function set(object, path3, value) {
+    return object == null ? object : baseSet(object, path3, value);
   }
   module.exports = set;
 });
@@ -44730,11 +44730,11 @@ var require__hasPath = __commonJS((exports, module) => {
   var isIndex = require__isIndex();
   var isLength = require_isLength();
   var toKey = require__toKey();
-  function hasPath(object, path2, hasFunc) {
-    path2 = castPath(path2, object);
-    var index = -1, length = path2.length, result = false;
+  function hasPath(object, path3, hasFunc) {
+    path3 = castPath(path3, object);
+    var index = -1, length = path3.length, result = false;
     while (++index < length) {
-      var key = toKey(path2[index]);
+      var key = toKey(path3[index]);
       if (!(result = object != null && hasFunc(object, key))) {
         break;
       }
@@ -44753,8 +44753,8 @@ var require__hasPath = __commonJS((exports, module) => {
 var require_hasIn = __commonJS((exports, module) => {
   var baseHasIn = require__baseHasIn();
   var hasPath = require__hasPath();
-  function hasIn(object, path2) {
-    return object != null && hasPath(object, path2, baseHasIn);
+  function hasIn(object, path3) {
+    return object != null && hasPath(object, path3, baseHasIn);
   }
   module.exports = hasIn;
 });
@@ -44770,13 +44770,13 @@ var require__baseMatchesProperty = __commonJS((exports, module) => {
   var toKey = require__toKey();
   var COMPARE_PARTIAL_FLAG = 1;
   var COMPARE_UNORDERED_FLAG = 2;
-  function baseMatchesProperty(path2, srcValue) {
-    if (isKey(path2) && isStrictComparable(srcValue)) {
-      return matchesStrictComparable(toKey(path2), srcValue);
+  function baseMatchesProperty(path3, srcValue) {
+    if (isKey(path3) && isStrictComparable(srcValue)) {
+      return matchesStrictComparable(toKey(path3), srcValue);
     }
     return function(object) {
-      var objValue = get(object, path2);
-      return objValue === undefined && objValue === srcValue ? hasIn(object, path2) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
+      var objValue = get(object, path3);
+      return objValue === undefined && objValue === srcValue ? hasIn(object, path3) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
     };
   }
   module.exports = baseMatchesProperty;
@@ -44795,9 +44795,9 @@ var require__baseProperty = __commonJS((exports, module) => {
 // node_modules/lodash/_basePropertyDeep.js
 var require__basePropertyDeep = __commonJS((exports, module) => {
   var baseGet = require__baseGet();
-  function basePropertyDeep(path2) {
+  function basePropertyDeep(path3) {
     return function(object) {
-      return baseGet(object, path2);
+      return baseGet(object, path3);
     };
   }
   module.exports = basePropertyDeep;
@@ -44809,8 +44809,8 @@ var require_property = __commonJS((exports, module) => {
   var basePropertyDeep = require__basePropertyDeep();
   var isKey = require__isKey();
   var toKey = require__toKey();
-  function property(path2) {
-    return isKey(path2) ? baseProperty(toKey(path2)) : basePropertyDeep(path2);
+  function property(path3) {
+    return isKey(path3) ? baseProperty(toKey(path3)) : basePropertyDeep(path3);
   }
   module.exports = property;
 });
@@ -57264,7 +57264,7 @@ var require_iso2022 = __commonJS((exports, module) => {
 
 // node_modules/chardet/index.js
 var require_chardet = __commonJS((exports, module) => {
-  var fs3 = __require("fs");
+  var fs4 = __require("fs");
   var utf8 = require_utf8();
   var unicode = require_unicode();
   var mbcs = require_mbcs();
@@ -57338,29 +57338,29 @@ var require_chardet = __commonJS((exports, module) => {
     var fd;
     var handler = function(err, buffer) {
       if (fd) {
-        fs3.closeSync(fd);
+        fs4.closeSync(fd);
       }
       if (err)
         return cb(err, null);
       cb(null, self2.detect(buffer, opts));
     };
     if (opts && opts.sampleSize) {
-      fd = fs3.openSync(filepath, "r"), sample = Buffer.allocUnsafe(opts.sampleSize);
-      fs3.read(fd, sample, 0, opts.sampleSize, null, function(err) {
+      fd = fs4.openSync(filepath, "r"), sample = Buffer.allocUnsafe(opts.sampleSize);
+      fs4.read(fd, sample, 0, opts.sampleSize, null, function(err) {
         handler(err, sample);
       });
       return;
     }
-    fs3.readFile(filepath, handler);
+    fs4.readFile(filepath, handler);
   };
   module.exports.detectFileSync = function(filepath, opts) {
     if (opts && opts.sampleSize) {
-      var fd = fs3.openSync(filepath, "r"), sample2 = Buffer.allocUnsafe(opts.sampleSize);
-      fs3.readSync(fd, sample2, 0, opts.sampleSize);
-      fs3.closeSync(fd);
+      var fd = fs4.openSync(filepath, "r"), sample2 = Buffer.allocUnsafe(opts.sampleSize);
+      fs4.readSync(fd, sample2, 0, opts.sampleSize);
+      fs4.closeSync(fd);
       return self2.detect(sample2, opts);
     }
-    return self2.detect(fs3.readFileSync(filepath), opts);
+    return self2.detect(fs4.readFileSync(filepath), opts);
   };
   module.exports.detectAll = function(buffer, opts) {
     if (typeof opts !== "object") {
@@ -60700,16 +60700,16 @@ var require_os_tmpdir = __commonJS((exports, module) => {
   var isWindows3 = process.platform === "win32";
   var trailingSlashRe = isWindows3 ? /[^:]\\$/ : /.\/$/;
   module.exports = function() {
-    var path2;
+    var path3;
     if (isWindows3) {
-      path2 = process.env.TEMP || process.env.TMP || (process.env.SystemRoot || process.env.windir) + "\\temp";
+      path3 = process.env.TEMP || process.env.TMP || (process.env.SystemRoot || process.env.windir) + "\\temp";
     } else {
-      path2 = process.env.TMPDIR || process.env.TMP || process.env.TEMP || "/tmp";
+      path3 = process.env.TMPDIR || process.env.TMP || process.env.TEMP || "/tmp";
     }
-    if (trailingSlashRe.test(path2)) {
-      path2 = path2.slice(0, -1);
+    if (trailingSlashRe.test(path3)) {
+      path3 = path3.slice(0, -1);
     }
-    return path2;
+    return path3;
   };
 });
 
@@ -60722,8 +60722,8 @@ var require_tmp = __commonJS((exports, module) => {
    *
    * MIT Licensed
    */
-  var fs3 = __require("fs");
-  var path2 = __require("path");
+  var fs4 = __require("fs");
+  var path3 = __require("path");
   var crypto = __require("crypto");
   var osTmpDir = require_os_tmpdir();
   var _c = process.binding("constants");
@@ -60765,7 +60765,7 @@ var require_tmp = __commonJS((exports, module) => {
   }
   function _generateTmpName(opts) {
     if (opts.name) {
-      return path2.join(opts.dir || tmpDir, opts.name);
+      return path3.join(opts.dir || tmpDir, opts.name);
     }
     if (opts.template) {
       return opts.template.replace(TEMPLATE_PATTERN, _randomChars(6));
@@ -60776,7 +60776,7 @@ var require_tmp = __commonJS((exports, module) => {
       _randomChars(12),
       opts.postfix || ""
     ].join("");
-    return path2.join(opts.dir || tmpDir, name);
+    return path3.join(opts.dir || tmpDir, name);
   }
   function tmpName(options, callback) {
     var args = _parseArguments(options, callback), opts = args[0], cb = args[1], tries = opts.name ? 1 : opts.tries || DEFAULT_TRIES;
@@ -60786,7 +60786,7 @@ var require_tmp = __commonJS((exports, module) => {
       return cb(new Error("Invalid template provided"));
     (function _getUniqueName() {
       const name = _generateTmpName(opts);
-      fs3.stat(name, function(err) {
+      fs4.stat(name, function(err) {
         if (!err) {
           if (tries-- > 0)
             return _getUniqueName();
@@ -60805,7 +60805,7 @@ var require_tmp = __commonJS((exports, module) => {
     do {
       const name = _generateTmpName(opts);
       try {
-        fs3.statSync(name);
+        fs4.statSync(name);
       } catch (e) {
         return name;
       }
@@ -60818,14 +60818,14 @@ var require_tmp = __commonJS((exports, module) => {
     tmpName(opts, function _tmpNameCreated(err, name) {
       if (err)
         return cb(err);
-      fs3.open(name, CREATE_FLAGS, opts.mode || FILE_MODE, function _fileCreated(err2, fd) {
+      fs4.open(name, CREATE_FLAGS, opts.mode || FILE_MODE, function _fileCreated(err2, fd) {
         if (err2)
           return cb(err2);
         if (opts.discardDescriptor) {
-          return fs3.close(fd, function _discardCallback(err3) {
+          return fs4.close(fd, function _discardCallback(err3) {
             if (err3) {
               try {
-                fs3.unlinkSync(name);
+                fs4.unlinkSync(name);
               } catch (e) {
                 if (!isENOENT(e)) {
                   err3 = e;
@@ -60848,9 +60848,9 @@ var require_tmp = __commonJS((exports, module) => {
     opts.postfix = opts.postfix || ".tmp";
     const discardOrDetachDescriptor = opts.discardDescriptor || opts.detachDescriptor;
     const name = tmpNameSync(opts);
-    var fd = fs3.openSync(name, CREATE_FLAGS, opts.mode || FILE_MODE);
+    var fd = fs4.openSync(name, CREATE_FLAGS, opts.mode || FILE_MODE);
     if (opts.discardDescriptor) {
-      fs3.closeSync(fd);
+      fs4.closeSync(fd);
       fd = undefined;
     }
     return {
@@ -60862,9 +60862,9 @@ var require_tmp = __commonJS((exports, module) => {
   function _rmdirRecursiveSync(root) {
     const dirs = [root];
     do {
-      var dir2 = dirs.pop(), deferred = false, files = fs3.readdirSync(dir2);
+      var dir2 = dirs.pop(), deferred = false, files = fs4.readdirSync(dir2);
       for (var i = 0, length = files.length;i < length; i++) {
-        var file2 = path2.join(dir2, files[i]), stat = fs3.lstatSync(file2);
+        var file2 = path3.join(dir2, files[i]), stat = fs4.lstatSync(file2);
         if (stat.isDirectory()) {
           if (!deferred) {
             deferred = true;
@@ -60872,11 +60872,11 @@ var require_tmp = __commonJS((exports, module) => {
           }
           dirs.push(file2);
         } else {
-          fs3.unlinkSync(file2);
+          fs4.unlinkSync(file2);
         }
       }
       if (!deferred) {
-        fs3.rmdirSync(dir2);
+        fs4.rmdirSync(dir2);
       }
     } while (dirs.length !== 0);
   }
@@ -60885,7 +60885,7 @@ var require_tmp = __commonJS((exports, module) => {
     tmpName(opts, function _tmpNameCreated(err, name) {
       if (err)
         return cb(err);
-      fs3.mkdir(name, opts.mode || DIR_MODE, function _dirCreated(err2) {
+      fs4.mkdir(name, opts.mode || DIR_MODE, function _dirCreated(err2) {
         if (err2)
           return cb(err2);
         cb(null, name, _prepareTmpDirRemoveCallback(name, opts));
@@ -60895,7 +60895,7 @@ var require_tmp = __commonJS((exports, module) => {
   function dirSync(options) {
     var args = _parseArguments(options), opts = args[0];
     const name = tmpNameSync(opts);
-    fs3.mkdirSync(name, opts.mode || DIR_MODE);
+    fs4.mkdirSync(name, opts.mode || DIR_MODE);
     return {
       name,
       removeCallback: _prepareTmpDirRemoveCallback(name, opts)
@@ -60905,7 +60905,7 @@ var require_tmp = __commonJS((exports, module) => {
     const removeCallback = _prepareRemoveCallback(function _removeCallback(fdPath) {
       try {
         if (0 <= fdPath[0]) {
-          fs3.closeSync(fdPath[0]);
+          fs4.closeSync(fdPath[0]);
         }
       } catch (e) {
         if (!isEBADF(e) && !isENOENT(e)) {
@@ -60913,7 +60913,7 @@ var require_tmp = __commonJS((exports, module) => {
         }
       }
       try {
-        fs3.unlinkSync(fdPath[1]);
+        fs4.unlinkSync(fdPath[1]);
       } catch (e) {
         if (!isENOENT(e)) {
           throw e;
@@ -60926,7 +60926,7 @@ var require_tmp = __commonJS((exports, module) => {
     return removeCallback;
   }
   function _prepareTmpDirRemoveCallback(name, opts) {
-    const removeFunction = opts.unsafeCleanup ? _rmdirRecursiveSync : fs3.rmdirSync.bind(fs3);
+    const removeFunction = opts.unsafeCleanup ? _rmdirRecursiveSync : fs4.rmdirSync.bind(fs4);
     const removeCallback = _prepareRemoveCallback(removeFunction, name);
     if (!opts.keep) {
       _removeObjects.unshift(removeCallback);
@@ -67922,11 +67922,11 @@ var TabItem = ({ name, label, isActive, onChange, theme }) => {
   return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
     borderStyle: "classic",
     borderTopColor: "grey",
-    borderColor: isActive ? theme.accent : isFocused ? theme.primary : "transparent",
+    borderColor: isActive ? theme.colors.accent : isFocused ? theme.colors.primary : "transparent",
     paddingX: 1,
     marginRight: 1,
     children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
-      color: isActive ? theme.accent : isFocused ? theme.primary : theme.white,
+      color: isActive ? theme.colors.accent : isFocused ? theme.colors.primary : theme.colors.white,
       bold: isActive || isFocused,
       children: label
     }, undefined, false, undefined, this)
@@ -67947,12 +67947,12 @@ var import_react25 = __toESM(require_react(), 1);
 // src/utils/colors.ts
 var getStatusColor = (status, theme) => {
   if (status.startsWith("2"))
-    return theme.success;
+    return theme.colors.success;
   if (status.startsWith("4"))
-    return theme.error;
+    return theme.colors.error;
   if (status.startsWith("5"))
-    return theme.error;
-  return theme.accent;
+    return theme.colors.error;
+  return theme.colors.accent;
 };
 
 // src/ui/app/components/historylist.tsx
@@ -67967,10 +67967,10 @@ var HistoryListItem = ({ item, isSelected, theme }) => {
       return url.length > 30 ? `${url.slice(0, 27)}...` : url;
     }
   };
-  const statusColor = item.responseStatus ? getStatusColor(item.responseStatus.toString(), theme) : theme.muted;
+  const statusColor = item.responseStatus ? getStatusColor(item.responseStatus.toString(), theme) : theme.colors.muted;
   return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
     paddingX: 1,
-    borderColor: isSelected ? theme.accent : "transparent",
+    borderColor: isSelected ? theme.colors.accent : "transparent",
     children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
       flexDirection: "column",
       children: [
@@ -67988,7 +67988,7 @@ var HistoryListItem = ({ item, isSelected, theme }) => {
             /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
               width: 7,
               children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
-                color: isSelected ? theme.accent : theme.primary,
+                color: isSelected ? theme.colors.accent : theme.colors.primary,
                 bold: isSelected,
                 children: item.method.padEnd(7)
               }, undefined, false, undefined, this)
@@ -67996,7 +67996,7 @@ var HistoryListItem = ({ item, isSelected, theme }) => {
             /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
               flexGrow: 1,
               children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
-                color: isSelected ? theme.white : theme.muted,
+                color: isSelected ? theme.colors.white : theme.colors.muted,
                 children: shortenUrl(item.url)
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
@@ -68005,7 +68005,7 @@ var HistoryListItem = ({ item, isSelected, theme }) => {
         /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Box_default, {
           paddingLeft: 13,
           children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Text, {
-            color: theme.muted,
+            color: theme.colors.muted,
             dimColor: !isSelected,
             children: [
               item.responseTime ? `${Math.round(item.responseTime)}ms ` : "",
@@ -68093,8 +68093,46 @@ var Footer = import_react26.default.memo(({ theme }) => {
 // src/ui/app/components/themeselector.tsx
 var import_react27 = __toESM(require_react(), 1);
 var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
+var getIndex = (theme) => {
+  let index = 0;
+  switch (theme) {
+    case "Catppuccin":
+      index = 0;
+      break;
+    case "Dracula":
+      index = 1;
+      break;
+    case "Nord":
+      index = 2;
+      break;
+    case "Gruvbox":
+      index = 3;
+      break;
+    case "Tokyo Night":
+      index = 4;
+      break;
+    case "Ayu":
+      index = 5;
+      break;
+    case "Monokai":
+      index = 6;
+      break;
+    case "Solarized Dark":
+      index = 7;
+      break;
+    case "One Dark":
+      index = 8;
+      break;
+    case "Palenight":
+      index = 9;
+      break;
+    default:
+      index = 0;
+  }
+  return index;
+};
 var ThemeSelector = ({ onThemeChange, theme }) => {
-  const [selectedIndex, setSelectedIndex] = import_react27.useState(0);
+  const [selectedIndex, setSelectedIndex] = import_react27.useState(getIndex(theme.name));
   const themeNames = Object.keys(themes);
   import_react27.useEffect(() => {
     const currentThemeIndex = themeNames.findIndex((name) => {
@@ -68125,12 +68163,14 @@ var ThemeSelector = ({ onThemeChange, theme }) => {
     flexDirection: "column",
     padding: 1,
     borderStyle: "classic",
-    borderColor: theme.accent,
+    borderColor: theme.colors.accent,
+    width: "50%",
+    alignSelf: "center",
     children: [
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         marginBottom: 1,
         children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
-          color: theme.primary,
+          color: theme.colors.primary,
           bold: true,
           children: "Theme Menu (↑/↓ to change, Esc to close)"
         }, undefined, false, undefined, this)
@@ -68138,7 +68178,7 @@ var ThemeSelector = ({ onThemeChange, theme }) => {
       themeNames.map((name, idx) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
         paddingX: 1,
         children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
-          color: idx === selectedIndex ? theme.accent : theme.muted,
+          color: idx === selectedIndex ? theme.colors.accent : theme.colors.muted,
           children: [
             idx === selectedIndex ? "▶ " : "  ",
             themes[name].name
@@ -68224,27 +68264,27 @@ var JsonSyntaxHighlight = import_react29.default.memo(({ jsonString, theme }) =>
           let valueNode;
           if (valueString.startsWith('"')) {
             valueNode = /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-              color: theme.success,
+              color: theme.colors.success,
               children: valueString
             }, undefined, false, undefined, this);
           } else if (valueString === "true" || valueString === "false") {
             valueNode = /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-              color: theme.accent,
+              color: theme.colors.accent,
               children: valueString
             }, undefined, false, undefined, this);
           } else if (valueString === "null") {
             valueNode = /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-              color: theme.muted,
+              color: theme.colors.muted,
               children: valueString
             }, undefined, false, undefined, this);
           } else if (["{", "["].includes(valueString)) {
             valueNode = /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-              color: theme.muted,
+              color: theme.colors.muted,
               children: valueString
             }, undefined, false, undefined, this);
           } else {
             valueNode = /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-              color: theme.secondary,
+              color: theme.colors.secondary,
               children: valueString
             }, undefined, false, undefined, this);
           }
@@ -68254,7 +68294,7 @@ var JsonSyntaxHighlight = import_react29.default.memo(({ jsonString, theme }) =>
                 children: indent
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-                color: theme.primary,
+                color: theme.colors.primary,
                 children: [
                   '"',
                   key,
@@ -68290,7 +68330,7 @@ var JsonSyntaxHighlight = import_react29.default.memo(({ jsonString, theme }) =>
               children: indent
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-              color: theme[color],
+              color: theme.colors[color],
               children: value
             }, undefined, false, undefined, this),
             hasComma && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
@@ -68302,7 +68342,7 @@ var JsonSyntaxHighlight = import_react29.default.memo(({ jsonString, theme }) =>
     }, undefined, false, undefined, this);
   } catch (e) {
     return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
-      color: theme.error,
+      color: theme.colors.error,
       children: jsonString
     }, undefined, false, undefined, this);
   }
@@ -68321,7 +68361,7 @@ var ResponsePanel = import_react30.default.memo(({ response, theme }) => /* @__P
           /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
             width: 8,
             children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: theme.primary,
+              color: theme.colors.primary,
               children: "STATUS:"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
@@ -68341,7 +68381,7 @@ var ResponsePanel = import_react30.default.memo(({ response, theme }) => /* @__P
           /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
             width: 8,
             children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: theme.primary,
+              color: theme.colors.primary,
               children: "HEADERS:"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
@@ -68350,15 +68390,15 @@ var ResponsePanel = import_react30.default.memo(({ response, theme }) => /* @__P
             children: Object.entries(JSON.parse(response.headers || "{}")).map(([key, value]) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
               children: [
                 /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  color: theme.accent,
+                  color: theme.colors.accent,
                   children: key
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  color: theme.muted,
+                  color: theme.colors.muted,
                   children: ": "
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  color: theme.success,
+                  color: theme.colors.success,
                   children: String(value)
                 }, undefined, false, undefined, this)
               ]
@@ -68371,7 +68411,7 @@ var ResponsePanel = import_react30.default.memo(({ response, theme }) => /* @__P
           /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
             width: 8,
             children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-              color: theme.primary,
+              color: theme.colors.primary,
               children: "PAYLOAD:"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
@@ -68389,6 +68429,108 @@ var ResponsePanel = import_react30.default.memo(({ response, theme }) => /* @__P
   }, undefined, true, undefined, this)
 }, undefined, false, undefined, this));
 
+// src/utils/themeManager.ts
+import { promises as fs3 } from "fs";
+import path2 from "path";
+import os3 from "os";
+
+class ThemeManager {
+  themeFile;
+  constructor() {
+    const homeDir = os3.homedir();
+    const configDir = path2.join(homeDir, ".postboy");
+    this.themeFile = path2.join(configDir, "theme.json");
+  }
+  async ensureConfigDir() {
+    const configDir = path2.dirname(this.themeFile);
+    try {
+      await fs3.access(configDir);
+      return;
+    } catch (e) {
+      if (e.code === "ENOENT") {
+        await fs3.mkdir(configDir, { recursive: true });
+      } else {
+        throw e;
+      }
+    }
+  }
+  async saveTheme(theme) {
+    await this.ensureConfigDir();
+    await fs3.writeFile(this.themeFile, JSON.stringify(theme, null, 2));
+  }
+  async loadCurrTheme() {
+    try {
+      await this.ensureConfigDir();
+      try {
+        await fs3.access(this.themeFile);
+      } catch (e) {
+        if (e.code === "ENOENT") {
+          const defaultTheme = {
+            name: "Tokyo Night",
+            colors: {
+              background: "#1a1b26",
+              primary: "#7aa2f7",
+              secondary: "#bb9af7",
+              accent: "#2ac3de",
+              success: "#9ece6a",
+              error: "#f7768e",
+              muted: "#565f89",
+              white: "#a9b1d6",
+              cool: "#7dcfff"
+            }
+          };
+          await this.saveTheme(defaultTheme);
+          return defaultTheme;
+        }
+        throw e;
+      }
+      const theme = await fs3.readFile(this.themeFile, "utf-8");
+      try {
+        const parsedTheme = JSON.parse(theme);
+        return parsedTheme;
+      } catch (e) {
+        const emptyTheme = {
+          name: "",
+          colors: {
+            background: "1a1b26",
+            primary: "#7aa2f7",
+            secondary: "#bb9af7",
+            accent: "#2ac3de",
+            success: "#9ece6a",
+            error: "#f7768e",
+            muted: "#565f89",
+            white: "#a9b1d6",
+            cool: "#7dcfff"
+          }
+        };
+        await this.saveTheme(emptyTheme);
+        return emptyTheme;
+      }
+    } catch (e) {
+      console.error("Failed to load history:", e);
+      return {
+        name: "",
+        colors: {
+          background: "1a1b26",
+          primary: "#7aa2f7",
+          secondary: "#bb9af7",
+          accent: "#2ac3de",
+          success: "#9ece6a",
+          error: "#f7768e",
+          muted: "#565f89",
+          white: "#a9b1d6",
+          cool: "#7dcfff"
+        }
+      };
+    }
+  }
+  async ChangeTheme(theme) {
+    await this.ensureConfigDir();
+    await this.saveTheme(theme);
+  }
+}
+var themeManager = new ThemeManager;
+
 // src/ui/app/ui.tsx
 var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
 var SendButton = ({ onPress, loading, theme }) => {
@@ -68458,7 +68600,7 @@ var RequestPanel = import_react31.default.memo(({ request, onMethodChange, onUrl
   ]
 }, undefined, true, undefined, this));
 var UI = () => {
-  const [theme, setTheme] = import_react31.useState(themes.catppuccin.colors);
+  const [theme, setTheme] = import_react31.useState(themes.catppuccin);
   const { exit } = use_app_default();
   const [activeTab, setActiveTab] = import_react31.useState("request");
   const [request, setRequest] = import_react31.useState({ method: "GET", url: "", headers: "", body: "" });
@@ -68471,6 +68613,13 @@ var UI = () => {
     const loadHistory = async () => setHistory((await historyManager.loadHistory()).entries);
     loadHistory();
   }, []);
+  import_react31.useEffect(() => {
+    const loadTheme = async () => {
+      const loadedTheme = await themeManager.loadCurrTheme();
+      setTheme(loadedTheme);
+    };
+    loadTheme();
+  }, []);
   const handleSend = import_react31.useCallback(async () => {
     setLoading(true);
     const startTime = Date.now();
@@ -68508,6 +68657,10 @@ var UI = () => {
       setLoading(false);
     }
   }, []);
+  const handleThemeChange = (theme2) => {
+    themeManager.ChangeTheme(theme2);
+    setTheme(theme2);
+  };
   const handleHistoryClick = import_react31.useCallback((item) => {
     setRequest({
       method: item.method,
@@ -68550,14 +68703,16 @@ var UI = () => {
         marginBottom: 1,
         children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(ThemeSelector, {
           theme,
-          onThemeChange: (themeName) => setTheme(themes[themeName].colors)
+          onThemeChange: (themeName) => {
+            handleThemeChange(themes[themeName]);
+          }
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         alignSelf: "center",
         marginBottom: 1,
         children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-          color: theme.accent,
+          color: theme.colors.accent,
           bold: true,
           children: `┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓`
         }, undefined, false, undefined, this)
@@ -68566,7 +68721,7 @@ var UI = () => {
         alignSelf: "center",
         marginBottom: 1,
         children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-          color: theme.primary,
+          color: theme.colors.primary,
           bold: true,
           children: `┃   \uD83D\uDEF0️  Welcome to PostBoy — The Modern Terminal API Client   ┃`
         }, undefined, false, undefined, this)
@@ -68575,7 +68730,7 @@ var UI = () => {
         alignSelf: "center",
         marginBottom: 1,
         children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-          color: theme.accent,
+          color: theme.colors.accent,
           bold: true,
           children: `┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛`
         }, undefined, false, undefined, this)
@@ -68586,18 +68741,18 @@ var UI = () => {
           /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
             width: "40%",
             borderStyle: "classic",
-            borderColor: theme.muted,
+            borderColor: theme.colors.muted,
             flexDirection: "column",
             marginRight: 1,
             children: [
               /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
                 borderStyle: "classic",
                 borderTopColor: "grey",
-                borderColor: theme.secondary,
+                borderColor: theme.colors.secondary,
                 paddingX: 1,
                 alignSelf: "center",
                 children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-                  color: theme.accent,
+                  color: theme.colors.accent,
                   bold: true,
                   children: "\uD83D\uDCDC History"
                 }, undefined, false, undefined, this)
@@ -68608,7 +68763,7 @@ var UI = () => {
                 children: history.length === 0 ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
                   padding: 1,
                   children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
-                    color: theme.muted,
+                    color: theme.colors.muted,
                     children: "No requests yet..."
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(HistoryList, {
@@ -68622,7 +68777,7 @@ var UI = () => {
           /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
             width: "60%",
             borderStyle: "classic",
-            borderColor: theme.muted,
+            borderColor: theme.colors.muted,
             padding: 1,
             flexDirection: "column",
             children: [
@@ -68648,7 +68803,7 @@ var UI = () => {
                       onBodyChange,
                       onSend: handleSend,
                       loading,
-                      theme,
+                      theme: theme.colors,
                       historyUrls
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
@@ -68667,7 +68822,7 @@ var UI = () => {
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Footer, {
-        theme
+        theme: theme.colors
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -68870,7 +69025,7 @@ async function mockApis() {
 
 // src/index.ts
 var program2 = new Command;
-program2.version("1.3.0").description(import_chalk8.default.yellow("PostBoy CLI - Test your APIs with ease"));
+program2.version("1.3.1").description(import_chalk8.default.yellow("PostBoy CLI - Test your APIs with ease"));
 program2.command("run").description("Run a test API request").action(testCommand);
 program2.command("mock-list").description("List the mock API servers").action(mockApis);
 program2.command("ui").description("UI for PostBoy").action(uiCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postboy-tui",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "main": "dist/cli.js",
   "bin": {
     "postboy-tui": "dist/cli.js"