hazo_pdf 1.6.0 → 1.6.1

package/README.md

@@ -890,6 +890,7 @@ You can override any or all of these on a per-highlight basis.
 | `on_load` | `(pdf: PDFDocumentProxy) => void` | Called when PDF is successfully loaded. Receives the PDF document proxy with metadata (page count, etc.). |
 | `on_error` | `(error: Error) => void` | Called when an error occurs (PDF load failure, rendering error, etc.). Receives the error object. |
 | `on_save` | `(pdf_bytes: Uint8Array, filename: string) => void` | Called when user clicks the Save button. Receives the PDF bytes with annotations embedded and a suggested filename. You can create a Blob and trigger download, or upload to a server. |
+| `on_download` | `(filename: string) => void` | Called after the Download button triggers a browser download. Receives the filename used. |
 
 ##### Annotation Management
 
@@ -999,6 +1000,7 @@ Props for managing multiple PDF files. Mutually exclusive with `url` prop.
 | `on_file_delete` | `(file_id: string) => void` | `undefined` | Callback when a file is deleted in multi-file mode. Receives file ID. |
 | `on_upload` | `(file: File, converted_pdf?: Uint8Array) => Promise<UploadResult>` | `undefined` | Callback for file upload. Receives original file and optional converted PDF (for non-PDF files). Must return `{ success: boolean, file_id?: string, url?: string, error?: string }`. |
 | `on_files_change` | `(files: FileItem[]) => void` | `undefined` | Callback when files array changes (file added, deleted, or reordered). |
+| `direct_upload` | `boolean` | `false` | When `true`, clicking "+ Add file" opens the native file picker directly (1-click). The button also accepts drag & drop. When `false` (default), clicking shows a dropzone modal first (2-click). Can also be set via `file_upload.direct_upload` in INI config. |
 | `enable_popout` | `boolean` | `false` | Enable popout to new tab feature. Shows popout button in toolbar. |
 | `popout_route` | `string` | `'/pdf-viewer'` | Route path for popout viewer. Used to construct new tab URL. |
 | `on_popout` | `(context: PopoutContext) => void` | `undefined` | Custom popout handler. Overrides default sessionStorage behavior. Receives context with file info and annotations. |
@@ -1028,7 +1030,9 @@ Props to control toolbar button visibility. These override config file values.
 | `show_metadata_button` | `boolean` | `true` | Show metadata panel button (only visible when `sidepanel_metadata_enabled` is true). |
 | `show_annotate_button` | `boolean` | `true` | Show annotate (FreeText) button. |
 | `show_file_info_button` | `boolean` | `true` | Show file info sidepanel button (only visible when `file_metadata` is provided). |
+| `show_download_button` | `boolean` | `false` | Show Download button. Downloads the PDF with annotations baked in. |
 | `show_extract_button` | `boolean` | `false` | Show Extract button for data extraction. Requires extraction props to be configured. |
+| `download_filename` | `string` | `undefined` | Custom filename for the downloaded PDF. Defaults to the original filename or `"document.pdf"`. |
 | `on_close` | `() => void` | `undefined` | Callback when close button is clicked. When provided, shows a close button (X) in the toolbar. Useful for modal/dialog usage. |
 
 **Example - Minimal toolbar:**
@@ -1838,6 +1842,39 @@ interface FileItem {
 - Files can be uploaded as PDFs or non-PDF formats (images, Excel, text files)
 - Non-PDF files are automatically converted to PDF before upload
 
+### Direct Upload Mode
+
+By default, clicking "+ Add file" opens a dropzone modal where the user must click again to browse files (2-click flow). Set `direct_upload={true}` for a faster 1-click flow where clicking "+ Add file" immediately opens the native file picker. The button also doubles as a drag & drop target.
+
+```tsx
+// 1-click upload: click "Add file" → file picker opens immediately
+<PdfViewer
+  files={files}
+  on_files_change={setFiles}
+  on_upload={handle_upload}
+  direct_upload={true}
+/>
+
+// Also works with PdfViewerDialog
+<PdfViewerDialog
+  open={is_open}
+  on_open_change={set_is_open}
+  files={files}
+  on_files_change={setFiles}
+  on_upload={handle_upload}
+  direct_upload={true}
+/>
+```
+
+This is recommended when embedding the viewer in workflows where users already know which file to upload (e.g., row-level file icons in data tables). The drag & drop capability is preserved — dragging files onto the "+ Add file" button shows a "Drop here" indicator.
+
+Can also be set via INI config:
+
+```ini
+[file_upload]
+direct_upload = true
+```
+
 ---
 
 ## PDF Rotation

package/dist/{chunk-RQOQLZRS.js → chunk-GGEFUU2N.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   default_config
-} from "./chunk-CXHR3TT6.js";
+} from "./chunk-LTUXHTQF.js";
 
 // src/utils/pdf_saver.ts
 async function save_annotations_to_pdf(pdf_source, annotations, _output_filename, config, page_rotations) {
@@ -224,4 +224,4 @@ export {
   download_pdf,
   save_and_download_pdf
 };
-//# sourceMappingURL=chunk-RQOQLZRS.js.map
+//# sourceMappingURL=chunk-GGEFUU2N.js.map

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

@@ -93,6 +93,7 @@ var default_config = {
     toolbar_show_annotate_button: true,
     toolbar_show_file_info_button: true,
     toolbar_show_extract_button: true,
+    toolbar_show_download_button: false,
     toolbar_zoom_out_label: "\u2212",
     toolbar_zoom_in_label: "+",
     toolbar_zoom_reset_label: "Reset",
@@ -122,7 +123,8 @@ var default_config = {
     show_add_button: true,
     dropzone_border_color: "#d1d5db",
     dropzone_border_color_active: "#3b82f6",
-    dropzone_background_color: "#f9fafb"
+    dropzone_background_color: "#f9fafb",
+    direct_upload: false
   },
   pdf_conversion: {
     conversion_enabled: true,
@@ -154,4 +156,4 @@ var default_config = {
 export {
   default_config
 };
-//# sourceMappingURL=chunk-CXHR3TT6.js.map
+//# sourceMappingURL=chunk-LTUXHTQF.js.map

package/dist/chunk-LTUXHTQF.js.map

@@ -0,0 +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_show_download_button: false,\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    direct_upload: false,\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":"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","names":[]}

package/dist/{chunk-ROKBDX4O.js → chunk-YEHKU7NV.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   default_config
-} from "./chunk-CXHR3TT6.js";
+} from "./chunk-LTUXHTQF.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";
-import { Save, Undo2 as Undo22, Redo2, PanelRight, PanelRightOpen, ZoomIn, ZoomOut, RotateCcw, RotateCw, RefreshCw, Square, Type, ExternalLink, Info, Sparkles, X as X5 } from "lucide-react";
+import { useState as useState13, useEffect as useEffect10, useRef as useRef11, useCallback as useCallback5, forwardRef, useImperativeHandle } from "react";
+import { Save, Download, Undo2 as Undo22, Redo2, PanelRight, PanelRightOpen, ZoomIn, ZoomOut, RotateCcw, RotateCw, RefreshCw, Square, Type, ExternalLink, Info, Sparkles, X as X5 } from "lucide-react";
 
 // src/components/pdf_viewer/toolbar_dropdown_button.tsx
 import { useState, useRef, useEffect } from "react";
@@ -2651,6 +2651,10 @@ function build_config_from_ini(get_value) {
         get_value("toolbar", "toolbar_show_extract_button"),
         default_config.toolbar.toolbar_show_extract_button
       ),
+      toolbar_show_download_button: parse_boolean(
+        get_value("toolbar", "toolbar_show_download_button"),
+        default_config.toolbar.toolbar_show_download_button
+      ),
       toolbar_zoom_out_label: parse_string(
         get_value("toolbar", "toolbar_zoom_out_label"),
         default_config.toolbar.toolbar_zoom_out_label
@@ -2754,6 +2758,10 @@ function build_config_from_ini(get_value) {
       dropzone_background_color: parse_color(
         get_value("file_upload", "dropzone_background_color"),
         default_config.file_upload.dropzone_background_color
+      ),
+      direct_upload: parse_boolean(
+        get_value("file_upload", "direct_upload"),
+        default_config.file_upload.direct_upload
       )
     },
     pdf_conversion: {
@@ -2966,10 +2974,10 @@ function get_logger() {
 }
 
 // src/components/file_manager/index.tsx
-import { useState as useState12, useCallback as useCallback3, useEffect as useEffect9 } from "react";
+import { useState as useState12, useCallback as useCallback4, useEffect as useEffect9 } from "react";
 
 // src/components/file_manager/file_list.tsx
-import { useRef as useRef9, useState as useState9, useEffect as useEffect8 } from "react";
+import { useRef as useRef9, useState as useState9, useEffect as useEffect8, useCallback as useCallback2 } from "react";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3, Plus } from "lucide-react";
 
 // src/components/file_manager/file_list_item.tsx
@@ -3056,7 +3064,7 @@ var FileListItem = ({
 };
 
 // src/components/file_manager/file_list.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var FileList = ({
   files,
   selected_file_id,
@@ -3064,13 +3072,19 @@ var FileList = ({
   on_select,
   on_delete,
   on_add_click,
+  on_files_selected,
   className
 }) => {
   const scroll_ref = useRef9(null);
+  const file_input_ref = useRef9(null);
+  const drag_counter = useRef9(0);
   const [can_scroll_left, setCanScrollLeft] = useState9(false);
   const [can_scroll_right, setCanScrollRight] = useState9(false);
+  const [is_dragging, setIsDragging] = useState9(false);
   const file_manager_config = config?.file_manager;
   const upload_config = config?.file_upload;
+  const is_direct_upload = !!on_files_selected;
+  const accept_string = upload_config?.allowed_types || "application/pdf";
   const update_scroll_state = () => {
     if (!scroll_ref.current) return;
     const { scrollLeft, scrollWidth, clientWidth } = scroll_ref.current;
@@ -3105,11 +3119,54 @@ var FileList = ({
       });
     }
   }, [selected_file_id]);
+  const handle_add_click = useCallback2(() => {
+    if (is_direct_upload) {
+      file_input_ref.current?.click();
+    } else {
+      on_add_click?.();
+    }
+  }, [is_direct_upload, on_add_click]);
+  const handle_input_change = useCallback2((e) => {
+    if (e.target.files && e.target.files.length > 0) {
+      on_files_selected?.(Array.from(e.target.files));
+      e.target.value = "";
+    }
+  }, [on_files_selected]);
+  const handle_drag_enter = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    drag_counter.current++;
+    if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+      setIsDragging(true);
+    }
+  }, []);
+  const handle_drag_leave = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    drag_counter.current--;
+    if (drag_counter.current === 0) {
+      setIsDragging(false);
+    }
+  }, []);
+  const handle_drag_over = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handle_drop = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+    drag_counter.current = 0;
+    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+      on_files_selected?.(Array.from(e.dataTransfer.files));
+    }
+  }, [on_files_selected]);
   const height = file_manager_config?.file_list_height || 60;
   const background_color = file_manager_config?.file_list_background_color || "#f3f4f6";
   const border_color = file_manager_config?.file_list_border_color || "#e5e7eb";
   const allow_delete = file_manager_config?.allow_delete ?? true;
   const show_add_button = upload_config?.show_add_button ?? true;
+  const has_add_handler = is_direct_upload || !!on_add_click;
   return /* @__PURE__ */ jsxs9(
     "div",
     {
@@ -3153,19 +3210,41 @@ var FileList = ({
                 },
                 file.id
               )),
-              show_add_button && on_add_click && /* @__PURE__ */ jsxs9(
-                "button",
-                {
-                  className: "cls_file_list_add_btn",
-                  onClick: on_add_click,
-                  "aria-label": "Add file",
-                  title: "Add file",
-                  children: [
-                    /* @__PURE__ */ jsx10(Plus, { size: 16 }),
-                    /* @__PURE__ */ jsx10("span", { className: "cls_file_list_add_btn_text", children: "Add file" })
-                  ]
-                }
-              )
+              show_add_button && has_add_handler && /* @__PURE__ */ jsxs9(Fragment5, { children: [
+                /* @__PURE__ */ jsxs9(
+                  "button",
+                  {
+                    className: cn(
+                      "cls_file_list_add_btn",
+                      is_dragging && "cls_file_list_add_btn_dragging"
+                    ),
+                    onClick: handle_add_click,
+                    onDragEnter: is_direct_upload ? handle_drag_enter : void 0,
+                    onDragLeave: is_direct_upload ? handle_drag_leave : void 0,
+                    onDragOver: is_direct_upload ? handle_drag_over : void 0,
+                    onDrop: is_direct_upload ? handle_drop : void 0,
+                    "aria-label": "Add file",
+                    title: is_direct_upload ? "Click to browse or drag files here" : "Add file",
+                    children: [
+                      /* @__PURE__ */ jsx10(Plus, { size: 16 }),
+                      /* @__PURE__ */ jsx10("span", { className: "cls_file_list_add_btn_text", children: is_dragging ? "Drop here" : "Add file" })
+                    ]
+                  }
+                ),
+                is_direct_upload && /* @__PURE__ */ jsx10(
+                  "input",
+                  {
+                    ref: file_input_ref,
+                    type: "file",
+                    accept: accept_string,
+                    multiple: true,
+                    onChange: handle_input_change,
+                    style: { display: "none" },
+                    "aria-hidden": "true",
+                    tabIndex: -1
+                  }
+                )
+              ] })
             ]
           }
         ),
@@ -3189,7 +3268,7 @@ var FileList = ({
 };
 
 // src/components/file_manager/upload_dropzone.tsx
-import { useState as useState10, useRef as useRef10, useCallback as useCallback2 } from "react";
+import { useState as useState10, useRef as useRef10, useCallback as useCallback3 } from "react";
 import { Upload, X as X4 } from "lucide-react";
 
 // src/components/file_manager/upload_progress.tsx
@@ -3279,7 +3358,7 @@ var UploadDropzone = ({
   const allowed_types = (upload_config?.allowed_types || "application/pdf").split(",").map((t) => t.trim());
   const max_file_size = upload_config?.max_file_size || 10485760;
   const max_files = upload_config?.max_files || 10;
-  const validate_file = useCallback2((file) => {
+  const validate_file = useCallback3((file) => {
     const is_type_allowed = allowed_types.some((type) => {
       const trimmed = type.trim().toLowerCase();
       const file_type = file.type.toLowerCase();
@@ -3299,7 +3378,7 @@ var UploadDropzone = ({
     }
     return null;
   }, [allowed_types, max_file_size]);
-  const handle_files = useCallback2((file_list) => {
+  const handle_files = useCallback3((file_list) => {
     const files = Array.from(file_list);
     setValidationError(null);
     if (files.length === 0) {
@@ -4169,11 +4248,11 @@ var FileManager = ({
       setInternalSelectedId(external_selected_id);
     }
   }, [external_selected_id]);
-  const handle_file_select = useCallback3((file) => {
+  const handle_file_select = useCallback4((file) => {
     setInternalSelectedId(file.id);
     on_file_select?.(file);
   }, [on_file_select]);
-  const handle_file_delete = useCallback3((file_id) => {
+  const handle_file_delete = useCallback4((file_id) => {
     const new_files = files.filter((f) => f.id !== file_id);
     setInternalFiles(new_files);
     setTimeout(() => on_files_change?.(new_files), 0);
@@ -4184,7 +4263,7 @@ var FileManager = ({
       setInternalSelectedId(null);
     }
   }, [files, selected_file_id, on_files_change, on_file_delete, handle_file_select]);
-  const handle_files_selected = useCallback3(async (selected_files) => {
+  const handle_files_selected = useCallback4(async (selected_files) => {
     const conversion_config = config?.pdf_conversion;
     for (const file of selected_files) {
       const file_id = generate_file_id();
@@ -4316,6 +4395,7 @@ var FileManager = ({
   }, [config, on_upload, on_files_change, handle_file_select]);
   const file_manager_config = config?.file_manager;
   const upload_config = config?.file_upload;
+  const is_direct_upload = upload_config?.direct_upload ?? false;
   if (show_button_only) {
     return /* @__PURE__ */ jsx14(
       FileManagerButton,
@@ -4336,10 +4416,11 @@ var FileManager = ({
         config,
         on_select: handle_file_select,
         on_delete: file_manager_config?.allow_delete !== false ? handle_file_delete : void 0,
-        on_add_click: upload_config?.upload_enabled !== false ? () => setShowDropzone(true) : void 0
+        on_add_click: upload_config?.upload_enabled !== false && !is_direct_upload ? () => setShowDropzone(true) : void 0,
+        on_files_selected: upload_config?.upload_enabled !== false && is_direct_upload ? handle_files_selected : void 0
       }
     ),
-    show_dropzone && /* @__PURE__ */ jsx14("div", { className: "cls_file_manager_dropzone_overlay", children: /* @__PURE__ */ jsx14("div", { className: "cls_file_manager_dropzone_dialog", children: /* @__PURE__ */ jsx14(
+    show_dropzone && !is_direct_upload && /* @__PURE__ */ jsx14("div", { className: "cls_file_manager_dropzone_overlay", children: /* @__PURE__ */ jsx14("div", { className: "cls_file_manager_dropzone_dialog", children: /* @__PURE__ */ jsx14(
       UploadDropzone,
       {
         config,
@@ -4411,7 +4492,7 @@ async function save_pdf_data(pdf_bytes, remote_path, file_manager, overwrite = t
 }
 
 // src/components/pdf_viewer/pdf_viewer.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var POPOUT_STORAGE_KEY = "hazo_pdf_popout";
 var PdfViewer = forwardRef(({
   url,
@@ -4441,6 +4522,7 @@ var PdfViewer = forwardRef(({
   show_undo_button,
   show_redo_button,
   show_save_button,
+  show_download_button,
   show_metadata_button,
   show_annotate_button,
   show_file_info_button,
@@ -4460,6 +4542,8 @@ var PdfViewer = forwardRef(({
   on_upload,
   on_files_change,
   // file_manager_display_mode is reserved for future use (dialog/standalone modes)
+  download_filename,
+  on_download,
   enable_popout = false,
   popout_route = "/pdf-viewer",
   on_popout,
@@ -4468,6 +4552,8 @@ var PdfViewer = forwardRef(({
   // hazo_files integration props
   file_manager,
   save_path,
+  // Upload behavior
+  direct_upload,
   // File info sidepanel data props
   doc_data,
   highlight_fields_info,
@@ -4484,6 +4570,7 @@ var PdfViewer = forwardRef(({
   const [annotations, setAnnotations] = useState13(initial_annotations);
   const [current_tool, setCurrentTool] = useState13(null);
   const [saving, setSaving] = useState13(false);
+  const [downloading, setDownloading] = useState13(false);
   const [extracting, setExtracting] = useState13(false);
   const [extract_error, setExtractError] = useState13(null);
   const [sidepanel_open, setSidepanelOpen] = useState13(false);
@@ -4494,6 +4581,7 @@ var PdfViewer = forwardRef(({
   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 [, setConfigVersion] = useState13(0);
   const [current_file, setCurrentFile] = useState13(
     files && files.length > 0 ? files[0] : null
   );
@@ -4531,11 +4619,11 @@ var PdfViewer = forwardRef(({
       setCurrentFile(null);
     }
   }, [files]);
-  const handle_file_select = useCallback4((file) => {
+  const handle_file_select = useCallback5((file) => {
     setCurrentFile(file);
     on_file_select?.(file);
   }, [on_file_select]);
-  const config_ref = useRef11(null);
+  const config_ref = useRef11(load_pdf_config());
   useEffect10(() => {
     if (!config_file) {
       config_ref.current = load_pdf_config();
@@ -4545,6 +4633,7 @@ var PdfViewer = forwardRef(({
     if (is_browser) {
       load_pdf_config_async(config_file).then((config) => {
         config_ref.current = config;
+        setConfigVersion((v) => v + 1);
         console.log("[PdfViewer] Config loaded:", {
           append_timestamp_to_text_edits: config.viewer.append_timestamp_to_text_edits,
           config_object: config
@@ -4552,6 +4641,7 @@ var PdfViewer = forwardRef(({
       }).catch((error2) => {
         console.warn(`[PdfViewer] Could not load config file "${config_file}", using defaults:`, error2);
         config_ref.current = load_pdf_config();
+        setConfigVersion((v) => v + 1);
       });
     } else {
       config_ref.current = load_pdf_config(config_file);
@@ -4560,6 +4650,15 @@ var PdfViewer = forwardRef(({
       });
     }
   }, [config_file]);
+  if (direct_upload !== void 0 && config_ref.current) {
+    config_ref.current = {
+      ...config_ref.current,
+      file_upload: {
+        ...config_ref.current.file_upload,
+        direct_upload
+      }
+    };
+  }
   const effective_background_color = background_color || config_ref.current?.viewer.viewer_background_color || "#2d2d2d";
   const format_annotation_timestamp = () => {
     const now = /* @__PURE__ */ new Date();
@@ -5016,7 +5115,7 @@ ${suffix_line}`;
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [annotations, handle_annotation_create, handle_annotation_delete]);
-  const handle_undo = useCallback4(() => {
+  const handle_undo = useCallback5(() => {
     if (history_index > 0) {
       history_ref.current.saving = true;
       const previous_index = history_index - 1;
@@ -5028,7 +5127,7 @@ ${suffix_line}`;
       }, 0);
     }
   }, [history_index, history]);
-  const handle_redo = useCallback4(() => {
+  const handle_redo = useCallback5(() => {
     if (history_index < history.length - 1) {
       history_ref.current.saving = true;
       const next_index = history_index + 1;
@@ -5074,7 +5173,7 @@ ${suffix_line}`;
     if (normalized < 0) normalized += 360;
     return normalized;
   };
-  const handle_rotate_left = useCallback4(() => {
+  const handle_rotate_left = useCallback5(() => {
     setPageRotations((prev) => {
       const new_map = new Map(prev);
       const current_rotation = new_map.get(current_visible_page) || 0;
@@ -5082,7 +5181,7 @@ ${suffix_line}`;
       return new_map;
     });
   }, [current_visible_page]);
-  const handle_rotate_right = useCallback4(() => {
+  const handle_rotate_right = useCallback5(() => {
     setPageRotations((prev) => {
       const new_map = new Map(prev);
       const current_rotation = new_map.get(current_visible_page) || 0;
@@ -5090,7 +5189,7 @@ ${suffix_line}`;
       return new_map;
     });
   }, [current_visible_page]);
-  const handle_rotate_all_left = useCallback4(() => {
+  const handle_rotate_all_left = useCallback5(() => {
     if (!pdf_document) return;
     setPageRotations((prev) => {
       const new_map = new Map(prev);
@@ -5101,7 +5200,7 @@ ${suffix_line}`;
       return new_map;
     });
   }, [pdf_document]);
-  const handle_rotate_all_right = useCallback4(() => {
+  const handle_rotate_all_right = useCallback5(() => {
     if (!pdf_document) return;
     setPageRotations((prev) => {
       const new_map = new Map(prev);
@@ -5112,7 +5211,7 @@ ${suffix_line}`;
       return new_map;
     });
   }, [pdf_document]);
-  const handle_visible_page_change = useCallback4((page_index) => {
+  const handle_visible_page_change = useCallback5((page_index) => {
     setCurrentVisiblePage(page_index);
   }, []);
   const handle_sidepanel_toggle = () => {
@@ -5133,7 +5232,7 @@ ${suffix_line}`;
     }
     return { updatedRow, allData };
   };
-  const handle_popout = useCallback4(() => {
+  const handle_popout = useCallback5(() => {
     if (!files || files.length === 0) {
       console.warn("PdfViewer: No files to popout");
       return;
@@ -5272,7 +5371,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-JXAIRQVL.js");
+      const { save_annotations_to_pdf, download_pdf } = await import("./pdf_saver-C2X4AZYR.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);
@@ -5299,6 +5398,32 @@ ${suffix_line}`;
       setSaving(false);
     }
   };
+  const handle_download = async () => {
+    if (!effective_url && !cached_pdf_data) {
+      console.error("PdfViewer: No PDF available for download");
+      return;
+    }
+    setDownloading(true);
+    try {
+      const logger2 = get_logger();
+      const { save_annotations_to_pdf, download_pdf } = await import("./pdf_saver-C2X4AZYR.js");
+      const original_filename = is_multi_file_mode && current_file ? current_file.name : effective_url?.split("/").pop() || "document.pdf";
+      const output_filename = download_filename || original_filename;
+      const pdf_source = cached_pdf_data || effective_url;
+      logger2.debug("[PdfViewer] Downloading PDF", { filename: output_filename });
+      const pdf_bytes = await save_annotations_to_pdf(pdf_source, annotations, output_filename, config_ref.current, page_rotations);
+      download_pdf(pdf_bytes, output_filename);
+      on_download?.(output_filename);
+    } catch (error2) {
+      console.error("PdfViewer: Error downloading PDF:", error2);
+      const error_obj = error2 instanceof Error ? error2 : new Error(String(error2));
+      if (on_error) {
+        on_error(error_obj);
+      }
+    } finally {
+      setDownloading(false);
+    }
+  };
   const handle_extract = async () => {
     if (!extract_api_endpoint) {
       console.warn("PdfViewer: No extract_api_endpoint configured");
@@ -5412,6 +5537,7 @@ ${suffix_line}`;
     toolbar_show_annotate_button: show_annotate_button ?? base_toolbar_config.toolbar_show_annotate_button,
     toolbar_show_file_info_button: show_file_info_button ?? base_toolbar_config.toolbar_show_file_info_button,
     toolbar_show_extract_button: show_extract_button ?? base_toolbar_config.toolbar_show_extract_button,
+    toolbar_show_download_button: show_download_button ?? base_toolbar_config.toolbar_show_download_button,
     toolbar_show_rotation_controls: base_toolbar_config.toolbar_show_rotation_controls ?? true
   };
   const is_toolbar_enabled = toolbar_enabled ?? true;
@@ -5690,6 +5816,35 @@ ${suffix_line}`;
               children: /* @__PURE__ */ jsx15(Save, { className: "cls_pdf_viewer_toolbar_icon", size: 16 })
             }
           ) }),
+          toolbar_config.toolbar_show_download_button && /* @__PURE__ */ jsx15("div", { className: "cls_pdf_viewer_toolbar_group", children: /* @__PURE__ */ jsx15(
+            "button",
+            {
+              type: "button",
+              onClick: handle_download,
+              disabled: downloading || !pdf_document,
+              className: cn(
+                "cls_pdf_viewer_toolbar_button",
+                "cls_pdf_viewer_toolbar_button_download",
+                (downloading || !pdf_document) && "cls_pdf_viewer_toolbar_button_disabled"
+              ),
+              "aria-label": "Download PDF",
+              title: downloading ? "Downloading..." : "Download PDF",
+              style: {
+                backgroundColor: toolbar_config.toolbar_button_background_color,
+                color: toolbar_config.toolbar_button_text_color,
+                opacity: downloading || !pdf_document ? toolbar_config.toolbar_button_disabled_opacity : 1
+              },
+              onMouseEnter: (e) => {
+                if (!(downloading || !pdf_document)) {
+                  e.currentTarget.style.backgroundColor = toolbar_config.toolbar_button_background_color_hover;
+                }
+              },
+              onMouseLeave: (e) => {
+                e.currentTarget.style.backgroundColor = toolbar_config.toolbar_button_background_color;
+              },
+              children: /* @__PURE__ */ jsx15(Download, { className: "cls_pdf_viewer_toolbar_icon", size: 16 })
+            }
+          ) }),
           toolbar_config.toolbar_show_extract_button && extract_api_endpoint && /* @__PURE__ */ jsx15("div", { className: "cls_pdf_viewer_toolbar_group", children: /* @__PURE__ */ jsx15(
             "button",
             {
@@ -5945,7 +6100,7 @@ ${suffix_line}`;
         )
       ] });
     })(),
-    context_menu?.visible && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    context_menu?.visible && /* @__PURE__ */ jsxs14(Fragment6, { children: [
       /* @__PURE__ */ jsx15(
         "div",
         {
@@ -6152,4 +6307,4 @@ export {
   PdfViewer,
   pdf_viewer_default
 };
-//# sourceMappingURL=chunk-ROKBDX4O.js.map
+//# sourceMappingURL=chunk-YEHKU7NV.js.map