No, it's not the same. The CRM companies page has its own inline FilterBar component (defined on line 169) that's custom-built for that specific page. It's separate from the components/dashboard/filter-bar.tsx design system component.

The CRM version is more complex — it has popover-based category/value selection with externally controllable state (catOpen, setCatOpen, catPos) so it can be triggered from buttons outside the filter bar itself.

The design system FilterBar is simpler and is used in the dashboard for Manager/Supplier filtering.

I can see the FilterBar is already rendered on line 683. Now let me check the FilterBar component definition to see if it has any conditional rendering that might be hiding it:

I can see on line 184 that the FilterBar checks hasFilters (whether any filters are active). Let me check the return statement to see if it conditionally renders:

Let me find the actual return statement at the beginning of FilterBar to check if it has conditional rendering:

I found it. On line 319, the FilterBar only renders {hasFilters && ...} — meaning it's completely hidden until at least one filter is active. To make it always visible, I just need to remove that condition:

Now I need to close the {hasFilters && ( wrapper. Let me find where it closes:

The FilterBar is now always visible at /crm/companies. It was previously hidden behind a {hasFilters && ...} condition that only showed it when filters were active. Now it displays permanently with the neutral-50 background pill containing the "Add filter" (+) button and "Clear all filters" (⌥⇧F) action, even when no filters are selected.