File Manager

import {
  FileManager,
  createMockFileManagerConnector,
} from "@reopt-ai/opt-filemanager";
import "@reopt-ai/opt-filemanager/styles.css";

const connector = createMockFileManagerConnector();

export function Files() {
  return <FileManager connector={connector} locale="ko" />;
}

import type { FileManagerConnector } from "@reopt-ai/opt-filemanager";

export function createMyConnector(): FileManagerConnector {
  return {
    capabilities: {
      createFolder: true,
      createFile: false,
      upload: true,
      rename: true,
      remove: true,
      move: false,     // UI가 이동 액션을 자동으로 숨깁니다
      readText: false, // 텍스트 미리보기 비활성
      usage: false,    // 저장공간 미터 비활성
      download: true,
    },
    async list({ folderId, signal }) {
      const response = await fetch(`/api/files?folder=${folderId ?? ""}`, {
        signal,
      });
      return { entries: await response.json() };
    },
    async upload({ parentId, file, signal }) {
      // presigned URL, multipart 등 원하는 방식으로 구현
      return uploadToMyBackend(parentId, file, signal);
    },
    // capability가 true인 메서드만 구현하면 됩니다
  };
}

import { createBrandappFilesConnector } from "@reopt-ai/opt-filemanager";
import { createReoptFileClient } from "@reopt-ai/brandapp-sdk/files";

// clientSecret은 브라우저 금지 — 서버 라우트나
// `reopt brandapp dev` 목 서버(4300)를 프록시로 두세요.
const connector = createBrandappFilesConnector({
  client: createReoptFileClient(config),
});