+
+ {(item) => (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {props.title}
+{props.children}
+
+
+
navigateChange(-1)}>
-
navigateChange(1)}>
-
@@ -120,7 +269,7 @@ export default function EditorPane(props: EditorPaneProps): JSX.Element {
}}
onClick={() => local.file.setView(activeFile.path, "raw")}
>
-
+
+
+
+
+
+ )
+ }
+
const view = local.file.view(file.path)
const showRaw = view === "raw" || !file.content?.diff
const code = showRaw ? (file.content?.content ?? "") : (file.content?.diff ?? "")
@@ -184,6 +380,21 @@ export default function EditorPane(props: EditorPaneProps): JSX.Element {
})()}
+
+ 
{
+ const target = e.currentTarget
+ target.style.display = "none"
+ const sibling = target.nextElementSibling as HTMLElement
+ if (sibling) sibling.style.display = "block"
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+ }
+ >
+
+
+
+
+ {props.title}
+
+ {props.actions?.map((action) => (
+
+
+ ))}
+
+ 0 ? `calc(100vh - ${keyboardHeight()}px)` : "100vh",
+ "padding-bottom": keyboardHeight() > 0 ? "0" : "calc(4rem + var(--safe-area-inset-bottom))",
+ "touch-action": "pan-y",
+ }}
+ >
+
+
+ setDrawerOpen(true)} />
+
+
+
+
+
+
+
+ Files
+
+
+ Changes
+
+
+
+
+
+ No changes
}
+ >
+ -
+
- + + + )} +
+
+
+
+
+
+
+
+
+
+
+
+ Start a conversation or open a file to begin
+
+
+
+ {}}
+ hideFloatingChat={true}
+ />
+
+
+
+
+ }
+ >
+ {(activeSession) => (
+ <>
+
+
+ 0 ? `${keyboardHeight()}px` : "calc(4rem + var(--safe-area-inset-bottom))",
+ }}
+ >
+
+
+ )}
+
+
+
+
+
+
+ Agent
+ +
+
+ Model
+ +
+ {props.placeholder}}>
+
+ {(segment: any) => (
+ {segment.text}}
+ >
+ {props.renderAttachmentChip ? props.renderAttachmentChip(segment, props.placeholder) : @{segment.token}}
+
+ )}
+
+
+
+ )
}
- function renderAttachmentChip(part: PromptAttachmentPart, _placeholder: string) {
- const display = part.display ?? createAttachmentDisplay(part.path, part.selection)
- return @{display}
+ function MentionSuggestions(props: any) {
+ return (
+
+
+ {(item: string, index) => (
+
+ )}
+
+ }>
+
+
+ Loading...
+
- {props.placeholder}}>
-
- {(segment) => {
- if (segment.kind === "text") {
- return props.renderTextSegment(segment.value)
- }
- if (segment.kind === "attachment") {
- return props.renderAttachmentChip(segment.part, segment.source)
- }
- return (
-
- {segment.leadingSpace ? ` ${segment.value}` : segment.value}
-
- )
- }}
-
-
+const UploadedFileTag = (props: { file: File; onClose: () => void }) => (
+ {
groupBy?: (x: T) => string
onSelect?: (value: T | undefined) => void
onClose?: () => void
+ onBack?: () => void
+ reduceBlur?: boolean
+ keepOpen?: boolean
}
export function SelectDialog(props: SelectDialogProps) {
@@ -29,7 +32,7 @@ export function SelectDialog(props: SelectDialogProps) {
() => store.filter,
async (filter) => {
const needle = filter.toLowerCase()
- const all = (typeof props.items === "function" ? await props.items(needle) : props.items) || []
+ const all = (typeof props.items === "function" ? await props.items(needle).catch(() => []) : props.items) || []
const result = pipe(
all,
(x) => {
@@ -64,6 +67,10 @@ export function SelectDialog(props: SelectDialogProps) {
list.setActive(props.key(all[0]))
}
+ onMount(() => {
+ resetSelection()
+ })
+
createEffect(() => {
store.filter
scrollRef?.scrollTo(0, 0)
@@ -88,7 +95,9 @@ export function SelectDialog(props: SelectDialogProps) {
const handleSelect = (item: T) => {
props.onSelect?.(item)
- props.onClose?.()
+ if (!props.keepOpen) {
+ props.onClose?.()
+ }
}
const handleKey = (e: KeyboardEvent) => {
@@ -100,7 +109,11 @@ export function SelectDialog(props: SelectDialogProps) {
if (selected) handleSelect(selected)
} else if (e.key === "Escape") {
e.preventDefault()
- props.onClose?.()
+ if (props.onBack) {
+ props.onBack()
+ } else {
+ props.onClose?.()
+ }
} else {
list.onKeyDown(e)
}
@@ -109,25 +122,47 @@ export function SelectDialog(props: SelectDialogProps) {
return (
+
+
+
-
-
-
-
-
- )
-}
-
-export type {
- PromptAttachmentPart,
- PromptAttachmentSegment,
- PromptContentPart,
- PromptDisplaySegment,
- PromptSubmitValue,
-} from "./prompt-form-helpers"
+
+)
diff --git a/packages/desktop/src/components/resizeable-pane.tsx b/packages/desktop/src/components/resizeable-pane.tsx
index 49ccc4e701..e349a83719 100644
--- a/packages/desktop/src/components/resizeable-pane.tsx
+++ b/packages/desktop/src/components/resizeable-pane.tsx
@@ -195,6 +195,8 @@ export function ResizeablePane(props: ResizeablePaneProps) {
style={{
width: `${width()}%`,
flex: `0 0 ${width()}%`,
+ transform: "translateZ(0)",
+ "will-change": "width",
}}
>
{props.children}
diff --git a/packages/desktop/src/components/select-dialog.tsx b/packages/desktop/src/components/select-dialog.tsx
index 315fe14e5f..7df4cdf5be 100644
--- a/packages/desktop/src/components/select-dialog.tsx
+++ b/packages/desktop/src/components/select-dialog.tsx
@@ -1,4 +1,4 @@
-import { createEffect, Show, For, createMemo, type JSX, createResource } from "solid-js"
+import { createEffect, Show, For, createMemo, type JSX, createResource, onMount } from "solid-js"
import { Dialog } from "@kobalte/core/dialog"
import { Icon, IconButton } from "@/ui"
import { createStore } from "solid-js/store"
@@ -16,6 +16,9 @@ interface SelectDialogProps
+ {props.file.name}
+ ({(props.file.size / 1024).toFixed(1)}KB)
- )
-}
-
-function MentionSuggestions(props: {
- open: boolean
- anchor: { x: number; y: number }
- loading: boolean
- items: string[]
- activeIndex: number
- onHover: (index: number) => void
- onSelect: (path: string) => void
-}) {
- return (
-
-
-
-
-
-
- {(path, indexAccessor) => {
- const index = indexAccessor()
- const dir = getDirectory(path)
- return (
-
- )
- }}
-
-
-
-
- No matching files
-