Decouple title from title block (#696)

* Decouple title from title block

* fix lint

* remove dry run for FormTitleMigration

* Skip form title migration for forms with hidden titles

* Refactor AI Form Generation with Dedicated Prompt Services

- Extract AI form generation logic from GenerateTemplate command into dedicated prompt service classes
- Update GenerateAiForm job to use new prompt generation services
- Improve GptCompleter with more robust error handling and token tracking
- Add error field to AiFormCompletion model for better error logging
- Simplify command signature from 'ai:make-form-template' to 'form:generate'

* Consolidate Template Metadata Generation with Unified Prompt Service

- Create GenerateTemplateMetadataPrompt to centralize template metadata generation
- Update GenerateTemplate command to use new consolidated metadata generation approach
- Enhance GptCompleter to support strict JSON schema validation
- Increase form prompt max length to support more complex form descriptions
- Refactor form generation to simplify metadata extraction and processing

* Implement Form Mode Strategy for Flexible Form Rendering

- Introduce FormModeStrategy to centralize form rendering logic
- Add support for different form modes: LIVE, PREVIEW, TEST, EDIT, PREFILL
- Refactor components to use mode-based rendering strategy
- Remove legacy boolean props like adminPreview and creating
- Enhance form component flexibility and reusability

* Refine Form Mode Strategy Display Behavior

- Update FormModeStrategy to hide hidden fields in PREVIEW mode
- Add FormMode getter in UrlFormPrefill component for mode-specific rendering
- Clarify mode-specific validation and display logic in form strategies

* Enhance Form Template Generation with Advanced Field Options

- Update GenerateTemplate command to use front_url for template URL output
- Expand GenerateFormPrompt with comprehensive field configuration options
- Add support for advanced field types: date with time, toggle switches, radio/checkbox selections
- Introduce field width configuration and HTML formatting for text elements
- Re-enable select, multi-select, and matrix field type definitions with enhanced configurations

* Remove Deprecated Template Metadata Generation Services

- Delete multiple AI prompt services related to template metadata generation
- Simplify GenerateTemplate command to use default values instead of complex metadata generation
- Remove GenerateTemplateMetadataPrompt and related classes like GenerateTemplateDescriptionPrompt, GenerateTemplateImageKeywordsPrompt, etc.
- Update form template generation to use basic fallback metadata generation approach

* Restore GenerateTemplateMetadataPrompt for Comprehensive Template Generation

- Reintroduce GenerateTemplateMetadataPrompt to replace default metadata generation
- Update GenerateTemplate command to use consolidated metadata generation approach
- Extract detailed metadata components including title, description, industries, and image search query
- Improve template generation with more dynamic and AI-generated metadata

* Refactor Template Preview Section Layout

- Remove unnecessary nested div in template preview section
- Simplify HTML structure for the template preview component
- Maintain existing styling and functionality while improving code readability

* Refactor Constructor and Code Formatting in AI Form Generation and Prompt Classes

- Updated the constructor in GenerateAiForm.php to use a block structure for improved readability and consistency.
- Added a blank line in the Prompt.php file to enhance code formatting and maintain consistency with PHP coding standards.
- Modified the migration file to use a more concise class declaration syntax, improving clarity.

These changes aim to enhance code readability and maintainability across the affected files.

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/pages/forms/show/EmbedFormAsPopupModal.vue

@@ -108,14 +108,6 @@
             </div>
           </template>
           <div class="border-t mt-4 -mx-4" />
-          <toggle-switch-input
-            v-model="advancedOptions.hide_title"
-            name="hide_title"
-            class="mt-4"
-            label="Hide Form Title"
-            :disabled="form.hide_title === true ? true : null"
-            :help="hideTitleHelp"
-          />
           <color-input
             v-model="advancedOptions.bgcolor"
             name="bgcolor"
@@ -175,22 +167,14 @@ const props = defineProps({
 const embedScriptUrl = "/widgets/embed-min.js"
 const showEmbedFormAsPopupModal = ref(false)
 const advancedOptions = ref({
-  hide_title: false,
   emoji: "💬",
   position: "right",
   bgcolor: "#3B82F6",
   width: "500",
 })
 
-const hideTitleHelp = computed(() => {
-  return props.form.hide_title
-    ? "This option is disabled because the form title is already hidden"
-    : null
-})
 const shareUrl = computed(() => {
-  return advancedOptions.value.hide_title
-    ? props.form.share_url + "?hide_title=true"
-    : props.form.share_url
+  return props.form.share_url
 })
 const embedPopupCode = computed(() => {
   const nfData = {

client/components/pages/forms/show/UrlFormPrefill.vue

@@ -75,10 +75,9 @@
             v-if="form"
             :theme="theme"
             :loading="false"
-            :show-hidden="true"
             :form="form"
             :fields="form.properties"
-            :url-prefill-preview="true"
+            :mode="FormMode.PREFILL"
             @submit="generateUrl"
           >
             <template #submit-btn="{ submitForm }">
@@ -111,6 +110,7 @@
 import ThemeBuilder from "~/lib/forms/themes/ThemeBuilder"
 import FormUrlPrefill from "../../../open/forms/components/FormUrlPrefill.vue"
 import OpenForm from "../../../open/forms/OpenForm.vue"
+import { FormMode } from "~/lib/forms/FormModeStrategy.js"
 
 export default {
   name: "UrlFormPrefill",
@@ -132,6 +132,9 @@ export default {
         borderRadius: this.form.border_radius
       }).getAllComponents()
     },
+    FormMode() {
+      return FormMode
+    }
   },
 
   methods: {