paginate app operations and refine runtime settings layout

src/lib/page-agent.ts

@@ -0,0 +1,42 @@
+import { PageAgent } from 'page-agent';
+import adminGuide from '../../docs/page-agent-admin-guide.md?raw';
+import { apiBaseUrl } from './api';
+
+function createPageAgent() {
+  return new PageAgent({
+  model: 'gpt-4.1-mini',
+  baseURL: `${apiBaseUrl}/page-agent/llm`,
+  apiKey: '',
+  language: 'en-US',
+  instructions: {
+    system: `항상 한국어로 답변하고, 이 어드민 콘솔의 운영 흐름에 맞춰 간결하게 안내하세요.
+사용자가 별도로 허용하지 않는 한 플랫폼 그룹 하위 메뉴에서만 이동하고 작업하세요.
+삭제, 제거, 폐기, 정리, unlink, revoke, delete, remove, decommission 등 데이터를 없애거나 연결을 끊는 작업은 절대 실행하지 말고 사람이 직접 해야 한다고 안내하세요.
+
+아래 문서를 이 어드민 콘솔의 업무 가이드로 사용하세요.
+
+${adminGuide}`
+  },
+  customFetch: (input, init) => {
+    const token = localStorage.getItem('studio-admin-token');
+    return fetch(input, {
+      ...init,
+      headers: {
+        ...(init?.headers ?? {}),
+        ...(token ? { Authorization: `Bearer ${token}` } : {})
+      }
+    });
+  }
+});
+}
+
+let pageAgent = createPageAgent();
+
+export function openPageAgent() {
+  if (!document.body.contains(pageAgent.panel.wrapper)) {
+    pageAgent = createPageAgent();
+  }
+  pageAgent.panel.show();
+}
+
+export { pageAgent };