Invalid URL display, password mismatch hint

- Invalid URL error shows in preview-styled box instead of alongside
  format picker. Options panel hidden when URL is invalid.
- Password mismatch warning ('Passwords don't match') shown live
  below confirm field when values differ.
This commit is contained in:
xpltd 2026-03-19 05:42:53 -05:00
parent 3d778246ca
commit 74ff9d3c08
2 changed files with 20 additions and 3 deletions

View file

@ -339,6 +339,12 @@ function formatFilesize(bytes: number | null): string {
class="settings-input"
@keydown.enter="changePassword"
/>
<span
v-if="confirmPassword && newPassword && confirmPassword !== newPassword"
class="password-mismatch"
>
Passwords don't match
</span>
</div>
<div class="settings-actions" style="margin-top: var(--space-sm);">
<button
@ -618,6 +624,11 @@ h3 {
font-weight: 500;
}
.password-mismatch {
color: var(--color-warning);
font-size: var(--font-size-sm);
}
/* Expandable session rows */
.session-row.clickable {
cursor: pointer;

View file

@ -393,7 +393,8 @@ function formatTooltip(fmt: string): string {
</div>
</div>
<div v-if="analyzeError" class="extract-error">
<!-- Error feedback shown in preview area style -->
<div v-if="analyzeError && !isAnalyzing" class="url-preview error-preview">
{{ analyzeError }}
</div>
@ -405,9 +406,9 @@ function formatTooltip(fmt: string): string {
{{ store.submitError }}
</div>
<!-- Collapsible options panel -->
<!-- Collapsible options panel (hidden when URL is invalid) -->
<Transition name="options-slide">
<div v-if="showOptions" class="options-panel">
<div v-if="showOptions && !analyzeError" class="options-panel">
<!-- Output format selector -->
<div class="format-selector">
<label class="format-label">Output format</label>
@ -658,6 +659,11 @@ button:disabled {
color: var(--color-text-muted);
}
.url-preview.error-preview {
color: var(--color-error);
font-size: var(--font-size-sm);
}
.preview-header {
display: flex;
align-items: center;