@jvittechs/jai1-cli 0.1.66 → 0.1.67

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.67",
   description: "Unified CLI for Jai1 Framework Management and Redmine Context Sync",
   type: "module",
   bin: {
@@ -5717,12 +5717,271 @@ Examples:
 }
 
 // src/commands/utils/interactive.ts
-import React28 from "react";
+import React31 from "react";
 import { render as render5 } from "ink";
 
 // src/ui/utils/UtilsApp.tsx
+import React30, { useState as useState17 } from "react";
+import { Box as Box20, Text as Text21, useInput as useInput15, 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/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 +5998,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] = useState17(0);
+  const [activeView, setActiveView] = useState17(null);
   const { exit } = useApp5();
-  useInput12((input, key) => {
+  useInput15((input, key) => {
     if (activeView) {
       if (key.escape) {
         setActiveView(null);
@@ -5760,8 +6019,8 @@ var UtilsApp = ({ onExit }) => {
       exit();
     }
   });
-  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React27.createElement(
-    Box17,
+  return /* @__PURE__ */ React30.createElement(Box20, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React30.createElement(
+    Box20,
     {
       borderStyle: "single",
       borderColor: "cyan",
@@ -5769,10 +6028,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__ */ React30.createElement(Text21, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
+    /* @__PURE__ */ React30.createElement(Box20, { marginLeft: "auto" }, /* @__PURE__ */ React30.createElement(Text21, { dimColor: true }, "Press 'q' to quit"))
+  ), /* @__PURE__ */ React30.createElement(Box20, { flexGrow: 1 }, /* @__PURE__ */ React30.createElement(
+    Box20,
     {
       flexDirection: "column",
       width: 30,
@@ -5782,9 +6041,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__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "yellow" }, "Select Utility:")),
+    MENU_ITEMS2.map((item, index) => /* @__PURE__ */ React30.createElement(Box20, { key: item.id, marginBottom: 0 }, /* @__PURE__ */ React30.createElement(
+      Text21,
       {
         color: selectedIndex === index && !activeView ? "green" : void 0,
         bold: selectedIndex === index && !activeView,
@@ -5795,9 +6054,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__ */ React30.createElement(Box20, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React30.createElement(Text21, { dimColor: true }, "\u2191/\u2193: Navigate", "\n", "Enter: Select", "\n", "Esc: Back/Quit"))
+  ), /* @__PURE__ */ React30.createElement(
+    Box20,
     {
       flexDirection: "column",
       flexGrow: 1,
@@ -5806,21 +6065,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__ */ React30.createElement(ActiveUtilityView, { utilityType: activeView }) : /* @__PURE__ */ React30.createElement(WelcomeView, { selectedItem: MENU_ITEMS2[selectedIndex] })
+  )), /* @__PURE__ */ React30.createElement(
+    Box20,
     {
       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__ */ React30.createElement(Text21, { 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__ */ React30.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "cyan" }, "Welcome to Developer Utilities")), /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 2 }, /* @__PURE__ */ React30.createElement(Text21, null, "Select a utility from the left menu to get started.")), /* @__PURE__ */ React30.createElement(
+    Box20,
     {
       borderStyle: "single",
       borderColor: "yellow",
@@ -5828,19 +6087,32 @@ 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__ */ React30.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React30.createElement(Text21, { dimColor: true }, selectedItem.description))
+  ), /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React30.createElement(Box20, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React30.createElement(Text21, null, "\u2022 Press ", /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React30.createElement(Text21, null, "\u2022 Use ", /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React30.createElement(Text21, null, "\u2022 Press ", /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React30.createElement(Text21, null, "\u2022 Press ", /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "q"), " to quit anytime")), /* @__PURE__ */ React30.createElement(Box20, { marginTop: 2 }, /* @__PURE__ */ React30.createElement(Text21, { 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__ */ React30.createElement(PasswordView, null);
+    case "uuid":
+      return /* @__PURE__ */ React30.createElement(UuidView, null);
+    case "hash":
+      return /* @__PURE__ */ React30.createElement(HashView, null);
+    // Add more views as they are created
+    default:
+      return /* @__PURE__ */ React30.createElement(PlaceholderView, { utilityType });
+  }
+};
+var PlaceholderView = ({ utilityType }) => {
+  const item = MENU_ITEMS2.find((m) => m.id === utilityType);
+  return /* @__PURE__ */ React30.createElement(Box20, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React30.createElement(Text21, { bold: true, color: "cyan" }, item?.icon, " ", item?.label)), /* @__PURE__ */ React30.createElement(Box20, { borderStyle: "single", borderColor: "yellow", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React30.createElement(Text21, null, "\u{1F6A7} This utility view is under construction.", "\n", "\n", "For now, use the command-line version:", "\n", /* @__PURE__ */ React30.createElement(Text21, { color: "green" }, "$ jai1 utils ", utilityType, " --help"), "\n", "\n", "Press ", /* @__PURE__ */ React30.createElement(Text21, { color: "yellow" }, "Esc"), " to return to the menu.")));
 };
 
 // src/commands/utils/interactive.ts
 async function runInteractiveMode() {
   return new Promise((resolve3) => {
     const { unmount, waitUntilExit } = render5(
-      React28.createElement(UtilsApp, {
+      React31.createElement(UtilsApp, {
         onExit: () => {
           unmount();
           resolve3();
@@ -7597,13 +7869,13 @@ async function resetSettings2(groupKeys) {
 }
 
 // src/commands/guide.ts
-import React29 from "react";
+import React32 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, {
+      React32.createElement(GuideApp, {
         initialTopic: options.topic,
         onExit: () => {
           process.exit(0);
@@ -7616,7 +7888,7 @@ function createGuideCommand() {
 }
 
 // src/commands/context.ts
-import React30 from "react";
+import React33 from "react";
 import { render as render7 } from "ink";
 import { Command as Command38 } from "commander";
 function createContextCommand() {
@@ -7646,7 +7918,7 @@ function createContextCommand() {
       return;
     }
     const { waitUntilExit } = render7(
-      React30.createElement(ContextApp, {
+      React33.createElement(ContextApp, {
         initialIDE,
         initialType,
         onExit: () => {