Pasquale/cui 96 move shadcnradix instructions to a separate page

[pasqualevitiello]

Summary by cubic

Moves all Radix/shadcn migration guidance into a dedicated page and removes duplicated comparison content from component docs. Clarifies the Base UI positioning on the overview and links to the new migration guide. Addresses CUI-96.

• Migration

  • Added a comprehensive Radix/shadcn → coss ui migration guide at docs/radix-shadcn-migration.mdx and linked it from the Overview.
  • Added the page to docs navigation (meta.json) and llms.txt.
  • Cleaned up component docs by removing per-component “Comparing with Radix/shadcn” sections; the new page is the single source of truth.

• Bug Fixes

  • Corrected docs diff highlight color token in globals.css to use --color-destructive.

^{Written for commit 2a870f2. Summary will update automatically on new commits.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
coss-com	Ready	Preview, Comment	Dec 18, 2025 2:06pm
coss-com-ui	Ready	Preview, Comment	Dec 18, 2025 2:06pm

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
coss-com-origin	Skipped		Dec 18, 2025 2:06pm

[cubic-dev-ai]

2 issues found across 34 files

Prompt for AI agents (all 2 issues)

Check if these issues are valid — if so, understand the root cause of each and fix them.


<file name="apps/ui/content/docs/(root)/radix-shadcn-migration.mdx">

<violation number="1" location="apps/ui/content/docs/(root)/radix-shadcn-migration.mdx:104">
P3: Grammar error: &quot;a error&quot; should be &quot;an error&quot;.</violation>

<violation number="2" location="apps/ui/content/docs/(root)/radix-shadcn-migration.mdx:656">
P1: The `items` variable is not in scope. It&#39;s passed as a prop to `&lt;Select&gt;` but referenced directly in the JSX children. Define `items` as a constant before the JSX, then reference it in both places.</violation>
</file>

_{Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR}

[cubic-dev-ai]

P3: Grammar error: "a error" should be "an error".

Prompt for AI agents

Check if this issue is valid — if so, understand the root cause and fix it. At apps/ui/content/docs/(root)/radix-shadcn-migration.mdx, line 104:

<comment>Grammar error: &quot;a error&quot; should be &quot;an error&quot;.</comment>

<file context>
@@ -0,0 +1,953 @@
+| `info`    | Displays an info alert (blue)     |
+| `success` | Displays a success alert (green)  |
+| `warning` | Displays a warning alert (yellow) |
+| `error`   | Displays a error alert (red)      |
+
+Ensure you have the following variables imported in your CSS file:
</file context>

✅ Addressed in 2a870f2

[cubic-dev-ai]

P1: The items variable is not in scope. It's passed as a prop to <Select> but referenced directly in the JSX children. Define items as a constant before the JSX, then reference it in both places.

Prompt for AI agents

Check if this issue is valid — if so, understand the root cause and fix it. At apps/ui/content/docs/(root)/radix-shadcn-migration.mdx, line 656:

<comment>The `items` variable is not in scope. It&#39;s passed as a prop to `&lt;Select&gt;` but referenced directly in the JSX children. Define `items` as a constant before the JSX, then reference it in both places.</comment>

<file context>
@@ -0,0 +1,953 @@
+    &lt;SelectValue /&gt;
+  &lt;/SelectTrigger&gt;
+  &lt;SelectPopup alignItemWithTrigger={false}&gt;
+    {items.map((item) =&gt; (
+      &lt;SelectItem key={item.value} value={item}&gt;
+        {item.label}
</file context>

[sean-brydon]

Oh this is super nice to just feed to LLMs now! Nice job