@wipco/sdui 1.6.0 → 1.7.0

package/dist/styles.css

@@ -583,6 +583,8 @@
 .wp-card--interactive { cursor: pointer; transition: box-shadow 0.12s, transform 0.12s; }
 .wp-card--interactive:hover { box-shadow: var(--wp-shadow-md); transform: translateY(-1px); }
 .wp-card--interactive[role=button]:focus-visible { outline: none; box-shadow: var(--wp-ring-focus); }
+/* 목록 카드 보기의 강조 카드(SearchResults.selectedIds, 1.6.1) — hover 가 테두리·그림자를 바꿔도 고리를 유지한다. */
+.wp-card.is-selected, .wp-card.is-selected:hover { border-color: var(--wp-navy-600); box-shadow: var(--wp-ring-selected); }
 /* 표지 — 머리 위에 꽉 차게 깔린다. 카드가 overflow를 자르지 않으므로 위 두 모서리는
    여기서 직접 깎는다(카드 곡률에서 테두리 1px을 뺀 값). */
 .wp-card__cover {
@@ -631,6 +633,9 @@
 .wp-badge--danger { background: var(--wp-status-danger-bg); border-color: var(--wp-status-danger-border); color: var(--wp-status-danger-fg); }
 .wp-badge--brand { background: var(--wp-navy-50); border-color: var(--wp-navy-200); color: var(--wp-navy-600); }
 .wp-badge--dot::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
+/* 줄바꿈 배지(Badge.wrap, 1.6.1) — 스펙이 style 로 박던 값 그대로. 가로 여백은 크기(md/lg)의 것을 둔다. */
+.wp-badge--wrap { height: auto; min-height: 20px; max-width: 100%; padding-top: 2px; padding-bottom: 2px; white-space: normal; }
+.wp-badge--lg.wp-badge--wrap { min-height: 24px; }
 
 .wp-tag {
   display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px;
@@ -722,6 +727,11 @@
 .wp-table--dense td { padding: 6px 12px; }
 .wp-table--hover tbody tr:hover { background: var(--wp-surface-hover); }
 .wp-table tbody tr[aria-selected='true'] { background: var(--wp-surface-selected); }
+/* 강조 행(SearchResults.selectedIds, 1.6.1) — 체크 선택과 같은 바탕에 왼쪽 막대를 더해 둘을 가른다.
+   강조 행은 aria-selected 가 아니라 aria-current 라 바탕도 클래스로 칠한다.
+   tr 에는 그림자가 안정적으로 그려지지 않아 첫 칸 안쪽에 긋는다. */
+.wp-table tbody tr.wp-row--selected { background: var(--wp-surface-selected); }
+.wp-table tbody tr.wp-row--selected > td:first-child { box-shadow: inset 3px 0 0 var(--wp-navy-600); }
 /* 정렬 헤더 — th의 타이포를 그대로 물려받아 버튼처럼 보이지 않게 한다. */
 .wp-table__sort {
   display: inline-flex; align-items: center; gap: 3px;
@@ -732,6 +742,7 @@
 .wp-table--sticky thead th { position: sticky; top: 0; z-index: 1; }
 .wp-table__num { text-align: right; font-variant-numeric: tabular-nums; }
 .wp-table__mono { font-family: var(--wp-font-mono); font-size: 12px; }
+.wp-table__nowrap { white-space: nowrap; }
 .wp-table__strong { font-weight: 600; color: var(--wp-text-strong); }
 /*
  * 좁은 폭의 목록 표(1.6) — ResultTable 이 비가상 표를 .wp-table-scroll 로 감싸고
@@ -742,6 +753,15 @@
 @media screen and (max-width: 1023.98px) {
   .wp-table-scroll { overflow-x: auto; max-width: 100%; overscroll-behavior-x: contain; }
 }
+/*
+ * 태블릿 숨김 열(1.7.0) — 열 정의의 `tablet:'hide'` 가 th·td 에 data-tablet 으로 나온다. 태블릿 폭의 표에서만 뺀다
+ * (모바일 행 카드는 data-mobile 이 따로 정한다). 열을 빼면 비율 열(%)의 합이 100 에 못 미쳐 남는 폭이 유일한 고정 폭 열인
+ * 선택 칸(36px)으로 몰린다 — 그런 표에서는 선택 칸을 비율 열(1%)로 돌려 남는 폭이 다른 열로 나뉘게 한다.
+ */
+@media screen and (min-width: 768px) and (max-width: 1023.98px) {
+  .wp-table :is(th, td)[data-tablet='hide'] { display: none; }
+  .wp-table:has(th[data-tablet='hide']) td:has(.wp-check) { width: 1%; }
+}
 @media screen and (max-width: 767.98px) {
   .wp-table.wp-table--stackable { display: block; }
   .wp-table--stackable thead { display: none; }
@@ -749,6 +769,13 @@
   .wp-table--stackable tbody tr { position: relative; display: flex; flex-direction: column; padding: 10px 14px; background: var(--wp-surface-card); border: var(--wp-border-w) solid var(--wp-border-subtle); border-radius: var(--wp-radius-card); }
   .wp-table--stackable.wp-table--hover tbody tr:hover { background: var(--wp-surface-card); }
   .wp-table--stackable tbody tr[aria-selected='true'] { border-color: var(--wp-navy-600); background: var(--wp-surface-selected); }
+  /* 행 카드에서는 막대 대신 카드 고리 — 첫 칸은 선택 칸(절대 위치)이거나 머리라 막대가 엉뚱한 데 선다.
+     강조 행은 aria-selected 가 없으니(aria-current) 테두리·바탕을 체크 선택 행과 같게 직접 준다. */
+  .wp-table--stackable tbody tr.wp-row--selected { border-color: var(--wp-navy-600); background: var(--wp-surface-selected); box-shadow: var(--wp-ring-selected); }
+  .wp-table--stackable tbody tr.wp-row--selected > td:first-child { box-shadow: none; }
+  /* 위 hover 규칙(행 카드 바탕을 카드색으로, 명시도 0,3,2)이 선택·강조 바탕(0,2,2)을 이기지 않게 — 누르고 있는 동안에도 선택 바탕 */
+  .wp-table--stackable.wp-table--hover tbody tr[aria-selected='true']:hover,
+  .wp-table--stackable.wp-table--hover tbody tr.wp-row--selected:hover { background: var(--wp-surface-selected); }
   .wp-table--stackable tbody td { display: flex; align-items: center; gap: 12px; min-height: 28px; padding: 3px 0; border: 0; white-space: normal; text-align: left; min-width: 0; }
   .wp-table--stackable tbody td::before { content: attr(data-label); flex: none; width: 6em; font-size: 12px; color: var(--wp-text-subtle); }
   .wp-table--stackable tbody td[data-label='']::before { display: none; }

package/dist/{types-CYfIthux.d.ts → types-CMikpoN5.d.ts}

@@ -464,7 +464,14 @@ interface SduiPage {
     leaveGuard?: SduiPropValue;
     /** 실시간 채널 구독 — 어댑터의 subscribe로 위임(이벤트 수신 시 조용한 재조회) */
     subscribe?: string[];
-    /** URL 쿼리파라미터와 동기화할 상태 키 — 딥링크/새로고침 보존용 */
+    /**
+     * URL 쿼리파라미터와 동기화할 상태 키 — 딥링크/새로고침 보존용.
+     *
+     * 표기(1.6.1): 문자열은 원문(`?tab=delegations`), JSON 으로 다시 읽으면 다른 값이 되는 문자열
+     * (`"123"`·`"true"`·따옴표·괄호로 시작하는 것)과 문자열 아닌 값은 JSON(`?tab=%22123%22`, `?page=2`).
+     * 읽기는 JSON 으로 읽히면 그 값, 아니면 원문이라 옛 따옴표 링크(`?tab=%22delegations%22`)도 그대로 산다.
+     * 손으로 링크를 만들 때 숫자처럼 생긴 **문자열** 값은 따옴표로 싸야 한다(`?tab=%221%22` — `?tab=1` 은 숫자 1).
+     */
     urlState?: string[];
     /**
      * 페이지가 열릴 때 채울 상태 — `{ "상태키": { endpoint, select? } }`.

package/dist/widgets/ApprovalLineEditor.js

@@ -1,10 +1,11 @@
-export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-IQXLNICY.js';
-import '../chunk-LKQJJSVJ.js';
-import '../chunk-4OABUPIU.js';
-import '../chunk-X2NIRVLN.js';
-import '../chunk-BITS7UJY.js';
+export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-DCSUBFFG.js';
+import '../chunk-63GM4S25.js';
+import '../chunk-LN4KPZIX.js';
+import '../chunk-4VQIKSDS.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/ApprovalOverridesEditor.js

@@ -1,12 +1,13 @@
-export { ApprovalOverridesEditor, facetsFrom } from '../chunk-OUEJWC2Z.js';
-import '../chunk-6TI4WF5Y.js';
-import '../chunk-IQXLNICY.js';
-import '../chunk-LKQJJSVJ.js';
-import '../chunk-4OABUPIU.js';
-import '../chunk-X2NIRVLN.js';
-import '../chunk-BITS7UJY.js';
+export { ApprovalOverridesEditor, facetsFrom } from '../chunk-DILQ2DJV.js';
+import '../chunk-LKL3SCBJ.js';
+import '../chunk-DCSUBFFG.js';
+import '../chunk-63GM4S25.js';
+import '../chunk-LN4KPZIX.js';
+import '../chunk-4VQIKSDS.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/ApprovalStepper.js

@@ -1,3 +1,3 @@
-export { ApprovalStepper, normalizeStepStatus } from '../chunk-WTIYILY3.js';
-import '../chunk-BLFJMMBW.js';
+export { ApprovalStepper, normalizeStepStatus } from '../chunk-FGKBXUUA.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/AutocompleteField.js

@@ -1,10 +1,11 @@
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-CSE3PZOZ.js';
-import '../chunk-LKQJJSVJ.js';
-import '../chunk-4OABUPIU.js';
-import '../chunk-X2NIRVLN.js';
-import '../chunk-BITS7UJY.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-7EDFYBUA.js';
+import '../chunk-63GM4S25.js';
+import '../chunk-LN4KPZIX.js';
+import '../chunk-4VQIKSDS.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/ColumnBoard.js

@@ -1,3 +1,3 @@
-export { ColumnBoard } from '../chunk-QVS6K4FP.js';
-import '../chunk-BLFJMMBW.js';
+export { ColumnBoard } from '../chunk-Q56LZJFX.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/DiffView.js

@@ -1,3 +1,3 @@
-export { DiffView } from '../chunk-HRHKQOOF.js';
-import '../chunk-BLFJMMBW.js';
+export { DiffView } from '../chunk-X7RSKFWF.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/Disclosure.js

@@ -1,3 +1,3 @@
-export { Disclosure } from '../chunk-VPOOIEKT.js';
-import '../chunk-BLFJMMBW.js';
+export { Disclosure } from '../chunk-P62INTQ5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/EventCalendar.d.ts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
+import { a as CalendarNavStep } from '../calendar-nav-BSGsgJc4.js';
 
-/**
- * EventCalendar — 일정 캘린더 위젯 (월 / 주 / 일 / 일정 뷰).
- *
- * 여러 날에 걸친 일정은 주 단위로 잘라(lane packing) 막대로 그린다.
- * 주 경계에서 잘린 쪽은 모서리를 각지게 두어 이어짐을 표현하고,
- * 월 뷰에서는 최대 3줄까지만 보여준 뒤 '+N' 칩으로 넘김을 알린다.
- * view/date는 controlled-with-fallback: prop이 오면 그 값을 따르고,
- * 없으면 내부 상태로 동작한다.
- */
 interface EventCalendarEvent {
     id: string;
     title: string;
@@ -74,10 +66,22 @@ type EventCalendarStatusTone = (typeof STATUS_TONES)[number];
  * 다섯 가지 밖이면 버린다 — Badge에 모르는 tone을 흘리지 않는다.
  */
 declare const statusToneOf: (status: string, overrides?: Record<string, EventCalendarStatusTone>) => EventCalendarStatusTone;
+type NavUnit = 'day' | 'week' | 'month' | 'year';
+/**
+ * 머리글 `<< < 제목 > >>` 의 걸음 — 보기 단위가 작은 걸음, 한 단계 큰 단위가 큰 걸음.
+ * 월·일정 보기: 달/해, 주 보기: 주/달, 일 보기: 날/주. 라벨은 버튼의 낭독 이름이다.
+ * **테스트 전용 export**.
+ */
+declare const VIEW_NAV: Record<EventCalendarView, {
+    small: NavUnit;
+    big: NavUnit;
+    keepDay: boolean;
+    labels: Record<CalendarNavStep, string>;
+}>;
 /**
  * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
  * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
  */
 declare const EventCalendar: React.FC<EventCalendarProps & SduiBoxProps>;
 
-export { EventCalendar, type EventCalendarEvent, type EventCalendarProps, type EventCalendarStatusTone, type EventCalendarTypeOption, type EventCalendarView, type EventCalendarViewItem, statusToneOf };
+export { EventCalendar, type EventCalendarEvent, type EventCalendarProps, type EventCalendarStatusTone, type EventCalendarTypeOption, type EventCalendarView, type EventCalendarViewItem, VIEW_NAV, statusToneOf };

package/dist/widgets/EventCalendar.js

@@ -1,5 +1,7 @@
-export { EventCalendar, statusToneOf } from '../chunk-53KS4E5N.js';
+export { EventCalendar, VIEW_NAV, statusToneOf } from '../chunk-27ILQUWE.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/FileDropzone.js

@@ -1,9 +1,9 @@
-export { FileDropzone, unwrapUploaded } from '../chunk-RU5U2YMT.js';
-import '../chunk-KZ6U6FKB.js';
-import '../chunk-AZSLSAJB.js';
-import '../chunk-BITS7UJY.js';
+export { FileDropzone, unwrapUploaded } from '../chunk-Z4JZUIKE.js';
+import '../chunk-L6ODTHTX.js';
+import '../chunk-JCG4575S.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/ImageLightbox.js

@@ -1,7 +1,7 @@
-export { ImageLightbox } from '../chunk-KZ6U6FKB.js';
-import '../chunk-AZSLSAJB.js';
-import '../chunk-BITS7UJY.js';
+export { ImageLightbox } from '../chunk-L6ODTHTX.js';
+import '../chunk-JCG4575S.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/InlineEdit.js

@@ -1,3 +1,3 @@
-export { InlineEdit } from '../chunk-YZTTFEL4.js';
-import '../chunk-BLFJMMBW.js';
+export { InlineEdit } from '../chunk-JMNUFA5M.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/JsonField.js

@@ -1,3 +1,3 @@
-export { JsonField } from '../chunk-NAIWQQPW.js';
-import '../chunk-BLFJMMBW.js';
+export { JsonField } from '../chunk-ENZBX4AR.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/OptionSchemaEditor.js

@@ -1,4 +1,4 @@
-export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-HXLQSO66.js';
-import '../chunk-LIZTK3HO.js';
-import '../chunk-BLFJMMBW.js';
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-NJTIJAFU.js';
+import '../chunk-5FZBH3T5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/OptionValueFields.js

@@ -1,4 +1,4 @@
-export { OptionValueFields } from '../chunk-WEG3V7ZB.js';
-import '../chunk-LIZTK3HO.js';
-import '../chunk-BLFJMMBW.js';
+export { OptionValueFields } from '../chunk-7ZCM6XEM.js';
+import '../chunk-5FZBH3T5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/OrgChart.js

@@ -1,4 +1,4 @@
-export { OrgChart } from '../chunk-V7BWMOHO.js';
-import '../chunk-CSZCWBOE.js';
-import '../chunk-BLFJMMBW.js';
+export { OrgChart } from '../chunk-Z4LFZWHH.js';
+import '../chunk-XDR6HC4U.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/OrgChartBoard.d.ts

@@ -87,12 +87,19 @@ interface OrgChartBoardProps {
     unassignedNames?: string[];
 }
 /**
- * 화면 맞춤 — 레이아웃 전체가 캔버스 안에 들어오는 배율(최대 100%, 최소 MIN_ZOOM)과
- * 가운데 정렬 위치. 배율 하한에 걸려 다 못 담으면(좁은 모바일) 가로는 가운데(리더십·
- * 회사 노드가 가운데 위에 있다), 세로는 위쪽에 붙인다 — 첫 화면에 조직의 머리가 보인다.
+ * 화면 맞춤 — 레이아웃 전체가 캔버스 안에 들어오는 배율(최대 100%)과 가운데 정렬 위치.
+ * 배율 하한(FIT_MIN_ZOOM)까지 내려가므로 데스크톱 폭에서는 언제나 전체가 들어온다. 그래도 다 못 담으면
+ * 가로는 가운데(리더십·회사 노드가 가운데 위에 있다), 세로는 위쪽에 붙인다 — 첫 화면에 조직의 머리가 보인다.
  * 1.5.0 은 고정 82%·(48,48)로 열려 대표이사와 오른쪽 본부들이 화면 밖에 있었다.
+ * 태블릿 이하(≤1023.98)의 첫 화면은 이 맞춤이 아니라 흐름 배치의 폭 맞춤(fitFlowView)이다.
  */
 declare function fitCanvasView(viewportWidth: number, viewportHeight: number, layoutWidth: number, layoutHeight: number): CanvasView;
+/**
+ * 흐름 배치의 폭 맞춤 — 캔버스 폭에 맞는 배율(최대 100%), 가로 가운데, 위는 도구 막대 아래(FLOW_TOP).
+ * 세로는 맞추지 않는다: 흐름 배치의 캔버스는 높이가 내용을 따라가고(페이지가 세로로 스크롤한다),
+ * 손가락 세로 이동은 원래 페이지 몫이다(touch-action: pan-y).
+ */
+declare function fitFlowView(viewportWidth: number, layoutWidth: number): CanvasView;
 /**
  * 직제 어휘 묶음 — 정렬·리더십·미지정 판정이 함께 쓰므로 한 덩어리로 흘린다.
  * 기본값은 v2 하드코딩 그대로라 프롭 없는 스펙의 렌더는 이전과 같다.
@@ -137,7 +144,53 @@ declare function isUnassignedGroup(group: {
 }, unassignedIds?: ReadonlySet<string>, unassignedNames?: ReadonlyArray<string>): boolean;
 declare function buildModel(groups: OrgGroupRow[], employees: OrgEmployeeRow[], positionRanks: Map<string, number>, vocab?: OrgVocab): OrgModel;
 declare function leadershipEmployees(employees: OrgEmployeeRow[], leadership?: ReadonlyArray<readonly string[]>): OrgEmployeeRow[];
+type LayoutGroup = {
+    group: OrgGroupRow;
+    x: number;
+    y: number;
+    width: number;
+    /** 미지정이면 GROUP_HEIGHT. 세로 라벨 팀 박스는 행 전체 높이를 쓴다. */
+    height?: number;
+    /** 팀(홀수 세대) 박스는 실제 조직도처럼 이름을 세로쓰기로 그린다. */
+    vertical?: boolean;
+    color: string;
+    depth: number;
+    totalMembers: number;
+    /** 흐름 배치의 본부 머리 — 접힘/펼침 손잡이(누르면 바뀐다). 보드 배치에서는 없다. */
+    toggle?: 'collapsed' | 'expanded';
+};
+type LayoutEmployee = {
+    employee: OrgEmployeeRow;
+    x: number;
+    y: number;
+    featured?: boolean;
+};
+type LayoutConnector = {
+    fromX: number;
+    fromY: number;
+    toX: number;
+    toY: number;
+};
+type CanvasLayout = {
+    width: number;
+    height: number;
+    groups: LayoutGroup[];
+    employees: LayoutEmployee[];
+    connectors: LayoutConnector[];
+};
+/** 흐름 배치에서 펼침 손잡이가 붙는 본부 id — 본부가 하나뿐이면 늘 펼쳐 두므로 손잡이도 없다. */
+declare function flowToggleIds(model: OrgModel): string[];
+/**
+ * 흐름 배치(태블릿 이하) — 보드 배치는 본부를 한 줄에 가로로 늘어놓아 820 에서 909px·390 에서 2.5배 넓었다
+ * (맞춤 배율 0.29·0.14, 이름 글자가 화면에서 4px). 여기서는
+ *  - 리더십 스택(과 회사 노드)을 위 가운데에 두고,
+ *  - 본부는 **접힌 머리 상자**(이름·인원수·펼침 손잡이)로 캔버스 폭에 들어가는 만큼 한 줄에 채운 뒤 다음 줄로 내리고
+ *    (폭 = 100% 배율 기준 availableWidth — 390 은 1열, 820 은 2열),
+ *  - 펼친 본부는 자기 줄을 통째로 쓰는 보드 배치의 본부 블록(직속·팀·팀원) 그대로다.
+ * 접힌 상태로는 조직 전체가 100% 배율 폭에 들어온다. 리더십→본부 연결선은 줄이 바뀌면 의미가 없어 긋지 않는다.
+ */
+declare function buildFlowLayout(model: OrgModel, employees: OrgEmployeeRow[], leadershipGroups: ReadonlyArray<readonly string[]>, expanded: ReadonlySet<string>, availableWidth: number): CanvasLayout;
 /** 바깥 style·className을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
 declare const OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
 
-export { type JobPositionRow, OrgChartBoard, type OrgChartBoardProps, type OrgEmployeeRow, type OrgGroupRow, type OrgModel, type OrgVocab, buildModel, compareMembers, fitCanvasView, isUnassignedGroup, leadershipEmployees, orgVocabOf, pickEmployees, pickGroups, pickPositions };
+export { type JobPositionRow, OrgChartBoard, type OrgChartBoardProps, type OrgEmployeeRow, type OrgGroupRow, type OrgModel, type OrgVocab, buildFlowLayout, buildModel, compareMembers, fitCanvasView, fitFlowView, flowToggleIds, isUnassignedGroup, leadershipEmployees, orgVocabOf, pickEmployees, pickGroups, pickPositions };

package/dist/widgets/OrgChartBoard.js

@@ -1,11 +1,11 @@
-export { OrgChartBoard, buildModel, compareMembers, fitCanvasView, isUnassignedGroup, leadershipEmployees, orgVocabOf, pickEmployees, pickGroups, pickPositions } from '../chunk-FEKKOBPX.js';
+export { OrgChartBoard, buildFlowLayout, buildModel, compareMembers, fitCanvasView, fitFlowView, flowToggleIds, isUnassignedGroup, leadershipEmployees, orgVocabOf, pickEmployees, pickGroups, pickPositions } from '../chunk-B5MB64YQ.js';
 import '../chunk-XRHR452N.js';
-import '../chunk-CSZCWBOE.js';
-import '../chunk-KZ6U6FKB.js';
-import '../chunk-AZSLSAJB.js';
-import '../chunk-BITS7UJY.js';
+import '../chunk-XDR6HC4U.js';
+import '../chunk-L6ODTHTX.js';
+import '../chunk-JCG4575S.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/PeriodFilter.js

@@ -1,7 +1,8 @@
-export { PeriodFilter } from '../chunk-6XI2VF2O.js';
-import '../chunk-X2NIRVLN.js';
-import '../chunk-BITS7UJY.js';
+export { PeriodFilter } from '../chunk-A22QR6PM.js';
+import '../chunk-4VQIKSDS.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/PermissionMatrixEditor.js

@@ -1,6 +1,6 @@
-export { PermissionMatrixEditor, initiallyClosedCategories, stickyInsetOf } from '../chunk-MN4RZ2WP.js';
+export { PermissionMatrixEditor, initiallyClosedCategories, stickyInsetOf } from '../chunk-7YTZB5LQ.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/PositionSelect.js

@@ -1,6 +1,6 @@
-export { PositionSelect } from '../chunk-OYDJHQNZ.js';
+export { PositionSelect } from '../chunk-UBVYPV7H.js';
 import '../chunk-XRHR452N.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/PrintSheet.js

@@ -1,3 +1,3 @@
-export { PrintSheet, canScriptCloseWindow } from '../chunk-M6H3SHIS.js';
-import '../chunk-BLFJMMBW.js';
+export { PrintSheet, canScriptCloseWindow } from '../chunk-WPAZBAUW.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/ProfileEditDiffCard.js

@@ -1,5 +1,5 @@
-export { ProfileEditDiffCard } from '../chunk-CEVZAFPO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+export { ProfileEditDiffCard } from '../chunk-A3SO6H47.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/QRDisplay.js

@@ -1,5 +1,5 @@
-export { QRDisplay } from '../chunk-7JP52QQO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+export { QRDisplay } from '../chunk-NI3LMETK.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/RankBoard.js

@@ -1,9 +1,9 @@
-export { RankBoard } from '../chunk-2QXA52DG.js';
+export { RankBoard } from '../chunk-RA74PUMP.js';
 import '../chunk-XRHR452N.js';
-import '../chunk-CI5OZ2QT.js';
-import '../chunk-BITS7UJY.js';
+import '../chunk-FUNCQCKN.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/RecordSheet.d.ts

@@ -50,10 +50,57 @@ interface RecordSheetProps {
     /** 표 아래 오른쪽에 붙는 주석 한 줄(예: 출력일) */
     note?: string;
 }
+/** 격자 위의 칸 — 시작 열(포함)·끝 열(제외). */
+interface PlacedCell {
+    cell: RecordSheetCell;
+    start: number;
+    end: number;
+}
+/**
+ * 줄 정의마다 칸의 격자 위치를 잡는다 — HTML 표 배치와 같은 규칙: 위 줄의 rowSpan 이 차지한 열은
+ * 건너뛰고 다음 빈 열부터 놓는다(사진 칸 rowSpan 옆의 라벨이 몇 번째 열인지 알아야 구획에 나눌 수 있다).
+ * 되풀이 줄도 정의 한 줄로 센다 — 칸의 열 위치는 되풀이와 무관하다.
+ */
+declare function placeRecordSheetCells(rows: RecordSheetRow[], width: number): PlacedCell[][];
+/** 라벨|값 한 쌍. 라벨 없는 값(줄 첫머리의 값 칸)은 label 이 null 이다. */
+interface RecordSheetPair {
+    label: RecordSheetCell | null;
+    values: RecordSheetCell[];
+}
+/** 블록의 작은 표 한 줄 — 칸의 열 위치는 블록 기준(0부터), 되풀이면 배열·최소 줄 수를 든다. */
+interface RecordSheetGridRow {
+    cells: PlacedCell[];
+    repeat?: unknown[][];
+    minRows?: number;
+}
+type RecordSheetStackPart = {
+    kind: 'pairs';
+    pairs: RecordSheetPair[];
+} | {
+    kind: 'grid';
+    rows: RecordSheetGridRow[];
+} | {
+    kind: 'photo';
+    cell: RecordSheetCell;
+};
+interface RecordSheetStackBlock {
+    /** 구획 제목 칸 — 구획 밖(제목 줄 앞의 기본 정보)은 null */
+    section: RecordSheetCell | null;
+    parts: RecordSheetStackPart[];
+}
+/**
+ * 줄 정의 → 쌓기 블록. 구획 제목 줄(칸이 전부 `section`)이 블록을 연다 — 제목 칸마다 하나씩이고, 다음 줄의
+ * 칸은 시작 열이 그 제목 칸의 열 범위에 드는 블록으로 간다. 빈 줄(gap)은 블록을 닫는다. 구획 밖의 줄은
+ * 제목 없는 블록이 된다.
+ *  - 라벨과 값이 섞인 고정 줄 → 쌍 목록(이어지는 줄은 같은 목록에 붙는다)
+ *  - 라벨만 든 줄(머리 줄)·값만 든 줄·되풀이 줄 → 작은 표 줄
+ *  - 사진 칸 → 자기 자리(사진 부분)
+ */
+declare function stackRecordSheet(rows: RecordSheetRow[], width: number): RecordSheetStackBlock[];
 /**
  * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
  * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
  */
 declare const RecordSheet: React__default.FC<RecordSheetProps & SduiBoxProps>;
 
-export { RecordSheet, type RecordSheetCell, type RecordSheetCellKind, type RecordSheetProps, type RecordSheetRow };
+export { type PlacedCell, RecordSheet, type RecordSheetCell, type RecordSheetCellKind, type RecordSheetGridRow, type RecordSheetPair, type RecordSheetProps, type RecordSheetRow, type RecordSheetStackBlock, type RecordSheetStackPart, placeRecordSheetCells, stackRecordSheet };

package/dist/widgets/RecordSheet.js

@@ -1,2 +1,3 @@
-export { RecordSheet } from '../chunk-IB2ZPUTF.js';
+export { RecordSheet, placeRecordSheetCells, stackRecordSheet } from '../chunk-VR4DQTWR.js';
+import '../chunk-TAVKGYH5.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/RoleMemberPicker.js

@@ -1,6 +1,6 @@
-export { RoleMemberPicker } from '../chunk-YN7X7BEO.js';
-import '../chunk-LKQJJSVJ.js';
-import '../chunk-YNEEJCSZ.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+export { RoleMemberPicker } from '../chunk-NQDHGK7C.js';
+import '../chunk-63GM4S25.js';
+import '../chunk-ZBX2CAOO.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,8 +1,9 @@
-export { SearchableMultiPicker } from '../chunk-7C54CKFZ.js';
-import '../chunk-4OABUPIU.js';
-import '../chunk-X2NIRVLN.js';
-import '../chunk-BITS7UJY.js';
+export { SearchableMultiPicker } from '../chunk-MWBCQHKQ.js';
+import '../chunk-LN4KPZIX.js';
+import '../chunk-4VQIKSDS.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/SecureScreen.js

@@ -1,3 +1,3 @@
-export { SecureScreen } from '../chunk-AY4GM6KQ.js';
-import '../chunk-BLFJMMBW.js';
+export { SecureScreen } from '../chunk-466W3XNK.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/StagePeriodEditor.js

@@ -1,7 +1,8 @@
-export { StagePeriodEditor } from '../chunk-XG22XKKD.js';
-import '../chunk-X2NIRVLN.js';
-import '../chunk-BITS7UJY.js';
+export { StagePeriodEditor } from '../chunk-GWT5UF5B.js';
+import '../chunk-4VQIKSDS.js';
+import '../chunk-MUXGTVEA.js';
+import '../chunk-R2ORCOTG.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-GSM664TX.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-TAVKGYH5.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';

package/dist/widgets/TagInput.js

@@ -1,4 +1,4 @@
-export { TagInput, foldSuggestions, normalizeKeyword, normalizeKeywords, splitKeywordText } from '../chunk-W4VA76QO.js';
+export { TagInput, foldSuggestions, normalizeKeyword, normalizeKeywords, splitKeywordText } from '../chunk-LKA43GYA.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-BLFJMMBW.js';
+import '../chunk-OWM7E55U.js';
 import '../chunk-3JTBOABA.js';