@abyss-project/commons-front-core 7.1.0 → 8.0.0

package/dist/legacy/components/CookieConsent/AbyssCookieConsentProvider.d.ts

@@ -1,6 +1,11 @@
 import { default as React } from 'react';
 import { UseCookieConsent } from '../../../hooks/use-cookie-consent.hook';
 export declare const useAbyssCookieConsent: () => UseCookieConsent;
+/**
+ * The consent of the closest `<AbyssCookieConsentProvider>`, `null` outside one: for a consumer
+ * that must work without the provider (`AbyssRumProvider` then reads every category as refused).
+ */
+export declare const useOptionalAbyssCookieConsent: () => UseCookieConsent | null;
 export interface AbyssCookieConsentProviderProps {
     children: React.ReactNode;
     consentVersion: string;

package/dist/legacy/components/CookieConsent/AbyssCookieConsentProvider.spec.d.ts

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

package/dist/legacy/components/Utils/AbyssErrorPage/AbyssErrorBoundary.component.spec.d.ts

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

package/dist/legacy/fonts.css

@@ -1,5 +1,5 @@
 /*
- * Lexend, self-hosted for the legacy typography (ADR-0166 §2): an app imports
+ * Lexend, self-hosted for the legacy typography (ADR-0174 §2): an app imports
  * `@abyss-project/commons-front-core/legacy/fonts.css` once at its entry point in place of the
  * Google Fonts link. The variable font registers the family "Lexend Variable", listed first in the
  * legacy `fontFamily`.

package/dist/legacy.js

@@ -1,9 +1,9 @@
-import { aE as e, aF as o, R as t, M as r, Q as i, aO as b, Z as n, aI as A, $ as l, a6 as C, aB as S, ac as p, ad as u, aQ as y, b0 as c, a$ as d, aJ as g, aC as T, aY as P, aZ as I, aV as _, ay as h, Y as L, ae as E, a_ as m, aW as O, af as R, bk as D, _ as f, bn as B, bt as k, ap as M, aH as v, al as F, ak as N, aD as W, aG as x, aX as U, V as w, a5 as Q, a4 as G, bQ as H, bo as V, bT as Y, ag as j, ai as z, ah as X, aa as K, a9 as Z, a8 as q, b_ as J, at as $, aS as aa, aR as sa, aw as ea, ax as oa, ab as ta, aj as ra, bU as ia, bX as ba, bR as na, bS as Aa, aT as la, aL as Ca, X as Sa, ar as pa, aq as ua, av as ya, a0 as ca, aU as da, au as ga, O as Ta, bW as Pa, bP as Ia, bl as _a, bm as ha, K as La, W as Ea, an as ma, ao as Oa, a1 as Ra, am as Da, aM as fa, bz as Ba, bu as ka, by as Ma, bq as va, b8 as Fa, b9 as Na, ba as Wa, bd as xa, bi as Ua, bg as wa, b7 as Qa, b6 as Ga, b3 as Ha, bb as Va, b2 as Ya, b5 as ja, bj as za, bc as Xa, b4 as Ka, bh as Za, U as qa, S as Ja, aK as $a, aN as as, aP as ss, a2 as es, a3 as os, bL as ts, b1 as rs, br as is, bC as bs, aA as ns, bE as As, bv as ls, bN as Cs, bH as Ss, bF as ps, bG as us, bf as ys, be as cs, bZ as ds, bY as gs, as as Ts, bV as Ps, bA as Is, bI as _s, bs as hs, bw as Ls, bp as Es, bO as ms, bB as Os, bK as Rs, bx as Ds, bM as fs, bD as Bs, bJ as ks, az as Ms, a7 as vs, b$ as Fs } from "./index-uN5dp-oL.js";
-import { A as Ws, C as xs, a as Us, u as ws } from "./CookieConsentSettings.component-BdBT72qy.js";
-import { A as Gs, C as Hs, D as Vs, R as Ys, V as js, p as zs, S as Xs, G as Ks, c as Zs, H as qs, I as Js, E as $s, F as ae, x as se, z as ee, f as oe, K as te, L as re, U as ie, W as be, O as ne, P as Ae, X as le, Y as Ce, v as Se, n as pe, l as ue, y as ye, B as ce, o as de, q as ge, r as Te, a as Pe, s as Ie, M as _e, N as he, T as Le, J as Ee, Q as me, u as Oe, w as Re } from "./AbyssModal.component-DVIzX2ko.js";
-import { aB as fe, y as Be, aA as ke, az as Me, aC as ve, x as Fe, C as Ne, E as We, I as xe, P as Ue, aE as we, W as Qe, aF as Ge, aG as He, v as Ve, q as Ye, aD as je } from "./design-theme-DGpfyrRa.js";
+import { aE as e, aF as o, R as t, M as r, Q as i, aO as b, Z as n, aI as A, $ as C, a6 as l, aB as S, ac as p, ad as u, aQ as y, b0 as c, a$ as d, aJ as g, aC as T, aY as P, aZ as I, aV as _, ay as h, Y as L, ae as E, a_ as m, aW as O, af as R, bk as D, _ as f, bn as k, bt as B, ap as M, aH as v, al as F, ak as N, aD as W, aG as x, aX as U, V as w, a5 as Q, a4 as G, bQ as H, bo as V, bT as Y, ag as j, ai as z, ah as X, aa as K, a9 as Z, a8 as $, b_ as q, at as J, aS as aa, aR as sa, aw as ea, ax as oa, ab as ta, aj as ra, bU as ia, bX as ba, bR as na, bS as Aa, aT as Ca, aL as la, X as Sa, ar as pa, aq as ua, av as ya, a0 as ca, aU as da, au as ga, O as Ta, bW as Pa, bP as Ia, bl as _a, bm as ha, K as La, W as Ea, an as ma, ao as Oa, a1 as Ra, am as Da, aM as fa, bz as ka, bu as Ba, by as Ma, bq as va, b8 as Fa, b9 as Na, ba as Wa, bd as xa, bi as Ua, bg as wa, b7 as Qa, b6 as Ga, b3 as Ha, bb as Va, b2 as Ya, b5 as ja, bj as za, bc as Xa, b4 as Ka, bh as Za, U as $a, S as qa, aK as Ja, aN as as, aP as ss, a2 as es, a3 as os, bL as ts, b1 as rs, br as is, bC as bs, aA as ns, bE as As, bv as Cs, bN as ls, bH as Ss, bF as ps, bG as us, bf as ys, be as cs, bZ as ds, bY as gs, as as Ts, bV as Ps, bA as Is, bI as _s, bs as hs, bw as Ls, bp as Es, bO as ms, bB as Os, bK as Rs, bx as Ds, bM as fs, bD as ks, bJ as Bs, az as Ms, a7 as vs, b$ as Fs } from "./index-BtsnuEJC.js";
+import { A as Ws, h as xs, c as Us, C as ws, D as Qs, R as Gs, V as Hs, x as Vs, X as Ys, K as js, d as zs, L as Xs, M as Ks, I as Zs, J as $s, E as qs, G as Js, f as ae, O as se, P as ee, Z as oe, _ as te, T as re, U as ie, $ as be, a0 as ne, B as Ae, s as Ce, p as le, F as Se, H as pe, v as ue, y as ye, r as ce, e as de, z as ge, Q as Te, S as Pe, Y as Ie, N as _e, W as he, u as Le, b as Ee, a as me, w as Oe } from "./AbyssCookieConsentProvider-BhSzVu8P.js";
+import { C as De } from "./CookieConsentSettings.component-DMEAuCVS.js";
+import { aB as ke, y as Be, aA as Me, az as ve, aC as Fe, x as Ne, C as We, E as xe, I as Ue, P as we, aE as Qe, W as Ge, aF as He, aG as Ve, v as Ye, q as je, aD as ze } from "./design-theme-CvLzOz3p.js";
 export {
-  fe as ABYSS_SERVICE_CONFIG,
+  ke as ABYSS_SERVICE_CONFIG,
   e as ABYSS_SIDEBAR_WIDTH,
   o as ABYSS_SIDEBAR_WIDTH_COLLAPSED,
   t as AVATAR_BASE_SX,
@@ -12,8 +12,8 @@ export {
   b as AbyssBackground,
   n as AbyssBarChart,
   A as AbyssBillingPlan,
-  l as AbyssCashFlowChart,
-  C as AbyssCommandPalette,
+  C as AbyssCashFlowChart,
+  l as AbyssCommandPalette,
   Ws as AbyssCookieConsentProvider,
   S as AbyssDashboardLayout,
   p as AbyssDatePicker,
@@ -31,22 +31,22 @@ export {
   Be as AbyssLoadingScreen,
   E as AbyssMarkdownEditor,
   m as AbyssMenuItem,
-  Gs as AbyssModal,
+  xs as AbyssModal,
   O as AbyssNotifications,
   R as AbyssNumberField,
   D as AbyssPendingInvitations,
   f as AbyssPieChart,
-  B as AbyssQuotaGauge,
-  k as AbyssQuotaOffer,
+  k as AbyssQuotaGauge,
+  B as AbyssQuotaOffer,
   M as AbyssScopeSwitcher,
   v as AbyssSearchBar,
   F as AbyssSelectOrganization,
   N as AbyssSelectProject,
-  ke as AbyssServiceChip,
-  Me as AbyssServiceSelect,
-  ve as AbyssServiceSingleSelect,
+  Me as AbyssServiceChip,
+  ve as AbyssServiceSelect,
+  Fe as AbyssServiceSingleSelect,
   W as AbyssSidebar,
-  Fe as AbyssTable,
+  Ne as AbyssTable,
   x as AbyssThemeToggle,
   U as AbyssToast,
   w as AccountTransactionsRow,
@@ -54,20 +54,20 @@ export {
   G as ApplicationWebhookTypeChip,
   H as BILLING_ACCOUNT_STATUS_COLORS,
   V as BUBBLE_MAX_WIDTH,
-  Hs as COOKIE_NAME,
+  Us as COOKIE_NAME,
   Y as CREDIT_TRANSACTION_TYPE_COLORS,
   j as CloudImport,
   z as CloudImportFile,
   X as CloudImportFolder,
   K as ColorPalette,
   Z as ColorPicker,
-  q as CompanySearchAutocomplete,
-  Ne as ConfirmModal,
-  J as ConfirmModalContextProvider,
-  $ as ContextSelector,
-  xs as CookieConsentBanner,
-  Us as CookieConsentSettings,
-  Vs as DEFAULT_PRIVACY_HREF,
+  $ as CompanySearchAutocomplete,
+  We as ConfirmModal,
+  q as ConfirmModalContextProvider,
+  J as ContextSelector,
+  ws as CookieConsentBanner,
+  De as CookieConsentSettings,
+  Qs as DEFAULT_PRIVACY_HREF,
   aa as DRAWER_WIDTH_COLLAPSED,
   sa as DRAWER_WIDTH_EXPANDED,
   ea as DashboardLayout,
@@ -75,13 +75,13 @@ export {
   ta as DatePeriodPicker,
   ra as DropZone,
   ia as EUR_TRANSACTION_TYPE_COLORS,
-  We as ErrorInfoBox,
+  xe as ErrorInfoBox,
   ba as GROUP_COLORS,
   na as INVOICE_STATUS_COLORS,
   Aa as INVOICE_TYPE_COLORS,
-  la as ImportButton,
-  Ca as ImportFromCloudModal,
-  xe as InfoBox,
+  Ca as ImportButton,
+  la as ImportFromCloudModal,
+  Ue as InfoBox,
   Sa as InternalProjectCard,
   pa as LANGUAGE_FLAGS,
   ua as LanguageFlagLabel,
@@ -92,7 +92,7 @@ export {
   Ta as OrganizationAvatar,
   Pa as PAGE_ICONS,
   Ia as PLAN_TIER_COLORS,
-  Ue as PasswordInput,
+  we as PasswordInput,
   _a as PdfEditor,
   ha as PdfOperationType,
   La as ProjectAvatar,
@@ -102,12 +102,12 @@ export {
   Ra as ProjectStatusChip,
   Da as ProjectTagChip,
   fa as QRCodeModal,
-  Ba as QUOTA_SERVICE_META,
-  ka as QuotaOfferState,
+  ka as QUOTA_SERVICE_META,
+  Ba as QuotaOfferState,
   Ma as QuotaReachedDialog,
   va as QuotaSegmentKind,
-  Ys as ReconcileAction,
-  we as SuccessInfoBox,
+  Gs as ReconcileAction,
+  Qe as SuccessInfoBox,
   Fa as SupportActionButtons,
   Na as SupportActivityLog,
   Wa as SupportAttachmentsPanel,
@@ -124,36 +124,36 @@ export {
   Xa as SupportTicketDetail,
   Ka as SupportTicketList,
   Za as SupportTopBar,
-  qa as UserAvatar,
-  Ja as UserAvatarList,
-  $a as UserSettings,
+  $a as UserAvatar,
+  qa as UserAvatarList,
+  Ja as UserSettings,
   as as UserSettingsModal,
-  js as VALIDITY_DAYS,
-  Qe as WarnInfoBox,
+  Hs as VALIDITY_DAYS,
+  Ge as WarnInfoBox,
   ss as WaterParticles,
   es as WebhookResponseCodeChip,
   os as WebhookTypeChip,
-  zs as amber,
+  Vs as amber,
   ts as bioluminescentPulse,
-  Xs as brand,
+  Ys as brand,
   rs as buildAbyssFamilyMenuSection,
   is as buildQuotaAxis,
   bs as buildQuotaServiceChipSx,
-  Ks as chipColors,
-  Zs as clearCookie,
-  qs as colorPool,
-  Js as colorPoolExtended,
-  $s as colors,
+  js as chipColors,
+  zs as clearCookie,
+  Xs as colorPool,
+  Ks as colorPoolExtended,
+  Zs as colors,
   ns as createAbyssLayoutStore,
   As as createAbyssTheme,
-  ae as cyan,
-  se as darkCustom,
-  ee as darkPalette,
-  ls as deriveQuotaOfferState,
-  Ge as duration,
-  He as easing,
-  Cs as fadeIn,
-  oe as flattenTranslations,
+  $s as cyan,
+  qs as darkCustom,
+  Js as darkPalette,
+  Cs as deriveQuotaOfferState,
+  He as duration,
+  Ve as easing,
+  ls as fadeIn,
+  ae as flattenTranslations,
   Ss as fontFamily,
   ps as fontSize,
   us as fontWeight,
@@ -162,49 +162,50 @@ export {
   ds as getFileColor,
   gs as getFileIcon,
   Ts as getLanguageFlag,
-  te as getPoolColor,
-  re as getPoolColorExtended,
+  se as getPoolColor,
+  ee as getPoolColorExtended,
   Ps as getProjectColor,
   Is as getQuotaServiceColor,
-  Ve as getServiceConfig,
-  ie as glassDark,
-  be as glassLight,
-  ne as glow,
-  Ae as glowCyan,
-  le as gradientsDark,
-  Ce as gradientsLight,
-  Se as green,
+  Ye as getServiceConfig,
+  oe as glassDark,
+  te as glassLight,
+  re as glow,
+  ie as glowCyan,
+  be as gradientsDark,
+  ne as gradientsLight,
+  Ae as green,
   _s as iconSize,
-  pe as indigo,
-  ue as legacyTokens,
-  ye as lightCustom,
-  ce as lightPalette,
+  Ce as indigo,
+  le as legacyTokens,
+  Se as lightCustom,
+  pe as lightPalette,
   hs as markerRatio,
-  de as neutral,
+  ue as neutral,
   Ls as offersAction,
   Es as placeBubble,
   ms as pulseGlow,
-  ge as purple,
-  Ye as radius,
-  Te as readCookie,
-  Pe as reconcile,
-  Ie as red,
+  ye as purple,
+  je as radius,
+  ce as readCookie,
+  de as reconcile,
+  ge as red,
   Os as renderQuotaServiceIcon,
-  _e as shadow,
-  he as shadowLight,
+  Te as shadow,
+  Pe as shadowLight,
   Rs as shimmer,
   Ds as shouldSuggestModule,
   fs as slideInUp,
-  Le as social,
-  Ee as tagColorPool,
-  me as textShadow,
-  Bs as theme,
-  je as transition,
-  ks as typographyVariants,
-  ws as useAbyssCookieConsent,
+  Ie as social,
+  _e as tagColorPool,
+  he as textShadow,
+  ks as theme,
+  ze as transition,
+  Bs as typographyVariants,
+  Le as useAbyssCookieConsent,
   Ms as useAbyssLayoutStore,
   vs as useCommandPaletteHotkey,
   Fs as useConfirm,
-  Oe as useCookieConsent,
-  Re as writeCookie
+  Ee as useCookieConsent,
+  me as useOptionalAbyssCookieConsent,
+  Oe as writeCookie
 };

package/dist/rum/AbyssRumProvider.d.ts

@@ -0,0 +1,29 @@
+import { PropsWithChildren } from 'react';
+import { AbyssRumOptions, RumFeedbackSent } from '@abyss-project/monitor-browser';
+import { AbyssRumFeedbackTicket } from './feedback-ticket';
+/**
+ * The SDK options of the front, without the two this provider owns: `consent` (the analytics
+ * category of the cookie consent) and the SDK's `onFeedbackSent` (the ticket, then the front's).
+ */
+export type AbyssRumProviderConfig = Omit<AbyssRumOptions, 'consent' | 'onFeedbackSent'> & {
+    /** Called for each feedback Monitor stored, after its ticket was filed (or skipped, or failed). */
+    onFeedbackSent?: (feedback: RumFeedbackSent) => void;
+    /** Files each feedback as an Internal Tickets ticket; without it, feedback stays in Monitor. */
+    feedbackTicket?: AbyssRumFeedbackTicket;
+};
+export type AbyssRumProviderProps = PropsWithChildren<{
+    /**
+     * Required on purpose (major 8.0.0): a front cannot forget its RUM. `null` disables it explicitly,
+     * nothing is installed. Read once: the SDK is started at the first commit with a non-null value,
+     * and a later change of `config` is ignored — the SDK lives as long as the page (§5).
+     */
+    config: AbyssRumProviderConfig | null;
+}>;
+/**
+ * Starts the browser RUM of the front. Mount it under `<AbyssCookieConsentProvider>`: replay
+ * requires the analytics consent, read at each decision of the SDK, so a consent given or withdrawn
+ * after start is followed; without the consent provider, analytics reads as refused. Under
+ * `<AuthProvider>`, the session's actor is the signed-in user (`null` once signed out); without it,
+ * there is no actor.
+ */
+export declare const AbyssRumProvider: ({ config, children, }: AbyssRumProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/rum/AbyssRumProvider.spec.d.ts

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

package/dist/rum/feedback-ticket.d.ts

@@ -0,0 +1,24 @@
+import { RumFeedbackSent } from '@abyss-project/monitor-browser';
+/** Where a front files its users' feedback, and how it links back to the session. */
+export interface AbyssRumFeedbackTicket {
+    /** Slug of the Internal Tickets intake (`/public/internal-ticket/intake/:slug`). */
+    intakeSlug: string;
+    /** Section of the intake the ticket is filed in. */
+    internalTicketSectionId: string;
+    /** Product name, in the ticket title: `[<appName>] Retour utilisateur`. */
+    appName: string;
+    /** The Monitor page of the session at the instant of the feedback. */
+    sessionUrl: (sessionId: string, offsetMs: number) => string;
+}
+/** The signed-in user of the front, when there is one: the reporter of last resort. */
+export interface FeedbackAccount {
+    email: string;
+    alias: string;
+}
+/**
+ * Files the ticket of one feedback. The reporter is the e-mail typed in the feedback, otherwise the
+ * signed-in user's: an anonymous feedback without e-mail files nothing (the intake requires one),
+ * it stays in Monitor only. Never rejects: a failure is logged in one line and swallowed, the
+ * feedback itself is already stored by Monitor.
+ */
+export declare const fileFeedbackTicket: (ticket: AbyssRumFeedbackTicket, feedback: RumFeedbackSent, account: FeedbackAccount | null) => Promise<void>;

package/dist/rum/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AbyssRumProvider';
+export type { AbyssRumFeedbackTicket } from './feedback-ticket';

package/dist/theme/augmentation.d.ts

@@ -5,7 +5,7 @@ export declare enum Density {
     Compact = "compact"
 }
 /**
- * The design system values carried by the MUI theme (ADR-0166 §3), read by every new component
+ * The design system values carried by the MUI theme (ADR-0174 §3), read by every new component
  * through `theme.design`. Colors are sRGB hexadecimal, generated from the OKLCH tokens.
  */
 export interface DesignTheme {

package/dist/theme/components/shared.d.ts

@@ -15,7 +15,7 @@ type ControlSize = 'small' | 'medium' | 'large';
 export declare const controlHeight: (theme: Theme, size?: ControlSize) => number;
 /** Height of a table or list row at the theme density. */
 export declare const rowHeight: (theme: Theme) => number;
-/** Minimum tap size below the `md` breakpoint (ADR-0166 §3, densité). */
+/** Minimum tap size below the `md` breakpoint (ADR-0174 §3, densité). */
 export declare const touchTarget: (theme: Theme) => CSSObject;
 /** Motion of a property at the standard curve. */
 export declare const transitionOf: (theme: Theme, properties: string[], duration?: keyof Theme["design"]["durations"]) => string;

package/dist/theme/create-abyss-theme.d.ts

@@ -2,7 +2,7 @@ import { Theme } from '@mui/material/styles';
 import { Density } from './augmentation';
 import { ThemeMode } from './tokens/primitives';
 /**
- * The MUI theme of the design system, generated from the tokens (ADR-0166 §1, §3). Its values are
+ * The MUI theme of the design system, generated from the tokens (ADR-0174 §1, §3). Its values are
  * also exposed under `theme.design` for the components that style themselves.
  */
 export declare function createAbyssTheme(mode: ThemeMode, options?: {

package/dist/theme/design-theme.d.ts

@@ -1,7 +1,7 @@
 import { Density, DesignTheme } from './augmentation';
 import { ThemeMode } from './tokens/primitives';
 /**
- * The `theme.design` values of a mode (ADR-0166 §3). Shared by `createAbyssTheme` and by the legacy
+ * The `theme.design` values of a mode (ADR-0174 §3). Shared by `createAbyssTheme` and by the legacy
  * `createTheme`, so a new component rendered in an app still on the legacy theme reads the same
  * tokens.
  */

package/dist/theme/tokens/oklch.d.ts

@@ -1,5 +1,5 @@
 /**
- * OKLCH color, as written in the design tokens (ADR-0166 §3).
+ * OKLCH color, as written in the design tokens (ADR-0174 §3).
  * `l` in [0, 1], `c` >= 0, `h` in degrees, optional `alpha` in [0, 1].
  */
 export interface Oklch {

package/dist/theme/tokens/soft.d.ts

@@ -1,2 +1,2 @@
-/** Opacity of the `.soft` backgrounds (ADR-0166 §3): status badges, accent tints. */
+/** Opacity of the `.soft` backgrounds (ADR-0174 §3): status badges, accent tints. */
 export declare const SOFT_ALPHA = 0.14;

package/dist/translations/en.d.ts

@@ -307,6 +307,7 @@ declare const _default: {
             TOOLS_SHORT_LINK_COUNT: string;
             TOOLS_SHORTLINK_RESOLUTIONS_MONTH: string;
             MONITOR_WEBHOOK_INVOCATIONS_MONTH: string;
+            RUM_SESSIONS_MONTH: string;
             REHYDRATION_CONCURRENT_JOBS: string;
             REHYDRATION_ACTIVE_GB: string;
             REHYDRATION_MAX_TTL_DAYS: string;

package/dist/translations/fr.d.ts

@@ -307,6 +307,7 @@ declare const _default: {
             TOOLS_SHORT_LINK_COUNT: string;
             TOOLS_SHORTLINK_RESOLUTIONS_MONTH: string;
             MONITOR_WEBHOOK_INVOCATIONS_MONTH: string;
+            RUM_SESSIONS_MONTH: string;
             REHYDRATION_CONCURRENT_JOBS: string;
             REHYDRATION_ACTIVE_GB: string;
             REHYDRATION_MAX_TTL_DAYS: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/commons-front-core",
-  "version": "7.1.0",
+  "version": "8.0.0",
   "description": "Front Core package of AbyssProject",
   "main": "dist/index.js",
   "module": "./dist/index.js",
@@ -60,6 +60,8 @@
   "peerDependencies": {
     "@abyss-project/capacitor-auth": "^1.0.0",
     "@abyss-project/cloud": "^2.4.0",
+    "@abyss-project/console": "^12.4.0",
+    "@abyss-project/monitor-browser": "^1.2.0",
     "@dnd-kit/core": "^6.0.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@dnd-kit/utilities": "^3.0.0",
@@ -78,7 +80,7 @@
     "react-is": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.15.0",
     "zustand": "^5.0.0",
-    "@abyss-project/main": "15.0.0"
+    "@abyss-project/main": "15.1.0"
   },
   "peerDependenciesMeta": {
     "@abyss-project/capacitor-auth": {
@@ -128,10 +130,12 @@
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.0",
     "yup": "^0.32.11",
-    "@abyss-project/main": "15.0.0"
+    "@abyss-project/main": "15.1.0"
   },
   "devDependencies": {
     "@abyss-project/cloud": "^2.4.0",
+    "@abyss-project/console": "^12.4.0",
+    "@abyss-project/monitor-browser": "^1.2.0",
     "@playwright/test": "^1.52.0",
     "@testing-library/react": "^16.3.2",
     "@types/byte-size": "^8.1.0",

package/vite.config.ts

@@ -77,7 +77,7 @@ export default defineConfig({
         // subpath stays `./auth` (package.json `exports`) — only the dist filename differs.
         'auth-client': resolve(__dirname, 'src/auth/client/index.ts'),
         // The previous design system (theme, visual components, their visual utils and hooks),
-        // isolated until every app has migrated off it (ADR-0169 §2). Public subpath `./legacy`.
+        // isolated until every app has migrated off it (ADR-0174 §2). Public subpath `./legacy`.
         legacy: resolve(__dirname, 'src/legacy/index.ts'),
       },
       formats: ['es'],