@ag2/weave 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { forwardRef, createContext, useContext, useRef, useCallback, useEffect, useLayoutEffect, useState, useMemo } from "react";
+import { forwardRef, createContext, useContext, useRef, useCallback, useEffect, useLayoutEffect, useState, useMemo, useId } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import classNames from "classnames";
 import { createPortal } from "react-dom";
@@ -385,12 +385,12 @@ const Button = as(
   )
 );
 const Icon_css_ts_vanilla = "";
-var Icon$1 = createRuntimeFn({ defaultClassName: "b6us30 _8nex5a1 _8nex5a0", variantClassNames: { size: { "50": "ebramc7", "100": "ebramc8", "200": "ebramc9", "300": "ebramca", "400": "ebramcb", "500": "ebramcc", "600": "ebramcd", Inherit: "ebramc6" } }, defaultVariants: { size: "400" }, compoundVariants: [] });
-const Icon = forwardRef(
+var Icon$2 = createRuntimeFn({ defaultClassName: "b6us30 _8nex5a1 _8nex5a0", variantClassNames: { size: { "50": "ebramc7", "100": "ebramc8", "200": "ebramc9", "300": "ebramca", "400": "ebramcb", "500": "ebramcc", "600": "ebramcd", Inherit: "ebramc6" } }, defaultVariants: { size: "400" }, compoundVariants: [] });
+const Icon$1 = forwardRef(
   ({ className, size, filled = false, src, ...props }, ref) => /* @__PURE__ */ jsx(
     "svg",
     {
-      className: classNames(Icon$1({ size }), className),
+      className: classNames(Icon$2({ size }), className),
       focusable: "false",
       viewBox: "0 0 24 24",
       fill: "none",
@@ -3057,7 +3057,7 @@ var CheckboxInput = "_1q56jo2g _8nex5a1 _8nex5a0 x4g6300 x4g6301";
 const Checkbox = forwardRef(
   ({ className, variant, size, style, ...props }, ref) => /* @__PURE__ */ jsxs("span", { className: classNames(Checkbox$1({ variant, size }), className), style, children: [
     /* @__PURE__ */ jsx("input", { className: CheckboxInput, type: "checkbox", ...props, ref }),
-    /* @__PURE__ */ jsx(Icon, { className: CheckboxIcon, "aria-hidden": true, size, src: Icons.Check })
+    /* @__PURE__ */ jsx(Icon$1, { className: CheckboxIcon, "aria-hidden": true, size, src: Icons.Check })
   ] })
 );
 const Chip_css_ts_vanilla = "";
@@ -3447,7 +3447,7 @@ const Switch = forwardRef(
         onClick: handleClick,
         ...props,
         ref,
-        children: /* @__PURE__ */ jsx("span", { className: SwitchThumb, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { src: Icons.Check, size: "100" }) })
+        children: /* @__PURE__ */ jsx("span", { className: SwitchThumb, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon$1, { src: Icons.Check, size: "100" }) })
       }
     );
   }
@@ -4777,12 +4777,12 @@ const PageHeroSection = as(
   )
 );
 const PageHero = ({
-  icon,
+  icon: icon2,
   title,
   subTitle,
   children
 }) => /* @__PURE__ */ jsxs(Box, { direction: "Column", gap: "400", children: [
-  /* @__PURE__ */ jsx(Box, { direction: "Column", alignItems: "Center", gap: "200", children: icon }),
+  /* @__PURE__ */ jsx(Box, { direction: "Column", alignItems: "Center", gap: "200", children: icon2 }),
   /* @__PURE__ */ jsxs(Box, { as: "h2", direction: "Column", gap: "200", alignItems: "Center", children: [
     /* @__PURE__ */ jsx(Text, { align: "Center", size: "H2", children: title }),
     /* @__PURE__ */ jsx(Text, { align: "Center", priority: "400", children: subTitle })
@@ -4821,7 +4821,478 @@ const NavCollapseRow = () => {
     }
   );
 };
+const blueAccent = {
+  dark: {
+    solid: "#2c72cf",
+    onSolid: "#ffffff",
+    hover: "#2364bc",
+    pressed: "#194e96",
+    secondary: "#294e7b",
+    onSecondary: "#f1f6ff",
+    secondaryHover: "#203f66",
+    secondaryPressed: "#172f4e",
+    focus: "#7cc4ff",
+    mention: "#203447",
+    onMention: "#b8dcff"
+  },
+  light: {
+    solid: "#2469c2",
+    onSolid: "#ffffff",
+    hover: "#1c58a5",
+    pressed: "#174886",
+    secondary: "#294e7b",
+    onSecondary: "#f1f6ff",
+    secondaryHover: "#203f66",
+    secondaryPressed: "#172f4e",
+    focus: "#1f6fd0",
+    mention: "#e1edfc",
+    onMention: "#18579f"
+  }
+};
+const fixed = {
+  dark: {
+    surface: "#111318",
+    inset: "#171a20",
+    line: "#232830",
+    text: "#e6e8ec",
+    body: "#c9ced6",
+    secondary: "#9aa3ad",
+    status: {
+      success: { solid: "#74c596", onSolid: "#0b2315", soft: "#233d32" },
+      warning: { solid: "#f0ad67", onSolid: "#201408", soft: "#453322" },
+      info: { solid: "#74b9f5", onSolid: "#0b2136", soft: "#243b55" },
+      critical: { solid: "#e0806f", onSolid: "#281411", soft: "#302224" },
+      neutral: { solid: "#9aa3ad", onSolid: "#111318", soft: "#242830" }
+    }
+  },
+  light: {
+    surface: "#ffffff",
+    inset: "#f0f1f4",
+    line: "#e1e4e9",
+    text: "#14171c",
+    body: "#3a414b",
+    secondary: "#5f6873",
+    status: {
+      success: { solid: "#28764b", onSolid: "#ffffff", soft: "#e7f0eb" },
+      warning: { solid: "#9b5417", onSolid: "#ffffff", soft: "#f6eee6" },
+      info: { solid: "#246ab8", onSolid: "#ffffff", soft: "#e7eff7" },
+      critical: { solid: "#a94332", onSolid: "#ffffff", soft: "#f8e8e4" },
+      neutral: { solid: "#5f6873", onSolid: "#ffffff", soft: "#eceef1" }
+    }
+  }
+};
+const resolveCurrentPalette = (mode, accent = blueAccent) => ({
+  ...fixed[mode],
+  accent: accent[mode]
+});
+const motion = {
+  open: 240,
+  close: 180,
+  openEasing: "cubic-bezier(.2,0,0,1)",
+  closeEasing: "cubic-bezier(.4,0,1,1)"
+};
+const theme_css_ts_vanilla = "";
+var current = { surface: "var(--_1fitmnc1)", inset: "var(--_1fitmnc2)", line: "var(--_1fitmnc3)", text: "var(--_1fitmnc4)", body: "var(--_1fitmnc5)", secondary: "var(--_1fitmnc6)", status: { success: { solid: "var(--_1fitmnc7)", onSolid: "var(--_1fitmnc8)", soft: "var(--_1fitmnc9)" }, warning: { solid: "var(--_1fitmnca)", onSolid: "var(--_1fitmncb)", soft: "var(--_1fitmncc)" }, info: { solid: "var(--_1fitmncd)", onSolid: "var(--_1fitmnce)", soft: "var(--_1fitmncf)" }, critical: { solid: "var(--_1fitmncg)", onSolid: "var(--_1fitmnch)", soft: "var(--_1fitmnci)" }, neutral: { solid: "var(--_1fitmncj)", onSolid: "var(--_1fitmnck)", soft: "var(--_1fitmncl)" } }, accent: { solid: "var(--_1fitmncm)", onSolid: "var(--_1fitmncn)", hover: "var(--_1fitmnco)", pressed: "var(--_1fitmncp)", secondary: "var(--_1fitmncq)", onSecondary: "var(--_1fitmncr)", secondaryHover: "var(--_1fitmncs)", secondaryPressed: "var(--_1fitmnct)", focus: "var(--_1fitmncu)", mention: "var(--_1fitmncv)", onMention: "var(--_1fitmncw)" } };
+var darkClass = "_1fitmnc0";
+var lightClass = "_1fitmncx";
+const primitives_css_ts_vanilla = "";
+var action = "_9yk004z";
+var actionGroup = "_9yk004y";
+var actionSection = "_9yk004x";
+var author = "_9yk0040";
+var authorMissing = "_9yk0042";
+var authorName = "_9yk0041";
+var badge = "_9yk004j";
+var boundary = "_9yk0044";
+var card = "_9yk0045";
+var chevron = "_9yk004n";
+var control = "_9yk004m";
+var details = "_9yk004o";
+var finding = "_9yk004q";
+var findingBody = "_9yk004u";
+var findingTitle = "_9yk004s";
+var findingToggle = "_9yk004r _9yk004m";
+var findings = "_9yk004p";
+var header = "_9yk004d";
+var hint = "_9yk00411";
+var icon = "_9yk004h";
+var identity = "_9yk004e";
+var member = "_9yk00414";
+var mentionLabel = "_9yk00413";
+var mentions = "_9yk00412";
+var meta = "_9yk004w";
+var mono = "_9yk004g";
+var overview = "_9yk004k";
+var ownMention = "_9yk00415";
+var ownedCard = "_9yk0046";
+var paragraph = "_9yk004v";
+var prLink = "_9yk004f";
+var prRef = "_9yk0043";
+var primaryAction = "_9yk00410";
+var severity$1 = "_9yk004t";
+var summary = "_9yk004l";
+var tones = { success: "_9yk0048", warning: "_9yk0049", info: "_9yk004a", critical: "_9yk004b", neutral: "_9yk004c" };
+var typeIcon = "_9yk004i";
+var verdictIcon = "_9yk0047";
+const primitives_css = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  action,
+  actionGroup,
+  actionSection,
+  author,
+  authorMissing,
+  authorName,
+  badge,
+  boundary,
+  card,
+  chevron,
+  control,
+  details,
+  finding,
+  findingBody,
+  findingTitle,
+  findingToggle,
+  findings,
+  header,
+  hint,
+  icon,
+  identity,
+  member,
+  mentionLabel,
+  mentions,
+  meta,
+  mono,
+  overview,
+  ownMention,
+  ownedCard,
+  paragraph,
+  prLink,
+  prRef,
+  primaryAction,
+  severity: severity$1,
+  summary,
+  tones,
+  typeIcon,
+  verdictIcon
+}, Symbol.toStringTag, { value: "Module" }));
+const fonts = "";
+const Context = createContext({
+  mode: "light",
+  accent: blueAccent
+});
+function CurrentProvider({
+  mode,
+  accent = blueAccent,
+  children
+}) {
+  const value = useMemo(() => ({ mode, accent }), [mode, accent]);
+  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+}
+function CurrentBoundary({
+  children,
+  className
+}) {
+  const { mode, accent } = useContext(Context);
+  const style = Object.fromEntries(
+    Object.entries(current.accent).map(([key, variable]) => [
+      variable.slice(4, -1),
+      accent[mode][key]
+    ])
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${mode === "dark" ? darkClass : lightClass} ${boundary}${className ? ` ${className}` : ""}`,
+      style,
+      "data-ag2-design": "current",
+      children
+    }
+  );
+}
+function Disclosure({
+  open,
+  id,
+  children
+}) {
+  const ref = useRef(null);
+  const animation = useRef();
+  const [mounted, setMounted] = useState(open);
+  useLayoutEffect(() => {
+    var _a;
+    if (open && !mounted) {
+      setMounted(true);
+      return;
+    }
+    const element = ref.current;
+    if (!element)
+      return;
+    const { height } = element.getBoundingClientRect();
+    const { opacity } = getComputedStyle(element);
+    (_a = animation.current) == null ? void 0 : _a.cancel();
+    const finish = () => {
+      element.style.height = open ? "auto" : "0px";
+      element.style.opacity = open ? "1" : "0";
+      if (!open)
+        setMounted(false);
+    };
+    if (!element.animate || matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      finish();
+      return;
+    }
+    element.style.height = open ? "auto" : "0px";
+    const target = open ? element.scrollHeight : 0;
+    element.style.height = `${height}px`;
+    const run = element.animate(
+      [
+        { height: `${height}px`, opacity },
+        { height: `${target}px`, opacity: open ? 1 : 0 }
+      ],
+      {
+        duration: open ? motion.open : motion.close,
+        easing: open ? motion.openEasing : motion.closeEasing,
+        fill: "forwards"
+      }
+    );
+    animation.current = run;
+    run.onfinish = () => {
+      finish();
+      run.cancel();
+    };
+  }, [open, mounted]);
+  useLayoutEffect(() => () => {
+    var _a;
+    return (_a = animation.current) == null ? void 0 : _a.cancel();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      id,
+      "aria-hidden": !open,
+      ...!open ? { inert: "" } : {},
+      style: { overflow: "hidden", height: 0, opacity: 0 },
+      children: mounted && children
+    }
+  );
+}
+const paths = {
+  "comment-bold": "M172,108a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,108Zm-12,28H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24Zm76-8A108,108,0,0,1,78.77,224.15L46.34,235A20,20,0,0,1,21,209.66l10.81-32.43A108,108,0,1,1,236,128Zm-24,0A84,84,0,1,0,55.27,170.06a12,12,0,0,1,1,9.81l-9.93,29.79,29.79-9.93a12.1,12.1,0,0,1,3.8-.62,12,12,0,0,1,6,1.62A84,84,0,0,0,212,128Z",
+  chevron: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z",
+  check: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z",
+  warning: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm-12-80V80a12,12,0,0,1,24,0v52a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,172Z",
+  comment: "M168,112a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,112Zm-8,24H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm72-8A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z",
+  agent: "M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z",
+  people: "M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z",
+  "pull-request": "M104,64A32,32,0,1,0,64,95v66a32,32,0,1,0,16,0V95A32.06,32.06,0,0,0,104,64ZM56,64A16,16,0,1,1,72,80,16,16,0,0,1,56,64ZM88,192a16,16,0,1,1-16-16A16,16,0,0,1,88,192Zm120-31V110.63a23.85,23.85,0,0,0-7-17L163.31,56H192a8,8,0,0,0,0-16H144a8,8,0,0,0-8,8V96a8,8,0,0,0,16,0V67.31L189.66,105a8,8,0,0,1,2.34,5.66V161a32,32,0,1,0,16,0Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,200,208Z",
+  clock: "M140,80v41.21l34.17,20.5a12,12,0,1,1-12.34,20.58l-40-24A12,12,0,0,1,116,128V80a12,12,0,0,1,24,0ZM128,28A99.38,99.38,0,0,0,57.24,57.34c-4.69,4.74-9,9.37-13.24,14V64a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H72a12,12,0,0,0,0-24H57.77C63,86,68.37,80.22,74.26,74.26a76,76,0,1,1,1.58,109,12,12,0,0,0-16.48,17.46A100,100,0,1,0,128,28Z"
+};
+function Icon({
+  name,
+  size = 16,
+  verdict = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: verdict ? "20 20 216 216" : "0 0 256 256",
+      style: verdict && name === "check" ? { stroke: "currentColor", strokeWidth: 5, strokeLinejoin: "round" } : void 0,
+      className: icon,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx("path", { d: paths[name] })
+    }
+  );
+}
+const verdicts = {
+  approve: { label: "Approved", tone: "success", icon: "check" },
+  request_changes: { label: "Changes requested", tone: "warning", icon: "warning" },
+  comment: { label: "Comment", tone: "info", icon: "comment" }
+};
+const freshness = {
+  current: "Current when reviewed",
+  outdated: "Older commit",
+  unknown: "Freshness unknown"
+};
+const severity = { high: "critical", medium: "warning", low: "neutral", info: "info" };
+function Chevron() {
+  return /* @__PURE__ */ jsx("span", { className: chevron, children: /* @__PURE__ */ jsx(Icon, { name: "chevron", size: 12 }) });
+}
+function Finding({ finding: finding$1 }) {
+  const [open, setOpen] = useState(false);
+  const id = useId();
+  return /* @__PURE__ */ jsxs("div", { className: `${finding} ${tones[severity[finding$1.severity]]}`, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: findingToggle,
+        "aria-expanded": open,
+        "aria-controls": id,
+        onClick: () => setOpen(!open),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: severity$1, children: finding$1.severity }),
+          /* @__PURE__ */ jsx("span", { className: findingTitle, children: finding$1.title }),
+          /* @__PURE__ */ jsx(Chevron, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Disclosure, { id, open, children: /* @__PURE__ */ jsxs("div", { className: findingBody, children: [
+      finding$1.location && /* @__PURE__ */ jsxs("code", { className: mono, children: [
+        finding$1.location.path,
+        ":",
+        finding$1.location.line
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: paragraph, children: finding$1.description }),
+      finding$1.requested_change && /* @__PURE__ */ jsxs("p", { className: paragraph, children: [
+        /* @__PURE__ */ jsx("strong", { children: "Requested change: " }),
+        finding$1.requested_change
+      ] })
+    ] }) })
+  ] });
+}
+function CurrentReviewCard({
+  authorLogin,
+  owned = false,
+  review,
+  actions,
+  members = []
+}) {
+  var _a;
+  const [expanded, setExpanded] = useState(false);
+  const detailsId = useId();
+  const verdict = verdicts[review.verdict];
+  const title = (_a = review.title) == null ? void 0 : _a.trim();
+  const ref = `${review.repo} #${review.number}`;
+  return /* @__PURE__ */ jsx(CurrentBoundary, { children: /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: `${card} ${tones[verdict.tone]} ${owned ? ownedCard : ""}`,
+      "aria-label": owned ? "PR review of your pull request" : "PR review",
+      "data-owned": owned,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: header, children: [
+          /* @__PURE__ */ jsxs("div", { className: identity, children: [
+            /* @__PURE__ */ jsx("span", { className: typeIcon, children: /* @__PURE__ */ jsx(Icon, { name: "pull-request", size: 20 }) }),
+            review.url ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                className: prLink,
+                "data-expanded": expanded,
+                title: expanded ? void 0 : title || ref,
+                href: review.url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: title || ref
+              }
+            ) : /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: prLink,
+                "data-expanded": expanded,
+                title: expanded ? void 0 : title,
+                children: title || ref
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: badge, children: verdict.label })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: verdictIcon, children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: review.verdict === "comment" ? "comment-bold" : verdict.icon,
+              size: 32,
+              verdict: true
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: author, children: [
+            title && /* @__PURE__ */ jsx("span", { className: prRef, children: ref }),
+            authorLogin ? /* @__PURE__ */ jsxs("span", { className: authorName, children: [
+              "@",
+              authorLogin.replace(/^@/, "")
+            ] }) : /* @__PURE__ */ jsx("span", { className: authorMissing, children: "PR author unavailable" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: overview, children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: summary,
+                "data-expanded": expanded,
+                title: expanded ? void 0 : review.summary,
+                children: review.summary
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: control,
+                "aria-expanded": expanded,
+                "aria-controls": detailsId,
+                "aria-label": `${expanded ? "Collapse" : "Expand"} review, ${review.findings.length} findings`,
+                onClick: () => setExpanded(!expanded),
+                children: [
+                  review.findings.length,
+                  " finding",
+                  review.findings.length === 1 ? "" : "s",
+                  /* @__PURE__ */ jsx(Chevron, {})
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Disclosure, { id: detailsId, open: expanded, children: /* @__PURE__ */ jsxs("div", { className: details, children: [
+          review.findings.length > 0 && /* @__PURE__ */ jsx("div", { className: findings, children: review.findings.map((finding2) => /* @__PURE__ */ jsx(Finding, { finding: finding2 }, finding2.id)) }),
+          /* @__PURE__ */ jsxs("div", { className: meta, children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Reviewed ",
+              /* @__PURE__ */ jsx("code", { className: mono, children: review.reviewed_commit.slice(0, 12) })
+            ] }),
+            /* @__PURE__ */ jsx("span", { children: freshness[review.freshness] }),
+            /* @__PURE__ */ jsx("span", { children: "Room review only · not submitted to GitHub" })
+          ] }),
+          actions
+        ] }) }),
+        members.length > 0 && /* @__PURE__ */ jsxs("div", { className: mentions, children: [
+          /* @__PURE__ */ jsx("span", { className: mentionLabel, children: "Mentions" }),
+          members.map((member$1) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              title: member$1.id,
+              className: `${member} ${member$1.isSelf ? ownMention : ""}`,
+              children: [
+                "@",
+                member$1.name
+              ]
+            },
+            member$1.id
+          ))
+        ] })
+      ]
+    }
+  ) });
+}
+function ActionGroup({ actions, hint: hint$1 }) {
+  return /* @__PURE__ */ jsxs("div", { className: actionSection, children: [
+    /* @__PURE__ */ jsx("div", { className: actionGroup, role: "group", "aria-label": "Draft a PR request", children: actions.map((action$1) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: `${action} ${action$1.primary ? primaryAction : ""}`,
+        title: action$1.title,
+        onClick: action$1.onClick,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: action$1.icon }),
+          action$1.label
+        ]
+      },
+      action$1.id
+    )) }),
+    /* @__PURE__ */ jsx("p", { className: hint, role: "status", children: hint$1 })
+  ] });
+}
 export {
+  ActionGroup,
   AgentGlyph,
   AgentMark,
   AgentNameTag,
@@ -4836,13 +5307,18 @@ export {
   Chip,
   ComposeIcon,
   CrossSizeVariant,
+  CurrentBoundary,
+  Icon as CurrentIcon,
+  CurrentProvider,
+  CurrentReviewCard,
   CutoutCard,
   DefaultReset,
   Dialog,
   Disabled,
+  Disclosure,
   FocusOutline,
   Header,
-  Icon,
+  Icon$1 as Icon,
   IconButton,
   Icons,
   InfoCard,
@@ -4907,16 +5383,23 @@ export {
   TooltipProvider,
   TypingIndicator,
   as,
+  blueAccent,
   color,
   config,
   configClass,
+  current,
+  primitives_css as currentPrimitives,
+  darkClass,
   getRelativeFixedPosition,
   getResizeObserverEntry,
   getScreenSize,
+  lightClass,
   lightTheme,
+  motion,
   mountAliveMark,
   percent,
   pxToRem,
+  resolveCurrentPalette,
   toRem,
   useElementSizeObserver,
   useOverlayContainer,