Release v0.1.2

webui/src/features/campaigns/components/ManagedFileChooser.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import { createPortal } from "react-dom";
 import { ArrowDown, ArrowUp, ArrowUpDown, File, Folder, FolderOpen, Home, Link2, Search } from "lucide-react";
+import { usePlatformUiCapability, type FilesFileExplorerUiCapability } from "@govoplan/core-webui";
 import type { ApiSettings } from "../../../types";
 import {
   listFileSpaces,
@@ -12,10 +13,10 @@ import {
   type FileSpace,
   type ManagedFile
 } from "../../../api/files";
-import Button from "../../../components/Button";
-import ConfirmDialog from "../../../components/ConfirmDialog";
-import Dialog from "../../../components/Dialog";
-import DismissibleAlert from "../../../components/DismissibleAlert";
+import { Button } from "@govoplan/core-webui";
+import { ConfirmDialog } from "@govoplan/core-webui";
+import { Dialog } from "@govoplan/core-webui";
+import { DismissibleAlert } from "@govoplan/core-webui";
 import { FolderTree } from "../../files/components/FileManagerComponents";
 import { useFileTreeState } from "../../files/hooks/useFileTreeState";
 import type { FolderNode, SortColumn, SortDirection } from "../../files/types";
@@ -84,6 +85,8 @@ export default function ManagedFileChooser({
   onSelectFolder,
   onSelectAttachment
 }: ManagedFileChooserProps) {
+  const filesExplorerUi = usePlatformUiCapability<FilesFileExplorerUiCapability>("files.fileExplorer");
+  const FolderTreeComponent = filesExplorerUi?.FolderTree ?? FolderTree;
   const parsedSource = useMemo(() => parseManagedAttachmentSource(source), [source]);
   const normalizedBasePath = normalizeManagedBasePath(basePath);
   const storageKey = useMemo(
@@ -345,7 +348,7 @@ export default function ManagedFileChooser({
                       <span>{space.label}</span>
                     </button>
                     {selected && (
-                      <FolderTree
+                      <FolderTreeComponent
                         nodes={treeNodes}
                         activeSpaceId={selectedSpaceId}
                         spaceId={space.id}