Merge pull request #9444 from gitbutlerapp/feature-ai-experimental-flags

Add experimental AI feature flags and UI updates

Author: estib-vega

apps/desktop/src/components/CloudForm.svelte

@@ -3,7 +3,7 @@
 	import AiPromptSelect from '$components/AIPromptSelect.svelte';
 	import Section from '$components/Section.svelte';
 	import WelcomeSigninAction from '$components/WelcomeSigninAction.svelte';
-	import { projectAiGenEnabled } from '$lib/config/config';
+	import { projectAiExperimentalFeaturesEnabled, projectAiGenEnabled } from '$lib/config/config';
 	import { Project } from '$lib/project/project';
 	import { UserService } from '$lib/user/userService';
 	import { getContext } from '@gitbutler/shared/context';
@@ -16,7 +16,8 @@
 	const project = getContext(Project);
 	const user = userService.user;
 
-	const aiGenEnabled = projectAiGenEnabled(project.id);
+	const aiGenEnabled = $derived(projectAiGenEnabled(project.id));
+	const experimentalAiGenEnabled = $derived(projectAiExperimentalFeaturesEnabled(project.id));
 </script>
 
 <Section>
@@ -54,6 +55,33 @@
 		</SectionCard>
 	</div>
 
+	{#if $aiGenEnabled}
+		<div class="options">
+			<SectionCard labelFor="aiExperimental" orientation="row">
+				{#snippet title()}
+					Enable experimental AI features
+				{/snippet}
+				{#snippet caption()}
+					If enabled, you will be able tu access the AI features currently in development.
+
+					<b
+						>This also requires you to use OpenAI through GitButler in order for the features to
+						work.</b
+					>
+				{/snippet}
+				{#snippet actions()}
+					<Toggle
+						id="aiExperimental"
+						checked={$experimentalAiGenEnabled}
+						onclick={() => {
+							$experimentalAiGenEnabled = !$experimentalAiGenEnabled;
+						}}
+					/>
+				{/snippet}
+			</SectionCard>
+		</div>
+	{/if}
+
 	<SectionCard>
 		{#snippet title()}
 			Custom prompts

apps/desktop/src/components/v3/FileContextMenu.svelte

@@ -4,7 +4,7 @@
 	import { AIService } from '$lib/ai/service';
 	import { writeClipboard } from '$lib/backend/clipboard';
 	import { changesToDiffSpec } from '$lib/commits/utils';
-	import { projectAiGenEnabled } from '$lib/config/config';
+	import { projectAiExperimentalFeaturesEnabled, projectAiGenEnabled } from '$lib/config/config';
 	import { isTreeChange, type TreeChange } from '$lib/hunks/change';
 	import { showToast } from '$lib/notifications/toasts';
 	import { Project } from '$lib/project/project';
@@ -74,8 +74,11 @@
 	let aiConfigurationValid = $state(false);
 
 	const aiGenEnabled = $derived(projectAiGenEnabled(projectId));
+	const experimentalFeaturesEnabled = $derived(projectAiExperimentalFeaturesEnabled(projectId));
 
-	const canUseGBAI = $derived(aiGenEnabled && aiConfigurationValid);
+	const canUseGBAI = $derived(
+		$aiGenEnabled && aiConfigurationValid && $experimentalFeaturesEnabled
+	);
 
 	function isDeleted(item: FileItem): boolean {
 		return item.changes.some((change) => {

apps/desktop/src/lib/config/config.ts

@@ -38,6 +38,11 @@ export function projectAiGenEnabled(projectId: string): Persisted<boolean> {
 	return persisted(false, key + projectId);
 }
 
+export function projectAiExperimentalFeaturesEnabled(projectId: string): Persisted<boolean> {
+	const key = 'projectAiExperimentalFeaturesEnabled_';
+	return persisted(false, key + projectId);
+}
+
 export function projectRunCommitHooks(projectId: string): Persisted<boolean> {
 	const key = 'projectRunCommitHooks_';
 	return persisted(false, key + projectId);