Skip to content

feat: add delete function with clear messages, and docs enhancement #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mik-tf wants to merge 1 commit into
base: development
Choose a base branch
from
Open

feat: add delete function with clear messages, and docs enhancement #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions grid-agent-gui/frontend/src/components/ChatInterface.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@
let errorMessage = "";
let isExporting = false;
let isAborting = false;
let showClearModal = false;

// Update notification state
let showUpdateBanner = false;
Expand Down Expand Up @@ -235,6 +236,21 @@
errorMessage = "";
}

function handleClear() {
showClearModal = true;
}

function clearConversation() {
showClearModal = false;
messagesStore.set([]);
}

async function saveAndClear() {
showClearModal = false;
await handleExport();
messagesStore.set([]);
}

function toggleSettings() {
showSettings = !showSettings;
}
Expand Down Expand Up @@ -612,6 +628,25 @@
>
{/if}
</button>
<button
class="icon-btn clear-btn"
on:click={handleClear}
title="Clear Conversation"
disabled={$messagesStore.length === 0}
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
><path d="M3 6h18" /><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /><path d="M10 11v6" /><path d="M14 11v6" /></svg
>
</button>
<button class="icon-btn" on:click={toggleDocs} title="Help">
<svg
xmlns="http://www.w3.org/2000/svg"
Expand Down Expand Up @@ -805,6 +840,21 @@
</div>
{/if}

<!-- Clear Modal -->
{#if showClearModal}
<div class="modal-overlay" on:click={() => showClearModal = false} transition:fade>
<div class="modal" on:click|stopPropagation transition:fade>
<h2>Clear Conversation</h2>
<p>If you clear the window context you will not be able to retrieve the conversation.</p>
<div class="modal-actions">
<button class="btn primary" on:click={saveAndClear}>Save and Clear</button>
<button class="btn danger" on:click={clearConversation}>Clear</button>
<button class="btn secondary" on:click={() => showClearModal = false}>Cancel</button>
</div>
</div>
</div>
{/if}

<Settings show={showSettings} on:close={() => (showSettings = false)} />
<Docs show={showDocs} on:close={() => (showDocs = false)} />

Expand Down Expand Up @@ -970,6 +1020,15 @@
background: rgba(239, 68, 68, 0.1);
}

.clear-btn {
color: var(--text-secondary);
}

.clear-btn:hover {
color: var(--error);
background: rgba(239, 68, 68, 0.1);
}

/* Floating Input Area */
.input-area {
padding: 1.5rem;
Expand Down
9 changes: 9 additions & 0 deletions grid-agent-gui/frontend/src/components/Docs.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -191,6 +191,15 @@
<li>Version information and active persona</li>
<li>Optional AI-generated summary (if enabled)</li>
</ul>

<h5>Clearing Conversations</h5>
<p>The clear button (🗑️) allows you to reset the current conversation. Before clearing, you'll be prompted with options:</p>
<ul>
<li><strong>Save and Clear:</strong> Export the current conversation first, then clear it</li>
<li><strong>Clear:</strong> Immediately clear the conversation without saving</li>
<li><strong>Cancel:</strong> Keep the current conversation</li>
</ul>
<p><strong>Note:</strong> Cleared conversations cannot be recovered, so consider saving important discussions first.</p>
</div>

<!-- Grid Operations -->
Expand Down