@elaraai/e3-ui-components 1.0.58 → 1.0.60

package/dist/index.js

@@ -64032,12 +64032,11 @@ function pageRows(type, decoded, offset) {
   }
   if (type.type === "Dict") {
     const { key: keyType, value: valueType } = type.value;
-    const printKey = printFor(keyType);
     const stringKeys = keyType.type === "String";
     return Array.from(decoded.entries()).map(([k2, v3], i) => ({
       node: ValueTree.materialize(valueType, v3),
       step: stringKeys ? variant("key", k2) : variant("index", BigInt(offset + i)),
-      label: stringKeys ? k2 : printKey(k2)
+      label: stringKeys ? k2 : ValueTree.keyLabel(keyType, k2)
     }));
   }
   const elemType = type.value;
@@ -64058,7 +64057,8 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
   hash: hash2,
   sizeBytes,
   requestOptions,
-  onDownload
+  onDownload,
+  onNotIndexed
 }) {
   const queryClient = useQueryClient();
   const [pages, setPages] = useState(/* @__PURE__ */ new Map());
@@ -64101,12 +64101,15 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
       setPages((prev2) => new Map(prev2).set(pageIdx, rows));
     }).catch((err) => {
       pagingDebug(`p${pageIdx} FAILED:`, err);
+      if (err instanceof ApiError && err.code === "dataset_not_indexed") {
+        onNotIndexed == null ? void 0 : onNotIndexed();
+      }
       setError(err instanceof Error ? err : new Error(String(err)));
     }).finally(() => {
       inflightRef.current.delete(pageIdx);
       setLoadingCount((n2) => n2 - 1);
     });
-  }, [queryClient, apiUrl, repo, workspace, path2, hash2, requestOptions, type]);
+  }, [queryClient, apiUrl, repo, workspace, path2, hash2, requestOptions, type, onNotIndexed]);
   useEffect(() => {
     if (totals === null && error3 === null) loadPage(0);
   }, [totals, error3, loadPage]);
@@ -64203,7 +64206,11 @@ const DatasetPreview = memo(function DatasetPreview2({
   const hasValue = (status == null ? void 0 : status.refType) === "value" && status.hash !== null;
   const sizeBytes = (status == null ? void 0 : status.sizeBytes) ?? 0;
   const isOversized = hasValue && sizeBytes > sizeLimit;
-  const shouldFetch = hasValue && !isOversized;
+  const type = status == null ? void 0 : status.type;
+  const [notIndexedHash, setNotIndexedHash] = useState(null);
+  const pageable = hasValue && type !== void 0 && (type.type === "Array" || type.type === "Set" || type.type === "Dict");
+  const usePaged = pageable && (!editable || isOversized) && workspace != null && path2 != null && (status == null ? void 0 : status.hash) != null && status.hash !== notIndexedHash;
+  const shouldFetch = hasValue && !isOversized && !usePaged;
   const valueQuery = useDatasetValue(apiUrl, repo, workspace, path2, {
     ...requestOptions != null && { requestOptions },
     type: status == null ? void 0 : status.type,
@@ -64217,7 +64224,6 @@ const DatasetPreview = memo(function DatasetPreview2({
   const download = useDatasetDownload(apiUrl, repo, workspace, path2, requestOptions);
   const setMutation = useDatasetSet(apiUrl, repo, workspace, requestOptions);
   const queryClient = useQueryClient();
-  const type = status == null ? void 0 : status.type;
   const decoded = (_a2 = valueQuery.data) == null ? void 0 : _a2.decoded;
   const write = useCallback(async (next2) => {
     if (workspace == null || path2 == null || type === void 0) return;
@@ -64244,24 +64250,25 @@ const DatasetPreview = memo(function DatasetPreview2({
   }
   if (!status) return /* @__PURE__ */ jsx$1(StatusDisplay, { variant: "info", title: "No status" });
   if (!hasValue) return /* @__PURE__ */ jsx$1(StatusDisplay, { variant: "info", title: "No data available", message: "Waiting for a value to be set" });
+  if (usePaged && type !== void 0 && workspace != null && path2 != null && status.hash != null) {
+    const pagedHash = status.hash;
+    return /* @__PURE__ */ jsx$1(
+      PagedDatasetPreview,
+      {
+        apiUrl,
+        repo,
+        workspace,
+        path: path2,
+        type,
+        hash: pagedHash,
+        sizeBytes,
+        ...requestOptions != null && { requestOptions },
+        onDownload: download,
+        onNotIndexed: () => setNotIndexedHash(pagedHash)
+      }
+    );
+  }
   if (isOversized) {
-    const pageable = type !== void 0 && (type.type === "Array" || type.type === "Set" || type.type === "Dict");
-    if (pageable && workspace != null && path2 != null && status.hash != null) {
-      return /* @__PURE__ */ jsx$1(
-        PagedDatasetPreview,
-        {
-          apiUrl,
-          repo,
-          workspace,
-          path: path2,
-          type,
-          hash: status.hash,
-          sizeBytes,
-          ...requestOptions != null && { requestOptions },
-          onDownload: download
-        }
-      );
-    }
     return /* @__PURE__ */ jsxs(Flex, { height: "100%", direction: "column", align: "center", justify: "center", layerStyle: "banner.stale", borderRadius: "0", gap: 3, p: 6, children: [
       /* @__PURE__ */ jsx$1(Text, { fontSize: "lg", color: "fg.warning", fontWeight: "bold", children: "Value too large to display" }),
       /* @__PURE__ */ jsxs(Text, { color: "fg.muted", fontSize: "sm", children: [