@mongoosejs/studio 0.5.1 → 0.5.3

package/frontend/src/document/document.html

@@ -6,7 +6,7 @@
         <button
           @click="viewMode = 'fields'"
           :class="viewMode === 'fields'
-            ? 'bg-blue-600 text-white z-10'
+            ? 'bg-primary text-white z-10'
             : 'bg-gray-200 text-content-secondary hover:bg-gray-300'"
           class="px-2 py-1.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-500 flex items-center gap-2 border border-edge-strong border-r-0 rounded-l-lg rounded-r-none"
         >
@@ -18,7 +18,7 @@
         <button
           @click="viewMode = 'json'"
           :class="viewMode === 'json'
-            ? 'bg-blue-600 text-white z-10'
+            ? 'bg-primary text-white z-10'
             : 'bg-gray-200 text-content-secondary hover:bg-gray-300'"
           class="px-2 py-1.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-500 flex items-center gap-2 border border-edge-strong rounded-r-lg rounded-l-none"
         >

package/frontend/src/index.js

@@ -15,12 +15,143 @@ const { routes, hasAccess } = require('./routes');
 const Toast = require('vue-toastification').default;
 const { useToast } = require('vue-toastification');
 const appendCSS = require('./appendCSS');
+const {
+  safeReadRecentPages,
+  saveRecentPages,
+  MAX_RECENT_PAGES,
+  normalizeTrackedPath,
+  withRecentPagesStorageLock
+} = require('./_util/recent-pages-history');
 appendCSS(require('vue-toastification/dist/index.css'));
 
+const TRACKED_RECENT_PAGE_ROUTE_NAMES = new Set(['model', 'document', 'dashboard', 'chat']);
+
+function formatHistoryLabel(route) {
+  if (!route || typeof route.path !== 'string') {
+    return 'Unknown page';
+  }
+  if (route.name === 'model') {
+    return route.params?.model ? `Model: ${route.params.model}` : 'Model';
+  }
+  if (route.name === 'document') {
+    const model = route.params?.model ? `${route.params.model} ` : '';
+    const documentId = route.params?.documentId ? String(route.params.documentId) : '';
+    const shortDocumentId = documentId ? documentId.slice(0, 24) : '';
+    return `Document: ${model}${shortDocumentId}`.trim();
+  }
+  if (route.name === 'dashboard') {
+    return route.params?.dashboardId ? `Dashboard: ${route.params.dashboardId}` : 'Dashboard';
+  }
+  if (route.name === 'chat') {
+    return route.params?.threadId ? `Chat: ${route.params.threadId}` : 'Chat';
+  }
+  const normalizedPath = route.path.replace(/^\//, '');
+  return normalizedPath || 'Home';
+}
+
+function trackRecentPage(route) {
+  if (!route || typeof route.path !== 'string') {
+    return;
+  }
+  if (!TRACKED_RECENT_PAGE_ROUTE_NAMES.has(route.name)) {
+    return;
+  }
+  if (typeof route.path === 'string' && route.path.includes('code=')) {
+    return;
+  }
+  const path = normalizeTrackedPath(route.fullPath || route.path || '/');
+  const label = formatHistoryLabel(route);
+  const visitedAt = Date.now();
+
+  void withRecentPagesStorageLock(() => {
+    const existing = safeReadRecentPages();
+    const deduped = existing.filter(entry => normalizeTrackedPath(entry.path) !== path);
+    const next = [...deduped, { path, label, visitedAt }]
+      .sort((a, b) => b.visitedAt - a.visitedAt)
+      .slice(0, MAX_RECENT_PAGES);
+    saveRecentPages(next);
+  });
+}
+
 const app = Vue.createApp({
   template: '<app-component />'
 });
 
+window.drawArrowTo = function drawArrowTo(elementOrSelector) {
+  const element = typeof elementOrSelector === 'string' ?
+    document.querySelector(elementOrSelector) :
+    elementOrSelector;
+
+  if (!element || typeof element.getBoundingClientRect !== 'function') {
+    throw new Error('window.drawArrowTo() requires a DOM element or selector');
+  }
+
+  const existingArrow = document.getElementById('mongoose-studio-screenshot-arrow');
+  if (existingArrow) {
+    existingArrow.remove();
+  }
+
+  const rect = element.getBoundingClientRect();
+  const arrowLength = 140;
+  const arrowRise = 80;
+  const centerX = rect.left + rect.width / 2;
+  const centerY = rect.top + rect.height / 2;
+  const startX = Math.max(24, Math.min(window.innerWidth - 24, centerX - arrowLength));
+  const startY = Math.max(24, Math.min(window.innerHeight - 24, centerY - arrowRise));
+  const targetX = Math.max(rect.left, Math.min(rect.right, startX));
+  const targetY = Math.max(rect.top, Math.min(rect.bottom, startY));
+  const controlX = startX + (targetX - startX) * 0.6;
+  const controlY = startY + (targetY - startY) * 0.15;
+  const svgNS = 'http://www.w3.org/2000/svg';
+  const svg = document.createElementNS(svgNS, 'svg');
+  const defs = document.createElementNS(svgNS, 'defs');
+  const marker = document.createElementNS(svgNS, 'marker');
+  const markerPath = document.createElementNS(svgNS, 'path');
+  const path = document.createElementNS(svgNS, 'path');
+
+  svg.setAttribute('id', 'mongoose-studio-screenshot-arrow');
+  svg.setAttribute('viewBox', `0 0 ${window.innerWidth} ${window.innerHeight}`);
+  svg.setAttribute('width', '100vw');
+  svg.setAttribute('height', '100vh');
+  svg.style.position = 'fixed';
+  svg.style.left = '0';
+  svg.style.top = '0';
+  svg.style.zIndex = '2147483647';
+  svg.style.pointerEvents = 'none';
+
+  marker.setAttribute('id', 'mongoose-studio-screenshot-arrow-head');
+  marker.setAttribute('markerWidth', '14');
+  marker.setAttribute('markerHeight', '14');
+  marker.setAttribute('refX', '12');
+  marker.setAttribute('refY', '7');
+  marker.setAttribute('orient', 'auto');
+  marker.setAttribute('markerUnits', 'userSpaceOnUse');
+
+  markerPath.setAttribute('d', 'M 0 0 L 14 7 L 0 14 z');
+  markerPath.setAttribute('fill', '#dc2626');
+
+  path.setAttribute('d', `M ${startX} ${startY} Q ${controlX} ${controlY} ${targetX} ${targetY}`);
+  path.setAttribute('fill', 'none');
+  path.setAttribute('stroke', '#dc2626');
+  path.setAttribute('stroke-width', '5');
+  path.setAttribute('stroke-linecap', 'round');
+  path.setAttribute('stroke-linejoin', 'round');
+  path.setAttribute('marker-end', 'url(#mongoose-studio-screenshot-arrow-head)');
+
+  marker.appendChild(markerPath);
+  defs.appendChild(marker);
+  svg.appendChild(defs);
+  svg.appendChild(path);
+  document.body.appendChild(svg);
+
+  return {
+    element: svg,
+    remove() {
+      svg.remove();
+    }
+  };
+};
+
 // https://github.com/Maronato/vue-toastification/tree/main?tab=readme-ov-file#toast-types
 app.use(Toast, { position: 'bottom-right', timeout: 3000 });
 
@@ -169,7 +300,14 @@ app.component('app-component', {
     const authError = Vue.ref(null);
     const modelSchemaPaths = Vue.ref(null);
 
-    const state = Vue.reactive({ user, roles, status, nodeEnv, authError, modelSchemaPaths });
+    const state = Vue.reactive({
+      user,
+      roles,
+      status,
+      nodeEnv,
+      authError,
+      modelSchemaPaths
+    });
     Vue.provide('state', state);
 
     return state;
@@ -221,6 +359,11 @@ router.beforeEach((to, from, next) => {
 });
 
 router.beforeEach((to, from, next) => {
+  if (['chat index', 'chat'].includes(to.name) && !window.MONGOOSE_STUDIO_CONFIG.hasLLMAPIKey) {
+    next({ name: 'root' });
+    return;
+  }
+
   if (to.name === 'root' && window.state.roles && window.state.roles[0] === 'dashboards') {
     return next({ name: 'dashboards' });
   } else {
@@ -228,6 +371,10 @@ router.beforeEach((to, from, next) => {
   }
 });
 
+router.afterEach((to) => {
+  trackRecentPage(to);
+});
+
 app.config.globalProperties = { format, arrayUtils, $toast: toast };
 app.use(router);
 

package/frontend/src/json-node/json-node.html

@@ -1,5 +1,5 @@
-<div>
-  <div class="flex items-baseline whitespace-pre" :style="indentStyle">
+<div class="min-w-0 max-w-full">
+  <div class="flex min-w-0 max-w-full items-baseline whitespace-pre-wrap break-words" :style="indentStyle">
     <button
       v-if="showToggle"
       type="button"
@@ -23,36 +23,32 @@
       </template>
     </template>
     <template v-else>
-      <!--
-        If value is a string and overflows its container (i.e. goes over one line), show an ellipsis.
-        This is done via CSS ellipsis strategy.
-      -->
       <span
         v-if="shouldShowReferenceLink"
-        class="inline-flex items-baseline group"
+        class="group inline-flex min-w-0 max-w-full items-baseline flex-wrap gap-x-1.5"
       >
-        <span
-          :class="[...valueClasses, 'underline', 'decoration-dotted', 'underline-offset-2']"
-          :style="typeof value === 'string'
-            ? {
-                display: 'inline-block',
-                maxWidth: '100%',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap',
-                verticalAlign: 'bottom'
-              }
-            : {}"
-          :title="typeof value === 'string' && $el && $el.scrollWidth > $el.clientWidth ? value : undefined"
-        >
-          {{ formattedValue }}
-        </span>
-        <span>
-          {{ comma }}
+        <span class="min-w-0 max-w-full">
+          <span
+            :class="[...valueClasses, ...stringWrapperClasses, 'underline', 'decoration-dotted', 'underline-offset-2']"
+            :style="isStringValue ? { whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' } : {}"
+            :title="shouldTruncateString && !isStringExpanded ? value : undefined"
+          >
+            {{ displayedValue }}
+          </span><template v-if="!(shouldTruncateString && !isStringExpanded)">{{ comma }}</template>
         </span>
+        <button
+          v-if="shouldTruncateString"
+          type="button"
+          class="inline-flex shrink-0 items-center gap-1 rounded-full border border-edge bg-surface px-2 py-0.5 text-[11px] font-medium text-content-secondary shadow-sm transition-colors hover:bg-muted hover:text-content focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
+          :title="stringToggleLabel"
+          :aria-expanded="isStringExpanded"
+          @click.stop="toggleStringExpansion"
+        >
+          <span class="leading-none">{{ stringToggleLabel }}</span>
+        </button>
         <a
           href="#"
-          class="ml-1 text-sm text-primary opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity"
+          class="ml-1 shrink-0 text-sm text-primary opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100"
           @click.stop.prevent="goToReference()"
         >
           View Document
@@ -60,20 +56,25 @@
       </span>
       <span
         v-else
-        :class="valueClasses"
-        :style="typeof value === 'string'
-          ? {
-              display: 'inline-block',
-              maxWidth: '100%',
-              overflow: 'hidden',
-              textOverflow: 'ellipsis',
-              whiteSpace: 'nowrap',
-              verticalAlign: 'bottom'
-            }
-          : {}"
-        :title="typeof value === 'string' && $el && $el.scrollWidth > $el.clientWidth ? value : undefined"
+        class="inline-flex min-w-0 max-w-full items-baseline flex-wrap gap-x-1.5"
       >
-        {{ formattedValue }}{{ comma }}
+        <span
+          :class="[...valueClasses, ...stringWrapperClasses]"
+          :style="isStringValue ? { whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' } : {}"
+          :title="shouldTruncateString && !isStringExpanded ? value : undefined"
+        >
+          {{ displayedValue }}<template v-if="!(shouldTruncateString && !isStringExpanded)">{{ comma }}</template>
+        </span>
+        <button
+          v-if="shouldTruncateString"
+          type="button"
+          class="inline-flex shrink-0 items-center gap-1 rounded-full border border-edge bg-surface px-2 py-0.5 text-[11px] font-medium text-content-secondary shadow-sm transition-colors hover:bg-muted hover:text-content focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
+          :title="stringToggleLabel"
+          :aria-expanded="isStringExpanded"
+          @click.stop="toggleStringExpansion"
+        >
+          <span class="leading-none">{{ stringToggleLabel }}</span>
+        </button>
       </span>
     </template>
   </div>
@@ -94,6 +95,7 @@
       :top-level-expanded="topLevelExpanded"
       :expand-top-level="expandTopLevel"
       :references="references"
+      :max-string-length="maxStringLength"
     ></json-node>
     <div
       v-if="hasHiddenRootChildren"

package/frontend/src/json-node/json-node.js

@@ -56,8 +56,17 @@ module.exports = app => app.component('json-node', {
     references: {
       type: Object,
       default: () => ({})
+    },
+    maxStringLength: {
+      type: Number,
+      default: 200
     }
   },
+  data() {
+    return {
+      isStringExpanded: false
+    };
+  },
   computed: {
     hasKey() {
       return this.nodeKey !== null && this.nodeKey !== undefined;
@@ -151,6 +160,29 @@ module.exports = app => app.component('json-node', {
       }
       return stringified;
     },
+    isStringValue() {
+      return typeof this.value === 'string';
+    },
+    shouldTruncateString() {
+      return this.isStringValue && this.formattedValue.length > this.maxStringLength;
+    },
+    displayedValue() {
+      if (!this.shouldTruncateString || this.isStringExpanded) {
+        return this.formattedValue;
+      }
+      const keep = Math.max(0, this.maxStringLength - 1);
+      return `${this.formattedValue.slice(0, keep)}…`;
+    },
+    stringWrapperClasses() {
+      const classes = ['min-w-0', 'max-w-full', 'break-words'];
+      if (this.shouldTruncateString && this.isStringExpanded) {
+        classes.push('rounded-md', 'border', 'border-edge', 'bg-muted/60', 'px-2', 'py-1');
+      }
+      return classes;
+    },
+    stringToggleLabel() {
+      return this.isStringExpanded ? 'Show less' : 'Show more';
+    },
     valueClasses() {
       const classes = ['text-slate-700'];
       if (this.value === null) {
@@ -267,6 +299,12 @@ module.exports = app => app.component('json-node', {
         return;
       }
       this.$router.push({ path: `/model/${this.referenceModel}/document/${id}` });
+    },
+    toggleStringExpansion() {
+      if (!this.shouldTruncateString) {
+        return;
+      }
+      this.isStringExpanded = !this.isStringExpanded;
     }
   }
 });

package/frontend/src/list-json/list-json.html

@@ -1,5 +1,5 @@
-<div class="tooltip w-full font-mono text-sm py-1 text-slate-800">
-  <div class="w-full">
+<div class="tooltip w-full min-w-0 max-w-full font-mono text-sm py-1 text-slate-800">
+  <div class="w-full min-w-0 max-w-full">
     <json-node
       :node-key="null"
       :value="value"
@@ -14,6 +14,7 @@
       :top-level-expanded="topLevelExpanded"
       :expand-top-level="expandTopLevel"
       :references="references"
+      :max-string-length="maxStringLength"
     ></json-node>
   </div>
 </div>

package/frontend/src/list-json/list-json.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const template = require('./list-json.html');
+const DEFAULT_MAX_STRING_LENGTH = 200;
 
 module.exports = app => app.component('list-json', {
   template: template,
@@ -19,6 +20,10 @@ module.exports = app => app.component('list-json', {
     expandedFields: {
       type: Array,
       default: () => []
+    },
+    maxStringLength: {
+      type: Number,
+      default: DEFAULT_MAX_STRING_LENGTH
     }
   },
   data() {

package/frontend/src/modal/modal.css

@@ -2,7 +2,7 @@
 
 .modal-mask {
   position: fixed;
-  z-index: 9998;
+  z-index: 10050;
   top: 0;
   left: 0;
   width: 100%;
@@ -30,6 +30,11 @@
   position: relative;
 }
 
+.modal-container.modal-container--flush {
+  padding: 0;
+  padding-bottom: 0;
+}
+
 .modal-header {
   margin-top: 0;
   font-size: 18px;
@@ -50,6 +55,25 @@
   overflow: auto;
 }
 
+/* Recent pages: one scroll region — inner .modal-recent-pages-scroll only (avoids double scrollbars with .modal-body overflow). */
+.modal-body.modal-recent-pages-body {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  height: min(60vh, 22.5rem);
+  max-height: min(60vh, 22.5rem);
+  overflow: hidden;
+}
+
+.modal-body.modal-recent-pages-body .modal-recent-pages-scroll {
+  flex: 1 1 0;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
 .modal__button--default {
   float: right;
 }
@@ -79,6 +103,7 @@
 
 .modal-container .modal-exit {
   position: absolute;
+  z-index: 2;
   right: 0.25em;
   top: 0.25em;
   cursor: pointer;

package/frontend/src/modal/modal.html

@@ -1,8 +1,8 @@
 <transition name="modal">
   <div class="modal-mask">
     <div class="modal-wrapper">
-      <div class="modal-container" :class="containerClass">
-        <div class="modal-body">
+      <div class="modal-container" :class="[containerClass, { 'modal-container--flush': flushContainer }]">
+        <div class="modal-body" :class="bodyClass">
           <slot name="body">
           </slot>
         </div>

package/frontend/src/modal/modal.js

@@ -7,7 +7,11 @@ appendCSS(require('./modal.css'));
 
 module.exports = app => app.component('modal', {
   template,
-  props: ['containerClass'],
+  props: {
+    containerClass: String,
+    bodyClass: String,
+    flushContainer: Boolean
+  },
   mounted() {
     window.addEventListener('keydown', this.onEscape);
   },

package/frontend/src/models/models.html

@@ -117,7 +117,7 @@
             @click="stagingSelect"
             type="button"
             :class="{
-              'bg-gray-700 ring-inset ring-2 ring-gray-300 hover:bg-gray-200 text-content-secondary': selectMultiple,
+              'bg-gray-700 ring-inset ring-2 ring-gray-300 text-white hover:bg-gray-600': selectMultiple,
               'bg-primary hover:bg-primary-hover text-primary-text': !selectMultiple
             }"
             class="rounded px-2 py-2 text-sm font-semibold shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
@@ -190,6 +190,13 @@
                 >
                   Find oldest document
                 </button>
+                <button
+                  @click="openDropCollectionModal"
+                  type="button"
+                  class="block w-full px-4 py-2 text-left text-sm text-red-700 hover:bg-red-50"
+                >
+                  Drop Collection
+                </button>
                 <button
                   @click="toggleRowNumbers()"
                   type="button"
@@ -404,8 +411,10 @@
                 v-for="(document, docIndex) in documents"
                 :key="document._id"
                 @click="handleDocumentClick(document, $event)"
-                class="border-b border-edge cursor-pointer transition-colors hover:bg-muted/60"
-                :class="{ 'bg-primary-subtle/50 hover:bg-primary-subtle/70': selectedDocuments.some(x => x._id.toString() === document._id.toString()) }"
+                class="border-b border-edge cursor-pointer transition-colors"
+                :class="selectedDocuments.some(x => x._id.toString() === document._id.toString())
+                  ? 'bg-blue-200'
+                  : 'hover:bg-muted'"
               >
                 <td v-if="showRowNumbers" class="px-3 py-2 border-r border-edge align-top text-content-tertiary whitespace-nowrap">
                   {{ docIndex + 1 }}
@@ -448,13 +457,13 @@
           No documents to show. Use Projection in the menu to choose columns.
         </p>
       </div>
-      <div v-else-if="outputType === 'json'" class="flex flex-col space-y-2 p-1 mt-1">
+      <div v-else-if="outputType === 'json'" class="flex min-w-0 flex-col space-y-2 p-1 mt-1">
         <div
           v-for="document in documents"
           :key="document._id"
           @click="handleDocumentContainerClick(document, $event)"
           :class="[
-            'group relative transition-colors rounded-md border border-slate-100',
+            'group relative min-w-0 max-w-full transition-colors rounded-md border border-slate-100',
             selectedDocuments.some(x => x._id.toString() === document._id.toString()) ? 'bg-blue-200' : 'hover:shadow-sm hover:border-slate-300 bg-surface'
           ]"
         >
@@ -609,6 +618,37 @@
       </div>
     </template>
   </modal>
+  <modal v-if="shouldShowDropCollectionModal">
+    <template v-slot:body>
+      <div class="modal-exit" @click="shouldShowDropCollectionModal = false">&times;</div>
+      <h2 class="text-xl font-bold mb-3">Are you sure?</h2>
+      <p class="text-content-secondary mb-3">
+        This will permanently drop the <span class="font-semibold">{{ currentModel }}</span> collection and all its documents.
+      </p>
+      <div v-if="requiresDropCollectionNameConfirmation()" class="rounded border border-red-300 bg-red-50 px-3 py-2 mb-4">
+        <p class="text-sm font-semibold text-red-700">Danger zone</p>
+        <p class="text-sm text-red-700 mb-2">Type <span class="font-mono font-semibold">{{ currentModel }}</span> to confirm.</p>
+        <input
+          v-model="dropCollectionConfirmName"
+          type="text"
+          :placeholder="currentModel"
+          class="w-full rounded border border-red-300 px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-red-200"
+        />
+      </div>
+      <div class="flex gap-4">
+        <async-button
+          @click="dropCollection"
+          :disabled="requiresDropCollectionNameConfirmation() && dropCollectionConfirmName !== currentModel"
+          class="rounded bg-red-600 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 disabled:opacity-50 disabled:cursor-not-allowed"
+        >
+          Drop Collection
+        </async-button>
+        <button @click="shouldShowDropCollectionModal = false" class="rounded bg-gray-400 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-page0">
+          Cancel
+        </button>
+      </div>
+    </template>
+  </modal>
   <model-switcher
     :show="showModelSwitcher"
     :models="models"

package/frontend/src/models/models.js

@@ -168,6 +168,8 @@ module.exports = app => app.component('models', {
     showAddFieldDropdown: false,
     shouldShowIndexModal: false,
     shouldShowCollectionInfoModal: false,
+    shouldShowDropCollectionModal: false,
+    dropCollectionConfirmName: '',
     shouldShowUpdateMultipleModal: false,
     shouldShowDeleteMultipleModal: false,
     shouldExport: {},
@@ -923,6 +925,30 @@ module.exports = app => app.component('models', {
       const { info } = await api.Model.getCollectionInfo({ model: this.currentModel });
       this.collectionInfo = info;
     },
+    openDropCollectionModal() {
+      this.closeActionsMenu();
+      this.dropCollectionConfirmName = '';
+      this.shouldShowDropCollectionModal = true;
+    },
+    requiresDropCollectionNameConfirmation() {
+      const nodeEnv = window?.state?.nodeEnv;
+      return nodeEnv !== 'local';
+    },
+    async dropCollection() {
+      if (this.requiresDropCollectionNameConfirmation() && this.dropCollectionConfirmName !== this.currentModel) {
+        this.$toast.error('Please type the collection name exactly to confirm.');
+        return;
+      }
+
+      await api.Model.dropCollection({ model: this.currentModel });
+      this.shouldShowDropCollectionModal = false;
+      this.dropCollectionConfirmName = '';
+      this.documents = [];
+      this.numDocuments = 0;
+      this.selectedDocuments = [];
+      this.$toast.success(`Collection ${this.currentModel} dropped.`);
+      await this.getDocuments();
+    },
     async findOldestDocument() {
       this.closeActionsMenu();
       const { docs } = await api.Model.getDocuments({