sveltekit-admin 0.2.1 → 0.5.3

package/dist/server/views/Dashboard.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import StatCard from './StatCard.svelte';
+  import ModelCard from './ModelCard.svelte';
+
+  let {
+    models,
+    stats,
+    basePath
+  }: {
+    models: Array<{ name: string; label: string; count: number }>;
+    stats: { total: number; models: number };
+    basePath: string;
+  } = $props();
+</script>
+
+<h1>Dashboard</h1>
+<p class="ska-subtitle">Welcome to your admin panel</p>
+
+<div class="ska-stats">
+  <StatCard icon="models" value={stats.models} label="Models" />
+  <StatCard icon="records" value={stats.total} label="Total Records" />
+</div>
+
+<h2>Models</h2>
+<div class="ska-models">
+  {#each models as m (m.name)}
+    <ModelCard href="{basePath}/{m.name.toLowerCase()}" label={m.label} count={m.count} />
+  {/each}
+</div>

package/dist/server/views/Dashboard.svelte.d.ts

@@ -0,0 +1,15 @@
+type $$ComponentProps = {
+    models: Array<{
+        name: string;
+        label: string;
+        count: number;
+    }>;
+    stats: {
+        total: number;
+        models: number;
+    };
+    basePath: string;
+};
+declare const Dashboard: import("svelte").Component<$$ComponentProps, {}, "">;
+type Dashboard = ReturnType<typeof Dashboard>;
+export default Dashboard;

package/dist/server/views/FieldInput.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+  import type { PrismaField } from '../introspection/parser.js';
+  import { toLabel } from './html.js';
+
+  let { field, value, isReadonly }: { field: PrismaField; value: any; isReadonly: boolean } =
+    $props();
+
+  const label = $derived(toLabel(field.name));
+  const required = $derived(field.isRequired && !field.hasDefault && !isReadonly);
+
+  const lower = $derived(field.name.toLowerCase());
+  const isLongText = $derived(
+    field.type === 'String' &&
+    ['description', 'content', 'body', 'bio'].some((k) => lower.includes(k))
+  );
+
+  const inputType = $derived.by(() => {
+    switch (field.type) {
+      case 'Int':
+      case 'Float':
+      case 'Decimal':
+      case 'BigInt':
+        return 'number';
+      case 'DateTime':
+        return 'datetime-local';
+      default:
+        return 'text';
+    }
+  });
+
+  const inputValue = $derived.by(() => {
+    if (field.type === 'DateTime' && value) {
+      return new Date(value).toISOString().slice(0, 16);
+    }
+    return value ?? '';
+  });
+
+  const jsonValue = $derived(value ? JSON.stringify(value, null, 2) : '');
+</script>
+
+{#if field.type === 'Boolean'}
+  <div class="ska-field">
+    <label class="ska-checkbox-wrap">
+      <input type="checkbox" name={field.name} class="ska-checkbox" checked={!!value} disabled={isReadonly} />
+      <span class="ska-label">{label}</span>
+    </label>
+  </div>
+{:else if field.type === 'Json'}
+  <div class="ska-field">
+    <label class="ska-label" for={field.name}>{label}{required ? ' *' : ''}</label>
+    <textarea id={field.name} name={field.name} class="ska-input" rows="4" readonly={isReadonly} required={required}>{jsonValue}</textarea>
+  </div>
+{:else if isLongText}
+  <div class="ska-field">
+    <label class="ska-label" for={field.name}>{label}{required ? ' *' : ''}</label>
+    <textarea id={field.name} name={field.name} class="ska-input" rows="4" readonly={isReadonly} required={required}>{inputValue}</textarea>
+  </div>
+{:else}
+  <div class="ska-field">
+    <label class="ska-label" for={field.name}>{label}{required ? ' *' : ''}</label>
+    <input id={field.name} type={inputType} name={field.name} value={inputValue} class="ska-input" readonly={isReadonly} required={required} />
+  </div>
+{/if}

package/dist/server/views/FieldInput.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { PrismaField } from '../introspection/parser.js';
+type $$ComponentProps = {
+    field: PrismaField;
+    value: any;
+    isReadonly: boolean;
+};
+declare const FieldInput: import("svelte").Component<$$ComponentProps, {}, "">;
+type FieldInput = ReturnType<typeof FieldInput>;
+export default FieldInput;

package/dist/server/views/Form.svelte

@@ -0,0 +1,127 @@
+<script lang="ts">
+  import type { AdminHandlerConfig } from '../handler.js';
+  import type { ViewModel } from './types.js';
+  import FieldInput from './FieldInput.svelte';
+  import RelationSelect from './RelationSelect.svelte';
+  import RelationCheckboxes from './RelationCheckboxes.svelte';
+  import RelatedBlock from './RelatedBlock.svelte';
+
+  let {
+    mode,
+    model,
+    basePath,
+    config,
+    item
+  }: {
+    mode: 'create' | 'edit';
+    model: ViewModel;
+    basePath: string;
+    config: AdminHandlerConfig;
+    item?: any;
+  } = $props();
+
+  const modelConfig = $derived(config.models?.[model.name] || {});
+  const hidden = $derived(modelConfig.hidden || []);
+  const readonly = $derived(modelConfig.readonly || []);
+  const listPath = $derived(`${basePath}/${model.name.toLowerCase()}`);
+
+  const formFields = $derived(
+    mode === 'create'
+      ? model.fields.filter(
+          (f) =>
+            !hidden.includes(f.name) &&
+            !f.isId &&
+            !f.isCreatedAt &&
+            !f.isUpdatedAt &&
+            !f.relation &&
+            !f.hasDefault &&
+            // Masqué : remplacé par le select de sa relation ci-dessous.
+            !model.relationGraph?.scalarToRelation.has(f.name)
+        )
+      : model.fields.filter(
+          (f) =>
+            !hidden.includes(f.name) &&
+            !f.relation &&
+            !model.relationGraph?.scalarToRelation.has(f.name)
+        )
+  );
+
+  const isFieldReadonly = (f: (typeof formFields)[number]) =>
+    mode === 'edit' && (f.isId || f.isCreatedAt || f.isUpdatedAt || readonly.includes(f.name));
+
+  const relationSelects = $derived(
+    model.relationGraph
+      ? [...model.relationGraph.edges.values()].filter(
+          (e) =>
+            e.model === model.name &&
+            e.kind === 'to-one-owning' &&
+            !e.unsupported &&
+            !hidden.includes(e.field) &&
+            model.relationOptions?.has(`${e.model}.${e.field}`)
+        )
+      : []
+  );
+
+  const currentValueOf = (scalarName: string) => (item ? item[scalarName] : null);
+
+  const relationCheckboxGroups = $derived(
+    model.relationGraph
+      ? [...model.relationGraph.edges.values()].filter(
+          (e) =>
+            e.model === model.name &&
+            e.kind === 'm2m-implicit' &&
+            !e.unsupported &&
+            !hidden.includes(e.field) &&
+            model.relationOptions?.has(`${e.model}.${e.field}`)
+        )
+      : []
+  );
+
+  const inverseEdges = $derived(
+    model.relationGraph
+      ? [...model.relationGraph.edges.values()].filter(
+          (e) => e.model === model.name && (e.kind === 'to-many-inverse' || e.kind === 'to-one-inverse')
+        )
+      : []
+  );
+</script>
+
+<a href={listPath} class="ska-back">← Back to list</a>
+<h1>{mode === 'create' ? 'Create' : 'Edit'} {model.label}</h1>
+{#if mode === 'edit'}
+  <p class="ska-subtitle">ID: {item[model.primaryKey]}</p>
+{/if}
+
+<div class="ska-card">
+  <form method="POST" class="ska-form">
+    <input type="hidden" name="_action" value={mode === 'create' ? 'create' : 'update'} />
+    {#each formFields as f (f.name)}
+      <FieldInput field={f} value={item ? item[f.name] : null} isReadonly={isFieldReadonly(f)} />
+    {/each}
+    {#each relationSelects as edge (edge.field)}
+      <RelationSelect
+        {edge}
+        meta={model.relationOptions!.get(`${edge.model}.${edge.field}`)!}
+        currentValue={currentValueOf(edge.scalarFields[0])}
+        {config}
+      />
+    {/each}
+    {#each relationCheckboxGroups as edge (edge.field)}
+      <RelationCheckboxes {edge} meta={model.relationOptions!.get(`${edge.model}.${edge.field}`)!} />
+    {/each}
+    <div class="ska-form__actions">
+      <button type="submit" class="ska-btn ska-btn--primary">{mode === 'create' ? 'Create' : 'Save Changes'}</button>
+      <a href={listPath} class="ska-btn ska-btn--secondary">Cancel</a>
+    </div>
+  </form>
+</div>
+{#if mode === 'edit' && model.relationGraph && model.relatedCounts}
+  <RelatedBlock
+    edges={inverseEdges}
+    graph={model.relationGraph}
+    counts={model.relatedCounts}
+    currentId={item[model.primaryKey]}
+    {basePath}
+  />
+{/if}
+

package/dist/server/views/Form.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { AdminHandlerConfig } from '../handler.js';
+import type { ViewModel } from './types.js';
+type $$ComponentProps = {
+    mode: 'create' | 'edit';
+    model: ViewModel;
+    basePath: string;
+    config: AdminHandlerConfig;
+    item?: any;
+};
+declare const Form: import("svelte").Component<$$ComponentProps, {}, "">;
+type Form = ReturnType<typeof Form>;
+export default Form;

package/dist/server/views/Layout.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+  import type { AdminHandlerConfig } from '../handler.js';
+  import { styles } from './theme.js';
+
+  let {
+    content,
+    config,
+    modelList,
+    currentModel
+  }: {
+    content: string;
+    config: AdminHandlerConfig;
+    modelList: Array<{ name: string; label: string }>;
+    currentModel?: string;
+  } = $props();
+
+  const branding = $derived(config.branding ?? {});
+  const title = $derived(branding.title || 'Admin');
+  const primaryColor = $derived(branding.primaryColor || '#6366f1');
+  const basePath = $derived(config.basePath || '/admin');
+  // No button at all if `logout` isn't configured — an admin that never
+  // opted into this option looks exactly as it did before it existed.
+  const showLogout = $derived(Boolean(config.logout));
+</script>
+
+<!doctype html>
+<html lang="en">
+<!-- eslint-disable-next-line svelte/no-raw-special-elements -- server-only full-document template, never mounted client-side -->
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{title}</title>
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -- CSS injected as raw text; a literal <style> block can't take a dynamic value; primaryColor is developer-supplied config, not request/database data, and this raw interpolation is unchanged from the original layout.ts implementation, not a new injection point introduced by this migration -->
+  {@html `<style>${styles(primaryColor)}</style>`}
+</head>
+<!-- eslint-disable-next-line svelte/no-raw-special-elements -- server-only full-document template, never mounted client-side -->
+<body>
+  <div class="ska-layout">
+    <aside class="ska-sidebar">
+      <a href={basePath} class="ska-logo">{title}</a>
+      <nav>
+        <ul class="ska-nav">
+          <li class="ska-nav__item">
+            <a href={basePath} class="ska-nav__link" class:ska-nav__link--active={!currentModel}>
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
+              Dashboard
+            </a>
+          </li>
+          {#each modelList as m (m.name)}
+          <li class="ska-nav__item">
+            <a
+              href="{basePath}/{m.name.toLowerCase()}"
+              class="ska-nav__link"
+              class:ska-nav__link--active={currentModel?.toLowerCase() === m.name.toLowerCase()}
+            >
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7V4h16v3M9 20h6M12 4v16"/></svg>
+              {m.label}
+            </a>
+          </li>
+          {/each}
+        </ul>
+      </nav>
+      {#if showLogout}
+        <form method="POST" action="{basePath}/_logout" class="ska-logout">
+          <button type="submit" class="ska-logout__btn">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
+            Log out
+          </button>
+        </form>
+      {/if}
+    </aside>
+    <main class="ska-main">
+      <!-- eslint-disable-next-line svelte/no-at-html-tags -- content is pre-rendered HTML from sibling view components / the handler's own escaped error string -->
+      {@html content}
+    </main>
+  </div>
+</body>
+</html>

package/dist/server/views/Layout.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { AdminHandlerConfig } from '../handler.js';
+type $$ComponentProps = {
+    content: string;
+    config: AdminHandlerConfig;
+    modelList: Array<{
+        name: string;
+        label: string;
+    }>;
+    currentModel?: string;
+};
+declare const Layout: import("svelte").Component<$$ComponentProps, {}, "">;
+type Layout = ReturnType<typeof Layout>;
+export default Layout;

package/dist/server/views/List.svelte

@@ -0,0 +1,240 @@
+<script lang="ts">
+  import type { AdminHandlerConfig } from '../handler.js';
+  import type { ViewModel } from './types.js';
+  import type { ListQuery } from '../query/listQuery.js';
+  import type { ResolvedFilterField } from '../query/filterDetection.js';
+  import { DATETIME_PRESETS } from '../query/filterDetection.js';
+  import type { FkFilterMeta } from './types.js';
+  import { getDisplayFields } from '../introspection/parser.js';
+  import { buildListUrl, hiddenParams } from '../query/urls.js';
+  import { escapeHtml, toLabel, formatValue } from './html.js';
+  import ListFilters from './ListFilters.svelte';
+
+  let {
+    model,
+    items,
+    pagination,
+    basePath,
+    config,
+    query,
+    currentUrl,
+    listFilters,
+    fkFilterMeta
+  }: {
+    model: ViewModel;
+    items: any[];
+    pagination: { page: number; perPage: number; total: number };
+    basePath: string;
+    config: AdminHandlerConfig;
+    /** Recherche/filtres actifs, absent quand l'appelant ne les gère pas (rétrocompat des tests directs du composant). */
+    query?: ListQuery;
+    /** URL de la requête courante — nécessaire pour construire les liens de pagination et le form GET. Absent = pagination legacy `?page=N` isolée. */
+    currentUrl?: URL;
+    /** Filtres sidebar résolus (Boolean/enum/date/range/FK), absent = pas de sidebar rendue. */
+    listFilters?: ResolvedFilterField[];
+    /** Métadonnées async (options scopées + label actif) pour les filtres FK configurés. */
+    fkFilterMeta?: Map<string, FkFilterMeta>;
+  } = $props();
+
+  const modelConfig = $derived(config.models?.[model.name] || {});
+  const hidden = $derived(modelConfig.hidden || []);
+  const listFields = $derived(modelConfig.listFields);
+
+  const displayFields = $derived.by(() => {
+    const explicit = new Set(listFields ?? []);
+    const safeNames = new Set(getDisplayFields(model).map((f) => f.name));
+
+    let fields = model.fields.filter(
+      (f) =>
+        (explicit.has(f.name) || safeNames.has(f.name)) &&
+        !hidden.includes(f.name) &&
+        !f.relation &&
+        !['Json', 'Bytes'].includes(f.type)
+    );
+
+    if (listFields?.length) {
+      fields = fields.filter((f) => listFields.includes(f.name));
+    }
+
+    return fields.slice(0, 6);
+  });
+
+  const listPath = $derived(`${basePath}/${model.name.toLowerCase()}`);
+  const totalPages = $derived(Math.ceil(pagination.total / pagination.perPage));
+
+  // Barre de recherche rendue seulement si des champs sont réellement
+  // cherchables pour ce modèle — jamais un input muet qui ne filtre rien
+  // (docs/design §2.1).
+  const hasSearch = $derived((query?.searchFields.length ?? 0) > 0);
+  const hasActiveCriteria = $derived(
+    Boolean(query && (query.q || query.filters.length > 0))
+  );
+
+  const pageHref = $derived.by(() => {
+    if (!currentUrl) return (n: number) => `?page=${n}`;
+    return (n: number) => buildListUrl(currentUrl, { page: String(n) });
+  });
+  const clearHref = $derived(currentUrl ? currentUrl.pathname : listPath);
+  const searchHiddenParams = $derived(currentUrl ? hiddenParams(currentUrl, ['q']) : []);
+
+  /** Valeur brute active par champ (pour marquer l'option correspondante dans la sidebar). */
+  const activeFilterValues = $derived.by(() => {
+    // Rendu SSR sans hydratation : la Map est construite une fois par
+    // render et jamais mutée après coup, SvelteMap n'a aucun intérêt ici.
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity
+    const map = new Map<string, string>();
+    const presetSet = new Set<string>(DATETIME_PRESETS);
+    for (const f of query?.filters ?? []) {
+      if (f.op === 'equals') {
+        map.set(f.field, f.raw);
+      } else if (f.op === 'gte' && presetSet.has(f.raw)) {
+        // Un raccourci DateTime (§5.5) sort de parseListQuery avec
+        // `op: 'gte'` (le range gte/lt est fusionné dans un seul
+        // ActiveFilter) mais `raw` reste le nom du preset d'origine
+        // ('today'/'7d'/'month'/'year'), jamais la date calculée — c'est
+        // ce qui permet de le distinguer d'un `?f.x__gte=<date brute>`
+        // manuel, qui lui ne doit JAMAIS marquer une entrée de sidebar
+        // active (bug trouvé en review : sans cette distinction, aucun
+        // preset actif n'était jamais marqué, régression a11y contre
+        // aria-current exigé par §3.4).
+        map.set(f.field, f.raw);
+      }
+    }
+    return map;
+  });
+
+  /** Bornes gte/lte actives par champ (pour préremplir les inputs "range" de la sidebar). */
+  const activeRangeValues = $derived.by(() => {
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity
+    const map = new Map<string, { gte?: string; lte?: string }>();
+    for (const f of query?.filters ?? []) {
+      if (f.op !== 'gte' && f.op !== 'lte') continue;
+      const entry = map.get(f.field) ?? {};
+      entry[f.op] = f.raw;
+      map.set(f.field, entry);
+    }
+    return map;
+  });
+
+  /**
+   * Messages « Filtre ignoré : champ "foo" inconnu » rendus pour chaque
+   * entrée `query.ignored`. Requis par docs/design §5.4, pour deux
+   * raisons : (1) sans ce message l'utilisateur ne comprend pas pourquoi
+   * son URL bricolée ne fait rien, (2) ça rend la branche `ignored`
+   * observable et testable via le rendu réel plutôt que par un appel
+   * unitaire isolé qui contourne le vrai chemin. Le message est le MÊME
+   * pour un champ sensible que pour un champ inconnu (§0.a, §5.4) — ne
+   * jamais dire "champ interdit", ça confirmerait son existence.
+   */
+  const ignoredMessages = $derived.by(() => {
+    return (query?.ignored ?? []).map((entry) => {
+      // `param` est soit `f.<field>` / `f.<field>__<op>` (nouveau format),
+      // soit littéralement `filter` (legacy `?filter=field:value` — le nom
+      // du champ ciblé n'est pas conservé côté IgnoredFilter pour ce
+      // chemin, seul le message générique s'applique).
+      if (entry.param === 'filter') {
+        return { key: entry.param, text: 'Ignored filter: legacy `filter=` value could not be applied' };
+      }
+      const withoutPrefix = entry.param.slice(2);
+      const sep = withoutPrefix.indexOf('__');
+      const fieldName = sep === -1 ? withoutPrefix : withoutPrefix.slice(0, sep);
+      return { key: entry.param, text: `Ignored filter: field "${fieldName}" unknown` };
+    });
+  });
+</script>
+
+<div class="ska-header">
+  <div>
+    <h1>{model.label}</h1>
+    <p class="ska-subtitle">{pagination.total} records</p>
+  </div>
+  <a href="{listPath}/new" class="ska-btn ska-btn--primary">
+    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
+    Add {model.label}
+  </a>
+</div>
+
+{#if listFilters && listFilters.length > 0 && currentUrl}
+  <ListFilters
+    filters={listFilters}
+    activeValues={activeFilterValues}
+    {activeRangeValues}
+    fkFilterMeta={fkFilterMeta ?? new Map()}
+    {currentUrl}
+  />
+{/if}
+
+
+{#if hasSearch}
+  <form method="GET" class="ska-search">
+    {#each searchHiddenParams as p (p.name)}
+      <input type="hidden" name={p.name} value={p.value} />
+    {/each}
+    <input
+      type="search"
+      name="q"
+      value={query?.q ?? ''}
+      placeholder="Search…"
+      class="ska-search__input"
+    />
+    <button type="submit" class="ska-btn ska-btn--secondary">Search</button>
+  </form>
+{/if}
+
+{#if ignoredMessages.length > 0}
+  <div class="ska-alert ska-alert--error">
+    {#each ignoredMessages as m (m.key)}
+      <p>{m.text}</p>
+    {/each}
+  </div>
+{/if}
+
+{#if hasActiveCriteria}
+  <p class="ska-subtitle">
+    <a href={clearHref} class="ska-back">Clear all filters</a>
+  </p>
+{/if}
+
+<div class="ska-card">
+  <div class="ska-table-wrap">
+    <table class="ska-table">
+      <thead>
+        <tr>
+          {#each displayFields as f (f.name)}<th>{toLabel(f.name)}</th>{/each}
+          <th>Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        {#if items.length === 0}
+          <tr>
+            <td colspan={displayFields.length + 1} style="text-align: center; color: #64748b; padding: 2rem;">
+              {hasActiveCriteria ? 'No results for these criteria' : 'No records found'}
+            </td>
+          </tr>
+        {:else}
+          {#each items as item (item[model.primaryKey])}
+            <tr>
+              <!-- eslint-disable-next-line svelte/no-at-html-tags -- formatValue already escapes string values itself and returns a literal <span> only for null/undefined -->
+              {#each displayFields as f (f.name)}<td>{@html formatValue(item[f.name], f.type)}</td>{/each}
+              <td class="ska-table__actions">
+                <a href="{listPath}/{item[model.primaryKey]}" class="ska-btn ska-btn--secondary ska-btn--sm">Edit</a>
+                <!-- eslint-disable-next-line svelte/no-at-html-tags -- Svelte 5 rejects a literal onsubmit string as an event attribute; the PK is escaped manually here since it can't go through Svelte's native attribute escaping; the whole form (not just onsubmit) is rendered as raw HTML because there's no native-Svelte way to attach a plain inline onsubmit="..." string attribute at all in Svelte 5 templates, so the whole element had to be raw text to preserve the exact prior confirm-dialog behavior in a page that's never hydrated by a Svelte runtime -->
+                {@html `<form method="POST" action="${listPath}/${escapeHtml(String(item[model.primaryKey]))}" style="display:inline" onsubmit="return confirm('Delete this item?')"><input type="hidden" name="_action" value="delete"><button type="submit" class="ska-btn ska-btn--danger ska-btn--sm">Delete</button></form>`}
+              </td>
+            </tr>
+          {/each}
+        {/if}
+      </tbody>
+    </table>
+  </div>
+
+  {#if totalPages > 1}
+    <div class="ska-pagination">
+      <span class="ska-pagination__info">
+        Showing {(pagination.page - 1) * pagination.perPage + 1} to {Math.min(pagination.page * pagination.perPage, pagination.total)} of {pagination.total}
+      </span>
+      {#if pagination.page > 1}<a href={pageHref(pagination.page - 1)} class="ska-btn ska-btn--secondary ska-btn--sm">Previous</a>{/if}
+      {#if pagination.page < totalPages}<a href={pageHref(pagination.page + 1)} class="ska-btn ska-btn--secondary ska-btn--sm">Next</a>{/if}
+    </div>
+  {/if}
+</div>

package/dist/server/views/List.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { AdminHandlerConfig } from '../handler.js';
+import type { ViewModel } from './types.js';
+import type { ListQuery } from '../query/listQuery.js';
+import type { ResolvedFilterField } from '../query/filterDetection.js';
+import type { FkFilterMeta } from './types.js';
+type $$ComponentProps = {
+    model: ViewModel;
+    items: any[];
+    pagination: {
+        page: number;
+        perPage: number;
+        total: number;
+    };
+    basePath: string;
+    config: AdminHandlerConfig;
+    /** Recherche/filtres actifs, absent quand l'appelant ne les gère pas (rétrocompat des tests directs du composant). */
+    query?: ListQuery;
+    /** URL de la requête courante — nécessaire pour construire les liens de pagination et le form GET. Absent = pagination legacy `?page=N` isolée. */
+    currentUrl?: URL;
+    /** Filtres sidebar résolus (Boolean/enum/date/range/FK), absent = pas de sidebar rendue. */
+    listFilters?: ResolvedFilterField[];
+    /** Métadonnées async (options scopées + label actif) pour les filtres FK configurés. */
+    fkFilterMeta?: Map<string, FkFilterMeta>;
+};
+declare const List: import("svelte").Component<$$ComponentProps, {}, "">;
+type List = ReturnType<typeof List>;
+export default List;