feat: Link to SSH Keys Config on Import Secure Application

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

Author: dawsontoth

src/features/instance/applications/components/NewApplication/ImportInstructions.tsx

@@ -171,9 +171,12 @@ export function ImportInstructions({
 							<Alert>
 								<AlertDescription>
 									<span>
-										Certificate management isn't supported by this website yet, but you
-										can <Link className="inline-block underline hover:text-white" to="https://docs.harperdb.io/docs/developers/security/certificate-management" target="_blank">use
-										your operations API</Link> to add them in the meantime.
+										You can manage your certificates over in <Link
+										to="config" className="underline">Config</Link> &gt; <Link
+										to="config/ssh-keys" className="underline">SSH Keys</Link>. This enables SSH based auth for private
+										repos, i.e. following the pattern of <a
+										href="https://github.com/HarperFast/Studio" target="_blank" className="underline">[email protected]:HarperFast/studio.git</a>.
+										If you have more than one key, make sure to utilize unique hostnames!
 									</span>
 								</AlertDescription>
 							</Alert>

src/features/instance/applications/components/NewApplication/schema.ts

@@ -16,7 +16,7 @@ export const ImportSchema = z.object({
 	source: z.enum(['git', 'npm', 'tarball']),
 	ref: z.string().nonempty('Please enter a URL or package reference.'),
 	installCommand: z.string(),
-	requiresAuth: z.literal(false),
+	requiresAuth: z.boolean(),
 });
 
 export const defaultImportOptions: z.infer<typeof ImportSchema> = {

src/features/instance/config/sshKeys/index.tsx

@@ -5,7 +5,7 @@ import { useInstanceClientIdParams } from '@/config/useInstanceClient';
 import { useRefreshClick } from '@/hooks/useRefreshClick';
 import { listSSHKeysQueryOptions, SSHKeyName } from '@/integrations/api/instance/ssh/listSSHKeys';
 import { useQuery } from '@tanstack/react-query';
-import { useNavigate, useParams } from '@tanstack/react-router';
+import { Link, useNavigate, useParams } from '@tanstack/react-router';
 import { Row } from '@tanstack/react-table';
 import { PlusIcon, RefreshCwIcon } from 'lucide-react';
 import { Suspense, useCallback, useMemo, useState } from 'react';
@@ -49,6 +49,13 @@ export function ConfigSSHKeysIndex() {
 	return (
 		<>
 			<SimpleBrowseDataTable columns={dataTableColumns} data={localSSHKeys || []} isFetching={isFetching} onRowClick={onSelectSSHKey}>
+				<Link
+					className="inline-block underline text-sm text-gray-400 hover:text-white"
+					to="https://docs.harperdb.io/docs/developers/security/certificate-management"
+					target="_blank"
+				>
+					Certificate Management Docs
+				</Link>
 				<Button variant="defaultOutline" onClick={onRefreshClick} accessKey="r" disabled={isFetching || isRefetching}>
 					<RefreshCwIcon />
 					<span className="hidden lg:inline-block">