db alter plan improvements

packages/web/src/tableeditor/IndexEditorModal.svelte

@@ -2,21 +2,26 @@
   import CheckboxField from '../forms/CheckboxField.svelte';
   import FormCheckboxField from '../forms/FormCheckboxField.svelte';
   import SelectField from '../forms/SelectField.svelte';
+  import TextField from '../forms/TextField.svelte';
 
   import ColumnsConstraintEditorModal from './ColumnsConstraintEditorModal.svelte';
 
   export let constraintInfo;
   export let setTableInfo;
   export let tableInfo;
+  export let driver;
 
   let isUnique = constraintInfo?.isUnique;
 
   function getExtractConstraintProps() {
     return {
       isUnique,
+      filterDefinition,
     };
   }
 
+  let filterDefinition = constraintInfo?.filterDefinition;
+
   $: isReadOnly = !setTableInfo;
 </script>
 
@@ -60,6 +65,22 @@
         index
       </div>
     </div>
+
+    <div class="largeFormMarker">
+      {#if driver?.dialect?.filteredIndexes}
+        <div class="row">
+          <div class="label col-3">Filtered index condition</div>
+          <div class="col-9">
+            <TextField
+              value={filterDefinition}
+              on:input={e => (filterDefinition = e.target['value'])}
+              focused
+              disabled={isReadOnly}
+            />
+          </div>
+        </div>
+      {/if}
+    </div>
   </svelte:fragment>
 </ColumnsConstraintEditorModal>