Settings Connectors

import { SettingsConnectors } from "@/components/ui/settings-connectors";

export default function Particle() {
  return <SettingsConnectors />;
}

Установка

bunnpmpnpmyarn
pnpm dlx shadcn@latest add @oracul/settings-connectors
Копировать

Использование

Copyimport { SettingsConnectors } from "@/components/ui/settings-connectors";
 
<SettingsConnectors connectors={connectors} />

Раскройте любую плашку, чтобы открыть редактор (авторизация, token, политики методов), или нажмите «Добавить» — откроется диалог «Добавить свой коннектор».

API

Презентационный (plain-props): приложение владеет useConnectors() — загрузкой, валидацией MCP-handshake, OAuth и записью политик методов. Компонент держит локальное состояние раскрытого коннектора, переключателей и формы добавления. Нативный <select> фронта заменён на DS Select ради единообразия формы.

ConnectorSnapshot — { id, name, iconUrl?, source: "custom" \| "builtin", tagline?, statusLabel, enabled, configured, authMode, methods: ConnectorMethod[] }.