test(e2e): add MCP, Local API Server, and Factory Reset specs

Three UI-only specs covering the remaining settings surfaces that
don't need a running model or external service:

- mcp-servers.tsx: testid on the panel container and Add Server
  header button
- local-api-server.tsx: testid on the panel and start/stop toggle
- general.tsx: testid on the factory-reset trigger

settings-misc.e2e.ts asserts each panel mounts on a fresh profile,
the Add MCP Server dialog opens (Escape-dismissed, no persistence),
and the factory-reset confirmation dialog opens — explicitly
Escape-dismissed without confirming, since a real reset would wipe
the profile and break sibling tests.

MCP CRUD with env vars / streamable-http, /v1/models verification
on the Local API Server, and the Hub model-card render all require
external state and remain specs/manual/ candidates.

Author: qnixsynapse

e2e/specs/settings-misc.e2e.ts

@@ -0,0 +1,79 @@
+import { browser, $, expect } from '@wdio/globals'
+import { byTestId, waitForApp } from '../helpers/app'
+import { openSettings } from '../helpers/settings'
+
+/**
+ * Phase 5 surfaces that don't need a running model or external service:
+ *
+ *   - MCP Servers panel: empty state on a fresh profile, Add dialog opens
+ *   - Local API Server panel: renders with Start button visible
+ *   - Factory Reset: trigger surfaces in General → Advanced and opens
+ *     the confirmation dialog (we do NOT confirm — destructive, would
+ *     wipe the in-progress profile and break sibling tests)
+ *
+ * MCP-server CRUD with real env vars / streamable-http transport, the
+ * /v1/models endpoint of the Local API Server, and Hub model-card
+ * rendering all need external dependencies and live under specs/manual/.
+ */
+
+describe('Settings: MCP Servers', () => {
+  before(async () => {
+    await waitForApp()
+  })
+
+  it('renders the MCP servers panel on a fresh profile', async () => {
+    await openSettings('mcp-servers')
+    const panel = await byTestId('settings-panel-mcp-servers')
+    expect(await panel.isDisplayed()).toBe(true)
+  })
+
+  it('opens the Add Server dialog from the header button', async () => {
+    const add = await byTestId('mcp-add-server')
+    await add.click()
+    const dialog = await $('[role="dialog"]')
+    await dialog.waitForDisplayed({ timeout: 10_000 })
+    expect(await dialog.isDisplayed()).toBe(true)
+    await browser.keys('Escape')
+    await dialog.waitForExist({ reverse: true, timeout: 5_000 })
+  })
+})
+
+describe('Settings: Local API Server', () => {
+  before(async () => {
+    await waitForApp()
+  })
+
+  it('renders the panel with the start/stop toggle visible', async () => {
+    await openSettings('local-api-server')
+    const panel = await byTestId('settings-panel-local-api-server')
+    expect(await panel.isDisplayed()).toBe(true)
+
+    const toggle = await byTestId('local-api-server-toggle')
+    expect(await toggle.isDisplayed()).toBe(true)
+    // Without a model loaded the button still exists; we only assert
+    // shape, not that pressing it succeeds.
+    expect((await toggle.getText()).trim().length).toBeGreaterThan(0)
+  })
+})
+
+describe('Settings: Factory Reset', () => {
+  before(async () => {
+    await waitForApp()
+  })
+
+  it('opens the confirmation dialog without committing', async () => {
+    await openSettings('general')
+
+    const trigger = await byTestId('factory-reset-trigger', 15_000)
+    await trigger.click()
+
+    const dialog = await $('[role="dialog"]')
+    await dialog.waitForDisplayed({ timeout: 10_000 })
+    expect(await dialog.isDisplayed()).toBe(true)
+
+    // Crucial: dismiss without confirming. A real reset wipes the
+    // entire profile and would invalidate sibling tests in the run.
+    await browser.keys('Escape')
+    await dialog.waitForExist({ reverse: true, timeout: 5_000 })
+  })
+})

web-app/src/routes/settings/general.tsx

@@ -431,7 +431,11 @@ function General() {
                 })}
                 actions={
                   <FactoryResetDialog onReset={resetApp}>
-                    <Button variant="destructive" size="sm">
+                    <Button
+                      variant="destructive"
+                      size="sm"
+                      data-testid="factory-reset-trigger"
+                    >
                       {t('common:reset')}
                     </Button>
                   </FactoryResetDialog>

web-app/src/routes/settings/local-api-server.tsx

@@ -414,7 +414,10 @@ function LocalAPIServerContent() {
       </HeaderPage>
       <div className="flex h-[calc(100%-60px)]">
         <SettingsMenu />
-        <div className="flex-1 flex flex-col min-h-0 pl-0">
+        <div
+          className="flex-1 flex flex-col min-h-0 pl-0"
+          data-testid="settings-panel-local-api-server"
+        >
           <div className="flex-1 overflow-y-auto p-4 pt-0">
             <div className="flex flex-col justify-between gap-4 gap-y-3 w-full">
               {/* General Settings */}
@@ -435,6 +438,7 @@ function LocalAPIServerContent() {
                         variant={isServerRunning ? 'destructive' : 'default'}
                         size="sm"
                         disabled={serverStatus === 'pending' || isModelLoading}
+                        data-testid="local-api-server-toggle"
                       >
                         {getButtonContent()}
                       </Button>

web-app/src/routes/settings/mcp-servers.tsx

@@ -405,15 +405,24 @@ function MCPServersDesktop() {
         <HeaderPage>
           <div className={cn("flex items-center justify-between w-full mr-2 pr-3", !IS_MACOS && "pr-30")}>
             <span className='font-medium text-base font-studio'>{t('common:settings')}</span>
-            <Button variant="outline" size="sm" onClick={() => handleOpenDialog()} className="relative z-50">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => handleOpenDialog()}
+              className="relative z-50"
+              data-testid="mcp-add-server"
+            >
               <IconPlus size={18} className="text-muted-foreground" />
               {t('mcp-servers:addServer')}
             </Button>
           </div>
         </HeaderPage>
         <div className="flex h-[calc(100%-60px)]">
           <SettingsMenu />
-          <div className="p-4 pt-0 w-full overflow-y-auto">
+          <div
+            className="p-4 pt-0 w-full overflow-y-auto"
+            data-testid="settings-panel-mcp-servers"
+          >
             <div className="flex flex-col justify-between gap-4 gap-y-3 w-full">
               <Card
                 header={