docs: add link to platform logs explorer docs

studio/components/interfaces/Settings/Logs/Logs.constants.ts

@@ -1,6 +1,8 @@
 import dayjs from 'dayjs'
 import { DatetimeHelper, FilterTableSet, LogTemplate } from '.'
 
+export const LOGS_EXPLORER_DOCS_URL = "https://supabase.com/docs/guides/platform/logs#querying-with-the-logs-explorer"
+
 export const LOGS_LARGE_DATE_RANGE_DAYS_THRESHOLD = 4
 
 export const TEMPLATES: LogTemplate[] = [

studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx

@@ -6,6 +6,7 @@ import {
   EXPLORER_DATEPICKER_HELPERS,
   LogsTableName,
   LogsWarning,
+  LOGS_EXPLORER_DOCS_URL,
   LOGS_SOURCE_DESCRIPTION,
   LogTemplate,
 } from '.'
@@ -13,6 +14,7 @@ import DatePickers from './Logs.DatePickers'
 import Link from 'next/link'
 import React from 'react'
 import { checkPermissions, useStore } from 'hooks'
+import { IconBookOpen } from '@supabase/ui'
 
 interface Props {
   templates?: LogTemplate[]
@@ -130,6 +132,11 @@ const LogsQueryPanel: React.FC<Props> = ({
           <div>
             <div className="flex items-center gap-4">
               <div className="flex items-center gap-2">
+                <a target="_blank" href={LOGS_EXPLORER_DOCS_URL}>
+                  <Button type="default" icon={<IconBookOpen size={12} />}>
+                    Docs
+                  </Button>
+                </a>
                 <Button type="default" onClick={onClear}>
                   Clear query
                 </Button>