@prmichaelsen/acp-visualizer 0.13.0 → 0.13.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prmichaelsen/acp-visualizer",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "type": "module",
   "description": "Browser-based dashboard for visualizing ACP progress.yaml data",
   "bin": {

package/src/contexts/SidePanelContext.tsx

@@ -18,13 +18,23 @@ interface SidePanelContextValue {
 const SidePanelContext = createContext<SidePanelContextValue | undefined>(undefined)
 
 const MIN_WIDTH = 300
-const MAX_WIDTH = 800
 const DEFAULT_WIDTH = 500
+const STORAGE_KEY = 'acp-visualizer.side-panel-size'
+
+function loadWidth(): number {
+  if (typeof window === 'undefined') return DEFAULT_WIDTH
+  const stored = localStorage.getItem(STORAGE_KEY)
+  if (stored) {
+    const parsed = Number(stored)
+    if (!isNaN(parsed) && parsed >= MIN_WIDTH) return parsed
+  }
+  return DEFAULT_WIDTH
+}
 
 export function SidePanelProvider({ children }: { children: ReactNode }) {
   const [content, setContent] = useState<PanelContent>(null)
   const [isOpen, setIsOpen] = useState(false)
-  const [width, setWidthState] = useState(DEFAULT_WIDTH)
+  const [width, setWidthState] = useState(loadWidth)
 
   const openMilestone = (id: string) => {
     setContent({ type: 'milestone', id })
@@ -42,8 +52,9 @@ export function SidePanelProvider({ children }: { children: ReactNode }) {
   }
 
   const setWidth = (newWidth: number) => {
-    const clampedWidth = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, newWidth))
-    setWidthState(clampedWidth)
+    const clamped = Math.max(MIN_WIDTH, newWidth)
+    setWidthState(clamped)
+    localStorage.setItem(STORAGE_KEY, String(clamped))
   }
 
   return (

package/src/lib/yaml-loader.ts

@@ -217,8 +217,9 @@ function normalizeTasks(raw: unknown, milestones: Milestone[]): Record<string, T
     // The task key might be the milestone ID itself, or "milestone_N"
     keyToMilestoneId.set(m.id, m.id)
     keyToMilestoneId.set(m.id.toLowerCase(), m.id)
-    keyToMilestoneId.set(`milestone_${i + 1}`, m.id)
-    // Also handle "milestone_N" where N matches the numeric part of "MN"
+    // Map "milestone_N" where N matches the numeric part of the milestone ID (e.g. M1 → milestone_1)
+    // NOTE: Do NOT use array index (i+1) here — milestones may be out of order in the YAML,
+    // so array position does not reliably correspond to milestone number.
     const numMatch = m.id.match(/(\d+)/)
     if (numMatch) {
       keyToMilestoneId.set(`milestone_${numMatch[1]}`, m.id)