@proteos/ui 0.75.0 → 0.76.0

package/dist/{pdf-view-RRMAUK3L.cjs → pdf-view-2DSARHNQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNWGG5WFL_cjs = require('./chunk-NWGG5WFL.cjs');
+var chunk4ACELYEP_cjs = require('./chunk-4ACELYEP.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var reactPdf = require('react-pdf');
@@ -39,7 +39,7 @@ function PdfView({ name, src, onDownload }) {
           setPageNumber(1);
         },
         onLoadError: () => setLoadError(true),
-        loading: /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Skeleton, { "aria-label": `Loading ${name}`, className: "h-full w-full rounded-none" }),
+        loading: /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Skeleton, { "aria-label": `Loading ${name}`, className: "h-full w-full rounded-none" }),
         error: null,
         children: pageWidth ? /* @__PURE__ */ jsxRuntime.jsx(
           reactPdf.Page,
@@ -54,7 +54,7 @@ function PdfView({ name, src, onDownload }) {
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           variant: "ghost",
           size: "icon-sm",
@@ -66,7 +66,7 @@ function PdfView({ name, src, onDownload }) {
       ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3", children: pageCount ? `${pageNumber} / ${pageCount}` : "\u2013" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           variant: "ghost",
           size: "icon-sm",
@@ -77,7 +77,7 @@ function PdfView({ name, src, onDownload }) {
         }
       ),
       onDownload ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           variant: "ghost",
           size: "icon-sm",
@@ -91,5 +91,5 @@ function PdfView({ name, src, onDownload }) {
 }
 
 module.exports = PdfView;
-//# sourceMappingURL=pdf-view-RRMAUK3L.cjs.map
-//# sourceMappingURL=pdf-view-RRMAUK3L.cjs.map
+//# sourceMappingURL=pdf-view-2DSARHNQ.cjs.map
+//# sourceMappingURL=pdf-view-2DSARHNQ.cjs.map

package/dist/{pdf-view-RRMAUK3L.cjs.map → pdf-view-2DSARHNQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url","../src/components/file-viewer/pdf-view.tsx"],"names":["pdfjs","useState","useRef","useEffect","jsx","jsxs","Document","Skeleton","Page","Button","ChevronLeft","ChevronRight","Download"],"mappings":"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","file":"pdf-view-RRMAUK3L.cjs","sourcesContent":["export default \"https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs\"","import { ChevronLeft, ChevronRight, Download } from 'lucide-react'\nimport pdfWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url'\nimport { useEffect, useRef, useState } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../button/button'\nimport { Skeleton } from '../skeleton/skeleton'\n\n/* =========================================================================\n   PdfView — the FileViewer's PDF pane, backed by react-pdf (pdf.js).\n   Lazy-loaded by the FileViewer (default export) so pdf.js and its worker\n   stay out of the main bundle. Text/annotation layers are off: this is a\n   read-only preview and the layers would need pdf.js's own stylesheets,\n   which the token-based design system deliberately doesn't import.\n   ========================================================================= */\n\n// The worker must come from the SAME pdfjs-dist instance react-pdf renders\n// with (API/worker version mismatch throws). `?url` lets Vite emit it as an\n// asset and hand back the served URL. In the published dist build the `?url`\n// module is rewritten to a version-pinned CDN URL (see tsup.config.ts).\n// react-pdf's entry unconditionally stomps workerSrc with the placeholder\n// 'pdf.worker.mjs' when it's imported (which happens right above), so that\n// sentinel counts as unset — only a consumer assignment made after react-pdf\n// loaded can stick.\nif (\n  !pdfjs.GlobalWorkerOptions.workerSrc ||\n  pdfjs.GlobalWorkerOptions.workerSrc === 'pdf.worker.mjs'\n) {\n  pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerUrl\n}\n\nexport interface PdfViewProps {\n  name: string\n  /** Blob object URL of the PDF bytes. */\n  src: string\n  onDownload?: () => void\n}\n\nexport default function PdfView({ name, src, onDownload }: PdfViewProps) {\n  const [pageCount, setPageCount] = useState<number | null>(null)\n  const [pageNumber, setPageNumber] = useState(1)\n  const [loadError, setLoadError] = useState(false)\n\n  // Fit-width: render the page at the scroll area's current width.\n  const scrollRef = useRef<HTMLDivElement | null>(null)\n  const [pageWidth, setPageWidth] = useState<number | null>(null)\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) setPageWidth(Math.floor(entry.contentRect.width))\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [])\n\n  if (loadError) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center p-4\">\n        <span className=\"font-sans text-[13px] text-danger\">\n          Could not display this PDF. Download it instead.\n        </span>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-auto\">\n        <Document\n          file={src}\n          onLoadSuccess={({ numPages }) => {\n            setPageCount(numPages)\n            setPageNumber(1)\n          }}\n          onLoadError={() => setLoadError(true)}\n          loading={\n            <Skeleton aria-label={`Loading ${name}`} className=\"h-full w-full rounded-none\" />\n          }\n          error={null}\n        >\n          {pageWidth ? (\n            <Page\n              pageNumber={pageNumber}\n              width={pageWidth}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n            />\n          ) : null}\n        </Document>\n      </div>\n      <div className=\"flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Previous page\"\n          isDisabled={pageNumber <= 1}\n          onPress={() => setPageNumber((page) => Math.max(1, page - 1))}\n        >\n          <ChevronLeft aria-hidden />\n        </Button>\n        <span className=\"min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3\">\n          {pageCount ? `${pageNumber} / ${pageCount}` : '–'}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Next page\"\n          isDisabled={pageCount === null || pageNumber >= pageCount}\n          onPress={() => setPageNumber((page) => Math.min(pageCount ?? page, page + 1))}\n        >\n          <ChevronRight aria-hidden />\n        </Button>\n        {onDownload ? (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={`Download ${name}`}\n            onPress={onDownload}\n          >\n            <Download aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url","../src/components/file-viewer/pdf-view.tsx"],"names":["pdfjs","useState","useRef","useEffect","jsx","jsxs","Document","Skeleton","Page","Button","ChevronLeft","ChevronRight","Download"],"mappings":"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","file":"pdf-view-2DSARHNQ.cjs","sourcesContent":["export default \"https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs\"","import { ChevronLeft, ChevronRight, Download } from 'lucide-react'\nimport pdfWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url'\nimport { useEffect, useRef, useState } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../button/button'\nimport { Skeleton } from '../skeleton/skeleton'\n\n/* =========================================================================\n   PdfView — the FileViewer's PDF pane, backed by react-pdf (pdf.js).\n   Lazy-loaded by the FileViewer (default export) so pdf.js and its worker\n   stay out of the main bundle. Text/annotation layers are off: this is a\n   read-only preview and the layers would need pdf.js's own stylesheets,\n   which the token-based design system deliberately doesn't import.\n   ========================================================================= */\n\n// The worker must come from the SAME pdfjs-dist instance react-pdf renders\n// with (API/worker version mismatch throws). `?url` lets Vite emit it as an\n// asset and hand back the served URL. In the published dist build the `?url`\n// module is rewritten to a version-pinned CDN URL (see tsup.config.ts).\n// react-pdf's entry unconditionally stomps workerSrc with the placeholder\n// 'pdf.worker.mjs' when it's imported (which happens right above), so that\n// sentinel counts as unset — only a consumer assignment made after react-pdf\n// loaded can stick.\nif (\n  !pdfjs.GlobalWorkerOptions.workerSrc ||\n  pdfjs.GlobalWorkerOptions.workerSrc === 'pdf.worker.mjs'\n) {\n  pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerUrl\n}\n\nexport interface PdfViewProps {\n  name: string\n  /** Blob object URL of the PDF bytes. */\n  src: string\n  onDownload?: () => void\n}\n\nexport default function PdfView({ name, src, onDownload }: PdfViewProps) {\n  const [pageCount, setPageCount] = useState<number | null>(null)\n  const [pageNumber, setPageNumber] = useState(1)\n  const [loadError, setLoadError] = useState(false)\n\n  // Fit-width: render the page at the scroll area's current width.\n  const scrollRef = useRef<HTMLDivElement | null>(null)\n  const [pageWidth, setPageWidth] = useState<number | null>(null)\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) setPageWidth(Math.floor(entry.contentRect.width))\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [])\n\n  if (loadError) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center p-4\">\n        <span className=\"font-sans text-[13px] text-danger\">\n          Could not display this PDF. Download it instead.\n        </span>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-auto\">\n        <Document\n          file={src}\n          onLoadSuccess={({ numPages }) => {\n            setPageCount(numPages)\n            setPageNumber(1)\n          }}\n          onLoadError={() => setLoadError(true)}\n          loading={\n            <Skeleton aria-label={`Loading ${name}`} className=\"h-full w-full rounded-none\" />\n          }\n          error={null}\n        >\n          {pageWidth ? (\n            <Page\n              pageNumber={pageNumber}\n              width={pageWidth}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n            />\n          ) : null}\n        </Document>\n      </div>\n      <div className=\"flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Previous page\"\n          isDisabled={pageNumber <= 1}\n          onPress={() => setPageNumber((page) => Math.max(1, page - 1))}\n        >\n          <ChevronLeft aria-hidden />\n        </Button>\n        <span className=\"min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3\">\n          {pageCount ? `${pageNumber} / ${pageCount}` : '–'}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Next page\"\n          isDisabled={pageCount === null || pageNumber >= pageCount}\n          onPress={() => setPageNumber((page) => Math.min(pageCount ?? page, page + 1))}\n        >\n          <ChevronRight aria-hidden />\n        </Button>\n        {onDownload ? (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={`Download ${name}`}\n            onPress={onDownload}\n          >\n            <Download aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{pdf-view-RQ2OZYHJ.js → pdf-view-2QU4FI37.js}

@@ -1,4 +1,4 @@
-import { Skeleton, Button } from './chunk-NSE4VW3Z.js';
+import { Skeleton, Button } from './chunk-XRN5MNDX.js';
 import { ChevronLeft, ChevronRight, Download } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
 import { pdfjs, Document, Page } from 'react-pdf';
@@ -89,5 +89,5 @@ function PdfView({ name, src, onDownload }) {
 }
 
 export { PdfView as default };
-//# sourceMappingURL=pdf-view-RQ2OZYHJ.js.map
-//# sourceMappingURL=pdf-view-RQ2OZYHJ.js.map
+//# sourceMappingURL=pdf-view-2QU4FI37.js.map
+//# sourceMappingURL=pdf-view-2QU4FI37.js.map

package/dist/{pdf-view-RQ2OZYHJ.js.map → pdf-view-2QU4FI37.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url","../src/components/file-viewer/pdf-view.tsx"],"names":[],"mappings":"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","file":"pdf-view-RQ2OZYHJ.js","sourcesContent":["export default \"https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs\"","import { ChevronLeft, ChevronRight, Download } from 'lucide-react'\nimport pdfWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url'\nimport { useEffect, useRef, useState } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../button/button'\nimport { Skeleton } from '../skeleton/skeleton'\n\n/* =========================================================================\n   PdfView — the FileViewer's PDF pane, backed by react-pdf (pdf.js).\n   Lazy-loaded by the FileViewer (default export) so pdf.js and its worker\n   stay out of the main bundle. Text/annotation layers are off: this is a\n   read-only preview and the layers would need pdf.js's own stylesheets,\n   which the token-based design system deliberately doesn't import.\n   ========================================================================= */\n\n// The worker must come from the SAME pdfjs-dist instance react-pdf renders\n// with (API/worker version mismatch throws). `?url` lets Vite emit it as an\n// asset and hand back the served URL. In the published dist build the `?url`\n// module is rewritten to a version-pinned CDN URL (see tsup.config.ts).\n// react-pdf's entry unconditionally stomps workerSrc with the placeholder\n// 'pdf.worker.mjs' when it's imported (which happens right above), so that\n// sentinel counts as unset — only a consumer assignment made after react-pdf\n// loaded can stick.\nif (\n  !pdfjs.GlobalWorkerOptions.workerSrc ||\n  pdfjs.GlobalWorkerOptions.workerSrc === 'pdf.worker.mjs'\n) {\n  pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerUrl\n}\n\nexport interface PdfViewProps {\n  name: string\n  /** Blob object URL of the PDF bytes. */\n  src: string\n  onDownload?: () => void\n}\n\nexport default function PdfView({ name, src, onDownload }: PdfViewProps) {\n  const [pageCount, setPageCount] = useState<number | null>(null)\n  const [pageNumber, setPageNumber] = useState(1)\n  const [loadError, setLoadError] = useState(false)\n\n  // Fit-width: render the page at the scroll area's current width.\n  const scrollRef = useRef<HTMLDivElement | null>(null)\n  const [pageWidth, setPageWidth] = useState<number | null>(null)\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) setPageWidth(Math.floor(entry.contentRect.width))\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [])\n\n  if (loadError) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center p-4\">\n        <span className=\"font-sans text-[13px] text-danger\">\n          Could not display this PDF. Download it instead.\n        </span>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-auto\">\n        <Document\n          file={src}\n          onLoadSuccess={({ numPages }) => {\n            setPageCount(numPages)\n            setPageNumber(1)\n          }}\n          onLoadError={() => setLoadError(true)}\n          loading={\n            <Skeleton aria-label={`Loading ${name}`} className=\"h-full w-full rounded-none\" />\n          }\n          error={null}\n        >\n          {pageWidth ? (\n            <Page\n              pageNumber={pageNumber}\n              width={pageWidth}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n            />\n          ) : null}\n        </Document>\n      </div>\n      <div className=\"flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Previous page\"\n          isDisabled={pageNumber <= 1}\n          onPress={() => setPageNumber((page) => Math.max(1, page - 1))}\n        >\n          <ChevronLeft aria-hidden />\n        </Button>\n        <span className=\"min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3\">\n          {pageCount ? `${pageNumber} / ${pageCount}` : '–'}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Next page\"\n          isDisabled={pageCount === null || pageNumber >= pageCount}\n          onPress={() => setPageNumber((page) => Math.min(pageCount ?? page, page + 1))}\n        >\n          <ChevronRight aria-hidden />\n        </Button>\n        {onDownload ? (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={`Download ${name}`}\n            onPress={onDownload}\n          >\n            <Download aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url","../src/components/file-viewer/pdf-view.tsx"],"names":[],"mappings":"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","file":"pdf-view-2QU4FI37.js","sourcesContent":["export default \"https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs\"","import { ChevronLeft, ChevronRight, Download } from 'lucide-react'\nimport pdfWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url'\nimport { useEffect, useRef, useState } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../button/button'\nimport { Skeleton } from '../skeleton/skeleton'\n\n/* =========================================================================\n   PdfView — the FileViewer's PDF pane, backed by react-pdf (pdf.js).\n   Lazy-loaded by the FileViewer (default export) so pdf.js and its worker\n   stay out of the main bundle. Text/annotation layers are off: this is a\n   read-only preview and the layers would need pdf.js's own stylesheets,\n   which the token-based design system deliberately doesn't import.\n   ========================================================================= */\n\n// The worker must come from the SAME pdfjs-dist instance react-pdf renders\n// with (API/worker version mismatch throws). `?url` lets Vite emit it as an\n// asset and hand back the served URL. In the published dist build the `?url`\n// module is rewritten to a version-pinned CDN URL (see tsup.config.ts).\n// react-pdf's entry unconditionally stomps workerSrc with the placeholder\n// 'pdf.worker.mjs' when it's imported (which happens right above), so that\n// sentinel counts as unset — only a consumer assignment made after react-pdf\n// loaded can stick.\nif (\n  !pdfjs.GlobalWorkerOptions.workerSrc ||\n  pdfjs.GlobalWorkerOptions.workerSrc === 'pdf.worker.mjs'\n) {\n  pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerUrl\n}\n\nexport interface PdfViewProps {\n  name: string\n  /** Blob object URL of the PDF bytes. */\n  src: string\n  onDownload?: () => void\n}\n\nexport default function PdfView({ name, src, onDownload }: PdfViewProps) {\n  const [pageCount, setPageCount] = useState<number | null>(null)\n  const [pageNumber, setPageNumber] = useState(1)\n  const [loadError, setLoadError] = useState(false)\n\n  // Fit-width: render the page at the scroll area's current width.\n  const scrollRef = useRef<HTMLDivElement | null>(null)\n  const [pageWidth, setPageWidth] = useState<number | null>(null)\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) setPageWidth(Math.floor(entry.contentRect.width))\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [])\n\n  if (loadError) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center p-4\">\n        <span className=\"font-sans text-[13px] text-danger\">\n          Could not display this PDF. Download it instead.\n        </span>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-auto\">\n        <Document\n          file={src}\n          onLoadSuccess={({ numPages }) => {\n            setPageCount(numPages)\n            setPageNumber(1)\n          }}\n          onLoadError={() => setLoadError(true)}\n          loading={\n            <Skeleton aria-label={`Loading ${name}`} className=\"h-full w-full rounded-none\" />\n          }\n          error={null}\n        >\n          {pageWidth ? (\n            <Page\n              pageNumber={pageNumber}\n              width={pageWidth}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n            />\n          ) : null}\n        </Document>\n      </div>\n      <div className=\"flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Previous page\"\n          isDisabled={pageNumber <= 1}\n          onPress={() => setPageNumber((page) => Math.max(1, page - 1))}\n        >\n          <ChevronLeft aria-hidden />\n        </Button>\n        <span className=\"min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3\">\n          {pageCount ? `${pageNumber} / ${pageCount}` : '–'}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Next page\"\n          isDisabled={pageCount === null || pageNumber >= pageCount}\n          onPress={() => setPageNumber((page) => Math.min(pageCount ?? page, page + 1))}\n        >\n          <ChevronRight aria-hidden />\n        </Button>\n        {onDownload ? (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={`Download ${name}`}\n            onPress={onDownload}\n          >\n            <Download aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proteos/ui",
-  "version": "0.75.0",
+  "version": "0.76.0",
   "license": "FSL-1.1-Apache-2.0",
   "description": "Proteos React component library (React Aria Components + Tailwind v4).",
   "repository": {
@@ -56,7 +56,7 @@
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.2.4",
     "thinking-orbs": "^0.3.1",
-    "@proteos/sdk": "0.75.0"
+    "@proteos/sdk": "0.76.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.13",

package/src/components/button/button.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
 
-import { Button, buttonStyles, type ButtonVariants } from './button'
+import { Button, type ButtonVariants, buttonStyles } from './button'
 
 const meta: Meta<typeof Button> = {
   title: 'Components/Button',
@@ -151,6 +151,27 @@ export const Danger: Story = {
   ),
 }
 
+/** A save in flight: a spinner before the label (in place of the icon on
+ *  the icon sizes), presses ignored, still focusable and announced busy. */
+export const Pending: Story = {
+  render: () => (
+    <div className="flex flex-wrap items-center gap-3">
+      <Button variant="cta" size="sm" isPending>
+        Create Deal
+      </Button>
+      <Button size="sm" isPending>
+        Apply 3 changes
+      </Button>
+      <Button variant="ghost" size="sm" isPending>
+        Send Ava now
+      </Button>
+      <Button size="icon-md" aria-label="Add" isPending>
+        <Plus />
+      </Button>
+    </div>
+  ),
+}
+
 const columns = 'grid grid-cols-[160px_1fr] items-center gap-y-5 gap-x-6'
 const label = 'font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4'
 

package/src/components/button/button.test.tsx

@@ -47,7 +47,16 @@ describe('Button', () => {
   })
 
   it('renders every variant as a button', () => {
-    const variants = ['cta', 'accent', 'primary', 'secondary', 'ghost', 'subtle', 'link', 'danger'] as const
+    const variants = [
+      'cta',
+      'accent',
+      'primary',
+      'secondary',
+      'ghost',
+      'subtle',
+      'link',
+      'danger',
+    ] as const
     render(
       <>
         {variants.map((variant) => (
@@ -89,4 +98,39 @@ describe('Button', () => {
   it('defaults to the primary variant', () => {
     expect(buttonStyles({})).toBe(buttonStyles({ variant: 'primary' }))
   })
+
+  describe('pending', () => {
+    it('shows a spinner before the label and ignores presses', async () => {
+      const user = userEvent.setup()
+      const onPress = vi.fn()
+      render(
+        <Button isPending onPress={onPress}>
+          Create Deal
+        </Button>,
+      )
+      const button = screen.getByRole('button', { name: 'Create Deal' })
+      expect(button).toHaveAttribute('data-pending', 'true')
+      expect(button.querySelector('[data-slot="pending-spinner"]')).not.toBeNull()
+      await user.click(button)
+      expect(onPress).not.toHaveBeenCalled()
+    })
+
+    it('replaces the icon on an icon-only button', () => {
+      render(
+        <Button size="icon-md" aria-label="Add" isPending>
+          <span data-testid="icon" />
+        </Button>,
+      )
+      const button = screen.getByRole('button', { name: 'Add' })
+      expect(button.querySelector('[data-slot="pending-spinner"]')).not.toBeNull()
+      expect(screen.queryByTestId('icon')).not.toBeInTheDocument()
+    })
+
+    it('renders no spinner when idle', () => {
+      render(<Button>Save</Button>)
+      expect(
+        screen.getByRole('button', { name: 'Save' }).querySelector('[data-slot="pending-spinner"]'),
+      ).toBeNull()
+    })
+  })
 })

package/src/components/button/button.tsx

@@ -1,3 +1,4 @@
+import { Loader2 } from 'lucide-react'
 import { Button as AriaButton, type ButtonProps as AriaButtonProps } from 'react-aria-components'
 import { tv, type VariantProps } from 'tailwind-variants'
 
@@ -23,6 +24,11 @@ import { cn } from '../../lib/cn'
    and `disabled:` stay on the native pseudo-classes because the RAC root IS
    the focusable <button>. Hover is always a colour step on the surface ramp,
    never opacity; press is translateY(1px) plus one more ramp step.
+
+   `isPending` (React Aria's: presses are ignored, the button stays
+   focusable and announces itself busy) shows a spinner before the label —
+   in place of the icon on the icon sizes — so a save that takes a moment
+   reads as working, not as a dead button.
    ========================================================================= */
 
 // Ink fill with the indigo-tinted hover. Kept verbatim from the old primary.
@@ -124,16 +130,40 @@ export const buttonStyles = tv({
 export type ButtonVariants = VariantProps<typeof buttonStyles>
 export type ButtonProps = AriaButtonProps & ButtonVariants
 
-export function Button({ variant, size, shape, className, ...props }: ButtonProps) {
+const isIconSize = (size: ButtonVariants['size']) =>
+  size === 'icon-sm' || size === 'icon-md' || size === 'icon-lg'
+
+export function Button({ variant, size, shape, className, children, ...props }: ButtonProps) {
   return (
     <AriaButton
       {...props}
       className={(renderProps) =>
         cn(
           buttonStyles({ variant, size, shape }),
+          renderProps.isPending && 'cursor-progress',
           typeof className === 'function' ? className(renderProps) : className,
         )
       }
-    />
+    >
+      {(renderProps) => {
+        const content = typeof children === 'function' ? children(renderProps) : children
+        if (!renderProps.isPending) return content
+        const spinner = (
+          <Loader2
+            className="shrink-0 animate-spin motion-reduce:animate-none"
+            aria-hidden
+            data-slot="pending-spinner"
+          />
+        )
+        return isIconSize(size) ? (
+          spinner
+        ) : (
+          <>
+            {spinner}
+            {content}
+          </>
+        )
+      }}
+    </AriaButton>
   )
 }

package/src/components/data-table/data-table.test.tsx

@@ -196,3 +196,44 @@ describe('DataTable placeholder rows', () => {
     expect(screen.getByText('Alpha').closest('[aria-busy]')).toBeNull()
   })
 })
+
+/* A host router restores the scroller's position on back navigation before
+   the table's effects run — the sort-change reset must not undo it on mount. */
+describe('DataTable scroll restoration', () => {
+  it('stamps the restoration id on the scroll container', () => {
+    const { container } = render(
+      <DataTable<Row>
+        query={query(ROWS)}
+        columns={columns}
+        ariaLabel="Records"
+        scrollRestorationId="list:customers"
+      />,
+    )
+    expect(container.querySelector('[data-scroll-restoration-id="list:customers"]')).not.toBeNull()
+  })
+
+  it('keeps the restored position on mount and resets it when the sort changes', () => {
+    const scrollTo = vi.fn()
+    const original = HTMLElement.prototype.scrollTo
+    HTMLElement.prototype.scrollTo = scrollTo
+    try {
+      const sorting = [{ id: 'name', desc: false }]
+      const { rerender } = render(
+        <DataTable<Row> query={query(ROWS)} columns={columns} ariaLabel="Records" sorting={sorting} />,
+      )
+      expect(scrollTo).not.toHaveBeenCalled()
+
+      rerender(
+        <DataTable<Row>
+          query={query(ROWS)}
+          columns={columns}
+          ariaLabel="Records"
+          sorting={[{ id: 'name', desc: true }]}
+        />,
+      )
+      expect(scrollTo).toHaveBeenCalledWith({ top: 0 })
+    } finally {
+      HTMLElement.prototype.scrollTo = original
+    }
+  })
+})

package/src/components/data-table/data-table.tsx

@@ -77,6 +77,18 @@ export type DataTableProps<TRow> = {
   onSortingChange?: OnChangeFn<SortingState>
   rowHeight?: number
   overscan?: number
+  /**
+   * Stable id stamped on the scroll container as `data-scroll-restoration-id`,
+   * so a router that restores element scroll on back/forward finds this table
+   * by id instead of by its (fragile) DOM path.
+   */
+  scrollRestorationId?: string
+  /**
+   * Scroll offset the table first renders at — a restored position from the
+   * host's router. The virtualizer starts its window there, so the rows at
+   * that offset paint on the first frame instead of a blank band.
+   */
+  initialScrollOffset?: number
   /**
    * Called when a row is clicked. Provides both the original data row and
    * the underlying event so consumers can inspect modifier keys.
@@ -204,6 +216,8 @@ export function DataTable<TRow>({
   onSortingChange,
   rowHeight = DEFAULT_ROW_HEIGHT,
   overscan = 8,
+  scrollRestorationId,
+  initialScrollOffset,
   onRowClick,
   zebra = true,
   emptyState,
@@ -384,10 +398,14 @@ export function DataTable<TRow>({
   }, [tableRows, groupBy])
 
   // Reset scroll to top when sorting changes — without this, the user is
-  // staring at a different slice of a freshly-sorted dataset.
+  // staring at a different slice of a freshly-sorted dataset. Only on a
+  // CHANGE: on mount this would wipe the position the host just restored
+  // (the router restores in the layout phase, before this effect runs).
   const scrollerRef = useRef<HTMLDivElement | null>(null)
-  // biome-ignore lint/correctness/useExhaustiveDependencies: intentional — scroll resets on sort change only
+  const mountedSorting = useRef(sorting)
   useEffect(() => {
+    if (sorting === mountedSorting.current) return
+    mountedSorting.current = sorting
     scrollerRef.current?.scrollTo({ top: 0 })
   }, [sorting])
 
@@ -411,6 +429,7 @@ export function DataTable<TRow>({
     estimateSize: (index) => (listItems[index]?.kind === 'group' ? headingHeight : rowHeight),
     overscan,
     scrollMargin: listOffset,
+    ...(initialScrollOffset !== undefined ? { initialOffset: initialScrollOffset } : {}),
   })
 
   const sentinelRef = useInfiniteScrollSentinel<HTMLDivElement>({
@@ -491,6 +510,9 @@ export function DataTable<TRow>({
           top, and any `sticky left-0` gutter column freezes to the left. */}
       <TableScroller
         ref={scrollerRef}
+        {...(scrollRestorationId !== undefined
+          ? { 'data-scroll-restoration-id': scrollRestorationId }
+          : {})}
         // Scroll padding keeps a row scrolled (or focused) into view clear of
         // the sticky header and, when present, the sticky trailing row —
         // otherwise a freshly added last row lands underneath the strip.

package/src/components/glow-frame/glow-frame.stories.tsx

@@ -0,0 +1,65 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+import { useState } from 'react'
+
+import { Button } from '../button'
+import { TextShimmer } from '../text-shimmer'
+import { GlowFrame, type GlowFrameStatus } from './glow-frame'
+
+const meta: Meta<typeof GlowFrame> = {
+  title: 'Components/GlowFrame',
+  component: GlowFrame,
+  tags: ['autodocs'],
+  argTypes: {
+    status: { control: 'inline-radio', options: ['idle', 'working', 'ready'] },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof GlowFrame>
+
+const BOX = 'rounded-md border border-rule bg-surface p-4 text-[13px] text-ink-2'
+
+export const Playground: Story = {
+  args: { status: 'working', className: 'w-[360px] rounded-md' },
+  render: (args) => (
+    <GlowFrame {...args}>
+      <div className={BOX}>Three fields will change on this deal.</div>
+    </GlowFrame>
+  ),
+}
+
+/** The full sequence: beams while the model works, a flash when the output
+ *  lands. */
+export const Sequence: Story = {
+  parameters: { controls: { hideNoControlsWarning: true } },
+  render: () => {
+    const [status, setStatus] = useState<GlowFrameStatus>('idle')
+    const run = () => {
+      setStatus('working')
+      window.setTimeout(() => setStatus('ready'), 3000)
+    }
+    return (
+      <div className="flex w-[360px] flex-col gap-4">
+        <GlowFrame status={status} className="rounded-md">
+          <div className={BOX}>
+            {status === 'working' ? (
+              <TextShimmer>Preparing the changes…</TextShimmer>
+            ) : status === 'ready' ? (
+              'Stage → Negotiation, amount → €42,000, close date → 30 Nov.'
+            ) : (
+              'Press run.'
+            )}
+          </div>
+        </GlowFrame>
+        <div className="flex gap-2">
+          <Button size="sm" onPress={run} isDisabled={status === 'working'}>
+            Run
+          </Button>
+          <Button size="sm" variant="ghost" onPress={() => setStatus('idle')}>
+            Reset
+          </Button>
+        </div>
+      </div>
+    )
+  },
+}

package/src/components/glow-frame/glow-frame.test.tsx

@@ -0,0 +1,67 @@
+import { act, render, screen } from '@testing-library/react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { GlowFrame, type GlowFrameStatus } from './glow-frame'
+
+function frame(status: GlowFrameStatus) {
+  return (
+    <GlowFrame status={status}>
+      <p>Output</p>
+    </GlowFrame>
+  )
+}
+
+const beams = () => document.querySelector('[data-glow="beams"]')
+const flash = () => document.querySelector('[data-glow="flash"]')
+
+describe('GlowFrame', () => {
+  beforeEach(() => vi.useFakeTimers())
+  afterEach(() => vi.useRealTimers())
+
+  it('renders its children', () => {
+    render(frame('idle'))
+    expect(screen.getByText('Output')).toBeInTheDocument()
+  })
+
+  it('shows the beams while working and stops them after the fade', () => {
+    const { rerender } = render(frame('working'))
+    expect(beams()).not.toBeNull()
+
+    rerender(frame('idle'))
+    expect(beams()).not.toBeNull()
+    act(() => vi.advanceTimersByTime(800))
+    expect(beams()).toBeNull()
+  })
+
+  it('flashes once when the output lands', () => {
+    const { rerender } = render(frame('working'))
+    expect(flash()).toBeNull()
+
+    rerender(frame('ready'))
+    expect(flash()).not.toBeNull()
+    act(() => vi.advanceTimersByTime(900))
+    expect(flash()).toBeNull()
+  })
+
+  it('does not flash when mounted with the output already there', () => {
+    render(frame('ready'))
+    expect(flash()).toBeNull()
+    expect(beams()).toBeNull()
+  })
+
+  it('does not flash when the work ends without output', () => {
+    const { rerender } = render(frame('working'))
+    rerender(frame('idle'))
+    expect(flash()).toBeNull()
+  })
+
+  it('flashes again for a second run', () => {
+    const { rerender } = render(frame('working'))
+    rerender(frame('ready'))
+    act(() => vi.advanceTimersByTime(900))
+    rerender(frame('working'))
+    expect(beams()).not.toBeNull()
+    rerender(frame('ready'))
+    expect(flash()).not.toBeNull()
+  })
+})