@svadmin/core 0.20.3 → 0.21.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/core",
-  "version": "0.20.3",
+  "version": "0.21.1",
   "author": "zuohuadong",
   "repository": {
     "type": "git",

package/src/auth-hooks.svelte.ts

@@ -123,7 +123,9 @@ export function useGetIdentity() {
     });
   }
 
-  fetch();
+  if (typeof window !== 'undefined') {
+    fetch();
+  }
 
   return {
     get data() { return data; },
@@ -141,13 +143,19 @@ export function useIsAuthenticated() {
   let isLoading = $state(true);
 
   if (provider) {
-    provider.check().then((result: CheckResult) => {
-      isAuthenticated = result.authenticated;
-      isLoading = false;
-    }).catch(() => {
+    if (typeof window !== 'undefined') {
+      provider.check().then((result: CheckResult) => {
+        isAuthenticated = result.authenticated;
+        isLoading = false;
+      }).catch(() => {
+        isAuthenticated = false;
+        isLoading = false;
+      });
+    } else {
+      // In SSR we assume false to prevent hydration mismatch before check
       isAuthenticated = false;
       isLoading = false;
-    });
+    }
   } else {
     // No auth provider — treat as authenticated
     isAuthenticated = true;
@@ -230,7 +238,9 @@ export function usePermissions<T = unknown>() {
     });
   }
 
-  fetch();
+  if (typeof window !== 'undefined') {
+    fetch();
+  }
 
   return {
     get isLoading() { return isLoading; },

package/src/form-hooks.svelte.ts

@@ -144,8 +144,9 @@ export function useForm<
   const action = options.action ?? (parsed.action === 'list' ? 'create' : parsed.action as 'create' | 'edit' | 'clone') ?? 'create';
   let currentId = $state<string | number | undefined>(options.id ?? parsed.id);
 
+  const defaultRedirectOpt = action === 'clone' ? adminOptions.redirect?.afterClone : action === 'edit' ? adminOptions.redirect?.afterEdit : adminOptions.redirect?.afterCreate;
   const {
-    redirect: redirectDefault = 'list',
+    redirect: redirectDefault = defaultRedirectOpt ?? 'list',
     successNotification, errorNotification,
     onMutationSuccess, onMutationError,
     meta: hookMeta, queryMeta: hookQueryMeta, mutationMeta: hookMutationMeta,
@@ -252,7 +253,7 @@ export function useForm<
   }
 
   // ─── Query (edit/clone mode) ────────────────────────────────────
-  const query = (action === 'edit' || action === 'clone') && currentId != null
+  const query = (action === 'edit' || action === 'clone')
     ? createQuery(() => ({
         queryKey: [resource, 'one', currentId],
         queryFn: async () => {
@@ -265,17 +266,21 @@ export function useForm<
     : null;
 
   // Auto-populate values from query data
-  let queryInitialized = false;
+  let queryInitializedId: string | number | undefined = undefined;
   if (query) {
     $effect.pre(() => {
-      if (queryInitialized) return;
+      if (queryInitializedId === currentId) return;
       const data = query.data as Record<string, unknown> | undefined;
-      if (data) {
+      if (data && (currentId == null || String(data.id) === String(currentId) || !data.id)) {
+        // In clone mode, strip out identifiers
+        const targetData = action === 'clone' 
+          ? Object.fromEntries(Object.entries(data).filter(([k]) => k !== 'id' && k !== '_id'))
+          : data;
         // Merge: defaultValues < query data
-        const merged = { ...(options.defaultValues ?? {}), ...data } as TVariables;
+        const merged = { ...(options.defaultValues ?? {}), ...targetData } as TVariables;
         values = merged;
         initialValues = { ...merged } as TVariables;
-        queryInitialized = true;
+        queryInitializedId = currentId;
       }
     });
   }
@@ -291,7 +296,11 @@ export function useForm<
       if (successNotification !== false) notify({ type: 'success', message: typeof successNotification === 'string' ? successNotification : t('common.createSuccess') });
       audit({ action: 'create', resource, recordId: String((data.data as Record<string, unknown>).id) });
       onMutationSuccess?.(data);
-      if (redirectOverride !== false) doRedirect(redirectOverride ?? redirectDefault);
+      if (redirectOverride !== false) {
+        const newId = (data.data as Record<string, unknown>).id;
+        if (newId != null) currentId = newId as string | number;
+        doRedirect(redirectOverride ?? redirectDefault);
+      }
     },
     onError: (error: Error) => { handleHttpError(error); onMutationError?.(error); },
   }));
@@ -344,7 +353,7 @@ export function useForm<
   let lastAutoSaveError = $state<unknown>(null);
 
   function triggerAutoSave() {
-    if (!autoSaveOpts?.enabled || action === 'create') return;
+    if (!autoSaveOpts?.enabled || action === 'create' || action === 'clone') return;
     if (autoSaveTimer) clearTimeout(autoSaveTimer);
 
     autoSaveTimer = setTimeout(async () => {

package/src/hooks.svelte.ts

@@ -328,7 +328,12 @@ export function useInvalidate() {
       queryClient.invalidateQueries();
       return;
     }
-    queryClient.invalidateQueries({ queryKey: [params.resource] });
+    const scopes = params.invalidates || ['resourceAll'];
+    for (const scope of scopes) {
+      if (scope === 'resourceAll') queryClient.invalidateQueries({ queryKey: [params.resource] });
+      else if (scope === 'detail' && params.id) queryClient.invalidateQueries({ queryKey: [params.resource, 'one', params.id] });
+      else if (scope === 'list') queryClient.invalidateQueries({ queryKey: [params.resource, 'list'] });
+    }
   };
 }
 

package/src/i18n.svelte.ts

@@ -46,6 +46,7 @@ const locales: Record<string, Record<string, string>> = {
     'common.darkMode': '暗色模式',
     'common.lightMode': '亮色模式',
     'common.detail': '详情',
+    'common.show': '查看',
     'common.loadFailed': '加载失败: {message}',
     'common.pageNotFound': '页面未找到',
     'common.error': '出错了',
@@ -283,6 +284,7 @@ const locales: Record<string, Record<string, string>> = {
     'common.darkMode': 'Dark mode',
     'common.lightMode': 'Light mode',
     'common.detail': 'Detail',
+    'common.show': 'Show',
     'common.loadFailed': 'Load failed: {message}',
     'common.pageNotFound': 'Page not found',
     'common.error': 'Something went wrong',
@@ -513,7 +515,7 @@ export function t(key: string, params?: Record<string, string | number>): string
 
   if (params) {
     for (const [k, v] of Object.entries(params)) {
-      text = text.replace(`{${k}}`, String(v));
+      text = text.replaceAll(`{${k}}`, String(v));
     }
   }
   return text;

package/src/live-sse.ts

@@ -29,6 +29,7 @@ export function createSSELiveProvider(options: SSELiveProviderOptions): LiveProv
   const subscribers = new Map<string, Set<Callback>>();
   let eventSource: EventSource | null = null;
   let status: 'connecting' | 'connected' | 'disconnected' = 'disconnected';
+  const registeredListeners = new Set<string>();
 
   function connect() {
     if (eventSource) return;
@@ -64,7 +65,8 @@ export function createSSELiveProvider(options: SSELiveProviderOptions): LiveProv
   }
 
   function addNamedListener(resource: string) {
-    if (!eventSource) return;
+    if (!eventSource || registeredListeners.has(resource)) return;
+    registeredListeners.add(resource);
     eventSource.addEventListener(resource, ((event: MessageEvent) => {
       try {
         const parsed = JSON.parse(event.data);
@@ -109,12 +111,15 @@ export function createSSELiveProvider(options: SSELiveProviderOptions): LiveProv
       eventSource = null;
     }
     status = 'disconnected';
+    registeredListeners.clear();
   }
 
   return {
     subscribe({ resource, callback }) {
+      let isNewResource = false;
       if (!subscribers.has(resource)) {
         subscribers.set(resource, new Set());
+        isNewResource = true;
       }
       subscribers.get(resource)!.add(callback);
 
@@ -123,7 +128,7 @@ export function createSSELiveProvider(options: SSELiveProviderOptions): LiveProv
         connect();
       }
       // Add named listener for this resource if connected
-      if (eventSource && resource !== '*') {
+      if (eventSource && resource !== '*' && isNewResource) {
         addNamedListener(resource);
       }
 

package/src/live-websocket.ts

@@ -104,10 +104,7 @@ export function createWebSocketLiveProvider(options: WebSocketLiveProviderOption
     status = 'disconnected';
   }
 
-  // Auto-connect on creation
-  if (typeof WebSocket !== 'undefined') {
-    connect();
-  }
+
 
   return {
     subscribe({ resource, callback }) {

package/src/mutation-hooks.svelte.ts

@@ -41,6 +41,7 @@ export function useCreate<TData extends BaseRecord = BaseRecord, TError = HttpEr
     TError,
     UseCreateMutateParams<TVariables>
   >(() => ({
+    ...options.mutationOptions,
     mutationFn: async (params) => {
       isMutating = true;
       const resName = params.resource ?? defaultResource;
@@ -55,16 +56,23 @@ export function useCreate<TData extends BaseRecord = BaseRecord, TError = HttpEr
         isMutating = false;
       }
     },
-    onSuccess: (data, params) => {
+    onMutate: (options.mutationOptions as any)?.onMutate,
+    onSuccess: (data, params, context) => {
       const resName = params.resource ?? defaultResource;
       if (params.invalidates !== false) {
         queryClient.invalidateQueries({ queryKey: [resName] });
       }
       fireSuccessNotification(params.successNotification, 'Created successfully', data.data, params.variables, resName);
       audit({ action: 'create', resource: resName, recordId: String((data.data as Record<string, unknown>).id) });
+      if (typeof options.mutationOptions?.onSuccess === 'function') {
+        (options.mutationOptions.onSuccess as Function)(data, params, context);
+      }
     },
-    onError: (error, params) => {
+    onError: (error, params, context) => {
       fireErrorNotification(params.errorNotification, 'Create failed', error);
+      if (typeof options.mutationOptions?.onError === 'function') {
+        (options.mutationOptions.onError as Function)(error, params, context);
+      }
     },
   }));
 
@@ -115,6 +123,7 @@ export function useUpdate<TData extends BaseRecord = BaseRecord, TError = HttpEr
     TError,
     UseUpdateMutateParams<TVariables>
   >(() => ({
+    ...options.mutationOptions,
     mutationFn: async (params) => {
       isMutating = true;
       const resName = params.resource ?? defaultResource;
@@ -170,7 +179,7 @@ export function useUpdate<TData extends BaseRecord = BaseRecord, TError = HttpEr
 
       return { previousDetail, previousList };
     },
-    onSuccess: (data, params) => {
+    onSuccess: (data, params, context) => {
       const resName = params.resource ?? defaultResource;
       const targetId = params.id ?? defaultId;
       if (params.invalidates !== false) {
@@ -178,6 +187,9 @@ export function useUpdate<TData extends BaseRecord = BaseRecord, TError = HttpEr
       }
       fireSuccessNotification(params.successNotification, 'Updated successfully', data.data, params.variables, resName);
       audit({ action: 'update', resource: resName, recordId: String(targetId) });
+      if (typeof options.mutationOptions?.onSuccess === 'function') {
+        (options.mutationOptions.onSuccess as Function)(data, params, context);
+      }
     },
     onError: (error, params, context: unknown) => {
       const resName = params.resource ?? defaultResource;
@@ -189,6 +201,9 @@ export function useUpdate<TData extends BaseRecord = BaseRecord, TError = HttpEr
       }
       if (error instanceof UndoError) return;
       fireErrorNotification(params.errorNotification, 'Update failed', error);
+      if (typeof options.mutationOptions?.onError === 'function') {
+        (options.mutationOptions.onError as Function)(error, params, context);
+      }
     },
   }));
 
@@ -235,6 +250,7 @@ export function useDelete<TData extends BaseRecord = BaseRecord, TError = HttpEr
     TError,
     UseDeleteMutateParams<TVariables>
   >(() => ({
+    ...options.mutationOptions,
     mutationFn: async (params) => {
       isMutating = true;
       const resName = params.resource ?? defaultResource;
@@ -278,7 +294,7 @@ export function useDelete<TData extends BaseRecord = BaseRecord, TError = HttpEr
 
       return { previousList };
     },
-    onSuccess: (data, params) => {
+    onSuccess: (data, params, context) => {
       const resName = params.resource ?? defaultResource;
       const targetId = params.id ?? defaultId;
       if (params.invalidates !== false) {
@@ -286,6 +302,9 @@ export function useDelete<TData extends BaseRecord = BaseRecord, TError = HttpEr
       }
       fireSuccessNotification(params.successNotification, 'Deleted successfully', data.data, params.variables, resName);
       audit({ action: 'delete', resource: resName, recordId: String(targetId) });
+      if (typeof options.mutationOptions?.onSuccess === 'function') {
+        (options.mutationOptions.onSuccess as Function)(data, params, context);
+      }
     },
     onError: (error, params, context: unknown) => {
       const ctx = context as { previousList?: [unknown, unknown][] } | undefined;
@@ -294,6 +313,9 @@ export function useDelete<TData extends BaseRecord = BaseRecord, TError = HttpEr
       }
       if (error instanceof UndoError) return;
       fireErrorNotification(params.errorNotification, 'Delete failed', error);
+      if (typeof options.mutationOptions?.onError === 'function') {
+        (options.mutationOptions.onError as Function)(error, params, context);
+      }
     },
   }));
 

package/src/query-hooks.svelte.ts

@@ -16,6 +16,26 @@ import type {
 } from './types';
 import type { LiveMode, LiveEvent } from './live.svelte';
 
+/**
+ * Extend a Tanstack Query result with additional properties.
+ * The query object is returned as-is, with extra properties accessible via Proxy.
+ */
+function extendQuery<Q extends object, E extends Record<string, unknown>>(
+  query: Q,
+  extensions: () => E,
+): Q & E {
+  return new Proxy(query, {
+    get(target, prop, receiver) {
+      const ext = extensions();
+      if (prop in ext) return ext[prop as keyof E];
+      return Reflect.get(target, prop, receiver);
+    },
+    has(target, prop) {
+      return prop in extensions() || Reflect.has(target, prop);
+    },
+  }) as Q & E;
+}
+
 // ─── useList ───────────────────────────────────────────────────
 
 export interface UseListOptions<TData extends BaseRecord = BaseRecord, TError = HttpError> {
@@ -82,10 +102,7 @@ export function useList<TData extends BaseRecord = BaseRecord, TError = HttpErro
     }
   });
 
-  return {
-    query,
-    get overtime() { return overtime; }
-  };
+  return extendQuery(query, () => ({ overtime }));
 }
 
 // ─── useOne ────────────────────────────────────────────────────
@@ -131,6 +148,18 @@ export function useOne<TData extends BaseRecord = BaseRecord, TError = HttpError
 
   const overtime = createOvertimeTracker(() => query.isLoading, options.overtimeOptions ?? adminOptions.overtime);
 
+  createLiveSubscription({
+    resource,
+    liveProvider: getLiveProvider(),
+    liveMode: options.liveMode ?? adminOptions.liveMode,
+    onLiveEvent: (e) => {
+      options.onLiveEvent?.(e);
+      adminOptions.onLiveEvent?.(e);
+    },
+    liveParams: options.liveParams,
+    enabled: (queryOptions?.enabled ?? true) && id != null,
+  });
+
   $effect(() => {
     if (query.isSuccess && options.successNotification) {
       fireSuccessNotification(options.successNotification, '', query.data, undefined, resource);
@@ -139,8 +168,9 @@ export function useOne<TData extends BaseRecord = BaseRecord, TError = HttpError
     }
   });
 
-  return { query, get overtime() { return overtime; } };
+  return extendQuery(query, () => ({ overtime }));
 }
+
 // ─── useShow ──────────────────────────────────────────────────
 export function useShow<TData extends BaseRecord = BaseRecord, TError = HttpError>(
   options: UseOneOptions<TData, TError> = {}
@@ -155,12 +185,7 @@ export function useShow<TData extends BaseRecord = BaseRecord, TError = HttpErro
     get id() { return showId; },
   });
 
-  return {
-    get query() { return result.query; },
-    get showId() { return showId; },
-    setShowId,
-    get overtime() { return result.overtime; },
-  };
+  return extendQuery(result, () => ({ showId, setShowId }));
 }
 
 // ─── useMany ───────────────────────────────────────────────────
@@ -200,12 +225,24 @@ export function useMany<TData extends BaseRecord = BaseRecord, TError = HttpErro
 
   const overtime = createOvertimeTracker(() => query.isLoading, options.overtimeOptions ?? adminOptions.overtime);
 
+  createLiveSubscription({
+    resource,
+    liveProvider: getLiveProvider(),
+    liveMode: options.liveMode ?? adminOptions.liveMode,
+    onLiveEvent: (e) => {
+      options.onLiveEvent?.(e);
+      adminOptions.onLiveEvent?.(e);
+    },
+    liveParams: options.liveParams,
+    enabled: (queryOptions?.enabled ?? true) && ids.length > 0,
+  });
+
   $effect(() => {
     if (query.isSuccess && options.successNotification) fireSuccessNotification(options.successNotification, '', query.data, undefined, resource);
     else if (query.isError) fireErrorNotification(options.errorNotification, 'Fetch failed', query.error);
   });
 
-  return { query, get overtime() { return overtime; } };
+  return extendQuery(query, () => ({ overtime }));
 }
 
 export function useApiUrl(dataProviderName?: string): string {

package/src/router-provider.ts

@@ -25,15 +25,17 @@ export interface RouterProvider {
 export function createHashRouterProvider(): RouterProvider {
   return {
     go({ to, query, type = 'push' }) {
-      let url = `#${to}`;
+      let url = to;
       if (query) {
         const params = new URLSearchParams(query).toString();
         if (params) url += `?${params}`;
       }
       if (type === 'replace') {
-        window.location.replace(url);
+        const urlObj = new URL(window.location.href);
+        urlObj.hash = url;
+        window.history.replaceState(null, '', urlObj.href);
       } else {
-        window.location.hash = to;
+        window.location.hash = url;
       }
     },
     back() {

package/src/router.ts

@@ -56,7 +56,7 @@ export function matchRoute(
 export function navigate(path: string, options?: { replaceState?: boolean }): void {
   if (_routerProvider) {
     _routerProvider.go({ to: path, type: options?.replaceState ? 'replace' : 'push' });
-  } else {
+  } else if (typeof window !== 'undefined') {
     window.location.hash = '#' + path.replace(/^#/, '');
   }
 }
@@ -64,7 +64,13 @@ export function navigate(path: string, options?: { replaceState?: boolean }): vo
 export function currentPath(): string {
   if (_routerProvider) {
     const parsed = _routerProvider.parse();
-    return parsed.pathname || '/';
+    const pathname = parsed.pathname || '/';
+    let qs = '';
+    if (parsed.params && Object.keys(parsed.params).length > 0) {
+      qs = '?' + new URLSearchParams(parsed.params).toString();
+    }
+    return pathname + qs;
   }
+  if (typeof window === 'undefined') return '/';
   return window.location.hash.replace(/^#/, '') || '/';
 }

package/src/routing-hooks.svelte.ts

@@ -7,13 +7,14 @@ import { useParsed } from './useParsed.svelte';
 export function useGetToPath() {
   const routerProvider = getRouterProvider();
 
-  return (options: { resource?: string; action?: 'list' | 'create' | 'edit' | 'show'; id?: string | number; meta?: Record<string, unknown> }) => {
+  return (options: { resource?: string; action?: 'list' | 'create' | 'edit' | 'show' | 'clone'; id?: string | number; meta?: Record<string, unknown> }) => {
     const { resource, action, id } = options;
     if (!resource) return '/';
     let path = `/${resource}`;
     if (action === 'create') path += '/create';
     else if (action === 'edit' && id) path += `/edit/${id}`;
     else if (action === 'show' && id) path += `/show/${id}`;
+    else if (action === 'clone' && id) path += `/clone/${id}`;
 
     // Apply router mapping if the router provider defines custom path transformers
     if (routerProvider?.go) {
@@ -30,7 +31,7 @@ export function useGo() {
   return (options: { to?: string; query?: Record<string, unknown>; type?: 'push' | 'replace'; resource?: string; action?: 'list' | 'create' | 'edit' | 'show' | 'clone'; id?: string | number }) => {
     let targetUrl = options.to;
     if (!targetUrl && options.resource) {
-      targetUrl = getToPath({ resource: options.resource, action: options.action === 'clone' ? 'edit' : options.action, id: options.id });
+      targetUrl = getToPath({ resource: options.resource, action: options.action, id: options.id });
     }
     if (!targetUrl) targetUrl = '/';
 

package/src/table-hooks.svelte.ts

@@ -83,7 +83,7 @@ export function useTable<
     ...restOptions
   });
 
-  const query = tableQueryInfo.query;
+  const query = tableQueryInfo;
   const overtime = tableQueryInfo.overtime;
 
   function setSorters(newSorters: Sort[]) { currentSorters = newSorters; }
@@ -115,9 +115,9 @@ export function useTable<
       writeURLState({
         page: pagination.current,
         pageSize: pagination.pageSize,
-        sortField: effectiveSorters[0]?.field,
-        sortOrder: effectiveSorters[0]?.order,
-        filters: effectiveFilters,
+        sortField: currentSorters[0]?.field,
+        sortOrder: currentSorters[0]?.order,
+        filters: currentFilters,
       });
     });
   }
@@ -126,12 +126,12 @@ export function useTable<
     const params = new URLSearchParams();
     if (pagination.current) params.set('page', String(pagination.current));
     if (pagination.pageSize) params.set('pageSize', String(pagination.pageSize));
-    if (effectiveSorters[0]) {
-      params.set('sortField', effectiveSorters[0].field);
-      params.set('sortOrder', effectiveSorters[0].order);
+    if (currentSorters[0]) {
+      params.set('sort', currentSorters[0].field);
+      params.set('order', currentSorters[0].order);
     }
-    if (effectiveFilters.length > 0) {
-      params.set('filters', JSON.stringify(effectiveFilters));
+    if (currentFilters.length > 0) {
+      params.set('filters', JSON.stringify(currentFilters));
     }
     return `?${params.toString()}`;
   }

package/src/table-state.svelte.ts

@@ -111,9 +111,9 @@ export class TableState<TData extends BaseRecord = BaseRecord, TError = HttpErro
         writeURLState({
           page: this.pagination.current,
           pageSize: this.pagination.pageSize,
-          sortField: this.effectiveSorters[0]?.field,
-          sortOrder: this.effectiveSorters[0]?.order,
-          filters: this.effectiveFilters,
+          sortField: this.currentSorters[0]?.field,
+          sortOrder: this.currentSorters[0]?.order,
+          filters: this.currentFilters,
         });
       });
     }
@@ -130,7 +130,7 @@ export class TableState<TData extends BaseRecord = BaseRecord, TError = HttpErro
   }
 
   /** Underlying TanStack Query result */
-  get query() { return this._queryResult.query; }
+  get query() { return this._queryResult; }
 
   /** Table data rows */
   get data(): TData[] { return (this.query.data as GetListResult<TData> | undefined)?.data ?? []; }

package/src/theme.svelte.ts

@@ -301,8 +301,8 @@ export const colorThemes: { id: ColorTheme | string; label: string; color: strin
 // ── Dark/Light mode ──────────────────────────────────────
 
 function getStoredTheme(): ThemeMode {
-  if (typeof localStorage === 'undefined') return 'system';
-  return (localStorage.getItem(STORAGE_KEY) as ThemeMode) ?? 'system';
+  if (typeof window === 'undefined') return 'system';
+  try { return (localStorage.getItem(STORAGE_KEY) as ThemeMode) ?? 'system'; } catch { return 'system'; }
 }
 
 function getSystemPreference(): 'light' | 'dark' {
@@ -356,8 +356,8 @@ export function getTheme(): ThemeMode {
 
 export function setTheme(newMode: ThemeMode): void {
   mode = newMode;
-  if (typeof localStorage !== 'undefined') {
-    localStorage.setItem(STORAGE_KEY, newMode);
+  if (typeof window !== 'undefined') {
+    try { localStorage.setItem(STORAGE_KEY, newMode); } catch {}
   }
   applyTheme(newMode);
   // Re-apply color preset — light/dark CSS variable overrides differ
@@ -378,8 +378,8 @@ export function getResolvedTheme(): 'light' | 'dark' {
 // ── Color theme ──────────────────────────────────────────
 
 function getStoredColorTheme(): ColorTheme {
-  if (typeof localStorage === 'undefined') return 'blue';
-  return (localStorage.getItem(COLOR_STORAGE_KEY) as ColorTheme) ?? 'blue';
+  if (typeof window === 'undefined') return 'blue';
+  try { return (localStorage.getItem(COLOR_STORAGE_KEY) as ColorTheme) ?? 'blue'; } catch { return 'blue'; }
 }
 
 let colorTheme = $state<ColorTheme>(getStoredColorTheme());
@@ -403,8 +403,8 @@ export function getColorTheme(): ColorTheme {
 
 export function setColorTheme(ct: ColorTheme): void {
   colorTheme = ct;
-  if (typeof localStorage !== 'undefined') {
-    localStorage.setItem(COLOR_STORAGE_KEY, ct);
+  if (typeof window !== 'undefined') {
+    try { localStorage.setItem(COLOR_STORAGE_KEY, ct); } catch {}
   }
   applyColorTheme(ct);
   // Apply the preset's CSS variable overrides for the current resolved theme

package/src/unsaved-changes.svelte.ts

@@ -98,7 +98,6 @@ export function initUnsavedChangesNotifier(options?: {
   const onHashChange = (e: HashChangeEvent) => {
     if (!dirty) return;
     if (!confirm(t('common.unsavedChanges'))) {
-      e.preventDefault();
       if (e.oldURL) {
         history.replaceState(null, '', new URL(e.oldURL).hash || '#');
       }

package/src/useParsed.svelte.ts

@@ -5,7 +5,7 @@ import { getResources } from './context.svelte';
 
 interface ParsedRoute {
   resource?: string;
-  action?: 'list' | 'create' | 'edit' | 'show';
+  action?: 'list' | 'create' | 'edit' | 'show' | 'clone';
   id?: string;
   params: Record<string, string>;
 }
@@ -73,6 +73,9 @@ export function useParsed(): ParsedRoute {
       } else if (restSegments[0] === 'show' && restSegments[1]) {
         result.action = 'show';
         result.id = restSegments[1];
+      } else if (restSegments[0] === 'clone' && restSegments[1]) {
+        result.action = 'clone';
+        result.id = restSegments[1];
       } else if (restSegments[0]) {
         // Legacy: /:resource/:id
         result.action = 'show';
@@ -92,6 +95,9 @@ export function useParsed(): ParsedRoute {
       } else if (segments[1] === 'show' && segments[2]) {
         result.action = 'show';
         result.id = segments[2];
+      } else if (segments[1] === 'clone' && segments[2]) {
+        result.action = 'clone';
+        result.id = segments[2];
       } else if (segments[1]) {
         result.action = 'show';
         result.id = segments[1];