bitty-tui 0.0.19 → 0.0.20

package/dist/clients/bw.d.ts

@@ -171,7 +171,7 @@ export declare class Client {
      * - Derived encryption keys (master key, user key, private key)
      */
     login(email: string, password: string, skipPrelogin?: boolean, opts?: Record<string, any>): Promise<void>;
-    sendEmailMfaCode(email: string): Promise<void>;
+    sendEmailMfaCode(email: string): Promise<Response>;
     checkToken(): Promise<void>;
     /**
      * Fetches the latest sync data from the Bitwarden server and decrypts organization keys if available.

package/dist/clients/bw.js

@@ -416,7 +416,7 @@ export class Client {
         this.orgKeys = {};
     }
     async sendEmailMfaCode(email) {
-        fetchApi(`${this.apiUrl}/two-factor/send-email-login`, {
+        return fetchApi(`${this.apiUrl}/two-factor/send-email-login`, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",

package/dist/components/Button.d.ts

@@ -2,11 +2,12 @@ import { Box } from "ink";
 import { ReactNode } from "react";
 type Props = {
     isActive?: boolean;
+    activeBorderColor?: string;
     doubleConfirm?: boolean;
     tripleConfirm?: boolean;
     autoFocus?: boolean;
     onClick: () => void;
     children: ReactNode;
 } & React.ComponentProps<typeof Box>;
-export declare const Button: ({ isActive, doubleConfirm, tripleConfirm, onClick, children, autoFocus, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ isActive, activeBorderColor, doubleConfirm, tripleConfirm, onClick, children, autoFocus, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Button.js

@@ -3,7 +3,7 @@ import { Text, Box, useFocus, useInput } from "ink";
 import { useId, useRef, useState } from "react";
 import { primary } from "../theme/style.js";
 import { useMouseTarget } from "../hooks/use-mouse.js";
-export const Button = ({ isActive = true, doubleConfirm, tripleConfirm, onClick, children, autoFocus = false, ...props }) => {
+export const Button = ({ isActive = true, activeBorderColor, doubleConfirm, tripleConfirm, onClick, children, autoFocus = false, ...props }) => {
     const generatedId = useId();
     const { isFocused } = useFocus({ id: generatedId, autoFocus: autoFocus });
     const [askConfirm, setAskConfirm] = useState(false);
@@ -37,11 +37,11 @@ export const Button = ({ isActive = true, doubleConfirm, tripleConfirm, onClick,
         if (key.return)
             handlePress();
     }, { isActive: isFocused && isActive });
-    return (_jsx(Box, { ref: boxRef, borderStyle: "round", borderColor: isFocused && isActive ? primary : "gray", alignItems: "center", justifyContent: "center", ...props, children: _jsx(Text, { color: isFocused && isActive
+    return (_jsx(Box, { ref: boxRef, borderStyle: "round", borderColor: isFocused && isActive ? activeBorderColor ?? primary : "#9f9f9f", alignItems: "center", justifyContent: "center", ...props, children: _jsx(Text, { color: isFocused && isActive
                 ? ask2Confirm
                     ? "red"
                     : askConfirm
                         ? "yellow"
                         : "white"
-                : "gray", children: ask2Confirm ? "Are you sure?" : askConfirm ? "Confirm?" : children }) }));
+                : "#9f9f9f", children: ask2Confirm ? "Are you sure?" : askConfirm ? "Confirm?" : children }) }));
 };

package/dist/components/Checkbox.js

@@ -15,5 +15,5 @@ export const Checkbox = ({ isActive = true, value, label, onToggle, ...props })
             onToggle(!value);
         }
     }, { isActive: isFocused && isActive });
-    return (_jsxs(Box, { ref: boxRef, ...props, children: [_jsx(Box, { width: 5, height: 3, flexShrink: 0, borderStyle: "round", borderColor: isFocused && isActive ? primary : "gray", children: value && (_jsx(Box, { width: 1, height: 1, marginLeft: 1, children: _jsx(Text, { color: isFocused && isActive ? primary : "gray", children: "X" }) })) }), _jsx(Box, { marginTop: 1, marginLeft: 1, children: _jsx(Text, { children: label }) })] }));
+    return (_jsxs(Box, { ref: boxRef, ...props, children: [_jsx(Box, { width: 5, height: 3, flexShrink: 0, borderStyle: "round", borderColor: isFocused && isActive ? primary : "#9f9f9f", children: value && (_jsx(Box, { width: 1, height: 1, marginLeft: 1, children: _jsx(Text, { color: isFocused && isActive ? primary : "#9f9f9f", children: "X" }) })) }), _jsx(Box, { marginTop: 1, marginLeft: 1, children: _jsx(Text, { children: label }) })] }));
 };

package/dist/components/TabButton.js

@@ -7,5 +7,5 @@ export const TabButton = ({ active, onClick, children, borderLess }) => {
     const id = useId();
     const boxRef = useRef(null);
     useMouseTarget(id, boxRef, { onClick });
-    return (_jsx(Box, { ref: boxRef, borderStyle: borderLess ? undefined : "round", borderColor: active ? primary : "gray", alignItems: "center", justifyContent: "center", paddingX: 1, children: _jsx(Text, { color: active ? "white" : "gray", children: children }) }));
+    return (_jsx(Box, { ref: boxRef, borderStyle: borderLess ? undefined : "round", borderColor: active ? primary : "#9f9f9f", alignItems: "center", justifyContent: "center", paddingX: 1, children: _jsx(Text, { color: active ? "white" : "#9f9f9f", children: children }) }));
 };

package/dist/components/TextInput.js

@@ -194,5 +194,5 @@ export const TextInput = ({ id, placeholder, value, isPassword, showPasswordOnFo
             }
         }
     }, { isActive: isFocused });
-    return (_jsx(Box, { ref: boxRef, borderStyle: "round", borderColor: isFocused ? primary : "gray", borderBottom: !inline, borderTop: !inline, borderLeft: !inline, borderRight: !inline, flexGrow: 1, flexShrink: 0, paddingX: inline ? 0 : 1, overflow: "hidden", minHeight: inline ? 1 : 3, ...props, children: _jsx(Text, { color: value ? "white" : "gray", children: displayValue }) }));
+    return (_jsx(Box, { ref: boxRef, borderStyle: "round", borderColor: isFocused ? primary : "#9f9f9f", borderBottom: !inline, borderTop: !inline, borderLeft: !inline, borderRight: !inline, flexGrow: 1, flexShrink: 0, paddingX: inline ? 0 : 1, overflow: "hidden", minHeight: inline ? 1 : 3, ...props, children: _jsx(Text, { color: value ? undefined : "#9f9f9f", children: displayValue }) }));
 };

package/dist/dashboard/DashboardView.js

@@ -60,6 +60,9 @@ export function DashboardView({ onLogout }) {
         }
         else {
             setFocusedComponent("detail");
+            if (focusedComponent !== "detail") {
+                setShowDetails(false);
+            }
         }
     });
     useEffect(() => {
@@ -74,7 +77,27 @@ export function DashboardView({ onLogout }) {
             await logout();
             return;
         }
-        if (input === "/" && focusedComponent !== "search") {
+        if (key.shift && key.rightArrow) {
+            setActiveTab((prev) => {
+                if (prev === "main")
+                    return "more";
+                if (prev === "more")
+                    return syncState?.collections?.length ? "collections" : "main";
+                return "main";
+            });
+            return;
+        }
+        if (key.shift && key.leftArrow) {
+            setActiveTab((prev) => {
+                if (prev === "main")
+                    return syncState?.collections?.length ? "collections" : "more";
+                if (prev === "more")
+                    return "main";
+                return "more";
+            });
+            return;
+        }
+        if (input === "/" && focusedComponent === "list") {
             setFocusedComponent("search");
             focus("search");
             return;
@@ -115,16 +138,23 @@ export function DashboardView({ onLogout }) {
         setShowDetails(true);
         setTimeout(focusNext, 50);
     }, [showDetails]);
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: stdout.rows - 1, children: [_jsx(Box, { borderStyle: "double", borderColor: primary, paddingX: 2, justifyContent: "center", flexShrink: 0, children: _jsx(Text, { bold: true, color: primary, children: "BiTTY" }) }), _jsxs(Box, { children: [_jsx(Box, { width: "40%", children: _jsx(TextInput, { id: "search", placeholder: focusedComponent === "search" ? "" : "[/] Search in vault", value: searchQuery, isActive: false, onChange: setSearchQuery, onSubmit: () => {
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: stdout.rows - 2, children: [_jsx(Box, { borderStyle: "double", borderColor: primary, paddingX: 2, justifyContent: "center", flexShrink: 0, children: _jsx(Text, { bold: true, color: primary, children: "BiTTY" }) }), _jsxs(Box, { children: [_jsx(Box, { width: "40%", children: _jsx(TextInput, { id: "search", placeholder: focusedComponent === "search" ? "" : "[/] Search in vault", value: searchQuery, isActive: false, onChange: setSearchQuery, onSubmit: () => {
                                 setFocusedComponent("list");
                                 focusNext();
-                            } }) }), _jsxs(Box, { width: "60%", paddingX: 1, justifyContent: "space-between", children: [statusMessage ? (_jsx(Box, { padding: 1, flexShrink: 1, children: _jsx(Text, { color: statusMessageColor, children: statusMessage }) })) : (_jsx(Box, {})), selectedCipher && (_jsxs(Box, { gap: 1, flexShrink: 0, children: [_jsx(TabButton, { active: activeTab === "main", onClick: () => setActiveTab("main"), children: "Main" }), _jsx(TabButton, { active: activeTab === "more", onClick: () => setActiveTab("more"), children: "More" }), !!syncState?.collections?.length && (_jsx(TabButton, { active: activeTab === "collections", onClick: () => setActiveTab("collections"), children: "Collections" }))] }))] })] }), _jsxs(Box, { minHeight: 20, flexGrow: 1, children: [_jsx(VaultList, { filteredCiphers: filteredCiphers, isFocused: ["list", "search"].includes(focusedComponent), selected: listIndex, onSelect: (index) => setListSelected(filteredCiphers[index] || null) }), _jsx(CipherDetail, { selectedCipher: showDetails ? selectedCipher : null, mode: detailMode, activeTab: activeTab, collections: writableCollections, organizations: organizations, isFocused: focusedComponent === "detail", onTypeChange: (type) => {
+                            } }) }), _jsxs(Box, { width: "60%", paddingX: 1, justifyContent: "space-between", children: [statusMessage ? (_jsx(Box, { padding: 1, flexShrink: 1, children: _jsx(Text, { color: statusMessageColor, children: statusMessage }) })) : (_jsx(Box, {})), selectedCipher && (_jsxs(Box, { gap: 1, flexShrink: 0, children: [_jsx(TabButton, { active: false, onClick: async () => {
+                                            await fetchSync();
+                                            showStatusMessage("Refreshed!", "success");
+                                        }, children: "\uD83D\uDD04" }), _jsx(TabButton, { active: activeTab === "main", onClick: () => setActiveTab("main"), children: "Main" }), _jsx(TabButton, { active: activeTab === "more", onClick: () => setActiveTab("more"), children: "More" }), !!syncState?.collections?.length && (_jsx(TabButton, { active: activeTab === "collections", onClick: () => setActiveTab("collections"), children: "Collections" }))] }))] })] }), _jsxs(Box, { minHeight: 20, flexGrow: 1, children: [_jsx(VaultList, { filteredCiphers: filteredCiphers, isFocused: ["list", "search"].includes(focusedComponent), selected: listIndex, onSelect: (index) => setListSelected(filteredCiphers[index] || null) }), _jsx(CipherDetail, { selectedCipher: showDetails ? selectedCipher : null, mode: detailMode, activeTab: activeTab, collections: writableCollections, organizations: organizations, isFocused: focusedComponent === "detail", onTypeChange: (type) => {
                             const fresh = createEmptyCipher(type);
                             fresh.name = editedCipher?.name ?? "";
                             fresh.notes = editedCipher?.notes ?? null;
                             fresh.collectionIds = editedCipher?.collectionIds ?? [];
                             fresh.organizationId = editedCipher?.organizationId ?? null;
                             setEditedCipher(fresh);
+                        }, onReset: async () => {
+                            bwClient.decryptedSyncCache = null;
+                            await fetchSync(false);
+                            showStatusMessage("Resetted!", "success");
                         }, onChange: (cipher) => {
                             if (detailMode === "new") {
                                 setEditedCipher(cipher);

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

@@ -1,7 +1,7 @@
 import { Cipher, CipherType, Collection } from "../../clients/bw.js";
 import { Organization } from "./MoreInfoTab.js";
 export type DetailTab = "main" | "more" | "collections";
-export declare function CipherDetail({ selectedCipher, isFocused, mode, activeTab, collections, organizations, onChange, onSave, onDelete, onTypeChange, }: {
+export declare function CipherDetail({ selectedCipher, isFocused, mode, activeTab, collections, organizations, onChange, onSave, onDelete, onReset, onTypeChange, }: {
     selectedCipher: Cipher | null | undefined;
     isFocused: boolean;
     mode: "view" | "new";
@@ -11,5 +11,6 @@ export declare function CipherDetail({ selectedCipher, isFocused, mode, activeTa
     onChange: (cipher: Cipher) => void;
     onSave: (cipher: Cipher) => void;
     onDelete: (cipher: Cipher) => void;
+    onReset: () => void;
     onTypeChange?: (type: CipherType) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/components/CipherDetail.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from "ink";
 import { primaryLight } from "../../theme/style.js";
 import { Button } from "../../components/Button.js";
 import { MoreInfoTab } from "./MoreInfoTab.js";
 import { MainTab } from "./MainTab.js";
 import { CollectionsTab } from "./CollectionsTab.js";
-export function CipherDetail({ selectedCipher, isFocused, mode, activeTab, collections, organizations, onChange, onSave, onDelete, onTypeChange, }) {
-    return (_jsx(Box, { flexDirection: "column", width: "60%", flexGrow: 1, paddingX: 1, borderStyle: "round", borderColor: isFocused ? primaryLight : "gray", borderLeftColor: "gray", children: selectedCipher && (_jsxs(Box, { flexDirection: "column", justifyContent: "space-between", flexGrow: 1, children: [activeTab === "more" ? (_jsx(MoreInfoTab, { isFocused: isFocused, selectedCipher: selectedCipher, organizations: organizations, onChange: onChange })) : activeTab === "collections" ? (_jsx(CollectionsTab, { isFocused: isFocused, selectedCipher: selectedCipher, collections: collections, onChange: onChange })) : (_jsx(MainTab, { isFocused: isFocused, selectedCipher: selectedCipher, mode: mode, onChange: onChange, onTypeChange: onTypeChange })), _jsxs(Box, { marginTop: 1, flexShrink: 0, gap: 1, children: [_jsx(Button, { doubleConfirm: true, width: "50%", isActive: isFocused, onClick: () => onSave(selectedCipher), children: "Save" }), mode !== "new" && (_jsx(Button, { tripleConfirm: true, width: "50%", isActive: isFocused, onClick: () => onDelete(selectedCipher), children: "Delete" }))] })] })) }));
+export function CipherDetail({ selectedCipher, isFocused, mode, activeTab, collections, organizations, onChange, onSave, onDelete, onReset, onTypeChange, }) {
+    return (_jsx(Box, { flexDirection: "column", width: "60%", flexGrow: 1, paddingX: 1, borderStyle: "round", borderColor: isFocused ? primaryLight : "#9f9f9f", borderLeftColor: "#9f9f9f", children: selectedCipher && (_jsxs(Box, { flexDirection: "column", justifyContent: "space-between", flexGrow: 1, children: [activeTab === "more" ? (_jsx(MoreInfoTab, { isFocused: isFocused, selectedCipher: selectedCipher, organizations: organizations, onChange: onChange })) : activeTab === "collections" ? (_jsx(CollectionsTab, { isFocused: isFocused, selectedCipher: selectedCipher, collections: collections, onChange: onChange })) : (_jsx(MainTab, { isFocused: isFocused, selectedCipher: selectedCipher, mode: mode, onChange: onChange, onTypeChange: onTypeChange })), _jsxs(Box, { marginTop: 1, flexShrink: 0, gap: 1, children: [_jsx(Button, { doubleConfirm: true, width: "49%", isActive: isFocused, onClick: () => onSave(selectedCipher), children: "Save" }), mode !== "new" && (_jsxs(_Fragment, { children: [_jsx(Button, { doubleConfirm: true, width: "25%", activeBorderColor: "yellow", isActive: isFocused, onClick: () => onReset(), children: "Reset" }), _jsx(Button, { tripleConfirm: true, width: "25%", activeBorderColor: "red", isActive: isFocused, onClick: () => onDelete(selectedCipher), children: "Delete" })] }))] })] })) }));
 }

package/dist/dashboard/components/CollectionsTab.js

@@ -15,7 +15,7 @@ export function CollectionsTab({ isFocused, selectedCipher, collections, onChang
         }
     }, { isActive: isFocused });
     if (!collections.length) {
-        return (_jsx(Box, { flexDirection: "column", height: stdout.rows - 18, children: _jsx(Text, { color: "gray", children: "No writable collections available." }) }));
+        return (_jsx(Box, { flexDirection: "column", height: stdout.rows - 18, children: _jsx(Text, { color: "#9f9f9f", children: "No writable collections available." }) }));
     }
     return (_jsx(Box, { flexDirection: "column", gap: 0, height: stdout.rows - 18, children: collections.map((col, idx) => {
             const checked = selected.includes(col.id);
@@ -43,6 +43,6 @@ export function CollectionsTab({ isFocused, selectedCipher, collections, onChang
                 onChange?.(!checked);
             }
         }, { isActive: isCursor });
-        return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { ref: checkRef, children: _jsx(Text, { color: isCursor ? "white" : "gray", bold: isCursor, children: checked ? "[x] " : "[ ] " }) }), _jsx(Box, { ref: labelRef, children: _jsx(Text, { color: isCursor ? "white" : "gray", children: col.name }) })] }, col.id));
+        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: col.name }) })] }, col.id));
     }
 }

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/MainTab.js

@@ -40,7 +40,7 @@ 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 : "gray", 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 }) })] }));
+    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("");
@@ -105,7 +105,7 @@ export function MainTab({ isFocused, selectedCipher, mode, onChange, onTypeChang
     }, [selectedCipher?.login?.totp]);
     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 : "gray", children: "Type:" }) }), [
+    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"],
@@ -113,10 +113,10 @@ export function MainTab({ isFocused, selectedCipher, mode, onChange, onTypeChang
                     ].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 : "gray", 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.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", width: 20, flexShrink: 0, children: [_jsx(Box, { flexShrink: 0, width: 12, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "gray", 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?.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,
@@ -125,7 +125,7 @@ export function MainTab({ isFocused, selectedCipher, mode, onChange, onTypeChang
                             ...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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", 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 : "gray", children: "Notes:" }) }), _jsx(Box, { flexGrow: 1, minHeight: 6, children: _jsx(TextInput, { multiline: true, maxLines: 5, isActive: isFocused, value: selectedCipher.notes ?? "", onChange: (value) => onChange({
+                }) })), 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.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useInput, useStdout } from "ink";
-import { useRef, useId, useState } from "react";
+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";
@@ -9,7 +9,21 @@ export function MoreInfoTab({ isFocused, selectedCipher, organizations, onChange
     const { stdout } = useStdout();
     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 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;
@@ -19,53 +33,61 @@ export function MoreInfoTab({ isFocused, selectedCipher, organizations, onChange
             setOrgCursor((c) => Math.min(orgOptions.length - 1, c + 1));
         else if (_input === " ") {
             const selected = orgOptions[orgCursor];
-            onChange({ ...selectedCipher, organizationId: selected?.id, collectionIds: [] });
+            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 : "gray", 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 : "gray", children: "TOTP:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, isPassword: true, showPasswordOnFocus: true, value: selectedCipher.login?.totp ?? "", onChange: (value) => onChange({
+    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 : "gray", children: "Organization:" }), orgOptions.map((opt, idx) => {
+                            }) }) })] })), 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 : "gray", children: "Organization:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { color: "gray", children: organizations.find((o) => o.id === selectedCipher.organizationId)?.name ?? selectedCipher.organizationId }) })] })), !!selectedCipher.folderId && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 18, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", 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 : "gray", children: "Address:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.address1 ?? "", onChange: (value) => onChange({
+                        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 : "gray", children: "City:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.city ?? "", onChange: (value) => onChange({
+                                    }) }) })] }), _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 : "gray", children: "State:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.state ?? "", onChange: (value) => onChange({
+                                    }) }) })] }), _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 : "gray", children: "Postal Code:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.postalCode ?? "", onChange: (value) => onChange({
+                                            }) }) })] }), _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 : "gray", children: "Country:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.country ?? "", onChange: (value) => onChange({
+                                            }) }) })] })] }), _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 : "gray", children: "License:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.licenseNumber ?? "", onChange: (value) => onChange({
+                                            }) }) })] }), _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 : "gray", children: "SSN:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, isPassword: true, showPasswordOnFocus: true, value: selectedCipher.identity?.ssn ?? "", onChange: (value) => onChange({
+                                            }) }) })] })] }), _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 : "gray", children: "Passport:" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.identity?.passportNumber ?? "", onChange: (value) => onChange({
+                                            }) }) })] }), _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 : "gray", 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 : "gray", 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 : "gray", children: [field.name || idx, ":"] }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: field.value ?? "", onChange: (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, 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,
@@ -89,5 +111,5 @@ function OrgCheckbox({ label, isCursor, checked, onChange, onFocus, }) {
             onChange();
         }
     }, { isActive: isCursor });
-    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { ref: checkRef, children: _jsx(Text, { color: isCursor ? "white" : "gray", bold: isCursor, children: checked ? "[x] " : "[ ] " }) }), _jsx(Box, { ref: labelRef, children: _jsx(Text, { color: isCursor ? "white" : "gray", children: label }) })] }));
+    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/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);

package/dist/login/LoginView.js

@@ -59,6 +59,9 @@ export function LoginView({ onLogin }) {
                     }
                     if (data.TwoFactorProviders) {
                         const providers = data.TwoFactorProviders;
+                        if (mfaParams) {
+                            showStatusMessage("Invalid MFA code, please try again.", "error");
+                        }
                         if (providers.length === 1) {
                             setMfaParams({
                                 twoFactorProvider: providers[0],
@@ -67,9 +70,13 @@ export function LoginView({ onLogin }) {
                         else if (providers.length > 1) {
                             setAskMfa(providers);
                         }
+                        return;
                     }
                     else if (data.TwoFactorProviders2) {
                         const providers = Object.keys(data.TwoFactorProviders2);
+                        if (mfaParams) {
+                            showStatusMessage("Invalid MFA code, please try again.", "error");
+                        }
                         if (providers.length === 1) {
                             setMfaParams({
                                 twoFactorProvider: providers[0],
@@ -78,6 +85,7 @@ export function LoginView({ onLogin }) {
                         else if (providers.length > 1) {
                             setAskMfa(providers);
                         }
+                        return;
                     }
                 }
                 else {
@@ -162,7 +170,7 @@ export function LoginView({ onLogin }) {
                                 showStatusMessage("Failed to resend MFA code.", "error");
                             });
                             setResendTimeout(30);
-                        }, children: "Resend Code" }))] })) : (_jsxs(Box, { flexDirection: "column", width: "50%", children: [_jsx(TextInput, { placeholder: "Server URL", value: url, onChange: setUrl }), _jsx(TextInput, { autoFocus: true, placeholder: "Email address", value: email, onChange: setEmail }), _jsx(TextInput, { placeholder: "Master password", value: password, onChange: setPassword, onSubmit: () => {
+                        }, children: "Resend Code" })), statusMessage && (_jsx(Box, { marginTop: 1, width: "100%", justifyContent: "center", children: _jsx(Text, { color: statusMessageColor, children: statusMessage }) }))] })) : (_jsxs(Box, { flexDirection: "column", width: "50%", children: [_jsx(TextInput, { placeholder: "Server URL", value: url, onChange: setUrl }), _jsx(TextInput, { autoFocus: true, placeholder: "Email address", value: email, onChange: setEmail }), _jsx(TextInput, { placeholder: "Master password", value: password, onChange: setPassword, onSubmit: () => {
                             if (email?.length && password?.length) {
                                 handleLogin();
                             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bitty-tui",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "license": "MIT",
   "repository": "https://github.com/mceck/bitty",
   "keywords": [

package/readme.md

@@ -23,9 +23,6 @@ Works also with Vaultwarden.
 
 If you check "Remember me" during login, your vault encryption keys will be stored in plain text in your home folder (`$HOME/.config/bitty/config.json`). Use this option only if you are the only user of your machine.
 
-## TODO
-
-- Test Fido, Duo MFA support
 
 ## Acknowledgments
 - [Bitwarden whitepaper](https://bitwarden.com/help/bitwarden-security-white-paper)