> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vinmake.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Feature Pipeline

> Track VinMake ERP features from backlog to shipped

export function StatusPill({label, tone}) {
  const palette = ({
    backlog: {
      background: "#F3F4F6",
      text: "#4B5563",
      dot: "#6B7280"
    },
    dev: {
      background: "#FEE2E2",
      text: "#B91C1C",
      dot: "#EF4444"
    },
    test: {
      background: "#FEF3C7",
      text: "#B45309",
      dot: "#F59E0B"
    },
    stage: {
      background: "#DBEAFE",
      text: "#1D4ED8",
      dot: "#3B82F6"
    },
    prod: {
      background: "#DCFCE7",
      text: "#166534",
      dot: "#10B981"
    }
  })[tone];
  return <span style={{
    display: "inline-flex",
    alignItems: "center",
    gap: "0.35rem",
    padding: "0.25rem 0.55rem",
    borderRadius: "999px",
    backgroundColor: palette.background,
    color: palette.text,
    fontSize: "0.74rem",
    fontWeight: 500,
    lineHeight: 1
  }}>
      <span style={{
    width: "0.45rem",
    height: "0.45rem",
    borderRadius: "999px",
    backgroundColor: palette.dot,
    display: "inline-block",
    boxShadow: `0 0 0 3px ${palette.background}`
  }} />
      {label}
    </span>;
}

export function FeatureTitle({name, status, tone}) {
  return <span style={{
    display: "inline-flex",
    alignItems: "center",
    flexWrap: "wrap",
    gap: "0.75rem"
  }}>
      <span>{name}</span>
      <StatusPill label={status} tone={tone} />
    </span>;
}

# Feature Pipeline

VinMake ERP is built iteratively. This page tracks every feature's journey across the full delivery pipeline.

## Pipeline Overview

<CardGroup cols={3}>
  <Card title="Backlog" icon="list" color="#6B7280">
    Queued for implementation
  </Card>

  <Card title="Under Development" icon="code" color="#3B82F6">
    Active engineering work
  </Card>

  <Card title="In Testing" icon="flask" color="#8B5CF6">
    Under QA validation
  </Card>

  <Card title="On Staging" icon="browser" color="#F59E0B">
    Deployed to staging
  </Card>

  <Card title="Shipped" icon="check-circle" color="#10B981">
    Live in production
  </Card>
</CardGroup>

***

## Shipped Features

### Sales & Commercial

<CardGroup cols={2}>
  <Card title={<FeatureTitle name="Sales Orders" status="Live" tone="prod" />} icon="file-invoice" href="/features/detail/sales-orders">
    Create, track, and manage client orders from draft to delivery
  </Card>

  <Card title={<FeatureTitle name="Purchase Orders" status="Live" tone="prod" />} icon="shopping-cart" href="/features/detail/purchase-orders">
    Procure materials with direct cost and fixed cost POs
  </Card>

  <Card title={<FeatureTitle name="Clients" status="Live" tone="prod" />} icon="users" href="/features/detail/clients">
    Manage customer relationships and order history
  </Card>

  <Card title={<FeatureTitle name="Suppliers" status="Live" tone="prod" />} icon="truck" href="/features/detail/suppliers">
    Vendor management and material sourcing
  </Card>

  <Card title={<FeatureTitle name="Styles" status="Live" tone="prod" />} icon="shirt" href="/features/detail/styles">
    Garment style catalog with SKUs and tech packs
  </Card>

  <Card title={<FeatureTitle name="Costings" status="Live" tone="prod" />} icon="calculator" href="/features/detail/costings">
    Cost sheet calculation and quote generation
  </Card>
</CardGroup>

### Production & Operations

<CardGroup cols={2}>
  <Card title={<FeatureTitle name="Production Orders" status="Live" tone="prod" />} icon="factory" href="/features/detail/production-orders">
    Track manufacturing from cutting to packing
  </Card>

  <Card title={<FeatureTitle name="Material Requests" status="Live" tone="prod" />} icon="clipboard-list" href="/features/detail/material-requests">
    Production requests materials from procurement
  </Card>

  <Card title={<FeatureTitle name="Materials" status="Live" tone="prod" />} icon="layer-group" href="/features/detail/materials">
    Raw materials catalog with versioning
  </Card>
</CardGroup>

### Finance

<CardGroup cols={2}>
  <Card title={<FeatureTitle name="Bills" status="Live" tone="prod" />} icon="file-invoice-dollar" href="/features/detail/bills">
    Track money owed to suppliers
  </Card>

  <Card title={<FeatureTitle name="Invoices" status="Live" tone="prod" />} icon="receipt" href="/features/detail/invoices">
    Track money owed by clients
  </Card>

  <Card title={<FeatureTitle name="Budget" status="Live" tone="prod" />} icon="chart-pie" href="/features/detail/budget">
    Planned vs actual spending
  </Card>

  <Card title={<FeatureTitle name="Bank Statements" status="Live" tone="prod" />} icon="landmark" href="/features/detail/bank-statements">
    Import and categorize transactions
  </Card>

  <Card title={<FeatureTitle name="Management Accounts" status="Live" tone="prod" />} icon="chart-line" href="/features/detail/management-accounts">
    Monthly P\&L and financial overview
  </Card>
</CardGroup>

### Intelligence

<CardGroup cols={2}>
  <Card title={<FeatureTitle name="Dashboard" status="Live" tone="prod" />} icon="gauge" href="/features/detail/dashboard">
    At-a-glance business health overview
  </Card>

  <Card title={<FeatureTitle name="Reports" status="Live" tone="prod" />} icon="chart-bar" href="/features/detail/reports">
    Business intelligence and analytics
  </Card>
</CardGroup>

***

## On Staging

No features are currently on staging.

***

## In Testing

No features are currently in testing.

***

## Under Development

<CardGroup cols={2}>
  <Card title={<FeatureTitle name="RFQ Module" status="Dev" tone="dev" />} icon="message-question" color="#3B82F6">
    Request for quote management
  </Card>
</CardGroup>

***

## Backlog

<CardGroup cols={2}>
  <Card title={<FeatureTitle name="Client Portal" status="Backlog" tone="backlog" />} icon="globe" color="#6B7280">
    External buyers view own orders
  </Card>

  <Card title={<FeatureTitle name="Email Notifications" status="Backlog" tone="backlog" />} icon="envelope" color="#6B7280">
    Order status alerts and overdue reminders
  </Card>

  <Card title={<FeatureTitle name="AI Semantic Search" status="Backlog" tone="backlog" />} icon="wand-magic-sparkles" color="#6B7280">
    Natural language material search
  </Card>
</CardGroup>