@zolomedia/bifrost-client 1.7.81 → 1.7.83

package/L2_Handling/display/outputs/video_renderer.js

@@ -75,9 +75,8 @@ export class VideoRenderer {
     video.controls = true;          // always give the user native controls
     video.preload = 'metadata';     // fetch dimensions/duration, not the whole file
 
-    // Safe default so an unstyled video never overflows its column; _zClass wins.
-    video.style.maxWidth = '100%';
-    video.style.height = 'auto';
+    // Responsive sizing (max-width:100% + height:auto) is bifrost-owned in
+    // zbase.css; _zClass still wins for app-specific shaping.
 
     if (_zClass) video.className = _zClass;
     if (_id) video.setAttribute('id', _id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zolomedia/bifrost-client",
-  "version": "1.7.81",
+  "version": "1.7.83",
   "description": "Browser client for zBifrost — the WebSocket bridge that turns JSON events from a zOS server into live DOM. Thin bootstrap + server-controlled core.",
   "homepage": "https://github.com/ZoloAi/zbifrost-client#readme",
   "repository": {

package/zSys/theme/zbase.css

@@ -65,7 +65,7 @@ body {
   line-height: 1.5;
 }
 
-img, svg { display: block; max-width: 100%; }
+img, svg, video { display: block; max-width: 100%; }
 
 /* Default link color — zCLI/info palette, overridable via --color-link.
  * Navbar links and buttons opt out below (they manage their own color). */
@@ -201,6 +201,66 @@ pre {
   white-space: pre;
 }
 
+/* ─── Lists (zUL / zOL / zDL) ──────────────────────────────────────────────── */
+/* Bifrost owns the list baseline so a bare zUL/zOL/zDL — and every markdown list
+ * — renders deliberately and themed, never on raw browser UA defaults. Marker
+ * variants (circle/square/letter/roman) are set inline by the renderer; here we
+ * own the rhythm, indent, brand-tinted markers, and the dl term/definition look.
+ * Apps re-skin via _zClass — they never SUPPLY the baseline. */
+
+ul, ol {
+  margin: 0 0 1rem;
+  padding-left: 1.4rem;
+  line-height: 1.6;
+}
+ul:last-child, ol:last-child { margin-bottom: 0; }
+
+li { margin-bottom: 0.4rem; }
+li:last-child { margin-bottom: 0; }
+
+/* Themed markers — the modern touch (brand-tinted, not flat UA black). */
+li::marker { color: var(--color-secondary); }
+
+/* Nested lists tuck under their parent item with a single tight gap. */
+li > ul, li > ol { margin: 0.4rem 0 0; }
+
+/* Definition list (zDL) — term in ink, definition indented & muted. */
+dl { margin: 0 0 1rem; }
+dl:last-child { margin-bottom: 0; }
+dt { font-weight: 700; color: var(--ink); }
+dd {
+  margin: 0 0 0.6rem 1.2rem;
+  color: var(--ink-muted);
+  line-height: 1.6;
+}
+dd:last-child { margin-bottom: 0; }
+
+/* Inline list (zList-inline) — horizontal, marker-less row of items. */
+.zList-inline {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1.25rem;
+  margin: 0 0 1rem;
+  padding-left: 0;
+  list-style: none;
+}
+.zList-inline-item { margin: 0; }
+
+/* ─── Media (zImage / zVideo) ──────────────────────────────────────────────── */
+/* Bifrost owns the media baseline. <img>/<video> stay responsive (display:block
+ * + max-width:100% in the reset above); <video> keeps its aspect via height:auto.
+ * A captioned media renders inside a <figure> — own it so the UA's default
+ * `margin: 1em 40px` side-indent never offsets the media. figcaption is themed by
+ * the renderer via bifrost utilities (zText-muted/zText-center/zmt-2). */
+
+video { height: auto; }
+
+figure { margin: 0 0 1rem; }
+figure:last-child { margin-bottom: 0; }
+figure > img,
+figure > video { margin-bottom: 0; }
+figcaption { line-height: 1.5; }
+
 /* ─── Form controls — canonical field base (Bootstrap-like) ────────────────── */
 /* The client emits a real field as `.zForm-control` (default) or `.zInput`
  * (input-groups / explicit). Style BOTH so a field on ANY page — not just