Merge branch 'main' into fix/test-auth-on-local-run

Author: PoojaB26

docs/accounts-billing/new-pricing-comparison.md

@@ -342,7 +342,7 @@ export const PricingToggles = () => {
             <td>Automated Testing<br/><span className="feature-description">Run automated tests on your applications</span></td>
             <td>❌</td>
             <td>❌</td>
-            <td>❌</td>
+            <td>1 test per project</td>
             <td>Up to 3 tests per project</td>
             <td>Unlimited tests</td>
           </tr>

docs/ff-concepts/layout/responsive-layout.md

@@ -196,4 +196,58 @@ To implement this, we can go to its widget properties and toggle the device icon
 
 And now you have a more responsive screen for this shopping app use case that looks good in both mobile and desktop formats.
 
-With these adjustments, your shopping app now boasts a highly responsive screen that seamlessly adapts to both mobile and desktop formats. This ensures an optimal user experience across all devices, maintaining both functionality and aesthetic appeal.
+With these adjustments, your shopping app now boasts a highly responsive screen that seamlessly adapts to both mobile and desktop formats. This ensures an optimal user experience across all devices, maintaining both functionality and aesthetic appeal.
+
+## Responsive Value
+
+**Responsive Values** allow you to define different property values, such as widths, heights, font sizes, or padding, for different device sizes (mobile, tablet, desktop, and wide). At runtime, your app evaluates the screen width and automatically applies the appropriate value based on your configurations.
+
+:::info[possible use cases]
+
+- **Adaptive Layouts**: Automatically adjust element sizes to deliver a consistent UI across devices.
+- **Better Readability**: Increase font size on larger screens to improve legibility.
+- **Improved Spacing**: Use different padding or margins on tablets and desktops to optimize content flow.
+
+:::
+
+To set a responsive value, select a widget and choose a property that supports responsiveness. Click **Set from Variable > Responsive Value**, then enter different values for each screen size:
+
+- Mobile (below `Breakpoint Small`)
+- Tablet (below `Breakpoint Medium`)
+- Desktop (below `Breakpoint Large`)
+- Wide (above `Breakpoint Large`)
+
+As you preview on different devices, the property will automatically adjust based on the selected screen size.
+
+:::tip[Customizing Breakpoints]
+
+You can adjust the default screen size breakpoints (mobile, tablet, desktop, wide) in FlutterFlow’s Theme Settings. See how to [**Customize Breakpoints**](#customize-responsive-breakpoints).
+
+:::
+
+
+<div style={{
+    position: 'relative',
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
+    height: 0,
+    width: '100%'}}>
+    <iframe 
+        src="https://demo.arcade.software/0XfY0BCqlcIrsXhOGlCh?embed&show_copy_link=true"
+        title=""
+        style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
+            colorScheme: 'light'
+        }}
+        frameborder="0"
+        loading="lazy"
+        webkitAllowFullScreen
+        mozAllowFullScreen
+        allowFullScreen
+        allow="clipboard-write">
+    </iframe>
+</div>
+<p></p>

docs/troubleshooting/ github-issues/_category_.json

@@ -0,0 +1,3 @@
+{
+  "label": "GitHub"
+}

docs/troubleshooting/ github-issues/initialize_github_repository.md

@@ -0,0 +1,55 @@
+---
+keywords: ['github', 'push', 'repository', 'initialize', 'error']
+slug: /initialize-github-repository
+title: Initialize GitHub Repository
+---
+
+# Initialize GitHub Repository
+
+When pushing code to GitHub, the following error may occur:
+
+```js
+Error pushing repository. Make sure your repository is initialized
+```
+
+This typically happens if the GitHub repository was not initialized correctly or if the project exceeds GitHub’s file size limits.
+
+:::info[Prerequisites]
+- Access to your GitHub account.
+- A FlutterFlow project with GitHub integration enabled.
+:::
+
+Follow the steps below to initialize a GitHub repository:
+
+1. **Create a New Repository**
+
+   - Go to **[GitHub](https://github.com/)** and click **New** to create a repository.
+   - Enable the option **Add a README file** during creation.
+
+2. **Connect Repository to FlutterFlow**
+
+   - Open your FlutterFlow project.
+   - Navigate to **GitHub Integration** and follow the instructions to connect the new repository.
+
+      ![](../assets/20250430121522561282.gif)
+
+3. **Download and Inspect Your Project**
+
+   - Download the full source code from FlutterFlow.
+   - Navigate to the `assets` folder.
+   - Identify any files larger than **25MB**.
+
+      :::warning[Check Your Asset Size]
+      GitHub does not allow individual files larger than 25MB. Large image or video files may cause push failures.
+      :::
+
+
+      :::tip[Tips to Reduce Project Size]
+      - Use **network assets** instead of uploading large media files directly to FlutterFlow.
+      - Optimize images using tools like TinyPNG or ImageOptim before uploading.
+      :::
+
+:::info[Additional Resources]
+- **[Connect a GitHub Repo](/exporting/push-to-github/#connect-a-github-repo)**
+- **[State Management](/concepts/state-management/)**
+:::

docs/troubleshooting/ github-issues/repository_head_deployment_failure.md

@@ -0,0 +1,56 @@
+---
+keywords: ['deployment', 'github', 'repository', 'codemagic']
+slug: /repository-head-deployment-failure
+title: Repository Head Deployment Failure
+---
+
+# Repository Head Deployment Failure
+
+This error may occur when deploying your FlutterFlow app to GitHub using Codemagic. The message `Failed to set the repository head` indicates a problem with repository access, configuration, or connectivity.
+
+:::info[Prerequisites]
+- A connected GitHub repository with appropriate access permissions.
+- GitHub deployment enabled within FlutterFlow.
+:::
+
+**The Error Message**
+
+   ```js
+   Failed to set the repository head
+   ```
+   This message typically appears in the build log during deployment.
+
+Below are the possible causes of this error:
+
+   - The GitHub repository does not exist or was deleted.
+   - The branch specified in build settings does not exist.
+   - Insufficient permissions to push or write to the branch.
+   - GitHub API or network connectivity issues.
+   - Local build errors in the codebase.
+
+**Steps to Fix the Deployment Error:**
+
+1. **Confirm the Repository Name**
+
+   Ensure the repository name in your FlutterFlow deployment settings exactly matches the name in GitHub.
+
+2. **Verify the Branch**
+
+   Check that the branch exists in the repository and is correctly specified in your build settings. Avoid typos or casing mismatches.
+
+3. **Review Repository Permissions**
+
+   Confirm that your GitHub account or connected GitHub App has push/write access to the repository and branch.
+
+4. **Check Network Access**
+
+   Make sure your environment is not blocking GitHub via VPN, firewall, or DNS restrictions.
+
+5. **Validate the Codebase Locally**
+
+   Run the downloaded Flutter project locally to confirm that it builds without errors.
+
+:::info[Additional Resources]
+- **[GitHub Deployment Overview](/deployment/deploy-from-github/#steps-to-deploy)**
+- **[Codemagic Error Identification Guide](/codemagic-deployment-error-identification/)**
+:::