monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): allow creating sessions on touch devices (#12765)

Browse Source
This commit is contained in:
Kit Langton
2026-02-09 06:55:54 -05:00
committed by GitHub
parent 93a11ddedf
commit 993ac55e39
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
packages/app/src/pages/layout/sidebar-workspace.tsx
View File

@@ -2,6 +2,7 @@ import { useNavigate, useParams } from "@solidjs/router"
import { createEffect, createMemo, For, Show, type Accessor, type JSX } from "solid-js" import { createEffect, createMemo, For, Show, type Accessor, type JSX } from "solid-js"
import { createStore } from "solid-js/store" import { createStore } from "solid-js/store"
import { createSortable } from "@thisbeyond/solid-dnd" import { createSortable } from "@thisbeyond/solid-dnd"
import { createMediaQuery } from "@solid-primitives/media"
import { base64Encode } from "@opencode-ai/util/encode" import { base64Encode } from "@opencode-ai/util/encode"
import { getFilename } from "@opencode-ai/util/path" import { getFilename } from "@opencode-ai/util/path"
import { Button } from "@opencode-ai/ui/button" import { Button } from "@opencode-ai/ui/button"
@@ -114,7 +115,8 @@ export const SortableWorkspace = (props: {
const busy = createMemo(() => props.ctx.isBusy(props.directory)) const busy = createMemo(() => props.ctx.isBusy(props.directory))
const wasBusy = createMemo((prev) => prev || busy(), false) const wasBusy = createMemo((prev) => prev || busy(), false)
const loading = createMemo(() => open() && !booted() && sessions().length === 0 && !wasBusy()) 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 () => { const loadMore = async () => {
setWorkspaceStore("limit", (limit) => limit + 5) setWorkspaceStore("limit", (limit) => limit + 5)
await globalSync.project.loadSessions(props.directory) await globalSync.project.loadSessions(props.directory)
@@ -270,23 +272,25 @@ export const SortableWorkspace = (props: {
</DropdownMenu.Content> </DropdownMenu.Content>
</DropdownMenu.Portal> </DropdownMenu.Portal>
</DropdownMenu> </DropdownMenu>
<Tooltip value={language.t("command.session.new")} placement="top"> <Show when={!touch()}>
<IconButton <Tooltip value={language.t("command.session.new")} placement="top">
icon="plus-small" <IconButton
variant="ghost" icon="plus-small"
class="size-6 rounded-md opacity-0 pointer-events-none group-hover/workspace:opacity-100 group-hover/workspace:pointer-events-auto group-focus-within/workspace:opacity-100 group-focus-within/workspace:pointer-events-auto" variant="ghost"
data-action="workspace-new-session" class="size-6 rounded-md opacity-0 pointer-events-none group-hover/workspace:opacity-100 group-hover/workspace:pointer-events-auto group-focus-within/workspace:opacity-100 group-focus-within/workspace:pointer-events-auto"
data-workspace={base64Encode(props.directory)} data-action="workspace-new-session"
aria-label={language.t("command.session.new")} data-workspace={base64Encode(props.directory)}
onClick={(event) => { aria-label={language.t("command.session.new")}
event.preventDefault() onClick={(event) => {
event.stopPropagation() event.preventDefault()
props.ctx.setHoverSession(undefined) event.stopPropagation()
props.ctx.clearHoverProjectSoon() props.ctx.setHoverSession(undefined)
navigate(`/${slug()}/session`) props.ctx.clearHoverProjectSoon()
}} navigate(`/${slug()}/session`)
/> }}
</Tooltip> />
</Tooltip>
</Show>
</div> </div>
</div> </div>
</div> </div>