+ {modalHtml && setModalHtml(null)} />}
+
+
{messages.length === 0 && !isRunning && (
(null)
+
+ useEffect(() => {
+ const h = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose() }
+ window.addEventListener('keydown', h)
+ return () => window.removeEventListener('keydown', h)
+ }, [onClose])
+
+ // Non-passive wheel for zoom-to-cursor
+ useEffect(() => {
+ const el = canvasRef.current
+ if (!el) return
+ const handler = (e: WheelEvent) => {
+ e.preventDefault()
+ const rect = el.getBoundingClientRect()
+ // cursor position relative to canvas center (where content is naturally anchored)
+ const dx = (e.clientX - rect.left) - rect.width / 2
+ const dy = (e.clientY - rect.top) - rect.height / 2
+ const { scale: s, ox, oy } = xf.current
+ const ns = Math.max(0.05, Math.min(20, s * (e.deltaY < 0 ? 1.15 : 1 / 1.15)))
+ const r = ns / s
+ xf.current = { scale: ns, ox: dx - (dx - ox) * r, oy: dy - (dy - oy) * r }
+ bump()
+ }
+ el.addEventListener('wheel', handler, { passive: false })
+ return () => el.removeEventListener('wheel', handler)
+ }, [])
+
+ const onMouseDown = (e: MouseEvent) => {
+ if ((e.target as HTMLElement).closest('button')) return
+ dragging.current = true
+ dragStart.current = { mx: e.clientX, my: e.clientY, ox: xf.current.ox, oy: xf.current.oy }
+ e.preventDefault()
+ }
+ const onMouseMove = (e: MouseEvent) => {
+ if (!dragging.current) return
+ xf.current = { ...xf.current, ox: dragStart.current.ox + e.clientX - dragStart.current.mx, oy: dragStart.current.oy + e.clientY - dragStart.current.my }
+ bump()
+ }
+ const onMouseUp = () => { dragging.current = false }
+
+ const { scale, ox, oy } = xf.current
+
+ return (
+
/s/{sid}/chat
)}
@@ -134,6 +245,84 @@ export function ChatPane({ session, cfg, messages, onSend, onStop, browsePath, b
)
}
+function DiagramModal({ html, onClose }: { html: string; onClose: () => void }) {
+ // Transform state kept in a ref so wheel handler never captures stale values
+ const xf = useRef({ scale: 1, ox: 0, oy: 0 })
+ const [, rerender] = useState(0)
+ const bump = () => rerender(n => n + 1)
+
+ const dragging = useRef(false)
+ const dragStart = useRef({ mx: 0, my: 0, ox: 0, oy: 0 })
+ const canvasRef = useRef
+
+ )
+}
+
function formatToolContent(raw: string): { name: string; detail: string; body: string; output: string } {
const m = raw.match(/^(\w+)\((\{[\s\S]*\})\)(.*)$/s)
if (!m) return { name: '', detail: '', body: raw, output: '' }
@@ -201,21 +390,50 @@ function FsBrowser({ path, data, onNavigate, onSelectSession }: { path: string;
const parent = path === '/mnt/' ? null : path.replace(/[^/]+\/?$/, '') || '/mnt/'
const displayPath = path.startsWith('/mnt') ? path.slice(4) : path
const isSessionDir = path === '/mnt/s/'
+ const isDir = Array.isArray(data) && data.length > 0 && typeof data[0] === 'object'
+ const apiPath = path.startsWith('/mnt/') ? '/' + path.slice(5) : path
+
+ const fileContent = data === null || isDir ? null
+ : Array.isArray(data) ? data.join('\n')
+ : typeof data === 'object' ? Object.entries(data).map(([k, v]) => `${k}=${v}`).join('\n')
+ : String(data)
+
+ const [draft, setDraft] = useState(fileContent ?? '')
+ const [saving, setSaving] = useState(false)
+
+ useEffect(() => { if (fileContent !== null) setDraft(fileContent) }, [fileContent])
- // For /s/, filter to directories only and clicking selects the session
const filteredData = isSessionDir && Array.isArray(data)
? data.filter((e: any) => e.is_dir)
: data
+
+ const handleSave = async () => {
+ setSaving(true)
+ await write9p(apiPath, draft)
+ setSaving(false)
+ }
+
+ const handleReload = async () => {
+ const fresh = await browse9p(apiPath)
+ const text = fresh === null ? ''
+ : Array.isArray(fresh) ? fresh.join('\n')
+ : typeof fresh === 'object' ? Object.entries(fresh).map(([k, v]) => `${k}=${v}`).join('\n')
+ : String(fresh)
+ setDraft(text)
+ }
+
return (
e.stopPropagation()}>
+
+
+
+
+
+ e.stopPropagation()}
+ >
+
+
+
- {parent && onNavigate(parent)}>↑}
+ {parent && onNavigate(parent)}>..}
{parent && ' '}{displayPath}
+ {fileContent !== null && {saving ? '…' : 'Put'}}
+ {fileContent !== null && Get}
{filteredData === null ? (
loading…
- ) : Array.isArray(filteredData) && filteredData.length > 0 && typeof filteredData[0] === 'object' ? (
+ ) : isDir ? (
filteredData.map((entry: any) => (
0 && {entry.size}}
))
- ) : Array.isArray(filteredData) ? (
- {filteredData.join('\n')}
- ) : typeof filteredData === 'object' ? (
- {Object.entries(filteredData).map(([k, v]) => `${k}=${v}`).join('\n')}
) : (
- {String(filteredData)}
+