guidelines: improve flux ui free/pro guidelines with list of components and better wording

Author: ashleyhindle

.ai/fluxui-free/core.blade.php

@@ -1,8 +1,15 @@
+- This project is using Flux UI - Free. It has full access to the free components and variants, but does not have access to the Pro components.
 - Flux UI is a component library for Livewire. Flux is a robust, hand-crafted, UI component library for your Livewire applications. It's built using Tailwind CSS and provides a set of components that are easy to use and customize.
 - You should use Flux UI components when available.
 - Flux UI components look like this:
-<code-snippet>
+<code-snippet name="Flux UI component usage example" lang="blade">
     <flux:button variant="primary"/>
 </code-snippet>
 - Fallback to standard Blade components if Flux is unavailable.
-- Use Laravel Boost's `search-docs` tool to get the exact documentation and code snippets available for this project.
+- If available, use Laravel Boost's `search-docs` tool to get the exact documentation and code snippets available for this project.
+
+### List of available components
+This is correct as of Boost install, but there may be additional ones within the codebase.
+<available-flux-components>
+avatar, badge, brand, breadcrumbs, button, callout, checkbox, dropdown, field, heading, icon, input, modal, navbar, profile, radio, select, separator, switch, text, textarea, tooltip
+</available-flux-components>

.ai/fluxui-pro/core.blade.php

@@ -1,8 +1,16 @@
+- This project is using Flux UI - Pro. It has full access to the free components and variants, as well as full access to the Pro components and variants.
 - Flux UI is a component library for Livewire. Flux is a robust, hand-crafted, UI component library for your Livewire applications. It's built using Tailwind CSS and provides a set of components that are easy to use and customize.
 - You should use Flux UI components when available.
 - Flux UI components look like this:
-<code-snippet>
+<code-snippet name="Flux UI component usage example" lang="blade">
     <flux:button variant="primary"/>
 </code-snippet>
 - Fallback to standard Blade components if Flux is unavailable.
-- Use Laravel Boost's `search-docs` tool to get the exact documentation and code snippets available for this project.
+- If available, use Laravel Boost's `search-docs` tool to get the exact documentation and code snippets available for this project.
+
+### List of available components
+This is correct as of Boost install, but there may be additional ones within the codebase.
+
+<available-flux-components>
+accordion, autocomplete, avatar, badge, brand, breadcrumbs, button, calendar, callout, card, chart, checkbox, command, context, date-picker, dropdown, editor, field, heading, icon, input, modal, navbar, pagination, popover, profile, radio, select, separator, switch, table, tabs, text, textarea, toast, tooltip
+</available-flux-components>