Release v0.0.7 - Identity list UI redesign with avatars

- Redesign identities list to show avatar and display name from Nostr profile
- Replace star icon selection with clickable row for identity switching
- Add gear icon for direct access to identity settings
- Highlight selected identity with primary color border
- Remove credits box from information tab
- Add rebuild instruction to CLAUDE.md
- Clean up unused imports in info components
- Replace HTML autofocus with programmatic focus for accessibility

Files modified:
- CLAUDE.md
- package.json
- projects/chrome/src/app/components/home/identities/*
- projects/chrome/src/app/components/home/info/*
- projects/chrome/src/app/components/vault-login/*
- projects/firefox/src/app/components/home/identities/*
- projects/firefox/src/app/components/home/info/*
- projects/firefox/src/app/components/vault-login/*

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2025-12-19 09:07:36 +01:00
parent 578f3e08ff
commit 1491ac13af
18 changed files with 208 additions and 191 deletions

View File

@@ -1,4 +1,4 @@
import { Component, inject } from '@angular/core';
import { AfterViewInit, Component, ElementRef, inject, ViewChild } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { Router } from '@angular/router';
import {
@@ -16,7 +16,9 @@ import { getNewStorageServiceConfig } from '../../common/data/get-new-storage-se
styleUrl: './vault-login.component.scss',
imports: [FormsModule, ConfirmComponent],
})
export class VaultLoginComponent {
export class VaultLoginComponent implements AfterViewInit {
@ViewChild('passwordInputElement') passwordInput!: ElementRef<HTMLInputElement>;
loginPassword = '';
showInvalidPasswordAlert = false;
@@ -25,6 +27,10 @@ export class VaultLoginComponent {
readonly #startup = inject(StartupService);
readonly #profileMetadata = inject(ProfileMetadataService);
ngAfterViewInit() {
this.passwordInput.nativeElement.focus();
}
toggleType(element: HTMLInputElement) {
if (element.type === 'password') {
element.type = 'text';