(null);
+ const entryActionPendingRef = useRef(false);
+
+ const getRoot = useCallback(() => navigator.storage.getDirectory(), []);
+ const handleRootError = useCallback((error: unknown) => {
+ setRoot(null);
+ setEntries([]);
+ setLoadError(error instanceof Error ? error.message : String(error));
+ setLoading(false);
+ }, []);
useEffect(() => {
- void navigator.storage.getDirectory().then(setRoot);
- }, []);
+ void getRoot().then(setRoot).catch(handleRootError);
+ }, [getRoot, handleRootError]);
const load = useCallback(async () => {
if (!root) return;
setLoading(true);
+ setLoadError(null);
try {
setEntries(await listDir(root, path));
- } catch {
+ } catch (error) {
setEntries([]);
+ setLoadError(error instanceof Error ? error.message : String(error));
} finally {
setLoading(false);
}
@@ -178,7 +191,9 @@ export default function AgentOPFS() {
};
const handleEntryDialogSubmit = async () => {
- if (!root || !entryDialog) return;
+ if (!root || !entryDialog || entryActionPendingRef.current) return;
+ entryActionPendingRef.current = true;
+ setEntryActionPending(true);
try {
if (entryDialog.action === "rename") {
await renameEntry(root, path, entryDialog.entry.name, entryDialog.value.trim());
@@ -191,6 +206,9 @@ export default function AgentOPFS() {
await load();
} catch (error) {
notify.error(error instanceof Error ? error.message : String(error));
+ } finally {
+ entryActionPendingRef.current = false;
+ setEntryActionPending(false);
}
};
@@ -348,7 +366,33 @@ export default function AgentOPFS() {
)}
- {!loading && entries.length === 0 ? (
+ {loading ? (
+
+
+ {t("common:loading")}
+
+ ) : loadError ? (
+
+ {`${t("common:error")}: ${loadError}`}
+
+
+ ) : entries.length === 0 ? (
) : isMobile ? (
@@ -359,6 +403,15 @@ export default function AgentOPFS() {
...(entry.kind === "file" && entry.size != null ? [formatSize(entry.size)] : []),
...(entry.lastModified ? [dayFormat(new Date(entry.lastModified), "MM-DD HH:mm")] : []),
].join(" · ");
+ const items = menuItems(entry, {
+ openEntry,
+ handleDownload,
+ handleDelete,
+ openRenameDialog,
+ openMoveDialog,
+ t,
+ editable,
+ });
return (
{sub}
-
+ {items.length > 0 &&
}
);
})}
@@ -479,7 +522,7 @@ export default function AgentOPFS() {
/>
)}
-
{entryDialog?.entry.name}
-
- setEntryDialog((current) => (current ? { ...current, value: event.target.value } : current))
- }
- onKeyDown={(event) => {
- if (event.key === "Enter") void handleEntryDialogSubmit();
- }}
- />
+ {entryDialog?.action === "move" ? (
+
+ ) : (
+
+ setEntryDialog((current) => (current ? { ...current, value: event.target.value } : current))
+ }
+ onKeyDown={(event) => {
+ if (event.key === "Enter") void handleEntryDialogSubmit();
+ }}
+ />
+ )}