docs: refresh screenshots, trim feature docs, and declutter the desktop sidebar

README.md

@@ -27,12 +27,14 @@
 
 <p align="center">
   <img src="docs/images/ocmgr-main.webp" alt="OpenCode Manager" width="600" style="border: none" />
-  <img src="docs/images/ocmgr-mobile.webp" alt="Mobile view" height="400" style="border: none; margin-left: 12px" />
+  <br />
+  <img src="docs/images/ocmgr-mobile.webp" alt="Mobile view" height="400" style="border: 1px solid rgba(128,128,128,0.4); margin-left: 12px" />
+  <img src="docs/images/mobile-repo-session-sheet.webp" alt="Mobile repository and session switcher" height="400" style="border: 1px solid rgba(128,128,128,0.4); margin-left: 12px" />
 </p>
 
 ## Requirements
 
-OpenCode Manager requires **OpenCode 2.x at 2.0.15 or newer** (bundled 2.0.15). OpenCode 1.x and 3.x are not supported. If you are upgrading from OpenCode 1.x, see the [v1 → v2 migration guide](https://opencode.ai/v2/docs/migrate-v1). On first start, OpenCode 2 migrates V1 session history in the background, so older sessions can be missing or incomplete until it finishes; progress is reported by OpenCode at `GET /api/experimental/migration/v1`.
+OpenCode Manager requires **OpenCode 2.x at 2.0.15 or newer** (bundled 2.0.15); OpenCode 1.x is not supported. Upgrading from 1.x? See the [v1 → v2 migration guide](https://opencode.ai/v2/docs/migrate-v1). OpenCode 2 migrates V1 session history in the background on first start, so older sessions can be incomplete until it finishes; progress is reported at `GET /api/experimental/migration/v1`.
 
 ## Quick Start
 

docs/features/chat.md

@@ -2,15 +2,6 @@
 
 Real-time chat interface for interacting with AI agents.
 
-## Starting a Session
-
-1. Select a repository from the sidebar
-2. Click **New Session** or type `/new`
-3. Type your message in the input field
-4. Press **Enter** to send
-
-Each session maintains its own conversation history and context.
-
 ## Real-time Streaming
 
 Messages stream in real-time using Server-Sent Events (SSE):
@@ -23,26 +14,11 @@ Messages stream in real-time using Server-Sent Events (SSE):
 
 ## Model Selection
 
-Click the **model name** in the chat prompt area to open the quick model switcher. From there you can:
-
-- Switch to a favorite or recently used model without leaving the chat
-- Toggle favorites (star icon next to the active model)
-- Pick a model variant (highlighted in orange when available)
-- Open **All Models…** to browse the full model list
-
-Each agent retains its own model selection — switching agents restores the model last used with that agent. See [AI Configuration](ai-config.md#model-selection) for the full reference.
+Click the **model name** in the chat prompt area to open the quick model switcher, where you can switch models, mark favorites, and pick variants without leaving the chat. Each agent keeps its own model selection. See [AI Configuration](ai-config.md#model-selection) for the full reference.
 
 ## Slash Commands
 
-Type `/` to see available commands:
-
-### Built-in Commands
-
-| Command | Description |
-|---------|-------------|
-| `/help` | Show available commands |
-| `/new` | Start a new session |
-| `/compact` | Compact session context |
+Type `/` to see available commands. Built-in commands are covered in the [Quick Start](../getting-started/quickstart.md#useful-commands).
 
 ### Custom Commands
 
@@ -65,14 +41,7 @@ Use with `/review` in chat.
 
 ## File Mentions
 
-Reference files in your prompts with `@`:
-
-1. Type `@` in the chat input
-2. Start typing a filename
-3. Select from the autocomplete dropdown
-4. The file reference is inserted
-
-When you send the message, the AI has access to that file's contents.
+Reference files and folders in prompts with `@`. Type `@`, start typing a name, and select from the autocomplete dropdown; the AI then has access to that file's contents.
 
 ### Multiple Files
 
@@ -160,13 +129,7 @@ Find sessions by content:
 
 ### Pinning Sessions
 
-Pin important sessions to the top of your session list:
-
-1. Open the session actions menu (three dots on the session card)
-2. Select **Pin to top**
-3. The session moves to a **Pinned** section above the **Recent** section
-
-Pinned sessions stay at the top regardless of age or activity. Unpin anytime from the same menu. See [Session Pinning](session-pins.md) for details.
+Pin important sessions to the top of the list. See [Session Pinning](session-pins.md) for details.
 
 ### Deleting Sessions
 
@@ -209,8 +172,6 @@ Use `/new` to start a new session when:
 
 | Shortcut | Action |
 |----------|--------|
-| `Enter` | Send message |
-| `Shift+Enter` | New line in message |
 | `↑` | Edit last message |
 | `/` | Open command menu |
 | `@` | Open file mention menu |

docs/features/server-health.md

@@ -18,7 +18,7 @@ OpenCode Manager runs a supervised OpenCode server process to handle agent sessi
 
 The panel also displays:
 
-- **OpenCode version** — The installed version of the OpenCode server (e.g., `v2.0.15`). OpenCode Manager requires OpenCode 2.x at 2.0.15 or newer; a 1.x, 3.x, or older 2.x binary fails to start.
+- **OpenCode version** — The installed version of the OpenCode server (e.g., `v2.0.15`). OpenCode Manager requires OpenCode 2.x at 2.0.15 or newer; a 1.x or older 2.x binary fails to start.
 - **Manager version** — The current OpenCode Manager version (e.g., `v0.14.5`)
 
 ## Health Monitoring

docs/index.md

@@ -9,11 +9,12 @@ Mobile-first web interface for [OpenCode](https://opencode.ai) AI agents. Manage
 
 <p align="center">
   <img src="images/ocmgr-main.webp" alt="OpenCode Manager" class="hero hero-desktop" style="border: none" />
-  <img src="images/ocmgr-mobile.webp" alt="Mobile view" class="hero hero-mobile" style="border: none" />
+  <img src="images/ocmgr-mobile.webp" alt="Mobile view" class="hero hero-mobile" />
+  <img src="images/mobile-repo-session-sheet.webp" alt="Mobile repository and session switcher" class="hero hero-mobile" />
 </p>
 
 !!! warning "Requires OpenCode 2"
-    OpenCode Manager requires **OpenCode 2.x at 2.0.15 or newer** (bundled 2.0.15). OpenCode 1.x and 3.x are not supported. If you are upgrading from OpenCode 1.x, see the [v1 → v2 migration guide](https://opencode.ai/v2/docs/migrate-v1).
+    OpenCode Manager requires **OpenCode 2.x at 2.0.15 or newer** (bundled 2.0.15); OpenCode 1.x is not supported. Upgrading from 1.x? See the [v1 → v2 migration guide](https://opencode.ai/v2/docs/migrate-v1).
 
 ## Quick Start
 

docs/stylesheets/extra.css

@@ -138,6 +138,11 @@
   box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.3);
 }
 
+.md-typeset img.phone,
+.md-typeset img.hero-mobile {
+  border: 1px solid rgba(255, 255, 255, 0.4);
+}
+
 .md-typeset img.phone {
   max-width: 300px;
 }
@@ -154,6 +159,7 @@
 }
 
 .md-typeset img.hero-mobile {
+  max-width: calc(50% - 16px);
   margin-left: 12px;
 }
 

frontend/src/components/navigation/DesktopSidebar.test.tsx

@@ -104,7 +104,7 @@ describe('DesktopSidebar', () => {
     expect(container.firstChild).toBeNull()
   })
 
-  it('renders primary CTA for root path', () => {
+  it('hides the New Repo CTA for root path and renders Assistant', () => {
     vi.spyOn(useDesktopModule, 'useDesktop').mockReturnValue(true)
     vi.spyOn(useSidebarCollapsedModule, 'useSidebarCollapsed').mockReturnValue([false, vi.fn()])
     vi.spyOn(useAuthModule, 'useAuth').mockReturnValue({
@@ -115,7 +115,7 @@ describe('DesktopSidebar', () => {
 
     render(<DesktopSidebar />, { wrapper: createWrapper(['/']) })
 
-    expect(screen.getByText('New Repo')).toBeInTheDocument()
+    expect(screen.queryByText('New Repo')).toBeNull()
     expect(screen.getByText('Assistant')).toBeInTheDocument()
   })
 
@@ -174,14 +174,14 @@ describe('DesktopSidebar', () => {
       logout: vi.fn(),
     } as any)
 
-    render(<DesktopSidebar />, { wrapper: createWrapper(['/']) })
+    render(<DesktopSidebar />, { wrapper: createWrapper(['/schedules']) })
 
-    fireEvent.click(screen.getByText('New Repo'))
+    fireEvent.click(screen.getByText('New Schedule'))
 
     expect(dispatchEventSpy).toHaveBeenCalledWith(
       expect.objectContaining({
         type: 'oc:sidebar:action',
-        detail: { action: 'new-repo' },
+        detail: { action: 'new-schedule' },
       })
     )
   })

frontend/src/components/navigation/DesktopSidebar.tsx

@@ -39,6 +39,7 @@ export function DesktopSidebar() {
   }
 
   const { primary, items } = buildNavModel(location.pathname)
+  const desktopPrimary = primary.filter((item) => item.key !== 'new-repo')
 
   const handlePrimaryClick = (item: NavPrimaryCta) => {
     if (item.to) {
@@ -84,9 +85,9 @@ export function DesktopSidebar() {
   return (
     <>
       <Sidebar collapsed={collapsed} onToggle={toggle} widthClass='w-72' className='mt-2'>
-        {primary.length > 0 && (
+        {desktopPrimary.length > 0 && (
           <SidebarSection collapsed={collapsed}>
-            {primary.map((item: NavPrimaryCta) => (
+            {desktopPrimary.map((item: NavPrimaryCta) => (
               <SidebarItem
                 key={item.key}
                 icon={item.icon}