@ketvietlab/ketsuite 0.1.2 → 0.1.5

package/dist/ui/icons.js

@@ -7,7 +7,7 @@
 // is the reason a `ket` app is one `node` away from running.
 //
 // Source: https://lucide.dev — ISC licence, © Lucide Contributors.
-// These are the same glyphs the Odoo backend theme vendors, so the two products
+// These are the same glyphs the domain contract backend theme vendors, so the two products
 // look like one product.
 import { trustedMarkup } from '@ketvietlab/ketjs-view';
 /** The inside of a 24×24 <svg>, stroked with currentColor. */
@@ -46,9 +46,14 @@ const PATHS = {
     'chevron-right': '<path d="m9 18 6-6-6-6" />',
     'chevron-left': '<path d="m15 18-6-6 6-6" />',
     plus: '<path d="M5 12h14" /> <path d="M12 5v14" />',
+    'more-horizontal': '<circle cx="5" cy="12" r="1" fill="currentColor" /> <circle cx="12" cy="12" r="1" fill="currentColor" /> <circle cx="19" cy="12" r="1" fill="currentColor" />',
     x: '<path d="M18 6 6 18" /> <path d="m6 6 12 12" />',
     list: '<path d="M3 5h.01" /> <path d="M3 12h.01" /> <path d="M3 19h.01" /> <path d="M8 5h13" /> <path d="M8 12h13" /> <path d="M8 19h13" />',
     'sliders-horizontal': '<path d="M10 5H3" /> <path d="M12 19H3" /> <path d="M14 3v4" /> <path d="M16 17v4" /> <path d="M21 12h-9" /> <path d="M21 19h-5" /> <path d="M21 5h-7" /> <path d="M8 10v4" /> <path d="M8 12H3" />',
+    'grip-vertical': '<circle cx="9" cy="5" r="1" fill="currentColor" /> <circle cx="9" cy="12" r="1" fill="currentColor" /> <circle cx="9" cy="19" r="1" fill="currentColor" /> <circle cx="15" cy="5" r="1" fill="currentColor" /> <circle cx="15" cy="12" r="1" fill="currentColor" /> <circle cx="15" cy="19" r="1" fill="currentColor" />',
+    pencil: '<path d="M12 20h9" /> <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" />',
+    'trash-2': '<path d="M3 6h18" /> <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" /> <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /> <path d="M10 11v6" /> <path d="M14 11v6" />',
+    'refresh-cw': '<path d="M21 12a9 9 0 0 0-15.38-6.36L3 8" /> <path d="M3 3v5h5" /> <path d="M3 12a9 9 0 0 0 15.38 6.36L21 16" /> <path d="M16 16h5v5" />',
     'arrow-up': '<path d="m18 15-6-6-6 6" />',
     'arrow-down': '<path d="m6 9 6 6 6-6" />',
     check: '<path d="M20 6 9 17l-5-5" />',

package/dist/ui/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/icons.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,gFAAgF;AAChF,+EAA+E;AAC/E,6DAA6D;AAC7D,EAAE;AACF,mEAAmE;AACnE,gFAAgF;AAChF,yBAAyB;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAGtD,8DAA8D;AAC9D,MAAM,KAAK,GAA2B;IACpC,UAAU;IACV,OAAO,EACL,uOAAuO;IACzO,SAAS,EACP,wOAAwO;IAC1O,eAAe,EACb,gKAAgK;IAClK,KAAK,EACH,sHAAsH;IACxH,KAAK,EACH,wKAAwK;IAC1K,aAAa,EACX,yMAAyM;IAC3M,QAAQ,EACN,uXAAuX;IACzX,WAAW,EACT,+KAA+K;IACjL,gBAAgB,EACd,0IAA0I;IAC5I,cAAc,EAAE,iFAAiF;IACjG,IAAI,EAAE,2DAA2D;IACjE,QAAQ,EACN,yGAAyG;IAC3G,UAAU,EACR,0IAA0I;IAC5I,QAAQ,EACN,mHAAmH;IACrH,eAAe,EACb,qKAAqK;IACvK,SAAS,EACP,gSAAgS;IAClS,kBAAkB,EAChB,yMAAyM;IAC3M,KAAK,EACH,sXAAsX;IACxX,cAAc,EACZ,qgBAAqgB;IACvgB,KAAK,EACH,4PAA4P;IAC9P,cAAc,EACZ,iNAAiN;IACnN,OAAO,EACL,0QAA0Q;IAC5Q,WAAW,EACT,+XAA+X;IACjY,MAAM,EACJ,gLAAgL;IAClL,QAAQ,EACN,oIAAoI;IACtI,KAAK,EACH,qRAAqR;IACvR,GAAG,EAAE,2NAA2N;IAEhO,YAAY;IACZ,MAAM,EAAE,gEAAgE;IACxE,cAAc,EAAE,2BAA2B;IAC3C,eAAe,EAAE,4BAA4B;IAC7C,cAAc,EAAE,6BAA6B;IAC7C,IAAI,EAAE,6CAA6C;IACnD,CAAC,EAAE,iDAAiD;IACpD,IAAI,EAAE,sIAAsI;IAC5I,oBAAoB,EAClB,qMAAqM;IACvM,UAAU,EAAE,6BAA6B;IACzC,YAAY,EAAE,2BAA2B;IACzC,KAAK,EAAE,8BAA8B;IACrC,gBAAgB,EACd,oIAAoI;IACtI,IAAI,EAAE,iFAAiF;IAEvF,6BAA6B;IAC7B,IAAI,EAAE,sLAAsL;IAC5L,IAAI,EAAE,yGAAyG;IAC/G,SAAS,EACP,wGAAwG;IAC1G,YAAY,EACV,0MAA0M;CAC7M,CAAA;AAED,MAAM,IAAI,GACR,0EAA0E;IAC1E,gEAAgE;IAChE,4DAA4D,CAAA;AAE9D,0DAA0D;AAC1D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,CAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,IAAI,IAAI,KAAK,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAA+B,EAAU,EAAE,CAC9D,aAAa,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/icons.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,gFAAgF;AAChF,+EAA+E;AAC/E,6DAA6D;AAC7D,EAAE;AACF,mEAAmE;AACnE,2FAA2F;AAC3F,yBAAyB;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAGtD,8DAA8D;AAC9D,MAAM,KAAK,GAA2B;IACpC,UAAU;IACV,OAAO,EACL,uOAAuO;IACzO,SAAS,EACP,wOAAwO;IAC1O,eAAe,EACb,gKAAgK;IAClK,KAAK,EACH,sHAAsH;IACxH,KAAK,EACH,wKAAwK;IAC1K,aAAa,EACX,yMAAyM;IAC3M,QAAQ,EACN,uXAAuX;IACzX,WAAW,EACT,+KAA+K;IACjL,gBAAgB,EACd,0IAA0I;IAC5I,cAAc,EAAE,iFAAiF;IACjG,IAAI,EAAE,2DAA2D;IACjE,QAAQ,EACN,yGAAyG;IAC3G,UAAU,EACR,0IAA0I;IAC5I,QAAQ,EACN,mHAAmH;IACrH,eAAe,EACb,qKAAqK;IACvK,SAAS,EACP,gSAAgS;IAClS,kBAAkB,EAChB,yMAAyM;IAC3M,KAAK,EACH,sXAAsX;IACxX,cAAc,EACZ,qgBAAqgB;IACvgB,KAAK,EACH,4PAA4P;IAC9P,cAAc,EACZ,iNAAiN;IACnN,OAAO,EACL,0QAA0Q;IAC5Q,WAAW,EACT,+XAA+X;IACjY,MAAM,EACJ,gLAAgL;IAClL,QAAQ,EACN,oIAAoI;IACtI,KAAK,EACH,qRAAqR;IACvR,GAAG,EAAE,2NAA2N;IAEhO,YAAY;IACZ,MAAM,EAAE,gEAAgE;IACxE,cAAc,EAAE,2BAA2B;IAC3C,eAAe,EAAE,4BAA4B;IAC7C,cAAc,EAAE,6BAA6B;IAC7C,IAAI,EAAE,6CAA6C;IACnD,iBAAiB,EACf,+JAA+J;IACjK,CAAC,EAAE,iDAAiD;IACpD,IAAI,EAAE,sIAAsI;IAC5I,oBAAoB,EAClB,qMAAqM;IACvM,eAAe,EACb,0TAA0T;IAC5T,MAAM,EAAE,iFAAiF;IACzF,SAAS,EACP,4KAA4K;IAC9K,YAAY,EACV,0IAA0I;IAC5I,UAAU,EAAE,6BAA6B;IACzC,YAAY,EAAE,2BAA2B;IACzC,KAAK,EAAE,8BAA8B;IACrC,gBAAgB,EACd,oIAAoI;IACtI,IAAI,EAAE,iFAAiF;IAEvF,6BAA6B;IAC7B,IAAI,EAAE,sLAAsL;IAC5L,IAAI,EAAE,yGAAyG;IAC/G,SAAS,EACP,wGAAwG;IAC1G,YAAY,EACV,0MAA0M;CAC7M,CAAA;AAED,MAAM,IAAI,GACR,0EAA0E;IAC1E,gEAAgE;IAChE,4DAA4D,CAAA;AAE9D,0DAA0D;AAC1D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,CAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,IAAI,IAAI,KAAK,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAA+B,EAAU,EAAE,CAC9D,aAAa,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA"}

package/dist/ui/index.d.ts

@@ -1,39 +1,120 @@
+export * as designSystem from '@ketvietlab/design-system';
+export { Disclosure, LinkButton, Tabs as CollectionTabs, } from '@ketvietlab/design-system';
+export type { FormPageSlots, LinkButtonProps, TabItem as CollectionTabItem, } from '@ketvietlab/design-system';
+export { FormPage } from './form-page.tsx';
+export type { FormPageProps } from './form-page.tsx';
+export { RecordPage } from './record-page.tsx';
+export type { RecordPageProps } from './record-page.tsx';
+export { WorkspacePage } from './workspace-page.tsx';
+export type { WorkspacePageProps } from './workspace-page.tsx';
+export { DashboardPage } from './dashboard-page.tsx';
+export type { DashboardPageProps } from './dashboard-page.tsx';
+export { BoardPage } from './board-page.tsx';
+export type { BoardPageProps } from './board-page.tsx';
+export { ListPage } from './list-page.tsx';
+export type { ListPageProps } from './list-page.tsx';
+/**
+ * Public components a screen uses directly, with no compatibility copy here.
+ *
+ * The rule in the header is that new shared UI enters through the public
+ * contract; a mirror of it in this file would be a second place for the markup
+ * to drift. `Pipeline` owns its own hooks, stylesheet and catalogue specimen in
+ * `@ketvietlab/design-system`, and the backend already loads that stylesheet and
+ * marks its root with `data-kv-design-system`.
+ */
+export { Pipeline } from '@ketvietlab/design-system';
+export type { PipelineStep } from '@ketvietlab/design-system';
 export { icon, hasIcon } from './icons.ts';
-export { formatMoney } from './format.ts';
+export { formatDateTime, formatMoney } from './format.ts';
 export { button, linkButton, iconButton, actionGroup } from './actions.tsx';
 export type { ActionVariant, ActionSize, ButtonSpec, LinkButtonSpec } from './actions.tsx';
-export { inline, badge, tag, countBadge, avatar, person, initials, actionButton, code, qrCode, } from './primitives.tsx';
+export { inline, badge, deadline, tag, countBadge, avatar, thumbnail, person, initials, code, qrCode, } from './primitives.tsx';
 export type { Tone } from './primitives.tsx';
-export { notice, emptyState, errorState, loadingState } from './state.tsx';
+export { notice, emptyState, errorState, liveRegion, loadingState } from './state.tsx';
 export type { NoticeTone } from './state.tsx';
-export { stack, section, surface, cardGrid, contentCard, metric } from './surfaces.tsx';
+export { stack, columns, section, surface, cardGrid, contentCard, metric, } from './surfaces.tsx';
 export { dataTable, visibleColumns } from './table.tsx';
-export type { Cell, Column, DataTable, TableGroup } from './table.tsx';
+export type { Cell, Column, DataTable, TableGroup, TableSelection } from './table.tsx';
 export { scheduleBoard } from './schedule.tsx';
 export type { ScheduleDay, ScheduleEvent, ScheduleRow, ScheduleTone } from './schedule.tsx';
-export { kanbanCard, kanbanGrid, recordList } from './data.tsx';
+export { docTree, kanbanCard, kanbanGrid, progressBar, recordList } from './data.tsx';
+export { gantt, ganttSpan } from './gantt.tsx';
+export type { GanttItem, GanttLabels } from './gantt.tsx';
+export { axisCeiling, barChart, changeOf, chart, CHART_SERIES, delta } from './charts.tsx';
+export type { ChartBar, ChartKey } from './charts.tsx';
 export { mediaPanel } from './media.tsx';
 export type { MediaItem, MediaLabels, MediaPanelProps } from './media.tsx';
 export { attachmentPanel } from './attachments.tsx';
 export type { AttachmentItem } from './attachments.tsx';
+export { productVariantManagement } from './product-variants.tsx';
+export type { ProductAttributeLineView, ProductVariantManagementOptions, ProductVariantRowView, } from './product-variants.tsx';
+export { productMediaManagement } from './product-media.tsx';
+export type { ProductMediaManagementOptions, ProductMediaVariantView, } from './product-media.tsx';
 export { recordForm, recordActions, formCluster } from './form.tsx';
-export { authTokenScreen } from './auth.tsx';
+export { authTokenScreen, loginScreen } from './auth.tsx';
 export type { FormField, FormOption, RecordFormOptions } from './form.tsx';
 export { datePicker } from './date-picker.tsx';
 export type { DatePickerField, DatePickerOptions } from './date-picker.tsx';
-export { breadcrumbs, tabs } from './navigation.tsx';
+export { breadcrumbs, pageContext, tabs } from './navigation.tsx';
 export type { Breadcrumb, Tab } from './navigation.tsx';
 export { recordWorkspace, recordToggle } from './record.tsx';
-export { modalSheet } from './modal.tsx';
-export type { RecordSummaryItem, RecordWorkspaceSlots } from './record.tsx';
-export { sidebar, sidebarMain, sidebarFoot } from './nav.tsx';
+export { readonlyField, readonlyTextarea, recordFieldGrid, recordRail, recordHeaderActions, recordMore, } from './record-detail.tsx';
+export type { RecordRailFact, RecordRailSwitch, RecordRailActivity } from './record-detail.tsx';
+export { modalForm, modalSheet, modalWorkspace } from './modal.tsx';
+export type { RecordBreadcrumbs, RecordSummaryItem, RecordWorkspaceOptions, RecordWorkspaceSlots, } from './record.tsx';
+export { sidebar, sidebarMain, sidebarFoot, navGroup } from './nav.tsx';
 export type { Indicator, SidebarOptions, Viewer } from './nav.tsx';
-export { listChrome, topbarSearch } from './chrome.tsx';
-export type { Facet, ListChrome, Pager, ViewKind, SearchMenu, SearchMenuItem } from './chrome.tsx';
-export { backendPage, shell, framed, framedPage, appCard, card, cardGroups, definitionList, } from './layout.tsx';
-export type { CardMeta, Extras, Frame } from './layout.tsx';
+export { bulkActions, listChrome, pagerBar, topbarSearch } from './chrome.tsx';
+export { timeframeFilter } from './timeframe.tsx';
+export { timeframeFilter as TimeframeFilter } from './timeframe.tsx';
+export type { TimeframeFilterOptions, TimeframeOption } from './timeframe.tsx';
+export type { Facet, ListChrome, Pager, ViewKind, SearchMenu, SearchMenuItem, TailMenu, } from './chrome.tsx';
+export { backendPage, shell, framedPage, listScreen, recordScreen, workspaceScreen, definitionList, } from './layout.tsx';
+export type { OperationalScreenOptions } from './layout.tsx';
+export type { Extras, Frame } from './layout.tsx';
 export { HOOKS, OWNERS } from './hooks.ts';
 export { mailContractCases } from './mail.ts';
 export { activityContractCases } from './activity.ts';
 export { calendarContractCases } from './calendar.ts';
+export { PartnerFacts, PartnerInitials, PartnerPanel, } from './partner.tsx';
+export type { PartnerFact } from './partner.tsx';
+/**
+ * The same components, under the names JSX wants.
+ *
+ * `tools/ui-audit.ts` requires a screen to write `<Section />` rather than
+ * `section(...)`, because a screen that calls the function can quietly grow an
+ * argument the JSX form cannot express. But the kit only exported camelCase, so
+ * every screen opened with the same five lines of aliasing — `framedPage as
+ * Framed` in fifty-five files, `recordForm as RecordForm` in forty-nine — and the
+ * rule cost more to obey than it was worth.
+ *
+ * These are the same functions, not wrappers: a component here takes one options
+ * object, which is exactly what JSX hands it. That is also the entry rule — a
+ * positional helper (`stack(items, gap)`, `emptyState(message, hint)`,
+ * `dataTable(_, table)`) has no PascalCase name, because JSX would hand it a props
+ * object where it wants a list. `backend-ui.test.ts` checks the arity.
+ */
+export { framedPage as Framed } from './layout.tsx';
+export { listScreen as ListScreen, recordScreen as RecordScreen, workspaceScreen as WorkspaceScreen, } from './layout.tsx';
+export { section as Section, surface as Surface, contentCard as ContentCard } from './surfaces.tsx';
+export { cardGrid as CardGrid, metric as Metric } from './surfaces.tsx';
+export { recordForm as RecordForm, formCluster as FormCluster } from './form.tsx';
+export { recordActions as RecordActions } from './form.tsx';
+export { recordWorkspace as RecordWorkspace, recordToggle as RecordToggle } from './record.tsx';
+export { readonlyField as ReadonlyField, readonlyTextarea as ReadonlyTextarea, recordFieldGrid as RecordFieldGrid, recordRail as RecordRail, recordHeaderActions as RecordHeaderActions, recordMore as RecordMore, } from './record-detail.tsx';
+export { notice as Notice } from './state.tsx';
+export { breadcrumbs as Breadcrumbs, pageContext as PageContext, tabs as Tabs } from './navigation.tsx';
+export { modalSheet as ModalSheet } from './modal.tsx';
+export { modalForm as ModalForm } from './modal.tsx';
+export { datePicker as DatePicker } from './date-picker.tsx';
+export { mediaPanel as MediaPanel } from './media.tsx';
+export { attachmentPanel as AttachmentPanel } from './attachments.tsx';
+export { productVariantManagement as ProductVariantManagement } from './product-variants.tsx';
+export { productMediaManagement as ProductMediaManagement } from './product-media.tsx';
+export { scheduleBoard as ScheduleBoard } from './schedule.tsx';
+export { gantt as Gantt } from './gantt.tsx';
+export { docTree as DocTree, kanbanCard as KanbanCard, kanbanGrid as KanbanGrid, progressBar as Progress, recordList as RecordList, } from './data.tsx';
+export { navGroup as NavGroup } from './nav.tsx';
+export { barChart as BarChart, chart as Chart, delta as Delta } from './charts.tsx';
+export { definitionList as DefinitionList } from './layout.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/index.js

@@ -9,31 +9,96 @@
 // no client state: the backend renders on the server and keeps what it knows in the
 // URL (D43). Interactivity, where a screen genuinely needs it, is an island.
 //
-// The stylesheet lives with the `backend` module, not here. A deployment that uses
-// the kit without installing the admin gets correct markup and no styles — a
-// deliberate trade, noted in design/HANDOFF.md.
+// The public foundation lives in @ketvietlab/design-system. The backend module
+// loads its CSS first, then this compatibility kit while screens migrate to the
+// public components. New shared UI must enter through that public contract.
+export * as designSystem from '@ketvietlab/design-system';
+export { Disclosure, LinkButton, Tabs as CollectionTabs, } from '@ketvietlab/design-system';
+export { FormPage } from './form-page.js';
+export { RecordPage } from './record-page.js';
+export { WorkspacePage } from './workspace-page.js';
+export { DashboardPage } from './dashboard-page.js';
+export { BoardPage } from './board-page.js';
+export { ListPage } from './list-page.js';
+/**
+ * Public components a screen uses directly, with no compatibility copy here.
+ *
+ * The rule in the header is that new shared UI enters through the public
+ * contract; a mirror of it in this file would be a second place for the markup
+ * to drift. `Pipeline` owns its own hooks, stylesheet and catalogue specimen in
+ * `@ketvietlab/design-system`, and the backend already loads that stylesheet and
+ * marks its root with `data-kv-design-system`.
+ */
+export { Pipeline } from '@ketvietlab/design-system';
 export { icon, hasIcon } from './icons.js';
-export { formatMoney } from './format.js';
+export { formatDateTime, formatMoney } from './format.js';
 export { button, linkButton, iconButton, actionGroup } from './actions.js';
-export { inline, badge, tag, countBadge, avatar, person, initials, actionButton, code, qrCode, } from './primitives.js';
-export { notice, emptyState, errorState, loadingState } from './state.js';
-export { stack, section, surface, cardGrid, contentCard, metric } from './surfaces.js';
+export { inline, badge, deadline, tag, countBadge, avatar, thumbnail, person, initials, code, qrCode, } from './primitives.js';
+export { notice, emptyState, errorState, liveRegion, loadingState } from './state.js';
+export { stack, columns, section, surface, cardGrid, contentCard, metric, } from './surfaces.js';
 export { dataTable, visibleColumns } from './table.js';
 export { scheduleBoard } from './schedule.js';
-export { kanbanCard, kanbanGrid, recordList } from './data.js';
+export { docTree, kanbanCard, kanbanGrid, progressBar, recordList } from './data.js';
+export { gantt, ganttSpan } from './gantt.js';
+export { axisCeiling, barChart, changeOf, chart, CHART_SERIES, delta } from './charts.js';
 export { mediaPanel } from './media.js';
 export { attachmentPanel } from './attachments.js';
+export { productVariantManagement } from './product-variants.js';
+export { productMediaManagement } from './product-media.js';
 export { recordForm, recordActions, formCluster } from './form.js';
-export { authTokenScreen } from './auth.js';
+export { authTokenScreen, loginScreen } from './auth.js';
 export { datePicker } from './date-picker.js';
-export { breadcrumbs, tabs } from './navigation.js';
+export { breadcrumbs, pageContext, tabs } from './navigation.js';
 export { recordWorkspace, recordToggle } from './record.js';
-export { modalSheet } from './modal.js';
-export { sidebar, sidebarMain, sidebarFoot } from './nav.js';
-export { listChrome, topbarSearch } from './chrome.js';
-export { backendPage, shell, framed, framedPage, appCard, card, cardGroups, definitionList, } from './layout.js';
+export { readonlyField, readonlyTextarea, recordFieldGrid, recordRail, recordHeaderActions, recordMore, } from './record-detail.js';
+export { modalForm, modalSheet, modalWorkspace } from './modal.js';
+export { sidebar, sidebarMain, sidebarFoot, navGroup } from './nav.js';
+export { bulkActions, listChrome, pagerBar, topbarSearch } from './chrome.js';
+export { timeframeFilter } from './timeframe.js';
+export { timeframeFilter as TimeframeFilter } from './timeframe.js';
+export { backendPage, shell, framedPage, listScreen, recordScreen, workspaceScreen, definitionList, } from './layout.js';
 export { HOOKS, OWNERS } from './hooks.js';
 export { mailContractCases } from './mail.js';
 export { activityContractCases } from './activity.js';
 export { calendarContractCases } from './calendar.js';
+export { PartnerFacts, PartnerInitials, PartnerPanel, } from './partner.js';
+/**
+ * The same components, under the names JSX wants.
+ *
+ * `tools/ui-audit.ts` requires a screen to write `<Section />` rather than
+ * `section(...)`, because a screen that calls the function can quietly grow an
+ * argument the JSX form cannot express. But the kit only exported camelCase, so
+ * every screen opened with the same five lines of aliasing — `framedPage as
+ * Framed` in fifty-five files, `recordForm as RecordForm` in forty-nine — and the
+ * rule cost more to obey than it was worth.
+ *
+ * These are the same functions, not wrappers: a component here takes one options
+ * object, which is exactly what JSX hands it. That is also the entry rule — a
+ * positional helper (`stack(items, gap)`, `emptyState(message, hint)`,
+ * `dataTable(_, table)`) has no PascalCase name, because JSX would hand it a props
+ * object where it wants a list. `backend-ui.test.ts` checks the arity.
+ */
+export { framedPage as Framed } from './layout.js';
+export { listScreen as ListScreen, recordScreen as RecordScreen, workspaceScreen as WorkspaceScreen, } from './layout.js';
+export { section as Section, surface as Surface, contentCard as ContentCard } from './surfaces.js';
+export { cardGrid as CardGrid, metric as Metric } from './surfaces.js';
+export { recordForm as RecordForm, formCluster as FormCluster } from './form.js';
+export { recordActions as RecordActions } from './form.js';
+export { recordWorkspace as RecordWorkspace, recordToggle as RecordToggle } from './record.js';
+export { readonlyField as ReadonlyField, readonlyTextarea as ReadonlyTextarea, recordFieldGrid as RecordFieldGrid, recordRail as RecordRail, recordHeaderActions as RecordHeaderActions, recordMore as RecordMore, } from './record-detail.js';
+export { notice as Notice } from './state.js';
+export { breadcrumbs as Breadcrumbs, pageContext as PageContext, tabs as Tabs } from './navigation.js';
+export { modalSheet as ModalSheet } from './modal.js';
+export { modalForm as ModalForm } from './modal.js';
+export { datePicker as DatePicker } from './date-picker.js';
+export { mediaPanel as MediaPanel } from './media.js';
+export { attachmentPanel as AttachmentPanel } from './attachments.js';
+export { productVariantManagement as ProductVariantManagement } from './product-variants.js';
+export { productMediaManagement as ProductMediaManagement } from './product-media.js';
+export { scheduleBoard as ScheduleBoard } from './schedule.js';
+export { gantt as Gantt } from './gantt.js';
+export { docTree as DocTree, kanbanCard as KanbanCard, kanbanGrid as KanbanGrid, progressBar as Progress, recordList as RecordList, } from './data.js';
+export { navGroup as NavGroup } from './nav.js';
+export { barChart as BarChart, chart as Chart, delta as Delta } from './charts.js';
+export { definitionList as DefinitionList } from './layout.js';
 //# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,EAAE;AACF,mFAAmF;AACnF,kFAAkF;AAClF,mFAAmF;AACnF,wEAAwE;AACxE,EAAE;AACF,oFAAoF;AACpF,oFAAoF;AACpF,6EAA6E;AAC7E,EAAE;AACF,mFAAmF;AACnF,6EAA6E;AAC7E,gDAAgD;AAEhD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAe,CAAA;AAE3E,OAAO,EACL,MAAM,EACN,KAAK,EACL,GAAG,EACH,UAAU,EACV,MAAM,EACN,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,MAAM,GACP,MAAM,iBAAkB,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAa,CAAA;AAE1E,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAgB,CAAA;AACvF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAa,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAgB,CAAA;AAE9C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAY,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAa,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAmB,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAY,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAY,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAmB,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAkB,CAAA;AAEpD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAc,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAa,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAW,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAc,CAAA;AAEvD,OAAO,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,IAAI,EACJ,UAAU,EACV,cAAc,GACf,MAAM,aAAc,CAAA;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/layout.d.ts

@@ -2,22 +2,27 @@ import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
 import type { MenuNode, Route, ServeContext, Translator } from '@ketvietlab/ketjs';
 import type { Indicator, Viewer } from './nav.tsx';
 import type { ListChrome } from './chrome.tsx';
-export declare const HOOKS: readonly ['shell', 'main', 'topbar', 'title', 'content', 'app-groups', 'app-group', 'group-title', 'app-grid', 'app-card', 'app-title', 'app-summary', 'app-meta', 'app-meta-value', 'app-actions', 'tokens', 'token-list', 'token', 'token-name', 'token-value', 'context-switcher', 'context-company', 'context-branch'];
+export declare const HOOKS: readonly ['shell', 'main', 'topbar', 'content', 'group-title', 'tokens', 'token-list', 'token', 'token-name', 'token-value'];
 export type Extras = {
+    runtime?: JSXChild;
     'topbar.end'?: JSXChild;
     'sidebar.foot'?: JSXChild;
-    'apps.footer'?: JSXChild;
     'nav.items'?: JSXChild;
-    'app-card.actions'?: Record<string, JSXChild>;
 };
 export type Frame = {
     viewer?: Viewer | null;
     indicators?: Indicator[];
     menuFilter?: string | null;
+    /** How the shell offers the root sections; the deployment decides. */
+    rootList?: 'auto' | 'always' | 'never';
     extras?: Extras;
     menu?: MenuNode[];
     chrome?: ListChrome | null;
     navigation?: boolean;
+    /** False when the body opens with its own heading, so the topbar does not repeat it. */
+    titled?: boolean;
+    /** False when a self-titled workspace replaces the shared topbar. */
+    topbar?: boolean;
 };
 export declare const shell: (_: Translator, title: string, body: TemplateResult, frame?: Frame) => TemplateResult;
 export declare const backendPage: (ctx: ServeContext, req: Parameters<Route>[1], options: {
@@ -27,48 +32,48 @@ export declare const backendPage: (ctx: ServeContext, req: Parameters<Route>[1],
     status?: number;
 }) => Promise<import("@ketvietlab/ketjs").RouteResult>;
 /**
- * Every operational page gets the same bordered header/body sheet as accounting.
- * A screen that already supplies a richer record workspace is flattened by CSS,
- * so its domain-specific identity, facts, tabs, and collaboration rail remain the
- * only visible workspace rather than being wrapped in a second card.
+ * Compatibility frame for operational screens that have not yet selected a more
+ * specific page pattern. It keeps the operational workspace semantics used by
+ * boards and reports, while the compact RecordWorkspace header avoids repeating
+ * the module identity as a breadcrumb, kicker and large glyph. A richer
+ * RecordWorkspace nested in the body keeps its own record header; the
+ * compatibility heading is flattened for that case in record.css.
  */
-export declare const framed: (_: Translator, title: string, frame: Frame, body: TemplateResult) => TemplateResult;
-/** JSX entry point for backend screens; `framed` remains for extension compatibility. */
-export declare const framedPage: (options: {
+export type OperationalScreenOptions = {
     translator: Translator;
     title: string;
     frame: Frame;
     body: TemplateResult;
-}) => TemplateResult;
-export type CardMeta = {
-    term: string;
-    value: string;
-    kind: 'depends' | 'dependents' | 'neutral';
+    /** The section above the title. Defaults to the active root's name. */
+    kicker?: string | null;
+    /** One line on what this screen is for. Worth writing; there is no sensible default. */
+    subtitle?: string | null;
+    /** A semantic glyph. Defaults to the active root's. */
+    icon?: string | null;
+    /**
+     * A column beside the body, for what accompanies a screen rather than
+     * continues it — an activity feed, a summary. `recordWorkspace` has had the
+     * slot all along; this only passes it through, so a full-page screen can use
+     * the same rail a record detail does instead of stacking the aside under the
+     * content and calling it a sidebar.
+     */
+    aside?: JSXChild;
+    asideLabel?: string | null;
+    /**
+     * What this screen offers beside its title — the one thing you came here to
+     * start. It shares the row with a list's chrome rather than replacing it, so a
+     * screen can both filter and offer an action; a screen with neither leaves the
+     * row out entirely.
+     */
+    actions?: JSXChild;
 };
-export declare const appCard: (options: {
-    key: string;
-    state: string;
-    title: string;
-    summary: string;
-    meta: CardMeta[];
-    action: {
-        label: string;
-        action: string;
-        disabled?: boolean;
-    };
-    extra?: JSXChild;
-}) => TemplateResult;
-export declare const card: typeof appCard;
-export declare const cardGroups: <T>(options: {
-    groups: Array<{
-        key: string;
-        title: string;
-        items: readonly T[];
-    }>;
-    id: (item: T) => unknown;
-    card: (item: T) => TemplateResult;
-    footer?: JSXChild;
+export declare const listScreen: (options: OperationalScreenOptions) => TemplateResult;
+export declare const recordScreen: (options: OperationalScreenOptions) => TemplateResult;
+export declare const workspaceScreen: (options: OperationalScreenOptions & {
+    layout?: 'flow' | 'canvas';
 }) => TemplateResult;
+/** @deprecated Select ListScreen, RecordScreen or WorkspaceScreen. */
+export declare const framedPage: (options: OperationalScreenOptions) => TemplateResult;
 export declare const definitionList: (options: {
     title: string;
     items: Array<{

package/dist/ui/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,eAAO,MAAM,KAAK,YAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,CACR,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG;IACnB,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,cAAc,CAAC,EAAE,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAsBD,eAAO,MAAM,KAAK,MACb,UAAU,SACN,MAAM,QACP,cAAc,UACb,KAAK,KACX,cA+BF,CAAA;AAED,eAAO,MAAM,WAAW,QACjB,YAAY,OACZ,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAChB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,cAAc,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,qDAkBhF,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,MAAO,UAAU,SAAS,MAAM,SAAS,KAAK,QAAQ,cAAc,KAAG,cAWvF,CAAA;AAEH,yFAAyF;AACzF,eAAO,MAAM,UAAU,YAAa;IAClC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,cAAc,CAAA;CACrB,KAAG,cAAwF,CAAA;AAE5F,MAAM,MAAM,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,CAAA;CAAE,CAAA;AAElG,eAAO,MAAM,OAAO,YAAa;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAC7D,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,KAAG,cAuBH,CAAA;AAED,eAAO,MAAM,IAAI,gBAAU,CAAA;AAE3B,eAAO,MAAM,UAAU,GAAI,CAAC,WAAY;IACtC,MAAM,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;KAAE,CAAC,CAAA;IAClE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAA;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,cAAc,CAAA;IACjC,MAAM,CAAC,EAAE,QAAQ,CAAA;CAClB,KAAG,cAcH,CAAA;AAED,eAAO,MAAM,cAAc,YAAa;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC3D,KAAG,cAgBH,CAAA"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAOlF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,eAAO,MAAM,KAAK,YAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,CACL,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG;IACnB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,cAAc,CAAC,EAAE,QAAQ,CAAA;IACzB,WAAW,CAAC,EAAE,QAAQ,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAyBD,eAAO,MAAM,KAAK,MACb,UAAU,SACN,MAAM,QACP,cAAc,UACb,KAAK,KACX,cAuCF,CAAA;AAED,eAAO,MAAM,WAAW,QACjB,YAAY,OACZ,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAChB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,cAAc,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,qDAkBhF,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,cAAc,CAAA;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAaD,eAAO,MAAM,UAAU,YAAa,wBAAwB,KAAG,cAiB5D,CAAA;AAEH,eAAO,MAAM,YAAY,YAAa,wBAAwB,KAAG,cAkB9D,CAAA;AAEH,eAAO,MAAM,eAAe,YACjB,wBAAwB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,KACjE,cAkBA,CAAA;AAEH,sEAAsE;AACtE,eAAO,MAAM,UAAU,YAAa,wBAAwB,KAAG,cAE9D,CAAA;AAED,eAAO,MAAM,cAAc,YAAa;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC3D,KAAG,cAgBH,CAAA"}

package/dist/ui/layout.js

@@ -2,39 +2,32 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/k
 // The frame a screen sits in, and the shared arrangements inside it.
 import { each } from '@ketvietlab/ketjs-view';
 import { NAVIGATION_TYPE, fragment, isNavigationRequest, page, withHeaders } from '@ketvietlab/ketjs';
+import { ListPage as DesignSystemListPage, RecordPage as DesignSystemRecordPage, WorkspacePage as DesignSystemWorkspacePage, } from '@ketvietlab/design-system';
 import { sidebar, sidebarMain } from './nav.js';
 import { listChrome } from './chrome.js';
-import { actionButton } from './primitives.js';
-import { icon } from './icons.js';
-import { recordWorkspace } from './record.js';
+import { pageContextFromFrame } from './navigation.js';
 export const HOOKS = [
     'shell',
     'main',
     'topbar',
-    'title',
     'content',
-    'app-groups',
-    'app-group',
     'group-title',
-    'app-grid',
-    'app-card',
-    'app-title',
-    'app-summary',
-    'app-meta',
-    'app-meta-value',
-    'app-actions',
     'tokens',
     'token-list',
     'token',
     'token-name',
     'token-value',
-    'context-switcher',
-    'context-company',
-    'context-branch',
 ];
+/**
+ * The topbar shows the page's name only when nothing below it does.
+ *
+ * A framed screen already opens with `record-heading`, so putting the title in the
+ * bar too printed it twice, one line apart, in a different size — the second one
+ * adding nothing. A list's chrome owns the row instead.
+ */
 const topbarContent = (_, title, frame) => {
-    const { viewer = null, extras = {} } = frame;
-    return (_jsxs(_Fragment, { children: [frame.chrome ? listChrome(_, title, frame.chrome) : _jsx("h1", { "data-ui": "title", children: title }), !!viewer?.contextPath && (_jsxs("a", { "data-ui": "context-switcher", href: viewer.contextPath, title: `${viewer.companyName ?? viewer.company ?? ''}${viewer.branchName ? ` · ${viewer.branchName}` : ''}`, children: [_jsx("span", { "data-ui": "context-company", children: viewer.companyName ?? viewer.company }), !!viewer.branchName && _jsx("span", { "data-ui": "context-branch", children: viewer.branchName })] })), extras['topbar.end'] ?? ''] }));
+    const { extras = {} } = frame;
+    return (_jsxs(_Fragment, { children: [frame.chrome ? (listChrome(_, title, frame.chrome, frame.titled !== false)) : frame.titled === false ? ('') : (_jsx("h1", { "data-ui": "title", children: title })), extras['topbar.end'] ?? ''] }));
 };
 export const shell = (_, title, body, frame = {}) => {
     const { viewer = null, extras = {}, menu = [], indicators = [] } = frame;
@@ -43,12 +36,13 @@ export const shell = (_, title, body, frame = {}) => {
         viewer,
         indicators,
         menuFilter: frame.menuFilter,
+        rootList: frame.rootList,
         navItems: extras['nav.items'],
         footItems: extras['sidebar.foot'],
     };
     if (frame.navigation)
-        return (_jsxs("ket-fragments", { "data-title": title, children: [_jsx("template", { "data-ket-slot": "backend.sidebar-main", children: sidebarMain(_, sidebarOptions) }), _jsx("template", { "data-ket-slot": "backend.topbar", children: topbarContent(_, title, frame) }), _jsx("template", { "data-ket-slot": "backend.content", children: body })] }));
-    return (_jsxs("div", { "data-ui": "shell", children: [sidebar(_, sidebarOptions), _jsxs("main", { "data-ui": "main", children: [_jsx("header", { "data-ui": "topbar", "data-ket-slot": "backend.topbar", children: topbarContent(_, title, frame) }), _jsx("div", { "data-ui": "content", "data-ket-slot": "backend.content", children: body })] })] }));
+        return (_jsxs("ket-fragments", { "data-title": title, children: [_jsx("template", { "data-ket-slot": "backend.sidebar-main", children: sidebarMain(_, sidebarOptions) }), _jsx("template", { "data-ket-slot": "backend.topbar", children: frame.topbar === false ? '' : topbarContent(_, title, frame) }), _jsx("template", { "data-ket-slot": "backend.content", children: body })] }));
+    return (_jsxs("div", { "data-ui": "shell", "data-kv-design-system": true, children: [sidebar(_, sidebarOptions), _jsxs("main", { "data-ui": "main", children: [extras.runtime ?? '', frame.topbar === false ? ('') : (_jsx("header", { "data-ui": "topbar", "data-ket-slot": "backend.topbar", children: topbarContent(_, title, frame) })), _jsx("div", { "data-ui": "content", "data-ket-slot": "backend.content", children: body })] })] }));
 };
 export const backendPage = async (ctx, req, options) => {
     if (isNavigationRequest(req))
@@ -65,22 +59,20 @@ export const backendPage = async (ctx, req, options) => {
         status: options.status,
     }), { vary: 'X-Ket-Navigation' });
 };
-/**
- * Every operational page gets the same bordered header/body sheet as accounting.
- * A screen that already supplies a richer record workspace is flattened by CSS,
- * so its domain-specific identity, facts, tabs, and collaboration rail remain the
- * only visible workspace rather than being wrapped in a second card.
- */
-export const framed = (_, title, frame, body) => shell(_, title, recordWorkspace({
-    pageFrame: true,
-    title,
-    imageFallback: icon('layout-grid'),
-    body,
-}), frame);
-/** JSX entry point for backend screens; `framed` remains for extension compatibility. */
-export const framedPage = (options) => framed(options.translator, options.title, options.frame, options.body);
-export const appCard = (options) => (_jsxs("article", { "data-ui": "app-card", "data-state": options.state, "data-app": options.key, children: [_jsx("h3", { "data-ui": "app-title", children: options.title }), _jsx("p", { "data-ui": "app-summary", children: options.summary }), _jsx("dl", { "data-ui": "app-meta", children: each(options.meta, (item) => `${item.kind}:${item.term}`, (item) => (_jsxs(_Fragment, { children: [_jsx("dt", { children: item.term }), _jsx("dd", { "data-ui": "app-meta-value", "data-kind": item.kind, children: item.value })] }))) }), _jsxs("div", { "data-ui": "app-actions", children: [actionButton(options.action), options.extra ?? ''] })] }));
-export const card = appCard;
-export const cardGroups = (options) => (_jsxs("div", { "data-ui": "app-groups", children: [each(options.groups, (group) => group.key, (group) => (_jsxs("section", { "data-ui": "app-group", "data-category": group.key, children: [_jsx("h2", { "data-ui": "group-title", children: group.title }), _jsx("div", { "data-ui": "app-grid", children: each(group.items, options.id, (item) => options.card(item)) })] }))), options.footer ?? ''] }));
+const operationalActions = (options) => options.frame.extras?.['topbar.end'] !== undefined || options.actions !== undefined ? (_jsxs(_Fragment, { children: [options.actions ?? '', options.frame.extras?.['topbar.end'] ?? ''] })) : undefined;
+const operationalShell = (options, body) => shell(options.translator, options.title, body, { ...options.frame, titled: false, topbar: false });
+export const listScreen = (options) => operationalShell(options, _jsx(DesignSystemListPage, { variant: "operational", context: pageContextFromFrame(options.title, options.frame), eyebrow: options.kicker, title: options.title, description: options.subtitle, actions: operationalActions(options), controls: options.frame.chrome
+        ? listChrome(options.translator, options.title, options.frame.chrome, false)
+        : undefined, body: options.body }));
+export const recordScreen = (options) => operationalShell(options, _jsx(DesignSystemRecordPage, { variant: "operational", context: pageContextFromFrame(options.title, options.frame), title: options.title, description: options.subtitle, actions: operationalActions(options), controller: options.frame.chrome
+        ? listChrome(options.translator, options.title, options.frame.chrome, false)
+        : undefined, body: options.body, aside: options.aside, asideLabel: options.asideLabel }));
+export const workspaceScreen = (options) => operationalShell(options, _jsx(DesignSystemWorkspacePage, { variant: "operational", layout: options.layout ?? 'flow', context: pageContextFromFrame(options.title, options.frame), eyebrow: options.kicker, title: options.title, description: options.subtitle, actions: operationalActions(options), controls: options.frame.chrome
+        ? listChrome(options.translator, options.title, options.frame.chrome, false)
+        : undefined, body: options.body }));
+/** @deprecated Select ListScreen, RecordScreen or WorkspaceScreen. */
+export const framedPage = (options) => {
+    return workspaceScreen(options);
+};
 export const definitionList = (options) => (_jsxs("section", { "data-ui": "tokens", children: [_jsx("h2", { "data-ui": "group-title", children: options.title }), _jsx("dl", { "data-ui": "token-list", children: each(options.items, (item) => item.key, (item) => (_jsxs("div", { "data-ui": "token", children: [_jsx("dt", { "data-ui": "token-name", children: item.term }), _jsx("dd", { "data-ui": "token-value", children: item.value })] }))) })] }));
 //# sourceMappingURL=layout.js.map