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

Improve terminal and UI experience

Browse Source 
- Open all terminals in editor area (first column) instead of panel
- Update login message to mention Claude plan (Pro/Max) and API key
- Hide "Claude Code Chat" title when window is very small (<350px)

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
andrepimenta
2025-12-03 00:41:53 +00:00
parent 63299008d0
commit e18fa5e261
3 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/extension.ts
View File

@@ -1148,7 +1148,10 @@ class ClaudeChatProvider {
const claudePath = config.get<string>('wsl.claudePath', '/usr/local/bin/claude');
// Open terminal and run claude login
const terminal = vscode.window.createTerminal('Claude Login');
const terminal = vscode.window.createTerminal({
name: 'Claude Login',
location: { viewColumn: vscode.ViewColumn.One }
});
if (wslEnabled) {
terminal.sendText(`wsl -d ${wslDistro} ${nodePath} --no-warnings --enable-source-maps ${claudePath}`);
} else {
@@ -1158,14 +1161,14 @@ class ClaudeChatProvider {
// Show info message
vscode.window.showInformationMessage(
'Please login to Claude in the terminal, then come back to this chat to continue.',
'Please login with your Claude plan or API key in the terminal, then come back to this chat.',
'OK'
);
// Send message to UI about terminal
this._postMessage({
type: 'terminalOpened',
data: `Please login to Claude in the terminal, then come back to this chat to continue.`,
data: `Please login with your Claude plan or API key in the terminal, then come back to this chat.`,
});
}
@@ -2684,7 +2687,10 @@ class ClaudeChatProvider {
}
// Create terminal with the claude /model command
const terminal = vscode.window.createTerminal('Claude Model Selection');
const terminal = vscode.window.createTerminal({
name: 'Claude Model Selection',
location: { viewColumn: vscode.ViewColumn.One }
});
if (wslEnabled) {
terminal.sendText(`wsl -d ${wslDistro} ${nodePath} --no-warnings --enable-source-maps ${claudePath} ${args.join(' ')}`);
} else {
@@ -2708,7 +2714,7 @@ class ClaudeChatProvider {
private _openUsageTerminal(usageType: string): void {
const terminal = vscode.window.createTerminal({
name: 'Claude Usage',
location: vscode.TerminalLocation.Editor
location: { viewColumn: vscode.ViewColumn.One }
});
if (usageType === 'plan') {
@@ -2744,7 +2750,10 @@ class ClaudeChatProvider {
}
// Create terminal with the claude command
const terminal = vscode.window.createTerminal(`Claude /${command}`);
const terminal = vscode.window.createTerminal({
name: `Claude /${command}`,
location: { viewColumn: vscode.ViewColumn.One }
});
if (wslEnabled) {
terminal.sendText(`wsl -d ${wslDistro} ${nodePath} --no-warnings --enable-source-maps ${claudePath} ${args.join(' ')}`);
} else {

2
src/script.ts
View File

@@ -2248,7 +2248,7 @@ const getScript = (isTelemetryEnabled: boolean) => `<script>
case 'loginRequired':
sendStats('Login required');
addMessage('🔐 Login Required\\n\\nYour Claude API key is invalid or expired.\\nA terminal has been opened - please run the login process there.\\n\\nAfter logging in, come back to this chat to continue.', 'error');
addMessage('🔐 Login Required\\n\\nPlease login with your Claude plan (Pro/Max) or API key.\\nA terminal has been opened - follow the login process there.\\n\\nAfter logging in, come back to this chat to continue.', 'error');
updateStatus('Login Required', 'error');
break;

6
src/ui-styles.ts
View File

@@ -28,6 +28,12 @@ const styles = `
letter-spacing: -0.3px;
}
@media (max-width: 385px) {
.header h2 {
display: none;
}
}
.controls {
display: flex;
gap: 6px;