@deskwork/studio 0.20.0 → 0.22.0

package/dist/pages/shortform-review-mobile-sheet.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Shortform-review-specific mobile sheet host + bar cell composition.
+ *
+ * Mirrors `entry-review/mobile-sheet.ts` for the shortform review
+ * surface. The mobile-bar primitive (`../mobile-bar.ts`) is universal;
+ * each surface composes its `Cell[]` and the corresponding slot host
+ * here.
+ *
+ * Design contract (DESIGN-STANDARDS.md § Universal bar contract,
+ * settled 2026-05-13):
+ *   - One bar primitive, one shape. The per-surface design variable
+ *     is the cells, not the chrome.
+ *   - 1-6 contextual cells. The Actions cell is unconditional so the
+ *     bar is never empty (renderMobileBar throws on empty cells).
+ *   - The TOC and Versions cells are conditional (hidden when their
+ *     content has fewer than 2 items).
+ *
+ * State-machine compliance (DESKWORK-STATE-MACHINE.md):
+ *   - Commandment II: verbs are universal. Approve/Iterate/Cancel are
+ *     rendered unconditionally inside the Actions slot. The shortform
+ *     surface header (shortform-review.ts:1-18) explicitly defers the
+ *     legacy `DraftWorkflowState` migration; for this step we surface
+ *     the three universal verbs and trust the client clipboard handlers
+ *     to compose the right slash command from the workflow context.
+ *   - Commandment III: no review-state surfacing. No "IN REVIEW" /
+ *     "ITERATING" / "APPROVED" pills. No `.er-stamp`. No
+ *     `.er-pending-state` markup.
+ *   - Commandment IV/V/VII: clipboard-copy is the only action. The
+ *     three buttons carry `data-action="approve|iterate|cancel"`; the
+ *     existing client handlers in `editorial-review-client.ts` wire
+ *     them to clipboard-only handlers (post-G.3 refactor).
+ *   - G.4 (issue #260): the destructive verb is `cancel`, NOT `reject`.
+ *     The state machine has no `reject` verb.
+ */
+import type { TocEntry } from '@deskwork/core/review/toc';
+import type { DraftVersion, DraftWorkflowItem } from '@deskwork/core/review/types';
+import { type RawHtml } from './html.ts';
+import type { Cell } from './mobile-bar.ts';
+export interface ShortformBarCellOptions {
+    readonly tocEntries: readonly TocEntry[];
+    readonly versions: readonly DraftVersion[];
+}
+/**
+ * Build the shortform review bar's contextual cell list.
+ *
+ * Cell ordering (when present): TOC → Versions → Actions. The Actions
+ * cell is always last and always present; the bar is never empty.
+ *
+ * Conditional-omission rules:
+ *   - TOC cell: omitted when fewer than 2 heading entries exist.
+ *     Shortform drafts (social-platform copy) are often headingless;
+ *     surfacing an empty TOC adds noise without value per the
+ *     "structure over scrolling" principle.
+ *   - Versions cell: omitted when only one revision exists. With one
+ *     revision there is no history to navigate.
+ */
+export declare function getShortformBarCells(opts: ShortformBarCellOptions): readonly Cell[];
+export interface ShortformMobileSheetOptions {
+    readonly tocEntries: readonly TocEntry[];
+    readonly versions: readonly DraftVersion[];
+    readonly workflow: DraftWorkflowItem;
+    readonly currentVersion: DraftVersion;
+}
+/**
+ * Render the shortform mobile sheet host with the three named slots
+ * (toc / versions / actions). Each slot body is server-rendered so
+ * the client doesn't need to clone DOM from elsewhere on the page —
+ * the slot is self-contained.
+ *
+ * The sheet host is always rendered (matches the entry-review pattern
+ * where the host is present and the client toggles `hidden` on
+ * dispatch). Individual slots are hidden until the corresponding bar
+ * cell opens them via the shared `sheet-controller` primitive.
+ */
+export declare function renderShortformMobileSheet(opts: ShortformMobileSheetOptions): RawHtml;
+//# sourceMappingURL=shortform-review-mobile-sheet.d.ts.map

package/dist/pages/shortform-review-mobile-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortform-review-mobile-sheet.d.ts","sourceRoot":"","sources":["../../src/pages/shortform-review-mobile-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAA4B,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,UAAU,EAAE,SAAS,QAAQ,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,SAAS,YAAY,EAAE,CAAC;CAC5C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,IAAI,EAAE,CAyBnF;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,UAAU,EAAE,SAAS,QAAQ,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,SAAS,YAAY,EAAE,CAAC;IAC3C,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACrC,QAAQ,CAAC,cAAc,EAAE,YAAY,CAAC;CACvC;AAiDD;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,2BAA2B,GAChC,OAAO,CA4BT"}

package/dist/pages/shortform-review-mobile-sheet.js

@@ -0,0 +1,159 @@
+/**
+ * Shortform-review-specific mobile sheet host + bar cell composition.
+ *
+ * Mirrors `entry-review/mobile-sheet.ts` for the shortform review
+ * surface. The mobile-bar primitive (`../mobile-bar.ts`) is universal;
+ * each surface composes its `Cell[]` and the corresponding slot host
+ * here.
+ *
+ * Design contract (DESIGN-STANDARDS.md § Universal bar contract,
+ * settled 2026-05-13):
+ *   - One bar primitive, one shape. The per-surface design variable
+ *     is the cells, not the chrome.
+ *   - 1-6 contextual cells. The Actions cell is unconditional so the
+ *     bar is never empty (renderMobileBar throws on empty cells).
+ *   - The TOC and Versions cells are conditional (hidden when their
+ *     content has fewer than 2 items).
+ *
+ * State-machine compliance (DESKWORK-STATE-MACHINE.md):
+ *   - Commandment II: verbs are universal. Approve/Iterate/Cancel are
+ *     rendered unconditionally inside the Actions slot. The shortform
+ *     surface header (shortform-review.ts:1-18) explicitly defers the
+ *     legacy `DraftWorkflowState` migration; for this step we surface
+ *     the three universal verbs and trust the client clipboard handlers
+ *     to compose the right slash command from the workflow context.
+ *   - Commandment III: no review-state surfacing. No "IN REVIEW" /
+ *     "ITERATING" / "APPROVED" pills. No `.er-stamp`. No
+ *     `.er-pending-state` markup.
+ *   - Commandment IV/V/VII: clipboard-copy is the only action. The
+ *     three buttons carry `data-action="approve|iterate|cancel"`; the
+ *     existing client handlers in `editorial-review-client.ts` wire
+ *     them to clipboard-only handlers (post-G.3 refactor).
+ *   - G.4 (issue #260): the destructive verb is `cancel`, NOT `reject`.
+ *     The state machine has no `reject` verb.
+ */
+import { html, unsafe, escapeHtml } from "./html.js";
+/**
+ * Build the shortform review bar's contextual cell list.
+ *
+ * Cell ordering (when present): TOC → Versions → Actions. The Actions
+ * cell is always last and always present; the bar is never empty.
+ *
+ * Conditional-omission rules:
+ *   - TOC cell: omitted when fewer than 2 heading entries exist.
+ *     Shortform drafts (social-platform copy) are often headingless;
+ *     surfacing an empty TOC adds noise without value per the
+ *     "structure over scrolling" principle.
+ *   - Versions cell: omitted when only one revision exists. With one
+ *     revision there is no history to navigate.
+ */
+export function getShortformBarCells(opts) {
+    const cells = [];
+    if (opts.tocEntries.length >= 2) {
+        cells.push({
+            glyph: '§',
+            label: `TOC · ${opts.tocEntries.length}`,
+            mode: 'review',
+            action: { kind: 'sheet', name: 'toc' },
+        });
+    }
+    if (opts.versions.length >= 2) {
+        cells.push({
+            glyph: '№',
+            label: `Versions · ${opts.versions.length}`,
+            mode: 'review',
+            action: { kind: 'sheet', name: 'versions' },
+        });
+    }
+    cells.push({
+        glyph: '⊕',
+        label: 'Actions',
+        mode: 'review',
+        action: { kind: 'sheet', name: 'actions' },
+    });
+    return cells;
+}
+function renderTocSlotBody(tocEntries) {
+    if (tocEntries.length === 0)
+        return '';
+    const items = tocEntries
+        .map((entry) => {
+        const depthClass = `er-mobile-toc-item er-mobile-toc-item--h${entry.depth}`;
+        return `<li class="${depthClass}"><a href="#${escapeHtml(entry.id)}">${escapeHtml(entry.text)}</a></li>`;
+    })
+        .join('');
+    return `<ul class="er-mobile-toc-list">${items}</ul>`;
+}
+function renderVersionsSlotBody(versions, currentVersion) {
+    if (versions.length === 0)
+        return '';
+    const items = versions
+        .map((v) => {
+        const isActive = v.version === currentVersion.version;
+        const cls = isActive ? ' class="active"' : '';
+        return `<li class="er-mobile-versions-item"><a href="?v=${v.version}"${cls}>v${v.version}</a></li>`;
+    })
+        .join('');
+    return `<ul class="er-mobile-versions-list">${items}</ul>`;
+}
+/**
+ * The Actions slot renders the three universal verbs unconditionally
+ * per Commandment II. Per Commandment VII (and THESIS Cons. 2), each
+ * button is a clipboard-copy trigger handled by the existing
+ * `editorial-review-client.ts` `[data-action]` listeners — the markup
+ * here carries no copy-target or state mutation logic; the client
+ * composes the slash command from the embedded workflow state.
+ *
+ * G.4: `data-action="cancel"`, NOT `reject` (the state machine has
+ * no `reject` verb; this matches issue #260's resolution shape).
+ */
+function renderActionsSlotBody() {
+    return [
+        '<div class="er-mobile-actions">',
+        '  <button class="er-btn er-btn-primary er-btn-approve" data-action="approve" type="button">Approve</button>',
+        '  <button class="er-btn" data-action="iterate" type="button">Iterate</button>',
+        '  <button class="er-btn er-btn-cancel" data-action="cancel" type="button">Cancel</button>',
+        '</div>',
+    ].join('\n');
+}
+/**
+ * Render the shortform mobile sheet host with the three named slots
+ * (toc / versions / actions). Each slot body is server-rendered so
+ * the client doesn't need to clone DOM from elsewhere on the page —
+ * the slot is self-contained.
+ *
+ * The sheet host is always rendered (matches the entry-review pattern
+ * where the host is present and the client toggles `hidden` on
+ * dispatch). Individual slots are hidden until the corresponding bar
+ * cell opens them via the shared `sheet-controller` primitive.
+ */
+export function renderShortformMobileSheet(opts) {
+    const tocBody = renderTocSlotBody(opts.tocEntries);
+    const versionsBody = renderVersionsSlotBody(opts.versions, opts.currentVersion);
+    const actionsBody = renderActionsSlotBody();
+    return unsafe(html `
+    <section
+      class="er-mobile-sheet"
+      id="er-mobile-sheet"
+      data-mobile-sheet-host
+      hidden
+      aria-label="Surface sheet"
+      role="dialog"
+      aria-modal="false"
+    >
+      <button class="er-mobile-sheet-handle" data-mobile-sheet-handle type="button" aria-label="Drag to dismiss the sheet">
+        <span class="er-mobile-sheet-handle-bar" aria-hidden="true"></span>
+      </button>
+      <header class="er-mobile-sheet-head">
+        <span class="er-mobile-sheet-kicker" data-mobile-sheet-kicker></span>
+        <span class="er-mobile-sheet-meta" data-mobile-sheet-meta></span>
+        <button class="er-mobile-sheet-close" data-mobile-sheet-close type="button" aria-label="Close sheet">×</button>
+      </header>
+      <div class="er-mobile-sheet-body" data-mobile-sheet-body>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="toc" hidden>${unsafe(tocBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="versions" hidden>${unsafe(versionsBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="actions" hidden>${unsafe(actionsBody)}</div>
+      </div>
+    </section>`);
+}
+//# sourceMappingURL=shortform-review-mobile-sheet.js.map

package/dist/pages/shortform-review-mobile-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortform-review-mobile-sheet.js","sourceRoot":"","sources":["../../src/pages/shortform-review-mobile-sheet.ts"],"names":[],"mappings":"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"}

package/dist/pages/shortform-review-mobile-sheet.ts

@@ -0,0 +1,185 @@
+/**
+ * Shortform-review-specific mobile sheet host + bar cell composition.
+ *
+ * Mirrors `entry-review/mobile-sheet.ts` for the shortform review
+ * surface. The mobile-bar primitive (`../mobile-bar.ts`) is universal;
+ * each surface composes its `Cell[]` and the corresponding slot host
+ * here.
+ *
+ * Design contract (DESIGN-STANDARDS.md § Universal bar contract,
+ * settled 2026-05-13):
+ *   - One bar primitive, one shape. The per-surface design variable
+ *     is the cells, not the chrome.
+ *   - 1-6 contextual cells. The Actions cell is unconditional so the
+ *     bar is never empty (renderMobileBar throws on empty cells).
+ *   - The TOC and Versions cells are conditional (hidden when their
+ *     content has fewer than 2 items).
+ *
+ * State-machine compliance (DESKWORK-STATE-MACHINE.md):
+ *   - Commandment II: verbs are universal. Approve/Iterate/Cancel are
+ *     rendered unconditionally inside the Actions slot. The shortform
+ *     surface header (shortform-review.ts:1-18) explicitly defers the
+ *     legacy `DraftWorkflowState` migration; for this step we surface
+ *     the three universal verbs and trust the client clipboard handlers
+ *     to compose the right slash command from the workflow context.
+ *   - Commandment III: no review-state surfacing. No "IN REVIEW" /
+ *     "ITERATING" / "APPROVED" pills. No `.er-stamp`. No
+ *     `.er-pending-state` markup.
+ *   - Commandment IV/V/VII: clipboard-copy is the only action. The
+ *     three buttons carry `data-action="approve|iterate|cancel"`; the
+ *     existing client handlers in `editorial-review-client.ts` wire
+ *     them to clipboard-only handlers (post-G.3 refactor).
+ *   - G.4 (issue #260): the destructive verb is `cancel`, NOT `reject`.
+ *     The state machine has no `reject` verb.
+ */
+
+import type { TocEntry } from '@deskwork/core/review/toc';
+import type {
+  DraftVersion,
+  DraftWorkflowItem,
+} from '@deskwork/core/review/types';
+import { html, unsafe, escapeHtml, type RawHtml } from './html.ts';
+import type { Cell } from './mobile-bar.ts';
+
+export interface ShortformBarCellOptions {
+  readonly tocEntries: readonly TocEntry[];
+  readonly versions: readonly DraftVersion[];
+}
+
+/**
+ * Build the shortform review bar's contextual cell list.
+ *
+ * Cell ordering (when present): TOC → Versions → Actions. The Actions
+ * cell is always last and always present; the bar is never empty.
+ *
+ * Conditional-omission rules:
+ *   - TOC cell: omitted when fewer than 2 heading entries exist.
+ *     Shortform drafts (social-platform copy) are often headingless;
+ *     surfacing an empty TOC adds noise without value per the
+ *     "structure over scrolling" principle.
+ *   - Versions cell: omitted when only one revision exists. With one
+ *     revision there is no history to navigate.
+ */
+export function getShortformBarCells(opts: ShortformBarCellOptions): readonly Cell[] {
+  const cells: Cell[] = [];
+  if (opts.tocEntries.length >= 2) {
+    cells.push({
+      glyph: '§',
+      label: `TOC · ${opts.tocEntries.length}`,
+      mode: 'review',
+      action: { kind: 'sheet', name: 'toc' },
+    });
+  }
+  if (opts.versions.length >= 2) {
+    cells.push({
+      glyph: '№',
+      label: `Versions · ${opts.versions.length}`,
+      mode: 'review',
+      action: { kind: 'sheet', name: 'versions' },
+    });
+  }
+  cells.push({
+    glyph: '⊕',
+    label: 'Actions',
+    mode: 'review',
+    action: { kind: 'sheet', name: 'actions' },
+  });
+  return cells;
+}
+
+export interface ShortformMobileSheetOptions {
+  readonly tocEntries: readonly TocEntry[];
+  readonly versions: readonly DraftVersion[];
+  readonly workflow: DraftWorkflowItem;
+  readonly currentVersion: DraftVersion;
+}
+
+function renderTocSlotBody(tocEntries: readonly TocEntry[]): string {
+  if (tocEntries.length === 0) return '';
+  const items = tocEntries
+    .map((entry) => {
+      const depthClass = `er-mobile-toc-item er-mobile-toc-item--h${entry.depth}`;
+      return `<li class="${depthClass}"><a href="#${escapeHtml(entry.id)}">${escapeHtml(entry.text)}</a></li>`;
+    })
+    .join('');
+  return `<ul class="er-mobile-toc-list">${items}</ul>`;
+}
+
+function renderVersionsSlotBody(
+  versions: readonly DraftVersion[],
+  currentVersion: DraftVersion,
+): string {
+  if (versions.length === 0) return '';
+  const items = versions
+    .map((v) => {
+      const isActive = v.version === currentVersion.version;
+      const cls = isActive ? ' class="active"' : '';
+      return `<li class="er-mobile-versions-item"><a href="?v=${v.version}"${cls}>v${v.version}</a></li>`;
+    })
+    .join('');
+  return `<ul class="er-mobile-versions-list">${items}</ul>`;
+}
+
+/**
+ * The Actions slot renders the three universal verbs unconditionally
+ * per Commandment II. Per Commandment VII (and THESIS Cons. 2), each
+ * button is a clipboard-copy trigger handled by the existing
+ * `editorial-review-client.ts` `[data-action]` listeners — the markup
+ * here carries no copy-target or state mutation logic; the client
+ * composes the slash command from the embedded workflow state.
+ *
+ * G.4: `data-action="cancel"`, NOT `reject` (the state machine has
+ * no `reject` verb; this matches issue #260's resolution shape).
+ */
+function renderActionsSlotBody(): string {
+  return [
+    '<div class="er-mobile-actions">',
+    '  <button class="er-btn er-btn-primary er-btn-approve" data-action="approve" type="button">Approve</button>',
+    '  <button class="er-btn" data-action="iterate" type="button">Iterate</button>',
+    '  <button class="er-btn er-btn-cancel" data-action="cancel" type="button">Cancel</button>',
+    '</div>',
+  ].join('\n');
+}
+
+/**
+ * Render the shortform mobile sheet host with the three named slots
+ * (toc / versions / actions). Each slot body is server-rendered so
+ * the client doesn't need to clone DOM from elsewhere on the page —
+ * the slot is self-contained.
+ *
+ * The sheet host is always rendered (matches the entry-review pattern
+ * where the host is present and the client toggles `hidden` on
+ * dispatch). Individual slots are hidden until the corresponding bar
+ * cell opens them via the shared `sheet-controller` primitive.
+ */
+export function renderShortformMobileSheet(
+  opts: ShortformMobileSheetOptions,
+): RawHtml {
+  const tocBody = renderTocSlotBody(opts.tocEntries);
+  const versionsBody = renderVersionsSlotBody(opts.versions, opts.currentVersion);
+  const actionsBody = renderActionsSlotBody();
+  return unsafe(html`
+    <section
+      class="er-mobile-sheet"
+      id="er-mobile-sheet"
+      data-mobile-sheet-host
+      hidden
+      aria-label="Surface sheet"
+      role="dialog"
+      aria-modal="false"
+    >
+      <button class="er-mobile-sheet-handle" data-mobile-sheet-handle type="button" aria-label="Drag to dismiss the sheet">
+        <span class="er-mobile-sheet-handle-bar" aria-hidden="true"></span>
+      </button>
+      <header class="er-mobile-sheet-head">
+        <span class="er-mobile-sheet-kicker" data-mobile-sheet-kicker></span>
+        <span class="er-mobile-sheet-meta" data-mobile-sheet-meta></span>
+        <button class="er-mobile-sheet-close" data-mobile-sheet-close type="button" aria-label="Close sheet">×</button>
+      </header>
+      <div class="er-mobile-sheet-body" data-mobile-sheet-body>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="toc" hidden>${unsafe(tocBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="versions" hidden>${unsafe(versionsBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="actions" hidden>${unsafe(actionsBody)}</div>
+      </div>
+    </section>`);
+}

package/dist/pages/shortform-review.d.ts

@@ -15,6 +15,24 @@
  *
  * Workflow-keyed wording in this file is documenting that deliberate
  * deferral; do not flag in audits.
+ *
+ * Step 2.2.10 (v7 universal chrome + state-machine compliance):
+ *   - Server-side: er-strip / er-stamp / er-pending-state / shortcut
+ *     overlay / state-branched control rendering all REMOVED. The
+ *     universal `renderMobileBar` primitive + a shortform-specific
+ *     sheet host (`./shortform-review-mobile-sheet.ts`) replace them.
+ *   - Per DESIGN-STANDARDS.md § Universal bar contract: this surface
+ *     composes its `Cell[]` mechanically (TOC / Versions / Actions)
+ *     and passes it to `renderMobileBar`. No bespoke chrome shape.
+ *   - Per DESKWORK-STATE-MACHINE.md Commandment III: no review-state
+ *     labels on the page (the stamp + pending pills were the
+ *     violations).
+ *   - The desktop edit-mode panes (`renderEditPanes`) stay — they're
+ *     gated by the existing `data-edit-mode` body attribute and the
+ *     Edit toolbar is still part of the desktop chrome. Mobile edit
+ *     entry-point is deferred to a future task (the workplan keeps
+ *     the broader shortform state-machine migration explicitly out
+ *     of scope for this step).
  */
 import type { StudioContext } from '../routes/api.ts';
 interface ShortformReviewQuery {

package/dist/pages/shortform-review.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shortform-review.d.ts","sourceRoot":"","sources":["../../src/pages/shortform-review.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAWH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,UAAU,oBAAoB;IAC5B,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AA6MD;;;;;GAKG;AACH,wBAAsB,yBAAyB,CAC7C,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,oBAAoB,GAC1B,OAAO,CAAC,MAAM,CAAC,CAyFjB"}
+{"version":3,"file":"shortform-review.d.ts","sourceRoot":"","sources":["../../src/pages/shortform-review.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAYH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAYtD,UAAU,oBAAoB;IAC5B,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AA2FD;;;;;GAKG;AACH,wBAAsB,yBAAyB,CAC7C,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,oBAAoB,GAC1B,OAAO,CAAC,MAAM,CAAC,CA0GjB"}