@buoy-gg/ask-buoy 7.0.41 → 7.0.42

package/lib/commonjs/blocks/DataBlocks.js

@@ -1,783 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Chart = Chart;
-exports.Code = Code;
-exports.Diff = Diff;
-exports.Finding = Finding;
-exports.KeyValue = KeyValue;
-exports.List = List;
-exports.Notice = Notice;
-exports.Steps = Steps;
-exports.Table = Table;
-exports.listRowBehaviour = listRowBehaviour;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _agentCore = require("@buoy-gg/agent-core");
-var _primitivesIndex = require("./primitivesIndex");
-var _Markdown = require("../components/Markdown");
-var _useCopyAction = require("../components/useCopyAction");
-var _blockText = require("./blockText");
-var _icons = require("./icons");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Show blocks — data the user should see rather than read.
- * Every one honours a cap and says "+N more" rather than growing the page.
- */
-
-function fmt(v) {
-  if (v === undefined) return "—";
-  if (v === null) return "null";
-  if (typeof v === "string") return v;
-  if (typeof v === "number" || typeof v === "boolean") return String(v);
-  try {
-    const s = JSON.stringify(v);
-    return s.length > 120 ? `${s.slice(0, 117)}…` : s;
-  } catch {
-    return String(v);
-  }
-}
-function Table({
-  block
-}) {
-  const paged = (0, _primitivesIndex.usePaged)(block.rows, _agentCore.CAPS.tableRows);
-  const {
-    visible
-  } = paged;
-  const cols = block.columns.slice(0, 4);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-table-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tableHead,
-      children: cols.map((c, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.th, i === 0 && styles.firstCol],
-        numberOfLines: 1,
-        children: c
-      }, c))
-    }), visible.map((row, r) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.tr, r > 0 && _primitivesIndex.blockStyles.rowDivider],
-      children: cols.map((_, i) => {
-        const cell = row[i];
-        const text = typeof cell === "string" ? cell : cell?.text ?? "";
-        const tone = typeof cell === "string" ? undefined : cell?.tone;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.td, i === 0 && styles.firstCol, i === 0 && styles.tdFirst, tone && {
-            color: (0, _primitivesIndex.toneColor)(tone)
-          }],
-          numberOfLines: 2,
-          children: (0, _Markdown.renderInline)(text, styles.td)
-        }, i);
-      })
-    }, r)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
-      paged: paged
-    })]
-  });
-}
-function KeyValue({
-  block
-}) {
-  const paged = (0, _primitivesIndex.usePaged)(block.pairs, _agentCore.CAPS.keyValuePairs);
-  const {
-    visible
-  } = paged;
-  const [open, setOpen] = (0, _react.useState)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-keyvalue-${block.id}`,
-    children: [visible.map((p, i) => {
-      const long = typeof p.value === "object" && p.value !== null;
-      const isOpen = open === p.key;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-        onPress: long ? () => setOpen(isOpen ? null : p.key) : undefined,
-        style: [styles.kvRow, i > 0 && _primitivesIndex.blockStyles.rowDivider],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.kvKey,
-          numberOfLines: 1,
-          children: p.key
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.kvValue, isOpen && _primitivesIndex.blockStyles.mono],
-          numberOfLines: isOpen ? undefined : 2,
-          selectable: true,
-          children: isOpen ? JSON.stringify(p.value, null, 2) : fmt(p.value)
-        })]
-      }, p.key);
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
-      paged: paged
-    })]
-  });
-}
-
-/**
- * Keys carry the index as well as the id.
- *
- * The ids in here come from the app's own data, and app data is not required
- * to be unique — a Poké Mart bag in this repo holds two lines sharing one
- * `lineId`, which is a bug in that app but must not be one in a devtool
- * rendering it. Paging made it visible: the duplicate sat past the initial cap,
- * so React only saw the collision on the first "Show more".
- */
-/**
- * What a tapped list row does.
- *
- * A row can carry a picture and an action, and they want the same gesture. The
- * picture wins the row body — looking at a thing must not fire it — and the
- * action keeps its label as its own control. A row with no picture is
- * unchanged: the whole row runs the action, which is what it did before rows
- * could open.
- */
-function listRowBehaviour(item) {
-  const canExpand = Boolean(item.image);
-  return {
-    canExpand,
-    rowRunsAction: Boolean(item.action) && !canExpand,
-    actionIsOwnControl: Boolean(item.action) && canExpand
-  };
-}
-function List({
-  block
-}) {
-  const h = (0, _primitivesIndex.useBlockHandlers)();
-  const paged = (0, _primitivesIndex.usePaged)(block.items, _agentCore.CAPS.listItems);
-  const {
-    visible
-  } = paged;
-  // One row open at a time, keyed the same way the row is — the list can hold
-  // duplicate ids (see the note above), so the index is part of the key.
-  const [open, setOpen] = (0, _react.useState)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-list-${block.id}`,
-    children: [visible.map((it, i) => {
-      const key = `${it.id ?? it.title}-${i}`;
-      const expanded = open === key;
-      // A row with a picture opens it; a row without one keeps the old
-      // behaviour, where the whole row runs its action. When an item has
-      // BOTH, the body toggles the image and the action label becomes its
-      // own control — otherwise the two gestures would sit on one target and
-      // looking at a thing would fire it.
-      const {
-        canExpand,
-        rowRunsAction,
-        actionIsOwnControl
-      } = listRowBehaviour(it);
-      const Row = canExpand || rowRunsAction ? _reactNative.Pressable : _reactNative.View;
-      const rowProps = canExpand ? {
-        onPress: () => setOpen(expanded ? null : key),
-        accessibilityRole: "button",
-        accessibilityState: {
-          expanded
-        },
-        accessibilityLabel: `${it.title}, ${expanded ? "hide" : "show"} picture`,
-        testID: `buoy-block-list-row-${key}`
-      } : rowRunsAction ? {
-        onPress: () => void h.runAction(it.action, block.id),
-        accessibilityRole: "button"
-      } : {};
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: i > 0 ? _primitivesIndex.blockStyles.rowDivider : undefined,
-        children: [expanded && it.image ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          onPress: () => setOpen(null),
-          accessibilityRole: "button",
-          accessibilityLabel: `Hide ${it.title}`,
-          testID: `buoy-block-list-hero-${key}`,
-          style: styles.listHero,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-            testID: "buoy-internal-chat-image",
-            source: {
-              uri: it.image
-            },
-            style: styles.listHeroImage,
-            resizeMode: "contain",
-            accessibilityLabel: it.title
-          })
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Row, {
-          ...rowProps,
-          style: _primitivesIndex.blockStyles.row,
-          children: [it.image && !expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-            testID: "buoy-internal-chat-image",
-            source: {
-              uri: it.image
-            },
-            style: styles.thumb,
-            resizeMode: "contain",
-            accessibilityLabel: it.title
-          }) : it.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BlockIcon, {
-            name: it.icon
-          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.flex,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [_primitivesIndex.blockStyles.rowTitle, it.tone && {
-                color: (0, _primitivesIndex.toneColor)(it.tone)
-              }],
-              numberOfLines: expanded ? undefined : 2,
-              children: (0, _Markdown.renderInline)(it.title, _primitivesIndex.blockStyles.rowTitle)
-            }), it.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: _primitivesIndex.blockStyles.rowSub,
-              numberOfLines: expanded ? undefined : 2,
-              children: (0, _Markdown.renderInline)(it.subtitle, _primitivesIndex.blockStyles.rowSub)
-            }) : null]
-          }), it.trailing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [_primitivesIndex.blockStyles.rowTrailing, it.tone && {
-              color: (0, _primitivesIndex.toneColor)(it.tone)
-            }],
-            numberOfLines: 1,
-            children: it.trailing
-          }) : null, it.action ? actionIsOwnControl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            onPress: () => void h.runAction(it.action, block.id),
-            accessibilityRole: "button",
-            accessibilityLabel: it.action.label,
-            hitSlop: 8,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.rowAction,
-              children: it.action.label
-            })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.rowAction,
-            children: it.action.label
-          }) : null]
-        })]
-      }, key);
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
-      paged: paged
-    })]
-  });
-}
-
-/** An object or an array — something the tree viewer can drill into. */
-function isStructured(v) {
-  return v !== null && typeof v === "object";
-}
-
-/**
- * The line that stands in for a folded diff: how many fields, and which.
- * Names beat a bare count — "1 field · lines" tells you whether to open it.
- */
-function diffSummary(changes) {
-  const names = changes.map(c => c.path);
-  const shown = names.slice(0, 3).join(", ");
-  const rest = names.length - 3;
-  const noun = names.length === 1 ? "1 field" : `${names.length} fields`;
-  return `${noun} · ${shown}${rest > 0 ? `, +${rest}` : ""}`;
-}
-
-/**
- * What a write changed. Folded by default (see `Card`), and drilled into
- * rather than dumped.
- *
- * A changed field is rendered by the same tree diff viewer the Zustand and
- * Storage tools use, with unchanged branches hidden — so editing one line of a
- * bag shows `qty  4 => 14` and not both copies of a fifty-key array serialised
- * to JSON, which is what the reader was given before and could not read. Only
- * a scalar keeps the plain −/+ pair: a tree of one root node says less than
- * the two values side by side.
- */
-function Diff({
-  block
-}) {
-  const paged = (0, _primitivesIndex.usePaged)(block.changes, _agentCore.CAPS.keyValuePairs);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
-    title: block.title ?? "What changed",
-    source: block.source,
-    testID: `buoy-block-diff-${block.id}`,
-    collapsible: true,
-    summary: diffSummary(block.changes),
-    children: [paged.visible.map((c, i) => {
-      const added = c.before === undefined && c.after !== undefined;
-      const removed = c.after === undefined && c.before !== undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.diffRow, i > 0 && _primitivesIndex.blockStyles.rowDivider],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.diffPath,
-          numberOfLines: 1,
-          children: c.path
-        }), isStructured(c.before) || isStructured(c.after) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.diffTree,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.TreeDiffViewer, {
-            oldValue: c.before,
-            newValue: c.after,
-            showUnchanged: false,
-            scrollEnabled: false
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [!added ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diffLine,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diffMark, {
-                color: _sharedUi.night.color.danger
-              }],
-              children: "\u2212"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diffValue, {
-                color: _sharedUi.night.color.danger
-              }],
-              numberOfLines: 3,
-              selectable: true,
-              children: fmt(c.before)
-            })]
-          }) : null, !removed ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.diffLine,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diffMark, {
-                color: _sharedUi.night.color.accent
-              }],
-              children: "+"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.diffValue, {
-                color: _sharedUi.night.color.accent
-              }],
-              numberOfLines: 3,
-              selectable: true,
-              children: fmt(c.after)
-            })]
-          }) : null]
-        })]
-      }, `${c.path}-${i}`);
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
-      paged: paged
-    })]
-  });
-}
-function Chart({
-  block
-}) {
-  const bars = block.bars.slice(0, _agentCore.CAPS.chartBars);
-  const max = block.max ?? Math.max(1, ...bars.map(x => x.value));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-chart-${block.id}`,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.chart,
-      children: bars.map((x, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.barRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.barLabel,
-          numberOfLines: 1,
-          children: x.label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.barTrack,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.bar, {
-              width: `${Math.max(2, Math.round(x.value / max * 100))}%`,
-              backgroundColor: (0, _primitivesIndex.toneColor)(x.tone ?? "accent")
-            }]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.barValue,
-          numberOfLines: 1,
-          children: [x.value, x.unit ? ` ${x.unit}` : ""]
-        })]
-      }, `${x.label}-${i}`))
-    })
-  });
-}
-function Steps({
-  block
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
-    title: block.title,
-    testID: `buoy-block-steps-${block.id}`,
-    children: block.steps.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.step, i > 0 && _primitivesIndex.blockStyles.rowDivider],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.stepMark, s.state === "done" && styles.stepDone, s.state === "failed" && styles.stepFailed],
-        children: s.state === "done" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-          size: 10,
-          color: _sharedUi.night.color.onAccent
-        }) : s.state === "failed" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-          size: 10,
-          color: _sharedUi.night.color.text
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.stepNum,
-          children: i + 1
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [_primitivesIndex.blockStyles.rowTitle, s.state === "done" && styles.stepTextDone],
-        children: s.text
-      })]
-    }, i))
-  });
-}
-
-/**
- * Parsed JSON, or `undefined` when the payload is not JSON at all.
- *
- * A bare string, number or boolean parses fine and is deliberately rejected:
- * `"hello"` is valid JSON and a tree of one leaf is a worse way to read it
- * than the line itself.
- */
-function parseJson(text) {
-  try {
-    const value = JSON.parse(text);
-    return value !== null && typeof value === "object" ? value : undefined;
-  } catch {
-    return undefined;
-  }
-}
-
-/**
- * A JSON payload, in the same explorer Storage and Network use.
- *
- * Worth the weight over a pretty-printed string: it collapses, it types its
- * values, and the thing you are usually hunting — one wrong field deep in a
- * response body — is findable instead of buried in forty lines of monospace.
- * The explorer's own lists run `scrollEnabled={false}` and grow to their
- * content, so nothing nests a scroller inside the transcript.
- */
-function JsonCode({
-  block,
-  value
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
-    title: block.title,
-    testID: `buoy-block-code-${block.id}`,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.viewer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-        title: block.title ?? "Payload",
-        data: value,
-        initialExpanded: true,
-        showTypeFilter: false,
-        testIDPrefix: `buoy-block-code-${block.id}`
-      })
-    })
-  });
-}
-
-/** Anything that is not a JSON object: a log line, a stack, a snippet. */
-function TextCode({
-  block
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
-    title: block.title,
-    testID: `buoy-block-code-${block.id}`,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [_primitivesIndex.blockStyles.mono, styles.code],
-      selectable: true,
-      children: block.text
-    })
-  });
-}
-
-/**
- * Router, per rule4: two specialised components rather than one that changes
- * shape. A `cond ? <A/> : <B/>` inside a single component is the Fabric
- * view-index hazard, and these two subtrees have nothing in common.
- */
-function Code({
-  block
-}) {
-  const value = parseJson(block.text);
-  if (value === undefined) return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextCode, {
-    block: block
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(JsonCode, {
-    block: block,
-    value: value
-  });
-}
-function Notice({
-  block
-}) {
-  const color = block.tone === "danger" ? _sharedUi.night.color.danger : block.tone === "warning" ? _sharedUi.night.color.warning : _sharedUi.night.color.info;
-  const Icon = block.tone === "info" ? _sharedUi.Info : _sharedUi.AlertTriangle;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
-    tone: block.tone,
-    testID: `buoy-block-notice-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.noticeRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-        size: 14,
-        color: color
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.noticeText,
-        children: block.text
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.ActionRow, {
-      actions: block.actions,
-      blockId: block.id
-    })]
-  });
-}
-function Finding({
-  block
-}) {
-  // A finding exists to leave the phone. Its own Copy, with the title and
-  // every evidence row — the conversation-wide Copy includes it too, but a
-  // ticket wants just this.
-  const {
-    copied,
-    copy
-  } = (0, _useCopyAction.useCopyAction)(() => (0, _blockText.blockToText)(block) ?? block.title);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-finding-${block.id}`,
-    tone: "warning",
-    children: [block.evidence.map((e, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.kvRow, i > 0 && _primitivesIndex.blockStyles.rowDivider],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.kvKey,
-        numberOfLines: 1,
-        children: e.label
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.kvValue, e.tone && {
-          color: (0, _primitivesIndex.toneColor)(e.tone)
-        }],
-        selectable: true,
-        children: e.value
-      })]
-    }, `${e.label}-${i}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.findingFoot,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: `buoy-block-finding-copy-${block.id}`,
-        accessibilityRole: "button",
-        accessibilityLabel: copied ? "Copied" : "Copy this finding",
-        onPress: copy,
-        style: ({
-          pressed
-        }) => [styles.findingCopy, pressed && {
-          opacity: 0.7
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.findingCopyText, copied && {
-            color: _sharedUi.night.color.accent
-          }],
-          children: copied ? "Copied" : "Copy finding"
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.ActionRow, {
-      actions: block.actions,
-      blockId: block.id
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  flex: {
-    flex: 1
-  },
-  tableHead: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    gap: 8,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  th: {
-    flex: 1,
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase"
-  },
-  tr: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 8,
-    alignItems: "center"
-  },
-  td: {
-    flex: 1,
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 17
-  },
-  tdFirst: {
-    color: _sharedUi.night.color.text,
-    fontWeight: "500"
-  },
-  firstCol: {
-    flex: 1.4
-  },
-  kvRow: {
-    flexDirection: "row",
-    gap: 12,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    alignItems: "flex-start"
-  },
-  kvKey: {
-    width: 110,
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    paddingTop: 1
-  },
-  kvValue: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 17
-  },
-  findingFoot: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  findingCopy: {
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: _sharedUi.night.radius.badge,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  findingCopyText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "600"
-  },
-  thumb: {
-    width: 40,
-    height: 40,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  // The enlarged picture, sitting above the row it belongs to. Same height and
-  // fitting as `imageGrid`'s hero so the two blocks enlarge alike.
-  listHero: {
-    paddingHorizontal: 12,
-    paddingTop: 12
-  },
-  listHeroImage: {
-    width: "100%",
-    height: 240,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  rowAction: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  diffRow: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 3
-  },
-  diffPath: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "600",
-    letterSpacing: 0.3
-  },
-  diffLine: {
-    flexDirection: "row",
-    gap: 8,
-    alignItems: "flex-start"
-  },
-  diffMark: {
-    fontFamily: "Menlo",
-    fontSize: 12,
-    width: 10
-  },
-  diffValue: {
-    flex: 1,
-    fontFamily: "Menlo",
-    fontSize: 12,
-    lineHeight: 16
-  },
-  // The tree viewer paints its own ground; round it so it reads as a well
-  // inside the card rather than a second card butted against the first.
-  diffTree: {
-    borderRadius: _sharedUi.night.radius.row,
-    overflow: "hidden"
-  },
-  chart: {
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    gap: 8
-  },
-  barRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  barLabel: {
-    width: 96,
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  barTrack: {
-    flex: 1,
-    height: 10,
-    borderRadius: 5,
-    backgroundColor: _sharedUi.night.color.fill,
-    overflow: "hidden"
-  },
-  bar: {
-    height: 10,
-    borderRadius: 5
-  },
-  barValue: {
-    width: 72,
-    textAlign: "right",
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  step: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 9
-  },
-  stepMark: {
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    backgroundColor: _sharedUi.night.color.fillTertiary,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  stepDone: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  stepFailed: {
-    backgroundColor: _sharedUi.night.color.danger
-  },
-  stepNum: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700"
-  },
-  stepTextDone: {
-    color: _sharedUi.night.color.textSecondary
-  },
-  // The explorer draws its own rows; this is only the inset that keeps them
-  // off the card's edge, matching every other block's 12pt gutter.
-  viewer: {
-    paddingHorizontal: 4,
-    paddingBottom: 8
-  },
-  code: {
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    lineHeight: 17
-  },
-  noticeRow: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 4
-  },
-  noticeText: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  }
-});
-//# sourceMappingURL=DataBlocks.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Chart=Chart;exports.Code=Code;exports.Diff=Diff;exports.Finding=Finding;exports.KeyValue=KeyValue;exports.List=List;exports.Notice=Notice;exports.Steps=Steps;exports.Table=Table;exports.listRowBehaviour=listRowBehaviour;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _agentCore=require("@buoy-gg/agent-core");var _primitivesIndex=require("./primitivesIndex");var _Markdown=require("../components/Markdown");var _useCopyAction=require("../components/useCopyAction");var _blockText=require("./blockText");var _icons=require("./icons");var _jsxRuntime=require("react/jsx-runtime");function fmt(e){if(e===void 0)return"\u2014";if(e===null)return"null";if(typeof e==="string")return e;if(typeof e==="number"||typeof e==="boolean")return String(e);try{const t=JSON.stringify(e);return t.length>120?`${t.slice(0,117)}\u2026`:t}catch{return String(e)}}function Table({block:e}){const t=(0,_primitivesIndex.usePaged)(e.rows,_agentCore.CAPS.tableRows);const{visible:n}=t;const o=e.columns.slice(0,4);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-table-${e.id}`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tableHead,children:o.map((l,r)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.th,r===0&&styles.firstCol],numberOfLines:1,children:l},l))}),n.map((l,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.tr,r>0&&_primitivesIndex.blockStyles.rowDivider],children:o.map((i,a)=>{const s=l[a];const c=typeof s==="string"?s:s?.text??"";const d=typeof s==="string"?void 0:s?.tone;return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.td,a===0&&styles.firstCol,a===0&&styles.tdFirst,d&&{color:(0,_primitivesIndex.toneColor)(d)}],numberOfLines:2,children:(0,_Markdown.renderInline)(c,styles.td)},a)})},r)),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{paged:t})]})}function KeyValue({block:e}){const t=(0,_primitivesIndex.usePaged)(e.pairs,_agentCore.CAPS.keyValuePairs);const{visible:n}=t;const[o,l]=(0,_react.useState)(null);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-keyvalue-${e.id}`,children:[n.map((r,i)=>{const a=typeof r.value==="object"&&r.value!==null;const s=o===r.key;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:a?()=>l(s?null:r.key):void 0,style:[styles.kvRow,i>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.kvKey,numberOfLines:1,children:r.key}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.kvValue,s&&_primitivesIndex.blockStyles.mono],numberOfLines:s?void 0:2,selectable:true,children:s?JSON.stringify(r.value,null,2):fmt(r.value)})]},r.key)}),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{paged:t})]})}function listRowBehaviour(e){const t=Boolean(e.image);return{canExpand:t,rowRunsAction:Boolean(e.action)&&!t,actionIsOwnControl:Boolean(e.action)&&t}}function List({block:e}){const t=(0,_primitivesIndex.useBlockHandlers)();const n=(0,_primitivesIndex.usePaged)(e.items,_agentCore.CAPS.listItems);const{visible:o}=n;const[l,r]=(0,_react.useState)(null);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-list-${e.id}`,children:[o.map((i,a)=>{const s=`${i.id??i.title}-${a}`;const c=l===s;const{canExpand:d,rowRunsAction:u,actionIsOwnControl:f}=listRowBehaviour(i);const g=d||u?_reactNative.Pressable:_reactNative.View;const h=d?{onPress:()=>r(c?null:s),accessibilityRole:"button",accessibilityState:{expanded:c},accessibilityLabel:`${i.title}, ${c?"hide":"show"} picture`,testID:`buoy-block-list-row-${s}`}:u?{onPress:()=>void t.runAction(i.action,e.id),accessibilityRole:"button"}:{};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a>0?_primitivesIndex.blockStyles.rowDivider:void 0,children:[c&&i.image?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>r(null),accessibilityRole:"button",accessibilityLabel:`Hide ${i.title}`,testID:`buoy-block-list-hero-${s}`,style:styles.listHero,children:(0,_jsxRuntime.jsx)(_reactNative.Image,{testID:"buoy-internal-chat-image",source:{uri:i.image},style:styles.listHeroImage,resizeMode:"contain",accessibilityLabel:i.title})}):null,(0,_jsxRuntime.jsxs)(g,{...h,style:_primitivesIndex.blockStyles.row,children:[i.image&&!c?(0,_jsxRuntime.jsx)(_reactNative.Image,{testID:"buoy-internal-chat-image",source:{uri:i.image},style:styles.thumb,resizeMode:"contain",accessibilityLabel:i.title}):i.icon?(0,_jsxRuntime.jsx)(_icons.BlockIcon,{name:i.icon}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flex,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.rowTitle,i.tone&&{color:(0,_primitivesIndex.toneColor)(i.tone)}],numberOfLines:c?void 0:2,children:(0,_Markdown.renderInline)(i.title,_primitivesIndex.blockStyles.rowTitle)}),i.subtitle?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitivesIndex.blockStyles.rowSub,numberOfLines:c?void 0:2,children:(0,_Markdown.renderInline)(i.subtitle,_primitivesIndex.blockStyles.rowSub)}):null]}),i.trailing?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.rowTrailing,i.tone&&{color:(0,_primitivesIndex.toneColor)(i.tone)}],numberOfLines:1,children:i.trailing}):null,i.action?f?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>void t.runAction(i.action,e.id),accessibilityRole:"button",accessibilityLabel:i.action.label,hitSlop:8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowAction,children:i.action.label})}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowAction,children:i.action.label}):null]})]},s)}),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{paged:n})]})}function isStructured(e){return e!==null&&typeof e==="object"}function diffSummary(e){const t=e.map(r=>r.path);const n=t.slice(0,3).join(", ");const o=t.length-3;const l=t.length===1?"1 field":`${t.length} fields`;return`${l} \xB7 ${n}${o>0?`, +${o}`:""}`}function Diff({block:e}){const t=(0,_primitivesIndex.usePaged)(e.changes,_agentCore.CAPS.keyValuePairs);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title??"What changed",source:e.source,testID:`buoy-block-diff-${e.id}`,collapsible:true,summary:diffSummary(e.changes),children:[t.visible.map((n,o)=>{const l=n.before===void 0&&n.after!==void 0;const r=n.after===void 0&&n.before!==void 0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.diffRow,o>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.diffPath,numberOfLines:1,children:n.path}),isStructured(n.before)||isStructured(n.after)?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.diffTree,children:(0,_jsxRuntime.jsx)(_dataViewer.TreeDiffViewer,{oldValue:n.before,newValue:n.after,showUnchanged:false,scrollEnabled:false})}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[!l?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.diffLine,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffMark,{color:_sharedUi.night.color.danger}],children:"\u2212"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffValue,{color:_sharedUi.night.color.danger}],numberOfLines:3,selectable:true,children:fmt(n.before)})]}):null,!r?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.diffLine,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffMark,{color:_sharedUi.night.color.accent}],children:"+"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffValue,{color:_sharedUi.night.color.accent}],numberOfLines:3,selectable:true,children:fmt(n.after)})]}):null]})]},`${n.path}-${o}`)}),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{paged:t})]})}function Chart({block:e}){const t=e.bars.slice(0,_agentCore.CAPS.chartBars);const n=e.max??Math.max(1,...t.map(o=>o.value));return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-chart-${e.id}`,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chart,children:t.map((o,l)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.barRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.barLabel,numberOfLines:1,children:o.label}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.barTrack,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.bar,{width:`${Math.max(2,Math.round(o.value/n*100))}%`,backgroundColor:(0,_primitivesIndex.toneColor)(o.tone??"accent")}]})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.barValue,numberOfLines:1,children:[o.value,o.unit?` ${o.unit}`:""]})]},`${o.label}-${l}`))})})}function Steps({block:e}){return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,testID:`buoy-block-steps-${e.id}`,children:e.steps.map((t,n)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.step,n>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.stepMark,t.state==="done"&&styles.stepDone,t.state==="failed"&&styles.stepFailed],children:t.state==="done"?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:10,color:_sharedUi.night.color.onAccent}):t.state==="failed"?(0,_jsxRuntime.jsx)(_sharedUi.X,{size:10,color:_sharedUi.night.color.text}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepNum,children:n+1})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.rowTitle,t.state==="done"&&styles.stepTextDone],children:t.text})]},n))})}function parseJson(e){try{const t=JSON.parse(e);return t!==null&&typeof t==="object"?t:void 0}catch{return void 0}}function JsonCode({block:e,value:t}){return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,testID:`buoy-block-code-${e.id}`,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.viewer,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:e.title??"Payload",data:t,initialExpanded:true,showTypeFilter:false,testIDPrefix:`buoy-block-code-${e.id}`})})})}function TextCode({block:e}){return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,testID:`buoy-block-code-${e.id}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.mono,styles.code],selectable:true,children:e.text})})}function Code({block:e}){const t=parseJson(e.text);if(t===void 0)return(0,_jsxRuntime.jsx)(TextCode,{block:e});return(0,_jsxRuntime.jsx)(JsonCode,{block:e,value:t})}function Notice({block:e}){const t=e.tone==="danger"?_sharedUi.night.color.danger:e.tone==="warning"?_sharedUi.night.color.warning:_sharedUi.night.color.info;const n=e.tone==="info"?_sharedUi.Info:_sharedUi.AlertTriangle;return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{tone:e.tone,testID:`buoy-block-notice-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.noticeRow,children:[(0,_jsxRuntime.jsx)(n,{size:14,color:t}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,children:e.text})]}),(0,_jsxRuntime.jsx)(_primitivesIndex.ActionRow,{actions:e.actions,blockId:e.id})]})}function Finding({block:e}){const{copied:t,copy:n}=(0,_useCopyAction.useCopyAction)(()=>(0,_blockText.blockToText)(e)??e.title);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-finding-${e.id}`,tone:"warning",children:[e.evidence.map((o,l)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.kvRow,l>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.kvKey,numberOfLines:1,children:o.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.kvValue,o.tone&&{color:(0,_primitivesIndex.toneColor)(o.tone)}],selectable:true,children:o.value})]},`${o.label}-${l}`)),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.findingFoot,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:`buoy-block-finding-copy-${e.id}`,accessibilityRole:"button",accessibilityLabel:t?"Copied":"Copy this finding",onPress:n,style:({pressed:o})=>[styles.findingCopy,o&&{opacity:.7}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.findingCopyText,t&&{color:_sharedUi.night.color.accent}],children:t?"Copied":"Copy finding"})})}),(0,_jsxRuntime.jsx)(_primitivesIndex.ActionRow,{actions:e.actions,blockId:e.id})]})}const styles=_reactNative.StyleSheet.create({flex:{flex:1},tableHead:{flexDirection:"row",paddingHorizontal:12,paddingVertical:6,gap:8,backgroundColor:_sharedUi.night.color.fill},th:{flex:1,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},tr:{flexDirection:"row",paddingHorizontal:12,paddingVertical:8,gap:8,alignItems:"center"},td:{flex:1,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:17},tdFirst:{color:_sharedUi.night.color.text,fontWeight:"500"},firstCol:{flex:1.4},kvRow:{flexDirection:"row",gap:12,paddingHorizontal:12,paddingVertical:8,alignItems:"flex-start"},kvKey:{width:110,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,paddingTop:1},kvValue:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:17},findingFoot:{flexDirection:"row",paddingHorizontal:12,paddingVertical:8,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},findingCopy:{paddingHorizontal:10,paddingVertical:5,borderRadius:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.fill},findingCopyText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},thumb:{width:40,height:40,borderRadius:8,backgroundColor:_sharedUi.night.color.fill},listHero:{paddingHorizontal:12,paddingTop:12},listHeroImage:{width:"100%",height:240,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.fill},rowAction:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},diffRow:{paddingHorizontal:12,paddingVertical:8,gap:3},diffPath:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,fontWeight:"600",letterSpacing:.3},diffLine:{flexDirection:"row",gap:8,alignItems:"flex-start"},diffMark:{fontFamily:"Menlo",fontSize:12,width:10},diffValue:{flex:1,fontFamily:"Menlo",fontSize:12,lineHeight:16},diffTree:{borderRadius:_sharedUi.night.radius.row,overflow:"hidden"},chart:{paddingHorizontal:12,paddingVertical:10,gap:8},barRow:{flexDirection:"row",alignItems:"center",gap:8},barLabel:{width:96,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},barTrack:{flex:1,height:10,borderRadius:5,backgroundColor:_sharedUi.night.color.fill,overflow:"hidden"},bar:{height:10,borderRadius:5},barValue:{width:72,textAlign:"right",color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},step:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:9},stepMark:{width:20,height:20,borderRadius:10,backgroundColor:_sharedUi.night.color.fillTertiary,alignItems:"center",justifyContent:"center"},stepDone:{backgroundColor:_sharedUi.night.color.accent},stepFailed:{backgroundColor:_sharedUi.night.color.danger},stepNum:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.micro,fontWeight:"700"},stepTextDone:{color:_sharedUi.night.color.textSecondary},viewer:{paddingHorizontal:4,paddingBottom:8},code:{paddingHorizontal:12,paddingVertical:10,lineHeight:17},noticeRow:{flexDirection:"row",alignItems:"flex-start",gap:8,paddingHorizontal:12,paddingTop:10,paddingBottom:4},noticeText:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:18}});