@elaraai/e3-ui-components 0.0.1-beta.15 → 0.0.1-beta.16

package/dist/components/InputPreview.d.ts

@@ -1,10 +1,9 @@
-import { DatasetStatusInfo, RequestOptions } from '@elaraai/e3-api-client';
+import { RequestOptions } from '@elaraai/e3-api-client';
 export interface InputPreviewProps {
     apiUrl: string;
     repo: string;
     workspace: string;
     path: string;
-    inputInfo: DatasetStatusInfo | null;
     requestOptions?: RequestOptions;
 }
 /**

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;AA2BH,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAOhF,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAiLvB,CAAC"}
+{"version":3,"file":"InputPreview.d.ts","sourceRoot":"","sources":["../../src/components/InputPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AA2BH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAO7D,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;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDA+KuD,CAAC"}

package/dist/components/TaskPreview.d.ts

@@ -1,11 +1,10 @@
-import { TaskStatusInfo, RequestOptions } from '@elaraai/e3-api-client';
+import { RequestOptions } from '@elaraai/e3-api-client';
 export interface TaskPreviewProps {
     apiUrl: string;
     repo: string;
     workspace: string;
     task: string;
-    taskInfo: TaskStatusInfo | null;
-    outputHash: string | null;
+    output: string;
     requestOptions?: RequestOptions;
 }
 /**

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;AAiCH,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAO7E,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDA+OuL,CAAC"}
+{"version":3,"file":"TaskPreview.d.ts","sourceRoot":"","sources":["../../src/components/TaskPreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAiCH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAO7D,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDA6NkH,CAAC"}

package/dist/hooks/useInputDataPreview.d.ts

@@ -1,6 +1,6 @@
 import { QueryOverrides, DatasetPreview } from './types.js';
-import { DatasetStatusInfo, RequestOptions } from '@elaraai/e3-api-client';
-export declare function useInputDataPreview(apiUrl: string, repo: string, workspace: string | null, inputInfo: DatasetStatusInfo | null, requestOptions?: RequestOptions, queryOptions?: QueryOverrides): {
+import { RequestOptions } from '@elaraai/e3-api-client';
+export declare function useInputDataPreview(apiUrl: string, repo: string, workspace: string | null, path: string | null, requestOptions?: RequestOptions, queryOptions?: QueryOverrides): {
     data: DatasetPreview | undefined;
     isLoading: boolean;
     error: Error | null;

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

@@ -1 +1 @@
-{"version":3,"file":"useInputDataPreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputDataPreview.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKhF,wBAAgB,mBAAmB,CAC/B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,cAAc,CAAC,EAAE,cAAc,EAC/B,YAAY,CAAC,EAAE,cAAc;;;;EA8ChC"}
+{"version":3,"file":"useInputDataPreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputDataPreview.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,wBAAgB,mBAAmB,CAC/B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,cAAc,CAAC,EAAE,cAAc,EAC/B,YAAY,CAAC,EAAE,cAAc;;;;EA+ChC"}

package/dist/hooks/useTaskLogsHook.d.ts

@@ -1,6 +1,6 @@
 import { QueryOverrides } from './types.js';
-import { TaskStatusInfo, RequestOptions } from '@elaraai/e3-api-client';
-export declare function useTaskLogs(apiUrl: string, repo: string, workspace: string | null, task: TaskStatusInfo | null, stream?: 'stdout' | 'stderr', requestOptions?: RequestOptions, queryOptions?: QueryOverrides): import('@tanstack/react-query').UseQueryResult<{
+import { RequestOptions } from '@elaraai/e3-api-client';
+export declare function useTaskLogs(apiUrl: string, repo: string, workspace: string | null, taskName: string | null, stream?: 'stdout' | 'stderr', requestOptions?: RequestOptions, queryOptions?: QueryOverrides): import('@tanstack/react-query').UseQueryResult<{
     data: string;
     offset: bigint;
     size: bigint;

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,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAwD7E,wBAAgB,WAAW,CACvB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,IAAI,EAAE,cAAc,GAAG,IAAI,EAC3B,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;UAgE5F"}
+{"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"}

package/dist/hooks/useTaskOutputPreview.d.ts

@@ -1,6 +1,6 @@
 import { QueryOverrides, DatasetPreview } from './types.js';
-import { TaskStatusInfo, RequestOptions } from '@elaraai/e3-api-client';
-export declare function useTaskOutputPreview(apiUrl: string, repo: string, workspace: string | null, task: TaskStatusInfo | null, outputHash?: string | null, requestOptions?: RequestOptions, queryOptions?: QueryOverrides): {
+import { RequestOptions } from '@elaraai/e3-api-client';
+export declare function useTaskOutputPreview(apiUrl: string, repo: string, workspace: string | null, outputPath: string | null, requestOptions?: RequestOptions, queryOptions?: QueryOverrides): {
     data: DatasetPreview | undefined;
     isLoading: boolean;
     error: Error | null;

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

@@ -1 +1 @@
-{"version":3,"file":"useTaskOutputPreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useTaskOutputPreview.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7E,wBAAgB,oBAAoB,CAChC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,IAAI,EAAE,cAAc,GAAG,IAAI,EAC3B,UAAU,GAAE,MAAM,GAAG,IAAW,EAChC,cAAc,CAAC,EAAE,cAAc,EAC/B,YAAY,CAAC,EAAE,cAAc;;;;EA6ChC"}
+{"version":3,"file":"useTaskOutputPreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useTaskOutputPreview.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,wBAAgB,oBAAoB,CAChC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,cAAc,CAAC,EAAE,cAAc,EAC/B,YAAY,CAAC,EAAE,cAAc;;;;EA+ChC"}

package/dist/index.cjs

@@ -4482,34 +4482,35 @@ class ErrorBoundary extends React.Component {
   }
 }
 const MAX_DOWNLOAD_SIZE$1 = 10 * 1024 * 1024;
-function useInputDataPreview(apiUrl, repo, workspace, inputInfo, requestOptions, queryOptions) {
-  const isUpToDate = React.useMemo(() => (inputInfo == null ? void 0 : inputInfo.status.type) === "up-to-date", [inputInfo == null ? void 0 : inputInfo.status.type]);
-  const hash = React.useMemo(() => {
-    var _a;
-    return ((_a = inputInfo == null ? void 0 : inputInfo.hash) == null ? void 0 : _a.type) === "some" ? inputInfo.hash.value : null;
-  }, [inputInfo == null ? void 0 : inputInfo.hash]);
+function useInputDataPreview(apiUrl, repo, workspace, path, requestOptions, queryOptions) {
   const pathParts = React.useMemo(
-    () => {
-      var _a;
-      return ((_a = inputInfo == null ? void 0 : inputInfo.path) == null ? void 0 : _a.split(".").filter(Boolean).map((v2) => east.variant("field", v2))) ?? [];
-    },
-    [inputInfo == null ? void 0 : inputInfo.path]
+    () => (path == null ? void 0 : path.split(".").filter(Boolean).map((v2) => east.variant("field", v2))) ?? [],
+    [path]
   );
   const status = reactQuery.useQuery({
-    queryKey: ["inputDataStatus", apiUrl, repo, workspace, inputInfo == null ? void 0 : inputInfo.path, hash],
+    queryKey: ["inputDataStatus", apiUrl, repo, workspace, path],
     queryFn: () => e3ApiClient.datasetGetStatus(apiUrl, repo, workspace, pathParts, requestOptions ?? { token: null }),
-    enabled: !!workspace && !!inputInfo && isUpToDate,
+    enabled: !!workspace && !!path,
+    refetchInterval: 1e3,
     ...queryOptions
   });
+  const hash = React.useMemo(() => {
+    var _a, _b;
+    return ((_b = (_a = status.data) == null ? void 0 : _a.hash) == null ? void 0 : _b.type) === "some" ? status.data.hash.value : null;
+  }, [status.data]);
+  const hasData = React.useMemo(() => {
+    var _a;
+    return ((_a = status.data) == null ? void 0 : _a.refType) === "value" && hash !== null;
+  }, [status.data, hash]);
   const size = React.useMemo(() => {
     var _a, _b;
     return ((_b = (_a = status.data) == null ? void 0 : _a.size) == null ? void 0 : _b.type) === "some" ? status.data.size.value : null;
   }, [status.data]);
   const isOversized = React.useMemo(() => size !== null && size > MAX_DOWNLOAD_SIZE$1, [size]);
   const data = reactQuery.useQuery({
-    queryKey: ["inputData", apiUrl, repo, workspace, inputInfo == null ? void 0 : inputInfo.path, hash],
+    queryKey: ["inputData", apiUrl, repo, workspace, path, hash],
     queryFn: () => e3ApiClient.datasetGet(apiUrl, repo, workspace, pathParts, requestOptions ?? { token: null }),
-    enabled: !!status.data && !isOversized,
+    enabled: hasData && !isOversized,
     ...queryOptions
   });
   const preview = React.useMemo(() => {
@@ -4525,7 +4526,7 @@ function useInputDataPreview(apiUrl, repo, workspace, inputInfo, requestOptions,
   }, [status.data, data.data]);
   return {
     data: preview,
-    isLoading: status.isLoading || status.isSuccess && !isOversized && data.isLoading,
+    isLoading: status.isLoading || status.isSuccess && hasData && !isOversized && data.isLoading,
     error: status.error ?? data.error ?? null
   };
 }
@@ -4866,10 +4867,9 @@ const InputPreview = React.memo(function InputPreview2({
   repo,
   workspace,
   path,
-  inputInfo,
   requestOptions
 }) {
-  const { data: preview, isLoading, error } = useInputDataPreview(apiUrl, repo, workspace, inputInfo, requestOptions);
+  const { data: preview, isLoading, error } = useInputDataPreview(apiUrl, repo, workspace, path, requestOptions);
   const output = React.useMemo(
     () => (preview == null ? void 0 : preview.value.type) === "some" ? preview.value.value : void 0,
     [preview]
@@ -4891,13 +4891,17 @@ const InputPreview = React.memo(function InputPreview2({
   }, [output]);
   const store = React.useMemo(() => eastUiComponents.createEastStore(), [decode]);
   const displayName = path.replace(/^\.inputs\./, "");
+  const hasData = React.useMemo(() => {
+    var _a;
+    return (preview == null ? void 0 : preview.refType) === "value" && ((_a = preview == null ? void 0 : preview.hash) == null ? void 0 : _a.type) === "some";
+  }, [preview]);
   const content = React.useMemo(() => {
-    if ((inputInfo == null ? void 0 : inputInfo.status.type) !== "up-to-date") {
+    if (preview && !hasData) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         StatusDisplay,
         {
           variant: "info",
-          title: `Input is ${(inputInfo == null ? void 0 : inputInfo.status.type) ?? "unknown"}`,
+          title: "No data available",
           message: "Set the input value to see output"
         }
       );
@@ -4972,7 +4976,7 @@ const InputPreview = React.memo(function InputPreview2({
         title: `No data available for input "${displayName}"`
       }
     );
-  }, [preview, decode, displayName, isLoading, output, inputInfo == null ? void 0 : inputInfo.status.type]);
+  }, [preview, decode, displayName, isLoading, output, hasData]);
   if (error) {
     const { message, details } = formatApiError(error);
     return /* @__PURE__ */ jsxRuntime.jsx(StatusDisplay, { variant: "error", title: "Failed to load input", message, details: details ?? "" });
@@ -4993,12 +4997,7 @@ const InputPreview = React.memo(function InputPreview2({
     ),
     /* @__PURE__ */ jsxRuntime.jsx(react.Box, { flex: 1, overflow: "hidden", minHeight: 0, children: content })
   ] }) });
-}, (prev, next) => {
-  var _a, _b, _c, _d;
-  const prevHash = ((_b = (_a = prev.inputInfo) == null ? void 0 : _a.hash) == null ? void 0 : _b.type) === "some" ? prev.inputInfo.hash.value : null;
-  const nextHash = ((_d = (_c = next.inputInfo) == null ? void 0 : _c.hash) == null ? void 0 : _d.type) === "some" ? next.inputInfo.hash.value : null;
-  return prev.path === next.path && prev.workspace === next.workspace && prevHash === nextHash;
-});
+}, (prev, next) => prev.path === next.path && prev.workspace === next.workspace);
 function HighlightedLine({
   text,
   lineMatches,
@@ -5359,30 +5358,35 @@ function VirtualizedLogViewer({ content, tabs }) {
   );
 }
 const MAX_DOWNLOAD_SIZE = 50 * 1024 * 1024;
-function useTaskOutputPreview(apiUrl, repo, workspace, task, outputHash = null, requestOptions, queryOptions) {
-  const isUpToDate = React.useMemo(() => (task == null ? void 0 : task.status.type) === "up-to-date", [task == null ? void 0 : task.status.type]);
+function useTaskOutputPreview(apiUrl, repo, workspace, outputPath, requestOptions, queryOptions) {
   const pathParts = React.useMemo(
-    () => {
-      var _a;
-      return ((_a = task == null ? void 0 : task.output) == null ? void 0 : _a.split(".").map((v2) => east.variant("field", v2))) ?? [];
-    },
-    [task == null ? void 0 : task.output]
+    () => (outputPath == null ? void 0 : outputPath.split(".").map((v2) => east.variant("field", v2))) ?? [],
+    [outputPath]
   );
   const status = reactQuery.useQuery({
-    queryKey: ["taskOutputStatus", apiUrl, repo, workspace, task == null ? void 0 : task.name, outputHash],
+    queryKey: ["taskOutputStatus", apiUrl, repo, workspace, outputPath],
     queryFn: () => e3ApiClient.datasetGetStatus(apiUrl, repo, workspace, pathParts, requestOptions ?? { token: null }),
-    enabled: !!workspace && !!task && isUpToDate,
+    enabled: !!workspace && !!outputPath,
+    refetchInterval: 1e3,
     ...queryOptions
   });
+  const hash = React.useMemo(() => {
+    var _a, _b;
+    return ((_b = (_a = status.data) == null ? void 0 : _a.hash) == null ? void 0 : _b.type) === "some" ? status.data.hash.value : null;
+  }, [status.data]);
+  const hasData = React.useMemo(() => {
+    var _a;
+    return ((_a = status.data) == null ? void 0 : _a.refType) === "value" && hash !== null;
+  }, [status.data, hash]);
   const size = React.useMemo(() => {
     var _a, _b;
     return ((_b = (_a = status.data) == null ? void 0 : _a.size) == null ? void 0 : _b.type) === "some" ? status.data.size.value : null;
   }, [status.data]);
   const isOversized = React.useMemo(() => size !== null && size > MAX_DOWNLOAD_SIZE, [size]);
   const data = reactQuery.useQuery({
-    queryKey: ["taskOutput", apiUrl, repo, workspace, task == null ? void 0 : task.name, outputHash],
+    queryKey: ["taskOutput", apiUrl, repo, workspace, outputPath, hash],
     queryFn: () => e3ApiClient.datasetGet(apiUrl, repo, workspace, pathParts, requestOptions ?? { token: null }),
-    enabled: !!status.data && !isOversized,
+    enabled: hasData && !isOversized,
     ...queryOptions
   });
   const preview = React.useMemo(() => {
@@ -5398,7 +5402,7 @@ function useTaskOutputPreview(apiUrl, repo, workspace, task, outputHash = null,
   }, [status.data, data.data]);
   return {
     data: preview,
-    isLoading: status.isLoading || status.isSuccess && !isOversized && data.isLoading,
+    isLoading: status.isLoading || status.isSuccess && hasData && !isOversized && data.isLoading,
     error: status.error ?? data.error ?? null
   };
 }
@@ -5439,15 +5443,12 @@ async function fetchAllLogs(apiUrl, repo, workspace, taskName, stream, requestOp
     };
   }
 }
-function useTaskLogs(apiUrl, repo, workspace, task, stream = "stdout", requestOptions, queryOptions) {
-  const isTaskRunning = (task == null ? void 0 : task.status.type) === "in-progress" || (task == null ? void 0 : task.status.type) === "stale-running";
+function useTaskLogs(apiUrl, repo, workspace, taskName, stream = "stdout", requestOptions, queryOptions) {
   return reactQuery.useQuery({
-    // Include task status in query key so we refetch when status changes
-    queryKey: ["taskLogs", apiUrl, repo, workspace, task == null ? void 0 : task.name, task == null ? void 0 : task.status.type, stream],
-    queryFn: () => fetchAllLogs(apiUrl, repo, workspace, task.name, stream, requestOptions),
-    enabled: !!workspace && !!task,
-    // Only refetch every second while task is running, otherwise stop polling
-    refetchInterval: isTaskRunning ? 1e3 : false,
+    queryKey: ["taskLogs", apiUrl, repo, workspace, taskName, stream],
+    queryFn: () => fetchAllLogs(apiUrl, repo, workspace, taskName, stream, requestOptions),
+    enabled: !!workspace && !!taskName,
+    refetchInterval: 1e3,
     ...queryOptions
   });
 }
@@ -5457,24 +5458,23 @@ const TaskPreview = React.memo(function TaskPreview2({
   repo,
   workspace,
   task,
-  taskInfo,
-  outputHash,
+  output,
   requestOptions
 }) {
-  const { data: preview, isLoading, error } = useTaskOutputPreview(apiUrl, repo, workspace, taskInfo, outputHash, requestOptions);
-  const output = React.useMemo(
+  const { data: preview, isLoading, error } = useTaskOutputPreview(apiUrl, repo, workspace, output, requestOptions);
+  const rawOutput = React.useMemo(
     () => (preview == null ? void 0 : preview.value.type) === "some" ? preview.value.value : void 0,
     [preview]
   );
-  const { data: stdout } = useTaskLogs(apiUrl, repo, workspace, taskInfo, "stdout", requestOptions);
-  const { data: stderr } = useTaskLogs(apiUrl, repo, workspace, taskInfo, "stderr", requestOptions);
+  const { data: stdout } = useTaskLogs(apiUrl, repo, workspace, task, "stdout", requestOptions);
+  const { data: stderr } = useTaskLogs(apiUrl, repo, workspace, task, "stderr", requestOptions);
   const ir = React.useMemo(() => {
-    if (!output) return null;
+    if (!rawOutput) return null;
     try {
-      const { type } = east.decodeBeast2(output);
+      const { type } = east.decodeBeast2(rawOutput);
       if (east.isTypeValueEqual(type, east.toEastTypeValue(eastUi.UIComponentType))) {
         const decoder = east.decodeBeast2For(eastUi.UIComponentType, { platform: platformImplementations });
-        const value = decoder(output);
+        const value = decoder(rawOutput);
         return value;
       } else {
         return null;
@@ -5482,7 +5482,7 @@ const TaskPreview = React.memo(function TaskPreview2({
     } catch {
       return null;
     }
-  }, [output]);
+  }, [rawOutput]);
   const store = React.useMemo(() => eastUiComponents.createEastStore(), [ir]);
   const stdoutContent = React.useMemo(() => (stdout == null ? void 0 : stdout.data) ?? "", [stdout == null ? void 0 : stdout.data]);
   const stderrContent = React.useMemo(() => (stderr == null ? void 0 : stderr.data) ?? "", [stderr == null ? void 0 : stderr.data]);
@@ -5497,13 +5497,17 @@ const TaskPreview = React.memo(function TaskPreview2({
       return ir === null ? "logs" : "output";
     });
   }, [isLoading, ir]);
+  const hasData = React.useMemo(() => {
+    var _a;
+    return (preview == null ? void 0 : preview.refType) === "value" && ((_a = preview == null ? void 0 : preview.hash) == null ? void 0 : _a.type) === "some";
+  }, [preview]);
   const outputPanel = React.useMemo(() => {
-    if ((taskInfo == null ? void 0 : taskInfo.status.type) !== "up-to-date") {
+    if (preview && !hasData) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         StatusDisplay,
         {
           variant: "info",
-          title: `Task is ${(taskInfo == null ? void 0 : taskInfo.status.type) ?? "unknown"}`,
+          title: "No output available",
           message: "Run the task to see output"
         }
       );
@@ -5540,9 +5544,9 @@ const TaskPreview = React.memo(function TaskPreview2({
     if (ir !== null) {
       return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { height: "100%", overflow: "auto", p: "4", children: /* @__PURE__ */ jsxRuntime.jsx(eastUiComponents.EastChakraComponent, { value: ir }) });
     }
-    if (output && ir === null) {
+    if (rawOutput && ir === null) {
       try {
-        const decoded = east.decodeBeast2(output);
+        const decoded = east.decodeBeast2(rawOutput);
         return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { height: "100%", overflow: "auto", p: "4", children: /* @__PURE__ */ jsxRuntime.jsx(EastValueViewer, { type: decoded.type, value: decoded.value }) });
       } catch (e2) {
         const errorMessage = e2 instanceof Error ? e2.message : String(e2);
@@ -5556,7 +5560,7 @@ const TaskPreview = React.memo(function TaskPreview2({
         title: `No output available for task "${task}"`
       }
     );
-  }, [preview, ir, task, isLoading, output, taskInfo == null ? void 0 : taskInfo.status.type]);
+  }, [preview, ir, task, isLoading, rawOutput, hasData]);
   const activeLogContent = React.useMemo(() => tabs.value === "stderr" ? stderrContent : stdoutContent, [tabs.value, stderrContent, stdoutContent]);
   const logsPanel = React.useMemo(() => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5617,10 +5621,7 @@ const TaskPreview = React.memo(function TaskPreview2({
     ),
     /* @__PURE__ */ jsxRuntime.jsx(react.Box, { flex: 1, overflow: "hidden", minHeight: 0, children: viewMode === "output" ? outputPanel : logsPanel })
   ] }) });
-}, (prev, next) => {
-  var _a, _b;
-  return prev.task === next.task && prev.repo === next.repo && prev.workspace === next.workspace && prev.outputHash === next.outputHash && ((_a = prev.taskInfo) == null ? void 0 : _a.status.type) === ((_b = next.taskInfo) == null ? void 0 : _b.status.type);
-});
+}, (prev, next) => prev.task === next.task && prev.repo === next.repo && prev.workspace === next.workspace && prev.output === next.output);
 exports.EastValueViewer = EastValueViewer;
 exports.ErrorBoundary = ErrorBoundary;
 exports.InputPreview = InputPreview;