---
title: "Deal pipeline"
description: "A wholesale stockist pipeline: five stages with counts and weighted totals, cards you drag or move by menu, a quote rule, and a table view."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/deal-pipeline
---

# Deal pipeline

A wholesale stockist pipeline: five stages with counts and weighted totals, cards you drag or move by menu, a quote rule, and a table view.

Loam Wholesale's stockists in Enquiry, Samples sent, Quote, First order and Repeat stockist. Each column counts its cards and ends with its total and weighted value in pounds (10%, 25%, 50%, 80% and 100%). A card shows the stockist and town, the order it should bring, its owner's initials, days in the stage ("Stalled, 19 days" with an icon after 14) and the next step with its date. Drag a card within a column or to another: by mouse anywhere on the card, or by its grip on touch and from the keyboard (Space, then the arrow keys), with every move announced. A More menu and a right-click menu on each card offer Open, Move to (a stage, up or down) and Mark as lost, which has Undo. A stockist without a sent quote can't enter First order: dragged there, the card goes back and the reason shows. Search by stockist or town and filter by owner; a column says how many cards the filter hides, and no matches offers Clear filter. Table shows the same deals in the Pro data table, sortable by value and days in stage. Add stockist opens a short Pro form that refuses a name already in the pipeline. Uses @dnd-kit/core and @dnd-kit/sortable.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/deal-pipeline
```

## Dependencies
- npm: lucide-react@^1.33.0, @dnd-kit/core@^6.3.1, @dnd-kit/sortable@^10.0.0, @dnd-kit/utilities@^3.2.2, @tanstack/react-table@^9.2.4, zod@^4.3.5
- edbn: edbn-base, avatar, badge, button, card, context-menu, dialog, dropdown-menu, empty, input-group, select, text-link, toggle-group, data-table, form-core, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More workspace blocks

All 6, with install commands: https://ui.edbn.me/docs/blocks/workspace (Markdown: https://ui.edbn.me/docs/blocks/workspace.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt