@elaraai/e3-ui-components 1.0.61 → 1.0.63

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { TaskPreview, type TaskPreviewProps } from './components/TaskPreview.js'
 export { UITaskPreview, type UITaskPreviewProps } from './components/UITaskPreview.js';
 export { DataTaskPreview, type DataTaskPreviewProps } from './components/DataTaskPreview.js';
 export { DatasetPreview, type DatasetPreviewProps } from './components/DatasetPreview.js';
+export { DatasetKeySearch, type DatasetKeySearchProps, type DatasetKeyMatchRange } from './components/DatasetKeySearch.js';
 export { StatusDisplay, type StatusDisplayProps } from './components/StatusDisplay.js';
 export { EastValueViewer, type EastValueViewerProps } from './components/EastValueViewer.js';
 export { VirtualizedLogViewer, type VirtualizedLogViewerProps } from './components/VirtualizedLogViewer.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1D,cAAc,kBAAkB,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,uBAAuB,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGzH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1D,cAAc,kBAAkB,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,uBAAuB,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,KAAK,uBAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGzH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC3H,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/index.js

@@ -18,17 +18,17 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _focused, _cleanup, _setup, _a, _provider, _providerCalled, _b, _online, _cleanup2, _setup2, _c, _gcTimeout, _d, _initialState, _revertState, _cache, _client, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, isInitialPausedFetch_fn, dispatch_fn, _e, _client2, _observers, _mutationCache, _retryer2, _Mutation_instances, dispatch_fn2, _f, _mutations, _scopes, _mutationId, _g, _queries, _h, _queryCache, _mutationCache2, _defaultOptions2, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _i, _j;
-import { variant, SortedMap, compareFor, EastError, fromEastTypeValue, East, none as none$1, some, OptionType, BooleanType, NullType, ConflictError, equalFor, toEastTypeValue, PatchType, diffFor, applyFor, encodeBeast2For, decodeBeast2For, BlobType, StructType, StringType, walkPatch, pathToString, pathDisplay, printFor, isVariant, prunePatchFor, detectConflictsFor, mergeWithResolutionsFor, validatePatchFor, isEastSet, isEastDict, ArrayType } from "@elaraai/east";
+import { variant, SortedMap, compareFor, EastError, fromEastTypeValue, East, none as none$1, some, OptionType, BooleanType, NullType, ConflictError, equalFor, toEastTypeValue, PatchType, diffFor, applyFor, encodeBeast2For, decodeBeast2For, BlobType, StructType, StringType, walkPatch, pathToString, pathDisplay, printFor, isVariant, prunePatchFor, detectConflictsFor, mergeWithResolutionsFor, validatePatchFor, isEastSet, isEastDict, ArrayType, parseFor } from "@elaraai/east";
 import { EastTypeType } from "@elaraai/east/internal";
 import { DataBindModeType, DataBindPrimitives, bindPlatformFn, FuncBindPrimitives, FuncErrorType, FuncStatusType, funcBindPlatformFn, RecordBindPrimitives, recordBindPlatformFn, Diff, Ontology, FuncBindHandleType, Experiment, decisionBindPlatformFn, DecisionBindPrimitives, DecisionConstraintType, DiffBindingType, CommitStateType, VerdictType, AnswerType, judgementInputType, DecisionType, DecisionQueue, DecisionJournal, decodeManifest } from "@elaraai/e3-ui/internal";
 import { registerReactiveTracker, registerPlatformImplementation, StateRuntime, getRegisteredPlatformImplementations, boundSliceConfig } from "@elaraai/east-ui-components/platform";
 import { TreePathType, DatasetStatusType } from "@elaraai/e3-types";
-import { workspaceStatus, datasetListAt, datasetList, dataflowExecuteLaunch, datasetSet, datasetGet, ApiError, workspaceFunctionCall, workspaceFunctionList, workspaceRecordHistory, workspaceRecordMutate, workspaceRecordDescribe, repoCreate, repoGc, repoGcStart, repoGcStatus, repoList, repoRemove, repoStatus, packageExport, packageGet, packageImport, packageList, packageRemove, workspaceCreate, workspaceDeploy, workspaceExport, workspaceGet, workspaceList, workspaceRemove, datasetGetStatus, datasetListRecursive, datasetListRecursivePaths, datasetListWithStatus, taskExecutionList, taskGet, taskList, dataflowCancel, dataflowExecute, dataflowExecutePoll, dataflowGraph, taskLogs, datasetGetPage } from "@elaraai/e3-api-client";
+import { workspaceStatus, datasetListAt, datasetList, dataflowExecuteLaunch, datasetSet, datasetGet, ApiError, workspaceFunctionCall, workspaceFunctionList, workspaceRecordHistory, workspaceRecordMutate, workspaceRecordDescribe, repoCreate, repoGc, repoGcStart, repoGcStatus, repoList, repoRemove, repoStatus, packageExport, packageGet, packageImport, packageList, packageRemove, workspaceCreate, workspaceDeploy, workspaceExport, workspaceGet, workspaceList, workspaceRemove, datasetGetStatus, datasetListRecursive, datasetListRecursivePaths, datasetListWithStatus, taskExecutionList, taskGet, taskList, dataflowCancel, dataflowExecute, dataflowExecutePoll, dataflowGraph, taskLogs, datasetGetPage, datasetFindKey } from "@elaraai/e3-api-client";
 import { jsx as jsx$1, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useId, useMemo, useContext, createContext, useRef, useEffect, useState, useCallback, useSyncExternalStore, memo, forwardRef, useLayoutEffect, Fragment as Fragment$1, Component } from "react";
 import { Box, Flex, Text, HStack, Input, useSlotRecipe, useRecipe, VStack, useToken, Drawer, Portal, Field, NativeSelect, Textarea, chakra, Tooltip, SegmentGroup, Menu, HoverCard, useChakraContext, Spinner, Code, Clipboard, IconButton, Button, Tabs, Badge, useTabs } from "@chakra-ui/react";
-import { implementUIComponent, getSomeorUndefined, formatPredicate, SliceEditPopover, SlicePredicateBuilder, EastChakraSelect, EastChakraStringInput, EastChakraDateTimeInput, EastChakraFloatInput, EastChakraIntegerInput, formatTick, useSliceReactivity, useContainerBelow, usePersistedState, SliceRailCluster, EastChakraComponent, ClauseChip, StateImpl, NavImpl, SliceImpl, SliceApplyImpl, OverlayImpl, ClipboardImpl, DownloadImpl, ShareImpl, LoadingIcon, EastChakraValueTree, createUIStore, UIStoreProvider } from "@elaraai/east-ui-components";
+import { implementUIComponent, getSomeorUndefined, formatPredicate, SliceEditPopover, SlicePredicateBuilder, EastChakraSelect, EastChakraStringInput, EastChakraDateTimeInput, EastChakraFloatInput, EastChakraIntegerInput, formatTick, useSliceReactivity, useContainerBelow, usePersistedState, SliceRailCluster, EastChakraComponent, ClauseChip, StateImpl, NavImpl, SliceImpl, SliceApplyImpl, OverlayImpl, ClipboardImpl, DownloadImpl, ShareImpl, LoadingIcon, EastChakraCombobox, EastChakraValueTree, createUIStore, UIStoreProvider } from "@elaraai/east-ui-components";
 import { createPortal } from "react-dom";
 import { sliceMatches } from "@elaraai/east-ui/internal";
 import { QueryClient as QueryClient$1, QueryClientProvider, useMutation, useQuery, keepPreviousData, useQueryClient } from "@tanstack/react-query";
@@ -63988,6 +63988,271 @@ class ErrorBoundary extends Component {
     return this.props.children;
   }
 }
+const FIND_DEBOUNCE_MS = 250;
+const POPUP_LIMIT = 20;
+function structFields(keyType) {
+  if (keyType.type !== "Struct") return null;
+  const fields = keyType.value;
+  return fields.length > 0 ? fields : null;
+}
+function splitTopLevel(text) {
+  const parts = [];
+  let current = "";
+  let inString = false;
+  let depth = 0;
+  for (let i = 0; i < text.length; i++) {
+    const ch = text[i];
+    if (inString) {
+      current += ch;
+      if (ch === "\\" && i + 1 < text.length) {
+        current += text[i + 1];
+        i++;
+      } else if (ch === '"') {
+        inString = false;
+      }
+      continue;
+    }
+    if (ch === '"') {
+      inString = true;
+      current += ch;
+    } else if (ch === "(" || ch === "[" || ch === "{") {
+      depth++;
+      current += ch;
+    } else if (ch === ")" || ch === "]" || ch === "}") {
+      depth--;
+      current += ch;
+    } else if (ch === "," && depth === 0) {
+      parts.push(current);
+      current = "";
+    } else {
+      current += ch;
+    }
+  }
+  parts.push(current);
+  return parts;
+}
+function keySignature(keyType) {
+  const fields = structFields(keyType);
+  if (fields === null) return keyType.type;
+  return `(${fields.map((f2) => `${f2.name}: ${f2.type.type}`).join(", ")})`;
+}
+function parseKeyInput(keyType, text) {
+  const fields = structFields(keyType);
+  if (fields === null) {
+    if (keyType.type === "String") return { kind: "query", query: { prefix: text } };
+    const parsed = parseFor(keyType)(text);
+    if (!parsed.success) return { kind: "hint", hint: `Key is ${keyType.type}` };
+    return { kind: "query", query: { key: printFor(keyType)(parsed.value) } };
+  }
+  if (text.trimStart().startsWith("(")) {
+    const parsed = parseFor(keyType)(text);
+    if (!parsed.success) return { kind: "hint", hint: `Key is ${keySignature(keyType)}` };
+    return { kind: "query", query: { key: printFor(keyType)(parsed.value) } };
+  }
+  const segments = splitTopLevel(text);
+  if (segments.length > fields.length) {
+    return { kind: "hint", hint: `Key is ${keySignature(keyType)}` };
+  }
+  const exact = [];
+  for (let i = 0; i < segments.length; i++) {
+    const field = fields[i];
+    const raw = segments[i].trim();
+    const isLast = i === segments.length - 1;
+    if (isLast && raw === "" && i > 0) {
+      return { kind: "query", query: { fields: exact } };
+    }
+    if (field.type.type === "String" && !raw.startsWith('"')) {
+      if (isLast) {
+        return exact.length === 0 ? { kind: "query", query: { prefix: raw } } : { kind: "query", query: { fields: exact, prefix: raw } };
+      }
+      exact.push(printFor(StringType)(raw));
+      continue;
+    }
+    const parsed = parseFor(field.type)(raw);
+    if (!parsed.success) {
+      return { kind: "hint", hint: `${field.name} is ${field.type.type} — key is ${keySignature(keyType)}` };
+    }
+    exact.push(printFor(field.type)(parsed.value));
+  }
+  return { kind: "query", query: { fields: exact } };
+}
+const MATCH_NOTHING = { lower: () => false, upper: () => false };
+function keyRangePredicates(keyType, query) {
+  if ("key" in query) return null;
+  if (keyType.type === "Struct") {
+    const meta3 = keyType.value;
+    const literals = "fields" in query ? query.fields : [];
+    if (literals.length > meta3.length) return MATCH_NOTHING;
+    const values = [];
+    for (let j2 = 0; j2 < literals.length; j2++) {
+      const parsed = parseFor(meta3[j2].type)(literals[j2]);
+      if (!parsed.success) return MATCH_NOTHING;
+      values.push(parsed.value);
+    }
+    const cmps = meta3.map((f2) => compareFor(f2.type));
+    const lead = (k2) => {
+      for (let j2 = 0; j2 < values.length; j2++) {
+        const c2 = cmps[j2](k2[meta3[j2].name], values[j2]);
+        if (c2 !== 0) return c2;
+      }
+      return 0;
+    };
+    const prefix22 = query.prefix;
+    if (prefix22 === void 0) {
+      return { lower: (k2) => lead(k2) >= 0, upper: (k2) => lead(k2) > 0 };
+    }
+    const prefixIdx = values.length;
+    if (prefixIdx >= meta3.length || meta3[prefixIdx].type.type !== "String") return MATCH_NOTHING;
+    const prefixName = meta3[prefixIdx].name;
+    const prefixCmp = cmps[prefixIdx];
+    return {
+      lower: (k2) => {
+        const c2 = lead(k2);
+        return c2 !== 0 ? c2 > 0 : prefixCmp(k2[prefixName], prefix22) >= 0;
+      },
+      upper: (k2) => {
+        const c2 = lead(k2);
+        if (c2 !== 0) return c2 > 0;
+        const field = k2[prefixName];
+        return prefixCmp(field, prefix22) > 0 && !field.startsWith(prefix22);
+      }
+    };
+  }
+  if (!("prefix" in query) || query.prefix === void 0 || keyType.type !== "String") return MATCH_NOTHING;
+  const prefix2 = query.prefix;
+  const cmp = compareFor(keyType);
+  return {
+    lower: (k2) => cmp(k2, prefix2) >= 0,
+    upper: (k2) => cmp(k2, prefix2) > 0 && !k2.startsWith(prefix2)
+  };
+}
+const DatasetKeySearch = memo(function DatasetKeySearch2({ keyType, onFind, onListRange, onJump, onClear }) {
+  const [range, setRange] = useState(null);
+  const [items, setItems] = useState([]);
+  const [activeIdx, setActiveIdx] = useState(-1);
+  const [hint, setHint] = useState(null);
+  const [resetSeq, setResetSeq] = useState(0);
+  const debounceRef = useRef(void 0);
+  const findSeqRef = useRef(0);
+  useEffect(() => () => clearTimeout(debounceRef.current), []);
+  const runFind = useCallback((query) => {
+    const seq = ++findSeqRef.current;
+    void (async () => {
+      try {
+        const result = await onFind(query);
+        if (seq !== findSeqRef.current) return;
+        setRange(result);
+        setActiveIdx(-1);
+        if (result.found) {
+          const labels = await onListRange(result.row, Math.min(POPUP_LIMIT, result.count));
+          if (seq !== findSeqRef.current) return;
+          setItems(labels.map((label, i) => ({ row: result.row + i, label })));
+        } else {
+          setItems([]);
+        }
+      } catch {
+        if (seq !== findSeqRef.current) return;
+        setRange(null);
+        setItems([]);
+      }
+    })();
+  }, [onFind, onListRange]);
+  const resetQueryState = useCallback(() => {
+    clearTimeout(debounceRef.current);
+    findSeqRef.current++;
+    setRange(null);
+    setItems([]);
+    setActiveIdx(-1);
+    setHint(null);
+  }, []);
+  const handleInput = useCallback((text) => {
+    clearTimeout(debounceRef.current);
+    if (text === "") {
+      resetQueryState();
+      onClear == null ? void 0 : onClear();
+      return;
+    }
+    const parsed = parseKeyInput(keyType, text);
+    if (parsed.kind === "hint") {
+      findSeqRef.current++;
+      setRange(null);
+      setItems([]);
+      setActiveIdx(-1);
+      setHint(parsed.hint);
+      return;
+    }
+    setHint(null);
+    debounceRef.current = setTimeout(() => runFind(parsed.query), FIND_DEBOUNCE_MS);
+  }, [keyType, runFind, resetQueryState, onClear]);
+  const clearSearch = useCallback(() => {
+    resetQueryState();
+    setResetSeq((s2) => s2 + 1);
+    onClear == null ? void 0 : onClear();
+  }, [resetQueryState, onClear]);
+  const commit = useCallback((row) => {
+    onJump(row);
+    if (range !== null) setActiveIdx(row - range.row);
+  }, [onJump, range]);
+  const step3 = useCallback((delta) => {
+    if (range === null || !range.found) return;
+    const next2 = Math.max(0, Math.min(range.count - 1, (activeIdx === -1 ? 0 : activeIdx) + delta));
+    commit(range.row + next2);
+  }, [range, activeIdx, commit]);
+  const onKeyDownCapture = useCallback((e3) => {
+    if (e3.key !== "Enter" || range === null || !range.found) return;
+    if (document.querySelector('[data-scope="combobox"][data-part="content"] [data-highlighted]') !== null) return;
+    commit(range.row + Math.max(0, activeIdx));
+  }, [range, activeIdx, commit]);
+  const placeholder = useMemo(() => {
+    const fields = structFields(keyType);
+    if (fields !== null) return `Search keys (${fields.map((f2) => f2.name).join(", ")})`;
+    return keyType.type === "String" ? "Search keys" : `Find key (${keyType.type})`;
+  }, [keyType]);
+  const payload = useMemo(() => ({
+    value: none$1,
+    items: items.map((it) => ({ value: String(it.row), label: it.label, disabled: none$1 })),
+    placeholder: some(placeholder),
+    multiple: none$1,
+    disabled: none$1,
+    allowCustomValue: some(true),
+    onChange: some((v3) => commit(Number(v3))),
+    onChangeMultiple: none$1,
+    onInputValueChange: some(handleInput),
+    onOpenChange: none$1,
+    style: some({ size: some(variant("xs", null)), color: none$1, background: none$1, borderColor: none$1 })
+  }), [items, placeholder, commit, handleInput]);
+  const status = hint !== null ? hint : range === null ? null : !range.found ? "No matches" : activeIdx === -1 ? `${range.count.toLocaleString()} ${range.count === 1 ? "match" : "matches"}` : `${(activeIdx + 1).toLocaleString()} of ${range.count.toLocaleString()}`;
+  const canStep = range !== null && range.found && range.count > 1;
+  return /* @__PURE__ */ jsxs(Flex, { gap: 1, align: "center", minW: "0", onKeyDownCapture, "data-part": "dataset-key-search", children: [
+    /* @__PURE__ */ jsx$1(Flex, { width: `min(${placeholder.length + 10}ch, 40rem)`, minW: "12rem", flexShrink: 1, children: /* @__PURE__ */ jsx$1(EastChakraCombobox, { value: payload, selectionBehavior: "preserve" }, resetSeq) }),
+    status !== null && /* @__PURE__ */ jsx$1(Text, { fontSize: "xs", color: "fg.muted", whiteSpace: "nowrap", children: status }),
+    canStep && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx$1(
+        IconButton,
+        {
+          "aria-label": "Previous match",
+          size: "2xs",
+          variant: "ghost",
+          disabled: activeIdx <= 0,
+          onClick: () => step3(-1),
+          children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faChevronUp })
+        }
+      ),
+      /* @__PURE__ */ jsx$1(
+        IconButton,
+        {
+          "aria-label": "Next match",
+          size: "2xs",
+          variant: "ghost",
+          disabled: activeIdx >= range.count - 1,
+          onClick: () => step3(1),
+          children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faChevronDown })
+        }
+      )
+    ] }),
+    (range !== null || hint !== null) && /* @__PURE__ */ jsx$1(IconButton, { "aria-label": "Clear search", size: "2xs", variant: "ghost", onClick: clearSearch, children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faXmark }) })
+  ] });
+});
 function pagingDebug(...args) {
   try {
     if (typeof localStorage === "undefined") return;
@@ -63999,6 +64264,17 @@ function pagingDebug(...args) {
   console.info("[e3-paging]", ...args);
 }
 const PAGE_SIZE = 500;
+const MAX_RETAINED_PAGES = 8;
+function pruneRetainedPages(pages, firstPage, lastPage, max5) {
+  if (pages.size <= max5) return pages;
+  const distance2 = (p2) => p2 < firstPage ? firstPage - p2 : p2 > lastPage ? p2 - lastPage : 0;
+  const keep = [...pages.keys()].sort((a2, b2) => distance2(a2) - distance2(b2) || a2 - b2).slice(0, max5);
+  const kept = /* @__PURE__ */ new Map();
+  for (const p2 of keep.sort((a2, b2) => a2 - b2)) {
+    kept.set(p2, pages.get(p2));
+  }
+  return kept;
+}
 function pageRows(type, decoded, offset) {
   if (type.type === "Array") {
     const elemType2 = type.value;
@@ -64042,12 +64318,14 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
   const [totals, setTotals] = useState(null);
   const [loadingCount, setLoadingCount] = useState(0);
   const [error3, setError] = useState(null);
+  const [jumpRow, setJumpRow] = useState(void 0);
   const inflightRef = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     pagingDebug(`reset (path=${path2}, hash=${hash2.slice(0, 8)})`);
     setPages(/* @__PURE__ */ new Map());
     setTotals(null);
     setError(null);
+    setJumpRow(void 0);
     inflightRef.current.clear();
   }, [path2, hash2]);
   const loadPage = useCallback((pageIdx) => {
@@ -64055,13 +64333,13 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
     inflightRef.current.add(pageIdx);
     setLoadingCount((n2) => n2 + 1);
     pagingDebug(`fetch p${pageIdx} (offset=${pageIdx * PAGE_SIZE}, limit=${PAGE_SIZE}, hash=${hash2.slice(0, 8)})`);
-    const pathParts = path2.split(".").filter(Boolean).map((v3) => variant("field", v3));
+    const pathParts2 = path2.split(".").filter(Boolean).map((v3) => variant("field", v3));
     const reqOpts = requestOptions ?? { token: null };
     queryClient.fetchQuery({
       queryKey: ["datasetPage", apiUrl, repo, workspace, path2, hash2, `p${pageIdx}`],
       // Hash-pinned: the URL is a pure function of the bytes, so any
       // HTTP cache between here and the server can hold it immutably.
-      queryFn: () => datasetGetPage(apiUrl, repo, workspace, pathParts, { offset: pageIdx * PAGE_SIZE, limit: PAGE_SIZE, hash: hash2 }, reqOpts),
+      queryFn: () => datasetGetPage(apiUrl, repo, workspace, pathParts2, { offset: pageIdx * PAGE_SIZE, limit: PAGE_SIZE, hash: hash2 }, reqOpts),
       staleTime: Infinity
       // pages of one content hash are immutable
     }).then((page) => {
@@ -64098,8 +64376,35 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
       if (!pages.has(p2)) missing.push(p2);
     }
     pagingDebug(`need rows [${startRow}, ${endRow}) → pages ${first2}..${last2}, missing=[${missing.join(",")}], inflight=[${[...inflightRef.current].join(",")}]`);
+    setPages((prev2) => pruneRetainedPages(prev2, first2, last2, MAX_RETAINED_PAGES));
     for (const p2 of missing) loadPage(p2);
   }, [pages, loadPage]);
+  const keyType = useMemo(() => type.type === "Dict" ? type.value.key : type.type === "Set" ? type.value : null, [type]);
+  const pathParts = useMemo(() => path2.split(".").filter(Boolean).map((v3) => variant("field", v3)), [path2]);
+  const onFindKey = useCallback(async (query) => {
+    const reqOpts = requestOptions ?? { token: null };
+    const queryTag = JSON.stringify(query);
+    const result = await queryClient.fetchQuery({
+      queryKey: ["datasetFind", apiUrl, repo, workspace, path2, hash2, queryTag],
+      queryFn: () => datasetFindKey(apiUrl, repo, workspace, pathParts, { ...query, hash: hash2 }, reqOpts),
+      staleTime: Infinity
+      // hash-pinned: one content hash, one answer
+    });
+    pagingDebug(`find ${queryTag}: found=${result.found} row=${result.row} count=${result.count}`);
+    return result;
+  }, [queryClient, apiUrl, repo, workspace, path2, hash2, pathParts, requestOptions]);
+  const onListRange = useCallback(async (row, limit2) => {
+    const reqOpts = requestOptions ?? { token: null };
+    const page = await queryClient.fetchQuery({
+      queryKey: ["datasetPage", apiUrl, repo, workspace, path2, hash2, `w${row}:${limit2}`],
+      queryFn: () => datasetGetPage(apiUrl, repo, workspace, pathParts, { offset: row, limit: limit2, hash: hash2 }, reqOpts),
+      staleTime: Infinity
+    });
+    const decoded = decodeBeast2For(type)(page.data);
+    const stringKeys = keyType !== null && keyType.type === "String";
+    const keys = type.type === "Dict" ? [...decoded.keys()] : [...decoded.values()];
+    return keys.map((k2) => stringKeys ? k2 : ValueTree.keyLabel(keyType, k2));
+  }, [queryClient, apiUrl, repo, workspace, path2, hash2, pathParts, requestOptions, type, keyType]);
   const treeValue = useMemo(() => ({
     root: ValueTree.materialize(type, emptyOf(type)),
     onEdit: none$1,
@@ -64112,8 +64417,9 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
     totalRows: totals.elements,
     pageSize: PAGE_SIZE,
     pages,
-    onNeedRows
-  }, [totals, pages, onNeedRows]);
+    onNeedRows,
+    scrollToRow: jumpRow
+  }, [totals, pages, onNeedRows, jumpRow]);
   if (error3 !== null) {
     if (error3 instanceof ApiError && error3.code === "dataset_too_large") {
       return /* @__PURE__ */ jsxs(Flex, { height: "100%", direction: "column", align: "center", justify: "center", gap: 3, p: 6, children: [
@@ -64138,6 +64444,16 @@ const PagedDatasetPreview = memo(function PagedDatasetPreview2({
         formatSize(totals.bytes > 0 ? totals.bytes : sizeBytes)
       ] }),
       loadingCount > 0 && /* @__PURE__ */ jsx$1(Text, { fontSize: "xs", color: "fg.muted", children: "Loading…" }),
+      keyType !== null && /* @__PURE__ */ jsx$1(
+        DatasetKeySearch,
+        {
+          keyType,
+          onFind: onFindKey,
+          onListRange,
+          onJump: setJumpRow,
+          onClear: () => setJumpRow(void 0)
+        }
+      ),
       /* @__PURE__ */ jsx$1(Flex, { flex: 1, justify: "flex-end", children: /* @__PURE__ */ jsx$1(DownloadButton, { onClick: onDownload }) })
     ] }),
     /* @__PURE__ */ jsx$1(Box, { flex: 1, minHeight: 0, overflow: "hidden", children: /* @__PURE__ */ jsx$1(EastChakraValueTree, { value: treeValue, storageKey: `${path2}:page`, paging }) })
@@ -64209,6 +64525,37 @@ const DatasetPreview = memo(function DatasetPreview2({
     await setMutation.mutateAsync({ path: treePath, data: data4 });
     await queryClient.invalidateQueries({ queryKey: ["datasetStatus", apiUrl, repo, workspace, path2] });
   }, [apiUrl, repo, workspace, path2, type, setMutation, queryClient]);
+  const keyType = useMemo(() => type === void 0 ? null : type.type === "Dict" ? type.value.key : type.type === "Set" ? type.value : null, [type]);
+  const inlineKeys = useMemo(() => decoded === void 0 || type === void 0 ? null : type.type === "Dict" ? [...decoded.keys()] : type.type === "Set" ? [...decoded.values()] : null, [type, decoded]);
+  const [jumpRow, setJumpRow] = useState(void 0);
+  useEffect(() => {
+    setJumpRow(void 0);
+  }, [decoded]);
+  const onFindInline = useCallback(async (query) => {
+    if (inlineKeys === null || keyType === null) return { found: false, row: 0, count: 0 };
+    const range = keyRangePredicates(keyType, query);
+    if (range === null) {
+      const parsed = parseFor(keyType)(query.key);
+      if (!parsed.success) return { found: false, row: 0, count: 0 };
+      const cmp = compareFor(keyType);
+      for (let i = 0; i < inlineKeys.length; i++) {
+        const order = cmp(inlineKeys[i], parsed.value);
+        if (order === 0) return { found: true, row: i, count: 1 };
+        if (order > 0) return { found: false, row: i, count: 0 };
+      }
+      return { found: false, row: inlineKeys.length, count: 0 };
+    }
+    let row = inlineKeys.findIndex(range.lower);
+    if (row === -1) row = inlineKeys.length;
+    let count2 = 0;
+    while (row + count2 < inlineKeys.length && !range.upper(inlineKeys[row + count2])) count2++;
+    return { found: count2 > 0, row, count: count2 };
+  }, [inlineKeys, keyType]);
+  const onListInline = useCallback(async (row, limit2) => {
+    if (inlineKeys === null || keyType === null) return [];
+    const stringKeys = keyType.type === "String";
+    return inlineKeys.slice(row, row + limit2).map((k2) => stringKeys ? k2 : ValueTree.keyLabel(keyType, k2));
+  }, [inlineKeys, keyType]);
   const treeValue = useMemo(() => {
     if (type === void 0 || decoded === void 0) return null;
     const root2 = ValueTree.materialize(type, decoded);
@@ -64263,14 +64610,26 @@ const DatasetPreview = memo(function DatasetPreview2({
   const count = type === void 0 || decoded === void 0 ? null : type.type === "Array" ? decoded.length : type.type === "Set" || type.type === "Dict" ? decoded.size : null;
   const countText = count === null ? "" : `${count.toLocaleString()} ${(type == null ? void 0 : type.type) === "Dict" ? "entries" : "items"} · `;
   return /* @__PURE__ */ jsxs(Flex, { direction: "column", height: "100%", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxs(Flex, { px: 4, py: 2, justify: "flex-end", flexShrink: 0, borderBottom: "1px solid", borderColor: "border.subtle", children: [
-      /* @__PURE__ */ jsxs(Text, { fontSize: "xs", color: "fg.muted", mr: 2, alignSelf: "center", children: [
-        countText,
-        formatSize(sizeBytes)
-      ] }),
-      /* @__PURE__ */ jsx$1(DownloadButton, { onClick: download })
+    /* @__PURE__ */ jsxs(Flex, { px: 4, py: 2, gap: 2, align: "center", flexShrink: 0, borderBottom: "1px solid", borderColor: "border.subtle", children: [
+      keyType !== null && inlineKeys !== null && /* @__PURE__ */ jsx$1(
+        DatasetKeySearch,
+        {
+          keyType,
+          onFind: onFindInline,
+          onListRange: onListInline,
+          onJump: setJumpRow,
+          onClear: () => setJumpRow(void 0)
+        }
+      ),
+      /* @__PURE__ */ jsxs(Flex, { flex: 1, justify: "flex-end", align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsxs(Text, { fontSize: "xs", color: "fg.muted", children: [
+          countText,
+          formatSize(sizeBytes)
+        ] }),
+        /* @__PURE__ */ jsx$1(DownloadButton, { onClick: download })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx$1(Box, { flex: 1, minHeight: 0, overflow: "hidden", children: treeValue !== null && /* @__PURE__ */ jsx$1(EastChakraValueTree, { value: treeValue, storageKey: path2 ?? "value" }) })
+    /* @__PURE__ */ jsx$1(Box, { flex: 1, minHeight: 0, overflow: "hidden", children: treeValue !== null && /* @__PURE__ */ jsx$1(EastChakraValueTree, { value: treeValue, storageKey: path2 ?? "value", scrollToRow: jumpRow }) })
   ] });
 });
 const InputPreview = memo(function InputPreview2({
@@ -65262,6 +65621,7 @@ export {
   BindPlatform,
   BindRuntime,
   DataTaskPreview,
+  DatasetKeySearch,
   DatasetPreview,
   E3Provider,
   EastChakraDecisionJournal,