@jvittechs/jai1-cli 0.1.66 → 0.1.68

package/dist/cli.js

@@ -33,7 +33,7 @@ var NetworkError = class extends Jai1Error {
 // package.json
 var package_default = {
   name: "@jvittechs/jai1-cli",
-  version: "0.1.66",
+  version: "0.1.68",
   description: "Unified CLI for Jai1 Framework Management and Redmine Context Sync",
   type: "module",
   bin: {
@@ -388,9 +388,9 @@ async function handleAuth(options) {
       output: process.stdout
     });
     const question = (prompt) => {
-      return new Promise((resolve3) => {
+      return new Promise((resolve4) => {
         rl.question(prompt, (answer) => {
-          resolve3(answer);
+          resolve4(answer);
         });
       });
     };
@@ -3534,7 +3534,7 @@ var AgenticGuideView = ({ onBack }) => {
     setMessages((prev) => [...prev, userMessage]);
     setInputValue("");
     setIsTyping(true);
-    await new Promise((resolve3) => setTimeout(resolve3, 800 + Math.random() * 700));
+    await new Promise((resolve4) => setTimeout(resolve4, 800 + Math.random() * 700));
     const response = getMockResponse(text);
     const assistantMessage = {
       id: `assistant-${Date.now()}`,
@@ -5717,12 +5717,1231 @@ Examples:
 }
 
 // src/commands/utils/interactive.ts
-import React28 from "react";
+import React39 from "react";
 import { render as render5 } from "ink";
 
 // src/ui/utils/UtilsApp.tsx
+import React38, { useState as useState25 } from "react";
+import { Box as Box28, Text as Text29, useInput as useInput23, useApp as useApp5 } from "ink";
+
+// src/ui/utils/views/PasswordView.tsx
 import React27, { useState as useState14 } from "react";
-import { Box as Box17, Text as Text18, useInput as useInput12, useApp as useApp5 } from "ink";
+import { Box as Box17, Text as Text18, useInput as useInput12 } from "ink";
+import TextInput4 from "ink-text-input";
+var PasswordView = () => {
+  const [length, setLength] = useState14("16");
+  const [count, setCount] = useState14("1");
+  const [passwords, setPasswords] = useState14([]);
+  const [focusedField, setFocusedField] = useState14("length");
+  const [copiedIndex, setCopiedIndex] = useState14(null);
+  const service = new UtilsService();
+  useInput12((input, key) => {
+    if (key.tab) {
+      if (focusedField === "length") setFocusedField("count");
+      else if (focusedField === "count") setFocusedField("generate");
+      else setFocusedField("length");
+    } else if (key.return && focusedField === "generate") {
+      handleGenerate();
+    } else if (input === "c" && passwords.length > 0) {
+      handleCopy(0);
+    }
+  });
+  const handleGenerate = () => {
+    const newPasswords = [];
+    const lengthNum = parseInt(length, 10) || 16;
+    const countNum = parseInt(count, 10) || 1;
+    for (let i = 0; i < countNum; i++) {
+      newPasswords.push(
+        service.generatePassword({
+          length: lengthNum,
+          lowercase: true,
+          uppercase: true,
+          digits: true,
+          symbols: true
+        })
+      );
+    }
+    setPasswords(newPasswords);
+    setCopiedIndex(null);
+  };
+  const handleCopy = async (index) => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(passwords[index]);
+      setCopiedIndex(index);
+      setTimeout(() => setCopiedIndex(null), 2e3);
+    } catch (error) {
+    }
+  };
+  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, "\u{1F510} Password Generator")), /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Box17, { width: 20 }, /* @__PURE__ */ React27.createElement(Text18, { color: focusedField === "length" ? "green" : void 0 }, focusedField === "length" ? "\u25B6 " : "  ", "Length:")), /* @__PURE__ */ React27.createElement(Box17, { width: 10 }, focusedField === "length" ? /* @__PURE__ */ React27.createElement(TextInput4, { value: length, onChange: setLength }) : /* @__PURE__ */ React27.createElement(Text18, null, length)), /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "(characters)")),
+    /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Box17, { width: 20 }, /* @__PURE__ */ React27.createElement(Text18, { color: focusedField === "count" ? "green" : void 0 }, focusedField === "count" ? "\u25B6 " : "  ", "Count:")), /* @__PURE__ */ React27.createElement(Box17, { width: 10 }, focusedField === "count" ? /* @__PURE__ */ React27.createElement(TextInput4, { value: count, onChange: setCount }) : /* @__PURE__ */ React27.createElement(Text18, null, count)), /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "(passwords to generate)")),
+    /* @__PURE__ */ React27.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React27.createElement(
+      Text18,
+      {
+        bold: true,
+        backgroundColor: focusedField === "generate" ? "green" : void 0,
+        color: focusedField === "generate" ? "black" : "green"
+      },
+      focusedField === "generate" ? "\u25B6 " : "  ",
+      "[ Generate Passwords ]"
+    ))
+  ), passwords.length > 0 && /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "green", marginBottom: 1 }, "\u2713 Generated Passwords:"),
+    passwords.map((password, index) => /* @__PURE__ */ React27.createElement(Box17, { key: index, marginBottom: 0 }, /* @__PURE__ */ React27.createElement(Box17, { width: 4 }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, index + 1, ".")), /* @__PURE__ */ React27.createElement(Box17, { flexGrow: 1 }, /* @__PURE__ */ React27.createElement(Text18, null, password)), copiedIndex === index && /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, " \u2713 Copied!")))
+  ), /* @__PURE__ */ React27.createElement(Box17, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "Tab: Next field | Enter: Generate | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/UuidView.tsx
+import React28, { useState as useState15 } from "react";
+import { Box as Box18, Text as Text19, useInput as useInput13 } from "ink";
+import TextInput5 from "ink-text-input";
+var UuidView = () => {
+  const [count, setCount] = useState15("1");
+  const [uppercase, setUppercase] = useState15(false);
+  const [noHyphens, setNoHyphens] = useState15(false);
+  const [uuids, setUuids] = useState15([]);
+  const [focusedField, setFocusedField] = useState15("count");
+  const [copiedIndex, setCopiedIndex] = useState15(null);
+  const service = new UtilsService();
+  useInput13((input, key) => {
+    if (key.tab) {
+      const fields = ["count", "uppercase", "hyphens", "generate"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return) {
+      if (focusedField === "uppercase") {
+        setUppercase(!uppercase);
+      } else if (focusedField === "hyphens") {
+        setNoHyphens(!noHyphens);
+      } else if (focusedField === "generate") {
+        handleGenerate();
+      }
+    } else if (input === "c" && uuids.length > 0) {
+      handleCopy(0);
+    }
+  });
+  const handleGenerate = () => {
+    const newUuids = [];
+    const countNum = parseInt(count, 10) || 1;
+    for (let i = 0; i < countNum; i++) {
+      newUuids.push(service.generateUuid({ uppercase, noHyphens }));
+    }
+    setUuids(newUuids);
+    setCopiedIndex(null);
+  };
+  const handleCopy = async (index) => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(uuids[index]);
+      setCopiedIndex(index);
+      setTimeout(() => setCopiedIndex(null), 2e3);
+    } catch (error) {
+    }
+  };
+  return /* @__PURE__ */ React28.createElement(Box18, { flexDirection: "column" }, /* @__PURE__ */ React28.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Text19, { bold: true, color: "cyan" }, "\u{1F194} UUID Generator")), /* @__PURE__ */ React28.createElement(
+    Box18,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React28.createElement(Text19, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React28.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Box18, { width: 20 }, /* @__PURE__ */ React28.createElement(Text19, { color: focusedField === "count" ? "green" : void 0 }, focusedField === "count" ? "\u25B6 " : "  ", "Count:")), /* @__PURE__ */ React28.createElement(Box18, { width: 10 }, focusedField === "count" ? /* @__PURE__ */ React28.createElement(TextInput5, { value: count, onChange: setCount }) : /* @__PURE__ */ React28.createElement(Text19, null, count))),
+    /* @__PURE__ */ React28.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Text19, { color: focusedField === "uppercase" ? "green" : void 0 }, focusedField === "uppercase" ? "\u25B6 " : "  ", "[", uppercase ? "\u2713" : " ", "] Uppercase")),
+    /* @__PURE__ */ React28.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React28.createElement(Text19, { color: focusedField === "hyphens" ? "green" : void 0 }, focusedField === "hyphens" ? "\u25B6 " : "  ", "[", noHyphens ? "\u2713" : " ", "] No Hyphens")),
+    /* @__PURE__ */ React28.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(
+      Text19,
+      {
+        bold: true,
+        backgroundColor: focusedField === "generate" ? "green" : void 0,
+        color: focusedField === "generate" ? "black" : "green"
+      },
+      focusedField === "generate" ? "\u25B6 " : "  ",
+      "[ Generate UUIDs ]"
+    ))
+  ), uuids.length > 0 && /* @__PURE__ */ React28.createElement(
+    Box18,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React28.createElement(Text19, { bold: true, color: "green", marginBottom: 1 }, "\u2713 Generated UUIDs:"),
+    uuids.map((uuid, index) => /* @__PURE__ */ React28.createElement(Box18, { key: index, marginBottom: 0 }, /* @__PURE__ */ React28.createElement(Box18, { width: 4 }, /* @__PURE__ */ React28.createElement(Text19, { dimColor: true }, index + 1, ".")), /* @__PURE__ */ React28.createElement(Box18, { flexGrow: 1 }, /* @__PURE__ */ React28.createElement(Text19, null, uuid)), copiedIndex === index && /* @__PURE__ */ React28.createElement(Text19, { color: "green" }, " \u2713 Copied!")))
+  ), /* @__PURE__ */ React28.createElement(Box18, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React28.createElement(Text19, { dimColor: true }, "Tab: Next | Enter: Toggle/Generate | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/HashView.tsx
+import React29, { useState as useState16 } from "react";
+import { Box as Box19, Text as Text20, useInput as useInput14 } from "ink";
+import TextInput6 from "ink-text-input";
+var ALGORITHMS = ["sha256", "sha512", "sha1", "md5", "bcrypt"];
+var HashView = () => {
+  const [text, setText] = useState16("");
+  const [algorithm, setAlgorithm] = useState16("sha256");
+  const [hash, setHash] = useState16("");
+  const [focusedField, setFocusedField] = useState16("text");
+  const [copied, setCopied] = useState16(false);
+  const service = new UtilsService();
+  useInput14((input, key) => {
+    if (key.tab) {
+      const fields = ["text", "algorithm", "generate"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return && focusedField === "generate") {
+      handleGenerate();
+    } else if (key.leftArrow && focusedField === "algorithm") {
+      const currentIndex = ALGORITHMS.indexOf(algorithm);
+      setAlgorithm(ALGORITHMS[currentIndex > 0 ? currentIndex - 1 : ALGORITHMS.length - 1]);
+    } else if (key.rightArrow && focusedField === "algorithm") {
+      const currentIndex = ALGORITHMS.indexOf(algorithm);
+      setAlgorithm(ALGORITHMS[(currentIndex + 1) % ALGORITHMS.length]);
+    } else if (input === "c" && hash) {
+      handleCopy();
+    }
+  });
+  const handleGenerate = async () => {
+    if (!text) return;
+    let result;
+    if (algorithm === "bcrypt") {
+      result = await service.hashBcrypt(text, 10);
+    } else {
+      result = await service.hash(text, algorithm);
+    }
+    setHash(result);
+    setCopied(false);
+  };
+  const handleCopy = async () => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(hash);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error) {
+    }
+  };
+  return /* @__PURE__ */ React29.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React29.createElement(Text20, { bold: true, color: "cyan" }, "\u{1F512} Hash Generator")), /* @__PURE__ */ React29.createElement(
+    Box19,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React29.createElement(Text20, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React29.createElement(Box19, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Box19, { marginBottom: 0 }, /* @__PURE__ */ React29.createElement(Text20, { color: focusedField === "text" ? "green" : void 0 }, focusedField === "text" ? "\u25B6 " : "  ", "Text to hash:")), /* @__PURE__ */ React29.createElement(Box19, { marginLeft: 2, width: 60 }, focusedField === "text" ? /* @__PURE__ */ React29.createElement(TextInput6, { value: text, onChange: setText, placeholder: "Enter text..." }) : /* @__PURE__ */ React29.createElement(Text20, { dimColor: !text }, text || "(empty)"))),
+    /* @__PURE__ */ React29.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React29.createElement(Box19, { width: 20 }, /* @__PURE__ */ React29.createElement(Text20, { color: focusedField === "algorithm" ? "green" : void 0 }, focusedField === "algorithm" ? "\u25B6 " : "  ", "Algorithm:")), /* @__PURE__ */ React29.createElement(Text20, { bold: true, color: focusedField === "algorithm" ? "yellow" : void 0 }, algorithm.toUpperCase()), focusedField === "algorithm" && /* @__PURE__ */ React29.createElement(Text20, { dimColor: true }, " (\u2190 \u2192 to change)")),
+    /* @__PURE__ */ React29.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(
+      Text20,
+      {
+        bold: true,
+        backgroundColor: focusedField === "generate" ? "green" : void 0,
+        color: focusedField === "generate" ? "black" : "green"
+      },
+      focusedField === "generate" ? "\u25B6 " : "  ",
+      "[ Generate Hash ]"
+    ))
+  ), hash && /* @__PURE__ */ React29.createElement(
+    Box19,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React29.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React29.createElement(Text20, { bold: true, color: "green" }, "\u2713 Hash Result:"), copied && /* @__PURE__ */ React29.createElement(Box19, { marginLeft: 2 }, /* @__PURE__ */ React29.createElement(Text20, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React29.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Text20, { dimColor: true }, "Algorithm: ", algorithm.toUpperCase()), /* @__PURE__ */ React29.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text20, { wrap: "wrap" }, hash)))
+  ), /* @__PURE__ */ React29.createElement(Box19, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React29.createElement(Text20, { dimColor: true }, "Tab: Next | \u2190/\u2192: Change algorithm | Enter: Generate | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/Base64View.tsx
+import React30, { useState as useState17 } from "react";
+import { Box as Box20, Text as Text21, useInput as useInput15 } from "ink";
+import TextInput7 from "ink-text-input";
+var Base64View = () => {
+  const [input, setInput] = useState17("");
+  const [mode, setMode] = useState17("encode");
+  const [urlSafe, setUrlSafe] = useState17(false);
+  const [result, setResult] = useState17("");
+  const [error, setError] = useState17("");
+  const [focusedField, setFocusedField] = useState17("input");
+  const [copied, setCopied] = useState17(false);
+  const service = new UtilsService();
+  useInput15((input2, key) => {
+    if (key.tab) {
+      const fields = ["input", "mode", "urlsafe", "convert"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return) {
+      if (focusedField === "mode") {
+        setMode(mode === "encode" ? "decode" : "encode");
+        setResult("");
+        setError("");
+      } else if (focusedField === "urlsafe") {
+        setUrlSafe(!urlSafe);
+      } else if (focusedField === "convert") {
+        handleConvert();
+      }
+    } else if (input2 === "c" && result) {
+      handleCopy();
+    }
+  });
+  const handleConvert = () => {
+    if (!input) {
+      setError("Input cannot be empty");
+      return;
+    }
+    try {
+      setError("");
+      if (mode === "encode") {
+        const encoded = service.base64Encode(input, urlSafe);
+        setResult(encoded);
+      } else {
+        const decoded = service.base64Decode(input);
+        setResult(decoded.toString("utf-8"));
+      }
+      setCopied(false);
+    } catch (err) {
+      setError(`Failed to ${mode}: ${err instanceof Error ? err.message : "Unknown error"}`);
+      setResult("");
+    }
+  };
+  const handleCopy = async () => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(result);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error2) {
+    }
+  };
+  return /* @__PURE__ */ React30.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "cyan" }, "\u{1F4DD} Base64 Encoder/Decoder")), /* @__PURE__ */ React30.createElement(
+    Box20,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 0 }, /* @__PURE__ */ React30.createElement(Text21, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", "Input text:")), /* @__PURE__ */ React30.createElement(Box20, { marginLeft: 2, width: 60 }, focusedField === "input" ? /* @__PURE__ */ React30.createElement(TextInput7, { value: input, onChange: setInput, placeholder: "Enter text..." }) : /* @__PURE__ */ React30.createElement(Text21, { dimColor: !input }, input || "(empty)"))),
+    /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Box20, { width: 20 }, /* @__PURE__ */ React30.createElement(Text21, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "encode" ? "ENCODE" : "DECODE"), focusedField === "mode" && /* @__PURE__ */ React30.createElement(Text21, { dimColor: true }, " (Enter to toggle)")),
+    mode === "encode" && /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { color: focusedField === "urlsafe" ? "green" : void 0 }, focusedField === "urlsafe" ? "\u25B6 " : "  ", "[", urlSafe ? "\u2713" : " ", "] URL-Safe (+ \u2192 -, / \u2192 _)")),
+    /* @__PURE__ */ React30.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(
+      Text21,
+      {
+        bold: true,
+        backgroundColor: focusedField === "convert" ? "green" : void 0,
+        color: focusedField === "convert" ? "black" : "green"
+      },
+      focusedField === "convert" ? "\u25B6 " : "  ",
+      "[ ",
+      mode === "encode" ? "Encode" : "Decode",
+      " ]"
+    ))
+  ), error && /* @__PURE__ */ React30.createElement(
+    Box20,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React30.createElement(Text21, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React30.createElement(
+    Box20,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React30.createElement(Box20, { marginLeft: 2 }, /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React30.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Text21, { dimColor: true }, "Mode: ", mode.toUpperCase()), /* @__PURE__ */ React30.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React30.createElement(Text21, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React30.createElement(Box20, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React30.createElement(Text21, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/UrlView.tsx
+import React31, { useState as useState18 } from "react";
+import { Box as Box21, Text as Text22, useInput as useInput16 } from "ink";
+import TextInput8 from "ink-text-input";
+var UrlView = () => {
+  const [input, setInput] = useState18("");
+  const [mode, setMode] = useState18("encode");
+  const [fullUrl, setFullUrl] = useState18(false);
+  const [result, setResult] = useState18("");
+  const [focusedField, setFocusedField] = useState18("input");
+  const [copied, setCopied] = useState18(false);
+  const service = new UtilsService();
+  useInput16((input2, key) => {
+    if (key.tab) {
+      const fields = ["input", "mode", "full", "convert"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return) {
+      if (focusedField === "mode") {
+        setMode(mode === "encode" ? "decode" : "encode");
+        setResult("");
+      } else if (focusedField === "full") {
+        setFullUrl(!fullUrl);
+      } else if (focusedField === "convert") {
+        handleConvert();
+      }
+    } else if (input2 === "c" && result) {
+      handleCopy();
+    }
+  });
+  const handleConvert = () => {
+    if (!input) return;
+    if (mode === "encode") {
+      const encoded = fullUrl ? service.urlEncode(input, true) : service.urlEncode(input, false);
+      setResult(encoded);
+    } else {
+      const decoded = fullUrl ? service.urlDecode(input, true) : service.urlDecode(input, false);
+      setResult(decoded);
+    }
+    setCopied(false);
+  };
+  const handleCopy = async () => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(result);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error) {
+    }
+  };
+  return /* @__PURE__ */ React31.createElement(Box21, { flexDirection: "column" }, /* @__PURE__ */ React31.createElement(Box21, { marginBottom: 1 }, /* @__PURE__ */ React31.createElement(Text22, { bold: true, color: "cyan" }, "\u{1F517} URL Encoder/Decoder")), /* @__PURE__ */ React31.createElement(
+    Box21,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React31.createElement(Text22, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React31.createElement(Box21, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React31.createElement(Box21, { marginBottom: 0 }, /* @__PURE__ */ React31.createElement(Text22, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", "Input text:")), /* @__PURE__ */ React31.createElement(Box21, { marginLeft: 2, width: 60 }, focusedField === "input" ? /* @__PURE__ */ React31.createElement(TextInput8, { value: input, onChange: setInput, placeholder: "Enter text or URL..." }) : /* @__PURE__ */ React31.createElement(Text22, { dimColor: !input }, input || "(empty)"))),
+    /* @__PURE__ */ React31.createElement(Box21, { marginBottom: 1 }, /* @__PURE__ */ React31.createElement(Box21, { width: 20 }, /* @__PURE__ */ React31.createElement(Text22, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React31.createElement(Text22, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "encode" ? "ENCODE" : "DECODE"), focusedField === "mode" && /* @__PURE__ */ React31.createElement(Text22, { dimColor: true }, " (Enter to toggle)")),
+    /* @__PURE__ */ React31.createElement(Box21, { marginBottom: 1 }, /* @__PURE__ */ React31.createElement(Text22, { color: focusedField === "full" ? "green" : void 0 }, focusedField === "full" ? "\u25B6 " : "  ", "[", fullUrl ? "\u2713" : " ", "] Full URL (encode/decode entire URL)")),
+    /* @__PURE__ */ React31.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(
+      Text22,
+      {
+        bold: true,
+        backgroundColor: focusedField === "convert" ? "green" : void 0,
+        color: focusedField === "convert" ? "black" : "green"
+      },
+      focusedField === "convert" ? "\u25B6 " : "  ",
+      "[ ",
+      mode === "encode" ? "Encode" : "Decode",
+      " ]"
+    ))
+  ), result && /* @__PURE__ */ React31.createElement(
+    Box21,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React31.createElement(Box21, { marginBottom: 1 }, /* @__PURE__ */ React31.createElement(Text22, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React31.createElement(Box21, { marginLeft: 2 }, /* @__PURE__ */ React31.createElement(Text22, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React31.createElement(Box21, { flexDirection: "column" }, /* @__PURE__ */ React31.createElement(Text22, { dimColor: true }, "Mode: ", mode.toUpperCase(), " ", fullUrl ? "(Full URL)" : "(Component)"), /* @__PURE__ */ React31.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React31.createElement(Text22, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React31.createElement(Box21, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React31.createElement(Text22, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/UnixTimeView.tsx
+import React32, { useState as useState19 } from "react";
+import { Box as Box22, Text as Text23, useInput as useInput17 } from "ink";
+import TextInput9 from "ink-text-input";
+var UnixTimeView = () => {
+  const [input, setInput] = useState19("");
+  const [mode, setMode] = useState19("now");
+  const [format, setFormat] = useState19("iso");
+  const [useMs, setUseMs] = useState19(false);
+  const [result, setResult] = useState19("");
+  const [error, setError] = useState19("");
+  const [focusedField, setFocusedField] = useState19("mode");
+  const [copied, setCopied] = useState19(false);
+  const service = new UtilsService();
+  useInput17((input2, key) => {
+    if (key.tab) {
+      const fields = mode === "now" ? ["mode", "ms", "convert"] : mode === "to-human" ? ["mode", "input", "format", "convert"] : ["mode", "input", "convert"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return) {
+      if (focusedField === "mode") {
+        const modes = ["now", "to-human", "to-unix"];
+        const currentIndex = modes.indexOf(mode);
+        setMode(modes[(currentIndex + 1) % modes.length]);
+        setResult("");
+        setError("");
+      } else if (focusedField === "format") {
+        const formats = ["iso", "local", "utc"];
+        const currentIndex = formats.indexOf(format);
+        setFormat(formats[(currentIndex + 1) % formats.length]);
+      } else if (focusedField === "ms") {
+        setUseMs(!useMs);
+      } else if (focusedField === "convert") {
+        handleConvert();
+      }
+    } else if (input2 === "c" && result) {
+      handleCopy();
+    }
+  });
+  const handleConvert = () => {
+    try {
+      setError("");
+      if (mode === "now") {
+        const timestamp = service.unixTimeCurrent(useMs);
+        setResult(timestamp.toString());
+      } else if (mode === "to-human") {
+        if (!input) {
+          setError("Please enter a timestamp");
+          return;
+        }
+        const human = service.unixTimeToHuman(parseInt(input, 10), format);
+        setResult(human);
+      } else {
+        if (!input) {
+          setError("Please enter a date string");
+          return;
+        }
+        const timestamp = service.unixTimeFromString(input);
+        setResult(timestamp.toString());
+      }
+      setCopied(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Conversion failed");
+      setResult("");
+    }
+  };
+  const handleCopy = async () => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(result);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error2) {
+    }
+  };
+  return /* @__PURE__ */ React32.createElement(Box22, { flexDirection: "column" }, /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React32.createElement(Text23, { bold: true, color: "cyan" }, "\u{1F552} Unix Time Converter")), /* @__PURE__ */ React32.createElement(
+    Box22,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React32.createElement(Text23, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React32.createElement(Box22, { width: 20 }, /* @__PURE__ */ React32.createElement(Text23, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React32.createElement(Text23, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "now" ? "CURRENT TIME" : mode === "to-human" ? "TIMESTAMP \u2192 HUMAN" : "HUMAN \u2192 TIMESTAMP"), focusedField === "mode" && /* @__PURE__ */ React32.createElement(Text23, { dimColor: true }, " (Enter to cycle)")),
+    mode !== "now" && /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 0 }, /* @__PURE__ */ React32.createElement(Text23, { color: focusedField === "input" ? "green" : void 0 }, focusedField === "input" ? "\u25B6 " : "  ", mode === "to-human" ? "Timestamp:" : "Date string:")), /* @__PURE__ */ React32.createElement(Box22, { marginLeft: 2, width: 50 }, focusedField === "input" ? /* @__PURE__ */ React32.createElement(
+      TextInput9,
+      {
+        value: input,
+        onChange: setInput,
+        placeholder: mode === "to-human" ? "1702550400" : "2024-01-15 10:30:00"
+      }
+    ) : /* @__PURE__ */ React32.createElement(Text23, { dimColor: !input }, input || "(empty)"))),
+    mode === "to-human" && /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React32.createElement(Box22, { width: 20 }, /* @__PURE__ */ React32.createElement(Text23, { color: focusedField === "format" ? "green" : void 0 }, focusedField === "format" ? "\u25B6 " : "  ", "Format:")), /* @__PURE__ */ React32.createElement(Text23, { bold: true, color: focusedField === "format" ? "yellow" : void 0 }, format.toUpperCase()), focusedField === "format" && /* @__PURE__ */ React32.createElement(Text23, { dimColor: true }, " (Enter to cycle)")),
+    mode === "now" && /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React32.createElement(Text23, { color: focusedField === "ms" ? "green" : void 0 }, focusedField === "ms" ? "\u25B6 " : "  ", "[", useMs ? "\u2713" : " ", "] Milliseconds")),
+    /* @__PURE__ */ React32.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(
+      Text23,
+      {
+        bold: true,
+        backgroundColor: focusedField === "convert" ? "green" : void 0,
+        color: focusedField === "convert" ? "black" : "green"
+      },
+      focusedField === "convert" ? "\u25B6 " : "  ",
+      "[ ",
+      mode === "now" ? "Get Current" : "Convert",
+      " ]"
+    ))
+  ), error && /* @__PURE__ */ React32.createElement(
+    Box22,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React32.createElement(Text23, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React32.createElement(
+    Box22,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React32.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React32.createElement(Text23, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React32.createElement(Box22, { marginLeft: 2 }, /* @__PURE__ */ React32.createElement(Text23, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React32.createElement(Box22, { flexDirection: "column" }, /* @__PURE__ */ React32.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text23, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React32.createElement(Box22, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React32.createElement(Text23, { dimColor: true }, "Tab: Next | Enter: Toggle/Convert | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/JwtView.tsx
+import React33, { useState as useState20 } from "react";
+import { Box as Box23, Text as Text24, useInput as useInput18 } from "ink";
+import TextInput10 from "ink-text-input";
+var JwtView = () => {
+  const [mode, setMode] = useState20("decode");
+  const [token, setToken] = useState20("");
+  const [payload, setPayload] = useState20("");
+  const [secret, setSecret] = useState20("");
+  const [result, setResult] = useState20({});
+  const [error, setError] = useState20("");
+  const [focusedField, setFocusedField] = useState20("mode");
+  const [copied, setCopied] = useState20(false);
+  const service = new UtilsService();
+  useInput18((input, key) => {
+    if (key.tab) {
+      const fields = mode === "decode" ? ["mode", "token", "process"] : ["mode", "payload", "secret", "process"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return) {
+      if (focusedField === "mode") {
+        setMode(mode === "decode" ? "encode" : "decode");
+        setResult({});
+        setError("");
+      } else if (focusedField === "process") {
+        handleProcess();
+      }
+    } else if (input === "c" && result.token) {
+      handleCopy();
+    }
+  });
+  const handleProcess = () => {
+    try {
+      setError("");
+      if (mode === "decode") {
+        if (!token) {
+          setError("Please enter a JWT token");
+          return;
+        }
+        const decoded = service.jwtDecode(token);
+        setResult(decoded);
+      } else {
+        if (!payload) {
+          setError("Please enter payload JSON");
+          return;
+        }
+        if (!secret) {
+          setError("Please enter a secret key");
+          return;
+        }
+        const payloadObj = JSON.parse(payload);
+        const encoded = service.jwtEncode(payloadObj, secret);
+        setResult({ token: encoded });
+      }
+      setCopied(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Processing failed");
+      setResult({});
+    }
+  };
+  const handleCopy = async () => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(result.token || "");
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error2) {
+    }
+  };
+  return /* @__PURE__ */ React33.createElement(Box23, { flexDirection: "column" }, /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 1 }, /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "cyan" }, "\u{1F511} JWT Decoder/Encoder")), /* @__PURE__ */ React33.createElement(
+    Box23,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 1 }, /* @__PURE__ */ React33.createElement(Box23, { width: 20 }, /* @__PURE__ */ React33.createElement(Text24, { color: focusedField === "mode" ? "green" : void 0 }, focusedField === "mode" ? "\u25B6 " : "  ", "Mode:")), /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: focusedField === "mode" ? "yellow" : void 0 }, mode === "decode" ? "DECODE" : "ENCODE"), focusedField === "mode" && /* @__PURE__ */ React33.createElement(Text24, { dimColor: true }, " (Enter to toggle)")),
+    mode === "decode" ? /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 0 }, /* @__PURE__ */ React33.createElement(Text24, { color: focusedField === "token" ? "green" : void 0 }, focusedField === "token" ? "\u25B6 " : "  ", "JWT Token:")), /* @__PURE__ */ React33.createElement(Box23, { marginLeft: 2, width: 60 }, focusedField === "token" ? /* @__PURE__ */ React33.createElement(
+      TextInput10,
+      {
+        value: token,
+        onChange: setToken,
+        placeholder: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
+      }
+    ) : /* @__PURE__ */ React33.createElement(Text24, { dimColor: !token }, token || "(empty)"))) : /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 0 }, /* @__PURE__ */ React33.createElement(Text24, { color: focusedField === "payload" ? "green" : void 0 }, focusedField === "payload" ? "\u25B6 " : "  ", "Payload (JSON):")), /* @__PURE__ */ React33.createElement(Box23, { marginLeft: 2, width: 60 }, focusedField === "payload" ? /* @__PURE__ */ React33.createElement(
+      TextInput10,
+      {
+        value: payload,
+        onChange: setPayload,
+        placeholder: '{"sub":"123","name":"John"}'
+      }
+    ) : /* @__PURE__ */ React33.createElement(Text24, { dimColor: !payload }, payload || "(empty)"))), /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 0 }, /* @__PURE__ */ React33.createElement(Text24, { color: focusedField === "secret" ? "green" : void 0 }, focusedField === "secret" ? "\u25B6 " : "  ", "Secret Key:")), /* @__PURE__ */ React33.createElement(Box23, { marginLeft: 2, width: 60 }, focusedField === "secret" ? /* @__PURE__ */ React33.createElement(
+      TextInput10,
+      {
+        value: secret,
+        onChange: setSecret,
+        placeholder: "your-secret-key",
+        mask: "*"
+      }
+    ) : /* @__PURE__ */ React33.createElement(Text24, { dimColor: !secret }, secret ? "*".repeat(secret.length) : "(empty)")))),
+    /* @__PURE__ */ React33.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React33.createElement(
+      Text24,
+      {
+        bold: true,
+        backgroundColor: focusedField === "process" ? "green" : void 0,
+        color: focusedField === "process" ? "black" : "green"
+      },
+      focusedField === "process" ? "\u25B6 " : "  ",
+      "[ ",
+      mode === "decode" ? "Decode" : "Encode",
+      " ]"
+    ))
+  ), error && /* @__PURE__ */ React33.createElement(
+    Box23,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React33.createElement(Text24, { color: "red" }, "\u2717 Error: ", error)
+  ), (result.header || result.token) && /* @__PURE__ */ React33.createElement(
+    Box23,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React33.createElement(Box23, { marginBottom: 1 }, /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "green" }, "\u2713 Result:"), copied && result.token && /* @__PURE__ */ React33.createElement(Box23, { marginLeft: 2 }, /* @__PURE__ */ React33.createElement(Text24, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React33.createElement(Box23, { flexDirection: "column" }, result.header && /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "yellow" }, "Header:"), /* @__PURE__ */ React33.createElement(Text24, null, JSON.stringify(result.header, null, 2)), /* @__PURE__ */ React33.createElement(Text24, null, " "), /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "yellow" }, "Payload:"), /* @__PURE__ */ React33.createElement(Text24, null, JSON.stringify(result.payload, null, 2)), /* @__PURE__ */ React33.createElement(Text24, null, " "), /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "yellow" }, "Signature:"), /* @__PURE__ */ React33.createElement(Text24, { dimColor: true }, result.signature)), result.token && /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(Text24, { bold: true, color: "yellow" }, "Token:"), /* @__PURE__ */ React33.createElement(Text24, { wrap: "wrap" }, result.token)))
+  ), /* @__PURE__ */ React33.createElement(Box23, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React33.createElement(Text24, { dimColor: true }, "Tab: Next | Enter: Toggle/", mode === "decode" ? "Decode" : "Encode", " | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/CronView.tsx
+import React34, { useState as useState21 } from "react";
+import { Box as Box24, Text as Text25, useInput as useInput19 } from "ink";
+import TextInput11 from "ink-text-input";
+var CronView = () => {
+  const [expression, setExpression] = useState21("");
+  const [result, setResult] = useState21(null);
+  const [error, setError] = useState21("");
+  const [focusedField, setFocusedField] = useState21("expression");
+  const [copied, setCopied] = useState21(false);
+  const service = new UtilsService();
+  useInput19((input, key) => {
+    if (key.tab) {
+      setFocusedField(focusedField === "expression" ? "parse" : "expression");
+    } else if (key.return && focusedField === "parse") {
+      handleParse();
+    } else if (input === "c" && result) {
+      handleCopy();
+    }
+  });
+  const handleParse = () => {
+    if (!expression) {
+      setError("Please enter a cron expression");
+      return;
+    }
+    try {
+      setError("");
+      const parsed = service.parseCron(expression);
+      setResult(parsed);
+      setCopied(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to parse cron expression");
+      setResult(null);
+    }
+  };
+  const handleCopy = async () => {
+    if (!result) return;
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      const copyText = `${result.description}
+
+Next runs:
+${result.nextRuns.join("\n")}`;
+      await clipboardy.write(copyText);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error2) {
+    }
+  };
+  return /* @__PURE__ */ React34.createElement(Box24, { flexDirection: "column" }, /* @__PURE__ */ React34.createElement(Box24, { marginBottom: 1 }, /* @__PURE__ */ React34.createElement(Text25, { bold: true, color: "cyan" }, "\u23F0 Cron Expression Parser")), /* @__PURE__ */ React34.createElement(
+    Box24,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React34.createElement(Text25, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React34.createElement(Box24, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React34.createElement(Box24, { marginBottom: 0 }, /* @__PURE__ */ React34.createElement(Text25, { color: focusedField === "expression" ? "green" : void 0 }, focusedField === "expression" ? "\u25B6 " : "  ", "Cron Expression:")), /* @__PURE__ */ React34.createElement(Box24, { marginLeft: 2, width: 50 }, focusedField === "expression" ? /* @__PURE__ */ React34.createElement(
+      TextInput11,
+      {
+        value: expression,
+        onChange: setExpression,
+        placeholder: "0 5 * * * (5-field or 6-field)"
+      }
+    ) : /* @__PURE__ */ React34.createElement(Text25, { dimColor: !expression }, expression || "(empty)"))),
+    /* @__PURE__ */ React34.createElement(Box24, { marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React34.createElement(Text25, { dimColor: true }, 'Examples: "0 5 * * *" (daily at 5am), "*/15 * * * *" (every 15 min)')),
+    /* @__PURE__ */ React34.createElement(Box24, { marginTop: 1 }, /* @__PURE__ */ React34.createElement(
+      Text25,
+      {
+        bold: true,
+        backgroundColor: focusedField === "parse" ? "green" : void 0,
+        color: focusedField === "parse" ? "black" : "green"
+      },
+      focusedField === "parse" ? "\u25B6 " : "  ",
+      "[ Parse Expression ]"
+    ))
+  ), error && /* @__PURE__ */ React34.createElement(
+    Box24,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React34.createElement(Text25, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React34.createElement(
+    Box24,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React34.createElement(Box24, { marginBottom: 1 }, /* @__PURE__ */ React34.createElement(Text25, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React34.createElement(Box24, { marginLeft: 2 }, /* @__PURE__ */ React34.createElement(Text25, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React34.createElement(Box24, { flexDirection: "column" }, /* @__PURE__ */ React34.createElement(Text25, { bold: true, color: "yellow" }, "Expression:"), /* @__PURE__ */ React34.createElement(Text25, null, expression), /* @__PURE__ */ React34.createElement(Text25, null, " "), /* @__PURE__ */ React34.createElement(Text25, { bold: true, color: "yellow" }, "Meaning:"), /* @__PURE__ */ React34.createElement(Text25, null, result.description), /* @__PURE__ */ React34.createElement(Text25, null, " "), /* @__PURE__ */ React34.createElement(Text25, { bold: true, color: "yellow" }, "Next 5 executions:"), result.nextRuns.map((run, index) => /* @__PURE__ */ React34.createElement(Text25, { key: index }, "  ", index + 1, ". ", run)))
+  ), /* @__PURE__ */ React34.createElement(Box24, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React34.createElement(Text25, { dimColor: true }, "Tab: Next | Enter: Parse | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/TimezoneView.tsx
+import React35, { useState as useState22 } from "react";
+import { Box as Box25, Text as Text26, useInput as useInput20 } from "ink";
+import TextInput12 from "ink-text-input";
+var TimezoneView = () => {
+  const [time, setTime] = useState22("");
+  const [fromTz, setFromTz] = useState22("UTC");
+  const [toTz, setToTz] = useState22("America/New_York");
+  const [result, setResult] = useState22("");
+  const [error, setError] = useState22("");
+  const [focusedField, setFocusedField] = useState22("time");
+  const [copied, setCopied] = useState22(false);
+  const service = new UtilsService();
+  useInput20((input, key) => {
+    if (key.tab) {
+      const fields = ["time", "from", "to", "convert"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.return && focusedField === "convert") {
+      handleConvert();
+    } else if (input === "c" && result) {
+      handleCopy();
+    }
+  });
+  const handleConvert = () => {
+    if (!time) {
+      setError("Please enter a time");
+      return;
+    }
+    if (!fromTz || !toTz) {
+      setError("Please enter both timezones");
+      return;
+    }
+    try {
+      setError("");
+      const converted = service.convertTimezone(time, fromTz, toTz);
+      setResult(converted);
+      setCopied(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Conversion failed");
+      setResult("");
+    }
+  };
+  const handleCopy = async () => {
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      await clipboardy.write(result);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error2) {
+    }
+  };
+  return /* @__PURE__ */ React35.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React35.createElement(Text26, { bold: true, color: "cyan" }, "\u{1F30D} Timezone Converter")), /* @__PURE__ */ React35.createElement(
+    Box25,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React35.createElement(Text26, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 0 }, /* @__PURE__ */ React35.createElement(Text26, { color: focusedField === "time" ? "green" : void 0 }, focusedField === "time" ? "\u25B6 " : "  ", "Time:")), /* @__PURE__ */ React35.createElement(Box25, { marginLeft: 2, width: 50 }, focusedField === "time" ? /* @__PURE__ */ React35.createElement(
+      TextInput12,
+      {
+        value: time,
+        onChange: setTime,
+        placeholder: "2024-01-15 10:00:00"
+      }
+    ) : /* @__PURE__ */ React35.createElement(Text26, { dimColor: !time }, time || "(empty)"))),
+    /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 0 }, /* @__PURE__ */ React35.createElement(Text26, { color: focusedField === "from" ? "green" : void 0 }, focusedField === "from" ? "\u25B6 " : "  ", "From Timezone:")), /* @__PURE__ */ React35.createElement(Box25, { marginLeft: 2, width: 50 }, focusedField === "from" ? /* @__PURE__ */ React35.createElement(
+      TextInput12,
+      {
+        value: fromTz,
+        onChange: setFromTz,
+        placeholder: "UTC or America/New_York"
+      }
+    ) : /* @__PURE__ */ React35.createElement(Text26, { dimColor: !fromTz }, fromTz || "(empty)"))),
+    /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 0 }, /* @__PURE__ */ React35.createElement(Text26, { color: focusedField === "to" ? "green" : void 0 }, focusedField === "to" ? "\u25B6 " : "  ", "To Timezone:")), /* @__PURE__ */ React35.createElement(Box25, { marginLeft: 2, width: 50 }, focusedField === "to" ? /* @__PURE__ */ React35.createElement(
+      TextInput12,
+      {
+        value: toTz,
+        onChange: setToTz,
+        placeholder: "Asia/Tokyo or Europe/London"
+      }
+    ) : /* @__PURE__ */ React35.createElement(Text26, { dimColor: !toTz }, toTz || "(empty)"))),
+    /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React35.createElement(Text26, { dimColor: true }, "Common: UTC, America/New_York, Europe/London, Asia/Tokyo")),
+    /* @__PURE__ */ React35.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(
+      Text26,
+      {
+        bold: true,
+        backgroundColor: focusedField === "convert" ? "green" : void 0,
+        color: focusedField === "convert" ? "black" : "green"
+      },
+      focusedField === "convert" ? "\u25B6 " : "  ",
+      "[ Convert ]"
+    ))
+  ), error && /* @__PURE__ */ React35.createElement(
+    Box25,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React35.createElement(Text26, { color: "red" }, "\u2717 Error: ", error)
+  ), result && /* @__PURE__ */ React35.createElement(
+    Box25,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React35.createElement(Box25, { marginBottom: 1 }, /* @__PURE__ */ React35.createElement(Text26, { bold: true, color: "green" }, "\u2713 Result:"), copied && /* @__PURE__ */ React35.createElement(Box25, { marginLeft: 2 }, /* @__PURE__ */ React35.createElement(Text26, { color: "green" }, "\u2713 Copied to clipboard!"))),
+    /* @__PURE__ */ React35.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React35.createElement(Text26, { dimColor: true }, "From: ", fromTz), /* @__PURE__ */ React35.createElement(Text26, { dimColor: true }, "To: ", toTz), /* @__PURE__ */ React35.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React35.createElement(Text26, { wrap: "wrap" }, result)))
+  ), /* @__PURE__ */ React35.createElement(Box25, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React35.createElement(Text26, { dimColor: true }, "Tab: Next | Enter: Convert | C: Copy | Esc: Back")));
+};
+
+// src/ui/utils/views/HttpView.tsx
+import React36, { useState as useState23 } from "react";
+import { Box as Box26, Text as Text27, useInput as useInput21 } from "ink";
+import TextInput13 from "ink-text-input";
+var METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
+var HttpView = () => {
+  const [url, setUrl] = useState23("");
+  const [method, setMethod] = useState23("GET");
+  const [headers, setHeaders] = useState23("");
+  const [body, setBody] = useState23("");
+  const [response, setResponse] = useState23(null);
+  const [error, setError] = useState23("");
+  const [loading, setLoading] = useState23(false);
+  const [focusedField, setFocusedField] = useState23("url");
+  const [copied, setCopied] = useState23(false);
+  const service = new UtilsService();
+  useInput21((input, key) => {
+    if (loading) return;
+    if (key.tab) {
+      const fields = ["url", "method", "headers", "body", "send"];
+      const currentIndex = fields.indexOf(focusedField);
+      setFocusedField(fields[(currentIndex + 1) % fields.length]);
+    } else if (key.leftArrow && focusedField === "method") {
+      const currentIndex = METHODS.indexOf(method);
+      setMethod(METHODS[currentIndex > 0 ? currentIndex - 1 : METHODS.length - 1]);
+    } else if (key.rightArrow && focusedField === "method") {
+      const currentIndex = METHODS.indexOf(method);
+      setMethod(METHODS[(currentIndex + 1) % METHODS.length]);
+    } else if (key.return && focusedField === "send") {
+      handleSend();
+    } else if (input === "c" && response) {
+      handleCopy();
+    }
+  });
+  const handleSend = async () => {
+    if (!url) {
+      setError("Please enter a URL");
+      return;
+    }
+    try {
+      setError("");
+      setLoading(true);
+      const headersObj = {};
+      if (headers) {
+        const headerLines = headers.split("\n");
+        for (const line of headerLines) {
+          const [key, ...valueParts] = line.split(":");
+          if (key && valueParts.length > 0) {
+            headersObj[key.trim()] = valueParts.join(":").trim();
+          }
+        }
+      }
+      const result = await service.httpRequest(url, {
+        method,
+        headers: headersObj,
+        body: body || void 0
+      });
+      setResponse(result);
+      setCopied(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Request failed");
+      setResponse(null);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleCopy = async () => {
+    if (!response) return;
+    try {
+      const { default: clipboardy } = await import("clipboardy");
+      const copyText = typeof response.body === "string" ? response.body : JSON.stringify(response.body, null, 2);
+      await clipboardy.write(copyText);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (error2) {
+    }
+  };
+  return /* @__PURE__ */ React36.createElement(Box26, { flexDirection: "column" }, /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 1 }, /* @__PURE__ */ React36.createElement(Text27, { bold: true, color: "cyan" }, "\u{1F310} HTTP Request")), /* @__PURE__ */ React36.createElement(
+    Box26,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React36.createElement(Text27, { bold: true, color: "yellow", marginBottom: 1 }, "Request:"),
+    /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 0 }, /* @__PURE__ */ React36.createElement(Text27, { color: focusedField === "url" ? "green" : void 0 }, focusedField === "url" ? "\u25B6 " : "  ", "URL:")), /* @__PURE__ */ React36.createElement(Box26, { marginLeft: 2, width: 60 }, focusedField === "url" ? /* @__PURE__ */ React36.createElement(
+      TextInput13,
+      {
+        value: url,
+        onChange: setUrl,
+        placeholder: "https://api.example.com/endpoint"
+      }
+    ) : /* @__PURE__ */ React36.createElement(Text27, { dimColor: !url }, url || "(empty)"))),
+    /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 1 }, /* @__PURE__ */ React36.createElement(Box26, { width: 20 }, /* @__PURE__ */ React36.createElement(Text27, { color: focusedField === "method" ? "green" : void 0 }, focusedField === "method" ? "\u25B6 " : "  ", "Method:")), /* @__PURE__ */ React36.createElement(Text27, { bold: true, color: focusedField === "method" ? "yellow" : void 0 }, method), focusedField === "method" && /* @__PURE__ */ React36.createElement(Text27, { dimColor: true }, " (\u2190 \u2192 to change)")),
+    /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 0 }, /* @__PURE__ */ React36.createElement(Text27, { color: focusedField === "headers" ? "green" : void 0 }, focusedField === "headers" ? "\u25B6 " : "  ", "Headers (one per line, Key: Value):")), /* @__PURE__ */ React36.createElement(Box26, { marginLeft: 2, width: 60 }, focusedField === "headers" ? /* @__PURE__ */ React36.createElement(
+      TextInput13,
+      {
+        value: headers,
+        onChange: setHeaders,
+        placeholder: "Authorization: Bearer token"
+      }
+    ) : /* @__PURE__ */ React36.createElement(Text27, { dimColor: !headers }, headers || "(none)"))),
+    (method === "POST" || method === "PUT" || method === "PATCH") && /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 0 }, /* @__PURE__ */ React36.createElement(Text27, { color: focusedField === "body" ? "green" : void 0 }, focusedField === "body" ? "\u25B6 " : "  ", "Body (JSON):")), /* @__PURE__ */ React36.createElement(Box26, { marginLeft: 2, width: 60 }, focusedField === "body" ? /* @__PURE__ */ React36.createElement(
+      TextInput13,
+      {
+        value: body,
+        onChange: setBody,
+        placeholder: '{"key":"value"}'
+      }
+    ) : /* @__PURE__ */ React36.createElement(Text27, { dimColor: !body }, body || "(empty)"))),
+    /* @__PURE__ */ React36.createElement(Box26, { marginTop: 1 }, /* @__PURE__ */ React36.createElement(
+      Text27,
+      {
+        bold: true,
+        backgroundColor: focusedField === "send" ? "green" : void 0,
+        color: focusedField === "send" ? "black" : "green"
+      },
+      focusedField === "send" ? "\u25B6 " : "  ",
+      "[ ",
+      loading ? "Sending..." : "Send Request",
+      " ]"
+    ))
+  ), error && /* @__PURE__ */ React36.createElement(
+    Box26,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React36.createElement(Text27, { color: "red" }, "\u2717 Error: ", error)
+  ), response && /* @__PURE__ */ React36.createElement(
+    Box26,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React36.createElement(Box26, { marginBottom: 1 }, /* @__PURE__ */ React36.createElement(Text27, { bold: true, color: "green" }, "\u2713 Response:"), copied && /* @__PURE__ */ React36.createElement(Box26, { marginLeft: 2 }, /* @__PURE__ */ React36.createElement(Text27, { color: "green" }, "\u2713 Copied body to clipboard!"))),
+    /* @__PURE__ */ React36.createElement(Box26, { flexDirection: "column" }, /* @__PURE__ */ React36.createElement(Text27, null, "Status: ", /* @__PURE__ */ React36.createElement(Text27, { color: response.status < 400 ? "green" : "red" }, response.status)), /* @__PURE__ */ React36.createElement(Text27, null, "Time: ", response.time, "ms"), /* @__PURE__ */ React36.createElement(Text27, null, "Size: ", response.size), /* @__PURE__ */ React36.createElement(Text27, null, " "), /* @__PURE__ */ React36.createElement(Text27, { bold: true, color: "yellow" }, "Headers:"), Object.entries(response.headers).slice(0, 5).map(([key, value]) => /* @__PURE__ */ React36.createElement(Text27, { key, dimColor: true }, "  ", key, ": ", value)), /* @__PURE__ */ React36.createElement(Text27, null, " "), /* @__PURE__ */ React36.createElement(Text27, { bold: true, color: "yellow" }, "Body:"), /* @__PURE__ */ React36.createElement(Text27, null, typeof response.body === "string" ? response.body.slice(0, 500) : JSON.stringify(response.body, null, 2).slice(0, 500)))
+  ), /* @__PURE__ */ React36.createElement(Box26, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React36.createElement(Text27, { dimColor: true }, "Tab: Next | \u2190/\u2192: Change method | Enter: Send | C: Copy body | Esc: Back")));
+};
+
+// src/ui/utils/views/MarkdownView.tsx
+import React37, { useState as useState24 } from "react";
+import { Box as Box27, Text as Text28, useInput as useInput22 } from "ink";
+import TextInput14 from "ink-text-input";
+import * as fs8 from "fs";
+import * as path5 from "path";
+var MarkdownView = () => {
+  const [filePath, setFilePath] = useState24("");
+  const [content, setContent] = useState24("");
+  const [error, setError] = useState24("");
+  const [focusedField, setFocusedField] = useState24("file");
+  useInput22((input, key) => {
+    if (key.tab) {
+      setFocusedField(focusedField === "file" ? "preview" : "file");
+    } else if (key.return && focusedField === "preview") {
+      handlePreview();
+    }
+  });
+  const handlePreview = async () => {
+    if (!filePath) {
+      setError("Please enter a file path");
+      return;
+    }
+    try {
+      setError("");
+      const resolvedPath = path5.resolve(filePath);
+      if (!fs8.existsSync(resolvedPath)) {
+        setError(`File not found: ${resolvedPath}`);
+        return;
+      }
+      let fileContent = fs8.readFileSync(resolvedPath, "utf-8");
+      fileContent = fileContent.replace(/```mermaid\n([\s\S]*?)```/g, (match, code) => {
+        return `
+\u{1F3A8} **Mermaid Diagram**
+
+\`\`\`
+${code.trim()}
+\`\`\`
+
+\u{1F4A1} *Tip: Mermaid diagrams cannot be rendered in terminal. View in a Markdown viewer.*
+`;
+      });
+      const { marked: marked2 } = await import("marked");
+      const { default: markedTerminal } = await import("marked-terminal");
+      marked2.use(markedTerminal());
+      const rendered = marked2(fileContent);
+      setContent(rendered);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to preview file");
+      setContent("");
+    }
+  };
+  return /* @__PURE__ */ React37.createElement(Box27, { flexDirection: "column" }, /* @__PURE__ */ React37.createElement(Box27, { marginBottom: 1 }, /* @__PURE__ */ React37.createElement(Text28, { bold: true, color: "cyan" }, "\u{1F4C4} Markdown Preview")), /* @__PURE__ */ React37.createElement(
+    Box27,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React37.createElement(Text28, { bold: true, color: "yellow", marginBottom: 1 }, "Options:"),
+    /* @__PURE__ */ React37.createElement(Box27, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React37.createElement(Box27, { marginBottom: 0 }, /* @__PURE__ */ React37.createElement(Text28, { color: focusedField === "file" ? "green" : void 0 }, focusedField === "file" ? "\u25B6 " : "  ", "File path:")), /* @__PURE__ */ React37.createElement(Box27, { marginLeft: 2, width: 60 }, focusedField === "file" ? /* @__PURE__ */ React37.createElement(
+      TextInput14,
+      {
+        value: filePath,
+        onChange: setFilePath,
+        placeholder: "./README.md or /path/to/file.md"
+      }
+    ) : /* @__PURE__ */ React37.createElement(Text28, { dimColor: !filePath }, filePath || "(empty)"))),
+    /* @__PURE__ */ React37.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React37.createElement(
+      Text28,
+      {
+        bold: true,
+        backgroundColor: focusedField === "preview" ? "green" : void 0,
+        color: focusedField === "preview" ? "black" : "green"
+      },
+      focusedField === "preview" ? "\u25B6 " : "  ",
+      "[ Preview File ]"
+    ))
+  ), error && /* @__PURE__ */ React37.createElement(
+    Box27,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React37.createElement(Text28, { color: "red" }, "\u2717 Error: ", error)
+  ), content && /* @__PURE__ */ React37.createElement(
+    Box27,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "green",
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React37.createElement(Box27, { marginBottom: 1 }, /* @__PURE__ */ React37.createElement(Text28, { bold: true, color: "green" }, "\u2713 Preview:")),
+    /* @__PURE__ */ React37.createElement(Box27, { flexDirection: "column" }, /* @__PURE__ */ React37.createElement(Text28, null, content))
+  ), /* @__PURE__ */ React37.createElement(Box27, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 2 }, /* @__PURE__ */ React37.createElement(Text28, { dimColor: true }, "Tab: Next | Enter: Preview | Esc: Back")));
+};
+
+// src/ui/utils/UtilsApp.tsx
 var MENU_ITEMS2 = [
   { id: "password", icon: "\u{1F510}", label: "Password", description: "Generate secure passwords" },
   { id: "uuid", icon: "\u{1F194}", label: "UUID", description: "Generate UUID v4" },
@@ -5739,10 +6958,10 @@ var MENU_ITEMS2 = [
   { id: "markdown", icon: "\u{1F4C4}", label: "Markdown", description: "Preview markdown" }
 ];
 var UtilsApp = ({ onExit }) => {
-  const [selectedIndex, setSelectedIndex] = useState14(0);
-  const [activeView, setActiveView] = useState14(null);
+  const [selectedIndex, setSelectedIndex] = useState25(0);
+  const [activeView, setActiveView] = useState25(null);
   const { exit } = useApp5();
-  useInput12((input, key) => {
+  useInput23((input, key) => {
     if (activeView) {
       if (key.escape) {
         setActiveView(null);
@@ -5760,8 +6979,8 @@ var UtilsApp = ({ onExit }) => {
       exit();
     }
   });
-  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React27.createElement(
-    Box17,
+  return /* @__PURE__ */ React38.createElement(Box28, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React38.createElement(
+    Box28,
     {
       borderStyle: "single",
       borderColor: "cyan",
@@ -5769,10 +6988,10 @@ var UtilsApp = ({ onExit }) => {
       paddingY: 0,
       marginBottom: 1
     },
-    /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
-    /* @__PURE__ */ React27.createElement(Box17, { marginLeft: "auto" }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "Press 'q' to quit"))
-  ), /* @__PURE__ */ React27.createElement(Box17, { flexGrow: 1 }, /* @__PURE__ */ React27.createElement(
-    Box17,
+    /* @__PURE__ */ React38.createElement(Text29, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
+    /* @__PURE__ */ React38.createElement(Box28, { marginLeft: "auto" }, /* @__PURE__ */ React38.createElement(Text29, { dimColor: true }, "Press 'q' to quit"))
+  ), /* @__PURE__ */ React38.createElement(Box28, { flexGrow: 1 }, /* @__PURE__ */ React38.createElement(
+    Box28,
     {
       flexDirection: "column",
       width: 30,
@@ -5782,9 +7001,9 @@ var UtilsApp = ({ onExit }) => {
       paddingY: 1,
       marginRight: 1
     },
-    /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "yellow" }, "Select Utility:")),
-    MENU_ITEMS2.map((item, index) => /* @__PURE__ */ React27.createElement(Box17, { key: item.id, marginBottom: 0 }, /* @__PURE__ */ React27.createElement(
-      Text18,
+    /* @__PURE__ */ React38.createElement(Box28, { marginBottom: 1 }, /* @__PURE__ */ React38.createElement(Text29, { bold: true, color: "yellow" }, "Select Utility:")),
+    MENU_ITEMS2.map((item, index) => /* @__PURE__ */ React38.createElement(Box28, { key: item.id, marginBottom: 0 }, /* @__PURE__ */ React38.createElement(
+      Text29,
       {
         color: selectedIndex === index && !activeView ? "green" : void 0,
         bold: selectedIndex === index && !activeView,
@@ -5795,9 +7014,9 @@ var UtilsApp = ({ onExit }) => {
       " ",
       item.label
     ))),
-    /* @__PURE__ */ React27.createElement(Box17, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true, fontSize: 10 }, "\u2191/\u2193: Navigate", "\n", "Enter: Select", "\n", "Esc: Back/Quit"))
-  ), /* @__PURE__ */ React27.createElement(
-    Box17,
+    /* @__PURE__ */ React38.createElement(Box28, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React38.createElement(Text29, { dimColor: true }, "\u2191/\u2193: Navigate", "\n", "Enter: Select", "\n", "Esc: Back/Quit"))
+  ), /* @__PURE__ */ React38.createElement(
+    Box28,
     {
       flexDirection: "column",
       flexGrow: 1,
@@ -5806,21 +7025,21 @@ var UtilsApp = ({ onExit }) => {
       paddingX: 2,
       paddingY: 1
     },
-    activeView ? /* @__PURE__ */ React27.createElement(ActiveUtilityView, { utilityType: activeView }) : /* @__PURE__ */ React27.createElement(WelcomeView, { selectedItem: MENU_ITEMS2[selectedIndex] })
-  )), /* @__PURE__ */ React27.createElement(
-    Box17,
+    activeView ? /* @__PURE__ */ React38.createElement(ActiveUtilityView, { utilityType: activeView }) : /* @__PURE__ */ React38.createElement(WelcomeView, { selectedItem: MENU_ITEMS2[selectedIndex] })
+  )), /* @__PURE__ */ React38.createElement(
+    Box28,
     {
       borderStyle: "single",
       borderColor: "gray",
       paddingX: 2,
       marginTop: 1
     },
-    /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "jai1-cli v0.1.63 | Use arrow keys to navigate")
+    /* @__PURE__ */ React38.createElement(Text29, { dimColor: true }, "jai1-cli | Use arrow keys or j/k to navigate")
   ));
 };
 var WelcomeView = ({ selectedItem }) => {
-  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, "Welcome to Developer Utilities")), /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 2 }, /* @__PURE__ */ React27.createElement(Text18, null, "Select a utility from the left menu to get started.")), /* @__PURE__ */ React27.createElement(
-    Box17,
+  return /* @__PURE__ */ React38.createElement(Box28, { flexDirection: "column" }, /* @__PURE__ */ React38.createElement(Box28, { marginBottom: 1 }, /* @__PURE__ */ React38.createElement(Text29, { bold: true, color: "cyan" }, "Welcome to Developer Utilities")), /* @__PURE__ */ React38.createElement(Box28, { marginBottom: 2 }, /* @__PURE__ */ React38.createElement(Text29, null, "Select a utility from the left menu to get started.")), /* @__PURE__ */ React38.createElement(
+    Box28,
     {
       borderStyle: "single",
       borderColor: "yellow",
@@ -5828,27 +7047,57 @@ var WelcomeView = ({ selectedItem }) => {
       paddingY: 1,
       marginBottom: 2
     },
-    /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, selectedItem.description))
-  ), /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Use ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "q"), " to quit anytime")), /* @__PURE__ */ React27.createElement(Box17, { marginTop: 2 }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
+    /* @__PURE__ */ React38.createElement(Box28, { flexDirection: "column" }, /* @__PURE__ */ React38.createElement(Text29, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React38.createElement(Text29, { dimColor: true }, selectedItem.description))
+  ), /* @__PURE__ */ React38.createElement(Box28, { marginBottom: 1 }, /* @__PURE__ */ React38.createElement(Text29, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React38.createElement(Box28, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React38.createElement(Text29, null, "\u2022 Press ", /* @__PURE__ */ React38.createElement(Text29, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React38.createElement(Text29, null, "\u2022 Use ", /* @__PURE__ */ React38.createElement(Text29, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React38.createElement(Text29, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React38.createElement(Text29, null, "\u2022 Press ", /* @__PURE__ */ React38.createElement(Text29, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React38.createElement(Text29, null, "\u2022 Press ", /* @__PURE__ */ React38.createElement(Text29, { color: "green" }, "q"), " to quit anytime")), /* @__PURE__ */ React38.createElement(Box28, { marginTop: 2 }, /* @__PURE__ */ React38.createElement(Text29, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
 };
 var ActiveUtilityView = ({ utilityType }) => {
-  const service = new UtilsService();
-  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, MENU_ITEMS2.find((item) => item.id === utilityType)?.icon, " ", MENU_ITEMS2.find((item) => item.id === utilityType)?.label)), /* @__PURE__ */ React27.createElement(Box17, { borderStyle: "single", borderColor: "gray", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React27.createElement(Text18, null, "This utility interface is under construction.", "\n", "\n", "For now, use the command-line version:", "\n", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "$ jai1 utils ", utilityType, " --help"), "\n", "\n", "Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "yellow" }, "Esc"), " to return to the menu.")));
+  switch (utilityType) {
+    case "password":
+      return /* @__PURE__ */ React38.createElement(PasswordView, null);
+    case "uuid":
+      return /* @__PURE__ */ React38.createElement(UuidView, null);
+    case "hash":
+      return /* @__PURE__ */ React38.createElement(HashView, null);
+    case "base64-encode":
+    case "base64-decode":
+      return /* @__PURE__ */ React38.createElement(Base64View, null);
+    case "url-encode":
+    case "url-decode":
+      return /* @__PURE__ */ React38.createElement(UrlView, null);
+    case "unix-time":
+      return /* @__PURE__ */ React38.createElement(UnixTimeView, null);
+    case "jwt":
+      return /* @__PURE__ */ React38.createElement(JwtView, null);
+    case "cron":
+      return /* @__PURE__ */ React38.createElement(CronView, null);
+    case "timezone":
+      return /* @__PURE__ */ React38.createElement(TimezoneView, null);
+    case "http":
+      return /* @__PURE__ */ React38.createElement(HttpView, null);
+    case "markdown":
+      return /* @__PURE__ */ React38.createElement(MarkdownView, null);
+    default:
+      return /* @__PURE__ */ React38.createElement(PlaceholderView, { utilityType });
+  }
+};
+var PlaceholderView = ({ utilityType }) => {
+  const item = MENU_ITEMS2.find((m) => m.id === utilityType);
+  return /* @__PURE__ */ React38.createElement(Box28, { flexDirection: "column" }, /* @__PURE__ */ React38.createElement(Box28, { marginBottom: 1 }, /* @__PURE__ */ React38.createElement(Text29, { bold: true, color: "cyan" }, item?.icon, " ", item?.label)), /* @__PURE__ */ React38.createElement(Box28, { borderStyle: "single", borderColor: "yellow", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React38.createElement(Text29, null, "\u{1F6A7} This utility view is under construction.", "\n", "\n", "For now, use the command-line version:", "\n", /* @__PURE__ */ React38.createElement(Text29, { color: "green" }, "$ jai1 utils ", utilityType, " --help"), "\n", "\n", "Press ", /* @__PURE__ */ React38.createElement(Text29, { color: "yellow" }, "Esc"), " to return to the menu.")));
 };
 
 // src/commands/utils/interactive.ts
 async function runInteractiveMode() {
-  return new Promise((resolve3) => {
+  return new Promise((resolve4) => {
     const { unmount, waitUntilExit } = render5(
-      React28.createElement(UtilsApp, {
+      React39.createElement(UtilsApp, {
         onExit: () => {
           unmount();
-          resolve3();
+          resolve4();
         }
       })
     );
     waitUntilExit().then(() => {
-      resolve3();
+      resolve4();
     });
   });
 }
@@ -6171,7 +7420,7 @@ import { Command as Command30 } from "commander";
 
 // src/services/redmine-config.service.ts
 import { readFile as readFile6 } from "fs/promises";
-import { resolve } from "path";
+import { resolve as resolve2 } from "path";
 
 // src/types/redmine.types.ts
 import { z } from "zod";
@@ -6222,7 +7471,7 @@ import { z as z2 } from "zod";
 var RedmineConfigService = class {
   configPath;
   constructor(configPath) {
-    this.configPath = configPath ?? resolve(process.cwd(), "redmine.config.yaml");
+    this.configPath = configPath ?? resolve2(process.cwd(), "redmine.config.yaml");
   }
   /**
    * Load Redmine configuration from YAML file
@@ -6288,8 +7537,8 @@ var RedmineApiClient = class {
     this.retryConfig = config.defaults.retry;
     this.concurrencyLimit = pLimit2(config.defaults.concurrency);
   }
-  async request(path6, options = {}) {
-    const url = `${this.baseUrl}${path6}`;
+  async request(path7, options = {}) {
+    const url = `${this.baseUrl}${path7}`;
     const headers = {
       "X-Redmine-API-Key": this.apiAccessToken,
       "Content-Type": "application/json",
@@ -6350,8 +7599,8 @@ var RedmineApiClient = class {
     if (include && include.length > 0) {
       params.append("include", include.join(","));
     }
-    const path6 = `/issues/${issueId}.json${params.toString() ? `?${params.toString()}` : ""}`;
-    return this.request(path6);
+    const path7 = `/issues/${issueId}.json${params.toString() ? `?${params.toString()}` : ""}`;
+    return this.request(path7);
   }
   async getIssues(projectId, options = {}) {
     const params = new URLSearchParams();
@@ -6371,8 +7620,8 @@ var RedmineApiClient = class {
     if (options.updatedSince) {
       params.append("updated_on", `>=${options.updatedSince}`);
     }
-    const path6 = `/issues.json?${params.toString()}`;
-    return this.request(path6);
+    const path7 = `/issues.json?${params.toString()}`;
+    return this.request(path7);
   }
   async getAllIssues(projectId, options = {}) {
     const pageSize = options.pageSize || 100;
@@ -6505,7 +7754,7 @@ async function handleRedmineCheck(options) {
 import { Command as Command31 } from "commander";
 
 // src/sync-issue.ts
-import { resolve as resolve2, relative } from "path";
+import { resolve as resolve3, relative } from "path";
 
 // src/mappers.ts
 function mapIssueToFrontmatter(issue) {
@@ -6765,7 +8014,7 @@ async function syncIssue(issueId, config, options = {}) {
     const response = await client.getIssue(issueId, include);
     const issue = response.issue;
     const filename = generateFilename(issue.id, issue.subject, config.filename);
-    const filePath = resolve2(outputDir, filename);
+    const filePath = resolve3(outputDir, filename);
     const relativePath = relative(process.cwd(), filePath);
     const existingFile = await readMarkdownFile(filePath);
     const existingIssueId = extractIssueIdFromFrontmatter(existingFile.frontmatter);
@@ -7048,7 +8297,7 @@ async function handleSyncProject(options) {
 
 // src/commands/framework/info.ts
 import { Command as Command33 } from "commander";
-import { promises as fs8 } from "fs";
+import { promises as fs9 } from "fs";
 import { join as join5 } from "path";
 import { homedir as homedir5 } from "os";
 function createInfoCommand() {
@@ -7100,7 +8349,7 @@ function maskKey3(key) {
 async function getProjectStatus2() {
   const projectJai1 = join5(process.cwd(), ".jai1");
   try {
-    await fs8.access(projectJai1);
+    await fs9.access(projectJai1);
     return { exists: true, version: "Synced" };
   } catch {
     return { exists: false };
@@ -7290,9 +8539,9 @@ function createClearBackupsCommand() {
 // src/commands/vscode/index.ts
 import { Command as Command36 } from "commander";
 import { checkbox as checkbox3, confirm as confirm8, select as select3 } from "@inquirer/prompts";
-import fs9 from "fs/promises";
-import path5 from "path";
-import { existsSync as existsSync2 } from "fs";
+import fs10 from "fs/promises";
+import path6 from "path";
+import { existsSync as existsSync3 } from "fs";
 var PERFORMANCE_GROUPS2 = {
   telemetry: {
     name: "Telemetry",
@@ -7511,8 +8760,8 @@ async function selectGroupsToApply2(action) {
   }
 }
 async function applyGroups2(groupKeys, action) {
-  const vscodeDir = path5.join(process.cwd(), ".vscode");
-  const settingsPath = path5.join(vscodeDir, "settings.json");
+  const vscodeDir = path6.join(process.cwd(), ".vscode");
+  const settingsPath = path6.join(vscodeDir, "settings.json");
   const invalidGroups = groupKeys.filter((key) => !PERFORMANCE_GROUPS2[key]);
   if (invalidGroups.length > 0) {
     console.log(`
@@ -7520,14 +8769,14 @@ async function applyGroups2(groupKeys, action) {
     console.log('   \u{1F4A1} Ch\u1EA1y "jai1 vscode list" \u0111\u1EC3 xem danh s\xE1ch nh\xF3m c\xF3 s\u1EB5n.');
     return;
   }
-  if (!existsSync2(vscodeDir)) {
-    await fs9.mkdir(vscodeDir, { recursive: true });
+  if (!existsSync3(vscodeDir)) {
+    await fs10.mkdir(vscodeDir, { recursive: true });
     console.log("\u{1F4C1} \u0110\xE3 t\u1EA1o th\u01B0 m\u1EE5c .vscode/");
   }
   let currentSettings = {};
-  if (existsSync2(settingsPath)) {
+  if (existsSync3(settingsPath)) {
     try {
-      const content = await fs9.readFile(settingsPath, "utf-8");
+      const content = await fs10.readFile(settingsPath, "utf-8");
       currentSettings = JSON.parse(content);
       console.log("\u{1F4C4} \u0110\xE3 \u0111\u1ECDc c\xE0i \u0111\u1EB7t hi\u1EC7n t\u1EA1i t\u1EEB settings.json");
     } catch {
@@ -7567,15 +8816,15 @@ async function applyGroups2(groupKeys, action) {
       }
     }
   }
-  await fs9.writeFile(settingsPath, JSON.stringify(newSettings, null, 2));
+  await fs10.writeFile(settingsPath, JSON.stringify(newSettings, null, 2));
   console.log(`
 \u2705 \u0110\xE3 c\u1EADp nh\u1EADt c\xE0i \u0111\u1EB7t VSCode t\u1EA1i: ${settingsPath}`);
   console.log("\u{1F4A1} M\u1EB9o: Kh\u1EDFi \u0111\u1ED9ng l\u1EA1i VSCode \u0111\u1EC3 \xE1p d\u1EE5ng c\xE1c thay \u0111\u1ED5i.");
 }
 async function resetSettings2(groupKeys) {
-  const vscodeDir = path5.join(process.cwd(), ".vscode");
-  const settingsPath = path5.join(vscodeDir, "settings.json");
-  if (!existsSync2(settingsPath)) {
+  const vscodeDir = path6.join(process.cwd(), ".vscode");
+  const settingsPath = path6.join(vscodeDir, "settings.json");
+  if (!existsSync3(settingsPath)) {
     console.log("\n\u26A0\uFE0F  Kh\xF4ng t\xECm th\u1EA5y file settings.json");
     return;
   }
@@ -7588,7 +8837,7 @@ async function resetSettings2(groupKeys) {
     return;
   }
   if (groupKeys.length === 0) {
-    await fs9.unlink(settingsPath);
+    await fs10.unlink(settingsPath);
     console.log("\n\u2705 \u0110\xE3 x\xF3a file settings.json");
   } else {
     await applyGroups2(groupKeys, "disable");
@@ -7597,13 +8846,13 @@ async function resetSettings2(groupKeys) {
 }
 
 // src/commands/guide.ts
-import React29 from "react";
+import React40 from "react";
 import { render as render6 } from "ink";
 import { Command as Command37 } from "commander";
 function createGuideCommand() {
   const cmd = new Command37("guide").description("Interactive guide center for Agentic Coding").option("--topic <topic>", "Open specific topic (intro, rules, workflows, prompts, skills)").action(async (options) => {
     const { waitUntilExit } = render6(
-      React29.createElement(GuideApp, {
+      React40.createElement(GuideApp, {
         initialTopic: options.topic,
         onExit: () => {
           process.exit(0);
@@ -7616,7 +8865,7 @@ function createGuideCommand() {
 }
 
 // src/commands/context.ts
-import React30 from "react";
+import React41 from "react";
 import { render as render7 } from "ink";
 import { Command as Command38 } from "commander";
 function createContextCommand() {
@@ -7646,7 +8895,7 @@ function createContextCommand() {
       return;
     }
     const { waitUntilExit } = render7(
-      React30.createElement(ContextApp, {
+      React41.createElement(ContextApp, {
         initialIDE,
         initialType,
         onExit: () => {