Skip to content

Increment 5: Pipeline UX + storyboard editing#11

Merged
amoghbanta merged 3 commits intomainfrom
increment-5-pipeline-ux
Feb 10, 2026
Merged

Increment 5: Pipeline UX + storyboard editing#11
amoghbanta merged 3 commits intomainfrom
increment-5-pipeline-ux

Conversation

@amoghbanta
Copy link
Collaborator

Summary

  • Storyboard edit mode: Click rendered page → edit text entries (type, content, pruning), toggle image pruning, save as new version, re-render single page via LLM
  • Pipeline tile grid: Redesigned step indicators from vertical list to 3-column tile grid with theme-aware colors and elapsed timer
  • Live page previews: Thumbnails + text snippets shown progressively while pipeline runs
  • SSE resilience: Fixed reconnection (preserve state, don't close on connection drops), added 10s polling fallback
  • Pipeline config form: Replaced redundant book detail layout with API key, page range, and concurrency options
  • Font consistency: Strip inline font-family from rendered HTML to prevent per-page font changes
  • Step completion inference: Mark steps done from page-level progress data before batch event

Test plan

  • pnpm test — 223 tests pass
  • pnpm typecheck — clean
  • Manual: upload PDF → configure pipeline options → run → verify tile grid updates
  • Manual: navigate away and back during pipeline → auto-reconnects
  • Manual: open page → edit text → save → re-render → verify updated HTML

- API: PUT endpoints for text-classification and image-classification
  with Zod validation, versioned storage via putNodeData
- API: POST re-render endpoint + page-edit-service that assembles
  render inputs and calls renderPage() from @adt/pipeline
- Frontend: 3-panel layout (pipeline inputs | rendered output | original page)
  filling the viewport with independent scrolling per column
- Frontend: TextGroupEditor, ImagePruningEditor, EditToolbar components
- Frontend: TanStack Query mutations with cache invalidation
- Broken images in rendered HTML replaced with visual placeholders
  showing alt text and failed source path
- Re-render API call has 2-min timeout; errors shown in dismissable banner
… form

- Redesign pipeline step indicators as tile grid (3-col) with theme-aware colors
- Add PagePreviewGrid showing thumbnails + text progressively during pipeline
- Fix SSE: preserve progress on reconnect, only close on actual errors (not drops)
- Add polling fallback (10s) to catch completion if SSE misses it
- Auto-reconnect to running pipeline when navigating back to book page
- Add elapsed timer and LLM retry hint on active step tiles
- Replace redundant book detail layout with pipeline configuration form
  (API key, page range, concurrency options)
- Fix inconsistent fonts in rendered HTML by stripping inline font-family
- Infer step completion from page progress data (before batch step-complete event)
- Add textPreview to pages API for progressive content display
- Add tabs, userStory PDF to repo
@amoghbanta amoghbanta merged commit 04f6985 into main Feb 10, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant