+
+ {t("portal.pipelines.builder.supportingFiles")}
+
+
+ )}
+ {toolBody()}
+
);
}
diff --git a/frontend/editor/src/portal/mocks/handlers/pipelines.ts b/frontend/editor/src/portal/mocks/handlers/pipelines.ts
index ed7cec1626..c5505f38ff 100644
--- a/frontend/editor/src/portal/mocks/handlers/pipelines.ts
+++ b/frontend/editor/src/portal/mocks/handlers/pipelines.ts
@@ -116,6 +116,21 @@ function nextId(): string {
return `plc_${Date.now().toString(36)}_${idCounter}`;
}
+/** Stored supporting files a step binds as `asset:
+ {chips.map((chip) => (
+
+
-
-
- {/* Reopen tab: a little handle hanging off the bar's bottom-right
- while the viewer tool row is retracted. */}
- {showReopenTab && (
-
-
-
-
+
);
}
-function ListView({
- entries,
- selectedFileIds,
- activeWorkspaceFileIds,
- onSelectFile,
- onSetSelection,
- onOpenFolder,
- onOpenFile,
- onMoveFiles,
- onMoveFolder,
- onRenameFolder,
- onDeleteFolder,
- onSaveToServer,
- onVersionHistory,
- saveToServerDisabledReason,
- onChangeFolderAppearance,
- onRemoveFiles,
- onPromptMoveFiles,
- sortMode,
- onChangeSortMode,
-}: FileGridProps & {
- sortMode?: FilesPageSortMode;
- onChangeSortMode?: (next: FilesPageSortMode) => void;
-}) {
+function ListView(
+ props: FileGridProps & {
+ sortMode?: FilesPageSortMode;
+ onChangeSortMode?: (next: FilesPageSortMode) => void;
+ },
+) {
+ const {
+ entries,
+ selectedFileIds,
+ activeWorkspaceFileIds,
+ onSelectFile,
+ onSetSelection,
+ onOpenFolder,
+ onOpenFile,
+ onMoveFiles,
+ onMoveFolder,
+ onRenameFolder,
+ onDeleteFolder,
+ onChangeFolderAppearance,
+ sortMode,
+ onChangeSortMode,
+ } = props;
+ const menuHandlersFor = useFileMenuHandlers(props);
const { t } = useTranslation();
// Tri-state header checkbox state - computed from current entries.
@@ -1029,22 +1143,7 @@ function ListView({
onSelectFile(entry.file!.id, e.shiftKey, e.metaKey || e.ctrlKey)
}
onOpen={() => onOpenFile(entry.file!)}
- onRemove={() => onRemoveFiles([entry.file!.id])}
- onMove={() => {
- const target = selectedFileIds.has(entry.file!.id)
- ? Array.from(selectedFileIds)
- : [entry.file!.id];
- onPromptMoveFiles(target);
- }}
- onSaveToServer={
- onSaveToServer ? () => onSaveToServer(entry.file!) : undefined
- }
- onVersionHistory={
- onVersionHistory
- ? () => onVersionHistory(entry.file!)
- : undefined
- }
- saveToServerDisabledReason={saveToServerDisabledReason}
+ {...menuHandlersFor(entry.file)}
/>
);
}
@@ -1241,7 +1340,7 @@ function FolderRow({
);
}
-interface FileRowProps {
+interface FileRowProps extends FileMenuHandlers {
file: StirlingFileStub;
isSelected: boolean;
isInWorkspace: boolean;
@@ -1251,14 +1350,6 @@ interface FileRowProps {
multiSelectActive: boolean;
onClick: (e: React.MouseEvent) => void;
onOpen: () => void;
- onRemove: () => void;
- onMove: () => void;
- /** Kebab Save to server; only fires when file is local-only. */
- onSaveToServer?: () => void;
- /** Open the version-history modal; shown only when file has >1 version. */
- onVersionHistory?: () => void;
- /** When set, the kebab Save to server is disabled with this tooltip. */
- saveToServerDisabledReason?: string | null;
}
function FileRow({
@@ -1270,11 +1361,7 @@ function FileRow({
multiSelectActive,
onClick,
onOpen,
- onRemove,
- onMove,
- onSaveToServer,
- onVersionHistory,
- saveToServerDisabledReason,
+ ...menuHandlers
}: FileRowProps) {
const { t } = useTranslation();
const kebabRef = useRef
+ {
+ e.stopPropagation();
+ onClick(e);
+ }}
+ >
+ {children}
+
+
+