diff --git a/packages/app/src/pages/layout/sidebar-workspace.tsx b/packages/app/src/pages/layout/sidebar-workspace.tsx
index d4ada4f85..a7a33f25e 100644
--- a/packages/app/src/pages/layout/sidebar-workspace.tsx
+++ b/packages/app/src/pages/layout/sidebar-workspace.tsx
@@ -2,6 +2,7 @@ import { useNavigate, useParams } from "@solidjs/router"
import { createEffect, createMemo, For, Show, type Accessor, type JSX } from "solid-js"
import { createStore } from "solid-js/store"
import { createSortable } from "@thisbeyond/solid-dnd"
+import { createMediaQuery } from "@solid-primitives/media"
import { base64Encode } from "@opencode-ai/util/encode"
import { getFilename } from "@opencode-ai/util/path"
import { Button } from "@opencode-ai/ui/button"
@@ -114,7 +115,8 @@ export const SortableWorkspace = (props: {
const busy = createMemo(() => props.ctx.isBusy(props.directory))
const wasBusy = createMemo((prev) => prev || busy(), false)
const loading = createMemo(() => open() && !booted() && sessions().length === 0 && !wasBusy())
- const showNew = createMemo(() => !loading() && (sessions().length === 0 || (active() && !params.id)))
+ const touch = createMediaQuery("(hover: none)")
+ const showNew = createMemo(() => !loading() && (touch() || sessions().length === 0 || (active() && !params.id)))
const loadMore = async () => {
setWorkspaceStore("limit", (limit) => limit + 5)
await globalSync.project.loadSessions(props.directory)
@@ -270,23 +272,25 @@ export const SortableWorkspace = (props: {
-
- {
- event.preventDefault()
- event.stopPropagation()
- props.ctx.setHoverSession(undefined)
- props.ctx.clearHoverProjectSoon()
- navigate(`/${slug()}/session`)
- }}
- />
-
+
+
+ {
+ event.preventDefault()
+ event.stopPropagation()
+ props.ctx.setHoverSession(undefined)
+ props.ctx.clearHoverProjectSoon()
+ navigate(`/${slug()}/session`)
+ }}
+ />
+
+