Function SessionDistillDialog

src/views/SessionDistill.tsx:292–487

({
    open, updateMode = false, onClose, onRunningChange,
})

type DistillStatus = 'idle' | 'running' | 'failed';

export const SessionDistillDialog: React.FC<SessionDistillDialogProps> = ({
    open, updateMode = false, onClose, onRunningChange,
}) => {
    const { t } = useTranslation();
    const dispatch = useDispatch<AppDispatch>();

    const tables = useSelector((s: DataFormulatorState) => s.tables);
    const charts = useSelector((s: DataFormulatorState) => s.charts);
    const conceptShelfItems = useSelector((s: DataFormulatorState) => s.conceptShelfItems);
    const activeWorkspace = useSelector((s: DataFormulatorState) => s.activeWorkspace);
    const selectedModelId = useSelector((s: DataFormulatorState) => s.selectedModelId);
    const allModels = useSelector(
        (s: DataFormulatorState) => [...s.globalModels, ...s.models],
    );
    const selectedModel = allModels.find(m => m.id === selectedModelId);

    const built = useMemo(() => {
        if (!open || !activeWorkspace) return null;
        const threads = collectSessionThreads(tables, charts, conceptShelfItems);
        return buildSessionExperienceContext(activeWorkspace, threads);
    }, [open, activeWorkspace, tables, charts, conceptShelfItems]);

    const [userInstruction, setUserInstruction] = useState('');
    const [status, setStatus] = useState<DistillStatus>('idle');
    const runningRef = useRef(false);

    const handleClose = useCallback(() => {
        onClose();
        if (!runningRef.current) {
            setUserInstruction('');
            setStatus('idle');
        }
    }, [onClose]);

    const handleDistill = useCallback(async () => {
        if (runningRef.current) return;
        if (!built || !selectedModel) return;
        runningRef.current = true;
        setStatus('running');
        onRunningChange?.(true);
        const instruction = userInstruction.trim() || undefined;

        try {
            const modelConfig = buildDistillModelConfig(selectedModel as ModelConfig);
            const timeoutSeconds = (store.getState() as DataFormulatorState).config.formulateTimeoutSeconds;
            const controller = new AbortController();
            const timeoutId = setTimeout(() => controller.abort(), timeoutSeconds * 1000);
            let result;
            try {
                result = await distillSessionExperience(
                    built.payload, modelConfig, instruction, timeoutSeconds, controller.signal,
                );
            } finally {
                clearTimeout(timeoutId);
            }
            dispatch(dfActions.addMessages({
                timestamp: Date.now(),
                type: 'success',