# Layouts

## Application shell

Source: `../guanghu-knowledge-base/src/App.tsx`

Current render branch:

```tsx
<div className="hololake-shell">
  <header className="platform-topbar">channel title + document search</header>
  <div className="platform-body">
    <PlatformNavigation />
    <section className="platform-workspace">
      <div className="knowledge-tabbar" />
      <div className="knowledge-module-bar" />
      <div className="knowledge-layout">
        <aside className="knowledge-sidebar" />
        <main className="knowledge-content" />
      </div>
      {agentPanelOpen && <aside className="agent-drawer"><AgentChat /></aside>}
    </section>
  </div>
</div>
```

The current shell has too many simultaneous horizontal and vertical control bands. Redesign goal: one platform rail, one channel header, one active module canvas. Tabs, storage state, module actions and document navigation must not all compete in separate bars.

## Platform navigation

Source: `../guanghu-knowledge-base/src/components/PlatformNavigation.tsx`

Current content:

```tsx
<aside className="platform-navigation">
  <div className="platform-brand">HoloLake</div>
  <button className="channel-selector">Eternal Lake / heartbeat channel</button>
  <nav className="platform-route-list">five domain entries</nav>
  <div className="module-heading">installed modules</div>
  <nav className="platform-module-list">knowledge + education</nav>
  <div className="platform-nav-footer">settings + account</div>
</aside>
```

The rail mixes global domains, the active channel and installed modules. Redesign goal: preserve a compact global rail; move active-channel identity into the workspace header; render modules inside the selected channel.

## Agent drawer

Source: `../guanghu-knowledge-base/src/components/AgentChat.tsx`

Current drawer is 380px and overlays the reading canvas. It shows current scope, model badge, settings, runtime tool count, full model form, full Git form, welcome mark, suggestions and composer. Redesign goal: scope + conversation + composer only; advanced configuration moves to Human Settings.