hazo_collab_forms 2.2.8 → 3.0.2

package/dist/components/clarification/clarification_response_form.js

@@ -9,16 +9,60 @@
  */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useRef, useEffect } from 'react';
+import { cn } from '../../utils/cn.js';
 import { IoCloudUploadOutline } from 'react-icons/io5';
-export const ClarificationResponseForm = React.memo(function ClarificationResponseForm({ action_description, response_options, enable_comment, initial_choice, initial_comment, initial_files, read_only = false, on_submit, }) {
+import { FileBar } from '../shared/file_bar/index.js';
+export const ClarificationResponseForm = React.memo(function ClarificationResponseForm({ action_description, response_options, enable_comment, initial_choice, initial_comment, initial_files, read_only = false, on_submit, hide_submit, on_change, file_manager, radio_accent, submit_bg, response_validation, file_validations, on_validation_click, file_validation_details, file_pipeline_status, }) {
     const [choice, set_choice] = useState(initial_choice ?? '');
     const [comment, set_comment] = useState(initial_comment ?? '');
     const [files, set_files] = useState(initial_files ?? []);
-    // Find the selected option to check for conditional UI
+    const [uploading, set_uploading] = useState(false);
+    const file_input_ref = useRef(null);
+    // Sync internal state when external initial values change (e.g., response made in another view)
+    // syncing_from_props suppresses notify_change to avoid re-render loops
+    const syncing_from_props = useRef(false);
+    const prev_initial_ref = useRef({ choice: initial_choice, comment: initial_comment, files_len: initial_files?.length });
+    useEffect(() => {
+        const prev = prev_initial_ref.current;
+        if (initial_choice !== prev.choice) {
+            set_choice(initial_choice ?? '');
+        }
+        if (initial_comment !== prev.comment) {
+            set_comment(initial_comment ?? '');
+        }
+        // Only sync files from props when initial_files has files NOT in local state
+        // (e.g., response made in another view). Never overwrite local additions.
+        const new_len = initial_files?.length ?? 0;
+        if (new_len !== prev.files_len && new_len > 0) {
+            set_files(current => {
+                const current_ids = new Set(current.map(f => f.file_id));
+                const has_new = (initial_files ?? []).some(f => !current_ids.has(f.file_id));
+                if (has_new) {
+                    syncing_from_props.current = true;
+                    // Merge: keep local files, add any new ones from initial_files
+                    const merged = [...current];
+                    for (const f of initial_files ?? []) {
+                        if (!current_ids.has(f.file_id))
+                            merged.push(f);
+                    }
+                    return merged;
+                }
+                return current;
+            });
+        }
+        prev_initial_ref.current = { choice: initial_choice, comment: initial_comment, files_len: new_len };
+    }, [initial_choice, initial_comment, initial_files]);
+    // Fire on_change whenever choice, comment, or files change
+    const notify_change = useCallback((c, cm, f) => {
+        on_change?.({
+            response_choice: c || undefined,
+            user_comment: cm || undefined,
+            response_files: f.length > 0 ? f : undefined,
+        });
+    }, [on_change]);
     const selected_option = response_options.find(opt => opt.value === choice);
-    const show_file_upload = selected_option?.shows_file_upload === true;
-    const show_additional_input = selected_option?.shows_additional_input === true;
+    const requires_comment = selected_option?.shows_additional_input === true && !comment.trim();
     const handle_submit = useCallback(() => {
         if (!on_submit || !choice)
             return;
@@ -28,11 +72,61 @@ export const ClarificationResponseForm = React.memo(function ClarificationRespon
             response_files: files.length > 0 ? files : undefined,
         });
     }, [on_submit, choice, comment, files]);
+    const upload_files = useCallback(async (file_list) => {
+        if (!file_manager?.upload)
+            return;
+        set_uploading(true);
+        try {
+            for (const file of Array.from(file_list)) {
+                const attachment = await file_manager.upload(file, { entity_id: 'clarification_response', visibility: 'public' });
+                set_files((prev) => [...prev, attachment]);
+            }
+        }
+        catch (err) {
+            console.error('[ClarificationResponseForm] Upload failed:', err);
+        }
+        finally {
+            set_uploading(false);
+        }
+    }, [file_manager]);
+    // Notify parent when files change (uploads/removals don't call notify_change inline)
+    const files_ref = useRef(files);
+    useEffect(() => {
+        if (files_ref.current !== files) {
+            files_ref.current = files;
+            // Skip notify when files were set by prop sync (not user action) to avoid infinite loop
+            if (syncing_from_props.current) {
+                syncing_from_props.current = false;
+            }
+            else {
+                notify_change(choice, comment, files);
+            }
+        }
+    }, [files]); // eslint-disable-line react-hooks/exhaustive-deps
     const handle_file_drop = useCallback((e) => {
         e.preventDefault();
-        // File upload would integrate with file_manager callbacks in future
-        // For now, show the drop zone UI only
-    }, []);
-    return (_jsxs("div", { className: "cls_clarification_response_form space-y-3", children: [action_description && (_jsx("p", { className: "text-sm text-foreground", children: action_description })), enable_comment && (_jsxs("div", { children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground block mb-1", children: "Comments" }), _jsx("textarea", { className: "w-full px-3 py-2 text-sm border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-y min-h-[60px]", placeholder: "Add a comment...", value: comment, onChange: (e) => set_comment(e.target.value), disabled: read_only, rows: 2 })] })), _jsx("div", { className: "space-y-2", children: response_options.map((option) => (_jsxs("label", { className: "flex items-start gap-2.5 cursor-pointer text-sm group", children: [_jsx("input", { type: "radio", name: "clarification_response", value: option.value, checked: choice === option.value, onChange: () => set_choice(option.value), disabled: read_only, className: "mt-0.5 accent-green-600" }), _jsx("span", { className: "text-foreground group-hover:text-foreground/80", children: option.label })] }, option.value))) }), show_file_upload && (_jsxs("div", { className: "border-2 border-dashed border-green-300 dark:border-green-700 rounded-md p-4 text-center cursor-pointer hover:bg-green-50/50 dark:hover:bg-green-900/20 transition-colors", onDrop: handle_file_drop, onDragOver: (e) => e.preventDefault(), children: [_jsx(IoCloudUploadOutline, { className: "w-6 h-6 mx-auto text-green-500 mb-1" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Drag & drop files here, or click to browse" }), files.length > 0 && (_jsx("div", { className: "mt-2 space-y-1", children: files.map((f) => (_jsx("p", { className: "text-xs text-foreground", children: f.file_name }, f.file_id))) }))] })), show_additional_input && (_jsx("textarea", { className: "w-full px-3 py-2 text-sm border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-y min-h-[60px]", placeholder: "Additional information...", disabled: read_only, rows: 2 })), !read_only && on_submit && (_jsx("button", { onClick: handle_submit, disabled: !choice, className: "px-4 py-2 text-sm font-medium rounded-md bg-green-600 text-white hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Submit Response" }))] }));
+        if (e.dataTransfer.files.length > 0) {
+            upload_files(e.dataTransfer.files);
+        }
+    }, [upload_files]);
+    const handle_file_select = useCallback((e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            upload_files(e.target.files);
+            e.target.value = '';
+        }
+    }, [upload_files]);
+    const handle_remove_file = useCallback(async (file_id) => {
+        try {
+            await file_manager?.remove?.(file_id, '');
+        }
+        catch { /* ignore removal errors */ }
+        set_files((prev) => prev.filter((f) => f.file_id !== file_id));
+    }, [file_manager]);
+    // Generate a unique radio group name per instance to avoid conflicts
+    const radio_name = useRef(`clarification_response_${Math.random().toString(36).slice(2, 8)}`);
+    return (_jsxs("div", { className: "cls_clarification_response_form space-y-3", children: [action_description && (_jsx("p", { className: "text-sm text-foreground", children: action_description })), _jsx("div", { className: "space-y-2", children: response_options.map((option) => {
+                    const is_selected = choice === option.value;
+                    return (_jsxs("div", { children: [_jsxs("label", { className: "flex items-start gap-2.5 cursor-pointer text-sm group", title: option.description || undefined, children: [_jsx("input", { type: "radio", name: radio_name.current, value: option.value, checked: is_selected, onChange: () => { set_choice(option.value); notify_change(option.value, comment, files); }, disabled: read_only, className: cn('mt-0.5', radio_accent ?? 'accent-blue-600') }), _jsxs("span", { className: "text-foreground group-hover:text-foreground/80", children: [option.label, option.description && (_jsxs("span", { className: "text-xs text-muted-foreground ml-1.5", children: ["\u2014 ", option.description] }))] })] }), is_selected && option.shows_file_upload && (_jsxs("div", { className: "ml-7 mt-2", children: [_jsxs("div", { className: "border-2 border-dashed border-blue-300 dark:border-blue-700 rounded-md p-3 text-center cursor-pointer hover:bg-blue-50/50 dark:hover:bg-blue-900/20 transition-colors", onDrop: handle_file_drop, onDragOver: (e) => e.preventDefault(), onClick: () => file_input_ref.current?.click(), children: [uploading ? (_jsxs("svg", { className: "w-5 h-5 mx-auto text-blue-500 mb-1 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })) : (_jsx(IoCloudUploadOutline, { className: "w-5 h-5 mx-auto text-blue-500 mb-1" })), _jsx("p", { className: "text-sm text-muted-foreground", children: uploading ? 'Uploading...' : 'Drag & drop files here, or click to browse' })] }), _jsx("input", { ref: file_input_ref, type: "file", multiple: true, className: "hidden", onChange: handle_file_select }), files.length > 0 && (_jsx("div", { className: "mt-2 space-y-1", children: files.map((f) => (_jsx(FileBar, { attachment: f, on_remove: !read_only ? () => handle_remove_file(f.file_id) : undefined, validation: file_validations?.[f.file_id] ?? null, on_validation_click: on_validation_click, validation_details: file_validation_details?.[f.file_id], pipeline_status_text: file_pipeline_status?.[f.file_id] }, f.file_id))) }))] })), is_selected && option.shows_additional_input && (_jsxs("div", { className: "ml-7 mt-2", children: [_jsxs("label", { className: "text-xs font-medium text-muted-foreground block mb-1", children: ["Please provide a reason ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx("textarea", { className: "w-full px-3 py-2 text-sm border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-y min-h-[60px]", placeholder: "Please explain why...", value: comment, onChange: (e) => { set_comment(e.target.value); notify_change(choice, e.target.value, files); }, disabled: read_only, rows: 2 })] }))] }, option.value));
+                }) }), !read_only && on_submit && !hide_submit && (_jsx("button", { onClick: handle_submit, disabled: !choice || requires_comment || response_validation?.status === 'validating' || response_validation?.status === 'failed', className: cn('px-4 py-2 text-sm font-medium rounded-md text-white disabled:opacity-50 disabled:cursor-not-allowed transition-colors', submit_bg ?? 'bg-blue-600 hover:bg-blue-700'), children: "Submit Response" }))] }));
 });
 //# sourceMappingURL=clarification_response_form.js.map

package/dist/components/clarification/clarification_response_form.js.map

@@ -1 +1 @@
-{"version":3,"file":"clarification_response_form.js","sourceRoot":"","sources":["../../../src/components/clarification/clarification_response_form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"clarification_response_form.js","sourceRoot":"","sources":["../../../src/components/clarification/clarification_response_form.tsx"],"names":[],"mappings":"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"}

package/dist/components/clarification/clarification_section.d.ts

@@ -1,11 +1,13 @@
 /**
  * ClarificationSection - Renders as a form section after regular sections.
  *
- * Groups clarification items by status: pending first, then responded, then resolved/dismissed (collapsed).
+ * Groups clarification items by status: pending first, then responded, then resolved/dismissed.
+ * Dismissed/resolved items stay visible with their status badge as the decision label.
  * Only visible when enable_clarifications=true AND clarifications exist.
  */
 import React from 'react';
-import type { ClarificationItem, ClarificationCallbacks, ClarificationCounts } from '../../types/clarification.js';
+import type { ClarificationItem, ClarificationCallbacks, ClarificationCounts, ResponseValidationState } from '../../types/clarification.js';
+import type { FileManagerCallbacks } from '../../types/file_manager.js';
 export interface ClarificationSectionProps {
     /** All clarification items */
     items: ClarificationItem[];
@@ -19,8 +21,40 @@ export interface ClarificationSectionProps {
     on_doc_click?: (file_id: string) => void;
     /** Callback when the target field label is clicked (scrolls to field) */
     on_field_click?: (field_id: string) => void;
+    /** File manager callbacks for response file uploads */
+    file_manager?: FileManagerCallbacks;
+    /** Hide per-card submit button (when a global submit exists) */
+    hide_submit?: boolean;
+    /** Hide the entire response form (green zone) on all cards */
+    hide_response_form?: boolean;
+    /** Callback fired on every response change (choice, comment, files) */
+    on_response_change?: (id: string, response: import('../../types/clarification.js').ClarificationResponse) => void;
+    /** Hide the section header (icon + title + counts) */
+    hide_header?: boolean;
+    /** Per-file validation state to show as badge on doc reference file bars */
+    file_validation?: Record<string, {
+        state: 'passed' | 'issues' | 'resolved' | 'validating';
+        issue_count?: number;
+    }>;
+    /** Response validation state map keyed by clarification item id */
+    response_validations?: Record<string, ResponseValidationState>;
+    /** Callback when a file validation badge is clicked */
+    on_validation_click?: (file_id: string) => void;
+    /** Per-file validation details for built-in dialog (keyed by file_id) */
+    file_validation_details?: Record<string, import('../../components/shared/file_bar/file_bar_types.js').FileValidationDetails>;
+    /** Per-file pipeline status text (keyed by file_id) */
+    file_pipeline_status?: Record<string, string>;
     /** Optional className */
     class_name?: string;
 }
+/** Entry is either a standalone item or an array of grouped items */
+export type GroupEntry = ClarificationItem | ClarificationItem[];
+/**
+ * Group items that share identical doc reference sets.
+ * Items with 0 doc_references stay standalone.
+ * Items with a unique doc set stay standalone.
+ * Items sharing the same doc set (2+) are grouped into an array.
+ */
+export declare function group_by_document(items: ClarificationItem[]): GroupEntry[];
 export declare const ClarificationSection: React.NamedExoticComponent<ClarificationSectionProps>;
 //# sourceMappingURL=clarification_section.d.ts.map

package/dist/components/clarification/clarification_section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clarification_section.d.ts","sourceRoot":"","sources":["../../../src/components/clarification/clarification_section.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,yBAAyB;IACxC,8BAA8B;IAC9B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,uBAAuB;IACvB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yEAAyE;IACzE,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,eAAO,MAAM,oBAAoB,uDAmH/B,CAAC"}
+{"version":3,"file":"clarification_section.d.ts","sourceRoot":"","sources":["../../../src/components/clarification/clarification_section.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,8BAA8B;IAC9B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,uBAAuB;IACvB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yEAAyE;IACzE,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,uDAAuD;IACvD,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,8BAA8B,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClH,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnH,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IAC/D,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,yEAAyE;IACzE,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,oDAAoD,EAAE,qBAAqB,CAAC,CAAC;IAC7H,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,qEAAqE;AACrE,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,iBAAiB,EAAE,CAAC;AAEjE;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,UAAU,EAAE,CAiC1E;AAED,eAAO,MAAM,oBAAoB,uDAgH/B,CAAC"}

package/dist/components/clarification/clarification_section.js

@@ -1,15 +1,17 @@
 /**
  * ClarificationSection - Renders as a form section after regular sections.
  *
- * Groups clarification items by status: pending first, then responded, then resolved/dismissed (collapsed).
+ * Groups clarification items by status: pending first, then responded, then resolved/dismissed.
+ * Dismissed/resolved items stay visible with their status badge as the decision label.
  * Only visible when enable_clarifications=true AND clarifications exist.
  */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useMemo, useState } from 'react';
-import { IoAlertCircle, IoChevronDown, IoChevronForward } from 'react-icons/io5';
+import React, { useMemo } from 'react';
+import { IoAlertCircle } from 'react-icons/io5';
 import { cn } from '../../utils/cn.js';
 import { ClarificationCard } from './clarification_card.js';
+import { ClarificationGroupCard } from './clarification_group_card.js';
 /** Status sort order: pending → responded → resolved → dismissed */
 const STATUS_ORDER = {
     pending: 0,
@@ -17,30 +19,64 @@ const STATUS_ORDER = {
     resolved: 2,
     dismissed: 3,
 };
-export const ClarificationSection = React.memo(function ClarificationSection({ items, counts, read_only = false, callbacks, on_doc_click, on_field_click, class_name, }) {
-    const [collapsed_expanded, set_collapsed_expanded] = useState(false);
+/**
+ * Group items that share identical doc reference sets.
+ * Items with 0 doc_references stay standalone.
+ * Items with a unique doc set stay standalone.
+ * Items sharing the same doc set (2+) are grouped into an array.
+ */
+export function group_by_document(items) {
+    const key_map = new Map();
+    const standalone = [];
+    for (const item of items) {
+        if (item.doc_references.length === 0) {
+            standalone.push(item);
+            continue;
+        }
+        const key = item.doc_references
+            .map(r => r.file_id)
+            .sort()
+            .join(',');
+        const existing = key_map.get(key);
+        if (existing) {
+            existing.push(item);
+        }
+        else {
+            key_map.set(key, [item]);
+        }
+    }
+    const entries = [];
+    for (const item of standalone) {
+        entries.push(item);
+    }
+    for (const group of key_map.values()) {
+        if (group.length === 1) {
+            entries.push(group[0]);
+        }
+        else {
+            entries.push(group);
+        }
+    }
+    return entries;
+}
+export const ClarificationSection = React.memo(function ClarificationSection({ items, counts, read_only = false, callbacks, on_doc_click, on_field_click, file_manager, hide_submit, hide_response_form, on_response_change, hide_header, file_validation, response_validations, on_validation_click, file_validation_details, file_pipeline_status, class_name, }) {
     // Don't render if no clarifications
     if (items.length === 0)
         return null;
-    // Split into active (pending + responded) and closed (resolved + dismissed)
-    const { active_items, closed_items } = useMemo(() => {
+    // Sort by status (pending first) and group by doc — all items stay visible
+    const all_entries = useMemo(() => {
         const sorted = [...items].sort((a, b) => (STATUS_ORDER[a.status] ?? 9) - (STATUS_ORDER[b.status] ?? 9));
-        const active = [];
-        const closed = [];
-        for (const item of sorted) {
-            if (item.status === 'resolved' || item.status === 'dismissed') {
-                closed.push(item);
-            }
-            else {
-                active.push(item);
-            }
-        }
-        return { active_items: active, closed_items: closed };
+        return group_by_document(sorted);
     }, [items]);
     // Build header label
     const header_label = counts.pending > 0
         ? `Clarifications (${counts.pending} pending)`
         : `Clarifications (${counts.total})`;
-    return (_jsxs("div", { className: cn('cls_clarification_section border rounded-lg bg-card shadow-sm overflow-hidden', class_name), children: [_jsxs("div", { className: "flex items-center gap-3 p-4 border-b bg-amber-50/50 dark:bg-amber-900/10", children: [_jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-amber-100 dark:bg-amber-900/30", children: _jsx(IoAlertCircle, { className: "w-5 h-5 text-amber-600 dark:text-amber-400" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-foreground", children: header_label }), counts.responded > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [counts.responded, " responded, awaiting review"] }))] })] }), _jsxs("div", { className: "p-4 space-y-4", children: [active_items.map((item) => (_jsx(ClarificationCard, { item: item, read_only: read_only, on_respond: callbacks?.on_respond, on_resolve: callbacks?.on_resolve, on_dismiss: callbacks?.on_dismiss, on_reopen: callbacks?.on_reopen, on_doc_click: on_doc_click, on_doc_delete: callbacks?.on_doc_delete, on_field_click: on_field_click }, item.id))), active_items.length === 0 && closed_items.length > 0 && (_jsx("p", { className: "text-sm text-muted-foreground italic", children: "No active clarifications. All items have been resolved or dismissed." })), closed_items.length > 0 && (_jsxs("div", { className: "mt-2", children: [_jsxs("button", { type: "button", onClick: () => set_collapsed_expanded(!collapsed_expanded), className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors", children: [collapsed_expanded ? (_jsx(IoChevronDown, { className: "w-4 h-4" })) : (_jsx(IoChevronForward, { className: "w-4 h-4" })), closed_items.length, " resolved/dismissed"] }), collapsed_expanded && (_jsx("div", { className: "mt-3 space-y-3", children: closed_items.map((item) => (_jsx(ClarificationCard, { item: item, read_only: true, on_reopen: callbacks?.on_reopen, on_doc_click: on_doc_click }, item.id))) }))] }))] })] }));
+    return (_jsxs("div", { className: cn('cls_clarification_section rounded-lg overflow-hidden', class_name), children: [!hide_header && (_jsxs("div", { className: "flex items-center gap-3 p-4 border-b bg-amber-50/50 dark:bg-amber-900/10", children: [_jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-amber-100 dark:bg-amber-900/30", children: _jsx(IoAlertCircle, { className: "w-5 h-5 text-amber-600 dark:text-amber-400" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-foreground", children: header_label }), counts.responded > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [counts.responded, " responded, awaiting review"] }))] })] })), _jsx("div", { className: "p-4 space-y-4", children: all_entries.map((entry) => {
+                    const is_closed = Array.isArray(entry)
+                        ? entry.every(i => i.status === 'resolved' || i.status === 'dismissed')
+                        : entry.status === 'resolved' || entry.status === 'dismissed';
+                    return Array.isArray(entry) ? (_jsx(ClarificationGroupCard, { items: entry, read_only: read_only || is_closed, on_respond: callbacks?.on_respond, on_resolve: callbacks?.on_resolve, on_dismiss: callbacks?.on_dismiss, on_reopen: callbacks?.on_reopen, on_doc_click: on_doc_click, on_doc_delete: callbacks?.on_doc_delete, on_field_click: on_field_click, file_manager: file_manager, hide_submit: hide_submit, hide_response_form: hide_response_form, on_response_change: on_response_change, file_validation: file_validation, response_validations: response_validations, on_validation_click: on_validation_click, file_validation_details: file_validation_details, file_pipeline_status: file_pipeline_status }, entry.map(i => i.id).join('+'))) : (_jsx(ClarificationCard, { item: entry, read_only: read_only || is_closed, on_respond: callbacks?.on_respond, on_resolve: callbacks?.on_resolve, on_dismiss: callbacks?.on_dismiss, on_reopen: callbacks?.on_reopen, on_doc_click: on_doc_click, on_doc_delete: callbacks?.on_doc_delete, on_field_click: on_field_click, file_manager: file_manager, hide_submit: hide_submit, hide_response_form: hide_response_form, on_response_change: on_response_change, file_validation: file_validation, response_validation: response_validations?.[entry.id], on_validation_click: on_validation_click, file_validation_details: file_validation_details, file_pipeline_status: file_pipeline_status }, entry.id));
+                }) })] }));
 });
 //# sourceMappingURL=clarification_section.js.map

package/dist/components/clarification/clarification_section.js.map

@@ -1 +1 @@
-{"version":3,"file":"clarification_section.js","sourceRoot":"","sources":["../../../src/components/clarification/clarification_section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"clarification_section.js","sourceRoot":"","sources":["../../../src/components/clarification/clarification_section.tsx"],"names":[],"mappings":"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"}

package/dist/components/clarification/clarification_status_config.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Shared status configuration for clarification cards.
+ * Centralizes status colors, icons, labels, and priority ordering
+ * used by both ClarificationCard and ClarificationGroupCard.
+ */
+import type { ClarificationStatus, ClarificationItem } from '../../types/clarification.js';
+/** Full status config for card rendering */
+export interface StatusConfig {
+    bg: string;
+    text: string;
+    label: string;
+    card_border: string;
+    /** Left accent border color on the card */
+    card_left_border: string;
+    icon_color: string;
+    icon_bg: string;
+    Icon: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Left accent border color for issue zone */
+    accent_border: string;
+    /** Issue zone recessed background */
+    issue_bg: string;
+    /** Issue zone section label color */
+    issue_label_color: string;
+    /** Issue zone small icon color */
+    issue_icon_color: string;
+    /** Response zone background */
+    response_bg: string;
+    /** Response zone border */
+    response_border: string;
+    /** Response zone label color */
+    response_label_color: string;
+    /** Response zone radio accent color */
+    response_radio_accent: string;
+    /** Submit button styles */
+    submit_bg: string;
+    /** Divider label text */
+    divider_label: string;
+}
+/** Status configuration lookup */
+export declare const STATUS_CONFIG: Record<ClarificationStatus, StatusConfig>;
+/** Group card badge styles (slightly different from card header) */
+export declare const STATUS_BADGE_STYLES: Record<ClarificationStatus, {
+    bg: string;
+    text: string;
+    label: string;
+}>;
+/** Priority order: pending > responded > resolved > dismissed (lower = higher priority) */
+export declare const STATUS_PRIORITY: Record<string, number>;
+/** Get the worst (highest priority) status from a list of items */
+export declare function get_worst_status(items: ClarificationItem[]): ClarificationStatus;
+/** Get the appropriate text class for issue description based on status */
+export declare function get_issue_text_class(status: ClarificationStatus): string;
+/** Get the muted variant of issue text class (for validation details) */
+export declare function get_issue_detail_text_class(status: ClarificationStatus): string;
+//# sourceMappingURL=clarification_status_config.d.ts.map

package/dist/components/clarification/clarification_status_config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clarification_status_config.d.ts","sourceRoot":"","sources":["../../../src/components/clarification/clarification_status_config.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAG3F,4CAA4C;AAC5C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,2BAA2B;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,kCAAkC;AAClC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,mBAAmB,EAAE,YAAY,CAiFnE,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKxG,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKlD,CAAC;AAEF,mEAAmE;AACnE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,CAYhF;AAED,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAKxE;AAED,yEAAyE;AACzE,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAK/E"}

package/dist/components/clarification/clarification_status_config.js

@@ -0,0 +1,131 @@
+/**
+ * Shared status configuration for clarification cards.
+ * Centralizes status colors, icons, labels, and priority ordering
+ * used by both ClarificationCard and ClarificationGroupCard.
+ */
+import { HiExclamationCircle, HiCheckCircle, HiMinusCircle } from 'react-icons/hi';
+/** Status configuration lookup */
+export const STATUS_CONFIG = {
+    pending: {
+        bg: 'bg-red-50 dark:bg-red-950/30',
+        text: 'text-red-700 dark:text-red-400',
+        label: 'Needs Response',
+        card_border: 'border-stone-200 dark:border-stone-700',
+        card_left_border: 'border-l-red-500',
+        icon_color: 'text-red-600 dark:text-red-400',
+        icon_bg: 'bg-red-50 dark:bg-red-950/30',
+        Icon: HiExclamationCircle,
+        accent_border: 'border-red-500',
+        issue_bg: 'bg-stone-50 dark:bg-stone-900/30',
+        issue_label_color: 'text-stone-500 dark:text-stone-400',
+        issue_icon_color: 'text-red-500 dark:text-red-400',
+        response_bg: 'bg-blue-50/60 dark:bg-blue-950/20',
+        response_border: 'border-blue-200 dark:border-blue-800/40',
+        response_label_color: 'text-blue-600 dark:text-blue-400',
+        response_radio_accent: 'accent-blue-600',
+        submit_bg: 'bg-blue-600 hover:bg-blue-700',
+        divider_label: 'Your Response',
+    },
+    responded: {
+        bg: 'bg-blue-50 dark:bg-blue-950/30',
+        text: 'text-blue-700 dark:text-blue-400',
+        label: 'Responded',
+        card_border: 'border-stone-200 dark:border-stone-700',
+        card_left_border: 'border-l-blue-500',
+        icon_color: 'text-blue-600 dark:text-blue-400',
+        icon_bg: 'bg-blue-50 dark:bg-blue-950/30',
+        Icon: HiCheckCircle,
+        accent_border: 'border-blue-400',
+        issue_bg: 'bg-stone-50/50 dark:bg-stone-900/20',
+        issue_label_color: 'text-stone-400 dark:text-stone-500',
+        issue_icon_color: 'text-blue-400 dark:text-blue-500',
+        response_bg: 'bg-blue-50/40 dark:bg-blue-950/10',
+        response_border: 'border-blue-200/60 dark:border-blue-800/30',
+        response_label_color: 'text-blue-500 dark:text-blue-400',
+        response_radio_accent: 'accent-blue-600',
+        submit_bg: 'bg-blue-600 hover:bg-blue-700',
+        divider_label: 'Response Submitted',
+    },
+    resolved: {
+        bg: 'bg-green-50 dark:bg-green-950/30',
+        text: 'text-green-700 dark:text-green-400',
+        label: 'Resolved',
+        card_border: 'border-stone-200 dark:border-stone-700',
+        card_left_border: 'border-l-green-500',
+        icon_color: 'text-green-600 dark:text-green-400',
+        icon_bg: 'bg-green-50 dark:bg-green-950/30',
+        Icon: HiCheckCircle,
+        accent_border: 'border-green-400',
+        issue_bg: 'bg-stone-50/30 dark:bg-stone-900/10',
+        issue_label_color: 'text-stone-400 dark:text-stone-500',
+        issue_icon_color: 'text-green-400 dark:text-green-500',
+        response_bg: 'bg-green-50/30 dark:bg-green-950/10',
+        response_border: 'border-green-200/50 dark:border-green-800/30',
+        response_label_color: 'text-green-500 dark:text-green-400',
+        response_radio_accent: 'accent-green-600',
+        submit_bg: 'bg-green-600 hover:bg-green-700',
+        divider_label: 'Response Submitted',
+    },
+    dismissed: {
+        bg: 'bg-gray-50 dark:bg-gray-900/30',
+        text: 'text-gray-500 dark:text-gray-400',
+        label: 'Dismissed',
+        card_border: 'border-stone-200 dark:border-stone-700',
+        card_left_border: 'border-l-gray-400',
+        icon_color: 'text-gray-400',
+        icon_bg: 'bg-gray-50 dark:bg-gray-900/30',
+        Icon: HiMinusCircle,
+        accent_border: 'border-gray-300',
+        issue_bg: 'bg-stone-50/30 dark:bg-stone-900/10',
+        issue_label_color: 'text-stone-400 dark:text-stone-500',
+        issue_icon_color: 'text-gray-400 dark:text-gray-500',
+        response_bg: 'bg-gray-50/30 dark:bg-gray-900/10',
+        response_border: 'border-gray-200 dark:border-gray-700/40',
+        response_label_color: 'text-gray-400 dark:text-gray-500',
+        response_radio_accent: 'accent-gray-600',
+        submit_bg: 'bg-gray-600 hover:bg-gray-700',
+        divider_label: 'Dismissed',
+    },
+};
+/** Group card badge styles (slightly different from card header) */
+export const STATUS_BADGE_STYLES = {
+    pending: { bg: 'bg-amber-100 dark:bg-amber-900/40', text: 'text-amber-700 dark:text-amber-400', label: 'Pending' },
+    responded: { bg: 'bg-blue-100 dark:bg-blue-900/40', text: 'text-blue-700 dark:text-blue-400', label: 'Responded' },
+    resolved: { bg: 'bg-green-100 dark:bg-green-900/40', text: 'text-green-700 dark:text-green-400', label: 'Resolved' },
+    dismissed: { bg: 'bg-gray-100 dark:bg-gray-800', text: 'text-gray-600 dark:text-gray-400', label: 'Dismissed' },
+};
+/** Priority order: pending > responded > resolved > dismissed (lower = higher priority) */
+export const STATUS_PRIORITY = {
+    pending: 0,
+    responded: 1,
+    resolved: 2,
+    dismissed: 3,
+};
+/** Get the worst (highest priority) status from a list of items */
+export function get_worst_status(items) {
+    let worst = 'dismissed';
+    let worst_priority = STATUS_PRIORITY[worst] ?? 9;
+    for (const item of items) {
+        const p = STATUS_PRIORITY[item.status] ?? 9;
+        if (p < worst_priority) {
+            worst = item.status;
+            worst_priority = p;
+        }
+    }
+    return worst;
+}
+/** Get the appropriate text class for issue description based on status */
+export function get_issue_text_class(status) {
+    const is_responded = status === 'responded' || status === 'resolved';
+    return is_responded
+        ? 'text-muted-foreground'
+        : 'text-red-600 dark:text-red-400 font-medium';
+}
+/** Get the muted variant of issue text class (for validation details) */
+export function get_issue_detail_text_class(status) {
+    const is_responded = status === 'responded' || status === 'resolved';
+    return is_responded
+        ? 'text-muted-foreground/80'
+        : 'text-red-600/80 dark:text-red-400/80';
+}
+//# sourceMappingURL=clarification_status_config.js.map

package/dist/components/clarification/clarification_status_config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clarification_status_config.js","sourceRoot":"","sources":["../../../src/components/clarification/clarification_status_config.ts"],"names":[],"mappings":"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"}

package/dist/components/clarification/index.d.ts

@@ -5,6 +5,12 @@ export { use_clarifications, get_clarifications, CLARIFICATIONS_KEY, } from './u
 export type { UseClarificationsReturn } from './use_clarifications.js';
 export { ClarificationCard } from './clarification_card.js';
 export type { ClarificationCardProps } from './clarification_card.js';
+export { ClarificationGroupCard } from './clarification_group_card.js';
+export type { ClarificationGroupCardProps } from './clarification_group_card.js';
+export { ClarificationItemBody } from './clarification_item_body.js';
+export type { ClarificationItemBodyProps } from './clarification_item_body.js';
+export { STATUS_CONFIG, STATUS_BADGE_STYLES, get_worst_status, get_issue_text_class, get_issue_detail_text_class } from './clarification_status_config.js';
+export type { StatusConfig } from './clarification_status_config.js';
 export { ClarificationSection } from './clarification_section.js';
 export type { ClarificationSectionProps } from './clarification_section.js';
 export { ClarificationBadge } from './clarification_badge.js';

package/dist/components/clarification/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/clarification/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,YAAY,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAE3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,YAAY,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAEvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/clarification/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,YAAY,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC3J,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,YAAY,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAE3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,YAAY,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAEvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/clarification/index.js

@@ -5,6 +5,9 @@
 export { use_clarifications, get_clarifications, CLARIFICATIONS_KEY, } from './use_clarifications.js';
 // Components
 export { ClarificationCard } from './clarification_card.js';
+export { ClarificationGroupCard } from './clarification_group_card.js';
+export { ClarificationItemBody } from './clarification_item_body.js';
+export { STATUS_CONFIG, STATUS_BADGE_STYLES, get_worst_status, get_issue_text_class, get_issue_detail_text_class } from './clarification_status_config.js';
 export { ClarificationSection } from './clarification_section.js';
 export { ClarificationBadge } from './clarification_badge.js';
 export { ClarificationDocReferenceList } from './clarification_doc_reference.js';