37b3f85e61
## Summary - Adds file writing capability to Monaco editor in the file viewer - Implements writeFile API on the server for workspace files - Integrates save functionality into the file viewer UI with proper state management ## Bug Fixes (Review Feedback) - Fixed failed save discarding edits when switching files - now checks save result and only proceeds if successful - Fixed refresh overwriting dirty editor state - now prompts for confirmation before discarding edits - Fixed save button unable to save empty files - changed check from `if (content)` to `if (content !== undefined && content !== null)` - Added agent edit conflict detection - when agent edits file while user has unsaved changes, shows conflict dialog with Overwrite/Cancel options - Fixed dialog appearing behind unpinned sidebar - increased alert dialog z-index to z-100 ## Related Issues - Closes #251 --------- Co-authored-by: Jess Chadwick <jchadwick@gmail.com>
76 lines
1.9 KiB
TypeScript
76 lines
1.9 KiB
TypeScript
import { createSignal } from "solid-js"
|
|
|
|
export type AlertVariant = "info" | "warning" | "error"
|
|
|
|
export type AlertDialogState = {
|
|
type?: "alert" | "confirm" | "prompt"
|
|
title?: string
|
|
message: string
|
|
detail?: string
|
|
variant?: AlertVariant
|
|
confirmLabel?: string
|
|
cancelLabel?: string
|
|
/** When false, prevents dismissal via Escape key or backdrop click. Default: true */
|
|
dismissible?: boolean
|
|
onConfirm?: () => void
|
|
onCancel?: () => void
|
|
|
|
// prompt-only
|
|
inputLabel?: string
|
|
inputPlaceholder?: string
|
|
inputDefaultValue?: string
|
|
|
|
// confirm-only
|
|
resolve?: (value: boolean) => void
|
|
|
|
// prompt-only
|
|
resolvePrompt?: (value: string | null) => void
|
|
}
|
|
|
|
const [alertDialogState, setAlertDialogState] = createSignal<AlertDialogState | null>(null)
|
|
|
|
export function showAlertDialog(message: string, options?: Omit<AlertDialogState, "message">) {
|
|
setAlertDialogState({
|
|
type: "alert",
|
|
message,
|
|
...options,
|
|
})
|
|
}
|
|
|
|
export function showConfirmDialog(message: string, options?: Omit<AlertDialogState, "message">): Promise<boolean> {
|
|
const activeElement = typeof document !== "undefined" ? (document.activeElement as HTMLElement | null) : null
|
|
activeElement?.blur()
|
|
|
|
return new Promise<boolean>((resolve) => {
|
|
setAlertDialogState({
|
|
type: "confirm",
|
|
message,
|
|
...options,
|
|
resolve,
|
|
})
|
|
})
|
|
}
|
|
|
|
export function showPromptDialog(
|
|
message: string,
|
|
options?: Omit<AlertDialogState, "message" | "type" | "resolve" | "resolvePrompt">,
|
|
): Promise<string | null> {
|
|
const activeElement = typeof document !== "undefined" ? (document.activeElement as HTMLElement | null) : null
|
|
activeElement?.blur()
|
|
|
|
return new Promise<string | null>((resolvePrompt) => {
|
|
setAlertDialogState({
|
|
type: "prompt",
|
|
message,
|
|
...options,
|
|
resolvePrompt,
|
|
})
|
|
})
|
|
}
|
|
|
|
export function dismissAlertDialog() {
|
|
setAlertDialogState(null)
|
|
}
|
|
|
|
export { alertDialogState }
|