chore: remove patch file from feature branch
This commit is contained in:
parent
accb762b72
commit
9798b6e8f2
@ -1,203 +0,0 @@
|
|||||||
diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
|
|
||||||
index 27dfe62d1..9eb7f2150 100644
|
|
||||||
--- a/ui/src/styles/components.css
|
|
||||||
+++ b/ui/src/styles/components.css
|
|
||||||
@@ -1369,6 +1369,22 @@
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
+@media (max-width: 480px) {
|
|
||||||
+ .chat-compose__actions {
|
|
||||||
+ flex-wrap: wrap;
|
|
||||||
+ gap: 6px;
|
|
||||||
+ }
|
|
||||||
+
|
|
||||||
+ .chat-compose__actions .btn {
|
|
||||||
+ padding: 6px 10px;
|
|
||||||
+ font-size: 13px;
|
|
||||||
+ }
|
|
||||||
+
|
|
||||||
+ .chat-compose__actions .btn-kbd {
|
|
||||||
+ display: none;
|
|
||||||
+ }
|
|
||||||
+}
|
|
||||||
+
|
|
||||||
/* ===========================================
|
|
||||||
QR Code
|
|
||||||
=========================================== */
|
|
||||||
@@ -1484,3 +1500,49 @@
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
+
|
|
||||||
+/* Delete session confirmation modal */
|
|
||||||
+.chat-delete-overlay {
|
|
||||||
+ position: fixed;
|
|
||||||
+ inset: 0;
|
|
||||||
+ background: rgba(0, 0, 0, 0.6);
|
|
||||||
+ display: flex;
|
|
||||||
+ align-items: center;
|
|
||||||
+ justify-content: center;
|
|
||||||
+ z-index: 100;
|
|
||||||
+ backdrop-filter: blur(2px);
|
|
||||||
+}
|
|
||||||
+
|
|
||||||
+.chat-delete-card {
|
|
||||||
+ background: var(--card);
|
|
||||||
+ border: 1px solid var(--border);
|
|
||||||
+ border-radius: 8px;
|
|
||||||
+ padding: 20px 24px;
|
|
||||||
+ max-width: 360px;
|
|
||||||
+ text-align: center;
|
|
||||||
+}
|
|
||||||
+
|
|
||||||
+.chat-delete-title {
|
|
||||||
+ font-size: 16px;
|
|
||||||
+ font-weight: 600;
|
|
||||||
+ margin-bottom: 8px;
|
|
||||||
+}
|
|
||||||
+
|
|
||||||
+.chat-delete-sub {
|
|
||||||
+ font-size: 13px;
|
|
||||||
+ color: var(--muted);
|
|
||||||
+ margin-bottom: 16px;
|
|
||||||
+ word-break: break-word;
|
|
||||||
+}
|
|
||||||
+
|
|
||||||
+.chat-delete-actions {
|
|
||||||
+ display: flex;
|
|
||||||
+ gap: 8px;
|
|
||||||
+ justify-content: center;
|
|
||||||
+}
|
|
||||||
+
|
|
||||||
+.chat-delete-hint {
|
|
||||||
+ margin-top: 12px;
|
|
||||||
+ font-size: 11px;
|
|
||||||
+ color: var(--muted);
|
|
||||||
+}
|
|
||||||
diff --git a/ui/src/ui/app-render.ts b/ui/src/ui/app-render.ts
|
|
||||||
index a088c33ff..6607688f9 100644
|
|
||||||
--- a/ui/src/ui/app-render.ts
|
|
||||||
+++ b/ui/src/ui/app-render.ts
|
|
||||||
@@ -496,6 +496,27 @@ export function renderApp(state: AppViewState) {
|
|
||||||
onSplitRatioChange: (ratio: number) => state.handleSplitRatioChange(ratio),
|
|
||||||
assistantName: state.assistantName,
|
|
||||||
assistantAvatar: state.assistantAvatar,
|
|
||||||
+ // Delete session (disabled for main session)
|
|
||||||
+ showDeleteConfirm: state.chatDeleteConfirm,
|
|
||||||
+ isMainSession:
|
|
||||||
+ state.sessionKey === "main" ||
|
|
||||||
+ parseAgentSessionKey(state.sessionKey)?.rest === "main",
|
|
||||||
+ onDeleteClick: () => (state.chatDeleteConfirm = true),
|
|
||||||
+ onDeleteConfirm: async () => {
|
|
||||||
+ state.chatDeleteConfirm = false;
|
|
||||||
+ const { deleteSession } = await import("./controllers/sessions");
|
|
||||||
+ await deleteSession(state as Parameters<typeof deleteSession>[0], state.sessionKey);
|
|
||||||
+ // Switch to main session after deletion
|
|
||||||
+ const mainKey = state.sessionsResult?.mainSessionKey ?? "main";
|
|
||||||
+ state.sessionKey = mainKey;
|
|
||||||
+ state.applySettings({
|
|
||||||
+ ...state.settings,
|
|
||||||
+ sessionKey: mainKey,
|
|
||||||
+ lastActiveSessionKey: mainKey,
|
|
||||||
+ });
|
|
||||||
+ void loadChatHistory(state);
|
|
||||||
+ },
|
|
||||||
+ onDeleteCancel: () => (state.chatDeleteConfirm = false),
|
|
||||||
})
|
|
||||||
: nothing}
|
|
||||||
|
|
||||||
diff --git a/ui/src/ui/app.ts b/ui/src/ui/app.ts
|
|
||||||
index d23e543cd..d2c7464b9 100644
|
|
||||||
--- a/ui/src/ui/app.ts
|
|
||||||
+++ b/ui/src/ui/app.ts
|
|
||||||
@@ -130,6 +130,7 @@ export class MoltbotApp extends LitElement {
|
|
||||||
@state() chatThinkingLevel: string | null = null;
|
|
||||||
@state() chatQueue: ChatQueueItem[] = [];
|
|
||||||
@state() chatAttachments: ChatAttachment[] = [];
|
|
||||||
+ @state() chatDeleteConfirm = false;
|
|
||||||
// Sidebar state for tool output viewing
|
|
||||||
@state() sidebarOpen = false;
|
|
||||||
@state() sidebarContent: string | null = null;
|
|
||||||
diff --git a/ui/src/ui/views/chat.ts b/ui/src/ui/views/chat.ts
|
|
||||||
index f5fb6e80b..c7c8b38aa 100644
|
|
||||||
--- a/ui/src/ui/views/chat.ts
|
|
||||||
+++ b/ui/src/ui/views/chat.ts
|
|
||||||
@@ -68,6 +68,12 @@ export type ChatProps = {
|
|
||||||
onCloseSidebar?: () => void;
|
|
||||||
onSplitRatioChange?: (ratio: number) => void;
|
|
||||||
onChatScroll?: (event: Event) => void;
|
|
||||||
+ // Delete session
|
|
||||||
+ showDeleteConfirm?: boolean;
|
|
||||||
+ isMainSession?: boolean;
|
|
||||||
+ onDeleteClick?: () => void;
|
|
||||||
+ onDeleteConfirm?: () => void;
|
|
||||||
+ onDeleteCancel?: () => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
const COMPACTION_TOAST_DURATION_MS = 5000;
|
|
||||||
@@ -240,7 +246,44 @@ export function renderChat(props: ChatProps) {
|
|
||||||
`;
|
|
||||||
|
|
||||||
return html`
|
|
||||||
- <section class="card chat">
|
|
||||||
+ <section
|
|
||||||
+ class="card chat"
|
|
||||||
+ tabindex="-1"
|
|
||||||
+ @keydown=${(e: KeyboardEvent) => {
|
|
||||||
+ // Escape to cancel delete confirmation
|
|
||||||
+ if (e.key === "Escape" && props.showDeleteConfirm && props.onDeleteCancel) {
|
|
||||||
+ e.preventDefault();
|
|
||||||
+ props.onDeleteCancel();
|
|
||||||
+ }
|
|
||||||
+ // Enter to confirm delete
|
|
||||||
+ if (e.key === "Enter" && props.showDeleteConfirm && props.onDeleteConfirm) {
|
|
||||||
+ e.preventDefault();
|
|
||||||
+ props.onDeleteConfirm();
|
|
||||||
+ }
|
|
||||||
+ }}
|
|
||||||
+ >
|
|
||||||
+ ${props.showDeleteConfirm
|
|
||||||
+ ? html`
|
|
||||||
+ <div class="chat-delete-overlay" role="dialog" aria-modal="true">
|
|
||||||
+ <div class="chat-delete-card">
|
|
||||||
+ <div class="chat-delete-title">Delete this session?</div>
|
|
||||||
+ <div class="chat-delete-sub">
|
|
||||||
+ This will permanently delete the session "${props.sessionKey}".
|
|
||||||
+ </div>
|
|
||||||
+ <div class="chat-delete-actions">
|
|
||||||
+ <button class="btn" @click=${props.onDeleteCancel} autofocus>
|
|
||||||
+ Cancel
|
|
||||||
+ </button>
|
|
||||||
+ <button class="btn danger" @click=${props.onDeleteConfirm}>
|
|
||||||
+ Delete
|
|
||||||
+ </button>
|
|
||||||
+ </div>
|
|
||||||
+ <div class="chat-delete-hint">Press Enter to delete, Escape to cancel</div>
|
|
||||||
+ </div>
|
|
||||||
+ </div>
|
|
||||||
+ `
|
|
||||||
+ : nothing}
|
|
||||||
+
|
|
||||||
${props.disabledReason
|
|
||||||
? html`<div class="callout">${props.disabledReason}</div>`
|
|
||||||
: nothing}
|
|
||||||
@@ -361,6 +404,18 @@ export function renderChat(props: ChatProps) {
|
|
||||||
>
|
|
||||||
${canAbort ? "Stop" : "New session"}
|
|
||||||
</button>
|
|
||||||
+ ${props.onDeleteClick
|
|
||||||
+ ? html`
|
|
||||||
+ <button
|
|
||||||
+ class="btn danger"
|
|
||||||
+ ?disabled=${!props.connected || isBusy || props.isMainSession}
|
|
||||||
+ @click=${props.onDeleteClick}
|
|
||||||
+ title=${props.isMainSession ? "Cannot delete main session" : "Delete this session"}
|
|
||||||
+ >
|
|
||||||
+ Delete
|
|
||||||
+ </button>
|
|
||||||
+ `
|
|
||||||
+ : nothing}
|
|
||||||
<button
|
|
||||||
class="btn primary"
|
|
||||||
?disabled=${!props.connected}
|
|
||||||
Loading…
Reference in New Issue
Block a user