hazo_collab_forms 3.0.14 → 3.0.18

package/dist/components/hazo_fb_form/hazo_fb_form.js

@@ -21,6 +21,9 @@ 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';
 export const VIRTUAL_INSTANCE_ID = '__single__';
 export function HazoFbForm(props) {
     const logger = use_logger();
@@ -58,31 +61,9 @@ export function HazoFbForm(props) {
             classification_results: active_instance.classification_results ?? props.classification_results,
         };
     }, [props, is_multi_instance, active_instance]);
-    const state = use_fb_form_state(effective_props, active_instance_id, active_instance);
-    // Log mount and key prop changes
-    useEffect(() => {
-        logger.info('[HazoFbForm] mounted', {
-            is_multi_instance,
-            instance_count: instances.length,
-            active_instance_id,
-            user_role: props.user_role,
-            has_llm_endpoint: !!props.llm_api_endpoint,
-            has_validation_endpoint: !!props.validation_api_endpoint,
-            has_file_manager: !!props.file_manager,
-            front_section_count: props.front_sections?.length ?? 0,
-            back_section_count: props.back_sections?.length ?? 0,
-        });
-    }, []);
-    useEffect(() => {
-        if (is_multi_instance) {
-            logger.info('[HazoFbForm] instance_switched', {
-                active_instance_id,
-                instance_status: active_instance?.status,
-            });
-        }
-    }, [active_instance_id]);
-    // Pending clarification responses — declared before use_llm_run so it can read them via ref
+    // 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());
+    const state = use_fb_form_state(effective_props, active_instance_id, active_instance, pending_clarification_responses);
     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,
@@ -189,10 +170,24 @@ export function HazoFbForm(props) {
     }, [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 ?? [];
-            const updated = existing.map((item) => item.id === id ? { ...item, ...updates, updated_at: new Date().toISOString() } : item);
+            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 });
+            }
             props.on_instance_update?.(active_instance_id, { sent_clarifications: updated });
         }
         else {
@@ -200,60 +195,109 @@ export function HazoFbForm(props) {
             const existing = Array.isArray(props.back_form_data?.['__clarifications'])
                 ? props.back_form_data['__clarifications']
                 : [];
-            const updated = existing.map((item) => item.id === id ? { ...item, ...updates, updated_at: new Date().toISOString() } : item);
+            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 });
+            }
             props.on_back_change?.('__clarifications', updated);
         }
-    }, [props, is_multi_instance, active_instance, active_instance_id]);
+    }, [props, is_multi_instance, active_instance, active_instance_id, state.draft_clarifications]);
     const update_clarification_response = useCallback((id, response) => {
-        update_clarification_status(id, {
+        // If the clarification has a thread (resent item), append the client's new response to it
+        const all_items = [
+            ...(is_multi_instance ? (active_instance?.sent_clarifications ?? []) : []),
+            ...(Array.isArray(props.back_form_data?.['__clarifications'])
+                ? props.back_form_data['__clarifications']
+                : []),
+        ];
+        const existing_item = all_items.find(c => c.id === id);
+        const has_thread = existing_item?.thread && existing_item.thread.length > 0;
+        const updates = {
             status: 'responded',
             response_choice: response.response_choice,
             user_comment: response.user_comment,
             response_files: response.response_files ?? [],
-        });
-    }, [update_clarification_status]);
+        };
+        // Append client response to thread history
+        if (has_thread && response.response_choice) {
+            const now = new Date().toISOString();
+            updates.thread = [
+                ...(existing_item.thread ?? []),
+                {
+                    role: 'client',
+                    action: 'responded',
+                    response_choice: response.response_choice,
+                    message: response.user_comment || undefined,
+                    timestamp: now,
+                },
+            ];
+        }
+        update_clarification_status(id, updates);
+    }, [update_clarification_status, is_multi_instance, active_instance, props.back_form_data]);
     /** 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;
-                return {
-                    ...item,
-                    status: 'responded',
-                    response_choice: response.response_choice,
-                    user_comment: response.user_comment,
-                    response_files: response.response_files ?? [],
-                    updated_at: now,
-                };
+                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;
-                return {
-                    ...item,
-                    status: 'responded',
-                    response_choice: response.response_choice,
-                    user_comment: response.user_comment,
-                    response_files: response.response_files ?? [],
-                    updated_at: now,
-                };
+                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]);
+    }, [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]);
@@ -287,7 +331,7 @@ export function HazoFbForm(props) {
         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) => {
+    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;
@@ -307,15 +351,180 @@ export function HazoFbForm(props) {
             }
         }
         if (target_id) {
-            props.on_prepare_for_client?.(clarification_ids, target_id);
-            // Mark source instance as completed (read-only) after preparing clarifications
             if (is_multi_instance) {
-                props.on_instance_update?.(active_instance_id, { status: 'completed' });
+                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
+                const forwarded_set = new Set(clarification_ids);
+                const now = new Date().toISOString();
+                const resolved = merged.map((item) => forwarded_set.has(item.id) ? { ...item, status: 'resolved', updated_at: now } : item);
+                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_id, props, state.set_draft_clarifications]);
+    }, [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.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);
@@ -337,6 +546,31 @@ export function HazoFbForm(props) {
             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';
@@ -429,24 +663,56 @@ export function HazoFbForm(props) {
         // 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: state.confirm_review_decisions,
+        // Reject & send back
+        reject_clarification,
+        // Override resolved validation
+        create_validation_clarification,
+        // Accept validation rules
+        accept_validation_rule,
+        accept_all_validation_rules,
         // 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", 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 })] }), 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'
+    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.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
+                                                : '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) {
+                                                    state.confirm_review_decisions();
+                                                }
+                                                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: [state.active_tab === 'front' && _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, {})] })] }), _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 })] }) }));
+                                                : '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, 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, {}), _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