@unbrained/pm-web 2026.7.27 → 2026.7.29

package/public/src/views/items.ts

@@ -12,6 +12,36 @@ import { loadItemsBadge } from './projects.js';
 import { renderLocalGraph, destroyLocalGraph } from './graph.js';
 import { EMPTY_FILTERS, filtersToQueryString, filtersFromSearchParams, hasActiveFilters } from '../filters.js';
 import type { Item } from '../types.js';
+import type {
+  CloseManyResponse,
+  CommentsResponse,
+  DepsResponse,
+  FilesResponse,
+  HistoryResponse,
+  ItemResponse,
+  LearningsResponse,
+  ListResponse,
+  ItemPlan,
+  NotesResponse,
+  TestsResponse,
+  UpdateManyResponse,
+} from '../api-types.js';
+
+// Stash the bulk-update / bulk-close payloads on the apply buttons without
+// mutating the DOM nodes. A module-scoped WeakMap per modal keeps the payload
+// alive across the Preview → Apply call pair and is GC-friendly.
+const bulkUpdatePayloads = new WeakMap<HTMLElement, Record<string, string>>();
+const bulkClosePayloads = new WeakMap<HTMLElement, BulkClosePayload>();
+
+/** Payload stashed for `applyBulkClose` by `previewBulkClose`. */
+interface BulkClosePayload {
+  fStatus: string;
+  fType: string;
+  fSprint: string;
+  fAssignee: string;
+  targetStatus: string;
+  reason: string;
+}
 
 // Mirror the active item filters into the URL query string (on the /items
 // path) so a filtered view is shareable and bookmarkable. Replaces the current
@@ -215,9 +245,9 @@ export async function previewBulkUpdate(): Promise<void> {
   payload.dryRun = 'true';
 
   try {
-    const data = await api('POST', `/projects/${pid}/pm/update-many`, payload);
-    const matched: any[] = (data as any).item_plans || (data as any).items || (data as any).matched || [];
-    const count = (data as any).matched_count ?? (data as any).count ?? (data as any).total ?? matched.length;
+    const data = await api<UpdateManyResponse>('POST', `/projects/${pid}/pm/update-many`, payload);
+    const matched: ItemPlan[] = data.item_plans ?? [];
+    const count = data.matched_count ?? matched.length;
     const applyBtn = document.getElementById('bu-apply-btn') as HTMLButtonElement | null;
     if (previewEl) {
       const updateParts: string[] = [];
@@ -236,14 +266,14 @@ export async function previewBulkUpdate(): Promise<void> {
         previewEl.innerHTML = `
           <div style="background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.25);border-radius:var(--radius);padding:10px 14px;font-size:13px">
             <div style="margin-bottom:8px">Will update <strong>${displayCount}</strong> item${displayCount!==1?'s':''}: ${updateDesc}</div>
-            ${matched.slice(0,8).map((it: any)=>`<div style="color:var(--text-secondary);font-size:12px">· ${escHtml(it.id||'')} ${escHtml(it.title||'')}</div>`).join('')}
+            ${matched.slice(0,8).map((it)=>`<div style="color:var(--text-secondary);font-size:12px">· ${escHtml(it.id)}${it.changes?.length ? ` — ${escHtml(it.changes.map((c) => `${c.field}: ${String(c.before)} → ${String(c.after)}`).join(', '))}` : ''}</div>`).join('')}
             ${displayCount > 8 ? `<div style="color:var(--text-muted);font-size:12px;margin-top:4px">… and ${displayCount - 8} more</div>` : ''}
           </div>`;
         if (applyBtn) applyBtn.disabled = false;
         // Store payload for apply (without dryRun)
         const applyPayload = { ...payload };
         delete applyPayload.dryRun;
-        (applyBtn as any)._bulkPayload = applyPayload;
+        if (applyBtn) bulkUpdatePayloads.set(applyBtn, applyPayload);
       }
     }
   } catch(err: unknown) {
@@ -255,13 +285,13 @@ export async function applyBulkUpdate(): Promise<void> {
   const pid = state.currentProject?.id;
   if (!pid) return;
   const applyBtn = document.getElementById('bu-apply-btn') as HTMLButtonElement | null;
-  const payload = (applyBtn as any)?._bulkPayload;
+  const payload = applyBtn ? bulkUpdatePayloads.get(applyBtn) : undefined;
   if (!payload) { toast('Run Preview first', 'info'); return; }
   if (applyBtn) { applyBtn.disabled = true; applyBtn.textContent = 'Applying…'; }
   try {
-    const data = await api('POST', `/projects/${pid}/pm/update-many`, payload);
-    const updated = (data as any).updated_count ?? (data as any).updated ?? (data as any).count ?? (data as any).total ?? 'some';
-    const failed = (data as any).failed_count ?? 0;
+    const data = await api<UpdateManyResponse>('POST', `/projects/${pid}/pm/update-many`, payload);
+    const updated = data.updated_count ?? 'some';
+    const failed = data.failed_count ?? 0;
     if (failed > 0) {
       toast(`Updated ${updated} item${updated!==1?'s':''} (${failed} failed)`, 'info');
     } else {
@@ -366,9 +396,9 @@ export async function previewBulkClose(): Promise<void> {
     if (fType) previewPayload.filterType = fType;
     if (fSprint) previewPayload.filterSprint = fSprint;
     if (fAssignee) previewPayload.filterAssignee = fAssignee;
-    const data = await api('POST', `/projects/${pid}/pm/update-many`, previewPayload);
-    const matched: any[] = (data as any).item_plans || (data as any).items || (data as any).matched || [];
-    const count = (data as any).matched_count ?? (data as any).count ?? (data as any).total ?? matched.length;
+    const data = await api<UpdateManyResponse>('POST', `/projects/${pid}/pm/update-many`, previewPayload);
+    const matched: ItemPlan[] = data.item_plans ?? [];
+    const count = data.matched_count ?? matched.length;
     const applyBtn = document.getElementById('bc-apply-btn') as HTMLButtonElement | null;
     if (previewEl) {
       if (count === 0 && matched.length === 0) {
@@ -379,12 +409,12 @@ export async function previewBulkClose(): Promise<void> {
         previewEl.innerHTML = `
           <div style="background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.25);border-radius:var(--radius);padding:10px 14px;font-size:13px">
             <div style="margin-bottom:8px">Will <strong>${targetStatus}</strong> <strong>${displayCount}</strong> item${displayCount!==1?'s':''}. Reason: <em>${escHtml(reason)}</em></div>
-            ${matched.slice(0,8).map((it: any)=>`<div style="color:var(--text-secondary);font-size:12px">· ${escHtml(it.id||'')} ${escHtml(it.title||'')}</div>`).join('')}
+            ${matched.slice(0,8).map((it)=>`<div style="color:var(--text-secondary);font-size:12px">· ${escHtml(it.id)}${it.changes?.length ? ` — ${escHtml(it.changes.map((c) => `${c.field}: ${String(c.before)} → ${String(c.after)}`).join(', '))}` : ''}</div>`).join('')}
             ${displayCount > 8 ? `<div style="color:var(--text-muted);font-size:12px;margin-top:4px">… and ${displayCount - 8} more</div>` : ''}
           </div>`;
         if (applyBtn) {
           applyBtn.disabled = false;
-          (applyBtn as any)._bulkClosePayload = { fStatus, fType, fSprint, fAssignee, targetStatus, reason };
+          bulkClosePayloads.set(applyBtn, { fStatus, fType, fSprint, fAssignee, targetStatus, reason });
         }
       }
     }
@@ -397,7 +427,7 @@ export async function applyBulkClose(): Promise<void> {
   const pid = state.currentProject?.id;
   if (!pid) return;
   const applyBtn = document.getElementById('bc-apply-btn') as HTMLButtonElement | null;
-  const bulkClosePayload = (applyBtn as any)?._bulkClosePayload as Record<string, string> | undefined;
+  const bulkClosePayload = applyBtn ? bulkClosePayloads.get(applyBtn) : undefined;
   if (!bulkClosePayload) { toast('Run Preview first', 'info'); return; }
   if (applyBtn) { applyBtn.disabled = true; applyBtn.textContent = 'Closing…'; }
 
@@ -413,9 +443,9 @@ export async function applyBulkClose(): Promise<void> {
   if (bulkClosePayload.fAssignee) payload.filterAssignee = bulkClosePayload.fAssignee;
 
   try {
-    const data = await api('POST', `/projects/${pid}/pm/close-many`, payload);
-    const closed = (data as any).closed_count ?? 'some';
-    const failed = (data as any).failed_count ?? 0;
+    const data = await api<CloseManyResponse>('POST', `/projects/${pid}/pm/close-many`, payload);
+    const closed = data.closed_count ?? 'some';
+    const failed = data.failed_count ?? 0;
     if (failed > 0) {
       toast(`Closed ${closed} item${closed!==1?'s':''} (${failed} failed)`, 'info');
     } else {
@@ -497,7 +527,7 @@ export async function fetchAndRenderItems(): Promise<void> {
   const endpoint = f.status ? `list?${params}` : `list-all?${params}`;
 
   try {
-    const data = await api('GET',`/projects/${pid}/pm/${endpoint}`);
+    const data = await api<ListResponse>('GET',`/projects/${pid}/pm/${endpoint}`);
     let items: Item[] = data.items || [];
     // Tag is filtered client-side (pm list has no --tag flag): match items
     // whose tag list contains the requested tag (case-insensitive).
@@ -603,17 +633,17 @@ export async function openItemDetail(itemId: string): Promise<void> {
 
   try {
     const [itemData, commentsData, historyData, depsData, learningsData, notesData, testsData, filesData] = await Promise.all([
-      api('GET',`/projects/${pid}/pm/get/${itemId}`),
-      api('GET',`/projects/${pid}/pm/comments/${itemId}`).catch(()=>({comments:[]})),
-      api('GET',`/projects/${pid}/pm/history/${itemId}`).catch(()=>({history:[]})),
-      api('GET',`/projects/${pid}/pm/deps/${itemId}`).catch(()=>({deps:[]})),
-      api('GET',`/projects/${pid}/pm/learnings/${itemId}`).catch(()=>({learnings:[]})),
-      api('GET',`/projects/${pid}/pm/notes/${itemId}`).catch(()=>({notes:[]})),
-      api('GET',`/projects/${pid}/pm/tests/${itemId}`).catch(()=>({tests:[]})),
-      api('GET',`/projects/${pid}/pm/files/${itemId}`).catch(()=>({files:[]})),
+      api<ItemResponse>('GET',`/projects/${pid}/pm/get/${itemId}`),
+      api<CommentsResponse>('GET',`/projects/${pid}/pm/comments/${itemId}`).catch(()=>({comments:[]})),
+      api<HistoryResponse>('GET',`/projects/${pid}/pm/history/${itemId}`).catch(()=>({history:[]})),
+      api<DepsResponse>('GET',`/projects/${pid}/pm/deps/${itemId}`).catch(()=>({deps:[]} as DepsResponse)),
+      api<LearningsResponse>('GET',`/projects/${pid}/pm/learnings/${itemId}`).catch(()=>({learnings:[]})),
+      api<NotesResponse>('GET',`/projects/${pid}/pm/notes/${itemId}`).catch(()=>({notes:[]})),
+      api<TestsResponse>('GET',`/projects/${pid}/pm/tests/${itemId}`).catch(()=>({tests:[]})),
+      api<FilesResponse>('GET',`/projects/${pid}/pm/files/${itemId}`).catch(()=>({files:[]})),
     ]);
 
-    const item = itemData.item || itemData;
+    const item: Item = itemData.item || (itemData as Item);
     const comments = commentsData.comments || [];
     const history = historyData.history || [];
     const deps = depsData.deps || depsData.dependencies || [];
@@ -632,7 +662,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
 
     const notesHtml = notes.length === 0
       ? '<div style="color:var(--text-muted);font-size:13px;margin-bottom:12px">No notes yet</div>'
-      : notes.map((n: any)=>`
+      : notes.map((n)=>`
           <div class="notes-item">
             <div class="notes-item-meta">${relTime(n.timestamp||n.created_at||'')}</div>
             <div class="notes-item-text">${escHtml(n.text||n.content||JSON.stringify(n))}</div>
@@ -640,7 +670,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
 
     const testsHtml = tests.length === 0
       ? '<div style="color:var(--text-muted);font-size:13px;margin-bottom:12px">No tests defined</div>'
-      : tests.map((t: any)=>`
+      : tests.map((t)=>`
           <div class="test-item">
             <div style="flex:1">
               <div class="test-item-cmd">${escHtml(t.command||t.cmd||JSON.stringify(t))}</div>
@@ -650,7 +680,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
 
     const commentsHtml = comments.length === 0
       ? '<div style="color:var(--text-muted);font-size:13px">No comments yet</div>'
-      : comments.map((c: any)=>`
+      : comments.map((c)=>`
           <div class="comment-item">
             <div class="comment-avatar">💬</div>
             <div class="comment-body">
@@ -661,7 +691,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
 
     const historyHtml = history.length === 0
       ? '<div style="color:var(--text-muted);font-size:13px">No history</div>'
-      : history.slice(0,10).map((h: any)=>`
+      : history.slice(0,10).map((h)=>`
           <div class="history-item">
             <div class="history-dot"></div>
             <div><div class="history-text">${escHtml(h.message||h.action||JSON.stringify(h))}</div><div class="history-time">${relTime(h.timestamp||h.created_at)}</div></div>
@@ -675,7 +705,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
         <div class="item-detail-title">${escHtml(item.title)}</div>
         <div class="item-detail-meta">
           ${statusBadge(item.status||'draft')}
-          <div class="meta-chip">${priorityDot(item.priority??4)} <strong>P${item.priority}</strong> ${PRIORITY_LABELS[item.priority]||''}</div>
+          <div class="meta-chip">${priorityDot(item.priority??4)} <strong>P${item.priority ?? '—'}</strong> ${item.priority !== undefined ? (PRIORITY_LABELS[item.priority]||'') : ''}</div>
           ${item.created_at ? `<div class="meta-chip">Created <strong>${fmtDate(item.created_at)}</strong></div>` : ''}
           ${item.updated_at ? `<div class="meta-chip">Updated <strong>${relTime(item.updated_at)}</strong></div>` : ''}
           ${item.parent ? `<div class="meta-chip">Parent <strong class="mono">${escHtml(item.parent)}</strong></div>` : ''}
@@ -854,7 +884,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
         <div style="margin-bottom:16px">
           ${learnings.length === 0
             ? `<div style="color:var(--text-muted);font-size:13px;margin-bottom:12px">No learnings recorded</div>`
-            : learnings.map((l: any)=>`<div class="learning-row">
+            : learnings.map((l)=>`<div class="learning-row">
                 <div style="font-size:11px;color:var(--text-muted);margin-bottom:3px">${relTime(l.timestamp||l.created_at||'')}</div>
                 ${escHtml(l.text||l.content||JSON.stringify(l))}
               </div>`).join('')
@@ -900,7 +930,7 @@ export async function openItemDetail(itemId: string): Promise<void> {
         <div style="margin-bottom:16px">
           ${files.length === 0
             ? '<div style="color:var(--text-muted);font-size:13px;margin-bottom:12px">No files linked</div>'
-            : files.map((f: any) => `
+            : files.map((f) => `
                 <div class="file-row">
                   <span style="color:var(--text-muted)">📄</span>
                   <span class="file-path">${escHtml(f.path || f.name || JSON.stringify(f))}</span>

package/public/src/views/normalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.js","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,iBAAiB;AACjB,kEAAkE;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,KAAK,UAAU,mBAAmB;IACvC,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE;QAAE,OAAO;IAChB,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAAC,EAAE,CAAC,SAAS,GAAG,wFAAwF,CAAC;QAAC,OAAO;IAAC,CAAC;IAC/I,EAAE,CAAC,SAAS,GAAG;;oHAEmG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;;2GAG3C,CAAC;IAC1G,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,CAAC,cAAc,CAAC,EAAE,eAAe,CAAC,CAAC;QACpF,MAAM,IAAI,GAAI,IAAY,CAAC,IAAI,IAAK,IAAY,CAAC,aAAa,IAAI,IAAI,CAAC;QACvE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;QAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACzD,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/C,GAAG,CAAC,SAAS,GAAG,mKAAmK,CAAC;QACtL,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpD,GAAG,CAAC,SAAS,GAAG;;gFAE0D,KAAK,CAAC,MAAM;;cAE9E,KAAK,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC;;;;gDAIY,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;oBACpF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wHAAwH,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,gDAAgD,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;;qBAEzN,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;;eAMhB,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,SAAS,GAAG,yHAAyH,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;QACtM,CAAC;IACH,CAAC;IAAC,OAAM,GAAY,EAAE,CAAC;QACrB,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACzD,IAAI,GAAG;YAAE,GAAG,CAAC,SAAS,GAAG,iEAAiE,OAAO,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC;IACpK,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,IAAI,CAAC,KAAK,CAAC,cAAc;QAAE,OAAO;IAClC,KAAK,CAAC,wEAAwE,EAAE,MAAM,CAAC,CAAC;AAC1F,CAAC"}
+{"version":3,"file":"normalize.js","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,iBAAiB;AACjB,kEAAkE;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAG/C,MAAM,CAAC,KAAK,UAAU,mBAAmB;IACvC,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE;QAAE,OAAO;IAChB,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAAC,EAAE,CAAC,SAAS,GAAG,wFAAwF,CAAC;QAAC,OAAO;IAAC,CAAC;IAC/I,EAAE,CAAC,SAAS,GAAG;;oHAEmG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;;2GAG3C,CAAC;IAC1G,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,MAAM,GAAG,CAAoB,MAAM,EAAE,aAAa,KAAK,CAAC,cAAc,CAAC,EAAE,eAAe,CAAC,CAAC;QACvG,MAAM,IAAI,GAAkB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC;QACpE,MAAM,KAAK,GAAsB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;QAClE,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACzD,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/C,GAAG,CAAC,SAAS,GAAG,mKAAmK,CAAC;QACtL,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpD,GAAG,CAAC,SAAS,GAAG;;gFAE0D,KAAK,CAAC,MAAM;;cAE9E,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;;;;gDAIiB,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;oBACpF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wHAAwH,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,gDAAgD,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;;qBAEzN,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;;eAMhB,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,SAAS,GAAG,yHAAyH,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;QACtM,CAAC;IACH,CAAC;IAAC,OAAM,GAAY,EAAE,CAAC;QACrB,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACzD,IAAI,GAAG;YAAE,GAAG,CAAC,SAAS,GAAG,iEAAiE,OAAO,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC;IACpK,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,IAAI,CAAC,KAAK,CAAC,cAAc;QAAE,OAAO;IAClC,KAAK,CAAC,wEAAwE,EAAE,MAAM,CAAC,CAAC;AAC1F,CAAC"}

package/public/src/views/normalize.ts

@@ -5,6 +5,7 @@ import { state } from '../state.js';
 import { api } from '../api.js';
 import { escHtml } from '../utils.js';
 import { toast } from '../components/toast.js';
+import type { NormalizeChange, NormalizePlan, NormalizeResponse } from '../api-types.js';
 
 export async function renderNormalizeView(): Promise<void> {
   const el = document.getElementById('content-normalize');
@@ -17,9 +18,9 @@ export async function renderNormalizeView(): Promise<void> {
     </div>
     <div id="normalize-content"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
   try {
-    const data = await api('POST', `/projects/${state.currentProject.id}/pm/normalize`);
-    const plan = (data as any).plan || (data as any).normalization || data;
-    const items = plan.items || plan.changes || [];
+    const data = await api<NormalizeResponse>('POST', `/projects/${state.currentProject.id}/pm/normalize`);
+    const plan: NormalizePlan = data.plan || data.normalization || data;
+    const items: NormalizeChange[] = plan.items || plan.changes || [];
     const el2 = document.getElementById('normalize-content');
     if (!el2) return;
     if (Array.isArray(items) && items.length === 0) {
@@ -29,7 +30,7 @@ export async function renderNormalizeView(): Promise<void> {
         <div class="card">
           <div class="card-header"><div class="card-title">Suggested Changes (${items.length})</div></div>
           <div class="card-body">
-            ${items.map((i: any) => `
+            ${items.map((i) => `
               <div style="display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border)">
                 <span style="color:var(--priority-3);flex-shrink:0">⚡</span>
                 <div style="flex:1">

package/public/src/views/packages.js

@@ -0,0 +1,230 @@
+// ═══════════════════════════════════════════════════════════════
+// PACKAGES VIEW — per-project pm package catalog
+// ═══════════════════════════════════════════════════════════════
+//
+// Lists every pm package from the server-side catalog
+// (src/services/package-catalog.ts, surfaced via
+// GET /api/projects/:projectId/extensions) with install/enable/disable
+// controls, the currently installed version, and an honest explanation for
+// packages that need credentials or a backing service. Mutations go through
+// the extensions routes, which validate the package name against the catalog
+// before any pm command is spawned, and broadcast on the existing realtime bus
+// so every collaborator on the project sees the change live.
+//
+// User-facing strings are wired into the i18n system (public/src/i18n.ts):
+// the `packages.*` keys live in every shipped locale catalog, and the view
+// re-renders translations on locale change via applyTranslations().
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { toast } from '../components/toast.js';
+import { t, applyTranslations } from '../i18n.js';
+let currentPackages = [];
+/**
+ * Monotonic token for in-flight package fetches.
+ *
+ * A fetch started for one project can resolve *after* the user switches
+ * project or after a newer refresh, and would then paint stale cards into the
+ * new container — cards whose action buttons submit against the *current*
+ * project id. Each fetch captures the token it started with and discards its
+ * own response if a newer fetch has begun since.
+ */
+let packagesFetchToken = 0;
+export async function renderPackagesView() {
+    ensureActionsWired();
+    const el = document.getElementById('content-packages');
+    if (!el)
+        return;
+    if (!state.currentProject) {
+        el.innerHTML = `<div class="empty-state"><div class="empty-state-text">${escHtml(t('packages.noProject'))}</div></div>`;
+        return;
+    }
+    el.innerHTML = `
+    <div class="page-header">
+      <div>
+        <div class="page-title" data-i18n="packages.title">Packages</div>
+        <div class="page-subtitle">${escHtml(t('packages.subtitle', { project: state.currentProject.name }))}</div>
+      </div>
+      <div class="page-actions">
+        <button class="btn btn-secondary btn-sm" id="packages-refresh" onclick="window.__app.renderPackagesView()">${escHtml(t('packages.refresh'))}</button>
+      </div>
+    </div>
+    <div id="packages-content"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+    await fetchAndRenderPackages();
+}
+async function fetchAndRenderPackages() {
+    const pid = state.currentProject?.id;
+    if (!pid)
+        return;
+    const target = document.getElementById('packages-content');
+    if (!target)
+        return;
+    const token = ++packagesFetchToken;
+    /** True when a newer fetch started, or the project changed, while awaiting. */
+    const superseded = () => token !== packagesFetchToken || state.currentProject?.id !== pid;
+    try {
+        const data = await api('GET', `/projects/${pid}/extensions`);
+        if (superseded())
+            return;
+        const rows = data.packages ?? [];
+        currentPackages = rows;
+        if (rows.length === 0) {
+            target.innerHTML = `<div class="empty-state"><div class="empty-state-text">${escHtml(t('packages.empty'))}</div></div>`;
+            return;
+        }
+        target.innerHTML = `
+      <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px">
+        ${rows.map((row) => renderPackageCard(row)).join('')}
+      </div>`;
+        applyTranslations(target);
+    }
+    catch (err) {
+        if (superseded())
+            return;
+        const msg = err instanceof Error ? err.message : String(err);
+        target.innerHTML = `<div class="empty-state"><div class="empty-state-text">${escHtml(t('packages.loadError', { error: msg }))}</div></div>`;
+    }
+}
+function renderPackageCard(row) {
+    const statusChip = row.installed
+        ? `<span style="font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:2px 8px;border-radius:4px">${escHtml(t('packages.installed'))}${row.version ? ' · ' + escHtml(t('packages.version', { version: row.version })) : ''}</span>`
+        : `<span style="font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:2px 8px;border-radius:4px">${escHtml(t('packages.notInstalled'))}</span>`;
+    // Badge authoring reference templates so a user can tell a learning
+    // scaffold from a product extension. Templates register real commands but
+    // exist to be read and copied; the badge makes that purpose explicit.
+    const templateBadge = row.category === 'template'
+        ? `<span style="font-size:11px;color:var(--text-secondary);background:var(--bg-accent);padding:2px 8px;border-radius:4px" data-i18n="packages.templateBadge">${escHtml(t('packages.templateBadge'))}</span>`
+        : '';
+    // Honest gating explanations — the UI must not promise a one-click install
+    // for a package that needs a Neo4j instance or an API token.
+    const serviceNote = row.requiresService
+        ? row.requiresService.optional
+            ? `<div class="pkg-req" style="font-size:12px;color:var(--text-secondary);margin-top:6px">⚠ ${escHtml(t('packages.requiresServiceOptional', { name: row.requiresService.name }))}</div>`
+            : `<div class="pkg-req" style="font-size:12px;color:var(--text-secondary);margin-top:6px">⚠ ${escHtml(t('packages.requiresService', { name: row.requiresService.name }))}</div>`
+        : '';
+    const credNotes = (row.requiresCredentials ?? []).map((c) => {
+        const label = c.optional ? t('packages.requiresCredentialsOptional') : t('packages.requiresCredentials');
+        const envs = c.envVars.map((e) => `<code style="font-family:var(--font-mono);background:var(--bg-input);padding:1px 4px;border-radius:3px">${escHtml(e)}</code>`).join(' ');
+        return `<div class="pkg-req" style="font-size:12px;color:var(--text-secondary);margin-top:4px">🔑 ${escHtml(label)} — ${escHtml(c.label)}<br><span style="color:var(--text-muted)">${escHtml(t('packages.envVars'))}: ${envs}</span></div>`;
+    }).join('');
+    const caps = row.capabilities.length
+        ? `<div style="font-size:11px;color:var(--text-muted);margin-top:6px">${escHtml(t('packages.capabilities'))}: ${row.capabilities.map((c) => escHtml(c)).join(', ')}</div>`
+        : '';
+    // Action buttons. The name is read from the row's catalog `name`, never from
+    // a raw DOM string — and the server validates it against the catalog again
+    // before any pm command is spawned.
+    let actions = '';
+    if (!row.installed) {
+        actions = `<button class="btn btn-primary btn-sm" style="width:100%" data-pkg-action="install" data-pkg-name="${escHtml(row.name)}">${escHtml(t('packages.install'))}</button>`;
+    }
+    else if (row.active && row.enabled) {
+        actions = `
+      <div style="display:flex;gap:6px">
+        <button class="btn btn-secondary btn-sm" style="flex:1" data-pkg-action="deactivate" data-pkg-name="${escHtml(row.name)}">${escHtml(t('packages.deactivate'))}</button>
+        <button class="btn btn-ghost btn-sm" style="flex:1" data-pkg-action="uninstall" data-pkg-name="${escHtml(row.name)}">${escHtml(t('packages.uninstall'))}</button>
+      </div>`;
+    }
+    else {
+        actions = `
+      <div style="display:flex;gap:6px">
+        <button class="btn btn-primary btn-sm" style="flex:1" data-pkg-action="activate" data-pkg-name="${escHtml(row.name)}">${escHtml(t('packages.activate'))}</button>
+        <button class="btn btn-ghost btn-sm" style="flex:1" data-pkg-action="uninstall" data-pkg-name="${escHtml(row.name)}">${escHtml(t('packages.uninstall'))}</button>
+      </div>`;
+    }
+    return `
+    <div class="card" style="cursor:default">
+      <div class="card-header" style="display:flex;align-items:center;justify-content:space-between;gap:8px">
+        <div style="display:flex;align-items:center;gap:6px">
+          <div class="card-title">${escHtml(row.title)}</div>
+          ${templateBadge}
+        </div>
+        ${statusChip}
+      </div>
+      <div class="card-body" style="padding-top:0">
+        <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px;line-height:1.4">${escHtml(row.description)}</div>
+        ${serviceNote}${credNotes}${caps}
+        <div style="margin-top:12px">${actions}</div>
+      </div>
+    </div>`;
+}
+// Delegate clicks on package action buttons so each card stays simple and the
+// handler resolves the action + name from data attributes, then calls the
+// server-validated extensions route.
+function wirePackageActions(root) {
+    root.addEventListener('click', (ev) => {
+        const btn = ev.target.closest('[data-pkg-action]');
+        if (!btn)
+            return;
+        const action = btn.dataset['pkgAction'];
+        const name = btn.dataset['pkgName'];
+        if (!action || !name)
+            return;
+        void handlePackageAction(name, action, btn);
+    });
+}
+async function handlePackageAction(name, action, btn) {
+    const pid = state.currentProject?.id;
+    if (!pid)
+        return;
+    const actionLabel = {
+        install: t('packages.install'),
+        activate: t('packages.activate'),
+        deactivate: t('packages.deactivate'),
+        uninstall: t('packages.uninstall'),
+    };
+    const original = btn.textContent ?? '';
+    btn.disabled = true;
+    btn.textContent = '…';
+    try {
+        if (action === 'uninstall') {
+            if (!window.confirm(t('packages.confirmUninstall', { name }))) {
+                btn.disabled = false;
+                btn.textContent = original;
+                return;
+            }
+        }
+        const method = action === 'uninstall' ? 'DELETE' : 'POST';
+        const suffix = action === 'uninstall' ? '' : `/${action}`;
+        await api(method, `/projects/${pid}/extensions/${encodeURIComponent(name)}${suffix}`);
+        toast(`${actionLabel[action] ?? action}: ${name}`, 'success');
+        await fetchAndRenderPackages();
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        toast(t('packages.actionFailed', { action: actionLabel[action] ?? action, error: msg }), 'error');
+        btn.disabled = false;
+        btn.textContent = original;
+    }
+}
+// Wire the delegated action handler once the view container exists.
+let actionsWired = false;
+function ensureActionsWired() {
+    if (actionsWired)
+        return;
+    const root = document.getElementById('content-packages');
+    if (root) {
+        wirePackageActions(root);
+        actionsWired = true;
+    }
+}
+/**
+ * Called from the SSE handler in app.ts when an `extensions-changed` event
+ * arrives, so every collaborator on the project sees package installs /
+ * activates / deactivates / uninstalls live. Only re-renders when the Packages
+ * view is active, matching how the graph view gates its live refresh.
+ */
+export function refreshPackagesOnSSE(evt) {
+    if (state.currentView !== 'packages')
+        return;
+    try {
+        const payload = JSON.parse(evt.data);
+        const myUserId = state.user?.id;
+        if (payload.userId && payload.userId !== myUserId) {
+            const op = payload.operation ?? 'updated';
+            toast(t('packages.changedByOther', { name: payload.name ?? '', operation: op }), 'info');
+        }
+    }
+    catch { /* ignore parse errors */ }
+    void fetchAndRenderPackages();
+}
+//# sourceMappingURL=packages.js.map

package/public/src/views/packages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"packages.js","sourceRoot":"","sources":["packages.ts"],"names":[],"mappings":"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"}