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