@unbrained/pm-web 1.0.0

package/public/src/views/dedupe.ts

@@ -0,0 +1,43 @@
+// ═══════════════════════════════════════════════════════════════
+// DEDUPE AUDIT VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, typeIcon, statusBadge } from '../utils.js';
+
+export async function renderDedupeAuditView(): Promise<void> {
+  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 as any).groups || (data as any).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: any, i: number) => `
+        <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: any)=>`
+              <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: unknown) {
+    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>`;
+  }
+}

package/public/src/views/export.js

@@ -0,0 +1,300 @@
+// ═══════════════════════════════════════════════════════════════
+// EXPORT / IMPORT VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { toast } from '../components/toast.js';
+export async function renderExportView() {
+    const el = document.getElementById('content-export');
+    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">Export &amp; Import</div><div class="page-subtitle">${escHtml(state.currentProject.name)}</div></div>
+    </div>
+    <div style="max-width:600px;display:flex;flex-direction:column;gap:16px">
+      <div class="export-card">
+        <div class="export-card-icon">📥</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Export as JSON</div>
+          <div class="export-card-desc">Download all items with full metadata, body, tags, and all available fields</div>
+        </div>
+        <button class="btn btn-primary btn-sm" onclick="window.__app.exportData('json')"><span>Export JSON</span></button>
+      </div>
+      <div class="export-card">
+        <div class="export-card-icon">📊</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Export as CSV</div>
+          <div class="export-card-desc">Download items as a spreadsheet-compatible CSV file (includes body, parent, estimate)</div>
+        </div>
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.exportData('csv')"><span>Export CSV</span></button>
+      </div>
+      <div class="export-card">
+        <div class="export-card-icon">📋</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Export as YAML</div>
+          <div class="export-card-desc">Download items as a human-readable YAML file with all available fields</div>
+        </div>
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.exportData('yaml')"><span>Export YAML</span></button>
+      </div>
+      <hr class="section-divider">
+      <div class="export-card">
+        <div class="export-card-icon">📤</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Import from JSON or YAML</div>
+          <div class="export-card-desc">Upload a previously exported JSON or YAML file to add items to this project (max 500 items)</div>
+        </div>
+        <label class="btn btn-secondary btn-sm" style="cursor:pointer">
+          <span>Choose File</span>
+          <input type="file" accept=".json,.yaml,.yml" style="display:none" onchange="window.__app.importData(this.files[0])">
+        </label>
+      </div>
+      <div id="export-status" style="display:none"></div>
+    </div>`;
+}
+export async function exportData(format) {
+    const statusEl = document.getElementById('export-status');
+    if (!state.currentProject || !statusEl)
+        return;
+    statusEl.style.display = '';
+    statusEl.innerHTML = '<div class="loading-state" style="padding:16px"><div class="loading-spinner"></div></div>';
+    try {
+        // Use server-side export endpoint which fetches --full --include-body data
+        const projectId = state.currentProject.id;
+        const slug = state.currentProject.slug;
+        const exportedAt = new Date().toISOString();
+        if (format === 'csv') {
+            // Fetch via the dedicated server-side export endpoint for CSV
+            const resp = await fetch(`/api/projects/${encodeURIComponent(projectId)}/pm/export?format=csv`, {
+                credentials: 'include',
+            });
+            if (!resp.ok) {
+                const err = await resp.json().catch(() => ({ error: 'Export failed' }));
+                throw new Error(err.error || `Export failed (${resp.status})`);
+            }
+            const content = await resp.text();
+            const lineCount = content.split('\n').length - 1; // subtract header
+            downloadFile(content, `${slug}-items.csv`, 'text/csv');
+            statusEl.innerHTML = `<div style="color:var(--status-closed);font-size:13px;padding:12px">✓ Exported ${lineCount} items as CSV</div>`;
+            toast(`Exported ${lineCount} items as CSV`, 'success');
+            return;
+        }
+        // For JSON/YAML: fetch from list-all with all fields, then format client-side
+        const data = await api('GET', `/projects/${projectId}/pm/list-all?limit=9999`);
+        const items = data.items || [];
+        if (items.length === 0) {
+            statusEl.innerHTML = '<div style="color:var(--text-muted);font-size:13px;padding:12px">No items to export</div>';
+            return;
+        }
+        let content, filename, mime;
+        if (format === 'yaml') {
+            // YAML serializer — no external dependency needed for this structure
+            const yamlVal = (v, indent) => {
+                const pad = '  '.repeat(indent);
+                if (v === null || v === undefined)
+                    return 'null';
+                if (typeof v === 'boolean')
+                    return v ? 'true' : 'false';
+                if (typeof v === 'number')
+                    return String(v);
+                if (Array.isArray(v)) {
+                    if (v.length === 0)
+                        return '[]';
+                    return '\n' + v.map((item) => `${pad}- ${yamlVal(item, indent + 1)}`).join('\n');
+                }
+                if (typeof v === 'object') {
+                    const entries = Object.entries(v).filter(([, val]) => val !== null && val !== undefined);
+                    if (entries.length === 0)
+                        return '{}';
+                    return '\n' + entries.map(([k, val]) => {
+                        const valStr = yamlVal(val, indent + 1);
+                        return valStr.startsWith('\n') ? `${pad}${k}:${valStr}` : `${pad}${k}: ${valStr}`;
+                    }).join('\n');
+                }
+                // String: quote if contains special chars
+                const str = String(v);
+                if (str.includes('\n') || str.includes(':') || str.includes('#') || str.includes('"') || str.startsWith(' ') || str.endsWith(' ')) {
+                    return `"${str.replace(/\\/g, '\\\\').replace(/"/g, '\\"').replace(/\n/g, '\\n')}"`;
+                }
+                return str || '""';
+            };
+            const yamlItems = items.map((item) => {
+                const itemObj = item;
+                const fields = Object.keys(itemObj).filter(f => itemObj[f] !== null && itemObj[f] !== undefined && itemObj[f] !== '');
+                const lines = fields.map(f => {
+                    const valStr = yamlVal(itemObj[f], 1);
+                    return valStr.startsWith('\n') ? `  ${f}:${valStr}` : `  ${f}: ${valStr}`;
+                });
+                return '- ' + lines.join('\n').trimStart();
+            });
+            const header = `# pm-web export\n# project: ${state.currentProject.name}\n# exported_at: ${exportedAt}\n# version: "2.0"\nitems:\n`;
+            content = header + yamlItems.join('\n');
+            filename = `${slug}-items.yaml`;
+            mime = 'text/yaml';
+        }
+        else {
+            content = JSON.stringify({ exportedAt, project: state.currentProject.name, version: '2.0', items }, null, 2);
+            filename = `${slug}-items.json`;
+            mime = 'application/json';
+        }
+        downloadFile(content, filename, mime);
+        statusEl.innerHTML = `<div style="color:var(--status-closed);font-size:13px;padding:12px">✓ Exported ${items.length} items as ${format.toUpperCase()}</div>`;
+        toast(`Exported ${items.length} items`, 'success');
+    }
+    catch (err) {
+        statusEl.innerHTML = `<div style="color:var(--status-blocked);font-size:13px;padding:12px">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div>`;
+    }
+}
+function downloadFile(content, filename, mime) {
+    const blob = new Blob([content], { type: mime });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+}
+// Parse a minimal YAML items list into an array of objects
+// Handles the pm-web export YAML format (flat key: value under "- " list items)
+function parseYamlItems(text) {
+    const items = [];
+    // Strip comment lines and find items block
+    const lines = text.split('\n');
+    let inItems = false;
+    let current = null;
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        const stripped = line.trimEnd();
+        // Skip comments and empty lines before items block
+        if (!inItems) {
+            if (stripped.match(/^items\s*:/)) {
+                inItems = true;
+            }
+            continue;
+        }
+        // List item start
+        if (stripped.match(/^- /)) {
+            if (current)
+                items.push(current);
+            current = {};
+            const rest = stripped.slice(2).trim();
+            if (rest) {
+                const colonIdx = rest.indexOf(':');
+                if (colonIdx > 0) {
+                    const k = rest.slice(0, colonIdx).trim();
+                    const v = rest.slice(colonIdx + 1).trim();
+                    current[k] = parseYamlValue(v);
+                }
+            }
+        }
+        else if (current && stripped.match(/^  [a-zA-Z_]/)) {
+            // Continuation key under current item
+            const inner = stripped.slice(2);
+            const colonIdx = inner.indexOf(':');
+            if (colonIdx > 0) {
+                const k = inner.slice(0, colonIdx).trim();
+                const v = inner.slice(colonIdx + 1).trim();
+                if (v) {
+                    current[k] = parseYamlValue(v);
+                }
+            }
+        }
+    }
+    if (current)
+        items.push(current);
+    return items;
+}
+function parseYamlValue(v) {
+    if (!v || v === 'null')
+        return null;
+    if (v === 'true')
+        return true;
+    if (v === 'false')
+        return false;
+    if (/^\d+(\.\d+)?$/.test(v))
+        return Number(v);
+    // Quoted string
+    if ((v.startsWith('"') && v.endsWith('"')) || (v.startsWith("'") && v.endsWith("'"))) {
+        return v.slice(1, -1).replace(/\\n/g, '\n').replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+    }
+    // Inline list
+    if (v.startsWith('[') && v.endsWith(']')) {
+        return v.slice(1, -1).split(',').map(s => s.trim()).filter(Boolean);
+    }
+    return v;
+}
+export async function importData(file) {
+    if (!file || !state.currentProject)
+        return;
+    const statusEl = document.getElementById('export-status');
+    if (!statusEl)
+        return;
+    statusEl.style.display = '';
+    statusEl.innerHTML = '<div class="loading-state" style="padding:16px"><div class="loading-spinner"></div></div>';
+    try {
+        const text = await file.text();
+        const name = file.name.toLowerCase();
+        let rawItems = [];
+        if (name.endsWith('.yaml') || name.endsWith('.yml')) {
+            rawItems = parseYamlItems(text);
+            if (rawItems.length === 0)
+                throw new Error('No items found in YAML file. Make sure the file has an "items:" list.');
+        }
+        else {
+            // JSON
+            const data = JSON.parse(text);
+            rawItems = Array.isArray(data) ? data : (Array.isArray(data.items) ? data.items : []);
+            if (rawItems.length === 0)
+                throw new Error('No items found in JSON file');
+        }
+        if (rawItems.length > 500) {
+            throw new Error(`File contains ${rawItems.length} items — maximum is 500 per import`);
+        }
+        const items = rawItems.map((item) => {
+            const i = item;
+            const mapped = {
+                title: String(i['title'] || 'Imported item'),
+                type: String(i['type'] || 'Task'),
+                priority: String(i['priority'] || 3),
+            };
+            if (i['description'])
+                mapped['description'] = String(i['description']);
+            if (i['status'])
+                mapped['status'] = String(i['status']);
+            if (i['tags'])
+                mapped['tags'] = Array.isArray(i['tags']) ? i['tags'].join(',') : String(i['tags']);
+            if (i['deadline'])
+                mapped['deadline'] = String(i['deadline']);
+            if (i['assignee'])
+                mapped['assignee'] = String(i['assignee']);
+            if (i['sprint'])
+                mapped['sprint'] = String(i['sprint']);
+            if (i['release'])
+                mapped['release'] = String(i['release']);
+            if (i['body'])
+                mapped['body'] = String(i['body']);
+            if (i['parent'])
+                mapped['parent'] = String(i['parent']);
+            if (i['estimate'])
+                mapped['estimate'] = String(i['estimate']);
+            return mapped;
+        });
+        const result = await api('POST', `/projects/${state.currentProject.id}/pm/import`, { items });
+        const created = result.created?.length ?? 0;
+        const failed = result.errors?.length ?? 0;
+        statusEl.innerHTML = `<div style="padding:12px;font-size:13px"><span style="color:var(--status-closed)">✓ Imported ${created} items</span>${failed ? `<span style="color:var(--status-blocked);margin-left:12px">✗ ${failed} failed</span>` : ''}</div>`;
+        toast(`Imported ${created} items`, 'success');
+        if (window.__app?.loadItemsBadge) {
+            window.__app.loadItemsBadge();
+        }
+    }
+    catch (err) {
+        statusEl.innerHTML = `<div style="color:var(--status-blocked);font-size:13px;padding:12px">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div>`;
+    }
+}
+//# sourceMappingURL=export.js.map

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

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

package/public/src/views/export.ts

@@ -0,0 +1,274 @@
+// ═══════════════════════════════════════════════════════════════
+// EXPORT / IMPORT VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { toast } from '../components/toast.js';
+
+export async function renderExportView(): Promise<void> {
+  const el = document.getElementById('content-export');
+  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">Export &amp; Import</div><div class="page-subtitle">${escHtml(state.currentProject.name)}</div></div>
+    </div>
+    <div style="max-width:600px;display:flex;flex-direction:column;gap:16px">
+      <div class="export-card">
+        <div class="export-card-icon">📥</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Export as JSON</div>
+          <div class="export-card-desc">Download all items with full metadata, body, tags, and all available fields</div>
+        </div>
+        <button class="btn btn-primary btn-sm" onclick="window.__app.exportData('json')"><span>Export JSON</span></button>
+      </div>
+      <div class="export-card">
+        <div class="export-card-icon">📊</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Export as CSV</div>
+          <div class="export-card-desc">Download items as a spreadsheet-compatible CSV file (includes body, parent, estimate)</div>
+        </div>
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.exportData('csv')"><span>Export CSV</span></button>
+      </div>
+      <div class="export-card">
+        <div class="export-card-icon">📋</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Export as YAML</div>
+          <div class="export-card-desc">Download items as a human-readable YAML file with all available fields</div>
+        </div>
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.exportData('yaml')"><span>Export YAML</span></button>
+      </div>
+      <hr class="section-divider">
+      <div class="export-card">
+        <div class="export-card-icon">📤</div>
+        <div class="export-card-info">
+          <div class="export-card-title">Import from JSON or YAML</div>
+          <div class="export-card-desc">Upload a previously exported JSON or YAML file to add items to this project (max 500 items)</div>
+        </div>
+        <label class="btn btn-secondary btn-sm" style="cursor:pointer">
+          <span>Choose File</span>
+          <input type="file" accept=".json,.yaml,.yml" style="display:none" onchange="window.__app.importData(this.files[0])">
+        </label>
+      </div>
+      <div id="export-status" style="display:none"></div>
+    </div>`;
+}
+
+export async function exportData(format: string): Promise<void> {
+  const statusEl = document.getElementById('export-status');
+  if (!state.currentProject || !statusEl) return;
+  statusEl.style.display = '';
+  statusEl.innerHTML = '<div class="loading-state" style="padding:16px"><div class="loading-spinner"></div></div>';
+  try {
+    // Use server-side export endpoint which fetches --full --include-body data
+    const projectId = state.currentProject.id;
+    const slug = state.currentProject.slug;
+    const exportedAt = new Date().toISOString();
+
+    if (format === 'csv') {
+      // Fetch via the dedicated server-side export endpoint for CSV
+      const resp = await fetch(`/api/projects/${encodeURIComponent(projectId)}/pm/export?format=csv`, {
+        credentials: 'include',
+      });
+      if (!resp.ok) {
+        const err = await resp.json().catch(() => ({ error: 'Export failed' })) as { error?: string };
+        throw new Error(err.error || `Export failed (${resp.status})`);
+      }
+      const content = await resp.text();
+      const lineCount = content.split('\n').length - 1; // subtract header
+      downloadFile(content, `${slug}-items.csv`, 'text/csv');
+      statusEl.innerHTML = `<div style="color:var(--status-closed);font-size:13px;padding:12px">✓ Exported ${lineCount} items as CSV</div>`;
+      toast(`Exported ${lineCount} items as CSV`, 'success');
+      return;
+    }
+
+    // For JSON/YAML: fetch from list-all with all fields, then format client-side
+    const data = await api('GET', `/projects/${projectId}/pm/list-all?limit=9999`);
+    const items = (data as { items?: unknown[] }).items || [];
+    if (items.length === 0) { statusEl.innerHTML = '<div style="color:var(--text-muted);font-size:13px;padding:12px">No items to export</div>'; return; }
+
+    let content: string, filename: string, mime: string;
+
+    if (format === 'yaml') {
+      // YAML serializer — no external dependency needed for this structure
+      const yamlVal = (v: unknown, indent: number): string => {
+        const pad = '  '.repeat(indent);
+        if (v === null || v === undefined) return 'null';
+        if (typeof v === 'boolean') return v ? 'true' : 'false';
+        if (typeof v === 'number') return String(v);
+        if (Array.isArray(v)) {
+          if (v.length === 0) return '[]';
+          return '\n' + v.map((item) => `${pad}- ${yamlVal(item, indent + 1)}`).join('\n');
+        }
+        if (typeof v === 'object') {
+          const entries = Object.entries(v as Record<string, unknown>).filter(([, val]) => val !== null && val !== undefined);
+          if (entries.length === 0) return '{}';
+          return '\n' + entries.map(([k, val]) => {
+            const valStr = yamlVal(val, indent + 1);
+            return valStr.startsWith('\n') ? `${pad}${k}:${valStr}` : `${pad}${k}: ${valStr}`;
+          }).join('\n');
+        }
+        // String: quote if contains special chars
+        const str = String(v);
+        if (str.includes('\n') || str.includes(':') || str.includes('#') || str.includes('"') || str.startsWith(' ') || str.endsWith(' ')) {
+          return `"${str.replace(/\\/g,'\\\\').replace(/"/g,'\\"').replace(/\n/g,'\\n')}"`;
+        }
+        return str || '""';
+      };
+      const yamlItems = items.map((item) => {
+        const itemObj = item as Record<string, unknown>;
+        const fields = Object.keys(itemObj).filter(f => itemObj[f] !== null && itemObj[f] !== undefined && itemObj[f] !== '');
+        const lines: string[] = fields.map(f => {
+          const valStr = yamlVal(itemObj[f], 1);
+          return valStr.startsWith('\n') ? `  ${f}:${valStr}` : `  ${f}: ${valStr}`;
+        });
+        return '- ' + lines.join('\n').trimStart();
+      });
+      const header = `# pm-web export\n# project: ${state.currentProject.name}\n# exported_at: ${exportedAt}\n# version: "2.0"\nitems:\n`;
+      content = header + yamlItems.join('\n');
+      filename = `${slug}-items.yaml`;
+      mime = 'text/yaml';
+    } else {
+      content = JSON.stringify({ exportedAt, project: state.currentProject.name, version: '2.0', items }, null, 2);
+      filename = `${slug}-items.json`;
+      mime = 'application/json';
+    }
+    downloadFile(content, filename, mime);
+    statusEl.innerHTML = `<div style="color:var(--status-closed);font-size:13px;padding:12px">✓ Exported ${items.length} items as ${format.toUpperCase()}</div>`;
+    toast(`Exported ${items.length} items`, 'success');
+  } catch(err: unknown) {
+    statusEl.innerHTML = `<div style="color:var(--status-blocked);font-size:13px;padding:12px">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div>`;
+  }
+}
+
+function downloadFile(content: string, filename: string, mime: string): void {
+  const blob = new Blob([content], { type: mime });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = filename;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
+// Parse a minimal YAML items list into an array of objects
+// Handles the pm-web export YAML format (flat key: value under "- " list items)
+function parseYamlItems(text: string): Record<string, unknown>[] {
+  const items: Record<string, unknown>[] = [];
+  // Strip comment lines and find items block
+  const lines = text.split('\n');
+  let inItems = false;
+  let current: Record<string, unknown> | null = null;
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i]!;
+    const stripped = line.trimEnd();
+
+    // Skip comments and empty lines before items block
+    if (!inItems) {
+      if (stripped.match(/^items\s*:/)) { inItems = true; }
+      continue;
+    }
+
+    // List item start
+    if (stripped.match(/^- /)) {
+      if (current) items.push(current);
+      current = {};
+      const rest = stripped.slice(2).trim();
+      if (rest) {
+        const colonIdx = rest.indexOf(':');
+        if (colonIdx > 0) {
+          const k = rest.slice(0, colonIdx).trim();
+          const v = rest.slice(colonIdx + 1).trim();
+          current[k] = parseYamlValue(v);
+        }
+      }
+    } else if (current && stripped.match(/^  [a-zA-Z_]/)) {
+      // Continuation key under current item
+      const inner = stripped.slice(2);
+      const colonIdx = inner.indexOf(':');
+      if (colonIdx > 0) {
+        const k = inner.slice(0, colonIdx).trim();
+        const v = inner.slice(colonIdx + 1).trim();
+        if (v) {
+          current[k] = parseYamlValue(v);
+        }
+      }
+    }
+  }
+  if (current) items.push(current);
+  return items;
+}
+
+function parseYamlValue(v: string): unknown {
+  if (!v || v === 'null') return null;
+  if (v === 'true') return true;
+  if (v === 'false') return false;
+  if (/^\d+(\.\d+)?$/.test(v)) return Number(v);
+  // Quoted string
+  if ((v.startsWith('"') && v.endsWith('"')) || (v.startsWith("'") && v.endsWith("'"))) {
+    return v.slice(1, -1).replace(/\\n/g, '\n').replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+  }
+  // Inline list
+  if (v.startsWith('[') && v.endsWith(']')) {
+    return v.slice(1, -1).split(',').map(s => s.trim()).filter(Boolean);
+  }
+  return v;
+}
+
+export async function importData(file: File): Promise<void> {
+  if (!file || !state.currentProject) return;
+  const statusEl = document.getElementById('export-status');
+  if (!statusEl) return;
+  statusEl.style.display = '';
+  statusEl.innerHTML = '<div class="loading-state" style="padding:16px"><div class="loading-spinner"></div></div>';
+  try {
+    const text = await file.text();
+    const name = file.name.toLowerCase();
+    let rawItems: unknown[] = [];
+
+    if (name.endsWith('.yaml') || name.endsWith('.yml')) {
+      rawItems = parseYamlItems(text);
+      if (rawItems.length === 0) throw new Error('No items found in YAML file. Make sure the file has an "items:" list.');
+    } else {
+      // JSON
+      const data = JSON.parse(text) as unknown;
+      rawItems = Array.isArray(data) ? data : (Array.isArray((data as { items?: unknown[] }).items) ? (data as { items: unknown[] }).items : []);
+      if (rawItems.length === 0) throw new Error('No items found in JSON file');
+    }
+
+    if (rawItems.length > 500) { throw new Error(`File contains ${rawItems.length} items — maximum is 500 per import`); }
+
+    const items = rawItems.map((item: unknown) => {
+      const i = item as Record<string, unknown>;
+      const mapped: Record<string, string> = {
+        title: String(i['title'] || 'Imported item'),
+        type: String(i['type'] || 'Task'),
+        priority: String(i['priority'] || 3),
+      };
+      if (i['description']) mapped['description'] = String(i['description']);
+      if (i['status']) mapped['status'] = String(i['status']);
+      if (i['tags']) mapped['tags'] = Array.isArray(i['tags']) ? (i['tags'] as string[]).join(',') : String(i['tags']);
+      if (i['deadline']) mapped['deadline'] = String(i['deadline']);
+      if (i['assignee']) mapped['assignee'] = String(i['assignee']);
+      if (i['sprint']) mapped['sprint'] = String(i['sprint']);
+      if (i['release']) mapped['release'] = String(i['release']);
+      if (i['body']) mapped['body'] = String(i['body']);
+      if (i['parent']) mapped['parent'] = String(i['parent']);
+      if (i['estimate']) mapped['estimate'] = String(i['estimate']);
+      return mapped;
+    });
+
+    const result = await api('POST', `/projects/${state.currentProject.id}/pm/import`, { items }) as { created?: string[]; errors?: string[]; total?: number };
+    const created = result.created?.length ?? 0;
+    const failed = result.errors?.length ?? 0;
+    statusEl.innerHTML = `<div style="padding:12px;font-size:13px"><span style="color:var(--status-closed)">✓ Imported ${created} items</span>${failed ? `<span style="color:var(--status-blocked);margin-left:12px">✗ ${failed} failed</span>` : ''}</div>`;
+    toast(`Imported ${created} items`, 'success');
+    if ((window as unknown as { __app?: { loadItemsBadge?: () => void } }).__app?.loadItemsBadge) {
+      (window as unknown as { __app: { loadItemsBadge: () => void } }).__app.loadItemsBadge();
+    }
+  } catch(err: unknown) {
+    statusEl.innerHTML = `<div style="color:var(--status-blocked);font-size:13px;padding:12px">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div>`;
+  }
+}