hazo_collab_forms 1.9.5 → 2.0.0

package/dist/components/hazo_collab_form_view/views/edit_view.js

@@ -6,17 +6,19 @@
  */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useFormViewContext } from '../context.js';
 import { HazoCollabFormSet } from '../../_internal_form_set.js';
 import { cn } from '../../../utils/cn.js';
 import { get_row_color_for_data_ok } from '../../shared/row_color_utils.js';
 import { use_view_callbacks } from '../hooks/use_view_callbacks.js';
+import { ClarificationSection } from '../../clarification/index.js';
+import { use_clarifications } from '../../clarification/use_clarifications.js';
 /**
  * EditSection - Renders a single section with the internal form set
  */
-const EditSection = React.memo(function EditSection({ section, section_index }) {
-    const { form_data, field_metadata, reference_data, icons_behaviour, chat_config, current_user, can_access_private_files, file_manager, autofill_api_endpoint, settings, callbacks, render_icon, dialog_components, combobox_components, enable_library, library_api_base_url, library_table_name, library_scope_id, } = useFormViewContext();
+const EditSection = React.memo(function EditSection({ section, section_index, file_manager_override }) {
+    const { form_data, field_metadata, reference_data, icons_behaviour, chat_config, current_user, can_access_private_files, file_manager, autofill_api_endpoint, settings, callbacks, render_icon, dialog_components, combobox_components, enable_library, library_api_base_url, library_table_name, library_scope_id, styles_config, field_types_config, clarification_callbacks, } = useFormViewContext();
     // All callback wrappers via shared hook
     const { handle_field_change, handle_form_data_change, handle_metadata_change, handle_data_ok_change, handle_notes_change, handle_visibility_change, handle_lock_change, handle_delete, handle_skip_change, handle_add_field_config, handle_add_group_config, handle_edit_field_config, handle_delete_field, handle_files_change, handle_private_files_change, } = use_view_callbacks(callbacks);
     // Calculate row color based on data_ok state
@@ -45,8 +47,8 @@ const EditSection = React.memo(function EditSection({ section, section_index })
                     include_chat_in_dropdown: settings.include_chat_in_dropdown, include_notes_in_dropdown: settings.include_notes_in_dropdown, extract_active_chat: settings.extract_active_chat, extract_active_notes: settings.extract_active_notes, action_buttons_borderless: settings.action_buttons_borderless, 
                     // Callbacks
                     on_field_change: handle_field_change, on_form_data_change: handle_form_data_change, on_field_metadata_change: handle_metadata_change, on_data_ok_change: handle_data_ok_change, on_notes_change: handle_notes_change, on_visibility_change: handle_visibility_change, on_lock_change: handle_lock_change, on_delete: handle_delete, on_skip_change: handle_skip_change, on_add_field_config: handle_add_field_config, on_add_group_config: handle_add_group_config, on_edit_field_config: handle_edit_field_config, on_delete_field: handle_delete_field, 
-                    // File manager
-                    file_manager: file_manager, 
+                    // File manager (with error data merged if available)
+                    file_manager: file_manager_override || file_manager, 
                     // Autofill
                     autofill_api_endpoint: autofill_api_endpoint, 
                     // File callbacks
@@ -58,7 +60,11 @@ const EditSection = React.memo(function EditSection({ section, section_index })
                     // UI components for add field dialog
                     dialog_components: dialog_components, combobox_components: combobox_components, 
                     // Field library integration
-                    enable_library: enable_library, library_api_base_url: library_api_base_url, library_table_name: library_table_name, library_scope_id: library_scope_id }) })] }));
+                    enable_library: enable_library, library_api_base_url: library_api_base_url, library_table_name: library_table_name, library_scope_id: library_scope_id, 
+                    // Style & field type configuration
+                    styles_config: styles_config, field_types_config: field_types_config, 
+                    // Clarifications
+                    clarification_callbacks: clarification_callbacks }) })] }));
 });
 /**
  * EditView component
@@ -67,10 +73,72 @@ const EditSection = React.memo(function EditSection({ section, section_index })
  * Each section is rendered as an internal form set instance.
  */
 export function EditView() {
-    const { sections, form_data } = useFormViewContext();
+    const { sections, form_data, field_metadata, enable_clarifications, clarification_callbacks, callbacks, file_manager } = useFormViewContext();
+    // Clarification state
+    const { items: clarification_items, counts: clarification_counts, remove_doc_reference } = use_clarifications(form_data, callbacks.on_form_data_change);
+    // Auto-sync has_clarification flag to field metadata
+    // Tracks which fields have active clarifications and emits metadata changes
+    const prev_clarification_map_ref = useRef({});
+    useEffect(() => {
+        if (!enable_clarifications || !callbacks.on_metadata_change)
+            return;
+        // Build current map: field_id → has active (pending/responded) clarifications
+        const current_map = {};
+        for (const item of clarification_items) {
+            if (item.status === 'pending' || item.status === 'responded') {
+                current_map[item.target_field_id] = true;
+            }
+        }
+        // Compare with previous state and emit changes
+        const prev_map = prev_clarification_map_ref.current;
+        const all_field_ids = new Set([...Object.keys(current_map), ...Object.keys(prev_map)]);
+        for (const field_id of all_field_ids) {
+            const has_now = !!current_map[field_id];
+            const had_before = !!prev_map[field_id];
+            const persisted = field_metadata[field_id]?.has_clarification;
+            // Only emit if the live status differs from what's persisted
+            if (has_now !== had_before && has_now !== persisted) {
+                callbacks.on_metadata_change({
+                    field_id,
+                    changes: { has_clarification: has_now },
+                });
+            }
+        }
+        prev_clarification_map_ref.current = current_map;
+    }, [clarification_items, enable_clarifications, callbacks.on_metadata_change, field_metadata]);
+    // Merge remove_doc_reference into clarification_callbacks
+    const merged_clarification_callbacks = useMemo(() => {
+        if (!clarification_callbacks && !remove_doc_reference)
+            return undefined;
+        return {
+            ...clarification_callbacks,
+            on_doc_delete: remove_doc_reference,
+        };
+    }, [clarification_callbacks, remove_doc_reference]);
+    // Compute file error data from active clarifications
+    const file_manager_with_errors = useMemo(() => {
+        if (!file_manager || !clarification_items.length)
+            return file_manager;
+        const error_ids = new Set();
+        const error_details = {};
+        for (const item of clarification_items) {
+            if (item.status === 'pending' || item.status === 'responded') {
+                for (const ref of item.doc_references) {
+                    error_ids.add(ref.file_id);
+                    if (!error_details[ref.file_id])
+                        error_details[ref.file_id] = [];
+                    error_details[ref.file_id].push(item.issue_description);
+                }
+            }
+        }
+        if (error_ids.size === 0) {
+            return { ...file_manager, clarification_items, clarification_callbacks: merged_clarification_callbacks };
+        }
+        return { ...file_manager, error_file_ids: error_ids, error_file_details: error_details, clarification_items, clarification_callbacks: merged_clarification_callbacks };
+    }, [file_manager, clarification_items, merged_clarification_callbacks]);
     // Memoize section keys to ensure stable rendering
     // Always include index to handle duplicate section names
     const section_keys = useMemo(() => sections.map((section, index) => `${index}_${section.section_name || 'section'}`), [sections]);
-    return (_jsxs("div", { className: cn('cls_form_view_edit space-y-6'), children: [sections.map((section, index) => (_jsx(EditSection, { section: section, section_index: index }, section_keys[index]))), sections.length === 0 && (_jsx("div", { className: "p-8 text-center text-muted-foreground", children: _jsx("p", { children: "No sections to display." }) }))] }));
+    return (_jsxs("div", { className: cn('cls_form_view_edit space-y-6'), children: [sections.map((section, index) => (_jsx(EditSection, { section: section, section_index: index, file_manager_override: file_manager_with_errors }, section_keys[index]))), enable_clarifications && clarification_items.length > 0 && (_jsx(ClarificationSection, { items: clarification_items, counts: clarification_counts, callbacks: merged_clarification_callbacks })), sections.length === 0 && (_jsx("div", { className: "p-8 text-center text-muted-foreground", children: _jsx("p", { children: "No sections to display." }) }))] }));
 }
 //# sourceMappingURL=edit_view.js.map

package/dist/components/hazo_collab_form_view/views/edit_view.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit_view.js","sourceRoot":"","sources":["../../../../src/components/hazo_collab_form_view/views/edit_view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"edit_view.js","sourceRoot":"","sources":["../../../../src/components/hazo_collab_form_view/views/edit_view.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAgB,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAc/E;;GAEG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAoB;IACrH,MAAM,EACJ,SAAS,EACT,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,wBAAwB,EACxB,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,uBAAuB,GACxB,GAAG,kBAAkB,EAAE,CAAC;IAEzB,wCAAwC;IACxC,MAAM,EACJ,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,GAC5B,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAElC,6CAA6C;IAC7C,MAAM,uBAAuB,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAU,EAAE;QACvE,MAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC1C,OAAO,yBAAyB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAE7G,mDAAmD;IACnD,MAAM,yBAAyB,GAAG,OAAO,CAAC,eAAe,IAAI,eAAe,CAAC;IAE7E,4DAA4D;IAC5D,MAAM,YAAY,GAAG,OAA6B,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,sEAAsE,aAEnF,eAAK,SAAS,EAAC,kDAAkD,aAC9D,OAAO,CAAC,IAAI,IAAI,WAAW,IAAI,CAC9B,cAAK,SAAS,EAAC,6FAA6F,YACzG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,GACtB,CACP,EACD,aAAI,SAAS,EAAC,uCAAuC,YAClD,OAAO,CAAC,YAAY,IAAI,WAAW,aAAa,GAAG,CAAC,EAAE,GACpD,IACD,EAGN,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,iBAAiB;gBAChB,eAAe;;oBAAf,eAAe;oBACf,OAAO,EAAE,YAAY,EACrB,YAAY,EAAE,SAAS,EACvB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,yBAAyB,EAC1C,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,YAAY,EAAE,YAAY,EAC1B,wBAAwB,EAAE,wBAAwB;oBAElD,qBAAqB;oBACrB,aAAa,EAAE,WAAW,EAAE,QAAQ,EACpC,cAAc,EAAE,WAAW,EAAE,SAAS,EACtC,kBAAkB,EAAE,WAAW,EAAE,aAAa,EAC9C,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAClD,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAC5C,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAC5C,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAC5C,sBAAsB,EAAE,WAAW,EAAE,iBAAiB,EACtD,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAC1C,wBAAwB,EAAE,IAAI;oBAE9B,uBAAuB;oBACvB,cAAc,EAAE,QAAQ,CAAC,cAAc,EACvC,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,wBAAwB,EAAE,QAAQ,CAAC,wBAAwB,EAC3D,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,WAAW,EAAE,QAAQ,CAAC,WAAW;oBAEjC,yBAAyB;oBACzB,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB,EAC3C,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,qBAAqB,EAAE,QAAQ,CAAC,qBAAqB;oBAErD,sBAAsB;oBACtB,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,EAC7C,sBAAsB,EAAE,QAAQ,CAAC,sBAAsB,EACvD,eAAe,EAAE,QAAQ,CAAC,eAAe,EACzC,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAE/B,yBAAyB;oBACzB,wBAAwB,EAAE,QAAQ,CAAC,wBAAwB,EAC3D,yBAAyB,EAAE,QAAQ,CAAC,yBAAyB,EAC7D,mBAAmB,EAAE,QAAQ,CAAC,mBAAmB,EACjD,oBAAoB,EAAE,QAAQ,CAAC,oBAAoB,EACnD,yBAAyB,EAAE,QAAQ,CAAC,yBAAyB;oBAE7D,YAAY;oBACZ,eAAe,EAAE,mBAAmB,EACpC,mBAAmB,EAAE,uBAAuB,EAC5C,wBAAwB,EAAE,sBAAsB,EAChD,iBAAiB,EAAE,qBAAqB,EACxC,eAAe,EAAE,mBAAmB,EACpC,oBAAoB,EAAE,wBAAwB,EAC9C,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,aAAa,EACxB,cAAc,EAAE,kBAAkB,EAClC,mBAAmB,EAAE,uBAAuB,EAC5C,mBAAmB,EAAE,uBAAuB,EAC5C,oBAAoB,EAAE,wBAAwB,EAC9C,eAAe,EAAE,mBAAmB;oBAEpC,qDAAqD;oBACrD,YAAY,EAAE,qBAAqB,IAAI,YAAY;oBAEnD,WAAW;oBACX,qBAAqB,EAAE,qBAAqB;oBAE5C,iBAAiB;oBACjB,qBAAqB,EAAE,mBAAmB,EAC1C,6BAA6B,EAAE,2BAA2B;oBAE1D,qBAAqB;oBACrB,aAAa,EAAE,uBAAuB;oBAEtC,iBAAiB;oBACjB,cAAc,EAAE,cAAc;oBAE9B,qCAAqC;oBACrC,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB;oBAExC,4BAA4B;oBAC5B,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB;oBAElC,mCAAmC;oBACnC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB;oBAEtC,iBAAiB;oBACjB,uBAAuB,EAAE,uBAAuB,GAChD,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,UAAU,QAAQ;IACtB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9I,sBAAsB;IACtB,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAAG,kBAAkB,CAC3G,SAAS,EACT,SAAS,CAAC,mBAAmB,CAC9B,CAAC;IAEF,qDAAqD;IACrD,4EAA4E;IAC5E,MAAM,0BAA0B,GAAG,MAAM,CAA0B,EAAE,CAAC,CAAC;IACvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB,IAAI,CAAC,SAAS,CAAC,kBAAkB;YAAE,OAAO;QAEpE,8EAA8E;QAC9E,MAAM,WAAW,GAA4B,EAAE,CAAC;QAChD,KAAK,MAAM,IAAI,IAAI,mBAAmB,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;gBAC7D,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;YAC3C,CAAC;QACH,CAAC;QAED,+CAA+C;QAC/C,MAAM,QAAQ,GAAG,0BAA0B,CAAC,OAAO,CAAC;QACpD,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEvF,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE,CAAC;YACrC,MAAM,OAAO,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACxC,MAAM,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACxC,MAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;YAE9D,6DAA6D;YAC7D,IAAI,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBACpD,SAAS,CAAC,kBAAkB,CAAC;oBAC3B,QAAQ;oBACR,OAAO,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE;iBACxC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,0BAA0B,CAAC,OAAO,GAAG,WAAW,CAAC;IACnD,CAAC,EAAE,CAAC,mBAAmB,EAAE,qBAAqB,EAAE,SAAS,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/F,0DAA0D;IAC1D,MAAM,8BAA8B,GAAG,OAAO,CAAC,GAAG,EAAE;QAClD,IAAI,CAAC,uBAAuB,IAAI,CAAC,oBAAoB;YAAE,OAAO,SAAS,CAAC;QACxE,OAAO;YACL,GAAG,uBAAuB;YAC1B,aAAa,EAAE,oBAAoB;SACpC,CAAC;IACJ,CAAC,EAAE,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEpD,qDAAqD;IACrD,MAAM,wBAAwB,GAAG,OAAO,CAAgC,GAAG,EAAE;QAC3E,IAAI,CAAC,YAAY,IAAI,CAAC,mBAAmB,CAAC,MAAM;YAAE,OAAO,YAAY,CAAC;QAEtE,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU,CAAC;QACpC,MAAM,aAAa,GAA6B,EAAE,CAAC;QAEnD,KAAK,MAAM,IAAI,IAAI,mBAAmB,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;gBAC7D,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACtC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oBAC3B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC;wBAAE,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;oBACjE,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,EAAE,GAAG,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,CAAC;QAC3G,CAAC;QAED,OAAO,EAAE,GAAG,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAAa,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,CAAC;IACzK,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,8BAA8B,CAAC,CAAC,CAAC;IAExE,kDAAkD;IAClD,yDAAyD;IACzD,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,OAAO,CAAC,YAAY,IAAI,SAAS,EAAE,CAAC,EACvF,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,aAC/C,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,WAAW,IAEV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,KAAK,EACpB,qBAAqB,EAAE,wBAAwB,IAH1C,YAAY,CAAC,KAAK,CAAC,CAIxB,CACH,CAAC,EAGD,qBAAqB,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1D,KAAC,oBAAoB,IACnB,KAAK,EAAE,mBAAmB,EAC1B,MAAM,EAAE,oBAAoB,EAC5B,SAAS,EAAE,8BAA8B,GACzC,CACH,EAGA,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,cAAK,SAAS,EAAC,uCAAuC,YACpD,kDAA8B,GAC1B,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hazo_collab_form_view/views/summary_view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"summary_view.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_collab_form_view/views/summary_view.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAqcH;;GAEG;AACH,wBAAgB,WAAW,4CAyE1B"}
+{"version":3,"file":"summary_view.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_collab_form_view/views/summary_view.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA6wBH;;GAEG;AACH,wBAAgB,WAAW,4CA4K1B"}

package/dist/components/hazo_collab_form_view/views/summary_view.js

@@ -15,28 +15,80 @@ import { format_date_value, get_field_attachments, get_field_private_attachments
 import { UnifiedFieldControls, use_field_control_props } from '../../shared/unified_field_controls/index.js';
 import { SummaryFiles } from '../../shared/summary_files/index.js';
 import { SummaryDataTable } from './summary_data_table.js';
-import { HiddenBadge, ProtectedBadge } from '../../status_badges.js';
+import { HiddenBadge, ProtectedBadge, ClarificationLabelBadge, FileErrorLabelBadge } from '../../status_badges.js';
 import { CollabFormFieldReferenceTag } from '../../hazo_collab_form_base.js';
-import { IoCheckmarkCircle, IoCloseCircle } from 'react-icons/io5';
+import { IoCheckmarkCircle, IoCloseCircle, IoAlertCircle } from 'react-icons/io5';
 import { get_row_color_for_data_ok } from '../../shared/row_color_utils.js';
+import { format_currency, format_percentage } from '../../../utils/financial_format.js';
+import { format_masked_value } from '../../../utils/mask_format.js';
+import { HazoCollabFormSummaryRow } from '../../hazo_collab_form_summary_row.js';
+import { ClarificationSection, ClarificationDialog } from '../../clarification/index.js';
+import { use_clarifications } from '../../clarification/use_clarifications.js';
+/**
+ * Local context for file preview callback — avoids threading props through every component
+ */
+const FilePreviewContext = React.createContext(undefined);
+function useFilePreview() {
+    return React.useContext(FilePreviewContext);
+}
+/**
+ * PDF Preview Dialog - wraps hazo_pdf PdfViewer in a full-screen Radix Dialog.
+ */
+function PdfPreviewDialog({ PdfViewerComponent, open, on_close, url, file_name, }) {
+    const [DialogPrimitive, set_dialog_primitive] = React.useState(null);
+    React.useEffect(() => {
+        import('@radix-ui/react-dialog').then((mod) => {
+            set_dialog_primitive(mod);
+        }).catch(() => { });
+    }, []);
+    if (!DialogPrimitive)
+        return null;
+    const fullScreenStyles = {
+        position: 'fixed',
+        top: '16px',
+        left: '16px',
+        right: '16px',
+        bottom: '16px',
+        width: 'calc(100vw - 32px)',
+        height: 'calc(100vh - 32px)',
+        maxWidth: 'none',
+        maxHeight: 'none',
+        transform: 'none',
+        display: 'flex',
+        flexDirection: 'column',
+        zIndex: 50,
+        backgroundColor: 'hsl(var(--background, 0 0% 100%))',
+        borderRadius: '8px',
+        overflow: 'hidden',
+    };
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: (o) => { if (!o)
+            on_close(); }, children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { style: { position: 'fixed', inset: 0, zIndex: 50, backgroundColor: 'rgba(0,0,0,0.5)' } }), _jsxs(DialogPrimitive.Content, { style: fullScreenStyles, "aria-describedby": undefined, children: [_jsx(DialogPrimitive.Title, { className: "sr-only", children: file_name }), _jsx("div", { style: { width: '100%', height: '100%' }, children: _jsx(PdfViewerComponent, { url: url, fit_to_width: true, toolbar_enabled: true, on_close: on_close, className: "h-full w-full" }) })] })] }) }));
+}
 /**
  * SummarySection - Renders a single section
  */
 const SummarySection = React.memo(function SummarySection({ section, section_index, }) {
     const { settings, render_icon, form_data, render_files, file_manager } = useFormViewContext();
+    const { error_file_ids } = use_clarifications(form_data);
+    const on_file_preview = useFilePreview();
     // Get section-level files (use section_name or index as key)
     const section_key = section.section_name?.replace(/\s+/g, '_') || `section_${section_index}`;
     const section_files = section.accept_files_public ? get_field_attachments(form_data, section_key) : [];
     const section_private_files = section.accept_files_private ? get_field_private_attachments(form_data, section_key) : [];
     const has_section_files = section_files.length > 0 || section_private_files.length > 0;
-    return (_jsxs("div", { className: "cls_summary_section border rounded-lg bg-card shadow-sm overflow-hidden", children: [_jsxs("div", { className: "flex items-center gap-3 p-4 border-b bg-muted/30", children: [section.icon && render_icon && (_jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-orange-100 text-orange-600", children: render_icon(section.icon) })), _jsx("h3", { className: "font-semibold text-lg text-foreground", children: section.section_name || `Section ${section_index + 1}` })] }), _jsxs("div", { className: "p-4 space-y-2", children: [section.groups && section.groups.length > 0 ? (section.groups.map((group, idx) => (_jsx(SummaryGroup, { field: group }, group.id)))) : (_jsx("p", { className: "text-muted-foreground text-sm italic", children: settings.empty_section_text })), (section.accept_files_public || section.accept_files_private) && has_section_files && (render_files ? (render_files(section_files, section_key)) : (_jsx(SummaryFiles, { files: section_files, private_files: section_private_files, field_id: section_key, class_name: "mt-4 pt-4 border-t", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status })))] })] }));
+    return (_jsxs("div", { className: "cls_summary_section border rounded-lg bg-card shadow-sm overflow-hidden", children: [_jsxs("div", { className: "flex items-center gap-3 p-4 border-b bg-muted/30", children: [section.icon && render_icon && (_jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-orange-100 text-orange-600", children: render_icon(section.icon) })), _jsx("h3", { className: "font-semibold text-lg text-foreground", children: section.section_name || `Section ${section_index + 1}` })] }), _jsxs("div", { className: "p-4 space-y-2", children: [section.groups && section.groups.length > 0 ? (section.groups.map((group, idx) => (_jsx(SummaryGroup, { field: group }, group.id)))) : (_jsx("p", { className: "text-muted-foreground text-sm italic", children: settings.empty_section_text })), (section.accept_files_public || section.accept_files_private) && has_section_files && (render_files ? (render_files(section_files, section_key)) : (_jsx(SummaryFiles, { files: section_files, private_files: section_private_files, field_id: section_key, class_name: "mt-4 pt-4 border-t", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status, error_file_ids: error_file_ids, passed_file_ids: file_manager?.passed_file_ids, on_file_click: on_file_preview })))] })] }));
 });
 /**
  * SummaryGroup - Renders a group of fields
  */
 const SummaryGroup = React.memo(function SummaryGroup({ field }) {
-    const { field_metadata, icons_behaviour, settings, callbacks, chat_config, current_user, form_data, render_files, file_manager } = useFormViewContext();
+    const { field_metadata, icons_behaviour, settings, callbacks, chat_config, current_user, form_data, render_files, file_manager, enable_clarifications, clarification_callbacks } = useFormViewContext();
     const should_render = useShouldRenderField();
+    const { items: all_clarification_items, get_pending_count, get_field_clarifications, error_file_ids } = use_clarifications(form_data);
+    const on_file_preview = useFilePreview();
+    const [clarification_dialog_field, set_clarification_dialog_field] = React.useState(null);
+    // Track which file_id triggered the issue dialog (null = opened from field label badge)
+    const [issues_dialog_file_id, set_issues_dialog_file_id] = React.useState(null);
     if (!should_render(field)) {
         return null;
     }
@@ -69,11 +121,41 @@ const SummaryGroup = React.memo(function SummaryGroup({ field }) {
     const group_files = get_field_attachments(form_data, field.id);
     const group_private_files = get_field_private_attachments(form_data, field.id);
     const has_group_files = group_files.length > 0 || group_private_files.length > 0;
+    // Count group-level file errors
+    const group_file_error_count = useMemo(() => {
+        if (!error_file_ids || error_file_ids.size === 0)
+            return 0;
+        let count = 0;
+        for (const f of group_files) {
+            if (error_file_ids.has(f.file_id))
+                count++;
+        }
+        for (const f of group_private_files) {
+            if (error_file_ids.has(f.file_id))
+                count++;
+        }
+        return count;
+    }, [error_file_ids, group_files, group_private_files]);
     // Check if group is locked or hidden
     const is_locked = metadata?.locked === true;
     const is_hidden = metadata?.visibility === 'hidden';
     if (is_group && field.fields) {
-        return (_jsxs("div", { className: cn('cls_summary_group space-y-2', group_row_color && 'px-3 -mx-3 rounded-sm', group_row_color), children: [field.label && (_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: field.label }), is_locked && _jsx(ProtectedBadge, {}), is_hidden && _jsx(HiddenBadge, {})] }), role_controls && (_jsx(UnifiedFieldControls, { field_id: field.id, icons_behaviour: icons_behaviour, active_role: settings.active_role, metadata: control_metadata, callbacks: control_callbacks, config: control_config, fallback_visibility: fallback_visibility, fallback_enabled: fallback_enabled }))] })), !field.label && (is_locked || is_hidden) && (_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [is_locked && _jsx(ProtectedBadge, {}), is_hidden && _jsx(HiddenBadge, {})] })), _jsx("div", { className: "pl-2 border-l-2 border-muted space-y-2", children: field.fields.map((child) => (_jsx(SummaryField, { field: child, parent_metadata: metadata }, child.id))) }), has_group_files && (render_files ? (render_files(group_files, field.id)) : (_jsx(SummaryFiles, { files: group_files, private_files: group_private_files, field_id: field.id, class_name: "mt-2", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status })))] }));
+        return (_jsxs("div", { className: cn('cls_summary_group space-y-2', group_row_color && 'px-3 -mx-3 rounded-sm', group_row_color), children: [field.label && (_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [enable_clarifications && get_pending_count(field.id) > 0 ? (_jsx(ClarificationLabelBadge, { count: get_pending_count(field.id) })) : (metadata?.has_clarification && (_jsx(ClarificationLabelBadge, { indicator_only: true }))), _jsx("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: field.label }), group_file_error_count > 0 && (_jsx(FileErrorLabelBadge, { count: group_file_error_count, on_click: () => set_issues_dialog_file_id('__all_group__') })), is_locked && _jsx(ProtectedBadge, {}), is_hidden && _jsx(HiddenBadge, {})] }), role_controls && (_jsx(UnifiedFieldControls, { field_id: field.id, icons_behaviour: icons_behaviour, active_role: settings.active_role, metadata: control_metadata, callbacks: control_callbacks, config: control_config, fallback_visibility: fallback_visibility, fallback_enabled: fallback_enabled, clarification_count: enable_clarifications ? get_pending_count(field.id) : undefined, on_clarification_click: enable_clarifications ? () => set_clarification_dialog_field(field.id) : undefined }))] })), !field.label && (is_locked || is_hidden) && (_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [is_locked && _jsx(ProtectedBadge, {}), is_hidden && _jsx(HiddenBadge, {})] })), _jsx("div", { className: "pl-2 border-l-2 border-muted space-y-2", children: field.fields.map((child) => (_jsx(SummaryField, { field: child, parent_metadata: metadata }, child.id))) }), has_group_files && (render_files ? (render_files(group_files, field.id)) : (_jsx(SummaryFiles, { files: group_files, private_files: group_private_files, field_id: field.id, class_name: "mt-2", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status, error_file_ids: error_file_ids, passed_file_ids: file_manager?.passed_file_ids, on_file_issue_click: enable_clarifications ? (file_id) => set_issues_dialog_file_id(file_id) : undefined, on_file_click: on_file_preview }))), enable_clarifications && clarification_dialog_field && (_jsx(ClarificationDialog, { open: clarification_dialog_field === field.id, on_open_change: (open) => { if (!open)
+                        set_clarification_dialog_field(null); }, field_label: field.label || field.id, items: get_field_clarifications(field.id), callbacks: clarification_callbacks, get_download_url: file_manager?.callbacks.get_download_url })), enable_clarifications && issues_dialog_file_id && (() => {
+                    // If opened from field-label badge, show all file errors for the group
+                    const all_group_file_ids = [...group_files, ...group_private_files].map(f => f.file_id);
+                    const target_file_ids = issues_dialog_file_id === '__all_group__'
+                        ? new Set(all_group_file_ids.filter(fid => error_file_ids.has(fid)))
+                        : new Set([issues_dialog_file_id]);
+                    const file_clarifications = all_clarification_items.filter(item => (item.status === 'pending' || item.status === 'responded') &&
+                        item.doc_references.some(ref => target_file_ids.has(ref.file_id)));
+                    const file_attachment = [...group_files, ...group_private_files].find(f => f.file_id === issues_dialog_file_id);
+                    const dialog_label = issues_dialog_file_id === '__all_group__'
+                        ? (field.label || field.id)
+                        : (file_attachment?.file_name ?? 'File');
+                    return (_jsx(ClarificationDialog, { open: true, on_open_change: (open) => { if (!open)
+                            set_issues_dialog_file_id(null); }, field_label: dialog_label, items: file_clarifications, callbacks: clarification_callbacks, get_download_url: file_manager?.callbacks.get_download_url }));
+                })()] }));
     }
     return _jsx(SummaryField, { field: field });
 });
@@ -81,8 +163,13 @@ const SummaryGroup = React.memo(function SummaryGroup({ field }) {
  * SummaryField - Renders a single field
  */
 const SummaryField = React.memo(function SummaryField({ field, parent_metadata }) {
-    const { form_data, field_metadata, reference_data, settings, icons_behaviour, callbacks, chat_config, current_user, render_files, file_manager } = useFormViewContext();
+    const { form_data, field_metadata, reference_data, settings, icons_behaviour, callbacks, chat_config, current_user, render_files, file_manager, styles_config, enable_clarifications, clarification_callbacks } = useFormViewContext();
     const should_render = useShouldRenderField();
+    const { items: all_clarification_items, get_pending_count, get_field_clarifications, error_file_ids } = use_clarifications(form_data);
+    const on_file_preview = useFilePreview();
+    const [clarification_dialog_open, set_clarification_dialog_open] = React.useState(false);
+    // Track which file_id triggered the issue dialog (null = not open)
+    const [issues_dialog_file_id, set_issues_dialog_file_id] = React.useState(null);
     if (!should_render(field)) {
         return null;
     }
@@ -91,14 +178,22 @@ const SummaryField = React.memo(function SummaryField({ field, parent_metadata }
     const metadata = field_metadata[field.id];
     // Check if this is a data table field
     const is_data_table = field.component_type === 'HazoCollabFormDataTable';
+    // Check if this is a summary row
+    const is_summary_row = field.component_type === 'HazoCollabFormSummaryRow';
+    // Check if this is a static text field
+    const is_static_text = field.component_type === 'HazoCollabFormStaticText';
     // Skip empty fields if configured (data tables with no rows are also empty)
-    if (is_empty && !settings.show_empty_fields) {
+    // Static text and summary rows always render (they don't depend on form_data value)
+    if (is_empty && !settings.show_empty_fields && !is_static_text && !is_summary_row) {
         return null;
     }
-    // Format value based on field type (skip for data tables)
+    // Format value based on field type (skip for data tables and summary rows)
     let display_value = '';
-    if (!is_data_table) {
-        if (is_empty) {
+    if (!is_data_table && !is_summary_row) {
+        if (is_static_text) {
+            display_value = field.static_content || field.label || '';
+        }
+        else if (is_empty) {
             display_value = settings.empty_field_text;
         }
         else if (field.component_type === 'HazoCollabFormCheckbox') {
@@ -111,6 +206,37 @@ const SummaryField = React.memo(function SummaryField({ field, parent_metadata }
             const option = field.input_options?.find(opt => opt.value === String(value));
             display_value = option?.label ?? String(value);
         }
+        else if (field.component_type === 'HazoCollabFormCurrency') {
+            const num = typeof value === 'number' ? value : parseFloat(String(value));
+            display_value = !isNaN(num)
+                ? format_currency(num, field.currency_symbol || '$', field.decimal_places ?? 2)
+                : String(value);
+        }
+        else if (field.component_type === 'HazoCollabFormPercentage') {
+            const num = typeof value === 'number' ? value : parseFloat(String(value));
+            display_value = !isNaN(num)
+                ? format_percentage(num, field.decimal_places ?? 2)
+                : String(value);
+        }
+        else if (field.component_type === 'HazoCollabFormComputed') {
+            const num = typeof value === 'number' ? value : parseFloat(String(value));
+            if (!isNaN(num)) {
+                if (field.is_percentage) {
+                    display_value = format_percentage(num, field.decimal_places ?? 2);
+                }
+                else {
+                    display_value = format_currency(num, field.currency_symbol || '$', field.decimal_places ?? 2);
+                }
+            }
+            else {
+                display_value = String(value);
+            }
+        }
+        else if (field.component_type === 'HazoCollabFormMasked') {
+            display_value = field.display_format
+                ? format_masked_value(String(value), field.display_format)
+                : String(value);
+        }
         else {
             display_value = String(value);
         }
@@ -143,6 +269,21 @@ const SummaryField = React.memo(function SummaryField({ field, parent_metadata }
     const field_files = field.accept_files_public ? get_field_attachments(form_data, field.id) : [];
     const field_private_files = field.accept_files_private ? get_field_private_attachments(form_data, field.id) : [];
     const has_field_files = field_files.length > 0 || field_private_files.length > 0;
+    // Count field-level file errors
+    const field_file_error_count = useMemo(() => {
+        if (!error_file_ids || error_file_ids.size === 0)
+            return 0;
+        let count = 0;
+        for (const f of field_files) {
+            if (error_file_ids.has(f.file_id))
+                count++;
+        }
+        for (const f of field_private_files) {
+            if (error_file_ids.has(f.file_id))
+                count++;
+        }
+        return count;
+    }, [error_file_ids, field_files, field_private_files]);
     // Check if field is locked or hidden
     const is_locked = metadata?.locked === true;
     const is_hidden = metadata?.visibility === 'hidden';
@@ -151,9 +292,39 @@ const SummaryField = React.memo(function SummaryField({ field, parent_metadata }
     // Data table rendering
     if (is_data_table && field.table_config) {
         const rows = (Array.isArray(value) ? value : []);
-        return (_jsxs("div", { className: "cls_summary_field_wrapper", children: [_jsxs("div", { className: cn('cls_summary_field py-2 px-3 rounded', row_color), children: [_jsxs("div", { className: "flex justify-between items-start mb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: field.label || field.id }), is_locked && _jsx(ProtectedBadge, {}), is_hidden && _jsx(HiddenBadge, {})] }), role_controls && (_jsx("div", { className: "flex-shrink-0", children: _jsx(UnifiedFieldControls, { field_id: field.id, icons_behaviour: icons_behaviour, active_role: settings.active_role, metadata: control_metadata, callbacks: control_callbacks, config: control_config, fallback_visibility: fallback_visibility, fallback_enabled: fallback_enabled }) }))] }), _jsx(SummaryDataTable, { table_config: field.table_config, rows: rows, date_format: settings.date_format, empty_message: settings.empty_table_text }), reference_info && (_jsx("div", { className: "mt-1", children: _jsx(CollabFormFieldReferenceTag, { reference_value: reference_info.value, reference_label: reference_info.label, reference_tag_background_color: reference_info.background_color }) }))] }), has_field_files && (render_files ? (render_files(field_files, field.id)) : (_jsx(SummaryFiles, { files: field_files, private_files: field_private_files, field_id: field.id, class_name: "mt-2 ml-3", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status })))] }));
+        return (_jsxs("div", { className: "cls_summary_field_wrapper", "data-field-id": field.id, children: [_jsxs("div", { className: cn('cls_summary_field py-2 px-3 rounded', row_color), children: [_jsxs("div", { className: "flex justify-between items-start mb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [enable_clarifications && get_pending_count(field.id) > 0 ? (_jsx(ClarificationLabelBadge, { count: get_pending_count(field.id) })) : (metadata?.has_clarification && (_jsx(ClarificationLabelBadge, { indicator_only: true }))), _jsx("span", { className: "text-sm font-medium text-foreground", children: field.label || field.id }), field_file_error_count > 0 && (_jsx(FileErrorLabelBadge, { count: field_file_error_count, on_click: () => set_issues_dialog_file_id('__all_field__') })), is_locked && _jsx(ProtectedBadge, {}), is_hidden && _jsx(HiddenBadge, {})] }), role_controls && (_jsx("div", { className: "flex-shrink-0", children: _jsx(UnifiedFieldControls, { field_id: field.id, icons_behaviour: icons_behaviour, active_role: settings.active_role, metadata: control_metadata, callbacks: control_callbacks, config: control_config, fallback_visibility: fallback_visibility, fallback_enabled: fallback_enabled, clarification_count: enable_clarifications ? get_pending_count(field.id) : undefined, on_clarification_click: enable_clarifications ? () => set_clarification_dialog_open(true) : undefined }) }))] }), _jsx(SummaryDataTable, { table_config: field.table_config, rows: rows, date_format: settings.date_format, empty_message: settings.empty_table_text }), reference_info && (_jsx("div", { className: "mt-1", children: _jsx(CollabFormFieldReferenceTag, { reference_value: reference_info.value, reference_label: reference_info.label, reference_tag_background_color: reference_info.background_color }) }))] }), has_field_files && (render_files ? (render_files(field_files, field.id)) : (_jsx(SummaryFiles, { files: field_files, private_files: field_private_files, field_id: field.id, class_name: "mt-2 ml-3", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status, error_file_ids: error_file_ids, passed_file_ids: file_manager?.passed_file_ids, on_file_issue_click: enable_clarifications ? (fid) => set_issues_dialog_file_id(fid) : undefined, on_file_click: on_file_preview }))), enable_clarifications && clarification_dialog_open && (_jsx(ClarificationDialog, { open: clarification_dialog_open, on_open_change: set_clarification_dialog_open, field_label: field.label || field.id, items: get_field_clarifications(field.id), callbacks: clarification_callbacks, get_download_url: file_manager?.callbacks.get_download_url })), enable_clarifications && issues_dialog_file_id && (() => {
+                    const all_file_ids = [...field_files, ...field_private_files].map(f => f.file_id);
+                    const target_file_ids = issues_dialog_file_id === '__all_field__'
+                        ? new Set(all_file_ids.filter(fid => error_file_ids.has(fid)))
+                        : new Set([issues_dialog_file_id]);
+                    const file_clarifications = all_clarification_items.filter(item => (item.status === 'pending' || item.status === 'responded') &&
+                        item.doc_references.some(ref => target_file_ids.has(ref.file_id)));
+                    const file_attachment = [...field_files, ...field_private_files].find(f => f.file_id === issues_dialog_file_id);
+                    const dialog_label = issues_dialog_file_id === '__all_field__'
+                        ? (field.label || field.id)
+                        : (file_attachment?.file_name ?? 'File');
+                    return (_jsx(ClarificationDialog, { open: true, on_open_change: (open) => { if (!open)
+                            set_issues_dialog_file_id(null); }, field_label: dialog_label, items: file_clarifications, callbacks: clarification_callbacks, get_download_url: file_manager?.callbacks.get_download_url }));
+                })()] }));
     }
-    return (_jsxs("div", { className: "cls_summary_field_wrapper", children: [_jsxs("div", { className: cn('cls_summary_field flex justify-between items-start py-2 px-3 rounded', row_color), children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: field.label || field.id }), is_locked && _jsx(ProtectedBadge, { className: "ml-2" }), is_hidden && _jsx(HiddenBadge, { className: "ml-2" }), _jsx("span", { className: cn('text-sm ml-2', is_empty ? 'text-muted-foreground italic' : 'text-foreground'), children: display_value }), reference_info && (_jsx("div", { className: "mt-1", children: _jsx(CollabFormFieldReferenceTag, { reference_value: reference_info.value, reference_label: reference_info.label, reference_tag_background_color: reference_info.background_color }) }))] }), role_controls && (_jsx("div", { className: "flex-shrink-0", children: _jsx(UnifiedFieldControls, { field_id: field.id, icons_behaviour: icons_behaviour, active_role: settings.active_role, metadata: control_metadata, callbacks: control_callbacks, config: control_config, fallback_visibility: fallback_visibility, fallback_enabled: fallback_enabled }) }))] }), has_field_files && (render_files ? (render_files(field_files, field.id)) : (_jsx(SummaryFiles, { files: field_files, private_files: field_private_files, field_id: field.id, class_name: "mt-2 ml-3", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status })))] }));
+    // Summary row rendering - full-width styled row with label + value
+    if (is_summary_row) {
+        return (_jsx(HazoCollabFormSummaryRow, { field_id: field.id, label: field.label || field.id, value: value ?? '', currency_symbol: field.currency_symbol, decimal_places: field.decimal_places, style_variant: field.style_variant, styles_config: styles_config, item_code: field.item_code, badge: field.badge, summary_note: field.summary_note }));
+    }
+    return (_jsxs("div", { className: "cls_summary_field_wrapper", "data-field-id": field.id, children: [_jsxs("div", { className: cn('cls_summary_field flex justify-between items-start py-2 px-3 rounded', row_color), children: [_jsxs("div", { className: "flex-1 min-w-0", children: [enable_clarifications && get_pending_count(field.id) > 0 ? (_jsx(ClarificationLabelBadge, { count: get_pending_count(field.id), className: "mr-1" })) : (metadata?.has_clarification && (_jsx(ClarificationLabelBadge, { indicator_only: true, className: "mr-1" }))), _jsx("span", { className: "text-sm font-medium text-foreground", children: field.label || field.id }), field_file_error_count > 0 && (_jsx(FileErrorLabelBadge, { count: field_file_error_count, on_click: () => set_issues_dialog_file_id('__all_field__'), className: "ml-1" })), is_locked && _jsx(ProtectedBadge, { className: "ml-2" }), is_hidden && _jsx(HiddenBadge, { className: "ml-2" }), _jsx("span", { className: cn('text-sm ml-2', is_empty ? 'text-muted-foreground italic' : 'text-foreground'), children: display_value }), reference_info && (_jsx("div", { className: "mt-1", children: _jsx(CollabFormFieldReferenceTag, { reference_value: reference_info.value, reference_label: reference_info.label, reference_tag_background_color: reference_info.background_color }) }))] }), role_controls && (_jsx("div", { className: "flex-shrink-0", children: _jsx(UnifiedFieldControls, { field_id: field.id, icons_behaviour: icons_behaviour, active_role: settings.active_role, metadata: control_metadata, callbacks: control_callbacks, config: control_config, fallback_visibility: fallback_visibility, fallback_enabled: fallback_enabled, clarification_count: enable_clarifications ? get_pending_count(field.id) : undefined, on_clarification_click: enable_clarifications ? () => set_clarification_dialog_open(true) : undefined }) }))] }), has_field_files && (render_files ? (render_files(field_files, field.id)) : (_jsx(SummaryFiles, { files: field_files, private_files: field_private_files, field_id: field.id, class_name: "mt-2 ml-3", get_download_url: file_manager?.callbacks.get_download_url, show_file_status: file_manager?.show_file_status, error_file_ids: error_file_ids, passed_file_ids: file_manager?.passed_file_ids, on_file_issue_click: enable_clarifications ? (fid) => set_issues_dialog_file_id(fid) : undefined, on_file_click: on_file_preview }))), enable_clarifications && clarification_dialog_open && (_jsx(ClarificationDialog, { open: clarification_dialog_open, on_open_change: set_clarification_dialog_open, field_label: field.label || field.id, items: get_field_clarifications(field.id), callbacks: clarification_callbacks, get_download_url: file_manager?.callbacks.get_download_url })), enable_clarifications && issues_dialog_file_id && (() => {
+                const all_file_ids = [...field_files, ...field_private_files].map(f => f.file_id);
+                const target_file_ids = issues_dialog_file_id === '__all_field__'
+                    ? new Set(all_file_ids.filter(fid => error_file_ids.has(fid)))
+                    : new Set([issues_dialog_file_id]);
+                const file_clarifications = all_clarification_items.filter(item => (item.status === 'pending' || item.status === 'responded') &&
+                    item.doc_references.some(ref => target_file_ids.has(ref.file_id)));
+                const file_attachment = [...field_files, ...field_private_files].find(f => f.file_id === issues_dialog_file_id);
+                const dialog_label = issues_dialog_file_id === '__all_field__'
+                    ? (field.label || field.id)
+                    : (file_attachment?.file_name ?? 'File');
+                return (_jsx(ClarificationDialog, { open: true, on_open_change: (open) => { if (!open)
+                        set_issues_dialog_file_id(null); }, field_label: dialog_label, items: file_clarifications, callbacks: clarification_callbacks, get_download_url: file_manager?.callbacks.get_download_url }));
+            })()] }));
 });
 /**
  * Collect all field IDs from sections (including groups and fields)
@@ -175,8 +346,60 @@ function collect_all_field_ids(sections) {
  * SummaryView component
  */
 export function SummaryView() {
-    const { sections, field_metadata, callbacks } = useFormViewContext();
+    const { sections, field_metadata, callbacks, form_data, file_manager, enable_clarifications, clarification_callbacks } = useFormViewContext();
     const original_metadata_ref = useRef({});
+    const clarification_section_ref = useRef(null);
+    // PDF preview state
+    const [preview_file, set_preview_file] = React.useState(null);
+    const [PdfViewer, set_pdf_viewer] = React.useState(null);
+    const [is_mounted, set_is_mounted] = React.useState(false);
+    React.useEffect(() => { set_is_mounted(true); }, []);
+    // Try to load PdfViewer from hazo_pdf (optional peer dependency)
+    React.useEffect(() => {
+        if (!is_mounted)
+            return;
+        import('hazo_pdf').then((mod) => {
+            set_pdf_viewer(() => mod.PdfViewer || mod.default?.PdfViewer);
+        }).catch(() => {
+            // hazo_pdf not installed — PDF preview disabled
+        });
+    }, [is_mounted]);
+    // File preview handler — opens PDF in preview dialog, falls back to download URL
+    const handle_file_preview = useCallback((attachment) => {
+        if (PdfViewer && file_manager?.callbacks.get_download_url) {
+            set_preview_file(attachment);
+        }
+        else if (file_manager?.callbacks.get_download_url) {
+            // Fallback: open download URL in new tab
+            const url = file_manager.callbacks.get_download_url(attachment.file_id, attachment.visibility);
+            window.open(url, '_blank');
+        }
+    }, [PdfViewer, file_manager]);
+    // Clarification state
+    const { items: clarification_items, counts: clarification_counts, remove_doc_reference } = use_clarifications(form_data, callbacks.on_form_data_change);
+    // Merge remove_doc_reference into clarification_callbacks
+    const merged_clarification_callbacks = useMemo(() => {
+        if (!clarification_callbacks && !remove_doc_reference)
+            return undefined;
+        return {
+            ...clarification_callbacks,
+            on_doc_delete: remove_doc_reference,
+        };
+    }, [clarification_callbacks, remove_doc_reference]);
+    // Scroll to clarification section
+    const handle_scroll_to_clarifications = useCallback(() => {
+        clarification_section_ref.current?.scrollIntoView({ behavior: 'smooth' });
+    }, []);
+    // Scroll to a field by ID (used by clarification card field linking)
+    const handle_field_click = useCallback((field_id) => {
+        const el = document.querySelector(`[data-field-id="${field_id}"]`);
+        if (el) {
+            el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            // Brief highlight
+            el.classList.add('ring-2', 'ring-amber-400', 'ring-offset-2');
+            setTimeout(() => el.classList.remove('ring-2', 'ring-amber-400', 'ring-offset-2'), 2000);
+        }
+    }, []);
     // Store original metadata on mount
     useEffect(() => {
         if (Object.keys(original_metadata_ref.current).length === 0) {
@@ -203,6 +426,6 @@ export function SummaryView() {
             callbacks.on_data_ok_change?.(field_id, original_data_ok ?? 'not_ok');
         });
     }, [all_field_ids, callbacks]);
-    return (_jsxs("div", { className: "cls_form_view_summary space-y-4", children: [_jsx("div", { className: "border rounded-lg bg-card shadow-sm p-4", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsxs("button", { onClick: handle_all_ok, className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900/30 dark:text-green-400 dark:hover:bg-green-900/50 transition-colors", children: ["All", _jsx(IoCheckmarkCircle, { className: "w-4 h-4" })] }), _jsxs("button", { onClick: handle_all_not_ok, className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md bg-red-100 text-red-700 hover:bg-red-200 dark:bg-red-900/30 dark:text-red-400 dark:hover:bg-red-900/50 transition-colors", children: ["All", _jsx(IoCloseCircle, { className: "w-4 h-4" })] }), _jsx("button", { onClick: handle_clear, className: "px-3 py-1.5 text-sm font-medium rounded-md bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 transition-colors", children: "Clear" })] }) }), sections.map((section, index) => (_jsx(SummarySection, { section: section, section_index: index }, `${section.section_name || 'section'}_${index}`)))] }));
+    return (_jsxs(FilePreviewContext.Provider, { value: handle_file_preview, children: [_jsxs("div", { className: "cls_form_view_summary space-y-4", children: [_jsx("div", { className: "border rounded-lg bg-card shadow-sm p-4", children: _jsxs("div", { className: "flex items-center justify-between gap-2", children: [enable_clarifications && clarification_counts.pending > 0 && (_jsxs("button", { onClick: handle_scroll_to_clarifications, className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md bg-amber-100 text-amber-700 hover:bg-amber-200 dark:bg-amber-900/30 dark:text-amber-400 dark:hover:bg-amber-900/50 transition-colors", children: [_jsx(IoAlertCircle, { className: "w-4 h-4" }), "Clarifications (", clarification_counts.pending, " pending)"] })), !(enable_clarifications && clarification_counts.pending > 0) && _jsx("div", {}), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { onClick: handle_all_ok, className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900/30 dark:text-green-400 dark:hover:bg-green-900/50 transition-colors", children: ["All", _jsx(IoCheckmarkCircle, { className: "w-4 h-4" })] }), _jsxs("button", { onClick: handle_all_not_ok, className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md bg-red-100 text-red-700 hover:bg-red-200 dark:bg-red-900/30 dark:text-red-400 dark:hover:bg-red-900/50 transition-colors", children: ["All", _jsx(IoCloseCircle, { className: "w-4 h-4" })] }), _jsx("button", { onClick: handle_clear, className: "px-3 py-1.5 text-sm font-medium rounded-md bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 transition-colors", children: "Clear" })] })] }) }), sections.map((section, index) => (_jsx(SummarySection, { section: section, section_index: index }, `${section.section_name || 'section'}_${index}`))), enable_clarifications && clarification_items.length > 0 && (_jsx("div", { ref: clarification_section_ref, children: _jsx(ClarificationSection, { items: clarification_items, counts: clarification_counts, callbacks: merged_clarification_callbacks, on_field_click: handle_field_click }) }))] }), PdfViewer && preview_file && file_manager?.callbacks.get_download_url && (_jsx(PdfPreviewDialog, { PdfViewerComponent: PdfViewer, open: !!preview_file, on_close: () => set_preview_file(null), url: file_manager.callbacks.get_download_url(preview_file.file_id, preview_file.visibility), file_name: preview_file.file_name }))] }));
 }
 //# sourceMappingURL=summary_view.js.map