fix: align PDF workspace with Toolbox shell

Reviewed-on: zemion/pdf-tools#3

CHANGELOG.md

@@ -4,6 +4,28 @@ All notable changes to `pdf-tools` are documented here.
 
 The project follows a pragmatic versioning scheme while the app is still below `1.0.0`: minor versions mark coherent user-facing milestones; patch versions mark fixes and small improvements.
 
+## 0.4.3 — Aligned Toolbox content width
+
+### Changed
+
+- Expanded the PDF workspace's maximum content width from `900px` to `90rem` so it aligns with the shared Toolbox shell bar and central catalogue.
+- Bumped the app/package version to `0.4.3`.
+
+## 0.4.2 — Corrected Toolbox header orientation
+
+### Changed
+
+- Upgraded the Toolbox contract, React shell, and validation testkit to `0.2.2`.
+- Moved the Toolbox icon and `add·ideas Toolbox` label to the fixed far-left block, kept the app title and one tagline centered, and moved the fixed control cluster to the far right in the reverse order: Help, the PDF-specific Gitea source link, Apps, and Personalize.
+- Bumped the app/package version to `0.4.2`.
+
+## 0.4.1 — Stable Toolbox header layout
+
+### Changed
+
+- Upgraded the Toolbox contract, React shell, and validation testkit to `0.2.1`.
+- Adopted the stable shared top bar: the fixed left cluster contains Personalize, Apps, the PDF-specific Gitea source link, and Help; the app title and one tagline remain centered; and the fixed far-right block contains the Toolbox icon and `add·ideas Toolbox` label.
+
 ## 0.4.0 — Shared Toolbox header and themes
 
 ### Added

README.md

@@ -4,7 +4,7 @@
 
 Current hosted version: <https://pdftools.add-ideas.de>
 
-Current development release: **v0.4.0 — shared Toolbox header and themes**. See [`CHANGELOG.md`](CHANGELOG.md) for milestone history.
+Current development release: **v0.4.3 — aligned Toolbox content width**. See [`CHANGELOG.md`](CHANGELOG.md) for milestone history.
 
 Active work is tracked in Gitea issues. Durable project context is mirrored into the Gitea wiki from repository docs, including [`ROADMAP.md`](ROADMAP.md).
 
@@ -257,10 +257,10 @@ The application version shown in the header is defined in `src/version.ts`. The
 The current development baseline is:
 
 ```text
-v0.4.0 — shared Toolbox header and light/dark/system themes
+v0.4.3 — aligned Toolbox content width and light/dark/system themes
 ```
 
-This branch preserves the browser-only workspace baseline and PDF.js compatibility setup while moving the app to Toolbox SDK `0.2.0`. The displayed app/package version is `0.4.0`; the shared header and saved appearance preference now work in standalone and portal-launched sessions. Workspace state, thumbnail handling, generated download URLs, page-grid components, tests, type-checking, linting, and formatting remain separated enough to support additional feature work without turning `App.tsx` back into a monolith.
+This branch preserves the browser-only workspace baseline and PDF.js compatibility setup while using Toolbox SDK `0.2.2`. The displayed app/package version is `0.4.3`; the shared header keeps the Toolbox icon and `add·ideas Toolbox` label in a fixed far-left block, the app title and one tagline centered, and Help, the PDF source link, Apps, and Personalize in a fixed far-right cluster. The PDF workspace now shares the shell bar's `90rem` maximum width. Workspace state, thumbnail handling, generated download URLs, page-grid components, tests, type-checking, linting, and formatting remain separated enough to support additional feature work without turning `App.tsx` back into a monolith.
 
 ## Project structure
 

package-lock.json

@@ -1,16 +1,16 @@
 {
   "name": "pdf-tools",
-  "version": "0.4.0",
+  "version": "0.4.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "pdf-tools",
-      "version": "0.4.0",
+      "version": "0.4.3",
       "license": "AGPL-3.0-only",
       "dependencies": {
-        "@add-ideas/toolbox-contract": "^0.2.0",
-        "@add-ideas/toolbox-shell-react": "^0.2.0",
+        "@add-ideas/toolbox-contract": "^0.2.2",
+        "@add-ideas/toolbox-shell-react": "^0.2.2",
         "fflate": "^0.8.3",
         "pdf-lib": "^1.17.1",
         "pdfjs-dist": "^5.7.284",
@@ -18,7 +18,7 @@
         "react-dom": "^19.2.6"
       },
       "devDependencies": {
-        "@add-ideas/toolbox-testkit": "^0.2.0",
+        "@add-ideas/toolbox-testkit": "^0.2.2",
         "@eslint/js": "^10.0.1",
         "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
@@ -40,18 +40,18 @@
       }
     },
     "node_modules/@add-ideas/toolbox-contract": {
-      "version": "0.2.0",
-      "resolved": "https://git.add-ideas.de/api/packages/zemion/npm/%40add-ideas%2Ftoolbox-contract/-/0.2.0/toolbox-contract-0.2.0.tgz",
-      "integrity": "sha512-up+wY+ft1L7TbXrflcTeTOwEdcFwHBWFlGFj8skQvcLy5z2mDBpd6/7PVQKDvDTkiODu2npviHm6AFglFw+17Q==",
+      "version": "0.2.2",
+      "resolved": "https://git.add-ideas.de/api/packages/zemion/npm/%40add-ideas%2Ftoolbox-contract/-/0.2.2/toolbox-contract-0.2.2.tgz",
+      "integrity": "sha512-VcZ8j4O2PgFaIYgxs6r9u0uPxA+hHKwhCW+omfeVCtbjAAYhH2KhRlBGm0ERVVYcK5kchyzZLXrC4LKWRotVzg==",
       "license": "Apache-2.0"
     },
     "node_modules/@add-ideas/toolbox-shell-react": {
-      "version": "0.2.0",
-      "resolved": "https://git.add-ideas.de/api/packages/zemion/npm/%40add-ideas%2Ftoolbox-shell-react/-/0.2.0/toolbox-shell-react-0.2.0.tgz",
-      "integrity": "sha512-qYR+OBXX8rfB+BYCsUbpiCzo2xK12SIPWVNXHre158Da5uT6usr8rRvp5qa5u2oQJ50PNzlXyXMyTeRp0Vz5wg==",
+      "version": "0.2.2",
+      "resolved": "https://git.add-ideas.de/api/packages/zemion/npm/%40add-ideas%2Ftoolbox-shell-react/-/0.2.2/toolbox-shell-react-0.2.2.tgz",
+      "integrity": "sha512-w/xbLCd50a2Jq7vQ9Z9ygUOuqlOCRkIYlk4vSJx0mf4REJNeMYi3PE2MbaLUC4DkQWyrmatsa5HNT89o0l91BA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@add-ideas/toolbox-contract": "0.2.0"
+        "@add-ideas/toolbox-contract": "0.2.2"
       },
       "peerDependencies": {
         "react": ">=18 <20",
@@ -59,13 +59,13 @@
       }
     },
     "node_modules/@add-ideas/toolbox-testkit": {
-      "version": "0.2.0",
-      "resolved": "https://git.add-ideas.de/api/packages/zemion/npm/%40add-ideas%2Ftoolbox-testkit/-/0.2.0/toolbox-testkit-0.2.0.tgz",
-      "integrity": "sha512-+BSiWgS0F3vpjPgty9B4UtfdZTRbo97ZElb2BSb0ry57fS3cE7w7pfJW1Mzk/gV1/JChspw3JBY+4ZJDBhkiFw==",
+      "version": "0.2.2",
+      "resolved": "https://git.add-ideas.de/api/packages/zemion/npm/%40add-ideas%2Ftoolbox-testkit/-/0.2.2/toolbox-testkit-0.2.2.tgz",
+      "integrity": "sha512-ZxrRYiJI/j5aXwcd3mQItgDl1iOJ6N26+MpIG18qVZNwKKFCTCfSTzgzRooPt8rRc1MQYTPo4c+l/QpOWuTXxA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@add-ideas/toolbox-contract": "0.2.0"
+        "@add-ideas/toolbox-contract": "0.2.2"
       },
       "bin": {
         "toolbox-check": "dist/cli.js"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdf-tools",
-  "version": "0.4.0",
+  "version": "0.4.3",
   "private": true,
   "license": "AGPL-3.0-only",
   "type": "module",
@@ -23,8 +23,8 @@
     "check": "npm run manifest:check && npm run typecheck && npm run lint && npm run test && npm run build && npm run test:toolbox"
   },
   "dependencies": {
-    "@add-ideas/toolbox-contract": "^0.2.0",
-    "@add-ideas/toolbox-shell-react": "^0.2.0",
+    "@add-ideas/toolbox-contract": "^0.2.2",
+    "@add-ideas/toolbox-shell-react": "^0.2.2",
     "fflate": "^0.8.3",
     "pdf-lib": "^1.17.1",
     "pdfjs-dist": "^5.7.284",
@@ -32,7 +32,7 @@
     "react-dom": "^19.2.6"
   },
   "devDependencies": {
-    "@add-ideas/toolbox-testkit": "^0.2.0",
+    "@add-ideas/toolbox-testkit": "^0.2.2",
     "@eslint/js": "^10.0.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",

public/toolbox-app.json

@@ -28,5 +28,5 @@
     "repository": "https://git.add-ideas.de/zemion/pdf-tools",
     "license": "AGPL-3.0-only"
   },
-  "version": "0.4.0"
+  "version": "0.4.3"
 }

src/styles.css

@@ -168,7 +168,7 @@ body {
 
 .pdf-toolbox-shell .toolbox-shell__main {
   padding: 0.75rem;
-  max-width: 900px;
+  max-width: 90rem;
   display: flex;
   flex-direction: column;
   gap: 0.75rem;

src/version.ts

@@ -1 +1 @@
-export const APP_VERSION = '0.4.0';
+export const APP_VERSION = '0.4.3';

tests/layoutStyles.test.ts

@@ -0,0 +1,13 @@
+import { readFile } from 'node:fs/promises';
+import { describe, expect, it } from 'vitest';
+
+describe('Toolbox layout styles', () => {
+  it('keeps the PDF workspace aligned to the 90rem shell width', async () => {
+    const stylesheet = await readFile('src/styles.css', 'utf8');
+    const mainRule = stylesheet.match(
+      /\.pdf-toolbox-shell \.toolbox-shell__main\s*\{(?<body>[^}]*)\}/u
+    );
+
+    expect(mainRule?.groups?.body).toMatch(/\bmax-width:\s*90rem\s*;/u);
+  });
+});