F1 component kit/Grids and schedules/GanttPhone

Gantt

Missing · new34 · gantt

Built in the kit on CSS grid (no library): order ID · customer name · factory (codes, no location — FEEDBACK-B-r1 A07), bars in the real phase colours, red due markers, a today line in steel, weekends shaded, hover detail. Fed by the computed gantt-grid.

Covers: M03. Exports: Gantt.

Whole page:CompactComfortableLaravel · navyDTC · midnight green
AnatomyStatesDensityEN · 中文Edge casesContract

Anatomy

The component as it sits in the product: English, compact, real data shapes.

October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold

States

5 states, left to right, top to bottom. A mock poll never finishes, so each state is drawn on purpose.

default · October
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold
row hover + detail
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold
4522 · D. Haugen
4522-1 JA · PRODUCTION IN-PROGRESS | 0.2 · due 22 Oct
FRR · HF F3.5
factory filter
October 2026Factory FRRReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
loading
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
Order
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
no orders due

No orders due in October

Try another month, or clear the factory filter.

Density

Compact (2b ultra, the default) and comfortable, side by side. Same markup, only the density tokens change.

compact · default · data-density=compact
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold
comfortable · data-density=comfortable
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold

English · 中文

Staff pick en or cn (T001 Q25). Labels arrive localised; CJK falls back to PingFang SC / Noto Sans SC.

en
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold
中文 · lang=zh-Hans
2026 年 10 月工厂 全部Ready For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
订单客户工厂
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12日13一14二15三16四17五18六19日20一21二22三23四24五25六26日27一28二29三30四31五1六
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold

Long string · permission denied

The long-string case (PL-063) and what a role without the permission sees (the server decides; T003).

long string
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-Hart-Montgomery-AbernethyFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold
permission denied

Not available to your role

Your role is missing view gantt. Nothing here is hidden by mistake: the server sends only what you can do.

Both apps

One @rj/admin-kit component, two themes: the Laravel admin (navy pinned) and the DTC admin (kit v4 Midnight green), by token swap only.

Laravel admin · :root
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold
DTC admin · data-theme=dtc
October 2026Factory AllReady For FulfilmentBuild · Order BillBuild · Fabric PurchaseAssemblyIn-ProductionOutboundCompletedOn Hold
OrderCustomerFactory
4528J. Okafor—
4525A. Fitzwilliam-HartFRR
4522D. HaugenFRR
4521S. ChenFRR, FX
4519L. MoreauFRR
4512T. AchterbergFX
4509S. NakamuraFRR
12S13M14T15W16T17F18S19S20M21T22W23T24F25S26S27M28T29W30T31F1S
RFF
Fabric Purchase
AssemblyIn-Production
In-Production
In-ProductionOutbound
On Hold

Contract

The @rj/admin-kit API for this family. Mirrored in CONTRACT.md.

Export
Gantt · @rj/admin-kit
Props
month · year · rows {orderId, customer, factories, segments[{phase, from, to}], due} · legend · onRow
States
loading · ready · hover · filtered · empty · denied
shadcn / Radix
Tooltip + Sheet (drill)
Package underneath
in-kit CSS grid + @tanstack/react-virtual (fallback @svar-ui/react-gantt, MIT core)
Accessibility
each row is a button naming order, customer, phase and due date; the grid has a table alternative
API operations
admin.orders.gantt · admin.orders.gantt-grid (month, year) · admin.orders.gantt.status-legend · admin.orders.gantt-detail
Phone variant
due-date list