diff --git a/ui/src/app/settings.node.test.ts b/ui/src/app/settings.node.test.ts
index c36fe556afe0..233a6560047f 100644
--- a/ui/src/app/settings.node.test.ts
+++ b/ui/src/app/settings.node.test.ts
@@ -819,6 +819,18 @@ describe("loadSettings default gateway URL derivation", () => {
expect(loadSettings().chatSplitLayout).toEqual(chatSplitLayout);
});
+ it("preserves an opted-in bottom workspace dock", () => {
+ setTestLocation({
+ protocol: "https:",
+ host: "gateway.example:8443",
+ pathname: "/",
+ });
+
+ saveSettings({ ...loadSettings(), chatWorkspaceDock: "bottom" });
+
+ expect(loadSettings().chatWorkspaceDock).toBe("bottom");
+ });
+
it("persists dashboard tab and dock state per session", () => {
setTestLocation({
protocol: "https:",
diff --git a/ui/src/components/browser/browser-panel-render.ts b/ui/src/components/browser/browser-panel-render.ts
index 22763fb4ef45..3b0ab4594b3a 100644
--- a/ui/src/components/browser/browser-panel-render.ts
+++ b/ui/src/components/browser/browser-panel-render.ts
@@ -1,16 +1,14 @@
import { html, nothing, svg, type TemplateResult } from "lit";
import { t } from "../../i18n/index.ts";
import { openExternalUrlSafe } from "../../lib/open-external-url.ts";
+import { icons } from "../icons.ts";
import type { BrowserPanelController } from "./browser-panel-controller.ts";
import { renderBrowserPanelTabs } from "./browser-panel-tabs.ts";
const CLOSE_GLYPH = svg``;
-const DOCK_BOTTOM_GLYPH = svg``;
-const DOCK_RIGHT_GLYPH = svg``;
const BACK_GLYPH = svg``;
const FORWARD_GLYPH = svg``;
const RELOAD_GLYPH = svg``;
-const EXTERNAL_GLYPH = svg``;
const PENCIL_GLYPH = svg``;
const INSPECT_GLYPH = svg``;
@@ -34,27 +32,27 @@ function renderHeaderActions(
) {
const activeUrl = controller.view?.metrics?.url || controller.view?.url || controller.urlDraft;
return html`
-
+
`;
@@ -327,7 +325,7 @@ export function renderBrowserPanelChrome(
return html`