beast-agent 2.38.0 → 2.38.2

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "beast-agent",
     "productName": "Beast Agent",
-    "version": "2.38.0",
+    "version": "2.38.2",
     "description": "Ultra-fast local agent shell for Windows.",
     "author": "algokodcom (AlgoKod)",
     "license": "MIT",

package/src/agent/engine.js

@@ -1919,18 +1919,25 @@ class Engine {
         macro:
           'ROL: MAKRO AJANI 🌍 — büyük resim uzmanısın, İşlem AÇMAZSIN (mt5_trade/mt5_pending/mt5_close KULLANMA). Her turda web_search ile güncel makro manşetleri + ekonomik takvim riskleri (faiz, CPI, jeopolitik); DXY/altın/petrol bağıntılarını odak sembollere çevir; sembol başına yön eğilimi + TEMKİN/BEKLE notu ver.',
       })[String((session && session.financeRole) || '')] || '';
-    /* ROL → SKILL eşleştirmesi (ayarlar modalı): TAMAMEN İSTEĞE BAĞLI — boşsa
-       satır eklenmez ve ajan skill'i göreve göre kendi seçer (SKILLS kataloğu).
-       Doluysa rol için öncelikli skill'ler hatırlatılır. */
+    /* ROL → SKILL eşleştirmesi (ayarlar modalı): rol başına TEK ve ZORUNLU
+       skill. Seçili SKILL.md'nin TAM GÖVDESİ prompta gömülür — ajan skill
+       aracını çağırmayı atlasa bile prosedür KESİN uygulanır. Eşleştirme
+       boşsa satır eklenmez; ajan skill'i göreve göre kendi seçer (SKILLS). */
     const roleSkills = Array.isArray(session && session.financeRoleSkills)
-      ? session.financeRoleSkills.map((s) => String(s || '').trim()).filter(Boolean).slice(0, 8)
+      ? session.financeRoleSkills.map((s) => String(s || '').trim()).filter(Boolean).slice(0, 1)
       : [];
-    const roleBlockFull = roleBlock
-      ? roleBlock +
-        (roleSkills.length
-          ? ` Bu rol için isteğe bağlı öncelikli skill'ler: ${roleSkills.map((n) => `skill("${n}")`).join(', ')} — görev gerektiriyorsa skill aracıyla oku ve prosedürüne göre uygula.`
-          : '')
-      : '';
+    let roleSkillBlock = '';
+    if (roleBlock && roleSkills.length) {
+      const roleSkillName = roleSkills[0];
+      const sb = this._skillBody({ name: roleSkillName });
+      roleSkillBlock =
+        ` Bu rolün ZORUNLU skill'i: skill("${roleSkillName}")` +
+        (sb && sb.ok && sb.content
+          ? ' — aşağıda TAM prosedürü verilmiştir; HER TURDA birebir uygula (ayrıca okumana gerek yok):\n\n' +
+            `===== SKILL: ${roleSkillName} =====\n${sb.content}\n===== /SKILL =====`
+          : ' — ilk turda bu skill\'i mutlaka oku ve prosedürüne birebir uy.');
+    }
+    const roleBlockFull = roleBlock ? roleBlock + roleSkillBlock : '';
     /* FİNANS EKİBİ: tüm finance ajanları tek DM grubundadır — sohbet grup
        thread'inde toplanır (ayrı ayrı 1:1 thread'lere dağılmaz) */
     const finJob = this._bgJobs && this._bgJobs.get(String(session && session.id));

package/src/main.js

@@ -5144,11 +5144,17 @@ ipcMain.handle('agent:send', (_e, { sessionId, text }) => {
       const fsid = String(sessionId);
       let fsess = engine.cache.get(fsid);
       if (!fsess) { try { fsess = engine._load(fsid); } catch {} }
-      if (fsess && !fsess.botId && !fsess.bgJob && financeState.mode && !fsess.finance) {
-        engine.markFinance(fsid, false);
-        finApplyTraderFields(fsess);
-        fsess.financeTrader = false; /* chat copilot'ı — trader değil */
-        engine.cache.set(fsid, fsess);
+      if (fsess && !fsess.botId && !fsess.bgJob && financeState.mode) {
+        if (!fsess.finance) {
+          engine.markFinance(fsid, false);
+          finApplyTraderFields(fsess);
+          fsess.financeTrader = false; /* chat copilot'ı — trader değil */
+          engine.cache.set(fsid, fsess);
+        } else if (!financeState.agents.has(fsid)) {
+          /* finance SOHBET botu: ajan talimatı/ayarlar HER MESAJDA tazelenir —
+             asıl bot paralel ajanlardan geri kalmaz */
+          finApplyChatFields(fsess);
+        }
       }
     }
   } catch {}
@@ -8477,10 +8483,9 @@ function finCfg() {
   f.analysisAuto = true;
   if (!Number.isFinite(Number(f.analysisCount))) f.analysisCount = 2;
   f.analysisCount = Math.max(0, Math.min(FIN_ROLES_AUTO.length, Math.round(Number(f.analysisCount) || 0)));
-  /* ROL → SKILL eşleştirmesi: VARSAYILAN BOŞ — ajan göreve göre skill'i kendi
-     seçer (SKILLS kataloğu promptta). İstenirse ⚙ modalından rol başına
-     sabitlenir; skill adları kurulu katalogdan gelir. Eski sürümün otomatik
-     doldurduğu varsayılanlar bir kez temizlenir. */
+  /* ROL → SKILL eşleştirmesi: rol başına TEK skill — modalda zorunlu tek
+     seçim yapılır. Eski çoklu seçimlerden yalnız İLKİ korunur (göç). Skill
+     adları kurulu katalogdan gelir. */
   if (f.roleSkillsDefaultsCleared !== true) {
     f.roleSkills = {};
     f.roleSkillsDefaultsCleared = true;
@@ -8488,7 +8493,7 @@ function finCfg() {
   if (!f.roleSkills || typeof f.roleSkills !== 'object') f.roleSkills = {};
   for (const d of FIN_ROLES) {
     const cur = Array.isArray(f.roleSkills[d.id]) ? f.roleSkills[d.id] : [];
-    f.roleSkills[d.id] = cur.map((s) => String(s || '').trim()).filter(Boolean).slice(0, 8);
+    f.roleSkills[d.id] = cur.map((s) => String(s || '').trim()).filter(Boolean).slice(0, 1);
   }
   if (!Number(f.intervalSec)) f.intervalSec = 120;
   if (!Number(f.maxLot)) f.maxLot = 0.1;
@@ -9354,6 +9359,19 @@ function finApplyTraderFields(s, symbolsOverride, role) {
   engine.cache.set(String(s.id), s);
 }
 
+/* Finance SOHBET oturumu (chat copilot) alanlarını tazele — trader bayrağı
+   KORUNUR. Strateji/sembol/limit/rol-skill değişiklikleri "asıl bot"a da
+   ulaşsın; paralel ajanlar tur başında zaten tazeleniyor. */
+function finApplyChatFields(s) {
+  if (!s) return;
+  const wasTrader = !!s.financeTrader;
+  finApplyTraderFields(s);
+  s.financeTrader = wasTrader;
+  if (!wasTrader) s.financeAuto = false; /* sohbet copilot'ı — otonom trader değil */
+  engine.cache.set(String(s.id), s);
+  return s;
+}
+
 /* Yeni finance ajanı aç (ana trader YA DA sembol işçisi YA DA analiz ekibi rolü) */
 function finAgentCreate(symbols, isMain, role) {
   const f = finCfg();
@@ -9713,12 +9731,22 @@ ipcMain.handle('finance:settings', async (_e, patch) => {
   if (p.analysisTeam !== undefined) f.analysisTeam = finRolesValid(p.analysisTeam);
   if (p.analysisAuto !== undefined) f.analysisAuto = !!p.analysisAuto;
   if (p.analysisCount !== undefined) f.analysisCount = Math.max(0, Math.min(FIN_ROLES_AUTO.length, Math.round(Number(p.analysisCount) || 0)));
-  /* ROL → SKILL eşleştirmesi güncellemesi (modal) */
+  /* ROL → SKILL eşleştirmesi güncellemesi (modal): rol başına TEK skill */
   if (p.roleSkills !== undefined && p.roleSkills && typeof p.roleSkills === 'object') {
     for (const d of FIN_ROLES) {
       if (p.roleSkills[d.id] === undefined) continue;
       f.roleSkills[d.id] = (Array.isArray(p.roleSkills[d.id]) ? p.roleSkills[d.id] : [])
-        .map((s) => String(s || '').trim()).filter(Boolean).slice(0, 8);
+        .map((s) => String(s || '').trim()).filter(Boolean).slice(0, 1);
+    }
+    /* koşan rol ajanlarını da tazele — seçim sonraki turdan itibaren sistem
+       promptuna girer (ajanı durdurmaya gerek yok) */
+    if (financeState.agents && engine) {
+      for (const [sid, a] of financeState.agents) {
+        try {
+          const ss = engine.cache.get(sid);
+          if (ss && a && a.role) finApplyTraderFields(ss, a.symbols, a.role);
+        } catch {}
+      }
     }
   }
   if (p.pythonPath !== undefined) f.pythonPath = String(p.pythonPath || '').trim();
@@ -9737,6 +9765,18 @@ ipcMain.handle('finance:settings', async (_e, patch) => {
       if (ts) finApplyTraderFields(ts);
     } catch {}
   }
+  /* finance SOHBET oturumları: strateji/sembol/limit/rol-skill değişince ANINDA
+     tazelenir — "asıl bot" (Beast Finance sohbeti) de aynı ajan talimatını görür */
+  if (engine) {
+    try {
+      for (const [ssid, ss] of engine.cache) {
+        if (!ss || !ss.finance || ss.botId || ss.bgJob) continue;
+        if (financeState.agents.has(String(ssid))) continue; /* ajanlar tur başında tazelenir */
+        if (ssid === String(financeState.traderSid || '')) continue;
+        finApplyChatFields(ss);
+      }
+    } catch {}
+  }
   return { ok: true, cfg: f };
 });
 

package/src/renderer/index.html

@@ -153,7 +153,7 @@
           <button id="finSettings" title="Görünüm ayarları — bölümleri göster/gizle">&#9881;</button>
         </div>
         <div id="finBody">
-          <div class="fin-card">
+          <div class="fin-card" data-fin-card="account">
             <div class="fin-card-title">HESAP</div>
             <div class="fin-grid">
               <div class="fin-kv"><span>Bakiye</span><b id="finBalance">—</b></div>
@@ -162,8 +162,8 @@
               <div class="fin-kv"><span>Serbest Marj</span><b id="finFree">—</b></div>
             </div>
           </div>
-          <div class="fin-card fin-card-trader">
-            <div class="fin-card-title">TRADE AJANI <span id="finTraderDot" class="fin-dot off" title="Trader durumu"></span><span class="file-spacer"></span><button id="finModelRefreshBtn" title="Modelleri yeniden çek — eksik/güncel modelleri tazeler">&#x27F3;</button><button id="finSkillsBtn" title="Rol → skill eşleştirmesi — hangi rol hangi skill'i okur">&#9881;</button></div>
+          <div class="fin-card fin-card-trader" data-fin-card="trader">
+            <div class="fin-card-title">TRADE AJANI <span id="finTraderDot" class="fin-dot off" title="Trader durumu"></span><span class="file-spacer"></span><button id="finModelRefreshBtn" title="Modelleri yeniden çek — eksik/güncel modelleri tazeler">&#x27F3;</button><button id="finSkillsBtn" title="Rol → skill eşleştirmesi — her role ZORUNLU tek skill (ajan her turda onu okur)">&#9881;</button></div>
             <div class="fin-field">
               <span>Model</span>
               <select id="finTraderModel" title="Trader ajanının modeli — farklı API/model seçilebilir"></select>
@@ -195,7 +195,7 @@
             </div>
             <div id="finTraderStatus">Kapalı</div>
           </div>
-          <div class="fin-card" id="finRiskCard" hidden>
+          <div class="fin-card" id="finRiskCard" data-fin-card="risk" hidden>
             <div class="fin-card-title">RİSK OTOMASYONU <span id="finWatchDot" class="fin-dot off" title="Koruma döngüsü"></span><span id="finWatchInfo" class="fin-hint"></span></div>
             <div class="fin-field fin-check">
               <label title="5 saniyelik döngü: +R'da SL'yi başabaşa çeker, trailing uygular, kısmi TP alır — ajan turunu beklemez">
@@ -226,7 +226,7 @@
             </div>
             <div id="finAlertList" class="fin-alerts"><div class="fin-empty">Aktif fiyat alarmı yok</div></div>
           </div>
-          <div class="fin-card" id="finNotifyCard" hidden>
+          <div class="fin-card" id="finNotifyCard" data-fin-card="notify" hidden>
             <div class="fin-card-title">BİLDİRİM <span class="fin-hint">— kanal seçimi ve olay filtresi</span></div>
             <div class="fin-field">
               <span>Bildirim kanalı</span>
@@ -244,7 +244,7 @@
               </label>
             </div>
           </div>
-          <div class="fin-card" id="finPerfCard" hidden>
+          <div class="fin-card" id="finPerfCard" data-fin-card="perf" hidden>
             <div class="fin-card-title">PERFORMANS <span id="finStatsInfo" class="fin-hint"></span><span class="file-spacer"></span><button id="finReportBtn" title="Haftalık rapor üret — istatistik + işlem günlüğü + ajan değerlendirmesi">&#128196; Rapor</button></div>
             <div id="finEquityChart" class="fin-equity"></div>
             <div class="fin-grid">
@@ -256,13 +256,13 @@
               <div class="fin-kv"><span>İşlem (90g)</span><b id="finStatTrades">—</b></div>
             </div>
           </div>
-          <div class="fin-card">
+          <div class="fin-card" data-fin-card="positions">
             <div class="fin-card-title">POZİSYONLAR <span id="finPosCount"></span></div>
             <div id="finPosList"><div class="fin-empty">Açık pozisyon yok</div></div>
             <div class="fin-sect-title">BEKLEYEN EMİRLER <span id="finOrdCount"></span></div>
             <div id="finOrdList"><div class="fin-empty">Bekleyen emir yok</div></div>
           </div>
-          <div class="fin-card">
+          <div class="fin-card" data-fin-card="market">
             <div class="fin-card-title">
               PİYASA
               <span class="file-spacer"></span>
@@ -271,7 +271,7 @@
             </div>
             <div id="finSymList"><div class="fin-empty">—</div></div>
           </div>
-          <div class="fin-card fin-grow" id="finFlowCard" hidden>
+          <div class="fin-card fin-grow" id="finFlowCard" data-fin-card="flow" hidden>
             <div class="fin-card-title">AKIŞ</div>
             <div id="finLog"></div>
           </div>
@@ -761,7 +761,7 @@
       </div>
       <div class="mini-body">
         <div id="finSkillsList" class="mini-list"></div>
-        <div class="fin-sym-hint">İsteğe bağlı: rol başına skill sabitle. Boş bırakırsan ajan göreve göre skill'i kendi seçer — liste kurulu katalogdan gelir, yeni skill eklenince otomatik görünür.</div>
+        <div class="fin-sym-hint">Her rol için TEK skill ZORUNLUDUR — aynı role birden fazla skill seçilemez. Seçili skill kaldırılamaz; değiştirmek için başka bir skill'e tıkla. Seçim, koşan ajanlar dahil sonraki turdan itibaren rol ajanının sistem promptuna zorunlu skill olarak girer.</div>
       </div>
     </div>
   </div>

package/src/renderer/renderer.js

@@ -162,6 +162,7 @@ const els = {
   stSplit: $('#stSplit'),
   finBtn: $('#finBtn'),
   finPanel: $('#finPanel'),
+  finBody: $('#finBody'),
   finDot: $('#finDot'),
   finTerm: $('#finTerm'),
   finReconnect: $('#finReconnect'),
@@ -4949,7 +4950,9 @@ async function refreshAgentsPane() {
      kullanıcı çalışırken elle kapatırsa ezilmez; dahili tarayıcı ve IDE modu
      açıkken karışılmaz — orada railBtn ile elle açılır)
    - Tüm işler bitince otomatik KAPANIR (yalnız açılışı biz yaptıysak;
-     kullanıcı elle açtıysa açık kalır) */
+     kullanıcı elle açtıysa açık kalır). BEAST FINANCE istisnası: trade ajanı
+     durdurulunca konsol KAPANMAZ — duran ajanların raporları/geçmişi görünür
+     kalsın; kullanıcı isterse railBtn ile kendisi kapatır. */
 function maybeAutoOpenRail() {
   const hasRunning = agentState.jobs.some((j) => j.status === 'running');
   const hidden = document.body.classList.contains('rail-hidden');
@@ -4959,7 +4962,8 @@ function maybeAutoOpenRail() {
     railPrefBeforeBrowser = true;
   }
   if (!hasRunning && agentState.autoOpened && !hidden &&
-      !railManualOpen && !document.body.classList.contains('browser-open')) {
+      !railManualOpen && !document.body.classList.contains('browser-open') &&
+      !financeModeOn()) {
     toggleRail(true);
     railManualOpen = false;
   }
@@ -9769,6 +9773,100 @@ if (els.finShowPerf) els.finShowPerf.addEventListener('change', () => finViewTog
 if (els.finShowFlow) els.finShowFlow.addEventListener('change', () => finViewToggle('flow', els.finShowFlow.checked));
 finViewApply();
 
+/* ---------- BÖLÜM SIRALAMA (sürükle-bırak) ----------
+   Kartların sol üstündeki tutamak (⠿) ile bölümlerin yerini değiştir;
+   sıra localStorage'a yazılır — panel kapatılıp açılsa da korunur. */
+const finOrderKey = 'beast.financeOrder';
+let finDragCard = null;
+
+function finOrderLoad() {
+  try {
+    const v = JSON.parse(localStorage.getItem(finOrderKey) || 'null');
+    return Array.isArray(v) ? v.map(String).filter(Boolean) : [];
+  } catch { return []; }
+}
+
+function finOrderApply() {
+  const body = els.finBody;
+  if (!body) return;
+  const cards = [...body.querySelectorAll(':scope > .fin-card')];
+  const byKey = new Map();
+  for (const c of cards) if (c.dataset.finCard) byKey.set(c.dataset.finCard, c);
+  for (const key of finOrderLoad()) {
+    const c = byKey.get(key);
+    if (c) { body.appendChild(c); byKey.delete(key); }
+  }
+  for (const c of byKey.values()) body.appendChild(c); /* yeni kartlar sona */
+}
+
+function finOrderSave() {
+  const body = els.finBody;
+  if (!body) return;
+  const keys = [...body.querySelectorAll(':scope > .fin-card')]
+    .map((c) => c.dataset.finCard)
+    .filter(Boolean);
+  try { localStorage.setItem(finOrderKey, JSON.stringify(keys)); } catch {}
+}
+
+function finCardsInit() {
+  const body = els.finBody;
+  if (!body) return;
+  finOrderApply();
+  const cards = [...body.querySelectorAll(':scope > .fin-card')];
+  for (const card of cards) {
+    const title = card.querySelector('.fin-card-title');
+    if (!title) continue;
+    const grip = document.createElement('span');
+    grip.className = 'fin-grip';
+    grip.title = 'Sürükle-bırak: bölümün yerini değiştir';
+    grip.textContent = '⠿';
+    title.prepend(grip);
+    grip.addEventListener('mousedown', () => { card.draggable = true; });
+    card.addEventListener('dragstart', (e) => {
+      finDragCard = card;
+      card.classList.add('fin-dragging');
+      try {
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/plain', card.dataset.finCard || '');
+      } catch {}
+    });
+    card.addEventListener('dragend', () => {
+      finDragCard = null;
+      card.draggable = false;
+      card.classList.remove('fin-dragging');
+      body.querySelectorAll('.fin-drop-top, .fin-drop-bottom')
+        .forEach((x) => x.classList.remove('fin-drop-top', 'fin-drop-bottom'));
+      finOrderSave();
+    });
+    card.addEventListener('dragover', (e) => {
+      if (!finDragCard || finDragCard === card) return;
+      e.preventDefault();
+      try { e.dataTransfer.dropEffect = 'move'; } catch {}
+      const r = card.getBoundingClientRect();
+      const after = e.clientY > r.top + r.height / 2;
+      body.querySelectorAll('.fin-drop-top, .fin-drop-bottom')
+        .forEach((x) => x.classList.remove('fin-drop-top', 'fin-drop-bottom'));
+      card.classList.add(after ? 'fin-drop-bottom' : 'fin-drop-top');
+    });
+    card.addEventListener('dragleave', () => card.classList.remove('fin-drop-top', 'fin-drop-bottom'));
+    card.addEventListener('drop', (e) => {
+      e.preventDefault();
+      if (!finDragCard || finDragCard === card) return;
+      const r = card.getBoundingClientRect();
+      const after = e.clientY > r.top + r.height / 2;
+      if (after) card.after(finDragCard);
+      else card.before(finDragCard);
+      card.classList.remove('fin-drop-top', 'fin-drop-bottom');
+      finOrderSave();
+    });
+  }
+  document.addEventListener('mouseup', () => {
+    if (finDragCard) return;
+    body.querySelectorAll('.fin-card[draggable="true"]').forEach((c) => { c.draggable = false; });
+  });
+}
+finCardsInit();
+
 if (els.finInterval) els.finInterval.addEventListener('change', () => {
   const v = Math.max(30, Math.min(3600, Math.round(Number(els.finInterval.value) || 120)));
   els.finInterval.value = v;
@@ -10076,31 +10174,40 @@ function finRenderSkills() {
     head.innerHTML =
       '<b>' + escapeHtml(String(r.label || r.id)) + '</b>' +
       '<span>' + escapeHtml(String(r.desc || '').slice(0, 110)) + '</span>';
+    const cur = Array.isArray(map[r.id]) ? map[r.id].map((x) => String(x || '').trim()).filter(Boolean) : [];
+    const active = cur.length ? cur[0] : '';
+    if (!active) {
+      const warn = document.createElement('span');
+      warn.className = 'fin-skill-req';
+      warn.textContent = 'ZORUNLU — skill seçilmedi';
+      head.appendChild(warn);
+    }
     row.appendChild(head);
     const chips = document.createElement('div');
     chips.className = 'fin-skill-chips';
     for (const s of finSkillNames) {
-      const cur = Array.isArray(map[r.id]) ? map[r.id] : [];
+      const on = active === s.name;
       const chip = document.createElement('label');
-      chip.className = 'fin-skill-chip' + (cur.includes(s.name) ? ' on' : '');
+      chip.className = 'fin-skill-chip' + (on ? ' on' : '');
       chip.title = s.description || s.name;
       const cb = document.createElement('input');
-      cb.type = 'checkbox';
-      cb.checked = cur.includes(s.name);
+      cb.type = 'radio';
+      cb.name = 'fin-skill-role-' + r.id;
+      cb.checked = on;
+      /* TEK + ZORUNLU: yeni skill seçilir; mevcut seçim kaldırılamaz */
       cb.addEventListener('change', () => {
-        const liveBase = finCfgCache && finCfgCache.roleSkills && Array.isArray(finCfgCache.roleSkills[r.id])
-          ? finCfgCache.roleSkills[r.id]
-          : [];
-        const set = new Set(liveBase);
-        if (cb.checked) set.add(s.name); else set.delete(s.name);
-        const next = [...set];
+        if (!cb.checked) return;
+        const next = [s.name];
         /* yerel önbelleğe anında yaz — 3 sn'lik snapshot eski değeri geri getirmesin */
         finCfgCache = finCfgCache || {};
         finCfgCache.roleSkills = finCfgCache.roleSkills || {};
         finCfgCache.roleSkills[r.id] = next;
-        chip.classList.toggle('on', cb.checked);
+        chips.querySelectorAll('.fin-skill-chip').forEach((el) => el.classList.remove('on'));
+        chip.classList.add('on');
+        const w = head.querySelector('.fin-skill-req');
+        if (w) w.remove();
         finSaveCfg({ roleSkills: { [r.id]: next } });
-        toast((r.label || r.id) + ' → ' + (next.length ? next.join(', ') : 'skill kapalı'));
+        toast((r.label || r.id) + ' → ' + s.name + ' (zorunlu tek skill)');
       });
       chip.appendChild(cb);
       chip.appendChild(document.createTextNode(s.name));

package/src/renderer/style.css

@@ -4816,6 +4816,22 @@ body.finance-mode #composerWrap { margin-right: var(--finW, 400px); }
   align-items: center;
   gap: 6px;
 }
+.fin-grip {
+  flex: none;
+  cursor: grab;
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1;
+  letter-spacing: -1px;
+  opacity: 0.7;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.fin-grip:hover { color: var(--accent); opacity: 1; }
+.fin-grip:active { cursor: grabbing; }
+.fin-card.fin-dragging { opacity: 0.45; border-style: dashed; }
+.fin-card.fin-drop-top { box-shadow: 0 -3px 0 0 var(--accent); }
+.fin-card.fin-drop-bottom { box-shadow: 0 3px 0 0 var(--accent); }
 
 .fin-grid {
   display: grid;
@@ -5209,6 +5225,14 @@ body.finance-mode #composerWrap { margin-right: var(--finW, 400px); }
 .fin-skill-role-head { display: flex; flex-direction: column; gap: 1px; margin-bottom: 7px; }
 .fin-skill-role-head b { font-size: 11.5px; color: var(--text); }
 .fin-skill-role-head span { font-size: 10px; color: var(--muted); }
+.fin-skill-req {
+  align-self: flex-start;
+  margin-top: 2px;
+  font-size: 9.5px;
+  font-weight: 800;
+  letter-spacing: 0.5px;
+  color: #ef4444;
+}
 .fin-skill-chips { display: flex; flex-wrap: wrap; gap: 4px; }
 .fin-skill-chip {
   display: inline-flex;