Adom Gantt

@@ -29,7 +29,7 @@   /* Phase ramp: teal -> purple -> blue, then a lighter step of each.      Used when a phase declares no explicit colour. */   --ph1: #00b8b1; --ph2: #8c6bf7; --ph3: #64abff;-  --ph4: #1fd7d0; --ph5: #bfb1ee; --ph6: #adcdf3;+  --ph4: #a8f7f0; --ph5: #d3bcff; --ph6: #c7e0ff;   --bar-opacity: 0.82; } :root[data-theme="light"] {@@ -44,7 +44,7 @@   --phase-bg-alpha: 0.10;   /* Deepened for paper: each clears 3:1 on white while holding its hue. */   --ph1: #00a49d; --ph2: #8c6bf7; --ph3: #3b95ff;-  --ph4: #00726d; --ph5: #5b32e0; --ph6: #0061ef;+  --ph4: #00595a; --ph5: #4b21c9; --ph6: #0b3f8f;   --bar-opacity: 1; } /* Printing is always the light theme, whatever the screen is set to. */@@ -53,7 +53,7 @@     --border:#d0d7de; --border-muted:#d8dee4;     --text:#1f2328; --text-body:#24292f; --text2:#59636e; --text3:#8c959f;     --accent:#00857f; --today:#00857f; --grid-line:rgba(31,35,40,0.10); --weekend:rgba(31,35,40,0.04); --phase-bg-alpha:0.10;-    --ph1:#00a49d; --ph2:#8c6bf7; --ph3:#3b95ff; --ph4:#00726d; --ph5:#5b32e0; --ph6:#0061ef; }+    --ph1:#00a49d; --ph2:#8c6bf7; --ph3:#3b95ff; --ph4:#00595a; --ph5:#4b21c9; --ph6:#0b3f8f; }   html, body { overflow: visible !important; height: auto !important; }   .labels-col, .timeline-col { overflow: visible !important; }   header .actions, .rev-indicator, .save-indicator { display: none !important; }@@ -434,6 +434,7 @@ function undo(){   if(!undoStack.length)return;   const sn=undoStack.pop();   if(sn.type==='order'){applyOrder(sn.order);}+  else if(sn.type==='ms'){sn.r.date=sn.date;updateMilestone(sn.r);}   else if(sn.type==='group'){     // one Ctrl+Z undoes the whole shift, not 26 tasks one at a time     sn.entries.forEach(en=>{const r=items.find(d=>d.id===en.id);if(!r)return;r.start=en.s;r.end=en.e;r.deps=en.deps;r.note=en.note;});@@ -494,7 +495,8 @@ function planStartOf(snap){let m=null;Object.values(snap.byId).forEach(v=>{if(v. function snapSemantic(){   const byId={};   items.forEach(r=>{if(r.id)byId[r.id]={start:r.start,end:r.end,deps:(r.deps||[]).slice(),note:r.note||''};});-  return {byId,order:items.map(r=>r.id||r.label||r.name)};+  const ms={};items.filter(r=>r.type==='milestone').forEach(r=>{ms[r.name]=r.date;});+  return {byId,ms,order:items.map(r=>r.id||r.label||r.name)}; } let lastSnap=snapSemantic(); function diffAndLog(via){@@ -522,6 +524,14 @@ function diffAndLog(via){                 from:{start:planStartOf(lastSnap)},to:{start:planStart()}},...kept);     }   }+  // milestone dates: keyed by name, since milestones carry no id+  const curMs={},oldMs=lastSnap.ms||{};+  items.filter(r=>r.type==='milestone').forEach(r=>{curMs[r.name]=r.date;});+  Object.keys(curMs).forEach(n=>{+    if(oldMs[n]&&oldMs[n]!==curMs[n])+      evs.push({action:'milestone',name:n,from:{date:oldMs[n]},to:{date:curMs[n]},+                shift:{days:daysBetween(oldMs[n],curMs[n])}});+  });   const before=lastSnap.order,after=cur.order;   if(JSON.stringify(before)!==JSON.stringify(after)){     const moved=after.filter((v,i)=>before[i]!==v);@@ -647,6 +657,7 @@ items.forEach((r,idx)=>{     lDiv.className='label-row ms';lDiv.textContent=r.name;bDiv.className='bar-row ms-row';     const x=toX(r.date);     const hit=document.createElement('div');hit.className='ms-hit';hit.style.left=x+'px';+    hit.dataset.msi=String(items.filter(q=>q.type==='milestone').indexOf(r));     hit.dataset.title=r.name;hit.dataset.dates=fmt(r.date);hit.dataset.body=r.description||'';     const d=document.createElement('div');d.className='ms-diamond';d.style.left=x+'px';     bDiv.appendChild(hit);bDiv.appendChild(d);@@ -812,6 +823,8 @@ labelsEl.addEventListener('mousedown',e=>{ let didDrag = false; bars.addEventListener('click',e=>{   if(didDrag){didDrag=false;return;}+  const msHit=e.target.closest('.ms-hit');+  if(msHit){ clearSelection(); openMilestoneEditor(+msHit.dataset.msi); e.stopPropagation(); return; }   const bar=e.target.closest('.bar[data-id]');   if(bar&&!e.target.classList.contains('drag-handle')){     const id=bar.dataset.id;@@ -824,6 +837,36 @@ bars.addEventListener('click',e=>{ }); document.addEventListener('click',e=>{if(!e.target.closest('.editor')&&!e.target.closest('.bar[data-id]')&&!e.target.closest('.dropdown')&&!e.target.closest('.act-btn'))closeEditor();}); +// ── Milestone editor ──+function openMilestoneEditor(i){+  const r=msByIndex(i);if(!r)return;+  closeEditor();+  editorEl.innerHTML=`<div class="drag-bar"></div>+    <div class="de-row"><div style="flex:1"><label>milestone</label>+      <input type="text" id="meName" value="${(r.name||'').replace(/"/g,'&quot;')}"></div></div>+    <div class="de-row"><div><label>date</label><input type="date" id="meDate" value="${r.date}"></div></div>+    <div class="de-note-row"><label>description <span class="de-hint">shown on hover</span></label>+      <input type="text" id="meDesc" value="${(r.description||'').replace(/"/g,'&quot;')}"></div>+    <div class="de-actions"><button class="de-btn primary" id="meApply">Apply</button>+      <button class="de-btn secondary" id="meClose">Cancel</button></div>`;+  const x=r._msHit?r._msHit.getBoundingClientRect():{left:window.innerWidth/2,bottom:200};+  editorEl.style.left=Math.min(Math.max(8,x.left-150),window.innerWidth-320)+'px';+  editorEl.style.top=Math.min(x.bottom+8,window.innerHeight-300)+'px';+  editorEl.classList.add('show');+  $('meApply').addEventListener('click',()=>{+    snapshotMs(r);+    const nd=$('meDate').value;+    if(nd)r.date=nd;+    r.name=$('meName').value||r.name;+    r.description=$('meDesc').value;+    if(r._lDiv)r._lDiv.textContent=r.name;+    if(r._msHit){r._msHit.dataset.title=r.name;r._msHit.dataset.body=r.description||'';}+    if(r._msLine){const cap=r._msLine.querySelector('.ms-cap');if(cap)cap.textContent=r.name.replace(/^M(\d+):\s*/,'M$1 ');}+    updateMilestone(r);closeEditor();scheduleSave('milestone-editor');+  });+  $('meClose').addEventListener('click',closeEditor);+}+ // ── Single editor ── function openSingleEditor(id){   const r=items.find(d=>d.id===id);if(!r)return;@@ -899,6 +942,20 @@ function openBatchEditor(){   $('bClose').addEventListener('click',closeEditor); } +function msByIndex(i){return items.filter(r=>r.type==='milestone')[i];}+function updateMilestone(r){+  if(!r||!r._msEl)return;+  const x=toX(r.date);+  r._msEl.style.left=x+'px';+  if(r._msHit){r._msHit.style.left=x+'px';r._msHit.dataset.dates=fmt(r.date);}+  if(r._msLine)r._msLine.style.left=x+'px';+  drawDeps();+}+function snapshotMs(r){+  undoStack.push({type:'ms',r,date:r.date});+  if(undoStack.length>100)undoStack.splice(0,undoStack.length-100);+}+ function updateBar(id){const r=items.find(d=>d.id===id),be=barEls[id];if(!r||!be)return;if(r._noteEl)r._noteEl.textContent=r.note||'';const x1=toX(r.start),x2=toX(r.end);be.bar.style.left=x1+'px';be.bar.style.width=Math.max(x2-x1,6)+'px';be.bar.dataset.dates=fmt(r.start)+' → '+fmt(r.end);drawDeps();} function closeEditor(){editorEl.classList.remove('show');editorEl.innerHTML='';} function closeMenus(){exportMenu.classList.remove('show');importMenu.classList.remove('show');}@@ -925,6 +982,19 @@ bars.addEventListener('mousedown',e=>{   gesture={id:bar.dataset.id,startX:e.clientX,startY:e.clientY,src:'bar',bar}; }); +// Milestones carry no id, so they sat outside the bar drag path entirely and could+// never be moved or edited. They get their own handler.+bars.addEventListener('mousedown',e=>{+  const hit=e.target.closest('.ms-hit');+  if(!hit)return;+  e.preventDefault();hideTip();+  const r=msByIndex(+hit.dataset.msi);+  if(!r)return;+  snapshotMs(r);+  dragState={kind:'ms',r,startX:e.clientX,origLeft:toX(r.date)};+  document.body.style.cursor='ew-resize';+});+ document.addEventListener('mousemove',e=>{   // Resolve gesture → horizontal drag or vertical reorder   if(gesture&&!dragState&&!reorderState){@@ -962,6 +1032,12 @@ document.addEventListener('mousemove',e=>{   if(dragState){     didDrag=true;     const dx=e.clientX-dragState.startX;+    if(dragState.kind==='ms'){+      const nl=Math.max(0,dragState.origLeft+dx);+      dragState.r.date=xToDate(nl);+      updateMilestone(dragState.r);+      return;+    }     const{side,origLeft,origWidth,bar,r,moveIds,originals}=dragState;     if(side==='move'){       moveIds.forEach(mid=>{@@ -1003,7 +1079,7 @@ document.addEventListener('mousemove',e=>{ document.addEventListener('mouseup',()=>{   gesture=null; -  if(dragState){scheduleSave(dragState.side==='move'?'drag-move':'drag-resize');dragState=null;document.body.style.cursor='';}+  if(dragState){scheduleSave(dragState.kind==='ms'?'drag-milestone':(dragState.side==='move'?'drag-move':'drag-resize'));dragState=null;document.body.style.cursor='';}    if(reorderState&&reorderState.active){     labelDropInd.classList.remove('show');barDropInd.classList.remove('show');@@ -1171,10 +1247,12 @@ function shiftPlanTo(newStartISO, via){   });   // Phase bands are month strings, and they define part of the axis range, so they   // have to travel with the tasks or the timeline stretches to cover both.+  // Anchor on the 15th, not the 1st. Adding days to the 1st lands mid-month and then+  // truncates down, so a +181d shift moved some phases 6 months and others 5.   phases.forEach(p=>{-    p.start=addDays(p.start+'-01',delta).slice(0,7);+    p.start=addDays(p.start+'-15',delta).slice(0,7);     const[ey,em]=p.end.split('-').map(Number);-    p.end=addDays(`${ey}-${String(em).padStart(2,'0')}-01`,delta).slice(0,7);+    p.end=addDays(`${ey}-${String(em).padStart(2,'0')}-15`,delta).slice(0,7);   });   rebuildTimeline();   Object.keys(barEls).forEach(id=>updateBar(id));