@fusion.dev/helix 0.199.1 → 0.201.0

package/types/jsx.d.ts

@@ -118,6 +118,9 @@ import type {
   HelixLoadEvent,
   HelixLoadMoreEvent,
   HelixLoader,
+  HelixLog,
+  HelixLogGroup,
+  HelixLogLine,
   HelixMap,
   HelixMapArea,
   HelixMapBuildings,
@@ -22366,6 +22369,406 @@ progress. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixLogGroup` component event */
+export type HelixLogGroupElementEvent<E = Event> = TypedEvent<HelixLogGroup, E>;
+/** `toggle` event type */
+export type HelixLogGroupToggleElementEvent =
+  HelixLogGroupElementEvent<ToggleEvent>;
+/** `helix-before-close` event type */
+export type HelixLogGroupHelixBeforeCloseElementEvent =
+  HelixLogGroupElementEvent<HelixBeforeCloseEvent>;
+/** `helix-before-open` event type */
+export type HelixLogGroupHelixBeforeOpenElementEvent =
+  HelixLogGroupElementEvent<HelixBeforeOpenEvent>;
+
+export type HelixLogGroupProps = {
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "default-open"?: (HelixLogGroup["defaultOpen"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  defaultOpen?: (HelixLogGroup["defaultOpen"]) | undefined;
+  /** Whether the element is open.
+
+One property, not two, so `dialog.open` answers the question anyone
+asking it meant. Writing always applies; `<helix-dialog open>` is the
+same statement in markup.
+
+**Not reflected, and that is required rather than tidy.** Reflection
+writes the resolved state back as an attribute, so an element that opened
+itself would put `open` on its own host: cloned, serialized for
+hydration, or diffed by a framework, it comes back holding whatever the
+last reader did rather than what the author wrote. `:state(open)` carries
+the resolved state for stylesheets, which is what the mirror is for. */
+  open?: (HelixLogGroup["open"]) | undefined;
+  /** How long the step took, as it should read, such as `12s`. */
+  duration?: (HelixLogGroup["duration"]) | undefined;
+  /** What the step is called. The `heading` slot replaces it. */
+  heading?: (HelixLogGroup["heading"]) | undefined;
+  /** Where the step stands, which draws a mark before the heading. */
+  status?: (HelixLogGroup["status"]) | undefined;
+  /** What a screen reader hears for the status, after the heading.
+`{status}` is one of `pending`, `running`, `done`, `failed`, and `skipped`. */
+  "status-label"?: (HelixLogGroup["statusLabel"]) | undefined;
+  /** What a screen reader hears for the status, after the heading.
+`{status}` is one of `pending`, `running`, `done`, `failed`, and `skipped`. */
+  statusLabel?: (HelixLogGroup["statusLabel"]) | undefined;
+
+  /** Fired after the group opens or closes, with `newState` and `oldState`. */
+  ontoggle?: ((e: HelixLogGroupToggleElementEvent) => void) | undefined;
+  /** Fired before the group closes. Cancelable. */
+  "onhelix-before-close"?: ((
+    e: HelixLogGroupHelixBeforeCloseElementEvent,
+  ) => void) | undefined;
+  /** Fired before the group opens. Cancelable. */
+  "onhelix-before-open"?: ((e: HelixLogGroupHelixBeforeOpenElementEvent) => void) | undefined;
+};
+
+export type HelixLogGroupSolidJsProps = {
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "bool:default-open"?: (HelixLogGroup["defaultOpen"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "prop:defaultOpen"?: (HelixLogGroup["defaultOpen"]) | undefined;
+  /** Whether the element is open.
+
+One property, not two, so `dialog.open` answers the question anyone
+asking it meant. Writing always applies; `<helix-dialog open>` is the
+same statement in markup.
+
+**Not reflected, and that is required rather than tidy.** Reflection
+writes the resolved state back as an attribute, so an element that opened
+itself would put `open` on its own host: cloned, serialized for
+hydration, or diffed by a framework, it comes back holding whatever the
+last reader did rather than what the author wrote. `:state(open)` carries
+the resolved state for stylesheets, which is what the mirror is for. */
+  "prop:open"?: (HelixLogGroup["open"]) | undefined;
+  /** How long the step took, as it should read, such as `12s`. */
+  "prop:duration"?: (HelixLogGroup["duration"]) | undefined;
+  /** What the step is called. The `heading` slot replaces it. */
+  "prop:heading"?: (HelixLogGroup["heading"]) | undefined;
+  /** Where the step stands, which draws a mark before the heading. */
+  "prop:status"?: (HelixLogGroup["status"]) | undefined;
+  /** What a screen reader hears for the status, after the heading.
+`{status}` is one of `pending`, `running`, `done`, `failed`, and `skipped`. */
+  "attr:status-label"?: (HelixLogGroup["statusLabel"]) | undefined;
+  /** What a screen reader hears for the status, after the heading.
+`{status}` is one of `pending`, `running`, `done`, `failed`, and `skipped`. */
+  "prop:statusLabel"?: (HelixLogGroup["statusLabel"]) | undefined;
+  /** Fired after the group opens or closes, with `newState` and `oldState`. */
+  "on:toggle"?: ((e: HelixLogGroupToggleElementEvent) => void) | undefined;
+  /** Fired before the group closes. Cancelable. */
+  "on:helix-before-close"?: ((
+    e: HelixLogGroupHelixBeforeCloseElementEvent,
+  ) => void) | undefined;
+  /** Fired before the group opens. Cancelable. */
+  "on:helix-before-open"?: ((
+    e: HelixLogGroupHelixBeforeOpenElementEvent,
+  ) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
+export type HelixLogLineProps = {
+  /** When the line was written: milliseconds since the epoch, or anything `Date` parses. */
+  at?: (HelixLogLine["at"]) | undefined;
+  /** How much the line matters. Absent is `info`. */
+  level?: (HelixLogLine["level"]) | undefined;
+  /** What a screen reader hears for the link on a line's number. `{number}` is the number. */
+  "line-label"?: (HelixLogLine["lineLabel"]) | undefined;
+  /** What a screen reader hears for the link on a line's number. `{number}` is the number. */
+  lineLabel?: (HelixLogLine["lineLabel"]) | undefined;
+};
+
+export type HelixLogLineSolidJsProps = {
+  /** When the line was written: milliseconds since the epoch, or anything `Date` parses. */
+  "prop:at"?: (HelixLogLine["at"]) | undefined;
+  /** How much the line matters. Absent is `info`. */
+  "prop:level"?: (HelixLogLine["level"]) | undefined;
+  /** What a screen reader hears for the link on a line's number. `{number}` is the number. */
+  "attr:line-label"?: (HelixLogLine["lineLabel"]) | undefined;
+  /** What a screen reader hears for the link on a line's number. `{number}` is the number. */
+  "prop:lineLabel"?: (HelixLogLine["lineLabel"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
+/** `HelixLog` component event */
+export type HelixLogElementEvent<E = Event> = TypedEvent<HelixLog, E>;
+/** `helix-before-pin` event type */
+export type HelixLogHelixBeforePinElementEvent =
+  HelixLogElementEvent<HelixBeforePinEvent>;
+/** `helix-expand` event type */
+export type HelixLogHelixExpandElementEvent =
+  HelixLogElementEvent<HelixExpandEvent>;
+/** `helix-pin` event type */
+export type HelixLogHelixPinElementEvent = HelixLogElementEvent<HelixPinEvent>;
+
+export type HelixLogProps = {
+  /** The text shown and announced when there are no rows and none are loading. */
+  "empty-text"?: (HelixLog["emptyText"]) | undefined;
+  /** The text shown and announced when there are no rows and none are loading. */
+  emptyText?: (HelixLog["emptyText"]) | undefined;
+  /** Whether the rows are still loading.
+
+Reflected, because a stylesheet needs it: the rows that are already there
+are dimmed rather than removed while a new set arrives, and only CSS can
+say that without the component knowing what a row looks like. */
+  loading?: (HelixLog["loading"]) | undefined;
+  /** The text shown and announced while the rows load. */
+  "loading-text"?: (HelixLog["loadingText"]) | undefined;
+  /** The text shown and announced while the rows load. */
+  loadingText?: (HelixLog["loadingText"]) | undefined;
+  /** Whether the log opens following its newest line, when `pinned` is not set.
+`default-pinned="false"` opens it where it starts. */
+  "default-pinned"?: (HelixLog["defaultPinned"]) | undefined;
+  /** Whether the log opens following its newest line, when `pinned` is not set.
+`default-pinned="false"` opens it where it starts. */
+  defaultPinned?: (HelixLog["defaultPinned"]) | undefined;
+  /** Whether the run is over, which a screen reader is told once.
+
+Set it when output you `write` is complete. A `source` sets it when the
+stream ends. */
+  done?: (HelixLog["done"]) | undefined;
+  /** What a screen reader hears when the run is over. */
+  "done-label"?: (HelixLog["doneLabel"]) | undefined;
+  /** What a screen reader hears when the run is over. */
+  doneLabel?: (HelixLog["doneLabel"]) | undefined;
+  /** What the line above the log says once `limit` has let lines go. `{count}` is how many. */
+  "dropped-label"?: (HelixLog["droppedLabel"]) | undefined;
+  /** What the line above the log says once `limit` has let lines go. `{count}` is how many. */
+  droppedLabel?: (HelixLog["droppedLabel"]) | undefined;
+  /** What a screen reader hears when lines at `error` arrive. `{count}` is how
+many arrived together and `{text}` is the first of them. */
+  "error-label"?: (HelixLog["errorLabel"]) | undefined;
+  /** What a screen reader hears when lines at `error` arrive. `{count}` is how
+many arrived together and `{text}` is the first of them. */
+  errorLabel?: (HelixLog["errorLabel"]) | undefined;
+  /** The log's name, read by screen readers, where `label` is empty. */
+  "fallback-label"?: (HelixLog["fallbackLabel"]) | undefined;
+  /** The log's name, read by screen readers, where `label` is empty. */
+  fallbackLabel?: (HelixLog["fallbackLabel"]) | undefined;
+  /** What a screen reader hears when a step finishes or fails. `{heading}` is
+the step's heading and `{status}` is `done` or `failed`. */
+  "group-label"?: (HelixLog["groupLabel"]) | undefined;
+  /** What a screen reader hears when a step finishes or fails. `{heading}` is
+the step's heading and `{status}` is `done` or `failed`. */
+  groupLabel?: (HelixLog["groupLabel"]) | undefined;
+  /** The log's name, read by screen readers. */
+  label?: (HelixLog["label"]) | undefined;
+  /** The most lines kept, or 0 to keep them all. Past it the oldest lines are
+let go, and the line above the log says how many. */
+  limit?: (HelixLog["limit"]) | undefined;
+  /** A link for each line number, with `{n}` where the number goes, such as
+`#L{n}`. Empty leaves the numbers as text. */
+  "line-href"?: (HelixLog["lineHref"]) | undefined;
+  /** A link for each line number, with `{n}` where the number goes, such as
+`#L{n}`. Empty leaves the numbers as text. */
+  lineHref?: (HelixLog["lineHref"]) | undefined;
+  /** What a screen reader hears for the link on a line's number, handed to each
+line the log draws. `{number}` is the number. */
+  "line-label"?: (HelixLog["lineLabel"]) | undefined;
+  /** What a screen reader hears for the link on a line's number, handed to each
+line the log draws. `{number}` is the number. */
+  lineLabel?: (HelixLog["lineLabel"]) | undefined;
+  /** Whether each line shows its number. */
+  "line-numbers"?: (HelixLog["lineNumbers"]) | undefined;
+  /** Whether each line shows its number. */
+  lineNumbers?: (HelixLog["lineNumbers"]) | undefined;
+  /** Lines to mark, as numbers and ranges such as `12, 40-44`. */
+  "mark-lines"?: (HelixLog["markLines"]) | undefined;
+  /** Lines to mark, as numbers and ranges such as `12, 40-44`. */
+  markLines?: (HelixLog["markLines"]) | undefined;
+  /** What a screen reader hears when `query` changes. `{count}` is how many lines match. */
+  "matches-label"?: (HelixLog["matchesLabel"]) | undefined;
+  /** What a screen reader hears when `query` changes. `{count}` is how many lines match. */
+  matchesLabel?: (HelixLog["matchesLabel"]) | undefined;
+  /** Whether the log follows its newest line.
+
+The reader's scrolling asks first: `helix-before-pin` is cancelable, so a
+consumer refusing it takes the decision and assigns their own value. Not
+reflected, for the reason `Chat` gives at its own `pinned`: a default of
+true would write the attribute on upgrade. */
+  pinned?: (HelixLog["pinned"]) | undefined;
+  /** Text a line has to hold to be shown, ignoring case. Empty shows every line. */
+  query?: (HelixLog["query"]) | undefined;
+  /** The words on the button that returns to the newest line, where `resume` is empty. */
+  "resume-label"?: (HelixLog["resumeLabel"]) | undefined;
+  /** The words on the button that returns to the newest line, where `resume` is empty. */
+  resumeLabel?: (HelixLog["resumeLabel"]) | undefined;
+  /** How near the newest line still counts as being at it, in pixels. */
+  threshold?: (HelixLog["threshold"]) | undefined;
+  /** How each line shows its `at`: `absolute` on the clock, `relative` as the
+time since the first line. Absent shows no time. */
+  timestamps?: (HelixLog["timestamps"]) | undefined;
+  /** Whether a line longer than the box wraps onto the next row. Otherwise the log scrolls sideways. */
+  wrap?: (HelixLog["wrap"]) | undefined;
+  /** The steps the lines from data name in `group`. A step stands where its
+first line is, and one with no line yet stands at the end.
+
+Replaced rather than mutated, as `lines` is: a step finishing is a new
+array with its `status` changed. */
+  groups?: (HelixLog["groups"]) | undefined;
+  /** The lines as data. Reading it gives every line kept, oldest first, with
+the line still being written left out.
+
+Replaced rather than mutated: setting it starts the log over with these
+lines, and `write` adds to them. Set it or write children, not both. */
+  lines?: (HelixLog["lines"]) | undefined;
+  /** Reads each finished line of written text: return the fields to set, such
+as `level` or `group`, or `null` to drop the line. Lines in `lines` are
+taken as they are. */
+  parse?: (HelixLog["parse"]) | undefined;
+  /** Text to read as it arrives, to the end: a `ReadableStream` of text or
+bytes, such as a `fetch` response's body, or an async iterable. Bytes are
+read as UTF-8. The log sets `done` when it ends, and a new source stops
+reading the last one. */
+  source?: (HelixLog["source"]) | undefined;
+
+  /** Fired when the reader leaves the newest line by scrolling, or comes back to it. Cancelable. */
+  "onhelix-before-pin"?: ((e: HelixLogHelixBeforePinElementEvent) => void) | undefined;
+  /** Fired after a reader opens or closes a group drawn from `groups`, with the `id` of every open group in `detail.value`, separated by commas. */
+  "onhelix-expand"?: ((e: HelixLogHelixExpandElementEvent) => void) | undefined;
+  /** Fired after the log follows the newest line or lets go of it, with `true` or `false` in `detail.value`. */
+  "onhelix-pin"?: ((e: HelixLogHelixPinElementEvent) => void) | undefined;
+};
+
+export type HelixLogSolidJsProps = {
+  /** The text shown and announced when there are no rows and none are loading. */
+  "attr:empty-text"?: (HelixLog["emptyText"]) | undefined;
+  /** The text shown and announced when there are no rows and none are loading. */
+  "prop:emptyText"?: (HelixLog["emptyText"]) | undefined;
+  /** Whether the rows are still loading.
+
+Reflected, because a stylesheet needs it: the rows that are already there
+are dimmed rather than removed while a new set arrives, and only CSS can
+say that without the component knowing what a row looks like. */
+  "prop:loading"?: (HelixLog["loading"]) | undefined;
+  /** The text shown and announced while the rows load. */
+  "attr:loading-text"?: (HelixLog["loadingText"]) | undefined;
+  /** The text shown and announced while the rows load. */
+  "prop:loadingText"?: (HelixLog["loadingText"]) | undefined;
+  /** Whether the log opens following its newest line, when `pinned` is not set.
+`default-pinned="false"` opens it where it starts. */
+  "bool:default-pinned"?: (HelixLog["defaultPinned"]) | undefined;
+  /** Whether the log opens following its newest line, when `pinned` is not set.
+`default-pinned="false"` opens it where it starts. */
+  "prop:defaultPinned"?: (HelixLog["defaultPinned"]) | undefined;
+  /** Whether the run is over, which a screen reader is told once.
+
+Set it when output you `write` is complete. A `source` sets it when the
+stream ends. */
+  "prop:done"?: (HelixLog["done"]) | undefined;
+  /** What a screen reader hears when the run is over. */
+  "attr:done-label"?: (HelixLog["doneLabel"]) | undefined;
+  /** What a screen reader hears when the run is over. */
+  "prop:doneLabel"?: (HelixLog["doneLabel"]) | undefined;
+  /** What the line above the log says once `limit` has let lines go. `{count}` is how many. */
+  "attr:dropped-label"?: (HelixLog["droppedLabel"]) | undefined;
+  /** What the line above the log says once `limit` has let lines go. `{count}` is how many. */
+  "prop:droppedLabel"?: (HelixLog["droppedLabel"]) | undefined;
+  /** What a screen reader hears when lines at `error` arrive. `{count}` is how
+many arrived together and `{text}` is the first of them. */
+  "attr:error-label"?: (HelixLog["errorLabel"]) | undefined;
+  /** What a screen reader hears when lines at `error` arrive. `{count}` is how
+many arrived together and `{text}` is the first of them. */
+  "prop:errorLabel"?: (HelixLog["errorLabel"]) | undefined;
+  /** The log's name, read by screen readers, where `label` is empty. */
+  "attr:fallback-label"?: (HelixLog["fallbackLabel"]) | undefined;
+  /** The log's name, read by screen readers, where `label` is empty. */
+  "prop:fallbackLabel"?: (HelixLog["fallbackLabel"]) | undefined;
+  /** What a screen reader hears when a step finishes or fails. `{heading}` is
+the step's heading and `{status}` is `done` or `failed`. */
+  "attr:group-label"?: (HelixLog["groupLabel"]) | undefined;
+  /** What a screen reader hears when a step finishes or fails. `{heading}` is
+the step's heading and `{status}` is `done` or `failed`. */
+  "prop:groupLabel"?: (HelixLog["groupLabel"]) | undefined;
+  /** The log's name, read by screen readers. */
+  "prop:label"?: (HelixLog["label"]) | undefined;
+  /** The most lines kept, or 0 to keep them all. Past it the oldest lines are
+let go, and the line above the log says how many. */
+  "prop:limit"?: (HelixLog["limit"]) | undefined;
+  /** A link for each line number, with `{n}` where the number goes, such as
+`#L{n}`. Empty leaves the numbers as text. */
+  "attr:line-href"?: (HelixLog["lineHref"]) | undefined;
+  /** A link for each line number, with `{n}` where the number goes, such as
+`#L{n}`. Empty leaves the numbers as text. */
+  "prop:lineHref"?: (HelixLog["lineHref"]) | undefined;
+  /** What a screen reader hears for the link on a line's number, handed to each
+line the log draws. `{number}` is the number. */
+  "attr:line-label"?: (HelixLog["lineLabel"]) | undefined;
+  /** What a screen reader hears for the link on a line's number, handed to each
+line the log draws. `{number}` is the number. */
+  "prop:lineLabel"?: (HelixLog["lineLabel"]) | undefined;
+  /** Whether each line shows its number. */
+  "bool:line-numbers"?: (HelixLog["lineNumbers"]) | undefined;
+  /** Whether each line shows its number. */
+  "prop:lineNumbers"?: (HelixLog["lineNumbers"]) | undefined;
+  /** Lines to mark, as numbers and ranges such as `12, 40-44`. */
+  "attr:mark-lines"?: (HelixLog["markLines"]) | undefined;
+  /** Lines to mark, as numbers and ranges such as `12, 40-44`. */
+  "prop:markLines"?: (HelixLog["markLines"]) | undefined;
+  /** What a screen reader hears when `query` changes. `{count}` is how many lines match. */
+  "attr:matches-label"?: (HelixLog["matchesLabel"]) | undefined;
+  /** What a screen reader hears when `query` changes. `{count}` is how many lines match. */
+  "prop:matchesLabel"?: (HelixLog["matchesLabel"]) | undefined;
+  /** Whether the log follows its newest line.
+
+The reader's scrolling asks first: `helix-before-pin` is cancelable, so a
+consumer refusing it takes the decision and assigns their own value. Not
+reflected, for the reason `Chat` gives at its own `pinned`: a default of
+true would write the attribute on upgrade. */
+  "prop:pinned"?: (HelixLog["pinned"]) | undefined;
+  /** Text a line has to hold to be shown, ignoring case. Empty shows every line. */
+  "prop:query"?: (HelixLog["query"]) | undefined;
+  /** The words on the button that returns to the newest line, where `resume` is empty. */
+  "attr:resume-label"?: (HelixLog["resumeLabel"]) | undefined;
+  /** The words on the button that returns to the newest line, where `resume` is empty. */
+  "prop:resumeLabel"?: (HelixLog["resumeLabel"]) | undefined;
+  /** How near the newest line still counts as being at it, in pixels. */
+  "prop:threshold"?: (HelixLog["threshold"]) | undefined;
+  /** How each line shows its `at`: `absolute` on the clock, `relative` as the
+time since the first line. Absent shows no time. */
+  "prop:timestamps"?: (HelixLog["timestamps"]) | undefined;
+  /** Whether a line longer than the box wraps onto the next row. Otherwise the log scrolls sideways. */
+  "prop:wrap"?: (HelixLog["wrap"]) | undefined;
+  /** The steps the lines from data name in `group`. A step stands where its
+first line is, and one with no line yet stands at the end.
+
+Replaced rather than mutated, as `lines` is: a step finishing is a new
+array with its `status` changed. */
+  "prop:groups"?: (HelixLog["groups"]) | undefined;
+  /** The lines as data. Reading it gives every line kept, oldest first, with
+the line still being written left out.
+
+Replaced rather than mutated: setting it starts the log over with these
+lines, and `write` adds to them. Set it or write children, not both. */
+  "prop:lines"?: (HelixLog["lines"]) | undefined;
+  /** Reads each finished line of written text: return the fields to set, such
+as `level` or `group`, or `null` to drop the line. Lines in `lines` are
+taken as they are. */
+  "prop:parse"?: (HelixLog["parse"]) | undefined;
+  /** Text to read as it arrives, to the end: a `ReadableStream` of text or
+bytes, such as a `fetch` response's body, or an async iterable. Bytes are
+read as UTF-8. The log sets `done` when it ends, and a new source stops
+reading the last one. */
+  "prop:source"?: (HelixLog["source"]) | undefined;
+  /** Fired when the reader leaves the newest line by scrolling, or comes back to it. Cancelable. */
+  "on:helix-before-pin"?: ((e: HelixLogHelixBeforePinElementEvent) => void) | undefined;
+  /** Fired after a reader opens or closes a group drawn from `groups`, with the `id` of every open group in `detail.value`, separated by commas. */
+  "on:helix-expand"?: ((e: HelixLogHelixExpandElementEvent) => void) | undefined;
+  /** Fired after the log follows the newest line or lets go of it, with `true` or `false` in `detail.value`. */
+  "on:helix-pin"?: ((e: HelixLogHelixPinElementEvent) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 /** `HelixMapArea` component event */
 export type HelixMapAreaElementEvent<E = Event> = TypedEvent<HelixMapArea, E>;
 /** `helix-map-part-change` event type */
@@ -29986,6 +30389,10 @@ document, each path, such as `utils.js`, to its source. Not read where
   /** The name of the button that opens the example in a new tab, under
 `controls`. */
   openLabel?: (HelixSandboxPreview["openLabel"]) | undefined;
+  /** Path prefixes the frame may ask this page to fetch for it, separated by
+spaces, each starting and ending with a slash, such as `/sandbox/ /fonts/`.
+Empty relays nothing. */
+  relay?: (HelixSandboxPreview["relay"]) | undefined;
   /** The name of the button that reloads the frame's document, under
 `controls`. */
   "reload-label"?: (HelixSandboxPreview["reloadLabel"]) | undefined;
@@ -30085,6 +30492,10 @@ document, each path, such as `utils.js`, to its source. Not read where
   /** The name of the button that opens the example in a new tab, under
 `controls`. */
   "prop:openLabel"?: (HelixSandboxPreview["openLabel"]) | undefined;
+  /** Path prefixes the frame may ask this page to fetch for it, separated by
+spaces, each starting and ending with a slash, such as `/sandbox/ /fonts/`.
+Empty relays nothing. */
+  "prop:relay"?: (HelixSandboxPreview["relay"]) | undefined;
   /** The name of the button that reloads the frame's document, under
 `controls`. */
   "attr:reload-label"?: (HelixSandboxPreview["reloadLabel"]) | undefined;
@@ -59210,6 +59621,407 @@ export type CustomElements = {
     HelixLoaderProps & BaseProps<HelixLoader> & BaseEvents<HelixLoader>
   >;
 
+  /**
+   * The heading is a row in the sans face with a caret, the status mark in its
+   * color, the heading, and the duration at the far end. A step that is `done`
+   * takes the success color, one that `failed` the danger color, and one that
+   * is `running` the info color.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `default-open`/`defaultOpen`: Whether the element starts open. Ignored once `open` is written.
+   * - `open`: Whether the element is open.
+   *
+   * One property, not two, so `dialog.open` answers the question anyone
+   * asking it meant. Writing always applies; `<helix-dialog open>` is the
+   * same statement in markup.
+   *
+   * **Not reflected, and that is required rather than tidy.** Reflection
+   * writes the resolved state back as an attribute, so an element that opened
+   * itself would put `open` on its own host: cloned, serialized for
+   * hydration, or diffed by a framework, it comes back holding whatever the
+   * last reader did rather than what the author wrote. `:state(open)` carries
+   * the resolved state for stylesheets, which is what the mirror is for.
+   * - `duration`: How long the step took, as it should read, such as `12s`.
+   * - `heading`: What the step is called. The `heading` slot replaces it.
+   * - `status`: Where the step stands, which draws a mark before the heading.
+   * - `status-label`/`statusLabel`: What a screen reader hears for the status, after the heading.
+   * `{status}` is one of `pending`, `running`, `done`, `failed`, and `skipped`.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `toggle`: Fired after the group opens or closes, with `newState` and `oldState`.
+   * - `helix-before-close`: Fired before the group closes. Cancelable.
+   * - `helix-before-open`: Fired before the group opens. Cancelable.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The lines of the step, and any groups inside it.
+   * - `heading`: The heading, where it holds more than text. Defaults to `heading`.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
+   * was applied.
+   *
+   * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
+   * `helix-before-close` is a refusal and nothing moves. Nobody refusing means the
+   * element opens or closes itself, whether or not a consumer declared
+   * `open`: a declared property is a seed and a correction, and a consumer
+   * who wants the decision for themselves refuses it and assigns their own.
+   * - `toggleOpen() => boolean`: Requests the opposite of the current state.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `content`: The lines, hidden while the group is shut.
+   * - `duration`: How long the step took.
+   * - `heading`: The heading.
+   * - `mark`: The caret that turns as the group opens, an `<svg>` you size.
+   * - `status`: The mark for the status, an `<svg>` you size.
+   * - `summary`: The button that opens and closes the group.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `open`: The group shows its lines.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-log-group": Partial<
+    HelixLogGroupProps & BaseProps<HelixLogGroup> & BaseEvents<HelixLogGroup>
+  >;
+
+  /**
+   * A row with the number, the time, and the text side by side. A line at
+   * `warn` or `error` takes a band of its color, and a line `mark-lines` names
+   * takes the band `Code Block` draws behind a marked line.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `at`: When the line was written: milliseconds since the epoch, or anything `Date` parses.
+   * - `level`: How much the line matters. Absent is `info`.
+   * - `line-label`/`lineLabel`: What a screen reader hears for the link on a line's number. `{number}` is the number.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The text of the line.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--log-error-color`: The color of a line at `error`, and of the band behind it. Defaults to the danger color.
+   * - `--log-mark-background-color`: The band behind a line `mark-lines` names.
+   * - `--log-match-background-color`: The fill behind text that matches the log's `query`.
+   * - `--log-warn-color`: The color of a line at `warn`, and of the band behind it. Defaults to the warning color.
+   * - `--log-run-background-color`: Written on a `run` with a background, in the same form as `--log-run-color`.
+   * - `--log-run-color`: Written on a `run` with a text color: one of the sixteen `--log-ansi-*` colors the log publishes, or the color itself.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `line`: The row the number, the time, and the text sit in.
+   * - `line-debug`: The row of a line at `debug`.
+   * - `line-error`: The row of a line at `error`.
+   * - `line-marked`: The row of a line `mark-lines` names on the log.
+   * - `line-warn`: The row of a line at `warn`.
+   * - `match`: Text that matches the log's `query`, in a line the log draws from data.
+   * - `number`: The line's number, shown with `line-numbers`, and a link with `line-href`.
+   * - `run`: A stretch of text drawn in an ANSI style, in a line the log draws from data. Its color is `--log-run-color` and its background `--log-run-background-color`.
+   * - `run-bold`: A run drawn bold.
+   * - `run-dim`: A run drawn faint.
+   * - `run-italic`: A run drawn italic.
+   * - `run-strike`: A run drawn struck through.
+   * - `run-underline`: A run drawn underlined.
+   * - `text`: The text of the line.
+   * - `time`: When the line was written, shown with `timestamps`.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `filtered`: The log's `query` does not match the line, so it draws nothing.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-log-line": Partial<
+    HelixLogLineProps & BaseProps<HelixLogLine> & BaseEvents<HelixLogLine>
+  >;
+
+  /**
+   * A bordered box in the monospaced face, at the size of the page's small
+   * text, that scrolls after 30rem (`--log-max-block-size`). Lines keep their
+   * spaces and run past the edge of the box, which scrolls sideways, until
+   * `wrap` is set.
+   *
+   * The sixteen ANSI colors come from your theme: red is the danger color,
+   * green success, yellow warning, and blue info. Set `--log-ansi-red` and its
+   * siblings on the log to choose them yourself.
+   *
+   * Put a search field or the controls for the log in the `toolbar` slot, in
+   * one element such as a `Toolbar` or a `Flex`. It sits above the lines with a
+   * rule under it.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
+   * - `loading`: Whether the rows are still loading.
+   *
+   * Reflected, because a stylesheet needs it: the rows that are already there
+   * are dimmed rather than removed while a new set arrives, and only CSS can
+   * say that without the component knowing what a row looks like.
+   * - `loading-text`/`loadingText`: The text shown and announced while the rows load.
+   * - `default-pinned`/`defaultPinned`: Whether the log opens following its newest line, when `pinned` is not set.
+   * `default-pinned="false"` opens it where it starts.
+   * - `done`: Whether the run is over, which a screen reader is told once.
+   *
+   * Set it when output you `write` is complete. A `source` sets it when the
+   * stream ends.
+   * - `done-label`/`doneLabel`: What a screen reader hears when the run is over.
+   * - `dropped-label`/`droppedLabel`: What the line above the log says once `limit` has let lines go. `{count}` is how many.
+   * - `error-label`/`errorLabel`: What a screen reader hears when lines at `error` arrive. `{count}` is how
+   * many arrived together and `{text}` is the first of them.
+   * - `fallback-label`/`fallbackLabel`: The log's name, read by screen readers, where `label` is empty.
+   * - `group-label`/`groupLabel`: What a screen reader hears when a step finishes or fails. `{heading}` is
+   * the step's heading and `{status}` is `done` or `failed`.
+   * - `label`: The log's name, read by screen readers.
+   * - `limit`: The most lines kept, or 0 to keep them all. Past it the oldest lines are
+   * let go, and the line above the log says how many.
+   * - `line-href`/`lineHref`: A link for each line number, with `{n}` where the number goes, such as
+   * `#L{n}`. Empty leaves the numbers as text.
+   * - `line-label`/`lineLabel`: What a screen reader hears for the link on a line's number, handed to each
+   * line the log draws. `{number}` is the number.
+   * - `line-numbers`/`lineNumbers`: Whether each line shows its number.
+   * - `mark-lines`/`markLines`: Lines to mark, as numbers and ranges such as `12, 40-44`.
+   * - `matches-label`/`matchesLabel`: What a screen reader hears when `query` changes. `{count}` is how many lines match.
+   * - `pinned`: Whether the log follows its newest line.
+   *
+   * The reader's scrolling asks first: `helix-before-pin` is cancelable, so a
+   * consumer refusing it takes the decision and assigns their own value. Not
+   * reflected, for the reason `Chat` gives at its own `pinned`: a default of
+   * true would write the attribute on upgrade.
+   * - `query`: Text a line has to hold to be shown, ignoring case. Empty shows every line.
+   * - `resume-label`/`resumeLabel`: The words on the button that returns to the newest line, where `resume` is empty.
+   * - `threshold`: How near the newest line still counts as being at it, in pixels.
+   * - `timestamps`: How each line shows its `at`: `absolute` on the clock, `relative` as the
+   * time since the first line. Absent shows no time.
+   * - `wrap`: Whether a line longer than the box wraps onto the next row. Otherwise the log scrolls sideways.
+   * - `groups`: The steps the lines from data name in `group`. A step stands where its
+   * first line is, and one with no line yet stands at the end.
+   *
+   * Replaced rather than mutated, as `lines` is: a step finishing is a new
+   * array with its `status` changed. (property only)
+   * - `lines`: The lines as data. Reading it gives every line kept, oldest first, with
+   * the line still being written left out.
+   *
+   * Replaced rather than mutated: setting it starts the log over with these
+   * lines, and `write` adds to them. Set it or write children, not both. (property only)
+   * - `parse`: Reads each finished line of written text: return the fields to set, such
+   * as `level` or `group`, or `null` to drop the line. Lines in `lines` are
+   * taken as they are. (property only)
+   * - `source`: Text to read as it arrives, to the end: a `ReadableStream` of text or
+   * bytes, such as a `fetch` response's body, or an async iterable. Bytes are
+   * read as UTF-8. The log sets `done` when it ends, and a new source stops
+   * reading the last one. (property only)
+   * - `text`: Every line kept, as plain text with the escape codes taken out, one to a
+   * row: what a download or a copy of the log should hold. (property only) (readonly)
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-before-pin`: Fired when the reader leaves the newest line by scrolling, or comes back to it. Cancelable.
+   * - `helix-expand`: Fired after a reader opens or closes a group drawn from `groups`, with the `id` of every open group in `detail.value`, separated by commas.
+   * - `helix-pin`: Fired after the log follows the newest line or lets go of it, with `true` or `false` in `detail.value`.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The lines, as `Log.Line` and `Log.Group` elements.
+   * - `resume`: The control that returns to the newest line, shown while the reader is scrolled away. Defaults to a button named by `resume-label`.
+   * - `toolbar`: Controls above the log, such as a search field or a button that wraps lines.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `write(chunk: string) => void`: Adds text as it arrives. A line ends at each line break, and the text
+   * after the last one is the line still being written.
+   * - `clear() => void`: Lets every line go, and forgets which groups the reader opened, keeping
+   * `groups`, `parse`, and `limit`.
+   * - `resume() => void`: Puts the log back at its newest line, and follows it again.
+   * - `scrollToLine(number: number, options: LogScrollOptions = {}) => Promise<boolean>`: Scrolls to line `number`, counted from the first line ever written, and
+   * stops following the newest. Opens a shut group the line is in. Resolves
+   * to whether the line is shown: false for a line `limit` let go or `query`
+   * hides.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--log-background-color`: The fill behind the lines. Defaults to the page background.
+   * - `--log-border-color`: The edge around the log and the rules inside it.
+   * - `--log-color`: The text color of the lines.
+   * - `--log-font-family`: The face of the lines. Defaults to the monospaced face.
+   * - `--log-font-size`: The size of the lines. Defaults to the small text step.
+   * - `--log-line-height`: The height of one line.
+   * - `--log-max-block-size`: How tall the log may get before the lines scroll. Defaults to 30rem.
+   * - `--log-padding-inline`: Space either side of every line and heading.
+   * - `--log-radius`: The corners of the log.
+   * - `--log-scrollbar-thumb-color`: The thumb of the scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
+   * - `--log-scrollbar-track-color`: The track of the scrollbar. Defaults to `--helix-scrollbar-track-color`.
+   * - `--log-ansi-background`: The background a run takes where ANSI swaps the colors and named none. Defaults to the log's own background on the styled tier.
+   * - `--log-ansi-black`: The ANSI color black, which codes `30` and `40` draw.
+   * - `--log-ansi-blue`: The ANSI color blue, which codes `34` and `44` draw.
+   * - `--log-ansi-bright-black`: The ANSI color bright black, which codes `90` and `100` draw.
+   * - `--log-ansi-bright-blue`: The ANSI color bright blue, which codes `94` and `104` draw.
+   * - `--log-ansi-bright-cyan`: The ANSI color bright cyan, which codes `96` and `106` draw.
+   * - `--log-ansi-bright-green`: The ANSI color bright green, which codes `92` and `102` draw.
+   * - `--log-ansi-bright-magenta`: The ANSI color bright magenta, which codes `95` and `105` draw.
+   * - `--log-ansi-bright-red`: The ANSI color bright red, which codes `91` and `101` draw.
+   * - `--log-ansi-bright-white`: The ANSI color bright white, which codes `97` and `107` draw.
+   * - `--log-ansi-bright-yellow`: The ANSI color bright yellow, which codes `93` and `103` draw.
+   * - `--log-ansi-cyan`: The ANSI color cyan, which codes `36` and `46` draw.
+   * - `--log-ansi-foreground`: The text color a run takes where ANSI swaps the colors and named none. Defaults to the log's own text color on the styled tier.
+   * - `--log-ansi-green`: The ANSI color green, which codes `32` and `42` draw.
+   * - `--log-ansi-magenta`: The ANSI color magenta, which codes `35` and `45` draw.
+   * - `--log-ansi-red`: The ANSI color red, which codes `31` and `41` draw.
+   * - `--log-ansi-white`: The ANSI color white, which codes `37` and `47` draw.
+   * - `--log-ansi-yellow`: The ANSI color yellow, which codes `33` and `43` draw.
+   * - `--log-digits`: Written on the `log`: how many digits the largest line number has, while `line-numbers` is set, so a stylesheet can size the column of numbers.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `after`: The space the rows below the drawn ones would take. Only for lines drawn from data.
+   * - `before`: The space the rows above the drawn ones would take. Only for lines drawn from data.
+   * - `dropped`: The line above the log that says how many earlier lines `limit` let go.
+   * - `empty`: Shown when the log has no lines.
+   * - `group-content`: Not drawn: a group drawn from data stands for its heading, and its lines are rows beside it.
+   * - `group-duration`: How long a step drawn from `groups` took.
+   * - `group-heading`: The heading of a step drawn from `groups`.
+   * - `group-mark`: The caret of a step drawn from `groups`.
+   * - `group-status`: The status mark of a step drawn from `groups`.
+   * - `group-summary`: The button that opens and closes a step drawn from `groups`.
+   * - `group-summary-done`: The button of a step drawn from `groups` that is `done`.
+   * - `group-summary-failed`: The button of a step drawn from `groups` that `failed`.
+   * - `group-summary-pending`: The button of a step drawn from `groups` that is `pending`.
+   * - `group-summary-running`: The button of a step drawn from `groups` that is `running`.
+   * - `group-summary-skipped`: The button of a step drawn from `groups` that was `skipped`.
+   * - `line`: The row of a line drawn from data.
+   * - `line-debug`: The row of a line drawn from data at `debug`.
+   * - `line-error`: The row of a line drawn from data at `error`.
+   * - `line-marked`: The row of a line drawn from data that `mark-lines` names.
+   * - `line-match`: Text in a line drawn from data that matches `query`.
+   * - `line-number`: The number of a line drawn from data.
+   * - `line-run`: A stretch of a line drawn from data in an ANSI style.
+   * - `line-run-bold`: A run drawn bold.
+   * - `line-run-dim`: A run drawn faint.
+   * - `line-run-italic`: A run drawn italic.
+   * - `line-run-strike`: A run drawn struck through.
+   * - `line-run-underline`: A run drawn underlined.
+   * - `line-text`: The text of a line drawn from data.
+   * - `line-time`: The time of a line drawn from data.
+   * - `line-warn`: The row of a line drawn from data at `warn`.
+   * - `live`: The region where screen readers hear errors, finished steps, and the end of the run.
+   * - `loading`: Shown while `loading` is set.
+   * - `log`: The lines, which scroll. On this tier, it needs only a block size.
+   * - `resume`: The control shown while the reader is scrolled away from the newest line.
+   * - `resume-button`: The button the `resume` region shows when nothing is slotted into it.
+   * - `resume-mark`: The arrow on the default `resume-button`.
+   * - `row`: The wrapper around one row drawn from data, a line or a group's heading.
+   * - `toolbar`: The `toolbar` slot, above the log.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `done`: The run is over: `done` is set, or `source` ended.
+   * - `empty`: The log has no lines.
+   * - `filtered`: `query` is set, so only matching lines are shown.
+   * - `pinned`: The log follows its newest line.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-log": Partial<HelixLogProps & BaseProps<HelixLog> & BaseEvents<HelixLog>>;
+
   /**
    * Fills the area in your theme's colors. Uses your primary color unless
    * `tone` sets another.
@@ -65094,6 +65906,21 @@ export type CustomElements = {
    * reader reads it with the frame. Hide it with `::part(error) { display: none }`
    * where the page draws its own.
    *
+   * **`relay` lets a frame on a login-protected site load its own files.** The
+   * frame's opaque origin makes every request it sends cross-site, and a login
+   * cookie is not sent on one, so behind a login such as a Vercel preview the
+   * frame's script and stylesheet come back as the login page. With `relay` set
+   * to path prefixes, such as `/sandbox/ /fonts/`, the frame can ask this
+   * element for a file under them and gets the body back, fetched from this
+   * page with its cookies. The page fetches only a `GET` on its own origin,
+   * under those prefixes, in plain characters, following no redirect, and it
+   * passes on only a script, a stylesheet, a font, a model, or an image of up
+   * to 8 MB. Name only prefixes that hold files the site serves to anyone: an
+   * example in the frame is untrusted, and it can ask too. Empty, the default,
+   * relays nothing. A frame asks only while its own origin is opaque, so a page
+   * elsewhere that frames the same document without a sandbox cannot use the
+   * answer to run script on the site.
+   *
    * **`controls` draws two buttons in the preview's corner**: one reloads the
    * frame's document, as `reload()` does, and one opens the example in a new
    * tab, as `open()` does. The tab runs it in a frame sandboxed as this one is.
@@ -65150,6 +65977,9 @@ export type CustomElements = {
    * `src` is set.
    * - `open-label`/`openLabel`: The name of the button that opens the example in a new tab, under
    * `controls`.
+   * - `relay`: Path prefixes the frame may ask this page to fetch for it, separated by
+   * spaces, each starting and ending with a slash, such as `/sandbox/ /fonts/`.
+   * Empty relays nothing.
    * - `reload-label`/`reloadLabel`: The name of the button that reloads the frame's document, under
    * `controls`.
    * - `script`: A script to run as a module after the markup, on every render of new
@@ -90936,6 +91766,415 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixLoader>
   >;
 
+  /**
+   * The heading is a row in the sans face with a caret, the status mark in its
+   * color, the heading, and the duration at the far end. A step that is `done`
+   * takes the success color, one that `failed` the danger color, and one that
+   * is `running` the info color.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `default-open`/`defaultOpen`: Whether the element starts open. Ignored once `open` is written.
+   * - `open`: Whether the element is open.
+   *
+   * One property, not two, so `dialog.open` answers the question anyone
+   * asking it meant. Writing always applies; `<helix-dialog open>` is the
+   * same statement in markup.
+   *
+   * **Not reflected, and that is required rather than tidy.** Reflection
+   * writes the resolved state back as an attribute, so an element that opened
+   * itself would put `open` on its own host: cloned, serialized for
+   * hydration, or diffed by a framework, it comes back holding whatever the
+   * last reader did rather than what the author wrote. `:state(open)` carries
+   * the resolved state for stylesheets, which is what the mirror is for.
+   * - `duration`: How long the step took, as it should read, such as `12s`.
+   * - `heading`: What the step is called. The `heading` slot replaces it.
+   * - `status`: Where the step stands, which draws a mark before the heading.
+   * - `status-label`/`statusLabel`: What a screen reader hears for the status, after the heading.
+   * `{status}` is one of `pending`, `running`, `done`, `failed`, and `skipped`.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `toggle`: Fired after the group opens or closes, with `newState` and `oldState`.
+   * - `helix-before-close`: Fired before the group closes. Cancelable.
+   * - `helix-before-open`: Fired before the group opens. Cancelable.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The lines of the step, and any groups inside it.
+   * - `heading`: The heading, where it holds more than text. Defaults to `heading`.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
+   * was applied.
+   *
+   * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
+   * `helix-before-close` is a refusal and nothing moves. Nobody refusing means the
+   * element opens or closes itself, whether or not a consumer declared
+   * `open`: a declared property is a seed and a correction, and a consumer
+   * who wants the decision for themselves refuses it and assigns their own.
+   * - `toggleOpen() => boolean`: Requests the opposite of the current state.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `content`: The lines, hidden while the group is shut.
+   * - `duration`: How long the step took.
+   * - `heading`: The heading.
+   * - `mark`: The caret that turns as the group opens, an `<svg>` you size.
+   * - `status`: The mark for the status, an `<svg>` you size.
+   * - `summary`: The button that opens and closes the group.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `open`: The group shows its lines.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-log-group": Partial<
+    HelixLogGroupProps &
+      HelixLogGroupSolidJsProps &
+      BaseProps<HelixLogGroup> &
+      BaseEvents<HelixLogGroup>
+  >;
+
+  /**
+   * A row with the number, the time, and the text side by side. A line at
+   * `warn` or `error` takes a band of its color, and a line `mark-lines` names
+   * takes the band `Code Block` draws behind a marked line.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `at`: When the line was written: milliseconds since the epoch, or anything `Date` parses.
+   * - `level`: How much the line matters. Absent is `info`.
+   * - `line-label`/`lineLabel`: What a screen reader hears for the link on a line's number. `{number}` is the number.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The text of the line.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--log-error-color`: The color of a line at `error`, and of the band behind it. Defaults to the danger color.
+   * - `--log-mark-background-color`: The band behind a line `mark-lines` names.
+   * - `--log-match-background-color`: The fill behind text that matches the log's `query`.
+   * - `--log-warn-color`: The color of a line at `warn`, and of the band behind it. Defaults to the warning color.
+   * - `--log-run-background-color`: Written on a `run` with a background, in the same form as `--log-run-color`.
+   * - `--log-run-color`: Written on a `run` with a text color: one of the sixteen `--log-ansi-*` colors the log publishes, or the color itself.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `line`: The row the number, the time, and the text sit in.
+   * - `line-debug`: The row of a line at `debug`.
+   * - `line-error`: The row of a line at `error`.
+   * - `line-marked`: The row of a line `mark-lines` names on the log.
+   * - `line-warn`: The row of a line at `warn`.
+   * - `match`: Text that matches the log's `query`, in a line the log draws from data.
+   * - `number`: The line's number, shown with `line-numbers`, and a link with `line-href`.
+   * - `run`: A stretch of text drawn in an ANSI style, in a line the log draws from data. Its color is `--log-run-color` and its background `--log-run-background-color`.
+   * - `run-bold`: A run drawn bold.
+   * - `run-dim`: A run drawn faint.
+   * - `run-italic`: A run drawn italic.
+   * - `run-strike`: A run drawn struck through.
+   * - `run-underline`: A run drawn underlined.
+   * - `text`: The text of the line.
+   * - `time`: When the line was written, shown with `timestamps`.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `filtered`: The log's `query` does not match the line, so it draws nothing.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-log-line": Partial<
+    HelixLogLineProps &
+      HelixLogLineSolidJsProps &
+      BaseProps<HelixLogLine> &
+      BaseEvents<HelixLogLine>
+  >;
+
+  /**
+   * A bordered box in the monospaced face, at the size of the page's small
+   * text, that scrolls after 30rem (`--log-max-block-size`). Lines keep their
+   * spaces and run past the edge of the box, which scrolls sideways, until
+   * `wrap` is set.
+   *
+   * The sixteen ANSI colors come from your theme: red is the danger color,
+   * green success, yellow warning, and blue info. Set `--log-ansi-red` and its
+   * siblings on the log to choose them yourself.
+   *
+   * Put a search field or the controls for the log in the `toolbar` slot, in
+   * one element such as a `Toolbar` or a `Flex`. It sits above the lines with a
+   * rule under it.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
+   * - `loading`: Whether the rows are still loading.
+   *
+   * Reflected, because a stylesheet needs it: the rows that are already there
+   * are dimmed rather than removed while a new set arrives, and only CSS can
+   * say that without the component knowing what a row looks like.
+   * - `loading-text`/`loadingText`: The text shown and announced while the rows load.
+   * - `default-pinned`/`defaultPinned`: Whether the log opens following its newest line, when `pinned` is not set.
+   * `default-pinned="false"` opens it where it starts.
+   * - `done`: Whether the run is over, which a screen reader is told once.
+   *
+   * Set it when output you `write` is complete. A `source` sets it when the
+   * stream ends.
+   * - `done-label`/`doneLabel`: What a screen reader hears when the run is over.
+   * - `dropped-label`/`droppedLabel`: What the line above the log says once `limit` has let lines go. `{count}` is how many.
+   * - `error-label`/`errorLabel`: What a screen reader hears when lines at `error` arrive. `{count}` is how
+   * many arrived together and `{text}` is the first of them.
+   * - `fallback-label`/`fallbackLabel`: The log's name, read by screen readers, where `label` is empty.
+   * - `group-label`/`groupLabel`: What a screen reader hears when a step finishes or fails. `{heading}` is
+   * the step's heading and `{status}` is `done` or `failed`.
+   * - `label`: The log's name, read by screen readers.
+   * - `limit`: The most lines kept, or 0 to keep them all. Past it the oldest lines are
+   * let go, and the line above the log says how many.
+   * - `line-href`/`lineHref`: A link for each line number, with `{n}` where the number goes, such as
+   * `#L{n}`. Empty leaves the numbers as text.
+   * - `line-label`/`lineLabel`: What a screen reader hears for the link on a line's number, handed to each
+   * line the log draws. `{number}` is the number.
+   * - `line-numbers`/`lineNumbers`: Whether each line shows its number.
+   * - `mark-lines`/`markLines`: Lines to mark, as numbers and ranges such as `12, 40-44`.
+   * - `matches-label`/`matchesLabel`: What a screen reader hears when `query` changes. `{count}` is how many lines match.
+   * - `pinned`: Whether the log follows its newest line.
+   *
+   * The reader's scrolling asks first: `helix-before-pin` is cancelable, so a
+   * consumer refusing it takes the decision and assigns their own value. Not
+   * reflected, for the reason `Chat` gives at its own `pinned`: a default of
+   * true would write the attribute on upgrade.
+   * - `query`: Text a line has to hold to be shown, ignoring case. Empty shows every line.
+   * - `resume-label`/`resumeLabel`: The words on the button that returns to the newest line, where `resume` is empty.
+   * - `threshold`: How near the newest line still counts as being at it, in pixels.
+   * - `timestamps`: How each line shows its `at`: `absolute` on the clock, `relative` as the
+   * time since the first line. Absent shows no time.
+   * - `wrap`: Whether a line longer than the box wraps onto the next row. Otherwise the log scrolls sideways.
+   * - `groups`: The steps the lines from data name in `group`. A step stands where its
+   * first line is, and one with no line yet stands at the end.
+   *
+   * Replaced rather than mutated, as `lines` is: a step finishing is a new
+   * array with its `status` changed. (property only)
+   * - `lines`: The lines as data. Reading it gives every line kept, oldest first, with
+   * the line still being written left out.
+   *
+   * Replaced rather than mutated: setting it starts the log over with these
+   * lines, and `write` adds to them. Set it or write children, not both. (property only)
+   * - `parse`: Reads each finished line of written text: return the fields to set, such
+   * as `level` or `group`, or `null` to drop the line. Lines in `lines` are
+   * taken as they are. (property only)
+   * - `source`: Text to read as it arrives, to the end: a `ReadableStream` of text or
+   * bytes, such as a `fetch` response's body, or an async iterable. Bytes are
+   * read as UTF-8. The log sets `done` when it ends, and a new source stops
+   * reading the last one. (property only)
+   * - `text`: Every line kept, as plain text with the escape codes taken out, one to a
+   * row: what a download or a copy of the log should hold. (property only) (readonly)
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-before-pin`: Fired when the reader leaves the newest line by scrolling, or comes back to it. Cancelable.
+   * - `helix-expand`: Fired after a reader opens or closes a group drawn from `groups`, with the `id` of every open group in `detail.value`, separated by commas.
+   * - `helix-pin`: Fired after the log follows the newest line or lets go of it, with `true` or `false` in `detail.value`.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The lines, as `Log.Line` and `Log.Group` elements.
+   * - `resume`: The control that returns to the newest line, shown while the reader is scrolled away. Defaults to a button named by `resume-label`.
+   * - `toolbar`: Controls above the log, such as a search field or a button that wraps lines.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `write(chunk: string) => void`: Adds text as it arrives. A line ends at each line break, and the text
+   * after the last one is the line still being written.
+   * - `clear() => void`: Lets every line go, and forgets which groups the reader opened, keeping
+   * `groups`, `parse`, and `limit`.
+   * - `resume() => void`: Puts the log back at its newest line, and follows it again.
+   * - `scrollToLine(number: number, options: LogScrollOptions = {}) => Promise<boolean>`: Scrolls to line `number`, counted from the first line ever written, and
+   * stops following the newest. Opens a shut group the line is in. Resolves
+   * to whether the line is shown: false for a line `limit` let go or `query`
+   * hides.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--log-background-color`: The fill behind the lines. Defaults to the page background.
+   * - `--log-border-color`: The edge around the log and the rules inside it.
+   * - `--log-color`: The text color of the lines.
+   * - `--log-font-family`: The face of the lines. Defaults to the monospaced face.
+   * - `--log-font-size`: The size of the lines. Defaults to the small text step.
+   * - `--log-line-height`: The height of one line.
+   * - `--log-max-block-size`: How tall the log may get before the lines scroll. Defaults to 30rem.
+   * - `--log-padding-inline`: Space either side of every line and heading.
+   * - `--log-radius`: The corners of the log.
+   * - `--log-scrollbar-thumb-color`: The thumb of the scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
+   * - `--log-scrollbar-track-color`: The track of the scrollbar. Defaults to `--helix-scrollbar-track-color`.
+   * - `--log-ansi-background`: The background a run takes where ANSI swaps the colors and named none. Defaults to the log's own background on the styled tier.
+   * - `--log-ansi-black`: The ANSI color black, which codes `30` and `40` draw.
+   * - `--log-ansi-blue`: The ANSI color blue, which codes `34` and `44` draw.
+   * - `--log-ansi-bright-black`: The ANSI color bright black, which codes `90` and `100` draw.
+   * - `--log-ansi-bright-blue`: The ANSI color bright blue, which codes `94` and `104` draw.
+   * - `--log-ansi-bright-cyan`: The ANSI color bright cyan, which codes `96` and `106` draw.
+   * - `--log-ansi-bright-green`: The ANSI color bright green, which codes `92` and `102` draw.
+   * - `--log-ansi-bright-magenta`: The ANSI color bright magenta, which codes `95` and `105` draw.
+   * - `--log-ansi-bright-red`: The ANSI color bright red, which codes `91` and `101` draw.
+   * - `--log-ansi-bright-white`: The ANSI color bright white, which codes `97` and `107` draw.
+   * - `--log-ansi-bright-yellow`: The ANSI color bright yellow, which codes `93` and `103` draw.
+   * - `--log-ansi-cyan`: The ANSI color cyan, which codes `36` and `46` draw.
+   * - `--log-ansi-foreground`: The text color a run takes where ANSI swaps the colors and named none. Defaults to the log's own text color on the styled tier.
+   * - `--log-ansi-green`: The ANSI color green, which codes `32` and `42` draw.
+   * - `--log-ansi-magenta`: The ANSI color magenta, which codes `35` and `45` draw.
+   * - `--log-ansi-red`: The ANSI color red, which codes `31` and `41` draw.
+   * - `--log-ansi-white`: The ANSI color white, which codes `37` and `47` draw.
+   * - `--log-ansi-yellow`: The ANSI color yellow, which codes `33` and `43` draw.
+   * - `--log-digits`: Written on the `log`: how many digits the largest line number has, while `line-numbers` is set, so a stylesheet can size the column of numbers.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `after`: The space the rows below the drawn ones would take. Only for lines drawn from data.
+   * - `before`: The space the rows above the drawn ones would take. Only for lines drawn from data.
+   * - `dropped`: The line above the log that says how many earlier lines `limit` let go.
+   * - `empty`: Shown when the log has no lines.
+   * - `group-content`: Not drawn: a group drawn from data stands for its heading, and its lines are rows beside it.
+   * - `group-duration`: How long a step drawn from `groups` took.
+   * - `group-heading`: The heading of a step drawn from `groups`.
+   * - `group-mark`: The caret of a step drawn from `groups`.
+   * - `group-status`: The status mark of a step drawn from `groups`.
+   * - `group-summary`: The button that opens and closes a step drawn from `groups`.
+   * - `group-summary-done`: The button of a step drawn from `groups` that is `done`.
+   * - `group-summary-failed`: The button of a step drawn from `groups` that `failed`.
+   * - `group-summary-pending`: The button of a step drawn from `groups` that is `pending`.
+   * - `group-summary-running`: The button of a step drawn from `groups` that is `running`.
+   * - `group-summary-skipped`: The button of a step drawn from `groups` that was `skipped`.
+   * - `line`: The row of a line drawn from data.
+   * - `line-debug`: The row of a line drawn from data at `debug`.
+   * - `line-error`: The row of a line drawn from data at `error`.
+   * - `line-marked`: The row of a line drawn from data that `mark-lines` names.
+   * - `line-match`: Text in a line drawn from data that matches `query`.
+   * - `line-number`: The number of a line drawn from data.
+   * - `line-run`: A stretch of a line drawn from data in an ANSI style.
+   * - `line-run-bold`: A run drawn bold.
+   * - `line-run-dim`: A run drawn faint.
+   * - `line-run-italic`: A run drawn italic.
+   * - `line-run-strike`: A run drawn struck through.
+   * - `line-run-underline`: A run drawn underlined.
+   * - `line-text`: The text of a line drawn from data.
+   * - `line-time`: The time of a line drawn from data.
+   * - `line-warn`: The row of a line drawn from data at `warn`.
+   * - `live`: The region where screen readers hear errors, finished steps, and the end of the run.
+   * - `loading`: Shown while `loading` is set.
+   * - `log`: The lines, which scroll. On this tier, it needs only a block size.
+   * - `resume`: The control shown while the reader is scrolled away from the newest line.
+   * - `resume-button`: The button the `resume` region shows when nothing is slotted into it.
+   * - `resume-mark`: The arrow on the default `resume-button`.
+   * - `row`: The wrapper around one row drawn from data, a line or a group's heading.
+   * - `toolbar`: The `toolbar` slot, above the log.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `done`: The run is over: `done` is set, or `source` ended.
+   * - `empty`: The log has no lines.
+   * - `filtered`: `query` is set, so only matching lines are shown.
+   * - `pinned`: The log follows its newest line.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-log": Partial<
+    HelixLogProps & HelixLogSolidJsProps & BaseProps<HelixLog> & BaseEvents<HelixLog>
+  >;
+
   /**
    * Fills the area in your theme's colors. Uses your primary color unless
    * `tone` sets another.
@@ -96940,6 +98179,21 @@ export type CustomElementsSolidJs = {
    * reader reads it with the frame. Hide it with `::part(error) { display: none }`
    * where the page draws its own.
    *
+   * **`relay` lets a frame on a login-protected site load its own files.** The
+   * frame's opaque origin makes every request it sends cross-site, and a login
+   * cookie is not sent on one, so behind a login such as a Vercel preview the
+   * frame's script and stylesheet come back as the login page. With `relay` set
+   * to path prefixes, such as `/sandbox/ /fonts/`, the frame can ask this
+   * element for a file under them and gets the body back, fetched from this
+   * page with its cookies. The page fetches only a `GET` on its own origin,
+   * under those prefixes, in plain characters, following no redirect, and it
+   * passes on only a script, a stylesheet, a font, a model, or an image of up
+   * to 8 MB. Name only prefixes that hold files the site serves to anyone: an
+   * example in the frame is untrusted, and it can ask too. Empty, the default,
+   * relays nothing. A frame asks only while its own origin is opaque, so a page
+   * elsewhere that frames the same document without a sandbox cannot use the
+   * answer to run script on the site.
+   *
    * **`controls` draws two buttons in the preview's corner**: one reloads the
    * frame's document, as `reload()` does, and one opens the example in a new
    * tab, as `open()` does. The tab runs it in a frame sandboxed as this one is.
@@ -96996,6 +98250,9 @@ export type CustomElementsSolidJs = {
    * `src` is set.
    * - `open-label`/`openLabel`: The name of the button that opens the example in a new tab, under
    * `controls`.
+   * - `relay`: Path prefixes the frame may ask this page to fetch for it, separated by
+   * spaces, each starting and ending with a slash, such as `/sandbox/ /fonts/`.
+   * Empty relays nothing.
    * - `reload-label`/`reloadLabel`: The name of the button that reloads the frame's document, under
    * `controls`.
    * - `script`: A script to run as a module after the markup, on every render of new
@@ -109352,6 +110609,78 @@ export type CustomCssProperties = {
   "--loader-track-color"?: (string) | undefined;
   /** Width of the arc and the circle behind it, in units of a 24-unit drawing. Defaults to 2. */
   "--loader-track-width"?: (string) | undefined;
+  /** The color of a line at `error`, and of the band behind it. Defaults to the danger color. */
+  "--log-error-color"?: (string) | undefined;
+  /** The band behind a line `mark-lines` names. */
+  "--log-mark-background-color"?: (string) | undefined;
+  /** The fill behind text that matches the log's `query`. */
+  "--log-match-background-color"?: (string) | undefined;
+  /** The color of a line at `warn`, and of the band behind it. Defaults to the warning color. */
+  "--log-warn-color"?: (string) | undefined;
+  /** Written on a `run` with a background, in the same form as `--log-run-color`. */
+  "--log-run-background-color"?: (string) | undefined;
+  /** Written on a `run` with a text color: one of the sixteen `--log-ansi-*` colors the log publishes, or the color itself. */
+  "--log-run-color"?: (string) | undefined;
+  /** The fill behind the lines. Defaults to the page background. */
+  "--log-background-color"?: (string) | undefined;
+  /** The edge around the log and the rules inside it. */
+  "--log-border-color"?: (string) | undefined;
+  /** The text color of the lines. */
+  "--log-color"?: (string) | undefined;
+  /** The face of the lines. Defaults to the monospaced face. */
+  "--log-font-family"?: (string) | undefined;
+  /** The size of the lines. Defaults to the small text step. */
+  "--log-font-size"?: (string) | undefined;
+  /** The height of one line. */
+  "--log-line-height"?: (string) | undefined;
+  /** How tall the log may get before the lines scroll. Defaults to 30rem. */
+  "--log-max-block-size"?: (string) | undefined;
+  /** Space either side of every line and heading. */
+  "--log-padding-inline"?: (string) | undefined;
+  /** The corners of the log. */
+  "--log-radius"?: (string) | undefined;
+  /** The thumb of the scrollbar. Defaults to `--helix-scrollbar-thumb-color`. */
+  "--log-scrollbar-thumb-color"?: (string) | undefined;
+  /** The track of the scrollbar. Defaults to `--helix-scrollbar-track-color`. */
+  "--log-scrollbar-track-color"?: (string) | undefined;
+  /** The background a run takes where ANSI swaps the colors and named none. Defaults to the log's own background on the styled tier. */
+  "--log-ansi-background"?: (string) | undefined;
+  /** The ANSI color black, which codes `30` and `40` draw. */
+  "--log-ansi-black"?: (string) | undefined;
+  /** The ANSI color blue, which codes `34` and `44` draw. */
+  "--log-ansi-blue"?: (string) | undefined;
+  /** The ANSI color bright black, which codes `90` and `100` draw. */
+  "--log-ansi-bright-black"?: (string) | undefined;
+  /** The ANSI color bright blue, which codes `94` and `104` draw. */
+  "--log-ansi-bright-blue"?: (string) | undefined;
+  /** The ANSI color bright cyan, which codes `96` and `106` draw. */
+  "--log-ansi-bright-cyan"?: (string) | undefined;
+  /** The ANSI color bright green, which codes `92` and `102` draw. */
+  "--log-ansi-bright-green"?: (string) | undefined;
+  /** The ANSI color bright magenta, which codes `95` and `105` draw. */
+  "--log-ansi-bright-magenta"?: (string) | undefined;
+  /** The ANSI color bright red, which codes `91` and `101` draw. */
+  "--log-ansi-bright-red"?: (string) | undefined;
+  /** The ANSI color bright white, which codes `97` and `107` draw. */
+  "--log-ansi-bright-white"?: (string) | undefined;
+  /** The ANSI color bright yellow, which codes `93` and `103` draw. */
+  "--log-ansi-bright-yellow"?: (string) | undefined;
+  /** The ANSI color cyan, which codes `36` and `46` draw. */
+  "--log-ansi-cyan"?: (string) | undefined;
+  /** The text color a run takes where ANSI swaps the colors and named none. Defaults to the log's own text color on the styled tier. */
+  "--log-ansi-foreground"?: (string) | undefined;
+  /** The ANSI color green, which codes `32` and `42` draw. */
+  "--log-ansi-green"?: (string) | undefined;
+  /** The ANSI color magenta, which codes `35` and `45` draw. */
+  "--log-ansi-magenta"?: (string) | undefined;
+  /** The ANSI color red, which codes `31` and `41` draw. */
+  "--log-ansi-red"?: (string) | undefined;
+  /** The ANSI color white, which codes `37` and `47` draw. */
+  "--log-ansi-white"?: (string) | undefined;
+  /** The ANSI color yellow, which codes `33` and `43` draw. */
+  "--log-ansi-yellow"?: (string) | undefined;
+  /** Written on the `log`: how many digits the largest line number has, while `line-numbers` is set, so a stylesheet can size the column of numbers. */
+  "--log-digits"?: (string) | undefined;
   /** The area's color when no tone is set. */
   "--map-area-color"?: (string) | undefined;
   /** The buildings' color when no tone is set. */