Skip to content

Conversation

@pasqualevitiello
Copy link
Contributor

@pasqualevitiello pasqualevitiello commented Nov 14, 2025

Summary by cubic

Built a unified particles search page with multi-category filtering and chip-based UI, replacing the old category routes. Addresses Linear CUI-29 by making components easier to find and share.

  • New Features

    • New /particles page with SearchField (chips + grouped combobox) and ParticlesDisplay with skeleton loading.
    • Multi-select filters sync with the URL for shareable searches.
  • Refactors

    • Consolidated routing and category handling: removed /particles/[category] and category-navigation; added registry-categories for valid keys and sort order.
    • ParticleCard caches registry lookups and reads from Index for faster rendering.
    • Added meta.className to several registry items to control display sizing.
    • Renamed examples to p-* particles and updated docs/CONTRIBUTING; removed legacy /public/r/* registry files.

Written for commit 49c2704. Summary will update automatically on new commits.

@vercel
Copy link

vercel bot commented Nov 14, 2025

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

Project Deployment Preview Comments Updated (UTC)
coss-com Ready Ready Preview Comment Nov 18, 2025 2:11pm
coss-com-ui Ready Ready Preview Comment Nov 18, 2025 2:11pm
1 Skipped Deployment
Project Deployment Preview Comments Updated (UTC)
coss-com-origin Skipped Skipped Nov 18, 2025 2:11pm

@pasqualevitiello pasqualevitiello marked this pull request as ready for review November 18, 2025 13:53
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

4 issues found across 1148 files

Note: This PR contains a large number of files. cubic only reviews up to 150 files per PR, so some files may not have been reviewed.

Prompt for AI agents (all 4 issues)

Understand the root cause of the following 4 issues and fix them.


<file name="apps/ui/public/r/p-autocomplete-13.json">

<violation number="1" location="apps/ui/public/r/p-autocomplete-13.json:16">
Add `@coss/button` to the registryDependencies list so the generated particle includes the button package it imports.</violation>
</file>

<file name="apps/ui/content/docs/components/field.mdx">

<violation number="1" location="apps/ui/content/docs/components/field.mdx:114">
The className for the &quot;With Validity&quot; preview introduces a space inside the Tailwind arbitrary variant, yielding invalid classes and breaking the width constraint on the preview.</violation>
</file>

<file name="apps/ui/app/particles/particle-card-container.tsx">

<violation number="1" location="apps/ui/app/particles/particle-card-container.tsx:19">
Add a positioning context (e.g., `relative`) to the content panel so its `::before` pseudo-element is scoped to the panel instead of the entire card body.</violation>
</file>

<file name="apps/ui/public/r/p-breadcrumb-1.json">

<violation number="1" location="apps/ui/public/r/p-breadcrumb-1.json:13">
This particle imports and renders Button, but @coss/button is missing from registryDependencies, so downstream registry builds won’t include the required UI component.</violation>
</file>

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

"className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64"
},
"name": "p-autocomplete-13",
"registryDependencies": ["@coss/autocomplete", "@coss/form", "@coss/field"],
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot Nov 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add @coss/button to the registryDependencies list so the generated particle includes the button package it imports.

Prompt for AI agents
Address the following comment on apps/ui/public/r/p-autocomplete-13.json at line 16:

<comment>Add `@coss/button` to the registryDependencies list so the generated particle includes the button package it imports.</comment>

<file context>
@@ -0,0 +1,18 @@
+    &quot;className&quot;: &quot;**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64&quot;
+  },
+  &quot;name&quot;: &quot;p-autocomplete-13&quot;,
+  &quot;registryDependencies&quot;: [&quot;@coss/autocomplete&quot;, &quot;@coss/form&quot;, &quot;@coss/field&quot;],
+  &quot;type&quot;: &quot;registry:block&quot;
+}
</file context>
Suggested change
"registryDependencies": ["@coss/autocomplete", "@coss/form", "@coss/field"],
"registryDependencies": ["@coss/autocomplete", "@coss/form", "@coss/field", "@coss/button"],
Fix with Cubic

name="field-validity"
className="[&_.preview>*]:w-full [&_.preview>*]:max-w-80"
<ComponentPreview name="p-field-5"
className="[& .preview>*]:w-full [&_.preview>*]:max-w-80"
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot Nov 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The className for the "With Validity" preview introduces a space inside the Tailwind arbitrary variant, yielding invalid classes and breaking the width constraint on the preview.

Prompt for AI agents
Address the following comment on apps/ui/content/docs/components/field.mdx at line 114:

<comment>The className for the &quot;With Validity&quot; preview introduces a space inside the Tailwind arbitrary variant, yielding invalid classes and breaking the width constraint on the preview.</comment>

<file context>
@@ -100,109 +96,72 @@ import { Input } from &quot;@/components/ui/input&quot;
-  name=&quot;field-validity&quot;
-  className=&quot;[&amp;_.preview&gt;*]:w-full [&amp;_.preview&gt;*]:max-w-80&quot;
+&lt;ComponentPreview name=&quot;p-field-5&quot;
+  className=&quot;[&amp; .preview&gt;*]:w-full [&amp;_.preview&gt;*]:max-w-80&quot;
 /&gt;
 
</file context>
Suggested change
className="[& .preview>*]:w-full [&_.preview>*]:max-w-80"
className="[&_.preview>*]:w-full [&_.preview>*]:max-w-80"
Fix with Cubic

className,
)}
>
<div className="-m-px flex min-h-50 min-w-0 flex-1 flex-col flex-wrap items-center justify-center overflow-x-auto rounded-t-xl rounded-b-lg border bg-background p-6 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] lg:px-8 lg:py-12 dark:before:shadow-[0_-1px_--theme(--color-white/8%)]">
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot Nov 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a positioning context (e.g., relative) to the content panel so its ::before pseudo-element is scoped to the panel instead of the entire card body.

Prompt for AI agents
Address the following comment on apps/ui/app/particles/particle-card-container.tsx at line 19:

<comment>Add a positioning context (e.g., `relative`) to the content panel so its `::before` pseudo-element is scoped to the panel instead of the entire card body.</comment>

<file context>
@@ -0,0 +1,25 @@
+        className,
+      )}
+    &gt;
+      &lt;div className=&quot;-m-px flex min-h-50 min-w-0 flex-1 flex-col flex-wrap items-center justify-center overflow-x-auto rounded-t-xl rounded-b-lg border bg-background p-6 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] lg:px-8 lg:py-12 dark:before:shadow-[0_-1px_--theme(--color-white/8%)]&quot;&gt;
+        {children}
+      &lt;/div&gt;
</file context>
Fix with Cubic

}
],
"name": "p-breadcrumb-1",
"registryDependencies": ["@coss/breadcrumb", "@coss/menu"],
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot Nov 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This particle imports and renders Button, but @coss/button is missing from registryDependencies, so downstream registry builds won’t include the required UI component.

Prompt for AI agents
Address the following comment on apps/ui/public/r/p-breadcrumb-1.json at line 13:

<comment>This particle imports and renders Button, but @coss/button is missing from registryDependencies, so downstream registry builds won’t include the required UI component.</comment>

<file context>
@@ -0,0 +1,15 @@
+    }
+  ],
+  &quot;name&quot;: &quot;p-breadcrumb-1&quot;,
+  &quot;registryDependencies&quot;: [&quot;@coss/breadcrumb&quot;, &quot;@coss/menu&quot;],
+  &quot;type&quot;: &quot;registry:block&quot;
+}
</file context>
Suggested change
"registryDependencies": ["@coss/breadcrumb", "@coss/menu"],
"registryDependencies": ["@coss/breadcrumb", "@coss/menu", "@coss/button"],
Fix with Cubic

@sean-brydon sean-brydon merged commit d4d67a2 into main Nov 18, 2025
8 of 11 checks passed
@sean-brydon sean-brydon deleted the pasquale/cui-29-search-page branch November 18, 2025 15:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants