diff --git a/src/features/chat/ui/shell.tsx b/src/features/chat/ui/shell.tsx index 0805052b..820ef1af 100644 --- a/src/features/chat/ui/shell.tsx +++ b/src/features/chat/ui/shell.tsx @@ -95,8 +95,6 @@ function ensureShellDom(container: HTMLElement): void { unmountSlotRoots(container); container.replaceChildren(); shellSlots.toolbar.create(container); - const body = ensureBody(container); - body.createDiv({ cls: "codex-panel__slot codex-panel__slot--config" }); shellSlots.messages.create(container); shellSlots.composer.create(container); } diff --git a/src/styles/30-chat-layout.css b/src/styles/30-chat-layout.css index 7d3a7088..4cf6fe30 100644 --- a/src/styles/30-chat-layout.css +++ b/src/styles/30-chat-layout.css @@ -1,7 +1,7 @@ .codex-panel__body { flex: 1 1 auto; display: grid; - grid-template-rows: auto 1fr auto; + grid-template-rows: 1fr auto; min-width: 0; min-height: 0; } @@ -15,20 +15,12 @@ overflow: hidden; } -.codex-panel__config { - min-width: 0; - max-width: 100%; - padding: var(--codex-panel-section-gap); - border-bottom: var(--codex-panel-divider); - color: var(--codex-panel-text-muted); - font-size: var(--font-ui-small); -} - .codex-panel__toolbar-panel .codex-panel__config { margin-top: var(--codex-panel-panel-gap); padding: var(--codex-panel-item-gap) 0 0; border-top: var(--codex-panel-divider-muted); - border-bottom: 0; + color: var(--codex-panel-text-muted); + font-size: var(--font-ui-small); } .codex-panel__toolbar-panel .codex-panel__config-title { @@ -98,11 +90,7 @@ } .codex-panel__config-list { - margin: var(--codex-panel-section-gap) 0 0; overflow: hidden; - border: var(--codex-panel-border); - border-radius: var(--codex-panel-card-radius); - background: var(--codex-panel-surface); } .codex-panel__config-row { diff --git a/tests/features/chat/ui/shell.test.tsx b/tests/features/chat/ui/shell.test.tsx index 6792e71c..e3e2b03d 100644 --- a/tests/features/chat/ui/shell.test.tsx +++ b/tests/features/chat/ui/shell.test.tsx @@ -27,6 +27,7 @@ describe("ChatPanelShell", () => { expect(container.textContent).toContain("Idle"); expect(container.textContent).toContain("0"); expect(container.textContent).toContain("ready"); + expect(container.querySelector(".codex-panel__slot--config")).toBeNull(); await act(async () => { unmountChatPanelShell(container);