mathesar-foundation · pavish · Sep 22, 2025 · Sep 23, 2025 · Sep 23, 2025 · Sep 25, 2025
diff --git a/mathesar_ui/src/App.svelte b/mathesar_ui/src/App.svelte
@@ -281,4 +281,11 @@
     display: flex;
     background-color: var(--color-bg-base);
   }
+
+  [data-drag-handle] {
+    touch-action: none;
+    user-select: none;
+    -webkit-user-drag: none;
+    cursor: grab;
+  }
 </style>
diff --git a/mathesar_ui/src/api/rpc/records.ts b/mathesar_ui/src/api/rpc/records.ts
@@ -23,7 +23,7 @@ export interface SqlComparison {
     | 'greater_or_equal'
     | 'contains_case_insensitive'
     | 'contains'
-    | 'starts_with'
+    | 'starts_with_case_insensitive'
     | 'json_array_contains';
   args: [SqlExpr, SqlExpr];
 }

diff --git a/mathesar_ui/src/component-library/button/Button.scss b/mathesar_ui/src/component-library/button/Button.scss
@@ -5,7 +5,7 @@
   position: relative;
 
   vertical-align: middle;
-  gap: 0.5em;
+  gap: var(--button-gap, 0.5em);
   cursor: pointer;
 
   font-family: inherit;

diff --git a/mathesar_ui/src/component-library/dropdown/Dropdown.scss b/mathesar_ui/src/component-library/dropdown/Dropdown.scss
@@ -42,6 +42,7 @@ button.dropdown.trigger {
   border-radius: var(--border-radius-m);
   z-index: var(--dropdown-z-index, 100);
   max-height: calc(100svh - 0.5rem);
+  max-width: calc(100svw - 0.2rem);
   overflow: var(--Dropdown-content__overflow, auto);
 
   &[data-popper-placement='top-start'] {

diff --git a/mathesar_ui/src/component-library/index.ts b/mathesar_ui/src/component-library/index.ts
@@ -64,7 +64,6 @@ export { default as Pagination } from './pagination/Pagination.svelte';
 export { default as Select } from './select/Select.svelte';
 export { default as SelectionList } from './selection-list/SelectionList.svelte';
 export { default as TabContainer } from './tabs/TabContainer.svelte';
-export { default as Tree } from './tree/Tree.svelte';
 
 // Higher order actions
 export { default as tooltipAction } from './tooltip/TooltipAction';

diff --git a/mathesar_ui/src/component-library/input-group/InputGroup.scss b/mathesar_ui/src/component-library/input-group/InputGroup.scss
@@ -12,8 +12,8 @@
     color: var(--color-fg-label);
     text-align: center;
     white-space: nowrap;
-    background-color: var(--color-bg-input);
-    border: var(--color-border-input);
+    background-color: var(--color-action-secondary-10);
+    border: 1px solid var(--color-border-input);
     border-radius: 0.25rem;
   }
 
@@ -22,6 +22,10 @@
     flex: 1 1 auto;
   }
 
+  button {
+    --button-border-color: var(--color-border-input);
+  }
+
   .input-element,
   button {
     &:focus {

diff --git a/mathesar_ui/src/component-library/styles.scss b/mathesar_ui/src/component-library/styles.scss
@@ -37,7 +37,6 @@
 @import 'select/Select.scss';
 @import 'selection-list/SelectionList.scss';
 @import 'tabs/TabContainer.scss';
-@import 'tree/Tree.scss';
 @import 'truncate/Truncate.scss';
 
 @import 'tooltip/Tooltip.scss';

diff --git a/mathesar_ui/src/component-library/tree/Tree.scss b/mathesar_ui/src/component-library/tree/Tree.scss
diff --git a/mathesar_ui/src/component-library/tree/Tree.svelte b/mathesar_ui/src/component-library/tree/Tree.svelte
diff --git a/mathesar_ui/src/component-library/tree/TreeItem.svelte b/mathesar_ui/src/component-library/tree/TreeItem.svelte
diff --git a/mathesar_ui/src/component-library/tree/TreeTypes.ts b/mathesar_ui/src/component-library/tree/TreeTypes.ts
diff --git a/mathesar_ui/src/component-library/types.ts b/mathesar_ui/src/component-library/types.ts
@@ -3,7 +3,6 @@ export * from './commonTypes';
 
 export type { BaseInputProps } from './common/base-components/BaseInputTypes';
 export type { Tab } from './tabs/TabContainerTypes';
-export type { TreeItem } from './tree/TreeTypes';
 export type {
   ComponentAndProps,
   ComponentWithProps,

diff --git a/mathesar_ui/src/components/cell-fabric/types.ts b/mathesar_ui/src/components/cell-fabric/types.ts
@@ -1,4 +1,6 @@
 export type {
+  CellColumnLike,
   CellColumnFabric,
   CellValueFormatter,
 } from './data-types/components/typeDefinitions';
+export type { LinkedRecordInputElement } from './data-types/components/linked-record/LinkedRecordUtils';