SpecMatchingTab

The main tab component for the Spec Matching workflow step (Tab 3).

Overview

SpecMatchingTab provides the interface for reviewing and managing AI-generated matches between PIP items and specification sections. It includes a split-panel view with PIP items on the left, matched specs on the right, and bulk action capabilities.

Usage

<SpecMatchingTab :project-id="projectId" />

Features

• Split-panel layout with resizable panels
• PIP item list with match status indicators
• Matched specs panel with confidence scores
• Manual spec search and assignment
• Bulk approve/reject actions
• Filter by match confidence level
• Table view toggle for spreadsheet-style review

Props

Prop	Type	Required	Description
projectId	string	Yes	The project UUID

Key Dependencies

• useSpecMatching — Match management logic
• usePipItems — PIP item data
• SpecsPanel — Spec display and search
• PIPItemsSidebar — PIP items list
• SpecMatchingTableView — Table view

Source

app/components/tabs/SpecMatchingTab.vue