@ketvietlab/ketsuite 0.1.2 → 0.1.3

package/dist/modules/backend/design/tokens.css

@@ -11,55 +11,277 @@
 
 @layer ket.app {
   :root {
-    color-scheme: light;
+    color-scheme: light dark;
+
+    /* Legacy names are aliases only. The public package owns all raw values. */
+    --color-black: var(--kv-ref-black);
+    --color-white: var(--kv-ref-white);
+    --color-bg-app: var(--kv-ref-bg-app);
+    --color-bg-sidebar: var(--kv-ref-bg-sidebar);
+    --color-bg-main: var(--kv-ref-bg-main);
+    --color-bg-rail: var(--kv-ref-bg-rail);
+    --color-surface-0: var(--kv-ref-surface-0);
+    --color-surface-1: var(--kv-ref-surface-1);
+    --color-surface-2: var(--kv-ref-surface-2);
+    --color-surface-3: var(--kv-ref-surface-3);
+    --color-surface-4: var(--kv-ref-surface-4);
+    --color-control: var(--kv-ref-control);
+    --color-control-hover: var(--kv-ref-control-hover);
+    --color-control-active: var(--kv-ref-control-active);
+    --color-control-disabled: var(--kv-ref-control-disabled);
+    --color-border-subtle: var(--kv-ref-border-subtle);
+    --color-border-default: var(--kv-ref-border-default);
+    --color-border-strong: var(--kv-ref-border-strong);
+    --color-border-emphasis: var(--kv-ref-border-emphasis);
+    --color-border-solid: var(--kv-ref-border-solid);
+    --color-text-primary: var(--kv-ref-text-primary);
+    --color-text-secondary: var(--kv-ref-text-secondary);
+    --color-text-tertiary: var(--kv-ref-text-tertiary);
+    --color-text-muted: var(--kv-ref-text-muted);
+    --color-text-disabled: var(--kv-ref-text-disabled);
+    --color-text-inverse: var(--kv-ref-text-inverse);
+    --color-primary-50: var(--kv-ref-primary-50);
+    --color-primary-100: var(--kv-ref-primary-100);
+    --color-primary-200: var(--kv-ref-primary-200);
+    --color-primary-300: var(--kv-ref-primary-300);
+    --color-primary-400: var(--kv-ref-primary-400);
+    --color-primary-500: var(--kv-ref-primary-500);
+    --color-primary-600: var(--kv-ref-primary-600);
+    --color-primary-700: var(--kv-ref-primary-700);
+    --color-primary-800: var(--kv-ref-primary-800);
+    --color-primary-900: var(--kv-ref-primary-900);
+    --color-primary: var(--kv-ref-primary);
+    --color-primary-hover: var(--kv-ref-primary-hover);
+    --color-primary-active: var(--kv-ref-primary-active);
+    --color-primary-subtle: var(--kv-ref-primary-subtle);
+    --color-primary-muted: var(--kv-ref-primary-muted);
+    --color-primary-border: var(--kv-ref-primary-border);
+    --color-nav-selected: var(--kv-ref-nav-selected);
+    --color-nav-selected-hover: var(--kv-ref-nav-selected-hover);
+    --color-success: var(--kv-ref-success);
+    --color-success-hover: var(--kv-ref-success-hover);
+    --color-success-bg: var(--kv-ref-success-bg);
+    --color-success-border: var(--kv-ref-success-border);
+    --color-warning: var(--kv-ref-warning);
+    --color-warning-hover: var(--kv-ref-warning-hover);
+    --color-warning-bg: var(--kv-ref-warning-bg);
+    --color-warning-border: var(--kv-ref-warning-border);
+    --color-danger: var(--kv-ref-danger);
+    --color-danger-hover: var(--kv-ref-danger-hover);
+    --color-danger-bg: var(--kv-ref-danger-bg);
+    --color-danger-border: var(--kv-ref-danger-border);
+    --color-info: var(--kv-ref-info);
+    --color-info-bg: var(--kv-ref-info-bg);
+    --color-info-border: var(--kv-ref-info-border);
+    --status-todo-text: var(--kv-ref-status-todo-text);
+    --status-todo-bg: var(--kv-ref-status-todo-bg);
+    --status-progress-text: var(--kv-ref-status-progress-text);
+    --status-progress-bg: var(--kv-ref-status-progress-bg);
+    --status-done-text: var(--kv-ref-status-done-text);
+    --status-done-bg: var(--kv-ref-status-done-bg);
+    --status-paused-text: var(--kv-ref-status-paused-text);
+    --status-paused-bg: var(--kv-ref-status-paused-bg);
+    --status-overdue-text: var(--kv-ref-status-overdue-text);
+    --status-overdue-bg: var(--kv-ref-status-overdue-bg);
+    --input-bg: var(--kv-input-bg);
+    --input-bg-hover: var(--kv-input-bg-hover);
+    --input-bg-focus: var(--kv-input-bg-focus);
+    --input-border: var(--kv-input-border);
+    --input-border-hover: var(--kv-input-border-hover);
+    --input-border-focus: var(--kv-input-border-focus);
+    --input-placeholder: var(--kv-input-placeholder);
+    --input-text: var(--kv-input-text);
+    --input-ring: var(--kv-input-ring);
+    --table-bg: var(--kv-table-bg);
+    --table-header-bg: var(--kv-table-header-bg);
+    --table-header-text: var(--kv-table-header-text);
+    --table-row-hover: var(--kv-table-row-hover);
+    --table-row-selected: var(--kv-table-row-selected);
+    --table-border: var(--kv-table-border);
+    --sidebar-width: var(--kv-sidebar-width);
+    --right-rail-width: var(--kv-right-rail-width);
+    --sidebar-bg: var(--kv-sidebar-bg);
+    --right-rail-bg: var(--kv-right-rail-bg);
+    --sidebar-border: var(--kv-sidebar-border);
+    --right-rail-border: var(--kv-right-rail-border);
+    --font-sans: var(--kv-font-sans);
+    --font-mono: var(--kv-font-mono);
+    --font-size-2xs: var(--kv-text-2xs);
+    --font-size-xs: var(--kv-text-xs);
+    --font-size-sm: var(--kv-text-sm);
+    --font-size-md: var(--kv-text-md);
+    --font-size-base: var(--kv-text-base);
+    --font-size-lg: var(--kv-text-lg);
+    --font-size-xl: var(--kv-text-xl);
+    --font-size-2xl: var(--kv-text-2xl);
+    --font-size-3xl: var(--kv-text-3xl);
+    --line-height-tight: var(--kv-leading-tight);
+    --line-height-normal: var(--kv-leading-normal);
+    --line-height-relaxed: var(--kv-leading-relaxed);
+    --font-weight-normal: var(--kv-weight-normal);
+    --font-weight-medium: var(--kv-weight-medium);
+    --font-weight-semibold: var(--kv-weight-semibold);
+    --font-weight-bold: var(--kv-weight-bold);
+    --space-0: var(--kv-space-0);
+    --space-0-5: var(--kv-space-0-5);
+    --space-1: var(--kv-space-1);
+    --space-1-5: var(--kv-space-1-5);
+    --space-2: var(--kv-space-2);
+    --space-2-5: var(--kv-space-2-5);
+    --space-3: var(--kv-space-3);
+    --space-4: var(--kv-space-4);
+    --space-5: var(--kv-space-5);
+    --space-6: var(--kv-space-6);
+    --space-7: var(--kv-space-7);
+    --space-8: var(--kv-space-8);
+    --space-10: var(--kv-space-10);
+    --space-12: var(--kv-space-12);
+    --space-16: var(--kv-space-16);
+    --control-height-xs: var(--kv-control-height-xs);
+    --control-height-sm: var(--kv-control-height-sm);
+    --control-height-md: var(--kv-control-height-md);
+    --control-height-lg: var(--kv-control-height-lg);
+    --sidebar-item-height: var(--kv-sidebar-item-height);
+    --table-row-height: var(--kv-table-row-height);
+    --table-header-height: var(--kv-table-header-height);
+    --radius-xs: var(--kv-radius-xs);
+    --radius-sm: var(--kv-radius-sm);
+    --radius-md: var(--kv-radius-md);
+    --radius-lg: var(--kv-radius-lg);
+    --radius-xl: var(--kv-radius-xl);
+    --radius-full: var(--kv-radius-full);
+    --radius-app-region: var(--kv-radius-app-region);
+    --shadow-xs: var(--kv-shadow-xs);
+    --shadow-sm: var(--kv-shadow-sm);
+    --shadow-md: var(--kv-shadow-md);
+    --shadow-popover: var(--kv-shadow-popover);
+    --duration-fast: var(--kv-duration-fast);
+    --duration-normal: var(--kv-duration-normal);
+    --duration-slow: var(--kv-duration-slow);
+    --ease-default: var(--kv-ease-default);
+    --ease-out: var(--kv-ease-out);
+    --z-base: var(--kv-z-base);
+    --z-sticky: var(--kv-z-sticky);
+    --z-dropdown: var(--kv-z-dropdown);
+    --z-popover: var(--kv-z-popover);
+    --z-modal: var(--kv-z-modal);
+    --z-toast: var(--kv-z-toast);
+    --gap-control: var(--kv-gap-control);
+    --gap-form-row: var(--kv-gap-form-row);
+    --gap-field-group: var(--kv-gap-field-group);
+    --gap-section: var(--kv-gap-section);
+    --page-padding-x: var(--kv-page-padding-x);
+    --page-padding-y: var(--kv-page-padding-y);
+
+    /* Public semantic layer for application code outside the backend package. */
+    --page-bg: var(--color-bg-main);
+    --panel-bg: var(--color-surface-1);
+    --panel-bg-subtle: var(--color-surface-0);
+    --panel-border: var(--color-border-subtle);
+    --panel-divider: var(--color-border-subtle);
+    --text-main: var(--color-text-primary);
+    --text-secondary: var(--color-text-secondary);
+    --text-muted: var(--color-text-tertiary);
+    --interactive-bg: var(--color-control);
+    --interactive-hover: var(--color-control-hover);
+    --accent: var(--color-primary);
+    --accent-hover: var(--color-primary-hover);
 
     /* Core roles */
-    --admin-bg: #f7f5f5;
-    --admin-surface: #ffffff;
-    --admin-surface-subtle: #efedee;
-    --admin-surface-hover: #f7f5f5;
-    --admin-ink: #24262a;
-    --admin-ink-secondary: #5a5c5e;
-    --admin-ink-muted: #717373;
-    --admin-ink-disabled: #9a9ea2;
-    --admin-line: #dddcde;
-    --admin-line-strong: #cccccd;
+    --admin-bg: var(--kv-page-bg);
+    --admin-sidebar-bg: var(--kv-sidebar-bg);
+    --admin-rail-bg: var(--kv-right-rail-bg);
+    --admin-surface: var(--kv-panel-bg);
+    --admin-card: var(--kv-panel-bg);
+    --admin-card-raised: var(--kv-surface-raised);
+    --admin-card-hover: var(--kv-surface-hover);
+    --admin-surface-subtle: var(--kv-surface-raised);
+    --admin-surface-hover: var(--kv-interactive-hover);
+    --admin-control-bg: var(--kv-input-bg);
+    --admin-control-hover: var(--kv-input-bg-hover);
+    --admin-control-focus: var(--kv-input-bg-focus);
+    --admin-control-border: var(--kv-input-border);
+    --admin-control-border-hover: var(--kv-input-border-hover);
+    --admin-placeholder: var(--kv-input-placeholder);
+    --admin-ink: var(--kv-text-main);
+    --admin-ink-secondary: var(--kv-text-secondary);
+    --admin-ink-muted: var(--kv-text-muted);
+    --admin-ink-disabled: var(--kv-text-disabled);
+    --admin-line: var(--kv-border-default);
+    --admin-line-strong: var(--kv-border-strong);
+    --admin-divider-subtle: var(--kv-panel-divider);
+    --admin-table-bg: var(--kv-table-bg);
+    --admin-table-header: var(--kv-table-header-bg);
+    --admin-table-header-ink: var(--kv-table-header-text);
+    --admin-table-hover: var(--kv-table-row-hover);
+    --admin-table-selected: var(--kv-table-row-selected);
+    --admin-table-line: var(--kv-table-border);
+    --admin-nav-selected: var(--kv-nav-selected);
+    --admin-nav-selected-hover: var(--kv-nav-selected-hover);
 
     /* Brand roles — normal-size white text starts at brand-600 */
-    --admin-accent: #5167c4;
-    --admin-accent-hover: #45579f;
-    --admin-accent-soft: #eef0fb;
-    --admin-accent-line: #c3cdf0;
-    --admin-accent-text: #45579f;
-    --admin-accent-ink: #ffffff;
-    --admin-focus-border: #637ad5;
-    --admin-focus-ring: #dde2f7;
+    --admin-accent: var(--kv-accent);
+    --admin-accent-hover: var(--kv-accent-hover);
+    --admin-accent-soft: var(--kv-accent-subtle);
+    --admin-accent-line: var(--kv-accent-border);
+    --admin-accent-text: light-dark(#45579f, #96a3ff);
+    --admin-accent-ink: var(--kv-on-accent);
+    --admin-focus-border: var(--kv-focus-border);
+    --admin-focus-ring: var(--kv-color-focus-ring);
 
     /* Status roles. Status surfaces stay light in both colour schemes. */
-    --admin-status-fixed-ink: #24262a;
-    --admin-status-fixed-ink-secondary: #44464a;
-    --admin-neutral-soft: #efedee;
-    --admin-neutral: #5a5c5e;
-    --admin-success: #1d5d3b;
-    --admin-success-icon: #2f8a59;
-    --admin-success-soft: #ecf5ef;
-    --admin-warning: #24262a;
-    --admin-warning-icon: #d9892b;
-    --admin-warning-soft: #fbf3e6;
-    --admin-danger: #b42318;
-    --admin-danger-strong: #912018;
-    --admin-danger-soft: #fef3f2;
-    --admin-danger-line: #fecdca;
+    --admin-status-fixed-ink: light-dark(#24262a, var(--color-text-primary));
+    --admin-status-fixed-ink-secondary: light-dark(#44464a, var(--color-text-secondary));
+    --admin-neutral-soft: light-dark(#efedee, rgba(255, 255, 255, 0.07));
+    --admin-neutral: light-dark(#5a5c5e, var(--color-text-secondary));
+    --admin-success: light-dark(#1d5d3b, var(--color-success));
+    --admin-success-icon: light-dark(#2f8a59, var(--color-success));
+    --admin-success-soft: light-dark(#ecf5ef, var(--color-success-bg));
+    --admin-warning: light-dark(#24262a, var(--color-warning));
+    --admin-warning-icon: light-dark(#d9892b, var(--color-warning));
+    --admin-warning-soft: light-dark(#fbf3e6, var(--color-warning-bg));
+    --admin-danger: light-dark(#b42318, var(--color-danger));
+    --admin-danger-strong: light-dark(#912018, #f1766d);
+    --admin-danger-soft: light-dark(#fef3f2, var(--color-danger-bg));
+    --admin-danger-line: light-dark(#fecdca, var(--color-danger-border));
+
+    /* Chart roles.
+
+       Six categorical hues, ordered so the first two are the ones a reader is
+       most often comparing and are furthest apart in both lightness and hue.
+       Red sits last because it reads as a warning everywhere else in this
+       palette, and a category that merely happens to be fifth should not.
+
+       Light and dark are not the same hues shifted: a chart mark is a thin
+       stroke or a small arc, so the dark set is lifted for contrast against the
+       surface rather than darkened. */
+    --admin-chart-1: light-dark(#4759b8, #7b8bf5);
+    --admin-chart-2: light-dark(#1d7a52, #3fc98a);
+    --admin-chart-3: light-dark(#b5761a, #e8ab45);
+    --admin-chart-4: light-dark(#7a4bad, #b389e8);
+    --admin-chart-5: light-dark(#1a7d8c, #45c2d1);
+    --admin-chart-6: light-dark(#a83a3a, #ef7a72);
+    /* A comparison line is the same data one period earlier: present, and never
+       competing with the line it is there to give scale to. */
+    --admin-chart-comparison: light-dark(#9a9ea2, var(--color-text-muted));
+    --admin-chart-grid: light-dark(#e9e7e8, rgba(255, 255, 255, 0.075));
+    --admin-chart-track: light-dark(#efedee, rgba(255, 255, 255, 0.055));
 
     /* Type */
-    --admin-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
-    --admin-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-    --admin-size-xs: 0.6875rem;
-    --admin-size-sm: 0.75rem;
-    --admin-size-base: 0.875rem;
-    --admin-size-md: 1rem;
-    --admin-size-lg: 1.125rem;
-    --admin-size-xl: 1.5rem;
+    --admin-font: var(--kv-font-sans);
+    --admin-font-mono: var(--kv-font-mono);
+    --admin-size-xs: var(--kv-text-xs);
+    --admin-size-sm: var(--kv-text-sm);
+    --admin-size-base: var(--kv-text-base);
+    --admin-size-md: var(--kv-text-lg);
+    --admin-size-lg: var(--kv-text-xl);
+    --admin-size-xl: var(--kv-text-2xl);
+    /* A headline amount. Between lg and xl because a total in đồng is ten digits,
+       three separators and a symbol: at the display size it does not fit a card
+       narrow enough for five of them to share a row, and it is one string that
+       must never be broken across two lines — a number continued on the next row
+       is read as a different number. */
+    --admin-size-amount: var(--kv-text-2xl);
 
     /* A 4px rhythm, compressed for operational screens */
     --admin-gap-xs: 0.25rem;
@@ -70,63 +292,66 @@
     --admin-gap-xl: 2rem;
 
     /* Shape and elevation */
-    --admin-radius-xs: 0.1875rem;
-    --admin-radius-sm: 0.25rem;
-    --admin-radius: 0.375rem;
-    --admin-radius-lg: 0.5rem;
-    --admin-shadow-card: 0 1px 2px rgba(24, 24, 27, 0.05);
-    --admin-shadow-float: 0 2px 4px rgba(24, 24, 27, 0.05), 0 6px 16px -4px rgba(24, 24, 27, 0.1);
+    --admin-radius-xs: var(--kv-radius-xs);
+    --admin-radius-sm: var(--kv-radius-sm);
+    --admin-radius: var(--kv-radius-md);
+    --admin-radius-lg: var(--kv-radius-lg);
+    /* A pill. Used where a shape's ends should read as rounded whatever its
+       height is — a bar track, not a card. */
+    --admin-radius-full: var(--kv-radius-full);
+    --admin-shadow-card: light-dark(0 1px 2px rgba(24, 24, 27, 0.05), var(--shadow-xs));
+    --admin-shadow-float: light-dark(
+      0 2px 4px rgba(24, 24, 27, 0.05),
+      0 6px 16px -4px rgba(24, 24, 27, 0.1),
+      var(--shadow-popover)
+    );
+
+    /* The breakpoint ladder, for reading.
+       `@media` cannot take a custom property, so these are written out at each
+       use; they are declared here so there is one place to look and one set of
+       values to match. Each is a pixel under the round number so that a rule and
+       the shell around it never disagree at the boundary itself — which is how a
+       48rem stylesheet went mobile while a 47.9375rem shell was still desktop.
+         --admin-bp-xs: 29.9375rem   (< 480px)  one column
+         --admin-bp-sm: 42rem        (< 672px)  stacked actions
+         --admin-bp-md: 47.9375rem   (< 768px)  the mobile shell
+         --admin-bp-lg: 63.9375rem   (< 1024px) tablet
+         --admin-bp-xl: 72rem        (< 1152px) narrow desktop
+         --admin-bp-2xl: 96rem       (>= 1536px) wide desktop */
+    --admin-bp-xs: 29.9375rem;
+    --admin-bp-sm: 42rem;
+    --admin-bp-md: 47.9375rem;
+    --admin-bp-lg: 63.9375rem;
+    --admin-bp-xl: 72rem;
+    --admin-bp-2xl: 96rem;
 
     /* Shell and controls */
-    --admin-sidebar-width: 14rem;
-    --admin-topbar-height: 2.75rem;
-    --admin-control-height: 1.75rem;
-    --admin-row-height: 2.25rem;
+    --admin-sidebar-width: var(--sidebar-width);
+    --admin-topbar-height: calc(2.75rem + 10px);
+    --admin-control-height: var(--kv-control-height-md);
+    /*
+     * The height of something a reader types into or picks from.
+     *
+     * Separate from --admin-control-height, which also sizes icon buttons,
+     * avatars and chips. Fields keep a 34px target at every viewport without
+     * making the surrounding application chrome taller.
+     */
+    --admin-field-height: var(--kv-control-height-md);
+    --admin-row-height: var(--kv-table-row-height);
     --admin-page-max: 100rem;
-    --admin-motion-fast: 140ms ease;
+    --admin-motion-fast: var(--kv-motion-normal);
+    /* The native date/time picker glyph is a bitmap the page cannot recolour, only
+       invert. 0 in light, 1 in dark. */
+    --admin-picker-invert: light-dark(0, 1);
   }
 
-  :root[data-theme="dark"] {
-    color-scheme: dark;
-    --admin-bg: #24262a;
-    --admin-surface: #2e3034;
-    --admin-surface-subtle: #44464a;
-    --admin-surface-hover: #44464a;
-    --admin-ink: #f7f5f5;
-    --admin-ink-secondary: #cccccd;
-    --admin-ink-muted: #9a9ea2;
-    --admin-ink-disabled: #717373;
-    --admin-line: #44464a;
-    --admin-line-strong: #5a5c5e;
-    --admin-accent-soft: #2f3a5f;
-    --admin-accent-line: #394879;
-    --admin-accent-text: #9faee4;
-    --admin-focus-border: #7e90db;
-    --admin-focus-ring: #45579f;
-    --admin-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.18);
-    --admin-shadow-float: 0 8px 24px rgba(0, 0, 0, 0.28);
+  /* A reader who has chosen overrides the system; `light-dark()` above reads
+     whichever scheme wins, so a theme role is declared once and only once. */
+  :root[data-theme="light"] {
+    color-scheme: light;
   }
 
-  @media (prefers-color-scheme: dark) {
-    :root:not([data-theme]) {
-      color-scheme: dark;
-      --admin-bg: #24262a;
-      --admin-surface: #2e3034;
-      --admin-surface-subtle: #44464a;
-      --admin-surface-hover: #44464a;
-      --admin-ink: #f7f5f5;
-      --admin-ink-secondary: #cccccd;
-      --admin-ink-muted: #9a9ea2;
-      --admin-ink-disabled: #717373;
-      --admin-line: #44464a;
-      --admin-line-strong: #5a5c5e;
-      --admin-accent-soft: #2f3a5f;
-      --admin-accent-line: #394879;
-      --admin-accent-text: #9faee4;
-      --admin-focus-border: #7e90db;
-      --admin-focus-ring: #45579f;
-      --admin-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.18);
-      --admin-shadow-float: 0 8px 24px rgba(0, 0, 0, 0.28);
-    }
+  :root[data-theme="dark"] {
+    color-scheme: dark;
   }
 }

package/dist/modules/backend/index.d.ts

@@ -1,13 +1,20 @@
 declare const _default: import("@ketvietlab/ketjs").KetModule;
 export default _default;
-export { appsScreen, pagesScreen, pageColumns, settingsScreen } from './screens.tsx';
-export type { AppRow, PageRow, Screen } from './screens.tsx';
+export { pagesScreen, pageColumns } from './screens.tsx';
+export type { PageRow, Screen } from './screens.tsx';
 export { PAGE_SIZE, colsHref, colsOf, pageOf, pager, searchOf, withParam } from './paging.ts';
 export { joints } from './joints.ts';
 export { menus } from './menus.ts';
 export { CASES, cataloguePage } from './catalogue.ts';
 export { messages } from './messages.ts';
-export { routes, viewerOf, timezoneOf } from './routes.ts';
+export { routes } from './routes.ts';
+/**
+ * The shell every backend screen sits in, and the small helpers a route needs
+ * before it can render one. A module composes these instead of writing its own
+ * frame: see the note at the top of `screen.ts` for what went wrong when it did.
+ */
+export { adminPage, choices, frameOf, inLocale, localeQuery, localized, optional, resultErrors, screen, selectionLabel, selectionOptions, timezoneOf, viewerOf, } from './screen.ts';
+export type { AnyRow, FrameOptions, Req, ScreenOptions } from './screen.ts';
 export { relationControl, relationLabels } from './relation-select.ts';
 export type { RelationEditorField, RelationManager, RelationOption, RelationSelectConfig, RelationSelectLabels, } from './relation-select.ts';
 export { readForm, seeOther } from './forms.ts';
@@ -19,6 +26,6 @@ export { readForm, seeOther } from './forms.ts';
  * working and so `import backend, { badge } from '@ketvietlab/ketsuite/backend'` still reads
  * naturally on a backend screen.
  */
-export { backendPage, shell, formatMoney, framed, listChrome, topbarSearch, emptyState, errorState, dataTable, visibleColumns, badge, avatar, person, initials, icon, hasIcon, appCard, card, cardGroups, definitionList, actionButton, code, qrCode, inline, button, linkButton, iconButton, actionGroup, tag, countBadge, notice, loadingState, stack, section, surface, cardGrid, contentCard, metric, kanbanCard, kanbanGrid, recordList, recordWorkspace, recordToggle, breadcrumbs, tabs, mediaPanel, attachmentPanel, modalSheet, recordForm, formCluster, recordActions, datePicker, scheduleBoard, HOOKS, OWNERS, mailContractCases, activityContractCases, calendarContractCases, } from '../../ui/index.ts';
-export type { Cell, Column, DataTable, TableGroup, Tone, Frame, Extras, Facet, ListChrome, Pager, ViewKind, SearchMenu, SearchMenuItem, Indicator, Viewer, CardMeta, ActionVariant, ActionSize, ButtonSpec, LinkButtonSpec, NoticeTone, Breadcrumb, Tab, MediaItem, MediaLabels, RecordFormOptions, MediaPanelProps, FormField, FormOption, DatePickerField, DatePickerOptions, ScheduleDay, ScheduleEvent, ScheduleRow, ScheduleTone, RecordSummaryItem, RecordWorkspaceSlots, } from '../../ui/index.ts';
+export { backendPage, shell, formatDateTime, formatMoney, Framed, ListScreen, RecordScreen, WorkspaceScreen, listChrome, timeframeFilter, topbarSearch, emptyState, errorState, dataTable, visibleColumns, badge, avatar, thumbnail, person, initials, icon, hasIcon, definitionList, progressBar, gantt, chart, barChart, delta, changeOf, axisCeiling, code, qrCode, inline, button, linkButton, iconButton, actionGroup, tag, countBadge, notice, loadingState, loginScreen, stack, columns, section, surface, cardGrid, contentCard, metric, docTree, kanbanCard, kanbanGrid, deadline, recordList, recordWorkspace, recordToggle, readonlyField, readonlyTextarea, recordFieldGrid, recordRail, recordHeaderActions, breadcrumbs, pageContext, tabs, mediaPanel, attachmentPanel, modalForm, modalSheet, recordForm, formCluster, recordActions, datePicker, scheduleBoard, HOOKS, OWNERS, mailContractCases, activityContractCases, calendarContractCases, } from '../../ui/index.ts';
+export type { Cell, ChartBar, ChartKey, Column, DataTable, TableGroup, Tone, Frame, Extras, Facet, ListChrome, Pager, ViewKind, SearchMenu, SearchMenuItem, TailMenu, Indicator, Viewer, ActionVariant, ActionSize, ButtonSpec, LinkButtonSpec, NoticeTone, Breadcrumb, Tab, MediaItem, MediaLabels, RecordFormOptions, MediaPanelProps, FormField, FormOption, DatePickerField, DatePickerOptions, ScheduleDay, ScheduleEvent, ScheduleRow, ScheduleTone, RecordSummaryItem, RecordWorkspaceSlots, RecordRailFact, RecordRailSwitch, RecordRailActivity, } from '../../ui/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/backend/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/backend/index.ts"],"names":[],"mappings":";;AA6CA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpF,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACtE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE/C;;;;;;;GAOG;AACH,OAAO,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,IAAI,EACJ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,YAAY,EACZ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,UAAU,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,cAAc,EACd,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/backend/index.ts"],"names":[],"mappings":";;AAwDA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACxD,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC;;;;GAIG;AACH,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,QAAQ,GACT,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACtE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE/C;;;;;;;GAOG;AACH,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,WAAW,EACX,MAAM,EACN,UAAU,EACV,YAAY,EACZ,eAAe,EACf,UAAU,EACV,eAAe,EACf,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,cAAc,EACd,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,IAAI,EACJ,UAAU,EACV,eAAe,EACf,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,cAAc,EACd,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,mBAAmB,CAAA"}

package/dist/modules/backend/index.js

@@ -4,7 +4,7 @@
 // written in a restricted language that cannot run (D3, D18). A backend screen is
 // ours: it needs forms, filters and real interaction, so it is written in `html`
 // with islands like any trusted view. Letting a third party replace a backend
-// template is precisely the mechanism that made Odoo's upgrades painful.
+// template is precisely the mechanism that made the domain contract's upgrades painful.
 //
 // What a third party — or a design team — does own here is the stylesheet and the
 // tokens. See design/HANDOFF.md.
@@ -17,36 +17,53 @@ import { menus } from './menus.js';
 import { savedSearchFunctions, savedSearchModels } from './saved-searches.js';
 export default defineModule({
     name: 'backend',
-    version: '0.1.0',
-    app: true,
+    version: '0.2.0',
     title: 'Quản trị',
-    summary: 'Màn hình quản lý ứng dụng, trang và cài đặt.',
+    summary: 'Khung quản trị và cấu hình hệ thống.',
     category: 'Hệ thống',
-    // The screen you would use to put something back. A deployment that let you
-    // remove it would let you remove your way out of ever fixing it.
-    removable: false,
-    // Its own files, its own stylesheets, its own routes. The app used to name all
-    // three by reaching into this directory, which meant it went on serving them
-    // after the module was switched off.
+    // Its own files, stylesheets, and routes stay together so a deployment only
+    // selects this module; it never reaches into the module's file layout.
     assets: new URL('./design/', import.meta.url),
-    styles: ['tokens.css', 'admin.css'],
+    styles: [
+        'design-system.css',
+        'tokens.css',
+        'foundation.css',
+        'lists.css',
+        'responsive.css',
+        'auth.css',
+        'controls.css',
+        'record.css',
+        'forms.css',
+        'content.css',
+        'charts.css',
+    ],
     routes,
     models: savedSearchModels,
     functions: savedSearchFunctions,
     menus,
     joints,
     islands,
-    fills: { 'backend:relation.select': `{% island "backend.relation-select" %}` },
+    fills: {
+        'backend:relation.select': `{% island "backend.relation-select" %}`,
+        'backend:runtime': `{% island "backend.table-selection" %}`,
+        'backend:screen.chart': `{% island "backend.chart" %}`,
+    },
     messages,
 });
 // The screens this module owns: data assembly, no markup.
-export { appsScreen, pagesScreen, pageColumns, settingsScreen } from './screens.js';
+export { pagesScreen, pageColumns } from './screens.js';
 export { PAGE_SIZE, colsHref, colsOf, pageOf, pager, searchOf, withParam } from './paging.js';
 export { joints } from './joints.js';
 export { menus } from './menus.js';
 export { CASES, cataloguePage } from './catalogue.js';
 export { messages } from './messages.js';
-export { routes, viewerOf, timezoneOf } from './routes.js';
+export { routes } from './routes.js';
+/**
+ * The shell every backend screen sits in, and the small helpers a route needs
+ * before it can render one. A module composes these instead of writing its own
+ * frame: see the note at the top of `screen.ts` for what went wrong when it did.
+ */
+export { adminPage, choices, frameOf, inLocale, localeQuery, localized, optional, resultErrors, screen, selectionLabel, selectionOptions, timezoneOf, viewerOf, } from './screen.js';
 export { relationControl, relationLabels } from './relation-select.js';
 export { readForm, seeOther } from './forms.js';
 /**
@@ -57,5 +74,5 @@ export { readForm, seeOther } from './forms.js';
  * working and so `import backend, { badge } from '@ketvietlab/ketsuite/backend'` still reads
  * naturally on a backend screen.
  */
-export { backendPage, shell, formatMoney, framed, listChrome, topbarSearch, emptyState, errorState, dataTable, visibleColumns, badge, avatar, person, initials, icon, hasIcon, appCard, card, cardGroups, definitionList, actionButton, code, qrCode, inline, button, linkButton, iconButton, actionGroup, tag, countBadge, notice, loadingState, stack, section, surface, cardGrid, contentCard, metric, kanbanCard, kanbanGrid, recordList, recordWorkspace, recordToggle, breadcrumbs, tabs, mediaPanel, attachmentPanel, modalSheet, recordForm, formCluster, recordActions, datePicker, scheduleBoard, HOOKS, OWNERS, mailContractCases, activityContractCases, calendarContractCases, } from '../../ui/index.js';
+export { backendPage, shell, formatDateTime, formatMoney, Framed, ListScreen, RecordScreen, WorkspaceScreen, listChrome, timeframeFilter, topbarSearch, emptyState, errorState, dataTable, visibleColumns, badge, avatar, thumbnail, person, initials, icon, hasIcon, definitionList, progressBar, gantt, chart, barChart, delta, changeOf, axisCeiling, code, qrCode, inline, button, linkButton, iconButton, actionGroup, tag, countBadge, notice, loadingState, loginScreen, stack, columns, section, surface, cardGrid, contentCard, metric, docTree, kanbanCard, kanbanGrid, deadline, recordList, recordWorkspace, recordToggle, readonlyField, readonlyTextarea, recordFieldGrid, recordRail, recordHeaderActions, breadcrumbs, pageContext, tabs, mediaPanel, attachmentPanel, modalForm, modalSheet, recordForm, formCluster, recordActions, datePicker, scheduleBoard, HOOKS, OWNERS, mailContractCases, activityContractCases, calendarContractCases, } from '../../ui/index.js';
 //# sourceMappingURL=index.js.map

package/dist/modules/backend/index.js.map

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

package/dist/modules/backend/islands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"islands.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/backend/islands.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,wBAAwB,CAAA;AAK3E,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAQpD,CAAA"}
+{"version":3,"file":"islands.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/backend/islands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,wBAAwB,CAAA;AAK3E,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CA4BpD,CAAA"}

package/dist/modules/backend/islands.js

@@ -1,13 +1,31 @@
-import { each, html, signal } from '@ketvietlab/ketjs-view';
-import { createRelationSelectView } from './design/client/relation-select-view.mjs';
-const runtime = { each, html, signal };
+import { createChartView } from '../../ui/client/chart-view.js';
+import { createRelationSelectView } from '../../ui/client/relation-select-view.js';
+import { createTableSelectionView } from '../../ui/client/table-selection-view.js';
 export const islands = {
+    /**
+     * One chart. Keyed by id because a screen draws several, and an unkeyed
+     * island is a single global instance — three charts would have been three
+     * hydrations of the last one.
+     */
+    'backend.chart': {
+        props: { id: 'id', config: 'json' },
+        key: ['id'],
+        client: 'client/chart.mjs',
+        export: 'chart',
+        view: (props) => createChartView(props).view,
+    },
+    'backend.table-selection': {
+        props: {},
+        client: 'client/table-selection.mjs',
+        export: 'tableSelection',
+        view: () => createTableSelectionView(),
+    },
     'backend.relation-select': {
         props: { id: 'id', config: 'json' },
         key: ['id'],
         client: 'client/relation-select.mjs',
         export: 'relationSelect',
-        view: (props) => createRelationSelectView(runtime, props),
+        view: (props) => createRelationSelectView(props),
     },
 };
 //# sourceMappingURL=islands.js.map

package/dist/modules/backend/islands.js.map

@@ -1 +1 @@
-{"version":3,"file":"islands.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/backend/islands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AAEnF,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAqC;IACvD,yBAAyB,EAAE;QACzB,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,GAAG,EAAE,CAAC,IAAI,CAAC;QACX,MAAM,EAAE,4BAA4B;QACpC,MAAM,EAAE,gBAAgB;QACxB,IAAI,EAAE,CAAC,KAAkB,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,EAAE,KAAK,CAAC;KACvE;CACF,CAAA"}
+{"version":3,"file":"islands.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/backend/islands.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAkB,MAAM,+BAAgC,CAAA;AAChF,OAAO,EAAE,wBAAwB,EAA6B,MAAM,yCAA0C,CAAA;AAC9G,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAA0C,CAAA;AAEnF,MAAM,CAAC,MAAM,OAAO,GAAqC;IACvD;;;;OAIG;IACH,eAAe,EAAE;QACf,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,GAAG,EAAE,CAAC,IAAI,CAAC;QACX,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,CAAC,KAAkB,EAAE,EAAE,CAC3B,eAAe,CAAC,KAAwD,CAAC,CAAC,IAAI;KACjF;IACD,yBAAyB,EAAE;QACzB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,4BAA4B;QACpC,MAAM,EAAE,gBAAgB;QACxB,IAAI,EAAE,GAAG,EAAE,CAAC,wBAAwB,EAAE;KACvC;IACD,yBAAyB,EAAE;QACzB,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,GAAG,EAAE,CAAC,IAAI,CAAC;QACX,MAAM,EAAE,4BAA4B;QACpC,MAAM,EAAE,gBAAgB;QACxB,IAAI,EAAE,CAAC,KAAkB,EAAE,EAAE,CAC3B,wBAAwB,CAAC,KAAmE,CAAC;KAChG;CACF,CAAA"}

package/dist/modules/backend/joints.d.ts

@@ -3,7 +3,7 @@ import type { JointDef } from '@ketvietlab/ketjs';
  * What the backend screens let other modules into.
  *
  * Named, and only named: a fill addresses one of these and nothing else. That is
- * the difference from Odoo's XPath, where an extension addresses a node upstream
+ * the difference from the domain contract's XPath, where an extension addresses a node upstream
  * never promised would exist — rename the field and every extension breaks. Here
  * the markup around a joint can change freely; the joint is the contract.
  *