@opengeni/react 0.44.3 → 0.44.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/README.md +42 -0
  2. package/dist/chunk-22KP6LR5.js +31 -0
  3. package/dist/{chunk-TK7G6XLT.js.map → chunk-22KP6LR5.js.map} +1 -1
  4. package/dist/{chunk-SXIQK54Z.js → chunk-6EDV6YFE.js} +8 -8
  5. package/dist/{chunk-SXIQK54Z.js.map → chunk-6EDV6YFE.js.map} +1 -1
  6. package/dist/{chunk-U6K24XQD.js → chunk-EHSYZ4KP.js} +37 -16
  7. package/dist/chunk-EHSYZ4KP.js.map +1 -0
  8. package/dist/chunk-JB5725BI.js +48 -0
  9. package/dist/chunk-JB5725BI.js.map +1 -0
  10. package/dist/{chunk-QQRM3DO3.js → chunk-L3EWO3UK.js} +6 -6
  11. package/dist/{chunk-QQRM3DO3.js.map → chunk-L3EWO3UK.js.map} +1 -1
  12. package/dist/{chunk-YNYIAYXQ.js → chunk-LYRJUU5V.js} +23 -23
  13. package/dist/chunk-LYRJUU5V.js.map +1 -0
  14. package/dist/{chunk-ATSTR5P3.js → chunk-U3CSCMWA.js} +5 -49
  15. package/dist/chunk-U3CSCMWA.js.map +1 -0
  16. package/dist/{chunk-YDNWMKXO.js → chunk-VCBFUSUZ.js} +4 -4
  17. package/dist/chunk-VCBFUSUZ.js.map +1 -0
  18. package/dist/components/model-policy-picker.d.ts +10 -1
  19. package/dist/composer.js +5 -4
  20. package/dist/index.js +11 -9
  21. package/dist/index.js.map +1 -1
  22. package/dist/machines.js +2 -2
  23. package/dist/{queue-surface-implementation-THPAKGMD.js → queue-surface-implementation-J4XJFKRW.js} +41 -26
  24. package/dist/queue-surface-implementation-J4XJFKRW.js.map +1 -0
  25. package/dist/realtime/dropdown-menu.d.ts +4 -4
  26. package/dist/realtime.js +58 -20
  27. package/dist/realtime.js.map +1 -1
  28. package/dist/session-ui.js +5 -4
  29. package/package.json +1 -1
  30. package/src/components/composer.tsx +3 -3
  31. package/src/components/enrollment-device-flow.tsx +2 -2
  32. package/src/components/message-timeline.tsx +15 -15
  33. package/src/components/model-policy-picker.tsx +47 -14
  34. package/src/components/queue-surface-implementation.tsx +28 -18
  35. package/src/components/queue-surface-state.tsx +3 -3
  36. package/src/components/queue-surface.tsx +2 -2
  37. package/src/components/session-status.tsx +1 -1
  38. package/src/lib/cn.ts +14 -1
  39. package/src/lib/use-portal-token-style.ts +1 -1
  40. package/src/provider.tsx +4 -4
  41. package/src/realtime/dropdown-menu.tsx +51 -8
  42. package/src/realtime/realtime-control.tsx +2 -2
  43. package/styles/index.css +91 -11
  44. package/styles/tokens.css +61 -0
  45. package/dist/chunk-ATSTR5P3.js.map +0 -1
  46. package/dist/chunk-TK7G6XLT.js +0 -18
  47. package/dist/chunk-U6K24XQD.js.map +0 -1
  48. package/dist/chunk-YDNWMKXO.js.map +0 -1
  49. package/dist/chunk-YNYIAYXQ.js.map +0 -1
  50. package/dist/queue-surface-implementation-THPAKGMD.js.map +0 -1
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  EmptyQueueStateSurface,
3
3
  requestQueueDraftEdit
4
- } from "./chunk-YDNWMKXO.js";
4
+ } from "./chunk-VCBFUSUZ.js";
5
5
  import {
6
6
  buildTimeline,
7
7
  groupTimeline,
@@ -13,7 +13,7 @@ import {
13
13
  TooltipContent,
14
14
  TooltipProvider,
15
15
  TooltipTrigger
16
- } from "./chunk-ATSTR5P3.js";
16
+ } from "./chunk-U3CSCMWA.js";
17
17
  import {
18
18
  formatClockTime,
19
19
  formatRelativeTime,
@@ -23,13 +23,13 @@ import {
23
23
  } from "./chunk-LAKLF4PA.js";
24
24
  import {
25
25
  cn
26
- } from "./chunk-TK7G6XLT.js";
26
+ } from "./chunk-22KP6LR5.js";
27
27
 
28
28
  // src/components/queue-surface.tsx
29
29
  import { Loader2Icon } from "lucide-react";
30
30
  import { lazy, Suspense } from "react";
31
31
  import { jsx, jsxs } from "react/jsx-runtime";
32
- var loadQueueSurface = () => import("./queue-surface-implementation-THPAKGMD.js");
32
+ var loadQueueSurface = () => import("./queue-surface-implementation-J4XJFKRW.js");
33
33
  var QueueSurface = createQueueSurface(loadQueueSurface);
34
34
  function createQueueSurface(loadImplementation) {
35
35
  const LazyQueueSurface = lazy(async () => ({
@@ -49,10 +49,10 @@ function QueueSurfaceFallback() {
49
49
  "div",
50
50
  {
51
51
  "aria-live": "polite",
52
- className: "mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
52
+ className: "og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
53
53
  "data-testid": "queue-surface-loading",
54
54
  role: "status",
55
- children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs text-fg-muted pointer-coarse:min-h-[44px]", children: [
55
+ children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
56
56
  /* @__PURE__ */ jsx(
57
57
  Loader2Icon,
58
58
  {
@@ -5523,7 +5523,7 @@ function SessionStatus({ status, label, size = "md", className }) {
5523
5523
  "data-status": status,
5524
5524
  className: cn(
5525
5525
  "og-root inline-flex shrink-0 items-center rounded-full border font-medium",
5526
- size === "sm" ? "gap-1 px-1.5 py-px text-og-xs" : "gap-1.5 px-2 py-0.5 text-xs",
5526
+ size === "sm" ? "gap-1 px-1.5 py-px text-og-xs" : "gap-1.5 px-2 py-0.5 text-og-control",
5527
5527
  meta.badgeClassName,
5528
5528
  className
5529
5529
  ),
@@ -6603,7 +6603,7 @@ function MessageTimeline({
6603
6603
  autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
6604
6604
  ),
6605
6605
  children: /* @__PURE__ */ jsxs13("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
6606
- groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx16("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
6606
+ groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx16("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
6607
6607
  hasOlder && olderPrefetchArmed ? (
6608
6608
  // Overlaid, not a layout row: mounting/unmounting the sentinel
6609
6609
  // must never shift content (that shift was itself a wobble).
@@ -6680,7 +6680,7 @@ function MessageTimeline({
6680
6680
  "aria-live": "polite",
6681
6681
  className: "absolute inset-x-0 top-3 z-10 flex justify-center gap-2",
6682
6682
  children: [
6683
- loadingOlder || loadingOldest ? /* @__PURE__ */ jsx16("span", { className: "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
6683
+ loadingOlder || loadingOldest ? /* @__PURE__ */ jsx16("span", { className: "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-og-control font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
6684
6684
  hasOlder && onJumpToStart && !loadingOldest ? /* @__PURE__ */ jsxs13(
6685
6685
  "button",
6686
6686
  {
@@ -6713,7 +6713,7 @@ function MessageTimeline({
6713
6713
  },
6714
6714
  className: cn(
6715
6715
  "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
6716
- "text-xs font-medium text-og-fg shadow-og-md backdrop-blur",
6716
+ "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
6717
6717
  "hover:border-og-border-strong disabled:opacity-60"
6718
6718
  ),
6719
6719
  children: [
@@ -6736,7 +6736,7 @@ function MessageTimeline({
6736
6736
  "data-og-loading-newer": "",
6737
6737
  "aria-live": "polite",
6738
6738
  className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
6739
- children: /* @__PURE__ */ jsx16("span", { className: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
6739
+ children: /* @__PURE__ */ jsx16("span", { className: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-og-control font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
6740
6740
  }
6741
6741
  ) : null }),
6742
6742
  /* @__PURE__ */ jsx16(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs13(
@@ -6779,7 +6779,7 @@ function MessageTimeline({
6779
6779
  className: cn(
6780
6780
  "absolute bottom-4 left-1/2 -translate-x-1/2",
6781
6781
  "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
6782
- "text-xs font-medium text-og-fg shadow-og-md backdrop-blur",
6782
+ "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
6783
6783
  "hover:border-og-border-strong"
6784
6784
  ),
6785
6785
  children: [
@@ -6863,7 +6863,7 @@ var TimelineGroupRenderBoundary = class extends Component2 {
6863
6863
  {
6864
6864
  "data-testid": "timeline-group-render-error",
6865
6865
  role: "status",
6866
- className: "flex items-start gap-2 rounded-lg border border-og-border bg-og-surface-muted px-3 py-2 text-sm text-og-fg-muted",
6866
+ className: "flex items-start gap-2 rounded-lg border border-og-border bg-og-surface-muted px-3 py-2 text-og-menu text-og-fg-muted",
6867
6867
  children: [
6868
6868
  /* @__PURE__ */ jsx16(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
6869
6869
  /* @__PURE__ */ jsxs13("div", { children: [
@@ -7543,12 +7543,12 @@ function MachineInputRow({ member }) {
7543
7543
  return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
7544
7544
  /* @__PURE__ */ jsx16("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
7545
7545
  /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
7546
- /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
7547
- source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-xs text-og-fg-subtle", children: [
7546
+ /* @__PURE__ */ jsx16("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
7547
+ source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
7548
7548
  "from ",
7549
7549
  source
7550
7550
  ] }),
7551
- summary ? /* @__PURE__ */ jsx16("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm leading-5 text-og-fg", children: truncate(summary, 320) }) : null
7551
+ summary ? /* @__PURE__ */ jsx16("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null
7552
7552
  ] })
7553
7553
  ] });
7554
7554
  }
@@ -7560,7 +7560,7 @@ function NoticeRow({ item }) {
7560
7560
  {
7561
7561
  className: cn(
7562
7562
  enter && "animate-og-enter",
7563
- "flex items-start gap-2.5 rounded-og-md border px-3.5 py-2.5 text-sm",
7563
+ "flex items-start gap-2.5 rounded-og-md border px-3.5 py-2.5 text-og-menu",
7564
7564
  tone
7565
7565
  ),
7566
7566
  role: "status",
@@ -7573,7 +7573,7 @@ function NoticeRow({ item }) {
7573
7573
  ),
7574
7574
  /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
7575
7575
  /* @__PURE__ */ jsx16("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
7576
- item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-xs", children: [
7576
+ item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-og-control", children: [
7577
7577
  /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
7578
7578
  /* @__PURE__ */ jsx16("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
7579
7579
  ] }) : null
@@ -7581,7 +7581,7 @@ function NoticeRow({ item }) {
7581
7581
  item.action ? /* @__PURE__ */ jsx16(
7582
7582
  "a",
7583
7583
  {
7584
- className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-xs font-medium hover:bg-current/10",
7584
+ className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
7585
7585
  href: item.action.url,
7586
7586
  rel: "noreferrer",
7587
7587
  target: "_blank",
@@ -7640,7 +7640,7 @@ function AuthNeededRow({
7640
7640
  onClick: () => void start(),
7641
7641
  disabled: busy,
7642
7642
  className: cn(
7643
- "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-sm font-medium text-og-accent-fg sm:w-auto",
7643
+ "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-og-menu font-medium text-og-accent-fg sm:w-auto",
7644
7644
  "transition-colors hover:bg-og-accent-strong disabled:opacity-70 pointer-coarse:min-h-9"
7645
7645
  ),
7646
7646
  children: [
@@ -7655,7 +7655,7 @@ function AuthNeededRow({
7655
7655
  rel: "noreferrer",
7656
7656
  target: "_blank",
7657
7657
  className: cn(
7658
- "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-sm font-medium text-og-accent-fg sm:w-auto",
7658
+ "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-og-menu font-medium text-og-accent-fg sm:w-auto",
7659
7659
  "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
7660
7660
  ),
7661
7661
  children: [
@@ -7686,7 +7686,7 @@ function AuthProviderLogo({ src, label }) {
7686
7686
  return /* @__PURE__ */ jsx16(
7687
7687
  "span",
7688
7688
  {
7689
- className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-sm font-semibold text-og-fg-muted",
7689
+ className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-og-menu font-semibold text-og-fg-muted",
7690
7690
  "aria-hidden": true,
7691
7691
  children: showImage ? /* @__PURE__ */ jsx16(
7692
7692
  "img",
@@ -7797,4 +7797,4 @@ export {
7797
7797
  MessageTimeline,
7798
7798
  TimelineRow
7799
7799
  };
7800
- //# sourceMappingURL=chunk-YNYIAYXQ.js.map
7800
+ //# sourceMappingURL=chunk-LYRJUU5V.js.map