claude-relay 2.4.2 → 2.5.0

package/lib/public/css/filebrowser.css

@@ -1,1076 +0,0 @@
-/* ==========================================================================
-   File Browser
-   ========================================================================== */
-
-/* --- Session actions --- */
-#session-actions {
-  display: flex;
-  flex-direction: column;
-  padding: 0 8px 4px;
-}
-
-#session-actions button {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 10px;
-  border: none;
-  background: transparent;
-  color: var(--text-secondary);
-  font-family: inherit;
-  font-size: 14px;
-  font-weight: 400;
-  cursor: pointer;
-  margin-bottom: 0;
-  transition: background 0.15s, color 0.15s;
-}
-
-#session-actions button .lucide { width: 16px; height: 16px; flex-shrink: 0; }
-#session-actions button:hover { background: var(--sidebar-hover); color: var(--text); }
-/* --- Panels --- */
-.sidebar-panel { flex: 1; overflow-y: auto; min-height: 0; }
-.sidebar-panel.hidden { display: none; }
-
-/* --- File browser header --- */
-#sessions-header-content.hidden,
-#files-header-content.hidden {
-  display: none;
-}
-
-#file-panel-refresh.spinning { animation: spin-once 0.5s ease; }
-@keyframes spin-once { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
-
-/* --- File tree --- */
-#file-tree { padding: 4px 8px; }
-
-.file-tree-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 5px 8px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 13px;
-  color: var(--text-secondary);
-  transition: background 0.15s, color 0.15s;
-  user-select: none;
-}
-
-.file-tree-item:hover { background: var(--sidebar-hover); color: var(--text); }
-.file-tree-item.active { background: var(--sidebar-active); color: var(--text); }
-.file-tree-item .lucide { width: 14px; height: 14px; flex-shrink: 0; }
-
-.file-tree-name {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-
-.file-tree-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  line-height: 0;
-}
-
-.file-tree-icon svg {
-  width: 16px;
-  height: 16px;
-}
-
-.file-tree-chevron {
-  display: inline-flex;
-  color: var(--text-dimmer);
-  transition: transform 0.15s;
-  flex-shrink: 0;
-}
-
-.file-tree-chevron .lucide { width: 12px; height: 12px; }
-.file-tree-item.expanded > .file-tree-chevron { transform: rotate(90deg); }
-
-.file-tree-spacer { width: 12px; flex-shrink: 0; }
-
-.file-tree-children.hidden { display: none; }
-
-.file-tree-loading,
-.file-tree-empty {
-  padding: 12px 16px;
-  font-size: 12px;
-  color: var(--text-dimmer);
-  font-style: italic;
-}
-
-.file-tree-error {
-  padding: 12px 16px;
-  font-size: 12px;
-  color: var(--error);
-}
-
-/* --- File viewer --- */
-
-/* Wide screens: split panel beside #app */
-@media (min-width: 1024px) {
-  #file-viewer {
-    width: 50%;
-    max-width: 720px;
-    min-width: 360px;
-    border-left: 1px solid var(--border);
-    background: var(--bg);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    flex-shrink: 0;
-    transition: max-width 0.2s ease, width 0.2s ease;
-  }
-  #file-viewer.hidden { display: none; }
-  #file-viewer.file-viewer-wide {
-    width: 70%;
-    max-width: 1200px;
-  }
-}
-
-/* Narrow screens: full overlay */
-@media (max-width: 1023px) {
-  #file-viewer {
-    position: fixed;
-    inset: 0;
-    background: var(--bg);
-    z-index: 300;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-  #file-viewer.hidden { display: none; }
-}
-
-.file-viewer-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 10px 16px;
-  border-bottom: 1px solid var(--border-subtle);
-  flex-shrink: 0;
-  min-height: 44px;
-}
-
-.file-viewer-path {
-  flex: 1;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  font-size: 13px;
-  color: var(--text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  direction: rtl;
-  text-align: left;
-}
-
-.file-viewer-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border-radius: 6px;
-  border: none;
-  background: transparent;
-  color: var(--text-muted);
-  cursor: pointer;
-  flex-shrink: 0;
-  transition: background 0.15s, color 0.15s;
-}
-
-.file-viewer-btn:hover { background: var(--sidebar-hover); color: var(--text); }
-.file-viewer-btn.active { background: var(--accent-bg); color: var(--accent); }
-.file-viewer-btn.hidden { display: none; }
-.file-viewer-btn .lucide { width: 16px; height: 16px; }
-
-/* --- Markdown rendered view --- */
-.file-viewer-markdown {
-  padding: 20px 24px;
-  font-size: 14px;
-  line-height: 1.7;
-  color: var(--text);
-}
-
-.file-viewer-markdown h1,
-.file-viewer-markdown h2,
-.file-viewer-markdown h3,
-.file-viewer-markdown h4 { color: var(--text); margin: 1.2em 0 0.5em; }
-.file-viewer-markdown h1 { font-size: 1.6em; border-bottom: 1px solid var(--border-subtle); padding-bottom: 0.3em; }
-.file-viewer-markdown h2 { font-size: 1.3em; border-bottom: 1px solid var(--border-subtle); padding-bottom: 0.3em; }
-.file-viewer-markdown h3 { font-size: 1.1em; }
-
-.file-viewer-markdown p { margin: 0.6em 0; }
-.file-viewer-markdown a { color: var(--accent); text-decoration: none; }
-.file-viewer-markdown a:hover { text-decoration: underline; }
-
-.file-viewer-markdown ul,
-.file-viewer-markdown ol { padding-left: 1.5em; margin: 0.5em 0; }
-.file-viewer-markdown li { margin: 0.25em 0; }
-
-.file-viewer-markdown code {
-  background: var(--code-bg);
-  padding: 2px 5px;
-  border-radius: 4px;
-  font-size: 0.9em;
-}
-
-.file-viewer-markdown pre {
-  background: var(--code-bg);
-  border-radius: 8px;
-  padding: 12px 16px;
-  overflow-x: auto;
-  margin: 0.8em 0;
-}
-
-.file-viewer-markdown pre code {
-  background: none;
-  padding: 0;
-  font-size: 13px;
-  line-height: 1.5;
-}
-
-.file-viewer-markdown blockquote {
-  border-left: 3px solid var(--accent);
-  padding-left: 12px;
-  margin: 0.8em 0;
-  color: var(--text-secondary);
-}
-
-.file-viewer-markdown table {
-  border-collapse: collapse;
-  margin: 0.8em 0;
-  width: 100%;
-}
-
-.file-viewer-markdown th,
-.file-viewer-markdown td {
-  border: 1px solid var(--border);
-  padding: 6px 12px;
-  text-align: left;
-  font-size: 13px;
-}
-
-.file-viewer-markdown th { background: var(--bg-alt); font-weight: 600; }
-
-.file-viewer-markdown hr {
-  border: none;
-  border-top: 1px solid var(--border-subtle);
-  margin: 1.5em 0;
-}
-
-.file-viewer-markdown img { max-width: 100%; border-radius: 8px; }
-
-.file-viewer-body {
-  flex: 1;
-  overflow: auto;
-  padding: 0;
-}
-
-.file-viewer-body pre {
-  margin: 0;
-  padding: 16px 20px;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  font-size: 13px;
-  line-height: 1.55;
-  color: var(--text);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.file-viewer-body pre code {
-  background: none;
-  padding: 0;
-  border-radius: 0;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-/* Code with line numbers */
-.file-viewer-code {
-  display: flex;
-  min-height: 0;
-}
-
-.file-viewer-code pre {
-  margin: 0;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  font-size: 13px;
-  line-height: 1.55;
-  white-space: pre;
-  word-break: normal;
-}
-
-.file-viewer-gutter {
-  flex-shrink: 0;
-  padding: 12px 10px 12px 14px;
-  text-align: right;
-  color: var(--text-dimmer);
-  opacity: 0.5;
-  user-select: none;
-  -webkit-user-select: none;
-  border-right: 1px solid var(--border-subtle);
-  min-width: 44px;
-  position: sticky;
-  left: 0;
-  background: var(--bg);
-  z-index: 1;
-}
-
-.file-viewer-code-content {
-  flex: 1;
-  padding: 12px 14px;
-  min-width: 0;
-}
-
-.file-viewer-code-content code {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  background: none;
-  padding: 0;
-  border-radius: 0;
-}
-
-.file-viewer-code-content .hljs {
-  background: transparent;
-  padding: 0;
-}
-
-.file-viewer-binary {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: var(--text-dimmer);
-  font-size: 14px;
-}
-
-.file-viewer-image {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
-}
-
-.file-viewer-image img {
-  max-width: 100%;
-  max-height: 80vh;
-  border-radius: 8px;
-  border: 1px solid var(--border-subtle);
-}
-
-/* --- Web Terminal --- */
-
-/* Terminal header with tabs */
-.terminal-header {
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid var(--border-subtle);
-  flex-shrink: 0;
-  min-height: 40px;
-  background: var(--bg);
-}
-
-.terminal-tabs {
-  display: flex;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  gap: 0;
-  min-width: 0;
-  padding-left: 4px;
-}
-
-.terminal-tabs::-webkit-scrollbar { display: none; }
-
-.terminal-new-tab-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  flex-shrink: 0;
-  border: none;
-  background: transparent;
-  color: var(--text-muted);
-  cursor: pointer;
-  border-radius: 6px;
-  padding: 0;
-  margin: 4px 2px;
-  transition: background 0.15s, color 0.15s;
-}
-.terminal-new-tab-btn:hover { background: rgba(var(--overlay-rgb),0.08); color: var(--text); }
-.terminal-new-tab-btn .lucide { width: 14px; height: 14px; }
-
-.terminal-tab {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 8px 10px;
-  font-size: 12px;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  color: var(--text-muted);
-  cursor: pointer;
-  white-space: nowrap;
-  border-bottom: 2px solid transparent;
-  transition: color 0.15s, border-color 0.15s;
-  flex-shrink: 0;
-  user-select: none;
-}
-
-.terminal-tab:hover { color: var(--text-secondary); }
-.terminal-tab.active { color: var(--text); border-color: var(--accent); }
-.terminal-tab.exited { opacity: 0.5; }
-
-.terminal-tab-close {
-  display: none;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  border-radius: 3px;
-  border: none;
-  background: transparent;
-  color: var(--text-dimmer);
-  cursor: pointer;
-  padding: 0;
-  line-height: 1;
-}
-
-.terminal-tab:hover .terminal-tab-close,
-.terminal-tab.active .terminal-tab-close { display: flex; }
-.terminal-tab-close:hover { background: rgba(var(--overlay-rgb),0.1); color: var(--text); }
-
-.terminal-tab-label { cursor: default; }
-
-.terminal-tab-rename {
-  background: var(--bg);
-  border: 1px solid var(--accent);
-  border-radius: 3px;
-  color: var(--text);
-  font-size: 12px;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  padding: 1px 4px;
-  outline: none;
-  width: 100px;
-}
-
-.terminal-header-actions {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  padding: 0 8px;
-  flex-shrink: 0;
-  margin-left: auto;
-}
-
-/* Wide screens: split panel beside #app */
-@media (min-width: 1024px) {
-  #terminal-container {
-    width: 50%;
-    max-width: 720px;
-    min-width: 360px;
-    border-left: 1px solid var(--border);
-    background: var(--bg);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    flex-shrink: 0;
-  }
-  #terminal-container.hidden { display: none; }
-}
-
-/* Narrow screens: full overlay */
-@media (max-width: 1023px) {
-  #terminal-container {
-    position: fixed;
-    inset: 0;
-    background: var(--bg);
-    z-index: 300;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-  #terminal-container.hidden { display: none; }
-}
-
-#terminal-body {
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
-  position: relative;
-}
-
-.terminal-tab-body {
-  position: absolute;
-  inset: 0;
-  padding: 4px 0 0 4px;
-}
-
-.terminal-tab-body .xterm {
-  height: 100%;
-}
-
-/* --- Terminal key toolbar (mobile) --- */
-#terminal-toolbar {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 8px;
-  background: #252525;
-  border-bottom: 1px solid #333;
-  flex-shrink: 0;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-#terminal-toolbar.hidden { display: none; }
-
-.term-key {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  min-width: 40px;
-  padding: 0 10px;
-  border-radius: 6px;
-  border: 1px solid #444;
-  background: #333;
-  color: #d4d4d4;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  flex-shrink: 0;
-  -webkit-tap-highlight-color: transparent;
-  user-select: none;
-  transition: background 0.1s, border-color 0.1s;
-}
-
-.term-key:active {
-  background: #555;
-  border-color: #666;
-}
-
-.term-key-toggle.active {
-  background: var(--accent);
-  border-color: var(--accent);
-  color: #fff;
-}
-
-.term-key-arrow {
-  min-width: 34px;
-  padding: 0 6px;
-  font-size: 10px;
-}
-
-.term-key-spacer {
-  flex: 1;
-  min-width: 4px;
-}
-
-.terminal-hint {
-  padding: 16px;
-  font-size: 13px;
-  color: var(--text-dimmer);
-  font-style: italic;
-}
-
-/* --- Terminal context menu --- */
-.term-ctx-menu {
-  position: fixed;
-  background: var(--bg-alt);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 4px 0;
-  min-width: 160px;
-  box-shadow: 0 4px 16px rgba(var(--shadow-rgb), 0.4);
-  z-index: 500;
-}
-
-.term-ctx-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 8px 12px;
-  font-size: 13px;
-  color: var(--text-secondary);
-  background: none;
-  border: none;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-
-.term-ctx-item .lucide { width: 14px; height: 14px; flex-shrink: 0; }
-.term-ctx-item:hover { background: rgba(var(--overlay-rgb), 0.05); }
-
-/* --- File Edit History --- */
-
-.file-history-panel {
-  padding: 16px 20px;
-  height: 100%;
-  overflow-y: auto;
-}
-
-.file-history-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  margin-bottom: 12px;
-  padding-bottom: 8px;
-  border-bottom: 1px solid var(--border-subtle);
-}
-
-.file-history-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.file-history-entry {
-  background: var(--bg-alt);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 10px 12px;
-  cursor: pointer;
-  transition: border-color 0.15s, background 0.15s;
-  position: relative;
-}
-
-.file-history-entry:hover { border-color: var(--accent); }
-.file-history-entry.no-navigate { cursor: default; opacity: 0.7; }
-.file-history-entry.no-navigate:hover { border-color: var(--border); }
-
-.file-history-entry.selected {
-  border-color: var(--accent);
-  background: var(--accent-bg);
-}
-
-.file-history-entry.selected::before {
-  content: attr(data-select-num);
-  position: absolute;
-  top: -6px;
-  left: -6px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: var(--accent);
-  color: #fff;
-  font-size: 11px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.file-history-entry.git-entry {
-  border-left: 3px solid var(--text-dimmer);
-}
-
-.file-history-entry.git-entry.selected {
-  border-left-color: var(--accent);
-}
-
-.file-history-entry-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 8px;
-}
-
-.file-history-title {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  flex: 1;
-}
-
-.file-history-badge {
-  font-size: 11px;
-  font-weight: 500;
-  padding: 2px 8px;
-  border-radius: 10px;
-  background: var(--accent-bg);
-  color: var(--accent);
-  flex-shrink: 0;
-}
-
-.file-history-badge.badge-commit {
-  background: rgba(var(--overlay-rgb),0.06);
-  color: var(--text-muted);
-}
-
-.file-history-code-subtitle {
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  font-size: 11px;
-  color: var(--text-muted);
-  margin-top: 4px;
-  padding: 2px 6px;
-  background: rgba(var(--overlay-rgb), 0.04);
-  border-radius: 3px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.file-history-meta {
-  font-size: 11px;
-  color: var(--text-dimmer);
-  margin-top: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* Inline diff preview */
-.file-history-diff {
-  max-height: 200px;
-  overflow: auto;
-  border-radius: 6px;
-  background: var(--code-bg);
-  margin-top: 8px;
-}
-
-.file-history-write-badge {
-  padding: 8px 10px;
-  font-size: 12px;
-  color: var(--text-muted);
-  font-style: italic;
-  text-align: center;
-}
-
-/* Action buttons row */
-.file-history-actions {
-  display: flex;
-  gap: 6px;
-  margin-top: 8px;
-}
-
-.file-history-action-btn {
-  padding: 3px 8px;
-  border-radius: 4px;
-  border: 1px solid var(--border);
-  background: transparent;
-  color: var(--text-muted);
-  font-size: 11px;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 0.15s, color 0.15s, border-color 0.15s;
-}
-
-.file-history-action-btn:hover {
-  background: var(--sidebar-hover);
-  color: var(--text);
-  border-color: var(--text-dimmer);
-}
-
-.file-history-nav-btn {
-  color: var(--accent);
-  border-color: transparent;
-}
-
-.file-history-nav-btn:hover {
-  background: var(--accent-bg);
-  color: var(--accent);
-  border-color: var(--accent);
-}
-
-/* Compare bar */
-.file-history-compare-bar-slots {
-  padding: 10px 12px;
-  margin-bottom: 8px;
-  border-radius: 8px;
-  background: rgba(var(--overlay-rgb), 0.04);
-  border: 1px solid var(--border);
-}
-
-.compare-bar-label {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  margin-bottom: 8px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-
-.compare-bar-label svg {
-  width: 13px;
-  height: 13px;
-  opacity: 0.7;
-}
-
-.compare-slots-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.file-history-compare-slot {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  flex: 1;
-  min-width: 0;
-  padding: 7px 10px;
-  border: 1.5px dashed rgba(var(--overlay-rgb), 0.15);
-  border-radius: 6px;
-  font-size: 11px;
-  color: var(--text-muted);
-  background: rgba(var(--overlay-rgb), 0.02);
-  transition: border-color 0.15s, background 0.15s;
-}
-
-.file-history-compare-slot.filled {
-  border-style: solid;
-  border-color: var(--accent);
-  background: var(--accent-bg);
-  color: var(--text-secondary);
-}
-
-.compare-slot-num {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  border-radius: 4px;
-  font-size: 10px;
-  font-weight: 700;
-  flex-shrink: 0;
-  background: rgba(var(--overlay-rgb), 0.1);
-  color: var(--text-muted);
-}
-
-.file-history-compare-slot.filled .compare-slot-num {
-  background: var(--accent);
-  color: #fff;
-}
-
-.compare-slot-text {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-  font-size: 11px;
-}
-
-.compare-slot-placeholder {
-  font-style: italic;
-  opacity: 0.6;
-}
-
-.compare-slot-clear {
-  flex-shrink: 0;
-  border: none;
-  background: none;
-  color: var(--text-dimmer);
-  font-size: 14px;
-  cursor: pointer;
-  padding: 0 2px;
-  line-height: 1;
-}
-.compare-slot-clear:hover { color: var(--text); }
-
-.compare-slot-arrow {
-  flex-shrink: 0;
-  color: var(--text-dimmer);
-  opacity: 0.5;
-}
-
-.compare-slot-arrow svg {
-  width: 14px;
-  height: 14px;
-}
-
-/* Compare button */
-.file-history-compare-btn {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  padding: 7px 14px;
-  border-radius: 6px;
-  border: none;
-  background: var(--accent);
-  color: #fff;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  font-family: inherit;
-  flex-shrink: 0;
-  transition: opacity 0.15s;
-}
-
-.file-history-compare-btn svg {
-  width: 13px;
-  height: 13px;
-}
-
-.file-history-compare-btn:hover { opacity: 0.85; }
-
-/* Compare view */
-.file-history-compare-bar {
-  margin-bottom: 12px;
-}
-
-.file-history-compare-back {
-  padding: 6px 12px;
-  border-radius: 6px;
-  border: 1px solid var(--border);
-  background: transparent;
-  color: var(--text-secondary);
-  font-size: 12px;
-  cursor: pointer;
-  font-family: inherit;
-  transition: background 0.15s, color 0.15s;
-}
-
-.file-history-compare-back:hover { background: var(--sidebar-hover); color: var(--text); }
-
-/* View file bar (back + toggle) */
-.file-history-view-bar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 16px;
-  flex-shrink: 0;
-}
-
-.file-history-view-toggle {
-  display: flex;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  overflow: hidden;
-}
-
-.file-history-toggle-btn {
-  padding: 4px 10px;
-  border: none;
-  background: transparent;
-  color: var(--text-muted);
-  font-size: 11px;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 0.15s, color 0.15s;
-}
-
-.file-history-toggle-btn + .file-history-toggle-btn {
-  border-left: 1px solid var(--border);
-}
-
-.file-history-toggle-btn:hover {
-  background: var(--sidebar-hover);
-  color: var(--text);
-}
-
-.file-history-toggle-btn.active {
-  background: var(--accent-bg);
-  color: var(--accent);
-}
-
-/* Full-size diff container (View diff mode) */
-.file-history-diff-full {
-  flex: 1;
-  overflow: auto;
-  background: var(--code-bg);
-  border-top: 1px solid var(--border-subtle);
-}
-
-/* Split view */
-.file-history-compare-view {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.file-history-compare-view .file-history-compare-bar {
-  padding: 10px 16px;
-  flex-shrink: 0;
-}
-
-.file-history-compare-content {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-}
-
-.file-history-split {
-  display: flex;
-  flex: 1;
-  min-height: 0;
-  border-top: 1px solid var(--border-subtle);
-}
-
-.file-history-split-pane {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-.file-history-split-pane + .file-history-split-pane {
-  border-left: 1px solid var(--border-subtle);
-}
-
-.file-history-split-label {
-  padding: 6px 12px;
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--text-muted);
-  background: var(--bg-alt);
-  border-bottom: 1px solid var(--border-subtle);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-
-.file-history-split-code {
-  flex: 1;
-  overflow: auto;
-  background: var(--code-bg);
-}
-
-.file-history-split-code pre {
-  margin: 0;
-  padding: 8px 12px;
-  font-size: 12px;
-  line-height: 1.5;
-  tab-size: 2;
-}
-
-.file-history-split-code code {
-  font-family: "SF Mono", Menlo, Monaco, monospace;
-}
-
-/* --- Message blink animation --- */
-@keyframes message-blink {
-  0%, 100% { background: transparent; }
-  50% { background: var(--accent-bg); }
-}
-
-.message-blink {
-  animation: message-blink 0.5s ease 3;
-  border-radius: 12px;
-}