api monitors

frontend/src/pages/Thinker/AuthorProfiles.tsx

@@ -7,6 +7,7 @@ import Button from '../../components/ui/button/Button';
 import FormModal, { FormField } from '../../components/common/FormModal';
 import Badge from '../../components/ui/badge/Badge';
 import { PlusIcon } from '../../icons';
+import ApiStatusMonitor from '../../components/debug/ApiStatusMonitor';
 
 export default function AuthorProfiles() {
   const toast = useToast();
@@ -158,6 +159,14 @@ export default function AuthorProfiles() {
         data={formData}
         onChange={setFormData}
       />
+
+      {/* API Status Monitor - Only shows when debug toggle is enabled */}
+      <ApiStatusMonitor
+        title="System"
+        endpoints={[
+          { name: 'List Author Profiles', method: 'GET', endpoint: '/v1/system/author-profiles/' },
+        ]}
+      />
     </div>
   );
 }

frontend/src/pages/Thinker/Prompts.tsx

@@ -5,6 +5,7 @@ import TextArea from '../../components/form/input/TextArea';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { BoltIcon } from '../../icons';
 import { fetchAPI } from '../../services/api';
+import ApiStatusMonitor from '../../components/debug/ApiStatusMonitor';
 
 interface PromptData {
   prompt_type: string;
@@ -427,6 +428,14 @@ export default function Prompts() {
           </div>
         </div>
       </div>
+
+      {/* API Status Monitor - Only shows when debug toggle is enabled */}
+      <ApiStatusMonitor
+        title="System"
+        endpoints={[
+          { name: 'List Prompts', method: 'GET', endpoint: '/v1/system/prompts/' },
+        ]}
+      />
     </>
   );
 }