@beastmode-develeap/beastmode 0.1.164 → 0.1.166

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260503-204626-f038641";</script>
+<script>window.__BUILD_STAMP__ = "20260505-061944-bb36100";</script>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -442,11 +442,12 @@ body {
 .kanban {
   display: flex;
   gap: 12px;
-  overflow-x: scroll;
+  overflow-x: auto;
   overflow-y: visible;
   scroll-behavior: auto;
   cursor: grab;
   -webkit-overflow-scrolling: touch;
+  min-width: 0;
 }
 .kanban::-webkit-scrollbar-corner { background: var(--bg-card); }
 
@@ -1015,7 +1016,7 @@ input[type="range"]::-webkit-slider-thumb {
 .kanban-column {
   min-width: 230px;
   max-width: 270px;
-  flex: 1;
+  flex: 1 0 230px;
   background: var(--bg-card);
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
@@ -1076,7 +1077,7 @@ input[type="range"]::-webkit-slider-thumb {
   max-height: calc(100vh - 300px);
   overflow-y: auto;
   scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
+  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.05);
 }
 
 .kanban-items::-webkit-scrollbar {
@@ -1084,29 +1085,34 @@ input[type="range"]::-webkit-slider-thumb {
 }
 
 .kanban-items::-webkit-scrollbar-track {
-  background: transparent;
+  background: rgba(255, 255, 255, 0.03);
+  border-radius: 5px;
 }
 
 .kanban-items::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.15);
+  background: rgba(255, 255, 255, 0.25);
   border-radius: 5px;
 }
 
 .kanban-items::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.25);
+  background: rgba(255, 255, 255, 0.35);
 }
 
 [data-theme="light"] .kanban-items {
-  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
+  scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);
+}
+
+[data-theme="light"] .kanban-items::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.03);
 }
 
 [data-theme="light"] .kanban-items::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.15);
+  background: rgba(0, 0, 0, 0.25);
   border-radius: 5px;
 }
 
 [data-theme="light"] .kanban-items::-webkit-scrollbar-thumb:hover {
-  background: rgba(0, 0, 0, 0.25);
+  background: rgba(0, 0, 0, 0.35);
 }
 
 .kanban-card {
@@ -1194,18 +1200,28 @@ input[type="range"]::-webkit-slider-thumb {
   font-size: 11px;
   color: var(--text-muted);
   margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .kanban-card .card-title {
   font-weight: 500;
   font-size: 13px;
   line-height: 1.4;
   margin-bottom: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-word;
 }
 .kanban-card .card-footer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 6px;
+  overflow: hidden;
 }
 .kanban-card .card-time {
   margin-left: auto;
@@ -1237,6 +1253,10 @@ input[type="range"]::-webkit-slider-thumb {
   font-size: 11px;
   font-weight: 500;
   line-height: 1.4;
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .badge-epic { background: var(--accent-subtle); color: var(--accent); }
 .badge-priority-critical { background: rgba(239, 68, 68, 0.15); color: #f87171; }
@@ -1722,6 +1742,7 @@ input[type="range"]::-webkit-slider-thumb {
   gap: 0;
   overflow-x: auto;
   padding: 0;
+  min-width: 0;
 }
 
 .pipeline-swimlane-body::-webkit-scrollbar { height: 6px; }
@@ -1732,7 +1753,7 @@ input[type="range"]::-webkit-slider-thumb {
 .pipeline-column {
   min-width: 200px;
   max-width: 240px;
-  flex: 1;
+  flex: 1 0 200px;
   border-right: 1px solid var(--border-subtle);
   display: flex;
   flex-direction: column;
@@ -1770,6 +1791,8 @@ input[type="range"]::-webkit-slider-thumb {
   cursor: pointer;
   user-select: none;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .pipeline-column-items {
@@ -1778,6 +1801,8 @@ input[type="range"]::-webkit-slider-thumb {
   min-height: 40px;
   max-height: 400px;
   overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.05);
 }
 
 @media (max-width: 900px) {
@@ -4127,12 +4152,19 @@ function getEffectivePipelineColumn(item) {
   return stages.find(s => s !== 'New' && s !== 'Ready') || item.status;
 }
 
+function getTargetSwimlaneKey(element) {
+  if (!element || typeof element.closest !== 'function') return null;
+  const swimlaneEl = element.closest('[data-swimlane]');
+  return swimlaneEl ? swimlaneEl.dataset.swimlane : null;
+}
+
 window.isOverlayStatus = isOverlayStatus;
 window.overlayBadgeClass = overlayBadgeClass;
 window.overlayBadgeLabel = overlayBadgeLabel;
 window.overlayKey = overlayKey;
 window.overlayTooltip = overlayTooltip;
 window.getEffectivePipelineColumn = getEffectivePipelineColumn;
+window.getTargetSwimlaneKey = getTargetSwimlaneKey;
 
 function swimlaneColor(colorKey) {
   const map = {
@@ -5259,7 +5291,7 @@ function PipelineView({
         <${Icon} name="trash" size=${12} />
       </button>
       <div class="card-id">#${item.id}</div>
-      <div class="card-title" style="cursor:pointer;" onClick=${() => setSelectedItem(item)}>${item.name || item.title}</div>
+      <div class="card-title" style="cursor:pointer;" onClick=${() => setSelectedItem(item)} title=${item.name || item.title}>${item.name || item.title}</div>
       <div class="card-footer">
         ${isOverlayStatus(item.status) && html`<span class=${'card-badge badge-overlay ' + overlayBadgeClass(item.status)} title=${overlayTooltip(item.status)}>${overlayBadgeLabel(item.status)}</span>`}
         ${!isParentEpic && item.parent_epic && html`<span class="card-badge badge-epic">epic:${item.parent_epic}</span>`}
@@ -5896,8 +5928,11 @@ function BoardPage({ selectedProject }) {
   const onDragStart = (e, id) => {
     const item = items.find(i => String(i.id) === String(id));
     const taskType = (item && item.task_type) ? item.task_type : 'code';
-    setDragInfo({ id, taskType });
-    dragInfoRef.current = { id, taskType };
+    const lane = (typeof getSwimlaneForType === 'function')
+      ? getSwimlaneForType(taskType) : null;
+    const swimlaneKey = lane ? lane.key : null;
+    setDragInfo({ id, taskType, swimlaneKey });
+    dragInfoRef.current = { id, taskType, swimlaneKey };
     e.dataTransfer.effectAllowed = 'move';
     try { e.dataTransfer.setData('text/plain', String(id)); } catch {}
     e.target.classList.add('dragging');
@@ -5909,6 +5944,7 @@ function BoardPage({ selectedProject }) {
     dragInfoRef.current = null;
     document.querySelectorAll('.drag-over, .drag-over-invalid').forEach(el => {
       el.classList.remove('drag-over', 'drag-over-invalid');
+      el.removeAttribute('title');
     });
   };
 
@@ -5919,31 +5955,48 @@ function BoardPage({ selectedProject }) {
     const validStages = (typeof getStagesForType === 'function')
       ? getStagesForType(di.taskType)
       : [];
-    const isValid = validStages.indexOf(targetColumnId) !== -1;
+    const stageValid = validStages.indexOf(targetColumnId) !== -1;
+    // Pipeline view: enforce swimlane boundary. Kanban columns have no
+    // [data-swimlane] ancestor so getTargetSwimlaneKey returns null and
+    // the swimlane gate falls open — kanban DnD remains unchanged.
+    const targetSwimlane = (typeof getTargetSwimlaneKey === 'function')
+      ? getTargetSwimlaneKey(e.currentTarget) : null;
+    const swimlaneValid = !targetSwimlane || !di.swimlaneKey || targetSwimlane === di.swimlaneKey;
+    const isValid = stageValid && swimlaneValid;
     if (isValid) {
       e.dataTransfer.dropEffect = 'move';
       e.currentTarget.classList.remove('drag-over-invalid');
       e.currentTarget.classList.add('drag-over');
+      e.currentTarget.removeAttribute('title');
     } else {
       e.dataTransfer.dropEffect = 'none';
       e.currentTarget.classList.remove('drag-over');
       e.currentTarget.classList.add('drag-over-invalid');
+      if (stageValid && !swimlaneValid) {
+        e.currentTarget.setAttribute('title', 'Cannot move items between swimlanes');
+      }
     }
   };
 
   const onDragLeave = (e) => {
     e.currentTarget.classList.remove('drag-over', 'drag-over-invalid');
+    e.currentTarget.removeAttribute('title');
   };
 
   const onDrop = async (e, status) => {
     e.preventDefault();
     e.currentTarget.classList.remove('drag-over', 'drag-over-invalid');
+    e.currentTarget.removeAttribute('title');
     const di = dragInfoRef.current;
     if (!di) return;
     const validStages = (typeof getStagesForType === 'function')
       ? getStagesForType(di.taskType)
       : [];
     if (validStages.indexOf(status) === -1) return;
+    // Swimlane boundary gate — same falls-open semantics as onDragOver.
+    const targetSwimlane = (typeof getTargetSwimlaneKey === 'function')
+      ? getTargetSwimlaneKey(e.currentTarget) : null;
+    if (targetSwimlane && di.swimlaneKey && targetSwimlane !== di.swimlaneKey) return;
     const current = items.find(i => String(i.id) === String(di.id));
     if (current && current.status === status) return;
     try {
@@ -6345,7 +6398,7 @@ function BoardPage({ selectedProject }) {
                           <${Icon} name="trash" size=${12} />
                         </button>
                         <div class="card-id">#${item.id}</div>
-                        <div class="card-title" style="cursor:pointer;" onClick=${() => setSelectedItem(item)}>${item.name || item.title}</div>
+                        <div class="card-title" style="cursor:pointer;" onClick=${() => setSelectedItem(item)} title=${item.name || item.title}>${item.name || item.title}</div>
                         <div class="card-footer">
                           ${isOverlayStatus(item.status) && html`<span class=${'card-badge badge-overlay ' + overlayBadgeClass(item.status)} title=${overlayTooltip(item.status)}>${overlayBadgeLabel(item.status)}</span>`}
                           ${!isParentEpic && item.parent_epic && html`<span class="card-badge badge-epic">epic:${item.parent_epic}</span>`}
@@ -9951,7 +10004,7 @@ function App() {
 
 render(html`<${App} />`, document.getElementById('app'));
 </script>
-<div id="build-stamp-footer" style="position:fixed;bottom:4px;right:8px;font-size:10px;color:rgba(255,255,255,0.2);font-family:'JetBrains Mono',monospace;pointer-events:none;z-index:1;user-select:all;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></div>
+<div id="build-stamp-footer" style="position:fixed;bottom:4px;right:8px;font-size:10px;color:rgba(255,255,255,0.15);font-family:'JetBrains Mono',monospace;pointer-events:none;z-index:0;user-select:all;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></div>
 <script>if(window.__BUILD_STAMP__){document.getElementById('build-stamp-footer').textContent=window.__BUILD_STAMP__}</script>
 </body>
 </html>

package/dist/web/build-commit.txt

@@ -1 +1 @@
-f0386412b5fbca9297035dae7115884809b7a8ef
+bb361001d983cfbd200675f52e1bbdd2620632a4

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260503-204626-f038641
+20260505-061944-bb36100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beastmode-develeap/beastmode",
-  "version": "0.1.164",
+  "version": "0.1.166",
   "description": "BeastMode Dark Factory — turn intent into verified software",
   "type": "module",
   "bin": {