feat: replace popup dialogs with inline editing for World Info and Instructions

Replaced all prompt() dialogs with themed inline forms for better UX:
- World Info entries now have inline add/edit forms
- Instruction blocks now have inline add/edit forms
- Forms match app theme and stay within the interface
- Added CSS styling for edit forms

Still using prompts for preset creation/duplication - will replace in next commit.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-16 17:54:28 -07:00
parent bc05747f5f
commit 26d1430d6a
2 changed files with 304 additions and 72 deletions

View File

@@ -1855,6 +1855,41 @@ body.view-comfortable .message-content pre {
word-wrap: break-word;
}
.worldinfo-edit-form,
.worldinfo-inline-edit {
background: var(--bg-secondary);
border: 2px solid var(--accent);
border-radius: 8px;
padding: 16px;
}
.worldinfo-edit-form input,
.worldinfo-edit-form textarea,
.worldinfo-inline-edit input,
.worldinfo-inline-edit textarea {
background: var(--bg-tertiary);
border: 1px solid var(--border);
border-radius: 6px;
padding: 8px;
color: var(--text-primary);
font-size: 13px;
font-family: inherit;
}
.worldinfo-edit-form input:focus,
.worldinfo-edit-form textarea:focus,
.worldinfo-inline-edit input:focus,
.worldinfo-inline-edit textarea:focus {
outline: none;
border-color: var(--accent);
}
.worldinfo-edit-form textarea,
.worldinfo-inline-edit textarea {
resize: vertical;
min-height: 80px;
}
.header-left-controls {
display: flex;
gap: 8px;