oxios 1.23.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
85
86
87

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

interface NewFolderDialogProps {
  open: boolean
  onOpenChange: (open: boolean) => void
  /** Pre-filled parent directory. Empty string or undefined = root. */
  parentPath?: string
  onConfirm: (folderName: string) => void | Promise<void>
}

/**
 * Phase 4 follow-up: replaces the legacy `window.prompt('Enter folder name:')`.
 * Folders are persisted as a 0-byte `.keep` file inside a directory (the
 * directory itself isn't tracked on its own).
 */
export function NewFolderDialog({
  open,
  onOpenChange,
  parentPath,
  onConfirm,
}: NewFolderDialogProps) {
  const { t } = useTranslation()
  const [name, setName] = useState('New Folder')
  const [busy, setBusy] = useState(false)

  const handleCreate = async () => {
    const trimmed = name.trim()
    if (!trimmed) return
    setBusy(true)
    try {
      await onConfirm(trimmed)
      onOpenChange(false)
    } catch (err) {
      toast.error(err instanceof Error ? err.message : t('knowledge.createFolderFailed'))
    } finally {
      setBusy(false)
    }
  }

  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="sm:max-w-md">
        <DialogHeader>
          <DialogTitle>{t('knowledge.newFolderDialogTitle')}</DialogTitle>
          <DialogDescription>
            {parentPath
              ? t('knowledge.newFolderInPath', { path: parentPath })
              : t('knowledge.newFolderAtRoot')}
          </DialogDescription>
        </DialogHeader>
        <Input
          autoFocus
          value={name}
          onChange={(e) => setName(e.target.value)}
          onKeyDown={(e) => {
            if (e.key === 'Enter') {
              e.preventDefault()
              void handleCreate()
            }
          }}
          placeholder={t('knowledge.newFolderPlaceholder')}
          disabled={busy}
        />
        <DialogFooter>
          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
            {t('common.cancel')}
          </Button>
          <Button onClick={() => void handleCreate()} disabled={busy}>
            {t('knowledge.create')}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}