@stigmer/react 3.1.0 → 3.1.1

package/src/workflow/inspector/EdgeInspector.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "@stigmer/theme";
-import type { WorkflowGraphEdge, WorkflowGraphModel } from "../workflow-graph-model";
+import type { WorkflowGraphEdge, WorkflowGraphModel } from "../workflow-graph-model.js";
 
 /** Props for {@link EdgeInspector}. */
 export interface EdgeInspectorProps {

package/src/workflow/inspector/ExecutionInspectorAdapter.tsx

@@ -2,8 +2,8 @@
 
 import { memo } from "react";
 import { cn } from "@stigmer/theme";
-import { ExecutionInspector } from "../execution-inspector";
-import type { ExecutionInspectorProps } from "../execution-inspector";
+import { ExecutionInspector } from "../execution-inspector/index.js";
+import type { ExecutionInspectorProps } from "../execution-inspector/index.js";
 
 /**
  * Props for {@link ExecutionInspectorAdapter}.

package/src/workflow/inspector/InspectorHeader.tsx

@@ -2,9 +2,9 @@
 
 import { memo, useState, useCallback } from "react";
 import { cn } from "@stigmer/theme";
-import type { WorkflowGraphModel } from "../workflow-graph-model";
-import { TASK_NAME_PATTERN, TASK_NAME_PATTERN_ERROR } from "../canvas-constants";
-import type { InspectorNodeIdentity, InspectorMutations } from "./types";
+import type { WorkflowGraphModel } from "../workflow-graph-model.js";
+import { TASK_NAME_PATTERN, TASK_NAME_PATTERN_ERROR } from "../canvas-constants.js";
+import type { InspectorNodeIdentity, InspectorMutations } from "./types.js";
 
 /** Props for {@link InspectorHeader}. */
 export interface InspectorHeaderProps {

package/src/workflow/inspector/InspectorShell.tsx

@@ -3,26 +3,26 @@
 import { memo, useMemo, useCallback } from "react";
 import { cn } from "@stigmer/theme";
 import type { JsonObject } from "@bufbuild/protobuf";
-import type { WorkflowGraphModel, WorkflowGraphNode, WorkflowGraphEdge } from "../workflow-graph-model";
-import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model";
-import type { CanvasSelection } from "../useWorkflowCanvas";
-import type { TaskKindDescriptor } from "../types";
-import { Tabs } from "../../tabs/Tabs";
-import { CATEGORY_COLORS } from "../canvas-constants";
-import { taskKindToString } from "../workflow-graph-conversions";
-import { InspectorHeader } from "./InspectorHeader";
-import { useInspectorTabs } from "./useInspectorTabs";
-import { ConfigureTab } from "./tabs/ConfigureTab";
-import { BranchesTab } from "./tabs/BranchesTab";
-import { CatchTab } from "./tabs/CatchTab";
-import { IterationTab } from "./tabs/IterationTab";
-import { DataTab } from "./tabs/DataTab";
-import { RuntimeTab } from "./tabs/RuntimeTab";
-import { AdvancedTab } from "./tabs/AdvancedTab";
-import { DocsTab } from "./tabs/DocsTab";
-import { EdgeInspector } from "./EdgeInspector";
-import { SentinelInspector } from "./SentinelInspector";
-import type { InspectorMutations, InspectorNodeIdentity, DesignTabId } from "./types";
+import type { WorkflowGraphModel, WorkflowGraphNode, WorkflowGraphEdge } from "../workflow-graph-model.js";
+import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model.js";
+import type { CanvasSelection } from "../useWorkflowCanvas.js";
+import type { TaskKindDescriptor } from "../types.js";
+import { Tabs } from "../../tabs/Tabs.js";
+import { CATEGORY_COLORS } from "../canvas-constants.js";
+import { taskKindToString } from "../workflow-graph-conversions.js";
+import { InspectorHeader } from "./InspectorHeader.js";
+import { useInspectorTabs } from "./useInspectorTabs.js";
+import { ConfigureTab } from "./tabs/ConfigureTab.js";
+import { BranchesTab } from "./tabs/BranchesTab.js";
+import { CatchTab } from "./tabs/CatchTab.js";
+import { IterationTab } from "./tabs/IterationTab.js";
+import { DataTab } from "./tabs/DataTab.js";
+import { RuntimeTab } from "./tabs/RuntimeTab.js";
+import { AdvancedTab } from "./tabs/AdvancedTab.js";
+import { DocsTab } from "./tabs/DocsTab.js";
+import { EdgeInspector } from "./EdgeInspector.js";
+import { SentinelInspector } from "./SentinelInspector.js";
+import type { InspectorMutations, InspectorNodeIdentity, DesignTabId } from "./types.js";
 
 /** Props for {@link InspectorShell}. */
 export interface InspectorShellProps {

package/src/workflow/inspector/SentinelInspector.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { cn } from "@stigmer/theme";
-import type { WorkflowGraphNode } from "../workflow-graph-model";
-import { START_NODE_ID } from "../workflow-graph-model";
+import type { WorkflowGraphNode } from "../workflow-graph-model.js";
+import { START_NODE_ID } from "../workflow-graph-model.js";
 
 /** Props for {@link SentinelInspector}. */
 export interface SentinelInspectorProps {

package/src/workflow/inspector/WorkflowSummaryPanel.tsx

@@ -2,10 +2,10 @@
 
 import { memo, useMemo, useState, useCallback } from "react";
 import { cn } from "@stigmer/theme";
-import type { WorkflowGraphModel, WorkflowGraphBudget, WorkflowGraphEnvVar } from "../workflow-graph-model";
-import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model";
-import { CATEGORY_DISPLAY_NAMES } from "../canvas-constants";
-import type { TopologyNodeCategory } from "../useWorkflowTopology";
+import type { WorkflowGraphModel, WorkflowGraphBudget, WorkflowGraphEnvVar } from "../workflow-graph-model.js";
+import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model.js";
+import { CATEGORY_DISPLAY_NAMES } from "../canvas-constants.js";
+import type { TopologyNodeCategory } from "../useWorkflowTopology.js";
 
 /** Props for {@link WorkflowSummaryPanel}. */
 export interface WorkflowSummaryPanelProps {

package/src/workflow/inspector/forms/AgentCallForm.tsx

@@ -2,7 +2,7 @@
 
 import { memo, useState, useCallback, useMemo } from "react";
 import type { JsonObject } from "@bufbuild/protobuf";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
 
 /** Props for {@link AgentCallForm}. */
 export interface AgentCallFormProps {

package/src/workflow/inspector/forms/HttpCallForm.tsx

@@ -2,7 +2,7 @@
 
 import { memo, useState, useCallback, useMemo } from "react";
 import type { JsonObject } from "@bufbuild/protobuf";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
 
 /** Props for {@link HttpCallForm}. */
 export interface HttpCallFormProps {

package/src/workflow/inspector/index.ts

@@ -5,51 +5,51 @@
  */
 
 // Shell
-export { InspectorShell } from "./InspectorShell";
-export type { InspectorShellProps } from "./InspectorShell";
+export { InspectorShell } from "./InspectorShell.js";
+export type { InspectorShellProps } from "./InspectorShell.js";
 
 // Header
-export { InspectorHeader } from "./InspectorHeader";
-export type { InspectorHeaderProps } from "./InspectorHeader";
+export { InspectorHeader } from "./InspectorHeader.js";
+export type { InspectorHeaderProps } from "./InspectorHeader.js";
 
 // Tabs hook
-export { useInspectorTabs } from "./useInspectorTabs";
-export type { UseInspectorTabsInput, UseInspectorTabsReturn } from "./useInspectorTabs";
+export { useInspectorTabs } from "./useInspectorTabs.js";
+export type { UseInspectorTabsInput, UseInspectorTabsReturn } from "./useInspectorTabs.js";
 
 // Sub-inspectors
-export { EdgeInspector } from "./EdgeInspector";
-export type { EdgeInspectorProps } from "./EdgeInspector";
-export { SentinelInspector } from "./SentinelInspector";
-export type { SentinelInspectorProps } from "./SentinelInspector";
+export { EdgeInspector } from "./EdgeInspector.js";
+export type { EdgeInspectorProps } from "./EdgeInspector.js";
+export { SentinelInspector } from "./SentinelInspector.js";
+export type { SentinelInspectorProps } from "./SentinelInspector.js";
 
 // Tab content components
-export { ConfigureTab } from "./tabs/ConfigureTab";
-export type { ConfigureTabProps } from "./tabs/ConfigureTab";
-export { DataTab } from "./tabs/DataTab";
-export type { DataTabProps } from "./tabs/DataTab";
-export { RuntimeTab } from "./tabs/RuntimeTab";
-export type { RuntimeTabProps } from "./tabs/RuntimeTab";
-export { AdvancedTab } from "./tabs/AdvancedTab";
-export type { AdvancedTabProps } from "./tabs/AdvancedTab";
-export { DocsTab } from "./tabs/DocsTab";
-export type { DocsTabProps } from "./tabs/DocsTab";
+export { ConfigureTab } from "./tabs/ConfigureTab.js";
+export type { ConfigureTabProps } from "./tabs/ConfigureTab.js";
+export { DataTab } from "./tabs/DataTab.js";
+export type { DataTabProps } from "./tabs/DataTab.js";
+export { RuntimeTab } from "./tabs/RuntimeTab.js";
+export type { RuntimeTabProps } from "./tabs/RuntimeTab.js";
+export { AdvancedTab } from "./tabs/AdvancedTab.js";
+export type { AdvancedTabProps } from "./tabs/AdvancedTab.js";
+export { DocsTab } from "./tabs/DocsTab.js";
+export type { DocsTabProps } from "./tabs/DocsTab.js";
 
 // Execution mode adapter
-export { ExecutionInspectorAdapter } from "./ExecutionInspectorAdapter";
-export type { ExecutionInspectorAdapterProps } from "./ExecutionInspectorAdapter";
+export { ExecutionInspectorAdapter } from "./ExecutionInspectorAdapter.js";
+export type { ExecutionInspectorAdapterProps } from "./ExecutionInspectorAdapter.js";
 
 // Per-kind forms
-export { AgentCallForm } from "./forms/AgentCallForm";
-export type { AgentCallFormProps } from "./forms/AgentCallForm";
-export { HttpCallForm } from "./forms/HttpCallForm";
-export type { HttpCallFormProps } from "./forms/HttpCallForm";
+export { AgentCallForm } from "./forms/AgentCallForm.js";
+export type { AgentCallFormProps } from "./forms/AgentCallForm.js";
+export { HttpCallForm } from "./forms/HttpCallForm.js";
+export type { HttpCallFormProps } from "./forms/HttpCallForm.js";
 
 // Task YAML serialization
-export { taskToYaml } from "./task-to-yaml";
+export { taskToYaml } from "./task-to-yaml.js";
 
 // Workflow summary (empty state)
-export { WorkflowSummaryPanel } from "./WorkflowSummaryPanel";
-export type { WorkflowSummaryPanelProps } from "./WorkflowSummaryPanel";
+export { WorkflowSummaryPanel } from "./WorkflowSummaryPanel.js";
+export type { WorkflowSummaryPanelProps } from "./WorkflowSummaryPanel.js";
 
 // Types
 export type {
@@ -60,4 +60,4 @@ export type {
   InspectorNodeIdentity,
   InspectorTabDefinition,
   InspectorMutations,
-} from "./types";
+} from "./types.js";

package/src/workflow/inspector/tabs/AdvancedTab.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { memo, useCallback } from "react";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
 
 /** Props for {@link AdvancedTab}. */
 export interface AdvancedTabProps {

package/src/workflow/inspector/tabs/BranchesTab.tsx

@@ -2,8 +2,8 @@
 
 import { memo, useCallback, useMemo, useState } from "react";
 import { cn } from "@stigmer/theme";
-import type { WorkflowGraphNode, WorkflowGraphModel } from "../../workflow-graph-model";
-import type { InspectorMutations } from "../types";
+import type { WorkflowGraphNode, WorkflowGraphModel } from "../../workflow-graph-model.js";
+import type { InspectorMutations } from "../types.js";
 
 export interface BranchesTabProps {
   readonly node: WorkflowGraphNode;

package/src/workflow/inspector/tabs/CatchTab.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { memo, useCallback, useMemo, useState } from "react";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
-import type { InspectorMutations } from "../types";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
+import type { InspectorMutations } from "../types.js";
 
 export interface CatchTabProps {
   readonly node: WorkflowGraphNode;

package/src/workflow/inspector/tabs/ConfigureTab.tsx

@@ -1,14 +1,14 @@
 "use client";
 
 import { memo } from "react";
-import type { WorkflowGraphNode, WorkflowGraphModel } from "../../workflow-graph-model";
-import type { TaskKindDescriptor } from "../../types";
-import { TaskConfigForm } from "../../TaskConfigForm";
-import { BranchConditionBuilder } from "../../BranchConditionBuilder";
-import { ApprovalFormBuilder } from "../../ApprovalFormBuilder";
-import { AgentCallForm } from "../forms/AgentCallForm";
-import { HttpCallForm } from "../forms/HttpCallForm";
-import type { InspectorMutations } from "../types";
+import type { WorkflowGraphNode, WorkflowGraphModel } from "../../workflow-graph-model.js";
+import type { TaskKindDescriptor } from "../../types.js";
+import { TaskConfigForm } from "../../TaskConfigForm.js";
+import { BranchConditionBuilder } from "../../BranchConditionBuilder.js";
+import { ApprovalFormBuilder } from "../../ApprovalFormBuilder.js";
+import { AgentCallForm } from "../forms/AgentCallForm.js";
+import { HttpCallForm } from "../forms/HttpCallForm.js";
+import type { InspectorMutations } from "../types.js";
 
 /** Props for {@link ConfigureTab}. */
 export interface ConfigureTabProps {

package/src/workflow/inspector/tabs/DataTab.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { memo, useState, useCallback } from "react";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
 
 /** Props for {@link DataTab}. */
 export interface DataTabProps {

package/src/workflow/inspector/tabs/DocsTab.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { memo } from "react";
-import type { TaskKindDescriptor } from "../../types";
+import type { TaskKindDescriptor } from "../../types.js";
 
 /** Props for {@link DocsTab}. */
 export interface DocsTabProps {

package/src/workflow/inspector/tabs/IterationTab.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { memo, useCallback, useState, useMemo } from "react";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
-import type { InspectorMutations } from "../types";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
+import type { InspectorMutations } from "../types.js";
 
 export interface IterationTabProps {
   readonly node: WorkflowGraphNode;

package/src/workflow/inspector/tabs/RuntimeTab.tsx

@@ -2,8 +2,8 @@
 
 import { memo, useCallback } from "react";
 import type { JsonObject } from "@bufbuild/protobuf";
-import type { WorkflowGraphNode } from "../../workflow-graph-model";
-import type { TaskKindDescriptor } from "../../types";
+import type { WorkflowGraphNode } from "../../workflow-graph-model.js";
+import type { TaskKindDescriptor } from "../../types.js";
 
 /** Props for {@link RuntimeTab}. */
 export interface RuntimeTabProps {

package/src/workflow/inspector/task-to-yaml.ts

@@ -1,5 +1,5 @@
-import type { WorkflowGraphNode } from "../workflow-graph-model";
-import { taskKindToString } from "../workflow-graph-conversions";
+import type { WorkflowGraphNode } from "../workflow-graph-model.js";
+import { taskKindToString } from "../workflow-graph-conversions.js";
 
 /**
  * Serializes a single graph node to its YAML representation.

package/src/workflow/inspector/types.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
-import type { WorkflowGraphNode, WorkflowGraphEdge, WorkflowGraphModel } from "../workflow-graph-model";
-import type { TaskKindDescriptor, TaskKindCategory } from "../types";
-import type { TopologyNodeCategory } from "../useWorkflowTopology";
+import type { WorkflowGraphNode, WorkflowGraphEdge, WorkflowGraphModel } from "../workflow-graph-model.js";
+import type { TaskKindDescriptor, TaskKindCategory } from "../types.js";
+import type { TopologyNodeCategory } from "../useWorkflowTopology.js";
 
 /** Identifiers for design-mode inspector tabs. */
 export type DesignTabId = "configure" | "branches" | "catch" | "iteration" | "data" | "runtime" | "advanced" | "docs";

package/src/workflow/inspector/useInspectorTabs.ts

@@ -1,12 +1,12 @@
 "use client";
 
 import { useMemo, useState, useCallback, useEffect, useRef } from "react";
-import type { TaskKindDescriptor } from "../types";
+import type { TaskKindDescriptor } from "../types.js";
 import type {
   DesignTabId,
   InspectorTabDefinition,
   InspectorMode,
-} from "./types";
+} from "./types.js";
 
 /** Arguments for {@link useInspectorTabs}. */
 export interface UseInspectorTabsInput {

package/src/workflow/inspector/useNestedTaskEditor.ts

@@ -1,9 +1,9 @@
 "use client";
 
 import { useMemo, useCallback, useContext } from "react";
-import type { WorkflowGraphNode } from "../workflow-graph-model";
-import { CanvasActionsContext } from "../CanvasActionsContext";
-import type { NestedTaskEntry } from "./NestedTaskList";
+import type { WorkflowGraphNode } from "../workflow-graph-model.js";
+import { CanvasActionsContext } from "../CanvasActionsContext.js";
+import type { NestedTaskEntry } from "./NestedTaskList.js";
 
 export interface UseNestedTaskEditorInput {
   /** The container node (fork, try_catch, or for_each). */

package/src/workflow/instance/CreateWorkflowInstanceDialog.tsx

@@ -6,9 +6,9 @@ import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apires
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
 import type { ResourceRef } from "@stigmer/sdk";
 import { getUserMessage } from "@stigmer/sdk";
-import { useCreateWorkflowInstance } from "./useCreateWorkflowInstance";
-import { EnvironmentPicker } from "../../environment/EnvironmentPicker";
-import { InstanceVisibilitySelector } from "../../library/InstanceVisibilitySelector";
+import { useCreateWorkflowInstance } from "./useCreateWorkflowInstance.js";
+import { EnvironmentPicker } from "../../environment/EnvironmentPicker.js";
+import { InstanceVisibilitySelector } from "../../library/InstanceVisibilitySelector.js";
 
 /** Props for {@link CreateWorkflowInstanceDialog}. */
 export interface CreateWorkflowInstanceDialogProps {

package/src/workflow/instance/RunVisibilityControl.tsx

@@ -4,7 +4,7 @@ import { useCallback } from "react";
 import { cn } from "@stigmer/theme";
 import { WorkflowExecutionVisibility } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/spec_pb";
 import { getUserMessage } from "@stigmer/sdk";
-import { useUpdateWorkflowInstanceExecutionVisibility } from "./useUpdateWorkflowInstanceExecutionVisibility";
+import { useUpdateWorkflowInstanceExecutionVisibility } from "./useUpdateWorkflowInstanceExecutionVisibility.js";
 
 /** Props for {@link RunVisibilityControl}. */
 export interface RunVisibilityControlProps {

package/src/workflow/instance/WorkflowInstanceDetailPanel.tsx

@@ -9,15 +9,15 @@ import { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apiresource/
 import { WorkflowExecutionVisibility } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/spec_pb";
 import type { ResourceRef } from "@stigmer/sdk";
 import { getUserMessage } from "@stigmer/sdk";
-import { useUpdateWorkflowInstance } from "./useUpdateWorkflowInstance";
-import { useDeleteWorkflowInstance } from "./useDeleteWorkflowInstance";
-import { RunVisibilityControl } from "./RunVisibilityControl";
-import { VisibilityBadge } from "../../library/VisibilitySelector";
-import { PermissionGate } from "../../iam-policy/PermissionGate";
-import { useCheckPermission } from "../../iam-policy/useCheckPermission";
-import { ManageAccessButton } from "../../access/ManageAccessButton";
-import { EnvironmentPicker } from "../../environment/EnvironmentPicker";
-import { useEnvironmentList } from "../../environment/useEnvironmentList";
+import { useUpdateWorkflowInstance } from "./useUpdateWorkflowInstance.js";
+import { useDeleteWorkflowInstance } from "./useDeleteWorkflowInstance.js";
+import { RunVisibilityControl } from "./RunVisibilityControl.js";
+import { VisibilityBadge } from "../../library/VisibilitySelector.js";
+import { PermissionGate } from "../../iam-policy/PermissionGate.js";
+import { useCheckPermission } from "../../iam-policy/useCheckPermission.js";
+import { ManageAccessButton } from "../../access/ManageAccessButton.js";
+import { EnvironmentPicker } from "../../environment/EnvironmentPicker.js";
+import { useEnvironmentList } from "../../environment/useEnvironmentList.js";
 
 /** Props for {@link WorkflowInstanceDetailPanel}. */
 export interface WorkflowInstanceDetailPanelProps {

package/src/workflow/instance/WorkflowInstanceList.tsx

@@ -4,11 +4,11 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "@stigmer/theme";
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
 import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apiresource/enum_pb";
-import { useWorkflowInstances } from "../useWorkflowInstances";
-import { useEnvironmentList } from "../../environment/useEnvironmentList";
-import { ResourceVisibilityControl } from "../../library/ResourceVisibilityControl";
-import { PermissionGate } from "../../iam-policy/PermissionGate";
-import { WorkflowInstanceEmptyState } from "./WorkflowInstanceEmptyState";
+import { useWorkflowInstances } from "../useWorkflowInstances.js";
+import { useEnvironmentList } from "../../environment/useEnvironmentList.js";
+import { ResourceVisibilityControl } from "../../library/ResourceVisibilityControl.js";
+import { PermissionGate } from "../../iam-policy/PermissionGate.js";
+import { WorkflowInstanceEmptyState } from "./WorkflowInstanceEmptyState.js";
 
 /** Props for {@link WorkflowInstanceList}. */
 export interface WorkflowInstanceListProps {

package/src/workflow/instance/index.ts

@@ -1,13 +1,13 @@
-export { useWorkflowInstance, type UseWorkflowInstanceReturn } from "./useWorkflowInstance";
-export { useCreateWorkflowInstance, type UseCreateWorkflowInstanceReturn } from "./useCreateWorkflowInstance";
-export { useUpdateWorkflowInstance, type UseUpdateWorkflowInstanceReturn } from "./useUpdateWorkflowInstance";
+export { useWorkflowInstance, type UseWorkflowInstanceReturn } from "./useWorkflowInstance.js";
+export { useCreateWorkflowInstance, type UseCreateWorkflowInstanceReturn } from "./useCreateWorkflowInstance.js";
+export { useUpdateWorkflowInstance, type UseUpdateWorkflowInstanceReturn } from "./useUpdateWorkflowInstance.js";
 export {
   useUpdateWorkflowInstanceExecutionVisibility,
   type UseUpdateWorkflowInstanceExecutionVisibilityReturn,
-} from "./useUpdateWorkflowInstanceExecutionVisibility";
-export { useDeleteWorkflowInstance, type UseDeleteWorkflowInstanceReturn } from "./useDeleteWorkflowInstance";
-export { WorkflowInstanceEmptyState, type WorkflowInstanceEmptyStateProps } from "./WorkflowInstanceEmptyState";
-export { WorkflowInstanceList, type WorkflowInstanceListProps } from "./WorkflowInstanceList";
-export { CreateWorkflowInstanceDialog, type CreateWorkflowInstanceDialogProps } from "./CreateWorkflowInstanceDialog";
-export { WorkflowInstanceDetailPanel, type WorkflowInstanceDetailPanelProps } from "./WorkflowInstanceDetailPanel";
-export { RunVisibilityControl, type RunVisibilityControlProps } from "./RunVisibilityControl";
+} from "./useUpdateWorkflowInstanceExecutionVisibility.js";
+export { useDeleteWorkflowInstance, type UseDeleteWorkflowInstanceReturn } from "./useDeleteWorkflowInstance.js";
+export { WorkflowInstanceEmptyState, type WorkflowInstanceEmptyStateProps } from "./WorkflowInstanceEmptyState.js";
+export { WorkflowInstanceList, type WorkflowInstanceListProps } from "./WorkflowInstanceList.js";
+export { CreateWorkflowInstanceDialog, type CreateWorkflowInstanceDialogProps } from "./CreateWorkflowInstanceDialog.js";
+export { WorkflowInstanceDetailPanel, type WorkflowInstanceDetailPanelProps } from "./WorkflowInstanceDetailPanel.js";
+export { RunVisibilityControl, type RunVisibilityControlProps } from "./RunVisibilityControl.js";

package/src/workflow/instance/useCreateWorkflowInstance.ts

@@ -3,8 +3,8 @@
 import { useCallback, useState } from "react";
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
 import type { WorkflowInstanceInput } from "@stigmer/sdk";
-import { useStigmer } from "../../hooks";
-import { toError } from "../../internal/toError";
+import { useStigmer } from "../../hooks.js";
+import { toError } from "../../internal/toError.js";
 
 /** Return value of {@link useCreateWorkflowInstance}. */
 export interface UseCreateWorkflowInstanceReturn {

package/src/workflow/instance/useDeleteWorkflowInstance.ts

@@ -2,8 +2,8 @@
 
 import { useCallback, useState } from "react";
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
-import { useStigmer } from "../../hooks";
-import { toError } from "../../internal/toError";
+import { useStigmer } from "../../hooks.js";
+import { toError } from "../../internal/toError.js";
 
 /** Return value of {@link useDeleteWorkflowInstance}. */
 export interface UseDeleteWorkflowInstanceReturn {

package/src/workflow/instance/useUpdateWorkflowInstance.ts

@@ -3,8 +3,8 @@
 import { useCallback, useState } from "react";
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
 import type { WorkflowInstanceInput } from "@stigmer/sdk";
-import { useStigmer } from "../../hooks";
-import { toError } from "../../internal/toError";
+import { useStigmer } from "../../hooks.js";
+import { toError } from "../../internal/toError.js";
 
 /** Return value of {@link useUpdateWorkflowInstance}. */
 export interface UseUpdateWorkflowInstanceReturn {

package/src/workflow/instance/useUpdateWorkflowInstanceExecutionVisibility.ts

@@ -5,8 +5,8 @@ import { create } from "@bufbuild/protobuf";
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
 import { UpdateExecutionVisibilityInputSchema } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/io_pb";
 import type { WorkflowExecutionVisibility } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/spec_pb";
-import { useStigmer } from "../../hooks";
-import { toError } from "../../internal/toError";
+import { useStigmer } from "../../hooks.js";
+import { toError } from "../../internal/toError.js";
 
 /** Return value of {@link useUpdateWorkflowInstanceExecutionVisibility}. */
 export interface UseUpdateWorkflowInstanceExecutionVisibilityReturn {

package/src/workflow/instance/useWorkflowInstance.ts

@@ -1,8 +1,8 @@
 "use client";
 
 import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
-import { useStigmer } from "../../hooks";
-import { useFetch } from "../../internal/useFetch";
+import { useStigmer } from "../../hooks.js";
+import { useFetch } from "../../internal/useFetch.js";
 
 /** Return value of {@link useWorkflowInstance}. */
 export interface UseWorkflowInstanceReturn {

package/src/workflow/kind-metadata.ts

@@ -1,4 +1,4 @@
-import type { TopologyNodeCategory } from "./useWorkflowTopology";
+import type { TopologyNodeCategory } from "./useWorkflowTopology.js";
 
 /**
  * Canonical kind → category mapping, aligned with sidecar YAML metadata

package/src/workflow/layout/apply-dagre-layout.ts

@@ -1,8 +1,8 @@
 import dagre from "@dagrejs/dagre";
-import type { WorkflowGraphModel, WorkflowGraphNode } from "../workflow-graph-model";
-import { DAGRE_CONFIG } from "../canvas-constants";
-import type { DagreLayoutConfig } from "../canvas-constants";
-import { registryNodeDimensions } from "./registry-dimensions";
+import type { WorkflowGraphModel, WorkflowGraphNode } from "../workflow-graph-model.js";
+import { DAGRE_CONFIG } from "../canvas-constants.js";
+import type { DagreLayoutConfig } from "../canvas-constants.js";
+import { registryNodeDimensions } from "./registry-dimensions.js";
 
 /**
  * Synchronous dagre layout that uses per-node dimensions from the visual

package/src/workflow/layout/dagre-layout-engine.ts

@@ -1,13 +1,13 @@
 import dagre from "@dagrejs/dagre";
-import type { WorkflowGraphModel, WorkflowGraphNode } from "../workflow-graph-model";
-import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model";
+import type { WorkflowGraphModel, WorkflowGraphNode } from "../workflow-graph-model.js";
+import { START_NODE_ID, END_NODE_ID } from "../workflow-graph-model.js";
 import {
   CANVAS_NODE_WIDTH,
   CANVAS_NODE_HEIGHT,
   SENTINEL_NODE_WIDTH,
   SENTINEL_NODE_HEIGHT,
-} from "../canvas-constants";
-import type { LayoutEngine, LayoutInput, LayoutResult, NodeDimensions, Position2D } from "./types";
+} from "../canvas-constants.js";
+import type { LayoutEngine, LayoutInput, LayoutResult, NodeDimensions, Position2D } from "./types.js";
 
 // ---------------------------------------------------------------------------
 // Default node dimension provider

package/src/workflow/layout/elk-layout-engine.ts

@@ -1,8 +1,8 @@
 /// <reference path="./elkjs.d.ts" />
 
-import type { LayoutEngine, LayoutInput, LayoutResult, ElkGraph, ElkLayoutResult } from "./types";
-import { preprocessForElk } from "./workflow-preprocessor";
-import { postprocessElkResult } from "./layout-postprocessor";
+import type { LayoutEngine, LayoutInput, LayoutResult, ElkGraph, ElkLayoutResult } from "./types.js";
+import { preprocessForElk } from "./workflow-preprocessor.js";
+import { postprocessElkResult } from "./layout-postprocessor.js";
 
 // ---------------------------------------------------------------------------
 // Types