beast-agent 1.1.0 → 1.2.0

package/src/renderer/style.css

@@ -145,7 +145,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-}
+}
 .sess-title { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
 .sess-code {
   color: var(--muted);
@@ -920,6 +920,79 @@ body.term-open #settingsOverlay { right: var(--tw, 520px); }
 }
 .tool-body.open { display: block; }
 .tool-body.short { white-space: pre-wrap; }
+.tool-body.diff-body { padding: 0; max-height: 480px; overflow: auto; white-space: normal; }
+
+/* ---------- opencode diff görünümü (BİREBİR port) ----------
+   edit/write sonuçları: SOLDa kırmızı (eski/silinen) — SAĞDA yeşil (yeni/
+   eklenen). Dar alanda birleşik görünüm. Renkler opencode TUI temasının
+   diffAdded/diffRemoved tint mantığından alınmıştır. */
+.diffbox {
+  border-top: 1px solid var(--border);
+  font-family: Consolas, monospace;
+  font-size: 11.5px;
+}
+.diff-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  background: var(--panel2);
+  border-bottom: 1px solid var(--border);
+  color: var(--muted);
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+.diff-file {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  direction: rtl; /* uzun yolda dosya ADI görünsün */
+  text-align: left;
+}
+.diff-badge { display: inline-flex; gap: 6px; font-weight: 700; font-size: 11px; flex-shrink: 0; }
+.diff-badge-add { color: #4ade80; }
+.diff-badge-del { color: #f87171; }
+.tool-head .diff-badge { margin-left: auto; margin-right: 4px; }
+.diff { overflow: auto; }
+.diff-split { display: flex; align-items: flex-start; }
+.diff-side { flex: 1 1 0; min-width: 0; overflow-x: auto; }
+.diff-side.old { border-right: 1px solid var(--border); }
+.diff-line {
+  display: flex;
+  white-space: pre;
+  line-height: 1.45;
+  min-height: 1.45em;
+}
+.diff-num {
+  flex: 0 0 3.2em;
+  text-align: right;
+  padding-right: 8px;
+  color: var(--muted);
+  opacity: 0.55;
+  user-select: none;
+}
+.diff-code { flex: 1; padding-right: 10px; }
+/* kırmızı: silinen/eski (sol) — yeşil: eklenen/yeni (sağ) */
+.diff-line.del { background: rgba(239, 68, 68, 0.13); }
+.diff-line.del .diff-code { color: #fca5a5; }
+.diff-line.del .diff-num { color: #f87171; opacity: 0.8; }
+.diff-line.add { background: rgba(34, 197, 94, 0.12); }
+.diff-line.add .diff-code { color: #86efac; }
+.diff-line.add .diff-num { color: #4ade80; opacity: 0.8; }
+.diff-line.ctx .diff-code { color: var(--muted); }
+.diff-line.space { background: rgba(128, 128, 128, 0.06); }
+.diff-more {
+  padding: 6px 12px;
+  color: var(--muted);
+  font-style: italic;
+  border-top: 1px dashed var(--border);
+  width: 100%;
+}
+/* Beast Code paneli içinde diff gövdesi */
+.bc-toolout.bc-diffview { white-space: normal; padding: 0; max-height: 320px; overflow: auto; }
+.bc-toolout.bc-diffview .diffbox { border-top: none; }
 
 /* status pill */
 
@@ -1669,7 +1742,32 @@ body.browser-open #settingsDialog { width: min(70vw, calc(100vw - var(--bw, 480p
   letter-spacing: 1px;
   font-size: 13px;
   color: var(--text);
-  text-align: center;
+
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 12px 10px 16px;
+  font-weight: 800;
+  letter-spacing: 1px;
+  font-size: 13px;
+  color: var(--text);
+}
+#railTitle { flex: 1; text-align: left; }
+#railClear {
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  background: none;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  color: #111;
+}
+#railClear:hover { background: rgba(0, 0, 0, 0.08); }
+#railClear svg { display: block; }
 }
 
 #railList { flex: 1; overflow-y: auto; padding: 4px 8px; }
@@ -2030,8 +2128,8 @@ body.browser-open #botOverlay { right: var(--bw, 480px); }
   display: flex; gap: 10px; margin-top: 10px; padding-top: 10px;
   border-top: 1px dashed var(--border); font-size: 12.5px; color: var(--muted); flex-wrap: wrap;
 }
-
-
+
+
 /* ---------- IDE MODU ---------- */
 
 #filePanel {
@@ -2055,7 +2153,7 @@ body.ide-mode #filePanel {
   border-right: none;
 }
 /* IDE modunda sağdaki paralel ajan paneli kapalı */
-body.ide-mode #rail { display: none; }
+/* IDE modunda paralel ajan paneli de acilabilir (railBtn) - railBtn basincda acik tarayici yerini birakir */
 /* IDE modunda ortadaki sohbet yerine Beast Code paneli */
 body.ide-mode #chatScroll,
 body.ide-mode #composerWrap { display: none; }
@@ -2533,49 +2631,49 @@ body.ide-mode #codePane { display: flex; }
 .ctx-item:hover { background: var(--panel2); }
 .ctx-item.danger { color: var(--err); }
 
-/* ---------- SKILLS STORE ---------- */
-
-#storeOverlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(36, 41, 47, 0.45);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 56;
-}
-#storeOverlay[hidden] { display: none; }
-body.browser-open #storeOverlay { right: var(--bw, 480px); }
-#storeDialog {
-  width: 70vw;
-  height: 70vh;
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
-}
-#storeHead {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 14px 18px;
-  border-bottom: 1px solid var(--border);
-}
-#storeTitle { font-size: 13px; letter-spacing: 2.5px; font-weight: 800; }
-#storeBeastId {
-  font-family: var(--mono, monospace);
-  font-size: 11px;
-  color: var(--muted);
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  padding: 2px 8px;
-  background: var(--panel2);
-  user-select: all;
-}
-.store-spacer { flex: 1; }
+/* ---------- SKILLS STORE ---------- */
+
+#storeOverlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(36, 41, 47, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 56;
+}
+#storeOverlay[hidden] { display: none; }
+body.browser-open #storeOverlay { right: var(--bw, 480px); }
+#storeDialog {
+  width: 70vw;
+  height: 70vh;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
+}
+#storeHead {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 18px;
+  border-bottom: 1px solid var(--border);
+}
+#storeTitle { font-size: 13px; letter-spacing: 2.5px; font-weight: 800; }
+#storeBeastId {
+  font-family: var(--mono, monospace);
+  font-size: 11px;
+  color: var(--muted);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 2px 8px;
+  background: var(--panel2);
+  user-select: all;
+}
+.store-spacer { flex: 1; }
 #storeTabs {
   display: flex;
   padding: 10px 18px 0;
@@ -2612,83 +2710,83 @@ body.browser-open #storeOverlay { right: var(--bw, 480px); }
   gap: 10px;
   width: 100%;
   max-width: 980px;
-}
-.store-card {
-  border: 1px solid var(--border);
-  border-radius: 11px;
-  background: var(--panel);
-  padding: 12px 13px;
-  display: flex;
-  flex-direction: column;
-  gap: 7px;
-}
-.store-card-top { display: flex; align-items: center; gap: 9px; }
-.store-avatar {
-  width: 34px; height: 34px; flex: none;
-  display: flex; align-items: center; justify-content: center;
-  font-size: 19px;
-  border-radius: 9px;
-  background: var(--panel2);
-  border: 1px solid var(--border);
-}
-.store-name { font-weight: 700; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.store-ver { font-size: 10.5px; color: var(--muted); }
-.store-author { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--muted); min-width: 0; }
-.store-author .sa-avatar { font-size: 13px; }
-.store-author .sa-name { font-weight: 700; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.store-author .sa-beast { font-family: var(--mono, monospace); font-size: 10px; }
-.store-desc {
-  font-size: 12px;
-  color: var(--muted);
-  line-height: 1.45;
-  min-height: 34px;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.store-tags { display: flex; gap: 5px; flex-wrap: wrap; }
-.store-tag {
-  font-size: 10px;
-  color: var(--muted);
-  border: 1px solid var(--border);
-  border-radius: 20px;
-  padding: 1px 8px;
-  background: var(--panel2);
-}
-.store-card-foot { display: flex; align-items: center; gap: 8px; margin-top: auto; }
-.store-stats { font-size: 11.5px; color: var(--muted); display: flex; gap: 10px; }
-.store-like {
-  border: none; background: none; cursor: pointer;
-  color: var(--muted); font-size: 12.5px; padding: 2px 6px; border-radius: 6px;
-}
-.store-like:hover { background: var(--panel2); }
-.store-like.liked { color: var(--err); }
-.store-install {
-  margin-left: auto;
-  padding: 6px 14px;
-  border-radius: 8px;
-  border: 1px solid var(--accent);
-  background: var(--accent-dim);
-  color: var(--accent);
-  font-size: 12px;
-  font-weight: 700;
-  cursor: pointer;
-}
-.store-install:hover { filter: brightness(1.12); }
-.store-install.done {
-  border-color: var(--border);
-  background: none;
-  color: var(--muted);
-  cursor: default;
-  font-weight: 400;
-}
-.store-empty {
-  color: var(--muted);
-  font-size: 12.5px;
-  text-align: center;
-  padding: 40px 0;
-}
+}
+.store-card {
+  border: 1px solid var(--border);
+  border-radius: 11px;
+  background: var(--panel);
+  padding: 12px 13px;
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+}
+.store-card-top { display: flex; align-items: center; gap: 9px; }
+.store-avatar {
+  width: 34px; height: 34px; flex: none;
+  display: flex; align-items: center; justify-content: center;
+  font-size: 19px;
+  border-radius: 9px;
+  background: var(--panel2);
+  border: 1px solid var(--border);
+}
+.store-name { font-weight: 700; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.store-ver { font-size: 10.5px; color: var(--muted); }
+.store-author { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--muted); min-width: 0; }
+.store-author .sa-avatar { font-size: 13px; }
+.store-author .sa-name { font-weight: 700; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.store-author .sa-beast { font-family: var(--mono, monospace); font-size: 10px; }
+.store-desc {
+  font-size: 12px;
+  color: var(--muted);
+  line-height: 1.45;
+  min-height: 34px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.store-tags { display: flex; gap: 5px; flex-wrap: wrap; }
+.store-tag {
+  font-size: 10px;
+  color: var(--muted);
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 1px 8px;
+  background: var(--panel2);
+}
+.store-card-foot { display: flex; align-items: center; gap: 8px; margin-top: auto; }
+.store-stats { font-size: 11.5px; color: var(--muted); display: flex; gap: 10px; }
+.store-like {
+  border: none; background: none; cursor: pointer;
+  color: var(--muted); font-size: 12.5px; padding: 2px 6px; border-radius: 6px;
+}
+.store-like:hover { background: var(--panel2); }
+.store-like.liked { color: var(--err); }
+.store-install {
+  margin-left: auto;
+  padding: 6px 14px;
+  border-radius: 8px;
+  border: 1px solid var(--accent);
+  background: var(--accent-dim);
+  color: var(--accent);
+  font-size: 12px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.store-install:hover { filter: brightness(1.12); }
+.store-install.done {
+  border-color: var(--border);
+  background: none;
+  color: var(--muted);
+  cursor: default;
+  font-weight: 400;
+}
+.store-empty {
+  color: var(--muted);
+  font-size: 12.5px;
+  text-align: center;
+  padding: 40px 0;
+}
 .store-form {
   display: flex;
   flex-direction: column;
@@ -2722,15 +2820,15 @@ body.browser-open #storeOverlay { right: var(--bw, 480px); }
   text-align: left;
 }
 .store-input:focus { outline: none; border-color: var(--accent); }
-.store-picked {
-  font-size: 12px;
-  color: var(--muted);
-  background: var(--bg);
-  border: 1px dashed var(--border);
-  border-radius: 8px;
-  padding: 8px 11px;
-  line-height: 1.5;
-}
+.store-picked {
+  font-size: 12px;
+  color: var(--muted);
+  background: var(--bg);
+  border: 1px dashed var(--border);
+  border-radius: 8px;
+  padding: 8px 11px;
+  line-height: 1.5;
+}
 .store-btn {
   align-self: center;
   padding: 8px 16px;
@@ -2740,7 +2838,7 @@ body.browser-open #storeOverlay { right: var(--bw, 480px); }
   color: var(--text);
   font-size: 12.5px;
   cursor: pointer;
-}
+}
 .store-btn:hover { border-color: var(--accent); color: var(--accent); }
 .store-saved-user {
   font-weight: 700;
@@ -2750,112 +2848,112 @@ body.browser-open #storeOverlay { right: var(--bw, 480px); }
   border: 1px solid var(--accent);
   border-radius: 8px;
   padding: 5px 14px;
-}
-.store-btn.primary {
-  border-color: var(--accent);
-  background: var(--accent-dim);
-  color: var(--accent);
-  font-weight: 700;
-}
-.store-mine { display: flex; flex-direction: column; gap: 6px; }
-.store-mine-row {
-  display: flex; align-items: center; gap: 8px;
-  border: 1px solid var(--border);
-  border-radius: 9px;
-  background: var(--panel);
-  padding: 8px 11px;
-  font-size: 12.5px;
-}
-.store-mine-row .sm-n { font-weight: 700; }
-.store-mine-row .sm-m { color: var(--muted); font-size: 11.5px; flex: 1; }
-.store-mine-row button {
-  border: none; background: none; cursor: pointer;
-  color: var(--muted); font-size: 11.5px; padding: 2px 6px; border-radius: 6px;
-}
-.store-mine-row button:hover { background: var(--panel2); color: var(--text); }
+}
+.store-btn.primary {
+  border-color: var(--accent);
+  background: var(--accent-dim);
+  color: var(--accent);
+  font-weight: 700;
+}
+.store-mine { display: flex; flex-direction: column; gap: 6px; }
+.store-mine-row {
+  display: flex; align-items: center; gap: 8px;
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  background: var(--panel);
+  padding: 8px 11px;
+  font-size: 12.5px;
+}
+.store-mine-row .sm-n { font-weight: 700; }
+.store-mine-row .sm-m { color: var(--muted); font-size: 11.5px; flex: 1; }
+.store-mine-row button {
+  border: none; background: none; cursor: pointer;
+  color: var(--muted); font-size: 11.5px; padding: 2px 6px; border-radius: 6px;
+}
+.store-mine-row button:hover { background: var(--panel2); color: var(--text); }
 .store-mine-row button.sm-del:hover { color: var(--err); }
-
-/* ================= GITHUB TRENDING MODALI =================
-   Skills Store modalıyla aynı tasarım dili: 70vw×70vh, aynı head/kart dili.
-   Sol: Trending depolar · Sağ: Favoriler (localStorage'da kalıcı). */
-#ghOverlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(36, 41, 47, 0.45);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 56;
-}
-#ghOverlay[hidden] { display: none; }
-body.browser-open #ghOverlay { right: var(--bw, 480px); }
-#ghDialog {
-  width: 70vw;
-  height: 70vh;
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
-}
-#ghHead {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 14px 18px;
-  border-bottom: 1px solid var(--border);
-}
-#ghTitle { font-size: 13px; letter-spacing: 2.5px; font-weight: 800; }
-#ghBody { flex: 1; display: flex; min-height: 0; }
-.gh-pane {
-  flex: 1; min-width: 0;
-  display: flex; flex-direction: column;
-}
-#ghTrendPane { border-right: 1px solid var(--border); }
-.gh-pane-title {
-  padding: 10px 14px 8px;
-  font-size: 10.5px; font-weight: 800; letter-spacing: 1.2px;
-  color: var(--muted);
-  border-bottom: 1px solid var(--border);
-  flex: none;
-}
-.gh-pane-sub { font-weight: 400; letter-spacing: 0; text-transform: none; }
-.gh-pane-list { flex: 1; overflow-y: auto; padding: 10px; }
-.gh-empty { color: var(--muted); font-size: 12.5px; padding: 18px 10px; text-align: center; }
-.gh-card {
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 10px 12px;
-  margin-bottom: 8px;
-  background: var(--panel);
-}
-.gh-card:hover { border-color: var(--accent); }
-.gh-card-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
-.gh-name {
-  font-weight: 700; font-size: 13px; color: var(--text);
-  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-  min-width: 0; cursor: pointer;
-}
-.gh-name:hover { color: var(--accent); text-decoration: underline; }
-.gh-stars { color: var(--muted); font-size: 11.5px; flex: none; }
-.gh-lang { color: var(--muted); font-size: 11px; flex: none; }
-.gh-desc {
-  color: var(--muted); font-size: 12px; line-height: 1.4;
-  margin-top: 4px;
-  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
-}
-.gh-actions { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
-.gh-actions button {
-  border: 1px solid var(--border); background: var(--panel2);
-  color: var(--text); font-size: 11.5px; font-weight: 700;
-  padding: 3px 10px; border-radius: 7px; cursor: pointer;
-}
-.gh-actions button:hover { border-color: var(--accent); color: var(--accent); }
-.gh-actions button.gh-fav.on { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); }
+
+/* ================= GITHUB TRENDING MODALI =================
+   Skills Store modalıyla aynı tasarım dili: 70vw×70vh, aynı head/kart dili.
+   Sol: Trending depolar · Sağ: Favoriler (localStorage'da kalıcı). */
+#ghOverlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(36, 41, 47, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 56;
+}
+#ghOverlay[hidden] { display: none; }
+body.browser-open #ghOverlay { right: var(--bw, 480px); }
+#ghDialog {
+  width: 70vw;
+  height: 70vh;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
+}
+#ghHead {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 18px;
+  border-bottom: 1px solid var(--border);
+}
+#ghTitle { font-size: 13px; letter-spacing: 2.5px; font-weight: 800; }
+#ghBody { flex: 1; display: flex; min-height: 0; }
+.gh-pane {
+  flex: 1; min-width: 0;
+  display: flex; flex-direction: column;
+}
+#ghTrendPane { border-right: 1px solid var(--border); }
+.gh-pane-title {
+  padding: 10px 14px 8px;
+  font-size: 10.5px; font-weight: 800; letter-spacing: 1.2px;
+  color: var(--muted);
+  border-bottom: 1px solid var(--border);
+  flex: none;
+}
+.gh-pane-sub { font-weight: 400; letter-spacing: 0; text-transform: none; }
+.gh-pane-list { flex: 1; overflow-y: auto; padding: 10px; }
+.gh-empty { color: var(--muted); font-size: 12.5px; padding: 18px 10px; text-align: center; }
+.gh-card {
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 10px 12px;
+  margin-bottom: 8px;
+  background: var(--panel);
+}
+.gh-card:hover { border-color: var(--accent); }
+.gh-card-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.gh-name {
+  font-weight: 700; font-size: 13px; color: var(--text);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  min-width: 0; cursor: pointer;
+}
+.gh-name:hover { color: var(--accent); text-decoration: underline; }
+.gh-stars { color: var(--muted); font-size: 11.5px; flex: none; }
+.gh-lang { color: var(--muted); font-size: 11px; flex: none; }
+.gh-desc {
+  color: var(--muted); font-size: 12px; line-height: 1.4;
+  margin-top: 4px;
+  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
+}
+.gh-actions { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
+.gh-actions button {
+  border: 1px solid var(--border); background: var(--panel2);
+  color: var(--text); font-size: 11.5px; font-weight: 700;
+  padding: 3px 10px; border-radius: 7px; cursor: pointer;
+}
+.gh-actions button:hover { border-color: var(--accent); color: var(--accent); }
+.gh-actions button.gh-fav.on { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); }
 .gh-err { color: var(--err); font-size: 12.5px; padding: 14px; text-align: center; }
-
+
 /* github filtre çubuğu: aralık + sıralama + arama */
 .gh-filters {
   display: flex;
@@ -2868,20 +2966,20 @@ body.browser-open #ghOverlay { right: var(--bw, 480px); }
 }
 /* display:flex, [hidden] ni ezmesin — sekmeye göre gerçekten gizlensin */
 #ghTrendTools[hidden],
-#ghAllTools[hidden] { display: none; }
-.gh-ranges { display: flex; gap: 4px; }
-.gh-ranges button {
-  border: 1px solid var(--border);
-  background: var(--panel2);
-  color: var(--muted);
-  font-size: 11.5px;
-  font-weight: 700;
-  padding: 3px 9px;
-  border-radius: 7px;
-  cursor: pointer;
-}
-.gh-ranges button:hover { color: var(--text); }
-.gh-ranges button.on { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); }
+#ghAllTools[hidden] { display: none; }
+.gh-ranges { display: flex; gap: 4px; }
+.gh-ranges button {
+  border: 1px solid var(--border);
+  background: var(--panel2);
+  color: var(--muted);
+  font-size: 11.5px;
+  font-weight: 700;
+  padding: 3px 9px;
+  border-radius: 7px;
+  cursor: pointer;
+}
+.gh-ranges button:hover { color: var(--text); }
+.gh-ranges button.on { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); }
 #ghSortBtn,
 #ghAllSortBtn,
 .gh-refresh {
@@ -2920,7 +3018,7 @@ body.browser-open #ghOverlay { right: var(--bw, 480px); }
   min-width: 0;
   width: auto;
   text-overflow: ellipsis;
-}
+}
 /* sol bölme sekmeleri: Trend Repolar ⇄ Tüm Repolar — eşit genişlik, ortalanmış metin */
 .gh-pane-tabs { display: flex; flex: none; }
 .gh-tab {
@@ -2945,3 +3043,20 @@ body.browser-open #ghOverlay { right: var(--bw, 480px); }
   flex: none;
   text-align: center;
 }
+
+/* Beast Code durum balonu: dusunuyor… / arac adlari — inputun ustunde */
+#bcStatus {
+  flex: none;
+  align-self: flex-start;
+  margin: 0 12px 6px;
+  padding: 4px 10px;
+  font-size: 11px;
+  color: var(--muted);
+  background: var(--panel2);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  max-width: calc(100% - 24px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}