add Repo Managment / Kontext Menu in Braches

src/app.css

@@ -986,6 +986,8 @@
     align-items: center;
     gap: 6px;
   }
+  .branch-panel { position: relative; }
+
   .branch-create-toggle {
     width: 26px;
     min-width: 26px;
@@ -1092,6 +1094,60 @@
     font-size: 12px;
   }
 
+  .branch-folder-row {
+    display: grid;
+    grid-template-columns: auto auto minmax(0, 1fr) auto;
+    align-items: center;
+    justify-content: stretch;
+    gap: 7px;
+    width: 100%;
+    min-height: 34px;
+    padding: 5px 8px;
+    padding-left: calc(8px + var(--branch-indent, 0px));
+    border: 1px solid transparent;
+    border-radius: 8px;
+    background: transparent;
+    color: var(--color-ink-dim);
+    text-align: left;
+  }
+  .branch-folder-row + .branch-folder-row,
+  .branch-folder-row + .branch-row,
+  .branch-row + .branch-folder-row {
+    margin-top: 3px;
+  }
+  .branch-folder-row:hover:not(:disabled) {
+    border-color: var(--color-border-subtle);
+    background: var(--color-surface-hover);
+    color: var(--color-ink);
+  }
+  .branch-folder-row.current {
+    border-color: rgba(78,202,118,0.2);
+    background: rgba(78,202,118,0.08);
+  }
+  .branch-folder-row svg { color: var(--color-ink-faint); }
+  .branch-folder-row.current svg { color: #4eca76; }
+  .branch-folder-name {
+    overflow: hidden;
+    color: var(--color-ink-muted);
+    font-size: 12.5px;
+    font-weight: 800;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .branch-folder-count {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 20px;
+    min-height: 18px;
+    padding: 0 6px;
+    border-radius: 999px;
+    color: var(--color-ink-dim);
+    background: rgba(94,110,156,0.14);
+    font-size: 10px;
+    font-weight: 800;
+  }
+
   .branch-row {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -1099,6 +1155,7 @@
     gap: 8px;
     min-height: 46px;
     padding: 7px 8px;
+    padding-left: calc(8px + var(--branch-indent, 0px));
     border: 1px solid transparent;
     border-radius: 8px;
     transition: background 120ms, border-color 120ms;
@@ -1118,6 +1175,57 @@
 
   .branch-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
 
+  .branch-context-menu {
+    position: absolute;
+    z-index: 120;
+    display: grid;
+    gap: 2px;
+    min-width: 184px;
+    padding: 5px;
+    border: 1px solid var(--color-border);
+    border-radius: 8px;
+    background: var(--color-surface);
+    box-shadow: 0 18px 50px rgba(0,0,0,0.35);
+  }
+
+  .branch-context-menu button {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 8px;
+    width: 100%;
+    min-height: 30px;
+    padding: 6px 8px;
+    border-color: transparent;
+    border-radius: 6px;
+    background: transparent;
+    color: var(--color-ink-muted);
+    font-size: 12px;
+    font-weight: 700;
+    text-align: left;
+  }
+
+  .branch-context-menu button:hover:not(:disabled) {
+    border-color: var(--color-border-subtle);
+    background: rgba(255,255,255,0.06);
+    color: var(--color-ink);
+  }
+
+  .branch-context-menu button.danger {
+    color: #ff9aa8;
+  }
+
+  .branch-context-menu button.danger:hover:not(:disabled) {
+    border-color: rgba(255,92,117,0.34);
+    background: rgba(255,92,117,0.12);
+    color: #ffd0d6;
+  }
+
+  .branch-context-menu button:disabled {
+    cursor: not-allowed;
+    opacity: 0.48;
+  }
+
   /* --- Explorer --- */
 
   .explorer-head-actions { display: flex; align-items: center; gap: 5px; flex: 0 0 auto; }
@@ -1378,12 +1486,25 @@
     max-height: calc(100vh - 32px);
     overflow: auto;
   }
+  .rename-branch-dialog {
+    display: block;
+    width: min(520px, calc(100vw - 32px));
+    height: auto;
+    max-height: calc(100vh - 32px);
+    overflow: auto;
+  }
   .new-branch-form {
     display: flex;
     flex-direction: column;
     gap: 14px;
     padding: 16px;
   }
+  .rename-branch-form {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    padding: 16px;
+  }
   .new-branch-target {
     display: flex;
     align-items: center;