hazo_pdf 1.6.0 → 1.6.2

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,10 @@ 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"`. |
+| `display_filename` | `string` | `undefined` | Override the displayed filename in the file info sidepanel. Useful when `url` is an API endpoint that produces a non-human-readable path. |
 | `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 +1843,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-ROKBDX4O.js → chunk-ETZ57VO7.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,9 @@ var PdfViewer = forwardRef(({
   on_upload,
   on_files_change,
   // file_manager_display_mode is reserved for future use (dialog/standalone modes)
+  download_filename,
+  display_filename,
+  on_download,
   enable_popout = false,
   popout_route = "/pdf-viewer",
   on_popout,
@@ -4468,6 +4553,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 +4571,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 +4582,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 +4620,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 +4634,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 +4642,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 +4651,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 +5116,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 +5128,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 +5174,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 +5182,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 +5190,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 +5201,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 +5212,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 +5233,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 +5372,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 +5399,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");
@@ -5322,7 +5448,7 @@ ${suffix_line}`;
     setExtractError(null);
     try {
       const logger2 = get_logger();
-      const current_filename = is_multi_file_mode ? current_file?.name : url ? url.split("/").pop() || "unknown" : "unknown";
+      const current_filename = is_multi_file_mode ? current_file?.name : display_filename || (url ? url.split("/").pop() || "unknown" : "unknown");
       logger2.info("[PdfViewer] Starting data extraction", { filename: current_filename });
       const bytes = new Uint8Array(cached_pdf_data);
       let binary = "";
@@ -5412,6 +5538,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 +5817,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",
             {
@@ -5924,7 +6080,7 @@ ${suffix_line}`;
             is_open: file_info_sidepanel_open,
             on_toggle: handle_file_info_sidepanel_toggle,
             item: (() => {
-              const filename = current_file?.name || (url ? url.split("/").pop() || "" : "");
+              const filename = current_file?.name || display_filename || (url ? url.split("/").pop() || "" : "");
               const filepath = effective_url || "";
               if (!filename) return null;
               return {
@@ -5938,14 +6094,14 @@ ${suffix_line}`;
             width: file_info_sidepanel_width,
             on_width_change: handle_file_info_sidepanel_width_change,
             file_metadata,
-            current_filename: current_file?.name || (url ? url.split("/").pop() || "" : ""),
+            current_filename: current_file?.name || display_filename || (url ? url.split("/").pop() || "" : ""),
             doc_data,
             highlight_fields_info
           }
         )
       ] });
     })(),
-    context_menu?.visible && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    context_menu?.visible && /* @__PURE__ */ jsxs14(Fragment6, { children: [
       /* @__PURE__ */ jsx15(
         "div",
         {
@@ -6152,4 +6308,4 @@ export {
   PdfViewer,
   pdf_viewer_default
 };
-//# sourceMappingURL=chunk-ROKBDX4O.js.map
+//# sourceMappingURL=chunk-ETZ57VO7.js.map