multica/packages/views/layout/dashboard-guard.tsx

"use client";

import type { ReactNode } from "react";
import { WorkspaceIdProvider } from "@multica/core/hooks";
import { useDashboardGuard } from "./use-dashboard-guard";

interface DashboardGuardProps {
  children: ReactNode;
  /** Path to redirect to when user is not authenticated */
  loginPath?: string;
  /** Path to redirect to when user has no workspace (onboarding) */
  onboardingPath?: string;
  /** Rendered when auth or workspace is loading */
  loadingFallback?: ReactNode;
}

/**
 * Shared guard + provider wrapper for dashboard layouts.
 *
 * Handles: auth check → workspace check → WorkspaceIdProvider.
 * Both web and desktop layouts compose their own UI structure inside this.
 */
export function DashboardGuard({
  children,
  loginPath = "/",
  onboardingPath,
  loadingFallback = null,
}: DashboardGuardProps) {
  const { user, isLoading, workspace } = useDashboardGuard(loginPath, onboardingPath);

  if (isLoading || !workspace) return <>{loadingFallback}</>;
  if (!user) return null;

  return (
    <WorkspaceIdProvider wsId={workspace.id}>
      {children}
    </WorkspaceIdProvider>
  );
}