hazo_pdf 1.5.5 → 1.5.7

package/README.md

@@ -6,6 +6,7 @@ A React component library for viewing and annotating PDF documents with support
 
 - 📄 **PDF Viewing** - Render PDF documents with customizable zoom levels
 - ✏️ **Annotations** - Square and FreeText annotation tools
+- ✨ **Auto-Highlighting** - Automatically highlight extracted field values in PDFs
 - 🔍 **Programmatic Highlights** - Ref-based API for creating and managing highlights programmatically
 - 🎨 **Customizable Styling** - Extensive configuration options via INI file
 - ⏰ **Timestamp Support** - Automatic timestamp appending to annotations
@@ -516,9 +517,155 @@ See `config/hazo_pdf_config.ini` in the project root for all available configura
 
 ---
 
+## Auto-Highlighting
+
+The PDF viewer can automatically highlight extracted field values in your PDFs. Simply provide field names and values via the `highlight_fields_info` prop, and the viewer will search for and highlight them automatically.
+
+### Basic Usage
+
+```tsx
+import { PdfViewer } from 'hazo_pdf';
+import 'hazo_pdf/styles.css';
+
+function AutoHighlightExample() {
+  const extracted_data = {
+    document_date: '30 June 2024',
+    total_amount: '$29,696.60',
+    vendor_name: 'ACME Corporation',
+  };
+
+  return (
+    <div style={{ width: '100%', height: '800px' }}>
+      <PdfViewer
+        url="/invoice.pdf"
+        highlight_fields_info={[
+          { field_name: 'document_date', value: '30 June 2024', page_index: 0 },
+          { field_name: 'total_amount', value: '$29,696.60', page_index: 0 },
+          { field_name: 'vendor_name', value: 'ACME Corporation', page_index: 0 },
+        ]}
+        show_file_info_button={true}
+      />
+    </div>
+  );
+}
+```
+
+**That's it!** The viewer will:
+1. Search for each value in the PDF text layer
+2. Create visual highlight boxes at the found positions
+3. Display field names and values in the File Info sidepanel
+
+### How It Works
+
+- **Smart Text Search**: Exact match first, then partial match with normalization (removes commas/spaces)
+- **Automatic Cleanup**: Highlights are removed when the PDF changes or component unmounts
+- **Non-Blocking**: Text search runs asynchronously without freezing the UI
+- **Configurable**: Customize colors, opacity, padding, and search behavior
+
+### HighlightFieldInfo Type
+
+```typescript
+interface HighlightFieldInfo {
+  field_name: string;    // Field identifier (auto-formatted to Title Case in sidepanel)
+  value: string;         // The text to search for and highlight
+  page_index?: number;   // Page to search on (0-based, default: 0)
+}
+```
+
+### Customization Options
+
+#### Custom Highlight Colors
+
+```tsx
+<PdfViewer
+  url="/document.pdf"
+  highlight_fields_info={highlight_fields}
+  auto_highlight_options={{
+    border_color: '#0066CC',
+    background_color: '#E6F2FF',
+    background_opacity: 0.4,
+    border_width: 2,
+  }}
+/>
+```
+
+#### Custom Search Options
+
+```tsx
+<PdfViewer
+  url="/document.pdf"
+  highlight_fields_info={highlight_fields}
+  auto_highlight_search_options={{
+    normalize: false,      // Disable text normalization (exact match only)
+    padding_x: 5,          // More horizontal padding
+    padding_y: 2,          // More vertical padding
+    y_offset: -5,          // Adjust vertical position
+  }}
+/>
+```
+
+#### Disable Auto-Highlighting (Sidepanel Only)
+
+```tsx
+<PdfViewer
+  url="/document.pdf"
+  highlight_fields_info={highlight_fields}
+  auto_highlight_enabled={false}  // Only show in sidepanel, no visual highlights
+/>
+```
+
+### Configuration via INI File
+
+You can set default auto-highlight styling in your config file:
+
+```ini
+[auto_highlight]
+auto_highlight_border_color = #FF6B00
+auto_highlight_background_color = #FFF3E0
+auto_highlight_background_opacity = 0.3
+auto_highlight_border_width = 1
+auto_highlight_normalize_text = true
+auto_highlight_padding_x = 2
+auto_highlight_padding_y = 1
+auto_highlight_y_offset = -3
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `highlight_fields_info` | `HighlightFieldInfo[]` | `undefined` | Fields to highlight and display in sidepanel |
+| `auto_highlight_enabled` | `boolean` | `true` | Enable/disable auto-highlighting feature |
+| `auto_highlight_options` | `HighlightOptions` | From config | Custom highlight styling |
+| `auto_highlight_search_options` | `Partial<TextSearchOptions>` | From config | Custom search behavior |
+
+### Advanced: Custom Text Search
+
+For advanced use cases, you can use the text search utility directly:
+
+```tsx
+import { find_text_in_pdf, type TextSearchOptions } from 'hazo_pdf';
+
+const search_result = await find_text_in_pdf(pdf_document, 'Invoice #12345', {
+  page_index: 0,
+  normalize: true,
+  padding_x: 10,
+  padding_y: 5,
+});
+
+if (search_result) {
+  console.log('Found at:', search_result.x, search_result.y);
+  console.log('Match type:', search_result.match_type); // 'exact' | 'partial'
+}
+```
+
+---
+
 ## Programmatic Highlight API
 
-The PDF viewer exposes a ref-based API for programmatically creating, removing, and managing highlights. This allows external code to control highlights without user interaction.
+The PDF viewer also exposes a ref-based API for programmatically creating, removing, and managing highlights. This is useful when you need manual control over highlights or want to create highlights from coordinates.
+
+**Note**: For most use cases, the [Auto-Highlighting](#auto-highlighting) feature is recommended as it's simpler and requires less code.
 
 ### Basic Usage
 

package/config/hazo_pdf_config.ini

@@ -615,6 +615,51 @@ toolbar_show_metadata_button = false
 # Default: 36 (0.5 inch)
 # margin = 36
 
+# =============================================================================
+# [auto_highlight] - Auto-highlighting configuration
+# =============================================================================
+[auto_highlight]
+
+# Border color for auto-created highlights (hex format: #RRGGBB)
+# Color of the highlight border when using auto-highlighting feature
+# Default: "#FF6B00" (orange)
+# auto_highlight_border_color = #FF6B00
+
+# Background color for auto-created highlights (hex format: #RRGGBB)
+# Fill color inside the highlight box
+# Default: "#FFF3E0" (light orange)
+# auto_highlight_background_color = #FFF3E0
+
+# Background opacity for auto-created highlights (0.0 to 1.0)
+# Transparency level of the highlight background
+# Default: 0.3
+# auto_highlight_background_opacity = 0.3
+
+# Border width for auto-created highlights in pixels
+# Thickness of the highlight border
+# Default: 1
+# auto_highlight_border_width = 1
+
+# Whether to normalize text during search (true/false)
+# When enabled, removes commas and spaces from text before matching
+# Default: true
+# auto_highlight_normalize_text = true
+
+# Horizontal padding around highlighted text (in PDF units)
+# Extra space to add on left/right sides of the text box
+# Default: 2
+# auto_highlight_padding_x = 2
+
+# Vertical padding around highlighted text (in PDF units)
+# Extra space to add on top/bottom of the text box
+# Default: 1
+# auto_highlight_padding_y = 1
+
+# Y-axis offset to adjust highlight position (in PDF units)
+# Negative values move highlight down, positive values move up
+# Default: -3
+# auto_highlight_y_offset = -3
+
 # =============================================================================
 # [file_button] - File manager button configuration
 # =============================================================================

package/dist/chunk-AOSHQP7D.js

@@ -0,0 +1,12 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __require
+};
+//# sourceMappingURL=chunk-AOSHQP7D.js.map

package/dist/{chunk-GFRC6LEG.js → chunk-CXHR3TT6.js}

@@ -1,10 +1,4 @@
 "use client";
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 
 // src/config/default_config.ts
 var default_config = {
@@ -137,6 +131,16 @@ var default_config = {
     image_fit: "fit",
     margin: 36
   },
+  auto_highlight: {
+    auto_highlight_border_color: "#FF6B00",
+    auto_highlight_background_color: "#FFF3E0",
+    auto_highlight_background_opacity: 0.3,
+    auto_highlight_border_width: 1,
+    auto_highlight_normalize_text: true,
+    auto_highlight_padding_x: 2,
+    auto_highlight_padding_y: 1,
+    auto_highlight_y_offset: -3
+  },
   file_button: {
     icon_size: 24,
     icon_color: "#6b7280",
@@ -148,7 +152,6 @@ var default_config = {
 };
 
 export {
-  __require,
   default_config
 };
-//# sourceMappingURL=chunk-GFRC6LEG.js.map
+//# sourceMappingURL=chunk-CXHR3TT6.js.map

package/dist/{chunk-GFRC6LEG.js.map → chunk-CXHR3TT6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/config/default_config.ts"],"sourcesContent":["/**\n * Default configuration values for hazo_pdf\n * All styling defaults organized by category\n */\n\nimport type { PdfViewerConfig } from '../types/config';\n\n/**\n * Default PDF Viewer Configuration\n * These values are used when no config file is provided or when values are missing\n */\nexport const default_config: PdfViewerConfig = {\n  fonts: {\n    freetext_font_family: 'Arial, sans-serif',\n    freetext_font_size_min: 12,\n    freetext_font_size_max: 24,\n    freetext_font_size_default: 14,\n    font_foreground_color: '#000000', // Black by default\n  },\n\n  highlight_annotation: {\n    highlight_fill_color: '#FFFF00',\n    highlight_fill_opacity: 0.3,\n    highlight_border_color: '#FFD700',\n    highlight_border_color_hover: '#FFD700',\n    highlight_fill_opacity_hover: 0.4,\n  },\n\n  square_annotation: {\n    square_fill_color: '#FF0000',\n    square_fill_opacity: 0.2,\n    square_border_color: '#FF0000',\n    square_border_color_hover: '#CC0000',\n    square_fill_opacity_hover: 0.3,\n  },\n\n  freetext_annotation: {\n    freetext_text_color: '#000000',\n    freetext_text_color_hover: '#000000',\n    freetext_border_color: '#003366',\n    freetext_border_width: 1,\n    freetext_background_color: '#E6F3FF',\n    freetext_background_opacity: 0.1,\n    freetext_font_weight: 'normal',\n    freetext_font_style: 'normal',\n    freetext_text_decoration: 'none',\n    freetext_padding_horizontal: 4,\n    freetext_padding_vertical: 2,\n  },\n\n  page_styling: {\n    page_border_color: '#999999',\n    page_box_shadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\n    page_background_color: '#ffffff',\n  },\n\n  viewer: {\n    viewer_background_color: '#2d2d2d',\n    append_timestamp_to_text_edits: false,\n    annotation_text_suffix_fixed_text: '',\n    add_enclosing_brackets_to_suffixes: true,\n    suffix_enclosing_brackets: '[]',\n    suffix_text_position: 'below_multi_line',\n  },\n\n  context_menu: {\n    context_menu_background_color: '#ffffff',\n    context_menu_border_color: '#d1d5db',\n    context_menu_item_hover_background: '#f3f4f6',\n    context_menu_item_disabled_opacity: 0.5,\n    right_click_custom_stamps: '', // Empty string means no custom stamps\n  },\n\n  dialog: {\n    dialog_backdrop_opacity: 0.2,\n    dialog_background_color: '#ffffff',\n    dialog_border_color: '#d1d5db',\n    dialog_button_submit_color: '#16a34a',\n    dialog_button_submit_color_hover: '#15803d',\n    dialog_button_cancel_color: '#6b7280',\n    dialog_button_cancel_color_hover: '#4b5563',\n    dialog_button_disabled_opacity: 0.4,\n  },\n\n  toolbar: {\n    toolbar_background_color: '#f9fafb',\n    toolbar_border_color: '#e5e7eb',\n    toolbar_font_family: 'system-ui, -apple-system, sans-serif',\n    toolbar_font_size: 14,\n    toolbar_font_color: '#111827',\n    toolbar_button_background_color: '#ffffff',\n    toolbar_button_background_color_hover: '#f3f4f6',\n    toolbar_button_text_color: '#374151',\n    toolbar_button_active_background_color: '#3b82f6',\n    toolbar_button_active_text_color: '#ffffff',\n    toolbar_button_save_background_color: '#10b981',\n    toolbar_button_save_background_color_hover: '#059669',\n    toolbar_button_save_text_color: '#ffffff',\n    toolbar_button_disabled_opacity: 0.5,\n    toolbar_show_zoom_controls: true,\n    toolbar_show_rotation_controls: true,\n    toolbar_show_square_button: true,\n    toolbar_show_undo_button: true,\n    toolbar_show_redo_button: true,\n    toolbar_show_save_button: true,\n    toolbar_show_metadata_button: true,\n    toolbar_show_annotate_button: true,\n    toolbar_show_file_info_button: true,\n    toolbar_show_extract_button: true,\n    toolbar_zoom_out_label: '−',\n    toolbar_zoom_in_label: '+',\n    toolbar_zoom_reset_label: 'Reset',\n    toolbar_square_label: 'Square',\n    toolbar_undo_label: 'Undo',\n    toolbar_redo_label: 'Redo',\n    toolbar_save_label: 'Save',\n    toolbar_saving_label: 'Saving...',\n    toolbar_metadata_label: 'Metadata',\n  },\n\n  file_manager: {\n    file_manager_enabled: false,\n    show_file_list: true,\n    allow_delete: true,\n    show_popout_button: true,\n    file_list_height: 60,\n    selected_color: '#3b82f6',\n    file_list_background_color: '#f9fafb',\n    file_list_border_color: '#e5e7eb',\n  },\n\n  file_upload: {\n    upload_enabled: true,\n    allowed_types: 'application/pdf,image/jpeg,image/png,image/gif,image/webp,text/plain,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel',\n    max_file_size: 10485760, // 10MB\n    max_files: 10,\n    show_add_button: true,\n    dropzone_border_color: '#d1d5db',\n    dropzone_border_color_active: '#3b82f6',\n    dropzone_background_color: '#f9fafb',\n  },\n\n  pdf_conversion: {\n    conversion_enabled: true,\n    page_size: 'letter',\n    image_quality: 0.85,\n    image_fit: 'fit',\n    margin: 36,\n  },\n\n  file_button: {\n    icon_size: 24,\n    icon_color: '#6b7280',\n    icon_color_hover: '#374151',\n    icon_color_with_files: '#3b82f6',\n    badge_background: '#3b82f6',\n    badge_text_color: '#ffffff',\n  },\n};\n"],"mappings":";;;;;;;;;AAWO,IAAM,iBAAkC;AAAA,EAC7C,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,4BAA4B;AAAA,IAC5B,uBAAuB;AAAA;AAAA,EACzB;AAAA,EAEA,sBAAsB;AAAA,IACpB,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,8BAA8B;AAAA,IAC9B,8BAA8B;AAAA,EAChC;AAAA,EAEA,mBAAmB;AAAA,IACjB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,EAC7B;AAAA,EAEA,qBAAqB;AAAA,IACnB,qBAAqB;AAAA,IACrB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,0BAA0B;AAAA,IAC1B,6BAA6B;AAAA,IAC7B,2BAA2B;AAAA,EAC7B;AAAA,EAEA,cAAc;AAAA,IACZ,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,EACzB;AAAA,EAEA,QAAQ;AAAA,IACN,yBAAyB;AAAA,IACzB,gCAAgC;AAAA,IAChC,mCAAmC;AAAA,IACnC,oCAAoC;AAAA,IACpC,2BAA2B;AAAA,IAC3B,sBAAsB;AAAA,EACxB;AAAA,EAEA,cAAc;AAAA,IACZ,+BAA+B;AAAA,IAC/B,2BAA2B;AAAA,IAC3B,oCAAoC;AAAA,IACpC,oCAAoC;AAAA,IACpC,2BAA2B;AAAA;AAAA,EAC7B;AAAA,EAEA,QAAQ;AAAA,IACN,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,kCAAkC;AAAA,IAClC,4BAA4B;AAAA,IAC5B,kCAAkC;AAAA,IAClC,gCAAgC;AAAA,EAClC;AAAA,EAEA,SAAS;AAAA,IACP,0BAA0B;AAAA,IAC1B,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iCAAiC;AAAA,IACjC,uCAAuC;AAAA,IACvC,2BAA2B;AAAA,IAC3B,wCAAwC;AAAA,IACxC,kCAAkC;AAAA,IAClC,sCAAsC;AAAA,IACtC,4CAA4C;AAAA,IAC5C,gCAAgC;AAAA,IAChC,iCAAiC;AAAA,IACjC,4BAA4B;AAAA,IAC5B,gCAAgC;AAAA,IAChC,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,8BAA8B;AAAA,IAC9B,8BAA8B;AAAA,IAC9B,+BAA+B;AAAA,IAC/B,6BAA6B;AAAA,IAC7B,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,IACvB,0BAA0B;AAAA,IAC1B,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,EAC1B;AAAA,EAEA,cAAc;AAAA,IACZ,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,4BAA4B;AAAA,IAC5B,wBAAwB;AAAA,EAC1B;AAAA,EAEA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,eAAe;AAAA;AAAA,IACf,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,IACvB,8BAA8B;AAAA,IAC9B,2BAA2B;AAAA,EAC7B;AAAA,EAEA,gBAAgB;AAAA,IACd,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EAEA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AACF;","names":[]}
+{"version":3,"sources":["../src/config/default_config.ts"],"sourcesContent":["/**\n * Default configuration values for hazo_pdf\n * All styling defaults organized by category\n */\n\nimport type { PdfViewerConfig } from '../types/config';\n\n/**\n * Default PDF Viewer Configuration\n * These values are used when no config file is provided or when values are missing\n */\nexport const default_config: PdfViewerConfig = {\n  fonts: {\n    freetext_font_family: 'Arial, sans-serif',\n    freetext_font_size_min: 12,\n    freetext_font_size_max: 24,\n    freetext_font_size_default: 14,\n    font_foreground_color: '#000000', // Black by default\n  },\n\n  highlight_annotation: {\n    highlight_fill_color: '#FFFF00',\n    highlight_fill_opacity: 0.3,\n    highlight_border_color: '#FFD700',\n    highlight_border_color_hover: '#FFD700',\n    highlight_fill_opacity_hover: 0.4,\n  },\n\n  square_annotation: {\n    square_fill_color: '#FF0000',\n    square_fill_opacity: 0.2,\n    square_border_color: '#FF0000',\n    square_border_color_hover: '#CC0000',\n    square_fill_opacity_hover: 0.3,\n  },\n\n  freetext_annotation: {\n    freetext_text_color: '#000000',\n    freetext_text_color_hover: '#000000',\n    freetext_border_color: '#003366',\n    freetext_border_width: 1,\n    freetext_background_color: '#E6F3FF',\n    freetext_background_opacity: 0.1,\n    freetext_font_weight: 'normal',\n    freetext_font_style: 'normal',\n    freetext_text_decoration: 'none',\n    freetext_padding_horizontal: 4,\n    freetext_padding_vertical: 2,\n  },\n\n  page_styling: {\n    page_border_color: '#999999',\n    page_box_shadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\n    page_background_color: '#ffffff',\n  },\n\n  viewer: {\n    viewer_background_color: '#2d2d2d',\n    append_timestamp_to_text_edits: false,\n    annotation_text_suffix_fixed_text: '',\n    add_enclosing_brackets_to_suffixes: true,\n    suffix_enclosing_brackets: '[]',\n    suffix_text_position: 'below_multi_line',\n  },\n\n  context_menu: {\n    context_menu_background_color: '#ffffff',\n    context_menu_border_color: '#d1d5db',\n    context_menu_item_hover_background: '#f3f4f6',\n    context_menu_item_disabled_opacity: 0.5,\n    right_click_custom_stamps: '', // Empty string means no custom stamps\n  },\n\n  dialog: {\n    dialog_backdrop_opacity: 0.2,\n    dialog_background_color: '#ffffff',\n    dialog_border_color: '#d1d5db',\n    dialog_button_submit_color: '#16a34a',\n    dialog_button_submit_color_hover: '#15803d',\n    dialog_button_cancel_color: '#6b7280',\n    dialog_button_cancel_color_hover: '#4b5563',\n    dialog_button_disabled_opacity: 0.4,\n  },\n\n  toolbar: {\n    toolbar_background_color: '#f9fafb',\n    toolbar_border_color: '#e5e7eb',\n    toolbar_font_family: 'system-ui, -apple-system, sans-serif',\n    toolbar_font_size: 14,\n    toolbar_font_color: '#111827',\n    toolbar_button_background_color: '#ffffff',\n    toolbar_button_background_color_hover: '#f3f4f6',\n    toolbar_button_text_color: '#374151',\n    toolbar_button_active_background_color: '#3b82f6',\n    toolbar_button_active_text_color: '#ffffff',\n    toolbar_button_save_background_color: '#10b981',\n    toolbar_button_save_background_color_hover: '#059669',\n    toolbar_button_save_text_color: '#ffffff',\n    toolbar_button_disabled_opacity: 0.5,\n    toolbar_show_zoom_controls: true,\n    toolbar_show_rotation_controls: true,\n    toolbar_show_square_button: true,\n    toolbar_show_undo_button: true,\n    toolbar_show_redo_button: true,\n    toolbar_show_save_button: true,\n    toolbar_show_metadata_button: true,\n    toolbar_show_annotate_button: true,\n    toolbar_show_file_info_button: true,\n    toolbar_show_extract_button: true,\n    toolbar_zoom_out_label: '−',\n    toolbar_zoom_in_label: '+',\n    toolbar_zoom_reset_label: 'Reset',\n    toolbar_square_label: 'Square',\n    toolbar_undo_label: 'Undo',\n    toolbar_redo_label: 'Redo',\n    toolbar_save_label: 'Save',\n    toolbar_saving_label: 'Saving...',\n    toolbar_metadata_label: 'Metadata',\n  },\n\n  file_manager: {\n    file_manager_enabled: false,\n    show_file_list: true,\n    allow_delete: true,\n    show_popout_button: true,\n    file_list_height: 60,\n    selected_color: '#3b82f6',\n    file_list_background_color: '#f9fafb',\n    file_list_border_color: '#e5e7eb',\n  },\n\n  file_upload: {\n    upload_enabled: true,\n    allowed_types: 'application/pdf,image/jpeg,image/png,image/gif,image/webp,text/plain,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel',\n    max_file_size: 10485760, // 10MB\n    max_files: 10,\n    show_add_button: true,\n    dropzone_border_color: '#d1d5db',\n    dropzone_border_color_active: '#3b82f6',\n    dropzone_background_color: '#f9fafb',\n  },\n\n  pdf_conversion: {\n    conversion_enabled: true,\n    page_size: 'letter',\n    image_quality: 0.85,\n    image_fit: 'fit',\n    margin: 36,\n  },\n\n  auto_highlight: {\n    auto_highlight_border_color: '#FF6B00',\n    auto_highlight_background_color: '#FFF3E0',\n    auto_highlight_background_opacity: 0.3,\n    auto_highlight_border_width: 1,\n    auto_highlight_normalize_text: true,\n    auto_highlight_padding_x: 2,\n    auto_highlight_padding_y: 1,\n    auto_highlight_y_offset: -3,\n  },\n\n  file_button: {\n    icon_size: 24,\n    icon_color: '#6b7280',\n    icon_color_hover: '#374151',\n    icon_color_with_files: '#3b82f6',\n    badge_background: '#3b82f6',\n    badge_text_color: '#ffffff',\n  },\n};\n"],"mappings":";;;AAWO,IAAM,iBAAkC;AAAA,EAC7C,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,4BAA4B;AAAA,IAC5B,uBAAuB;AAAA;AAAA,EACzB;AAAA,EAEA,sBAAsB;AAAA,IACpB,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,8BAA8B;AAAA,IAC9B,8BAA8B;AAAA,EAChC;AAAA,EAEA,mBAAmB;AAAA,IACjB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,EAC7B;AAAA,EAEA,qBAAqB;AAAA,IACnB,qBAAqB;AAAA,IACrB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,0BAA0B;AAAA,IAC1B,6BAA6B;AAAA,IAC7B,2BAA2B;AAAA,EAC7B;AAAA,EAEA,cAAc;AAAA,IACZ,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,EACzB;AAAA,EAEA,QAAQ;AAAA,IACN,yBAAyB;AAAA,IACzB,gCAAgC;AAAA,IAChC,mCAAmC;AAAA,IACnC,oCAAoC;AAAA,IACpC,2BAA2B;AAAA,IAC3B,sBAAsB;AAAA,EACxB;AAAA,EAEA,cAAc;AAAA,IACZ,+BAA+B;AAAA,IAC/B,2BAA2B;AAAA,IAC3B,oCAAoC;AAAA,IACpC,oCAAoC;AAAA,IACpC,2BAA2B;AAAA;AAAA,EAC7B;AAAA,EAEA,QAAQ;AAAA,IACN,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,kCAAkC;AAAA,IAClC,4BAA4B;AAAA,IAC5B,kCAAkC;AAAA,IAClC,gCAAgC;AAAA,EAClC;AAAA,EAEA,SAAS;AAAA,IACP,0BAA0B;AAAA,IAC1B,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iCAAiC;AAAA,IACjC,uCAAuC;AAAA,IACvC,2BAA2B;AAAA,IAC3B,wCAAwC;AAAA,IACxC,kCAAkC;AAAA,IAClC,sCAAsC;AAAA,IACtC,4CAA4C;AAAA,IAC5C,gCAAgC;AAAA,IAChC,iCAAiC;AAAA,IACjC,4BAA4B;AAAA,IAC5B,gCAAgC;AAAA,IAChC,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,8BAA8B;AAAA,IAC9B,8BAA8B;AAAA,IAC9B,+BAA+B;AAAA,IAC/B,6BAA6B;AAAA,IAC7B,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,IACvB,0BAA0B;AAAA,IAC1B,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,EAC1B;AAAA,EAEA,cAAc;AAAA,IACZ,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,4BAA4B;AAAA,IAC5B,wBAAwB;AAAA,EAC1B;AAAA,EAEA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,eAAe;AAAA;AAAA,IACf,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,IACvB,8BAA8B;AAAA,IAC9B,2BAA2B;AAAA,EAC7B;AAAA,EAEA,gBAAgB;AAAA,IACd,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EAEA,gBAAgB;AAAA,IACd,6BAA6B;AAAA,IAC7B,iCAAiC;AAAA,IACjC,mCAAmC;AAAA,IACnC,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,IAC/B,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,yBAAyB;AAAA,EAC3B;AAAA,EAEA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AACF;","names":[]}

package/dist/{chunk-HT7OPS2V.js → chunk-FMZPXAJT.js}

@@ -1,8 +1,10 @@
 "use client";
 import {
-  __require,
   default_config
-} from "./chunk-GFRC6LEG.js";
+} from "./chunk-CXHR3TT6.js";
+import {
+  __require
+} from "./chunk-AOSHQP7D.js";
 
 // src/components/pdf_viewer/pdf_viewer.tsx
 import { useState as useState13, useEffect as useEffect10, useRef as useRef11, useCallback as useCallback4, forwardRef, useImperativeHandle } from "react";
@@ -2790,6 +2792,40 @@ function build_config_from_ini(get_value) {
         default_config.pdf_conversion.margin
       )
     },
+    auto_highlight: {
+      auto_highlight_border_color: parse_color(
+        get_value("auto_highlight", "auto_highlight_border_color"),
+        default_config.auto_highlight.auto_highlight_border_color
+      ),
+      auto_highlight_background_color: parse_color(
+        get_value("auto_highlight", "auto_highlight_background_color"),
+        default_config.auto_highlight.auto_highlight_background_color
+      ),
+      auto_highlight_background_opacity: parse_opacity(
+        get_value("auto_highlight", "auto_highlight_background_opacity"),
+        default_config.auto_highlight.auto_highlight_background_opacity
+      ),
+      auto_highlight_border_width: parse_number(
+        get_value("auto_highlight", "auto_highlight_border_width"),
+        default_config.auto_highlight.auto_highlight_border_width
+      ),
+      auto_highlight_normalize_text: parse_boolean(
+        get_value("auto_highlight", "auto_highlight_normalize_text"),
+        default_config.auto_highlight.auto_highlight_normalize_text
+      ),
+      auto_highlight_padding_x: parse_number(
+        get_value("auto_highlight", "auto_highlight_padding_x"),
+        default_config.auto_highlight.auto_highlight_padding_x
+      ),
+      auto_highlight_padding_y: parse_number(
+        get_value("auto_highlight", "auto_highlight_padding_y"),
+        default_config.auto_highlight.auto_highlight_padding_y
+      ),
+      auto_highlight_y_offset: parse_number(
+        get_value("auto_highlight", "auto_highlight_y_offset"),
+        default_config.auto_highlight.auto_highlight_y_offset
+      )
+    },
     file_button: {
       icon_size: parse_number(
         get_value("file_button", "icon_size"),
@@ -4434,7 +4470,11 @@ var PdfViewer = forwardRef(({
   save_path,
   // File info sidepanel data props
   doc_data,
-  highlight_fields_info
+  highlight_fields_info,
+  // Auto-highlight props
+  auto_highlight_enabled,
+  auto_highlight_options,
+  auto_highlight_search_options
 }, ref) => {
   const [pdf_document, setPdfDocument] = useState13(null);
   const [loading, setLoading] = useState13(true);
@@ -4451,6 +4491,7 @@ var PdfViewer = forwardRef(({
   const [file_info_sidepanel_open, setFileInfoSidepanelOpen] = useState13(false);
   const [file_info_sidepanel_width, setFileInfoSidepanelWidth] = useState13(300);
   const [hazo_files_available, setHazoFilesAvailable] = useState13(null);
+  const [auto_highlight_ids, setAutoHighlightIds] = useState13(/* @__PURE__ */ new Set());
   const [page_rotations, setPageRotations] = useState13(/* @__PURE__ */ new Map());
   const [current_visible_page, setCurrentVisiblePage] = useState13(0);
   const [current_file, setCurrentFile] = useState13(
@@ -5099,6 +5140,107 @@ ${suffix_line}`;
       console.error("PdfViewer: Failed to popout:", err);
     }
   }, [files, current_file, viewer_title, on_popout, popout_route]);
+  useEffect10(() => {
+    const should_auto_highlight = auto_highlight_enabled !== false && // Default true
+    highlight_fields_info && highlight_fields_info.length > 0 && pdf_document;
+    if (!should_auto_highlight) {
+      return;
+    }
+    const logger2 = get_logger();
+    auto_highlight_ids.forEach((id) => {
+      const annotation = annotations.find((a) => a.id === id);
+      if (annotation) {
+        handle_annotation_delete(id);
+      }
+    });
+    setAutoHighlightIds(/* @__PURE__ */ new Set());
+    const perform_auto_highlights = async () => {
+      const { find_text_in_pdf } = await import("./text_search-GW2VYMU6.js");
+      const new_ids = /* @__PURE__ */ new Set();
+      const auto_config = config_ref.current?.auto_highlight || default_config.auto_highlight;
+      const search_opts = {
+        normalize: auto_config.auto_highlight_normalize_text,
+        padding_x: auto_config.auto_highlight_padding_x,
+        padding_y: auto_config.auto_highlight_padding_y,
+        y_offset: auto_config.auto_highlight_y_offset,
+        ...auto_highlight_search_options
+      };
+      const highlight_opts = auto_highlight_options || {
+        border_color: auto_config.auto_highlight_border_color,
+        background_color: auto_config.auto_highlight_background_color,
+        background_opacity: auto_config.auto_highlight_background_opacity,
+        border_width: auto_config.auto_highlight_border_width
+      };
+      for (const field of highlight_fields_info) {
+        try {
+          const page_idx = field.page_index ?? 0;
+          const result = await find_text_in_pdf(pdf_document, field.value, {
+            page_index: page_idx,
+            ...search_opts
+          });
+          if (result) {
+            logger2.debug("[AutoHighlight] Found text", {
+              field: field.field_name,
+              value: field.value,
+              match_type: result.match_type,
+              position: { x: result.x, y: result.y }
+            });
+            const rect = [
+              result.x,
+              result.y,
+              result.x + result.width,
+              result.y + result.height
+            ];
+            const highlight_config = config_ref.current?.highlight_annotation || default_config.highlight_annotation;
+            const annotation = {
+              id: `auto_highlight_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+              type: "Highlight",
+              page_index: page_idx,
+              rect,
+              author: "AutoHighlight",
+              date: (/* @__PURE__ */ new Date()).toISOString(),
+              contents: field.field_name,
+              // Store field name in contents
+              color: highlight_opts.background_color || highlight_config.highlight_fill_color,
+              flags: "api_highlight"
+              // Marker to identify API-created highlights
+            };
+            annotation.subject = JSON.stringify({
+              border_color: highlight_opts.border_color,
+              background_color: highlight_opts.background_color,
+              background_opacity: highlight_opts.background_opacity,
+              border_width: highlight_opts.border_width
+            });
+            handle_annotation_create(annotation);
+            new_ids.add(annotation.id);
+          } else {
+            logger2.warn("[AutoHighlight] Text not found in PDF", {
+              field: field.field_name,
+              value: field.value,
+              page: page_idx
+            });
+          }
+        } catch (err) {
+          logger2.error("[AutoHighlight] Search failed", {
+            field: field.field_name,
+            error: err instanceof Error ? err.message : String(err)
+          });
+        }
+      }
+      setAutoHighlightIds(new_ids);
+    };
+    perform_auto_highlights();
+  }, [pdf_document, highlight_fields_info, auto_highlight_enabled]);
+  useEffect10(() => {
+    return () => {
+      auto_highlight_ids.forEach((id) => {
+        const annotation = annotations.find((a) => a.id === id);
+        if (annotation) {
+          handle_annotation_delete(id);
+        }
+      });
+    };
+  }, []);
   const has_changes_to_save = annotations.length > 0 || page_rotations.size > 0;
   const handle_save = async () => {
     if (!has_changes_to_save) {
@@ -5115,7 +5257,7 @@ ${suffix_line}`;
       const original_filename = is_multi_file_mode && current_file ? current_file.name : effective_url.split("/").pop() || "document.pdf";
       const filename_without_ext = original_filename.replace(/\.pdf$/i, "");
       const output_filename = `${filename_without_ext}_annotated.pdf`;
-      const { save_annotations_to_pdf, download_pdf } = await import("./pdf_saver-IOWST6TO.js");
+      const { save_annotations_to_pdf, download_pdf } = await import("./pdf_saver-JXAIRQVL.js");
       const pdf_source = cached_pdf_data || effective_url;
       logger2.debug("[PdfViewer] Saving PDF", { source_type: cached_pdf_data ? "cached ArrayBuffer" : "URL" });
       const pdf_bytes = await save_annotations_to_pdf(pdf_source, annotations, output_filename, config_ref.current, page_rotations);
@@ -5995,4 +6137,4 @@ export {
   PdfViewer,
   pdf_viewer_default
 };
-//# sourceMappingURL=chunk-HT7OPS2V.js.map
+//# sourceMappingURL=chunk-FMZPXAJT.js.map