postboy-tui 1.3.1 → 1.3.2

package/dist/cli.js

@@ -67881,7 +67881,7 @@ var FormField = ({ label, value, onChange, placeholder, theme, suggestions = []
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
-            borderStyle: "classic",
+            borderStyle: "round",
             borderColor: isFocused ? theme.primary : theme.muted,
             paddingX: 1,
             flexGrow: 1,
@@ -67898,7 +67898,7 @@ var FormField = ({ label, value, onChange, placeholder, theme, suggestions = []
       showSuggestions && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
         flexDirection: "column",
         marginLeft: 8,
-        borderStyle: "classic",
+        borderStyle: "round",
         borderColor: theme.muted,
         children: filteredSuggestions.filter((s) => typeof s === "string" && s.trim().length > 0).map((s, idx) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Box_default, {
           children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Text, {
@@ -67920,7 +67920,7 @@ var TabItem = ({ name, label, isActive, onChange, theme }) => {
       onChange(name);
   });
   return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
-    borderStyle: "classic",
+    borderStyle: "round",
     borderTopColor: "grey",
     borderColor: isActive ? theme.colors.accent : isFocused ? theme.colors.primary : "transparent",
     paddingX: 1,
@@ -68072,7 +68072,7 @@ var import_react26 = __toESM(require_react(), 1);
 var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
 var Footer = import_react26.default.memo(({ theme }) => {
   return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
-    borderStyle: "classic",
+    borderStyle: "round",
     borderTopColor: theme.muted,
     marginTop: 1,
     paddingX: 1,
@@ -68162,7 +68162,7 @@ var ThemeSelector = ({ onThemeChange, theme }) => {
   return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     flexDirection: "column",
     padding: 1,
-    borderStyle: "classic",
+    borderStyle: "round",
     borderColor: theme.colors.accent,
     width: "50%",
     alignSelf: "center",
@@ -68540,8 +68540,9 @@ var SendButton = ({ onPress, loading, theme }) => {
       onPress();
   });
   return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-    borderStyle: "classic",
+    borderStyle: "round",
     paddingX: 2,
+    borderTopDimColor: true,
     borderColor: isFocused ? theme.accent : theme.primary,
     children: loading ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Spinner, {
       theme
@@ -68740,13 +68741,20 @@ var UI = () => {
         children: [
           /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
             width: "40%",
-            borderStyle: "classic",
             borderColor: theme.colors.muted,
             flexDirection: "column",
             marginRight: 1,
             children: [
               /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-                borderStyle: "classic",
+                alignSelf: "center",
+                marginBottom: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: theme.colors.accent,
+                  bold: true,
+                  children: `┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓`
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
                 borderTopColor: "grey",
                 borderColor: theme.colors.secondary,
                 paddingX: 1,
@@ -68760,6 +68768,12 @@ var UI = () => {
               /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
                 flexDirection: "column",
                 flexGrow: 1,
+                borderRightColor: "grey",
+                borderTop: false,
+                borderStyle: "round",
+                borderLeft: false,
+                borderBottom: false,
+                paddingY: 1,
                 children: history.length === 0 ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
                   padding: 1,
                   children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
@@ -68771,16 +68785,33 @@ var UI = () => {
                   onItemClick: handleHistoryClick,
                   theme
                 }, 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.colors.accent,
+                  bold: true,
+                  children: `┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛`
+                }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
             width: "60%",
-            borderStyle: "classic",
             borderColor: theme.colors.muted,
             padding: 1,
             flexDirection: "column",
             children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                alignSelf: "center",
+                marginBottom: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: theme.colors.accent,
+                  bold: true,
+                  children: `┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓`
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
               /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Tabs, {
                 tabs,
                 activeTab,
@@ -68816,7 +68847,16 @@ var UI = () => {
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
-              }, undefined, true, undefined, this)
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                alignSelf: "center",
+                marginBottom: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: theme.colors.accent,
+                  bold: true,
+                  children: `┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛`
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
@@ -69025,7 +69065,7 @@ async function mockApis() {
 
 // src/index.ts
 var program2 = new Command;
-program2.version("1.3.1").description(import_chalk8.default.yellow("PostBoy CLI - Test your APIs with ease"));
+program2.version("1.3.2").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.1",
+  "version": "1.3.2",
   "main": "dist/cli.js",
   "bin": {
     "postboy-tui": "dist/cli.js"