oxios 1.10.1

Oxios Agent OS — Agent Operating System powered by oxi-sdk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

import { useState } from 'react'
import { Button } from '@/components/ui/button'
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from '@/components/ui/dialog'
import { Input } from '@/components/ui/input'

interface CreateFileDialogProps {
  open: boolean
  onOpenChange: (open: boolean) => void
  currentDir: string
  onSubmit: (name: string, isDir: boolean) => void
}

export function CreateFileDialog({
  open,
  onOpenChange,
  currentDir,
  onSubmit,
}: CreateFileDialogProps) {
  const [name, setName] = useState('')
  const [isDir, setIsDir] = useState(false)

  const handleSubmit = () => {
    const trimmed = name.trim()
    if (!trimmed) return
    const fullPath = currentDir ? `${currentDir}/${trimmed}` : trimmed
    onSubmit(fullPath, isDir)
    setName('')
    setIsDir(false)
    onOpenChange(false)
  }

  const handleKeyDown = (e: React.KeyboardEvent) => {
    if (e.key === 'Enter') {
      e.preventDefault()
      handleSubmit()
    }
  }

  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>Create {isDir ? 'Directory' : 'File'}</DialogTitle>
          <DialogDescription>
            {currentDir ? `In: ${currentDir}/` : 'In workspace root'}
          </DialogDescription>
        </DialogHeader>
        <div className="space-y-4 py-2">
          <Input
            value={name}
            onChange={(e) => setName(e.target.value)}
            onKeyDown={handleKeyDown}
            placeholder={isDir ? 'directory-name' : 'filename.ext'}
            autoFocus
          />
          <label className="flex items-center gap-2 text-sm cursor-pointer select-none">
            <input
              type="checkbox"
              checked={isDir}
              onChange={(e) => setIsDir(e.target.checked)}
              className="rounded border-border"
            />
            Create as directory
          </label>
        </div>
        <DialogFooter>
          <Button variant="outline" onClick={() => onOpenChange(false)}>
            Cancel
          </Button>
          <Button onClick={handleSubmit} disabled={!name.trim()}>
            Create {isDir ? 'Directory' : 'File'}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}