hazo_collab_forms 5.7.0 → 6.0.0

package/dist/components/hazo_fb_form/hazo_fb_form.js

@@ -1,1188 +0,0 @@
-/**
- * HazoFbForm - Front/Back office form with LLM classification pipeline.
- *
- * Supports multi-instance mode (sidebar with instance switching) when `instances` prop is provided.
- * When `instances` is not provided, wraps flat props into a single virtual instance (backward compat).
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { cn } from '../../utils/cn.js';
-import { use_logger } from '../../logger/index.js';
-import { is_fb_terminal_status } from '../../types/fb_form_instance.js';
-import { flat_to_data } from '../../utils/fb_data_adapter.js';
-import { flat_to_data_v2 } from '../../utils/fb_data_adapter_v2.js';
-import { set_review_decision } from '../../utils/fb_data_mutations_v2.js';
-import { FbFormContext } from './context.js';
-import { use_fb_form_state } from './hooks/use_fb_form_state.js';
-import { use_llm_run } from './hooks/use_llm_run.js';
-import { FrontOfficeView } from './views/front_office_view.js';
-import { BackOfficeView } from './views/back_office_view.js';
-import { ClientDataView } from './views/client_data_view.js';
-import { ClarificationsView } from './views/clarifications_view.js';
-import { RunDetailsDialog } from './components/run_details_dialog.js';
-import { BackofficeRunButton } from './components/backoffice_run_button.js';
-import { InstanceSidebar } from './components/instance_sidebar.js';
-import { register_ihelp_icon } from '../shared/ihelp_icon.js';
-import { AgentStepper } from './shared/agent_stepper.js';
-import { ReviewQueueView } from './views/review_queue_view.js';
-import { SendBackView } from './views/send_back_view.js';
-import { FileStatusAccordion } from './shared/file_status_accordion.js';
-export const VIRTUAL_INSTANCE_ID = '__single__';
-export function HazoFbForm(props) {
-    const logger = use_logger();
-    // Register externally provided ihelp_icon component (bypasses dynamic import)
-    useEffect(() => {
-        if (props.ihelp_icon)
-            register_ihelp_icon(props.ihelp_icon);
-    }, [props.ihelp_icon]);
-    // ── Multi-instance resolution ──
-    const is_multi_instance = !!props.instances && props.instances.length > 0;
-    const [local_active_id, set_local_active_id] = useState(props.active_instance_id ?? props.instances?.[0]?.instance_id ?? VIRTUAL_INSTANCE_ID);
-    const active_instance_id = props.active_instance_id ?? local_active_id;
-    // Build virtual single instance when `instances` not provided
-    const virtual_instance = useMemo(() => ({
-        instance_id: VIRTUAL_INSTANCE_ID,
-        label: 'Current',
-        status: 'active',
-        created_at: new Date().toISOString(),
-        updated_at: new Date().toISOString(),
-        front_sections: props.front_sections,
-        front_form_data: props.front_form_data,
-    }), [props.front_sections, props.front_form_data]);
-    const instances = is_multi_instance ? props.instances : [virtual_instance];
-    const active_instance = instances.find((i) => i.instance_id === active_instance_id) ?? instances[0] ?? null;
-    // Build effective props scoped to the active instance
-    // Back office (back_sections, back_form_data) stays from props — shared across instances
-    const effective_props = useMemo(() => {
-        if (!is_multi_instance || !active_instance)
-            return props;
-        return {
-            ...props,
-            front_sections: active_instance.front_sections,
-            front_form_data: active_instance.front_form_data,
-            // back_sections and back_form_data stay from props (shared)
-            classification_results: active_instance.classification_results ?? props.classification_results,
-        };
-    }, [props, is_multi_instance, active_instance]);
-    // Pending clarification responses — declared before use_fb_form_state and use_llm_run so both can access them
-    const [pending_clarification_responses, set_pending_clarification_responses] = useState(new Map());
-    // ── Hierarchical data model ──
-    // When `data` prop is provided, use it as controlled state.
-    // Otherwise maintain internal state, seeded from flat instance data.
-    const [internal_data, set_internal_data] = useState(() => {
-        if (props.data)
-            return props.data;
-        // Seed from flat model if available
-        if (active_instance?.classification_results || active_instance?.sent_clarifications) {
-            return flat_to_data(active_instance, 1);
-        }
-        return [];
-    });
-    // Sync controlled data prop
-    const form_data_entries = props.data ?? internal_data;
-    const update_form_data = useCallback((updater) => {
-        if (props.data != null) {
-            // Controlled: emit change, don't update internal state
-            const next = updater(props.data);
-            props.on_data_change?.(next);
-        }
-        else {
-            // Uncontrolled: update internal state and emit
-            set_internal_data((prev) => {
-                const next = updater(prev);
-                props.on_data_change?.(next);
-                return next;
-            });
-        }
-    }, [props.data, props.on_data_change]);
-    const state = use_fb_form_state(effective_props, active_instance_id, active_instance, pending_clarification_responses, form_data_entries);
-    const { trigger_run, trigger_complete, trigger_classify_file, trigger_assign_file, route_skipped_files, trigger_backoffice_run } = use_llm_run({
-        props: effective_props,
-        update_progress: state.update_progress,
-        classification_results: state.classification_results,
-        set_classification_results: state.set_classification_results,
-        set_active_tab: state.set_active_tab,
-        add_classifying_files: state.add_classifying_files,
-        remove_classifying_files: state.remove_classifying_files,
-        add_queued_files: state.add_queued_files,
-        remove_queued_files: state.remove_queued_files,
-        set_unassigned_files: state.set_unassigned_files,
-        set_group_autofill_log: state.set_group_autofill_log,
-        set_file_validation_results: state.set_file_validation_results,
-        manual_review_file_ids: state.manual_review_file_ids,
-        sent_clarifications: state.sent_clarifications,
-        pending_clarification_responses,
-        draft_clarifications: state.draft_clarifications,
-        file_validation_results: state.file_validation_results,
-        set_autofilling_file_ids: state.set_autofilling_file_ids,
-        set_validating_file_ids: state.set_validating_file_ids,
-        skipped_file_ids: state.skipped_file_ids,
-        update_form_data,
-        form_data_entries,
-    });
-    // Restore group_autofill_log from persisted autofill activities in the data model.
-    // This runs on mount (and when form_data_entries changes) so that after a page refresh,
-    // the autofill status is reconstructed from the hierarchical data.
-    const autofill_restore_ran = useRef(false);
-    useEffect(() => {
-        if (autofill_restore_ran.current)
-            return;
-        if (form_data_entries.length === 0)
-            return;
-        const autofill_activities = [];
-        // Walk all entries looking for autofill activities (v1 structure during migration)
-        for (const entry of form_data_entries) {
-            const walk = (items) => {
-                if (!items)
-                    return;
-                for (const cdi of items) {
-                    const inputs = Array.isArray(cdi.client_input) ? cdi.client_input : [cdi.client_input];
-                    for (const input of inputs) {
-                        if (input.processed_data) {
-                            for (const pd of input.processed_data) {
-                                if (pd.activities) {
-                                    for (const act of pd.activities) {
-                                        if (act.activity_info.activity_type === 'autofill' && act.autofill_result) {
-                                            autofill_activities.push({ activity: act, pd });
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            };
-            walk(entry.client_data);
-            // v1 compat: check for old clarification structure during migration
-            const v1_entry = entry;
-            if (v1_entry.clarification?.client_data)
-                walk(v1_entry.clarification.client_data);
-        }
-        if (autofill_activities.length > 0) {
-            autofill_restore_ran.current = true;
-            // Group activities by group_id and build the log
-            const restored_log = {};
-            for (const { activity } of autofill_activities) {
-                const result = activity.autofill_result;
-                const existing = restored_log[result.group_id];
-                // Accumulate fields_populated across files for the same group
-                if (existing) {
-                    existing.details = [...(existing.details ?? []), ...result.details.map(d => ({ ...d, file_name: result.file_name }))];
-                    if (result.status === 'success') {
-                        const total_fields = existing._total_fields + result.fields_populated;
-                        existing._total_fields = total_fields;
-                        existing.message = `Populated ${total_fields} field(s)`;
-                        existing.status = 'success';
-                    }
-                }
-                else {
-                    restored_log[result.group_id] = {
-                        status: result.status,
-                        message: result.status === 'success'
-                            ? `Populated ${result.fields_populated} field(s) from ${result.file_name}`
-                            : result.status === 'error'
-                                ? (result.error || 'Autofill failed')
-                                : 'No matching data found in document',
-                        timestamp: activity.activity_info.activity_time
-                            ? new Date(activity.activity_info.activity_time).getTime()
-                            : Date.now(),
-                        details: result.details.map(d => ({ ...d, file_name: result.file_name })),
-                        _total_fields: result.fields_populated,
-                    };
-                }
-            }
-            // Clean up internal _total_fields
-            for (const log of Object.values(restored_log)) {
-                delete log._total_fields;
-            }
-            state.set_group_autofill_log(restored_log);
-        }
-    }, [form_data_entries]); // eslint-disable-line react-hooks/exhaustive-deps
-    // Restore classification_results from form_data_entries when empty (e.g. Instance 2 after send-back).
-    // Files already classified in a previous instance have tags in the data model — reconstruct
-    // the classification results so trigger_backoffice_run can route and autofill them.
-    const classification_restore_ran = useRef(false);
-    useEffect(() => {
-        if (classification_restore_ran.current)
-            return;
-        if (state.classification_results.length > 0)
-            return;
-        if (form_data_entries.length === 0)
-            return;
-        const field_map = new Map();
-        const seen_file_ids = new Set();
-        const add_file = (field_id, pd, inherit_tags) => {
-            if (pd.processed_data_type !== 'file' || !pd.processed_data_files?.file_id)
-                return;
-            if (seen_file_ids.has(pd.processed_data_files.file_id))
-                return;
-            seen_file_ids.add(pd.processed_data_files.file_id);
-            if (!field_map.has(field_id))
-                field_map.set(field_id, { tags: new Set(), files: [] });
-            const bucket = field_map.get(field_id);
-            // Use pd tags, fall back to inherited tags from the original file in the same entry
-            const tags = (pd.tags && pd.tags.length > 0) ? pd.tags : (inherit_tags ?? []);
-            for (const t of tags)
-                bucket.tags.add(t);
-            bucket.files.push({
-                file_id: pd.processed_data_files.file_id,
-                file_name: pd.processed_data_files.file_name ?? '',
-                tags,
-                document_nature: pd.processed_data_nature?.[0],
-                document_type: pd.processed_data_category,
-            });
-        };
-        for (const entry of form_data_entries) {
-            const field_id = entry.question?.question_field_id;
-            if (!field_id)
-                continue;
-            // Collect tags from original client uploads first
-            const entry_tags = [];
-            for (const cdi of entry.client_data ?? []) {
-                const input = cdi.client_input;
-                if (!input?.processed_data)
-                    continue;
-                for (const pd of input.processed_data) {
-                    add_file(field_id, pd);
-                    if (pd.tags)
-                        for (const t of pd.tags)
-                            if (!entry_tags.includes(t))
-                                entry_tags.push(t);
-                }
-            }
-            // Files from clarification responses inherit tags from the original file
-            for (const clr of entry.clarifications ?? []) {
-                for (const rd of clr.response_data ?? []) {
-                    for (const rpd of rd.processed_data ?? [])
-                        add_file(field_id, rpd, entry_tags);
-                }
-            }
-        }
-        if (field_map.size > 0) {
-            classification_restore_ran.current = true;
-            const results = [];
-            for (const [field_id, { tags, files }] of field_map) {
-                results.push({ field_id, tags: Array.from(tags), file_classifications: files });
-            }
-            state.set_classification_results(results);
-            logger.info('[HazoFbForm] classification_results_restored_from_data', { count: results.length, files: results.flatMap(r => r.file_classifications.map(f => f.file_id)) });
-        }
-    }, [form_data_entries, state.classification_results.length]); // eslint-disable-line react-hooks/exhaustive-deps
-    // Sync flat LLM results → hierarchical data model
-    // Rebuild data[] whenever classification, validation, or clarification state changes.
-    // Combines ALL instances into a single data[] array (matching the reference JSON structure).
-    // IMPORTANT: The JSON must be stable regardless of which instance is active — every instance
-    // is built from persisted data. The active instance additionally applies live enrichments.
-    // ── Build v2 data model from ALL instances (instance-independent) ──
-    // Uses the flattened adapter: validations and clarifications are direct arrays,
-    // thread captures full cross-instance conversation, no activities nesting.
-    //
-    // IMPORTANT: When the consumer provides persisted v2 data via `props.data`,
-    // we DON'T overwrite it with a fresh rebuild from instances — the v2 data
-    // is the single source of truth. We only rebuild when no v2 data exists yet
-    // (initial build) or when classification/validation results change (new pipeline data).
-    // ── Build v2 data model from ALL instances ──
-    // Always rebuilds from instances. The rebuild is the truth for structure (validations,
-    // classifications, review decisions). But client responses added via v2_add_client_response
-    // may not be in the v1 instances yet — so we merge those thread entries in.
-    useEffect(() => {
-        if (instances.length === 0)
-            return;
-        const v2_data = flat_to_data_v2(instances);
-        if (v2_data.length === 0)
-            return;
-        update_form_data(prev => {
-            if (!prev || prev.length === 0) {
-                return v2_data;
-            }
-            // Build index of existing v2 clarifications for thread merging
-            const prev_clrs = new Map();
-            for (const entry of prev) {
-                for (const clr of entry.clarifications ?? []) {
-                    prev_clrs.set(clr.clarification_id, clr);
-                }
-            }
-            if (prev_clrs.size === 0)
-                return v2_data;
-            // Use the FRESH rebuild as base (it has the latest structure from instances).
-            // Only supplement with thread entries from existing v2 that the rebuild is missing.
-            // This handles: v2_add_client_response added a thread entry that isn't in v1 yet.
-            const merged = v2_data.map((entry) => {
-                if (!entry.clarifications?.length)
-                    return entry;
-                const merged_clrs = entry.clarifications.map((fresh_clr) => {
-                    const existing = prev_clrs.get(fresh_clr.clarification_id);
-                    if (!existing)
-                        return fresh_clr;
-                    // If existing v2 has MORE thread entries than the rebuild, the extra entries
-                    // are from v2_add_client_response and need to be preserved.
-                    const fresh_thread = fresh_clr.thread ?? [];
-                    const existing_thread = existing.thread ?? [];
-                    if (existing_thread.length > fresh_thread.length) {
-                        // Find the extra thread entries (entries in existing but not in fresh)
-                        const extra_entries = existing_thread.slice(fresh_thread.length);
-                        // Only keep client responses (the ones added by v2_add_client_response)
-                        const client_extras = extra_entries.filter((t) => t.role === 'client' && t.action === 'responded');
-                        if (client_extras.length > 0) {
-                            console.log('[DEBUG] v2 merge: appending', client_extras.length, 'client thread entries to', fresh_clr.clarification_id?.slice(-8), 'fresh_status:', fresh_clr.status);
-                            return {
-                                ...fresh_clr,
-                                thread: [...fresh_thread, ...client_extras],
-                                status: 'responded', // Client has responded
-                                review: null, // Needs fresh review
-                                response_data: existing.response_data?.length > fresh_clr.response_data?.length
-                                    ? existing.response_data : fresh_clr.response_data,
-                            };
-                        }
-                    }
-                    // Preserve 'accepted' status set in the CURRENT session via set_review_decision.
-                    // Only preserve if the acceptance was made AFTER the last client response
-                    // (i.e., it's a current-session decision, not a stale one from a prior instance).
-                    if (existing.status === 'accepted' && existing.review?.thread_ref) {
-                        const merged_thread = existing_thread.length >= fresh_thread.length ? existing_thread : fresh_thread;
-                        const review_idx = merged_thread.findIndex((t) => t.thread_id === existing.review.thread_ref);
-                        const has_newer_response = merged_thread.some((t, i) => i > review_idx && t.role === 'client' && t.action === 'responded');
-                        if (!has_newer_response) {
-                            return {
-                                ...fresh_clr,
-                                thread: merged_thread,
-                                status: 'accepted',
-                                review: existing.review,
-                                response_data: existing.response_data?.length > (fresh_clr.response_data?.length ?? 0)
-                                    ? existing.response_data : fresh_clr.response_data,
-                            };
-                        }
-                    }
-                    return fresh_clr;
-                });
-                // Preserve autofill_runs from existing data (not in v1 instances)
-                const prev_entry = prev.find((e) => e.clarifications?.some((c) => entry.clarifications?.some((fc) => fc.clarification_id === c.clarification_id)));
-                const merged_entry = { ...entry, clarifications: merged_clrs };
-                if (prev_entry?.autofill_runs?.length > 0 && !merged_entry.autofill_runs?.length) {
-                    merged_entry.autofill_runs = prev_entry.autofill_runs;
-                }
-                return merged_entry;
-            });
-            return merged;
-        });
-    }, [instances]);
-    // Persist classification_results to instance when they change
-    const prev_cls_ref = useRef(state.classification_results);
-    useEffect(() => {
-        if (state.classification_results === prev_cls_ref.current)
-            return;
-        prev_cls_ref.current = state.classification_results;
-        if (is_multi_instance && active_instance_id && state.classification_results.length > 0) {
-            props.on_instance_update?.(active_instance_id, { classification_results: state.classification_results });
-        }
-    }, [state.classification_results]);
-    // Persist review decisions and agent feedback onto the instance's sent_clarifications
-    // so they're available when the instance is not active (stable JSON across instance switches).
-    // IMPORTANT: Only update already-persisted sent_clarifications — do NOT write drafts here.
-    const prev_decisions_ref = useRef(state.review_queue_decisions);
-    const prev_comments_ref = useRef(state.send_back_comments);
-    useEffect(() => {
-        if (!is_multi_instance || !active_instance_id)
-            return;
-        if (state.review_queue_decisions === prev_decisions_ref.current && state.send_back_comments === prev_comments_ref.current)
-            return;
-        prev_decisions_ref.current = state.review_queue_decisions;
-        prev_comments_ref.current = state.send_back_comments;
-        if (state.review_queue_decisions.size === 0 && state.send_back_comments.size === 0)
-            return;
-        // Only enrich already-persisted sent_clarifications on the instance
-        const current_sent = active_instance?.sent_clarifications;
-        if (!current_sent?.length)
-            return;
-        let changed = false;
-        const updated = current_sent.map(c => {
-            let result = c;
-            // Don't overwrite clarifications where client has already responded —
-            // their status has progressed beyond the review decision stage
-            if (c.status === 'responded' || c.response_choice || c.user_comment)
-                return result;
-            const decision = state.review_queue_decisions.get(c.id);
-            // Match confirm_review_decisions: accept → skip_process, send_back → approve
-            const mapped_decision = decision === 'accept' ? 'skip_process' : 'approve';
-            if (decision && result.review_decision !== mapped_decision) {
-                result = { ...result, review_decision: mapped_decision };
-                changed = true;
-            }
-            const comment = state.send_back_comments.get(c.id);
-            if (comment && result.agent_feedback !== comment) {
-                result = { ...result, agent_feedback: comment };
-                changed = true;
-            }
-            return result;
-        });
-        if (changed) {
-            props.on_instance_update?.(active_instance_id, { sent_clarifications: updated });
-        }
-    }, [state.review_queue_decisions, state.send_back_comments]);
-    // Persist file_validation_results to instance when they change
-    const prev_fvr_ref = useRef(state.file_validation_results);
-    useEffect(() => {
-        if (state.file_validation_results === prev_fvr_ref.current)
-            return;
-        prev_fvr_ref.current = state.file_validation_results;
-        if (is_multi_instance && active_instance_id && Object.keys(state.file_validation_results).length > 0) {
-            props.on_instance_update?.(active_instance_id, { file_validation_results: state.file_validation_results });
-        }
-    }, [state.file_validation_results]);
-    // Compute suggested document types from classification results
-    React.useEffect(() => {
-        const known_ids = new Set((props.available_document_types ?? []).map((dt) => dt.type_id));
-        const all_types = new Set();
-        for (const cls of state.classification_results) {
-            for (const fc of cls.file_classifications) {
-                for (const dt of fc.document_type ?? []) {
-                    if (!known_ids.has(dt))
-                        all_types.add(dt);
-                }
-            }
-        }
-        state.set_suggested_document_types([...all_types]);
-    }, [state.classification_results, props.available_document_types]);
-    const add_document_type = useCallback((type_id) => {
-        const new_type = {
-            type_id,
-            type_label: type_id.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase()),
-        };
-        const updated = [...(props.available_document_types ?? []), new_type];
-        props.on_document_types_change?.(updated);
-        state.set_suggested_document_types((prev) => prev.filter((id) => id !== type_id));
-    }, [props]);
-    const dismiss_suggested_type = useCallback((type_id) => {
-        state.set_suggested_document_types((prev) => prev.filter((id) => id !== type_id));
-    }, []);
-    // ── Clarification lifecycle callbacks ──
-    const send_clarifications = useCallback((items) => {
-        logger.info('[HazoFbForm] send_clarifications', { count: items.length, ids: items.map(i => i.id), instance_id: active_instance_id });
-        if (is_multi_instance && active_instance) {
-            // Per-instance: merge into active instance's sent_clarifications
-            const existing = active_instance.sent_clarifications ?? [];
-            const updated = [...existing];
-            for (const item of items) {
-                const existing_idx = updated.findIndex((e) => e.id === item.id);
-                if (existing_idx >= 0) {
-                    updated[existing_idx] = { ...item, created_at: updated[existing_idx].created_at };
-                }
-                else {
-                    updated.push(item);
-                }
-            }
-            props.on_instance_update?.(active_instance_id, { sent_clarifications: updated });
-        }
-        else {
-            // Single-instance: write to shared back_form_data
-            const existing = Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : [];
-            const updated = [...existing];
-            for (const item of items) {
-                const existing_idx = updated.findIndex((e) => e.id === item.id);
-                if (existing_idx >= 0) {
-                    updated[existing_idx] = { ...item, created_at: updated[existing_idx].created_at };
-                }
-                else {
-                    updated.push(item);
-                }
-            }
-            props.on_back_change?.('__clarifications', updated);
-        }
-        props.on_clarifications_sent?.(items);
-    }, [props, is_multi_instance, active_instance, active_instance_id]);
-    const update_clarification_status = useCallback((id, updates) => {
-        logger.debug('[HazoFbForm] update_clarification_status', { id, status: updates.status, instance_id: active_instance_id });
-        const now = new Date().toISOString();
-        if (is_multi_instance && active_instance) {
-            // Per-instance: update within active instance's sent_clarifications
-            const existing = active_instance.sent_clarifications ?? [];
-            let found = false;
-            const updated = existing.map((item) => {
-                if (item.id === id) {
-                    found = true;
-                    return { ...item, ...updates, updated_at: now };
-                }
-                return item;
-            });
-            // Upsert: if item wasn't in sent_clarifications (e.g. validation draft), add it
-            if (!found) {
-                const draft = state.draft_clarifications.find((d) => d.id === id);
-                if (draft) {
-                    updated.push({ ...draft, ...updates, updated_at: now });
-                }
-                else {
-                    // Fallback: search all validation errors for the item (draft may have been deduped)
-                    for (const vr of Object.values(state.file_validation_results)) {
-                        const err = vr.errors?.find((e) => e.id === id);
-                        if (err) {
-                            updated.push({ ...err, ...updates, updated_at: now });
-                            break;
-                        }
-                    }
-                    // Last resort: create minimal item from updates
-                    if (!updated.some((c) => c.id === id)) {
-                        updated.push({ id, type: 'validation_override', status: 'pending', target_field_id: '', target_label: '', issue_description: '', doc_references: [], response_options: [], created_at: now, ...updates, updated_at: now });
-                    }
-                }
-            }
-            // Also update front_form_data.__clarifications if the item lives there
-            const front_clrs = active_instance.front_form_data?.['__clarifications'];
-            const inst_updates = { sent_clarifications: updated };
-            if (Array.isArray(front_clrs) && front_clrs.some((c) => c.id === id)) {
-                inst_updates.front_form_data = {
-                    ...active_instance.front_form_data,
-                    __clarifications: front_clrs.map(c => c.id === id ? { ...c, ...updates, updated_at: now } : c),
-                };
-            }
-            logger.info('[HazoFbForm] update_clarification_status → on_instance_update', {
-                instance_id: active_instance_id,
-                sent_clrs_count: inst_updates.sent_clarifications?.length,
-                found_in_existing: found,
-            });
-            props.on_instance_update?.(active_instance_id, inst_updates);
-        }
-        else {
-            // Single-instance: update in shared back_form_data
-            const existing = Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : [];
-            let found = false;
-            const updated = existing.map((item) => {
-                if (item.id === id) {
-                    found = true;
-                    return { ...item, ...updates, updated_at: now };
-                }
-                return item;
-            });
-            if (!found) {
-                const draft = state.draft_clarifications.find((d) => d.id === id);
-                if (draft) {
-                    updated.push({ ...draft, ...updates, updated_at: now });
-                }
-                else {
-                    for (const vr of Object.values(state.file_validation_results)) {
-                        const err = vr.errors?.find((e) => e.id === id);
-                        if (err) {
-                            updated.push({ ...err, ...updates, updated_at: now });
-                            break;
-                        }
-                    }
-                    if (!updated.some((c) => c.id === id)) {
-                        updated.push({ id, type: 'validation_override', status: 'pending', target_field_id: '', target_label: '', issue_description: '', doc_references: [], response_options: [], created_at: now, ...updates, updated_at: now });
-                    }
-                }
-            }
-            props.on_back_change?.('__clarifications', updated);
-        }
-    }, [props, is_multi_instance, active_instance, active_instance_id, state.draft_clarifications, state.file_validation_results]);
-    const update_clarification_response = useCallback((id, response) => {
-        const now = new Date().toISOString();
-        // Find the base item from ALL available sources to ensure we have the full data
-        const find_base = () => {
-            // 1. Sent clarifications on instance
-            const sent = active_instance?.sent_clarifications?.find(c => c.id === id);
-            if (sent)
-                return sent;
-            // 2. Draft clarifications (in-memory)
-            const draft = state.draft_clarifications.find(d => d.id === id);
-            if (draft)
-                return draft;
-            // 3. File validation results errors
-            for (const vr of Object.values(state.file_validation_results)) {
-                const err = vr.errors?.find(e => e.id === id);
-                if (err)
-                    return err;
-            }
-            // 4. Back form data clarifications
-            const back_clrs = Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : [];
-            const back = back_clrs.find(c => c.id === id);
-            if (back)
-                return back;
-            // 5. Front form data clarifications
-            const front_clrs = Array.isArray(active_instance?.front_form_data?.['__clarifications'])
-                ? active_instance.front_form_data['__clarifications']
-                : [];
-            return front_clrs.find(c => c.id === id);
-        };
-        const base = find_base();
-        // Build thread entry for the client's response
-        const existing_thread = base?.thread ?? [];
-        const client_thread_entry = {
-            role: 'client',
-            action: 'responded',
-            response_choice: response.response_choice,
-            message: response.user_comment || undefined,
-            files: response.response_files?.map(f => ({
-                file_id: f.file_id,
-                ref_id: f.file_id,
-                file_name: f.file_name,
-                file_size: f.file_size ?? 0,
-                mime_type: f.mime_type ?? 'application/octet-stream',
-                visibility: 'public',
-                attached_at: now,
-            })),
-            timestamp: now,
-        };
-        // Only add if not already in thread (avoid duplicates from handle_sourced_respond)
-        const already_in_thread = existing_thread.some(t => t.role === 'client' && t.action === 'responded' && t.timestamp === now);
-        const updated_thread = already_in_thread ? existing_thread : [...existing_thread, client_thread_entry];
-        const updates = {
-            status: 'responded',
-            response_choice: response.response_choice,
-            user_comment: response.user_comment,
-            response_files: response.response_files ?? [],
-            updated_at: now,
-            thread: updated_thread,
-        };
-        const merged = base
-            ? { ...base, ...updates }
-            : { id, type: 'validation_override', target_field_id: '', target_label: '', issue_description: '', doc_references: [], response_options: [], created_at: now, ...updates };
-        if (is_multi_instance && active_instance) {
-            // Upsert into sent_clarifications on the instance
-            const existing = active_instance.sent_clarifications ?? [];
-            const found = existing.some(c => c.id === id);
-            const updated_sent = found
-                ? existing.map(c => c.id === id ? merged : c)
-                : [...existing, merged];
-            const inst_updates = { sent_clarifications: updated_sent };
-            // Also update front_form_data.__clarifications if needed
-            const front_clrs = active_instance.front_form_data?.['__clarifications'];
-            if (Array.isArray(front_clrs) && front_clrs.some((c) => c.id === id)) {
-                inst_updates.front_form_data = {
-                    ...active_instance.front_form_data,
-                    __clarifications: front_clrs.map(c => c.id === id ? merged : c),
-                };
-            }
-            props.on_instance_update?.(active_instance_id, inst_updates);
-            // Note: v2 data model will be updated by the useEffect([instances]) rebuild
-            // triggered by the on_instance_update call above. The rebuild uses the
-            // updated instance data which includes the response.
-        }
-        else {
-            // Single-instance: update in back_form_data
-            const existing = Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : [];
-            const found = existing.some(c => c.id === id);
-            const updated = found
-                ? existing.map(c => c.id === id ? merged : c)
-                : [...existing, merged];
-            props.on_back_change?.('__clarifications', updated);
-        }
-    }, [is_multi_instance, active_instance, active_instance_id, props, state.draft_clarifications, state.file_validation_results]);
-    /** Batch-update multiple responses in a single write to avoid stale-state overwrites */
-    const batch_update_clarification_responses = useCallback((responses) => {
-        if (responses.size === 0)
-            return;
-        const now = new Date().toISOString();
-        const apply_response = (item, response) => ({
-            ...item,
-            status: 'responded',
-            response_choice: response.response_choice,
-            user_comment: response.user_comment,
-            response_files: response.response_files ?? [],
-            updated_at: now,
-        });
-        if (is_multi_instance && active_instance) {
-            const existing = active_instance.sent_clarifications ?? [];
-            const matched_ids = new Set();
-            const updated = existing.map((item) => {
-                const response = responses.get(item.id);
-                if (!response)
-                    return item;
-                matched_ids.add(item.id);
-                return apply_response(item, response);
-            });
-            // Upsert: append draft items that weren't in sent_clarifications
-            for (const [id, response] of responses) {
-                if (matched_ids.has(id))
-                    continue;
-                const draft = state.draft_clarifications.find((d) => d.id === id);
-                if (draft)
-                    updated.push(apply_response(draft, response));
-            }
-            props.on_instance_update?.(active_instance_id, { sent_clarifications: updated });
-        }
-        else {
-            const existing = Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : [];
-            const matched_ids = new Set();
-            const updated = existing.map((item) => {
-                const response = responses.get(item.id);
-                if (!response)
-                    return item;
-                matched_ids.add(item.id);
-                return apply_response(item, response);
-            });
-            for (const [id, response] of responses) {
-                if (matched_ids.has(id))
-                    continue;
-                const draft = state.draft_clarifications.find((d) => d.id === id);
-                if (draft)
-                    updated.push(apply_response(draft, response));
-            }
-            props.on_back_change?.('__clarifications', updated);
-        }
-    }, [props, is_multi_instance, active_instance, active_instance_id, state.draft_clarifications]);
-    const resolve_clarification = useCallback((id) => {
-        update_clarification_status(id, { status: 'resolved' });
-    }, [update_clarification_status]);
-    const dismiss_clarification = useCallback((id) => {
-        update_clarification_status(id, { status: 'dismissed' });
-    }, [update_clarification_status]);
-    const reopen_clarification = useCallback((id) => {
-        update_clarification_status(id, { status: 'pending' });
-    }, [update_clarification_status]);
-    // ── All clarifications across instances ──
-    const all_clarifications = useMemo(() => {
-        if (is_multi_instance) {
-            return instances.flatMap((inst) => inst.sent_clarifications ?? []);
-        }
-        // Single-instance: read from shared back_form_data
-        const raw = props.back_form_data?.['__clarifications'];
-        if (Array.isArray(raw))
-            return raw;
-        return [];
-    }, [is_multi_instance, instances, props.back_form_data]);
-    // ── Multi-instance: instance switching ──
-    const set_active_instance = useCallback((instance_id) => {
-        set_local_active_id(instance_id);
-        props.on_instance_change?.(instance_id);
-    }, [props.on_instance_change]);
-    const create_instance = useCallback(async () => {
-        if (!props.on_instance_create)
-            return null;
-        const new_instance = await props.on_instance_create();
-        set_active_instance(new_instance.instance_id);
-        return new_instance;
-    }, [props.on_instance_create, set_active_instance]);
-    // ── Prepare for client: move clarifications to target instance ──
-    const prepare_for_client = useCallback(async (clarification_ids, sent_items) => {
-        logger.info('[HazoFbForm] prepare_for_client', { clarification_count: clarification_ids.length, source_instance: active_instance_id });
-        if (clarification_ids.length === 0)
-            return;
-        // Find or create target instance
-        let target_id = null;
-        if (is_multi_instance) {
-            // Look for a draft/active instance that isn't the current one
-            const target = instances.find((i) => i.instance_id !== active_instance_id && (i.status === 'draft' || i.status === 'active' || i.status === 'sent_to_client'));
-            if (target) {
-                target_id = target.instance_id;
-            }
-            else if (props.on_instance_create) {
-                // Create new instance WITHOUT switching to it — user stays on current instance
-                const new_inst = await props.on_instance_create();
-                target_id = new_inst.instance_id;
-                // Do NOT call set_active_instance here
-            }
-        }
-        if (target_id) {
-            if (is_multi_instance) {
-                const existing = active_instance?.sent_clarifications ?? [];
-                // Merge: start with existing, replacing any items that appear in sent_items (which have cleared response data)
-                const sent_items_map = new Map((sent_items ?? []).map(item => [item.id, item]));
-                const merged = existing.map(e => sent_items_map.get(e.id) ?? e);
-                // Add any new sent_items not already in existing
-                if (sent_items) {
-                    for (const item of sent_items) {
-                        if (!merged.find(e => e.id === item.id))
-                            merged.push(item);
-                    }
-                }
-                // Step 1: Write items with status: 'pending' so consuming app can read them for forwarding
-                props.on_instance_update?.(active_instance_id, { sent_clarifications: merged });
-                // Step 2: Forward cleared items directly to the target instance
-                // Pass sent_items (which have response_choice/user_comment cleared) so consuming app
-                // doesn't need to read from state (avoids stale data from React state batching)
-                props.on_prepare_for_client?.(clarification_ids, target_id, sent_items);
-                // Step 3: Clear pending_clarification_responses for forwarded IDs
-                // This prevents stale responses from Instance 1 polluting Instance 2's view
-                set_pending_clarification_responses(prev => {
-                    const next = new Map(prev);
-                    for (const id of clarification_ids)
-                        next.delete(id);
-                    return next.size === prev.size ? prev : next;
-                });
-                // Step 4: Mark forwarded items as resolved on source and complete the instance.
-                // Strip author/rejected thread entries — those are back-office actions only visible on the target instance.
-                const forwarded_set = new Set(clarification_ids);
-                const now = new Date().toISOString();
-                const resolved = merged.map((item) => {
-                    if (!forwarded_set.has(item.id))
-                        return item;
-                    const clean_thread = item.thread?.filter(t => !(t.role === 'author' && t.action === 'rejected'));
-                    return { ...item, status: 'resolved', updated_at: now, thread: clean_thread };
-                });
-                props.on_instance_update?.(active_instance_id, { sent_clarifications: resolved, status: 'completed' });
-            }
-            else {
-                props.on_prepare_for_client?.(clarification_ids, target_id);
-            }
-        }
-        // Remove sent items from drafts
-        state.set_draft_clarifications((prev) => prev.filter((d) => !clarification_ids.includes(d.id)));
-    }, [is_multi_instance, instances, active_instance, active_instance_id, props, state.set_draft_clarifications]);
-    // ── Reject & send back ──
-    const reject_clarification = useCallback((id, reason) => {
-        logger.info('[HazoFbForm] reject_clarification', { id, reason, instance_id: active_instance_id });
-        // Find the clarification item from sent or draft clarifications
-        const all_items = [
-            ...(is_multi_instance ? (active_instance?.sent_clarifications ?? []) : []),
-            ...(Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : []),
-            ...state.draft_clarifications,
-        ];
-        const item = all_items.find((c) => c.id === id);
-        if (!item) {
-            logger.warn('[HazoFbForm] reject_clarification: item not found', { id });
-            return;
-        }
-        // Build thread from existing data if not present
-        const now = new Date().toISOString();
-        const existing_thread = item.thread ?? [
-            { role: 'system', action: 'created', message: item.issue_description, timestamp: item.created_at },
-            ...(item.response_choice ? [{
-                    role: 'client',
-                    action: 'responded',
-                    response_choice: item.response_choice,
-                    message: item.user_comment,
-                    files: item.response_files?.length ? item.response_files : undefined,
-                    timestamp: item.updated_at ?? now,
-                }] : []),
-        ];
-        // Append author rejection entry
-        const thread = [
-            ...existing_thread,
-            {
-                role: 'author',
-                action: 'rejected',
-                message: reason,
-                timestamp: now,
-                actor_name: props.current_user?.name,
-            },
-        ];
-        // Update the clarification: reset response, set pending, attach thread
-        const updates = {
-            status: 'pending',
-            response_choice: undefined,
-            user_comment: undefined,
-            response_files: [],
-            thread,
-            updated_at: now,
-        };
-        // Write updated item back
-        if (is_multi_instance && active_instance) {
-            const existing = active_instance.sent_clarifications ?? [];
-            const updated = existing.map((c) => c.id === id ? { ...c, ...updates } : c);
-            props.on_instance_update?.(active_instance_id, { sent_clarifications: updated });
-        }
-        else {
-            const existing = Array.isArray(props.back_form_data?.['__clarifications'])
-                ? props.back_form_data['__clarifications']
-                : [];
-            const updated = existing.map((c) => c.id === id ? { ...c, ...updates } : c);
-            props.on_back_change?.('__clarifications', updated);
-        }
-        // Forward to new instance via prepare_for_client
-        const updated_item = { ...item, ...updates };
-        prepare_for_client([id], [updated_item]);
-    }, [props, is_multi_instance, active_instance, active_instance_id, prepare_for_client, state.draft_clarifications]);
-    // ── Override resolved validation — create draft clarification (pre-approved) ──
-    const create_validation_clarification = useCallback((rule, file, message) => {
-        logger.info('[HazoFbForm] create_validation_clarification', { rule_id: rule.rule_id, file_id: file.file_id });
-        const now = new Date().toISOString();
-        const id = `clr_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-        const new_item = {
-            id,
-            type: 'validation_override',
-            status: 'pending',
-            target_field_id: '',
-            target_label: '',
-            rule_id: rule.rule_id,
-            rule_name: rule.rule_name,
-            issue_description: message,
-            validation_details: rule.summary ?? rule.issues[0]?.issue_description ?? rule.raw_response ?? '',
-            doc_references: [{
-                    file_id: file.file_id,
-                    file_name: file.file_name,
-                    mime_type: 'application/pdf',
-                    comment: file.classification,
-                }],
-            response_options: [
-                { value: 'upload_corrected', label: 'Upload corrected document', shows_file_upload: true },
-                { value: 'provide_comment', label: 'Provide comment', shows_additional_input: true },
-            ],
-            response_files: [],
-            created_at: now,
-            created_by: props.current_user?.id ?? props.current_user?.name,
-        };
-        // Add as draft clarification (not sent yet)
-        state.set_draft_clarifications((prev) => [...prev, new_item]);
-        // Pre-set review decision to 'approve'
-        state.set_review_decisions((prev) => {
-            const next = new Map(prev);
-            next.set(id, 'approve');
-            return next;
-        });
-        // Mark the rule as sent_back in validation results (prevents re-sending + changes badge)
-        const vr_copy = { ...state.file_validation_results };
-        const file_vr = vr_copy[file.file_id];
-        if (file_vr?.rule_results) {
-            const updated_rules = file_vr.rule_results.map((rr) => rr.rule_id === rule.rule_id ? { ...rr, sent_back: true, sent_back_message: message } : rr);
-            vr_copy[file.file_id] = { ...file_vr, rule_results: updated_rules };
-            state.set_file_validation_results(vr_copy);
-        }
-    }, [props, state.set_draft_clarifications, state.set_review_decisions, state.file_validation_results, state.set_file_validation_results]);
-    // ── Accept resolved validation rule ──
-    const accept_validation_rule = useCallback((rule, file_id) => {
-        logger.info('[HazoFbForm] accept_validation_rule', { rule_id: rule.rule_id, file_id });
-        const vr_copy = { ...state.file_validation_results };
-        const file_vr = vr_copy[file_id];
-        if (file_vr?.rule_results) {
-            const updated_rules = file_vr.rule_results.map((rr) => rr.rule_id === rule.rule_id ? { ...rr, accepted: true } : rr);
-            vr_copy[file_id] = { ...file_vr, rule_results: updated_rules };
-            state.set_file_validation_results(vr_copy);
-        }
-    }, [state.file_validation_results, state.set_file_validation_results]);
-    // ── Accept all unreviewed resolved rules on a file ──
-    const accept_all_validation_rules = useCallback((rules, file_id) => {
-        logger.info('[HazoFbForm] accept_all_validation_rules', { rule_ids: rules.map(r => r.rule_id), file_id });
-        const rule_ids = new Set(rules.map(r => r.rule_id));
-        const vr_copy = { ...state.file_validation_results };
-        const file_vr = vr_copy[file_id];
-        if (file_vr?.rule_results) {
-            const updated_rules = file_vr.rule_results.map((rr) => rule_ids.has(rr.rule_id) ? { ...rr, accepted: true } : rr);
-            vr_copy[file_id] = { ...file_vr, rule_results: updated_rules };
-            state.set_file_validation_results(vr_copy);
-        }
-    }, [state.file_validation_results, state.set_file_validation_results]);
-    // Badge: reviewed/total for draft clarifications (excluding those with pending responses)
-    const clarification_badge = useMemo(() => {
-        const active_drafts = state.draft_clarifications.filter((d) => !pending_clarification_responses.get(d.id)?.response_choice);
-        const total = active_drafts.length;
-        const reviewed = active_drafts.filter((d) => state.review_decisions.has(d.id)).length;
-        // Also count pending sent items in single-instance mode
-        const sent_pending = !is_multi_instance
-            ? state.sent_clarifications.filter((c) => c.status === 'pending' || c.status === 'responded').length
-            : 0;
-        return { total: total + sent_pending, reviewed, all_reviewed: total > 0 && reviewed === total };
-    }, [state.draft_clarifications, state.review_decisions, state.sent_clarifications, is_multi_instance, pending_clarification_responses]);
-    // ── User role checks ──
-    const is_responder = props.user_role === 'responder';
-    const show_back_office = !is_responder;
-    const is_past_instance = active_instance ? is_fb_terminal_status(active_instance.status) : false;
-    // Guard: if responder somehow has a non-front tab active, reset to front
-    useEffect(() => {
-        if (is_responder && (state.active_tab === 'clarifications' || state.active_tab === 'client_data' || state.active_tab === 'back')) {
-            state.set_active_tab('front');
-        }
-    }, [is_responder, state.active_tab]);
-    // Agent stepper redirect: when enabled, redirect legacy back-office tabs to stepper
-    useEffect(() => {
-        if (props.agent_stepper && show_back_office && ['client_data', 'back', 'clarifications'].includes(state.active_tab)) {
-            state.set_active_tab('agent_stepper');
-        }
-    }, [props.agent_stepper, show_back_office, state.active_tab]);
-    // ── Front office stepper state (persists across tab switches) ──
-    const [active_front_step, set_active_front_step] = useState(0);
-    // ── Submit state (lifted from SummaryReviewView so it persists across tab switches) ──
-    // Re-derive when active instance changes so each instance has its own submitted status
-    const [submitted_at, set_submitted_at] = useState(null);
-    useEffect(() => {
-        if (active_instance) {
-            const s = active_instance.status;
-            if (s === 'client_submitted' || s === 'client_submitted_auto_review' || s === 'completed') {
-                set_submitted_at(active_instance.updated_at ? new Date(active_instance.updated_at) : new Date());
-            }
-            else {
-                set_submitted_at(null);
-            }
-        }
-        else {
-            set_submitted_at(null);
-        }
-    }, [active_instance_id]);
-    // Status dialog for run details
-    const [details_open, set_details_open] = useState(false);
-    const is_running = state.run_progress.status === 'classifying' || state.run_progress.status === 'validating' || state.run_progress.status === 'routing';
-    // Debug dialogs default to true
-    const show_debug_dialogs = props.show_debug_dialogs !== false;
-    // Show BackofficeRunButton in tab bar when author has LLM pipeline configured
-    const show_backoffice_run_button = !is_responder && !!props.llm_api_endpoint && !!props.field_textbox_configs;
-    // Determine if front form has any file data (for disabling Process Files when no data)
-    const has_front_data = useMemo(() => {
-        const data = effective_props.front_form_data;
-        if (!data)
-            return false;
-        return Object.entries(data).some(([key, val]) => {
-            // File keys count as data (client may submit files only)
-            if (key.startsWith('__files_') || key.startsWith('__private_files_')) {
-                if (Array.isArray(val) && val.length > 0)
-                    return true;
-                return false;
-            }
-            if (key.startsWith('__'))
-                return false; // Skip other internal keys
-            if (val === undefined || val === null || val === '')
-                return false;
-            if (Array.isArray(val) && val.length === 0)
-                return false;
-            return true;
-        });
-    }, [effective_props.front_form_data]);
-    // Send to Client button: show when callback is provided, instance is not past/terminal, and on front tab
-    const can_send_to_client = !is_past_instance && !!props.on_send_to_client;
-    // Wrap confirm_review_decisions to also persist accept/send_back to form_data_entries (v2 data model)
-    const confirm_review_decisions_with_data = useCallback(() => {
-        // Persist ALL decisions in a single update_form_data call to avoid stale-state overwrites
-        // (controlled mode reads from props.data which doesn't change between calls)
-        const current_user = props.current_user;
-        const decisions = Array.from(state.review_queue_decisions.entries());
-        if (decisions.length > 0) {
-            update_form_data(prev => {
-                let data = prev;
-                for (const [item_id, decision] of decisions) {
-                    const comment = decision === 'send_back' ? state.send_back_comments.get(item_id) : undefined;
-                    data = set_review_decision(data, item_id, decision, comment, current_user?.id, current_user?.name);
-                }
-                return data;
-            });
-        }
-        // Then run the original confirm logic (UI state, file routing, step advance)
-        return state.confirm_review_decisions();
-    }, [state.review_queue_decisions, state.send_back_comments, state.confirm_review_decisions, update_form_data, props.current_user]);
-    const ctx = {
-        props: effective_props,
-        active_tab: state.active_tab,
-        set_active_tab: state.set_active_tab,
-        run_progress: state.run_progress,
-        classification_results: state.classification_results,
-        trigger_run,
-        trigger_complete,
-        trigger_backoffice_run,
-        trigger_classify_file,
-        classifying_file_ids: state.classifying_file_ids,
-        queued_file_ids: state.queued_file_ids,
-        unassigned_files: state.unassigned_files,
-        trigger_assign_file,
-        set_unassigned_files: state.set_unassigned_files,
-        group_autofill_log: state.group_autofill_log,
-        file_validation_results: state.file_validation_results,
-        set_file_validation_results: state.set_file_validation_results,
-        validating_file_ids: state.validating_file_ids,
-        set_validating_file_ids: state.set_validating_file_ids,
-        suggested_document_types: state.suggested_document_types,
-        add_document_type,
-        dismiss_suggested_type,
-        draft_clarifications: state.draft_clarifications,
-        set_draft_clarifications: state.set_draft_clarifications,
-        sent_clarifications: state.sent_clarifications,
-        send_clarifications,
-        update_clarification_response,
-        batch_update_clarification_responses,
-        resolve_clarification,
-        dismiss_clarification,
-        reopen_clarification,
-        // Multi-instance
-        instances,
-        active_instance_id,
-        active_instance,
-        set_active_instance,
-        create_instance,
-        is_multi_instance,
-        // Icons behaviour
-        icons_behaviour: props.icons_behaviour,
-        active_role: props.active_role,
-        user_role: props.user_role,
-        current_user: props.current_user,
-        // Clarification flow
-        all_clarifications,
-        prepare_for_client,
-        // Pending clarification responses
-        pending_clarification_responses,
-        set_pending_clarification_responses,
-        // Manual review file IDs
-        manual_review_file_ids: state.manual_review_file_ids,
-        set_manual_review_file_ids: state.set_manual_review_file_ids,
-        // Route skipped files
-        route_skipped_files,
-        // Review decisions
-        review_decisions: state.review_decisions,
-        set_review_decisions: state.set_review_decisions,
-        // Ignored / Skipped file IDs
-        ignored_file_ids: state.ignored_file_ids,
-        set_ignored_file_ids: state.set_ignored_file_ids,
-        skipped_file_ids: state.skipped_file_ids,
-        set_skipped_file_ids: state.set_skipped_file_ids,
-        // Autofill progress
-        autofilling_file_ids: state.autofilling_file_ids,
-        // Back-office group collapse
-        back_group_collapsed: state.back_group_collapsed,
-        set_back_group_collapsed: state.set_back_group_collapsed,
-        // Front office stepper
-        active_front_step,
-        set_active_front_step,
-        // Submit state
-        submitted_at,
-        set_submitted_at,
-        // Agent stepper state
-        active_step: state.active_step,
-        set_active_step: state.set_active_step,
-        step_configs: state.step_configs,
-        review_queue_items: state.review_queue_items,
-        review_queue_decisions: state.review_queue_decisions,
-        set_review_queue_decisions: state.set_review_queue_decisions,
-        review_complete: state.review_complete,
-        send_back_items: state.send_back_items,
-        send_back_comments: state.send_back_comments,
-        set_send_back_comments: state.set_send_back_comments,
-        confirm_review_decisions: confirm_review_decisions_with_data,
-        // Reject & send back
-        reject_clarification,
-        // Override resolved validation
-        create_validation_clarification,
-        // Accept validation rules
-        accept_validation_rule,
-        accept_all_validation_rules,
-        // Hierarchical data model
-        form_data_entries,
-        update_form_data,
-        // Debug
-        show_debug_dialogs,
-    };
-    return (_jsx(FbFormContext.Provider, { value: ctx, children: _jsxs("div", { className: cn('cls_fb_form flex w-full', is_multi_instance ? 'h-full' : 'flex-col', props.className), children: [is_multi_instance && (_jsx(InstanceSidebar, { instances: instances, active_instance_id: active_instance_id, on_instance_change: set_active_instance, on_create: props.on_instance_create ? create_instance : undefined, user_role: props.user_role, instance_badge_render: props.instance_badge_render, className: props.sidebar_class_name })), _jsxs("div", { className: cn('flex-1 flex flex-col min-w-0 overflow-hidden', is_multi_instance && 'h-full'), children: [_jsxs("div", { className: cn('flex items-center justify-between border-b border-border/60 px-2 mb-4 flex-shrink-0', props.tab_bar_class_name), children: [_jsxs("div", { className: "flex gap-1 items-center", children: [_jsxs("button", { type: "button", onClick: () => state.set_active_tab('front'), className: cn('px-3 py-2 text-sm font-medium border-b-2 transition-colors', state.active_tab === 'front'
-                                                ? cn('border-foreground text-foreground', props.active_tab_class_name)
-                                                : 'border-transparent text-muted-foreground hover:text-foreground', props.tab_class_name), children: [props.front_tab_label ?? 'Client View', props.front_tab_badge && _jsx("span", { className: "ml-2", children: props.front_tab_badge })] }), props.agent_stepper && show_back_office ? (_jsx(AgentStepper, { steps: state.step_configs, active_step: state.active_step, on_step_click: (step) => {
-                                                // Confirm review decisions when navigating away from review step
-                                                if (state.active_step === 'review' && step !== 'review' && state.review_complete) {
-                                                    const accepted_file_ids = confirm_review_decisions_with_data();
-                                                    if (accepted_file_ids.length > 0) {
-                                                        route_skipped_files(accepted_file_ids);
-                                                        props.on_review_accepted?.(accepted_file_ids);
-                                                    }
-                                                }
-                                                state.set_active_tab('agent_stepper');
-                                                state.set_active_step(step);
-                                            } })) : (_jsxs(_Fragment, { children: [show_back_office && (_jsx("button", { type: "button", onClick: () => state.set_active_tab('client_data'), className: cn('px-3 py-2 text-sm font-medium border-b-2 transition-colors', state.active_tab === 'client_data'
-                                                        ? cn('border-foreground text-foreground', props.active_tab_class_name)
-                                                        : 'border-transparent text-muted-foreground hover:text-foreground', props.tab_class_name), children: props.client_data_tab_label ?? 'Client Data' })), show_back_office && (_jsx("button", { type: "button", onClick: () => state.set_active_tab('back'), className: cn('px-3 py-2 text-sm font-medium border-b-2 transition-colors', state.active_tab === 'back'
-                                                        ? cn('border-foreground text-foreground', props.active_tab_class_name)
-                                                        : 'border-transparent text-muted-foreground hover:text-foreground', props.tab_class_name), children: props.back_tab_label ?? 'Back Office' })), show_back_office && (_jsxs("button", { type: "button", onClick: () => state.set_active_tab('clarifications'), className: cn('px-3 py-2 text-sm font-medium border-b-2 transition-colors relative', state.active_tab === 'clarifications'
-                                                        ? cn('border-foreground text-foreground', props.active_tab_class_name)
-                                                        : 'border-transparent text-muted-foreground hover:text-foreground', props.tab_class_name), children: [props.clarifications_tab_label ?? 'Send Back to Client', clarification_badge.total > 0 && (_jsx("span", { className: cn('ml-1.5 inline-flex items-center justify-center h-4 min-w-[16px] px-1 rounded text-[10px] font-semibold', clarification_badge.all_reviewed
-                                                                ? 'bg-green-100 text-green-700'
-                                                                : 'bg-amber-100 text-amber-700'), title: `Reviewed ${clarification_badge.reviewed} of ${clarification_badge.total} clarifications`, children: clarification_badge.total > 0
-                                                                ? `${clarification_badge.reviewed} / ${clarification_badge.total}`
-                                                                : clarification_badge.total }))] }))] }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [can_send_to_client && state.active_tab === 'front' && (_jsx("button", { type: "button", onClick: () => props.on_send_to_client(active_instance_id), disabled: !has_front_data, className: cn('inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md transition-colors', has_front_data
-                                                ? 'bg-primary text-primary-foreground hover:bg-primary/90'
-                                                : 'bg-muted text-muted-foreground cursor-not-allowed opacity-50'), children: "Send to Client" })), is_past_instance && (_jsx("span", { className: "text-xs text-muted-foreground bg-muted px-2 py-1 rounded", children: "Read-only" }))] })] }), _jsxs("div", { className: cn('flex-1 overflow-y-auto px-4'), children: [_jsx("div", { style: { display: state.active_tab === 'front' ? undefined : 'none' }, children: _jsx(FrontOfficeView, {}) }), state.active_tab === 'client_data' && show_back_office && (_jsxs(_Fragment, { children: [show_backoffice_run_button && !is_past_instance && (_jsx("div", { className: "flex justify-end pt-2 mb-4", children: _jsx(BackofficeRunButton, { progress: state.run_progress, on_run: trigger_backoffice_run, disabled: !has_front_data, className: props.run_button_class_name, run_button_label: props.run_button_label, classification_results: state.classification_results, unassigned_files: state.unassigned_files, group_autofill_log: state.group_autofill_log }) })), _jsx(ClientDataView, {})] })), state.active_tab === 'back' && show_back_office && (_jsxs(_Fragment, { children: [show_backoffice_run_button && !is_past_instance && (_jsx("div", { className: "flex justify-end pt-2 mb-4", children: _jsx(BackofficeRunButton, { progress: state.run_progress, on_run: trigger_backoffice_run, disabled: !has_front_data, className: props.run_button_class_name, run_button_label: props.run_button_label, classification_results: state.classification_results, unassigned_files: state.unassigned_files, group_autofill_log: state.group_autofill_log }) })), _jsx(BackOfficeView, {})] })), state.active_tab === 'clarifications' && show_back_office && _jsx(ClarificationsView, {}), state.active_tab === 'agent_stepper' && show_back_office && (_jsxs(_Fragment, { children: [state.active_step === 'review' && _jsx(ReviewQueueView, {}), state.active_step === 'tax_data' && (_jsxs(_Fragment, { children: [show_backoffice_run_button && !is_past_instance && (_jsx("div", { className: "flex justify-end pt-2 mb-4", children: _jsx(BackofficeRunButton, { progress: state.run_progress, on_run: trigger_backoffice_run, disabled: !has_front_data && state.skipped_file_ids.size === 0 && state.classification_results.length === 0, className: props.run_button_class_name, run_button_label: props.run_button_label, classification_results: state.classification_results, unassigned_files: state.unassigned_files, group_autofill_log: state.group_autofill_log }) })), _jsx(FileStatusAccordion, {}), _jsx(BackOfficeView, {}), _jsxs("div", { className: "flex items-center justify-between border-t border-border/60 pt-4 mt-6 pb-4", children: [state.step_configs.find(s => s.id === 'review')?.enabled && (_jsx("button", { type: "button", onClick: () => state.set_active_step('review'), className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors", children: "\u2190 Back to Review" })), state.send_back_items.length > 0 ? (_jsxs("button", { type: "button", onClick: () => state.set_active_step('send_back'), className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium bg-primary text-primary-foreground hover:bg-primary/90 rounded-md transition-colors", children: ["Next: Send Back (", state.send_back_items.length, ") \u2192"] })) : (_jsx("span", { className: "text-sm text-green-600 font-medium", children: "✓ All resolved" }))] })] })), state.active_step === 'send_back' && _jsx(SendBackView, {})] }))] })] }), _jsx(RunDetailsDialog, { open: details_open, on_open_change: set_details_open, progress: state.run_progress, classification_results: state.classification_results, unassigned_files: state.unassigned_files, group_autofill_log: state.group_autofill_log, show_run_log: show_debug_dialogs })] }) }));
-}
-HazoFbForm.displayName = 'HazoFbForm';
-//# sourceMappingURL=hazo_fb_form.js.map