@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-TUIN4MB7.js

@@ -0,0 +1,266 @@
+"use client";
+import {
+  useArtifactCatalog
+} from "./chunk-KZVRXEYR.js";
+import {
+  artifactLibraryFilters,
+  artifactLibrarySearch
+} from "./chunk-C2OWEUOD.js";
+import {
+  artifactRoute
+} from "./chunk-DAD2474Q.js";
+import {
+  Link,
+  useLocation,
+  useNavigate,
+  useSearch
+} from "./chunk-BXBDYNRP.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/artifacts/artifact-browse-controls.tsx
+import { ArrowLeftIcon, ArrowRightIcon, LoaderCircleIcon } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var keyboardBoundary = [
+  "input",
+  "textarea",
+  "select",
+  '[contenteditable]:not([contenteditable="false"])',
+  '[role="textbox"]',
+  '[role="slider"]',
+  '[role="spinbutton"]',
+  '[role="grid"]',
+  '[role="treegrid"]',
+  '[role="tablist"]',
+  '[role="menu"]',
+  '[role="menubar"]',
+  '[role="listbox"]',
+  '[role="combobox"]',
+  '[role="dialog"]',
+  '[role="alertdialog"]',
+  "dialog",
+  "iframe",
+  "object",
+  "embed",
+  "video",
+  "audio"
+].join(",");
+function hasOpenDialog() {
+  return [
+    ...document.querySelectorAll(
+      '[role="dialog"], [role="alertdialog"], [aria-modal="true"], dialog[open]'
+    )
+  ].some((element) => {
+    if (element.closest('[hidden], [inert], [aria-hidden="true"], [data-state="closed"]'))
+      return false;
+    const style = window.getComputedStyle(element);
+    return style.display !== "none" && style.visibility !== "hidden";
+  });
+}
+function ArtifactBrowseControls({ workspaceId, artifactId, fromSession }) {
+  const search = useSearch({ strict: false });
+  if (search.browse !== true) return null;
+  return /* @__PURE__ */ jsx(
+    BrowseControls,
+    {
+      workspaceId,
+      artifactId,
+      fromSession: fromSession ?? search.fromSession,
+      filters: artifactLibraryFilters(search)
+    }
+  );
+}
+function BrowseControls({
+  workspaceId,
+  artifactId,
+  fromSession,
+  filters
+}) {
+  const { client, accessKeyVersion } = useAppContext();
+  const catalog = useArtifactCatalog(client, workspaceId, filters, accessKeyVersion);
+  const { loadMore, nextCursor } = catalog;
+  const { kind, q, sort, status } = filters;
+  const location = useLocation();
+  const navigate = useNavigate();
+  const controls = useRef(null);
+  const search = useMemo(
+    () => artifactLibrarySearch({ kind, q, sort, status }, fromSession, true),
+    [kind, q, sort, status, fromSession]
+  );
+  const contextKey = JSON.stringify([
+    workspaceId,
+    artifactId,
+    location.href,
+    accessKeyVersion,
+    search
+  ]);
+  const [pendingNext, setPendingNext] = useState(null);
+  const index = catalog.items.findIndex(
+    (item) => item.id === artifactId && location.pathname.replace(/\/$/, "") === artifactRoute(item.kind).replace("$workspaceId", encodeURIComponent(workspaceId)).replace("$artifactId", encodeURIComponent(artifactId))
+  );
+  const previous = index > 0 ? catalog.items[index - 1] : void 0;
+  const next = index >= 0 ? catalog.items[index + 1] : void 0;
+  const locate = useRef({ contextKey, client, cursors: [] });
+  if (locate.current.contextKey !== contextKey || locate.current.client !== client)
+    locate.current = { contextKey, client, cursors: [] };
+  const locating = Boolean(
+    index < 0 && location.pathname.replace(/\/$/, "").endsWith(`/${encodeURIComponent(artifactId)}`) && nextCursor && !catalog.error && !locate.current.cursors.includes(nextCursor)
+  );
+  const waiting = pendingNext?.contextKey === contextKey && pendingNext.client === client;
+  const busy = catalog.loading || waiting || locating;
+  const navigateTo = useCallback(
+    (item) => void navigate({
+      to: artifactRoute(item.kind),
+      params: { workspaceId, artifactId: item.id },
+      search,
+      replace: true
+    }),
+    [navigate, workspaceId, search]
+  );
+  useEffect(() => {
+    if (!locating || catalog.loading || !nextCursor) return;
+    locate.current.cursors.push(nextCursor);
+    loadMore();
+  }, [locating, catalog.loading, nextCursor, loadMore]);
+  useEffect(() => {
+    if (!pendingNext) return;
+    if (pendingNext.contextKey !== contextKey || pendingNext.client !== client) {
+      setPendingNext(null);
+      return;
+    }
+    if (catalog.loading) return;
+    if (!catalog.error && !next && index >= 0 && nextCursor && !pendingNext.cursors.includes(nextCursor)) {
+      setPendingNext({ ...pendingNext, cursors: [...pendingNext.cursors, nextCursor] });
+      loadMore();
+      return;
+    }
+    setPendingNext(null);
+    if (!catalog.error && next) navigateTo(next);
+  }, [
+    pendingNext,
+    contextKey,
+    client,
+    catalog.loading,
+    catalog.error,
+    next,
+    index,
+    nextCursor,
+    loadMore,
+    navigateTo
+  ]);
+  const move = useCallback(
+    (direction) => {
+      if (busy || index < 0) return false;
+      const item = direction === "previous" ? previous : next;
+      if (item) navigateTo(item);
+      else if (direction === "next" && nextCursor) {
+        setPendingNext({ contextKey, client, cursors: [nextCursor] });
+        loadMore();
+      } else return false;
+      return true;
+    },
+    [busy, index, previous, next, navigateTo, nextCursor, loadMore, contextKey, client]
+  );
+  useEffect(() => {
+    const pageOrControls = (target) => target === window || target === document || target === document.body || target === document.documentElement || target instanceof Element && target.matches('[data-slot="detail-page-title"]') || target instanceof Node && Boolean(controls.current?.contains(target));
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey || event.repeat || event.isComposing || event.keyCode === 229 || event.key !== "ArrowLeft" && event.key !== "ArrowRight")
+        return;
+      if (!pageOrControls(event.target) || !pageOrControls(document.activeElement) || event.composedPath().some((target) => target instanceof Element && target.closest(keyboardBoundary)) || document.activeElement?.closest(keyboardBoundary) || hasOpenDialog())
+        return;
+      if (move(event.key === "ArrowLeft" ? "previous" : "next")) event.preventDefault();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [move]);
+  const unavailable = busy ? waiting ? "Loading more artifacts\u2026" : "Loading artifact list\u2026" : index < 0 ? catalog.error ? "Artifact list could not be loaded. Return to Artifacts to retry." : "This artifact is not in the loaded list." : void 0;
+  const position = index >= 0 ? `${index + 1} of ${catalog.items.length}${catalog.nextCursor ? " loaded" : ""}` : busy ? "Loading artifacts\u2026" : catalog.error ? "List unavailable" : "Not in loaded list";
+  const buttonClass = "pointer-coarse:min-h-11";
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref: controls,
+      "aria-label": "Browse artifacts",
+      "aria-busy": busy,
+      className: "flex flex-wrap items-center gap-2",
+      children: [
+        previous && !busy ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", className: buttonClass, children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            to: artifactRoute(previous.kind),
+            params: { workspaceId, artifactId: previous.id },
+            search,
+            replace: true,
+            "aria-label": "Previous artifact",
+            "aria-keyshortcuts": "ArrowLeft",
+            title: "Previous artifact (\u2190)",
+            children: [
+              /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": true }),
+              " Previous"
+            ]
+          }
+        ) }) : /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: buttonClass,
+            disabled: true,
+            "aria-label": "Previous artifact",
+            title: unavailable ?? "First artifact in this list.",
+            children: [
+              /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": true }),
+              " Previous"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { role: "status", "aria-atomic": "true", className: "text-xs tabular-nums text-fg-muted", children: position }),
+        next && !busy ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", className: buttonClass, children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            to: artifactRoute(next.kind),
+            params: { workspaceId, artifactId: next.id },
+            search,
+            replace: true,
+            "aria-label": "Next artifact",
+            "aria-keyshortcuts": "ArrowRight",
+            title: "Next artifact (\u2192)",
+            children: [
+              "Next ",
+              /* @__PURE__ */ jsx(ArrowRightIcon, { "aria-hidden": true })
+            ]
+          }
+        ) }) : /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: buttonClass,
+            disabled: busy || index < 0 || !catalog.nextCursor,
+            onClick: () => move("next"),
+            "aria-label": "Next artifact",
+            "aria-keyshortcuts": "ArrowRight",
+            title: unavailable ?? (catalog.nextCursor ? catalog.error ? "Could not load more artifacts. Try again." : "Load more artifacts and open the next one." : "Last artifact in this list."),
+            children: [
+              "Next",
+              " ",
+              waiting ? /* @__PURE__ */ jsx(LoaderCircleIcon, { "aria-hidden": true, className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(ArrowRightIcon, { "aria-hidden": true })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ArtifactBrowseControls
+};
+//# sourceMappingURL=chunk-TUIN4MB7.js.map

package/dist/chunk-TX3VECZU.js

@@ -0,0 +1,71 @@
+"use client";
+import {
+  CREDIT_BALANCE_CHANGED
+} from "./chunk-PRJUHXST.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  userErrorText
+} from "./chunk-O4OOG3D6.js";
+import {
+  invalidateSharedQueries,
+  useSharedQuery
+} from "./chunk-IWUGGOXA.js";
+import {
+  projectPickerRows,
+  sortPickerRows
+} from "./chunk-ZHC47M2B.js";
+
+// src/app/lib/use-workspace-model-catalog.tsx
+import { useCallback, useEffect, useMemo, useRef } from "react";
+var EMPTY_MODELS = [];
+function useWorkspaceModelCatalog(workspaceId, fundingRevision) {
+  const client = useAppContext().client;
+  const query = useSharedQuery(
+    client,
+    ["model-settings", "workspace-catalog", workspaceId],
+    (signal) => client.getWorkspaceModelCatalog(workspaceId, { signal }),
+    { enabled: Boolean(workspaceId), staleTimeMs: 3e5 }
+  );
+  const refresh = useCallback(async () => {
+    if (workspaceId) {
+      await invalidateSharedQueries(client, ["model-settings", "workspace-catalog", workspaceId]);
+    }
+  }, [client, workspaceId]);
+  const funding = useRef({ client, workspaceId, fundingRevision });
+  useEffect(() => {
+    const previous = funding.current;
+    funding.current = { client, workspaceId, fundingRevision };
+    if (previous.client === client && previous.workspaceId === workspaceId && previous.fundingRevision !== fundingRevision)
+      void refresh();
+  }, [client, workspaceId, fundingRevision, refresh]);
+  useEffect(() => {
+    const changed = () => void refresh();
+    window.addEventListener(CREDIT_BALANCE_CHANGED, changed);
+    window.addEventListener("focus", changed);
+    return () => {
+      window.removeEventListener(CREDIT_BALANCE_CHANGED, changed);
+      window.removeEventListener("focus", changed);
+    };
+  }, [refresh]);
+  const models = query.data?.models ?? EMPTY_MODELS;
+  const rows = useMemo(() => sortPickerRows(projectPickerRows(t, models)), [models]);
+  return {
+    models,
+    rows,
+    defaultSelection: query.data?.defaultSelection ?? null,
+    creditsSelection: query.data?.creditsSelection ?? null,
+    loading: query.loading,
+    error: query.error ? userErrorText(query.error) : null,
+    refresh
+  };
+}
+
+export {
+  useWorkspaceModelCatalog
+};
+//# sourceMappingURL=chunk-TX3VECZU.js.map