firstly 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # firstly
 
+## 0.12.0
+
+### Minor Changes
+
+- [#419](https://github.com/jycouet/firstly/pull/419) [`16cfc80`](https://github.com/jycouet/firstly/commit/16cfc808e55e7cdb275020052c6207a16b12ab66) Thanks [@jycouet](https://github.com/jycouet)! - `FF_Grid`: first sort click is `desc` for Date/Number columns (`asc` otherwise), override per cell with `firstSort`. On landing, the header arrow also reflects the entity `defaultOrderBy`.
+
+- [#405](https://github.com/jycouet/firstly/pull/405) [`5324a64`](https://github.com/jycouet/firstly/commit/5324a6471fb20fdca6a6fb16970d2235192e0431) Thanks [@jycouet](https://github.com/jycouet)! - Add experimental `queryRepo` (`firstly/svelte/query`): `$derived(await queryRepo(E).find())` with API rules on SSR, no query on hydration, and plain `repo(E)` writes refreshing it.
+
+- [#406](https://github.com/jycouet/firstly/pull/406) [`b2f1664`](https://github.com/jycouet/firstly/commit/b2f1664429490ebb989e4dbd8c0002b0cf6e2b37) Thanks [@jycouet](https://github.com/jycouet)! - New `reloadOnStaleChunk()` for `hooks.client`: a failed lazy import in a component reloads when a new version is deployed.
+
+- [#406](https://github.com/jycouet/firstly/pull/406) [`dac5a18`](https://github.com/jycouet/firstly/commit/dac5a18c2164bb5bedd7bd729ba74cabee57fa26) Thanks [@jycouet](https://github.com/jycouet)! - SvelteKit 3 only (Node 22.17+), stay on `0.11.x` for Kit 2. `SP` navigates with `replace: true, reset: false`: `keepFocus` and `noScroll` in `gotoOpts` now throw, use `reset`. `firstly()` sets legacy decorators and nullifies `$app/env/private` on the client. `withStaleDeployReload` reads Kit 3's `handleError` input and skips preloads.
+
+### Patch Changes
+
+- [#425](https://github.com/jycouet/firstly/pull/425) [`59d01d6`](https://github.com/jycouet/firstly/commit/59d01d6f6e862b24b50853820bdac782b2dad64d) Thanks [@jycouet](https://github.com/jycouet)! - `SP.computing` stays `true` until the navigation lands, not just until `goto` is called.
+
 ## 0.11.0
 
 ### Minor Changes

package/esm/changeLog/index.d.ts

@@ -36,6 +36,7 @@ export declare const withChangeLog: <entityType>(options?: EntityOptions<entityT
     backendPreprocessFilter?: ((filter: import("remult").EntityFilter<entityType>, event: import("remult").PreprocessFilterEvent<entityType>) => import("remult").EntityFilter<entityType> | Promise<import("remult").EntityFilter<entityType>>) | undefined;
     backendPrefilter?: import("remult").EntityFilter<entityType> | (() => import("remult").EntityFilter<entityType> | Promise<import("remult").EntityFilter<entityType>>) | undefined;
     defaultOrderBy?: import("remult").EntityOrderBy<entityType> | undefined;
+    bulkInsert?: boolean;
     saving?: ((entity: entityType, event: LifecycleEvent<entityType>) => Promise<any> | any) | undefined;
     deleting?: ((entity: entityType, e: LifecycleEvent<entityType>) => Promise<any> | any) | undefined;
     validation?: ((entity: entityType, ref: LifecycleEvent<entityType>) => Promise<any> | any) | undefined;

package/esm/changeLog/server/index.d.ts

@@ -11,7 +11,7 @@ declare module 'remult' {
  *
  * @example
  * ```ts
- * import { withChangeLog } from '..'
+ * import { withChangeLog } from 'firstly/changeLog'
  *
  * \@Entity('users', withChangeLog({
  *   // ...
@@ -27,7 +27,7 @@ declare module 'remult' {
  * // APP_Entity.ts example
  * import { Entity, isBackend, type EntityOptions } from 'remult'
  *
- * import { withChangeLog } from '..'
+ * import { withChangeLog } from 'firstly/changeLog'
  *
  * export function APP_Entity<entityType>(
  * 	key: string,

package/esm/changeLog/server/index.js

@@ -6,7 +6,7 @@ import { ChangeLog } from '../changeLogEntities';
  *
  * @example
  * ```ts
- * import { withChangeLog } from '..'
+ * import { withChangeLog } from 'firstly/changeLog'
  *
  * \@Entity('users', withChangeLog({
  *   // ...
@@ -22,7 +22,7 @@ import { ChangeLog } from '../changeLogEntities';
  * // APP_Entity.ts example
  * import { Entity, isBackend, type EntityOptions } from 'remult'
  *
- * import { withChangeLog } from '..'
+ * import { withChangeLog } from 'firstly/changeLog'
  *
  * export function APP_Entity<entityType>(
  * 	key: string,

package/esm/core/FF_Allow.d.ts

@@ -16,7 +16,7 @@ export declare const FF_Allow: {
      * @example
      * Owner-only update / delete (typed):
      * ```ts
-     * import { FF_Entity, FF_Allow } from '..'
+     * import { FF_Entity, FF_Allow } from 'firstly'
      *
      * \@FF_Entity<Task>('tasks', {
      *   allowApiUpdate: FF_Allow.owner<Task>('userId'), // typed: 'userId' must be a key of Task
@@ -38,8 +38,8 @@ export declare const FF_Allow: {
      * @example
      * Admin OR owner (typed):
      * ```ts
-     * import { FF_Entity, FF_Allow } from '..'
-     * import { Roles } from '../roles'
+     * import { FF_Entity, FF_Allow } from 'firstly'
+     * import { Roles } from '../roles.js'
      *
      * \@FF_Entity<Task>('tasks', {
      *   allowApiUpdate: FF_Allow.ownerOr<Task>({ roles: [Roles.Admin] }),

package/esm/core/FF_Allow.js

@@ -17,7 +17,7 @@ export const FF_Allow = {
      * @example
      * Owner-only update / delete (typed):
      * ```ts
-     * import { FF_Entity, FF_Allow } from '..'
+     * import { FF_Entity, FF_Allow } from 'firstly'
      *
      * \@FF_Entity<Task>('tasks', {
      *   allowApiUpdate: FF_Allow.owner<Task>('userId'), // typed: 'userId' must be a key of Task
@@ -39,8 +39,8 @@ export const FF_Allow = {
      * @example
      * Admin OR owner (typed):
      * ```ts
-     * import { FF_Entity, FF_Allow } from '..'
-     * import { Roles } from '../roles'
+     * import { FF_Entity, FF_Allow } from 'firstly'
+     * import { Roles } from '../roles.js'
      *
      * \@FF_Entity<Task>('tasks', {
      *   allowApiUpdate: FF_Allow.ownerOr<Task>({ roles: [Roles.Admin] }),

package/esm/core/FF_Filter.d.ts

@@ -19,7 +19,7 @@ export declare const FF_Filter: {
      * @example
      * Owner-only prefilter (typed):
      * ```ts
-     * import { FF_Entity, FF_Filter } from '..'
+     * import { FF_Entity, FF_Filter } from 'firstly'
      *
      * \@FF_Entity<Task>('tasks', {
      *   apiPrefilter: () => FF_Filter.owner<Task>('userId'),
@@ -41,8 +41,8 @@ export declare const FF_Filter: {
      * @example
      * Admin sees all, others only their own (typed):
      * ```ts
-     * import { FF_Entity, FF_Filter } from '..'
-     * import { Roles } from '../roles'
+     * import { FF_Entity, FF_Filter } from 'firstly'
+     * import { Roles } from '../roles.js'
      *
      * \@FF_Entity<Task>('tasks', {
      *   apiPrefilter: () => FF_Filter.ownerOr<Task>({ roles: [Roles.Admin] }),

package/esm/core/FF_Filter.js

@@ -21,7 +21,7 @@ export const FF_Filter = {
      * @example
      * Owner-only prefilter (typed):
      * ```ts
-     * import { FF_Entity, FF_Filter } from '..'
+     * import { FF_Entity, FF_Filter } from 'firstly'
      *
      * \@FF_Entity<Task>('tasks', {
      *   apiPrefilter: () => FF_Filter.owner<Task>('userId'),
@@ -43,8 +43,8 @@ export const FF_Filter = {
      * @example
      * Admin sees all, others only their own (typed):
      * ```ts
-     * import { FF_Entity, FF_Filter } from '..'
-     * import { Roles } from '../roles'
+     * import { FF_Entity, FF_Filter } from 'firstly'
+     * import { Roles } from '../roles.js'
      *
      * \@FF_Entity<Task>('tasks', {
      *   apiPrefilter: () => FF_Filter.ownerOr<Task>({ roles: [Roles.Admin] }),

package/esm/core/FF_Validators.d.ts

@@ -30,8 +30,8 @@ export declare const resolveMessage: (m: LocalizedMessage) => string;
  * locale resolution:
  *
  * ```ts
- * import { createValidators } from '..'
- * import * as m from '../paraglide/messages'
+ * import { createValidators } from 'firstly'
+ * import * as m from '../paraglide/messages.js'
  *
  * export const App_Validators = createValidators({
  *   email: {

package/esm/core/FF_Validators.js

@@ -36,8 +36,8 @@ export const resolveMessage = (m) => (typeof m === 'function' ? m() : m);
  * locale resolution:
  *
  * ```ts
- * import { createValidators } from '..'
- * import * as m from '../paraglide/messages'
+ * import { createValidators } from 'firstly'
+ * import * as m from '../paraglide/messages.js'
  *
  * export const App_Validators = createValidators({
  *   email: {

package/esm/core/index.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/core/index.js

@@ -1,4 +1,4 @@
-"use strict";
+export {};
 // Files under lib/core/ are the pure-TS, frontend-safe primitives.
 // They are re-exported from lib/index.ts (the `firstly` root export).
 // Keep this barrel empty — import sources directly from ./BaseEnum,

package/esm/cron/server/index.d.ts

@@ -63,7 +63,7 @@ export type CronJobParams = {
  * usage:
  *
  * ```ts
- * import { cron, cronTime } from '..'
+ * import { cron, cronTime } from 'firstly/cron'
  *
  * export const api = firstly({
  *   modules: [

package/esm/cron/server/index.js

@@ -36,7 +36,7 @@ const fmtDuration = (ms) => (ms < 1000 ? `${ms}ms` : `${(ms / 1000).toFixed(1)}s
  * usage:
  *
  * ```ts
- * import { cron, cronTime } from '..'
+ * import { cron, cronTime } from 'firstly/cron'
  *
  * export const api = firstly({
  *   modules: [

package/esm/mail/ui/WriteMail.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { remult } from 'remult'
-	import { errorMessage } from '../..'
 
+	import { errorMessage } from '../../index.js'
 	import { MailController } from '../MailController'
 	import { Roles_Mail } from '../Roles_Mail'
 

package/esm/sqlAdmin/server/index.d.ts

@@ -65,7 +65,7 @@ export type SqlAdminOptions = {
  * @example
  * ```ts
  * import { remultApi } from 'remult/remult-sveltekit'
- * import { sqlAdmin } from './'
+ * import { sqlAdmin } from 'firstly/sqlAdmin/server'
  *
  * export const api = remultApi({
  *   modules: [sqlAdmin({ tokens: { capabilities: ['read'] } })],
@@ -75,7 +75,7 @@ export type SqlAdminOptions = {
  * Then on any admin route:
  * ```svelte
  * <script>
- *   import { SqlAdmin, SqlTokens } from '..'
+ *   import { SqlAdmin, SqlTokens } from 'firstly/sqlAdmin'
  * </script>
  * <SqlAdmin />
  * <SqlTokens />

package/esm/sqlAdmin/server/index.js

@@ -59,7 +59,7 @@ async function resolveReadPool(opt = 'auto') {
  * @example
  * ```ts
  * import { remultApi } from 'remult/remult-sveltekit'
- * import { sqlAdmin } from './'
+ * import { sqlAdmin } from 'firstly/sqlAdmin/server'
  *
  * export const api = remultApi({
  *   modules: [sqlAdmin({ tokens: { capabilities: ['read'] } })],
@@ -69,7 +69,7 @@ async function resolveReadPool(opt = 'auto') {
  * Then on any admin route:
  * ```svelte
  * <script>
- *   import { SqlAdmin, SqlTokens } from '..'
+ *   import { SqlAdmin, SqlTokens } from 'firstly/sqlAdmin'
  * </script>
  * <SqlAdmin />
  * <SqlTokens />

package/esm/sqlAdmin/ui/SqlAdmin.svelte

@@ -116,8 +116,7 @@
 				bind:value={sqlInput}
 				class="h-52 w-full border border-input bg-background p-3 font-mono text-sm text-foreground placeholder-muted-foreground focus:border-ring focus:outline-none disabled:opacity-50"
 				placeholder="Enter SQL command..."
-				disabled={isLoading}
-			></textarea>
+				disabled={isLoading}></textarea>
 			<div class="flex flex-wrap items-center gap-4">
 				<button
 					type="submit"

package/esm/sqlAdmin/ui/SqlDrift.svelte

@@ -188,7 +188,7 @@
 		type="button"
 		{onclick}
 		disabled={loading}
-		class="bg-secondary text-secondary-foreground hover:bg-secondary/80 px-3 py-1.5 text-sm font-medium disabled:opacity-50"
+		class="bg-secondary px-3 py-1.5 text-sm font-medium text-secondary-foreground hover:bg-secondary/80 disabled:opacity-50"
 	>
 		{loading ? 'Running…' : label}
 	</button>
@@ -199,19 +199,19 @@
 		type="button"
 		{onclick}
 		{disabled}
-		class="bg-primary text-primary-foreground hover:bg-primary/90 px-3 py-1.5 text-sm font-medium disabled:opacity-50"
+		class="bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
 	>
 		{label}
 	</button>
 {/snippet}
 
 {#snippet resultTable(headers: string[], children: import('svelte').Snippet)}
-	<div class="border-border overflow-auto border">
+	<div class="overflow-auto border border-border">
 		<table class="w-full border-collapse text-sm">
 			<thead class="bg-muted">
 				<tr>
 					{#each headers as h (h)}
-						<th class="border-border border-b px-3 py-2 text-left font-semibold">{h}</th>
+						<th class="border-b border-border px-3 py-2 text-left font-semibold">{h}</th>
 					{/each}
 				</tr>
 			</thead>
@@ -222,18 +222,18 @@
 	</div>
 {/snippet}
 
-<div class="border-border bg-card text-card-foreground border">
+<div class="border border-border bg-card text-card-foreground">
 	<header class="px-5 py-4">
 		<h2 class="text-lg font-semibold">Schema drift</h2>
-		<p class="text-muted-foreground mt-1 text-sm">
+		<p class="mt-1 text-sm text-muted-foreground">
 			Remult creates tables and adds columns, but never revisits them. Each check below is a dry run
 			first; applying runs in one transaction.
 		</p>
 		{#if flagsError}
 			<pre
-				class="border-destructive/40 bg-destructive/10 text-destructive mt-3 overflow-auto border p-3 text-sm">{flagsError}</pre>
+				class="mt-3 overflow-auto border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive">{flagsError}</pre>
 		{:else if flags && !Object.values(flags).some(Boolean)}
-			<p class="text-muted-foreground mt-3 text-sm">
+			<p class="mt-3 text-sm text-muted-foreground">
 				No check enabled. Opt in with <code class="font-mono"
 					>sqlAdmin(&#123; drift: &#123; entities, relationIndexes: true, ... &#125; &#125;)</code
 				>.
@@ -243,9 +243,9 @@
 
 	<!-- Flow 1: primary keys -->
 	{#if flags?.primaryKeys}
-		<section class="border-border border-t p-5">
+		<section class="border-t border-border p-5">
 			<h3 class="text-sm font-semibold">Primary key drift</h3>
-			<p class="text-muted-foreground mt-1 mb-4 max-w-[80ch] text-sm">
+			<p class="mt-1 mb-4 max-w-[80ch] text-sm text-muted-foreground">
 				Postgres only sets a PK on first table creation and never ALTERs it, so a later
 				<code class="font-mono">id</code> change is silently ignored. Applying runs every migration atomically.
 			</p>
@@ -261,12 +261,12 @@
 
 			{#if pkError}
 				<pre
-					class="border-destructive/40 bg-destructive/10 text-destructive mb-4 overflow-auto border p-3 text-sm">{pkError}</pre>
+					class="mb-4 overflow-auto border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive">{pkError}</pre>
 			{/if}
 
 			{#if pkResult}
 				{#if pkResult.applied}
-					<p class="border-primary/30 bg-primary/10 text-primary mb-3 border p-2 text-sm">
+					<p class="mb-3 border border-primary/30 bg-primary/10 p-2 text-sm text-primary">
 						Applied · {pkDrift} table{pkDrift === 1 ? '' : 's'} migrated
 					</p>
 				{/if}
@@ -274,15 +274,15 @@
 				{#snippet pkRows()}
 					{#each pkPlans as p (p.table)}
 						<tr class="even:bg-muted/40" class:opacity-50={p.action === 'ok'}>
-							<td class="border-border border-b px-3 py-2 font-mono">{p.table}</td>
-							<td class="border-border text-muted-foreground border-b px-3 py-2 font-mono">
+							<td class="border-b border-border px-3 py-2 font-mono">{p.table}</td>
+							<td class="border-b border-border px-3 py-2 font-mono text-muted-foreground">
 								{p.before.join(', ') || '-'}
 							</td>
-							<td class="border-border text-muted-foreground border-b px-3 py-2 font-mono">
+							<td class="border-b border-border px-3 py-2 font-mono text-muted-foreground">
 								{p.after.join(', ')}
 							</td>
 							<td
-								class="border-border border-b px-3 py-2 font-mono"
+								class="border-b border-border px-3 py-2 font-mono"
 								class:text-primary={p.action === 'migrate' || p.action === 'create'}
 								class:text-muted-foreground={p.action === 'missing'}
 							>
@@ -298,9 +298,9 @@
 
 	<!-- Flow 2: relation indexes -->
 	{#if flags?.relationIndexes}
-		<section class="border-border border-t p-5">
+		<section class="border-t border-border p-5">
 			<h3 class="text-sm font-semibold">Relation indexes</h3>
-			<p class="text-muted-foreground mt-1 mb-4 max-w-[80ch] text-sm">
+			<p class="mt-1 mb-4 max-w-[80ch] text-sm text-muted-foreground">
 				Postgres doesn't auto-index foreign keys. This indexes the FK columns of
 				<code class="font-mono">toOne</code> relations - unless they're already a leftmost prefix of an
 				existing index (the PK counts), so <code class="font-mono">a</code> on a
@@ -320,12 +320,12 @@
 
 			{#if relError}
 				<pre
-					class="border-destructive/40 bg-destructive/10 text-destructive mb-4 overflow-auto border p-3 text-sm">{relError}</pre>
+					class="mb-4 overflow-auto border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive">{relError}</pre>
 			{/if}
 
 			{#if relResult}
 				{#if relResult.applied}
-					<p class="border-primary/30 bg-primary/10 text-primary mb-3 border p-2 text-sm">
+					<p class="mb-3 border border-primary/30 bg-primary/10 p-2 text-sm text-primary">
 						Created · {relMissing} index{relMissing === 1 ? '' : 'es'}
 					</p>
 				{/if}
@@ -333,12 +333,12 @@
 				{#snippet relRows()}
 					{#each relPlans as p (p.name)}
 						<tr class="even:bg-muted/40" class:opacity-50={p.action === 'ok'}>
-							<td class="border-border border-b px-3 py-2 font-mono">{p.name}</td>
-							<td class="border-border text-muted-foreground border-b px-3 py-2 font-mono">
+							<td class="border-b border-border px-3 py-2 font-mono">{p.name}</td>
+							<td class="border-b border-border px-3 py-2 font-mono text-muted-foreground">
 								{p.table} ({p.columns.join(', ')})
 							</td>
 							<td
-								class="border-border border-b px-3 py-2 font-mono"
+								class="border-b border-border px-3 py-2 font-mono"
 								class:text-primary={p.action === 'create'}
 							>
 								{p.action === 'ok'
@@ -357,9 +357,9 @@
 
 	<!-- Flow 3: drop orphan columns -->
 	{#if flags?.orphanColumns}
-		<section class="border-border border-t p-5">
+		<section class="border-t border-border p-5">
 			<h3 class="text-sm font-semibold">Orphan columns</h3>
-			<p class="text-muted-foreground mt-1 mb-4 max-w-[80ch] text-sm">
+			<p class="mt-1 mb-4 max-w-[80ch] text-sm text-muted-foreground">
 				Remult only ever ADDs columns, never drops them, so a field removed from an entity leaves its
 				column behind. This lists live columns no entity field declares - e.g. a
 				<code class="font-mono">createdAt</code> now covered by the changelog. Destructive, so nothing
@@ -377,23 +377,23 @@
 
 			{#if dropError}
 				<pre
-					class="border-destructive/40 bg-destructive/10 text-destructive mb-4 overflow-auto border p-3 text-sm">{dropError}</pre>
+					class="mb-4 overflow-auto border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive">{dropError}</pre>
 			{/if}
 
 			{#if dropResult}
 				{#if dropResult.applied}
-					<p class="border-primary/30 bg-primary/10 text-primary mb-3 border p-2 text-sm">
+					<p class="mb-3 border border-primary/30 bg-primary/10 p-2 text-sm text-primary">
 						Dropped · {dropResult.dropped.length} column{dropResult.dropped.length === 1 ? '' : 's'}
 					</p>
 				{/if}
 
 				{#if dropPlans.length === 0}
-					<p class="text-muted-foreground text-sm">No orphan columns - every column maps to a field.</p>
+					<p class="text-sm text-muted-foreground">No orphan columns - every column maps to a field.</p>
 				{:else}
 					{#snippet dropRows()}
 						{#each dropPlans as p (keyOf(p))}
 							<tr class="even:bg-muted/40">
-								<td class="border-border border-b px-3 py-2">
+								<td class="border-b border-border px-3 py-2">
 									<input
 										type="checkbox"
 										checked={selected.has(keyOf(p))}
@@ -401,8 +401,8 @@
 										aria-label={`Drop ${keyOf(p)}`}
 									/>
 								</td>
-								<td class="border-border border-b px-3 py-2 font-mono">{p.table}</td>
-								<td class="border-border text-primary border-b px-3 py-2 font-mono">{p.column}</td>
+								<td class="border-b border-border px-3 py-2 font-mono">{p.table}</td>
+								<td class="border-b border-border px-3 py-2 font-mono text-primary">{p.column}</td>
 							</tr>
 						{/each}
 					{/snippet}
@@ -414,9 +414,9 @@
 
 	<!-- Flow 4: nullability drift -->
 	{#if flags?.nullable}
-		<section class="border-border border-t p-5">
+		<section class="border-t border-border p-5">
 			<h3 class="text-sm font-semibold">Nullability drift</h3>
-			<p class="text-muted-foreground mt-1 mb-4 max-w-[80ch] text-sm">
+			<p class="mt-1 mb-4 max-w-[80ch] text-sm text-muted-foreground">
 				A field that is not <code class="font-mono">allowNull</code> makes Remult create the column
 				<code class="font-mono">default '' not null</code>, and it never relaxes that afterwards. So a
 				column added before its field learned <code class="font-mono">allowNull</code> still hands every
@@ -439,25 +439,25 @@
 
 			{#if nullError}
 				<pre
-					class="border-destructive/40 bg-destructive/10 text-destructive mb-4 overflow-auto border p-3 text-sm">{nullError}</pre>
+					class="mb-4 overflow-auto border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive">{nullError}</pre>
 			{/if}
 
 			{#if nullResult}
 				{#if nullResult.applied}
-					<p class="border-primary/30 bg-primary/10 text-primary mb-3 border p-2 text-sm">
+					<p class="mb-3 border border-primary/30 bg-primary/10 p-2 text-sm text-primary">
 						Fixed · {nullResult.fixed.length} column{nullResult.fixed.length === 1 ? '' : 's'}
 					</p>
 				{/if}
 
 				{#if nullPlans.length === 0}
-					<p class="text-muted-foreground text-sm">
+					<p class="text-sm text-muted-foreground">
 						No drift - every nullable field has a plain nullable column.
 					</p>
 				{:else}
 					{#snippet nullRows()}
 						{#each nullPlans as p (keyOf(p))}
 							<tr class="even:bg-muted/40">
-								<td class="border-border border-b px-3 py-2">
+								<td class="border-b border-border px-3 py-2">
 									<input
 										type="checkbox"
 										checked={nullSelected.has(keyOf(p))}
@@ -465,14 +465,14 @@
 										aria-label={`Fix ${keyOf(p)}`}
 									/>
 								</td>
-								<td class="border-border border-b px-3 py-2 font-mono">{p.table}</td>
-								<td class="border-border text-primary border-b px-3 py-2 font-mono">{p.column}</td>
-								<td class="border-border border-b px-3 py-2 text-sm">
+								<td class="border-b border-border px-3 py-2 font-mono">{p.table}</td>
+								<td class="border-b border-border px-3 py-2 font-mono text-primary">{p.column}</td>
+								<td class="border-b border-border px-3 py-2 text-sm">
 									{[p.dropDefault && 'drop default', p.dropNotNull && 'drop not null']
 										.filter(Boolean)
 										.join(' · ')}
 								</td>
-								<td class="border-border border-b px-3 py-2 text-sm">
+								<td class="border-b border-border px-3 py-2 text-sm">
 									{p.blankToNull ? "'' → NULL" : 'rows kept'}
 								</td>
 							</tr>

package/esm/svelte/FF_DialogManager.svelte

@@ -196,7 +196,7 @@
 			role="dialog"
 			aria-modal="true"
 			tabindex="-1"
-			class="bg-background text-foreground border-border relative z-[1] max-h-[90vh] w-full {widthClass[
+			class="relative z-[1] max-h-[90vh] w-full border-border bg-background text-foreground {widthClass[
 				width
 			]} overflow-auto rounded-lg border p-5 shadow-xl"
 		>
@@ -207,7 +207,7 @@
 				<button
 					type="button"
 					aria-label="Close"
-					class="text-muted-foreground hover:text-foreground absolute top-3 right-3 inline-flex size-7 items-center justify-center rounded-md"
+					class="absolute top-3 right-3 inline-flex size-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground"
 					onclick={dismiss}
 				>
 					✕
@@ -242,7 +242,7 @@
 			aria-labelledby={title ? `ff-dlg-title-${id}` : undefined}
 			aria-label={title ? undefined : message}
 			aria-describedby="ff-dlg-desc-{id}"
-			class="bg-background text-foreground border-border relative z-[1] w-full max-w-sm rounded-lg border p-5 shadow-xl"
+			class="relative z-[1] w-full max-w-sm rounded-lg border border-border bg-background p-5 text-foreground shadow-xl"
 		>
 			{#if title}
 				<h2 id="ff-dlg-title-{id}" class="mb-2 text-lg font-semibold">{title}</h2>
@@ -251,7 +251,7 @@
 			<div class="mt-5 flex justify-end gap-2">
 				<button
 					type="button"
-					class="border-border hover:bg-muted rounded-md border px-3 py-1.5 text-sm"
+					class="rounded-md border border-border px-3 py-1.5 text-sm hover:bg-muted"
 					onclick={cancel}
 				>
 					{cancelLabel}

package/esm/svelte/FF_PromptDefault.svelte

@@ -38,7 +38,7 @@
 		tabindex="-1"
 		aria-labelledby={item.title ? `ff-prompt-title-${item.id}` : undefined}
 		aria-label={item.title ? undefined : item.label ? resolveMessage(item.label) : undefined}
-		class="bg-background text-foreground border-border relative z-[1] w-full max-w-sm rounded-lg border p-5 shadow-xl"
+		class="relative z-[1] w-full max-w-sm rounded-lg border border-border bg-background p-5 text-foreground shadow-xl"
 	>
 		<form
 			onsubmit={(e) => {
@@ -52,7 +52,7 @@
 				</h2>
 			{/if}
 			{#if item.label}
-				<label class="text-muted-foreground mb-1 block text-sm" for="ff-prompt-{item.id}">
+				<label class="mb-1 block text-sm text-muted-foreground" for="ff-prompt-{item.id}">
 					{resolveMessage(item.label)}
 				</label>
 			{/if}
@@ -60,22 +60,22 @@
 				id="ff-prompt-{item.id}"
 				bind:value
 				placeholder={item.placeholder}
-				class="border-border bg-card focus-visible:ring-ring w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:outline-none"
+				class="w-full rounded-md border border-border bg-card px-3 py-2 text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
 			/>
 			{#if item.hint}
-				<p class="text-muted-foreground mt-1 text-xs">{item.hint(value)}</p>
+				<p class="mt-1 text-xs text-muted-foreground">{item.hint(value)}</p>
 			{/if}
 			<div class="mt-5 flex justify-end gap-2">
 				<button
 					type="button"
-					class="border-border hover:bg-muted rounded-md border px-3 py-1.5 text-sm"
+					class="rounded-md border border-border px-3 py-1.5 text-sm hover:bg-muted"
 					onclick={oncancel}
 				>
 					{resolveMessage(item.cancelLabel ?? cfg.messages.cancel)}
 				</button>
 				<button
 					type="submit"
-					class="bg-primary text-primary-foreground hover:bg-primary/90 rounded-md px-3 py-1.5 text-sm font-medium"
+					class="rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90"
 				>
 					{resolveMessage(item.confirmLabel ?? cfg.messages.ok)}
 				</button>

package/esm/svelte/class/SP.svelte.d.ts

@@ -22,6 +22,7 @@ export declare class SP<T extends Record<string, any>> {
     private debouncedValues;
     computing: boolean;
     private debouncedToURL;
+    private lastNavigation;
     private sharedDebouncePending;
     private activeDebounces;
     private longestDebounceTime;