Redesign Plugins gallery with chip filters and a two-column catalog (CL-7291)

DESIGN.md

@@ -91,12 +91,17 @@ grid:
   identifying column never drops.
 
 This is a default, not a mandate. A directory that scans better as dense
-grouped rows than as a table — the plugins gallery is the standing
-example — keeps that idiom. Density over cards: one row per item, a small
-logo tile, name, a single-line outcome sentence, a status/provenance
-caption, and one honest action button that reflects the item's actual
-state. Extend an existing idiom to a new directory before inventing a
-third pattern; three ways to list things is a defect, not a design system.
+grouped rows than as a table — Settings > Connections is the standing
+example (`ConnectorRow` / `OAuthConnectorRow`,
+`packages/settings-ui/src/connections-section.tsx`) — keeps that idiom.
+Density over cards: one row per item, a small logo tile, name, a
+single-line outcome sentence, a status/provenance caption, and one honest
+action button that reflects the item's actual state. A browseable catalog
+of installable things, each with its own status and actions — the plugins
+gallery is the standing example — is the one case where a two-column card
+catalog with status/category chip filters is the right idiom instead.
+Extend an existing idiom to a new directory before inventing a fourth
+pattern; three ways to list things is a defect, not a design system.
 
 ## Detail Pages
 

apps/web/src/app.css

@@ -9,7 +9,6 @@
 @import "@corbits/chat-ui/styles.css";
 @import "@corbits/bench-ui/styles.css";
 @import "@corbits/settings-ui/styles.css";
-@import "@corbits/plugins-ui/styles.css";
 
 /* react-ui's `.corbits-toast` ships a hardcoded horizontal-center transform
    (`left: 50%; transform: translateX(-50%) !important`) regardless of the

packages/plugins-ui/package.json

@@ -6,14 +6,14 @@
   "license": "LGPL-2.1-or-later",
   "type": "module",
   "exports": {
-    ".": "./src/index.ts",
-    "./styles.css": "./src/styles.css"
+    ".": "./src/index.ts"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",
     "test": "bun test"
   },
   "dependencies": {
+    "@corbits/error-sink": "workspace:*",
     "@corbits/react-ui": "github:corbitsdev/react-ui#3b122812a307ccb35be31386f7696020c5a84635",
     "@corbits/settings-ui": "workspace:*",
     "@corbits/connections": "workspace:*",

packages/plugins-ui/src/index.ts

@@ -7,7 +7,6 @@ export type { SkillCardData } from "./skill-card";
 export { InstalledStrip } from "./installed-strip";
 export { PluginConnectPanel } from "./plugin-connect-panel";
 export { McpServersSection } from "./mcp-servers-section";
-export { McpPresetCardsSection } from "./mcp-preset-cards";
 
 export { PLUGINS_STRINGS } from "./strings";
 
@@ -27,7 +26,6 @@ export type {
 } from "./mcp-servers-api";
 
 export {
-  FEATURED_CONNECTOR_IDS,
   PLUGIN_CATEGORY_ORDER,
   pluginCategory,
   pluginIcon,