feat: add agent debugging workspace

frontend/src/app/router.tsx

@@ -15,6 +15,13 @@ import { TicketCreatePage } from '@/features/tickets/TicketCreatePage'
 import { TicketDetailPage } from '@/features/tickets/TicketDetailPage'
 import { TicketListPage } from '@/features/tickets/TicketListPage'
 import { WorkbenchPage } from '@/features/workbench/WorkbenchPage'
+import { ModelProviderPage } from '@/features/modelhub/ModelProviderPage'
+import { SkillListPage } from '@/features/skills/SkillListPage'
+import { SkillDetailPage } from '@/features/skills/SkillDetailPage'
+import { AgentListPage } from '@/features/agents/AgentListPage'
+import { AgentDetailPage } from '@/features/agents/AgentDetailPage'
+import { AgentRunListPage } from '@/features/agents/AgentRunListPage'
+import { AgentRunDetailPage } from '@/features/agents/AgentRunDetailPage'
 
 function getRoute() {
   return window.location.hash.replace(/^#/, '') || '/'
@@ -57,6 +64,37 @@ export function Router() {
     return <WorkbenchPage />
   }
 
+  if (route === '/modelhub/providers') {
+    return <ModelProviderPage />
+  }
+
+  if (route === '/skills') {
+    return <SkillListPage />
+  }
+
+  const skillMatch = route.match(/^\/skills\/(\d+)$/)
+  if (skillMatch) {
+    return <SkillDetailPage skillId={Number(skillMatch[1])} />
+  }
+
+  if (route === '/agents') {
+    return <AgentListPage />
+  }
+
+  const agentMatch = route.match(/^\/agents\/(\d+)$/)
+  if (agentMatch) {
+    return <AgentDetailPage agentId={Number(agentMatch[1])} />
+  }
+
+  if (route === '/agent-runs') {
+    return <AgentRunListPage />
+  }
+
+  const runMatch = route.match(/^\/agent-runs\/([0-9a-f-]+)$/i)
+  if (runMatch) {
+    return <AgentRunDetailPage publicId={runMatch[1]} />
+  }
+
   if (route === '/knowledge') {
     return <KnowledgeBaseListPage />
   }