@rebasepro/app 0.17.3 → 0.18.1

package/src/components/LoginView/index.ts

@@ -1,2 +0,0 @@
-export { LoginView } from "./LoginView";
-export type { LoginViewProps } from "./LoginView";

package/src/components/LoginView/oauth-redirect-flow.ts

@@ -1,184 +0,0 @@
-/**
- * The browser half of the OAuth authorization-code flow.
- *
- * The server only ever sees a `code` and a `redirectUri` taken from the
- * request body, so `state`, PKCE and the binding between "this browser started
- * a login" and "this code came back" are, by construction, the client's job.
- * In the admin login they had been nobody's job: the authorize URL carried no
- * `state`, and the return leg accepted any `?code=` as long as a localStorage
- * marker naming the *provider* was set — a marker written on button click and
- * removed only on a callback that carried a code, so abandoning the flow left
- * it set indefinitely.
- *
- * Everything here is provider-agnostic on purpose. A button that wants a new
- * provider calls {@link startOAuthRedirect} and gets state, expiry and PKCE
- * without deciding anything, which is what stops the next provider shipping
- * without them.
- */
-
-/** sessionStorage, not localStorage: a login attempt belongs to one tab. */
-const STORAGE_KEY = "rebase_oauth_redirect";
-
-/** How long a started authorization stays valid. */
-const PENDING_TTL_MS = 10 * 60 * 1000;
-
-export interface OAuthRedirectRequest {
-    /** Provider id, as mounted at `POST /auth/<id>`. */
-    provider: string;
-    /** The provider's authorization endpoint. */
-    authorizeUrl: string;
-    clientId: string;
-    scope: string;
-    /** Where the provider sends the browser back. Echoed to the token exchange. */
-    redirectUri: string;
-    /** Set when the provider implements PKCE. */
-    pkce?: boolean;
-    /** Extra authorize-endpoint parameters (`response_type`, and so on). */
-    params?: Record<string, string>;
-}
-
-/** What the browser remembers between leaving for the provider and coming back. */
-export interface PendingOAuthRedirect {
-    provider: string;
-    state: string;
-    codeVerifier?: string;
-    redirectUri: string;
-    startedAt: number;
-}
-
-export type OAuthCallbackResult =
-    /** No OAuth callback in this URL. */
-    | { status: "none" }
-    /** The provider reported a failure, or the user declined. */
-    | { status: "error"; error: string }
-    /**
-     * A code arrived that this browser cannot account for: no pending
-     * authorization, an expired one, or a `state` that does not match. This is
-     * what a login-CSRF / code-injection attempt looks like.
-     */
-    | { status: "mismatch" }
-    | { status: "ok"; provider: string; code: string; codeVerifier?: string; redirectUri: string };
-
-type Storage = Pick<globalThis.Storage, "getItem" | "setItem" | "removeItem">;
-
-function defaultStorage(): Storage | null {
-    try {
-        return window.sessionStorage;
-    } catch {
-        return null;
-    }
-}
-
-function base64Url(bytes: Uint8Array): string {
-    let binary = "";
-    for (const byte of bytes) binary += String.fromCharCode(byte);
-    return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
-}
-
-function randomToken(byteLength = 32): string {
-    const bytes = new Uint8Array(byteLength);
-    crypto.getRandomValues(bytes);
-    return base64Url(bytes);
-}
-
-async function pkceChallenge(verifier: string): Promise<string> {
-    const digest = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(verifier));
-    return base64Url(new Uint8Array(digest));
-}
-
-export function readPendingOAuthRedirect(storage: Storage | null = defaultStorage()): PendingOAuthRedirect | null {
-    if (!storage) return null;
-    const raw = storage.getItem(STORAGE_KEY);
-    if (!raw) return null;
-    try {
-        const parsed = JSON.parse(raw) as PendingOAuthRedirect;
-        if (!parsed?.provider || !parsed?.state) return null;
-        return parsed;
-    } catch {
-        return null;
-    }
-}
-
-export function clearPendingOAuthRedirect(storage: Storage | null = defaultStorage()): void {
-    storage?.removeItem(STORAGE_KEY);
-}
-
-/**
- * Build the authorize URL and the pending record that will validate its
- * callback. Split out from {@link startOAuthRedirect} so it can be tested
- * without navigating.
- */
-export async function buildOAuthAuthorization(
-    request: OAuthRedirectRequest,
-    now: number = Date.now()
-): Promise<{ url: string; pending: PendingOAuthRedirect }> {
-    const state = randomToken();
-    const url = new URL(request.authorizeUrl);
-    url.searchParams.set("response_type", "code");
-    url.searchParams.set("client_id", request.clientId);
-    url.searchParams.set("redirect_uri", request.redirectUri);
-    url.searchParams.set("scope", request.scope);
-    url.searchParams.set("state", state);
-    for (const [key, value] of Object.entries(request.params ?? {})) {
-        url.searchParams.set(key, value);
-    }
-
-    let codeVerifier: string | undefined;
-    if (request.pkce) {
-        codeVerifier = randomToken(32);
-        url.searchParams.set("code_challenge", await pkceChallenge(codeVerifier));
-        url.searchParams.set("code_challenge_method", "S256");
-    }
-
-    return {
-        url: url.toString(),
-        pending: { provider: request.provider, state, codeVerifier, redirectUri: request.redirectUri, startedAt: now }
-    };
-}
-
-/** Remember the authorization and send the browser to the provider. */
-export async function startOAuthRedirect(
-    request: OAuthRedirectRequest,
-    storage: Storage | null = defaultStorage()
-): Promise<void> {
-    const { url, pending } = await buildOAuthAuthorization(request);
-    storage?.setItem(STORAGE_KEY, JSON.stringify(pending));
-    window.location.href = url;
-}
-
-/**
- * Interpret a return from the provider.
- *
- * Clears the pending record on **every** path that saw a callback — including
- * `?error=` and a state mismatch — so a declined or abandoned consent screen
- * cannot leave the browser primed to accept somebody else's code later.
- */
-export function consumeOAuthCallback(
-    search: string,
-    storage: Storage | null = defaultStorage(),
-    now: number = Date.now()
-): OAuthCallbackResult {
-    const params = new URLSearchParams(search);
-    const code = params.get("code");
-    const state = params.get("state");
-    const error = params.get("error");
-
-    if (!code && !error && !state) return { status: "none" };
-
-    const pending = readPendingOAuthRedirect(storage);
-    clearPendingOAuthRedirect(storage);
-
-    if (error) return { status: "error", error };
-    if (!code) return { status: "mismatch" };
-    if (!pending) return { status: "mismatch" };
-    if (now - pending.startedAt > PENDING_TTL_MS) return { status: "mismatch" };
-    if (!state || state !== pending.state) return { status: "mismatch" };
-
-    return {
-        status: "ok",
-        provider: pending.provider,
-        code,
-        codeVerifier: pending.codeVerifier,
-        redirectUri: pending.redirectUri
-    };
-}

package/src/components/NotFoundPage.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { Link } from "react-router";
-import { Button, Typography } from "@rebasepro/ui";
-import { useTranslation } from "../hooks";
-
-export function NotFoundPage() {
-    const { t } = useTranslation();
-
-    return (
-        <div className="flex w-full h-full">
-            <div className="m-auto flex items-center flex-col"
-            >
-                <Typography variant={"h4"} align={"center"}
-                    gutterBottom={true}>
-                    {t("page_not_found")}
-                </Typography>
-                <Typography align={"center"} gutterBottom={true}>
-                    {t("page_not_found_body")}
-                </Typography>
-                <Button
-                    variant={"text"}
-                    component={Link}
-                    to={"/"}>{t("back_to_home")}</Button>
-            </div>
-        </div>
-    );
-}

package/src/components/RebaseAuth.tsx

@@ -1,27 +0,0 @@
-import React, { useLayoutEffect, useRef } from "react";
-import { useRebaseRegistryDispatch } from "../hooks";
-import type { RebaseAuthViewConfig } from "@rebasepro/cms-types";
-
-/**
- * Declarative component to configure authentication in Rebase.
- * Renders nothing — purely registers config into the RebaseRegistry.
- *
- * This is a framework-level component that lives in core since
- * authentication is cross-cutting (admin, Studio, any app area).
- * @group Core
- */
-export function RebaseAuth({ loginView }: RebaseAuthViewConfig) {
-    const dispatch = useRebaseRegistryDispatch();
-    const registeredRef = useRef(false);
-
-    useLayoutEffect(() => {
-        dispatch.registerAuth({ loginView });
-        registeredRef.current = true;
-        return () => {
-            registeredRef.current = false;
-            dispatch.unregisterAuth();
-        };
-    }, [dispatch, loginView]);
-
-    return null;
-}

package/src/components/RebaseLogo.tsx

@@ -1,88 +0,0 @@
-import React from "react";
-
-export function RebaseLogo({
-    width,
-    height,
-    className,
-    style
-}: {
-    width?: string,
-    height?: string,
-    className?: string,
-    style?: React.CSSProperties
-}) {
-    return (
-        <svg
-            width={width ?? "100%"} height={height ?? "100%"}
-            version="1.1"
-            style={style}
-            className={className}
-            viewBox="112.1405 1079.711 306.058 306.058" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill="#34b6d9" d="M237.01 1087.234a56 56 0 0 1 56.07 0l83.819 48.473a56 56 0 0 1 27.965 48.477v97.108a56 56 0 0 1-27.965 48.477l-83.819 48.473a56 56 0 0 1-56.07 0l-83.818-48.473a56 56 0 0 1-27.965-48.477v-97.108a56 56 0 0 1 27.965-48.477Z"/>
-            <path fill="#358fd8" d="M264.64 1286.718c27.352 0 49.525 22.173 49.525 49.526 0 27.352-22.173 49.525-49.525 49.525-27.353 0-49.526-22.173-49.526-49.525Z"/>
-            <path fill="#ff9197" d="M174.941 1131.547c27.352 0 49.526 22.174 49.526 49.526s-22.174 49.526-49.526 49.526-49.526-22.174-49.526-49.526Z"/>
-            <path fill="#358fd8" d="M355.338 1131.547c27.352 0 49.526 22.174 49.526 49.526s-22.174 49.526-49.526 49.526-49.526-22.174-49.526-49.526Z"/>
-            <path fill="#fe9197" d="M125.227 1196.44v-14.661c0-13.35 7.55-20.303 17.99-18.168l56.424 31.13 2.72 1.572 27.643 31.545 35.193 30.52q.173 1.522.229 3.013l-54.046-11.395-28.464-26.045Z"/>
-            <path fill="#013afd" d="M151.207 1328.696c-14.348-8.285-25.98-28.432-25.98-45v-35.214l11.299-.401c.614.866 34.062 48.973 34.606 49.656.394.495 22.156 40.224 34.409 62.328Z"/>
-            <path fill="#2c09d1" d="m211.38 1249.996 30.436 6.417 9.53 9.1-2.926 15.797 16.939 30.08-14.049 6.672-35.072-10.288-33.83-61.32 9.09-.323Z"/>
-            <path fill="#2ac1cf" d="M240.774 1380.37a34 34 0 0 1-1.304-.716l-16.141-9.319-49.383-74.238 29.211 7.839Z"/>
-            <path fill="#2c42d0" d="m173.359 1219.393 9.557 4.558 28.464 26.045-19.883-3.865-12.782.453-31.643-13.936-15.11-11.819Z"/>
-            <path fill="#8b66ed" d="M257.113 1381.863c-4.336 2.13-10.043 1.783-16.34-1.493l-37.616-76.434 13.081 3.838Z"/>
-            <path fill="#2c09d1" d="m145.888 1247.749 7.224-.257 23.615 41.804 11.98 1.728-24.421-43.544-.014-.383 10.725-.38 28.16 57.219-29.211-7.839-7.37-11.08Z"/>
-            <path fill="#2ac1cf" d="M265.451 1311.554v53.1q0 .255-.004.505l-.25-.26-29.148-38.794-6.308-14.37 21.57 6.328 14.048-6.672Z"/>
-            <path fill="#fd485f" d="m223.329 1370.335-17.788-10.27c-12.253-22.104-34.015-61.833-34.41-62.328-.543-.683-33.991-48.79-34.605-49.656l9.362-.332 20.688 37.269Z"/>
-            <path fill="#2d42d0" d="m202.362 1196.313 37.108 21.424c13.11 7.57 23.953 25.043 25.727 40.641l-35.193-30.52Z"/>
-            <path fill="#2b0ad1" d="M265.447 1365.16c-.095 6.58-2.056 11.56-5.304 14.604l-39.936-70.826 9.534 2.797 6.308 14.37 29.148 38.794Z"/>
-            <path fill="#fe9196" d="M125.227 1240.59v-16.4l21.845 8.458 31.643 13.936-35.367 1.255Z"/>
-            <path fill="#8b66ed" d="m174.997 1246.716 7.411-.263 33.83 61.32-13.08-3.837Z"/>
-            <path fill="#2cc5d2" d="m153.112 1247.492 11.16-.395.014.383 24.421 43.544-11.98-1.728Z"/>
-            <path fill="#fc4962" d="M125.227 1224.19v-8.878l30.211-4.464 17.92 8.545-41.396 1.436 15.11 11.82Z"/>
-            <path fill="#fe475f" d="M265.451 1292.508v18.84l-.092.043-16.939-30.08 2.927-15.799.214.206Z"/>
-            <path fill="#2d43cd" d="M125.227 1215.312v-18.871l30.211 14.407Z"/>
-            <path fill="#2ac4d1" d="M260.143 1379.764a12.5 12.5 0 0 1-3.03 2.099l-40.875-74.09 3.969 1.165Z"/>
-            <path fill="#fe475f" d="M265.426 1261.391q.025.677.025 1.346v16.241l-13.89-13.26-.186-.36-.028.154-9.53-9.099Z"/>
-            <path fill="#40b6d9" d="M265.451 1278.978v13.53c-4.95-9.535-12.604-24.31-13.89-26.79Z"/>
-            <path fill="#013afd" d="M125.227 1248.482v-7.892l18.12 7.249Z"/>
-            <path fill="#fe9197" d="M143.217 1163.611c2.517.515 5.203 1.558 7.99 3.168l48.434 27.963Z"/>
-            <path fill="#fec404" d="m251.347 1265.512.028-.154.186.36Z"/>
-            <path fill="#ccc" d="M265.451 1311.347v.207l-.092-.163Z"/>
-            <path fill="#2fc7d5" d="M383.274 1164.17a31 31 0 0 1-3.887 2.64l-2.59 1.495-95.242 18.988-50.727-18.022 25.55-32.892 63.642 26.919-61.075-31.394Z"/>
-            <path fill="#320fdd" d="m215.866 1112.967 18.535-16.15 5.766 32.704 16.212 6.858-25.551 32.892-57.218-19.484Z"/>
-            <path fill="#fd4a61" d="m305.806 1094.328 73.58 42.482c7.16 4.134 10.748 9.55 10.757 14.968l-40.264-5.624-25.491-7.867-33.1-30.491-18.842-4.065Z"/>
-            <path fill="#fec504" d="M388.516 1158.077c-1.145 2.145-2.892 4.205-5.242 6.093l-124.33-32.266 6.47-29.689 25.874 5.58 33.1 30.492Z"/>
-            <path fill="#320fdd" d="m179.744 1183.464-26.935-15.551 18.147-15.813 55.184 23.206-15.732 20.252Z"/>
-            <path fill="#33b6d9" d="m358.403 1178.925-52.998 30.599-44.794-17.995 89.572-18.117Z"/>
-            <path fill="#fd4a63" d="m234.401 1096.817 12.723-11.087 19.395 11.42-7.574 34.754 61.075 31.394-79.853-33.777Z"/>
-            <path fill="#fe9197" d="m152.809 1167.913-1.91-1.103c-10.42-6.016-13.273-14.747-8.558-22.25l56.907-27.791 15.854-3.136Z"/>
-            <path fill="#8b69f1" d="m305.405 1209.524-14.281 8.245c-5.252 3.032-11.697 4.954-18.462 5.767l-43.574-25.631 31.523-6.376Z"/>
-            <path fill="#3015d8" d="M252.294 1080.973c13.06-2.81 28.331-1.183 38.83 4.879l14.682 8.476-33.36 9.403-7.031-1.516 1.104-5.064-19.395-11.42Z"/>
-            <path fill="#2c0ace" d="M239.162 1085.852c3.85-2.223 8.342-3.85 13.132-4.88l-37.192 32.66-15.854 3.137-56.907 27.791c1.777-2.828 4.63-5.482 8.559-7.75Z"/>
-            <path fill="#2fc7d5" d="m229.088 1197.905-8.773 1.774-9.907-4.121 15.732-20.252 37.462 15.618Z"/>
-            <path fill="#33b6d9" d="M272.662 1223.536c-11.721 1.407-24.402-.515-33.5-5.767l-28.093-16.22 18.019-3.644Z"/>
-            <path fill="#fe9197" d="m264.078 1190.828-.476.096-37.462-15.618 4.688-6.035 50.727 18.022ZM170.956 1152.1l2.654-2.313 57.218 19.484-4.688 6.035Z"/>
-            <path fill="#30c3d9" d="M390.143 1151.778c.01 2.125-.533 4.25-1.627 6.3l-38.637-11.924Z"/>
-            <path fill="#ff4c60" d="m211.07 1201.55-31.326-18.086 40.57 16.215Z"/>
-            <path fill="#2d08d0" d="m376.798 1168.305-18.395 10.62-8.22-5.513Z"/>
-            <path fill="#2fc7d5" d="M264.887 1262.737c0-16.568 11.632-36.715 25.98-45l40.425-23.339 11.932 35.4-25.718 46.274-26.284-2.855-1.382.145-1.411-.146-23.542.675Z"/>
-            <path fill="#32abd6" d="M383.486 1164.684c2.376-.909 4.642-1.382 6.752-1.446l-7.859 43.045-.292 5.18 8.911 13.519 5.344-41.78 4.102-15.889c2.942 3.164 4.667 8.084 4.667 14.466v91.585h-1.324c-1.104 3.308-34.555 60.887-34.486 61.007l-21.13 12.2 8.305-32.902-10.115 14.693 10.115-20.342 47.315-78.499-7.45 6.694-15.674 18.243 2.62-89.698.155-.059Z"/>
-            <path fill="#2eabd6" d="m324.54 1360.214-33.672 19.44c-13.695 7.907-24.915 2.15-25.91-12.796l8.385-12.077 47.855-71.354 7.12-26.81 5.119-9.209.57 31.212-13.987 50.442 6.42-5.847-2.408 22.126.459 8.254Z"/>
-            <path fill="#8b65f0" d="M264.959 1366.858a33 33 0 0 1-.072-2.204v-88.582l24.953-2.71 26.235 2.554 1.43.156 10.813-19.454-7.12 26.81-47.855 71.353Z"/>
-            <path fill="#fd4861" d="m378.764 1192.394 3.89-5.923c-1.987-.058-4.42 64.146-4.402 65.055.019.91-5.901 22.365-5.901 22.365l-17.658 29.778-14.983 14.696 9.72-45.149.036-1.115 6.455-7.894Z"/>
-            <path fill="#32abd6" d="m377.832 1167.529.229-.133.703 24.998-22.843 71.813-6.455 7.894.572-17.63-3.443-30.74Z"/>
-            <path fill="#8c66ef" d="m328.775 1297.488.034-.126 20.657-25.261-.036 1.115-9.72 45.15 14.983-14.697-13.8 22.045-16.86 19.627 2.407-22.126-6.42 5.847Z"/>
-            <path fill="#2c08d3" d="m331.292 1194.398 27.203-15.705 5.51 13.714-20.781 37.391Z"/>
-            <path fill="#300bd2" d="m324.491 1353.595-.459-8.254 16.861-19.627 13.8-22.045 17.658-29.778 20.08-31.948 3.91-5.728 7.45-6.694-47.315 78.5-10.115 20.341-21.821 31.852Z"/>
-            <path fill="#2c08d3" d="m333.437 1247.408 13.158-23.676 3.443 30.738-4.056 14.678-14.316 17.914 2.34-8.442Z"/>
-            <path fill="#8b68ef" d="M405.111 1273.364v10.332c0 16.568-11.632 36.715-25.98 45l-9.83 5.675c-.07-.12 33.382-57.7 34.486-61.007Z"/>
-            <path fill="#fec504" d="M390.238 1163.238c4.109-.125 7.625 1.3 10.206 4.075l-4.102 15.89-5.344 41.779-8.91-13.518.291-5.18Z"/>
-            <path fill="#300bd2" d="m348.171 1346.57-23.631 13.644 31.936-46.545Z"/>
-            <path fill="#348fd8" d="M372.35 1273.891s5.921-21.455 5.902-22.365 2.415-65.113 4.402-65.055l-1.987 67.987 15.675-18.243-3.91 5.728Z"/>
-            <path fill="#32abd6" d="m358.495 1178.693 19.337-11.164-13.827 24.878Z"/>
-            <path fill="#fd4861" d="m331.391 1288.05.275-.988 14.316-17.914 4.056-14.678-.572 17.63-20.657 25.262Z"/>
-            <path fill="#ccc" fillOpacity=".579" d="m378.06 1167.396 1.07-.617a31 31 0 0 1 4.158-2.019l-.634 21.71-3.89 5.924Z"/>
-            <path fill="#2fc7d5" d="M264.887 1276.072v-2.18l23.542-.676 1.411.146Z"/>
-            <path fill="#8b65f0" d="m291.193 1273.502-1.353-.14 1.382-.145 24.853 2.7Z"/>
-        </svg>
-    );
-
-}

package/src/components/SchemaDriftBanner.tsx

@@ -1,102 +0,0 @@
-import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
-import { Alert, Typography } from "@rebasepro/ui";
-
-// ── Schema Drift Context ────────────────────────────────────────────────
-
-interface SchemaDriftContextValue {
-    /** Report a schema drift error (call from any data-loading hook). */
-    reportSchemaDrift: (message: string) => void;
-    /** The most recent schema drift message, or null. */
-    schemaDriftMessage: string | null;
-    /** Dismiss the banner for this session. */
-    dismiss: () => void;
-}
-
-const SchemaDriftContext = createContext<SchemaDriftContextValue>({
-    reportSchemaDrift: () => {},
-    schemaDriftMessage: null,
-    dismiss: () => {}
-});
-
-export function useSchemaDriftContext(): SchemaDriftContextValue {
-    return useContext(SchemaDriftContext);
-}
-
-/**
- * Detects schema drift from an error object.
- * Checks both the error code (from `RebaseApiError`) and the message
- * for schema drift indicators.
- */
-export function isSchemaDriftError(error: unknown): boolean {
-    if (!error || typeof error !== "object") return false;
-    // RebaseApiError from the SDK has a `code` property
-    if ("code" in error && (error as { code?: string }).code === "SCHEMA_DRIFT") {
-        return true;
-    }
-    // Fallback: check the message for the telltale phrase
-    if (error instanceof Error && error.message.includes("Schema drift:")) {
-        return true;
-    }
-    return false;
-}
-
-// ── Provider ─────────────────────────────────────────────────────────────
-
-export function SchemaDriftProvider({ children }: { children: React.ReactNode }) {
-    const [schemaDriftMessage, setSchemaDriftMessage] = useState<string | null>(null);
-    const [dismissed, setDismissed] = useState(false);
-
-    const reportSchemaDrift = useCallback((message: string) => {
-        setSchemaDriftMessage(prev => prev ?? message);
-    }, []);
-
-    const dismiss = useCallback(() => {
-        setDismissed(true);
-    }, []);
-
-    const value = useMemo<SchemaDriftContextValue>(() => ({
-        reportSchemaDrift,
-        schemaDriftMessage: dismissed ? null : schemaDriftMessage,
-        dismiss
-    }), [reportSchemaDrift, schemaDriftMessage, dismissed, dismiss]);
-
-    return (
-        <SchemaDriftContext.Provider value={value}>
-            {children}
-        </SchemaDriftContext.Provider>
-    );
-}
-
-// ── Banner Component ─────────────────────────────────────────────────────
-
-export interface SchemaDriftBannerProps {
-    className?: string;
-}
-
-/**
- * Persistent banner shown when a schema drift error is detected.
- */
-export function SchemaDriftBanner({ className }: SchemaDriftBannerProps) {
-    const { schemaDriftMessage, dismiss } = useSchemaDriftContext();
-
-    if (!schemaDriftMessage) return null;
-
-    return (
-        <Alert
-            color="warning"
-            size="small"
-            onDismiss={dismiss}
-            className={className}
-        >
-            <div className="flex flex-col gap-1">
-                <Typography variant="label" className="text-amber-800 dark:text-amber-200">
-                    Schema drift detected
-                </Typography>
-                <Typography variant="body2" className="text-amber-700 dark:text-amber-300">
-                    {schemaDriftMessage}{" "}
-                    Run <code className="bg-amber-200 dark:bg-amber-800 px-1 rounded text-xs">pnpm db:push</code> in your backend terminal to sync.
-                </Typography>
-            </div>
-        </Alert>
-    );
-}

package/src/components/UnsavedChangesDialog.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from "@rebasepro/ui";
-import { useTranslation } from "../hooks/useTranslation";
-
-export interface UnsavedChangesDialogProps {
-    open: boolean;
-    body?: React.ReactNode;
-    title?: string;
-    handleOk: () => void;
-    handleCancel: () => void;
-}
-
-export function UnsavedChangesDialog({
-    open,
-    handleOk,
-    handleCancel,
-    body,
-    title
-}: UnsavedChangesDialogProps) {
-
-    const { t } = useTranslation();
-
-    return (
-        <Dialog
-            onEscapeKeyDown={() => {
-                handleCancel();
-            }}
-            open={open}
-        >
-            <DialogTitle variant={"h6"}>{title}</DialogTitle>
-            <DialogContent>
-
-                <Typography>
-                    {body ?? t("unsaved_changes")}
-                </Typography>
-
-            </DialogContent>
-            <DialogActions>
-                <Button variant="text"
-                    onClick={handleCancel} autoFocus> {t("cancel")} </Button>
-                <Button
-                    onClick={handleOk}> {t("ok")} </Button>
-            </DialogActions>
-        </Dialog>
-    );
-}

package/src/components/UserDisplay.tsx

@@ -1,54 +0,0 @@
-import { CircleUserIcon, cls, defaultBorderMixin } from "@rebasepro/ui";
-import { User } from "@rebasepro/types";
-
-/**
- * Component to render a single user with name and email
- */
-export function UserDisplay({
-    user
-}: { user: User | null }) {
-    if (!user) {
-        return <span className={cls("italic", "text-text-disabled dark:text-text-disabled-dark", "text-sm")}>Not set</span>;
-    }
-
-    const avatarSizeClass = "w-6 h-6";
-
-    return (
-        <div className={cls(
-            "inline-flex items-center gap-4 px-2 py-1 rounded-xl text-left max-w-full overflow-hidden",
-            "bg-surface-accent-100 dark:bg-surface-accent-800",
-            "border",
-            defaultBorderMixin
-        )}>
-            {user.photoURL ? (
-                <img
-                    src={user.photoURL}
-                    alt={user.displayName || user.email || "User"}
-                    className={cls(
-                        "rounded-full object-cover",
-                        avatarSizeClass
-                    )}
-                />
-            ) : (
-                <CircleUserIcon
-                    className={cls(
-                        "text-text-secondary dark:text-text-secondary-dark",
-                        avatarSizeClass
-                    )}
-                />
-            )}
-            <div className="flex flex-col min-w-0">
-                <span className={cls("font-regular truncate", "text-sm")}>
-                    {user.displayName || user.email || "-"}
-                </span>
-                {user.displayName && user.email && (
-                    <span className={cls("text-text-secondary dark:text-text-secondary-dark truncate",
-                        "text-xs"
-                    )}>
-                        {user.email}
-                    </span>
-                )}
-            </div>
-        </div>
-    );
-}