feat: Third pass aligning core experience with IntelliJ IDEA

Project & files
- Project view modes (Project Files / Open Files / All Changed Files /
  Scratches); External Libraries for Python, JDK (src.zip), Node, Cargo, Go,
  Maven/Gradle jars; read-only jar/zip browsing
- ⌘N New popup with type search and more file kinds; New Project, Rename
  Project, Reload All from Disk, Export/Import Settings, Power Save Mode
- File type associations, extra content roots and exclude patterns (indexed
  and watched without reopening the project)

Editor & navigation
- Find bar: search scope (comments/strings), Preserve Case, Exclude, multiline,
  history; Find in Files: Module scope, custom pattern scopes, multiline
- Search Everywhere filters, Assign Shortcut, settings results; named bookmark
  lists, file/folder bookmarks; Structure filters and Show Inherited; Recent
  Locations timestamps and breadcrumbs; Code Vision author
- Completion options, editor tab placement/layout, inline completion (LSP 3.18)
- Spell checking (Typo inspection, ide-spell) and Inspections settings with
  custom profiles; Code Style schemes, formatter markers, Do not format

Run, VCS, services, database
- Typed run configurations (Shell, Program, npm, Gradle, Maven, Docker,
  Compound), Modify options, Before launch, env dialog, Current File,
  Emulate terminal (PTY)
- Git log graph/view options, Go to Hash/Branch/Tag, date filter keeps the
  graph; Pull/Merge/Rebase dialogs, Manage Remotes, Worktrees
- Generic Services host (Docker connections/registries, run sessions); TODO
  scope/changes tabs with changelists; Coverage report import
- Data sources: wire-compatible vendors, URL import, SSL certs, Options,
  Schemas and Advanced tabs, color and comment

Workbench
- Run Anything, Customize Main Toolbar, named tool window layouts, menu
  completeness, Code Cleanup, macros, "Don't Show Again", editor banners
- Chinese translations for the new UI

Claude-Session: https://claude.ai/code/session_01SaPPsVPuk6ZTNsoUCNCbMv

src/ui/Tabs.module.css

@@ -48,6 +48,13 @@
   background: var(--bg-tab-selected);
   box-shadow: inset 0 0 0 1px var(--border-tab-selected);
 }
+.tinted,
+.tinted:hover {
+  background: color-mix(in srgb, var(--tab-tint) var(--tint-strength, 22%), transparent);
+}
+.tinted.selected {
+  background: color-mix(in srgb, var(--tab-tint) var(--tint-strength, 22%), var(--bg-tab-selected));
+}
 .tabButton {
   display: flex;
   align-items: center;
@@ -125,6 +132,98 @@
   justify-content: flex-end;
 }
 
+/* Tabs that don't fit: squeezed (labels ellipsized) or wrapped into rows. */
+.squeeze .scroller {
+  flex: 0 1 auto;
+}
+.squeeze .tab {
+  flex: 0 1 auto;
+  min-width: 40px;
+}
+.squeeze .tabButton {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+}
+.squeeze .tabLabel {
+  min-width: 0;
+}
+.wrap {
+  height: auto;
+  min-height: var(--h-header);
+}
+.wrap .scroller {
+  flex: 1;
+  flex-wrap: wrap;
+  overflow: visible;
+  row-gap: 2px;
+  padding: 3px 0;
+}
+.wrap .tab {
+  height: calc(var(--h-header) - 6px);
+}
+
+/* Vertical strip (editor tabs placed left / right): a scrolling column of full-width tabs. */
+.vertical {
+  flex-direction: column;
+  height: auto;
+  min-height: 0;
+  padding: 4px;
+}
+.vertical .scroller {
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: stretch;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-width: thin;
+}
+.vertical .scroller::-webkit-scrollbar {
+  display: initial;
+}
+.vertical .tab {
+  height: 24px;
+  min-height: 24px;
+}
+.vertical .tabButton {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.vertical .tabLabel {
+  min-width: 0;
+  max-width: none;
+}
+.vertical .trailing {
+  flex: none;
+  justify-content: flex-end;
+  padding-bottom: 4px;
+}
+.vertical .dropBefore::before,
+.vertical .dropAfter::after {
+  top: auto;
+  bottom: auto;
+  left: 4px;
+  right: 4px;
+  width: auto;
+  height: 2px;
+}
+.vertical .dropBefore::before {
+  top: -2px;
+}
+.vertical .dropAfter::after {
+  bottom: -2px;
+}
+
+/* Close button on the left of the label */
+.closeLeft .closeSlot {
+  order: -1;
+  margin: 0 0 0 4px;
+}
+.closeLeft .closable .tabButton {
+  padding: 0 10px 0 2px;
+}
+
 /* drag & drop */
 .dragging {
   opacity: 0.5;