/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
* Fabrice Bellard's javascript vt100 for jslinux:
* http://bellard.org/jslinux/
* Copyright (c) 2011 Fabrice Bellard
* The original design remains. The terminal itself
* has been extended to include xterm CSI codes, among
* other features.
*/
/**
* Default styles for xterm.js
*/
.xterm {
cursor: text;
position: relative;
user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
}
.xterm.focus,
.xterm:focus {
outline: none;
}
.xterm .xterm-helpers {
position: absolute;
top: 0;
/**
* The z-index of the helpers must be higher than the canvases in order for
* IMEs to appear on top.
*/
z-index: 5;
}
.xterm .xterm-helper-textarea {
padding: 0;
border: 0;
margin: 0;
/* Move textarea out of the screen to the far left, so that the cursor is not visible */
position: absolute;
opacity: 0;
left: -9999em;
top: 0;
width: 0;
height: 0;
z-index: -5;
/** Prevent wrapping so the IME appears against the textarea at the correct position */
white-space: nowrap;
overflow: hidden;
resize: none;
}
.xterm .composition-view {
/* TODO: Composition position got messed up somewhere */
background: #000;
color: #fff;
display: none;
position: absolute;
white-space: nowrap;
z-index: 1;
}
.xterm .composition-view.active {
display: block;
}
.xterm .xterm-viewport {
/* On OS X this is required in order for the scroll bar to appear fully opaque */
background-color: #000;
overflow-y: scroll;
cursor: default;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.xterm .xterm-screen {
position: relative;
}
.xterm .xterm-screen canvas {
position: absolute;
left: 0;
top: 0;
}
.xterm .xterm-scroll-area {
visibility: hidden;
}
.xterm-char-measure-element {
display: inline-block;
visibility: hidden;
position: absolute;
top: 0;
left: -9999em;
line-height: normal;
}
.xterm.enable-mouse-events {
/* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
cursor: default;
}
.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
cursor: pointer;
}
.xterm.column-select.focus {
/* Column selection mode */
cursor: crosshair;
}
.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10;
color: transparent;
pointer-events: none;
}
.xterm .xterm-accessibility-tree:not(.debug) *::selection {
color: transparent;
}
.xterm .xterm-accessibility-tree {
user-select: text;
white-space: pre;
}
.xterm .live-region {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.xterm-dim {
/* Dim should not apply to background, so the opacity of the foreground color is applied
* explicitly in the generated class and reset to 1 here */
opacity: 1 !important;
}
.xterm-underline-1 {
text-decoration: underline;
}
.xterm-underline-2 {
text-decoration: double underline;
}
.xterm-underline-3 {
text-decoration: wavy underline;
}
.xterm-underline-4 {
text-decoration: dotted underline;
}
.xterm-underline-5 {
text-decoration: dashed underline;
}
.xterm-overline {
text-decoration: overline;
}
.xterm-overline.xterm-underline-1 {
text-decoration: overline underline;
}
.xterm-overline.xterm-underline-2 {
text-decoration: overline double underline;
}
.xterm-overline.xterm-underline-3 {
text-decoration: overline wavy underline;
}
.xterm-overline.xterm-underline-4 {
text-decoration: overline dotted underline;
}
.xterm-overline.xterm-underline-5 {
text-decoration: overline dashed underline;
}
.xterm-strikethrough {
text-decoration: line-through;
}
.xterm-screen .xterm-decoration-container .xterm-decoration {
z-index: 6;
position: absolute;
}
.xterm-screen
.xterm-decoration-container
.xterm-decoration.xterm-decoration-top-layer {
z-index: 7;
}
.xterm-decoration-overview-ruler {
z-index: 8;
position: absolute;
top: 0;
right: 0;
pointer-events: none;
}
.xterm-decoration-top {
z-index: 2;
position: relative;
}
/* Claude Terminal Styles */
.claude-terminal-container {
background-color: #1e1e1e;
border-radius: 4px;
height: 100%;
width: 100%;
}
/* Let xterm handle its own sizing */
.claude-terminal-container .xterm-viewport {
background-color: transparent !important;
}
.claude-terminal-container .xterm-screen {
background-color: transparent !important;
}
/* Terminal scrollbar styling */
.claude-terminal-container .xterm .xterm-viewport::-webkit-scrollbar {
width: 8px;
}
.claude-terminal-container .xterm .xterm-viewport::-webkit-scrollbar-track {
background: #2d2d2d;
}
.claude-terminal-container .xterm .xterm-viewport::-webkit-scrollbar-thumb {
background: #555;
border-radius: 4px;
}
.claude-terminal-container
.xterm
.xterm-viewport::-webkit-scrollbar-thumb:hover {
background: #777;
}
/* MCP Server Status Styles */
.mcp-server-status {
margin-bottom: 20px;
padding: 16px;
background: var(--background-secondary);
border-radius: 8px;
border: 1px solid var(--background-modifier-border);
user-select: text !important; /* this was some how not selectable by default */
}
.mcp-server-status h3 {
margin-top: 0;
margin-bottom: 16px;
color: var(--text-normal);
}
.server-status-item {
margin-bottom: 16px;
padding: 12px;
background: var(--background-primary);
border-radius: 6px;
border: 1px solid var(--background-modifier-border-hover);
}
.server-status-item:last-of-type {
margin-bottom: 12px;
}
.server-status-item h4 {
margin: 0 0 8px 0;
font-size: 14px;
font-weight: 600;
color: var(--text-normal);
}
.status-line {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
font-family: var(--font-monospace);
font-size: 13px;
}
.status-indicator {
font-size: 12px;
line-height: 1;
}
.status-indicator.status-running {
color: var(--color-green);
}
.status-indicator.status-disabled {
color: var(--color-orange);
}
.status-indicator.status-error {
color: var(--color-red);
}
.status-text {
font-weight: 500;
color: var(--text-normal);
}
.status-clients {
color: var(--text-muted);
font-size: 12px;
}
.status-details {
margin-top: 8px;
padding-left: 16px;
font-size: 12px;
line-height: 1.4;
color: var(--text-muted);
}
.status-details div {
margin-bottom: 2px;
}
.status-details code {
background: var(--background-secondary);
padding: 2px 4px;
border-radius: 3px;
font-size: 11px;
color: var(--text-accent);
}
.status-refresh {
text-align: right;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--background-modifier-border);
}
.status-refresh button {
font-size: 12px;
padding: 6px 12px;
}
