@saasicat/ui-vue 0.3.0 → 0.5.0

package/dist/ui-notify-D_eAAwRh.d.cts

@@ -0,0 +1,178 @@
+import { Component, App, InjectionKey } from 'vue';
+import { NavigationGuardWithThis } from 'vue-router';
+import { ActionKey, ComponentKey, AdminManifest } from '@saasicat/types';
+import { A as ActionHandler, H as HttpClient } from './action-registry-CQ2wL3R-.cjs';
+
+/**
+ * App-specific branding data that the platform `AdminLayout` and other
+ * consumers read via `useSuperAdminBrand()`.
+ */
+interface SuperAdminBrand {
+    /** 2-letter abbreviation in the logo badge (`'ma'`, `'da'`, …). */
+    logoText: string;
+    /** Full display name (`'DemoApp'`, `'ClubApp'`, …). */
+    name: string;
+    /** Optional: tag to the right of the name, default `'SuperAdmin'`. */
+    tag?: string;
+}
+/**
+ * Endpoint configuration. `apiBase` is the shared prefix under which
+ * `/manifest`, `/boot` and extra routes live.
+ */
+interface SuperAdminEndpoints {
+    /** Shared prefix, e.g. `'/api/admin'` or `'/api/v1/admin'`. */
+    apiBase: string;
+    /** Pre-login branding endpoint, default `${apiBase}/boot`. */
+    publicBootEndpoint?: string;
+    /** Post-login full-manifest endpoint, default `${apiBase}/manifest`. */
+    manifestEndpoint?: string;
+}
+type ExtensionLoader = () => Promise<Component | {
+    default: Component;
+}>;
+type ExtensionsMap = Record<ComponentKey, ExtensionLoader>;
+type ActionsMap = Record<ActionKey, ActionHandler>;
+interface SuperAdminAuthGuardOptions {
+    /** App provides: is the user currently logged in? */
+    isAuthenticated: () => boolean;
+    /** App provides: does the user have the SuperAdmin role? Default: only check `isAuthenticated`. */
+    isSuperAdmin?: () => boolean;
+    /** App provides: redirect path for unauthenticated calls (e.g. `'/login'`). */
+    onUnauthenticated: () => string;
+}
+/**
+ * Result of a login attempt. Apps pass this back from their auth store to the
+ * platform LoginPage; the page renders an appropriate error message.
+ *
+ * `ok: true` → login succeeded, page redirects to `redirectAfterLogin`.
+ * `ok: false` → page shows `message` or a translation derived from `code`.
+ *
+ * Known codes:
+ *   - `BAD_CREDENTIALS` — wrong email/password combination.
+ *   - `NOT_SUPER_ADMIN` — account does not have the SuperAdmin role.
+ *   - otherwise          — app-specific; `message` is displayed directly.
+ */
+type SuperAdminLoginResult = {
+    ok: true;
+} | {
+    ok: false;
+    code?: 'BAD_CREDENTIALS' | 'NOT_SUPER_ADMIN' | string;
+    message?: string;
+};
+/**
+ * Login adapter. The app passes its auth-store call through here. The platform
+ * LoginPage consumes it via `useSuperAdminLoginAdapter()`, without knowledge
+ * of app-specific stores (Pinia, auth API routes, MFA hooks).
+ */
+interface SuperAdminLoginAdapter {
+    /**
+     * Performs the login. The app store encapsulates the API call, token
+     * storage, MFA hops etc.
+     */
+    login(email: string, password: string): Promise<SuperAdminLoginResult>;
+    /**
+     * Target route after a successful login. Default: `/admin/dashboard`
+     * (platform convention for the standard pages — apps with a different
+     * default mount override this here).
+     */
+    redirectAfterLogin?: string;
+    /**
+     * Optional: dev hint (test account), shown below the form. Deliberately
+     * rendered only when `environment !== 'production'`.
+     */
+    devHint?: {
+        email: string;
+        password: string;
+    };
+}
+interface SuperAdminManifestGuardOptions {
+    /**
+     * App provides: loads the manifest into the app store. The router guard
+     * `await`s the promise before the route is resolved.
+     *
+     * **On loader error:** the promise REJECTS. The router guard catches the
+     * rejection and decides depending on `errorRoute`:
+     *   - `errorRoute` set → redirect to this route (fail-closed).
+     *   - `errorRoute` not set → `console.error` + render allowed
+     *     (defensive default behavior; the app must render the manifest gap
+     *     itself).
+     */
+    ensureLoaded: () => Promise<void>;
+    /**
+     * Optional: read accessor on the loaded manifest. When set, it is exposed
+     * via `provide(SUPER_ADMIN_MANIFEST_KEY)` — the `<ProjectPageHost>`
+     * resolves manifest `projectPages` through it against the
+     * `extensions:` map.
+     */
+    getManifest?: () => AdminManifest | null;
+    /**
+     * Optional: path that the router guard redirects to on a manifest load
+     * error (fail-closed mode). The app must register the route in `appRoutes`
+     * and mark it as `meta.public = true`, otherwise it runs through the
+     * manifest guard again and produces a redirect loop.
+     */
+    errorRoute?: string;
+}
+/**
+ * Guard configuration shared by `buildNavigationGuard()` and
+ * `createSuperAdminApp()` (which embeds both fields in its options).
+ */
+interface SuperAdminGuardOptions {
+    /**
+     * Optional: auth guard. When set, `router.beforeEach` is wired up
+     * automatically — `to.meta.public === true` bypasses the guard.
+     */
+    authGuard?: SuperAdminAuthGuardOptions;
+    /**
+     * Optional: manifest guard. Runs after a successful auth guard, blocks the
+     * render until the manifest is loaded (prevents sidebar flicker).
+     */
+    manifestGuard?: SuperAdminManifestGuardOptions;
+}
+/** Vue inject key for `useSuperAdminBrand()`. */
+declare const SUPER_ADMIN_BRAND_KEY: InjectionKey<SuperAdminBrand>;
+/** Vue inject key for `useSuperAdminEndpoints()`. */
+declare const SUPER_ADMIN_ENDPOINTS_KEY: InjectionKey<Required<SuperAdminEndpoints>>;
+/** Vue inject key for `useSuperAdminExtensions()`. */
+declare const SUPER_ADMIN_EXTENSIONS_KEY: InjectionKey<ExtensionsMap>;
+/** Vue inject key for `useSuperAdminActions()`. */
+declare const SUPER_ADMIN_ACTIONS_KEY: InjectionKey<ActionsMap>;
+/**
+ * Vue inject key for the manifest accessor. Only provided when
+ * `manifestGuard.getManifest` was passed to `createSuperAdminApp()` — the
+ * `<ProjectPageHost>` needs it to resolve project pages.
+ */
+declare const SUPER_ADMIN_MANIFEST_KEY: InjectionKey<() => AdminManifest | null>;
+/** Vue inject key for `useSuperAdminLoginAdapter()`. */
+declare const SUPER_ADMIN_LOGIN_ADAPTER_KEY: InjectionKey<SuperAdminLoginAdapter>;
+/** Vue inject key for `useSuperAdminHttp()` (pre-login HttpClient). */
+declare const SUPER_ADMIN_HTTP_KEY: InjectionKey<HttpClient>;
+/**
+ * Additional Vue plugins (e.g. an app's own NotificationCenter) that a
+ * bootstrap installs after the platform setup, before the mount.
+ */
+type InstallPlugin = (app: App) => void;
+/**
+ * Internal helper, exported for isolated unit tests of the navigation
+ * behavior (auth redirect, manifest fail-closed path). Consumers should call
+ * `createSuperAdminApp()`, not this helper directly.
+ */
+declare function buildNavigationGuard(options: SuperAdminGuardOptions): NavigationGuardWithThis<undefined> | null;
+
+/**
+ * Feedback kind, aligned with the established page conventions
+ * (`positive` = success, `negative` = error).
+ */
+type UiNotifyKind = 'positive' | 'negative' | 'warning' | 'info';
+interface UiNotifyOptions {
+    /** Secondary line below the message (e.g. changed fields, one-time password). */
+    caption?: string;
+    /** Display duration in ms; implementations fall back to their default when unset. */
+    timeoutMs?: number;
+}
+/** Notify port. Compatible with the `(kind, message)` callbacks pages already accept. */
+type UiNotify = (kind: UiNotifyKind, message: string, options?: UiNotifyOptions) => void;
+/** Vue inject key for the notify port (see `Symbol.for` note in super-admin-context.ts). */
+declare const SUPER_ADMIN_NOTIFY_KEY: InjectionKey<UiNotify>;
+
+export { type ActionsMap as A, type ExtensionsMap as E, type InstallPlugin as I, type SuperAdminGuardOptions as S, type UiNotify as U, type SuperAdminBrand as a, type SuperAdminEndpoints as b, type SuperAdminLoginAdapter as c, type ExtensionLoader as d, SUPER_ADMIN_ACTIONS_KEY as e, SUPER_ADMIN_BRAND_KEY as f, SUPER_ADMIN_ENDPOINTS_KEY as g, SUPER_ADMIN_EXTENSIONS_KEY as h, SUPER_ADMIN_HTTP_KEY as i, SUPER_ADMIN_LOGIN_ADAPTER_KEY as j, SUPER_ADMIN_MANIFEST_KEY as k, SUPER_ADMIN_NOTIFY_KEY as l, type SuperAdminAuthGuardOptions as m, type SuperAdminLoginResult as n, type SuperAdminManifestGuardOptions as o, type UiNotifyKind as p, type UiNotifyOptions as q, buildNavigationGuard as r };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasicat/ui-vue",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Vue 3 components + composables for the SuperAdmin UI shell. Provides boot loader, manifest loader (ETag cache), nav builder, action registry and standard pages.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,6 +17,26 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./client": {
+      "import": {
+        "types": "./dist/client/index.d.ts",
+        "default": "./dist/client/index.js"
+      },
+      "require": {
+        "types": "./dist/client/index.d.cts",
+        "default": "./dist/client/index.cjs"
+      }
+    },
+    "./quasar": {
+      "import": {
+        "types": "./dist/quasar/index.d.ts",
+        "default": "./dist/quasar/index.js"
+      },
+      "require": {
+        "types": "./dist/quasar/index.d.cts",
+        "default": "./dist/quasar/index.cjs"
+      }
+    },
     "./pages/*": "./src/pages-standard/*",
     "./pages-standard/*": "./src/pages-standard/*",
     "./pages-tenant/*": "./src/pages-tenant/*",
@@ -33,7 +53,7 @@
     "src"
   ],
   "dependencies": {
-    "@saasicat/types": "^0.3.0"
+    "@saasicat/types": "^0.5.0"
   },
   "peerDependencies": {
     "pinia": "^2.0.0 || ^3.0.0",
@@ -78,7 +98,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --clean --external @saasicat/types --external vue --external vue-router --external pinia --external quasar && tsup src/testing-e2e/admin-pages-suite.ts --format esm,cjs --dts --out-dir dist/testing-e2e --external @playwright/test",
+    "build": "tsup",
     "typecheck": "vue-tsc --noEmit -p tsconfig.json",
     "pretest": "pnpm run build",
     "test": "node --test tests/**/*.test.js",

package/src/client/index.ts

@@ -0,0 +1,25 @@
+// @saasicat/ui-vue/client — the framework-free core of the SuperAdmin UI
+// package. No Vue, no Pinia, no Quasar: only `@saasicat/types` and the
+// platform HTTP contract. Usable from any framework binding or plain
+// TypeScript (Node scripts, other UI stacks).
+//
+// Contents:
+//   - types:                HttpClient, KvStore, defaultHttpClient, defaultKvStore
+//   - http-json:            JSON fetch helper over HttpClient
+//   - boot-loader:          BootLoader + BootLoadError
+//   - manifest-loader:      ManifestLoader with ETag cache + ManifestLoadError
+//   - nav-builder:          buildRoutes, buildSidebar, resolveExtension
+//   - action-registry:      ActionRegistry, MissingHandlerError, ActionDefNotInManifestError
+//   - batch-column-fetcher: BatchColumnFetcher + BatchColumnDriftError
+//   - plan-versions-catalog: plan-version list/diff helpers
+//   - version:              ADMIN_UI_VERSION
+
+export * from './version.js';
+export * from './types.js';
+export * from './http-json.js';
+export * from './boot-loader.js';
+export * from './manifest-loader.js';
+export * from './nav-builder.js';
+export * from './action-registry.js';
+export * from './batch-column-fetcher.js';
+export * from './plan-versions-catalog.js';

package/src/components/FeatureGate.vue

@@ -35,7 +35,7 @@
 // instead of returning `null`. (Strict mode comes later; currently default = lenient.)
 
 import { computed } from 'vue';
-import { useInjectedEntitlement } from '../entitlement-provider.js';
+import { useInjectedEntitlement } from '../vue/entitlement-provider.js';
 
 interface Props {
     /** A single FeatureKey or several as a logical OR. */

package/src/components/plan/PlanCycleToggle.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import type { BillingCycleStr } from '../../use-tenant-billing.js';
+import type { BillingCycleStr } from '../../vue/use-tenant-billing.js';
 
 interface I18n {
     ariaLabel: string;

package/src/components/plan/PlanGrid.vue

@@ -48,8 +48,8 @@
 </template>
 
 <script setup lang="ts">
-import type { CatalogPlan } from '../../use-tenant-billing-catalog.js';
-import type { BillingCycleStr } from '../../use-tenant-billing.js';
+import type { CatalogPlan } from '../../vue/use-tenant-billing-catalog.js';
+import type { BillingCycleStr } from '../../vue/use-tenant-billing.js';
 
 interface I18n {
     popular: string;

package/src/components/plan/PriceSummary.vue

@@ -90,7 +90,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DraftPricing } from '../../use-subscription-draft.js';
+import type { DraftPricing } from '../../vue/use-subscription-draft.js';
 
 interface I18n {
     noPlan: string;

package/src/components/plan/PromoCodeInput.vue

@@ -46,7 +46,7 @@
 
 <script setup lang="ts">
 import { ref, watch } from 'vue';
-import type { PromoState } from '../../use-subscription-draft.js';
+import type { PromoState } from '../../vue/use-subscription-draft.js';
 
 interface I18n {
     openLabel: string;

package/src/components/plan/PublicBundleGrid.vue

@@ -76,7 +76,7 @@ import {
     type BundleAvailabilityState,
     type PublicMarketingBundle,
 } from '@saasicat/types';
-import type { BillingCycleStr } from '../../use-tenant-billing.js';
+import type { BillingCycleStr } from '../../vue/use-tenant-billing.js';
 
 interface I18n {
     perMonth: string;

package/src/index.ts

@@ -1,75 +1,88 @@
-// @saasicat/ui-vue — Vue 3 components + composables for the
-// SuperAdmin UI shell.
+// @saasicat/ui-vue — Vue 3 composables + loaders for the SuperAdmin UI shell.
 //
-// P4.1 (Phase 30): public boot loader + manifest loader (ETag cache).
-// P4.2 (Phase 31): nav builder + extension host + action registry.
-// P4.3 (Phase 32): batch column fetcher.
-// P4.4 (Phase 33): composables for standard pages (Tenants, Audit, Entitlement).
-// P4.5 (Phase 34): plan-versions list composables + bulk-publish orchestration.
+// The package is layered; each layer has its own entry:
 //
-// Contents:
-//   - types:                HttpClient, KvStore, defaultHttpClient, defaultKvStore
-//   - boot-loader:          BootLoader (framework-agnostic) + BootLoadError
-//   - manifest-loader:      ManifestLoader with ETag cache + ManifestLoadError
-//   - nav-builder:          buildRoutes, buildSidebar, resolveExtension
-//   - action-registry:      ActionRegistry, MissingHandlerError, ActionDefNotInManifestError
-//   - batch-column-fetcher: BatchColumnFetcher + BatchColumnDriftError
-//   - use-api-list:         useApiList<T> generic list composable
-//   - use-tenants:          useTenants typed wrapper
-//   - use-audit-entries:    useAuditEntries typed wrapper
-//   - use-entitlement:      useEntitlement composable
-//   - use-plan-versions:    usePlanVersionsCatalog
-//   - use-bulk-publish:     useBulkPublish (parallel publishes with status tracking)
-//   - use-plan-editor:      usePlanEditor composable (feature discovery, plannedOnly filter)
-//   - use-public-boot:      usePublicBoot composable
-//   - use-manifest:         useManifest composable
-//   - use-nav:              useNav composable
-//   - use-actions:          useActions composable
-//   - use-batch-columns:    useBatchColumns composable
+//   - `@saasicat/ui-vue/client` (`src/client/`)  — framework-free core:
+//     loaders, nav builder, action registry, HTTP contract. No Vue, no
+//     Pinia, no Quasar.
+//   - `@saasicat/ui-vue` (this entry, `src/vue/`) — Vue bindings: composables,
+//     router guards, injection keys, optional Pinia store factory. Re-exports
+//     the client layer. No Quasar.
+//   - `@saasicat/ui-vue/quasar` (`src/quasar/`)   — Quasar bootstrap:
+//     `createSuperAdminApp()` and the Quasar notify port implementation.
+//   - Quasar standard pages/components             — raw SFCs via the
+//     `./pages-standard/*`, `./pages-tenant/*` and `./components/*` subpath
+//     exports (tsup ignores `.vue`).
+//
+// Layer rule (enforced via ESLint `no-restricted-imports`): client imports
+// nothing framework-specific; vue never imports quasar; this entry never
+// reaches the quasar layer or the SFC directories (except the whitelisted
+// framework-free type/i18n modules below).
+
+// ---------------------------------------------------------------------------
+// Client layer (framework-free core).
+// ---------------------------------------------------------------------------
+export * from './client/index.js';
+
+// ---------------------------------------------------------------------------
+// Vue layer: shell contract (injection keys, option types, navigation guard)
+// and the UI notify port. `createSuperAdminApp()` itself lives in
+// `@saasicat/ui-vue/quasar`.
+// ---------------------------------------------------------------------------
+export * from './vue/super-admin-context.js';
+export * from './vue/ui-notify.js';
+export * from './vue/use-super-admin-context.js';
 
-export * from './version.js';
-export * from './types.js';
-export * from './http-json.js';
-export * from './create-admin-routes.js';
-export * from './boot-loader.js';
-export * from './manifest-loader.js';
-export * from './nav-builder.js';
-export * from './action-registry.js';
-export * from './batch-column-fetcher.js';
-export * from './use-api-list.js';
-export * from './use-tenants.js';
-export * from './use-audit-entries.js';
-export * from './use-entitlement.js';
-export * from './use-tenant-manifest.js';
-export * from './entitlement-provider.js';
-export * from './feature-router-guard.js';
+// ---------------------------------------------------------------------------
+// Vue layer: composables, guards, hosts, store factory.
+// ---------------------------------------------------------------------------
+export * from './vue/create-admin-routes.js';
+export * from './vue/use-api-list.js';
+export * from './vue/use-tenants.js';
+export * from './vue/use-audit-entries.js';
+export * from './vue/use-entitlement.js';
+export * from './vue/use-tenant-manifest.js';
+export * from './vue/entitlement-provider.js';
+export * from './vue/feature-router-guard.js';
 // FeatureGate.vue is not bundled — consumers import it directly:
 //   import FeatureGate from '@saasicat/ui-vue/components/FeatureGate.vue';
-export * from './use-tenant-billing-catalog.js';
-export * from './use-tenant-billing.js';
-export * from './use-subscription-draft.js';
-export * from './pages-tenant/default-i18n.js';
-export * from './use-plan-versions.js';
-export * from './use-bulk-publish.js';
-export * from './use-plan-editor.js';
-export * from './use-public-boot.js';
-export * from './use-discovery.js';
-export * from './use-catalog-entries.js';
-export * from './use-bundles.js';
-export * from './use-bundle-versions-map.js';
-export * from './use-tenant-subscription-bundles.js';
-export * from './use-business-types.js';
-export * from './use-marketing-projections.js';
-export * from './use-promotions.js';
-export * from './use-plans.js';
-export * from './use-live-plan-versions.js';
-export * from './use-manifest.js';
-export * from './use-nav.js';
-export * from './use-actions.js';
-export * from './use-tenant-action-flow.js';
-export * from './use-platform-tenant-actions.js';
-export * from './use-batch-columns.js';
-export * from './plan-versions-catalog.js';
+export * from './vue/use-tenant-billing-catalog.js';
+export * from './vue/use-tenant-billing.js';
+export * from './vue/use-subscription-draft.js';
+export * from './vue/use-plan-versions.js';
+export * from './vue/use-bulk-publish.js';
+export * from './vue/use-plan-editor.js';
+export * from './vue/use-public-boot.js';
+export * from './vue/use-discovery.js';
+export * from './vue/use-catalog-entries.js';
+export * from './vue/use-bundles.js';
+export * from './vue/use-bundle-versions-map.js';
+export * from './vue/use-tenant-subscription-bundles.js';
+export * from './vue/use-business-types.js';
+export * from './vue/use-marketing-projections.js';
+export * from './vue/use-promotions.js';
+export * from './vue/use-plans.js';
+export * from './vue/use-live-plan-versions.js';
+export * from './vue/use-manifest.js';
+export * from './vue/use-nav.js';
+export * from './vue/use-actions.js';
+export * from './vue/use-tenant-action-flow.js';
+export * from './vue/use-platform-tenant-actions.js';
+export * from './vue/use-batch-columns.js';
+// Loader factory that builds BootLoader + ManifestLoader from the same
+// endpoint configuration as createSuperAdminApp() — so that endpoints live
+// in a single place per app.
+export * from './vue/platform-loaders.js';
+// ProjectPageHost: resolves manifest projectPages dynamically against the
+// extensions: map — replaces static route duplication in the apps.
+export * from './vue/project-page-host.js';
+// Manifest Pinia store factory — standardizes ensureLoaded/reload/clearCache.
+export * from './vue/manifest-store-factory.js';
+
+// ---------------------------------------------------------------------------
+// Framework-free type/i18n modules that deliberately stay co-located with
+// their SFCs (whitelisted in the ESLint layer rules).
+// ---------------------------------------------------------------------------
 // Platform dialog types for app wrappers that type submit handlers.
 export * from './components/dialogs/types.js';
 // Pure resolvers for translated feature/quota labels in the bundle editors.
@@ -78,18 +91,8 @@ export * from './components/bundle-editor/catalog-i18n.js';
 export * from './pages-standard/platform-email.types.js';
 // Types of the shared EmailHistoryPage (platform email history).
 export * from './pages-standard/email-history.types.js';
-// Universal bootstrap helper for SuperAdmin apps + associated composables.
-export * from './create-super-admin-app.js';
-export * from './use-super-admin-context.js';
-// Loader factory that builds BootLoader + ManifestLoader from the same
-// endpoint configuration as createSuperAdminApp() — so that endpoints live
-// in a single place per app.
-export * from './platform-loaders.js';
-// ProjectPageHost: resolves manifest projectPages dynamically against the
-// extensions: map — replaces static route duplication in the apps.
-export * from './project-page-host.js';
-// Manifest Pinia store factory — standardizes ensureLoaded/reload/clearCache.
-export * from './manifest-store-factory.js';
+// Default German labels for the tenant-facing pages.
+export * from './pages-tenant/default-i18n.js';
 
 // The shared SuperAdmin LoginPage lives at
 // `@saasicat/ui-vue/pages-standard/SuperAdminLoginPage.vue` —

package/src/pages-standard/AdminLayout.vue

@@ -94,8 +94,8 @@
 import { computed, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import type { AdminManifest, StandardPageKey } from '@saasicat/types';
-import { buildRoutes, buildSidebar, DEFAULT_SECTION_ORDER } from '../nav-builder.js';
-import { ADMIN_UI_VERSION } from '../version.js';
+import { buildRoutes, buildSidebar, DEFAULT_SECTION_ORDER } from '../client/nav-builder.js';
+import { ADMIN_UI_VERSION } from '../client/version.js';
 
 // SuperAdmin layout — universal platform shell for all consumer apps.
 // CSS classes `sa-admin-*` with BEM convention; apps can override any class

package/src/pages-standard/DashboardPage.vue

@@ -108,8 +108,8 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue';
 import type { AdminManifest, KpiCardDef } from '@saasicat/types';
-import type { HttpClient } from '../types.js';
-import { buildRoutes } from '../nav-builder.js';
+import type { HttpClient } from '../client/types.js';
+import { buildRoutes } from '../client/nav-builder.js';
 
 // Platform standard page: Dashboard.
 //

package/src/pages-standard/EmailHistoryPage.vue

@@ -197,7 +197,7 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import { useQuasar } from 'quasar';
+import { useSuperAdminNotify } from '../quasar/notify.js';
 import MfaPromptDialog from '../components/MfaPromptDialog.vue';
 import type {
     EmailHistoryRow,
@@ -231,7 +231,7 @@ const props = withDefaults(
     },
 );
 
-const q = useQuasar();
+const notify = useSuperAdminNotify();
 
 const rows = ref<EmailHistoryRow[]>([]);
 const loading = ref(false);
@@ -312,7 +312,7 @@ async function reload(): Promise<void> {
         if (seq !== reloadSeq) return;
         rows.value = [];
         pagination.value.rowsNumber = 0;
-        q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+        notify('negative', errMsg(err));
     } finally {
         if (seq === reloadSeq) loading.value = false;
     }
@@ -342,7 +342,7 @@ async function openDetail(row: EmailHistoryRow): Promise<void> {
         detail.value = await props.loadEmailDetail(row.id);
     } catch (err) {
         detailOpen.value = false;
-        q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+        notify('negative', errMsg(err));
     } finally {
         detailLoading.value = false;
     }
@@ -354,13 +354,9 @@ async function onResend(id: string): Promise<void> {
     );
     if (!ok) return;
     if (result && result.success === false) {
-        q.notify({
-            type: 'negative',
-            message: result.message ?? 'Versand fehlgeschlagen',
-            position: 'top',
-        });
+        notify('negative', result.message ?? 'Versand fehlgeschlagen');
     } else {
-        q.notify({ type: 'positive', message: 'E-Mail erneut versendet', position: 'top' });
+        notify('positive', 'E-Mail erneut versendet');
     }
     await reload();
 }
@@ -378,7 +374,7 @@ async function confirmDelete(): Promise<void> {
         props.deleteEmail(id, code || undefined),
     );
     if (!ok) return;
-    q.notify({ type: 'positive', message: 'Aus Verlauf entfernt', position: 'top' });
+    notify('positive', 'Aus Verlauf entfernt');
     if (detail.value?.id === id) detailOpen.value = false;
     await reload();
 }
@@ -394,7 +390,7 @@ async function runWrite<T>(
             const result = await invoke('');
             return { ok: true, result };
         } catch (err) {
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
             return { ok: false };
         }
     }
@@ -412,7 +408,7 @@ async function runWrite<T>(
                 continue;
             }
             showMfa.value = false;
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
             return { ok: false };
         }
     }

package/src/pages-standard/MarketingCatalogPage.vue

@@ -122,11 +122,11 @@ import {
     type PromotionResult,
     type PromotionRow,
 } from '@saasicat/types';
-import { usePlans } from '../use-plans.js';
-import { useMarketingProjections } from '../use-marketing-projections.js';
-import { usePromotions } from '../use-promotions.js';
-import { useCatalogEntries } from '../use-catalog-entries.js';
-import { defaultHttpClient, type HttpClient } from '../types.js';
+import { usePlans } from '../vue/use-plans.js';
+import { useMarketingProjections } from '../vue/use-marketing-projections.js';
+import { usePromotions } from '../vue/use-promotions.js';
+import { useCatalogEntries } from '../vue/use-catalog-entries.js';
+import { defaultHttpClient, type HttpClient } from '../client/types.js';
 import MarketingPromotionsTab from '../components/MarketingPromotionsTab.vue';
 import MarketingCatalogAdmin from './marketing-catalog/MarketingCatalogAdmin.vue';
 import MarketingCatalogHeader from './marketing-catalog/MarketingCatalogHeader.vue';