@kolkrabbi/kol-component 0.317.5 → 0.317.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.317.5",
+  "version": "0.317.6",
   "description": "The core component library",
   "license": "MIT",
   "type": "module",

package/src/organisms/MediaLibraryPages.jsx

@@ -619,10 +619,13 @@ function GetInfoModal({ path, objects, where, onClose, formatDate, tags, mediaUr
         ...(timed ? [['Length', dims?.len ? formatLength(dims.len) : url ? '…' : '—']] : []),
         ...(url ? [['URL', <span key="u" className="inline-flex items-center gap-1">{url}<CopyAction label="Copy URL" text={url} /></span>]] : []),
       ]}
+      /* SMALL (MediaGetInfoFileBody, 2026-10-30): the modal's width at its own ratio, but never taller
+       * than 32vh — a 9:16 reel at full width ran the body past its cap. `#t=0.1` makes the browser
+       * paint a frame under preload="metadata"; without it a posterless video was a blank band. */
       preview={url && (isImage(o.contentType) ? (
-        <img src={url} alt="" className="w-full h-auto rounded" onLoad={(e) => setDims({ w: e.currentTarget.naturalWidth, h: e.currentTarget.naturalHeight })} />
+        <img src={url} alt="" className="block max-w-full max-h-[32vh] w-auto h-auto mx-auto rounded" onLoad={(e) => setDims({ w: e.currentTarget.naturalWidth, h: e.currentTarget.naturalHeight })} />
       ) : kind === 'video' ? (
-        <video src={url} poster={poster ? mediaUrl(poster) : undefined} preload="metadata" controls className="w-full h-auto rounded" onLoadedMetadata={onMeta} />
+        <video src={`${url}#t=0.1`} poster={poster ? mediaUrl(poster) : undefined} preload="metadata" controls className="block max-w-full max-h-[32vh] w-auto h-auto mx-auto rounded" onLoadedMetadata={onMeta} />
       ) : kind === 'audio' ? (
         /* no picture to show; loaded only for its length */
         <audio src={url} preload="metadata" className="hidden" onLoadedMetadata={onMeta} />