@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.
- package/README.md +42 -0
- package/dist/chunk-22KP6LR5.js +31 -0
- package/dist/{chunk-TK7G6XLT.js.map → chunk-22KP6LR5.js.map} +1 -1
- package/dist/{chunk-SXIQK54Z.js → chunk-6EDV6YFE.js} +8 -8
- package/dist/{chunk-SXIQK54Z.js.map → chunk-6EDV6YFE.js.map} +1 -1
- package/dist/{chunk-U6K24XQD.js → chunk-EHSYZ4KP.js} +37 -16
- package/dist/chunk-EHSYZ4KP.js.map +1 -0
- package/dist/chunk-JB5725BI.js +48 -0
- package/dist/chunk-JB5725BI.js.map +1 -0
- package/dist/{chunk-QQRM3DO3.js → chunk-L3EWO3UK.js} +6 -6
- package/dist/{chunk-QQRM3DO3.js.map → chunk-L3EWO3UK.js.map} +1 -1
- package/dist/{chunk-YNYIAYXQ.js → chunk-LYRJUU5V.js} +23 -23
- package/dist/chunk-LYRJUU5V.js.map +1 -0
- package/dist/{chunk-ATSTR5P3.js → chunk-U3CSCMWA.js} +5 -49
- package/dist/chunk-U3CSCMWA.js.map +1 -0
- package/dist/{chunk-YDNWMKXO.js → chunk-VCBFUSUZ.js} +4 -4
- package/dist/chunk-VCBFUSUZ.js.map +1 -0
- package/dist/components/model-policy-picker.d.ts +10 -1
- package/dist/composer.js +5 -4
- package/dist/index.js +11 -9
- package/dist/index.js.map +1 -1
- package/dist/machines.js +2 -2
- package/dist/{queue-surface-implementation-THPAKGMD.js → queue-surface-implementation-J4XJFKRW.js} +41 -26
- package/dist/queue-surface-implementation-J4XJFKRW.js.map +1 -0
- package/dist/realtime/dropdown-menu.d.ts +4 -4
- package/dist/realtime.js +58 -20
- package/dist/realtime.js.map +1 -1
- package/dist/session-ui.js +5 -4
- package/package.json +1 -1
- package/src/components/composer.tsx +3 -3
- package/src/components/enrollment-device-flow.tsx +2 -2
- package/src/components/message-timeline.tsx +15 -15
- package/src/components/model-policy-picker.tsx +47 -14
- package/src/components/queue-surface-implementation.tsx +28 -18
- package/src/components/queue-surface-state.tsx +3 -3
- package/src/components/queue-surface.tsx +2 -2
- package/src/components/session-status.tsx +1 -1
- package/src/lib/cn.ts +14 -1
- package/src/lib/use-portal-token-style.ts +1 -1
- package/src/provider.tsx +4 -4
- package/src/realtime/dropdown-menu.tsx +51 -8
- package/src/realtime/realtime-control.tsx +2 -2
- package/styles/index.css +91 -11
- package/styles/tokens.css +61 -0
- package/dist/chunk-ATSTR5P3.js.map +0 -1
- package/dist/chunk-TK7G6XLT.js +0 -18
- package/dist/chunk-U6K24XQD.js.map +0 -1
- package/dist/chunk-YDNWMKXO.js.map +0 -1
- package/dist/chunk-YNYIAYXQ.js.map +0 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
7547
|
-
source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
7800
|
+
//# sourceMappingURL=chunk-LYRJUU5V.js.map
|