586e2ab23f
- Add Dev Mode toggle to settings that persists in vault metadata - Add test permission prompt button (✨) to all page headers when dev mode enabled - Move devMode and onTestPrompt to NavComponent base class for inheritance - Refactor all home components to extend NavComponent - Simplify permission prompt layout: remove duplicate domain from header - Convert permission descriptions to flowing single paragraphs - Update header-buttons styling for consistent lock/magic button layout Files modified: - projects/common/src/lib/common/nav-component.ts (devMode, onTestPrompt) - projects/common/src/lib/services/storage/types.ts (devMode property) - projects/common/src/lib/services/storage/signer-meta-handler.ts (setDevMode) - projects/common/src/lib/styles/_common.scss (header-buttons styling) - projects/*/src/app/components/home/*/settings.component.* (dev mode UI) - projects/*/src/app/components/home/*/*.component.* (extend NavComponent) - projects/*/public/prompt.html (simplified layout) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
31 lines
1.0 KiB
HTML
31 lines
1.0 KiB
HTML
<div class="sam-text-header">
|
|
<div class="header-buttons">
|
|
<button class="header-btn" title="Lock" (click)="onClickLock()">
|
|
<span class="emoji">🔒</span>
|
|
</button>
|
|
@if (devMode) {
|
|
<button class="header-btn" title="Test Permission Prompt" (click)="onTestPrompt()">
|
|
<span class="emoji">✨</span>
|
|
</button>
|
|
}
|
|
</div>
|
|
<span>Logs</span>
|
|
<div class="logs-actions">
|
|
<button class="btn btn-sm btn-secondary" title="Refresh logs" (click)="onRefresh()">Refresh</button>
|
|
<button class="btn btn-sm btn-secondary" title="Clear logs" (click)="onClear()">Clear</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logs-container">
|
|
@if (logs.length === 0) {
|
|
<div class="logs-empty">No activity logged yet</div>
|
|
}
|
|
@for (log of logs; track log.timestamp) {
|
|
<div class="log-entry" [class]="getLevelClass(log.level)">
|
|
<span class="log-icon emoji">{{ log.icon }}</span>
|
|
<span class="log-time">{{ log.timestamp | date:'HH:mm:ss' }}</span>
|
|
<span class="log-message">{{ log.message }}</span>
|
|
</div>
|
|
}
|
|
</div>
|