try to make app more intuitive

This commit is contained in:
2026-04-09 22:53:19 +02:00
parent 602e29e54b
commit 057f59ceef
6 changed files with 344 additions and 39 deletions
+11 -6
View File
@@ -25,6 +25,11 @@
<p id="settingsNotice" class="status">Loading settings...</p>
<section class="settings-quick-actions">
<button id="quickCreateAiCharacter" type="button" class="primary-action">Create AI Character</button>
<button id="quickCreateUserPersona" type="button" class="secondary-action">Create User Persona</button>
</section>
<section class="settings-layout">
<aside class="settings-nav" aria-label="Settings sections">
<button class="settings-nav-item active" type="button" data-settings-view="personal">Personal</button>
@@ -88,11 +93,11 @@
<div class="settings-panel">
<div class="settings-section-header">
<div>
<p class="eyebrow">Manage</p>
<p class="eyebrow">Create & manage</p>
<h2>My AI Characters</h2>
<p class="subtitle">Create, edit, publish, and delete your AI Characters.</p>
<p class="subtitle">Build characters for roleplay chats and publish them to the market when they are ready.</p>
</div>
<button id="createAiCharacter" type="button" class="secondary-action">Create persona</button>
<button id="createAiCharacter" type="button" class="secondary-action">Create AI Character</button>
</div>
<div id="settingsAiCharacterList" class="persona-list"></div>
</div>
@@ -102,11 +107,11 @@
<div class="settings-panel">
<div class="settings-section-header">
<div>
<p class="eyebrow">Manage</p>
<p class="eyebrow">Create & manage</p>
<h2>My Personas</h2>
<p class="subtitle">Create and manage the user personas you can speak as in roleplay chats.</p>
<p class="subtitle">Create the personas you want to speak as, then set one as default for faster roleplay setup.</p>
</div>
<button id="createUserPersona" type="button" class="secondary-action">Create persona</button>
<button id="createUserPersona" type="button" class="secondary-action">Create user persona</button>
</div>
<div id="settingsUserPersonaList" class="persona-list"></div>
</div>