chore: sync local workspace changes

src/app/main/pages/ChatPage.tsx

@@ -1,3 +1,5 @@
+import { ChatDefaultContextManagementPage } from '../ChatDefaultContextManagementPage';
+import { ResourceManagementPage } from '../ResourceManagementPage';
 import { ChatTypeManagementPage } from '../ChatTypeManagementPage';
 import { MainChatPanel } from '../MainChatPanel';
 import { ChatSourceChangesPage } from '../ChatSourceChangesPage';
@@ -10,6 +12,10 @@ export function ChatPage() {
     <div className="app-main-panel">
       {selectedChatMenu === 'manage' ? (
         <ChatTypeManagementPage />
+      ) : selectedChatMenu === 'manage-defaults' ? (
+        <ChatDefaultContextManagementPage />
+      ) : selectedChatMenu === 'resources' ? (
+        <ResourceManagementPage />
       ) : selectedChatMenu === 'changes' ? (
         <ChatSourceChangesPage />
       ) : (

src/app/main/pages/DocsPage.tsx

@@ -9,20 +9,22 @@ export function DocsPage() {
   const { selectedDocsMenu, selectedDocs } = useMainLayoutContext();
 
   return (
-    <div className="app-main-panel">
+    <div className="app-main-panel docs-page">
       <Card
         title={`Docs / ${getDocsSectionLabel(selectedDocsMenu)}`}
         extra={<Text code>{selectedDocs.length} docs</Text>}
-        className="app-main-card"
+        className="app-main-card docs-page__card"
         bordered={false}
       >
-        <Space direction="vertical" size={16} className="app-main-stack">
-          {selectedDocs.map((document) => (
-            <div key={document.id} id={`document-preview-${document.id}`} data-focus-id={`doc:${document.id}`}>
-              <MarkdownPreviewCard document={document} />
-            </div>
-          ))}
-        </Space>
+        <div className="docs-page__scroll">
+          <Space direction="vertical" size={16} className="app-main-stack docs-page__stack">
+            {selectedDocs.map((document) => (
+              <div key={document.id} id={`document-preview-${document.id}`} data-focus-id={`doc:${document.id}`}>
+                <MarkdownPreviewCard document={document} />
+              </div>
+            ))}
+          </Space>
+        </div>
       </Card>
     </div>
   );

src/app/main/pages/PlayPage.tsx

@@ -1,4 +1,7 @@
 import { LayoutPlaygroundView } from '../../../views/play/LayoutPlaygroundView';
+import { CbtPlayAppView } from '../../../views/play/apps/cbt/CbtPlayAppView';
+import { TestPlayAppView } from '../../../views/play/apps/test/TestPlayAppView';
+import { FeatureMenuLayoutPage } from '../../../features/layout/feature-menu';
 import { MemoLayoutPage } from '../../../features/layout/memo';
 import { useMainLayoutContext } from '../layout/MainLayoutContext';
 import { resolveSavedLayoutIdFromMenuKey } from '../routes';
@@ -10,13 +13,23 @@ export function PlayPage() {
     ? savedLayouts.find((layout) => layout.id === selectedSavedLayoutId) ?? null
     : null;
   const isMemoLayout = selectedSavedLayout?.name === '메모';
+  const isFeatureMenuLayout = selectedSavedLayout?.name === '기능설명 관리';
   const panelClassName = selectedSavedLayoutId ? 'app-main-panel app-main-panel--play app-main-panel--play-saved' : 'app-main-panel app-main-panel--play';
 
   return (
     <div className={panelClassName}>
       {selectedPlayMenu === 'layout' ? <LayoutPlaygroundView onSavedLayoutsChange={setSavedLayouts} /> : null}
+      {selectedPlayMenu === 'test' ? <TestPlayAppView /> : null}
+      {selectedPlayMenu === 'cbt' ? <CbtPlayAppView /> : null}
       {selectedSavedLayoutId && isMemoLayout ? <MemoLayoutPage layoutId={selectedSavedLayoutId} /> : null}
-      {selectedSavedLayoutId && !isMemoLayout ? (
+      {selectedSavedLayoutId && isFeatureMenuLayout ? (
+        <FeatureMenuLayoutPage
+          layoutId={selectedSavedLayoutId}
+          savedLayouts={savedLayouts}
+          onSavedLayoutsChange={setSavedLayouts}
+        />
+      ) : null}
+      {selectedSavedLayoutId && !isMemoLayout && !isFeatureMenuLayout ? (
         <LayoutPlaygroundView savedLayoutViewId={selectedSavedLayoutId} onSavedLayoutsChange={setSavedLayouts} />
       ) : null}
     </div>