cacheplane
diff --git a/‎apps/cockpit/scripts/capability-registry.ts‎
Lines changed: 19 additions & 1 deletion b/‎apps/cockpit/scripts/capability-registry.ts‎
Lines changed: 19 additions & 1 deletion
diff --git a/‎apps/cockpit/src/components/cockpit-shell.tsx‎
Lines changed: 3 additions & 3 deletions b/‎apps/cockpit/src/components/cockpit-shell.tsx‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎apps/cockpit/src/lib/cockpit-page.ts‎
Lines changed: 5 additions & 5 deletions b/‎apps/cockpit/src/lib/cockpit-page.ts‎
Lines changed: 5 additions & 5 deletions
diff --git a/‎apps/cockpit/src/lib/route-resolution.spec.ts‎
Lines changed: 41 additions & 0 deletions b/‎apps/cockpit/src/lib/route-resolution.spec.ts‎
Lines changed: 41 additions & 0 deletions
diff --git a/‎apps/cockpit/src/lib/route-resolution.ts‎
Lines changed: 33 additions & 1 deletion b/‎apps/cockpit/src/lib/route-resolution.ts‎
Lines changed: 33 additions & 1 deletion
diff --git a/‎apps/website/content/docs/chat/core-capabilities/debug/python/build.mdx‎
Lines changed: 3 additions & 0 deletions b/‎apps/website/content/docs/chat/core-capabilities/debug/python/build.mdx‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎apps/website/content/docs/chat/core-capabilities/debug/python/code.mdx‎
Lines changed: 3 additions & 0 deletions b/‎apps/website/content/docs/chat/core-capabilities/debug/python/code.mdx‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎apps/website/content/docs/chat/core-capabilities/debug/python/overview.mdx‎
Lines changed: 5 additions & 0 deletions b/‎apps/website/content/docs/chat/core-capabilities/debug/python/overview.mdx‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎apps/website/content/docs/chat/core-capabilities/debug/python/prompts.mdx‎
Lines changed: 3 additions & 0 deletions b/‎apps/website/content/docs/chat/core-capabilities/debug/python/prompts.mdx‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎apps/website/content/docs/chat/core-capabilities/debug/python/testing.mdx‎
Lines changed: 3 additions & 0 deletions b/‎apps/website/content/docs/chat/core-capabilities/debug/python/testing.mdx‎
Lines changed: 3 additions & 0 deletions
@@ -4,7 +4,7 @@
  */
 export interface Capability {
   id: string;
-  product: 'langgraph' | 'deep-agents';
+  product: 'langgraph' | 'deep-agents' | 'render' | 'chat';
   topic: string;
   angularProject: string;
   port: number;
@@ -27,6 +27,24 @@ export const capabilities: readonly Capability[] = [
   { id: 'da-memory', product: 'deep-agents', topic: 'memory', angularProject: 'cockpit-deep-agents-memory-angular', port: 4313, pythonDir: 'cockpit/deep-agents/memory/python', graphName: 'da-memory' },
   { id: 'skills', product: 'deep-agents', topic: 'skills', angularProject: 'cockpit-deep-agents-skills-angular', port: 4314, pythonDir: 'cockpit/deep-agents/skills/python', graphName: 'skills' },
   { id: 'sandboxes', product: 'deep-agents', topic: 'sandboxes', angularProject: 'cockpit-deep-agents-sandboxes-angular', port: 4315, pythonDir: 'cockpit/deep-agents/sandboxes/python', graphName: 'sandboxes' },
+  // Render capabilities
+  { id: 'spec-rendering', product: 'render', topic: 'spec-rendering', angularProject: 'cockpit-render-spec-rendering-angular', port: 4401, pythonDir: 'cockpit/render/spec-rendering/python', graphName: 'spec-rendering' },
+  { id: 'element-rendering', product: 'render', topic: 'element-rendering', angularProject: 'cockpit-render-element-rendering-angular', port: 4402, pythonDir: 'cockpit/render/element-rendering/python', graphName: 'element-rendering' },
+  { id: 'state-management', product: 'render', topic: 'state-management', angularProject: 'cockpit-render-state-management-angular', port: 4403, pythonDir: 'cockpit/render/state-management/python', graphName: 'state-management' },
+  { id: 'r-registry', product: 'render', topic: 'registry', angularProject: 'cockpit-render-registry-angular', port: 4404, pythonDir: 'cockpit/render/registry/python', graphName: 'r-registry' },
+  { id: 'repeat-loops', product: 'render', topic: 'repeat-loops', angularProject: 'cockpit-render-repeat-loops-angular', port: 4405, pythonDir: 'cockpit/render/repeat-loops/python', graphName: 'repeat-loops' },
+  { id: 'computed-functions', product: 'render', topic: 'computed-functions', angularProject: 'cockpit-render-computed-functions-angular', port: 4406, pythonDir: 'cockpit/render/computed-functions/python', graphName: 'computed-functions' },
+  // Chat capabilities
+  { id: 'c-messages', product: 'chat', topic: 'messages', angularProject: 'cockpit-chat-messages-angular', port: 4501, pythonDir: 'cockpit/chat/messages/python', graphName: 'c-messages' },
+  { id: 'c-input', product: 'chat', topic: 'input', angularProject: 'cockpit-chat-input-angular', port: 4502, pythonDir: 'cockpit/chat/input/python', graphName: 'c-input' },
+  { id: 'c-interrupts', product: 'chat', topic: 'interrupts', angularProject: 'cockpit-chat-interrupts-angular', port: 4503, pythonDir: 'cockpit/chat/interrupts/python', graphName: 'c-interrupts' },
+  { id: 'c-tool-calls', product: 'chat', topic: 'tool-calls', angularProject: 'cockpit-chat-tool-calls-angular', port: 4504, pythonDir: 'cockpit/chat/tool-calls/python', graphName: 'c-tool-calls' },
+  { id: 'c-subagents', product: 'chat', topic: 'subagents', angularProject: 'cockpit-chat-subagents-angular', port: 4505, pythonDir: 'cockpit/chat/subagents/python', graphName: 'c-subagents' },
+  { id: 'c-threads', product: 'chat', topic: 'threads', angularProject: 'cockpit-chat-threads-angular', port: 4506, pythonDir: 'cockpit/chat/threads/python', graphName: 'c-threads' },
+  { id: 'c-timeline', product: 'chat', topic: 'timeline', angularProject: 'cockpit-chat-timeline-angular', port: 4507, pythonDir: 'cockpit/chat/timeline/python', graphName: 'c-timeline' },
+  { id: 'c-generative-ui', product: 'chat', topic: 'generative-ui', angularProject: 'cockpit-chat-generative-ui-angular', port: 4508, pythonDir: 'cockpit/chat/generative-ui/python', graphName: 'c-generative-ui' },
+  { id: 'c-debug', product: 'chat', topic: 'debug', angularProject: 'cockpit-chat-debug-angular', port: 4509, pythonDir: 'cockpit/chat/debug/python', graphName: 'c-debug' },
+  { id: 'c-theming', product: 'chat', topic: 'theming', angularProject: 'cockpit-chat-theming-angular', port: 4510, pythonDir: 'cockpit/chat/theming/python', graphName: 'c-theming' },
 ] as const;
 
 export function findCapability(id: string): Capability | undefined {
 
@@ -57,11 +57,11 @@ export function CockpitShell({
   return (
     <main
       aria-label="Cockpit shell"
-      className="grid md:grid-cols-[16rem_minmax(0,1fr)] min-h-screen"
+      className="grid md:grid-cols-[16rem_minmax(0,1fr)] h-screen overflow-hidden"
       data-hydrated={isHydrated ? 'true' : 'false'}
     >
       {/* Desktop sidebar — hidden on mobile */}
-      <div className="hidden md:block">
+      <div className="hidden md:block overflow-y-auto">
         <CockpitSidebar
           navigationTree={navigationTree}
           manifest={cockpitManifest}
@@ -94,7 +94,7 @@ export function CockpitShell({
         </>
       )}
 
-      <section className="grid grid-rows-[auto_1fr] gap-2 p-4 bg-[var(--ds-glass-bg)] backdrop-blur-[var(--ds-glass-blur)]">
+      <section className="grid grid-rows-[auto_1fr] gap-2 p-4 overflow-hidden bg-[var(--ds-glass-bg)] backdrop-blur-[var(--ds-glass-blur)]">
         <header className="flex flex-col gap-2 md:flex-row md:items-center md:justify-between">
           <div className="flex items-center gap-3">
             <button
 
@@ -1,4 +1,4 @@
-import { cockpitManifest } from '@cacheplane/cockpit-registry';
+import { cockpitManifest, type CockpitProduct, type CockpitSection, type CockpitPageId, type CockpitLanguage } from '@cacheplane/cockpit-registry';
 import {
   buildNavigationTree,
   getCapabilityPresentation,
@@ -27,11 +27,11 @@ const DEFAULT_COCKPIT_SLUG = [
 export function getCockpitPageModel(slug: string[] = []): CockpitPageModel {
   const resolvedEntry = resolveCockpitEntry({
     manifest: cockpitManifest,
-    product: (slug[0] ?? DEFAULT_COCKPIT_SLUG[0]) as 'deep-agents' | 'langgraph',
-    section: (slug[1] ?? DEFAULT_COCKPIT_SLUG[1]) as 'getting-started' | 'core-capabilities',
+    product: (slug[0] ?? DEFAULT_COCKPIT_SLUG[0]) as CockpitProduct,
+    section: (slug[1] ?? DEFAULT_COCKPIT_SLUG[1]) as CockpitSection,
     topic: slug[2] ?? DEFAULT_COCKPIT_SLUG[2],
-    page: (slug[3] ?? DEFAULT_COCKPIT_SLUG[3]) as 'overview' | 'build' | 'prompts' | 'code' | 'testing',
-    language: (slug[4] ?? DEFAULT_COCKPIT_SLUG[4]) as 'python' | 'typescript',
+    page: (slug[3] ?? DEFAULT_COCKPIT_SLUG[3]) as CockpitPageId,
+    language: (slug[4] ?? DEFAULT_COCKPIT_SLUG[4]) as CockpitLanguage,
   });
 
   return {
 
@@ -47,12 +47,19 @@ describe('buildNavigationTree', () => {
   it('groups manifest entries by product and section', () => {
     const tree = buildNavigationTree(cockpitManifest);
 
+    expect(tree).toHaveLength(4);
     expect(tree[0]).toMatchObject({
       product: 'deep-agents',
     });
     expect(tree[1]).toMatchObject({
       product: 'langgraph',
     });
+    expect(tree[2]).toMatchObject({
+      product: 'render',
+    });
+    expect(tree[3]).toMatchObject({
+      product: 'chat',
+    });
   });
 });
 
@@ -125,6 +132,40 @@ describe('getCapabilityPresentation', () => {
     });
   });
 
+  it('presents render capabilities with module-backed metadata', () => {
+    const entry = resolveCockpitEntry({
+      manifest: cockpitManifest,
+      product: 'render',
+      section: 'core-capabilities',
+      topic: 'spec-rendering',
+      page: 'overview',
+      language: 'python',
+    });
+    const presentation = getCapabilityPresentation(entry);
+
+    expect(presentation).toMatchObject({
+      kind: 'capability',
+      docsPath: '/docs/render/core-capabilities/spec-rendering/overview/python',
+    });
+  });
+
+  it('presents chat capabilities with module-backed metadata', () => {
+    const entry = resolveCockpitEntry({
+      manifest: cockpitManifest,
+      product: 'chat',
+      section: 'core-capabilities',
+      topic: 'messages',
+      page: 'overview',
+      language: 'python',
+    });
+    const presentation = getCapabilityPresentation(entry);
+
+    expect(presentation).toMatchObject({
+      kind: 'capability',
+      docsPath: '/docs/chat/core-capabilities/messages/overview/python',
+    });
+  });
+
   it('resolves module-backed metadata for every implemented capability topic', () => {
     const capabilityEntries = cockpitManifest.filter(
       (entry) => entry.entryKind === 'capability'
 
@@ -17,6 +17,22 @@ import { deepAgentsFilesystemPythonModule } from '../../../../cockpit/deep-agent
 import { deepAgentsSubagentsPythonModule } from '../../../../cockpit/deep-agents/subagents/python/src/index';
 import { deepAgentsSkillsPythonModule } from '../../../../cockpit/deep-agents/skills/python/src/index';
 import { deepAgentsSandboxesPythonModule } from '../../../../cockpit/deep-agents/sandboxes/python/src/index';
+import { renderSpecRenderingPythonModule } from '../../../../cockpit/render/spec-rendering/python/src/index';
+import { renderElementRenderingPythonModule } from '../../../../cockpit/render/element-rendering/python/src/index';
+import { renderStateManagementPythonModule } from '../../../../cockpit/render/state-management/python/src/index';
+import { renderRegistryPythonModule } from '../../../../cockpit/render/registry/python/src/index';
+import { renderRepeatLoopsPythonModule } from '../../../../cockpit/render/repeat-loops/python/src/index';
+import { renderComputedFunctionsPythonModule } from '../../../../cockpit/render/computed-functions/python/src/index';
+import { chatMessagesPythonModule } from '../../../../cockpit/chat/messages/python/src/index';
+import { chatInputPythonModule } from '../../../../cockpit/chat/input/python/src/index';
+import { chatInterruptsPythonModule } from '../../../../cockpit/chat/interrupts/python/src/index';
+import { chatToolCallsPythonModule } from '../../../../cockpit/chat/tool-calls/python/src/index';
+import { chatSubagentsPythonModule } from '../../../../cockpit/chat/subagents/python/src/index';
+import { chatThreadsPythonModule } from '../../../../cockpit/chat/threads/python/src/index';
+import { chatTimelinePythonModule } from '../../../../cockpit/chat/timeline/python/src/index';
+import { chatGenerativeUiPythonModule } from '../../../../cockpit/chat/generative-ui/python/src/index';
+import { chatDebugPythonModule } from '../../../../cockpit/chat/debug/python/src/index';
+import { chatThemingPythonModule } from '../../../../cockpit/chat/theming/python/src/index';
 
 export interface ResolveCockpitEntryOptions {
   manifest: CockpitManifestEntry[];
@@ -70,6 +86,22 @@ const capabilityModules = [
   deepAgentsSubagentsPythonModule,
   deepAgentsSkillsPythonModule,
   deepAgentsSandboxesPythonModule,
+  renderSpecRenderingPythonModule,
+  renderElementRenderingPythonModule,
+  renderStateManagementPythonModule,
+  renderRegistryPythonModule,
+  renderRepeatLoopsPythonModule,
+  renderComputedFunctionsPythonModule,
+  chatMessagesPythonModule,
+  chatInputPythonModule,
+  chatInterruptsPythonModule,
+  chatToolCallsPythonModule,
+  chatSubagentsPythonModule,
+  chatThreadsPythonModule,
+  chatTimelinePythonModule,
+  chatGenerativeUiPythonModule,
+  chatDebugPythonModule,
+  chatThemingPythonModule,
 ];
 
 export const toCockpitPath = (entry: CockpitManifestEntry): string =>
@@ -135,7 +167,7 @@ export const resolveCockpitEntry = ({
 export const buildNavigationTree = (
   manifest: CockpitManifestEntry[]
 ): NavigationProduct[] => {
-  const products: CockpitManifestEntry['product'][] = ['deep-agents', 'langgraph'];
+  const products: CockpitManifestEntry['product'][] = ['deep-agents', 'langgraph', 'render', 'chat'];
   const sections: CockpitManifestEntry['section'][] = [
     'getting-started',
     'core-capabilities',