clone/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-02-01 22:48:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip(desktop): progress

Browse Source
This commit is contained in:
Adam
2025-12-10 07:23:07 -06:00
parent ada40decd1
commit e694d4d880
6 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
bun.lock
View File

@@ -462,7 +462,7 @@
"@hono/zod-validator": "0.4.2", "@hono/zod-validator": "0.4.2",
"@kobalte/core": "0.13.11", "@kobalte/core": "0.13.11",
"@openauthjs/openauth": "0.0.0-20250322224806", "@openauthjs/openauth": "0.0.0-20250322224806",
"@pierre/precision-diffs": "0.6.0-beta.10", "@pierre/precision-diffs": "0.6.1",
"@solidjs/meta": "0.29.4", "@solidjs/meta": "0.29.4",
"@solidjs/router": "0.15.4", "@solidjs/router": "0.15.4",
"@solidjs/start": "https://pkg.pr.new/@solidjs/start@dfb2020", "@solidjs/start": "https://pkg.pr.new/@solidjs/start@dfb2020",
@@ -1277,7 +1277,7 @@
"@petamoriken/float16": ["@petamoriken/float16@3.9.3", "", {}, "sha512-8awtpHXCx/bNpFt4mt2xdkgtgVvKqty8VbjHI/WWWQuEw+KLzFot3f4+LkQY9YmOtq7A5GdOnqoIC8Pdygjk2g=="], "@petamoriken/float16": ["@petamoriken/float16@3.9.3", "", {}, "sha512-8awtpHXCx/bNpFt4mt2xdkgtgVvKqty8VbjHI/WWWQuEw+KLzFot3f4+LkQY9YmOtq7A5GdOnqoIC8Pdygjk2g=="],
"@pierre/precision-diffs": ["@pierre/precision-diffs@0.6.0-beta.10", "", { "dependencies": { "@shikijs/core": "3.15.0", "@shikijs/transformers": "3.15.0", "diff": "8.0.2", "fast-deep-equal": "3.1.3", "hast-util-to-html": "9.0.5", "lru_map": "0.4.1", "shiki": "3.15.0" }, "peerDependencies": { "react": "^18.3.1 || ^19.0.0", "react-dom": "^18.3.1 || ^19.0.0" } }, "sha512-2rdd1Q1xJbB0Z4oUbm0Ybrr2gLFEdvNetZLadJboZSFL7Q4gFujdQZfXfV3vB9X+esjt++v0nzb3mioW25BOTA=="], "@pierre/precision-diffs": ["@pierre/precision-diffs@0.6.1", "", { "dependencies": { "@shikijs/core": "3.15.0", "@shikijs/transformers": "3.15.0", "diff": "8.0.2", "fast-deep-equal": "3.1.3", "hast-util-to-html": "9.0.5", "lru_map": "0.4.1", "shiki": "3.15.0" }, "peerDependencies": { "react": "^18.3.1 || ^19.0.0", "react-dom": "^18.3.1 || ^19.0.0" } }, "sha512-HXafRSOly6B0rRt6fuP0yy1MimHJMQ2NNnBGcIHhHwsgK4WWs+SBWRWt1usdgz0NIuSgXdIyQn8HY3F1jKyDBQ=="],
"@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="], "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],

2
package.json
View File

@@ -30,7 +30,7 @@
"@tsconfig/bun": "1.0.9", "@tsconfig/bun": "1.0.9",
"@cloudflare/workers-types": "4.20251008.0", "@cloudflare/workers-types": "4.20251008.0",
"@openauthjs/openauth": "0.0.0-20250322224806", "@openauthjs/openauth": "0.0.0-20250322224806",
"@pierre/precision-diffs": "0.6.0-beta.10", "@pierre/precision-diffs": "0.6.1",
"@tailwindcss/vite": "4.1.11", "@tailwindcss/vite": "4.1.11",
"diff": "8.0.2", "diff": "8.0.2",
"ai": "5.0.97", "ai": "5.0.97",

5
packages/desktop/src/pages/layout.tsx
View File

@@ -94,6 +94,11 @@ export default function Layout(props: ParentProps) {
setStore("lastSession", directory, params.id) setStore("lastSession", directory, params.id)
}) })
createEffect(() => {
const sidebarWidth = layout.sidebar.opened() ? layout.sidebar.width() : 48
document.documentElement.style.setProperty("--dialog-left-margin", `${sidebarWidth}px`)
})
function getDraggableId(event: unknown): string | undefined { function getDraggableId(event: unknown): string | undefined {
if (typeof event !== "object" || event === null) return undefined if (typeof event !== "object" || event === null) return undefined
if (!("draggable" in event)) return undefined if (!("draggable" in event)) return undefined

3
packages/ui/src/components/dialog.css
View File

@@ -16,6 +16,7 @@
[data-component="dialog"] { [data-component="dialog"] {
position: fixed; position: fixed;
inset: 0; inset: 0;
margin-left: var(--dialog-left-margin);
z-index: 50; z-index: 50;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -24,7 +25,7 @@
[data-slot="dialog-container"] { [data-slot="dialog-container"] {
position: relative; position: relative;
z-index: 50; z-index: 50;
width: min(calc(100vw - 16px), 624px); width: min(calc(100vw - 16px), 480px);
height: min(calc(100vh - 16px), 512px); height: min(calc(100vh - 16px), 512px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;

9
packages/ui/src/components/select-dialog.css
View File

@@ -121,12 +121,19 @@
line-height: var(--line-height-large); /* 142.857% */ line-height: var(--line-height-large); /* 142.857% */
letter-spacing: var(--letter-spacing-normal); letter-spacing: var(--letter-spacing-normal);
[data-slot="select-dialog-item-selected-icon"] {
display: none;
color: var(--icon-strong-base);
}
&[data-active="true"] { &[data-active="true"] {
border-radius: var(--radius-md); border-radius: var(--radius-md);
background: var(--surface-raised-base-hover); background: var(--surface-raised-base-hover);
} }
&[data-selected="true"] { &[data-selected="true"] {
background: var(--surface-raised-base-hover); [data-slot="select-dialog-item-selected-icon"] {
display: block;
}
} }
} }
} }

2
packages/ui/src/components/select-dialog.tsx
View File

@@ -153,7 +153,7 @@ export function SelectDialog<T>(props: SelectDialogProps<T>) {
}} }}
> >
{others.children(item)} {others.children(item)}
<Icon name="check-small" size="small" /> <Icon data-slot="select-dialog-item-selected-icon" name="check-small" />
</button> </button>
)} )}
</For> </For>