fix(web): leave the settings route on new session and move the gear

New Session and Back to sessions both exit the route now — the sidebar shows
one body at a time, so starting a draft while the settings pane held the
content area left the new session invisible. The sessions-mode gear moves to
the trailing edge of the footer; the settings-mode back arrow keeps the
leading edge.

Author: elkaix

apps/pythinker-web/src/App.vue

@@ -880,6 +880,9 @@ function handleCloseAddWorkspace(): void {
 // right pane shows the onboarding composer. The session is only created when
 // the user sends the first message.
 function handleCreateSession(): void {
+  // Starting a session leaves the settings route — the new draft has to be
+  // visible, and the content area can only show one of the two.
+  showSettings.value = false;
   const wsId = client.activeWorkspaceId.value;
   if (wsId) {
     client.openWorkspaceDraft(wsId);
@@ -892,6 +895,7 @@ function handleCreateSession(): void {
 // state in the chosen workspace. No backend session is created until the user
 // actually sends a message.
 function handleCreateSessionInWorkspace(workspaceId: string): void {
+  showSettings.value = false;
   client.openWorkspaceDraft(workspaceId);
 }
 

apps/pythinker-web/src/components/Sidebar.vue

@@ -669,7 +669,7 @@ onBeforeUnmount(() => {
       </div>
 
       <div class="side-foot">
-        <button type="button" class="settings-row" @click.stop="emit('openSettings')">
+        <button type="button" class="settings-row end" @click.stop="emit('openSettings')">
           <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
             <circle cx="12" cy="12" r="3" />
             <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l-.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09A1.65 1.65 0 0 0 15 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09A1.65 1.65 0 0 0 19.4 15z" />
@@ -1198,6 +1198,12 @@ onBeforeUnmount(() => {
   text-align: left;
   cursor: pointer;
 }
+/* The sessions-mode gear sits on the trailing edge; the settings-mode back
+   arrow keeps the leading edge, where a back control belongs. */
+.settings-row.end {
+  justify-content: flex-end;
+  text-align: right;
+}
 .settings-row:hover { color: var(--ink); background: var(--soft); }
 .settings-row:focus-visible {
   outline: 2px solid var(--blue);

apps/pythinker-web/test/settings-pane.test.ts

@@ -433,4 +433,25 @@ describe('desktop settings route', () => {
     expect.soft(wrapper.find('.sessions').exists()).toBe(true);
     expect.soft(wrapper.findComponent(ConversationPane).exists()).toBe(true);
   });
+
+  it('leaves the settings route when a new session starts', async () => {
+    const wrapper = shallowMount(App, {
+      global: {
+        plugins: [i18n],
+        stubs: { Sidebar: false, SettingsNav: false, SettingsPane: false },
+      },
+    });
+
+    await wrapper.get('.side-foot .settings-row').trigger('click');
+    await nextTick();
+    expect(wrapper.findComponent(SettingsPane).exists()).toBe(true);
+
+    // New Session shares the sidebar with the settings nav, so it has to close
+    // the route — the content area can only show one of the two.
+    await wrapper.get('.btn-new-chat').trigger('click');
+    await nextTick();
+
+    expect(wrapper.findComponent(SettingsPane).exists()).toBe(false);
+    expect(wrapper.find('.sessions').exists()).toBe(true);
+  });
 });