feat: Embed new/import dialog

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

Author: dawsontoth

src/features/instance/applications/components/ContentViewer.tsx

@@ -1,12 +1,18 @@
 import { Loading } from '@/components/Loading';
+import { newApplication } from '@/features/instance/applications/components/ApplicationsSidebar/specialItems';
 import { TextEditorView } from '@/features/instance/applications/components/TextEditorView';
 import { isDirectory } from '@/features/instance/applications/context/isDirectory';
 import { useEditorView } from '@/features/instance/applications/hooks/useEditorView';
+import { CreateOrImportAnApplication } from '@/features/instance/applications/modals/CreateOrImportAnApplication';
 import Markdown from 'react-markdown';
 
 export function ContentViewer() {
 	const { openedEntry, openedEntryContents } = useEditorView();
 
+	if (openedEntry?.path === newApplication) {
+		return <CreateOrImportAnApplication />;
+	}
+
 	if (isDirectory(openedEntry)) {
 		if (openedEntryContents !== undefined) {
 			return <div className="directoryReadMe max-w-4xl">

src/features/instance/applications/modals/CreateOrImportAnApplication.tsx

@@ -0,0 +1,35 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { useInstanceClientParams } from '@/config/useInstanceClient';
+import { useEditorView } from '@/features/instance/applications/hooks/useEditorView';
+import { CreateNewApplicationForm } from '@/features/instance/applications/new/CreateNewApplicationForm';
+import { ImportApplicationForm } from '@/features/instance/applications/new/ImportApplicationForm';
+import { useRestartInstanceClick } from '@/hooks/useRestartInstanceClick';
+import { useState } from 'react';
+
+export function CreateOrImportAnApplication() {
+	const { reloadRootEntries } = useEditorView();
+
+	const { instanceClient } = useInstanceClientParams();
+	const [appType, setAppType] = useState('create');
+
+	const { onRestartClick, isRestartPending } = useRestartInstanceClick({
+		operation: 'restart_service',
+		instanceClient,
+		onRestartedSuccessfully: reloadRootEntries,
+	});
+
+	return (
+		<Tabs defaultValue={appType} className="w-xl" onValueChange={setAppType}>
+			<TabsList>
+				<TabsTrigger value="create">Create</TabsTrigger>
+				<TabsTrigger value="import">Import</TabsTrigger>
+			</TabsList>
+			<TabsContent value="create" className="mt-4">
+				<CreateNewApplicationForm triggerRestart={onRestartClick} isRestartPending={isRestartPending} />
+			</TabsContent>
+			<TabsContent value="import" className="mt-4">
+				<ImportApplicationForm onRestartedSuccessfully={reloadRootEntries} />
+			</TabsContent>
+		</Tabs>
+	);
+}