@unbrained/pm-web 1.0.0

package/public/src/views/sharing.js

@@ -0,0 +1,152 @@
+// ═══════════════════════════════════════════════════════════════
+// SHARING VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { showModal, hideModal, createModal, confirmDialog } from '../components/modals.js';
+import { toast } from '../components/toast.js';
+function shareDisplay(share) {
+    const isGroup = Boolean(share.group_id || share.groupId);
+    const name = isGroup
+        ? (share.group_name || share.groupName || 'Unknown group')
+        : (share.user_display_name || share.userDisplayName || share.user_email || share.email || share.user_id || share.userId || 'Unknown user');
+    const detail = isGroup
+        ? 'Group'
+        : (share.user_email || share.email || '');
+    return { name, detail, avatar: name.slice(0, 2).toUpperCase(), isGroup };
+}
+export async function renderSharingView() {
+    const el = document.getElementById('content-sharing');
+    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">Project Sharing</div>
+        <div class="page-subtitle">Manage access to ${escHtml(state.currentProject.name)}</div>
+      </div>
+      <div class="page-actions">
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.renderSharingView()">↺ Refresh</button>
+        <button class="btn btn-primary" onclick="window.__app.openShareModal()">+ Invite</button>
+      </div>
+    </div>
+    <div id="shares-list"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+    await loadShares();
+}
+async function loadShares() {
+    const el = document.getElementById('shares-list');
+    if (!el)
+        return;
+    try {
+        const data = await api('GET', `/projects/${state.currentProject.id}/shares`);
+        const shares = data.shares || [];
+        if (shares.length === 0) {
+            el.innerHTML = `
+        <div class="card">
+          <div class="card-body">
+            <div class="empty-state" style="padding:32px">
+              <div class="empty-state-icon">⇄</div>
+              <div class="empty-state-text">Not shared with anyone yet</div>
+              <div class="empty-state-sub">Invite teammates by email to collaborate</div>
+            </div>
+          </div>
+        </div>`;
+            return;
+        }
+        el.innerHTML = `
+      <div class="card">
+        <div class="card-header"><div class="card-title">Shared with</div></div>
+        <div class="card-body">
+          ${shares.map((s) => `
+            ${(() => {
+            const display = shareDisplay(s);
+            return `
+            <div class="share-row">
+              <div class="member-avatar">${escHtml(display.avatar)}</div>
+              <div style="flex:1">
+                <div style="font-size:13px;font-weight:500">${escHtml(display.name)}</div>
+                <div class="group-desc">${escHtml(display.detail)}</div>
+              </div>
+              <span class="share-perm">${escHtml(s.permission || 'view')}</span>
+              <button class="btn btn-danger btn-sm" onclick="window.__app.removeShare('${escHtml(s.id || s.shareId || '')}')">Remove</button>
+            </div>`;
+        })()}`).join('')}
+        </div>
+      </div>`;
+    }
+    catch (err) {
+        if (el)
+            el.innerHTML = `<div class="empty-state"><div class="empty-state-text">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div></div>`;
+    }
+}
+export function openShareModal() {
+    createModal('share-modal', 'Invite to Project', `
+    <div class="form-group">
+      <label class="form-label">Email Address</label>
+      <input class="form-input" id="share-email" type="email" placeholder="colleague@example.com">
+    </div>
+    <div class="form-group">
+      <label class="form-label">Or Group ID</label>
+      <input class="form-input" id="share-group-id" type="text" placeholder="Leave empty to invite by email">
+    </div>
+    <div class="form-group">
+      <label class="form-label">Permission</label>
+      <select class="form-select" id="share-permission">
+        <option value="view">View — read-only access</option>
+        <option value="edit">Edit — can create and modify items</option>
+      </select>
+    </div>
+    <div class="form-error" id="share-error" style="display:none"></div>`, `<button class="btn btn-ghost" onclick="window.__app.hideModal('share-modal')">Cancel</button>
+     <button class="btn btn-primary" onclick="window.__app.submitShare()"><span>Send Invite</span></button>`);
+    showModal('share-modal');
+}
+export async function submitShare() {
+    const email = document.getElementById('share-email')?.value?.trim() || '';
+    const groupId = document.getElementById('share-group-id')?.value?.trim() || '';
+    const permission = document.getElementById('share-permission')?.value || 'view';
+    const errEl = document.getElementById('share-error');
+    if (errEl)
+        errEl.style.display = 'none';
+    if (!email && !groupId) {
+        if (errEl) {
+            errEl.textContent = 'Email or Group ID is required';
+            errEl.style.display = 'block';
+        }
+        return;
+    }
+    const body = { permission };
+    if (email)
+        body.email = email;
+    if (groupId)
+        body.groupId = groupId;
+    try {
+        await api('POST', `/projects/${state.currentProject.id}/shares`, body);
+        toast('Project shared successfully', 'success');
+        hideModal('share-modal');
+        await loadShares();
+    }
+    catch (err) {
+        if (errEl) {
+            errEl.textContent = err instanceof Error ? err.message : String(err);
+            errEl.style.display = 'block';
+        }
+    }
+}
+export function removeShare(shareId) {
+    confirmDialog('Remove Access?', 'The user will lose access to this project.', async () => {
+        try {
+            await api('DELETE', `/projects/${state.currentProject.id}/shares/${shareId}`);
+            toast('Share removed', 'success');
+            await loadShares();
+        }
+        catch (err) {
+            toast(err instanceof Error ? err.message : String(err), 'error');
+        }
+    });
+}
+//# sourceMappingURL=sharing.js.map

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

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

package/public/src/views/sharing.ts

@@ -0,0 +1,139 @@
+// ═══════════════════════════════════════════════════════════════
+// SHARING VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml } from '../utils.js';
+import { showModal, hideModal, createModal, confirmDialog } from '../components/modals.js';
+import { toast } from '../components/toast.js';
+
+function shareDisplay(share: any): { name: string; detail: string; avatar: string; isGroup: boolean } {
+  const isGroup = Boolean(share.group_id || share.groupId);
+  const name = isGroup
+    ? (share.group_name || share.groupName || 'Unknown group')
+    : (share.user_display_name || share.userDisplayName || share.user_email || share.email || share.user_id || share.userId || 'Unknown user');
+  const detail = isGroup
+    ? 'Group'
+    : (share.user_email || share.email || '');
+  return { name, detail, avatar: name.slice(0, 2).toUpperCase(), isGroup };
+}
+
+export async function renderSharingView(): Promise<void> {
+  const el = document.getElementById('content-sharing');
+  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">Project Sharing</div>
+        <div class="page-subtitle">Manage access to ${escHtml(state.currentProject.name)}</div>
+      </div>
+      <div class="page-actions">
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.renderSharingView()">↺ Refresh</button>
+        <button class="btn btn-primary" onclick="window.__app.openShareModal()">+ Invite</button>
+      </div>
+    </div>
+    <div id="shares-list"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+  await loadShares();
+}
+
+async function loadShares(): Promise<void> {
+  const el = document.getElementById('shares-list');
+  if (!el) return;
+  try {
+    const data = await api('GET',`/projects/${state.currentProject!.id}/shares`);
+    const shares = (data as any).shares || [];
+    if (shares.length === 0) {
+      el.innerHTML = `
+        <div class="card">
+          <div class="card-body">
+            <div class="empty-state" style="padding:32px">
+              <div class="empty-state-icon">⇄</div>
+              <div class="empty-state-text">Not shared with anyone yet</div>
+              <div class="empty-state-sub">Invite teammates by email to collaborate</div>
+            </div>
+          </div>
+        </div>`;
+      return;
+    }
+    el.innerHTML = `
+      <div class="card">
+        <div class="card-header"><div class="card-title">Shared with</div></div>
+        <div class="card-body">
+          ${shares.map((s: any)=>`
+            ${(() => {
+              const display = shareDisplay(s);
+              return `
+            <div class="share-row">
+              <div class="member-avatar">${escHtml(display.avatar)}</div>
+              <div style="flex:1">
+                <div style="font-size:13px;font-weight:500">${escHtml(display.name)}</div>
+                <div class="group-desc">${escHtml(display.detail)}</div>
+              </div>
+              <span class="share-perm">${escHtml(s.permission||'view')}</span>
+              <button class="btn btn-danger btn-sm" onclick="window.__app.removeShare('${escHtml(s.id||s.shareId||'')}')">Remove</button>
+            </div>`;
+            })()}`).join('')}
+        </div>
+      </div>`;
+  } catch(err: unknown) {
+    if (el) el.innerHTML = `<div class="empty-state"><div class="empty-state-text">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div></div>`;
+  }
+}
+
+export function openShareModal(): void {
+  createModal('share-modal','Invite to Project',`
+    <div class="form-group">
+      <label class="form-label">Email Address</label>
+      <input class="form-input" id="share-email" type="email" placeholder="colleague@example.com">
+    </div>
+    <div class="form-group">
+      <label class="form-label">Or Group ID</label>
+      <input class="form-input" id="share-group-id" type="text" placeholder="Leave empty to invite by email">
+    </div>
+    <div class="form-group">
+      <label class="form-label">Permission</label>
+      <select class="form-select" id="share-permission">
+        <option value="view">View — read-only access</option>
+        <option value="edit">Edit — can create and modify items</option>
+      </select>
+    </div>
+    <div class="form-error" id="share-error" style="display:none"></div>`,
+    `<button class="btn btn-ghost" onclick="window.__app.hideModal('share-modal')">Cancel</button>
+     <button class="btn btn-primary" onclick="window.__app.submitShare()"><span>Send Invite</span></button>`
+  );
+  showModal('share-modal');
+}
+
+export async function submitShare(): Promise<void> {
+  const email = (document.getElementById('share-email') as HTMLInputElement | null)?.value?.trim() || '';
+  const groupId = (document.getElementById('share-group-id') as HTMLInputElement | null)?.value?.trim() || '';
+  const permission = (document.getElementById('share-permission') as HTMLSelectElement | null)?.value || 'view';
+  const errEl = document.getElementById('share-error') as HTMLElement | null;
+  if (errEl) errEl.style.display = 'none';
+  if (!email && !groupId) {
+    if (errEl) { errEl.textContent = 'Email or Group ID is required'; errEl.style.display = 'block'; }
+    return;
+  }
+  const body: Record<string, string> = { permission };
+  if (email) body.email = email;
+  if (groupId) body.groupId = groupId;
+  try {
+    await api('POST',`/projects/${state.currentProject!.id}/shares`,body);
+    toast('Project shared successfully','success');
+    hideModal('share-modal');
+    await loadShares();
+  } catch(err: unknown) {
+    if (errEl) { errEl.textContent = err instanceof Error ? err.message : String(err); errEl.style.display = 'block'; }
+  }
+}
+
+export function removeShare(shareId: string): void {
+  confirmDialog('Remove Access?', 'The user will lose access to this project.', async () => {
+    try {
+      await api('DELETE',`/projects/${state.currentProject!.id}/shares/${shareId}`);
+      toast('Share removed','success');
+      await loadShares();
+    } catch(err: unknown) { toast(err instanceof Error ? err.message : String(err),'error'); }
+  });
+}

package/public/src/views/stats.js

@@ -0,0 +1,92 @@
+// ═══════════════════════════════════════════════════════════════
+// STATS VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, statusBadge, typeIcon } from '../utils.js';
+export async function renderStatsView() {
+    const el = document.getElementById('content-stats');
+    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">Stats</div><div class="page-subtitle">${escHtml(state.currentProject.name)} statistics</div></div>
+      <div class="page-actions"><button class="btn btn-secondary btn-sm" onclick="window.__app.renderStatsView()">↺ Refresh</button></div>
+    </div>
+    <div id="stats-content"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+    try {
+        const [statsData, aggData, healthData] = await Promise.all([
+            api('GET', `/projects/${state.currentProject.id}/pm/stats`),
+            api('GET', `/projects/${state.currentProject.id}/pm/aggregate`).catch(() => ({})),
+            api('GET', `/projects/${state.currentProject.id}/pm/health`).catch(() => ({})),
+        ]);
+        const s = statsData.stats || statsData;
+        const health = healthData.health || healthData;
+        const byStatus = s.byStatus || {};
+        const byType = s.byType || {};
+        const total = s.total || Object.values(byStatus).reduce((a, b) => a + b, 0) || 0;
+        const openCount = (s.byStatus?.open || 0) + (s.byStatus?.in_progress || 0);
+        const closedCount = s.byStatus?.closed || 0;
+        const blockedCount = s.byStatus?.blocked || 0;
+        const maxStatus = Math.max(...Object.values(byStatus), 1);
+        const maxType = Math.max(...Object.values(byType), 1);
+        const contentEl = document.getElementById('stats-content');
+        if (!contentEl)
+            return;
+        contentEl.innerHTML = `
+      <div class="stats-grid">
+        <div class="stat-card"><div class="stat-value">${total}</div><div class="stat-label">Total Items</div></div>
+        <div class="stat-card"><div class="stat-value" style="color:var(--status-open)">${openCount}</div><div class="stat-label">Open / In Progress</div></div>
+        <div class="stat-card"><div class="stat-value" style="color:var(--status-closed)">${closedCount}</div><div class="stat-label">Closed</div></div>
+        <div class="stat-card"><div class="stat-value" style="color:var(--status-blocked)">${blockedCount}</div><div class="stat-label">Blocked</div></div>
+        ${total > 0 ? `<div class="stat-card"><div class="stat-value">${Math.round((closedCount / total) * 100)}%</div><div class="stat-label">Completion</div></div>` : ''}
+      </div>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
+        <div class="card">
+          <div class="card-header"><div class="card-title">By Status</div></div>
+          <div class="card-body">
+            ${Object.entries(byStatus).sort((a, b) => b[1] - a[1]).map(([k, v]) => `
+              <div class="breakdown-row">
+                <span class="breakdown-label">${statusBadge(k)}</span>
+                <div class="breakdown-bar-wrap"><div class="breakdown-bar" style="width:${Math.round((v / maxStatus) * 100)}%"></div></div>
+                <span class="breakdown-count">${v}</span>
+              </div>`).join('') || '<div style="color:var(--text-muted);font-size:13px">No data</div>'}
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header"><div class="card-title">By Type</div></div>
+          <div class="card-body">
+            ${Object.entries(byType).sort((a, b) => b[1] - a[1]).map(([k, v]) => `
+              <div class="breakdown-row">
+                <span class="breakdown-label">${typeIcon(k)} ${k}</span>
+                <div class="breakdown-bar-wrap"><div class="breakdown-bar" style="width:${Math.round((v / maxType) * 100)}%"></div></div>
+                <span class="breakdown-count">${v}</span>
+              </div>`).join('') || '<div style="color:var(--text-muted);font-size:13px">No data</div>'}
+          </div>
+        </div>
+      </div>
+      ${health && (health.issues || health.score !== undefined) ? `
+        <div class="card" style="margin-top:16px">
+          <div class="card-header">
+            <div class="card-title">Project Health</div>
+            ${health.score !== undefined ? `<div class="health-indicator">
+              <div class="health-dot ${health.score >= 80 ? 'health-good' : health.score >= 50 ? 'health-warn' : 'health-bad'}"></div>
+              <span style="font-size:13px;color:var(--text-secondary)">${health.score}/100</span>
+            </div>` : ''}
+          </div>
+          <div class="card-body">
+            ${(health.issues || []).map((i) => `<div style="padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary)">⚠ ${escHtml(i.message || i)}</div>`).join('') || '<div style="color:var(--status-closed);font-size:13px">✓ No issues found</div>'}
+          </div>
+        </div>` : ''}`;
+    }
+    catch (err) {
+        const contentEl = document.getElementById('stats-content');
+        if (contentEl)
+            contentEl.innerHTML = `<div class="empty-state"><div class="empty-state-text">Error: ${escHtml(err instanceof Error ? err.message : String(err))}</div></div>`;
+    }
+}
+//# sourceMappingURL=stats.js.map

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

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

package/public/src/views/stats.ts

@@ -0,0 +1,88 @@
+// ═══════════════════════════════════════════════════════════════
+// STATS VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, statusBadge, typeIcon } from '../utils.js';
+
+export async function renderStatsView(): Promise<void> {
+  const el = document.getElementById('content-stats');
+  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">Stats</div><div class="page-subtitle">${escHtml(state.currentProject.name)} statistics</div></div>
+      <div class="page-actions"><button class="btn btn-secondary btn-sm" onclick="window.__app.renderStatsView()">↺ Refresh</button></div>
+    </div>
+    <div id="stats-content"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+
+  try {
+    const [statsData, aggData, healthData] = await Promise.all([
+      api('GET',`/projects/${state.currentProject.id}/pm/stats`),
+      api('GET',`/projects/${state.currentProject.id}/pm/aggregate`).catch(()=>({})),
+      api('GET',`/projects/${state.currentProject.id}/pm/health`).catch(()=>({})),
+    ]);
+
+    const s = (statsData as any).stats || statsData;
+    const health = (healthData as any).health || healthData;
+    const byStatus = s.byStatus || {};
+    const byType = s.byType || {};
+    const total = s.total || (Object.values(byStatus) as number[]).reduce((a,b)=>a+b,0) || 0;
+    const openCount = (s.byStatus?.open||0) + (s.byStatus?.in_progress||0);
+    const closedCount = s.byStatus?.closed||0;
+    const blockedCount = s.byStatus?.blocked||0;
+    const maxStatus = Math.max(...(Object.values(byStatus) as number[]),1);
+    const maxType = Math.max(...(Object.values(byType) as number[]),1);
+
+    const contentEl = document.getElementById('stats-content');
+    if (!contentEl) return;
+    contentEl.innerHTML = `
+      <div class="stats-grid">
+        <div class="stat-card"><div class="stat-value">${total}</div><div class="stat-label">Total Items</div></div>
+        <div class="stat-card"><div class="stat-value" style="color:var(--status-open)">${openCount}</div><div class="stat-label">Open / In Progress</div></div>
+        <div class="stat-card"><div class="stat-value" style="color:var(--status-closed)">${closedCount}</div><div class="stat-label">Closed</div></div>
+        <div class="stat-card"><div class="stat-value" style="color:var(--status-blocked)">${blockedCount}</div><div class="stat-label">Blocked</div></div>
+        ${total > 0 ? `<div class="stat-card"><div class="stat-value">${Math.round((closedCount/total)*100)}%</div><div class="stat-label">Completion</div></div>` : ''}
+      </div>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
+        <div class="card">
+          <div class="card-header"><div class="card-title">By Status</div></div>
+          <div class="card-body">
+            ${Object.entries(byStatus).sort((a,b)=>(b[1] as number)-(a[1] as number)).map(([k,v])=>`
+              <div class="breakdown-row">
+                <span class="breakdown-label">${statusBadge(k)}</span>
+                <div class="breakdown-bar-wrap"><div class="breakdown-bar" style="width:${Math.round(((v as number)/maxStatus)*100)}%"></div></div>
+                <span class="breakdown-count">${v}</span>
+              </div>`).join('') || '<div style="color:var(--text-muted);font-size:13px">No data</div>'}
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header"><div class="card-title">By Type</div></div>
+          <div class="card-body">
+            ${Object.entries(byType).sort((a,b)=>(b[1] as number)-(a[1] as number)).map(([k,v])=>`
+              <div class="breakdown-row">
+                <span class="breakdown-label">${typeIcon(k)} ${k}</span>
+                <div class="breakdown-bar-wrap"><div class="breakdown-bar" style="width:${Math.round(((v as number)/maxType)*100)}%"></div></div>
+                <span class="breakdown-count">${v}</span>
+              </div>`).join('') || '<div style="color:var(--text-muted);font-size:13px">No data</div>'}
+          </div>
+        </div>
+      </div>
+      ${health && ((health as any).issues||(health as any).score!==undefined) ? `
+        <div class="card" style="margin-top:16px">
+          <div class="card-header">
+            <div class="card-title">Project Health</div>
+            ${(health as any).score !== undefined ? `<div class="health-indicator">
+              <div class="health-dot ${(health as any).score>=80?'health-good':(health as any).score>=50?'health-warn':'health-bad'}"></div>
+              <span style="font-size:13px;color:var(--text-secondary)">${(health as any).score}/100</span>
+            </div>` : ''}
+          </div>
+          <div class="card-body">
+            ${((health as any).issues||[]).map((i: any)=>`<div style="padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary)">⚠ ${escHtml(i.message||i)}</div>`).join('') || '<div style="color:var(--status-closed);font-size:13px">✓ No issues found</div>'}
+          </div>
+        </div>` : ''}`;
+  } catch(err: unknown) {
+    const contentEl = document.getElementById('stats-content');
+    if (contentEl) contentEl.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/templates.js

@@ -0,0 +1,117 @@
+// ═══════════════════════════════════════════════════════════════
+// TEMPLATES VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, typeIcon } from '../utils.js';
+import { toast } from '../components/toast.js';
+import { showView } from './router.js';
+export async function renderTemplatesView() {
+    const el = document.getElementById('content-templates');
+    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">Templates</div>
+        <div class="page-subtitle">Reusable item templates for ${escHtml(state.currentProject.name)}</div>
+      </div>
+      <div class="page-actions">
+        <button class="btn btn-secondary btn-sm" onclick="window.__app.renderTemplatesView()">↺ Refresh</button>
+      </div>
+    </div>
+    <div id="templates-content"><div class="loading-state"><div class="loading-spinner"></div></div></div>`;
+    await fetchAndRenderTemplates();
+}
+async function fetchAndRenderTemplates() {
+    const pid = state.currentProject?.id;
+    if (!pid)
+        return;
+    try {
+        const data = await api('GET', `/projects/${pid}/pm/templates`);
+        const templates = data.templates || [];
+        const el = document.getElementById('templates-content');
+        if (!el)
+            return;
+        if (templates.length === 0) {
+            el.innerHTML = `
+        <div class="card">
+          <div class="card-body">
+            <div style="color:var(--text-muted);font-size:13px;margin-bottom:16px">
+              No templates defined yet. Create templates using the <code style="font-family:var(--font-mono);background:var(--bg-input);padding:2px 6px;border-radius:4px">pm templates create</code> CLI command.
+            </div>
+            <div style="font-size:12px;color:var(--text-secondary)">
+              Templates allow you to pre-fill item fields (type, priority, tags, description, etc.) when creating new items.
+            </div>
+          </div>
+        </div>`;
+            return;
+        }
+        el.innerHTML = `
+      <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px">
+        ${templates.map((t) => renderTemplateCard(t)).join('')}
+      </div>`;
+    }
+    catch (err) {
+        const el = document.getElementById('templates-content');
+        if (el)
+            el.innerHTML = `<div class="empty-state"><div class="empty-state-text">Failed to load templates: ${escHtml(err instanceof Error ? err.message : String(err))}</div></div>`;
+    }
+}
+function renderTemplateCard(t) {
+    const name = t.name || t.id || 'Unnamed';
+    const type = t.type || t.defaults?.type || '';
+    const priority = t.priority || t.defaults?.priority || '';
+    const tags = (t.tags || t.defaults?.tags || []).join(', ');
+    const desc = t.description || t.defaults?.description || '';
+    return `
+    <div class="card" style="cursor:default">
+      <div class="card-header" style="display:flex;align-items:center;justify-content:space-between">
+        <div class="card-title" style="display:flex;align-items:center;gap:6px">
+          ${type ? typeIcon(type) : ''}
+          <span>${escHtml(name)}</span>
+        </div>
+        ${priority ? `<span style="font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:2px 8px;border-radius:4px">P${priority}</span>` : ''}
+      </div>
+      <div class="card-body" style="padding-top:0">
+        ${type ? `<div style="font-size:12px;color:var(--text-secondary);margin-bottom:6px">Type: <strong>${escHtml(type)}</strong></div>` : ''}
+        ${tags ? `<div style="font-size:12px;color:var(--text-secondary);margin-bottom:6px">Tags: ${escHtml(tags)}</div>` : ''}
+        ${desc ? `<div style="font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.4">${escHtml(desc)}</div>` : ''}
+        <button class="btn btn-primary btn-sm" style="width:100%" onclick="window.__app.createFromTemplate(${JSON.stringify(escHtml(name))}, ${JSON.stringify(t)})">
+          + Create from Template
+        </button>
+      </div>
+    </div>`;
+}
+export function createFromTemplate(name, template) {
+    // Navigate to create view and pre-fill from template
+    showView('create');
+    // Give the create view time to render, then fill fields
+    setTimeout(() => {
+        const defaults = template.defaults || template;
+        const setVal = (id, val) => {
+            if (!val)
+                return;
+            const el = document.getElementById(id);
+            if (el)
+                el.value = val;
+        };
+        setVal('ci-type', defaults.type || template.type);
+        setVal('ci-priority', String(defaults.priority || template.priority || ''));
+        setVal('ci-tags', (defaults.tags || template.tags || []).join(', '));
+        setVal('ci-desc', defaults.description || template.description || '');
+        setVal('ci-sprint', defaults.sprint || template.sprint || '');
+        setVal('ci-release', defaults.release || template.release || '');
+        setVal('ci-assignee', defaults.assignee || template.assignee || '');
+        if (defaults.acceptance_criteria || defaults.acceptanceCriteria) {
+            setVal('ci-acceptance-criteria', defaults.acceptance_criteria || defaults.acceptanceCriteria);
+        }
+        toast(`Template "${name}" applied`, 'success');
+        document.getElementById('ci-title')?.focus();
+    }, 100);
+}
+//# sourceMappingURL=templates.js.map

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

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