@design.estate/dees-catalog 6.12.0 → 7.0.0

package/dist_ts_web/elements/00group-media/dees-thumbnail-pdf/demo.js

@@ -112,7 +112,7 @@ export const demo = () => {
         <h3>Non-Clickable</h3>
         <dees-thumbnail-pdf
           pdfUrl="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf"
-          clickable="false"
+          .clickable=${false}
         ></dees-thumbnail-pdf>
       </div>
 
@@ -125,4 +125,4 @@ export const demo = () => {
     </div>
   `;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLW1lZGlhL2RlZXMtdGh1bWJuYWlsLXBkZi9kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFL0QsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLEdBQUcsRUFBRTtJQUN2QixNQUFNLFVBQVUsR0FBRztRQUNqQiw0RkFBNEY7UUFDNUYsa0dBQWtHO0tBQ25HLENBQUM7SUFFRixNQUFNLGlCQUFpQixHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7UUFDMUMsTUFBTSxLQUFLLEdBQThCLEVBQUUsQ0FBQztRQUM1QyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDL0IsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDakQsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUE7O29CQUVELE1BQU07Ozt3QkFHRixDQUFDLENBQWMsRUFBRSxFQUFFO2dCQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLG1CQUFtQixFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDM0MsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsUUFBUSxDQUFDLENBQUM7WUFDcEQsQ0FBQzs7T0FFSixDQUFDLENBQUM7UUFDTCxDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDLENBQUM7SUFFRixPQUFPLElBQUksQ0FBQTs7OztzQkFJUyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7O2lCQVc3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lCQW9CeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztZQThEN0MsaUJBQWlCLENBQUMsRUFBRSxDQUFDOzs7O0dBSTlCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLW1lZGlhL2RlZXMtdGh1bWJuYWlsLXBkZi9kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFL0QsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLEdBQUcsRUFBRTtJQUN2QixNQUFNLFVBQVUsR0FBRztRQUNqQiw0RkFBNEY7UUFDNUYsa0dBQWtHO0tBQ25HLENBQUM7SUFFRixNQUFNLGlCQUFpQixHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7UUFDMUMsTUFBTSxLQUFLLEdBQThCLEVBQUUsQ0FBQztRQUM1QyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDL0IsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDakQsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUE7O29CQUVELE1BQU07Ozt3QkFHRixDQUFDLENBQWMsRUFBRSxFQUFFO2dCQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLG1CQUFtQixFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDM0MsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsUUFBUSxDQUFDLENBQUM7WUFDcEQsQ0FBQzs7T0FFSixDQUFDLENBQUM7UUFDTCxDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDLENBQUM7SUFFRixPQUFPLElBQUksQ0FBQTs7OztzQkFJUyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7O2lCQVc3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lCQW9CeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3VCQXVEbEMsS0FBSzs7Ozs7OztZQU9oQixpQkFBaUIsQ0FBQyxFQUFFLENBQUM7Ozs7R0FJOUIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist_ts_web/elements/00group-media/dees-thumbnail-shared/DeesThumbnailBase.d.ts

@@ -9,6 +9,7 @@ export declare abstract class DeesThumbnailBase extends DeesElement {
     accessor label: string;
     private observer;
     private _visible;
+    private observerConnectionEpoch;
     /** Whether this tile is currently visible in the viewport */
     protected get isVisible(): boolean;
     render(): TemplateResult;

package/dist_ts_web/elements/00group-media/dees-thumbnail-shared/DeesThumbnailBase.js

@@ -85,6 +85,7 @@ let DeesThumbnailBase = (() => {
         set label(value) { this.#label_accessor_storage = value; }
         observer = __runInitializers(this, _label_extraInitializers);
         _visible = false;
+        observerConnectionEpoch = 0;
         /** Whether this tile is currently visible in the viewport */
         get isVisible() {
             return this._visible;
@@ -123,15 +124,20 @@ let DeesThumbnailBase = (() => {
             return '';
         }
         async connectedCallback() {
+            const connectionEpoch = ++this.observerConnectionEpoch;
             await super.connectedCallback();
+            if (!this.isConnected || connectionEpoch !== this.observerConnectionEpoch)
+                return;
             this.setupIntersectionObserver();
         }
         async disconnectedCallback() {
+            this.observerConnectionEpoch += 1;
             await super.disconnectedCallback();
             if (this.observer) {
                 this.observer.disconnect();
                 this.observer = undefined;
             }
+            this._visible = false;
         }
         setupIntersectionObserver() {
             this.observer = new IntersectionObserver((entries) => {
@@ -171,4 +177,4 @@ let DeesThumbnailBase = (() => {
     };
 })();
 export { DeesThumbnailBase };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVlc1RodW1ibmFpbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1tZWRpYS9kZWVzLXRodW1ibmFpbC1zaGFyZWQvRGVlc1RodW1ibmFpbEJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsSUFBSSxFQUNKLFFBQVEsR0FHVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNsRCxPQUFPLDhDQUE4QyxDQUFDO0lBRWhDLGlCQUFpQjtzQkFBUyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7O2lCQUFyQyxpQkFBa0IsU0FBUSxXQUFXOzs7cUNBR3hELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzttQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO2lDQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7Z0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO2lDQUd6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFYM0IsZ0xBQVMsU0FBUyw2QkFBVCxTQUFTLDZGQUFpQjtZQUduQywwS0FBUyxPQUFPLDZCQUFQLE9BQU8seUZBQWtCO1lBR2xDLG9LQUFTLEtBQUssNkJBQUwsS0FBSyxxRkFBa0I7WUFHaEMsaUtBQVMsSUFBSSw2QkFBSixJQUFJLG1GQUE0QztZQUd6RCxvS0FBUyxLQUFLLDZCQUFMLEtBQUsscUZBQWM7OztRQWZyQixNQUFNLENBQUMsTUFBTSxHQUFnQixtQkFBMEIsQ0FBQztRQUcvRCwrRUFBOEIsSUFBSSxFQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVlc1RodW1ibmFpbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1tZWRpYS9kZWVzLXRodW1ibmFpbC1zaGFyZWQvRGVlc1RodW1ibmFpbEJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsSUFBSSxFQUNKLFFBQVEsR0FHVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNsRCxPQUFPLDhDQUE4QyxDQUFDO0lBRWhDLGlCQUFpQjtzQkFBUyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7O2lCQUFyQyxpQkFBa0IsU0FBUSxXQUFXOzs7cUNBR3hELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzttQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO2lDQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7Z0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO2lDQUd6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFYM0IsZ0xBQVMsU0FBUyw2QkFBVCxTQUFTLDZGQUFpQjtZQUduQywwS0FBUyxPQUFPLDZCQUFQLE9BQU8seUZBQWtCO1lBR2xDLG9LQUFTLEtBQUssNkJBQUwsS0FBSyxxRkFBa0I7WUFHaEMsaUtBQVMsSUFBSSw2QkFBSixJQUFJLG1GQUE0QztZQUd6RCxvS0FBUyxLQUFLLDZCQUFMLEtBQUsscUZBQWM7OztRQWZyQixNQUFNLENBQUMsTUFBTSxHQUFnQixtQkFBMEIsQ0FBQztRQUcvRCwrRUFBOEIsSUFBSSxFQUFD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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "6.12.0",
+  "version": "7.0.0",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",
@@ -39,14 +39,14 @@
     "lightweight-charts": "^5.1.0",
     "lucide": "^1.8.0",
     "monaco-editor": "0.55.1",
-    "pdfjs-dist": "^4.10.38",
+    "pdfjs-dist": "4.10.38",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
     "@design.estate/dees-wcctools": "^3.9.3",
     "@git.zone/tsbuild": "^4.4.2",
-    "@git.zone/tsbundle": "^2.11.4",
+    "@git.zone/tsbundle": "^2.13.0",
     "@git.zone/tstest": "^4.0.0",
     "@git.zone/tswatch": "^3.3.5",
     "@push.rocks/projectinfo": "^5.1.0",
@@ -63,7 +63,8 @@
     "scripts/**/*",
     "cli.js",
     ".smartconfig.json",
-    "readme.md"
+    "readme.md",
+    "third-party-notices.md"
   ],
   "browserslist": [
     "last 1 chrome versions"

package/readme.hints.md

@@ -22,6 +22,13 @@
 - `DeesHarnessOverflowText` owns the shared 40px right-edge fade and overflow-only reveal animation used by tool-card subtitles and Tools & Subagents activity text. It runs on hover and once after the initial two-second delay.
 - The session sidebar derives Tools & Subagents from top-level tool messages in the current retained transcript window; it never caches evicted history or includes tools inside child projections.
 
+## PDF Components
+
+- `PdfManager` creates one local module `Worker` per load and acquires the `PDFWorker` and loading task as that load progresses. Failures and aborts release every level acquired so far; successful callers release the returned document on URL change, replacement, or disconnect.
+- Keep PDF.js imported from the installed `pdfjs-dist` package. Runtime CDN imports and worker fallbacks are not allowed.
+- `DeesPdfViewer` uses the PDF.js `TextLayer` class. Cleanup closes render admission, starts document release to interrupt PDF.js operations, and settles release and tracked pipelines together within a bounded deadline.
+- PDF component loads are keyed by connection epoch and URL so stale loads cannot update detached, reconnected, or repurposed elements.
+
 ## Chart Components
 
 ### dees-chart-area
@@ -956,7 +963,7 @@ New media viewer components and a unified preview composite component.
 
 ### dees-preview (Composite Component)
 - Auto-detects content type and delegates to the appropriate viewer
-- Directory: `ts_web/elements/dees-preview/`
+- Directory: `ts_web/elements/00group-media/dees-preview/`
 - Properties: `url`, `file` (File object), `base64`, `textContent`, `contentType` (override), `language`, `mimeType`, `filename`, `showToolbar`, `showFilename`
 - Content type detection priority: explicit override → MIME type → file extension → fallback
 - Renders: image→DeesImageViewer, pdf→DeesPdfViewer, code→DeesDataviewCodebox, audio→DeesAudioViewer, video→DeesVideoViewer, text→pre, unknown→placeholder
@@ -972,13 +979,13 @@ New media viewer components and a unified preview composite component.
 - Placeholder/error icons: `font-size: 32px`
 - Pattern: `.button-class dees-icon { font-size: 16px; }`
 
-## Tile Component System (2026-01-27)
+## Thumbnail Component System (2026-01-27)
 
 A family of 200×260px content preview cards with a shared abstract base class. All tiles support lazy loading (IntersectionObserver with 200px margin), hover lift effect, click events, loading/error states, and three sizes (small: 150×195, default: 200×260, large: 250×325).
 
 ### Architecture
 
-- **DeesTileBase** (`dees-tile-shared/DeesTileBase.ts`) — Abstract base class extending DeesElement
+- **DeesThumbnailBase** (`dees-thumbnail-shared/DeesThumbnailBase.ts`) — Abstract base class extending DeesElement
   - Common properties: `clickable`, `loading`, `error`, `size`, `label`
   - IntersectionObserver lazy loading via `onBecameVisible()` hook
   - Click dispatch via `tile-click` CustomEvent (detail from `getTileClickDetail()`)
@@ -988,30 +995,30 @@ A family of 200×260px content preview cards with a shared abstract base class.
 
 | Tag | Class | Description |
 |-----|-------|-------------|
-| `dees-tile-pdf` | `DeesTilePdf` | PDF page thumbnail with hover-to-browse pages. Canvas-rendered via PDF.js/CanvasPool. |
-| `dees-tile-image` | `DeesTileImage` | Image thumbnail with `object-fit: cover`, dimension detection on load |
-| `dees-tile-audio` | `DeesTileAudio` | Music icon + mini waveform (AudioContext decode), duration badge |
-| `dees-tile-video` | `DeesTileVideo` | Auto-captured first frame, duration badge, hover muted auto-preview |
-| `dees-tile-note` | `DeesTileNote` | First ~12 lines of text in monospace, gradient fade, optional language badge |
-| `dees-tile-folder` | `DeesTileFolder` | 2×2 grid of mini-previews (thumbnails or type icons), item count badge |
+| `dees-thumbnail-pdf` | `DeesThumbnailPdf` | PDF page thumbnail with hover-to-browse pages. Canvas-rendered via PDF.js/CanvasPool. |
+| `dees-thumbnail-image` | `DeesThumbnailImage` | Image thumbnail with `object-fit: cover`, dimension detection on load |
+| `dees-thumbnail-audio` | `DeesThumbnailAudio` | Music icon + mini waveform (AudioContext decode), duration badge |
+| `dees-thumbnail-video` | `DeesThumbnailVideo` | Auto-captured first frame, duration badge, hover muted auto-preview |
+| `dees-thumbnail-note` | `DeesThumbnailNote` | First ~12 lines of text in monospace, gradient fade, optional language badge |
+| `dees-thumbnail-folder` | `DeesThumbnailFolder` | 2×2 grid of mini-previews (thumbnails or type icons), item count badge |
 
-### Deprecations
+### Removed Legacy Names
 
-- `dees-pdf-preview` → Use `dees-tile-pdf` instead. Old tag still works as a thin wrapper with console warning.
-- `dees-pdf` deprecation comment updated to reference `DeesTilePdf`.
+- `dees-pdf-preview`, `dees-pdf`, and `dees-tile-pdf` are removed and have no compatibility wrappers.
+- Use `dees-pdf-viewer` for full documents and `dees-thumbnail-pdf` for grid previews.
 
 ### File Structure
 
-All tile components live in `ts_web/elements/00group-media/dees-tile-*/`:
+All thumbnail components live in `ts_web/elements/00group-media/dees-thumbnail-*/`:
 - `component.ts` — Main component class
 - `demo.ts` — Demo function
 - `index.ts` — Re-export
-- `styles.ts` — (PDF tile only) Component-specific styles
-- Shared base: `dees-tile-shared/{DeesTileBase,styles,index}.ts`
+- `styles.ts` — (PDF thumbnail only) Component-specific styles
+- Shared base: `dees-thumbnail-shared/{DeesThumbnailBase,styles,index}.ts`
 
-### Interface: ITileFolderItem
+### Interface: IThumbnailFolderItem
 ```typescript
-interface ITileFolderItem {
+interface IThumbnailFolderItem {
   type: 'pdf' | 'image' | 'audio' | 'video' | 'note' | 'folder' | 'unknown';
   thumbnailSrc?: string;
   name: string;
@@ -1096,7 +1103,7 @@ All components are organized into `00group-*` directories with 14 groups visible
 | `00group-form` | Form | 2 |
 | `00group-input` | Input | 18 |
 | `00group-layout` | Layout | 7 |
-| `00group-media` | Media | 14 (viewers + PDF + tiles) |
+| `00group-media` | Media | 11 (viewers + PDF + thumbnails) |
 | `00group-overlay` | Overlay | 4 |
 | `00group-simple` | Simple | 3 |
 | `00group-utility` | Utility | 5 |
@@ -1111,7 +1118,7 @@ Some components appear in multiple groups via `demoGroups = ['Primary', 'Seconda
 - `dees-input-wysiwyg`: Input, Workspace
 - `dees-form-submit`: Form, Button
 - `dees-preview`: Media, Data View
-- `dees-pdf*` / `dees-tile-pdf`: Media, PDF
+- `dees-pdf-viewer` / `dees-thumbnail-pdf`: Media, PDF
 - `dees-stepper`: Layout, Form
 - `dees-label`: Layout, Input
 - `dees-toast`: Feedback, Overlay

package/readme.md

@@ -18,7 +18,7 @@ For reporting bugs, issues, or security vulnerabilities, please visit [community
 - 🔧 **TypeScript-First** — Fully typed APIs with excellent IDE support
 - 🧩 **Modular** — Use only what you need, tree-shakeable architecture
 - 🏗️ **Full App Shell** — `dees-appui` provides a complete application framework with menus, routing, activity log, and bottom bar
-- 🎬 **Media Components** — Rich tile-based previews for PDFs, images, audio, video, notes, and folders
+- 🎬 **Media Components** — Rich thumbnail previews for PDFs, images, audio, video, notes, and folders
 - 💻 **IDE Workspace** — Full workspace component with Monaco editor, file tree, terminal, and diff viewer
 
 ## 📦 Installation
@@ -58,8 +58,8 @@ For developers working on this library, please refer to the [UI Components Playb
 | **Core UI** | [`DeesButton`](#deesbutton), [`DeesButtonExit`](#deesbuttonexit), [`DeesButtonGroup`](#deesbuttongroup), [`DeesBadge`](#deesbadge), [`DeesChips`](#deeschips), [`DeesHeading`](#deesheading), [`DeesHint`](#deeshint), [`DeesIcon`](#deesicon), [`DeesLabel`](#deeslabel), [`DeesPanel`](#deespanel), [`DeesSearchbar`](#deessearchbar), [`DeesSpinner`](#deesspinner), [`DeesToast`](#deestoast), [`DeesWindowcontrols`](#deeswindowcontrols), [`DeesActionbar`](#deesactionbar) |
 | **Forms** | [`DeesForm`](#deesform), [`DeesInputText`](#deesinputtext), [`DeesInputCheckbox`](#deesinputcheckbox), [`DeesInputDropdown`](#deesinputdropdown), [`DeesInputRadiogroup`](#deesinputradiogroup), [`DeesInputFileupload`](#deesinputfileupload), [`DeesInputIban`](#deesinputiban), [`DeesInputPhone`](#deesinputphone), [`DeesInputQuantitySelector`](#deesinputquantityselector), [`DeesInputMultitoggle`](#deesinputmultitoggle), [`DeesInputToggle`](#deesinputtoggle), [`DeesInputTags`](#deesinputtags), [`DeesInputTypelist`](#deesinputtypelist), [`DeesInputList`](#deesinputlist), [`DeesInputProfilepicture`](#deesinputprofilepicture), [`DeesInputRichtext`](#deesinputrichtext), [`DeesInputWysiwyg`](#deesinputwysiwyg), [`DeesInputDatepicker`](#deesinputdatepicker), [`DeesInputSearchselect`](#deesinputsearchselect), [`DeesInputCode`](#deesinputcode), [`DeesFormSubmit`](#deesformsubmit) |
 | **App Shell (Layout)** | [`DeesMosaic`](#deesmosaic), [`DeesAppui`](#deesappui-️), [`DeesAppuiMainmenu`](#deesappuimainmenu), [`DeesAppuiSecondarymenu`](#deesappuisecondarymenu), [`DeesAppuiMaincontent`](#deesappuimaincontent), [`DeesAppuiAppbar`](#deesappuiappbar), [`DeesAppuiActivitylog`](#deesappuiactivitylog), [`DeesAppuiBottombar`](#deesappuibottombar), [`DeesAppuiProfiledropdown`](#deesappuiprofiledropdown), [`DeesAppuiTabs`](#deesappuitabs), [`DeesMobileNavigation`](#deesmobilenavigation), [`DeesDashboardGrid`](#deesdashboardgrid) |
-| **Data Display** | [`DeesTable`](#deestable), [`DeesDataviewCodebox`](#deesdataviewcodebox), [`DeesDataviewStatusobject`](#deesdataviewstatusobject), [`DeesPdf`](#deespdf), [`DeesStatsGrid`](#deesstatsgrid), [`DeesPagination`](#deespagination), [`DeesStorageBrowser`](#deesstorgebrowser) |
-| **Media & Thumbnails** | [`DeesThumbnailPdf`](#deesthumbnailpdf), [`DeesThumbnailImage`](#deesthumbnailimage), [`DeesThumbnailAudio`](#deesthumbnailaudio), [`DeesThumbnailVideo`](#deesthumbnalvideo), [`DeesThumbnailNote`](#deesthumbnailnote), [`DeesThumbnailFolder`](#deesthumbnailfolder), [`DeesPreview`](#deespreview), [`DeesPdfViewer`](#deespdfviewer), [`DeesImageViewer`](#deesimageviewer), [`DeesAudioViewer`](#deesaudioviewer), [`DeesVideoViewer`](#deesvideoviewer) |
+| **Data Display** | [`DeesTable`](#deestable), [`DeesDataviewCodebox`](#deesdataviewcodebox), [`DeesDataviewStatusobject`](#deesdataviewstatusobject), [`DeesStatsGrid`](#deesstatsgrid), [`DeesPagination`](#deespagination), [`DeesStorageBrowser`](#deesstorgebrowser) |
+| **Media & Thumbnails** | [`DeesThumbnailPdf`](#deesthumbnailpdf), [`DeesThumbnailImage`](#deesthumbnailimage), [`DeesThumbnailAudio`](#deesthumbnailaudio), [`DeesThumbnailVideo`](#deesthumbnailvideo), [`DeesThumbnailNote`](#deesthumbnailnote), [`DeesThumbnailFolder`](#deesthumbnailfolder), [`DeesPreview`](#deespreview), [`DeesPdfViewer`](#deespdfviewer), [`DeesImageViewer`](#deesimageviewer), [`DeesAudioViewer`](#deesaudioviewer), [`DeesVideoViewer`](#deesvideoviewer) |
 | **Visualization** | [`DeesChartArea`](#deeschartarea), [`DeesChartBar`](#deeschartbar), [`DeesChartDonut`](#deeschartdonut), [`DeesChartGauge`](#deeschartgauge), [`DeesChartRadar`](#deeschartradar), [`DeesChartLog`](#deeschartlog) |
 | **Dialogs & Overlays** | [`DeesModal`](#deesmodal), [`DeesContextmenu`](#deescontextmenu), [`DeesSpeechbubble`](#deesspeechbubble), [`DeesWindowlayer`](#deeswindowlayer) |
 | **Navigation** | [`DeesStepper`](#deesstepper), [`DeesProgressbar`](#deesprogressbar) |
@@ -1221,19 +1221,6 @@ Status display component for complex objects with nested status indicators.
 ></dees-dataview-statusobject>
 ```
 
-#### `DeesPdf`
-PDF viewer component with navigation and zoom controls.
-
-```typescript
-<dees-pdf
-  source="path/to/document.pdf"  // URL or base64 encoded PDF
-  page={1}            // Current page number
-  scale={1.0}         // Zoom level
-  .controls=${['zoom', 'download', 'print', 'navigation']}
-  @page-change=${handlePageChange}
-></dees-pdf>
-```
-
 #### `DeesStatsGrid`
 A responsive grid component for displaying statistical data with various visualization types.
 
@@ -1311,59 +1298,65 @@ Pagination component for navigating through large datasets.
 
 ---
 
-### Media & Tile Components 🎬
+### Media & Thumbnail Components 🎬
 
-A rich collection of tile-based preview components for displaying media files in grids. All tiles share a consistent base class (`DeesTileBase`) with lazy loading via `IntersectionObserver`, hover interactions, click events, context menus, and three size variants (`small`, `default`, `large`).
+A rich collection of thumbnail components for displaying media files in grids. All thumbnails share a consistent base class (`DeesThumbnailBase`) with lazy loading via `IntersectionObserver`, hover interactions, click events, and three size variants (`small`, `default`, `large`). `DeesThumbnailPdf` also supplies PDF-specific context-menu actions.
 
-All tile badges use a unified styling system with label-awareness — when a `label` is set, bottom badges automatically shift up to avoid overlapping.
+Thumbnail metadata and labels share one fixed bottom information bar.
 
-#### `DeesTilePdf`
-PDF document tile with live page preview on hover.
+#### `DeesThumbnailPdf`
+PDF document thumbnail with a locally rendered page preview.
 
 ```typescript
-<dees-tile-pdf
-  pdfUrl="/documents/report.pdf"
+<dees-thumbnail-pdf
+  .pdfUrl=${'/documents/report.pdf'}
   label="Annual Report"
-  clickable
+  .clickable=${true}
   @tile-click=${handleClick}
-></dees-tile-pdf>
+></dees-thumbnail-pdf>
 ```
 
 **Key Features:**
 - Renders first page as canvas preview
 - Hover to scrub through pages (mouse X position maps to page number)
-- Shows page count badge, hover page indicator
+- Shows page count, file size, and hover page indicator
 - Detects A4/Letter vs non-standard aspect ratios
+- Bundles the PDF.js worker locally and releases it when the URL changes or the component disconnects
+
+Public properties include `pdfUrl`, `currentPreviewPage`, `pageCount`, `rendered`,
+`fileSize`, `clickable`, `loading`, `error`, `size`, and `label`. Loading starts within
+the thumbnail observer's 200px viewport preload margin. URL replacement, failed loads, and disconnection all
+release the current PDF document and worker.
 
-#### `DeesTileImage`
-Image tile with lazy loading and dimension display.
+#### `DeesThumbnailImage`
+Image thumbnail with lazy loading and dimension display.
 
 ```typescript
-<dees-tile-image
+<dees-thumbnail-image
   src="/photos/landscape.jpg"
   alt="Mountain landscape"
   label="landscape.jpg"
   clickable
   @tile-click=${handleClick}
-></dees-tile-image>
+></dees-thumbnail-image>
 ```
 
 **Key Features:**
 - Lazy loads image on scroll into view
-- Shows image dimensions on hover (e.g. "1920 × 1080")
+- Shows image dimensions after loading (e.g. "1920 × 1080")
 - Checkerboard background for transparent images
 
-#### `DeesTileAudio`
+#### `DeesThumbnailAudio`
 Audio file tile with waveform visualization.
 
 ```typescript
-<dees-tile-audio
+<dees-thumbnail-audio
   src="/music/track.mp3"
   title="Summer Vibes"
   artist="DJ Example"
   clickable
   @tile-click=${handleClick}
-></dees-tile-audio>
+></dees-thumbnail-audio>
 ```
 
 **Key Features:**
@@ -1372,17 +1365,17 @@ Audio file tile with waveform visualization.
 - Displays title and artist metadata
 - Play overlay on hover
 
-#### `DeesTileVideo`
+#### `DeesThumbnailVideo`
 Video tile with thumbnail capture and hover preview.
 
 ```typescript
-<dees-tile-video
+<dees-thumbnail-video
   src="/videos/intro.mp4"
   poster="/thumbs/intro.jpg"
   label="Introduction"
   clickable
   @tile-click=${handleClick}
-></dees-tile-video>
+></dees-thumbnail-video>
 ```
 
 **Key Features:**
@@ -1391,31 +1384,30 @@ Video tile with thumbnail capture and hover preview.
 - Shows duration badge
 - Play button overlay
 
-#### `DeesTileNote`
-Code/text snippet tile with syntax-aware display.
+#### `DeesThumbnailNote`
+Plain-text note thumbnail with a monospace preview.
 
 ```typescript
-<dees-tile-note
+<dees-thumbnail-note
   title="config.ts"
   language="TypeScript"
   .content=${codeString}
   clickable
   @tile-click=${handleClick}
-></dees-tile-note>
+></dees-thumbnail-note>
 ```
 
 **Key Features:**
-- Monospace font with line numbers
-- Language badge (top-right)
+- Monospace plain-text preview
+- Optional language metadata in the bottom information bar
 - Scrollable content on hover (mouse X position controls scroll)
-- Line indicator badge while scrolling
 - Gradient fade at bottom
 
-#### `DeesTileFolder`
+#### `DeesThumbnailFolder`
 Folder tile with 2×2 content preview grid.
 
 ```typescript
-<dees-tile-folder
+<dees-thumbnail-folder
   name="Project Assets"
   .items=${[
     { type: 'image', name: 'logo.png', thumbnailSrc: '/thumbs/logo.png' },
@@ -1425,7 +1417,7 @@ Folder tile with 2×2 content preview grid.
   ]}
   clickable
   @tile-click=${handleClick}
-></dees-tile-folder>
+></dees-thumbnail-folder>
 ```
 
 **Key Features:**
@@ -1435,10 +1427,53 @@ Folder tile with 2×2 content preview grid.
 - Supports: `pdf`, `image`, `audio`, `video`, `note`, `folder`, `unknown` types
 
 #### `DeesPreview`
-Unified preview component that auto-selects the right tile type based on content.
+Unified preview component that selects the appropriate media viewer or renderer based on content.
+
+#### `DeesPdfViewer`
+Full PDF viewer with page navigation, zoom, fit modes, selectable text, downloads,
+printing, and an optional thumbnail sidebar. PDF.js and its module worker are bundled
+locally; the component owns and releases each worker as documents are replaced or the
+viewer disconnects.
+
+```typescript
+<dees-pdf-viewer
+  .pdfUrl=${'/documents/report.pdf'}
+  .initialPage=${1}
+  .initialZoom=${'page-fit'}
+  .showSidebar=${true}
+></dees-pdf-viewer>
+```
+
+Public properties include `pdfUrl`, `initialPage`, `initialZoom`, `showToolbar`,
+`showSidebar`, `sidebarPosition`, `currentPage`, `totalPages`, `currentZoom`, `loading`,
+and `pdfFileSize`. URL replacement, failed loads, and disconnection cancel active work,
+remove observers and listeners, and release the current PDF document and worker.
+
+#### `PdfManager`
+Use `PdfManager` when loading a PDF outside the supplied components. Always release the
+returned document. An abort signal cancels an in-flight load and triggers bounded worker
+cleanup.
 
-#### `DeesPdfViewer` / `DeesPdfPreview`
-Full PDF viewing components with navigation controls.
+When migrating from 6.x, pass the `PDFDocumentProxy` returned by `loadDocument()` to
+`releaseDocument()` instead of passing the source URL.
+
+`PdfManager.initialize()` is retained as an asynchronous no-op for existing callers;
+static PDF.js imports require no initialization step.
+
+```typescript
+import { PdfManager } from '@design.estate/dees-catalog';
+
+const abortController = new AbortController();
+const pdfDocument = await PdfManager.loadDocument(pdfUrl, abortController.signal);
+
+try {
+  const firstPage = await pdfDocument.getPage(1);
+  // Render or inspect the page.
+  firstPage.cleanup();
+} finally {
+  await PdfManager.releaseDocument(pdfDocument);
+}
+```
 
 #### `DeesImageViewer`
 Full-screen image viewer with zoom and pan.
@@ -1834,7 +1869,7 @@ chat.refreshMessages();
 chat.refreshMessages([]);
 ```
 
-Key props: `messages`, `permissions`, `questions`, `status`, `transcriptKey`, `hasEarlierMessages`/`loadingEarlier`, `usage`, `todos`/`todosAuthoritative`/`showTodosPanel`, `sessionMetrics`, `scratchpad`/`scratchpadBusy`/`scratchpadError`, `sessionIntelligenceEnabled`/`intelligenceExchanges`/`intelligenceBusy`/`intelligenceError`, `showSessionSidebar`, `heading`, `subheading`, `toolbarActions`, `showToolbar`, `busy`, `queuedCount`, `steeringEnabled`, `disabled`, `suggestions`, `account`/`accountOptions`, `model`/`modelOptions`, `reasoningEffort`/`effortOptions`, `mode`/`modeOptions`, `markdownWhileStreaming`, `toolRegistry`. `toolbarActions` accepts `IHarnessChatToolbarAction[]`; each action has `id`, human-readable `label`, `iconName`, `action`, and optional `tooltip`/`disabled`, and renders immediately before the session-details toggle. `disabled: true` makes only that toolbar action inert and prevents its callback without changing the chat-level `disabled` state. `markdownWhileStreaming` defaults to `true`; setting it to `false` keeps active outer and nested subtask markdown as plain text, then performs the final markdown parse when `message-end` arrives. `suggestions` is forwarded unchanged to the controlled composer. Account options use human-readable `label` values and opaque stable `value` identifiers. The status line renders inside the transcript column (it never pushes between the session panel and the composer), and both the toolbar and the docked composer cast a subtle shadow over the scrolling messages.
+Key props: `messages`, `permissions`, `questions`, `status`, `transcriptKey`, `hasEarlierMessages`/`loadingEarlier`, `usage`, `todos`/`todosAuthoritative`/`showTodosPanel`, `sessionMetrics`, `scratchpad`/`scratchpadBusy`/`scratchpadError`, `sessionIntelligenceEnabled`/`intelligenceExchanges`/`intelligenceBusy`/`intelligenceError`/`intelligenceAvailabilityStatus`/`intelligenceUnavailableReason`/`intelligenceHeading`, `showSessionSidebar`, `heading`, `subheading`, `toolbarActions`, `showToolbar`, `busy`, `queuedCount`, `steeringEnabled`, `disabled`, `suggestions`, `account`/`accountOptions`, `model`/`modelOptions`, `reasoningEffort`/`effortOptions`, `mode`/`modeOptions`, `markdownWhileStreaming`, `toolRegistry`. `toolbarActions` accepts `IHarnessChatToolbarAction[]`; each action has `id`, human-readable `label`, `iconName`, `action`, and optional `tooltip`/`disabled`, and renders immediately before the session-details toggle. `disabled: true` makes only that toolbar action inert and prevents its callback without changing the chat-level `disabled` state. `markdownWhileStreaming` defaults to `true`; setting it to `false` keeps active outer and nested subtask markdown as plain text, then performs the final markdown parse when `message-end` arrives. `suggestions` is forwarded unchanged to the controlled composer. Account options use human-readable `label` values and opaque stable `value` identifiers. The status line renders inside the transcript column (it never pushes between the session panel and the composer), and both the toolbar and the docked composer cast a subtle shadow over the scrolling messages.
 
 After mutating canonical message objects in place, call `refreshMessages(ids?)`. Pass IDs for targeted content corrections, omit them after structural mutations, and pass an empty array for a no-op. `DeesHarnessChat.refreshMessages(ids?)` uses the list semantics and, except for `[]`, also recomputes transcript-derived sidebar state. The list and individual message components expose the corresponding `refreshMessages(ids?)` and `refreshMessage()` methods.
 
@@ -1842,6 +1877,8 @@ A **session side panel** shows Tasks, Tools & Subagents, Tokens, Session Scratch
 
 Set `.todosAuthoritative=${true}` when an empty host-owned task list must suppress transcript-derived fallback. A changed `transcriptKey` also clears the previous session's unsent Session Intelligence question while preserving the existing scratchpad revision handling.
 
+Session Intelligence availability is host-controlled through `intelligenceAvailabilityStatus` (`THarnessIntelligenceAvailabilityStatus`, exported as `'checking' | 'available' | 'unavailable'`), `intelligenceUnavailableReason`, and `intelligenceHeading`. Their compatibility defaults are `available`, an empty reason, and `Session Intelligence`. A blank heading also falls back to `Session Intelligence`, and unavailable state without a reason renders `<heading> is unavailable.` `sessionIntelligenceEnabled` remains the visibility switch. Checking and unavailable states keep exchange history visible and disable only the intelligence composer, while the main chat composer remains usable. Availability copy is rendered as text in a polite live status region; `intelligenceError` remains the separate operation-error channel.
+
 History paging adds the composed child event `harness-load-earlier`.
 
 #### `DeesHarnessMessageList`
@@ -1953,6 +1990,8 @@ Generic session-detail panel that composes Tasks, Tools & Subagents, Tokens, Ses
 
 Scratchpad edits emit `harness-scratchpad-save` with `{ text, expectedRevision }`. A newer incoming revision preserves a dirty local draft and offers explicit **Discard draft** and **Keep draft on latest** actions before saving can continue. Intelligence questions emit `harness-session-intelligence-ask` with `{ question }`; exchanges and busy/error states remain host-controlled. Direct sidebar hosts should update `sessionKey` when changing sessions; `DeesHarnessChat` forwards `transcriptKey` automatically.
 
+Direct sidebar hosts can set `intelligenceAvailabilityStatus`, `intelligenceUnavailableReason`, and `intelligenceHeading`; `intelligenceEnabled` still controls whether the section exists. The properties default to `available`, an empty reason, and `Session Intelligence`. A blank heading falls back to `Session Intelligence`, and unavailable state without a reason renders `<heading> is unavailable.` Only `available` permits `harness-session-intelligence-ask`; checking and unavailable states retain history and expose accessible status text. The availability union is exported as `THarnessIntelligenceAvailabilityStatus`.
+
 #### `DeesHarnessSessionList`
 
 Searchable, card-based conversation column for sidebars or a `DeesModal` (`harness-session-select` on click, `harness-session-open` on double-click/Enter). Cards stay collapsed until their independent accessible expansion control is used. Selection and working-state changes do not affect expansion.
@@ -2199,8 +2238,8 @@ interface IViewActivationContext {
   params?: Record<string, string>;
 }
 
-// Tile folder item (for DeesTileFolder)
-interface ITileFolderItem {
+// Thumbnail folder item (for DeesThumbnailFolder)
+interface IThumbnailFolderItem {
   type: 'pdf' | 'image' | 'audio' | 'video' | 'note' | 'folder' | 'unknown';
   thumbnailSrc?: string;
   name: string;
@@ -2209,6 +2248,18 @@ interface ITileFolderItem {
 
 ---
 
+## Third-Party Notices
+
+`DeesChartArea` uses [TradingView Lightweight Charts](https://www.tradingview.com/lightweight-charts/) under the Apache License 2.0. Its built-in TradingView attribution link remains enabled.
+
+> TradingView Lightweight Charts™<br>
+> Copyright (с) 2025 TradingView, Inc. https://www.tradingview.com/
+
+`DeesPdfViewer` and `DeesThumbnailPdf` bundle Mozilla PDF.js 4.10.38 and its
+module worker under the Apache License 2.0. The attribution and complete license text are
+provided in [third-party-notices.md](./third-party-notices.md) and copied into
+`dist_bundle/` for standalone bundle distributions.
+
 ## License and Legal Information
 
 This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [license](./license) file.