d8dfun/claude-code-chat
1
0
Fork 0
mirror of https://github.com/andrepimenta/claude-code-chat.git synced 2025-12-13 05:39:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert bad changes

Browse Source
This commit is contained in:
andrepimenta
2025-06-20 19:13:55 +01:00
parent 82fccdc6f1
commit dbec33593a
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/ui.ts
View File

@@ -38,19 +38,21 @@ const html = `<!DOCTYPE html>
<div class="chat-container" id="chatContainer"> <div class="chat-container" id="chatContainer">
<div class="messages" id="messages"></div> <div class="messages" id="messages"></div>
<div class="input-container" id="inputContainer"> <div class="input-container" id="inputContainer">
<div class="input-modes">
<div class="mode-toggle">
<span>Plan First</span>
<div class="mode-switch" id="planModeSwitch" onclick="togglePlanMode()"></div>
</div>
<div class="mode-toggle">
<span>Thinking Mode</span>
<div class="mode-switch" id="thinkingModeSwitch" onclick="toggleThinkingMode()"></div>
</div>
</div>
<div class="textarea-container"> <div class="textarea-container">
<div class="textarea-wrapper"> <div class="textarea-wrapper">
<textarea class="input-field" id="messageInput" placeholder="Type your message to Claude Code..." rows="1"></textarea> <textarea class="input-field" id="messageInput" placeholder="Type your message to Claude Code..." rows="1"></textarea>
<div class="input-controls"> <div class="input-controls">
<div class="left-controls"> <div class="left-controls">
<button class="mode-btn" id="planModeBtn" onclick="togglePlanMode()" title="Plan first mode">
<span>Plan First</span>
<div class="mode-indicator" id="planModeIndicator"></div>
</button>
<button class="mode-btn" id="thinkingModeBtn" onclick="toggleThinkingMode()" title="Thinking mode">
<span>Thinking</span>
<div class="mode-indicator" id="thinkingModeIndicator"></div>
</button>
<button class="model-selector" id="modelSelector" onclick="showModelSelector()" title="Select model"> <button class="model-selector" id="modelSelector" onclick="showModelSelector()" title="Select model">
<span id="selectedModel">Opus</span> <span id="selectedModel">Opus</span>
<svg width="8" height="8" viewBox="0 0 8 8" fill="currentColor"> <svg width="8" height="8" viewBox="0 0 8 8" fill="currentColor">
@@ -601,21 +603,21 @@ const html = `<!DOCTYPE html>
function togglePlanMode() { function togglePlanMode() {
planModeEnabled = !planModeEnabled; planModeEnabled = !planModeEnabled;
const buttonElement = document.getElementById('planModeBtn'); const switchElement = document.getElementById('planModeSwitch');
if (planModeEnabled) { if (planModeEnabled) {
buttonElement.classList.add('active'); switchElement.classList.add('active');
} else { } else {
buttonElement.classList.remove('active'); switchElement.classList.remove('active');
} }
} }
function toggleThinkingMode() { function toggleThinkingMode() {
thinkingModeEnabled = !thinkingModeEnabled; thinkingModeEnabled = !thinkingModeEnabled;
const buttonElement = document.getElementById('thinkingModeBtn'); const switchElement = document.getElementById('thinkingModeSwitch');
if (thinkingModeEnabled) { if (thinkingModeEnabled) {
buttonElement.classList.add('active'); switchElement.classList.add('active');
} else { } else {
buttonElement.classList.remove('active'); switchElement.classList.remove('active');
} }
} }