wehub-resource-sync
e4dcfc49aa
Tests / Import Check (Python 3.13) (push) Has been cancelled
Tests / Import Check (Python 3.14) (push) Has been cancelled
Tests / Python Tests (Python 3.11) (push) Has been cancelled
Tests / Python Tests (Python 3.12) (push) Has been cancelled
Tests / Python Tests (Python 3.14) (push) Has been cancelled
Tests / Test Summary (push) Has been cancelled
Tests / Lint and Format (push) Has been cancelled
Tests / Web Node Tests (push) Has been cancelled
Tests / Import Check (Python 3.11) (push) Has been cancelled
Tests / Import Check (Python 3.12) (push) Has been cancelled
Tests / Python Tests (Python 3.13) (push) Has been cancelled
89 lines
2.8 KiB
TypeScript
89 lines
2.8 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { Layers } from "lucide-react";
|
|
import { useTranslation } from "react-i18next";
|
|
import PickerShell from "@/components/common/PickerShell";
|
|
import PickerHeader from "@/components/common/PickerHeader";
|
|
import NotebookSelector from "@/components/notebook/NotebookSelector";
|
|
import { useNotebookSelection } from "@/components/notebook/useNotebookSelection";
|
|
import type { SelectedRecord } from "@/lib/notebook-selection-types";
|
|
|
|
interface NotebookRecordPickerProps {
|
|
open: boolean;
|
|
onClose: () => void;
|
|
onApply: (records: SelectedRecord[]) => void;
|
|
actionLabel?: string;
|
|
}
|
|
|
|
export default function NotebookRecordPicker({
|
|
open,
|
|
onClose,
|
|
onApply,
|
|
actionLabel = "Use Selected Records ({n})",
|
|
}: NotebookRecordPickerProps) {
|
|
const { t } = useTranslation();
|
|
const {
|
|
notebooks,
|
|
expandedNotebooks,
|
|
notebookRecordsMap,
|
|
selectedRecords,
|
|
loadingNotebooks,
|
|
loadingRecordsFor,
|
|
fetchNotebooks,
|
|
toggleNotebookExpanded,
|
|
toggleRecordSelection,
|
|
selectAllFromNotebook,
|
|
deselectAllFromNotebook,
|
|
clearAllSelections,
|
|
} = useNotebookSelection();
|
|
|
|
useEffect(() => {
|
|
if (!open) return;
|
|
void fetchNotebooks();
|
|
}, [fetchNotebooks, open]);
|
|
|
|
return (
|
|
<PickerShell
|
|
open={open}
|
|
onClose={onClose}
|
|
labelledBy="notebook-picker-title"
|
|
className="p-4 backdrop-blur-md"
|
|
backdropClass="bg-[var(--background)]/65"
|
|
>
|
|
<div className="surface-card w-full max-w-4xl overflow-hidden rounded-2xl border border-[var(--border)] bg-[var(--card)] text-[var(--card-foreground)] shadow-[0_22px_70px_rgba(0,0,0,0.18)]">
|
|
<PickerHeader
|
|
icon={Layers}
|
|
titleId="notebook-picker-title"
|
|
title={t("Select Notebook Records")}
|
|
subtitle={t(
|
|
"Choose records across one or more notebooks to ground the next request.",
|
|
)}
|
|
onClose={onClose}
|
|
/>
|
|
<div className="bg-[var(--background)]/40 p-5">
|
|
<NotebookSelector
|
|
notebooks={notebooks}
|
|
expandedNotebooks={expandedNotebooks}
|
|
notebookRecordsMap={notebookRecordsMap}
|
|
selectedRecords={selectedRecords}
|
|
loadingNotebooks={loadingNotebooks}
|
|
loadingRecordsFor={loadingRecordsFor}
|
|
isLoading={false}
|
|
onToggleExpanded={toggleNotebookExpanded}
|
|
onToggleRecord={toggleRecordSelection}
|
|
onSelectAll={selectAllFromNotebook}
|
|
onDeselectAll={deselectAllFromNotebook}
|
|
onClearAll={clearAllSelections}
|
|
onCreateSession={() => {
|
|
onApply(Array.from(selectedRecords.values()) as SelectedRecord[]);
|
|
onClose();
|
|
}}
|
|
actionLabel={actionLabel}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</PickerShell>
|
|
);
|
|
}
|