Increase compatibility for node16 moduleResolution when used for direct imports (#225)

Author: VaguelySerious

.changeset/bumpy-taxis-learn.md

@@ -0,0 +1,5 @@
+---
+"@workflow/web-shared": patch
+---
+
+Increase compatibility for node16 moduleResolution when used for direct imports

packages/web-shared/package.json

@@ -11,6 +11,8 @@
     "access": "public"
   },
   "license": "Apache-2.0",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

packages/web-shared/src/workflow-trace-view.tsx

@@ -31,6 +31,7 @@ export const WorkflowTraceViewer = ({
   env,
   isLoading,
   error,
+  height = 800,
 }: {
   run: WorkflowRun;
   steps: Step[];
@@ -39,6 +40,7 @@ export const WorkflowTraceViewer = ({
   env: EnvMap;
   isLoading?: boolean;
   error?: Error | null;
+  height?: number;
 }) => {
   const [now, setNow] = useState(() => new Date());
 
@@ -176,7 +178,7 @@ export const WorkflowTraceViewer = ({
         customSpanEventClassNameFunc={getCustomSpanEventClassName}
         customPanelComponent={<WorkflowDetailPanel env={env} />}
       >
-        <TraceViewerTimeline height={800} trace={trace} withPanel />
+        <TraceViewerTimeline height={height} trace={trace} withPanel />
       </TraceViewerContextProvider>
     </div>
   );