@unbrained/pm-web 1.0.0

package/public/src/views/create.js

@@ -0,0 +1,293 @@
+// ═══════════════════════════════════════════════════════════════
+// CREATE ITEM VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { toast } from '../components/toast.js';
+import { getTypes, TYPE_ICONS, PRIORITY_LABELS } from '../constants.js';
+import { showView } from './router.js';
+import { loadItemsBadge } from './projects.js';
+import { openItemDetail } from './items.js';
+export function renderCreateView() {
+    const el = document.getElementById('content-create');
+    if (!el)
+        return;
+    if (!state.currentProject) {
+        el.innerHTML = '<div class="empty-state"><div class="empty-state-text">No project selected</div></div>';
+        return;
+    }
+    el.innerHTML = `
+    <div class="page-header">
+      <div><div class="page-title">Create Item</div><div class="page-subtitle">Add a new item to ${escHtml(state.currentProject.name)}</div></div>
+    </div>
+    <div class="card" style="max-width:620px">
+      <div class="card-body">
+        <form id="create-item-form" onsubmit="window.__app.submitCreateItem(event)">
+          <div class="form-group">
+            <label class="form-label">Title *</label>
+            <input class="form-input" id="ci-title" type="text" placeholder="Brief description of the item" required autofocus>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Type</label>
+              <select class="form-select" id="ci-type">
+                ${getTypes(state.schema).map(t => `<option value="${t}"${t === 'Task' ? ' selected' : ''}>${TYPE_ICONS[t] || ''} ${t}</option>`).join('')}
+              </select>
+            </div>
+            <div class="form-group">
+              <label class="form-label">Priority</label>
+              <select class="form-select" id="ci-priority">
+                ${[0, 1, 2, 3, 4].map(p => `<option value="${p}"${p === 2 ? ' selected' : ''}>P${p}: ${PRIORITY_LABELS[p]}</option>`).join('')}
+              </select>
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="form-label">Description</label>
+            <textarea class="form-textarea" id="ci-desc" placeholder="Detailed description (optional)" rows="5"></textarea>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Tags</label>
+              <input class="form-input" id="ci-tags" type="text" placeholder="comma, separated, tags">
+            </div>
+            <div class="form-group">
+              <label class="form-label">Parent Item ID</label>
+              <input class="form-input" id="ci-parent" type="text" placeholder="${escHtml(state.currentProject.prefix)}-1">
+            </div>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Deadline</label>
+              <input class="form-input" id="ci-deadline" type="text" placeholder="+1d, +1w, 2026-06-01">
+            </div>
+            <div class="form-group">
+              <label class="form-label">Assignee</label>
+              <input class="form-input" id="ci-assignee" type="text" placeholder="username or email">
+            </div>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Sprint</label>
+              <input class="form-input" id="ci-sprint" type="text" placeholder="sprint-1">
+            </div>
+            <div class="form-group">
+              <label class="form-label">Release</label>
+              <input class="form-input" id="ci-release" type="text" placeholder="v1.0.0">
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="form-label">Estimated Minutes</label>
+            <input class="form-input" id="ci-estimate" type="number" min="1" placeholder="e.g. 60">
+          </div>
+          <div class="form-group">
+            <label class="form-label">Acceptance Criteria</label>
+            <textarea class="form-textarea" id="ci-acceptance-criteria" placeholder="What conditions must be met?" rows="2"></textarea>
+          </div>
+          <details style="margin-top:8px;margin-bottom:4px">
+            <summary style="cursor:pointer;color:var(--text-secondary);font-size:13px;padding:4px 0;user-select:none">▸ Advanced fields</summary>
+            <div style="margin-top:12px;display:flex;flex-direction:column;gap:0">
+              <div class="form-group">
+                <label class="form-label">Body (Markdown)</label>
+                <textarea class="form-textarea" id="ci-body" placeholder="Full body / notes in markdown" rows="3"></textarea>
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Reporter</label>
+                  <input class="form-input" id="ci-reporter" type="text" placeholder="who reported this">
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Component</label>
+                  <input class="form-input" id="ci-component" type="text" placeholder="e.g. auth, api, ui">
+                </div>
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Severity</label>
+                  <select class="form-select" id="ci-severity">
+                    <option value="">— none —</option>
+                    <option value="critical">Critical</option>
+                    <option value="high">High</option>
+                    <option value="medium">Medium</option>
+                    <option value="low">Low</option>
+                  </select>
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Risk</label>
+                  <select class="form-select" id="ci-risk">
+                    <option value="">— none —</option>
+                    <option value="high">High</option>
+                    <option value="medium">Medium</option>
+                    <option value="low">Low</option>
+                  </select>
+                </div>
+              </div>
+              <div class="form-group">
+                <label class="form-label">Goal / Objective</label>
+                <input class="form-input" id="ci-goal" type="text" placeholder="What business goal does this serve?">
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Environment</label>
+                  <input class="form-input" id="ci-environment" type="text" placeholder="e.g. production, staging">
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Blocked By</label>
+                  <input class="form-input" id="ci-blocked-by" type="text" placeholder="item ID blocking this">
+                </div>
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Repro Steps</label>
+                  <textarea class="form-textarea" id="ci-repro-steps" placeholder="Steps to reproduce" rows="2"></textarea>
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Expected Result</label>
+                  <textarea class="form-textarea" id="ci-expected-result" placeholder="What should happen" rows="2"></textarea>
+                </div>
+              </div>
+              <div class="form-group">
+                <label class="form-label">Blocked Reason</label>
+                <textarea class="form-textarea" id="ci-blocked-reason" placeholder="Why is this item blocked? (optional)" rows="2"></textarea>
+              </div>
+            </div>
+          </details>
+          <div class="form-error" id="ci-error" style="display:none"></div>
+          <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap">
+            <button type="submit" class="btn btn-primary" id="ci-submit"><span>Create Item</span></button>
+            <button type="button" class="btn btn-secondary" id="ci-submit-open" onclick="window.__app.submitCreateItemAndOpen(event)"><span>Create &amp; Open</span></button>
+            <button type="button" class="btn btn-ghost" onclick="window.__app.showView('items')">Cancel</button>
+          </div>
+        </form>
+      </div>
+    </div>`;
+}
+export async function submitCreateItemAndOpen(e) {
+    e.preventDefault();
+    await submitCreateItem(e, true);
+}
+export async function submitCreateItem(e, openAfter = false) {
+    e.preventDefault();
+    const val = (id) => document.getElementById(id)?.value?.trim() || '';
+    const title = val('ci-title');
+    const type = val('ci-type');
+    const priority = val('ci-priority');
+    const description = val('ci-desc');
+    const tags = val('ci-tags');
+    const parent = val('ci-parent');
+    const deadline = val('ci-deadline');
+    const assignee = val('ci-assignee');
+    const sprint = val('ci-sprint');
+    const release = val('ci-release');
+    const estimate = val('ci-estimate');
+    const acceptanceCriteria = val('ci-acceptance-criteria');
+    const body = val('ci-body');
+    const reporter = val('ci-reporter');
+    const component = val('ci-component');
+    const severity = val('ci-severity');
+    const risk = val('ci-risk');
+    const goal = val('ci-goal');
+    const environment = val('ci-environment');
+    const blockedBy = val('ci-blocked-by');
+    const reproSteps = val('ci-repro-steps');
+    const expectedResult = val('ci-expected-result');
+    const blockedReason = val('ci-blocked-reason');
+    const errEl = document.getElementById('ci-error');
+    const btn = document.getElementById('ci-submit');
+    if (errEl)
+        errEl.style.display = 'none';
+    if (!title) {
+        if (errEl) {
+            errEl.textContent = 'Title is required';
+            errEl.style.display = 'block';
+        }
+        return;
+    }
+    const btnOpen = document.getElementById('ci-submit-open');
+    if (btn) {
+        btn.disabled = true;
+        const sp = btn.querySelector('span');
+        if (sp)
+            sp.textContent = 'Creating…';
+    }
+    if (btnOpen)
+        btnOpen.disabled = true;
+    try {
+        const bodyData = { title, type, priority };
+        if (description)
+            bodyData.description = description;
+        if (tags)
+            bodyData.tags = tags;
+        if (parent)
+            bodyData.parent = parent;
+        if (deadline)
+            bodyData.deadline = deadline;
+        if (assignee)
+            bodyData.assignee = assignee;
+        if (sprint)
+            bodyData.sprint = sprint;
+        if (release)
+            bodyData.release = release;
+        if (estimate)
+            bodyData.estimate = estimate;
+        if (acceptanceCriteria)
+            bodyData.acceptanceCriteria = acceptanceCriteria;
+        if (body)
+            bodyData.body = body;
+        if (reporter)
+            bodyData.reporter = reporter;
+        if (component)
+            bodyData.component = component;
+        if (severity)
+            bodyData.severity = severity;
+        if (risk)
+            bodyData.risk = risk;
+        if (goal)
+            bodyData.goal = goal;
+        if (environment)
+            bodyData.environment = environment;
+        if (blockedBy)
+            bodyData['blocked-by'] = blockedBy;
+        if (reproSteps)
+            bodyData['repro-steps'] = reproSteps;
+        if (expectedResult)
+            bodyData['expected-result'] = expectedResult;
+        if (blockedReason)
+            bodyData['blocked-reason'] = blockedReason;
+        const data = await api('POST', `/projects/${state.currentProject.id}/pm/create`, bodyData);
+        const newId = data.item?.id || data.id || '';
+        toast(`Created ${newId || 'item'}!`, 'success');
+        const form = document.getElementById('create-item-form');
+        if (form)
+            form.reset();
+        const typeEl = document.getElementById('ci-type');
+        if (typeEl)
+            typeEl.value = 'Task';
+        const priEl = document.getElementById('ci-priority');
+        if (priEl)
+            priEl.value = '2';
+        loadItemsBadge();
+        if (openAfter && newId) {
+            showView('items');
+            openItemDetail(newId);
+        }
+        else {
+            showView('items');
+        }
+    }
+    catch (err) {
+        if (errEl) {
+            errEl.textContent = err instanceof Error ? err.message : String(err);
+            errEl.style.display = 'block';
+        }
+        if (btn) {
+            btn.disabled = false;
+            const sp = btn.querySelector('span');
+            if (sp)
+                sp.textContent = 'Create Item';
+        }
+        if (btnOpen)
+            btnOpen.disabled = false;
+    }
+}
+//# sourceMappingURL=create.js.map

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

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

package/public/src/views/create.ts

@@ -0,0 +1,246 @@
+// ═══════════════════════════════════════════════════════════════
+// CREATE ITEM VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { toast } from '../components/toast.js';
+import { getTypes, TYPE_ICONS, PRIORITY_LABELS } from '../constants.js';
+import { showView } from './router.js';
+import { loadItemsBadge } from './projects.js';
+import { openItemDetail } from './items.js';
+
+export function renderCreateView(): void {
+  const el = document.getElementById('content-create');
+  if (!el) return;
+  if (!state.currentProject) { el.innerHTML = '<div class="empty-state"><div class="empty-state-text">No project selected</div></div>'; return; }
+  el.innerHTML = `
+    <div class="page-header">
+      <div><div class="page-title">Create Item</div><div class="page-subtitle">Add a new item to ${escHtml(state.currentProject.name)}</div></div>
+    </div>
+    <div class="card" style="max-width:620px">
+      <div class="card-body">
+        <form id="create-item-form" onsubmit="window.__app.submitCreateItem(event)">
+          <div class="form-group">
+            <label class="form-label">Title *</label>
+            <input class="form-input" id="ci-title" type="text" placeholder="Brief description of the item" required autofocus>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Type</label>
+              <select class="form-select" id="ci-type">
+                ${getTypes(state.schema).map(t=>`<option value="${t}"${t==='Task'?' selected':''}>${TYPE_ICONS[t]||''} ${t}</option>`).join('')}
+              </select>
+            </div>
+            <div class="form-group">
+              <label class="form-label">Priority</label>
+              <select class="form-select" id="ci-priority">
+                ${[0,1,2,3,4].map(p=>`<option value="${p}"${p===2?' selected':''}>P${p}: ${PRIORITY_LABELS[p]}</option>`).join('')}
+              </select>
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="form-label">Description</label>
+            <textarea class="form-textarea" id="ci-desc" placeholder="Detailed description (optional)" rows="5"></textarea>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Tags</label>
+              <input class="form-input" id="ci-tags" type="text" placeholder="comma, separated, tags">
+            </div>
+            <div class="form-group">
+              <label class="form-label">Parent Item ID</label>
+              <input class="form-input" id="ci-parent" type="text" placeholder="${escHtml(state.currentProject.prefix)}-1">
+            </div>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Deadline</label>
+              <input class="form-input" id="ci-deadline" type="text" placeholder="+1d, +1w, 2026-06-01">
+            </div>
+            <div class="form-group">
+              <label class="form-label">Assignee</label>
+              <input class="form-input" id="ci-assignee" type="text" placeholder="username or email">
+            </div>
+          </div>
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label">Sprint</label>
+              <input class="form-input" id="ci-sprint" type="text" placeholder="sprint-1">
+            </div>
+            <div class="form-group">
+              <label class="form-label">Release</label>
+              <input class="form-input" id="ci-release" type="text" placeholder="v1.0.0">
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="form-label">Estimated Minutes</label>
+            <input class="form-input" id="ci-estimate" type="number" min="1" placeholder="e.g. 60">
+          </div>
+          <div class="form-group">
+            <label class="form-label">Acceptance Criteria</label>
+            <textarea class="form-textarea" id="ci-acceptance-criteria" placeholder="What conditions must be met?" rows="2"></textarea>
+          </div>
+          <details style="margin-top:8px;margin-bottom:4px">
+            <summary style="cursor:pointer;color:var(--text-secondary);font-size:13px;padding:4px 0;user-select:none">▸ Advanced fields</summary>
+            <div style="margin-top:12px;display:flex;flex-direction:column;gap:0">
+              <div class="form-group">
+                <label class="form-label">Body (Markdown)</label>
+                <textarea class="form-textarea" id="ci-body" placeholder="Full body / notes in markdown" rows="3"></textarea>
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Reporter</label>
+                  <input class="form-input" id="ci-reporter" type="text" placeholder="who reported this">
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Component</label>
+                  <input class="form-input" id="ci-component" type="text" placeholder="e.g. auth, api, ui">
+                </div>
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Severity</label>
+                  <select class="form-select" id="ci-severity">
+                    <option value="">— none —</option>
+                    <option value="critical">Critical</option>
+                    <option value="high">High</option>
+                    <option value="medium">Medium</option>
+                    <option value="low">Low</option>
+                  </select>
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Risk</label>
+                  <select class="form-select" id="ci-risk">
+                    <option value="">— none —</option>
+                    <option value="high">High</option>
+                    <option value="medium">Medium</option>
+                    <option value="low">Low</option>
+                  </select>
+                </div>
+              </div>
+              <div class="form-group">
+                <label class="form-label">Goal / Objective</label>
+                <input class="form-input" id="ci-goal" type="text" placeholder="What business goal does this serve?">
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Environment</label>
+                  <input class="form-input" id="ci-environment" type="text" placeholder="e.g. production, staging">
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Blocked By</label>
+                  <input class="form-input" id="ci-blocked-by" type="text" placeholder="item ID blocking this">
+                </div>
+              </div>
+              <div class="two-col">
+                <div class="form-group">
+                  <label class="form-label">Repro Steps</label>
+                  <textarea class="form-textarea" id="ci-repro-steps" placeholder="Steps to reproduce" rows="2"></textarea>
+                </div>
+                <div class="form-group">
+                  <label class="form-label">Expected Result</label>
+                  <textarea class="form-textarea" id="ci-expected-result" placeholder="What should happen" rows="2"></textarea>
+                </div>
+              </div>
+              <div class="form-group">
+                <label class="form-label">Blocked Reason</label>
+                <textarea class="form-textarea" id="ci-blocked-reason" placeholder="Why is this item blocked? (optional)" rows="2"></textarea>
+              </div>
+            </div>
+          </details>
+          <div class="form-error" id="ci-error" style="display:none"></div>
+          <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap">
+            <button type="submit" class="btn btn-primary" id="ci-submit"><span>Create Item</span></button>
+            <button type="button" class="btn btn-secondary" id="ci-submit-open" onclick="window.__app.submitCreateItemAndOpen(event)"><span>Create &amp; Open</span></button>
+            <button type="button" class="btn btn-ghost" onclick="window.__app.showView('items')">Cancel</button>
+          </div>
+        </form>
+      </div>
+    </div>`;
+}
+
+export async function submitCreateItemAndOpen(e: Event): Promise<void> {
+  e.preventDefault();
+  await submitCreateItem(e, true);
+}
+
+export async function submitCreateItem(e: Event, openAfter = false): Promise<void> {
+  e.preventDefault();
+  const val = (id: string) => (document.getElementById(id) as HTMLInputElement | HTMLTextAreaElement | null)?.value?.trim() || '';
+  const title = val('ci-title');
+  const type = val('ci-type');
+  const priority = val('ci-priority');
+  const description = val('ci-desc');
+  const tags = val('ci-tags');
+  const parent = val('ci-parent');
+  const deadline = val('ci-deadline');
+  const assignee = val('ci-assignee');
+  const sprint = val('ci-sprint');
+  const release = val('ci-release');
+  const estimate = val('ci-estimate');
+  const acceptanceCriteria = val('ci-acceptance-criteria');
+  const body = val('ci-body');
+  const reporter = val('ci-reporter');
+  const component = val('ci-component');
+  const severity = val('ci-severity');
+  const risk = val('ci-risk');
+  const goal = val('ci-goal');
+  const environment = val('ci-environment');
+  const blockedBy = val('ci-blocked-by');
+  const reproSteps = val('ci-repro-steps');
+  const expectedResult = val('ci-expected-result');
+  const blockedReason = val('ci-blocked-reason');
+  const errEl = document.getElementById('ci-error') as HTMLElement | null;
+  const btn = document.getElementById('ci-submit') as HTMLButtonElement | null;
+  if (errEl) errEl.style.display = 'none';
+
+  if (!title) { if (errEl) { errEl.textContent = 'Title is required'; errEl.style.display='block'; } return; }
+
+  const btnOpen = document.getElementById('ci-submit-open') as HTMLButtonElement | null;
+  if (btn) { btn.disabled = true; const sp = btn.querySelector('span'); if (sp) sp.textContent = 'Creating…'; }
+  if (btnOpen) btnOpen.disabled = true;
+  try {
+    const bodyData: Record<string, string> = {title,type,priority};
+    if (description) bodyData.description = description;
+    if (tags) bodyData.tags = tags;
+    if (parent) bodyData.parent = parent;
+    if (deadline) bodyData.deadline = deadline;
+    if (assignee) bodyData.assignee = assignee;
+    if (sprint) bodyData.sprint = sprint;
+    if (release) bodyData.release = release;
+    if (estimate) bodyData.estimate = estimate;
+    if (acceptanceCriteria) bodyData.acceptanceCriteria = acceptanceCriteria;
+    if (body) bodyData.body = body;
+    if (reporter) bodyData.reporter = reporter;
+    if (component) bodyData.component = component;
+    if (severity) bodyData.severity = severity;
+    if (risk) bodyData.risk = risk;
+    if (goal) bodyData.goal = goal;
+    if (environment) bodyData.environment = environment;
+    if (blockedBy) bodyData['blocked-by'] = blockedBy;
+    if (reproSteps) bodyData['repro-steps'] = reproSteps;
+    if (expectedResult) bodyData['expected-result'] = expectedResult;
+    if (blockedReason) bodyData['blocked-reason'] = blockedReason;
+    const data = await api('POST',`/projects/${state.currentProject!.id}/pm/create`,bodyData);
+    const newId: string = (data as any).item?.id || (data as any).id || '';
+    toast(`Created ${newId || 'item'}!`,'success');
+    const form = document.getElementById('create-item-form') as HTMLFormElement | null;
+    if (form) form.reset();
+    const typeEl = document.getElementById('ci-type') as HTMLSelectElement | null;
+    if (typeEl) typeEl.value = 'Task';
+    const priEl = document.getElementById('ci-priority') as HTMLSelectElement | null;
+    if (priEl) priEl.value = '2';
+    loadItemsBadge();
+    if (openAfter && newId) {
+      showView('items');
+      openItemDetail(newId);
+    } else {
+      showView('items');
+    }
+  } catch(err: unknown) {
+    if (errEl) { errEl.textContent = err instanceof Error ? err.message : String(err); errEl.style.display = 'block'; }
+    if (btn) { btn.disabled = false; const sp = btn.querySelector('span'); if (sp) sp.textContent = 'Create Item'; }
+    if (btnOpen) btnOpen.disabled = false;
+  }
+}

package/public/src/views/dedupe.js

@@ -0,0 +1,51 @@
+// ═══════════════════════════════════════════════════════════════
+// DEDUPE AUDIT VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, typeIcon, statusBadge } from '../utils.js';
+export async function renderDedupeAuditView() {
+    const el = document.getElementById('content-dedupe');
+    if (!el)
+        return;
+    if (!state.currentProject) {
+        el.innerHTML = '<div class="empty-state"><div class="empty-state-text">No project selected</div></div>';
+        return;
+    }
+    el.innerHTML = `
+    <div class="page-header">
+      <div><div class="page-title">Dedupe Audit</div><div class="page-subtitle">Find potential duplicate items in ${escHtml(state.currentProject.name)}</div></div>
+      <div class="page-actions"><button class="btn btn-secondary btn-sm" onclick="window.__app.renderDedupeAuditView()">↺ Refresh</button></div>
+    </div>
+    <div id="dedupe-content"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+    try {
+        const data = await api('GET', `/projects/${state.currentProject.id}/pm/dedupe-audit`);
+        const groups = data.groups || data.duplicates || [];
+        const el2 = document.getElementById('dedupe-content');
+        if (!el2)
+            return;
+        if (groups.length === 0) {
+            el2.innerHTML = `<div class="card"><div class="card-body"><div style="color:var(--status-closed);font-size:13px">✓ No potential duplicates found — project looks clean!</div></div></div>`;
+        }
+        else {
+            el2.innerHTML = groups.map((g, i) => `
+        <div class="card" style="margin-bottom:12px">
+          <div class="card-header"><div class="card-title">Potential Duplicate Group ${i + 1} ${g.score !== undefined ? `<span style="font-size:11px;color:var(--text-muted)">· ${Math.round((g.score || 0) * 100)}% similarity</span>` : ''}</div></div>
+          <div class="card-body">
+            ${(g.items || []).map((item) => `
+              <div class="item-row" onclick="window.__app.openItemDetail('${escHtml(item.id || item)}')" style="cursor:pointer">
+                ${typeIcon(item.type || '')} <span class="item-id">${escHtml(item.id || item)}</span>
+                <span class="item-title">${escHtml(item.title || '')}</span>
+                <div class="item-meta">${statusBadge(item.status || 'draft')}</div>
+              </div>`).join('')}
+          </div>
+        </div>`).join('') || `<div class="card"><div class="card-body"><pre style="font-size:12px;color:var(--text-secondary);white-space:pre-wrap">${escHtml(JSON.stringify(data, null, 2))}</pre></div></div>`;
+        }
+    }
+    catch (err) {
+        const el2 = document.getElementById('dedupe-content');
+        if (el2)
+            el2.innerHTML = `<div class="empty-state"><div class="empty-state-text">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div></div>`;
+    }
+}
+//# sourceMappingURL=dedupe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dedupe.js","sourceRoot":"","sources":["dedupe.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,oBAAoB;AACpB,kEAAkE;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,CAAC,KAAK,UAAU,qBAAqB;IACzC,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACrD,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;;;wGAG9C,CAAC;IACvG,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC;QACtF,MAAM,MAAM,GAAI,IAAY,CAAC,MAAM,IAAK,IAAY,CAAC,UAAU,IAAI,EAAE,CAAC;QACtE,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;QACtD,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,GAAG,CAAC,SAAS,GAAG,0KAA0K,CAAC;QAC7L,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,CAAS,EAAE,EAAE,CAAC;;uFAE+B,CAAC,GAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAG,SAAS,CAAA,CAAC,CAAA,0DAA0D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAE,CAAC,CAAC,GAAC,GAAG,CAAC,qBAAqB,CAAA,CAAC,CAAA,EAAE;;cAElN,CAAC,CAAC,CAAC,KAAK,IAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAC,EAAE,CAAA;4EAC+B,OAAO,CAAC,IAAI,CAAC,EAAE,IAAE,IAAI,CAAC;kBAChF,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAE,EAAE,CAAC,0BAA0B,OAAO,CAAC,IAAI,CAAC,EAAE,IAAE,IAAI,CAAC;2CAC9C,OAAO,CAAC,IAAI,CAAC,KAAK,IAAE,EAAE,CAAC;yCACzB,WAAW,CAAC,IAAI,CAAC,MAAM,IAAE,OAAO,CAAC;qBACrD,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;eAEhB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,yHAAyH,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAC,IAAI,EAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAC3M,CAAC;IACH,CAAC;IAAC,OAAM,GAAY,EAAE,CAAC;QACrB,MAAM,GAAG,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;QACtD,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"}