bitty-tui 0.0.18 → 0.0.19

package/dist/clients/bw.d.ts

@@ -45,7 +45,7 @@ export interface Cipher {
     type: CipherType;
     key?: string | null;
     folderId?: string | null;
-    organizationId: string | null;
+    organizationId?: string | null;
     collectionIds?: string[] | null;
     deletedDate: string | null;
     name: string;
@@ -63,6 +63,14 @@ export interface Cipher {
         totp?: string | null;
         currentTotp?: string | null;
     };
+    card?: {
+        cardholderName: string | null;
+        brand: string | null;
+        number: string | null;
+        expMonth: string | null;
+        expYear: string | null;
+        code: string | null;
+    };
     identity?: {
         address1: string | null;
         address2: string | null;
@@ -94,6 +102,12 @@ export interface Cipher {
         type: number;
     }[];
 }
+export interface Collection {
+    id: string;
+    organizationId: string;
+    name: string;
+    readOnly: boolean;
+}
 export type CipherDto = Omit<Cipher, "id" | "data">;
 export declare enum KdfType {
     PBKDF2 = 0,
@@ -101,6 +115,7 @@ export declare enum KdfType {
 }
 export interface SyncResponse {
     ciphers: Cipher[];
+    collections?: Collection[];
     profile?: {
         organizations?: {
             id: string;
@@ -184,6 +199,9 @@ export declare class Client {
     createSecret(obj: CipherDto): Promise<any>;
     objectDiff(obj1: any, obj2: any): any;
     updateSecret(id: string, patch: Partial<CipherDto>): Promise<any>;
+    deleteSecret(id: string): Promise<void>;
+    shareCipher(id: string, cipher: Partial<CipherDto>, collectionIds: string[]): Promise<any>;
+    updateCollections(id: string, collectionIds: string[]): Promise<any>;
     encrypt(value: string | null, key?: any): string;
     decrypt(value: string | null | undefined, key?: any): string | null | undefined;
     encryptCipher(obj: Partial<CipherDto>, key?: any): {
@@ -208,6 +226,14 @@ export declare class Client {
             totp?: string | null;
             currentTotp?: string | null;
         } | undefined;
+        card?: {
+            cardholderName: string | null;
+            brand: string | null;
+            number: string | null;
+            expMonth: string | null;
+            expYear: string | null;
+            code: string | null;
+        } | undefined;
         identity?: {
             address1: string | null;
             address2: string | null;

package/dist/clients/bw.js

@@ -504,6 +504,13 @@ export class Client {
         }
         this.decryptedSyncCache = {
             ...this.syncCache,
+            collections: this.syncCache.collections?.map((col) => {
+                const orgKey = this.orgKeys[col.organizationId];
+                return {
+                    ...col,
+                    name: orgKey ? this.decrypt(col.name, orgKey) ?? col.name : col.name,
+                };
+            }),
             ciphers: this.syncCache.ciphers.map((cipher) => {
                 const key = this.getDecryptionKey(cipher);
                 const ret = JSON.parse(JSON.stringify(cipher));
@@ -555,6 +562,17 @@ export class Client {
                             this.decrypt(cipher.identity.username, key),
                     };
                 }
+                if (cipher.card) {
+                    ret.card = {
+                        cardholderName: cipher.card.cardholderName &&
+                            this.decrypt(cipher.card.cardholderName, key),
+                        brand: cipher.card.brand && this.decrypt(cipher.card.brand, key),
+                        number: cipher.card.number && this.decrypt(cipher.card.number, key),
+                        expMonth: cipher.card.expMonth && this.decrypt(cipher.card.expMonth, key),
+                        expYear: cipher.card.expYear && this.decrypt(cipher.card.expYear, key),
+                        code: cipher.card.code && this.decrypt(cipher.card.code, key),
+                    };
+                }
                 if (cipher.sshKey) {
                     ret.sshKey = {
                         keyFingerprint: cipher.sshKey.keyFingerprint &&
@@ -602,13 +620,21 @@ export class Client {
     }
     async createSecret(obj) {
         const key = this.getDecryptionKey(obj);
-        const s = await fetchApi(`${this.apiUrl}/ciphers`, {
+        const encrypted = this.encryptCipher(obj, key);
+        const hasCollections = obj.collectionIds?.length;
+        const url = hasCollections
+            ? `${this.apiUrl}/ciphers/create`
+            : `${this.apiUrl}/ciphers`;
+        const body = hasCollections
+            ? { cipher: encrypted, collectionIds: obj.collectionIds }
+            : encrypted;
+        const s = await fetchApi(url, {
             method: "POST",
             headers: {
                 Authorization: `Bearer ${this.token}`,
                 "Content-Type": "application/json",
             },
-            body: JSON.stringify(this.encryptCipher(obj, key)),
+            body: JSON.stringify(body),
         });
         return s.json();
     }
@@ -661,6 +687,60 @@ export class Client {
         this.syncCache = null;
         return s.json();
     }
+    async deleteSecret(id) {
+        await this.checkToken();
+        await fetchApi(`${this.apiUrl}/ciphers/${id}`, {
+            method: "DELETE",
+            headers: {
+                Authorization: `Bearer ${this.token}`,
+            },
+        });
+        this.decryptedSyncCache = null;
+        this.syncCache = null;
+    }
+    async shareCipher(id, cipher, collectionIds) {
+        if (!collectionIds.length) {
+            throw new Error("At least one collection is required to share a cipher");
+        }
+        await this.getDecryptedSync();
+        const original = this.syncCache?.ciphers.find((c) => c.id === id);
+        if (!original) {
+            throw new Error("Secret not found in cache. Please sync first.");
+        }
+        const key = this.getDecryptionKey(cipher);
+        const encrypted = this.encryptCipher(cipher, key);
+        const data = this.patchObject(original, encrypted);
+        data.data = undefined;
+        await this.checkToken();
+        const s = await fetchApi(`${this.apiUrl}/ciphers/${id}/share`, {
+            method: "PUT",
+            headers: {
+                Authorization: `Bearer ${this.token}`,
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ cipher: data, collectionIds }),
+        });
+        this.decryptedSyncCache = null;
+        this.syncCache = null;
+        return s.json();
+    }
+    async updateCollections(id, collectionIds) {
+        if (!collectionIds.length) {
+            return;
+        }
+        await this.checkToken();
+        const s = await fetchApi(`${this.apiUrl}/ciphers/${id}/collections_v2`, {
+            method: "PUT",
+            headers: {
+                Authorization: `Bearer ${this.token}`,
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ collectionIds }),
+        });
+        this.decryptedSyncCache = null;
+        this.syncCache = null;
+        return s.json();
+    }
     encrypt(value, key) {
         if (!value)
             return value;
@@ -752,6 +832,28 @@ export class Client {
                     : ret.identity.username,
             };
         }
+        if (ret.card) {
+            ret.card = {
+                cardholderName: ret.card.cardholderName
+                    ? this.encrypt(ret.card.cardholderName, key)
+                    : ret.card.cardholderName,
+                brand: ret.card.brand
+                    ? this.encrypt(ret.card.brand, key)
+                    : ret.card.brand,
+                number: ret.card.number
+                    ? this.encrypt(ret.card.number, key)
+                    : ret.card.number,
+                expMonth: ret.card.expMonth
+                    ? this.encrypt(ret.card.expMonth, key)
+                    : ret.card.expMonth,
+                expYear: ret.card.expYear
+                    ? this.encrypt(ret.card.expYear, key)
+                    : ret.card.expYear,
+                code: ret.card.code
+                    ? this.encrypt(ret.card.code, key)
+                    : ret.card.code,
+            };
+        }
         if (ret.login) {
             ret.login = {
                 ...ret.login,
@@ -761,6 +863,9 @@ export class Client {
                 password: ret.login.password
                     ? this.encrypt(ret.login.password, key)
                     : ret.login.password,
+                totp: ret.login.totp
+                    ? this.encrypt(ret.login.totp, key)
+                    : ret.login.totp,
                 uri: ret.login.uri ? this.encrypt(ret.login.uri, key) : ret.login.uri,
                 uris: ret.login.uris?.map((uri) => ({
                     uri: uri.uri ? this.encrypt(uri.uri, key) : uri.uri,

package/dist/components/Button.d.ts

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

package/dist/components/Button.js

@@ -3,22 +3,33 @@ 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, onClick, children, autoFocus = false, ...props }) => {
+export const Button = ({ isActive = true, doubleConfirm, tripleConfirm, onClick, children, autoFocus = false, ...props }) => {
     const generatedId = useId();
     const { isFocused } = useFocus({ id: generatedId, autoFocus: autoFocus });
     const [askConfirm, setAskConfirm] = useState(false);
+    const [ask2Confirm, setAsk2Confirm] = useState(false);
     const timeoutRef = useRef(null);
     const boxRef = useRef(null);
     const handlePress = () => {
         if (timeoutRef.current)
             clearTimeout(timeoutRef.current);
-        if (doubleConfirm && !askConfirm) {
+        if ((doubleConfirm || tripleConfirm) && !askConfirm) {
             setAskConfirm(true);
             timeoutRef.current = setTimeout(() => setAskConfirm(false), 1000);
             return;
         }
+        if (tripleConfirm && !ask2Confirm) {
+            setAsk2Confirm(true);
+            timeoutRef.current = setTimeout(() => {
+                setAskConfirm(false);
+                setAsk2Confirm(false);
+            }, 1000);
+            return;
+        }
         if (askConfirm)
             setAskConfirm(false);
+        if (ask2Confirm)
+            setAsk2Confirm(false);
         onClick();
     };
     useMouseTarget(generatedId, boxRef, { onClick: handlePress });
@@ -26,5 +37,11 @@ export const Button = ({ isActive = true, doubleConfirm, onClick, children, auto
         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 ? (askConfirm ? "yellow" : "white") : "gray", children: askConfirm ? "Confirm?" : children }) }));
+    return (_jsx(Box, { ref: boxRef, borderStyle: "round", borderColor: isFocused && isActive ? primary : "gray", 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 }) }));
 };

package/dist/components/TabButton.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+type Props = {
+    active?: boolean;
+    onClick: () => void;
+    children: ReactNode;
+    borderLess?: boolean;
+};
+export declare const TabButton: ({ active, onClick, children, borderLess }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TabButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, Box } from "ink";
+import { useId, useRef } from "react";
+import { primary } from "../theme/style.js";
+import { useMouseTarget } from "../hooks/use-mouse.js";
+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 }) }));
+};

package/dist/dashboard/DashboardView.js

@@ -6,9 +6,10 @@ import { VaultList } from "./components/VaultList.js";
 import { CipherDetail } from "./components/CipherDetail.js";
 import { HelpBar } from "./components/HelpBar.js";
 import { primary } from "../theme/style.js";
-import { bwClient, clearConfig, emptyCipher, useBwSync } from "../hooks/bw.js";
+import { bwClient, clearConfig, createEmptyCipher, emptyCipher, useBwSync } from "../hooks/bw.js";
 import { useStatusMessage } from "../hooks/status-message.js";
 import { useMouseSubscribe } from "../hooks/use-mouse.js";
+import { TabButton } from "../components/TabButton.js";
 export function DashboardView({ onLogout }) {
     const { sync, error, fetchSync } = useBwSync();
     const [syncState, setSyncState] = useState(sync);
@@ -18,6 +19,7 @@ export function DashboardView({ onLogout }) {
     const [focusedComponent, setFocusedComponent] = useState("list");
     const [detailMode, setDetailMode] = useState("view");
     const [editedCipher, setEditedCipher] = useState(null);
+    const [activeTab, setActiveTab] = useState("main");
     const { focus, focusNext } = useFocusManager();
     const { stdout } = useStdout();
     const { statusMessage, statusMessageColor, showStatusMessage } = useStatusMessage();
@@ -42,6 +44,8 @@ export function DashboardView({ onLogout }) {
         return i < 0 ? 0 : i;
     }, [listSelected, filteredCiphers]);
     const selectedCipher = detailMode === "new" ? editedCipher : filteredCiphers[listIndex];
+    const writableCollections = useMemo(() => (syncState?.collections ?? []).filter((c) => !c.readOnly && c.organizationId === selectedCipher?.organizationId), [syncState, editedCipher, filteredCiphers[listIndex]]);
+    const organizations = useMemo(() => (syncState?.profile?.organizations ?? []).map(({ id, name }) => ({ id, name })), [syncState]);
     const logout = async () => {
         bwClient.logout();
         await clearConfig();
@@ -79,12 +83,14 @@ export function DashboardView({ onLogout }) {
             setDetailMode("new");
             setEditedCipher(emptyCipher);
             setFocusedComponent("detail");
+            setActiveTab("main");
             setShowDetails(false);
             return;
         }
         if (key.escape) {
             setFocusedComponent("list");
             setDetailMode("view");
+            setActiveTab("main");
         }
         if (focusedComponent === "search") {
             if (key.escape && searchQuery?.length) {
@@ -112,22 +118,46 @@ export function DashboardView({ onLogout }) {
     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: () => {
                                 setFocusedComponent("list");
                                 focusNext();
-                            } }) }), statusMessage && (_jsx(Box, { width: "60%", padding: 1, children: _jsx(Text, { color: statusMessageColor, children: statusMessage }) }))] }), _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, isFocused: focusedComponent === "detail", onChange: (cipher) => {
+                            } }) }), _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) => {
+                            const fresh = createEmptyCipher(type);
+                            fresh.name = editedCipher?.name ?? "";
+                            fresh.notes = editedCipher?.notes ?? null;
+                            fresh.collectionIds = editedCipher?.collectionIds ?? [];
+                            fresh.organizationId = editedCipher?.organizationId ?? null;
+                            setEditedCipher(fresh);
+                        }, onChange: (cipher) => {
                             if (detailMode === "new") {
                                 setEditedCipher(cipher);
                                 return;
                             }
                             const updatedCiphers = syncState?.ciphers.map((c) => c.id === cipher.id ? cipher : c);
                             setSyncState((prev) => ({ ...prev, ciphers: updatedCiphers }));
+                        }, onDelete: async (cipher) => {
+                            showStatusMessage("Deleting...");
+                            try {
+                                await bwClient.deleteSecret(cipher.id);
+                                fetchSync();
+                                showStatusMessage("Deleted!", "success");
+                                setFocusedComponent("list");
+                                setActiveTab("main");
+                            }
+                            catch (e) {
+                                showStatusMessage("Delete error", "error");
+                            }
                         }, onSave: async (cipher) => {
                             showStatusMessage("Saving...");
                             if (detailMode === "new") {
                                 try {
+                                    if (cipher.organizationId && !cipher.collectionIds?.length) {
+                                        showStatusMessage("Select at least one collection", "error");
+                                        return;
+                                    }
                                     await bwClient.createSecret(cipher);
                                     fetchSync();
                                     showStatusMessage("Saved!", "success");
                                     setDetailMode("view");
                                     setFocusedComponent("list");
+                                    setActiveTab("main");
                                 }
                                 catch (e) {
                                     showStatusMessage("Synchronization error", "error");
@@ -135,14 +165,37 @@ export function DashboardView({ onLogout }) {
                             }
                             else {
                                 try {
+                                    const original = sync?.ciphers.find((c) => c.id === cipher.id);
+                                    const originalOrgId = original?.organizationId ?? null;
+                                    const originalCollections = original?.collectionIds ?? [];
+                                    const newCollections = [...cipher.collectionIds ?? []];
+                                    // Sharing: personal cipher being assigned to an org
+                                    if (!originalOrgId && cipher.organizationId) {
+                                        if (!newCollections.length) {
+                                            showStatusMessage("Select at least one collection to share", "error");
+                                            return;
+                                        }
+                                        await bwClient.shareCipher(cipher.id, cipher, newCollections);
+                                        fetchSync();
+                                        showStatusMessage("Shared!", "success");
+                                        setFocusedComponent("list");
+                                        setActiveTab("main");
+                                        return;
+                                    }
                                     const updated = await bwClient.updateSecret(cipher.id, cipher);
-                                    if (!updated) {
+                                    const collectionsChanged = originalCollections.length !== newCollections.length ||
+                                        originalCollections.some((id) => !newCollections.includes(id));
+                                    if (collectionsChanged) {
+                                        await bwClient.updateCollections(cipher.id, newCollections);
+                                    }
+                                    if (!updated && !collectionsChanged) {
                                         showStatusMessage("Nothing to save");
                                         return;
                                     }
                                     fetchSync();
                                     showStatusMessage("Saved!", "success");
                                     setFocusedComponent("list");
+                                    setActiveTab("main");
                                 }
                                 catch (e) {
                                     showStatusMessage("Synchronization error", "error");

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

@@ -1,8 +1,15 @@
-import { Cipher } from "../../clients/bw.js";
-export declare function CipherDetail({ selectedCipher, isFocused, mode, onChange, onSave, }: {
+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, }: {
     selectedCipher: Cipher | null | undefined;
     isFocused: boolean;
     mode: "view" | "new";
+    activeTab: DetailTab;
+    collections: Collection[];
+    organizations: Organization[];
     onChange: (cipher: Cipher) => void;
     onSave: (cipher: Cipher) => void;
+    onDelete: (cipher: Cipher) => void;
+    onTypeChange?: (type: CipherType) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/components/CipherDetail.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from "ink";
 import { primaryLight } from "../../theme/style.js";
-import { CipherType } from "../../clients/bw.js";
 import { Button } from "../../components/Button.js";
-import { useState } from "react";
 import { MoreInfoTab } from "./MoreInfoTab.js";
 import { MainTab } from "./MainTab.js";
-export function CipherDetail({ selectedCipher, isFocused, mode, onChange, onSave, }) {
-    const [isMoreInfoTab, setIsMoreInfoTab] = useState(false);
-    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: [isMoreInfoTab ? (_jsx(MoreInfoTab, { isFocused: isFocused, selectedCipher: selectedCipher, onChange: onChange })) : (_jsx(MainTab, { isFocused: isFocused, selectedCipher: selectedCipher, onChange: onChange })), _jsxs(Box, { marginTop: 1, flexShrink: 0, gap: 1, children: [mode !== "new" && (_jsx(Button, { width: "50%", isActive: isFocused, onClick: () => setIsMoreInfoTab(!isMoreInfoTab), children: "More" })), selectedCipher.type !== CipherType.SSHKey && (_jsx(Button, { doubleConfirm: true, width: "50%", isActive: isFocused, onClick: () => onSave(selectedCipher), children: "Save" }))] })] })) }));
+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" }))] })] })) }));
 }

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

@@ -0,0 +1,7 @@
+import { Cipher, Collection } from "../../clients/bw.js";
+export declare function CollectionsTab({ isFocused, selectedCipher, collections, onChange, }: {
+    isFocused: boolean;
+    selectedCipher: Cipher;
+    collections: Collection[];
+    onChange: (cipher: Cipher) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/dashboard/components/CollectionsTab.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput, useStdout } from "ink";
+import { useId, useRef, useState } from "react";
+import { useMouseTarget } from "../../hooks/use-mouse.js";
+export function CollectionsTab({ isFocused, selectedCipher, collections, onChange, }) {
+    const { stdout } = useStdout();
+    const [cursor, setCursor] = useState(0);
+    const selected = selectedCipher.collectionIds ?? [];
+    useInput((_input, key) => {
+        if (key.upArrow) {
+            setCursor((c) => Math.max(0, c - 1));
+        }
+        else if (key.downArrow) {
+            setCursor((c) => Math.min(collections.length - 1, c + 1));
+        }
+    }, { 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", gap: 0, height: stdout.rows - 18, children: collections.map((col, idx) => {
+            const checked = selected.includes(col.id);
+            const isCursor = cursor === idx && isFocused;
+            return (_jsx(CollectionCheckbox, { col: col, isCursor: isCursor, checked: checked, onFocus: () => setCursor(idx), onChange: (checked) => onChange({
+                    ...selectedCipher,
+                    collectionIds: checked
+                        ? [...selected, col.id]
+                        : selected.filter((id) => id !== col.id),
+                }) }, col.id));
+        }) }));
+    function CollectionCheckbox({ col, isCursor, checked, onChange, onFocus, }) {
+        const checkRef = useRef(null);
+        const labelRef = useRef(null);
+        const checkId = useId();
+        const labelId = useId();
+        useMouseTarget(checkId, checkRef, {
+            onClick: () => onChange?.(!checked),
+        });
+        useMouseTarget(labelId, labelRef, {
+            onClick: () => onFocus?.(),
+        });
+        useInput((input) => {
+            if (input === " ") {
+                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));
+    }
+}

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 : "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 }) })] }));
+}
+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 : "gray", 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 : "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,
                                         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 : "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: {
+                        ...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 : "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,
                                 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,71 @@
 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 } 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 }))] : [];
+    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 : "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({
+                                ...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) => {
+                        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({
+                                        ...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({
+                                        ...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({
+                                                ...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({
+                                                ...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({
+                                                ...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({
+                                                ...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({
+                                                ...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({
+                                                ...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) => {
                                         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 : "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) => {
                                     const newUris = selectedCipher.login?.uris?.map((u, i) => i === idx ? { ...u, uri: value } : u);
                                     onChange({
                                         ...selectedCipher,
@@ -16,3 +73,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" : "gray", bold: isCursor, children: checked ? "[x] " : "[ ] " }) }), _jsx(Box, { ref: labelRef, children: _jsx(Text, { color: isCursor ? "white" : "gray", children: label }) })] }));
+}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bitty-tui",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "license": "MIT",
   "repository": "https://github.com/mceck/bitty",
   "keywords": [
@@ -31,9 +31,9 @@
   "dependencies": {
     "argon2": "^0.44.0",
     "chalk": "^5.6.2",
-    "clipboardy": "^4.0.0",
+    "clipboardy": "^5.3.1",
     "ink": "^6.3.0",
-    "otplib": "^12.0.1",
+    "otplib": "^13.3.0",
     "react": "^19.1.0",
     "read-package-up": "^12.0.0"
   },

package/readme.md

@@ -25,10 +25,7 @@ If you check "Remember me" during login, your vault encryption keys will be stor
 
 ## TODO
 
-- Collections support
 - Test Fido, Duo MFA support
-- Handle more fields editing
-- Handle creating different cipher types
 
 ## Acknowledgments
 - [Bitwarden whitepaper](https://bitwarden.com/help/bitwarden-security-white-paper)