@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-I7XIZRFD.js

@@ -0,0 +1,390 @@
+"use client";
+import {
+  FormDialog
+} from "./chunk-ZYAZUPPV.js";
+import {
+  InlineDisabledReason
+} from "./chunk-3CPWWGNK.js";
+import {
+  MENU_CHECK_CLASS,
+  MENU_SEPARATOR_CLASS,
+  MENU_SURFACE_CLASS
+} from "./chunk-5OTQA7CM.js";
+import {
+  ReasonTooltip
+} from "./chunk-UX3XHFRX.js";
+import {
+  containedPortal
+} from "./chunk-UD6AAZSC.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/ui/role-select.tsx
+import { useId, useState } from "react";
+import { CheckIcon, ChevronDownIcon, LoaderCircleIcon, LockIcon } from "lucide-react";
+import { RadioGroup as RadioGroupPrimitive, Select as SelectPrimitive } from "radix-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SelectContainedPortal = containedPortal(SelectPrimitive.Portal);
+var CUSTOM_ROLE_LABEL = "Custom (set via API)";
+var CUSTOM_ROLE_DESCRIPTION = "Hand-picked permissions from the API. Pick a role to replace them.";
+var NO_ACCESS_DESCRIPTION = "Can't open this workspace.";
+var NONE = "__none";
+var CUSTOM = "__custom";
+function toKey(value) {
+  if (value === null) return NONE;
+  if (value === "custom") return CUSTOM;
+  return value;
+}
+function withArticle(label) {
+  const lower = label.toLowerCase();
+  return `${/^[aeiou]/.test(lower) ? "an" : "a"} ${lower}`;
+}
+function roleLabel(roles, value, {
+  noAccessLabel = "No access",
+  customLabel = CUSTOM_ROLE_LABEL
+} = {}) {
+  if (value === null) return noAccessLabel;
+  if (value === "custom") return customLabel;
+  return roles.find((role) => role.id === value)?.label ?? value;
+}
+function needsEscalationConfirm(roles, from, to) {
+  if (to === null || to === from) return false;
+  return Boolean(roles.find((role) => role.id === to)?.escalation);
+}
+var menuContent = cn(
+  MENU_SURFACE_CLASS,
+  "z-50 max-h-(--radix-select-content-available-height) w-[min(19rem,calc(100vw-24px))] min-w-(--radix-select-trigger-width) overflow-hidden p-0"
+);
+var menuItem = "relative flex min-h-8 cursor-pointer flex-col items-start rounded-[10px] py-1.5 pr-9 pl-2.5 text-left outline-hidden select-none data-[disabled]:cursor-not-allowed data-[highlighted]:bg-surface-2 pointer-coarse:min-h-11";
+var fieldTrigger = "border border-border bg-surface px-3 hover:border-border-strong data-[state=open]:border-border-strong";
+function MenuItem({
+  value,
+  label,
+  description,
+  disabled,
+  muted
+}) {
+  return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { value, disabled: disabled ?? false, className: menuItem, children: [
+    /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx("span", { className: cn("text-sm", muted || disabled ? "text-fg-muted" : "text-fg"), children: label }) }),
+    /* @__PURE__ */ jsx("span", { className: "mt-0.5 text-xs leading-4.5 text-fg-muted", children: description }),
+    /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { className: "absolute top-2 right-2.5", children: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: MENU_CHECK_CLASS }) })
+  ] });
+}
+function RoleSelect({
+  roles,
+  value,
+  onValueChange,
+  variant = "field",
+  size = "sm",
+  noAccessLabel,
+  customLabel = CUSTOM_ROLE_LABEL,
+  subjectName,
+  disabled,
+  disabledReason,
+  pending: pendingProp,
+  align = "end",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  id,
+  className
+}) {
+  const [saving, setSaving] = useState(void 0);
+  const [confirming, setConfirming] = useState(null);
+  const reasonId = useId();
+  const shown = saving !== void 0 ? saving : value;
+  const pending = pendingProp || saving !== void 0;
+  const isDisabled = disabled || Boolean(disabledReason);
+  const label = roleLabel(roles, shown, { noAccessLabel, customLabel });
+  const accessibleName = ariaLabel ?? (subjectName ? `Role for ${subjectName}` : "Role");
+  const commit = async (next) => {
+    if (!onValueChange) return;
+    const result = onValueChange(next);
+    if (result && typeof result.then === "function") {
+      setSaving(next);
+      try {
+        await result;
+      } finally {
+        setSaving(void 0);
+      }
+    }
+  };
+  const choose = (next) => {
+    if (next === shown) return;
+    if (needsEscalationConfirm(roles, shown, next)) {
+      setConfirming(roles.find((role) => role.id === next) ?? null);
+      return;
+    }
+    void commit(next);
+  };
+  const confirmation = confirming ? /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open: true,
+      size: "sm",
+      onOpenChange: (open) => {
+        if (!open) setConfirming(null);
+      },
+      title: `Make ${subjectName ?? "this person"} ${withArticle(confirming.label)}?`,
+      description: typeof confirming.escalation === "string" ? confirming.escalation : confirming.description,
+      submitLabel: `Make ${confirming.label.toLowerCase()}`,
+      initialFocus: "cancel",
+      onSubmit: () => {
+        const next = confirming.id;
+        setConfirming(null);
+        void commit(next);
+      }
+    }
+  ) : null;
+  if (variant === "text") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        id,
+        className: cn(
+          "inline-flex min-w-0 items-center gap-1.5 text-sm",
+          shown === null ? "text-fg-subtle" : "text-fg-muted",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+      }
+    );
+  }
+  if (variant === "list") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        RadioGroupPrimitive.Root,
+        {
+          id,
+          value: toKey(shown),
+          onValueChange: (key) => choose(key === NONE ? null : key),
+          disabled: isDisabled || pending,
+          "aria-label": ariaLabelledBy ? void 0 : accessibleName,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": disabledReason ? reasonId : void 0,
+          "aria-busy": pending || void 0,
+          className: cn("flex min-w-0 flex-col gap-0.5", className),
+          children: [
+            shown === "custom" ? /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-start gap-3 rounded-[10px] border border-dashed border-border px-3 py-2.5", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "mt-0.5 grid size-4 shrink-0 place-items-center rounded-full border border-brand",
+                  children: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-brand" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-fg", children: customLabel }),
+                /* @__PURE__ */ jsx("span", { className: "block text-xs leading-4.5 text-fg-muted", children: CUSTOM_ROLE_DESCRIPTION })
+              ] })
+            ] }) : null,
+            noAccessLabel ? /* @__PURE__ */ jsx(ListOption, { value: NONE, label: noAccessLabel, description: NO_ACCESS_DESCRIPTION }) : null,
+            roles.map((role) => /* @__PURE__ */ jsx(
+              ListOption,
+              {
+                value: role.id,
+                label: role.label,
+                description: role.disabledReason ?? role.description,
+                disabled: Boolean(role.disabledReason),
+                saving: pending && saving === role.id
+              },
+              role.id
+            ))
+          ]
+        }
+      ),
+      disabledReason ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(InlineDisabledReason, { id: reasonId, children: disabledReason }) }) : null,
+      confirmation
+    ] });
+  }
+  const cell = variant === "cell";
+  const triggerShape = cn(
+    "group/role inline-flex w-full min-w-0 items-center justify-between gap-2 rounded-[10px] text-sm transition-colors duration-[120ms]",
+    cell ? "h-8 px-2 hover:bg-surface-2 data-[state=open]:bg-surface-2 pointer-coarse:h-11" : cn(fieldTrigger, size === "md" ? "h-9 pointer-coarse:h-11" : "h-8 pointer-coarse:h-11"),
+    className
+  );
+  if (disabledReason) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ReasonTooltip, { reason: disabledReason, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          id,
+          "aria-disabled": "true",
+          "aria-label": ariaLabelledBy ? void 0 : `${accessibleName}: ${label}`,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": reasonId,
+          "data-locked": "",
+          className: cn(
+            triggerShape,
+            "cursor-not-allowed",
+            cell ? "text-fg-muted hover:bg-transparent" : "bg-surface-2 text-fg-muted hover:border-border"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: label }),
+            /* @__PURE__ */ jsx(LockIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-fg-subtle" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx("span", { id: reasonId, className: "sr-only", children: disabledReason })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      SelectPrimitive.Root,
+      {
+        value: toKey(shown),
+        onValueChange: (key) => choose(key === NONE ? null : key),
+        disabled: disabled || pending,
+        children: [
+          /* @__PURE__ */ jsxs(
+            SelectPrimitive.Trigger,
+            {
+              id,
+              "aria-label": ariaLabelledBy ? void 0 : `${accessibleName}: ${label}`,
+              "aria-labelledby": ariaLabelledBy,
+              "aria-busy": pending || void 0,
+              className: cn(
+                triggerShape,
+                "disabled:cursor-not-allowed",
+                cell ? "disabled:hover:bg-transparent" : "disabled:bg-surface-2 disabled:text-fg-muted disabled:hover:border-border",
+                // Saving keeps the look of an enabled control; only the spinner says so.
+                pending && !cell && "disabled:bg-surface disabled:text-fg"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "min-w-0 truncate",
+                      shown === null ? "text-fg-subtle" : disabled ? "text-fg-muted" : "text-fg"
+                    ),
+                    children: /* @__PURE__ */ jsx(SelectPrimitive.Value, { children: label })
+                  }
+                ),
+                pending ? /* @__PURE__ */ jsx(
+                  LoaderCircleIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-4 shrink-0 text-fg-subtle motion-safe:animate-spin"
+                  }
+                ) : disabled ? null : /* @__PURE__ */ jsx(
+                  ChevronDownIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "size-4 shrink-0 text-fg-subtle transition-[opacity,transform] duration-[120ms] group-data-[state=open]/role:rotate-180",
+                      cell && "opacity-0 group-hover/role:opacity-100 group-focus-visible/role:opacity-100 group-data-[state=open]/role:opacity-100 pointer-coarse:opacity-100"
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContainedPortal, { children: /* @__PURE__ */ jsx(
+            SelectPrimitive.Content,
+            {
+              position: "popper",
+              side: "bottom",
+              align,
+              sideOffset: 6,
+              collisionPadding: 12,
+              className: menuContent,
+              children: /* @__PURE__ */ jsxs(SelectPrimitive.Viewport, { className: "p-1.5", children: [
+                shown === "custom" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    MenuItem,
+                    {
+                      value: CUSTOM,
+                      label: customLabel,
+                      description: CUSTOM_ROLE_DESCRIPTION,
+                      disabled: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(SelectPrimitive.Separator, { className: MENU_SEPARATOR_CLASS })
+                ] }) : null,
+                noAccessLabel ? /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    value: NONE,
+                    label: noAccessLabel,
+                    description: NO_ACCESS_DESCRIPTION,
+                    muted: true
+                  }
+                ) : null,
+                roles.map((role) => /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    value: role.id,
+                    label: role.label,
+                    description: role.disabledReason ?? role.description,
+                    disabled: Boolean(role.disabledReason)
+                  },
+                  role.id
+                ))
+              ] })
+            }
+          ) })
+        ]
+      }
+    ),
+    confirmation
+  ] });
+}
+function ListOption({
+  value,
+  label,
+  description,
+  disabled,
+  saving
+}) {
+  return /* @__PURE__ */ jsxs(
+    RadioGroupPrimitive.Item,
+    {
+      value,
+      disabled,
+      className: "group/option flex w-full min-w-0 items-start gap-3 rounded-[10px] px-3 py-2.5 text-left transition-colors duration-[120ms] hover:bg-surface-2 disabled:cursor-not-allowed disabled:hover:bg-transparent data-[state=checked]:bg-brand/5 pointer-coarse:min-h-11",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 grid size-4 shrink-0 place-items-center rounded-full border border-border-strong bg-surface transition-colors group-data-[state=checked]/option:border-brand group-disabled/option:opacity-50",
+            children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "size-2 rounded-full bg-brand" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "flex items-center gap-2 text-sm font-medium",
+                disabled ? "text-fg-muted" : "text-fg"
+              ),
+              children: [
+                label,
+                saving ? /* @__PURE__ */ jsx(
+                  LoaderCircleIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-3.5 text-fg-subtle motion-safe:animate-spin"
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs leading-4.5 text-fg-muted", children: description })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  CUSTOM_ROLE_LABEL,
+  roleLabel,
+  needsEscalationConfirm,
+  RoleSelect
+};
+//# sourceMappingURL=chunk-I7XIZRFD.js.map

package/dist/chunk-IDANQPRH.js

@@ -0,0 +1,82 @@
+"use client";
+import {
+  sitePublishFormProps,
+  useSiteManagement
+} from "./chunk-Y4BB2KS2.js";
+import {
+  SitePublishPage
+} from "./chunk-QCSJ4CWE.js";
+import {
+  sitesClientConfig
+} from "./chunk-SYCDHPZF.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+
+// src/app/components/artifacts/site-publishing-page.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SitePublishingPage({
+  workspaceId,
+  siteId,
+  artifact,
+  onPublication,
+  onBack
+}) {
+  const { client, clientConfig } = useAppContext();
+  const [shown, setShown] = useState(artifact);
+  const management = useSiteManagement({
+    workspaceId,
+    siteId,
+    artifact: shown,
+    onArtifactChanged: setShown,
+    onStatusChanged: () => void 0
+  });
+  const { publication, audience } = management;
+  const page = useRef(null);
+  const opened = useRef(false);
+  const loaded = publication.load.state !== "loading";
+  useEffect(() => {
+    const root = page.current;
+    if (!root) return;
+    const active = document.activeElement;
+    if (opened.current && active && active !== document.body && active !== root) return;
+    opened.current = true;
+    (root.querySelector("[tabindex='-1']") ?? root).focus();
+  }, [loaded]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: page,
+      tabIndex: -1,
+      className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto bg-bg outline-hidden",
+      children: [
+        /* @__PURE__ */ jsx(
+          SitePublishPage,
+          {
+            ...sitePublishFormProps(management, {
+              client,
+              workspaceId,
+              site: shown,
+              sites: sitesClientConfig(clientConfig)
+            }),
+            layout: "page",
+            onPublication: (next) => {
+              publication.setPublication(next);
+              onPublication(next);
+            },
+            onBack,
+            onSubmitted: onBack,
+            canManage: management.manageData
+          }
+        ),
+        audience.dialog
+      ]
+    }
+  );
+}
+
+export {
+  SitePublishingPage
+};
+//# sourceMappingURL=chunk-IDANQPRH.js.map

package/dist/chunk-IFB3WJ36.js

@@ -0,0 +1,212 @@
+"use client";
+import {
+  AnnotationAccentRow,
+  AnnotationNotePreview,
+  AnnotationQuoteSourceButton,
+  TimelineAnnotationSourceRootContext,
+  useTimelineAnnotationSourceRoot
+} from "./chunk-2I7HDP53.js";
+import {
+  ANNOTATION_CARD_STACK_SCROLL_AT
+} from "./chunk-LJUMYUBO.js";
+import {
+  resolveAnnotationRevealRoot
+} from "./chunk-5XXRHX3V.js";
+import {
+  annotationDisplayOrdinal,
+  annotationHasNote
+} from "./chunk-UNI2IXRC.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/components/timeline-annotations.tsx
+import { QuoteIcon, XIcon } from "lucide-react";
+import {
+  Suspense,
+  lazy,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TimelineAnnotationsDialog = lazy(() => import("./timeline-annotations-dialog-ONJPQDJQ.js"));
+function AnnotationSourceRootBridge({
+  triggerRef,
+  children
+}) {
+  const inheritedRoot = useTimelineAnnotationSourceRoot();
+  const conversationRootRef = useRef(null);
+  if (!inheritedRoot) {
+    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);
+  }
+  useLayoutEffect(() => {
+    if (inheritedRoot) return;
+    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);
+  });
+  if (inheritedRoot) return children;
+  return /* @__PURE__ */ jsx(TimelineAnnotationSourceRootContext.Provider, { value: conversationRootRef, children });
+}
+function TimelineAnnotationCards({
+  annotations,
+  onRevealSource,
+  className
+}) {
+  const t = useOpenGeniText();
+  const [unavailableId, setUnavailableId] = useState(null);
+  if (annotations.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-og-annotation-cards": "",
+      className: cn(
+        "grid gap-2",
+        annotations.length >= ANNOTATION_CARD_STACK_SCROLL_AT && "max-h-[min(28rem,55vh)] overflow-x-hidden overflow-y-auto overscroll-contain pr-1",
+        className
+      ),
+      children: annotations.map((annotation, index) => {
+        const ordinal = annotationDisplayOrdinal(annotation, index);
+        return /* @__PURE__ */ jsx(
+          "section",
+          {
+            "aria-label": t("timelineAnnotations.annotationOrdinal", { ordinal }),
+            children: /* @__PURE__ */ jsxs(AnnotationAccentRow, { children: [
+              /* @__PURE__ */ jsx("p", { className: "mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle", children: t("timelineAnnotations.annotationOrdinal", { ordinal }) }),
+              /* @__PURE__ */ jsx(
+                AnnotationQuoteSourceButton,
+                {
+                  annotation,
+                  lines: 2,
+                  onRevealSource,
+                  onUnavailable: setUnavailableId
+                }
+              ),
+              unavailableId === annotation.id ? /* @__PURE__ */ jsx("p", { role: "status", className: "text-og-xs text-og-status-waiting", children: t("timelineAnnotations.sourceIsOutsideTheLoaded") }) : null,
+              /* @__PURE__ */ jsx(
+                AnnotationNotePreview,
+                {
+                  note: annotation.note,
+                  annotationId: annotation.id,
+                  ordinal
+                }
+              )
+            ] })
+          },
+          annotation.id
+        );
+      })
+    }
+  );
+}
+function TimelineAnnotationsChip({
+  annotations,
+  editable = false,
+  focusAnnotationId,
+  onFocusConsumed,
+  onUpdate,
+  onRemove,
+  onRevealSource,
+  className,
+  compact = false,
+  onCommit
+}) {
+  const t = useOpenGeniText();
+  const focusRequested = Boolean(
+    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId)
+  );
+  const [open, setOpen] = useState(focusRequested);
+  const triggerRef = useRef(null);
+  const openedFocusId = useRef(focusRequested ? focusAnnotationId ?? null : null);
+  useEffect(() => {
+    if (!focusRequested || !focusAnnotationId) {
+      if (!focusRequested) openedFocusId.current = null;
+      return;
+    }
+    if (openedFocusId.current === focusAnnotationId) return;
+    openedFocusId.current = focusAnnotationId;
+    setOpen(true);
+  }, [focusAnnotationId, focusRequested]);
+  if (annotations.length === 0) return null;
+  const countLabel = t("counts.annotations", { count: annotations.length });
+  const incomplete = annotations.some((annotation) => !annotationHasNote(annotation.note));
+  const canClear = Boolean(editable && onRemove);
+  const dismiss = (restoreFocus) => {
+    setOpen(false);
+    onFocusConsumed?.();
+    if (restoreFocus) triggerRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex max-w-full items-center", className), children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex max-w-full items-center rounded-full border bg-og-surface-1 text-og-fg-muted",
+          incomplete ? "border-og-accent/45 bg-og-accent-soft/50" : "border-og-border"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: triggerRef,
+              type: "button",
+              className: cn(
+                "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border-0 bg-transparent font-medium outline-hidden transition hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]",
+                compact ? "min-h-6 py-0.5 text-og-xs" : "min-h-8 py-1 text-og-sm",
+                canClear ? "pr-1 pl-2.5" : "px-2.5"
+              ),
+              "aria-label": t("timelineAnnotations.reviewCountlabel", { countLabel }),
+              "aria-haspopup": "dialog",
+              "aria-expanded": open,
+              onClick: () => setOpen((current) => !current),
+              children: [
+                /* @__PURE__ */ jsx(QuoteIcon, { className: "size-3.5 shrink-0 text-og-accent", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: countLabel })
+              ]
+            }
+          ),
+          canClear ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex size-7 shrink-0 items-center justify-center rounded-full border-0 bg-transparent text-og-fg-subtle outline-hidden hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11",
+              "aria-label": t("timelineAnnotations.removeAllAnnotations"),
+              onClick: () => {
+                for (const annotation of annotations) onRemove?.(annotation.id);
+              },
+              children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx(AnnotationSourceRootBridge, { triggerRef, children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      TimelineAnnotationsDialog,
+      {
+        annotations,
+        editable,
+        focusAnnotationId,
+        onFocusConsumed,
+        onUpdate,
+        onRemove,
+        onRevealSource,
+        triggerRef,
+        countLabel,
+        onDismiss: dismiss,
+        onCommit: () => {
+          dismiss(!onCommit);
+          onCommit?.();
+        }
+      }
+    ) }) }) : null
+  ] });
+}
+
+export {
+  TimelineAnnotationCards,
+  TimelineAnnotationsChip
+};
+//# sourceMappingURL=chunk-IFB3WJ36.js.map