-
-
-
setItem({ ...item, Name: e.target.value })}
- placeholder={t('credentials.itemName')}
- className={`w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:text-white ${folders.length > 0 ? 'pr-28' : ''}`}
- required
- />
- {/* Folder Button inside input */}
- {folders.length > 0 && (
-
- )}
+ {/* Item Name and Header fields block */}
+
+
+
+
+
setItem({ ...item, Name: e.target.value })}
+ placeholder={t('credentials.itemName')}
+ className={`w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:text-white ${folders.length > 0 ? 'pr-28' : ''}`}
+ required
+ />
+ {/* Folder Button inside input */}
+ {folders.length > 0 && (
+
+ )}
+
+ {/* Primary fields (like URL) shown below name */}
+ {primaryFields.map(field => (
+
+ {renderFieldInput(
+ field.FieldKey,
+ field.Label,
+ field.FieldType,
+ field.IsHidden,
+ field.IsMultiValue
+ )}
+
+ ))}
{/* Render fields grouped by category */}
@@ -986,13 +1101,13 @@ const ItemAddEdit: React.FC = () => {
)}
- {/* Notes Section - Hidden by default in create mode, with remove button */}
- {notesField && (showNotes || isEditMode || fieldValues['login.notes']) && (
+ {/* Notes Section - Hidden by default in create mode, with remove button if optional */}
+ {notesField && (showNotes || isEditMode || fieldValues['metadata.notes']) && (
{t('credentials.notes')}
- {/* Remove button for notes in create mode */}
- {!isEditMode && (
+ {/* Remove button for notes in create mode - only if notes is optional (not shown by default) */}
+ {!isEditMode && !shouldShowFieldByDefault(notesField) && (
)}
- {/* Dedicated "Add Alias" button - highlighted as core feature */}
- {showAddAliasButton && (
-
- )}
-
{/* Generic + button with dropdown menu for Notes and Custom Fields */}
)}
-
+
);
};
diff --git a/apps/browser-extension/src/entrypoints/popup/pages/credentials/ItemTypeSelector.tsx b/apps/browser-extension/src/entrypoints/popup/pages/credentials/ItemTypeSelector.tsx
index 7823c3138..9a5499730 100644
--- a/apps/browser-extension/src/entrypoints/popup/pages/credentials/ItemTypeSelector.tsx
+++ b/apps/browser-extension/src/entrypoints/popup/pages/credentials/ItemTypeSelector.tsx
@@ -29,6 +29,15 @@ const ITEM_TYPE_OPTIONS: ItemTypeOption[] = [
)
},
+ {
+ type: 'Alias',
+ titleKey: 'itemTypes.alias.title',
+ iconSvg: (
+