postboy-tui 1.3.6 → 1.3.8

package/dist/cli.js

@@ -32071,13 +32071,13 @@ var require_figures = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/objects/separator.js
 var require_separator = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var figures = require_figures();
 
   class Separator {
     constructor(line) {
       this.type = "separator";
-      this.line = chalk4.dim(line || new Array(15).join(figures.line));
+      this.line = chalk5.dim(line || new Array(15).join(figures.line));
     }
     toString() {
       return this.line;
@@ -32668,11 +32668,11 @@ var require_isPlainObject = __commonJS((exports, module) => {
     if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
       return false;
     }
-    var proto2 = getPrototype(value);
-    if (proto2 === null) {
+    var proto3 = getPrototype(value);
+    if (proto3 === null) {
       return true;
     }
-    var Ctor = hasOwnProperty.call(proto2, "constructor") && proto2.constructor;
+    var Ctor = hasOwnProperty.call(proto3, "constructor") && proto3.constructor;
     return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
   }
   module.exports = isPlainObject;
@@ -36378,7 +36378,7 @@ var require_innerFrom = __commonJS((exports) => {
   exports.fromIterable = fromIterable;
   function fromAsyncIterable(asyncIterable) {
     return new Observable_1.Observable(function(subscriber) {
-      process13(asyncIterable, subscriber).catch(function(err) {
+      process14(asyncIterable, subscriber).catch(function(err) {
         return subscriber.error(err);
       });
     });
@@ -36388,7 +36388,7 @@ var require_innerFrom = __commonJS((exports) => {
     return fromAsyncIterable(isReadableStreamLike_1.readableStreamLikeToAsyncGenerator(readableStream));
   }
   exports.fromReadableStreamLike = fromReadableStreamLike;
-  function process13(asyncIterable, subscriber) {
+  function process14(asyncIterable, subscriber) {
     var asyncIterable_1, asyncIterable_1_1;
     var e_2, _a;
     return __awaiter(this, undefined, undefined, function() {
@@ -43378,8 +43378,8 @@ var require__arrayLikeKeys = __commonJS((exports, module) => {
 var require__isPrototype = __commonJS((exports, module) => {
   var objectProto = Object.prototype;
   function isPrototype(value) {
-    var Ctor = value && value.constructor, proto2 = typeof Ctor == "function" && Ctor.prototype || objectProto;
-    return value === proto2;
+    var Ctor = value && value.constructor, proto3 = typeof Ctor == "function" && Ctor.prototype || objectProto;
+    return value === proto3;
   }
   module.exports = isPrototype;
 });
@@ -44019,14 +44019,14 @@ var require__baseCreate = __commonJS((exports, module) => {
   var objectCreate = Object.create;
   var baseCreate = function() {
     function object() {}
-    return function(proto2) {
-      if (!isObject(proto2)) {
+    return function(proto3) {
+      if (!isObject(proto3)) {
         return {};
       }
       if (objectCreate) {
-        return objectCreate(proto2);
+        return objectCreate(proto3);
       }
-      object.prototype = proto2;
+      object.prototype = proto3;
       var result = new object;
       object.prototype = undefined;
       return result;
@@ -45097,7 +45097,7 @@ var require_string_width = __commonJS((exports, module) => {
 var require_wrap_ansi = __commonJS((exports, module) => {
   var stringWidth2 = require_string_width();
   var stripAnsi2 = require_strip_ansi();
-  var ansiStyles6 = require_ansi_styles();
+  var ansiStyles7 = require_ansi_styles();
   var ESCAPES5 = new Set([
     "\x1B",
     "›"
@@ -45226,7 +45226,7 @@ var require_wrap_ansi = __commonJS((exports, module) => {
           escapeUrl = groups.uri.length === 0 ? undefined : groups.uri;
         }
       }
-      const code = ansiStyles6.codes.get(Number(escapeCode));
+      const code = ansiStyles7.codes.get(Number(escapeCode));
       if (pre[index + 1] === `
 `) {
         if (escapeUrl) {
@@ -46949,19 +46949,19 @@ var require_is_unicode_supported = __commonJS((exports, module) => {
 
 // node_modules/log-symbols/index.js
 var require_log_symbols = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var isUnicodeSupported = require_is_unicode_supported();
   var main = {
-    info: chalk4.blue("ℹ"),
-    success: chalk4.green("✔"),
-    warning: chalk4.yellow("⚠"),
-    error: chalk4.red("✖")
+    info: chalk5.blue("ℹ"),
+    success: chalk5.green("✔"),
+    warning: chalk5.yellow("⚠"),
+    error: chalk5.red("✖")
   };
   var fallback = {
-    info: chalk4.blue("i"),
-    success: chalk4.green("√"),
-    warning: chalk4.yellow("‼"),
-    error: chalk4.red("×")
+    info: chalk5.blue("i"),
+    success: chalk5.green("√"),
+    warning: chalk5.yellow("‼"),
+    error: chalk5.red("×")
   };
   module.exports = isUnicodeSupported() ? main : fallback;
 });
@@ -47007,7 +47007,7 @@ var require_clone2 = __commonJS((exports, module) => {
         if (depth2 == 0)
           return parent2;
         var child;
-        var proto2;
+        var proto3;
         if (typeof parent2 != "object") {
           return parent2;
         }
@@ -47029,11 +47029,11 @@ var require_clone2 = __commonJS((exports, module) => {
           return child;
         } else {
           if (typeof prototype == "undefined") {
-            proto2 = Object.getPrototypeOf(parent2);
-            child = Object.create(proto2);
+            proto3 = Object.getPrototypeOf(parent2);
+            child = Object.create(proto3);
           } else {
             child = Object.create(prototype);
-            proto2 = prototype;
+            proto3 = prototype;
           }
         }
         if (circular) {
@@ -47046,8 +47046,8 @@ var require_clone2 = __commonJS((exports, module) => {
         }
         for (var i in parent2) {
           var attrs;
-          if (proto2) {
-            attrs = Object.getOwnPropertyDescriptor(proto2, i);
+          if (proto3) {
+            attrs = Object.getOwnPropertyDescriptor(proto3, i);
           }
           if (attrs && attrs.set == null) {
             continue;
@@ -50510,7 +50510,7 @@ var require_bl = __commonJS((exports, module) => {
 // node_modules/ora/index.js
 var require_ora = __commonJS((exports, module) => {
   var readline = __require("readline");
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var cliCursor2 = require_cli_cursor2();
   var cliSpinners = require_cli_spinners();
   var logSymbols = require_log_symbols();
@@ -50710,7 +50710,7 @@ var require_ora = __commonJS((exports, module) => {
       const { frames } = this.spinner;
       let frame = frames[this.frameIndex];
       if (this.color) {
-        frame = chalk4[this.color](frame);
+        frame = chalk5[this.color](frame);
       }
       this.frameIndex = ++this.frameIndex % frames.length;
       const fullPrefixText = typeof this.prefixText === "string" && this.prefixText !== "" ? this.prefixText + " " : "";
@@ -50955,7 +50955,7 @@ var require_base = __commonJS((exports, module) => {
     defaults: require_defaults(),
     clone: require_clone()
   };
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var runAsync = require_run_async();
   var { filter, flatMap, share, take, takeUntil } = require_operators();
   var Choices = require_choices();
@@ -50974,7 +50974,7 @@ var require_base = __commonJS((exports, module) => {
         filteringText: "",
         when: () => true,
         suffix: "",
-        prefix: chalk4.green("?")
+        prefix: chalk5.green("?")
       });
       if (!this.opt.name) {
         this.throwParamError("name");
@@ -51029,12 +51029,12 @@ var require_base = __commonJS((exports, module) => {
       return value;
     }
     getQuestion() {
-      let message = (this.opt.prefix ? this.opt.prefix + " " : "") + chalk4.bold(this.opt.message) + this.opt.suffix + chalk4.reset(" ");
+      let message = (this.opt.prefix ? this.opt.prefix + " " : "") + chalk5.bold(this.opt.message) + this.opt.suffix + chalk5.reset(" ");
       if (this.opt.default != null && this.status !== "touched" && this.status !== "answered") {
         if (this.opt.type === "password") {
-          message += chalk4.italic.dim("[hidden] ");
+          message += chalk5.italic.dim("[hidden] ");
         } else {
-          message += chalk4.dim("(" + this.opt.default + ") ");
+          message += chalk5.dim("(" + this.opt.default + ") ");
         }
       }
       return message;
@@ -51067,7 +51067,7 @@ var require_events = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/utils/paginator.js
 var require_paginator = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
 
   class Paginator {
     constructor(screen, options = {}) {
@@ -51092,7 +51092,7 @@ var require_paginator = __commonJS((exports, module) => {
       this.lastIndex = active;
       return visibleLines.join(`
 `) + `
-` + chalk4.dim("(Move up and down to reveal more choices)");
+` + chalk5.dim("(Move up and down to reveal more choices)");
     }
     getInfiniteLines(lines, active, pageSize) {
       if (this.pointer === undefined) {
@@ -51143,7 +51143,7 @@ var require_incrementListIndex = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/prompts/list.js
 var require_list = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var figures = require_figures();
   var cliCursor2 = require_cli_cursor();
   var runAsync = require_run_async();
@@ -51187,10 +51187,10 @@ var require_list = __commonJS((exports, module) => {
     render() {
       let message = this.getQuestion();
       if (this.firstRender) {
-        message += chalk4.dim("(Use arrow keys)");
+        message += chalk5.dim("(Use arrow keys)");
       }
       if (this.status === "answered") {
-        message += chalk4.cyan(this.opt.choices.getChoice(this.selected).short);
+        message += chalk5.cyan(this.opt.choices.getChoice(this.selected).short);
       } else {
         const choicesStr = listRender(this.opt.choices, this.selected);
         const indexPosition = this.opt.choices.indexOf(this.opt.choices.getChoice(this.selected));
@@ -51261,7 +51261,7 @@ var require_list = __commonJS((exports, module) => {
       const isSelected = i - separatorOffset === pointer;
       let line = (isSelected ? figures.pointer + " " : "  ") + choice.name;
       if (isSelected) {
-        line = chalk4.cyan(line);
+        line = chalk5.cyan(line);
       }
       output += line + ` 
 `;
@@ -51273,7 +51273,7 @@ var require_list = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/prompts/input.js
 var require_input = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var { map, takeUntil } = require_operators();
   var Base = require_base();
   var observe = require_events();
@@ -51304,10 +51304,10 @@ var require_input = __commonJS((exports, module) => {
       if (transformer) {
         message += transformer(appendContent, this.answers, { isFinal });
       } else {
-        message += isFinal ? chalk4.cyan(appendContent) : appendContent;
+        message += isFinal ? chalk5.cyan(appendContent) : appendContent;
       }
       if (error) {
-        bottomContent = chalk4.red(">> ") + error;
+        bottomContent = chalk5.red(">> ") + error;
       }
       this.screen.render(message, bottomContent);
     }
@@ -51358,7 +51358,7 @@ var require_number = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/prompts/confirm.js
 var require_confirm = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var { take, takeUntil } = require_operators();
   var Base = require_base();
   var observe = require_events();
@@ -51392,7 +51392,7 @@ var require_confirm = __commonJS((exports, module) => {
     render(answer) {
       let message = this.getQuestion();
       if (typeof answer === "boolean") {
-        message += chalk4.cyan(answer ? "Yes" : "No");
+        message += chalk5.cyan(answer ? "Yes" : "No");
       } else {
         message += this.rl.line;
       }
@@ -51415,7 +51415,7 @@ var require_confirm = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/prompts/rawlist.js
 var require_rawlist = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var { map, takeUntil } = require_operators();
   var Base = require_base();
   var Separator = require_separator();
@@ -51470,7 +51470,7 @@ var require_rawlist = __commonJS((exports, module) => {
       let message = this.getQuestion();
       let bottomContent = "";
       if (this.status === "answered") {
-        message += chalk4.cyan(this.opt.choices.getChoice(this.selected).short);
+        message += chalk5.cyan(this.opt.choices.getChoice(this.selected).short);
       } else {
         const choicesStr = renderChoices(this.opt.choices, this.selected);
         message += `
@@ -51481,7 +51481,7 @@ var require_rawlist = __commonJS((exports, module) => {
       message += this.rl.line;
       if (error) {
         bottomContent = `
-` + chalk4.red(">> ") + error;
+` + chalk5.red(">> ") + error;
       }
       this.screen.render(message, bottomContent);
     }
@@ -51549,7 +51549,7 @@ var require_rawlist = __commonJS((exports, module) => {
       const index = i - separatorOffset;
       let display = index + 1 + ") " + choice.name;
       if (index === pointer) {
-        display = chalk4.cyan(display);
+        display = chalk5.cyan(display);
       }
       output += display;
     });
@@ -51560,7 +51560,7 @@ var require_rawlist = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/prompts/expand.js
 var require_expand2 = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var { map, takeUntil } = require_operators();
   var Base = require_base();
   var Separator = require_separator();
@@ -51602,7 +51602,7 @@ var require_expand2 = __commonJS((exports, module) => {
       let message = this.getQuestion();
       let bottomContent = "";
       if (this.status === "answered") {
-        message += chalk4.cyan(this.answer);
+        message += chalk5.cyan(this.answer);
       } else if (this.status === "expanded") {
         const choicesStr = renderChoices(this.opt.choices, this.selectedKey);
         message += this.paginator.paginate(choicesStr, this.selectedKey, this.opt.pageSize);
@@ -51611,10 +51611,10 @@ var require_expand2 = __commonJS((exports, module) => {
       }
       message += this.rl.line;
       if (error) {
-        bottomContent = chalk4.red(">> ") + error;
+        bottomContent = chalk5.red(">> ") + error;
       }
       if (hint) {
-        bottomContent = chalk4.cyan(">> ") + hint;
+        bottomContent = chalk5.cyan(">> ") + hint;
       }
       this.screen.render(message, bottomContent);
     }
@@ -51639,7 +51639,7 @@ var require_expand2 = __commonJS((exports, module) => {
         }
         let choiceStr = choice.key + ") " + choice.name;
         if (this.selectedKey === choice.key) {
-          choiceStr = chalk4.cyan(choiceStr);
+          choiceStr = chalk5.cyan(choiceStr);
         }
         output += choiceStr;
       });
@@ -51720,7 +51720,7 @@ var require_expand2 = __commonJS((exports, module) => {
       }
       let choiceStr = choice.key + ") " + choice.name;
       if (pointer === choice.key) {
-        choiceStr = chalk4.cyan(choiceStr);
+        choiceStr = chalk5.cyan(choiceStr);
       }
       output += choiceStr;
     });
@@ -51731,7 +51731,7 @@ var require_expand2 = __commonJS((exports, module) => {
 
 // node_modules/inquirer/lib/prompts/checkbox.js
 var require_checkbox = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var cliCursor2 = require_cli_cursor();
   var figures = require_figures();
   var { map, takeUntil } = require_operators();
@@ -51779,10 +51779,10 @@ var require_checkbox = __commonJS((exports, module) => {
       let message = this.getQuestion();
       let bottomContent = "";
       if (!this.dontShowHints) {
-        message += "(Press " + chalk4.cyan.bold("<space>") + " to select, " + chalk4.cyan.bold("<a>") + " to toggle all, " + chalk4.cyan.bold("<i>") + " to invert selection, and " + chalk4.cyan.bold("<enter>") + " to proceed)";
+        message += "(Press " + chalk5.cyan.bold("<space>") + " to select, " + chalk5.cyan.bold("<a>") + " to toggle all, " + chalk5.cyan.bold("<i>") + " to invert selection, and " + chalk5.cyan.bold("<enter>") + " to proceed)";
       }
       if (this.status === "answered") {
-        message += chalk4.cyan(this.selection.join(", "));
+        message += chalk5.cyan(this.selection.join(", "));
       } else {
         const choicesStr = renderChoices(this.opt.choices, this.pointer);
         const indexPosition = this.opt.choices.indexOf(this.opt.choices.getChoice(this.pointer));
@@ -51805,7 +51805,7 @@ var require_checkbox = __commonJS((exports, module) => {
 ` + this.paginator.paginate(choicesStr, realIndexPosition, this.opt.pageSize);
       }
       if (error) {
-        bottomContent = chalk4.red(">> ") + error;
+        bottomContent = chalk5.red(">> ") + error;
       }
       this.screen.render(message, bottomContent);
     }
@@ -51885,7 +51885,7 @@ var require_checkbox = __commonJS((exports, module) => {
       } else {
         const line = getCheckbox(choice.checked) + " " + choice.name;
         if (i - separatorOffset === pointer) {
-          output += chalk4.cyan(figures.pointer + line);
+          output += chalk5.cyan(figures.pointer + line);
         } else {
           output += " " + line;
         }
@@ -51896,14 +51896,14 @@ var require_checkbox = __commonJS((exports, module) => {
     return output.replace(/\n$/, "");
   }
   function getCheckbox(checked) {
-    return checked ? chalk4.green(figures.radioOn) : figures.radioOff;
+    return checked ? chalk5.green(figures.radioOn) : figures.radioOff;
   }
   module.exports = CheckboxPrompt;
 });
 
 // node_modules/inquirer/lib/prompts/password.js
 var require_password = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var { map, takeUntil } = require_operators();
   var Base = require_base();
   var observe = require_events();
@@ -51938,15 +51938,15 @@ var require_password = __commonJS((exports, module) => {
       }
       if (error) {
         bottomContent = `
-` + chalk4.red(">> ") + error;
+` + chalk5.red(">> ") + error;
       }
       this.screen.render(message, bottomContent);
     }
     getMaskedValue(value) {
       if (this.status === "answered") {
-        return this.opt.mask ? chalk4.cyan(mask(value, this.opt.mask)) : chalk4.italic.dim("[hidden]");
+        return this.opt.mask ? chalk5.cyan(mask(value, this.opt.mask)) : chalk5.italic.dim("[hidden]");
       }
-      return this.opt.mask ? mask(value, this.opt.mask) : chalk4.italic.dim("[input is hidden] ");
+      return this.opt.mask ? mask(value, this.opt.mask) : chalk5.italic.dim("[input is hidden] ");
     }
     getSpinningValue(value) {
       return this.getMaskedValue(value);
@@ -61023,9 +61023,9 @@ var require_CreateFileError = __commonJS((exports) => {
       var _newTarget = this.constructor;
       var _this = _super.call(this, "Failed to create temporary file for editor") || this;
       _this.originalError = originalError;
-      var proto2 = _newTarget.prototype;
+      var proto3 = _newTarget.prototype;
       if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(_this, proto2);
+        Object.setPrototypeOf(_this, proto3);
       } else {
         _this.__proto__ = _newTarget.prototype;
       }
@@ -61064,9 +61064,9 @@ var require_LaunchEditorError = __commonJS((exports) => {
       var _newTarget = this.constructor;
       var _this = _super.call(this, "Failed launch editor") || this;
       _this.originalError = originalError;
-      var proto2 = _newTarget.prototype;
+      var proto3 = _newTarget.prototype;
       if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(_this, proto2);
+        Object.setPrototypeOf(_this, proto3);
       } else {
         _this.__proto__ = _newTarget.prototype;
       }
@@ -61105,9 +61105,9 @@ var require_ReadFileError = __commonJS((exports) => {
       var _newTarget = this.constructor;
       var _this = _super.call(this, "Failed to read temporary file") || this;
       _this.originalError = originalError;
-      var proto2 = _newTarget.prototype;
+      var proto3 = _newTarget.prototype;
       if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(_this, proto2);
+        Object.setPrototypeOf(_this, proto3);
       } else {
         _this.__proto__ = _newTarget.prototype;
       }
@@ -61146,9 +61146,9 @@ var require_RemoveFileError = __commonJS((exports) => {
       var _newTarget = this.constructor;
       var _this = _super.call(this, "Failed to cleanup temporary file") || this;
       _this.originalError = originalError;
-      var proto2 = _newTarget.prototype;
+      var proto3 = _newTarget.prototype;
       if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(_this, proto2);
+        Object.setPrototypeOf(_this, proto3);
       } else {
         _this.__proto__ = _newTarget.prototype;
       }
@@ -61344,7 +61344,7 @@ var require_main = __commonJS((exports) => {
 
 // node_modules/inquirer/lib/prompts/editor.js
 var require_editor = __commonJS((exports, module) => {
-  var chalk4 = require_source();
+  var chalk5 = require_source();
   var { editAsync } = require_main();
   var Base = require_base();
   var observe = require_events();
@@ -61368,12 +61368,12 @@ var require_editor = __commonJS((exports, module) => {
       let bottomContent = "";
       let message = this.getQuestion();
       if (this.status === "answered") {
-        message += chalk4.dim("Received");
+        message += chalk5.dim("Received");
       } else {
-        message += chalk4.dim("Press <enter> to launch your preferred editor.");
+        message += chalk5.dim("Press <enter> to launch your preferred editor.");
       }
       if (error) {
-        bottomContent = chalk4.red(">> ") + error;
+        bottomContent = chalk5.red(">> ") + error;
       }
       this.screen.render(message, bottomContent);
     }
@@ -61471,7 +61471,7 @@ var {
 } = import__.default;
 
 // src/index.ts
-var import_chalk8 = __toESM(require_source(), 1);
+var import_chalk9 = __toESM(require_source(), 1);
 
 // src/utils/logger.ts
 var import_chalk = __toESM(require_source(), 1);
@@ -67534,7 +67534,7 @@ var useFocusManager = () => {
 };
 var use_focus_manager_default = useFocusManager;
 // src/ui/app/ui.tsx
-var import_react33 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 
 // src/utils/history.ts
 import { promises as fs2 } from "fs";
@@ -67630,6 +67630,14 @@ function sendRequest({ method, url, headers = {}, body }) {
   return new Promise((resolve, reject) => {
     const urlObj = new URL2(url);
     const isHttps = urlObj.protocol === "https:";
+    const timings = {
+      start: performance.now(),
+      dnsLookup: 0,
+      tcpConnection: 0,
+      tlsHandshake: 0,
+      ttfb: 0,
+      end: 0
+    };
     const options = {
       method,
       hostname: urlObj.hostname,
@@ -67639,21 +67647,41 @@ function sendRequest({ method, url, headers = {}, body }) {
     };
     const reqModule = isHttps ? https : http;
     const req = reqModule.request(options, (res) => {
+      timings.ttfb = performance.now();
       let data = "";
       res.on("data", (chunk) => {
         data += chunk;
       });
       res.on("end", () => {
-        try {
-          resolve({
-            status: res.statusCode || 0,
-            statusText: res.statusMessage || "",
-            headers: Object.fromEntries(Object.entries(res.headers).map(([k, v]) => [k, Array.isArray(v) ? v.join(", ") : v || ""])),
-            body: data
-          });
-        } catch (err) {
-          reject(err);
-        }
+        timings.end = performance.now();
+        const contentLength = parseInt(res.headers["content-length"] || "0", 10) || Buffer.byteLength(data, "utf8");
+        const metrics = {
+          dnsLookup: timings.dnsLookup - timings.start,
+          tcpConnection: timings.tcpConnection - timings.dnsLookup,
+          tlsHandshake: isHttps ? timings.tlsHandshake - timings.tcpConnection : 0,
+          ttfb: timings.ttfb - timings.start,
+          contentDownload: timings.end - timings.ttfb,
+          total: timings.end - timings.start,
+          contentLength
+        };
+        resolve({
+          status: res.statusCode || 0,
+          statusText: res.statusMessage || "",
+          headers: Object.fromEntries(Object.entries(res.headers).map(([k, v]) => [k, Array.isArray(v) ? v.join(", ") : v || ""])),
+          body: data,
+          metrics
+        });
+      });
+    });
+    req.on("socket", (socket) => {
+      socket.on("lookup", () => {
+        timings.dnsLookup = performance.now();
+      });
+      socket.on("connect", () => {
+        timings.tcpConnection = performance.now();
+      });
+      socket.on("secureConnect", () => {
+        timings.tlsHandshake = performance.now();
       });
     });
     req.on("error", reject);
@@ -68280,9 +68308,584 @@ var Tabs = ({ tabs, activeTab, onChange, theme }) => /* @__PURE__ */ jsx_dev_run
   }, tab2.name, false, undefined, this))
 }, undefined, false, undefined, this);
 
-// src/ui/app/components/historylist.tsx
+// node_modules/ink-text-input/build/index.js
 var import_react26 = __toESM(require_react(), 1);
 
+// node_modules/ink-text-input/node_modules/chalk/source/vendor/ansi-styles/index.js
+var ANSI_BACKGROUND_OFFSET6 = 10;
+var wrapAnsi166 = (offset = 0) => (code) => `\x1B[${code + offset}m`;
+var wrapAnsi2566 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
+var wrapAnsi16m6 = (offset = 0) => (red, green, blue) => `\x1B[${38 + offset};2;${red};${green};${blue}m`;
+var styles8 = {
+  modifier: {
+    reset: [0, 0],
+    bold: [1, 22],
+    dim: [2, 22],
+    italic: [3, 23],
+    underline: [4, 24],
+    overline: [53, 55],
+    inverse: [7, 27],
+    hidden: [8, 28],
+    strikethrough: [9, 29]
+  },
+  color: {
+    black: [30, 39],
+    red: [31, 39],
+    green: [32, 39],
+    yellow: [33, 39],
+    blue: [34, 39],
+    magenta: [35, 39],
+    cyan: [36, 39],
+    white: [37, 39],
+    blackBright: [90, 39],
+    gray: [90, 39],
+    grey: [90, 39],
+    redBright: [91, 39],
+    greenBright: [92, 39],
+    yellowBright: [93, 39],
+    blueBright: [94, 39],
+    magentaBright: [95, 39],
+    cyanBright: [96, 39],
+    whiteBright: [97, 39]
+  },
+  bgColor: {
+    bgBlack: [40, 49],
+    bgRed: [41, 49],
+    bgGreen: [42, 49],
+    bgYellow: [43, 49],
+    bgBlue: [44, 49],
+    bgMagenta: [45, 49],
+    bgCyan: [46, 49],
+    bgWhite: [47, 49],
+    bgBlackBright: [100, 49],
+    bgGray: [100, 49],
+    bgGrey: [100, 49],
+    bgRedBright: [101, 49],
+    bgGreenBright: [102, 49],
+    bgYellowBright: [103, 49],
+    bgBlueBright: [104, 49],
+    bgMagentaBright: [105, 49],
+    bgCyanBright: [106, 49],
+    bgWhiteBright: [107, 49]
+  }
+};
+var modifierNames6 = Object.keys(styles8.modifier);
+var foregroundColorNames6 = Object.keys(styles8.color);
+var backgroundColorNames6 = Object.keys(styles8.bgColor);
+var colorNames6 = [...foregroundColorNames6, ...backgroundColorNames6];
+function assembleStyles6() {
+  const codes = new Map;
+  for (const [groupName, group] of Object.entries(styles8)) {
+    for (const [styleName, style] of Object.entries(group)) {
+      styles8[styleName] = {
+        open: `\x1B[${style[0]}m`,
+        close: `\x1B[${style[1]}m`
+      };
+      group[styleName] = styles8[styleName];
+      codes.set(style[0], style[1]);
+    }
+    Object.defineProperty(styles8, groupName, {
+      value: group,
+      enumerable: false
+    });
+  }
+  Object.defineProperty(styles8, "codes", {
+    value: codes,
+    enumerable: false
+  });
+  styles8.color.close = "\x1B[39m";
+  styles8.bgColor.close = "\x1B[49m";
+  styles8.color.ansi = wrapAnsi166();
+  styles8.color.ansi256 = wrapAnsi2566();
+  styles8.color.ansi16m = wrapAnsi16m6();
+  styles8.bgColor.ansi = wrapAnsi166(ANSI_BACKGROUND_OFFSET6);
+  styles8.bgColor.ansi256 = wrapAnsi2566(ANSI_BACKGROUND_OFFSET6);
+  styles8.bgColor.ansi16m = wrapAnsi16m6(ANSI_BACKGROUND_OFFSET6);
+  Object.defineProperties(styles8, {
+    rgbToAnsi256: {
+      value(red, green, blue) {
+        if (red === green && green === blue) {
+          if (red < 8) {
+            return 16;
+          }
+          if (red > 248) {
+            return 231;
+          }
+          return Math.round((red - 8) / 247 * 24) + 232;
+        }
+        return 16 + 36 * Math.round(red / 255 * 5) + 6 * Math.round(green / 255 * 5) + Math.round(blue / 255 * 5);
+      },
+      enumerable: false
+    },
+    hexToRgb: {
+      value(hex) {
+        const matches = /[a-f\d]{6}|[a-f\d]{3}/i.exec(hex.toString(16));
+        if (!matches) {
+          return [0, 0, 0];
+        }
+        let [colorString] = matches;
+        if (colorString.length === 3) {
+          colorString = [...colorString].map((character) => character + character).join("");
+        }
+        const integer = Number.parseInt(colorString, 16);
+        return [
+          integer >> 16 & 255,
+          integer >> 8 & 255,
+          integer & 255
+        ];
+      },
+      enumerable: false
+    },
+    hexToAnsi256: {
+      value: (hex) => styles8.rgbToAnsi256(...styles8.hexToRgb(hex)),
+      enumerable: false
+    },
+    ansi256ToAnsi: {
+      value(code) {
+        if (code < 8) {
+          return 30 + code;
+        }
+        if (code < 16) {
+          return 90 + (code - 8);
+        }
+        let red;
+        let green;
+        let blue;
+        if (code >= 232) {
+          red = ((code - 232) * 10 + 8) / 255;
+          green = red;
+          blue = red;
+        } else {
+          code -= 16;
+          const remainder = code % 36;
+          red = Math.floor(code / 36) / 5;
+          green = Math.floor(remainder / 6) / 5;
+          blue = remainder % 6 / 5;
+        }
+        const value = Math.max(red, green, blue) * 2;
+        if (value === 0) {
+          return 30;
+        }
+        let result = 30 + (Math.round(blue) << 2 | Math.round(green) << 1 | Math.round(red));
+        if (value === 2) {
+          result += 60;
+        }
+        return result;
+      },
+      enumerable: false
+    },
+    rgbToAnsi: {
+      value: (red, green, blue) => styles8.ansi256ToAnsi(styles8.rgbToAnsi256(red, green, blue)),
+      enumerable: false
+    },
+    hexToAnsi: {
+      value: (hex) => styles8.ansi256ToAnsi(styles8.hexToAnsi256(hex)),
+      enumerable: false
+    }
+  });
+  return styles8;
+}
+var ansiStyles6 = assembleStyles6();
+var ansi_styles_default6 = ansiStyles6;
+
+// node_modules/ink-text-input/node_modules/chalk/source/vendor/supports-color/index.js
+import process13 from "node:process";
+import os3 from "node:os";
+import tty2 from "node:tty";
+function hasFlag2(flag, argv = globalThis.Deno ? globalThis.Deno.args : process13.argv) {
+  const prefix = flag.startsWith("-") ? "" : flag.length === 1 ? "-" : "--";
+  const position = argv.indexOf(prefix + flag);
+  const terminatorPosition = argv.indexOf("--");
+  return position !== -1 && (terminatorPosition === -1 || position < terminatorPosition);
+}
+var { env: env3 } = process13;
+var flagForceColor2;
+if (hasFlag2("no-color") || hasFlag2("no-colors") || hasFlag2("color=false") || hasFlag2("color=never")) {
+  flagForceColor2 = 0;
+} else if (hasFlag2("color") || hasFlag2("colors") || hasFlag2("color=true") || hasFlag2("color=always")) {
+  flagForceColor2 = 1;
+}
+function envForceColor2() {
+  if ("FORCE_COLOR" in env3) {
+    if (env3.FORCE_COLOR === "true") {
+      return 1;
+    }
+    if (env3.FORCE_COLOR === "false") {
+      return 0;
+    }
+    return env3.FORCE_COLOR.length === 0 ? 1 : Math.min(Number.parseInt(env3.FORCE_COLOR, 10), 3);
+  }
+}
+function translateLevel2(level) {
+  if (level === 0) {
+    return false;
+  }
+  return {
+    level,
+    hasBasic: true,
+    has256: level >= 2,
+    has16m: level >= 3
+  };
+}
+function _supportsColor2(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
+  const noFlagForceColor = envForceColor2();
+  if (noFlagForceColor !== undefined) {
+    flagForceColor2 = noFlagForceColor;
+  }
+  const forceColor = sniffFlags ? flagForceColor2 : noFlagForceColor;
+  if (forceColor === 0) {
+    return 0;
+  }
+  if (sniffFlags) {
+    if (hasFlag2("color=16m") || hasFlag2("color=full") || hasFlag2("color=truecolor")) {
+      return 3;
+    }
+    if (hasFlag2("color=256")) {
+      return 2;
+    }
+  }
+  if ("TF_BUILD" in env3 && "AGENT_NAME" in env3) {
+    return 1;
+  }
+  if (haveStream && !streamIsTTY && forceColor === undefined) {
+    return 0;
+  }
+  const min = forceColor || 0;
+  if (env3.TERM === "dumb") {
+    return min;
+  }
+  if (process13.platform === "win32") {
+    const osRelease = os3.release().split(".");
+    if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
+      return Number(osRelease[2]) >= 14931 ? 3 : 2;
+    }
+    return 1;
+  }
+  if ("CI" in env3) {
+    if (["GITHUB_ACTIONS", "GITEA_ACTIONS", "CIRCLECI"].some((key) => (key in env3))) {
+      return 3;
+    }
+    if (["TRAVIS", "APPVEYOR", "GITLAB_CI", "BUILDKITE", "DRONE"].some((sign) => (sign in env3)) || env3.CI_NAME === "codeship") {
+      return 1;
+    }
+    return min;
+  }
+  if ("TEAMCITY_VERSION" in env3) {
+    return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(env3.TEAMCITY_VERSION) ? 1 : 0;
+  }
+  if (env3.COLORTERM === "truecolor") {
+    return 3;
+  }
+  if (env3.TERM === "xterm-kitty") {
+    return 3;
+  }
+  if ("TERM_PROGRAM" in env3) {
+    const version = Number.parseInt((env3.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
+    switch (env3.TERM_PROGRAM) {
+      case "iTerm.app": {
+        return version >= 3 ? 3 : 2;
+      }
+      case "Apple_Terminal": {
+        return 2;
+      }
+    }
+  }
+  if (/-256(color)?$/i.test(env3.TERM)) {
+    return 2;
+  }
+  if (/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(env3.TERM)) {
+    return 1;
+  }
+  if ("COLORTERM" in env3) {
+    return 1;
+  }
+  return min;
+}
+function createSupportsColor2(stream, options = {}) {
+  const level = _supportsColor2(stream, {
+    streamIsTTY: stream && stream.isTTY,
+    ...options
+  });
+  return translateLevel2(level);
+}
+var supportsColor2 = {
+  stdout: createSupportsColor2({ isTTY: tty2.isatty(1) }),
+  stderr: createSupportsColor2({ isTTY: tty2.isatty(2) })
+};
+var supports_color_default2 = supportsColor2;
+
+// node_modules/ink-text-input/node_modules/chalk/source/utilities.js
+function stringReplaceAll2(string, substring, replacer) {
+  let index = string.indexOf(substring);
+  if (index === -1) {
+    return string;
+  }
+  const substringLength = substring.length;
+  let endIndex = 0;
+  let returnValue = "";
+  do {
+    returnValue += string.slice(endIndex, index) + substring + replacer;
+    endIndex = index + substringLength;
+    index = string.indexOf(substring, endIndex);
+  } while (index !== -1);
+  returnValue += string.slice(endIndex);
+  return returnValue;
+}
+function stringEncaseCRLFWithFirstIndex2(string, prefix, postfix, index) {
+  let endIndex = 0;
+  let returnValue = "";
+  do {
+    const gotCR = string[index - 1] === "\r";
+    returnValue += string.slice(endIndex, gotCR ? index - 1 : index) + prefix + (gotCR ? `\r
+` : `
+`) + postfix;
+    endIndex = index + 1;
+    index = string.indexOf(`
+`, endIndex);
+  } while (index !== -1);
+  returnValue += string.slice(endIndex);
+  return returnValue;
+}
+
+// node_modules/ink-text-input/node_modules/chalk/source/index.js
+var { stdout: stdoutColor2, stderr: stderrColor2 } = supports_color_default2;
+var GENERATOR2 = Symbol("GENERATOR");
+var STYLER2 = Symbol("STYLER");
+var IS_EMPTY2 = Symbol("IS_EMPTY");
+var levelMapping2 = [
+  "ansi",
+  "ansi",
+  "ansi256",
+  "ansi16m"
+];
+var styles9 = Object.create(null);
+var applyOptions2 = (object, options = {}) => {
+  if (options.level && !(Number.isInteger(options.level) && options.level >= 0 && options.level <= 3)) {
+    throw new Error("The `level` option should be an integer from 0 to 3");
+  }
+  const colorLevel = stdoutColor2 ? stdoutColor2.level : 0;
+  object.level = options.level === undefined ? colorLevel : options.level;
+};
+var chalkFactory2 = (options) => {
+  const chalk3 = (...strings) => strings.join(" ");
+  applyOptions2(chalk3, options);
+  Object.setPrototypeOf(chalk3, createChalk2.prototype);
+  return chalk3;
+};
+function createChalk2(options) {
+  return chalkFactory2(options);
+}
+Object.setPrototypeOf(createChalk2.prototype, Function.prototype);
+for (const [styleName, style] of Object.entries(ansi_styles_default6)) {
+  styles9[styleName] = {
+    get() {
+      const builder = createBuilder2(this, createStyler2(style.open, style.close, this[STYLER2]), this[IS_EMPTY2]);
+      Object.defineProperty(this, styleName, { value: builder });
+      return builder;
+    }
+  };
+}
+styles9.visible = {
+  get() {
+    const builder = createBuilder2(this, this[STYLER2], true);
+    Object.defineProperty(this, "visible", { value: builder });
+    return builder;
+  }
+};
+var getModelAnsi2 = (model, level, type, ...arguments_) => {
+  if (model === "rgb") {
+    if (level === "ansi16m") {
+      return ansi_styles_default6[type].ansi16m(...arguments_);
+    }
+    if (level === "ansi256") {
+      return ansi_styles_default6[type].ansi256(ansi_styles_default6.rgbToAnsi256(...arguments_));
+    }
+    return ansi_styles_default6[type].ansi(ansi_styles_default6.rgbToAnsi(...arguments_));
+  }
+  if (model === "hex") {
+    return getModelAnsi2("rgb", level, type, ...ansi_styles_default6.hexToRgb(...arguments_));
+  }
+  return ansi_styles_default6[type][model](...arguments_);
+};
+var usedModels2 = ["rgb", "hex", "ansi256"];
+for (const model of usedModels2) {
+  styles9[model] = {
+    get() {
+      const { level } = this;
+      return function(...arguments_) {
+        const styler = createStyler2(getModelAnsi2(model, levelMapping2[level], "color", ...arguments_), ansi_styles_default6.color.close, this[STYLER2]);
+        return createBuilder2(this, styler, this[IS_EMPTY2]);
+      };
+    }
+  };
+  const bgModel = "bg" + model[0].toUpperCase() + model.slice(1);
+  styles9[bgModel] = {
+    get() {
+      const { level } = this;
+      return function(...arguments_) {
+        const styler = createStyler2(getModelAnsi2(model, levelMapping2[level], "bgColor", ...arguments_), ansi_styles_default6.bgColor.close, this[STYLER2]);
+        return createBuilder2(this, styler, this[IS_EMPTY2]);
+      };
+    }
+  };
+}
+var proto2 = Object.defineProperties(() => {}, {
+  ...styles9,
+  level: {
+    enumerable: true,
+    get() {
+      return this[GENERATOR2].level;
+    },
+    set(level) {
+      this[GENERATOR2].level = level;
+    }
+  }
+});
+var createStyler2 = (open, close, parent) => {
+  let openAll;
+  let closeAll;
+  if (parent === undefined) {
+    openAll = open;
+    closeAll = close;
+  } else {
+    openAll = parent.openAll + open;
+    closeAll = close + parent.closeAll;
+  }
+  return {
+    open,
+    close,
+    openAll,
+    closeAll,
+    parent
+  };
+};
+var createBuilder2 = (self2, _styler, _isEmpty) => {
+  const builder = (...arguments_) => applyStyle2(builder, arguments_.length === 1 ? "" + arguments_[0] : arguments_.join(" "));
+  Object.setPrototypeOf(builder, proto2);
+  builder[GENERATOR2] = self2;
+  builder[STYLER2] = _styler;
+  builder[IS_EMPTY2] = _isEmpty;
+  return builder;
+};
+var applyStyle2 = (self2, string) => {
+  if (self2.level <= 0 || !string) {
+    return self2[IS_EMPTY2] ? "" : string;
+  }
+  let styler = self2[STYLER2];
+  if (styler === undefined) {
+    return string;
+  }
+  const { openAll, closeAll } = styler;
+  if (string.includes("\x1B")) {
+    while (styler !== undefined) {
+      string = stringReplaceAll2(string, styler.close, styler.open);
+      styler = styler.parent;
+    }
+  }
+  const lfIndex = string.indexOf(`
+`);
+  if (lfIndex !== -1) {
+    string = stringEncaseCRLFWithFirstIndex2(string, closeAll, openAll, lfIndex);
+  }
+  return openAll + string + closeAll;
+};
+Object.defineProperties(createChalk2.prototype, styles9);
+var chalk3 = createChalk2();
+var chalkStderr2 = createChalk2({ level: stderrColor2 ? stderrColor2.level : 0 });
+var source_default2 = chalk3;
+
+// node_modules/ink-text-input/build/index.js
+function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
+  const [state, setState] = import_react26.useState({
+    cursorOffset: (originalValue || "").length,
+    cursorWidth: 0
+  });
+  const { cursorOffset, cursorWidth } = state;
+  import_react26.useEffect(() => {
+    setState((previousState) => {
+      if (!focus || !showCursor) {
+        return previousState;
+      }
+      const newValue = originalValue || "";
+      if (previousState.cursorOffset > newValue.length - 1) {
+        return {
+          cursorOffset: newValue.length,
+          cursorWidth: 0
+        };
+      }
+      return previousState;
+    });
+  }, [originalValue, focus, showCursor]);
+  const cursorActualWidth = highlightPastedText ? cursorWidth : 0;
+  const value = mask ? mask.repeat(originalValue.length) : originalValue;
+  let renderedValue = value;
+  let renderedPlaceholder = placeholder ? source_default2.grey(placeholder) : undefined;
+  if (showCursor && focus) {
+    renderedPlaceholder = placeholder.length > 0 ? source_default2.inverse(placeholder[0]) + source_default2.grey(placeholder.slice(1)) : source_default2.inverse(" ");
+    renderedValue = value.length > 0 ? "" : source_default2.inverse(" ");
+    let i = 0;
+    for (const char of value) {
+      renderedValue += i >= cursorOffset - cursorActualWidth && i <= cursorOffset ? source_default2.inverse(char) : char;
+      i++;
+    }
+    if (value.length > 0 && cursorOffset === value.length) {
+      renderedValue += source_default2.inverse(" ");
+    }
+  }
+  use_input_default((input, key) => {
+    if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+      return;
+    }
+    if (key.return) {
+      if (onSubmit) {
+        onSubmit(originalValue);
+      }
+      return;
+    }
+    let nextCursorOffset = cursorOffset;
+    let nextValue = originalValue;
+    let nextCursorWidth = 0;
+    if (key.leftArrow) {
+      if (showCursor) {
+        nextCursorOffset--;
+      }
+    } else if (key.rightArrow) {
+      if (showCursor) {
+        nextCursorOffset++;
+      }
+    } else if (key.backspace || key.delete) {
+      if (cursorOffset > 0) {
+        nextValue = originalValue.slice(0, cursorOffset - 1) + originalValue.slice(cursorOffset, originalValue.length);
+        nextCursorOffset--;
+      }
+    } else {
+      nextValue = originalValue.slice(0, cursorOffset) + input + originalValue.slice(cursorOffset, originalValue.length);
+      nextCursorOffset += input.length;
+      if (input.length > 1) {
+        nextCursorWidth = input.length;
+      }
+    }
+    if (cursorOffset < 0) {
+      nextCursorOffset = 0;
+    }
+    if (cursorOffset > originalValue.length) {
+      nextCursorOffset = originalValue.length;
+    }
+    setState({
+      cursorOffset: nextCursorOffset,
+      cursorWidth: nextCursorWidth
+    });
+    if (nextValue !== originalValue) {
+      onChange(nextValue);
+    }
+  }, { isActive: focus });
+  return import_react26.default.createElement(Text, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+}
+var build_default = TextInput;
+
+// src/ui/app/components/historylist.tsx
+var import_react27 = __toESM(require_react(), 1);
+
 // src/utils/colors.ts
 var getStatusColor = (status, theme) => {
   if (status.startsWith("2"))
@@ -68294,6 +68897,30 @@ var getStatusColor = (status, theme) => {
   return theme.colors.accent;
 };
 
+// src/utils/fuzzy.ts
+function fuzzyMatch(pattern, str) {
+  if (!pattern)
+    return { matched: true, score: 0, indices: [] };
+  pattern = pattern.toLowerCase();
+  str = str.toLowerCase();
+  let patternIdx = 0;
+  let score = 0;
+  const indices = [];
+  for (let i = 0;i < str.length && patternIdx < pattern.length; i++) {
+    if (str[i] === pattern[patternIdx]) {
+      score += 1;
+      indices.push(i);
+      patternIdx++;
+    }
+  }
+  return { matched: patternIdx === pattern.length, score, indices };
+}
+function fuzzyFilter(items, pattern, getText) {
+  if (!pattern)
+    return items;
+  return items.map((item) => ({ item, ...fuzzyMatch(pattern, getText(item)) })).filter((r) => r.matched).sort((a, b) => b.score - a.score).map((r) => r.item);
+}
+
 // src/ui/app/components/historylist.tsx
 var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
 var HistoryListItem = ({ item, isSelected, theme }) => {
@@ -68360,19 +68987,33 @@ var HistoryList = ({ history, onItemClick, theme }) => {
   const { stdout } = use_stdout_default();
   const { isFocused } = use_focus_default();
   const { focusNext } = use_focus_manager_default();
-  const [selectedIndex, setSelectedIndex] = import_react26.useState(0);
-  const [scrollPosition, setScrollPosition] = import_react26.useState(0);
-  const listRef = import_react26.useRef(null);
-  const maxHeight = stdout.rows - 8;
-  use_input_default((_, key) => {
+  const [selectedIndex, setSelectedIndex] = import_react27.useState(0);
+  const [scrollPosition, setScrollPosition] = import_react27.useState(0);
+  const [searchQuery, setSearchQuery] = import_react27.useState("");
+  const [isSearching, setIsSearching] = import_react27.useState(false);
+  const listRef = import_react27.useRef(null);
+  const filteredHistory = fuzzyFilter(history, searchQuery, (item) => `${item.method} ${item.url}`);
+  const maxHeight = stdout.rows - 10;
+  use_input_default((input, key) => {
+    if (input === "/" && !isSearching) {
+      setIsSearching(true);
+      return;
+    }
+    if (key.escape && isSearching) {
+      setIsSearching(false);
+      setSearchQuery("");
+      return;
+    }
+    if (isSearching)
+      return;
     if (key.upArrow) {
       setSelectedIndex((prev) => Math.max(0, prev - 1));
     }
     if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(history.length - 1, prev + 1));
+      setSelectedIndex((prev) => Math.min(filteredHistory.length - 1, prev + 1));
     }
-    if (key.return && history[selectedIndex]) {
-      onItemClick(history[selectedIndex]);
+    if (key.return && filteredHistory[selectedIndex]) {
+      onItemClick(filteredHistory[selectedIndex]);
     }
     if (key.tab) {
       focusNext();
@@ -68381,10 +69022,14 @@ var HistoryList = ({ history, onItemClick, theme }) => {
       setScrollPosition((prev) => Math.max(0, prev - maxHeight));
     }
     if (key.pageDown) {
-      setScrollPosition((prev) => Math.min(history.length - maxHeight, prev + maxHeight));
+      setScrollPosition((prev) => Math.min(filteredHistory.length - maxHeight, prev + maxHeight));
     }
   }, { isActive: isFocused });
-  import_react26.useEffect(() => {
+  import_react27.useEffect(() => {
+    setSelectedIndex(0);
+    setScrollPosition(0);
+  }, [searchQuery]);
+  import_react27.useEffect(() => {
     if (selectedIndex < scrollPosition) {
       setScrollPosition(selectedIndex);
     } else if (selectedIndex >= scrollPosition + maxHeight) {
@@ -68394,22 +69039,55 @@ var HistoryList = ({ history, onItemClick, theme }) => {
   return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
     flexDirection: "column",
     flexGrow: 1,
-    children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
-      flexDirection: "column",
-      ref: listRef,
-      children: history.slice(scrollPosition, scrollPosition + maxHeight).map((item, index) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(HistoryListItem, {
-        item,
-        isSelected: isFocused && selectedIndex === scrollPosition + index,
-        theme
-      }, item.timestamp, false, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+        paddingX: 1,
+        marginBottom: 1,
+        children: isSearching ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+              color: theme.colors.accent,
+              children: "\uD83D\uDD0D "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(build_default, {
+              value: searchQuery,
+              onChange: setSearchQuery,
+              placeholder: "Type to search...",
+              focus: isSearching
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          color: theme.colors.muted,
+          dimColor: true,
+          children: [
+            "Press / to search",
+            searchQuery && ` (filtered: "${searchQuery}")`
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+        flexDirection: "column",
+        ref: listRef,
+        children: filteredHistory.length === 0 ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+          paddingX: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: theme.colors.muted,
+            children: "No matches found"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : filteredHistory.slice(scrollPosition, scrollPosition + maxHeight).map((item, index) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(HistoryListItem, {
+          item,
+          isSelected: isFocused && selectedIndex === scrollPosition + index,
+          theme
+        }, item.timestamp, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 };
 
 // src/ui/app/components/footer.tsx
-var import_react27 = __toESM(require_react(), 1);
+var import_react28 = __toESM(require_react(), 1);
 var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
-var Footer = import_react27.default.memo(({ theme }) => {
+var Footer = import_react28.default.memo(({ theme }) => {
   return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     borderStyle: "round",
     borderTopColor: theme.muted,
@@ -68430,7 +69108,7 @@ var Footer = import_react27.default.memo(({ theme }) => {
 });
 
 // src/ui/app/components/themeselector.tsx
-var import_react28 = __toESM(require_react(), 1);
+var import_react29 = __toESM(require_react(), 1);
 var jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
 var getIndex = (theme) => {
   let index = 0;
@@ -68471,9 +69149,9 @@ var getIndex = (theme) => {
   return index;
 };
 var ThemeSelector = ({ onThemeChange, theme }) => {
-  const [selectedIndex, setSelectedIndex] = import_react28.useState(getIndex(theme.name));
+  const [selectedIndex, setSelectedIndex] = import_react29.useState(getIndex(theme.name));
   const themeNames = Object.keys(themes);
-  import_react28.useEffect(() => {
+  import_react29.useEffect(() => {
     const currentThemeIndex = themeNames.findIndex((name) => {
       const themeColors = themes[name].colors;
       return Object.entries(themeColors).every(([key, value]) => theme[key] === value);
@@ -68529,20 +69207,20 @@ var ThemeSelector = ({ onThemeChange, theme }) => {
 };
 
 // src/ui/app/components/scrollablebox.tsx
-var import_react29 = __toESM(require_react(), 1);
+var import_react30 = __toESM(require_react(), 1);
 var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
 var ScrollableBox = ({ children }) => {
   const { stdout } = use_stdout_default();
-  const [scrollPosition, setScrollPosition] = import_react29.useState(0);
+  const [scrollPosition, setScrollPosition] = import_react30.useState(0);
   const maxHeight = stdout.rows - 10;
-  const [contentHeight, setContentHeight] = import_react29.useState(0);
+  const [contentHeight, setContentHeight] = import_react30.useState(0);
   use_input_default((_, key) => {
     if (key.pageUp)
       setScrollPosition((prev) => Math.max(0, prev - maxHeight));
     if (key.pageDown)
       setScrollPosition((prev) => Math.min(contentHeight - maxHeight, prev + maxHeight));
   });
-  import_react29.useEffect(() => {
+  import_react30.useEffect(() => {
     const estimateHeight = (node) => {
       if (!node)
         return 0;
@@ -68551,7 +69229,7 @@ var ScrollableBox = ({ children }) => {
 `).length;
       if (Array.isArray(node))
         return node.reduce((acc, child) => acc + estimateHeight(child), 0);
-      if (import_react29.default.isValidElement(node))
+      if (import_react30.default.isValidElement(node))
         return estimateHeight(node.props.children);
       return 1;
     };
@@ -68568,7 +69246,7 @@ var ScrollableBox = ({ children }) => {
         children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
           marginTop: -scrollPosition,
           flexDirection: "column",
-          children: import_react29.default.Children.map(children, (child) => import_react29.default.isValidElement(child) ? import_react29.default.cloneElement(child) : child)
+          children: import_react30.default.Children.map(children, (child) => import_react30.default.isValidElement(child) ? import_react30.default.cloneElement(child) : child)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       contentHeight > maxHeight && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
@@ -68583,9 +69261,9 @@ var ScrollableBox = ({ children }) => {
 };
 
 // src/ui/app/components/syntaxhighlighter.tsx
-var import_react30 = __toESM(require_react(), 1);
+var import_react31 = __toESM(require_react(), 1);
 var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
-var JsonSyntaxHighlight = import_react30.default.memo(({ jsonString, theme }) => {
+var JsonSyntaxHighlight = import_react31.default.memo(({ jsonString, theme }) => {
   try {
     const json = JSON.parse(jsonString);
     const prettyJson = JSON.stringify(json, null, 2);
@@ -68688,26 +69366,242 @@ var JsonSyntaxHighlight = import_react30.default.memo(({ jsonString, theme }) =>
 });
 
 // src/ui/app/components/responsepanel.tsx
-var import_react31 = __toESM(require_react(), 1);
+var import_react32 = __toESM(require_react(), 1);
+
+// src/ui/app/components/metricspanel.tsx
 var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
-var ResponsePanel = import_react31.default.memo(({ response, theme }) => {
-  const [activeTab, setActiveTab] = import_react31.useState("body");
-  const tabs = [{ name: "headers", label: "Headers" }, { name: "body", label: "Body" }];
+var MetricBar = ({ label, value, maxValue, color, theme }) => {
+  const barWidth = 40;
+  const safeValue = Math.max(0, value);
+  const filledWidth = Math.max(0, Math.min(barWidth, maxValue > 0 ? Math.round(safeValue / maxValue * barWidth) : 0));
+  const emptyWidth = barWidth - filledWidth;
+  const bar = "█".repeat(filledWidth) + "░".repeat(emptyWidth);
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+    marginY: 0,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        width: 18,
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          color: theme.colors.muted,
+          children: label
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        width: barWidth + 2,
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          color,
+          children: bar
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        width: 12,
+        justifyContent: "flex-end",
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          color: theme.colors.white,
+          bold: true,
+          children: [
+            safeValue.toFixed(1),
+            "ms"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var formatBytes = (bytes) => {
+  if (bytes === 0)
+    return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+};
+var MetricsPanel = ({ metrics, theme }) => {
+  if (!metrics) {
+    return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      flexDirection: "column",
+      padding: 1,
+      children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+        color: theme.colors.muted,
+        children: "No metrics available. Send a request first."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const maxTime = Math.max(Math.max(0, metrics.dnsLookup), Math.max(0, metrics.tcpConnection), Math.max(0, metrics.tlsHandshake), Math.max(0, metrics.ttfb), Math.max(0, metrics.contentDownload), 1);
   return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
     flexDirection: "column",
-    flexGrow: 1,
+    paddingX: 1,
     children: [
       /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginBottom: 1,
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+            color: theme.colors.accent,
+            bold: true,
+            children: "⚡ Performance Breakdown"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+            color: theme.colors.muted,
+            children: "────────────────────────────────────────────────────────────"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        flexDirection: "column",
+        gap: 0,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(MetricBar, {
+            label: "\uD83D\uDD0D DNS Lookup",
+            value: metrics.dnsLookup,
+            maxValue: maxTime,
+            color: theme.colors.cool,
+            theme
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(MetricBar, {
+            label: "\uD83D\uDD0C TCP Connect",
+            value: metrics.tcpConnection,
+            maxValue: maxTime,
+            color: theme.colors.success,
+            theme
+          }, undefined, false, undefined, this),
+          metrics.tlsHandshake > 0 && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(MetricBar, {
+            label: "\uD83D\uDD10 TLS Handshake",
+            value: metrics.tlsHandshake,
+            maxValue: maxTime,
+            color: theme.colors.secondary,
+            theme
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(MetricBar, {
+            label: "⏱️  TTFB",
+            value: metrics.ttfb,
+            maxValue: maxTime,
+            color: theme.colors.accent,
+            theme
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(MetricBar, {
+            label: "\uD83D\uDCE5 Download",
+            value: metrics.contentDownload,
+            maxValue: maxTime,
+            color: theme.colors.primary,
+            theme
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          color: theme.colors.muted,
+          children: "────────────────────────────────────────────────────────────"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        gap: 0,
         children: [
           /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
-            width: 8,
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                width: 18,
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: theme.colors.accent,
+                  bold: true,
+                  children: "\uD83D\uDCCA Total Time"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                color: theme.colors.white,
+                bold: true,
+                children: [
+                  metrics.total.toFixed(2),
+                  " ms"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                width: 18,
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: theme.colors.accent,
+                  bold: true,
+                  children: "\uD83D\uDCE6 Size"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                color: theme.colors.white,
+                bold: true,
+                children: formatBytes(metrics.contentLength)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          metrics.contentLength > 0 && metrics.contentDownload > 0 && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+                width: 18,
+                children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  color: theme.colors.accent,
+                  bold: true,
+                  children: "\uD83D\uDE80 Speed"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                color: theme.colors.success,
+                bold: true,
+                children: [
+                  formatBytes(metrics.contentLength / (metrics.contentDownload / 1000)),
+                  "/s"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+            color: theme.colors.muted,
+            children: "────────────────────────────────────────────────────────────"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+            marginTop: 1,
             children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              color: theme.colors.muted,
+              dimColor: true,
+              children: "TTFB = Time To First Byte (DNS + TCP + TLS + Server Processing)"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// src/ui/app/components/responsepanel.tsx
+var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+var ResponsePanel = import_react32.default.memo(({ response, theme, metrics = null }) => {
+  const [activeTab, setActiveTab] = import_react32.useState("body");
+  const tabs = [{ name: "body", label: "Body" }, { name: "headers", label: "Headers" }, { name: "metrics", label: "⚡ Metrics" }];
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+    flexDirection: "column",
+    flexGrow: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+            width: 8,
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
               color: theme.colors.primary,
               children: "STATUS:"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             color: getStatusColor(response.status, theme),
             bold: true,
             children: [
@@ -68718,30 +69612,30 @@ var ResponsePanel = import_react31.default.memo(({ response, theme }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Tabs, {
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Tabs, {
         tabs,
         activeTab,
         onChange: setActiveTab,
         theme
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
         marginTop: 1,
         flexGrow: 1,
         children: [
-          activeTab === "headers" && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(ScrollableBox, {
-            children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+          activeTab === "headers" && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(ScrollableBox, {
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
               flexDirection: "column",
-              children: Object.entries(JSON.parse(response.headers || "{}")).map(([key, value]) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+              children: Object.entries(JSON.parse(response.headers || "{}")).map(([key, value]) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                     color: theme.colors.accent,
                     children: key
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                     color: theme.colors.muted,
                     children: ": "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
                     color: theme.colors.success,
                     children: String(value)
                   }, undefined, false, undefined, this)
@@ -68749,15 +69643,21 @@ var ResponsePanel = import_react31.default.memo(({ response, theme }) => {
               }, key, true, undefined, this))
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          activeTab === "body" && /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(ScrollableBox, {
-            children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+          activeTab === "body" && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(ScrollableBox, {
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
               flexDirection: "column",
               flexGrow: 1,
-              children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(JsonSyntaxHighlight, {
+              children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(JsonSyntaxHighlight, {
                 jsonString: response.body,
                 theme
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          activeTab === "metrics" && /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(ScrollableBox, {
+            children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(MetricsPanel, {
+              metrics,
+              theme
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -68766,7 +69666,7 @@ var ResponsePanel = import_react31.default.memo(({ response, theme }) => {
 });
 
 // src/ui/app/components/exportdialog.tsx
-var import_react32 = __toESM(require_react(), 1);
+var import_react33 = __toESM(require_react(), 1);
 
 // src/utils/export.ts
 import { writeFile, mkdir } from "fs";
@@ -68854,15 +69754,15 @@ var saveToFile = async (content, filePath) => {
 };
 
 // src/ui/app/components/exportdialog.tsx
-var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
 var EXPORT_DIR = `${process.env.HOME}/.postboy/exports`;
 var ExportDialog = ({ request, onClose, theme }) => {
-  const [format, setFormat] = import_react32.useState("curl");
-  const [action, setAction] = import_react32.useState("copy");
-  const [showSavePrompt, setShowSavePrompt] = import_react32.useState(false);
-  const [filePath, setFilePath] = import_react32.useState("");
-  const [message, setMessage] = import_react32.useState("");
-  const [activeField, setActiveField] = import_react32.useState("format");
+  const [format, setFormat] = import_react33.useState("curl");
+  const [action, setAction] = import_react33.useState("copy");
+  const [showSavePrompt, setShowSavePrompt] = import_react33.useState(false);
+  const [filePath, setFilePath] = import_react33.useState("");
+  const [message, setMessage] = import_react33.useState("");
+  const [activeField, setActiveField] = import_react33.useState("format");
   const getExportContent = () => {
     return format === "curl" ? toCurl(request) : toFetch(request);
   };
@@ -68934,58 +69834,58 @@ ${finalPath}` : "Failed to save file");
     }
   });
   const preview = getExportContent();
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     flexDirection: "column",
     borderStyle: "double",
     borderColor: theme.accent,
     padding: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             color: theme.accent,
             bold: true,
             children: "Export Request"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             color: theme.muted,
             children: " (Tab: switch, ←→: select, Enter: confirm, Esc: cancel)"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      message ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      message ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         padding: 1,
         flexDirection: "column",
         borderStyle: "round",
         borderColor: theme.success,
         children: message.split(`
-`).map((line, i) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+`).map((line, i) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
           color: theme.success,
           bold: true,
           children: line
         }, i, false, undefined, this))
-      }, undefined, false, undefined, this) : showSavePrompt ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      }, undefined, false, undefined, this) : showSavePrompt ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         flexDirection: "column",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                 color: theme.primary,
                 children: "File path: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 borderStyle: "round",
                 borderColor: theme.accent,
                 paddingX: 1,
                 flexGrow: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                     color: theme.white,
                     children: filePath
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                     color: theme.accent,
                     children: "▌"
                   }, undefined, false, undefined, this)
@@ -68993,7 +69893,7 @@ ${finalPath}` : "Failed to save file");
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             color: theme.muted,
             children: [
               "Extension .",
@@ -69002,32 +69902,32 @@ ${finalPath}` : "Failed to save file");
             ]
           }, undefined, true, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         flexDirection: "column",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             gap: 2,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                 color: theme.primary,
                 children: "Format: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 borderStyle: "round",
                 borderColor: activeField === "format" && format === "curl" ? theme.accent : theme.muted,
                 paddingX: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                   color: format === "curl" ? theme.accent : theme.muted,
                   bold: format === "curl",
                   children: "cURL"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 borderStyle: "round",
                 borderColor: activeField === "format" && format === "fetch" ? theme.accent : theme.muted,
                 paddingX: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                   color: format === "fetch" ? theme.accent : theme.muted,
                   bold: format === "fetch",
                   children: "Fetch"
@@ -69035,28 +69935,28 @@ ${finalPath}` : "Failed to save file");
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             gap: 2,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                 color: theme.primary,
                 children: "Action: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 borderStyle: "round",
                 borderColor: activeField === "action" && action === "copy" ? theme.accent : theme.muted,
                 paddingX: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                   color: action === "copy" ? theme.accent : theme.muted,
                   bold: action === "copy",
                   children: "Copy to Clipboard"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 borderStyle: "round",
                 borderColor: activeField === "action" && action === "save" ? theme.accent : theme.muted,
                 paddingX: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                   color: action === "save" ? theme.accent : theme.muted,
                   bold: action === "save",
                   children: "Save to File"
@@ -69064,21 +69964,21 @@ ${finalPath}` : "Failed to save file");
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
             flexDirection: "column",
             marginTop: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                 color: theme.primary,
                 children: "Preview:"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
                 borderStyle: "round",
                 borderColor: theme.muted,
                 padding: 1,
                 flexDirection: "column",
                 children: preview.split(`
-`).map((line, i) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+`).map((line, i) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
                   color: theme.white,
                   children: line
                 }, i, false, undefined, this))
@@ -69094,12 +69994,12 @@ ${finalPath}` : "Failed to save file");
 // src/utils/themeManager.ts
 import { promises as fs3 } from "fs";
 import path2 from "path";
-import os3 from "os";
+import os4 from "os";
 
 class ThemeManager {
   themeFile;
   constructor() {
-    const homeDir = os3.homedir();
+    const homeDir = os4.homedir();
     const configDir = path2.join(homeDir, ".postboy");
     this.themeFile = path2.join(configDir, "theme.json");
   }
@@ -69194,21 +70094,21 @@ class ThemeManager {
 var themeManager = new ThemeManager;
 
 // src/ui/app/ui.tsx
-var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 var SendButton = ({ onPress, loading, theme }) => {
   const { isFocused } = use_focus_default();
   use_input_default((_, key) => {
     if (isFocused && key.return)
       onPress();
   });
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     borderStyle: "round",
     paddingX: 2,
     borderTopDimColor: true,
     borderColor: isFocused ? theme.accent : theme.primary,
-    children: loading ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Spinner, {
+    children: loading ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Spinner, {
       theme
-    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
       bold: true,
       color: isFocused ? theme.accent : theme.white,
       children: "\uD83D\uDE80 Send"
@@ -69216,12 +70116,12 @@ var SendButton = ({ onPress, loading, theme }) => {
   }, undefined, false, undefined, this);
 };
 var HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS", "HEAD"];
-var RequestPanel = import_react33.default.memo(({ request, onMethodChange, onUrlChange, onHeadersChange, onBodyChange, onSend, loading, theme, historyUrls = [], onInputFocus }) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+var RequestPanel = import_react34.default.memo(({ request, onMethodChange, onUrlChange, onHeadersChange, onBodyChange, onSend, loading, theme, historyUrls = [], onInputFocus }) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
   flexDirection: "column",
   gap: 1,
   flexGrow: 1,
   children: [
-    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(FormField, {
+    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FormField, {
       label: "Method",
       value: request.method,
       onChange: onMethodChange,
@@ -69230,7 +70130,7 @@ var RequestPanel = import_react33.default.memo(({ request, onMethodChange, onUrl
       suggestions: HTTP_METHODS,
       onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(FormField, {
+    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FormField, {
       label: "URL",
       value: request.url,
       onChange: onUrlChange,
@@ -69239,7 +70139,7 @@ var RequestPanel = import_react33.default.memo(({ request, onMethodChange, onUrl
       suggestions: historyUrls,
       onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(KeyValueField, {
+    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(KeyValueField, {
       label: "Headers",
       value: request.headers,
       onChange: onHeadersChange,
@@ -69247,7 +70147,7 @@ var RequestPanel = import_react33.default.memo(({ request, onMethodChange, onUrl
       theme,
       onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(KeyValueField, {
+    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(KeyValueField, {
       label: "Body",
       value: request.body,
       onChange: onBodyChange,
@@ -69255,10 +70155,10 @@ var RequestPanel = import_react33.default.memo(({ request, onMethodChange, onUrl
       theme,
       onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+    /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
       marginTop: 1,
       justifyContent: "center",
-      children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(SendButton, {
+      children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(SendButton, {
         onPress: onSend,
         loading,
         theme
@@ -69267,27 +70167,28 @@ var RequestPanel = import_react33.default.memo(({ request, onMethodChange, onUrl
   ]
 }, undefined, true, undefined, this));
 var UI = () => {
-  const [theme, setTheme] = import_react33.useState(themes.catppuccin);
+  const [theme, setTheme] = import_react34.useState(themes.catppuccin);
   const { exit } = use_app_default();
-  const [activeTab, setActiveTab] = import_react33.useState("request");
-  const [request, setRequest] = import_react33.useState({ method: "GET", url: "", headers: "", body: "" });
-  const [response, setResponse] = import_react33.useState({ statustext: "", status: "", headers: "", body: "", error: "" });
-  const [history, setHistory] = import_react33.useState([]);
-  const [loading, setLoading] = import_react33.useState(false);
-  const requestRef = import_react33.useRef(request);
+  const [activeTab, setActiveTab] = import_react34.useState("request");
+  const [request, setRequest] = import_react34.useState({ method: "GET", url: "", headers: "", body: "" });
+  const [response, setResponse] = import_react34.useState({ statustext: "", status: "", headers: "", body: "", error: "" });
+  const [metrics, setMetrics] = import_react34.useState(null);
+  const [history, setHistory] = import_react34.useState([]);
+  const [loading, setLoading] = import_react34.useState(false);
+  const requestRef = import_react34.useRef(request);
   requestRef.current = request;
-  import_react33.useEffect(() => {
+  import_react34.useEffect(() => {
     const loadHistory = async () => setHistory((await historyManager.loadHistory()).entries);
     loadHistory();
   }, []);
-  import_react33.useEffect(() => {
+  import_react34.useEffect(() => {
     const loadTheme = async () => {
       const loadedTheme = await themeManager.loadCurrTheme();
       setTheme(loadedTheme);
     };
     loadTheme();
   }, []);
-  const handleSend = import_react33.useCallback(async () => {
+  const handleSend = import_react34.useCallback(async () => {
     setLoading(true);
     const startTime = Date.now();
     const currentRequest = requestRef.current;
@@ -69315,6 +70216,7 @@ var UI = () => {
       const responseTime = Date.now() - startTime;
       await historyManager.addEntry({ ...currentRequest }, res.status, responseTime);
       setHistory((await historyManager.loadHistory()).entries);
+      setMetrics(res.metrics);
       setResponse({ statustext: res.statusText, status: res.status.toString(), headers: JSON.stringify(res.headers), body: res.body, error: res.status >= 200 && res.status < 400 ? "" : `Error: ${res.statusText}` });
       setActiveTab("response");
     } catch (error) {
@@ -69328,7 +70230,7 @@ var UI = () => {
     themeManager.ChangeTheme(theme2);
     setTheme(theme2);
   };
-  const handleHistoryClick = import_react33.useCallback((item) => {
+  const handleHistoryClick = import_react34.useCallback((item) => {
     setRequest({
       method: item.method,
       url: item.url,
@@ -69339,9 +70241,9 @@ var UI = () => {
   }, []);
   const tabs = [{ name: "request", label: "Request" }, { name: "response", label: "Response" }];
   const activeIndex = tabs.findIndex((t) => t.name === activeTab);
-  const [showThemeSelector, setShowThemeSelector] = import_react33.useState(false);
-  const [showExportDialog, setShowExportDialog] = import_react33.useState(false);
-  const [inputFocused, setInputFocused] = import_react33.useState(false);
+  const [showThemeSelector, setShowThemeSelector] = import_react34.useState(false);
+  const [showExportDialog, setShowExportDialog] = import_react34.useState(false);
+  const [inputFocused, setInputFocused] = import_react34.useState(false);
   use_input_default((input, key) => {
     if (input === "q" && !showExportDialog)
       exit();
@@ -69360,94 +70262,94 @@ var UI = () => {
     if ((input === "e" || input === "E") && !key.ctrl && !key.meta && !inputFocused && !showThemeSelector)
       setShowExportDialog((prev) => !prev);
   }, { isActive: !showExportDialog });
-  const onMethodChange = import_react33.useCallback((method) => setRequest((r) => ({ ...r, method })), []);
-  const onUrlChange = import_react33.useCallback((url) => setRequest((r) => ({ ...r, url })), []);
-  const onHeadersChange = import_react33.useCallback((headers) => setRequest((r) => ({ ...r, headers })), []);
-  const onBodyChange = import_react33.useCallback((body) => setRequest((r) => ({ ...r, body })), []);
+  const onMethodChange = import_react34.useCallback((method) => setRequest((r) => ({ ...r, method })), []);
+  const onUrlChange = import_react34.useCallback((url) => setRequest((r) => ({ ...r, url })), []);
+  const onHeadersChange = import_react34.useCallback((headers) => setRequest((r) => ({ ...r, headers })), []);
+  const onBodyChange = import_react34.useCallback((body) => setRequest((r) => ({ ...r, body })), []);
   const historyUrls = Array.from(new Set(history.map((h) => h.url))).filter(Boolean);
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     padding: 1,
     flexDirection: "column",
     flexGrow: 1,
     children: [
-      showThemeSelector && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      showThemeSelector && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "row",
         justifyContent: "center",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ThemeSelector, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ThemeSelector, {
           theme,
           onThemeChange: (themeName) => {
             handleThemeChange(themes[themeName]);
           }
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      showExportDialog && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      showExportDialog && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "row",
         justifyContent: "center",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ExportDialog, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ExportDialog, {
           request,
           onClose: () => setShowExportDialog(false),
           theme: theme.colors
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         alignSelf: "center",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: theme.colors.accent,
           bold: true,
           children: `┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓`
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         alignSelf: "center",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: theme.colors.primary,
           bold: true,
           children: `┃   \uD83D\uDEF0️  Welcome to PostBoy — The Modern Terminal API Client   ┃`
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         alignSelf: "center",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: theme.colors.accent,
           bold: true,
           children: `┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛`
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexGrow: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             width: "40%",
             borderColor: theme.colors.muted,
             flexDirection: "column",
             marginRight: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 alignSelf: "center",
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: theme.colors.accent,
                   bold: true,
                   children: `┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓`
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 borderTopColor: "grey",
                 borderColor: theme.colors.secondary,
                 paddingX: 1,
                 alignSelf: "center",
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: theme.colors.accent,
                   bold: true,
                   children: "\uD83D\uDCDC History"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 flexDirection: "column",
                 flexGrow: 1,
                 borderRightColor: "grey",
@@ -69456,22 +70358,22 @@ var UI = () => {
                 borderLeft: false,
                 borderBottom: false,
                 paddingY: 1,
-                children: history.length === 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+                children: history.length === 0 ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                   padding: 1,
-                  children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: theme.colors.muted,
                     children: "No requests yet..."
                   }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(HistoryList, {
+                }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(HistoryList, {
                   history,
                   onItemClick: handleHistoryClick,
                   theme
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 alignSelf: "center",
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: theme.colors.accent,
                   bold: true,
                   children: `┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛`
@@ -69479,36 +70381,36 @@ var UI = () => {
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             width: "60%",
             borderColor: theme.colors.muted,
             padding: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 alignSelf: "center",
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: theme.colors.accent,
                   bold: true,
                   children: `┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓`
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Tabs, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Tabs, {
                 tabs,
                 activeTab,
                 onChange: setActiveTab,
                 theme
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 marginTop: 1,
                 flexDirection: "column",
                 flexGrow: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                     display: activeTab === "request" ? "flex" : "none",
                     flexGrow: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(RequestPanel, {
+                    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(RequestPanel, {
                       request,
                       onMethodChange,
                       onUrlChange,
@@ -69521,20 +70423,21 @@ var UI = () => {
                       onInputFocus: setInputFocused
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                     display: activeTab === "response" ? "flex" : "none",
                     flexGrow: 1,
-                    children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ResponsePanel, {
+                    children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ResponsePanel, {
                       response,
-                      theme
+                      theme,
+                      metrics
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 alignSelf: "center",
                 marginBottom: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: theme.colors.accent,
                   bold: true,
                   children: `┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛`
@@ -69544,7 +70447,7 @@ var UI = () => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Footer, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Footer, {
         theme: theme.colors
       }, undefined, false, undefined, this)
     ]
@@ -69553,14 +70456,14 @@ var UI = () => {
 var ui_default = UI;
 
 // src/ui/app/app.tsx
-var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
 function App2() {
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ui_default, {}, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(ui_default, {}, undefined, false, undefined, this);
 }
 
 // src/commands/ui.tsx
-var import_chalk5 = __toESM(require_source(), 1);
-var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
+var import_chalk6 = __toESM(require_source(), 1);
+var jsx_dev_runtime15 = __toESM(require_jsx_dev_runtime(), 1);
 var UIWrapper = () => {
   const { exit } = use_app_default();
   use_input_default((input) => {
@@ -69568,23 +70471,23 @@ var UIWrapper = () => {
       exit();
     }
   });
-  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
-        children: import_chalk5.default.cyanBright(`PostBoy \uD83D\uDC8C`)
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Text, {
+        children: import_chalk6.default.cyanBright(`PostBoy \uD83D\uDC8C`)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(App2, {}, undefined, false, undefined, this)
+      /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(App2, {}, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 };
 var uiCommand = () => {
-  render_default(/* @__PURE__ */ jsx_dev_runtime14.jsxDEV(UIWrapper, {}, undefined, false, undefined, this));
+  render_default(/* @__PURE__ */ jsx_dev_runtime15.jsxDEV(UIWrapper, {}, undefined, false, undefined, this));
 };
 
 // src/commands/test.ts
 var import_inquirer = __toESM(require_inquirer(), 1);
-var import_chalk6 = __toESM(require_source(), 1);
+var import_chalk7 = __toESM(require_source(), 1);
 async function testCommand() {
   logger.title(WELCOME_MESSAGE);
   logger.info(SUBTITLE);
@@ -69592,13 +70495,13 @@ async function testCommand() {
     {
       type: "input",
       name: "url",
-      message: import_chalk6.default.green("Enter the API URL:"),
+      message: import_chalk7.default.green("Enter the API URL:"),
       default: "leave this empty for selecting mock URL"
     },
     {
       type: "list",
       name: "MOCK_URL",
-      message: import_chalk6.default.green("Select a mock URL:"),
+      message: import_chalk7.default.green("Select a mock URL:"),
       choices: [
         "https://jsonplaceholder.typicode.com/posts",
         "https://jsonplaceholder.typicode.com/comments",
@@ -69609,19 +70512,19 @@ async function testCommand() {
     {
       type: "list",
       name: "method",
-      message: import_chalk6.default.green("Select HTTP method:"),
+      message: import_chalk7.default.green("Select HTTP method:"),
       choices: ["GET", "POST", "PUT", "DELETE"]
     },
     {
       type: "input",
       name: "headers",
-      message: import_chalk6.default.green("Enter headers (JSON format):"),
+      message: import_chalk7.default.green("Enter headers (JSON format):"),
       default: "{}"
     },
     {
       type: "input",
       name: "body",
-      message: import_chalk6.default.green("Enter request body (JSON format):"),
+      message: import_chalk7.default.green("Enter request body (JSON format):"),
       default: "{}"
     }
   ]);
@@ -69635,20 +70538,20 @@ Your request configuration:`);
 Response received! ✨`);
     logger.info(`Status: ${response.status}`);
     logger.info(`Status Text: ${response.statusText}`);
-    console.log(import_chalk6.default.green("Response Body :"));
+    console.log(import_chalk7.default.green("Response Body :"));
     +logger.info(await response.text());
-    console.log(import_chalk6.default.green("Response Headers:"));
+    console.log(import_chalk7.default.green("Response Headers:"));
     logger.info(JSON.stringify(response.headers, null, 2));
   } catch (err) {
     logger.error(`
 Error occurred! ❌`);
-    console.error(import_chalk6.default.magentaBright(err));
+    console.error(import_chalk7.default.magentaBright(err));
   }
 }
 
 // src/commands/mock.ts
 var import_inquirer2 = __toESM(require_inquirer(), 1);
-var import_chalk7 = __toESM(require_source(), 1);
+var import_chalk8 = __toESM(require_source(), 1);
 async function mockApis() {
   logger.title(WELCOME_MESSAGE);
   logger.info(SUBTITLE);
@@ -69687,7 +70590,7 @@ async function mockApis() {
     {
       type: "list",
       name: "category",
-      message: import_chalk7.default.green("Select categories :"),
+      message: import_chalk8.default.green("Select categories :"),
       choices: [
         "posts",
         "ecommerce/store",
@@ -69702,7 +70605,7 @@ async function mockApis() {
     {
       type: "list",
       name: "method",
-      message: import_chalk7.default.green("Select HTTP method:"),
+      message: import_chalk8.default.green("Select HTTP method:"),
       choices: ["GET", "POST", "PUT", "DELETE"]
     }
   ]);
@@ -69748,7 +70651,7 @@ async function mockApis() {
 
 // src/index.ts
 var program2 = new Command;
-program2.version("1.3.6").description(import_chalk8.default.yellow("PostBoy CLI - Test your APIs with ease"));
+program2.version("1.3.8").description(import_chalk9.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);