Initial public release

packages/ui/src/components/sections/providers/ProvidersPage.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SectionPlaceholder } from '../SectionPlaceholder';
+import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
+
+export const ProvidersPage: React.FC = () => {
+  return (
+    <ScrollableOverlay outerClassName="h-full" className="mx-auto max-w-3xl space-y-6 p-6">
+      <SectionPlaceholder sectionId="providers" variant="page" />
+    </ScrollableOverlay>
+  );
+};

packages/ui/src/components/sections/providers/ProvidersSidebar.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SectionPlaceholder } from '../SectionPlaceholder';
+import { ScrollableOverlay } from '@/components/ui/ScrollableOverlay';
+
+export const ProvidersSidebar: React.FC = () => {
+  return (
+    <ScrollableOverlay outerClassName="h-full" className="px-3 py-2">
+      <SectionPlaceholder sectionId="providers" variant="sidebar" />
+    </ScrollableOverlay>
+  );
+};