@prefecthq/prefect-ui-library 3.8.2 → 3.8.3

package/dist/types/src/schemas/compositions/useSchemaPropertyInput.d.ts

@@ -4,78 +4,7 @@ import { SchemaValueError } from '../../schemas/types/schemaValuesValidationResp
 import { SchemaValue } from '../../types';
 export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<SchemaProperty>, propertyValue: Ref<SchemaValue>, propertyErrors: MaybeRefOrGetter<SchemaValueError[]>): {
     input: import("vue").ComputedRef<{
-        component: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                property: {
-                    type: import("vue").PropType<SchemaProperty>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<unknown>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: unknown) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:value": (args_0: unknown) => void;
-            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                property: {
-                    type: import("vue").PropType<SchemaProperty>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<unknown>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: unknown) => any) | undefined;
-            }, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                property: {
-                    type: import("vue").PropType<SchemaProperty>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<unknown>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: unknown) => any) | undefined;
-            }, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        component: import("vue").DefineComponent<{
             property: {
                 type: import("vue").PropType<SchemaProperty>;
                 required: true;
@@ -92,11 +21,28 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
                 type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
                 required: true;
             };
-        }>> & {
-            "onUpdate:value"?: ((args_0: unknown) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:value": (args_0: unknown) => void;
-        }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            property: {
+                type: import("vue").PropType<SchemaProperty>;
+                required: true;
+            };
+            value: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            errors: {
+                type: import("vue").PropType<SchemaValueError[]>;
+                required: true;
+            };
+            state: {
+                type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:value"?: ((args_0: unknown) => any) | undefined;
+        }, {}, {}>;
         props: Omit<Partial<{}> & Omit<{
             readonly value: import("../../schemas/types/schemaValues").SchemaValue;
             readonly state: import("@prefecthq/prefect-design").State;
@@ -124,66 +70,7 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
             "onUpdate:value"?: ((args_0: unknown) => any) | undefined;
         }, never>, ""> & Record<string, unknown>;
     } | {
-        component: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJson>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:value": (args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => void;
-            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJson>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => any) | undefined;
-            }, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJson>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => any) | undefined;
-            }, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        component: import("vue").DefineComponent<{
             value: {
                 type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJson>;
                 required: true;
@@ -196,11 +83,24 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
                 type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
                 required: true;
             };
-        }>> & {
-            "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:value": (args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => void;
-        }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJson>;
+                required: true;
+            };
+            errors: {
+                type: import("vue").PropType<SchemaValueError[]>;
+                required: true;
+            };
+            state: {
+                type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => any) | undefined;
+        }, {}, {}>;
         props: Omit<Partial<{}> & Omit<{
             readonly value: import("../../schemas/types/schemaValues").PrefectKindJson;
             readonly state: import("@prefecthq/prefect-design").State;
@@ -223,66 +123,7 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
             "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJson) => any) | undefined;
         }, never>, ""> & Record<string, unknown>;
     } | {
-        component: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJinja>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:value": (args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => void;
-            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJinja>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => any) | undefined;
-            }, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJinja>;
-                    required: true;
-                };
-                errors: {
-                    type: import("vue").PropType<SchemaValueError[]>;
-                    required: true;
-                };
-                state: {
-                    type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => any) | undefined;
-            }, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        component: import("vue").DefineComponent<{
             value: {
                 type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJinja>;
                 required: true;
@@ -295,11 +136,24 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
                 type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
                 required: true;
             };
-        }>> & {
-            "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:value": (args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => void;
-        }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindJinja>;
+                required: true;
+            };
+            errors: {
+                type: import("vue").PropType<SchemaValueError[]>;
+                required: true;
+            };
+            state: {
+                type: import("vue").PropType<import("@prefecthq/prefect-design").State>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => any) | undefined;
+        }, {}, {}>;
         props: Omit<Partial<{}> & Omit<{
             readonly value: import("../../schemas/types/schemaValues").PrefectKindJinja;
             readonly state: import("@prefecthq/prefect-design").State;
@@ -322,51 +176,21 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
             "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindJinja) => any) | undefined;
         }, never>, ""> & Record<string, unknown>;
     } | {
-        component: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:value": (args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => void;
-            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
-            }, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable>;
-                    required: true;
-                };
-            }>> & {
-                "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
-            }, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        component: import("vue").DefineComponent<{
             value: {
                 type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable>;
                 required: true;
             };
-        }>> & {
-            "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:value": (args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => void;
-        }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
+        }, {}, {}>;
         props: Omit<Partial<{}> & Omit<{
             readonly value: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable;
             "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
@@ -379,7 +203,9 @@ export declare function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<
             "onUpdate:value"?: ((args_0: import("../../schemas/types/schemaValues").PrefectKindWorkspaceVariable) => any) | undefined;
         }, never>, ""> & Record<string, unknown>;
     } | {
-        component: null;
-        props: {};
+        component: () => {
+            template: string;
+        };
+        props?: (Omit<unknown, ""> & Record<string, unknown>) | undefined;
     }>;
 };

package/dist/types/src/services/WorkspaceFlowRunsApi.d.ts

@@ -9,6 +9,9 @@ import { RunHistory } from '../models/RunHistory';
 import { SchemaV2, SchemaValuesV2 } from '../schemas';
 import { WorkspaceApi } from '../services/WorkspaceApi';
 import { Schema, SchemaValues } from '../types/schemas';
+type GetFlowRunGraphOptions = {
+    nestedTaskRunGraphs: boolean;
+};
 export declare class WorkspaceFlowRunsApi extends WorkspaceApi {
     protected routePrefix: string;
     private readonly batcher;
@@ -18,7 +21,7 @@ export declare class WorkspaceFlowRunsApi extends WorkspaceApi {
     getFlowRunsCount(filter?: FlowRunsFilter): Promise<number>;
     getFlowRunsHistory(filter: FlowRunsHistoryFilter): Promise<RunHistory[]>;
     getFlowRunsAverageLateness(filter: FlowRunsFilter): Promise<number | null>;
-    getFlowRunsGraph(id: string, nestedTaskRunGraphs: boolean): Promise<RunGraphData>;
+    getFlowRunsGraph(id: string, { nestedTaskRunGraphs }: GetFlowRunGraphOptions): Promise<RunGraphData>;
     getFlowRunInputDescription(id: string, keyset: FlowRunInputKeyset | undefined): Promise<string | null>;
     getFlowRunInputSchema(id: string, keyset: FlowRunInputKeyset): Promise<Schema>;
     getFlowRunInputSchemaV2(id: string, keyset: FlowRunInputKeyset): Promise<SchemaV2>;
@@ -29,3 +32,4 @@ export declare class WorkspaceFlowRunsApi extends WorkspaceApi {
     deleteFlowRun(flowRunId: string): Promise<void>;
     downloadFlowRunLogs(flowRunId: string, flowRunName: string | null): Promise<void>;
 }
+export {};

package/dist/types/src/services/can.d.ts

@@ -1,6 +1,6 @@
 import { InjectionKey } from 'vue';
 import { MaybeRef } from '../types/reactivity';
-export declare const workspaceFeatureFlags: readonly ["access:deploymentScheduleFlowRunInfraOverrides", "access:nestedTaskRunGraphs"];
+export declare const workspaceFeatureFlags: readonly ["access:deploymentScheduleFlowRunInfraOverrides"];
 export type WorkspaceFeatureFlag = typeof workspaceFeatureFlags[number];
 export declare const workspacePermissions: readonly ["create:artifact", "create:automation", "create:block", "create:concurrency_limit", "create:deployment", "create:flow_run", "create:flow", "create:log", "create:notification_policy", "create:saved_search", "create:task_run", "create:variable", "create:work_queue", "create:work_pool_queue", "create:work_pool", "create:workspace_bot_access", "create:workspace_user_access", "delete:artifact", "delete:automation", "delete:block", "delete:concurrency_limit", "delete:deployment", "delete:flow_run", "delete:flow", "delete:notification_policy", "delete:saved_search", "delete:task_run", "delete:work_queue", "delete:work_pool_queue", "delete:work_pool", "delete:workspace_bot_access", "delete:workspace_user_access", "delete:variable", "read:artifact", "read:automation", "read:block", "read:concurrency_limit", "read:deployment", "read:flow_run", "read:flow", "read:log", "read:notification_policy", "read:saved_search", "read:task_run", "read:variable", "read:work_queue", "read:work_pool_queue", "read:work_pool", "read:workspace_bot_access", "read:workspace_settings", "read:workspace_user_access", "run:deployment", "update:automation", "update:block", "update:concurrency_limit", "update:deployment", "update:flow_run", "update:flow", "update:notification_policy", "update:task_run", "update:variable", "update:work_queue", "update:work_pool_queue", "update:work_pool", "update:workspace_bot_access", "update:workspace_settings", "update:workspace_user_access", "update:workspace"];
 export type WorkspacePermission = typeof workspacePermissions[number];

package/dist/types/src/services/schemas/properties/SchemaPropertyService.d.ts

@@ -1,8 +1,8 @@
 import { SelectOption } from '@prefecthq/prefect-design';
+import { Component } from 'vue';
 import { SchemaPropertyComponentWithProps } from '../../../services/schemas/utilities';
 import { SchemaProperty, SchemaPropertyInputAttrs, SchemaPropertyMeta, SchemaValue } from '../../../types/schemas';
 import { Require } from '../../../types/utilities';
-import { ComponentDefinition } from '../../../utilities/components';
 import { ValidationMethod, ValidationMethodFactory } from '../../../utilities/validation';
 export type SchemaPropertyServiceSource = {
     property: SchemaProperty;
@@ -37,12 +37,12 @@ export declare abstract class SchemaPropertyService {
     protected get attrs(): SchemaPropertyInputAttrs;
     protected property: SchemaProperty;
     protected level: number;
-    protected withProps: <T extends ComponentDefinition>(...args: Omit<Partial<InstanceType<T>["$props"]>, "modelValue"> extends Omit<InstanceType<T>["$props"], "modelValue"> ? [component: T, props?: (Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>) | undefined] : [component: T, props: Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>]) => Omit<Partial<InstanceType<T>["$props"]>, "modelValue"> extends Omit<InstanceType<T>["$props"], "modelValue"> ? {
+    protected withProps: <T extends Component>(...args: Omit<Partial<import("../../../utilities").ComponentProps<T>>, "modelValue"> extends Omit<import("../../../utilities").ComponentProps<T>, "modelValue"> ? [component: T, props?: (Omit<import("../../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>) | undefined] : [component: T, props: Omit<import("../../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>]) => Omit<Partial<import("../../../utilities").ComponentProps<T>>, "modelValue"> extends Omit<import("../../../utilities").ComponentProps<T>, "modelValue"> ? {
         component: T;
-        props?: (Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>) | undefined;
+        props?: (Omit<import("../../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>) | undefined;
     } : {
         component: T;
-        props: Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>;
+        props: Omit<import("../../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>;
     };
     constructor({ property, level }: SchemaPropertyServiceSource);
     mapResponseValue(value: SchemaValue): SchemaValue;
@@ -52,7 +52,7 @@ export declare abstract class SchemaPropertyService {
     getValidators(required: boolean): ValidationMethod[];
     getAttrs(): SchemaPropertyInputAttrs;
     getMeta(required: boolean): SchemaPropertyMeta | null;
-    protected componentIs(component: ComponentDefinition): boolean;
+    protected componentIs(component: Component): boolean;
     protected invalid(): void;
     protected has<T extends keyof SchemaProperty>(key: T): this is {
         property: SchemaProperty & Require<SchemaProperty, T>;

package/dist/types/src/services/schemas/utilities.d.ts

@@ -1,12 +1,12 @@
 import { SchemaProperty, SchemaPropertyInputAttrs, Schema, SchemaValues, SchemaValue, SchemaPropertyAnyOf, SchemaPropertyAllOf } from '../../types/schemas';
 import { ValidationMethod } from '../../utilities/validation';
 export type SchemaPropertyComponentWithProps = ReturnType<typeof schemaPropertyComponentWithProps> | null;
-export declare const schemaPropertyComponentWithProps: <T extends import("../../utilities").ComponentDefinition>(...args: Omit<Partial<InstanceType<T>["$props"]>, "modelValue"> extends Omit<InstanceType<T>["$props"], "modelValue"> ? [component: T, props?: (Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>) | undefined] : [component: T, props: Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>]) => Omit<Partial<InstanceType<T>["$props"]>, "modelValue"> extends Omit<InstanceType<T>["$props"], "modelValue"> ? {
+export declare const schemaPropertyComponentWithProps: <T extends import("vue").Component>(...args: Omit<Partial<import("../../utilities").ComponentProps<T>>, "modelValue"> extends Omit<import("../../utilities").ComponentProps<T>, "modelValue"> ? [component: T, props?: (Omit<import("../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>) | undefined] : [component: T, props: Omit<import("../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>]) => Omit<Partial<import("../../utilities").ComponentProps<T>>, "modelValue"> extends Omit<import("../../utilities").ComponentProps<T>, "modelValue"> ? {
     component: T;
-    props?: (Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>) | undefined;
+    props?: (Omit<import("../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>) | undefined;
 } : {
     component: T;
-    props: Omit<InstanceType<T>["$props"], "modelValue"> & Record<string, unknown>;
+    props: Omit<import("../../utilities").ComponentProps<T>, "modelValue"> & Record<string, unknown>;
 };
 export declare function getSchemaDefaultValues(schema: Schema): SchemaValues;
 export declare function getSchemaPropertyDefaultValue(property: SchemaProperty, level?: number): SchemaValue;

package/dist/types/src/utilities/components.d.ts

@@ -1,19 +1,15 @@
-export type Component = {
-    $props: unknown;
-};
-export type ComponentDefinition = {
-    new (...args: unknown[]): Component;
-};
-type NoInfer<T> = T & {};
-type WithPropsArgs<T extends ComponentDefinition, E extends string = '', P = InstanceType<T>['$props']> = Omit<Partial<P>, E> extends Omit<P, E> ? [component: T, props?: Omit<P, E> & Record<string, unknown>] : [component: T, props: Omit<P, E> & Record<string, unknown>];
-type WithProps<T extends ComponentDefinition, E extends string = '', P = InstanceType<T>['$props']> = Omit<Partial<P>, E> extends Omit<P, E> ? {
+import { AsyncComponentLoader, Component, FunctionalComponent } from 'vue';
+type Constructor = new (...args: any) => any;
+export type ComponentProps<TComponent extends Component> = TComponent extends Constructor ? InstanceType<TComponent>['$props'] : TComponent extends AsyncComponentLoader<infer T extends Component> ? ComponentProps<T> : TComponent extends FunctionalComponent<infer T> ? T : never;
+type WithPropsArgs<T extends Component, E extends string = '', P = ComponentProps<T>> = Omit<Partial<P>, E> extends Omit<P, E> ? [component: T, props?: Omit<P, E> & Record<string, unknown>] : [component: T, props: Omit<P, E> & Record<string, unknown>];
+type WithProps<T extends Component, E extends string = '', P = ComponentProps<T>> = Omit<Partial<P>, E> extends Omit<P, E> ? {
     component: T;
     props?: Omit<P, E> & Record<string, unknown>;
 } : {
     component: T;
     props: Omit<P, E> & Record<string, unknown>;
 };
-export declare function withProps<T extends ComponentDefinition>(...[component, props]: WithPropsArgs<T>): WithProps<NoInfer<T>>;
-export declare function withPropsWithoutExcluded<T extends ComponentDefinition, E extends string>(excluded: E | E[], ...[component, props]: WithPropsArgs<T, E>): WithProps<NoInfer<T>, E>;
-export declare function withPropsWithoutExcludedFactory<E extends string>(prop: E | E[]): <T extends ComponentDefinition>(...args: WithPropsArgs<T, E>) => WithProps<T, E>;
+export declare function withProps<T extends Component>(...[component, props]: WithPropsArgs<T>): WithProps<T>;
+export declare function withPropsWithoutExcluded<T extends Component, E extends string>(excluded: E | E[], ...[component, props]: WithPropsArgs<T, E>): WithProps<T, E>;
+export declare function withPropsWithoutExcludedFactory<E extends string>(prop: E | E[]): <T extends Component>(...args: WithPropsArgs<T, E>) => WithProps<T, E>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prefecthq/prefect-ui-library",
-    "version": "3.8.2",
+    "version": "3.8.3",
     "private": false,
     "repository": {
         "type": "git",
@@ -57,7 +57,7 @@
         "@types/lodash.debounce": "4.0.9",
         "@types/lodash.isequal": "^4.5.8",
         "@types/lodash.merge": "4.6.9",
-        "@types/node": "^22.5.2",
+        "@types/node": "^22.5.4",
         "@types/prismjs": "^1.26.4",
         "@vitejs/plugin-vue": "5.1.3",
         "auto-changelog": "^2.4.0",
@@ -65,14 +65,14 @@
         "eslint": "8.57.0",
         "lodash.camelcase": "4.3.0",
         "lodash.debounce": "4.0.8",
-        "postcss": "8.4.44",
+        "postcss": "8.4.45",
         "tailwindcss": "3.4.10",
         "tsc-alias": "1.8.10",
-        "typescript": "5.5.4",
-        "vite": "5.4.2",
+        "typescript": "5.6.2",
+        "vite": "5.4.3",
         "vite-svg-loader": "^5.1.0",
         "vitest": "^2.0.5",
-        "vue-tsc": "^2.0.29"
+        "vue-tsc": "^2.1.6"
     },
     "peerDependencies": {
         "@prefecthq/prefect-design": "^2.11.5",

package/src/components/FlowRunGraph.vue

@@ -23,7 +23,6 @@
   import { useColorTheme } from '@prefecthq/prefect-design'
   import { computed, ref } from 'vue'
   import FlowRunGraphConfirmation from '@/components/FlowRunGraphConfirmation.vue'
-  import { useCan } from '@/compositions'
   import { useTaskRunsCount } from '@/compositions/useTaskRunsCount'
   import { useWorkspaceApi } from '@/compositions/useWorkspaceApi'
   import { FlowRun } from '@/models/FlowRun'
@@ -46,7 +45,6 @@
   }>()
 
   const api = useWorkspaceApi()
-  const can = useCan()
   const { value: colorThemeValue } = useColorTheme()
   const load = ref(true)
 
@@ -108,7 +106,7 @@
   const config = computed<RunGraphConfig>(() => ({
     runId: props.flowRun.id,
     fetch: (id) => {
-      return api.flowRuns.getFlowRunsGraph(id, Boolean(can.access.nestedTaskRunGraphs))
+      return api.flowRuns.getFlowRunsGraph(id, { nestedTaskRunGraphs: true })
     },
     fetchEvents: props.fetchEvents,
     styles: {

package/src/schemas/components/SchemaFormPropertyUnknown.vue

@@ -1,5 +1,5 @@
 <template>
-  <component :is="input?.component" v-bind="input?.props" class="schema-form-property-string" />
+  <component :is="input.component" v-bind="input.props" class="schema-form-property-string" />
 </template>
 
 <script lang="ts" setup>
@@ -59,6 +59,6 @@
       })
     }
 
-    return { component: null, props: {} }
+    return withProps(() => ({ template: '' }))
   })
 </script>

package/src/schemas/compositions/useSchemaPropertyInput.ts

@@ -66,7 +66,7 @@ export function useSchemaPropertyInput(schemaProperty: MaybeRefOrGetter<SchemaPr
     const exhaustive: never = propertyValue.value
     console.error(new Error(`SchemaFormProperty input is not exhaustive: ${JSON.stringify(exhaustive)}`))
 
-    return { component: null, props: {} }
+    return withProps(() => ({ template: '' }))
   })
 
   return { input }

package/src/services/WorkspaceFlowRunsApi.ts

@@ -17,6 +17,10 @@ import { WorkspaceApi } from '@/services/WorkspaceApi'
 import { Schema, SchemaValues } from '@/types/schemas'
 import { toMap } from '@/utilities'
 
+type GetFlowRunGraphOptions = {
+  nestedTaskRunGraphs: boolean,
+}
+
 export class WorkspaceFlowRunsApi extends WorkspaceApi {
 
   protected override routePrefix = '/flow_runs'
@@ -77,7 +81,7 @@ export class WorkspaceFlowRunsApi extends WorkspaceApi {
     return data
   }
 
-  public async getFlowRunsGraph(id: string, nestedTaskRunGraphs: boolean): Promise<RunGraphData> {
+  public async getFlowRunsGraph(id: string, { nestedTaskRunGraphs }: GetFlowRunGraphOptions): Promise<RunGraphData> {
     const { data: graph } = await this.get<RunGraphDataResponse>(`/${id}/graph-v2`)
 
     return mapper.map('RunGraphDataResponse', { graph, nestedTaskRunGraphs }, 'RunGraphData')

package/src/services/can.ts

@@ -1,10 +1,7 @@
 import { InjectionKey, ref } from 'vue'
 import { MaybeRef } from '@/types/reactivity'
 
-export const workspaceFeatureFlags = [
-  'access:deploymentScheduleFlowRunInfraOverrides',
-  'access:nestedTaskRunGraphs',
-] as const satisfies Readonly<`access:${string}`[]>
+export const workspaceFeatureFlags = ['access:deploymentScheduleFlowRunInfraOverrides'] as const satisfies Readonly<`access:${string}`[]>
 
 export type WorkspaceFeatureFlag = typeof workspaceFeatureFlags[number]