bitty-tui 0.0.18 → 0.0.20

package/dist/dashboard/components/HelpBar.js

@@ -2,33 +2,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { CipherType } from "../../clients/bw.js";
 export function HelpBar({ focus, cipher, mode, }) {
-    return (_jsxs(Box, { borderStyle: "single", borderColor: "gray", marginTop: 1, paddingX: 1, flexShrink: 0, justifyContent: "space-around", children: [_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "/ " }), "Search"] }), focus === "list" ? (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "\u2191/\u2193 " }), "Navigate"] })) : focus === "detail" ? (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Tab/Enter " }), "Next Field"] })) : (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Esc " }), "Clear Search"] })), focus === "list" ? (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Tab/Enter " }), "Select"] })) : focus === "detail" ? (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Esc " }), "Focus List"] })) : (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Tab/Enter " }), "Focus List"] })), mode !== "new" && (_jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+n " }), "New"] })), ...copyButtons(focus, cipher), _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+w " }), "Logout"] })] }));
+    return (_jsxs(Box, { borderStyle: "single", borderColor: "#9f9f9f", marginTop: 1, paddingX: 1, flexShrink: 0, justifyContent: "space-around", children: [_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "/ " }), "Search"] }), focus === "list" ? (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "\u2191/\u2193 " }), "Navigate"] })) : focus === "detail" ? (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Tab/Enter " }), "Next Field"] })) : (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Esc " }), "Clear Search"] })), focus === "list" ? (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Tab/Enter " }), "Select"] })) : focus === "detail" ? (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Esc " }), "Focus List"] })) : (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Tab/Enter " }), "Focus List"] })), mode !== "new" && (_jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+n " }), "New"] })), ...copyButtons(focus, cipher), _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+w " }), "Logout"] })] }));
 }
 const copyButtons = (focus, cipher) => {
     if (focus === "detail") {
         return [
-            _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Field"] }),
+            _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Field"] }),
         ];
     }
     switch (cipher?.type) {
         case CipherType.Login:
             return [
-                _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Password"] }, "copy-password"),
+                _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Password"] }, "copy-password"),
                 ...(cipher.login?.totp
                     ? [
-                        _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+t " }), "Copy TOTP"] }, "copy-totp"),
+                        _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+t " }), "Copy TOTP"] }, "copy-totp"),
                     ]
                     : []),
-                _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+u " }), "Copy Username"] }, "copy-username"),
+                _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+u " }), "Copy Username"] }, "copy-username"),
             ];
         case CipherType.SecureNote:
             return [
-                _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Note"] }, "copy-note"),
+                _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Note"] }, "copy-note"),
             ];
         case CipherType.SSHKey:
             return [
-                _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Private Key"] }, "copy-private-key"),
-                _jsxs(Text, { color: "gray", children: [_jsx(Text, { bold: true, children: "Ctrl+u " }), "Copy Public Key"] }, "copy-public-key"),
+                _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+y " }), "Copy Private Key"] }, "copy-private-key"),
+                _jsxs(Text, { color: "#9f9f9f", children: [_jsx(Text, { bold: true, children: "Ctrl+u " }), "Copy Public Key"] }, "copy-public-key"),
             ];
         default:
             return [];

package/dist/dashboard/components/MainInfoTab.js

@@ -3,39 +3,14 @@ import { Box, Text } from "ink";
 import { CipherType } from "../../clients/bw.js";
 import { primaryLight } from "../../theme/style.js";
 import { TextInput } from "../../components/TextInput.js";
-import { useEffect, useState } from "react";
-import { authenticator } from "otplib";
 export function MainTab({ isFocused, selectedCipher, onChange, }) {
-    const [otpCode, setOtpCode] = useState("");
-    const [otpTimeout, setOtpTimeout] = useState(0);
-    useEffect(() => {
-        let interval = null;
-        if (selectedCipher?.login?.totp) {
-            interval = setInterval(() => {
-                setOtpTimeout((t) => {
-                    if (t <= 1) {
-                        setOtpCode(authenticator.generate(selectedCipher.login.totp));
-                        return 30;
-                    }
-                    return t - 1;
-                });
-            }, 1000);
-        }
-        else {
-            setOtpCode("");
-        }
-        return () => {
-            if (interval)
-                clearInterval(interval);
-        };
-    }, [selectedCipher?.login?.totp]);
     return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Name:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.name, onChange: (value) => onChange({ ...selectedCipher, name: value }) }) })] }), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Username:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.username ?? "", onChange: (value) => onChange({
                                 ...selectedCipher,
                                 login: { ...selectedCipher.login, username: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Password:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isPassword: true, showPasswordOnFocus: true, isActive: isFocused, value: selectedCipher.login?.password ?? "", onChange: (value) => onChange({
-                                        ...selectedCipher,
-                                        login: { ...selectedCipher.login, password: value },
-                                    }) }) })] }), selectedCipher.login?.totp && (_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { marginRight: 2, flexShrink: 0, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: ["OTP (", otpTimeout.toString().padStart(2, "0"), "s):"] }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: otpCode }) })] }))] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "URL:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.uris?.[0]?.uri ?? "", onChange: (value) => onChange({
+                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Password:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isPassword: true, showPasswordOnFocus: true, isActive: isFocused, value: selectedCipher.login?.password ?? "", onChange: (value) => onChange({
+                                ...selectedCipher,
+                                login: { ...selectedCipher.login, password: value },
+                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "URL:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.uris?.[0]?.uri ?? "", onChange: (value) => onChange({
                                 ...selectedCipher,
                                 login: {
                                     ...selectedCipher.login,

package/dist/dashboard/components/MainTab.d.ts

@@ -1,6 +1,8 @@
-import { Cipher } from "../../clients/bw.js";
-export declare function MainTab({ isFocused, selectedCipher, onChange, }: {
+import { Cipher, CipherType } from "../../clients/bw.js";
+export declare function MainTab({ isFocused, selectedCipher, mode, onChange, onTypeChange, }: {
     isFocused: boolean;
     selectedCipher: Cipher;
+    mode: "view" | "new";
     onChange: (cipher: Cipher) => void;
+    onTypeChange?: (type: CipherType) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/components/MainTab.js

@@ -1,31 +1,95 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { CipherType } from "../../clients/bw.js";
 import { primaryLight } from "../../theme/style.js";
 import { TextInput } from "../../components/TextInput.js";
+import { TabButton } from "../../components/TabButton.js";
 import { useEffect, useState } from "react";
-import { authenticator } from "otplib";
+import { createGuardrails, generate, stringToBytes } from "otplib";
 const OTP_INTERVAL = 30;
-export function MainTab({ isFocused, selectedCipher, onChange, }) {
+const OTP_GUARDRAILS = createGuardrails({
+    MIN_SECRET_BYTES: 1,
+    MAX_SECRET_BYTES: 1024,
+});
+function parseTotpConfig(value) {
+    if (!value.startsWith("otpauth://")) {
+        return { secret: value };
+    }
+    try {
+        const url = new URL(value);
+        const secret = url.searchParams.get("secret") ?? "";
+        const periodRaw = Number.parseInt(url.searchParams.get("period") ?? "", 10);
+        const digitsRaw = Number.parseInt(url.searchParams.get("digits") ?? "", 10);
+        const algorithmRaw = (url.searchParams.get("algorithm") ?? "").toLowerCase();
+        const period = Number.isFinite(periodRaw) && periodRaw > 0 ? periodRaw : undefined;
+        const digits = digitsRaw === 6 || digitsRaw === 7 || digitsRaw === 8
+            ? digitsRaw
+            : undefined;
+        const algorithm = algorithmRaw === "sha1" ||
+            algorithmRaw === "sha256" ||
+            algorithmRaw === "sha512"
+            ? algorithmRaw
+            : undefined;
+        return { secret, period, digits, algorithm };
+    }
+    catch {
+        return { secret: value };
+    }
+}
+function normalizeBase32Secret(value) {
+    return value.replace(/\s+/g, "").toUpperCase();
+}
+function Field({ label, value, isFocused, onChange, isPassword, labelWidth = 12, maxLines = 3, }) {
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: labelWidth, flexShrink: 0, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: [label, ":"] }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, isPassword: isPassword, showPasswordOnFocus: isPassword, value: value, multiline: maxLines > 1, maxLines: maxLines, onChange: onChange }) })] }));
+}
+export function MainTab({ isFocused, selectedCipher, mode, onChange, onTypeChange, }) {
     const [otpCode, setOtpCode] = useState("");
     const [otpTimeout, setOtpTimeout] = useState(0);
-    const genOtp = () => {
-        if (selectedCipher.login?.totp) {
-            const totp = authenticator.generate(selectedCipher.login.totp);
-            selectedCipher.login.currentTotp = totp;
-            setOtpCode(totp);
+    const genOtp = async (config) => {
+        if (config.secret) {
+            const normalizedSecret = normalizeBase32Secret(config.secret);
+            const options = {
+                guardrails: OTP_GUARDRAILS,
+                ...(config.period ? { period: config.period } : {}),
+                ...(config.digits ? { digits: config.digits } : {}),
+                ...(config.algorithm ? { algorithm: config.algorithm } : {}),
+            };
+            try {
+                const totp = await generate({ ...options, secret: normalizedSecret });
+                if (selectedCipher.login) {
+                    selectedCipher.login.currentTotp = totp;
+                }
+                setOtpCode(totp);
+            }
+            catch {
+                try {
+                    const totp = await generate({
+                        ...options,
+                        secret: stringToBytes(config.secret),
+                    });
+                    if (selectedCipher.login) {
+                        selectedCipher.login.currentTotp = totp;
+                    }
+                    setOtpCode(totp);
+                }
+                catch {
+                    setOtpCode("");
+                }
+            }
         }
     };
     useEffect(() => {
         let interval = null;
         if (selectedCipher?.login?.totp) {
-            genOtp();
-            setOtpTimeout(OTP_INTERVAL);
+            const config = parseTotpConfig(selectedCipher.login.totp);
+            const intervalSeconds = config.period ?? OTP_INTERVAL;
+            void genOtp(config);
+            setOtpTimeout(intervalSeconds);
             interval = setInterval(() => {
                 setOtpTimeout((t) => {
                     if (t <= 1) {
-                        genOtp();
-                        return OTP_INTERVAL;
+                        void genOtp(config);
+                        return intervalSeconds;
                     }
                     return t - 1;
                 });
@@ -39,54 +103,29 @@ export function MainTab({ isFocused, selectedCipher, onChange, }) {
                 clearInterval(interval);
         };
     }, [selectedCipher?.login?.totp]);
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Name:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.name, onChange: (value) => onChange({ ...selectedCipher, name: value }) }) })] }), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Username:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.username ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                login: { ...selectedCipher.login, username: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Password:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isPassword: true, showPasswordOnFocus: true, isActive: isFocused, value: selectedCipher.login?.password ?? "", onChange: (value) => onChange({
+    const updateIdentity = (patch) => onChange({ ...selectedCipher, identity: { ...selectedCipher.identity, ...patch } });
+    const updateCard = (patch) => onChange({ ...selectedCipher, card: { ...selectedCipher.card, ...patch } });
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [mode === "new" && (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: 10, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Type:" }) }), [
+                        [CipherType.Login, "Login"],
+                        [CipherType.SecureNote, "Note"],
+                        [CipherType.Card, "Card"],
+                        [CipherType.Identity, "Identity"],
+                    ].map(([t, label]) => (_jsx(TabButton, { borderLess: true, active: selectedCipher.type === t, onClick: () => onTypeChange?.(t), children: label }, t)))] })), _jsx(Field, { label: "Name", labelWidth: selectedCipher.type === CipherType.SSHKey ? 13 : 12, value: selectedCipher.name, isFocused: isFocused, onChange: (value) => onChange({ ...selectedCipher, name: value }) }), selectedCipher.type === CipherType.Login && (_jsx(Field, { label: "Username", value: selectedCipher.login?.username ?? "", isFocused: isFocused, onChange: (value) => onChange({
+                    ...selectedCipher,
+                    login: { ...selectedCipher.login, username: value },
+                }) })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Password:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isPassword: true, showPasswordOnFocus: true, isActive: isFocused, value: selectedCipher.login?.password ?? "", onChange: (value) => onChange({
                                         ...selectedCipher,
                                         login: { ...selectedCipher.login, password: value },
-                                    }) }) })] }), selectedCipher.login?.totp && (_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { marginRight: 2, flexShrink: 0, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: ["OTP (", otpTimeout.toString().padStart(2, "0"), "s):"] }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: otpCode }) })] }))] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "URL:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.uris?.[0]?.uri ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                login: {
-                                    ...selectedCipher.login,
-                                    uris: [
-                                        { uri: value },
-                                        ...selectedCipher.login.uris.slice(1),
-                                    ],
-                                },
-                            }) }) })] })), selectedCipher.type === CipherType.SSHKey && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Private Key:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.sshKey?.privateKey ?? "" }) })] })), selectedCipher.type === CipherType.SSHKey && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Public Key:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.sshKey?.publicKey ?? "" }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.firstName && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "First Name:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.firstName ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, firstName: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.lastName && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Last Name:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.lastName ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, lastName: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.username && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Username:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.username ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, username: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.city && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "City:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.city ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, city: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.address1 && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Address:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.address1 ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, address1: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.country && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Country:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.country ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, country: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.email && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Email:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.email ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, email: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Identity &&
-                selectedCipher.identity?.phone && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Phone:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.phone ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                identity: { ...selectedCipher.identity, phone: value },
-                            }) }) })] })), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, flexShrink: 0, marginRight: 2, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Notes:" }) }), _jsx(Box, { flexGrow: 1, minHeight: 7, children: _jsx(TextInput, { multiline: true, maxLines: 5, isActive: isFocused, value: selectedCipher.notes ?? "", onChange: (value) => onChange({
+                                    }) }) })] }), selectedCipher.login?.totp && (_jsxs(Box, { flexDirection: "row", width: 20, flexShrink: 0, children: [_jsx(Box, { flexShrink: 0, width: 12, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: ["OTP (", otpTimeout.toString().padStart(2, "0"), "s):"] }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: otpCode }) })] }))] })), selectedCipher.type === CipherType.Login && (_jsx(Field, { label: "URL", value: selectedCipher.login?.uris?.[0]?.uri ?? "", isFocused: isFocused, onChange: (value) => onChange({
+                    ...selectedCipher,
+                    login: {
+                        ...selectedCipher.login,
+                        uris: [
+                            { uri: value },
+                            ...selectedCipher.login.uris.slice(1),
+                        ],
+                    },
+                }) })), selectedCipher.type === CipherType.Card && (_jsxs(_Fragment, { children: [_jsx(Field, { label: "Cardholder", value: selectedCipher.card?.cardholderName ?? "", isFocused: isFocused, onChange: (v) => updateCard({ cardholderName: v }) }), _jsx(Field, { label: "Number", value: selectedCipher.card?.number ?? "", isFocused: isFocused, isPassword: true, onChange: (v) => updateCard({ number: v }) }), _jsx(Field, { label: "Brand", value: selectedCipher.card?.brand ?? "", isFocused: isFocused, onChange: (v) => updateCard({ brand: v }) }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Exp Month:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.card?.expMonth ?? "", onChange: (v) => updateCard({ expMonth: v }) }) })] }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { width: 10, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Exp Year:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.card?.expYear ?? "", onChange: (v) => updateCard({ expYear: v }) }) })] })] }), _jsx(Field, { label: "CVV", value: selectedCipher.card?.code ?? "", isFocused: isFocused, isPassword: true, onChange: (v) => updateCard({ code: v }) })] })), selectedCipher.type === CipherType.Identity && (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Title:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.title ?? "", onChange: (v) => updateIdentity({ title: v }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "First Name:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.firstName ?? "", onChange: (v) => updateIdentity({ firstName: v }) }) })] })] }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Middle:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.middleName ?? "", onChange: (v) => updateIdentity({ middleName: v }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Last Name:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.lastName ?? "", onChange: (v) => updateIdentity({ lastName: v }) }) })] })] }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Username:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.username ?? "", onChange: (v) => updateIdentity({ username: v }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Company:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.company ?? "", onChange: (v) => updateIdentity({ company: v }) }) })] })] }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Email:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.email ?? "", onChange: (v) => updateIdentity({ email: v }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "50%", flexShrink: 0, children: [_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Phone:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.phone ?? "", onChange: (v) => updateIdentity({ phone: v }) }) })] })] })] })), selectedCipher.type === CipherType.SSHKey && (_jsxs(_Fragment, { children: [_jsx(Field, { label: "Private Key", labelWidth: 13, value: selectedCipher.sshKey?.privateKey ?? "", isFocused: isFocused }), _jsx(Field, { label: "Public Key", labelWidth: 13, value: selectedCipher.sshKey?.publicKey ?? "", isFocused: isFocused })] })), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: selectedCipher.type === CipherType.SSHKey ? 12 : 11, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Notes:" }) }), _jsx(Box, { flexGrow: 1, minHeight: 6, children: _jsx(TextInput, { multiline: true, maxLines: 5, isActive: isFocused, value: selectedCipher.notes ?? "", onChange: (value) => onChange({
                                 ...selectedCipher,
                                 notes: value,
                             }) }) })] })] }));

package/dist/dashboard/components/MoreInfoTab.d.ts

@@ -1,6 +1,11 @@
 import { Cipher } from "../../clients/bw.js";
-export declare function MoreInfoTab({ isFocused, selectedCipher, onChange, }: {
+export type Organization = {
+    id: string;
+    name: string;
+};
+export declare function MoreInfoTab({ isFocused, selectedCipher, organizations, onChange, }: {
     isFocused: boolean;
     selectedCipher: Cipher;
+    organizations: Organization[];
     onChange: (cipher: Cipher) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/components/MoreInfoTab.js

@@ -1,14 +1,93 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text, useStdout } from "ink";
+import { Box, Text, useInput, useStdout } from "ink";
+import { useRef, useId, useState, useMemo } from "react";
 import { CipherType } from "../../clients/bw.js";
 import { primaryLight } from "../../theme/style.js";
 import { TextInput } from "../../components/TextInput.js";
-export function MoreInfoTab({ isFocused, selectedCipher, onChange, }) {
+import { useMouseTarget } from "../../hooks/use-mouse.js";
+export function MoreInfoTab({ isFocused, selectedCipher, organizations, onChange, }) {
     const { stdout } = useStdout();
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, height: stdout.rows - 18, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, marginRight: 2, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "ID:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.id ?? "" }) })] }), !!selectedCipher.organizationId && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, marginRight: 2, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Organization ID:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.organizationId ?? "" }) })] })), !!selectedCipher.collectionIds?.length && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, marginRight: 2, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Collection IDs:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(Box, { flexDirection: "column", children: selectedCipher.collectionIds?.map((id) => (_jsx(TextInput, { inline: true, isActive: isFocused, value: id }, id))) || _jsx(Text, { children: "-" }) }) })] })), !!selectedCipher.folderId && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, marginRight: 2, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Folder ID:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.folderId ?? "" }) })] })), selectedCipher.type === CipherType.SSHKey && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Fingerprint:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.sshKey?.keyFingerprint ?? "" }) })] })), !!selectedCipher.fields?.length && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Fields:" }), selectedCipher.fields?.map((field, idx) => (_jsxs(Box, { flexDirection: "row", paddingLeft: 2, children: [_jsx(Box, { width: 16, marginRight: 2, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: [field.name || idx, ":"] }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: field.value ?? "", onChange: (value) => {
+    const [orgCursor, setOrgCursor] = useState(0);
+    const canChangeOrg = !selectedCipher.organizationId;
+    const orgOptions = canChangeOrg
+        ? [
+            { id: null, name: "None (Personal)" },
+            ...organizations.map((o) => ({
+                id: o.id,
+                name: o.name,
+            })),
+        ]
+        : [];
+    const organizationName = useMemo(() => {
+        if (!selectedCipher.organizationId)
+            return "Personal";
+        const org = organizations.find((o) => o.id === selectedCipher.organizationId);
+        return org ? org.name : "Unknown Organization";
+    }, [selectedCipher.organizationId, organizations]);
+    useInput((_input, key) => {
+        if (!canChangeOrg)
+            return;
+        if (key.upArrow)
+            setOrgCursor((c) => Math.max(0, c - 1));
+        else if (key.downArrow)
+            setOrgCursor((c) => Math.min(orgOptions.length - 1, c + 1));
+        else if (_input === " ") {
+            const selected = orgOptions[orgCursor];
+            onChange({
+                ...selectedCipher,
+                organizationId: selected?.id,
+                collectionIds: [],
+            });
+        }
+    }, { isActive: isFocused && canChangeOrg });
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, height: stdout.rows - 18, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "ID:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.id ?? "" }) })] }), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "TOTP:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, isPassword: true, showPasswordOnFocus: true, value: selectedCipher.login?.totp ?? "", onChange: (value) => onChange({
+                                ...selectedCipher,
+                                login: { ...selectedCipher.login, totp: value },
+                            }) }) })] })), canChangeOrg && organizations.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Organization:" }), orgOptions.map((opt, idx) => {
+                        const checked = selectedCipher.organizationId === opt.id;
+                        const isCursor = orgCursor === idx && isFocused;
+                        return (_jsx(OrgCheckbox, { label: opt.name, isCursor: isCursor, checked: checked, onFocus: () => setOrgCursor(idx), onChange: () => onChange({
+                                ...selectedCipher,
+                                organizationId: opt.id,
+                                collectionIds: [],
+                            }) }, opt.id ?? "__none"));
+                    })] })), !!selectedCipher.organizationId && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Organization:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: organizationName }) })] })), !!selectedCipher.folderId && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Folder ID:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.folderId ?? "" }) })] })), selectedCipher.type === CipherType.Identity && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Address:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.address1 ?? "", onChange: (value) => onChange({
+                                        ...selectedCipher,
+                                        identity: { ...selectedCipher.identity, address1: value },
+                                    }) }) })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "City:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.city ?? "", onChange: (value) => onChange({
+                                        ...selectedCipher,
+                                        identity: { ...selectedCipher.identity, city: value },
+                                    }) }) })] }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, gap: 1, children: [_jsxs(Box, { flexDirection: "row", width: "40%", flexShrink: 0, children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "State:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.state ?? "", onChange: (value) => onChange({
+                                                ...selectedCipher,
+                                                identity: { ...selectedCipher.identity, state: value },
+                                            }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "60%", flexShrink: 0, children: [_jsx(Box, { width: 13, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Postal Code:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.postalCode ?? "", onChange: (value) => onChange({
+                                                ...selectedCipher,
+                                                identity: {
+                                                    ...selectedCipher.identity,
+                                                    postalCode: value,
+                                                },
+                                            }) }) })] })] }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, gap: 1, children: [_jsxs(Box, { flexDirection: "row", width: "40%", flexShrink: 0, children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Country:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.country ?? "", onChange: (value) => onChange({
+                                                ...selectedCipher,
+                                                identity: { ...selectedCipher.identity, country: value },
+                                            }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "60%", flexShrink: 0, children: [_jsx(Box, { width: 13, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "License:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.licenseNumber ?? "", onChange: (value) => onChange({
+                                                ...selectedCipher,
+                                                identity: {
+                                                    ...selectedCipher.identity,
+                                                    licenseNumber: value,
+                                                },
+                                            }) }) })] })] }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, gap: 1, children: [_jsxs(Box, { flexDirection: "row", width: "40%", flexShrink: 0, children: [_jsx(Box, { width: 9, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "SSN:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, isPassword: true, showPasswordOnFocus: true, value: selectedCipher.identity?.ssn ?? "", onChange: (value) => onChange({
+                                                ...selectedCipher,
+                                                identity: { ...selectedCipher.identity, ssn: value },
+                                            }) }) })] }), _jsxs(Box, { flexDirection: "row", width: "60%", flexShrink: 0, children: [_jsx(Box, { width: 13, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Passport:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.passportNumber ?? "", onChange: (value) => onChange({
+                                                ...selectedCipher,
+                                                identity: {
+                                                    ...selectedCipher.identity,
+                                                    passportNumber: value,
+                                                },
+                                            }) }) })] })] })] })), selectedCipher.type === CipherType.SSHKey && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 13, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Fingerprint:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.sshKey?.keyFingerprint ?? "" }) })] })), !!selectedCipher.fields?.length && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Fields:" }), selectedCipher.fields?.map((field, idx) => (_jsxs(Box, { flexDirection: "row", paddingLeft: 2, children: [_jsx(Box, { width: 16, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: [field.name || idx, ":"] }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: field.value ?? "", onChange: (value) => {
                                         const newFields = selectedCipher.fields?.map((f, i) => i === idx ? { ...f, value } : f);
                                         onChange({ ...selectedCipher, fields: newFields });
-                                    } }) })] }, idx)))] })), !!selectedCipher.login?.uris?.length && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Uris:" }), selectedCipher.login.uris.map((uri, idx) => (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: uri.uri ?? "", onChange: (value) => {
+                                    } }) })] }, idx)))] })), !!selectedCipher.login?.uris?.length && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: isFocused ? primaryLight : "#9f9f9f", children: "Uris:" }), selectedCipher.login.uris.map((uri, idx) => (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: uri.uri ?? "", onChange: (value) => {
                                     const newUris = selectedCipher.login?.uris?.map((u, i) => i === idx ? { ...u, uri: value } : u);
                                     onChange({
                                         ...selectedCipher,
@@ -16,3 +95,21 @@ export function MoreInfoTab({ isFocused, selectedCipher, onChange, }) {
                                     });
                                 } }) }) }, idx)))] }))] }));
 }
+function OrgCheckbox({ label, isCursor, checked, onChange, onFocus, }) {
+    const checkRef = useRef(null);
+    const labelRef = useRef(null);
+    const checkId = useId();
+    const labelId = useId();
+    useMouseTarget(checkId, checkRef, {
+        onClick: () => onChange(),
+    });
+    useMouseTarget(labelId, labelRef, {
+        onClick: () => onFocus(),
+    });
+    useInput((input) => {
+        if (input === " ") {
+            onChange();
+        }
+    }, { isActive: isCursor });
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { ref: checkRef, children: _jsx(Text, { color: isCursor ? "white" : "#9f9f9f", bold: isCursor, children: checked ? "[x] " : "[ ] " }) }), _jsx(Box, { ref: labelRef, children: _jsx(Text, { color: isCursor ? "white" : "#9f9f9f", children: label }) })] }));
+}

package/dist/dashboard/components/VaultList.js

@@ -78,5 +78,5 @@ export function VaultList({ filteredCiphers, isFocused, selected, onSelect, }) {
             showStatusMessage(`📋 Copied ${fldName} to clipboard!`, "success");
         }
     }, { isActive: isFocused });
-    return (_jsx(Box, { ref: boxRef, flexDirection: "column", width: "40%", borderStyle: "round", borderColor: isFocused ? primaryLight : "gray", borderRightColor: "gray", paddingX: 1, overflow: "hidden", children: _jsx(ScrollView, { isActive: isFocused, count: Math.max(stdout.rows - 14, 20), list: filteredCiphers, selectedIndex: selected ?? 0, onSelect: onSelect, offsetRef: scrollOffsetRef, children: ({ el: cipher, selected }) => (_jsxs(Box, { justifyContent: "space-between", backgroundColor: selected ? (isFocused ? primary : primaryDark) : "", children: [_jsxs(Box, { children: [_jsxs(Text, { children: [getTypeIcon(cipher.type), " "] }), _jsx(Text, { color: selected && isFocused ? "white" : "default", wrap: "truncate", children: cipher.name })] }), cipher.favorite && _jsx(Text, { color: "yellow", children: "\u2605" })] }, cipher.id)) }) }));
+    return (_jsx(Box, { ref: boxRef, flexDirection: "column", width: "40%", borderStyle: "round", borderColor: isFocused ? primaryLight : "#9f9f9f", borderRightColor: "#9f9f9f", paddingX: 1, overflow: "hidden", children: _jsx(ScrollView, { isActive: isFocused, count: Math.max(stdout.rows - 14, 20), list: filteredCiphers, selectedIndex: selected ?? 0, onSelect: onSelect, offsetRef: scrollOffsetRef, children: ({ el: cipher, selected }) => (_jsxs(Box, { justifyContent: "space-between", backgroundColor: selected ? (isFocused ? primary : primaryDark) : "", children: [_jsxs(Box, { children: [_jsxs(Text, { children: [getTypeIcon(cipher.type), " "] }), _jsx(Text, { color: selected && isFocused ? "white" : "default", wrap: "truncate", children: cipher.name })] }), cipher.favorite && _jsx(Text, { color: "yellow", children: "\u2605" })] }, cipher.id)) }) }));
 }

package/dist/hooks/bw.d.ts

@@ -1,4 +1,4 @@
-import { BwKeys, Client, SyncResponse } from "../clients/bw.js";
+import { BwKeys, CipherType, Client, SyncResponse } from "../clients/bw.js";
 interface BwConfig {
     baseUrl?: string;
     keys: BwKeys;
@@ -19,5 +19,6 @@ export declare const useBwSync: () => {
     error: string | null;
     fetchSync: (forceRefresh?: boolean) => Promise<void>;
 };
+export declare function createEmptyCipher(type?: CipherType): any;
 export declare const emptyCipher: any;
 export {};

package/dist/hooks/bw.js

@@ -123,15 +123,60 @@ export const useBwSync = () => {
     }, [fetchSync]);
     return { sync, error, fetchSync };
 };
-export const emptyCipher = {
-    name: "",
-    type: CipherType.Login,
-    notes: null,
-    login: {
-        username: null,
-        password: null,
-        uris: [],
-    },
-    fields: [],
-    organizationId: null,
+const emptyLogin = {
+    username: null,
+    password: null,
+    totp: null,
+    uris: [],
 };
+const emptyCard = {
+    cardholderName: null,
+    brand: null,
+    number: null,
+    expMonth: null,
+    expYear: null,
+    code: null,
+};
+const emptyIdentity = {
+    title: null,
+    firstName: null,
+    middleName: null,
+    lastName: null,
+    username: null,
+    company: null,
+    email: null,
+    phone: null,
+    address1: null,
+    address2: null,
+    address3: null,
+    city: null,
+    state: null,
+    postalCode: null,
+    country: null,
+    ssn: null,
+    passportNumber: null,
+    licenseNumber: null,
+};
+export function createEmptyCipher(type = CipherType.Login) {
+    const base = {
+        name: "",
+        type,
+        notes: null,
+        fields: [],
+        organizationId: null,
+        collectionIds: [],
+    };
+    switch (type) {
+        case CipherType.Login:
+            return { ...base, login: { ...emptyLogin } };
+        case CipherType.SecureNote:
+            return { ...base, secureNote: { type: 0 } };
+        case CipherType.Card:
+            return { ...base, card: { ...emptyCard } };
+        case CipherType.Identity:
+            return { ...base, identity: { ...emptyIdentity } };
+        default:
+            return base;
+    }
+}
+export const emptyCipher = createEmptyCipher();

package/dist/hooks/status-message.d.ts

@@ -1,8 +1,10 @@
+type StatusMessageType = "info" | "error" | "warning" | "success";
 export declare const StatusMessageProvider: ({ children, }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useStatusMessage: () => {
     statusMessage: string | null;
     statusMessageColor: string;
-    showStatusMessage: (message: string, type?: "info" | "error" | "success", timeoutMs?: number) => void;
+    showStatusMessage: (message: string, type?: StatusMessageType, timeoutMs?: number) => void;
 };
+export {};

package/dist/hooks/status-message.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useRef, useState } from "react";
 const statusMessageContext = createContext({
     statusMessage: null,
-    statusMessageColor: "gray",
+    statusMessageColor: "#9f9f9f",
     showStatusMessage: () => { },
 });
 const SMProvider = statusMessageContext.Provider;
@@ -24,7 +24,9 @@ export const StatusMessageProvider = ({ children, }) => {
         ? "red"
         : messageType === "success"
             ? "green"
-            : "gray";
+            : messageType === "warning"
+                ? "yellow"
+                : "#9f9f9f";
     return (_jsx(SMProvider, { value: { statusMessage, statusMessageColor, showStatusMessage }, children: children }));
 };
 export const useStatusMessage = () => useContext(statusMessageContext);

package/dist/hooks/use-mouse.js

@@ -79,7 +79,7 @@ export const MouseProvider = ({ children, }) => {
                 if (match) {
                     const button = parseInt(match[1], 10);
                     const x = parseInt(match[2], 10) - 1;
-                    const y = parseInt(match[3], 10) - 1;
+                    const y = parseInt(match[3], 10) - 2;
                     const isPress = match[4] === "M";
                     if (isPress && (button & 3) === 0) {
                         handleClickRef.current(x, y);