@lavalogic/scoria 0.38.1 → 0.38.2

package/dist/Components/Table/Misc/TableConfigurationModal.svelte

@@ -111,7 +111,14 @@
 		}, `Could not delete "${view.name}". Please try again.`);
 	}
 
-	/** Save the live state of the active section as a brand-new view. */
+	/**
+	 * Save the live state of the active section as a brand-new view.
+	 * `saveCurrentAsNewView` re-fetches the saved views and makes the new
+	 * one active; the `My …` list and the panel dropdowns are all driven
+	 * off the reactive `_viewState.savedViews(section)` so they update
+	 * without a reopen. On success we also switch to the `My …` tab so
+	 * the user immediately sees the view they just saved.
+	 */
 	function saveNewView(): void {
 		const trimmed = newViewName.trim();
 		if (!trimmed) {
@@ -120,6 +127,7 @@
 		void guard(async () => {
 			await tableContext.saveCurrentAsNewView(trimmed, section);
 			newViewName = '';
+			selectTab('mine');
 		}, `Could not save the new ${sectionNoun.toLowerCase()}. Please try again.`);
 	}
 
@@ -451,7 +459,7 @@
 				/>
 				<Button
 					type="submit"
-					variant={Variant.Primary}
+					variant={Variant.Secondary}
 					size={Size.MediumSmall}
 					nowrap
 					disabled={!newViewName.trim()}
@@ -537,14 +545,17 @@
   color: #aa1414;
 }
 
-/* The body of a single top tab. Scrolls within the fixed modal
-   frame rather than growing the dialog. */
+/* The body of a single top tab. A `min-height` floor keeps the modal
+   frame visually stable across every section/tab combination (short
+   tabs no longer shrink the dialog); the `max-height` + `overflow-y`
+   keep taller content scrolling within that fixed frame rather than
+   growing the dialog. */
 .tab-body {
   display: flex;
   flex-flow: column nowrap;
   gap: 0.75rem;
   padding: 1rem;
-  min-height: 0;
+  min-height: 30vh;
   max-height: 60vh;
   overflow-y: auto;
 }

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -892,10 +892,18 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
      *    `{ kind:'filter', filter: _captureFilter() }`, plus the
      *    host-supplied `datatableUuid` and the owning user;
      * 2. `await remoteLayouts.createView(...)`;
-     * 3. push the returned `DatatableView` into the matching kind's
-     *    saved-views list;
-     * 4. apply it via `applyDatatableView`, which re-points that kind's
-     *    baseline and clears that kind's dirty flag.
+     * 3. `await refreshSavedViews()` so the matching kind's saved-views
+     *    list is re-fetched from the backend - the new view then appears
+     *    in the Table Configuration modal's My-Layouts / My-Filters list
+     *    (and the panel quick-switch dropdowns) immediately, without a
+     *    reopen, because both read reactively off `_viewState`;
+     * 4. set the newly-saved view as that kind's active view via
+     *    `applyDatatableView`, which re-points that kind's baseline and
+     *    clears that kind's dirty flag - so the quick-switch dropdown
+     *    shows the new view's name straight away rather than
+     *    `'Custom (unsaved)'`. The authoritative refreshed copy (matched
+     *    by id) is preferred over the raw `createView` return so the
+     *    baseline reflects exactly what the backend persisted.
      *
      * Only the named kind's state is touched. No-op (dev-logged via
      * `devCatch`) when remote saved views are disabled (`datatableUuid` /

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -2309,10 +2309,18 @@ export class TableContext {
      *    `{ kind:'filter', filter: _captureFilter() }`, plus the
      *    host-supplied `datatableUuid` and the owning user;
      * 2. `await remoteLayouts.createView(...)`;
-     * 3. push the returned `DatatableView` into the matching kind's
-     *    saved-views list;
-     * 4. apply it via `applyDatatableView`, which re-points that kind's
-     *    baseline and clears that kind's dirty flag.
+     * 3. `await refreshSavedViews()` so the matching kind's saved-views
+     *    list is re-fetched from the backend - the new view then appears
+     *    in the Table Configuration modal's My-Layouts / My-Filters list
+     *    (and the panel quick-switch dropdowns) immediately, without a
+     *    reopen, because both read reactively off `_viewState`;
+     * 4. set the newly-saved view as that kind's active view via
+     *    `applyDatatableView`, which re-points that kind's baseline and
+     *    clears that kind's dirty flag - so the quick-switch dropdown
+     *    shows the new view's name straight away rather than
+     *    `'Custom (unsaved)'`. The authoritative refreshed copy (matched
+     *    by id) is preferred over the raw `createView` return so the
+     *    baseline reflects exactly what the backend persisted.
      *
      * Only the named kind's state is touched. No-op (dev-logged via
      * `devCatch`) when remote saved views are disabled (`datatableUuid` /
@@ -2342,8 +2350,15 @@ export class TableContext {
                 ownerUserId,
             };
             const created = await adapter.createView(request);
-            this._viewState.setSavedViews(kind, [...this._viewState.savedViews(kind), created]);
-            this.applyDatatableView(created);
+            // Re-fetch the authoritative saved-views lists so the new view
+            // shows up in the modal and the panel dropdowns immediately.
+            await this.refreshSavedViews();
+            // Prefer the refreshed copy (matched by id); fall back to the
+            // raw create return if the refresh did not surface it.
+            const authoritative = this._viewState.savedViews(kind).find((view) => view.id === created.id) ?? created;
+            // Make the just-saved view active so the quick-switch dropdown
+            // shows its name (not "Custom (unsaved)") and dirty is cleared.
+            this.applyDatatableView(authoritative);
         }
         catch (e) {
             devCatch(e);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.38.1",
+  "version": "0.38.2",
   "publishConfig": {
     "access": "restricted"
   },