feat(studio): ✨ Add IdentityPool and Services UI components and update workspace config for Claude AI agent integration

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>

studio/src/pages/IdentityPool.tsx

@@ -763,11 +763,6 @@ export function IdentityPool(): ReactElement {
 
   return (
     <Page>
-      <Header>
-        <BackLink to="/">← Studio</BackLink>
-        <Title>Identity Pool</Title>
-      </Header>
-
       <IdentityBar>
         <IdentityLabel>Identity</IdentityLabel>
         <IdentitySelect value={selectedId} onChange={(e) => setSelectedId(e.target.value)}>

studio/src/pages/Services.tsx

@@ -1,5 +1,4 @@
 import { ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 import { useImageLibrary } from '../hooks/useImageLibrary';
 import { theme } from '../theme';
@@ -88,14 +87,15 @@ const AUTO_REPAIR_DELAY_MS = 20_000;
 // ─── Layout ──────────────────────────────────────────────────────────────────
 
 const Page = styled.div`
-  min-height: 100vh;
+  height: 100%;
   background: ${theme.colors.bg};
   color: ${theme.colors.text};
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
 `;
 
-const TopBar = styled.header`
+const TopBar = styled.div`
   display: flex;
   align-items: center;
   gap: ${theme.spacing.xl};
@@ -107,24 +107,6 @@ const TopBar = styled.header`
   z-index: 10;
 `;
 
-const BackLink = styled(Link)`
-  color: ${theme.colors.textMuted};
-  text-decoration: none;
-  font-size: ${theme.font.size.sm};
-  display: flex;
-  align-items: center;
-  gap: ${theme.spacing.xs};
-  transition: ${theme.transition};
-  &:hover { color: ${theme.colors.text}; }
-`;
-
-const Title = styled.h1`
-  font-size: ${theme.font.size.xxl};
-  font-weight: ${theme.font.weight.bold};
-  margin: 0;
-  letter-spacing: -0.02em;
-`;
-
 const ManageBadge = styled.div<{ $online: boolean }>`
   font-size: ${theme.font.size.xs};
   padding: 2px ${theme.spacing.xs};
@@ -924,8 +906,6 @@ export function Services(): ReactElement {
   return (
     <Page>
       <TopBar>
-        <BackLink to="/">← Studio</BackLink>
-        <Title>Services</Title>
         <ManageBadge $online={manageOnline}>manage {manageOnline ? 'online' : 'offline'}</ManageBadge>
         <Spacer />
         <RefreshBtn onClick={() => setTick((t) => t + 1)}>Refresh all</RefreshBtn>