added predefined mime types list and other minor ui improvements

ui/src/components/records/RecordUpsertPanel.svelte

@@ -42,6 +42,8 @@
     let initialFormHash = "";
     let activeTab = TAB_FORM;
 
+    $: hasEditorField = !!collection?.schema?.find((f) => f.type === "editor");
+
     $: hasFileChanges =
         CommonHelper.hasNonEmptyProps(uploadedFilesMap) ||
         CommonHelper.hasNonEmptyProps(deletedFileIndexesMap);
@@ -223,7 +225,11 @@
 
 <OverlayPanel
     bind:this={recordPanel}
-    class="overlay-panel-lg record-panel {collection?.isAuth && !record.isNew ? 'colored-header' : ''}"
+    class="
+        record-panel
+        {hasEditorField ? 'overlay-panel-xl' : 'overlay-panel-lg'}
+        {collection?.isAuth && !record.isNew ? 'colored-header' : ''}
+    "
     beforeHide={() => {
         if (hasChanges && confirmClose) {
             confirm("You have unsaved changes. Do you really want to close the panel?", () => {

ui/src/components/records/RecordsList.svelte

@@ -9,6 +9,7 @@
     import SortHeader from "@/components/base/SortHeader.svelte";
     import Toggler from "@/components/base/Toggler.svelte";
     import Field from "@/components/base/Field.svelte";
+    import CopyIcon from "@/components/base/CopyIcon.svelte";
     import FormattedDate from "@/components/base/FormattedDate.svelte";
     import HorizontalScroller from "@/components/base/HorizontalScroller.svelte";
     import RecordFieldCell from "@/components/records/RecordFieldCell.svelte";
@@ -379,7 +380,10 @@
                     {#if !hiddenColumns.includes("@id")}
                         <td class="col-type-text col-field-id">
                             <div class="flex flex-gap-5">
-                                <span class="label">{record.id}</span>
+                                <div class="label">
+                                    <CopyIcon value={record.id} />
+                                    <div class="txt">{record.id}</div>
+                                </div>
 
                                 {#if collection.isAuth}
                                     {#if record.verified}

ui/src/components/records/fields/SelectField.svelte

@@ -27,6 +27,7 @@
         id={uniqueId}
         toggle={!field.required || isMultiple}
         multiple={isMultiple}
+        closable={!isMultiple}
         items={field.options?.values}
         searchable={field.options?.values > 5}
         bind:selected={value}