@open-press/core 1.1.1 → 1.1.2

package/engine/commands/dev.mjs

@@ -17,7 +17,7 @@ export async function run({ root, options }) {
   }
   const host = options.host ?? "127.0.0.1";
   const port = options.port ?? "5173";
-  const url = `http://${host}:${port}/?dev=1`;
+  const url = `http://${host}:${port}/workspace`;
   if (options.dryRun) {
     console.log(`OpenPress dev URL: ${url}`);
     if (!options.noBuild) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-press/core",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "description": "open-press core — runtime primitives, CLI, and render pipeline for AI-first fixed-layout documents.",
   "license": "MIT",

package/src/openpress/app/OpenPressApp.tsx

@@ -218,20 +218,33 @@ export function OpenPressApp() {
 
 function currentSlugFromLocation(): string {
   if (typeof window === "undefined") return "";
-  return normalizeSlug(window.location.pathname);
+  return slugFromWorkspacePathname(window.location.pathname);
 }
 
 function normalizeSlug(raw: string): string {
   return raw.replace(/^\/+|\/+$/g, "");
 }
 
+function slugFromWorkspacePathname(pathname: string): string {
+  const normalized = normalizeSlug(pathname);
+  if (!normalized || normalized === "workspace") return "";
+
+  const segments = normalized.split("/").filter(Boolean);
+  if (segments.length === 2 && segments[1] === "preview") {
+    return segments[0] ?? "";
+  }
+
+  // Legacy static/public route compatibility. New workspace navigation
+  // writes /workspace and /<press-slug>/preview.
+  return normalized;
+}
+
 function pushSlug(slug: string) {
   if (typeof window === "undefined") return;
-  // Preserve the current query string (e.g. ?dev=1 keeps the workbench
-  // chrome alive across gallery navigation). Drop the hash — it's a
-  // page anchor that means nothing in a different document.
-  const pathname = slug ? `/${normalizeSlug(slug)}` : "/";
-  const target = `${pathname}${window.location.search}`;
+  // Drop query + hash: workbench routing is path-based, and page anchors
+  // do not transfer across documents.
+  const pathname = slug ? `/${normalizeSlug(slug)}/preview` : "/workspace";
+  const target = pathname;
   if (window.location.pathname === pathname) return;
   window.history.pushState({}, "", target);
 }

package/src/openpress/reader/PageThumbnailsPanel.tsx

@@ -69,6 +69,7 @@ function ThumbnailCard({
   aspectRatio: string;
 }) {
   const surfaceRef = useRef<HTMLDivElement>(null);
+  const cardRef = useRef<HTMLDivElement>(null);
   const [scale, setScale] = useState<number | null>(null);
 
   useEffect(() => {
@@ -86,6 +87,11 @@ function ThumbnailCard({
     return () => ro.disconnect();
   }, [pageWidthPx, pageHeightPx]);
 
+  useEffect(() => {
+    if (!active) return;
+    cardRef.current?.scrollIntoView({ block: "nearest" });
+  }, [active]);
+
   const className = `openpress-thumb-card${active ? " is-active" : ""}`;
   // Wrap the page HTML using the same class structure as the main
   // reader (`.openpress-html-page > .openpress-html-page__html`) so
@@ -117,6 +123,7 @@ function ThumbnailCard({
 
   return (
     <div
+      ref={cardRef}
       role="button"
       tabIndex={0}
       className={className}

package/src/openpress/shared/runtimeMode.ts

@@ -2,10 +2,18 @@ export function isLocalWorkspaceHost(hostname: string) {
   return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1";
 }
 
-export function isWorkspaceModeLocation(location: Pick<Location, "hostname" | "search">) {
-  return isLocalWorkspaceHost(location.hostname) && new URLSearchParams(location.search).has("dev");
+export function isWorkspaceModeLocation(location: Pick<Location, "hostname" | "pathname">) {
+  if (!isLocalWorkspaceHost(location.hostname)) return false;
+  const pathname = normalizePathname(location.pathname);
+  if (pathname === "workspace") return true;
+  const segments = pathname.split("/").filter(Boolean);
+  return segments.length === 2 && segments[1] === "preview";
 }
 
 export function isPrintModeLocation(location: Pick<Location, "search">) {
   return new URLSearchParams(location.search).has("print");
 }
+
+function normalizePathname(pathname: string) {
+  return pathname.replace(/^\/+|\/+$/g, "");
+}

package/src/styles/openpress/workbench-panels.css

@@ -597,24 +597,36 @@
    (canvas-style Press: social posts, slides). Renders the actual page
    HTML scaled down so the user can navigate by visual recognition. */
 .openpress-reader-app .openpress-panel-section--thumbnails {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 8px 14px 16px;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr);
   min-height: 0;
+  overflow: hidden;
+  padding: 8px 14px 12px;
 }
 
 .openpress-reader-app .openpress-thumb-list {
   display: flex;
+  min-height: 0;
   flex-direction: column;
   gap: 10px;
   margin: 0;
-  padding: 0;
+  overflow: auto;
+  padding: 0 0 10px;
   list-style: none;
+  overscroll-behavior: contain;
+  scrollbar-width: none;
+}
+
+.openpress-reader-app .openpress-thumb-list::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
 }
 
 .openpress-reader-app .openpress-thumb-card {
   display: grid;
+  width: 100%;
+  min-width: 0;
   grid-template-columns: 20px minmax(0, 1fr);
   align-items: stretch;
   gap: 6px;