tben
aebd6b8ccc
There is no public media any more. `/media/public/<id>` served a media row with no session at all, so anyone with the id could read a file. The public/private split is gone: the path is `/media/<id>` (and `/media/<id>/thumbnail`), every request is signed in first, and `grabUserMedia` decides whether the user may see it: their own upload, a bot's or workspace's picture or file they reach, or a file on a task they reach. Anything else is a 404 before a path is built. The `media.is_private` column and the two per-user directories went with it: uploads live in `media/<user_id>/` and there is nothing to pick between. The files browser's media volume is now the viewer's own folder whatever their role. Bots also say which of the two things they mean. A `[file:ID]` ref is a saved file and its chip opens the bytes; a folder is a new `[folder:volume:owner:path]` ref (`src/utils/folder-ref.ts`) whose chip opens the files browser there and downloads nothing. The old `[path:...]` ref and the extension sniffing that guessed file from folder are gone, so `import_file` names the folder holding a file it copied rather than the file itself. The prompts say what the Assistant got wrong: list before importing or saving, one copy per artifact, never split a file into parts unless asked, never claim the store is empty without a fresh list, and never invent a size cap. A re-import now says the path already existed instead of silently overwriting and reporting a fresh copy.
97 lines
3.4 KiB
TypeScript
97 lines
3.4 KiB
TypeScript
import { useContext, useEffect, useState } from "react";
|
|
import Link from "@moduletrace/twui/layout/Link";
|
|
import Span from "@moduletrace/twui/layout/Span";
|
|
import fetchApi from "@moduletrace/twui/utils/fetch/fetchApi";
|
|
import type { APIResponseObject } from "@moduletrace/bunext/types";
|
|
import { AppContext } from "@/src/pages/__root";
|
|
import type { BotFileScopesPayload, MediaType, PublicBotFile } from "@/src/types";
|
|
import AttachmentIcon from "./attachment-icon";
|
|
|
|
type Props = {
|
|
file_id: number;
|
|
};
|
|
|
|
/**
|
|
* One file, fetched once per id: a message can name a file older than the
|
|
* page's first page of them, and the chip still has to open it. Failures
|
|
* are remembered too, so a deleted file doesn't refetch on every render.
|
|
*/
|
|
const fetched = new Map<number, Promise<PublicBotFile | null>>();
|
|
|
|
function fetchFile({
|
|
file_id,
|
|
bot_id,
|
|
workspace_id,
|
|
}: Props & { bot_id: number; workspace_id?: number | null }) {
|
|
const cached = fetched.get(file_id);
|
|
|
|
if (cached) return cached;
|
|
|
|
const query = new URLSearchParams({ file_id: String(file_id) });
|
|
|
|
if (workspace_id) query.set("workspace_id", String(workspace_id));
|
|
else query.set("bot_id", String(bot_id));
|
|
|
|
const pending = fetchApi<{}, APIResponseObject<BotFileScopesPayload>>(
|
|
`/api/admin/bots/files?${query.toString()}`,
|
|
{ method: "GET" },
|
|
)
|
|
.then((res) => (res?.success && res.singleRes?.files?.length ? res.singleRes.files[0] : null))
|
|
.catch(() => null)
|
|
.then((file) => file || null);
|
|
|
|
fetched.set(file_id, pending);
|
|
|
|
return pending;
|
|
}
|
|
|
|
/**
|
|
* A file a bot named in a message (`fileRef`): the name it is saved under,
|
|
* linked to its bytes at `/media/<id>` (private: only someone who reaches
|
|
* the file's folder can load it). A folder the bot named is a `folderRef`
|
|
* instead, and its chip opens the files browser. The conversation's files come with the page, so most
|
|
* chips need no request; one that isn't among them (older than the page's
|
|
* first page) is fetched by id. A file the user doesn't reach, or one
|
|
* deleted since, shows as its id.
|
|
*/
|
|
export default function FileRefChip({ file_id }: Props) {
|
|
const { pageProps } = useContext(AppContext);
|
|
const known = pageProps?.bot_files?.files?.find((it) => it.id == file_id);
|
|
const [fetched_file, setFetchedFile] = useState<PublicBotFile | null>(null);
|
|
const bot_id = Number(pageProps?.bot?.id) || 0;
|
|
const workspace_id = pageProps?.workspace?.id ? Number(pageProps.workspace.id) : null;
|
|
|
|
useEffect(() => {
|
|
if (known || !bot_id) return;
|
|
|
|
let live = true;
|
|
|
|
fetchFile({ file_id, bot_id, workspace_id }).then((file) => {
|
|
if (live) setFetchedFile(file);
|
|
});
|
|
|
|
return () => {
|
|
live = false;
|
|
};
|
|
}, [file_id, bot_id, workspace_id, known]);
|
|
|
|
const file = known || fetched_file;
|
|
|
|
if (!file) {
|
|
return <Span className="font-bold">{`file ${file_id}`}</Span>;
|
|
}
|
|
|
|
return (
|
|
<Link
|
|
href={file.url}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
title={`Open ${file.name}`}
|
|
className="inline-flex h-6 max-w-full gap-1.5 items-center px-1.5 align-middle rounded-default-xs border-0 bg-sunken text-[13px] font-bold leading-4 text-ink hover:opacity-80"
|
|
>
|
|
<AttachmentIcon media_type={file.media_type as MediaType} />
|
|
<Span className="truncate">{file.name}</Span>
|
|
</Link>
|
|
);
|
|
}
|