chore: improve display for common list and ai gateway example

Author: moonrailgun

README.md

@@ -27,7 +27,7 @@ It's good to specialize in one thing, if we are experts in related abilities we
 
 - [x] website analysis
 - [x] monitor
-  - [ ] support passive reception of results
+  - [x] support passive reception of results
 - [x] server status
 - [x] problem notification
 - [x] telemetry
@@ -42,10 +42,10 @@ It's good to specialize in one thing, if we are experts in related abilities we
 - [x] hooks
 - [x] helm install support
   - [x] allow install from public
-- [ ] improve monitor reporter usage
+- [x] improve monitor reporter usage
   - [x] uninstall guide
-  - [ ] download from server
-  - [ ] custom params guide
+  - [x] download from server
+  - [x] custom params guide
 
 ## Preview
 
@@ -98,4 +98,4 @@ And its inspired by `umami` license which under `MIT` and `uptime-kuma` which un
 
 [![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https://github.com/msgbyte/tianji)
 
-[![Run on ClawCloud](https://raw.githubusercontent.com/ClawCloud/Run-Template/refs/heads/main/Run-on-ClawCloud.svg)](https://template.run.claw.cloud/?referralCode=TNW6NVWTLHPQ&openapp=system-fastdeploy%3FtemplateName%3Dtianji)
+[![Run on ClawCloud](https://raw.githubusercontent.com/ClawCloud/Run-Template/refs/heads/main/Run-on-ClawCloud.svg)](https://template.run.claw.cloud/?referralCode=TNW6NVWTLHPQ&openapp=system-fastdeploy%3FtemplateName%3Dtianji)

src/client/components/CommonList.tsx

@@ -55,7 +55,7 @@ export const CommonList: React.FC<CommonListProps> = React.memo((props) => {
   return (
     <div className="flex h-full flex-col">
       {props.hasSearch && (
-        <div className="bg-background/95 supports-[backdrop-filter]:bg-background/60 px-4 pt-4 backdrop-blur">
+        <div className="bg-background/95 supports-[backdrop-filter]:bg-background/60 px-4 py-2 backdrop-blur">
           <form>
             <div className="relative">
               <LuSearch className="text-muted-foreground absolute left-2 top-2.5 h-4 w-4" />
@@ -71,7 +71,7 @@ export const CommonList: React.FC<CommonListProps> = React.memo((props) => {
       )}
 
       <ScrollArea className="flex-1">
-        <div className="flex flex-col gap-2 p-4">
+        <div className="flex flex-col gap-2 px-4 py-2">
           {props.isLoading && (
             <div className="flex justify-center py-8">
               <Spinner size={24} />

src/client/components/aiGateway/AIGatewayCodeExampleBtn.tsx

@@ -124,7 +124,7 @@ async function callAIGateway() {
       {
         headers: {
           "Content-Type": "application/json",
-          "Authorization": "Bearer YOUR_API_KEY"
+          "Authorization": "Bearer <YOUR_API_KEY>"
         }
       }
     );
@@ -145,7 +145,7 @@ def call_ai_gateway():
 
     headers = {
         "Content-Type": "application/json",
-        "Authorization": "Bearer YOUR_API_KEY"
+        "Authorization": "Bearer <YOUR_API_KEY>"
     }
 
     data = {
@@ -174,7 +174,7 @@ call_ai_gateway()`;
         case 'curl':
           return `curl -X POST '${window.location.origin}${endpoint}' \\
   -H 'Content-Type: application/json' \\
-  -H 'Authorization: Bearer YOUR_API_KEY' \\
+  -H 'Authorization: Bearer <YOUR_API_KEY>' \\
   -d '{
   "messages": [
     {