create-pmos 0.75.0 → 0.77.0

package/workspace/public/pm/components.css

@@ -504,14 +504,18 @@
 .pmc-card--muted .pmc-card__title {
   color: var(--muted-foreground);
 }
-/* card in a phone deck (pm/phone-deck.js adds .ph-card only while a phone shows its Cards view): one tall target that
- * opens it, its title at reading size */
-.pmc-card.ph-card { padding: 0; }
-.pmc-card.ph-card .pmc-card__top { flex: 1; align-items: stretch; min-height: 0; }
-.pmc-card.ph-card .pmc-card__open { display: flex; flex-direction: column; justify-content: flex-start; gap: 14px; padding: 22px 18px; min-width: 0; text-align: left; }
-.pmc-card.ph-card .pmc-card__title { font-size: 20px; line-height: 1.25; font-weight: 600; white-space: normal; overflow: visible; display: block; }
-.pmc-card.ph-card .pmc-card__meta { flex-wrap: wrap; white-space: normal; font-size: 14px; line-height: 1.5; }
-.pmc-card.ph-card .pmc-card__trail { align-self: flex-start; padding: 8px 6px 0 0; }
+/* card on a phone (≤760px), in the Initiatives and Board places only: a row in one vertical list (workspace-phone-scroll-layout). One open target as tall as what
+ * it says, with a 64px floor so short and long cards line up; the title and its line under it at reading size. */
+@media (max-width: 760px) {
+  .pmc-card:where([data-fr-host="initiatives"] *) { min-height: 64px; padding: 12px 14px; justify-content: center; }
+  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__title { font-size: 16px; line-height: 1.3; font-weight: 600; }
+  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__meta { font-size: 14px; line-height: 1.4; }
+  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__open { gap: 4px; }
+  .pmc-card:where([data-fr-host="board"] *) { min-height: 64px; padding: 12px 14px; justify-content: center; }
+  .pmc-card:where([data-fr-host="board"] *) .pmc-card__title { font-size: 16px; line-height: 1.3; font-weight: 600; }
+  .pmc-card:where([data-fr-host="board"] *) .pmc-card__meta { font-size: 14px; line-height: 1.4; }
+  .pmc-card:where([data-fr-host="board"] *) .pmc-card__open { gap: 4px; }
+}
 .pmc-card:focus-visible,
 .pmc-card:has(.pmc-card__open:focus-visible) {
   outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
@@ -6326,6 +6330,148 @@
   padding: 12px;
 }
 
+/* meeting-notes Run 7: the note reads top to bottom (prototype/meeting-notes/simple-note-mockup.html). A bar with the state and
+   one action, the title, the day, the meeting and the initiative on one line, the people, then the sections, each item led by
+   its meeting time. The transcript folds away. The same column in the pop-up and on the full screen. */
+.nt-wrap:not(.nt-wrap--inline) {
+  max-width: 760px;
+}
+.nt-pop__body {
+  padding: 0 16px 16px;
+}
+.nt-header {
+  flex-direction: column;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  gap: 8px;
+}
+.nt-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 40px;
+  border-bottom: 1px solid var(--border);
+}
+.nt-wrap--inline .nt-bar {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--card);
+}
+.nt-bar .nt-live {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.nt-bar .nt-acts {
+  flex: none;
+  flex-wrap: nowrap;
+  gap: 4px;
+}
+.nt-live b {
+  font-family: var(--sans);
+  font-weight: 500;
+}
+.nt-when .nt-link + .nt-link::before,
+.nt-when > span:first-child::after {
+  content: "·";
+  margin-right: 8px;
+  color: var(--muted-foreground);
+}
+.nt-when > span:first-child::after {
+  margin: 0 0 0 8px;
+}
+.nt-headl {
+  flex: none;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+}
+.nt-when {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 8px;
+}
+.nt-when .nt-link {
+  display: inline-flex;
+  align-items: center;
+  color: var(--foreground);
+}
+.nt-people {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.nt-avs {
+  display: inline-flex;
+  gap: 2px;
+}
+.nt-av {
+  width: 24px;
+  height: 24px;
+  display: inline-grid;
+  place-items: center;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--foreground);
+  background: var(--muted);
+}
+.nt-body2 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.nt-notecol,
+.nt-wrap--inline .nt-notecol {
+  padding: 0;
+}
+.nt-trans,
+.nt-wrap--inline .nt-trans {
+  padding: 12px 0 0;
+  border-left: 0;
+  border-top: 1px solid var(--border);
+}
+.nt-fold {
+  cursor: pointer;
+}
+.nt-src {
+  font-weight: 400;
+  letter-spacing: normal;
+  text-transform: none;
+}
+.nt-item {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr) auto;
+  align-items: baseline;
+  border-bottom: 0;
+  padding: 2px 0;
+}
+.nt-item--plain {
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.nt-addrow {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+}
+.nt-addrow .nt-at {
+  font-variant-numeric: tabular-nums;
+}
+.nt-ln__meta .nt-at {
+  font-variant-numeric: tabular-nums;
+}
+.nt-spk--typed {
+  color: var(--foreground);
+  font-weight: 500;
+}
+
 /* -- layouts · .lg- the legacy and fixture shells (Run 3, slice 3D) -- */
 /* The legacy and fixture cockpit's two columns: the list head (a stack) and the rail's tile column. */
 .lg-stack {

package/workspace/public/pm/mobile.css

@@ -202,43 +202,57 @@
   }
   .ctrlbar .lbl { font-size: 11px; letter-spacing: .04em; }
 
-  /* Six destinations, one per column, 64px tall — the prototype's bottom nav, with Docs (the desktop bar's order). */
-  .mobnav { display: grid; grid-template-columns: repeat(6, 1fr); min-width: 0; }
+  /* Five tabs, one per column: an icon over a short word, the bar most phone apps draw (workspace-phone-scroll-layout).
+   * The tab on screen is drawn in the foreground ink, with a heavier icon stroke and a 2px rule along its top edge. The
+   * Agenda tab carries the count of what needs the PM beside its icon. */
+  .mobnav { display: grid; grid-template-columns: repeat(5, 1fr); min-width: 0; }
   .mobnav-b {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    gap: 3px;
+    gap: 4px;
     min-width: 0;
-    min-height: 64px;
-    padding: 0 2px;
+    min-height: 60px;
+    padding: 6px 2px 4px;
     color: var(--muted-foreground);
+    font-family: var(--sans);
   }
-  .mobnav-b .g { font-size: 17px; line-height: 1; }
-  .mobnav-b .l { font-size: 10px; line-height: 1; }
+  .mobnav-b .mobnav-i { width: 22px; height: 22px; stroke-width: 1.75; }
+  .mobnav-b .l { font-size: 11px; line-height: 1; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .mobnav-b[aria-current="page"] { color: var(--foreground); }
-  /* The tabs are words (the frame's five tabs); the Today tab carries the count of what needs the PM. */
-  .mobnav-b { font-family: var(--sans); }
-  .mobnav-b .l { font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
-  .mobnav-b[aria-current="page"] .l { text-decoration: underline; text-underline-offset: 4px; }
-  .mobnav-n { font-family: var(--mono); font-size: 11px; line-height: 1; }
+  .mobnav-b[aria-current="page"] .mobnav-i { stroke-width: 2.25; }
+  .mobnav-b[aria-current="page"]::before { content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: 2px; background: var(--foreground); }
+  .mobnav-n {
+    position: absolute;
+    top: 6px;
+    left: calc(50% + 8px);
+    min-width: 18px;
+    padding: 2px 4px;
+    font-family: var(--mono);
+    font-size: 11px;
+    line-height: 1;
+    text-align: center;
+    background: var(--destructive);
+    color: var(--background);
+  }
 
   /* ── one job per screen, one card at a time ────────────────────────────────────────────────────
-   * A phone is not a small desktop. At a tab's root the tab's cards are a deck, one card on the screen at a time
-   * (pm/phone-deck.js), and the deck head above them says which card of how many it is. The controls that serve desk
-   * work are not drawn. Nothing below removes a capability: each hidden control is a desktop one, or the deck head's
+   * A phone is not a small desktop. At a tab's root the tab's list runs top to bottom and only the list scrolls; the
+   * head above it (pm/phone-deck.js) says how many things it holds and switches the tab's second view. The controls that
+   * serve desk work are not drawn. Nothing below removes a capability: each hidden control is a desktop one, or the head's
    * view switch, the bar's Repository menu or ⌘K (the bar's search) reaches the same act. The nodes stay in the DOM,
    * so the renderers are the desktop's, unchanged (see pm/mobile.js, "ONE renderer, two shells").
    *
-   *   Today        the Today cards. The count is in the deck head; the scope is the bar's Repository menu (it has
-   *                All repositories). Day, the deck head's second view, is the day section: goals, calendar, jobs.
+   *   Today        the Today cards. The count is in the head; the scope is the bar's Repository menu (it has
+   *                All repositories). My day, the head's second view, is the day section: goals, calendar, jobs.
    *   Initiatives  the Roadmap's cards. No title, view switch, New initiative, count line, hint or drag grips: the
-   *                deck head's All is the List, ⌘K has New initiative, and a card's ⋯ moves it.
+   *                head's All is the List, ⌘K has New initiative, and a card's ⋯ moves it.
    *   Board        the picked initiative's cards in the column on screen: Active or Mine, the initiative picker and
    *                the column switch stay. No count, and not a second "no item" note above the column's own.
    *   Reports      read a report, or draft one: no title (the tab names it) and no schedule set-up.
-   *   Docs         the copies that need you, one card each. All, the deck head's second view, lists every copy and
+   *   Docs         the copies that need you, one row each. All, the head's second view, lists every copy and
    *                has the search.
    *   An initiative (the sheet)  act on its next step: the stepper and the waiting line lead. The Breakdown tab shows
    *                the Tree only (the Board tab is the board) and not the starter list, which is authoring. */
@@ -261,95 +275,65 @@
   [data-in-sheet] .bd-head > [data-bd-view],
   [data-in-sheet] [data-bd-starters] { display: none !important; }
 
-  /* ── the deck head and the pager (pm/phone-deck.js) ─────────────────────────────────────────── */
-
+  /* ── the list head (pm/phone-deck.js) ───────────────────────────────────────────────────────────
+   * One line above the list: how many things it holds, then the tab's two views as a segmented switch, each button an
+   * icon and a word. It sits in the phone's top block, so it stays put while the list scrolls under it. */
   .mob-deck {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: 10px;
-    min-height: 48px;
-    padding: 0 14px;
+    gap: 12px;
+    min-height: 52px;
+    padding: 0 12px 0 16px;
     background: var(--background);
     border-bottom: 1px solid var(--border);
-    font-family: var(--mono);
-    font-size: 11px;
-    letter-spacing: .06em;
-    text-transform: uppercase;
-    color: var(--muted-foreground);
+    font-family: var(--sans);
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--foreground);
   }
   .mob-deck__where { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .mob-deck__views { display: inline-flex; flex: none; border: 1px solid var(--border); }
+  .mob-deck__views { display: inline-flex; flex: none; gap: 2px; padding: 2px; background: var(--muted); }
   .mob-deck__view {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
     min-width: 44px;
     min-height: 44px;
     padding: 0 12px;
-    font: inherit;
-    letter-spacing: inherit;
-    text-transform: inherit;
+    font-family: var(--sans);
+    font-size: 14px;
+    font-weight: 500;
     color: var(--muted-foreground);
   }
-  .mob-deck__view[aria-pressed="true"] { background: var(--foreground); color: var(--background); }
-
-  .mob-pager { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; border-bottom: 1px solid var(--border); }
-  .mob-pager__b { display: grid; place-items: center; min-width: 48px; min-height: 44px; color: var(--foreground); }
-  .mob-pager__b:disabled { opacity: .3; }
-  .mob-pager__track { height: 3px; background: var(--border); }
-  .mob-pager__fill { display: block; height: 100%; width: var(--fr-deck-fill, 0); background: var(--foreground); transition: width .2s ease-out; }
+  .mob-deck__view .mob-deck__i { width: 16px; height: 16px; }
+  .mob-deck__view[aria-pressed="true"] { background: var(--card); color: var(--foreground); }
 
-  /* The deck: the tab's own list, laid side by side, one card per screen width, snapping to each. The card's height is
-   * the screen between the deck head and the pager (--fr-deck-h, measured by pm/phone-deck.js). */
-  body[data-ph-view="cards"] .ph-deck {
-    display: flex !important;
-    flex-direction: row !important;
-    flex-wrap: nowrap !important;
-    gap: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    overflow-x: auto;
-    overflow-y: hidden;
-    scroll-snap-type: x mandatory;
-    overscroll-behavior-x: contain;
-    scrollbar-width: none;
-  }
-  body[data-ph-view="cards"] .ph-deck::-webkit-scrollbar { display: none; }
-  /* The Roadmap's three columns and the Docs' groups hand their cards to the one deck. */
-  body[data-ph-view="cards"] .ph-deck .in-col,
-  body[data-ph-view="cards"] .ph-deck .in-list,
-  body[data-ph-view="cards"] .ph-deck .rp-docs-group,
-  body[data-ph-view="cards"] .ph-deck .rp-docs-group > [role="list"] { display: contents !important; }
-  body[data-ph-view="cards"] .ph-deck .in-col__head,
-  body[data-ph-view="cards"] .ph-deck .in-col__empty,
-  body[data-ph-view="cards"] .ph-deck .in-col > :not(.in-list),
-  body[data-ph-view="cards"] .ph-deck .in-list--dormant { display: none !important; }
-  body[data-ph-view="cards"] .ph-deck > .rp-section__empty { flex: 0 0 100%; }
-  body[data-ph-view="cards"] .ph-card {
-    flex: 0 0 100% !important;
-    width: 100% !important;
-    max-width: none !important;
-    height: var(--fr-deck-h, 60vh);
-    margin: 0 !important;
-    overflow-y: auto;
-    scroll-snap-align: start;
-    scroll-snap-stop: always;
-    display: flex !important;
-    flex-direction: column;
-    background: var(--card);
-    border: 1px solid var(--border);
+  /* ── the list: one scroller, rows sized to what they hold ───────────────────────────────────────
+   * The place is the only thing that scrolls. It does not hand a drag at its top or bottom to the page, so the bars never
+   * move and nothing empty is dragged along. Rows take the height of what they say, with one floor, so a short row and a
+   * long one line up as a column. */
+  [data-fr="main"] > .fr-dest { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
+  html, body { overscroll-behavior: none; }
+  [data-dest="today"] .td-board { gap: 8px; padding: 12px; }
+  [data-dest="today"] .td-card { min-height: 64px; padding: 14px; gap: 10px; }
+  [data-dest="today"] .td-card--host { padding: 0; }
+  [data-dest="today"] .td-card__top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
+  [data-dest="today"] .td-card__cause { font-size: 16px; line-height: 1.3; font-weight: 600; align-items: flex-start; }
+  [data-dest="today"] .td-card__evidence {
+    padding-left: 0;
+    font-size: 14px;
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
   }
-  /* A Today card: the cause leads, the evidence wraps under it, the acts sit at the bottom at full width. */
-  body[data-ph-view="cards"] .ph-card.td-card { padding: 20px 18px; }
-  body[data-ph-view="cards"] .ph-card .td-card__top { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
-  body[data-ph-view="cards"] .ph-card .td-card__text { display: grid; gap: 12px; align-content: start; }
-  body[data-ph-view="cards"] .ph-card .td-card__cause { font-size: 20px; line-height: 1.3; font-weight: 600; }
-  body[data-ph-view="cards"] .ph-card .td-card__evidence { white-space: normal; overflow: visible; font-size: 14px; line-height: 1.45; }
-  body[data-ph-view="cards"] .ph-card .td-card__acts { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; width: 100%; margin: 0; }
-  body[data-ph-view="cards"] .ph-card .td-card__acts > :first-child { width: 100%; }
-  body[data-ph-view="cards"] .ph-card .td-card__acts > * { min-height: 48px; justify-content: center; }
-  body[data-ph-view="cards"] .ph-card.td-card--prep .td-card__acts { grid-template-columns: minmax(0, 1fr); }
-  /* An initiative or a Board item: a .pmc-card primitive, so its deck size lives in components.css (.pmc-card.ph-card). */
-  /* A copy that differs: the row's sentence and its one button. */
-  body[data-ph-view="cards"] .ph-card.rp-docs-row { padding: 6px 4px; }
+  [data-dest="today"] .td-card__acts { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; width: 100%; margin: 0; }
+  [data-dest="today"] .td-card__acts > * { min-height: 44px; justify-content: center; }
+  [data-dest="today"] .td-card--prep .td-card__acts { grid-template-columns: minmax(0, 1fr); }
+  /* An initiative or a Board item is a .pmc-card primitive: its phone size lives in components.css's primitives section. */
+  [data-dest="docs"] .rp-docs-row { min-height: 56px; }
 
   /* ── the terminal takes the screen ────────────────────────────────────────────────────────────
    * The PM's word: entering a terminal switches the whole screen to it, because it is mostly output. The tabs are not
@@ -363,7 +347,7 @@
  * the thing this workspace refuses to ship. */
 .mob[hidden], .mobmenu[hidden], .mob-back[hidden], .mob-brand[hidden] { display: none !important; }
 .mob-repo[hidden], .mob-set[hidden], .mob-sync[hidden], .mob-theme[hidden], .mobnav-n[hidden] { display: none !important; }
-.mob-deck[hidden], .mob-pager[hidden], .mob-deck__views[hidden] { display: none !important; }
+.mob-deck[hidden], .mob-deck__views[hidden] { display: none !important; }
 
 /* ── a touch screen: the visible height, no page bounce, no zoom on focus ─────────────────────
  * pm/mobile.js sets `pm-vv` and `--fr-vvh` (the visual viewport's height) on a touch screen. The

package/workspace/public/pm/mobile.js

@@ -387,7 +387,9 @@ export function applyMobile() {
   }
 
   const buttons = menu ? menu.querySelectorAll('#mobNav [data-dest]') : [];
-  for (const b of buttons) b.setAttribute('aria-current', b.dataset.dest === nav.dest ? 'page' : 'false');
+  // Reports has no tab of its own: it is the Board tab's second view, so Board stays lit (lib/mobile-nav.js TAB_OF).
+  const lit = typeof NAV.tabOf === 'function' ? NAV.tabOf(nav.dest) : nav.dest;
+  for (const b of buttons) b.setAttribute('aria-current', b.dataset.dest === lit ? 'page' : 'false');
 
   if (s.kind !== 'terminal' && s.kind !== 'agent' && ctrlArmed) setCtrlArmed(false);
 
@@ -544,8 +546,9 @@ export function mountMobile(context) {
   document.addEventListener('click', onChromeClick);
 
   if (window.visualViewport) {
+    // resize only. A visualViewport `scroll` fires on every pan of the page, and answering it with scrollTo(0, 0) and a
+    // refit undid the PM's own scroll in one jump (workspace-phone-scroll-layout). The height changes only on a resize.
     window.visualViewport.addEventListener('resize', fitViewport);
-    window.visualViewport.addEventListener('scroll', fitViewport);
   }
   if (TOUCH.addEventListener) TOUCH.addEventListener('change', fitViewport);
   window.addEventListener('orientationchange', () => setTimeout(() => { fitViewport(); refit(); }, 250));
@@ -567,6 +570,7 @@ export function mountMobile(context) {
 
   mountDeck({
     rerender: () => setState({}),
+    go: (dest) => setDest(dest),
     apply: () => { if (isMobile() && nav) applyDeck(frameOn(), NAV.current(nav)); },
     place: () => ctx.bodyGrid.querySelector('[data-fr="main"]'),
   });

package/workspace/public/pm/note-dock.js

@@ -11,7 +11,7 @@
  *   mountDock()                → draws the dock on every render (pm/app.js boot)
  *   takeNotes(e, opts, btn)    → makes a note linked to the event, starts listening, and keeps it minimized
  *   openDock(id)               → shows a note in the pop-up
- *   minimize() · activeId()
+ *   minimize() · activeId() · forget(id)
  */
 import { el } from './dom.js';
 import { button, iconButton, layer, toast, ensureComponentsCss } from './primitives.js';
@@ -74,6 +74,13 @@ export async function openDock(id) {
   setState({});
   requestAnimationFrame(() => { const t = host && host.querySelector('[data-nt-body]'); if (t) t.focus(); });
 }
+/** A note was deleted: when it is the one in the dock, the dock lets it go. */
+export function forget(id) {
+  if (!active || active.id !== id) return;
+  active = null; open = false; write();
+  if (V) V.setPopped(null);
+  setState({});
+}
 function close() {
   if (liveId() === (active && active.id)) return;
   active = null; open = false; write();
@@ -127,11 +134,10 @@ function draw() {
       live ? null : iconButton({ icon: 'x', ariaLabel: 'Put the note away', onClick: close, attrs: { 'data-nt-dock-close': '' } })));
     return;
   }
+  // the note draws its own bar (status, Stop, Minimize and the ⋯ menu): the pop-up adds no second head (Run 7)
   const body = el('div', { class: 'nt-pop__body' });
-  const pop = el('section', { class: 'nt-pop', role: 'dialog', 'aria-label': 'Meeting note', 'data-nt-pop': active.id },
-    el('div', { class: 'nt-pop__head' }, el('span', { class: 'nt-sec__h' }, live ? 'Taking notes' : 'Meeting note'),
-      button({ label: 'Minimize', variant: 'ghost', size: 'sm', onClick: minimize, attrs: { 'data-nt-minimize': '' } })),
-    body);
+  const pop = el('section', { class: 'nt-pop', role: 'dialog', 'aria-label': 'Meeting note', 'data-nt-pop': active.id }, body);
   host.replaceChildren(pop);
-  if (!v.renderInline(body, viewCtx, active.id)) body.appendChild(el('p', { class: 'nt-hint' }, 'Another note is being taken.'));
+  if (!v.renderInline(body, viewCtx, active.id, { onMinimize: minimize })) body.appendChild(el('p', { class: 'nt-hint' }, 'Another note is being taken.'),
+    button({ label: 'Minimize', variant: 'ghost', size: 'sm', onClick: minimize, attrs: { 'data-nt-minimize': '' } }));
 }