first commit

ui/app/workspace/logs/sheets/observabilitySettingsSheet.tsx

@@ -0,0 +1,22 @@
+import LoggingView from "@/app/workspace/config/views/loggingView";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
+
+interface ObservabilitySettingsSheetProps {
+	open: boolean;
+	onOpenChange: (open: boolean) => void;
+}
+
+export function ObservabilitySettingsSheet({ open, onOpenChange }: ObservabilitySettingsSheetProps) {
+	return (
+		<Sheet open={open} onOpenChange={onOpenChange}>
+			<SheetContent side="right" className="flex w-full flex-col overflow-x-hidden px-8 pt-6 sm:max-w-3xl">
+				<SheetHeader className="">
+					<SheetTitle className="text-lg font-semibold">Logging settings</SheetTitle>
+				</SheetHeader>
+				<div className="custom-scrollbar min-h-0 flex-1 overflow-x-hidden overflow-y-auto">
+					<LoggingView />
+				</div>
+			</SheetContent>
+		</Sheet>
+	);
+}