@elaraai/e3-ui-components 1.0.41 → 1.0.43

package/dist/components/InputPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPreview.d.ts","sourceRoot":"","sources":["../../src/components/InputPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,yDA0BuD,CAAC"}
+{"version":3,"file":"InputPreview.d.ts","sourceRoot":"","sources":["../../src/components/InputPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,yDA6BuD,CAAC"}

package/dist/components/TaskPreview.d.ts

@@ -5,6 +5,12 @@ export interface TaskPreviewProps {
     workspace: string;
     task: string;
     requestOptions?: RequestOptions;
+    /**
+     * Chromeless mode: drop the task-name header bar and, for a `ui` task,
+     * render the output edge-to-edge (forwarded to {@link UITaskPreview} as
+     * `bare`) — for host kiosk embedding of a deployed `<App>`. Default `false`.
+     */
+    bare?: boolean;
 }
 export declare const TaskPreview: import('react').NamedExoticComponent<TaskPreviewProps>;
 //# sourceMappingURL=TaskPreview.d.ts.map

package/dist/components/TaskPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskPreview.d.ts","sourceRoot":"","sources":["../../src/components/TaskPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAcH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,wDAsCmF,CAAC"}
+{"version":3,"file":"TaskPreview.d.ts","sourceRoot":"","sources":["../../src/components/TaskPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAcH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,wDA4C8G,CAAC"}

package/dist/components/UITaskPreview.d.ts

@@ -11,6 +11,13 @@ export interface UITaskPreviewProps {
      * Poll interval (ms) for the manifest's declared reads. Default 1000ms.
      */
     pollInterval?: number;
+    /**
+     * Chromeless mode: drop the padding + scroll wrapper so the ui output
+     * (e.g. a deployed `<App>` shell that owns its own layout) fills its
+     * container edge-to-edge — for host kiosk embedding. Default `false`
+     * (the padded, scrollable preview wrapper).
+     */
+    bare?: boolean;
 }
 export declare const UITaskPreview: import('react').NamedExoticComponent<UITaskPreviewProps>;
 //# sourceMappingURL=UITaskPreview.d.ts.map

package/dist/components/UITaskPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UITaskPreview.d.ts","sourceRoot":"","sources":["../../src/components/UITaskPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAyCH,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAW9E,MAAM,WAAW,kBAAkB;IAC/B,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD,eAAO,MAAM,aAAa,0DAsHxB,CAAC"}
+{"version":3,"file":"UITaskPreview.d.ts","sourceRoot":"","sources":["../../src/components/UITaskPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAyCH,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAW9E,MAAM,WAAW,kBAAkB;IAC/B,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD,eAAO,MAAM,aAAa,0DAyHxB,CAAC"}

package/dist/hooks/types.d.ts

@@ -1,3 +1,4 @@
+import { keepPreviousData } from '@tanstack/react-query';
 import { DatasetStatusDetail } from '@elaraai/e3-api-client';
 import { option } from '@elaraai/east';
 /**
@@ -22,5 +23,11 @@ export interface QueryOverrides {
     refetchOnMount?: boolean | 'always';
     retry?: boolean | number;
     retryDelay?: number | ((attempt: number) => number);
+    /**
+     * Value to show while a new query key loads. `keepPreviousData` holds the
+     * previous result on screen so a key change (e.g. an edit producing a new
+     * content hash) does not flash the loading state.
+     */
+    placeholderData?: typeof keepPreviousData;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/hooks/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/hooks/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CACvD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/hooks/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACpD;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,gBAAgB,CAAC;CAC7C"}

package/dist/hooks/useTaskLogsHook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTaskLogsHook.d.ts","sourceRoot":"","sources":["../../src/hooks/useTaskLogsHook.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAwD7D,wBAAgB,WAAW,CACvB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,MAAM,GAAE,QAAQ,GAAG,QAAmB,EACtC,cAAc,CAAC,EAAE,cAAc,EAC/B,YAAY,CAAC,EAAE,cAAc;UAlDd,MAAM;YAAU,MAAM;UAAQ,MAAM;eAAa,MAAM;cAAY,OAAO;UA2D5F"}
+{"version":3,"file":"useTaskLogsHook.d.ts","sourceRoot":"","sources":["../../src/hooks/useTaskLogsHook.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AA2D7D,wBAAgB,WAAW,CACvB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,MAAM,GAAE,QAAQ,GAAG,QAAmB,EACtC,cAAc,CAAC,EAAE,cAAc,EAC/B,YAAY,CAAC,EAAE,cAAc;UArDd,MAAM;YAAU,MAAM;UAAQ,MAAM;eAAa,MAAM;cAAY,OAAO;UA8D5F"}

package/dist/index.cjs

@@ -64112,20 +64112,25 @@ const InputPreview = React.memo(function InputPreview2({
   requestOptions
 }) {
   const displayName = path2.replace(/^\.inputs\./, "");
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { px: 4, py: 2, borderBottom: "1px solid", borderColor: "border.subtle", bg: "bg.surface", align: "center", justify: "space-between", children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "medium", color: "fg", children: displayName }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Box, { flex: 1, overflow: "hidden", minHeight: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-      DatasetPreview,
-      {
-        apiUrl,
-        repo,
-        workspace,
-        path: path2,
-        editable: true,
-        ...requestOptions != null && { requestOptions }
-      }
-    ) })
-  ] });
+  return (
+    // `height` rather than `flex`, matching the sibling previews: the host
+    // mount is not always a flex container, and a `flex` bound would then
+    // silently fall back to auto height and grow with the content.
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { height: "100%", display: "flex", flexDirection: "column", overflow: "hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { px: 4, py: 2, borderBottom: "1px solid", borderColor: "border.subtle", bg: "bg.surface", align: "center", justify: "space-between", children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "medium", color: "fg", children: displayName }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Box, { flex: 1, overflow: "hidden", minHeight: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+        DatasetPreview,
+        {
+          apiUrl,
+          repo,
+          workspace,
+          path: path2,
+          editable: true,
+          ...requestOptions != null && { requestOptions }
+        }
+      ) })
+    ] })
+  );
 }, (prev2, next2) => prev2.path === next2.path && prev2.workspace === next2.workspace);
 function treePathToString$1(path2) {
   return path2.map((p2) => p2.value).join(".");
@@ -64133,7 +64138,8 @@ function treePathToString$1(path2) {
 const UITaskPreview = React.memo(function UITaskPreview2({
   task,
   config: config2,
-  pollInterval = 1e3
+  pollInterval = 1e3,
+  bare = false
 }) {
   var _a2, _b2;
   const e3 = useE3ConfigOptional();
@@ -64209,7 +64215,7 @@ const UITaskPreview = React.memo(function UITaskPreview2({
   if (statusQuery.data.refType !== "value") return /* @__PURE__ */ jsxRuntime.jsx(StatusDisplay, { variant: "info", title: "No output yet", message: "Task has not produced a value" });
   if (valueQuery.isLoading || !valueQuery.data) return /* @__PURE__ */ jsxRuntime.jsx(StatusDisplay, { variant: "loading", title: "Loading..." });
   if (valueQuery.error) return /* @__PURE__ */ jsxRuntime.jsx(StatusDisplay, { variant: "error", title: "Decode failed", message: valueQuery.error.message });
-  return /* @__PURE__ */ jsxRuntime.jsx(eastUiComponents.UIStoreProvider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { height: "100%", overflow: "auto", p: "4", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(eastUiComponents.UIStoreProvider, { store, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { height: "100%", overflow: bare ? void 0 : "auto", p: bare ? void 0 : "4", minH: bare ? 0 : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
     eastUiComponents.EastChakraComponent,
     {
       value: valueQuery.data.decoded,
@@ -64592,10 +64598,10 @@ async function fetchAllLogs(apiUrl, repo, workspace, taskName, stream, requestOp
       }, requestOptions ?? { token: null });
       allData += chunk.data;
       totalSize = chunk.totalSize;
-      if (chunk.complete || allData.length >= MAX_TOTAL_SIZE) {
+      if (chunk.complete || allData.length >= MAX_TOTAL_SIZE || chunk.size === 0n) {
         break;
       }
-      offset += CHUNK_SIZE;
+      offset += Number(chunk.size);
     }
     return {
       data: allData,
@@ -64726,18 +64732,20 @@ const TaskPreview = React.memo(function TaskPreview2({
   repo,
   workspace,
   task,
-  requestOptions
+  requestOptions,
+  bare = false
 }) {
   const detailsQuery = useTaskDetails(apiUrl, repo, workspace, task, {
     ...requestOptions != null && { requestOptions }
   });
   const kind = detailsQuery.data ? getTaskKind(detailsQuery.data) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { height: "100%", display: "flex", flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { px: 4, py: 2, borderBottom: "1px solid", borderColor: "border.subtle", bg: "bg.surface", align: "center", flexShrink: 0, children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "medium", color: "fg", children: task }) }),
+    !bare && /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { px: 4, py: 2, borderBottom: "1px solid", borderColor: "border.subtle", bg: "bg.surface", align: "center", flexShrink: 0, children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "medium", color: "fg", children: task }) }),
     /* @__PURE__ */ jsxRuntime.jsx(react.Box, { flex: 1, overflow: "hidden", minHeight: 0, children: detailsQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(StatusDisplay, { variant: "loading", title: "Loading task..." }) : detailsQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(StatusDisplay, { variant: "error", title: "Error", message: detailsQuery.error.message }) : kind === "ui" ? /* @__PURE__ */ jsxRuntime.jsx(
       UITaskPreview,
       {
         task,
+        bare,
         config: { apiUrl, repo, workspace, token: (requestOptions == null ? void 0 : requestOptions.token) ?? null }
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -64751,7 +64759,7 @@ const TaskPreview = React.memo(function TaskPreview2({
       }
     ) })
   ] });
-}, (prev2, next2) => prev2.task === next2.task && prev2.repo === next2.repo && prev2.workspace === next2.workspace);
+}, (prev2, next2) => prev2.task === next2.task && prev2.repo === next2.repo && prev2.workspace === next2.workspace && prev2.bare === next2.bare);
 function formatPrimitive(type, value) {
   switch (type.type) {
     case "Null":