@saasicat/ui-vue 0.3.0 → 0.5.0

package/src/pages-standard/PilotsPage.vue

@@ -109,6 +109,7 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
 import { useQuasar } from 'quasar';
+import { useSuperAdminNotify } from '../quasar/notify.js';
 import PilotCreateDialog from '../components/dialogs/PilotCreateDialog.vue';
 import PilotEditDialog from '../components/dialogs/PilotEditDialog.vue';
 import MfaPromptDialog from '../components/MfaPromptDialog.vue';
@@ -200,6 +201,7 @@ const props = withDefaults(
 );
 
 const q = useQuasar();
+const notify = useSuperAdminNotify();
 const rows = ref<PilotRow[]>([]);
 const reviewSoon = ref<PilotRow[]>([]);
 const loading = ref(false);
@@ -445,22 +447,16 @@ function onEditClick(row: PilotRow): void {
 }
 
 function onUpdated(result: PilotEditResult): void {
-    q.notify({
-        type: 'positive',
-        message: `Pilot ${result.slug} aktualisiert.`,
+    notify('positive', `Pilot ${result.slug} aktualisiert.`, {
         caption: result.changed?.length ? `Geändert: ${result.changed.join(', ')}` : undefined,
-        position: 'top',
     });
     void reload();
 }
 
 function onCreated(result: PilotCreateResult): void {
-    q.notify({
-        type: 'positive',
-        message: `Pilot ${result.slug} angelegt.`,
+    notify('positive', `Pilot ${result.slug} angelegt.`, {
         caption: result.initialPassword ? `Initial-Passwort: ${result.initialPassword}` : undefined,
-        position: 'top',
-        timeout: 8000,
+        timeoutMs: 8000,
     });
     void reload();
 }
@@ -476,10 +472,10 @@ async function runAction(
     if (!requireMfa) {
         try {
             await invoke('');
-            q.notify({ type: 'positive', message: successMessage, position: 'top' });
+            notify('positive', successMessage);
             await reload();
         } catch (err) {
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
         }
         return;
     }
@@ -491,7 +487,7 @@ async function runAction(
         try {
             await invoke(code);
             showMfa.value = false;
-            q.notify({ type: 'positive', message: successMessage, position: 'top' });
+            notify('positive', successMessage);
             await reload();
             return;
         } catch (err) {
@@ -501,7 +497,7 @@ async function runAction(
                 continue;
             }
             showMfa.value = false;
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
             return;
         }
     }

package/src/pages-standard/PlanVersionsPage.vue

@@ -76,8 +76,8 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
-import type { CatalogSnapshot, RawCatalogData } from '../plan-versions-catalog.js';
-import { buildSnapshots } from '../plan-versions-catalog.js';
+import type { CatalogSnapshot, RawCatalogData } from '../client/plan-versions-catalog.js';
+import { buildSnapshots } from '../client/plan-versions-catalog.js';
 import PlanVersionsTimeline from './plan-versions/PlanVersionsTimeline.vue';
 import PlanVersionHeader from './plan-versions/PlanVersionHeader.vue';
 import PlanVersionsList, { type QuotaColumnConfig } from './plan-versions/PlanVersionsList.vue';

package/src/pages-standard/PlansPage.vue

@@ -177,8 +177,8 @@ import {
     usePlanVersions,
     type UsePlansResult,
     type UsePlanVersionsResult,
-} from '../use-plans.js';
-import type { HttpClient } from '../types.js';
+} from '../vue/use-plans.js';
+import type { HttpClient } from '../client/types.js';
 import PlanVersionEditor from '../components/plan-version-editor/PlanVersionEditor.vue';
 import PlanMatrix from '../components/plan-matrix/PlanMatrix.vue';
 import PlanDetail from '../components/plan-detail/PlanDetail.vue';

package/src/pages-standard/PlatformEmailPage.vue

@@ -153,6 +153,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 {
     PlatformEmailProvider,
@@ -188,6 +189,7 @@ const props = withDefaults(
 );
 
 const q = useQuasar();
+const notify = useSuperAdminNotify();
 const rows = ref<PlatformEmailProvider[]>([]);
 const loading = ref(false);
 
@@ -274,7 +276,7 @@ async function reload(): Promise<void> {
         rows.value = await props.loadProviders();
     } catch (err) {
         rows.value = [];
-        q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+        notify('negative', errMsg(err));
     } finally {
         loading.value = false;
     }
@@ -312,7 +314,7 @@ async function runWrite(label: string, invoke: (code: string) => Promise<unknown
             await invoke('');
             return true;
         } catch (err) {
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
             return false;
         }
     }
@@ -330,7 +332,7 @@ async function runWrite(label: string, invoke: (code: string) => Promise<unknown
                 continue;
             }
             showMfa.value = false;
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
             return false;
         }
     }
@@ -368,7 +370,7 @@ async function onSubmit(): Promise<void> {
     );
     if (ok) {
         showForm.value = false;
-        q.notify({ type: 'positive', message: 'Gespeichert.', position: 'top' });
+        notify('positive', 'Gespeichert.');
         void reload();
     }
 }
@@ -384,7 +386,7 @@ function onDelete(row: PlatformEmailProvider): void {
             props.deleteProvider(row.id, code || undefined),
         );
         if (ok) {
-            q.notify({ type: 'positive', message: 'Gelöscht.', position: 'top' });
+            notify('positive', 'Gelöscht.');
             void reload();
         }
     });

package/src/pages-standard/PromoCodesPage.vue

@@ -138,6 +138,7 @@ export function computePlanColors(
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue';
 import { useQuasar } from 'quasar';
+import { useSuperAdminNotify } from '../quasar/notify.js';
 import PromoCodeCreateDialog from '../components/dialogs/PromoCodeCreateDialog.vue';
 import PromoCodeEditDialog, {
     type PromoCodeEditRow,
@@ -215,6 +216,7 @@ const props = withDefaults(
 );
 
 const q = useQuasar();
+const notify = useSuperAdminNotify();
 const rows = ref<PromoRow[]>([]);
 const loading = ref(false);
 const filter = reactive({ search: '', status: null as string | null });
@@ -490,14 +492,10 @@ async function onPatch(row: PromoRow, data: PromoCodeUpdatePayload): Promise<voi
     if (!props.submitEdit) return;
     try {
         await props.submitEdit(row.id, data);
-        q.notify({
-            type: 'positive',
-            message: `${row.code} → ${data.status}`,
-            position: 'top',
-        });
+        notify('positive', `${row.code} → ${data.status}`);
         await reload();
     } catch (err) {
-        q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+        notify('negative', errMsg(err));
     }
 }
 
@@ -512,33 +510,21 @@ function onDeleteClick(row: PromoRow): void {
     }).onOk(async () => {
         try {
             await submit(row.id);
-            q.notify({
-                type: 'positive',
-                message: `${row.code} gelöscht.`,
-                position: 'top',
-            });
+            notify('positive', `${row.code} gelöscht.`);
             await reload();
         } catch (err) {
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
         }
     });
 }
 
 function onCreated(): void {
-    q.notify({
-        type: 'positive',
-        message: 'Promo-Code angelegt.',
-        position: 'top',
-    });
+    notify('positive', 'Promo-Code angelegt.');
     void reload();
 }
 
 function onUpdated(): void {
-    q.notify({
-        type: 'positive',
-        message: 'Promo-Code aktualisiert.',
-        position: 'top',
-    });
+    notify('positive', 'Promo-Code aktualisiert.');
     void reload();
 }
 

package/src/pages-standard/SuperAdminLoginPage.vue

@@ -86,14 +86,14 @@ import { computed, onMounted, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import type { SetupStatusResponse } from '@saasicat/types';
 
-import { usePublicBoot } from '../use-public-boot.js';
+import { usePublicBoot } from '../vue/use-public-boot.js';
 import {
     useSuperAdminBrand,
     useSuperAdminEndpoints,
     useSuperAdminHttp,
     useSuperAdminLoginAdapter,
-} from '../use-super-admin-context.js';
-import { getJson } from '../http-json.js';
+} from '../vue/use-super-admin-context.js';
+import { getJson } from '../client/http-json.js';
 import SuperAdminSetupWizard from './SuperAdminSetupWizard.vue';
 
 interface Props {

package/src/pages-standard/SuperAdminSetupWizard.vue

@@ -158,8 +158,8 @@ import {
     useSuperAdminBrand,
     useSuperAdminEndpoints,
     useSuperAdminHttp,
-} from '../use-super-admin-context.js';
-import { HttpJsonError, postJson as httpPostJson } from '../http-json.js';
+} from '../vue/use-super-admin-context.js';
+import { HttpJsonError, postJson as httpPostJson } from '../client/http-json.js';
 
 interface Props {
     /** Display name + badge abbreviation (override the app branding, e.g. from PublicBoot). */

package/src/pages-standard/TenantDetailPage.vue

@@ -125,12 +125,12 @@
 import { computed, onMounted, ref, toRef } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
 import type { QTableColumn } from 'quasar';
-import { useQuasar } from 'quasar';
+import { useSuperAdminNotify } from '../quasar/notify.js';
 import type { AdminManifest, TenantActionDef, TenantDto } from '@saasicat/types';
 import KvBlock from '../components/KvBlock.vue';
 import MfaPromptDialog from '../components/MfaPromptDialog.vue';
 import TenantActionConfirmDialog from '../components/TenantActionConfirmDialog.vue';
-import { useTenantActionFlow } from '../use-tenant-action-flow.js';
+import { useTenantActionFlow } from '../vue/use-tenant-action-flow.js';
 
 export interface TenantDetailData {
     id: string;
@@ -200,7 +200,7 @@ const props = withDefaults(
     },
 );
 
-const q = useQuasar();
+const notify = useSuperAdminNotify();
 const data = ref<TenantDetailData | null>(null);
 const loading = ref(false);
 
@@ -317,7 +317,7 @@ const tenantRow = computed<TenantDto | null>(() => {
 const flow = useTenantActionFlow<TenantDto>(manifestRef, {
     confirm: showConfirmDialog,
     mfa: showMfaDialog,
-    notify: (kind, message) => q.notify({ type: kind, message, position: 'top' }),
+    notify,
     onSuccess: () => void load(),
     visibleForRow: (def, row) => {
         if (def.actionKey === 'tenants.suspend') return row.isActive;

package/src/pages-standard/TenantsPage.vue

@@ -172,12 +172,12 @@ import type {
     TenantDto,
     TenantListFilter,
 } from '@saasicat/types';
-import type { HttpClient } from '../types.js';
-import { useTenants } from '../use-tenants.js';
+import type { HttpClient } from '../client/types.js';
+import { useTenants } from '../vue/use-tenants.js';
 import {
     usePlatformTenantActions,
     type PlatformTenantActionTone,
-} from '../use-platform-tenant-actions.js';
+} from '../vue/use-platform-tenant-actions.js';
 import MfaPromptDialog from '../components/MfaPromptDialog.vue';
 import TenantActionConfirmDialog from '../components/TenantActionConfirmDialog.vue';
 import StatusPill, { type PillTone } from './tenants/StatusPill.vue';

package/src/pages-standard/UsersPage.vue

@@ -106,6 +106,7 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue';
 import { useQuasar } from 'quasar';
+import { useSuperAdminNotify } from '../quasar/notify.js';
 import MfaPromptDialog from '../components/MfaPromptDialog.vue';
 
 // Platform standard page: user search. Data-agnostic.
@@ -172,6 +173,7 @@ const props = withDefaults(
 );
 
 const q = useQuasar();
+const notify = useSuperAdminNotify();
 const rows = ref<UserRow[]>([]);
 const loading = ref(false);
 const filter = reactive({ q: '', tenant: '' });
@@ -387,7 +389,7 @@ async function runAction<R>(
             const result = await invoke('');
             onSuccess(result);
         } catch (err) {
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
         }
         return;
     }
@@ -406,7 +408,7 @@ async function runAction<R>(
                 continue;
             }
             showMfa.value = false;
-            q.notify({ type: 'negative', message: errMsg(err), position: 'top' });
+            notify('negative', errMsg(err));
             return;
         }
     }
@@ -438,11 +440,7 @@ function onResetPasswordClick(row: UserRow): void {
                         ok: { label: 'Verstanden' },
                     });
                 } else {
-                    q.notify({
-                        type: 'positive',
-                        message: 'Passwort-Reset ausgelöst.',
-                        position: 'top',
-                    });
+                    notify('positive', 'Passwort-Reset ausgelöst.');
                 }
                 void reload();
             },
@@ -466,11 +464,7 @@ function onDeactivateClick(row: UserRow): void {
             !!props.requireMfaForDeactivate,
             (code) => submit(row.id, reason, code),
             () => {
-                q.notify({
-                    type: 'positive',
-                    message: `${row.email} deaktiviert.`,
-                    position: 'top',
-                });
+                notify('positive', `${row.email} deaktiviert.`);
                 void reload();
             },
         );

package/src/pages-standard/plan-versions/PlanVersionHeader.vue

@@ -89,7 +89,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { CatalogSnapshot } from '../../plan-versions-catalog.js';
+import type { CatalogSnapshot } from '../../client/plan-versions-catalog.js';
 import { formatDateDe } from './format.js';
 import PlanVersionStatusBadge from './PlanVersionStatusBadge.vue';
 import type { PlanVersionViewMode } from './types.js';

package/src/pages-standard/plan-versions/PlanVersionsAudit.vue

@@ -57,7 +57,7 @@
 
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
-import type { CatalogSnapshot } from '../../plan-versions-catalog.js';
+import type { CatalogSnapshot } from '../../client/plan-versions-catalog.js';
 import { formatTsDe } from './format.js';
 
 // PlanVersionsAudit — data-agnostic. Consumers pass in a `loadAudit` loader

package/src/pages-standard/plan-versions/PlanVersionsDiff.vue

@@ -45,7 +45,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import type { VersionChange } from '@saasicat/types';
-import type { CatalogSnapshot, ResolvedPlan } from '../../plan-versions-catalog.js';
+import type { CatalogSnapshot, ResolvedPlan } from '../../client/plan-versions-catalog.js';
 import PlanDiffCard from './PlanDiffCard.vue';
 
 interface SnapshotEntityDiff {

package/src/pages-standard/plan-versions/PlanVersionsList.vue

@@ -97,7 +97,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import type { CatalogSnapshot } from '../../plan-versions-catalog.js';
+import type { CatalogSnapshot } from '../../client/plan-versions-catalog.js';
 import PlanVersionsKpi from './PlanVersionsKpi.vue';
 import { fmtEuro } from './format.js';
 

package/src/pages-standard/plan-versions/PlanVersionsMatrix.vue

@@ -52,7 +52,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { CatalogSnapshot } from '../../plan-versions-catalog.js';
+import type { CatalogSnapshot } from '../../client/plan-versions-catalog.js';
 import { fmtEuro } from './format.js';
 
 // Generic feature matrix. Apps pass `featureRegistry` for label/icon/

package/src/pages-standard/plan-versions/PlanVersionsTimeline.vue

@@ -71,7 +71,7 @@
 </template>
 
 <script setup lang="ts">
-import type { CatalogSnapshot } from '../../plan-versions-catalog.js';
+import type { CatalogSnapshot } from '../../client/plan-versions-catalog.js';
 import { formatRelativeDe } from './format.js';
 
 defineProps<{

package/src/pages-tenant/MySubscriptionBundlesPage.vue

@@ -167,7 +167,7 @@
 import { computed, onMounted, reactive, ref } from 'vue';
 import type { SubscriptionBundleRecord } from '@saasicat/types';
 
-import { useTenantSubscriptionBundles } from '../use-tenant-subscription-bundles.js';
+import { useTenantSubscriptionBundles } from '../vue/use-tenant-subscription-bundles.js';
 
 // MySubscriptionBundlesPage — tenant self-service page "Meine Bundles".
 // The hosting app embeds the page

package/src/pages-tenant/OnboardingConfigurator.vue

@@ -104,9 +104,9 @@ import {
     useSubscriptionDraft,
     type PromoState,
     type SubscriptionDraft,
-} from '../use-subscription-draft.js';
-import type { CatalogPlan } from '../use-tenant-billing-catalog.js';
-import type { BillingCycleStr } from '../use-tenant-billing.js';
+} from '../vue/use-subscription-draft.js';
+import type { CatalogPlan } from '../vue/use-tenant-billing-catalog.js';
+import type { BillingCycleStr } from '../vue/use-tenant-billing.js';
 import type {
     OnboardingSelectionRequest,
     OnboardingSelectionResponse,

package/src/pages-tenant/PackageSnapshotPanel.vue

@@ -105,7 +105,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import type { PackageSnapshotShape } from '../use-tenant-billing.js';
+import type { PackageSnapshotShape } from '../vue/use-tenant-billing.js';
 import type { TenantPlanSectionI18n } from './default-i18n.js';
 
 // PackageSnapshotPanel — P11.4 (METAMODELL §17a):

package/src/pages-tenant/PlanChangeWizard.vue

@@ -220,8 +220,8 @@ import { computed, ref, watch } from 'vue';
 import LimitsRow from './LimitsRow.vue';
 import PlanCycleToggle from '../components/plan/PlanCycleToggle.vue';
 import PlanGrid from '../components/plan/PlanGrid.vue';
-import type { BillingCycleStr, PlanChangePreviewShape } from '../use-tenant-billing.js';
-import type { CatalogPlan } from '../use-tenant-billing-catalog.js';
+import type { BillingCycleStr, PlanChangePreviewShape } from '../vue/use-tenant-billing.js';
+import type { CatalogPlan } from '../vue/use-tenant-billing-catalog.js';
 
 // PlanChangeWizard — 3-step dialog for plan changes.
 //

package/src/pages-tenant/TenantPlanSection.vue

@@ -204,13 +204,13 @@ import {
     useTenantBilling,
     type BundlePreviewShape,
     type SubscriptionBundleShape,
-} from '../use-tenant-billing.js';
+} from '../vue/use-tenant-billing.js';
 import {
     useTenantBillingCatalog,
     type CatalogBundle,
     type CatalogPlan,
-} from '../use-tenant-billing-catalog.js';
-import type { HttpClient } from '../types.js';
+} from '../vue/use-tenant-billing-catalog.js';
+import type { HttpClient } from '../client/types.js';
 
 // TenantPlanSection — main component for the tenant plan/bundle self-service
 // UI. The consumer (app) embeds it in its settings page and passes through

package/src/pages-tenant/tenant-plan-section/BundlePreviewDialog.vue

@@ -168,7 +168,7 @@ import type {
     BundleAddPreviewShape,
     BundleCancelPreviewShape,
     BundlePreviewShape,
-} from '../../use-tenant-billing.js';
+} from '../../vue/use-tenant-billing.js';
 
 // BundlePreviewDialog (#37/#61) — preview BEFORE bundle add/cancel in the
 // tenant self-service: proration until period end, next-period price,

package/src/pages-tenant/tenant-plan-section/TenantBundleStore.vue

@@ -131,8 +131,8 @@
 import { computed } from 'vue';
 import { missingRequiresFor } from '@saasicat/types';
 import type { TenantPlanSectionI18n } from '../default-i18n.js';
-import type { CatalogBundle } from '../../use-tenant-billing-catalog.js';
-import type { SubscriptionBundleShape } from '../../use-tenant-billing.js';
+import type { CatalogBundle } from '../../vue/use-tenant-billing-catalog.js';
+import type { SubscriptionBundleShape } from '../../vue/use-tenant-billing.js';
 
 // TenantBundleStore — bundle sales on "Paket & Verbrauch" (#15):
 // lists booked (cancelable) and available (bookable) catalog bundles.

package/src/pages-tenant/tenant-plan-section/TenantPlanCardHeader.vue

@@ -45,7 +45,7 @@
 
 <script setup lang="ts">
 import type { TenantPlanSectionI18n } from '../default-i18n.js';
-import type { UsageSnapshotShape } from '../../use-tenant-billing.js';
+import type { UsageSnapshotShape } from '../../vue/use-tenant-billing.js';
 
 defineProps<{
     usage: UsageSnapshotShape;

package/src/pages-tenant/tenant-plan-section/TenantUsageGrid.vue

@@ -17,7 +17,7 @@
 
 <script setup lang="ts">
 import type { TenantPlanSectionI18n } from '../default-i18n.js';
-import type { UsageSnapshotShape } from '../../use-tenant-billing.js';
+import type { UsageSnapshotShape } from '../../vue/use-tenant-billing.js';
 import UsageBar from '../UsageBar.vue';
 
 defineProps<{