Back to Home

Changelog

Track updates and new features

v1.2.0

Guided Tour & Improved Discoverability

2026-01-10

Interactive Guided Tour

New onboarding experience powered by Driver.js

  • •5-step tour covering all main features
  • •Click 'Guide' button in header to start anytime
  • •Tour progress indicator
  • •Themed popover matching app design
Help Button

Prominent 'Guide' button in the header toolbar

  • •Easy access to feature tour
  • •Primary color styling for visibility
  • •Tooltip with description
FAB Pulse Animation

Visual indicator for first-time users

  • •Pulsing ring animation on floating action button
  • •Stops after first interaction
  • •Persisted state in localStorage
FAB Opens by Default

Tools menu expanded on first visit for better discoverability

  • •First-time users see all tools immediately
  • •State remembered for returning users
  • •Reduces confusion about the + button purpose
Cursor/Select Tool

New tool to exit annotation modes and return to normal cursor

  • •Click to exit any active annotation mode
  • •Shows as 'active' when no mode is selected
  • •Solves confusion between arrow tool and cursor
Technical Changes
  • • Added `driver.js` library for guided tours
  • • Created `useTour` hook in `/app/hooks/useTour.ts`
  • • Added `data-tour` attributes to key UI elements
  • • Added Driver.js theme overrides in app.css
  • • Restored FAB pulse animation with `animate-pulse-ring` class
  • • FAB `isOpen` state now initialized from localStorage for first-time detection
  • • Added `MousePointer2` cursor tool with `onExitAllModes` handler
v1.1.1

Package Update & Bug Fix

2026-01-04

Package Update

Updated react-pdf-highlighter-plus to v1.1.3

  • •Fixed CSS import path (now uses dist/esm/style/style.css)
  • •Improved package structure
Technical Changes
  • • Updated `react-pdf-highlighter-plus` from v1.1.2 to v1.1.3
  • • Fixed CSS import in root.tsx to use new path
v1.1.0

Left Panel & Theme Integration

2026-01-02

Left Panel

Added collapsible document panel with navigation features

  • •Document Outline tab (table of contents navigation)
  • •Page Thumbnails tab (visual page navigation)
  • •Click-to-navigate functionality
  • •Toggle button in header
PDF Viewer Theme Integration

Connected app theme to PDF viewer for consistent styling

  • •Dark mode with PDF page inversion (0.87 intensity)
  • •Custom scrollbar colors matching app theme
  • •Container background synced with theme
Dual Panel Layout

New layout structure with panels on both sides

  • •Left Panel (Document Outline & Pages) - toggle with left button
  • •Right Sidebar (Highlights) - toggle with right button
useEffectiveTheme Hook

New hook to resolve "system" theme to actual light/dark mode

Technical Changes
  • • Added `LeftPanel` component from react-pdf-highlighter-plus
  • • Added `PdfHighlighterTheme` for PDF viewer theming
  • • Added `leftPanelTheme` configuration matching shadcn/ui colors
  • • Restructured PdfViewer layout with CSS order for proper rendering
  • • Added viewer/linkService/eventBus integration for outline navigation
  • • Created `/app/hooks/useEffectiveTheme.ts`
v1.0.0

Initial Release

Initial Release

Core Features

Complete PDF annotation toolkit

  • •Text highlighting with comments
  • •Area selection (Alt + drag)
  • •Freetext sticky notes
  • •Image & signature embedding
  • •Freehand drawing
  • •Shape annotations (rectangle, circle, arrow)
  • •PDF export with annotations
Theming

Comprehensive theme support

  • •Dark/Light mode toggle
  • •System theme detection
  • •6 color themes: Blue, Orange, Yellow, Green, Purple, Rose
Persistence

Data storage and management

  • •LocalStorage persistence for annotations
  • •Zustand state management