F1 component kit/Tables and lists/Resizable split panePhone

Resizable split pane

Missing · new09 · split-pane

List and record side by side (tickets inbox, orders peek pinned to split). Drag the handle or use the keyboard; the width is remembered per person; collapse the list with ⌘\.

Covers: M06. Exports: SplitPane.

Whole page:CompactComfortableLaravel · navyDTC · midnight green

Anatomy States Density EN · 中文 Edge cases Contract

Anatomy

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

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

States

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

default 400px

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

dragging the handle

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

Dragging: 520px · min 320px · width remembered per person

nothing selected

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

Pick a ticket

↑↓ walks the list; ↵ opens it here.

record loading

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

list collapsed

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

List collapsed: ⌘\ or double-click the handle brings it back at the remembered width.

Density

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

compact · default · data-density=compact

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

comfortable · data-density=comfortable

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

English · 中文

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

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

中文 · lang=zh-Hans

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · 订单 4503待零售商回复High

#918 · Order arrived damagedKestrel Tailoring · 订单 4511待处理High

#915 · Fabric Out of StockHarrow & Vale待客服回复Medium

#912 · Web App loginBrightwater Bespoke已解决Low

#877 · Measurement Issue | Missing Sleeve Length

待零售商回复

订单 › 订单修改 · High · 订单 #4503

原始消息Atelier North · 17 Oct 10:12

你好，客户的第二件外套没有按首次试穿约定的袖长制作。请确认所用尺寸。

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ 员工 · 17 Oct 11:40

谢谢，正在查看试穿校验记录。

Atelier North零售商 · 17 Oct 12:05

客户 10 月 24 日出行，需在 21 日前完成。

常用回复引用文章获取 AI 建议

撰写回复…每条回复都会邮件通知零售商

上传文件

Long string · permission denied

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

long string

#877 · Measurement Issue | Missing Sleeve Length on the second fitting jacket, customer flies out on 24 OctAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used? https://atelier-north.example/fittings/2026/10/S-Chen-second-fitting-notes-and-photos-before-alteration-final-final.pdf

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

permission denied

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

Not available to your role

Your role is missing view tickets. 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

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

DTC admin · data-theme=dtc

#877 · Measurement Issue | Missing Sleeve LengthAtelier North · Order 4503Pending Retailer ResponseHigh

#918 · Order arrived damagedKestrel Tailoring · Order 4511OpenHigh

#915 · Fabric Out of StockHarrow & ValePending Support ResponseMedium

#912 · Web App loginBrightwater BespokeResolvedLow

#877 · Measurement Issue | Missing Sleeve Length

Pending Retailer Response

Orders › Order Modification · High · Order #4503

Original MessageAtelier North · 17 Oct 10:12

Hi team, the customer's second jacket arrived without the sleeve length we agreed at the first fitting. Can you confirm the measurement used?

fitting-2-sleeve.jpg4503-1-2 | Jacket

W. LiuRJ staff · 17 Oct 11:40

Thanks, checking the fitting validation log now.

Atelier NorthRetailer · 17 Oct 12:05

Customer flies out on 24 Oct, so we need it before the 21st.

Saved responseCite articleGet AI Suggestion

Write a reply… every reply emails the retailer

Upload File

Contract

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

Export: SplitPane · @rj/admin-kit
Props: left · right · defaultSize · minSize 320px · collapsible · storageKey
States: default · dragging · collapsed · empty · loading
shadcn / Radix: Resizable (shadcn)
Package underneath: react-resizable-panels · zustand persist (width)
Accessibility: handle is role=separator with aria-valuenow; ←→ resize by 16px, Home/End collapse/expand
API operations: admin.tickets.index + admin.tickets.show · admin.orders.index + admin.orders.show
Phone variant: none: list → record