@jxsuite/studio 6.1.1 → 8.0.0

package/src/surfaces/library-pane.ts

@@ -1,13 +1,14 @@
 /// <reference lib="dom" />
 /**
- * The Library surface: the pane that BROWSES a project's files, as a Jx document over the kit.
+ * The Content home surface: one collection, browsed, as a Jx document over the kit (studio.md
+ * §22.5).
  *
- * This is the adapter. `browse/library-pane.ts` keeps the Library — the scan, the filter, the
- * window, the creation and upload flows, the per-file menu — and hands this module one projection:
- * a word saying which of nine things to draw, the toolbar's chips already marked, and rows whose
+ * This is the adapter. `browse/library-pane.ts` keeps the home — the scan, the collection and its
+ * filter, the window, the header line, the per-file menu — and hands this module one projection: a
+ * word saying which of eight things to draw, the toolbar's chips already marked, and rows whose
  * every field is already a string. The document renders that and decides nothing.
  *
- * **Nine cases, one discriminant.** `$switch` over a value is the only conditional a document has,
+ * **Eight cases, one discriminant.** `$switch` over a value is the only conditional a document has,
  * and "is the scan running, did it finish, did the project have anything in it, did the filter keep
  * any of it, and which layout is on" is five questions. The pane answers them once and the surface
  * reads a word — which is also what keeps the four honest empty states from collapsing back into
@@ -22,28 +23,29 @@
  * **The container is CLEARED, because this is a pane and not a panel.** A panel is handed
  * `.panel-content`, a node lit renders `nothing` into, whose comment markers must survive; the
  * canvas stage is handed to whichever mode owns it whole, and `canvas/canvas-render.ts` hands it
- * over by emptying it. So the mount empties it too, which is what stops two Libraries stacking when
- * a repaint lands before the first mount has settled.
+ * over by emptying it. So the mount empties it too, which is what stops two homes stacking when a
+ * repaint lands before the first mount has settled.
  *
  * @docs studio/projects/browse
  */
 
+import { isJsonObject, isString } from "@jxsuite/schema/guards";
 import { reactive } from "../reactivity";
 import { mountSurface, registerSurface } from "../ui/surface";
 import { placeholderBrokenImages } from "../utils/edit-display";
 import libraryDoc from "./library-pane.json";
-import type { JxDocument, JxElement } from "@jxsuite/schema/types";
+import type { JxElement } from "@jxsuite/schema/types";
 import type { JxScope } from "@jxsuite/runtime/types";
-import type { SurfaceHandle } from "../ui/surface";
+import type { SurfaceHandle, SurfaceOption } from "../ui/surface";
 
-registerSurface("library-pane", libraryDoc as unknown as JxDocument);
+registerSurface("library-pane", libraryDoc);
 
 /**
- * Which of nine things the body draws.
+ * Which of eight things the body draws.
  *
  * The first four are the states the Manage view called "No files found" — a scan still running, a
- * scan that could not finish, a project with no files at all, and a filter that matched none of
- * them — and the last five are the layouts. One word, so no two of them can be true at once.
+ * scan that could not finish, a collection with nothing in it, and a filter that matched none of it
+ * — and the last four are the views. One word, so no two of them can be true at once.
  */
 export type LibraryViewKind =
   | "loading"
@@ -51,7 +53,6 @@ export type LibraryViewKind =
   | "empty"
   | "nomatch"
   | "cards"
-  | "media"
   | "table"
   | "calendar"
   | "board";
@@ -68,9 +69,7 @@ export interface LibraryRow {
    * Which of three things stands in the art box.
    *
    * `image` is the file itself, `doc` is the live-preview island the host fills, and `glyph` is the
-   * honest answer for a file nothing here can draw. Media tiles never say `doc`: a tile is a
-   * thumbnail of an asset, and a live document render inside one is the cost the Media layout
-   * exists to avoid.
+   * honest answer for a file nothing here can draw.
    */
   art: "image" | "doc" | "glyph";
   /** The URL an `image` loads. Empty for the other two. */
@@ -98,10 +97,10 @@ export interface LibraryColumn {
  * note; only Board prints a count, and only the Calendar's undated section is dimmed.
  */
 export interface LibraryGroup {
-  /** The group's identity across repaints — the date, or the category name. */
+  /** The group's identity across repaints — the date, or the folder. */
   id: string;
   title: string;
-  /** Board's honest total for the category, already a string. Empty for a Calendar day. */
+  /** Board's honest total for the folder, already a string. Empty for a Calendar day. */
   count: string;
   /** What this group left out, or the undated section's count. */
   note: string;
@@ -111,27 +110,53 @@ export interface LibraryGroup {
   files: LibraryRow[];
 }
 
-/** A toolbar chip: a category or a layout, and whether it is the one in force. */
+/** A toolbar chip: a view, and whether it is the one in force. */
 export interface LibraryChip {
   key: string;
   label: string;
   checked: "true" | "false";
 }
 
-/** One row of the language facet. */
-export interface LibraryOption {
-  value: string;
-  label: string;
+/**
+ * The header line: where a collection's entries are published (§22.5).
+ *
+ * `page` reads "Each post has a page at `/blog/:slug` using Post" with **Design the post page**;
+ * `none` reads "Entries have no page of their own" with **Add one**; `loading` is the sentence
+ * shown while the pages are being read; `hidden` draws nothing (Pages, a file-backed collection).
+ */
+export interface LibraryPageLine {
+  state: "hidden" | "loading" | "page" | "none";
+  /** The sentence before the pattern, or the whole sentence for `loading` and `none`. */
+  text: string;
+  /** The URL pattern, drawn as code. */
+  pattern: string;
+  /** "using Post", or "with no template". */
+  template: string;
+  /** The button that opens the page in Design. */
+  designLabel: string;
 }
 
 /** Everything the document draws, as one value. */
 export interface LibraryView {
-  /** The region id stamped on the root, so the screenshot pipeline can address the Library. */
+  /** The region id stamped on the root, so the screenshot pipeline can address the home. */
   region: string;
-  /** The region id on the scroller, which is also the drop zone. */
-  dropRegion: string;
   view: LibraryViewKind;
-  categories: LibraryChip[];
+  /** The collection's title: "Pages", "Posts". */
+  title: string;
+  /** The line under the title, or "" for none. */
+  subtitle: string;
+  /** The search field's label: "Search posts". */
+  searchLabel: string;
+  /** The create button's label: "New post". */
+  newLabel: string;
+  /** Whether **New <item>** is drawn: a file-backed collection (one CSV) gains rows in its file. */
+  newState: "hidden" | "shown";
+  /**
+   * Whether **Fields** and **Edit in grid** are drawn: a declared collection has fields and a grid
+   * of its own, Pages does not.
+   */
+  fieldsState: "hidden" | "shown";
+  page: LibraryPageLine;
   layouts: LibraryChip[];
   /**
    * Whether the language facet is drawn at all.
@@ -140,17 +165,15 @@ export interface LibraryView {
    * chrome that says nothing.
    */
   localeState: "hidden" | "shown";
-  localeOptions: LibraryOption[];
+  localeOptions: SurfaceOption[];
   localeValue: string;
+  /** The Filter: drawn when something groups the entries (their status, or the Board's field). */
+  filterState: "hidden" | "shown";
+  filterOptions: SurfaceOption[];
+  filterValue: string;
   query: string;
-  /** Where an upload lands, as the label's tooltip says it — before the files are chosen. */
-  uploadHint: string;
-  /** The picker's `accept`, from the media registry. */
-  uploadAccept: string;
   bannerState: "hidden" | "shown";
   bannerText: string;
-  /** `"true"` while a drag is over the body. A state the host holds, not a class a handler adds. */
-  dropActive: "true" | "false";
   /** The `nomatch` sentence, naming the filters that produced it. */
   emptyMessage: string;
   /** The second line of `incomplete` and `nomatch`. */
@@ -167,28 +190,25 @@ export interface LibraryView {
   truncatedState: "hidden" | "shown";
 }
 
-/** What a control can ask the Library to do. Every one of them is a decision the pane owns. */
+/** What a control can ask the home to do. Every one of them is a decision the pane owns. */
 export interface LibraryActions {
-  setCategory: (key: string) => void;
   setLayout: (key: string) => void;
   setLocale: (value: string) => void;
+  setFilter: (value: string) => void;
   search: (value: string) => void;
   openFile: (path: string) => void;
   /** Right-click on a row, at the pointer. */
   contextMenu: (path: string, x: number, y: number) => void;
-  /** The New menu opens under its own button. */
-  openNewMenu: (opener: HTMLElement) => void;
-  /**
-   * A file picker settled.
-   *
-   * The ELEMENT rather than its list, because a file input that is not cleared refuses the same
-   * file twice — and the picker is the surface's own control, so the host is the one that clears
-   * it.
-   */
-  upload: (input: HTMLInputElement) => void;
-  dragOver: () => void;
-  dragOut: () => void;
-  drop: (files: FileList | null) => void;
+  /** **New <item>** opens Add new on the collection's kind. */
+  openNew: () => void;
+  /** **Fields** opens Project Settings › Content types on this collection. */
+  openFields: () => void;
+  /** **Edit in grid** opens the collection's grid (`collection.editInGrid`). */
+  openGrid: () => void;
+  /** **Design the <item> page** opens the collection's page in Design. */
+  designPage: () => void;
+  /** **Add one** writes the collection's page. */
+  addPage: () => void;
   scrolled: () => void;
   retry: () => void;
   reset: () => void;
@@ -211,24 +231,29 @@ export interface LibrarySurfaceHandle {
 }
 
 /** The scope the document reads: {@link LibraryView} plus the actions its controls call. */
-interface LibraryScope extends Record<string, unknown>, LibraryView, LibraryActions {}
+interface LibraryScope extends LibraryView, LibraryActions {}
 
 /** Write a projection into the scope. */
 function project(scope: LibraryScope, view: LibraryView): void {
   scope.region = view.region;
-  scope.dropRegion = view.dropRegion;
   scope.view = view.view;
-  scope.categories = view.categories;
+  scope.title = view.title;
+  scope.subtitle = view.subtitle;
+  scope.searchLabel = view.searchLabel;
+  scope.newLabel = view.newLabel;
+  scope.newState = view.newState;
+  scope.fieldsState = view.fieldsState;
+  scope.page = view.page;
   scope.layouts = view.layouts;
+  scope.filterState = view.filterState;
+  scope.filterOptions = view.filterOptions;
+  scope.filterValue = view.filterValue;
   scope.localeState = view.localeState;
   scope.localeOptions = view.localeOptions;
   scope.localeValue = view.localeValue;
   scope.query = view.query;
-  scope.uploadHint = view.uploadHint;
-  scope.uploadAccept = view.uploadAccept;
   scope.bannerState = view.bannerState;
   scope.bannerText = view.bannerText;
-  scope.dropActive = view.dropActive;
   scope.emptyMessage = view.emptyMessage;
   scope.emptyDetail = view.emptyDetail;
   scope.pad = view.pad;
@@ -243,19 +268,20 @@ function project(scope: LibraryScope, view: LibraryView): void {
 
 /** The `part` a node's definition carries, or "" for a text node or an unmarked element. */
 function partOf(def: JxElement | string): string {
-  const part = typeof def === "string" ? undefined : def.attributes?.["part"];
-  return typeof part === "string" ? part : "";
+  const part = isString(def) ? undefined : def.attributes?.["part"];
+  return isString(part) ? part : "";
 }
 
 /** The path of the mapped row a node was rendered inside, or "" when it was not in one. */
 function rowPath(state: JxScope | undefined): string {
-  const map = state?.["$map"] as { item?: { path?: unknown } } | undefined;
-  const path = map?.item?.path;
-  return typeof path === "string" ? path : "";
+  const map = state?.["$map"];
+  const item = isJsonObject(map) ? map["item"] : undefined;
+  const path = isJsonObject(item) ? item["path"] : undefined;
+  return isString(path) ? path : "";
 }
 
 /**
- * Mount the Library document into `host`, wired to `actions`.
+ * Mount the Content home document into `host`, wired to `actions`.
  *
  * @param {HTMLElement} host - The pane's canvas stage
  * @param {LibraryView} view - What to draw right now
@@ -272,26 +298,30 @@ export function mountLibrarySurface(
   // Than the browser's broken-image glyph.
   const listening = new AbortController();
   placeholderBrokenImages(host, listening.signal);
-  const scope = reactive<LibraryScope>({
+  const scope: LibraryScope = reactive<LibraryScope>({
+    addPage: actions.addPage,
     bannerState: "hidden",
     bannerText: "",
-    categories: [],
     columns: [],
     contextMenu: actions.contextMenu,
-    dragOut: actions.dragOut,
-    dragOver: actions.dragOver,
-    drop: actions.drop,
-    dropActive: "false",
-    dropRegion: "",
+    designPage: actions.designPage,
     emptyDetail: "",
     emptyMessage: "",
+    fieldsState: "hidden",
     groups: [],
     layouts: [],
+    filterOptions: [],
+    filterState: "hidden",
+    filterValue: "",
     localeOptions: [],
     localeState: "hidden",
     localeValue: "",
+    newLabel: "",
+    newState: "hidden",
+    openFields: actions.openFields,
+    openGrid: actions.openGrid,
     openFile: actions.openFile,
-    openNewMenu: actions.openNewMenu,
+    openNew: actions.openNew,
     pad: "",
     padBottom: "",
     padTop: "",
@@ -300,20 +330,21 @@ export function mountLibrarySurface(
     region: "",
     reset: actions.reset,
     retry: actions.retry,
+    page: { designLabel: "", pattern: "", state: "hidden", template: "", text: "" },
     rows: [],
     scrolled: actions.scrolled,
     scroller: actions.scroller,
     search: actions.search,
-    setCategory: actions.setCategory,
+    searchLabel: "",
     setLayout: actions.setLayout,
+    setFilter: actions.setFilter,
     setLocale: actions.setLocale,
+    subtitle: "",
+    title: "",
     truncated: "",
     truncatedState: "hidden",
-    upload: actions.upload,
-    uploadAccept: "",
-    uploadHint: "",
     view: "loading",
-  }) as LibraryScope;
+  });
   project(scope, view);
 
   let mounted: SurfaceHandle | null = null;
@@ -340,12 +371,15 @@ export function mountLibrarySurface(
       }
     },
   }).then((surface) => {
+    /* SAFETY: `library-pane.json`'s root definition is a `div` element, so the runtime mounts an
+       HTMLElement; a `Text` root only comes from a document whose root is a bare string. */
+    const root = surface.root as HTMLElement;
     if (disposed) {
       surface.dispose();
-      return surface.root as HTMLElement;
+      return root;
     }
     mounted = surface;
-    return surface.root as HTMLElement;
+    return root;
   });
 
   return {

package/src/surfaces/logic-panel.ts

@@ -21,20 +21,15 @@
  * @docs studio/logic/events
  */
 
+import { isJsonObject, isString } from "@jxsuite/schema/guards";
 import { reactive } from "../reactivity";
 import { mountSurface, registerSurface } from "../ui/surface";
 import logicPanelDoc from "./logic-panel.json";
-import type { JxDocument, JxElement } from "@jxsuite/schema/types";
+import type { JxElement } from "@jxsuite/schema/types";
 import type { JxScope } from "@jxsuite/runtime/types";
-import type { SurfaceHandle } from "../ui/surface";
+import type { SurfaceAction, SurfaceHandle, SurfaceOption } from "../ui/surface";
 
-registerSurface("logic-panel", logicPanelDoc as unknown as JxDocument);
-
-/** A closed list of choices, in the shape the kit's select reads. */
-export interface LogicOption {
-  value: string;
-  label: string;
-}
+registerSurface("logic-panel", logicPanelDoc);
 
 /** Which control a bindable row draws. The flow picks it; the document switches on it. */
 export type LogicFieldKind = "control" | "text" | "select";
@@ -55,7 +50,7 @@ export interface LogicFieldView {
   /** What a `text` or `select` control holds. Empty for a control host. */
   value: string;
   placeholder: string;
-  options: LogicOption[];
+  options: SurfaceOption[];
   /** Draw the text control monospaced — a pointer or a template string. */
   mono: boolean;
   /** The rung's own id, for `data-source`. */
@@ -131,7 +126,7 @@ export interface LogicBindingView {
   /** The code body's text. Empty for every other body. */
   code: string;
   refValue: string;
-  refOptions: LogicOption[];
+  refOptions: SurfaceOption[];
   /** The escape hatch's accessible name — the code editor, or the formula workspace. */
   openTitle: string;
 }
@@ -149,12 +144,6 @@ export interface LogicKvView {
   tags: string;
 }
 
-/** One button of an empty state — an id the flow knows, and the words on it. */
-export interface LogicEmptyAction {
-  id: string;
-  label: string;
-}
-
 /** Everything the Logic tab shows, already decided. */
 export interface LogicView {
   /** `empty` or `ready` — no document, no selection and a stale one are all the first. */
@@ -164,7 +153,7 @@ export interface LogicView {
    * What the reader can do about it. An empty state that teaches nothing offers none
    * (studio-ui-guidelines.md §11.1).
    */
-  emptyActions: LogicEmptyAction[];
+  emptyActions: SurfaceAction[];
   hasEmptyActions: boolean;
 
   hasRepeater: boolean;
@@ -233,7 +222,7 @@ export interface LogicIslands {
   statementsSlot: (key: string, host: HTMLElement) => void;
 }
 
-interface LogicScope extends Record<string, unknown>, LogicView, LogicActions {}
+interface LogicScope extends LogicView, LogicActions {}
 
 export interface LogicSurface {
   /** Re-project. The document's bindings skip every value that did not move. */
@@ -279,23 +268,21 @@ export function emptyLogicView(): LogicView {
 
 /** Assign the projection field by field: the runtime writes only the bindings that moved. */
 function project(scope: LogicScope, view: LogicView): void {
-  for (const [key, value] of Object.entries(view)) {
-    (scope as Record<string, unknown>)[key] = value;
-  }
+  Object.assign(scope, view);
 }
 
 /** The `part` a node was rendered with, or "". */
 function partOf(def: JxElement | string): string {
-  const part = typeof def === "string" ? undefined : def.attributes?.["part"];
-  return typeof part === "string" ? part : "";
+  const part = isString(def) ? undefined : def.attributes?.["part"];
+  return isString(part) ? part : "";
 }
 
 /** The `key` of the `$map` item a node was rendered inside, or "". */
 function itemKey(state: JxScope | undefined): string {
-  const item = (state?.["$map"] as { item?: unknown } | undefined)?.item;
-  const key =
-    item !== null && typeof item === "object" ? (item as Record<string, unknown>).key : "";
-  return typeof key === "string" ? key : "";
+  const map = state?.["$map"];
+  const item = isJsonObject(map) ? map["item"] : undefined;
+  const key = isJsonObject(item) ? item["key"] : "";
+  return isString(key) ? key : "";
 }
 
 /**
@@ -316,10 +303,10 @@ export function mountLogicSurface(
   actions: LogicActions,
   islands: LogicIslands,
 ): LogicSurface {
-  const scope = reactive<LogicScope>({
+  const scope: LogicScope = reactive<LogicScope>({
     ...emptyLogicView(),
     ...actions,
-  } as LogicScope) as LogicScope;
+  });
   project(scope, view);
 
   let mounted: SurfaceHandle | null = null;

package/src/surfaces/logic-workspace.ts

@@ -29,14 +29,15 @@
  * @docs studio/logic/formula-workspace
  */
 
+import { isJsonObject, isString } from "@jxsuite/schema/guards";
 import { reactive } from "../reactivity";
 import { mountSurface, registerSurface } from "../ui/surface";
 import logicWorkspaceDoc from "./logic-workspace.json";
-import type { JxDocument, JxElement } from "@jxsuite/schema/types";
+import type { JxElement } from "@jxsuite/schema/types";
 import type { JxScope } from "@jxsuite/runtime/types";
 import type { SurfaceHandle } from "../ui/surface";
 
-registerSurface("logic-workspace", logicWorkspaceDoc as unknown as JxDocument);
+registerSurface("logic-workspace", logicWorkspaceDoc);
 
 /** One chip of the pipeline, as the document draws it. */
 export interface LogicChipView {
@@ -112,8 +113,7 @@ export interface LogicWorkspaceIslands {
   treeSlot: (key: string, host: HTMLElement) => void;
 }
 
-interface LogicWorkspaceScope
-  extends Record<string, unknown>, LogicWorkspaceView, LogicWorkspaceActions {}
+interface LogicWorkspaceScope extends LogicWorkspaceView, LogicWorkspaceActions {}
 
 export interface LogicWorkspaceSurface {
   /** Re-project. The document's bindings skip every value that did not move. */
@@ -151,23 +151,21 @@ export function emptyLogicWorkspaceView(): LogicWorkspaceView {
 
 /** Assign the projection field by field: the runtime writes only the bindings that moved. */
 function project(scope: LogicWorkspaceScope, view: LogicWorkspaceView): void {
-  for (const [key, value] of Object.entries(view)) {
-    (scope as Record<string, unknown>)[key] = value;
-  }
+  Object.assign(scope, view);
 }
 
 /** The `part` a node was rendered with, or "". */
 function partOf(def: JxElement | string): string {
-  const part = typeof def === "string" ? undefined : def.attributes?.["part"];
-  return typeof part === "string" ? part : "";
+  const part = isString(def) ? undefined : def.attributes?.["part"];
+  return isString(part) ? part : "";
 }
 
 /** The `key` of the `$map` item a node was rendered inside, or "". */
 function itemKey(state: JxScope | undefined): string {
-  const item = (state?.["$map"] as { item?: unknown } | undefined)?.item;
-  const key =
-    item !== null && typeof item === "object" ? (item as Record<string, unknown>).key : "";
-  return typeof key === "string" ? key : "";
+  const map = state?.["$map"];
+  const item = isJsonObject(map) ? map["item"] : undefined;
+  const key = isJsonObject(item) ? item["key"] : "";
+  return isString(key) ? key : "";
 }
 
 /**
@@ -187,10 +185,10 @@ export function mountLogicWorkspace(
   actions: LogicWorkspaceActions,
   islands: LogicWorkspaceIslands,
 ): LogicWorkspaceSurface {
-  const scope = reactive<LogicWorkspaceScope>({
+  const scope: LogicWorkspaceScope = reactive<LogicWorkspaceScope>({
     ...emptyLogicWorkspaceView(),
     ...actions,
-  } as LogicWorkspaceScope) as LogicWorkspaceScope;
+  });
   project(scope, view);
 
   let mounted: SurfaceHandle | null = null;

package/src/surfaces/media-browser.json

@@ -87,9 +87,14 @@
           "fontSize": "var(--jx-text-xs)"
         },
         "& [part=\"more\"]": {
-          "margin": "0",
-          "color": "var(--fg-dim)",
-          "fontSize": "var(--jx-text-xs)"
+          "justifyContent": "flex-start"
+        },
+        "& [part=\"browse-all\"]": {
+          "$description": "The last row, set apart by a rule: it does not pick a file, it opens the picker that shows all of them.",
+          "marginTop": "var(--jx-space-1)",
+          "paddingTop": "var(--jx-space-2)",
+          "borderTop": "1px solid var(--border)",
+          "justifyContent": "flex-start"
         }
       },
       "children": [
@@ -288,14 +293,65 @@
           },
           "cases": {
             "shown": {
-              "$description": "A truncated list says so. Fifty rows is the cap the list has always had; the sentence is what keeps the cap from reading as \"that is all there is\".",
-              "tagName": "p",
+              "$description": "A truncated list says so, and the marker is a control (the rule studio.md §5.6 states for every truncation marker): it raises the cap by fifty, so every file the Media workspace lists can be reached from here without a search. Inert \"…21 more\" text was the panel holding the answer and not showing it.",
+              "tagName": "jx-button",
               "attributes": {
                 "part": "more"
               },
-              "textContent": "${state.moreLabel}"
+              "$props": {
+                "variant": "secondary",
+                "size": "sm",
+                "quiet": true
+              },
+              "onclick": {
+                "$prototype": "Function",
+                "body": [
+                  {
+                    "operator": "call",
+                    "target": {
+                      "$ref": "#/state/showMore"
+                    },
+                    "value": []
+                  }
+                ]
+              },
+              "children": [
+                {
+                  "tagName": "span",
+                  "textContent": "${state.moreLabel}"
+                }
+              ]
             }
           }
+        },
+        {
+          "tagName": "jx-button",
+          "attributes": {
+            "part": "browse-all"
+          },
+          "$props": {
+            "variant": "secondary",
+            "size": "sm",
+            "quiet": true
+          },
+          "onclick": {
+            "$prototype": "Function",
+            "body": [
+              {
+                "operator": "call",
+                "target": {
+                  "$ref": "#/state/browseAll"
+                },
+                "value": []
+              }
+            ]
+          },
+          "children": [
+            {
+              "tagName": "span",
+              "textContent": "${state.browseAllLabel}"
+            }
+          ]
         }
       ]
     }