feat: Allow Direct Connect through the sign in screen

https://harperdb.atlassian.net/browse/STUDIO-583

Author: dawsontoth

src/features/auth/ClusterInstanceSignIn.tsx

@@ -12,6 +12,7 @@ import { isLocalStudio } from '@/config/constants';
 import { calculateCreateClusterDeepLink } from '@/config/deepLinks';
 import { useInstanceClientIdParams } from '@/config/useInstanceClient';
 import { useClusterInstanceSignIn } from '@/features/auth/hooks/useClusterInstanceSignIn';
+import { authStore } from '@/features/auth/store/authStore';
 import { getClusterInfoQueryOptions } from '@/features/cluster/queries/getClusterInfoQuery';
 import { getInstanceHealthQueryOptions } from '@/features/instance/operations/queries/getInstanceHealth';
 import { UsernameSignInSchema } from '@/features/instance/operations/schemas/signInSchema';
@@ -30,6 +31,7 @@ export function ClusterInstanceSignIn() {
 	const { data: cluster } = useQuery(
 		getClusterInfoQueryOptions(clusterId, true),
 	);
+
 	const instance: SchemaHdbInstance | undefined = useMemo(
 		() => instanceId && cluster && cluster?.instances?.find(i => i.id === instanceId) || undefined,
 		[cluster, instanceId]);
@@ -41,8 +43,10 @@ export function ClusterInstanceSignIn() {
 	const operationsUrl = useMemo(() => {
 		if (cluster) {
 			if (instance) {
+				authStore.flagForFabricConnect(instance.id, false);
 				return getOperationsUrlForInstance(instance);
 			} else {
+				authStore.flagForFabricConnect(cluster.id, false);
 				return getOperationsUrlForCluster(cluster);
 			}
 		}

src/features/cluster/InstanceLogInCell.tsx

@@ -16,6 +16,7 @@ export function InstanceLogInCell({ instance }: { readonly instance: Instance })
 	const operationsUrl = useMemo(() => getOperationsUrlForInstance(instance), [instance]);
 	const instanceClient = useInstanceClient(operationsUrl);
 	const { update } = useOrganizationClusterInstancePermissions();
+	const isFabricConnect = authStore.checkForFabricConnect(instance.id);
 
 	const onSignOutClick = useCallback(async () => {
 		await onInstanceLogoutSubmit({ instanceClient, entityId: instance.id });
@@ -26,7 +27,7 @@ export function InstanceLogInCell({ instance }: { readonly instance: Instance })
 		return <LoaderCircleIcon className="animate-spin" color="gray" />;
 	}
 
-	if (!instanceUser) {
+	if (!instanceUser || isFabricConnect) {
 		return <span className="flex gap-4">
 			{update && <Link
 				to={`../instance/${instance.id}${defaultInstanceRoute}`}

src/features/cluster/routes.ts

@@ -1,5 +1,6 @@
 import { defaultInstanceRouteUpOne } from '@/config/constants';
 import { ClusterInstanceSignIn } from '@/features/auth/ClusterInstanceSignIn';
+import { authStore } from '@/features/auth/store/authStore';
 import { createRoute, redirect } from '@tanstack/react-router';
 import { clusterLayoutRoute } from './clusterLayoutRoute';
 import { FinishSetup } from './FinishSetup';
@@ -30,7 +31,8 @@ const clusterSignInRoute = createRoute({
 	path: 'sign-in',
 	component: ClusterInstanceSignIn,
 	beforeLoad: ({ context, location, params }) => {
-		if (context.authentication[params.clusterId]?.user) {
+		const isFabricConnect = authStore.checkForFabricConnect(params.clusterId);
+		if (context.authentication[params.clusterId]?.user && !isFabricConnect) {
 			const search: Record<string, string> = location?.search;
 			throw redirect({
 				to: search?.redirect?.startsWith('/')
@@ -46,7 +48,12 @@ const instanceSignInRoute = createRoute({
 	path: 'instance/$instanceId/sign-in',
 	component: ClusterInstanceSignIn,
 	beforeLoad: ({ context, location, params }) => {
-		if (context.authentication[params.instanceId || params.clusterId]?.user) {
+		const isFabricConnect = authStore.checkForFabricConnect(params.clusterId)
+			|| authStore.checkForFabricConnect(params.instanceId);
+		if (isFabricConnect) {
+			return;
+		}
+		if (context.authentication[params.instanceId]?.user) {
 			const search: Record<string, string> = location?.search;
 			throw redirect({
 				to: search?.redirect?.startsWith('/')

src/features/clusters/components/ClusterCard.tsx

@@ -127,7 +127,7 @@ export function ClusterCard({ cluster }: { cluster: Cluster; }) {
 	);
 
 	const menuItems = [
-		isActive && update && !auth.isLoading && !auth.user && (
+		isActive && update && !auth.isLoading && (!isDirectConnect || isFabricConnect) && (
 			<Link to={`${cluster.id}/sign-in`} disabled={signingOut}>
 				<DropdownMenuItem>Direct Sign In</DropdownMenuItem>
 			</Link>