iec-cli 0.6.6

package/dist/templates/mga/{{name}}-web/src/app/dashboard/agent/page.tsx

@@ -0,0 +1,125 @@
+import { apiClient } from '@/lib/api'
+
+interface AgentSummary {
+  applicationCount: number
+  activeQuoteCount: number
+  policyCount: number
+  totalPremium: number
+  recentApplications: Array<{
+    id: string
+    company: string
+    status: string
+    date: string
+  }>
+}
+
+function formatCurrency(value: number): string {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  }).format(value)
+}
+
+function formatDate(dateStr: string): string {
+  return new Date(dateStr).toLocaleDateString('en-US', {
+    month: 'short',
+    day: 'numeric',
+    year: 'numeric',
+  })
+}
+
+function badgeClass(status: string): string {
+  const map: Record<string, string> = {
+    submitted: 'badge-submitted',
+    review: 'badge-review',
+    quoted: 'badge-quoted',
+    bound: 'badge-bound',
+    declined: 'badge-declined',
+    active: 'badge-active',
+  }
+  return map[status] || 'badge-pending'
+}
+
+export default async function AgentDashboard() {
+  const res = await apiClient.get<AgentSummary>('/api/agent/summary')
+
+  if (!res.success || !res.data) {
+    return (
+      <div>
+        <div className="page-header">
+          <h1 className="page-title">Agent Dashboard</h1>
+        </div>
+        <div className="alert alert-error">
+          Failed to load dashboard: {res.error?.message || 'Unknown error'}
+        </div>
+      </div>
+    )
+  }
+
+  const data = res.data
+
+  return (
+    <div>
+      <div className="page-header">
+        <h1 className="page-title">Agent Dashboard</h1>
+        <a href="/applications/new" className="btn btn-primary">
+          New Application
+        </a>
+      </div>
+
+      <div className="kpi-grid">
+        <div className="card">
+          <div className="card-title">My Applications</div>
+          <div className="card-value">{data.applicationCount}</div>
+        </div>
+        <div className="card">
+          <div className="card-title">Active Quotes</div>
+          <div className="card-value">{data.activeQuoteCount}</div>
+        </div>
+        <div className="card">
+          <div className="card-title">My Policies</div>
+          <div className="card-value">{data.policyCount}</div>
+        </div>
+        <div className="card">
+          <div className="card-title">Total Premium</div>
+          <div className="card-value">{formatCurrency(data.totalPremium)}</div>
+        </div>
+      </div>
+
+      <div className="card">
+        <div className="card-title">Recent Applications</div>
+        {data.recentApplications.length === 0 ? (
+          <p style={{ color: 'var(--color-text-muted)', fontSize: '0.875rem' }}>
+            No applications yet.{' '}
+            <a href="/applications/new">Create your first application</a>
+          </p>
+        ) : (
+          <table>
+            <thead>
+              <tr>
+                <th>Company</th>
+                <th>Status</th>
+                <th>Date</th>
+              </tr>
+            </thead>
+            <tbody>
+              {data.recentApplications.map((app) => (
+                <tr key={app.id}>
+                  <td>
+                    <a href={`/applications?id=${app.id}`}>{app.company}</a>
+                  </td>
+                  <td>
+                    <span className={`badge ${badgeClass(app.status)}`}>{app.status}</span>
+                  </td>
+                  <td>{formatDate(app.date)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        )}
+      </div>
+    </div>
+  )
+}

package/dist/templates/mga/{{name}}-web/src/app/dashboard/insured/page.tsx

@@ -0,0 +1,145 @@
+import { apiClient } from '@/lib/api'
+
+interface InsuredSummary {
+  applications: Array<{
+    id: string
+    company: string
+    status: string
+    date: string
+  }>
+  policies: Array<{
+    id: string
+    policyNumber: string
+    coverageLimit: string
+    premium: number
+    status: string
+    expirationDate: string
+  }>
+}
+
+function formatCurrency(value: number): string {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  }).format(value)
+}
+
+function formatDate(dateStr: string): string {
+  return new Date(dateStr).toLocaleDateString('en-US', {
+    month: 'short',
+    day: 'numeric',
+    year: 'numeric',
+  })
+}
+
+function badgeClass(status: string): string {
+  const map: Record<string, string> = {
+    submitted: 'badge-submitted',
+    review: 'badge-review',
+    quoted: 'badge-quoted',
+    bound: 'badge-bound',
+    declined: 'badge-declined',
+    active: 'badge-active',
+    expired: 'badge-expired',
+  }
+  return map[status] || 'badge-pending'
+}
+
+export default async function InsuredDashboard() {
+  const res = await apiClient.get<InsuredSummary>('/api/insured/summary')
+
+  if (!res.success || !res.data) {
+    return (
+      <div>
+        <div className="page-header">
+          <h1 className="page-title">My Dashboard</h1>
+        </div>
+        <div className="alert alert-error">
+          Failed to load dashboard: {res.error?.message || 'Unknown error'}
+        </div>
+      </div>
+    )
+  }
+
+  const data = res.data
+
+  return (
+    <div>
+      <div className="page-header">
+        <h1 className="page-title">My Dashboard</h1>
+        <a href="/applications/new" className="btn btn-primary">
+          Start New Application
+        </a>
+      </div>
+
+      <div className="card" style={{ marginBottom: 'var(--space-xl)' }}>
+        <div className="card-title">My Applications</div>
+        {data.applications.length === 0 ? (
+          <p style={{ color: 'var(--color-text-muted)', fontSize: '0.875rem' }}>
+            No applications yet.{' '}
+            <a href="/applications/new">Start a new application</a>
+          </p>
+        ) : (
+          <table>
+            <thead>
+              <tr>
+                <th>Company</th>
+                <th>Status</th>
+                <th>Date</th>
+              </tr>
+            </thead>
+            <tbody>
+              {data.applications.map((app) => (
+                <tr key={app.id}>
+                  <td>{app.company}</td>
+                  <td>
+                    <span className={`badge ${badgeClass(app.status)}`}>{app.status}</span>
+                  </td>
+                  <td>{formatDate(app.date)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        )}
+      </div>
+
+      <div className="card">
+        <div className="card-title">My Policies</div>
+        {data.policies.length === 0 ? (
+          <p style={{ color: 'var(--color-text-muted)', fontSize: '0.875rem' }}>
+            No active policies
+          </p>
+        ) : (
+          <table>
+            <thead>
+              <tr>
+                <th>Policy Number</th>
+                <th>Coverage</th>
+                <th>Premium</th>
+                <th>Status</th>
+                <th>Expires</th>
+              </tr>
+            </thead>
+            <tbody>
+              {data.policies.map((policy) => (
+                <tr key={policy.id}>
+                  <td style={{ fontFamily: 'var(--font-mono)', fontSize: '0.8125rem' }}>
+                    {policy.policyNumber}
+                  </td>
+                  <td>{policy.coverageLimit}</td>
+                  <td>{formatCurrency(policy.premium)}</td>
+                  <td>
+                    <span className={`badge ${badgeClass(policy.status)}`}>{policy.status}</span>
+                  </td>
+                  <td>{formatDate(policy.expirationDate)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        )}
+      </div>
+    </div>
+  )
+}

package/dist/templates/mga/{{name}}-web/src/app/dashboard/layout.tsx

@@ -0,0 +1,17 @@
+import { redirect } from 'next/navigation'
+import { getCurrentUser } from '@/lib/auth'
+import { DashboardShell } from './shell'
+
+export default async function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const user = await getCurrentUser()
+
+  if (!user) {
+    redirect('/api/auth/login?returnTo=/dashboard')
+  }
+
+  return <DashboardShell user={user}>{children}</DashboardShell>
+}

package/dist/templates/mga/{{name}}-web/src/app/dashboard/page.tsx

@@ -0,0 +1,27 @@
+import { redirect } from 'next/navigation'
+import { getCurrentUser } from '@/lib/auth'
+
+export default async function DashboardPage() {
+  const user = await getCurrentUser()
+
+  if (!user) {
+    redirect('/api/auth/login?returnTo=/dashboard')
+  }
+
+  const roles = user.roles || []
+
+  if (roles.includes('mga_admin')) {
+    redirect('/dashboard/admin')
+  }
+
+  if (roles.includes('agent')) {
+    redirect('/dashboard/agent')
+  }
+
+  if (roles.includes('insured')) {
+    redirect('/dashboard/insured')
+  }
+
+  // Default: show agent dashboard for any authenticated user
+  redirect('/dashboard/agent')
+}

package/dist/templates/mga/{{name}}-web/src/app/dashboard/shell.tsx

@@ -0,0 +1,89 @@
+'use client'
+
+import { type User } from '@/lib/auth'
+
+interface NavItem {
+  label: string
+  href: string
+}
+
+function getNavItems(roles: string[]): NavItem[] {
+  const isAdmin = roles.includes('mga_admin')
+  const isAgent = roles.includes('agent')
+  const isInsured = roles.includes('insured')
+
+  if (isAdmin) {
+    return [
+      { label: 'Dashboard', href: '/dashboard/admin' },
+      { label: 'Applications', href: '/applications' },
+      { label: 'Reports', href: '/reports' },
+    ]
+  }
+
+  if (isAgent) {
+    return [
+      { label: 'Dashboard', href: '/dashboard/agent' },
+      { label: 'My Applications', href: '/applications' },
+    ]
+  }
+
+  if (isInsured) {
+    return [
+      { label: 'Dashboard', href: '/dashboard/insured' },
+      { label: 'My Applications', href: '/applications' },
+    ]
+  }
+
+  // Default nav for any authenticated user
+  return [
+    { label: 'Dashboard', href: '/dashboard/agent' },
+    { label: 'Applications', href: '/applications' },
+  ]
+}
+
+export function DashboardShell({
+  user,
+  children,
+}: {
+  user: User
+  children: React.ReactNode
+}) {
+  const navItems = getNavItems(user.roles)
+
+  return (
+    <div className="layout">
+      <aside className="sidebar">
+        <div className="sidebar-brand">{'{{name}}'}</div>
+        <nav className="sidebar-nav">
+          {navItems.map((item) => (
+            <a key={item.href} href={item.href}>
+              {item.label}
+            </a>
+          ))}
+        </nav>
+        <div className="sidebar-footer">
+          <div style={{ marginBottom: '0.25rem' }}>{user.name}</div>
+          <div style={{ fontSize: '0.75rem', opacity: 0.7 }}>{user.email}</div>
+          <form action="/api/auth/logout" method="post" style={{ marginTop: '0.75rem' }}>
+            <button
+              type="submit"
+              style={{
+                background: 'rgba(255,255,255,0.1)',
+                color: '#ffffff',
+                border: '1px solid rgba(255,255,255,0.2)',
+                padding: '0.25rem 0.75rem',
+                borderRadius: '0.25rem',
+                cursor: 'pointer',
+                fontSize: '0.75rem',
+                width: '100%',
+              }}
+            >
+              Sign Out
+            </button>
+          </form>
+        </div>
+      </aside>
+      <main className="main-content">{children}</main>
+    </div>
+  )
+}