@mongoosejs/studio 0.5.12 → 0.5.14

package/frontend/public/tw.css

@@ -664,6 +664,10 @@ video {
   bottom: 0px;
 }
 
+.-bottom-1 {
+  bottom: -0.25rem;
+}
+
 .-left-1 {
   left: -0.25rem;
 }
@@ -672,6 +676,10 @@ video {
   left: -0.75rem;
 }
 
+.-top-1 {
+  top: -0.25rem;
+}
+
 .bottom-0 {
   bottom: 0px;
 }
@@ -792,6 +800,10 @@ video {
   z-index: 10001;
 }
 
+.z-\[1000\] {
+  z-index: 1000;
+}
+
 .z-\[100\] {
   z-index: 100;
 }
@@ -1085,6 +1097,10 @@ video {
   height: 4rem;
 }
 
+.h-2 {
+  height: 0.5rem;
+}
+
 .h-20 {
   height: 5rem;
 }
@@ -1265,6 +1281,10 @@ video {
   width: 4rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
 .w-20 {
   width: 5rem;
 }
@@ -1365,6 +1385,11 @@ video {
   width: 100%;
 }
 
+.w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
+
 .min-w-0 {
   min-width: 0px;
 }
@@ -1441,6 +1466,10 @@ video {
   max-width: calc(100vw - 4rem);
 }
 
+.max-w-\[min\(20rem\2c calc\(100vw-1rem\)\)\] {
+  max-width: min(20rem,calc(100vw - 1rem));
+}
+
 .max-w-full {
   max-width: 100%;
 }
@@ -1555,6 +1584,11 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.rotate-45 {
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .rotate-90 {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1608,6 +1642,10 @@ video {
   resize: vertical;
 }
 
+.resize {
+  resize: both;
+}
+
 .snap-y {
   scroll-snap-type: y var(--tw-scroll-snap-strictness);
 }
@@ -1861,6 +1899,10 @@ video {
   text-overflow: ellipsis;
 }
 
+.whitespace-normal {
+  white-space: normal;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -2184,6 +2226,11 @@ video {
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
+
 .bg-green-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity));
@@ -2747,6 +2794,10 @@ video {
   font-weight: 500;
 }
 
+.font-normal {
+  font-weight: 400;
+}
+
 .font-semibold {
   font-weight: 600;
 }
@@ -2763,6 +2814,10 @@ video {
   font-style: italic;
 }
 
+.leading-4 {
+  line-height: 1rem;
+}
+
 .leading-6 {
   line-height: 1.5rem;
 }
@@ -3216,6 +3271,11 @@ video {
   --tw-ring-color: rgb(176 32 43 / var(--tw-ring-opacity));
 }
 
+.ring-red-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
+}
+
 .ring-red-400 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
@@ -3837,6 +3897,10 @@ video {
   --tw-ring-offset-width: 2px;
 }
 
+.focus-visible\:rounded-md:focus-visible {
+  border-radius: 0.375rem;
+}
+
 .focus-visible\:opacity-100:focus-visible {
   opacity: 1;
 }
@@ -3853,6 +3917,10 @@ video {
   outline-offset: 2px;
 }
 
+.focus-visible\:outline-blue-600:focus-visible {
+  outline-color: #2563eb;
+}
+
 .focus-visible\:outline-edge-strong:focus-visible {
   outline-color: var(--color-edge-strong);
 }

package/frontend/src/api.js

@@ -229,7 +229,11 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     getDocumentsStream: async function* getDocumentsStream(params) {
       const data = await client.post('', { action: 'Model.getDocuments', ...params }).then(res => res.data);
       yield { schemaPaths: data.schemaPaths, suggestedFields: data.suggestedFields };
-      yield { numDocs: data.numDocs };
+      if (data.numDocsError) {
+        yield { numDocsError: data.numDocsError };
+      } else {
+        yield { numDocs: data.numDocs };
+      }
       for (const doc of data.docs) {
         yield { document: doc };
       }

package/frontend/src/chat/chat-message/chat-message.js

@@ -2,6 +2,7 @@
 
 const api = require('../../api');
 const marked = require('marked').marked;
+const xss = require('xss');
 const template = require('./chat-message.html');
 
 module.exports = app => app.component('chat-message', {
@@ -52,7 +53,10 @@ module.exports = app => app.component('chat-message', {
   },
   methods: {
     marked(text) {
-      return marked(text);
+      if (text == null || text === '') {
+        return '';
+      }
+      return xss(marked(text));
     },
     formatToolInput(input) {
       if (!input) return '';

package/frontend/src/detail-default/detail-default.html

@@ -2,15 +2,5 @@
   <pre v-if="!isGeoJsonGeometry || !mapVisible" class="w-full whitespace-pre-wrap break-words font-mono text-sm text-content-secondary m-0">{{displayValue}}</pre>
   <div v-show="isGeoJsonGeometry && mapVisible" class="mt-2 border border-edge rounded relative">
     <div ref="map" class="h-64 w-full" style="min-height: 256px; height: 256px;"></div>
-    <!-- Undo button below map -->
-    <div v-if="isEditable && canUndo" class="mt-2 flex justify-end">
-      <button
-        @click="undoDelete"
-        class="text-xs px-3 py-1.5 bg-gray-600 text-white rounded hover:bg-gray-700 transition-colors"
-        title="Undo all changes"
-      >
-        Undo
-      </button>
-    </div>
   </div>
 </div>