@jini-ai/ui 0.1.0

package/dist/features/asset-grid/dependencies.js

@@ -0,0 +1,70 @@
+/**
+ * The only file in this feature allowed to touch a concrete adapter.
+ *
+ * `data` (the asset-catalog fetch transport) is genuinely host-specific, so
+ * this package ships an in-memory fake/test double instead of a real
+ * transport — a real host supplies its own `AssetGridDataPort`.
+ *
+ * `liveUpdates`, by contrast, only touches the generic browser `EventSource`
+ * API with no backend-specific shape beyond a URL and two event names, so
+ * this package ships a real SSR-guarded browser implementation for it too —
+ * a host only needs to supply its own `data` port (and, if it wants live
+ * updates, the SSE endpoint URL).
+ */
+import { parseLiveUpdateAssetId } from './rules.js';
+/** An in-memory test double good enough for demos and for driving this feature's own hook/component tests. */
+export function createFakeAssetGridDataPort(options = {}) {
+    const assets = options.assets ? [...options.assets] : [];
+    const latencyMs = options.latencyMs ?? 0;
+    const matchesQuery = options.matchesQuery ?? (() => true);
+    const delay = (value) => latencyMs > 0 ? new Promise((resolve) => setTimeout(() => resolve(value), latencyMs)) : Promise.resolve(value);
+    return {
+        fetchAssets(query) {
+            return delay(assets.filter((a) => matchesQuery(a, query)));
+        },
+        fetchAssetById(id) {
+            return delay(assets.find((a) => a.id === id) ?? null);
+        },
+    };
+}
+/** A real `EventSource`-backed live-updates port. SSR-guarded: `subscribe` is a no-op off the browser. */
+export function createBrowserSseLiveUpdatesPort(options) {
+    const ingestEventName = options.ingestEventName ?? 'ingest';
+    const deleteEventName = options.deleteEventName ?? 'delete';
+    const idField = options.idField ?? 'id';
+    return {
+        subscribe(handlers) {
+            if (typeof EventSource === 'undefined')
+                return () => { };
+            let source = null;
+            try {
+                source = new EventSource(options.url);
+            }
+            catch {
+                return () => { };
+            }
+            const onIngest = (ev) => {
+                const id = parseLiveUpdateAssetId(ev.data, idField);
+                if (id)
+                    handlers.onIngest(id);
+                else
+                    handlers.onFullReload();
+            };
+            const onDelete = (ev) => {
+                const id = parseLiveUpdateAssetId(ev.data, idField);
+                if (id)
+                    handlers.onDelete(id);
+                else
+                    handlers.onFullReload();
+            };
+            source.addEventListener(ingestEventName, onIngest);
+            source.addEventListener(deleteEventName, onDelete);
+            const es = source;
+            return () => es.close();
+        },
+    };
+}
+export function createFakeAssetGridDependencies(options = {}) {
+    return { data: createFakeAssetGridDataPort(options) };
+}
+//# sourceMappingURL=dependencies.js.map

package/dist/features/asset-grid/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/features/asset-grid/dependencies.ts"],"names":[],"mappings":"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"}

package/dist/features/asset-grid/index.d.ts

@@ -0,0 +1,32 @@
+export type { AssetGridItem, AssetGridFacetOption, AssetGridQuery, AssetGridViewMode, AssetGridSelectors, CardRect, Band, AssetGridDayGroup, } from './types.js';
+export { ASSET_ID_ATTR, ASSET_ID_SELECTOR, DEFAULT_SEARCH_DEBOUNCE_MS, DEFAULT_LIVE_UPDATE_COALESCE_MS, ALL_FACET_VALUE, } from './constants.js';
+export { localDayKey, dayKeyFromTimestamp, dayHeading, dayHeadingResult, groupByDay, snapshotCardRects, cardIdsInBand, toggleSelection, rangeSelection, selectAllIds, pruneMissingSelection, mergeIngestedAssets, parseLiveUpdateAssetId, buildAssetGridQuery, defaultMatchesKindFilter, filterByKind, resolvePreviewClickAction, resolveCheckboxClickAction, buildFacetLabelMap, resolveFacetLabel, isTypingTarget, } from './rules.js';
+export type { DayHeading, PreviewClickAction, CheckboxClickAction } from './rules.js';
+export type { AssetGridDataPort, AssetGridLiveUpdateHandlers, AssetGridLiveUpdatesPort, AssetGridDependencies, } from './ports.js';
+export { createFakeAssetGridDataPort, createBrowserSseLiveUpdatesPort, createFakeAssetGridDependencies, } from './dependencies.js';
+export type { FakeAssetGridDataPortOptions, BrowserSseLiveUpdatesOptions } from './dependencies.js';
+export { useAssetGridData, useWiredAssetGridData } from './react/hooks/useAssetGridData.js';
+export type { UseAssetGridDataParams, UseAssetGridDataResult, UseWiredAssetGridDataParams, } from './react/hooks/useAssetGridData.js';
+export { useAssetGridLiveUpdates, useWiredAssetGridLiveUpdates } from './react/hooks/useAssetGridLiveUpdates.js';
+export type { UseAssetGridLiveUpdatesParams, UseWiredAssetGridLiveUpdatesParams, } from './react/hooks/useAssetGridLiveUpdates.js';
+export { useAssetGridSelection } from './react/hooks/useAssetGridSelection.js';
+export type { UseAssetGridSelectionResult } from './react/hooks/useAssetGridSelection.js';
+export { useRubberBandDrag } from './react/hooks/useRubberBandDrag.js';
+export type { UseRubberBandDragParams, UseRubberBandDragResult } from './react/hooks/useRubberBandDrag.js';
+export { useAssetGridKeyboardShortcuts } from './react/hooks/useAssetGridKeyboardShortcuts.js';
+export type { UseAssetGridKeyboardShortcutsParams } from './react/hooks/useAssetGridKeyboardShortcuts.js';
+export { AssetCard } from './react/components/AssetCard.js';
+export type { AssetCardProps } from './react/components/AssetCard.js';
+export { AssetGridToolbar } from './react/components/AssetGridToolbar.js';
+export type { AssetGridToolbarProps } from './react/components/AssetGridToolbar.js';
+export { AssetGridBody } from './react/components/AssetGridBody.js';
+export type { AssetGridBodyProps } from './react/components/AssetGridBody.js';
+export { SelectionActionBar } from './react/components/SelectionActionBar.js';
+export type { SelectionActionBarProps } from './react/components/SelectionActionBar.js';
+export { SelectionBand } from './react/components/SelectionBand.js';
+export type { SelectionBandProps } from './react/components/SelectionBand.js';
+export { DeleteConfirmDialog } from './react/components/DeleteConfirmDialog.js';
+export type { DeleteConfirmDialogProps } from './react/components/DeleteConfirmDialog.js';
+export { AssetGrid } from './react/components/AssetGrid.js';
+export type { AssetGridProps } from './react/components/AssetGrid.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/asset-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/asset-grid/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,IAAI,EACJ,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,0BAA0B,EAC1B,+BAA+B,EAC/B,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,yBAAyB,EACzB,0BAA0B,EAC1B,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtF,YAAY,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,2BAA2B,EAC3B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AAEpG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC5F,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACjH,YAAY,EACV,6BAA6B,EAC7B,kCAAkC,GACnC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,YAAY,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC3G,OAAO,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAC;AAC/F,YAAY,EAAE,mCAAmC,EAAE,MAAM,gDAAgD,CAAC;AAE1G,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,YAAY,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,YAAY,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,YAAY,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/features/asset-grid/index.js

@@ -0,0 +1,16 @@
+export { ASSET_ID_ATTR, ASSET_ID_SELECTOR, DEFAULT_SEARCH_DEBOUNCE_MS, DEFAULT_LIVE_UPDATE_COALESCE_MS, ALL_FACET_VALUE, } from './constants.js';
+export { localDayKey, dayKeyFromTimestamp, dayHeading, dayHeadingResult, groupByDay, snapshotCardRects, cardIdsInBand, toggleSelection, rangeSelection, selectAllIds, pruneMissingSelection, mergeIngestedAssets, parseLiveUpdateAssetId, buildAssetGridQuery, defaultMatchesKindFilter, filterByKind, resolvePreviewClickAction, resolveCheckboxClickAction, buildFacetLabelMap, resolveFacetLabel, isTypingTarget, } from './rules.js';
+export { createFakeAssetGridDataPort, createBrowserSseLiveUpdatesPort, createFakeAssetGridDependencies, } from './dependencies.js';
+export { useAssetGridData, useWiredAssetGridData } from './react/hooks/useAssetGridData.js';
+export { useAssetGridLiveUpdates, useWiredAssetGridLiveUpdates } from './react/hooks/useAssetGridLiveUpdates.js';
+export { useAssetGridSelection } from './react/hooks/useAssetGridSelection.js';
+export { useRubberBandDrag } from './react/hooks/useRubberBandDrag.js';
+export { useAssetGridKeyboardShortcuts } from './react/hooks/useAssetGridKeyboardShortcuts.js';
+export { AssetCard } from './react/components/AssetCard.js';
+export { AssetGridToolbar } from './react/components/AssetGridToolbar.js';
+export { AssetGridBody } from './react/components/AssetGridBody.js';
+export { SelectionActionBar } from './react/components/SelectionActionBar.js';
+export { SelectionBand } from './react/components/SelectionBand.js';
+export { DeleteConfirmDialog } from './react/components/DeleteConfirmDialog.js';
+export { AssetGrid } from './react/components/AssetGrid.js';
+//# sourceMappingURL=index.js.map

package/dist/features/asset-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/features/asset-grid/index.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,0BAA0B,EAC1B,+BAA+B,EAC/B,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,yBAAyB,EACzB,0BAA0B,EAC1B,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC;AAUpB,OAAO,EACL,2BAA2B,EAC3B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAM5F,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAKjH,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAC;AAG/F,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/features/asset-grid/ports.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The DI seam. Everything in this feature reaches transport/DOM only through
+ * these interfaces — `dependencies.ts` is the one file allowed to bind a
+ * real implementation.
+ *
+ * Deleting an asset (single or bulk) is deliberately NOT a port method here:
+ * the destructive API call is host-specific, so it's exposed as a plain
+ * callback prop on the `AssetGrid` component (`onDeleteAsset`/
+ * `onDeleteSelected`) instead — this feature only owns the confirm-UI and
+ * the keyboard-shortcut wiring around it, never the delete call itself.
+ */
+import type { AssetGridQuery } from './types.js';
+/** The asset-catalog read transport. */
+export interface AssetGridDataPort<TAsset> {
+    fetchAssets(query: AssetGridQuery): Promise<TAsset[]>;
+    /**
+     * Fetch a single asset by id, used to resolve a live-update "ingest"
+     * event into a targeted merge instead of a full reload. Omit if the host
+     * has no cheap per-id fetch — every ingest event then falls back to a
+     * full `fetchAssets` reload.
+     */
+    fetchAssetById?(id: string): Promise<TAsset | null>;
+}
+export interface AssetGridLiveUpdateHandlers {
+    /** A single asset was created or changed; resolve it via `fetchAssetById` (or reload if absent). */
+    onIngest(id: string): void;
+    /** A single asset was removed; drop it locally, no fetch needed. */
+    onDelete(id: string): void;
+    /** The event carried no resolvable id, or update membership can't be predicted client-side — reload everything. */
+    onFullReload(): void;
+}
+/** A live-update transport (e.g. Server-Sent Events) delivering incremental catalog changes. */
+export interface AssetGridLiveUpdatesPort {
+    /** Start listening; returns an unsubscribe function. */
+    subscribe(handlers: AssetGridLiveUpdateHandlers): () => void;
+}
+export interface AssetGridDependencies<TAsset> {
+    data: AssetGridDataPort<TAsset>;
+    /** Optional: omit to disable live-merge reconciliation entirely (a host without a push transport can rely on the manual Refresh action alone). */
+    liveUpdates?: AssetGridLiveUpdatesPort;
+}
+//# sourceMappingURL=ports.d.ts.map

package/dist/features/asset-grid/ports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ports.d.ts","sourceRoot":"","sources":["../../../src/features/asset-grid/ports.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wCAAwC;AACxC,MAAM,WAAW,iBAAiB,CAAC,MAAM;IACvC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACtD;;;;;OAKG;IACH,cAAc,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,2BAA2B;IAC1C,oGAAoG;IACpG,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,mHAAmH;IACnH,YAAY,IAAI,IAAI,CAAC;CACtB;AAED,gGAAgG;AAChG,MAAM,WAAW,wBAAwB;IACvC,wDAAwD;IACxD,SAAS,CAAC,QAAQ,EAAE,2BAA2B,GAAG,MAAM,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,qBAAqB,CAAC,MAAM;IAC3C,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC"}

package/dist/features/asset-grid/ports.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ports.js.map

package/dist/features/asset-grid/ports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ports.js","sourceRoot":"","sources":["../../../src/features/asset-grid/ports.ts"],"names":[],"mappings":""}

package/dist/features/asset-grid/react/components/AssetCard.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import type { AssetGridItem } from '../../types.js';
+export interface AssetCardProps<TAsset extends AssetGridItem> {
+    asset: TAsset;
+    /** This card's flat position in the current asset list — drives shift-range + rubber-band selection. */
+    index: number;
+    selected: boolean;
+    title: string;
+    subtitle?: string | undefined;
+    kindLabel?: string | undefined;
+    sourceLabel?: string | undefined;
+    /** Host-supplied, kind-aware thumbnail. Mounted lazily once the card scrolls near the viewport. */
+    renderThumbnail: (asset: TAsset) => ReactNode;
+    /** Held in place of `renderThumbnail` until the card is in view. Defaults to nothing (an empty box). */
+    renderThumbnailPlaceholder?: ((asset: TAsset) => ReactNode) | undefined;
+    onToggle: (id: string, index: number) => void;
+    onRange: (index: number) => void;
+    onPreview: (id: string) => void;
+    /** Generic single-asset delete. Omit to hide the built-in Remove action entirely. */
+    onDeleteAsset?: ((id: string) => void) | undefined;
+    /** Host-owned extra actions row (e.g. an "open origin" link) rendered alongside the generic Remove action. */
+    renderCardExtra?: ((asset: TAsset) => ReactNode) | undefined;
+}
+export declare function AssetCard<TAsset extends AssetGridItem>({ asset, index, selected, title, subtitle, kindLabel, sourceLabel, renderThumbnail, renderThumbnailPlaceholder, onToggle, onRange, onPreview, onDeleteAsset, renderCardExtra, }: AssetCardProps<TAsset>): import("react").JSX.Element;
+//# sourceMappingURL=AssetCard.d.ts.map

package/dist/features/asset-grid/react/components/AssetCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,cAAc,CAAC,MAAM,SAAS,aAAa;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,wGAAwG;IACxG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mGAAmG;IACnG,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC9C,wGAAwG;IACxG,0BAA0B,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACxE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qFAAqF;IACrF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,8GAA8G;IAC9G,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC9D;AAED,wBAAgB,SAAS,CAAC,MAAM,SAAS,aAAa,EAAE,EACtD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,eAAe,GAChB,EAAE,cAAc,CAAC,MAAM,CAAC,+BA2FxB"}

package/dist/features/asset-grid/react/components/AssetCard.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useT } from '../../../i18n/index.js';
+import { useInView } from '../../../../react/hooks/useInView.js';
+import { resolveCheckboxClickAction, resolvePreviewClickAction } from '../../rules.js';
+export function AssetCard({ asset, index, selected, title, subtitle, kindLabel, sourceLabel, renderThumbnail, renderThumbnailPlaceholder, onToggle, onRange, onPreview, onDeleteAsset, renderCardExtra, }) {
+    const t = useT();
+    const { ref, inView } = useInView({ once: true, rootMargin: '300px' });
+    const handlePreviewClick = useCallback((e) => {
+        const action = resolvePreviewClickAction(e);
+        if (action === 'toggle')
+            onToggle(asset.id, index);
+        else if (action === 'range')
+            onRange(index);
+        else
+            onPreview(asset.id);
+    }, [asset.id, index, onToggle, onRange, onPreview]);
+    const handleCheckboxClick = useCallback((e) => {
+        e.stopPropagation();
+        if (resolveCheckboxClickAction(e) === 'range')
+            onRange(index);
+        else
+            onToggle(asset.id, index);
+    }, [asset.id, index, onToggle, onRange]);
+    return (_jsxs("figure", { className: "asset-grid-card", "data-asset-grid-id": asset.id, "data-selected": selected ? 'true' : 'false', children: [_jsxs("div", { className: "asset-grid-card-thumb", children: [_jsx("div", { ref: ref, className: "asset-grid-card-thumb-lazy", children: inView ? renderThumbnail(asset) : (renderThumbnailPlaceholder?.(asset) ?? null) }), _jsx("button", { type: "button", className: "asset-grid-card-preview-btn", onClick: handlePreviewClick, "aria-label": t('Preview {title}', { title }), children: _jsx("span", { className: "asset-grid-card-preview-overlay", "aria-hidden": true, children: _jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m21 21-4.3-4.3" })] }) }) }), _jsx("button", { type: "button", className: "asset-grid-card-select-check", "data-checked": selected ? 'true' : 'false', "aria-pressed": selected, "aria-label": selected ? t('Deselect asset') : t('Select asset'), onClick: handleCheckboxClick, children: selected ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })) : null }), sourceLabel ? (_jsx("span", { className: "asset-grid-card-badge", "data-badge": "source", children: sourceLabel })) : null, kindLabel ? (_jsx("span", { className: "asset-grid-card-badge", "data-badge": "kind", children: kindLabel })) : null] }), _jsxs("figcaption", { className: "asset-grid-card-meta", children: [_jsx("button", { type: "button", className: "asset-grid-card-title", title: title, onClick: () => onPreview(asset.id), children: title }), subtitle ? _jsx("span", { className: "asset-grid-card-subtitle", children: subtitle }) : null] }), renderCardExtra || onDeleteAsset ? (_jsxs("div", { className: "asset-grid-card-actions", children: [renderCardExtra ? renderCardExtra(asset) : _jsx("span", {}), onDeleteAsset ? (_jsx("button", { type: "button", className: "asset-grid-card-delete-btn", onClick: () => onDeleteAsset(asset.id), children: t('Remove') })) : null] })) : null] }));
+}
+//# sourceMappingURL=AssetCard.js.map

package/dist/features/asset-grid/react/components/AssetCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetCard.js","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetCard.tsx"],"names":[],"mappings":"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"}

package/dist/features/asset-grid/react/components/AssetGrid.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+import type { AssetGridDependencies } from '../../ports.js';
+import type { AssetGridFacetOption, AssetGridItem, AssetGridSelectors, AssetGridViewMode } from '../../types.js';
+import { useWiredAssetGridData } from '../hooks/useAssetGridData.js';
+import { useAssetGridSelection } from '../hooks/useAssetGridSelection.js';
+export interface AssetGridProps<TAsset extends AssetGridItem> {
+    /** Whether this grid is the visible/active surface — gates fetch-on-mount, live updates, and keyboard shortcuts (a tab-visibility gate). Defaults to `true`. */
+    active?: boolean;
+    selectors: AssetGridSelectors<TAsset>;
+    /** Defaults to an empty in-memory fake — a host supplies its own `data` (and optionally `liveUpdates`) port. */
+    dependencies?: AssetGridDependencies<TAsset>;
+    kindFacets?: AssetGridFacetOption[];
+    sourceFacets?: AssetGridFacetOption[];
+    /** Host-supplied, kind-aware thumbnail renderer — required, since only the host knows its asset kinds. */
+    renderThumbnail: (asset: TAsset) => ReactNode;
+    renderThumbnailPlaceholder?: (asset: TAsset) => ReactNode;
+    /** Host-owned per-card extra actions (e.g. an "open origin" link), rendered alongside the generic Remove action. */
+    renderCardExtra?: (asset: TAsset) => ReactNode;
+    /** Host-owned extra bulk actions, rendered in the selection bar before the generic Delete action. */
+    renderBulkActions?: (selectedIds: string[]) => ReactNode;
+    /** The actual per-asset delete call. Omit to hide the built-in per-card Remove action. */
+    onDeleteAsset?: (id: string) => void | Promise<void>;
+    /** The actual bulk-delete call, invoked after the user confirms the dialog. Omit to hide the bulk-delete action and Delete-key shortcut entirely. */
+    onDeleteSelected?: (ids: string[]) => void | Promise<void>;
+    onPreview?: (asset: TAsset) => void;
+    /** True while a host-owned preview surface is open — Escape/Delete then defer to it instead of the grid. */
+    isPreviewOpen?: boolean;
+    /** Host-specific extra toolbar controls (e.g. Upload/Sync buttons). */
+    toolbarActions?: ReactNode;
+    emptyState?: ReactNode;
+    searchPlaceholder?: string;
+    searchDebounceMs?: number;
+    liveUpdateCoalesceMs?: number;
+    initialViewMode?: AssetGridViewMode;
+    /** Custom hook overrides for dependency injection / testing. */
+    useWiredAssetGridData?: typeof useWiredAssetGridData;
+    useAssetGridSelection?: typeof useAssetGridSelection;
+}
+/**
+ * A live-updating, filterable, multi-selectable asset grid — the generic
+ * pattern behind a photo library / DAM. See `packages/ui/source-map.md` for
+ * the full retained-behavior manifest against the original `LibrarySection.tsx`.
+ */
+export declare function AssetGrid<TAsset extends AssetGridItem>({ active, selectors, dependencies, kindFacets, sourceFacets, renderThumbnail, renderThumbnailPlaceholder, renderCardExtra, renderBulkActions, onDeleteAsset, onDeleteSelected, onPreview, isPreviewOpen, toolbarActions, emptyState, searchPlaceholder, searchDebounceMs, liveUpdateCoalesceMs, initialViewMode, useWiredAssetGridData: useWiredAssetGridDataHook, useAssetGridSelection: useAssetGridSelectionHook, }: AssetGridProps<TAsset>): import("react").JSX.Element;
+//# sourceMappingURL=AssetGrid.d.ts.map

package/dist/features/asset-grid/react/components/AssetGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGrid.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAU1E,MAAM,WAAW,cAAc,CAAC,MAAM,SAAS,aAAa;IAC1D,gKAAgK;IAChK,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACtC,gHAAgH;IAChH,YAAY,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACtC,0GAA0G;IAC1G,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC9C,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1D,oHAAoH;IACpH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/C,qGAAqG;IACrG,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,SAAS,CAAC;IACzD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,qJAAqJ;IACrJ,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,4GAA4G;IAC5G,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,OAAO,qBAAqB,CAAC;IACrD,qBAAqB,CAAC,EAAE,OAAO,qBAAqB,CAAC;CACtD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,MAAM,SAAS,aAAa,EAAE,EACtD,MAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAe,EACf,YAAiB,EACjB,eAAe,EACf,0BAA0B,EAC1B,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,aAAqB,EACrB,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAA6C,EAC7C,oBAAoB,EACpB,eAAwB,EACxB,qBAAqB,EAAE,yBAAiD,EACxE,qBAAqB,EAAE,yBAAiD,GACzE,EAAE,cAAc,CAAC,MAAM,CAAC,+BAuLxB"}

package/dist/features/asset-grid/react/components/AssetGrid.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { useT } from '../../../i18n/index.js';
+import { useDebouncedValue } from '../../../../react/hooks/useDebouncedValue.js';
+import { DEFAULT_SEARCH_DEBOUNCE_MS } from '../../constants.js';
+import { buildFacetLabelMap, dayKeyFromTimestamp, resolveFacetLabel } from '../../rules.js';
+import { useWiredAssetGridData } from '../hooks/useAssetGridData.js';
+import { useWiredAssetGridLiveUpdates } from '../hooks/useAssetGridLiveUpdates.js';
+import { useAssetGridSelection } from '../hooks/useAssetGridSelection.js';
+import { useRubberBandDrag } from '../hooks/useRubberBandDrag.js';
+import { useAssetGridKeyboardShortcuts } from '../hooks/useAssetGridKeyboardShortcuts.js';
+import { AssetCard } from './AssetCard.js';
+import { AssetGridBody } from './AssetGridBody.js';
+import { AssetGridToolbar } from './AssetGridToolbar.js';
+import { SelectionActionBar } from './SelectionActionBar.js';
+import { SelectionBand } from './SelectionBand.js';
+import { DeleteConfirmDialog } from './DeleteConfirmDialog.js';
+/**
+ * A live-updating, filterable, multi-selectable asset grid — the generic
+ * pattern behind a photo library / DAM. See `packages/ui/source-map.md` for
+ * the full retained-behavior manifest against the original `LibrarySection.tsx`.
+ */
+export function AssetGrid({ active = true, selectors, dependencies, kindFacets = [], sourceFacets = [], renderThumbnail, renderThumbnailPlaceholder, renderCardExtra, renderBulkActions, onDeleteAsset, onDeleteSelected, onPreview, isPreviewOpen = false, toolbarActions, emptyState, searchPlaceholder, searchDebounceMs = DEFAULT_SEARCH_DEBOUNCE_MS, liveUpdateCoalesceMs, initialViewMode = 'grid', useWiredAssetGridData: useWiredAssetGridDataHook = useWiredAssetGridData, useAssetGridSelection: useAssetGridSelectionHook = useAssetGridSelection, }) {
+    const t = useT();
+    const [kind, setKind] = useState('');
+    const [source, setSource] = useState('');
+    const [search, setSearch] = useState('');
+    const [viewMode, setViewMode] = useState(initialViewMode);
+    const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
+    const debouncedSearch = useDebouncedValue(search, searchDebounceMs);
+    const filtersActive = !!(kind || source || debouncedSearch.trim());
+    // `dependencies` (host-supplied, or omitted to fall back to the package's
+    // in-memory fake) is resolved by each wirer independently — neither this
+    // component nor the real `useAssetGridData`/`useAssetGridLiveUpdates`
+    // hooks import `dependencies.ts` themselves.
+    const { assets, setAssets, loading, reload } = useWiredAssetGridDataHook({
+        dependencies,
+        active,
+        kind,
+        source,
+        debouncedSearch,
+        getKind: selectors.getKind,
+        matchesKindFilter: selectors.matchesKindFilter,
+        mapKindToQuery: selectors.mapKindToQuery,
+    });
+    useWiredAssetGridLiveUpdates({
+        dependencies,
+        active,
+        filtersActive,
+        setAssets,
+        reload,
+        coalesceMs: liveUpdateCoalesceMs,
+    });
+    const { selectedIds, setSelectedIds, toggleOne, rangeTo, selectAll, clearSelection } = useAssetGridSelectionHook(assets);
+    const containerRef = useRef(null);
+    const { band, dragging, onMouseDown } = useRubberBandDrag({ containerRef, selectedIds, setSelectedIds });
+    const requestDeleteSelected = useCallback(() => {
+        if (selectedIds.size)
+            setConfirmDeleteOpen(true);
+    }, [selectedIds]);
+    const confirmDelete = useCallback(async () => {
+        setConfirmDeleteOpen(false);
+        const ids = [...selectedIds];
+        if (!ids.length)
+            return;
+        await onDeleteSelected?.(ids);
+        const idSet = new Set(ids);
+        setAssets((prev) => prev.filter((a) => !idSet.has(a.id)));
+        setSelectedIds(new Set());
+    }, [selectedIds, onDeleteSelected, setAssets, setSelectedIds]);
+    const handleDeleteAsset = useCallback(async (id) => {
+        await onDeleteAsset?.(id);
+        setAssets((prev) => prev.filter((a) => a.id !== id));
+    }, [onDeleteAsset, setAssets]);
+    const handlePreview = useCallback((id) => {
+        const asset = assets.find((a) => a.id === id);
+        if (asset)
+            onPreview?.(asset);
+    }, [assets, onPreview]);
+    useAssetGridKeyboardShortcuts({
+        active,
+        enabled: !confirmDeleteOpen,
+        hasAssets: assets.length > 0,
+        hasSelection: selectedIds.size > 0,
+        isPreviewOpen,
+        onSelectAll: selectAll,
+        onClearSelection: clearSelection,
+        onRequestDeleteSelected: requestDeleteSelected,
+    });
+    const kindFacetLabels = useMemo(() => buildFacetLabelMap(kindFacets), [kindFacets]);
+    const sourceFacetLabels = useMemo(() => buildFacetLabelMap(sourceFacets), [sourceFacets]);
+    const getDayKey = useMemo(() => selectors.getDayKey ?? ((asset) => dayKeyFromTimestamp(selectors.getTimestamp(asset))), [selectors]);
+    const renderCard = useCallback((asset, index) => {
+        const kindValue = selectors.getKind(asset);
+        const sourceValue = selectors.getSource?.(asset);
+        return (_jsx(AssetCard, { asset: asset, index: index, selected: selectedIds.has(asset.id), title: selectors.getTitle(asset), subtitle: selectors.getSubtitle?.(asset), kindLabel: resolveFacetLabel(kindValue, kindFacetLabels), sourceLabel: sourceValue ? resolveFacetLabel(sourceValue, sourceFacetLabels) : undefined, renderThumbnail: renderThumbnail, renderThumbnailPlaceholder: renderThumbnailPlaceholder, onToggle: toggleOne, onRange: rangeTo, onPreview: handlePreview, onDeleteAsset: onDeleteAsset ? handleDeleteAsset : undefined, renderCardExtra: renderCardExtra }, asset.id));
+    }, [
+        selectedIds,
+        selectors,
+        kindFacetLabels,
+        sourceFacetLabels,
+        renderThumbnail,
+        renderThumbnailPlaceholder,
+        toggleOne,
+        rangeTo,
+        handlePreview,
+        onDeleteAsset,
+        handleDeleteAsset,
+        renderCardExtra,
+    ]);
+    return (_jsxs("div", { className: "asset-grid-root", children: [_jsx(AssetGridToolbar, { search: search, onSearchChange: setSearch, searchPlaceholder: searchPlaceholder, kind: kind, onKindChange: setKind, kindFacets: kindFacets, source: source, onSourceChange: setSource, sourceFacets: sourceFacets, viewMode: viewMode, onViewModeChange: setViewMode, onRefresh: () => void reload(), loading: loading, toolbarActions: toolbarActions }), selectedIds.size > 0 && !dragging ? (_jsx(SelectionActionBar, { selectedIds: [...selectedIds], onSelectAll: selectAll, onClear: clearSelection, onRequestDelete: requestDeleteSelected, renderBulkActions: renderBulkActions })) : null, loading && assets.length === 0 ? (_jsx("p", { className: "asset-grid-empty", children: t('Loading…') })) : assets.length === 0 ? ((emptyState ?? _jsx("div", { className: "asset-grid-empty", children: t('No assets yet.') }))) : (_jsx(AssetGridBody, { viewMode: viewMode, assets: assets, getDayKey: getDayKey, containerRef: containerRef, onMouseDown: onMouseDown, selecting: selectedIds.size > 0, renderCard: renderCard })), _jsx(SelectionBand, { band: band }), confirmDeleteOpen ? (_jsx(DeleteConfirmDialog, { count: selectedIds.size, onCancel: () => setConfirmDeleteOpen(false), onConfirm: () => void confirmDelete() })) : null] }));
+}
+//# sourceMappingURL=AssetGrid.js.map

package/dist/features/asset-grid/react/components/AssetGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGrid.js","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetGrid.tsx"],"names":[],"mappings":"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"}

package/dist/features/asset-grid/react/components/AssetGridBody.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { AssetGridItem, AssetGridViewMode } from '../../types.js';
+export interface AssetGridBodyProps<TAsset extends AssetGridItem> {
+    viewMode: AssetGridViewMode;
+    assets: TAsset[];
+    getDayKey: (asset: TAsset) => string;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    onMouseDown: (e: React.MouseEvent) => void;
+    selecting: boolean;
+    renderCard: (asset: TAsset, index: number) => ReactNode;
+}
+/**
+ * Grid mode is one flat card grid; timeline mode groups the SAME cards into
+ * day-bucketed sections (newest day first), each with a heading + count.
+ * Both share `renderCard` and the caller's flat `index`, so shift-range /
+ * rubber-band selection stays consistent whichever mode is active.
+ */
+export declare function AssetGridBody<TAsset extends AssetGridItem>({ viewMode, assets, getDayKey, containerRef, onMouseDown, selecting, renderCard, }: AssetGridBodyProps<TAsset>): import("react").JSX.Element;
+//# sourceMappingURL=AssetGridBody.d.ts.map

package/dist/features/asset-grid/react/components/AssetGridBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGridBody.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetGridBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,aAAa;IAC9D,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACzD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,SAAS,aAAa,EAAE,EAC1D,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,kBAAkB,CAAC,MAAM,CAAC,+BAoC5B"}

package/dist/features/asset-grid/react/components/AssetGridBody.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+import { dayHeadingResult, groupByDay } from '../../rules.js';
+/**
+ * Grid mode is one flat card grid; timeline mode groups the SAME cards into
+ * day-bucketed sections (newest day first), each with a heading + count.
+ * Both share `renderCard` and the caller's flat `index`, so shift-range /
+ * rubber-band selection stays consistent whichever mode is active.
+ */
+export function AssetGridBody({ viewMode, assets, getDayKey, containerRef, onMouseDown, selecting, renderCard, }) {
+    const t = useT();
+    if (viewMode === 'timeline') {
+        const groups = groupByDay(assets, getDayKey);
+        return (_jsx("div", { className: "asset-grid-timeline", ref: containerRef, onMouseDown: onMouseDown, "data-selecting": selecting ? 'true' : 'false', children: groups.map((group) => {
+                const heading = dayHeadingResult(group.key);
+                return (_jsxs("section", { className: "asset-grid-timeline-day", children: [_jsxs("div", { className: "asset-grid-timeline-head", children: [_jsx("span", { className: "asset-grid-timeline-dot", "aria-hidden": true }), _jsx("h2", { className: "asset-grid-timeline-date", children: heading.translatable ? t(heading.label) : heading.label }), _jsx("span", { className: "asset-grid-timeline-count", children: group.items.length })] }), _jsx("div", { className: "asset-grid-timeline-grid", children: group.items.map(({ asset, index }) => renderCard(asset, index)) })] }, group.key));
+            }) }));
+    }
+    return (_jsx("div", { className: "asset-grid-grid", ref: containerRef, onMouseDown: onMouseDown, "data-selecting": selecting ? 'true' : 'false', children: assets.map((asset, index) => renderCard(asset, index)) }));
+}
+//# sourceMappingURL=AssetGridBody.js.map

package/dist/features/asset-grid/react/components/AssetGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGridBody.js","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetGridBody.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa9D;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAA+B,EAC1D,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,GACiB;IAC3B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC7C,OAAO,CACL,cACE,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,oBACR,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAE3C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACpB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC5C,OAAO,CACL,mBAAyB,SAAS,EAAC,yBAAyB,aAC1D,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAM,SAAS,EAAC,yBAAyB,wBAAe,EACxD,aAAI,SAAS,EAAC,0BAA0B,YAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,GAAM,EACvG,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAQ,IACnE,EACN,cAAK,SAAS,EAAC,0BAA0B,YACtC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAC5D,KARM,KAAK,CAAC,GAAG,CASb,CACX,CAAC;YACJ,CAAC,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,oBAAkB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YACvH,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GACnD,CACP,CAAC;AACJ,CAAC"}

package/dist/features/asset-grid/react/components/AssetGridToolbar.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { AssetGridFacetOption, AssetGridViewMode } from '../../types.js';
+export interface AssetGridToolbarProps {
+    search: string;
+    onSearchChange: (value: string) => void;
+    searchPlaceholder?: string | undefined;
+    kind: string;
+    onKindChange: (value: string) => void;
+    kindFacets: AssetGridFacetOption[];
+    kindFacetsLabel?: string | undefined;
+    source: string;
+    onSourceChange: (value: string) => void;
+    sourceFacets: AssetGridFacetOption[];
+    sourceFacetsLabel?: string | undefined;
+    viewMode: AssetGridViewMode;
+    onViewModeChange: (mode: AssetGridViewMode) => void;
+    onRefresh: () => void;
+    loading: boolean;
+    /** Host-specific extra toolbar controls (e.g. an Upload button), rendered after the built-in controls. */
+    toolbarActions?: ReactNode;
+}
+export declare function AssetGridToolbar({ search, onSearchChange, searchPlaceholder, kind, onKindChange, kindFacets, kindFacetsLabel, source, onSourceChange, sourceFacets, sourceFacetsLabel, viewMode, onViewModeChange, onRefresh, loading, toolbarActions, }: AssetGridToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=AssetGridToolbar.d.ts.map

package/dist/features/asset-grid/react/components/AssetGridToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGridToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetGridToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE9E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,oBAAoB,EAAE,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,eAAe,EACf,MAAM,EACN,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,cAAc,GACf,EAAE,qBAAqB,+BA+EvB"}

package/dist/features/asset-grid/react/components/AssetGridToolbar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+import { Icon } from '../../../../react/components/Icon.js';
+import { ALL_FACET_VALUE } from '../../constants.js';
+export function AssetGridToolbar({ search, onSearchChange, searchPlaceholder, kind, onKindChange, kindFacets, kindFacetsLabel, source, onSourceChange, sourceFacets, sourceFacetsLabel, viewMode, onViewModeChange, onRefresh, loading, toolbarActions, }) {
+    const t = useT();
+    return (_jsxs("div", { className: "asset-grid-toolbar", children: [_jsxs("div", { className: "asset-grid-search-wrap", children: [_jsx(Icon, { name: "search", size: 15, className: "asset-grid-search-icon" }), _jsx("input", { className: "asset-grid-search", type: "search", placeholder: searchPlaceholder ?? t('Search…'), value: search, onChange: (e) => onSearchChange(e.target.value), "aria-label": t('Search') })] }), kindFacets.length > 0 ? (_jsx("select", { "aria-label": kindFacetsLabel ?? t('Filter by kind'), className: "asset-grid-select", value: kind, onChange: (e) => onKindChange(e.target.value), children: kindFacets.map((f) => (_jsx("option", { value: f.value, children: f.label }, f.value || ALL_FACET_VALUE))) })) : null, sourceFacets.length > 0 ? (_jsx("select", { "aria-label": sourceFacetsLabel ?? t('Filter by source'), className: "asset-grid-select", value: source, onChange: (e) => onSourceChange(e.target.value), children: sourceFacets.map((f) => (_jsx("option", { value: f.value, children: f.label }, f.value || ALL_FACET_VALUE))) })) : null, _jsxs("div", { className: "asset-grid-view-toggle", role: "group", "aria-label": t('View mode'), children: [_jsxs("button", { type: "button", className: "asset-grid-view-toggle-btn", "data-active": viewMode === 'grid' ? 'true' : 'false', "aria-pressed": viewMode === 'grid', onClick: () => onViewModeChange('grid'), children: [_jsx(Icon, { name: "grid", size: 14 }), t('Grid')] }), _jsxs("button", { type: "button", className: "asset-grid-view-toggle-btn", "data-active": viewMode === 'timeline' ? 'true' : 'false', "aria-pressed": viewMode === 'timeline', onClick: () => onViewModeChange('timeline'), children: [_jsx(Icon, { name: "history", size: 14 }), t('Timeline')] })] }), _jsxs("button", { type: "button", className: "asset-grid-refresh-btn", onClick: onRefresh, "aria-busy": loading, "aria-label": t('Refresh'), children: [_jsx(Icon, { name: "refresh", size: 15, className: loading ? 'asset-grid-spin' : undefined }), t('Refresh')] }), toolbarActions] }));
+}
+//# sourceMappingURL=AssetGridToolbar.js.map

package/dist/features/asset-grid/react/components/AssetGridToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGridToolbar.js","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/AssetGridToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/features/asset-grid/react/components/DeleteConfirmDialog.d.ts

@@ -0,0 +1,15 @@
+export interface DeleteConfirmDialogProps {
+    count: number;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+/**
+ * Generic bulk-delete confirmation dialog. Keeps its own body-scroll-lock
+ * behavior inline (a standard modal a11y idiom) — matching the same
+ * disclosed deviation `ConnectorDetailDrawer` documents in
+ * `packages/ui/source-map.md`. Escape-to-close is shared plumbing (see
+ * `useDismissOnOutsideOrEscape` below); the backdrop's own `onMouseDown`
+ * already handles outside-click, so no `containerRef` is passed.
+ */
+export declare function DeleteConfirmDialog({ count, onCancel, onConfirm }: DeleteConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=DeleteConfirmDialog.d.ts.map

package/dist/features/asset-grid/react/components/DeleteConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-grid/react/components/DeleteConfirmDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BA4C3F"}