prefect 3.1.9.dev1__tar.gz → 3.1.9.dev2__tar.gz

{prefect-3.1.9.dev1/src/prefect.egg-info → prefect-3.1.9.dev2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: prefect
-Version: 3.1.9.dev1
+Version: 3.1.9.dev2
 Summary: Workflow orchestration and management.
 Home-page: https://www.prefect.io
 Author: Prefect Technologies, Inc.

{prefect-3.1.9.dev1 → prefect-3.1.9.dev2}/src/prefect/_internal/concurrency/services.py

@@ -225,7 +225,9 @@ class QueueService(abc.ABC, Generic[T]):
             return future.result()
 
     @classmethod
-    def drain_all(cls, timeout: Optional[float] = None) -> Union[Awaitable, None]:
+    def drain_all(
+        cls, timeout: Optional[float] = None, at_exit=True
+    ) -> Union[Awaitable, None]:
         """
         Stop all instances of the service and wait for all remaining work to be
         completed.
@@ -237,7 +239,7 @@ class QueueService(abc.ABC, Generic[T]):
             instances = tuple(cls._instances.values())
 
             for instance in instances:
-                futures.append(instance._drain())
+                futures.append(instance._drain(at_exit=at_exit))
 
         if get_running_loop() is not None:
             return (
@@ -376,10 +378,10 @@ class BatchedQueueService(QueueService[T]):
 @contextlib.contextmanager
 def drain_on_exit(service: QueueService):
     yield
-    service.drain_all()
+    service.drain_all(at_exit=True)
 
 
 @contextlib.asynccontextmanager
 async def drain_on_exit_async(service: QueueService):
     yield
-    await service.drain_all()
+    await service.drain_all(at_exit=True)

{prefect-3.1.9.dev1 → prefect-3.1.9.dev2}/src/prefect/_version.py

@@ -8,11 +8,11 @@ import json
 
 version_json = '''
 {
- "date": "2024-12-17T13:51:24-0600",
+ "date": "2024-12-18T18:22:32-0500",
  "dirty": false,
  "error": null,
- "full-revisionid": "068ea22915c17434616c008485a43062f1d6cd15",
- "version": "3.1.9.dev1"
+ "full-revisionid": "634303681c4fbec9df8c129fbe4eb788f6e2c807",
+ "version": "3.1.9.dev2"
 }
 '''  # END VERSION_JSON
 

prefect-3.1.9.dev2/src/prefect/server/ui/assets/404-BaZTaH8C.js

@@ -0,0 +1,2 @@
+import{d as e,c as o,k as a,o as t,dC as r}from"./index-Dkae_997.js";import{u as s}from"./usePageTitle-DGuB4AZ9.js";const m=e({__name:"404",setup(n){return s("Page Not Found"),(c,p)=>(t(),o(a(r)))}});export{m as default};
+//# sourceMappingURL=404-BaZTaH8C.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/404-RM0mtpPS.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/404-BaZTaH8C.js.map

@@ -1 +1 @@
-{"version":3,"file":"404-RM0mtpPS.js","sources":["../../src/pages/404.vue"],"sourcesContent":["<template>\n  <FourZeroFour />\n</template>\n\n<script lang=\"ts\" setup>\n  import { FourZeroFour } from '@prefecthq/prefect-ui-library'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  usePageTitle('Page Not Found')\n</script>"],"names":["usePageTitle"],"mappings":"qJAOE,OAAAA,EAAa,gBAAgB"}
+{"version":3,"file":"404-BaZTaH8C.js","sources":["../../src/pages/404.vue"],"sourcesContent":["<template>\n  <FourZeroFour />\n</template>\n\n<script lang=\"ts\" setup>\n  import { FourZeroFour } from '@prefecthq/prefect-ui-library'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  usePageTitle('Page Not Found')\n</script>"],"names":["usePageTitle"],"mappings":"qJAOE,OAAAA,EAAa,gBAAgB"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/AppRouterView-KBaPMzzJ.js

@@ -0,0 +1,2 @@
+import{d as j,N as R,ae as M,V as F,i as c,o as _,c as v,g as o,l as S,j as t,A as h,q as N,a as y,k as e,t as z,dh as I,di as Q,P as V,f as x,cS as W,dj as q,bk as i,dk as l,G as L,dl as H,dm as K,e as G,dn as Y,dp as X,M as Z,c8 as E,bw as ee,ax as te,aS as C,aL as J,dq as oe,dr as ne,ds as se,r as ae,dt as le,du as ie,dv as re,dw as ue,dx as ce}from"./index-Dkae_997.js";import{u as me,c as pe}from"./useCan-DYxSawGK.js";import{U as de,u as fe,c as _e,p as ve}from"./api-DD4AY08s.js";import"./mapper-CXwTfIzn.js";const ge={class:"flex gap-x-2 items-center"},ke={key:0,class:"text-sm italic"},we="http://prefect.io/slack?utm_source=oss&utm_medium=oss&utm_campaign=oss_popup&utm_term=none&utm_content=none",D="join-the-community-modal",be="https://getform.io/f/eapderva",he=j({__name:"JoinTheCommunityModal",props:{showModal:{type:Boolean},showModalModifiers:{}},emits:["update:showModal"],setup(a){const s=R(a,"showModal"),u=M(!1),r=M(),{validate:k,state:m}=F(r,[I("Email"),Q("Email")]),g=M(!1),d=M("");async function f(){if(await k()){d.value="",g.value=!0;try{await fetch(be,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:r.value}),redirect:"manual"}),s.value=!1,V("Successfully subscribed","success")}catch(w){d.value="An error occurred. Please try again.",console.error(w)}finally{g.value=!1}}}return(w,n)=>{const p=c("p-button"),P=c("p-divider"),U=c("p-text-input"),$=c("p-label"),A=c("p-form"),T=c("p-message"),B=c("p-modal");return _(),v(B,{"show-modal":s.value,"onUpdate:showModal":n[2]||(n[2]=b=>s.value=b),title:"Join the Prefect Community"},{header:o(()=>n[3]||(n[3]=[S("h2",null,"Join the Community",-1)])),default:o(()=>[n[5]||(n[5]=S("p",null," Connect with 25k+ engineers scaling Python with Prefect. Show us your work and be the first to know about new Prefect features. ",-1)),S("div",ge,[t(p,{primary:"",icon:"Slack",to:we,target:"_blank",onClick:n[0]||(n[0]=b=>u.value=!0)},{default:o(()=>n[4]||(n[4]=[h(" Join us on Slack ")])),_:1}),u.value?(_(),N("span",ke," Thanks for joining our community! ")):y("",!0)]),t(P,{class:"-my-3"}),t(A,{id:D,onSubmit:f},{default:o(()=>[t($,{label:"Notify me about Prefect updates",state:e(m),message:e(m).error},{default:o(({id:b})=>[t(U,{id:b,modelValue:r.value,"onUpdate:modelValue":n[1]||(n[1]=O=>r.value=O),placeholder:"hello@prefect.io",state:e(m)},null,8,["id","modelValue","state"])]),_:1},8,["state","message"])]),_:1}),d.value?(_(),v(T,{key:0,error:""},{default:o(()=>[h(z(d.value),1)]),_:1})):y("",!0)]),cancel:o(b=>[t(p,{class:"sm:order-first",onClick:b.close},{default:o(()=>n[6]||(n[6]=[h(" Skip ")])),_:2},1032,["onClick"])]),actions:o(()=>[t(p,{primary:"",type:"submit",form:D,loading:g.value},{default:o(()=>n[7]||(n[7]=[h(" Sign up ")])),_:1},8,["loading"])]),_:1},8,["show-modal"])}}}),ye={href:"https://www.prefect.io/cloud-vs-oss?utm_source=oss&utm_medium=oss&utm_campaign=oss&utm_term=none&utm_content=none",target:"_blank"},Ce=j({__name:"ContextSidebar",setup(a){const s=me(),u=x(()=>s.read.work_pool),{showModal:r,open:k}=W(),{value:m}=q("local","join-the-community-modal-dismissed",!1);function g(d){r.value=d,d||(m.value=!0)}return(d,f)=>{const w=c("p-icon"),n=c("router-link"),p=c("p-button");return _(),v(e(H),{class:"context-sidebar"},{header:o(()=>[t(n,{to:e(i).root(),class:"context-sidebar__logo-link"},{default:o(()=>[t(w,{icon:"Prefect",class:"context-sidebar__logo-icon"})]),_:1},8,["to"])]),footer:o(()=>[S("a",ye,[t(e(l),null,{default:o(()=>[f[1]||(f[1]=S("div",null," Ready to scale? ",-1)),t(p,{primary:"",small:"",class:"context-sidebar__upgade-button"},{default:o(()=>f[0]||(f[0]=[h(" Upgrade ")])),_:1})]),_:1})]),t(e(l),{onClick:e(k)},{default:o(()=>[f[2]||(f[2]=h(" Join the Community ")),t(he,{"show-modal":e(r)||!e(m),"onUpdate:showModal":g},null,8,["show-modal"])]),_:1},8,["onClick"]),t(e(l),{title:"Settings",to:e(i).settings()},null,8,["to"])]),default:o(()=>[t(e(l),{title:"Dashboard",to:e(i).dashboard()},null,8,["to"]),t(e(l),{title:"Runs",to:e(i).runs()},null,8,["to"]),t(e(l),{title:"Flows",to:e(i).flows()},null,8,["to"]),t(e(l),{title:"Deployments",to:e(i).deployments()},null,8,["to"]),u.value?(_(),v(e(l),{key:0,title:"Work Pools",to:e(i).workPools()},null,8,["to"])):y("",!0),u.value?y("",!0):(_(),v(e(l),{key:1,title:"Work Queues",to:e(i).workQueues()},null,8,["to"])),t(e(l),{title:"Blocks",to:e(i).blocks()},null,8,["to"]),t(e(l),{title:e(L).info.variables,to:e(i).variables()},null,8,["title","to"]),t(e(l),{title:"Automations",to:e(i).automations()},null,8,["to"]),t(e(l),{title:"Event Feed",to:e(i).events()},null,8,["to"]),t(e(l),{title:"Notifications",to:e(i).notifications()},null,8,["to"]),t(e(l),{title:"Concurrency",to:e(i).concurrencyLimits()},null,8,["to"])]),_:1})}}});async function Me(){const a=await de.get("apiUrl"),s={baseUrl:a};return a.startsWith("/")&&K()==="development"&&(s.baseUrl=`http://127.0.0.1:4200${a}`),{config:s}}function Se(){const a=G(fe.getFeatureFlags,[]),s=x(()=>[...Y,...a.response??[]]),u=X(s),r=x(()=>a.loading);return{can:u,pending:r}}function Pe(){const a=M(!1);function s(){a.value=!a.value}function u(){a.value=!0}function r(){a.value=!1}return{mobileMenuOpen:a,open:u,close:r,toggle:s}}const xe={class:"app-router-view"},Je=j({__name:"AppRouterView",async setup(a){let s,u;const{can:r}=Se(),{config:k}=([s,u]=Z(()=>Me()),s=await s,u(),s),m=_e(k),g=ce();C(pe,r),C(ie,r),C(ve,m),C(re,m),C(ue,g),m.admin.authCheck().then(p=>{p?m.health.isHealthy().then(P=>{P||V(`Can't connect to Server API at ${k.baseUrl}. Check that it's accessible from your machine.`,"error",{timeout:!1})}):(E.currentRoute.value.name!=="login"&&V("Authentication failed.","error",{timeout:!1}),E.push({name:"login",query:{redirect:E.currentRoute.value.fullPath}}))});const{mobileMenuOpen:d,toggle:f,close:w}=Pe(),n=x(()=>J.lg||d.value);return ee(()=>document.body.classList.toggle("body-scrolling-disabled",n.value&&!J.lg)),(p,P)=>{const U=c("router-link"),$=c("p-button");return _(),N("div",xe,[!e(J).lg&&!p.$route.meta.public?(_(),v(e(ne),{key:0,class:"app-router-view__mobile-menu"},{"upper-links":o(()=>[t(U,{to:e(i).root()},{default:o(()=>[t(e(oe),{icon:"Prefect",class:"app-router-view__prefect-icon"})]),_:1},8,["to"])]),"bottom-links":o(()=>[t($,{small:"",icon:"Bars3Icon",class:"app-router-view__menu-icon",onClick:e(f)},null,8,["onClick"])]),_:1})):y("",!0),n.value&&!p.$route.meta.public?(_(),v(Ce,{key:1,class:"app-router-view__sidebar",onClick:e(w)},null,8,["onClick"])):y("",!0),t(e(le),{class:te(["app-router-view__view",{"app-router-view__view--public":p.$route.meta.public}])},{default:o(({Component:A})=>[t(se,{name:"app-router-view-fade",mode:"out-in"},{default:o(()=>[(_(),v(ae(A)))]),_:2},1024)]),_:1},8,["class"])])}}});export{Je as default};
+//# sourceMappingURL=AppRouterView-KBaPMzzJ.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/AppRouterView-dPuvBnwk.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/AppRouterView-KBaPMzzJ.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRouterView-dPuvBnwk.js","sources":["../../src/components/JoinTheCommunityModal.vue","../../src/components/ContextSidebar.vue","../../src/compositions/useApiConfig.ts","../../src/compositions/useCreateCan.ts","../../src/compositions/useMobileMenuOpen.ts","../../src/pages/AppRouterView.vue"],"sourcesContent":["<template>\n  <p-modal v-model:show-modal=\"showModal\" title=\"Join the Prefect Community\">\n    <template #header>\n      <h2>Join the Community</h2>\n    </template>\n\n    <template #default>\n      <p>\n        Connect with 25k+ engineers scaling Python with Prefect. Show us your work and be the first to know about new Prefect features.\n      </p>\n\n      <div class=\"flex gap-x-2 items-center\">\n        <p-button primary icon=\"Slack\" :to=\"joinSlackUrl\" target=\"_blank\" @click=\"showJoinSlackThankYouMessage = true\">\n          Join us on Slack\n        </p-button>\n\n        <span v-if=\"showJoinSlackThankYouMessage\" class=\"text-sm italic\">\n          Thanks for joining our community!\n        </span>\n      </div>\n\n      <p-divider class=\"-my-3\" />\n\n      <p-form :id=\"formId\" @submit=\"signUpForEmailUpdates\">\n        <p-label v-slot=\"{ id }\" label=\"Notify me about Prefect updates\" :state :message=\"state.error\">\n          <p-text-input\n            :id\n            v-model=\"email\"\n            placeholder=\"hello@prefect.io\"\n            :state\n          />\n        </p-label>\n      </p-form>\n\n      <p-message v-if=\"error\" error>\n        {{ error }}\n      </p-message>\n    </template>\n\n    <template #cancel=\"scope\">\n      <p-button class=\"sm:order-first\" @click=\"scope.close\">\n        Skip\n      </p-button>\n    </template>\n\n    <template #actions>\n      <p-button primary type=\"submit\" :form=\"formId\" :loading>\n        Sign up\n      </p-button>\n    </template>\n  </p-modal>\n</template>\n\n<script setup lang=\"ts\">\n  import { showToast } from '@prefecthq/prefect-design'\n  import { isEmail, isRequired } from '@prefecthq/prefect-ui-library'\n  import { useValidation } from '@prefecthq/vue-compositions'\n  import { ref } from 'vue'\n\n  const showModal = defineModel<boolean>('showModal')\n\n  const joinSlackUrl = 'http://prefect.io/slack?utm_source=oss&utm_medium=oss&utm_campaign=oss_popup&utm_term=none&utm_content=none'\n  const showJoinSlackThankYouMessage = ref(false)\n\n  const formId = 'join-the-community-modal'\n  const email = ref<string>()\n  const { validate, state } = useValidation(email, [isRequired('Email'), isEmail('Email')])\n\n  const loading = ref(false)\n  const error = ref('')\n\n  const formEndpoint = 'https://getform.io/f/eapderva'\n  async function signUpForEmailUpdates(): Promise<void> {\n    if (!await validate()) {\n      return\n    }\n\n    error.value = ''\n    loading.value = true\n    try {\n      await fetch(formEndpoint, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ email: email.value }),\n        // getform redirects to a thank-you page so this cancels that additional request\n        redirect: 'manual',\n      })\n\n      showModal.value = false\n      showToast('Successfully subscribed', 'success')\n    } catch (err) {\n      error.value = 'An error occurred. Please try again.'\n      console.error(err)\n    } finally {\n      loading.value = false\n    }\n  }\n</script>","<template>\n  <p-context-sidebar class=\"context-sidebar\">\n    <template #header>\n      <router-link :to=\"routes.root()\" class=\"context-sidebar__logo-link\">\n        <p-icon icon=\"Prefect\" class=\"context-sidebar__logo-icon\" />\n      </router-link>\n    </template>\n    <p-context-nav-item title=\"Dashboard\" :to=\"routes.dashboard()\" />\n    <p-context-nav-item title=\"Runs\" :to=\"routes.runs()\" />\n    <p-context-nav-item title=\"Flows\" :to=\"routes.flows()\" />\n    <p-context-nav-item title=\"Deployments\" :to=\"routes.deployments()\" />\n    <p-context-nav-item v-if=\"canSeeWorkPools\" title=\"Work Pools\" :to=\"routes.workPools()\" />\n    <p-context-nav-item v-if=\"!canSeeWorkPools\" title=\"Work Queues\" :to=\"routes.workQueues()\" />\n    <p-context-nav-item title=\"Blocks\" :to=\"routes.blocks()\" />\n    <p-context-nav-item :title=\"localization.info.variables\" :to=\"routes.variables()\" />\n    <p-context-nav-item title=\"Automations\" :to=\"routes.automations()\" />\n    <p-context-nav-item title=\"Event Feed\" :to=\"routes.events()\" />\n    <p-context-nav-item title=\"Notifications\" :to=\"routes.notifications()\" />\n    <p-context-nav-item title=\"Concurrency\" :to=\"routes.concurrencyLimits()\" />\n\n    <template #footer>\n      <a href=\"https://www.prefect.io/cloud-vs-oss?utm_source=oss&utm_medium=oss&utm_campaign=oss&utm_term=none&utm_content=none\" target=\"_blank\">\n        <p-context-nav-item>\n          <div>\n            Ready to scale?\n          </div>\n          <p-button primary small class=\"context-sidebar__upgade-button\">\n            Upgrade\n          </p-button>\n        </p-context-nav-item>\n      </a>\n\n      <p-context-nav-item @click=\"openJoinCommunityModal\">\n        Join the Community\n        <JoinTheCommunityModal :show-modal=\"showJoinCommunityModal || !joinTheCommunityModalDismissed\" @update:show-modal=\"updateShowModal\" />\n      </p-context-nav-item>\n\n      <p-context-nav-item title=\"Settings\" :to=\"routes.settings()\" />\n    </template>\n  </p-context-sidebar>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PContextSidebar, PContextNavItem } from '@prefecthq/prefect-design'\n  import { localization, useShowModal } from '@prefecthq/prefect-ui-library'\n  import { useStorage } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import JoinTheCommunityModal from '@/components/JoinTheCommunityModal.vue'\n  import { useCan } from '@/compositions/useCan'\n  import { routes } from '@/router'\n\n  const can = useCan()\n  const canSeeWorkPools = computed(() => can.read.work_pool)\n\n  const { showModal: showJoinCommunityModal, open: openJoinCommunityModal } = useShowModal()\n  const { value: joinTheCommunityModalDismissed } = useStorage('local', 'join-the-community-modal-dismissed', false)\n  function updateShowModal(updatedShowModal: boolean): void {\n    showJoinCommunityModal.value = updatedShowModal\n    if (!updatedShowModal) {\n      joinTheCommunityModalDismissed.value = true\n    }\n  }\n</script>\n\n<style>\n.context-sidebar__logo-link { @apply\n  outline-none\n  rounded-md\n  focus:ring-spacing-focus-ring\n  focus:ring-focus-ring\n}\n\n.context-sidebar__logo-link:focus:not(:focus-visible) { @apply\n  ring-transparent\n}\n\n.context-sidebar__logo-icon { @apply\n  !w-[42px]\n  !h-[42px]\n}\n\n.context-sidebar__upgade-button { @apply\n  ml-auto\n}\n</style>","import { PrefectConfig } from '@prefecthq/prefect-ui-library'\nimport { UiSettings } from '@/services/uiSettings'\nimport { MODE } from '@/utilities/meta'\n\nexport type UseWorkspaceApiConfig = {\n  config: PrefectConfig,\n}\nexport async function useApiConfig(): Promise<UseWorkspaceApiConfig> {\n  const baseUrl = await UiSettings.get('apiUrl')\n  const config: PrefectConfig = { baseUrl }\n\n  if (baseUrl.startsWith('/') && MODE() === 'development') {\n    config.baseUrl = `http://127.0.0.1:4200${baseUrl}`\n  }\n\n  return { config }\n}","import { Can, createCan, workspacePermissions } from '@prefecthq/prefect-ui-library'\nimport { useSubscription } from '@prefecthq/vue-compositions'\nimport { computed, Ref } from 'vue'\nimport { uiSettings } from '@/services/uiSettings'\nimport { Permission } from '@/utilities/permissions'\n\ntype UseCreateCan = {\n  can: Can<Permission>,\n  pending: Ref<boolean>,\n}\n\nexport function useCreateCan(): UseCreateCan {\n  const flagsSubscription = useSubscription(uiSettings.getFeatureFlags, [])\n\n  const permissions = computed<Permission[]>(() => [\n    ...workspacePermissions,\n    ...flagsSubscription.response ?? [],\n  ])\n\n  const can = createCan(permissions)\n  const pending = computed(() => flagsSubscription.loading)\n\n  return {\n    can,\n    pending,\n  }\n}","import { Ref, ref } from 'vue'\n\nexport type UseMobileMenuOpen = {\n  mobileMenuOpen: Ref<boolean>,\n  open: () => void,\n  close: () => void,\n  toggle: () => void,\n}\n\nexport function useMobileMenuOpen(): UseMobileMenuOpen {\n  const mobileMenuOpen = ref(false)\n\n  function toggle(): void {\n    mobileMenuOpen.value = !mobileMenuOpen.value\n  }\n\n  function open(): void {\n    mobileMenuOpen.value = true\n  }\n\n  function close(): void {\n    mobileMenuOpen.value = false\n  }\n\n  return {\n    mobileMenuOpen,\n    open,\n    close,\n    toggle,\n  }\n}","<template>\n  <div class=\"app-router-view\">\n    <template v-if=\"!media.lg && !$route.meta.public\">\n      <PGlobalSidebar class=\"app-router-view__mobile-menu\">\n        <template #upper-links>\n          <router-link :to=\"appRoutes.root()\">\n            <p-icon icon=\"Prefect\" class=\"app-router-view__prefect-icon\" />\n          </router-link>\n        </template>\n        <template #bottom-links>\n          <p-button small icon=\"Bars3Icon\" class=\"app-router-view__menu-icon\" @click=\"toggle\" />\n        </template>\n      </PGlobalSidebar>\n    </template>\n    <ContextSidebar v-if=\"showMenu && !$route.meta.public\" class=\"app-router-view__sidebar\" @click=\"close\" />\n    <router-view :class=\"['app-router-view__view', { 'app-router-view__view--public': $route.meta.public }]\">\n      <template #default=\"{ Component }\">\n        <transition name=\"app-router-view-fade\" mode=\"out-in\">\n          <component :is=\"Component\" />\n        </transition>\n      </template>\n    </router-view>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PGlobalSidebar, PIcon, media, showToast } from '@prefecthq/prefect-design'\n  import { workspaceApiKey, canKey as designCanKey, createWorkspaceRoutes, workspaceRoutesKey } from '@prefecthq/prefect-ui-library'\n  import { computed, provide, watchEffect } from 'vue'\n  import { RouterView } from 'vue-router'\n  import ContextSidebar from '@/components/ContextSidebar.vue'\n  import { useApiConfig } from '@/compositions/useApiConfig'\n  import { useCreateCan } from '@/compositions/useCreateCan'\n  import { useMobileMenuOpen } from '@/compositions/useMobileMenuOpen'\n  import router, { routes as appRoutes } from '@/router'\n  import { createPrefectApi, prefectApiKey } from '@/utilities/api'\n  import { canKey } from '@/utilities/permissions'\n\n  const { can } = useCreateCan()\n  const { config } = await useApiConfig()\n  const api = createPrefectApi(config)\n  const routes = createWorkspaceRoutes()\n\n  provide(canKey, can)\n  provide(designCanKey, can)\n  provide(prefectApiKey, api)\n  provide(workspaceApiKey, api)\n  provide(workspaceRoutesKey, routes)\n  api.admin.authCheck().then(authenticated => {\n    if (!authenticated) {\n      if (router.currentRoute.value.name !== 'login') {\n        showToast('Authentication failed.', 'error', { timeout: false })\n      }\n      router.push({\n        name: 'login',\n        query: { redirect: router.currentRoute.value.fullPath }\n      })\n    } else {\n      api.health.isHealthy().then(healthy => {\n        if (!healthy) {\n          showToast(`Can't connect to Server API at ${config.baseUrl}. Check that it's accessible from your machine.`, 'error', { timeout: false })\n        }\n      })\n    }\n  })\n\n  const { mobileMenuOpen, toggle, close } = useMobileMenuOpen()\n  const showMenu = computed(() => media.lg || mobileMenuOpen.value)\n\n  watchEffect(() => document.body.classList.toggle('body-scrolling-disabled', showMenu.value && !media.lg))\n</script>\n\n<style>\n.body-scrolling-disabled { @apply\n  overflow-hidden\n}\n\n.app-router-view { @apply\n  flex\n  flex-col\n  bg-no-repeat\n  overflow-auto;\n  --prefect-scroll-margin: theme('spacing.20');\n  height: 100vh;\n  background-image: url('/decorative_iso-pixel-grid_light.svg');\n  background-attachment: fixed;\n  background-position: bottom -140px left -140px;\n}\n\n.dark .app-router-view {\n  background-image: url('/decorative_iso-pixel-grid_dark.svg');\n}\n\n.app-router-view__prefect-icon { @apply\n  w-7\n  h-7\n}\n\n.app-router-view__mobile-menu { @apply\n  h-auto\n  py-3\n}\n\n.app-router-view__sidebar { @apply\n  bg-floating\n  top-[54px]\n  lg:bg-transparent\n  lg:top-0\n}\n\n.app-router-view__sidebar .p-context-sidebar__header { @apply\n  hidden\n  lg:block\n}\n\n.app-router-view__view {\n  /* The 1px flex-basis is important because it allows us to use height: 100% without additional flexing */\n  flex: 1 0 1px;\n  height: 100%;\n}\n\n.app-router-view__view--public { @apply\n  flex\n  items-center\n  justify-center;\n  grid-column: 1 / -1;\n}\n\n@screen lg {\n  .app-router-view {\n    --prefect-scroll-margin: theme('spacing.2');\n    display: grid;\n    grid-template-columns: max-content minmax(0, 1fr);\n  }\n}\n\n.app-router-view-fade-enter-active,\n.app-router-view-fade-leave-active {\n  transition: opacity 0.25s ease;\n}\n\n.app-router-view-fade-enter-from,\n.app-router-view-fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["joinSlackUrl","formId","formEndpoint","showModal","_useModel","__props","showJoinSlackThankYouMessage","ref","email","validate","state","useValidation","isRequired","isEmail","loading","error","signUpForEmailUpdates","showToast","err","can","useCan","canSeeWorkPools","computed","showJoinCommunityModal","openJoinCommunityModal","useShowModal","joinTheCommunityModalDismissed","useStorage","updateShowModal","updatedShowModal","useApiConfig","baseUrl","UiSettings","config","MODE","useCreateCan","flagsSubscription","useSubscription","uiSettings","permissions","workspacePermissions","createCan","pending","useMobileMenuOpen","mobileMenuOpen","toggle","open","close","__temp","__restore","_withAsyncContext","api","createPrefectApi","routes","createWorkspaceRoutes","provide","canKey","designCanKey","prefectApiKey","workspaceApiKey","workspaceRoutesKey","authenticated","healthy","router","showMenu","media","watchEffect"],"mappings":"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"}
+{"version":3,"file":"AppRouterView-KBaPMzzJ.js","sources":["../../src/components/JoinTheCommunityModal.vue","../../src/components/ContextSidebar.vue","../../src/compositions/useApiConfig.ts","../../src/compositions/useCreateCan.ts","../../src/compositions/useMobileMenuOpen.ts","../../src/pages/AppRouterView.vue"],"sourcesContent":["<template>\n  <p-modal v-model:show-modal=\"showModal\" title=\"Join the Prefect Community\">\n    <template #header>\n      <h2>Join the Community</h2>\n    </template>\n\n    <template #default>\n      <p>\n        Connect with 25k+ engineers scaling Python with Prefect. Show us your work and be the first to know about new Prefect features.\n      </p>\n\n      <div class=\"flex gap-x-2 items-center\">\n        <p-button primary icon=\"Slack\" :to=\"joinSlackUrl\" target=\"_blank\" @click=\"showJoinSlackThankYouMessage = true\">\n          Join us on Slack\n        </p-button>\n\n        <span v-if=\"showJoinSlackThankYouMessage\" class=\"text-sm italic\">\n          Thanks for joining our community!\n        </span>\n      </div>\n\n      <p-divider class=\"-my-3\" />\n\n      <p-form :id=\"formId\" @submit=\"signUpForEmailUpdates\">\n        <p-label v-slot=\"{ id }\" label=\"Notify me about Prefect updates\" :state :message=\"state.error\">\n          <p-text-input\n            :id\n            v-model=\"email\"\n            placeholder=\"hello@prefect.io\"\n            :state\n          />\n        </p-label>\n      </p-form>\n\n      <p-message v-if=\"error\" error>\n        {{ error }}\n      </p-message>\n    </template>\n\n    <template #cancel=\"scope\">\n      <p-button class=\"sm:order-first\" @click=\"scope.close\">\n        Skip\n      </p-button>\n    </template>\n\n    <template #actions>\n      <p-button primary type=\"submit\" :form=\"formId\" :loading>\n        Sign up\n      </p-button>\n    </template>\n  </p-modal>\n</template>\n\n<script setup lang=\"ts\">\n  import { showToast } from '@prefecthq/prefect-design'\n  import { isEmail, isRequired } from '@prefecthq/prefect-ui-library'\n  import { useValidation } from '@prefecthq/vue-compositions'\n  import { ref } from 'vue'\n\n  const showModal = defineModel<boolean>('showModal')\n\n  const joinSlackUrl = 'http://prefect.io/slack?utm_source=oss&utm_medium=oss&utm_campaign=oss_popup&utm_term=none&utm_content=none'\n  const showJoinSlackThankYouMessage = ref(false)\n\n  const formId = 'join-the-community-modal'\n  const email = ref<string>()\n  const { validate, state } = useValidation(email, [isRequired('Email'), isEmail('Email')])\n\n  const loading = ref(false)\n  const error = ref('')\n\n  const formEndpoint = 'https://getform.io/f/eapderva'\n  async function signUpForEmailUpdates(): Promise<void> {\n    if (!await validate()) {\n      return\n    }\n\n    error.value = ''\n    loading.value = true\n    try {\n      await fetch(formEndpoint, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ email: email.value }),\n        // getform redirects to a thank-you page so this cancels that additional request\n        redirect: 'manual',\n      })\n\n      showModal.value = false\n      showToast('Successfully subscribed', 'success')\n    } catch (err) {\n      error.value = 'An error occurred. Please try again.'\n      console.error(err)\n    } finally {\n      loading.value = false\n    }\n  }\n</script>","<template>\n  <p-context-sidebar class=\"context-sidebar\">\n    <template #header>\n      <router-link :to=\"routes.root()\" class=\"context-sidebar__logo-link\">\n        <p-icon icon=\"Prefect\" class=\"context-sidebar__logo-icon\" />\n      </router-link>\n    </template>\n    <p-context-nav-item title=\"Dashboard\" :to=\"routes.dashboard()\" />\n    <p-context-nav-item title=\"Runs\" :to=\"routes.runs()\" />\n    <p-context-nav-item title=\"Flows\" :to=\"routes.flows()\" />\n    <p-context-nav-item title=\"Deployments\" :to=\"routes.deployments()\" />\n    <p-context-nav-item v-if=\"canSeeWorkPools\" title=\"Work Pools\" :to=\"routes.workPools()\" />\n    <p-context-nav-item v-if=\"!canSeeWorkPools\" title=\"Work Queues\" :to=\"routes.workQueues()\" />\n    <p-context-nav-item title=\"Blocks\" :to=\"routes.blocks()\" />\n    <p-context-nav-item :title=\"localization.info.variables\" :to=\"routes.variables()\" />\n    <p-context-nav-item title=\"Automations\" :to=\"routes.automations()\" />\n    <p-context-nav-item title=\"Event Feed\" :to=\"routes.events()\" />\n    <p-context-nav-item title=\"Notifications\" :to=\"routes.notifications()\" />\n    <p-context-nav-item title=\"Concurrency\" :to=\"routes.concurrencyLimits()\" />\n\n    <template #footer>\n      <a href=\"https://www.prefect.io/cloud-vs-oss?utm_source=oss&utm_medium=oss&utm_campaign=oss&utm_term=none&utm_content=none\" target=\"_blank\">\n        <p-context-nav-item>\n          <div>\n            Ready to scale?\n          </div>\n          <p-button primary small class=\"context-sidebar__upgade-button\">\n            Upgrade\n          </p-button>\n        </p-context-nav-item>\n      </a>\n\n      <p-context-nav-item @click=\"openJoinCommunityModal\">\n        Join the Community\n        <JoinTheCommunityModal :show-modal=\"showJoinCommunityModal || !joinTheCommunityModalDismissed\" @update:show-modal=\"updateShowModal\" />\n      </p-context-nav-item>\n\n      <p-context-nav-item title=\"Settings\" :to=\"routes.settings()\" />\n    </template>\n  </p-context-sidebar>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PContextSidebar, PContextNavItem } from '@prefecthq/prefect-design'\n  import { localization, useShowModal } from '@prefecthq/prefect-ui-library'\n  import { useStorage } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import JoinTheCommunityModal from '@/components/JoinTheCommunityModal.vue'\n  import { useCan } from '@/compositions/useCan'\n  import { routes } from '@/router'\n\n  const can = useCan()\n  const canSeeWorkPools = computed(() => can.read.work_pool)\n\n  const { showModal: showJoinCommunityModal, open: openJoinCommunityModal } = useShowModal()\n  const { value: joinTheCommunityModalDismissed } = useStorage('local', 'join-the-community-modal-dismissed', false)\n  function updateShowModal(updatedShowModal: boolean): void {\n    showJoinCommunityModal.value = updatedShowModal\n    if (!updatedShowModal) {\n      joinTheCommunityModalDismissed.value = true\n    }\n  }\n</script>\n\n<style>\n.context-sidebar__logo-link { @apply\n  outline-none\n  rounded-md\n  focus:ring-spacing-focus-ring\n  focus:ring-focus-ring\n}\n\n.context-sidebar__logo-link:focus:not(:focus-visible) { @apply\n  ring-transparent\n}\n\n.context-sidebar__logo-icon { @apply\n  !w-[42px]\n  !h-[42px]\n}\n\n.context-sidebar__upgade-button { @apply\n  ml-auto\n}\n</style>","import { PrefectConfig } from '@prefecthq/prefect-ui-library'\nimport { UiSettings } from '@/services/uiSettings'\nimport { MODE } from '@/utilities/meta'\n\nexport type UseWorkspaceApiConfig = {\n  config: PrefectConfig,\n}\nexport async function useApiConfig(): Promise<UseWorkspaceApiConfig> {\n  const baseUrl = await UiSettings.get('apiUrl')\n  const config: PrefectConfig = { baseUrl }\n\n  if (baseUrl.startsWith('/') && MODE() === 'development') {\n    config.baseUrl = `http://127.0.0.1:4200${baseUrl}`\n  }\n\n  return { config }\n}","import { Can, createCan, workspacePermissions } from '@prefecthq/prefect-ui-library'\nimport { useSubscription } from '@prefecthq/vue-compositions'\nimport { computed, Ref } from 'vue'\nimport { uiSettings } from '@/services/uiSettings'\nimport { Permission } from '@/utilities/permissions'\n\ntype UseCreateCan = {\n  can: Can<Permission>,\n  pending: Ref<boolean>,\n}\n\nexport function useCreateCan(): UseCreateCan {\n  const flagsSubscription = useSubscription(uiSettings.getFeatureFlags, [])\n\n  const permissions = computed<Permission[]>(() => [\n    ...workspacePermissions,\n    ...flagsSubscription.response ?? [],\n  ])\n\n  const can = createCan(permissions)\n  const pending = computed(() => flagsSubscription.loading)\n\n  return {\n    can,\n    pending,\n  }\n}","import { Ref, ref } from 'vue'\n\nexport type UseMobileMenuOpen = {\n  mobileMenuOpen: Ref<boolean>,\n  open: () => void,\n  close: () => void,\n  toggle: () => void,\n}\n\nexport function useMobileMenuOpen(): UseMobileMenuOpen {\n  const mobileMenuOpen = ref(false)\n\n  function toggle(): void {\n    mobileMenuOpen.value = !mobileMenuOpen.value\n  }\n\n  function open(): void {\n    mobileMenuOpen.value = true\n  }\n\n  function close(): void {\n    mobileMenuOpen.value = false\n  }\n\n  return {\n    mobileMenuOpen,\n    open,\n    close,\n    toggle,\n  }\n}","<template>\n  <div class=\"app-router-view\">\n    <template v-if=\"!media.lg && !$route.meta.public\">\n      <PGlobalSidebar class=\"app-router-view__mobile-menu\">\n        <template #upper-links>\n          <router-link :to=\"appRoutes.root()\">\n            <p-icon icon=\"Prefect\" class=\"app-router-view__prefect-icon\" />\n          </router-link>\n        </template>\n        <template #bottom-links>\n          <p-button small icon=\"Bars3Icon\" class=\"app-router-view__menu-icon\" @click=\"toggle\" />\n        </template>\n      </PGlobalSidebar>\n    </template>\n    <ContextSidebar v-if=\"showMenu && !$route.meta.public\" class=\"app-router-view__sidebar\" @click=\"close\" />\n    <router-view :class=\"['app-router-view__view', { 'app-router-view__view--public': $route.meta.public }]\">\n      <template #default=\"{ Component }\">\n        <transition name=\"app-router-view-fade\" mode=\"out-in\">\n          <component :is=\"Component\" />\n        </transition>\n      </template>\n    </router-view>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PGlobalSidebar, PIcon, media, showToast } from '@prefecthq/prefect-design'\n  import { workspaceApiKey, canKey as designCanKey, createWorkspaceRoutes, workspaceRoutesKey } from '@prefecthq/prefect-ui-library'\n  import { computed, provide, watchEffect } from 'vue'\n  import { RouterView } from 'vue-router'\n  import ContextSidebar from '@/components/ContextSidebar.vue'\n  import { useApiConfig } from '@/compositions/useApiConfig'\n  import { useCreateCan } from '@/compositions/useCreateCan'\n  import { useMobileMenuOpen } from '@/compositions/useMobileMenuOpen'\n  import router, { routes as appRoutes } from '@/router'\n  import { createPrefectApi, prefectApiKey } from '@/utilities/api'\n  import { canKey } from '@/utilities/permissions'\n\n  const { can } = useCreateCan()\n  const { config } = await useApiConfig()\n  const api = createPrefectApi(config)\n  const routes = createWorkspaceRoutes()\n\n  provide(canKey, can)\n  provide(designCanKey, can)\n  provide(prefectApiKey, api)\n  provide(workspaceApiKey, api)\n  provide(workspaceRoutesKey, routes)\n  api.admin.authCheck().then(authenticated => {\n    if (!authenticated) {\n      if (router.currentRoute.value.name !== 'login') {\n        showToast('Authentication failed.', 'error', { timeout: false })\n      }\n      router.push({\n        name: 'login',\n        query: { redirect: router.currentRoute.value.fullPath }\n      })\n    } else {\n      api.health.isHealthy().then(healthy => {\n        if (!healthy) {\n          showToast(`Can't connect to Server API at ${config.baseUrl}. Check that it's accessible from your machine.`, 'error', { timeout: false })\n        }\n      })\n    }\n  })\n\n  const { mobileMenuOpen, toggle, close } = useMobileMenuOpen()\n  const showMenu = computed(() => media.lg || mobileMenuOpen.value)\n\n  watchEffect(() => document.body.classList.toggle('body-scrolling-disabled', showMenu.value && !media.lg))\n</script>\n\n<style>\n.body-scrolling-disabled { @apply\n  overflow-hidden\n}\n\n.app-router-view { @apply\n  flex\n  flex-col\n  bg-no-repeat\n  overflow-auto;\n  --prefect-scroll-margin: theme('spacing.20');\n  height: 100vh;\n  background-image: url('/decorative_iso-pixel-grid_light.svg');\n  background-attachment: fixed;\n  background-position: bottom -140px left -140px;\n}\n\n.dark .app-router-view {\n  background-image: url('/decorative_iso-pixel-grid_dark.svg');\n}\n\n.app-router-view__prefect-icon { @apply\n  w-7\n  h-7\n}\n\n.app-router-view__mobile-menu { @apply\n  h-auto\n  py-3\n}\n\n.app-router-view__sidebar { @apply\n  bg-floating\n  top-[54px]\n  lg:bg-transparent\n  lg:top-0\n}\n\n.app-router-view__sidebar .p-context-sidebar__header { @apply\n  hidden\n  lg:block\n}\n\n.app-router-view__view {\n  /* The 1px flex-basis is important because it allows us to use height: 100% without additional flexing */\n  flex: 1 0 1px;\n  height: 100%;\n}\n\n.app-router-view__view--public { @apply\n  flex\n  items-center\n  justify-center;\n  grid-column: 1 / -1;\n}\n\n@screen lg {\n  .app-router-view {\n    --prefect-scroll-margin: theme('spacing.2');\n    display: grid;\n    grid-template-columns: max-content minmax(0, 1fr);\n  }\n}\n\n.app-router-view-fade-enter-active,\n.app-router-view-fade-leave-active {\n  transition: opacity 0.25s ease;\n}\n\n.app-router-view-fade-enter-from,\n.app-router-view-fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["joinSlackUrl","formId","formEndpoint","showModal","_useModel","__props","showJoinSlackThankYouMessage","ref","email","validate","state","useValidation","isRequired","isEmail","loading","error","signUpForEmailUpdates","showToast","err","can","useCan","canSeeWorkPools","computed","showJoinCommunityModal","openJoinCommunityModal","useShowModal","joinTheCommunityModalDismissed","useStorage","updateShowModal","updatedShowModal","useApiConfig","baseUrl","UiSettings","config","MODE","useCreateCan","flagsSubscription","useSubscription","uiSettings","permissions","workspacePermissions","createCan","pending","useMobileMenuOpen","mobileMenuOpen","toggle","open","close","__temp","__restore","_withAsyncContext","api","createPrefectApi","routes","createWorkspaceRoutes","provide","canKey","designCanKey","prefectApiKey","workspaceApiKey","workspaceRoutesKey","authenticated","healthy","router","showMenu","media","watchEffect"],"mappings":"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"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/Artifact-CXWVGpGG.js

@@ -0,0 +1,2 @@
+import{d as N,v as B,W as R,e as S,f as p,ae as T,al as V,c as r,g as e,i as c,G as _,aH as $,o as l,k as t,aI as h,a as i,aJ as d,q,j as s,aK as F,aL as H,aM as v,A as J,t as W,aN as m,a6 as j}from"./index-Dkae_997.js";import{u as E}from"./usePageTitle-DGuB4AZ9.js";const G={key:0},U=N({__name:"Artifact",setup(K){const b=B(),k=R("artifactId"),w=S(b.artifacts.getArtifact,[k]),a=p(()=>w.response),n=T(!1),y=[{label:"Artifact"},{label:"Details"},{label:"Raw"}],u=V("tab","Artifact"),g=p(()=>a.value?`${_.info.artifact}: ${a.value.key??$(a.value.type)}`:_.info.artifact);return E(g),(L,o)=>{const x=c("p-divider"),A=c("p-button"),C=c("p-content"),D=c("p-tabs"),I=c("p-layout-well");return l(),r(I,{class:"artifact"},{header:e(()=>[a.value?(l(),r(t(h),{key:0,artifact:a.value},null,8,["artifact"])):i("",!0)]),well:e(()=>[a.value?(l(),r(t(d),{key:0,artifact:a.value,alternate:""},null,8,["artifact"])):i("",!0)]),default:e(()=>[a.value?(l(),q("section",G,[s(t(F),{artifact:a.value},null,8,["artifact"]),s(x),t(H).xl?(l(),r(C,{key:0},{default:e(()=>[s(t(v),{artifact:a.value},null,8,["artifact"]),s(A,{class:"artifact__raw-data-button",small:"",onClick:o[0]||(o[0]=f=>n.value=!n.value)},{default:e(()=>[J(W(n.value?"Hide":"Show")+" raw data ",1)]),_:1}),n.value?(l(),r(t(m),{key:0,artifact:a.value},null,8,["artifact"])):i("",!0)]),_:1})):(l(),r(D,{key:1,selected:t(u),"onUpdate:selected":o[1]||(o[1]=f=>j(u)?u.value=f:null),tabs:y},{artifact:e(()=>[s(t(v),{artifact:a.value},null,8,["artifact"])]),details:e(()=>[s(t(d),{artifact:a.value},null,8,["artifact"])]),raw:e(()=>[s(t(m),{artifact:a.value},null,8,["artifact"])]),_:1},8,["selected"]))])):i("",!0)]),_:1})}}});export{U as default};
+//# sourceMappingURL=Artifact-CXWVGpGG.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/Artifact-XXgkFEe5.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/Artifact-CXWVGpGG.js.map

@@ -1 +1 @@
-{"version":3,"file":"Artifact-XXgkFEe5.js","sources":["../../src/pages/Artifact.vue"],"sourcesContent":["<template>\n  <p-layout-well class=\"artifact\">\n    <template #header>\n      <PageHeadingArtifact v-if=\"artifact\" :artifact=\"artifact\" />\n    </template>\n\n    <section v-if=\"artifact\">\n      <ArtifactDescription :artifact=\"artifact\" />\n\n      <p-divider />\n\n      <template v-if=\"media.xl\">\n        <p-content>\n          <ArtifactDataView :artifact=\"artifact\" />\n\n          <p-button class=\"artifact__raw-data-button\" small @click=\"showRaw = !showRaw\">\n            {{ showRaw ? 'Hide' : 'Show' }} raw data\n          </p-button>\n\n          <ArtifactDataRaw v-if=\"showRaw\" :artifact=\"artifact\" />\n        </p-content>\n      </template>\n\n      <template v-else>\n        <p-tabs v-model:selected=\"tab\" :tabs=\"tabs\">\n          <template #artifact>\n            <ArtifactDataView :artifact=\"artifact\" />\n          </template>\n\n          <template #details>\n            <ArtifactDetails :artifact=\"artifact\" />\n          </template>\n\n          <template #raw>\n            <ArtifactDataRaw :artifact=\"artifact\" />\n          </template>\n        </p-tabs>\n      </template>\n    </section>\n\n    <template #well>\n      <ArtifactDetails v-if=\"artifact\" :artifact=\"artifact\" alternate />\n    </template>\n  </p-layout-well>\n</template>\n\n<script lang=\"ts\" setup>\n  import { media } from '@prefecthq/prefect-design'\n  import {\n    PageHeadingArtifact,\n    ArtifactDataView,\n    ArtifactDescription,\n    ArtifactDetails,\n    ArtifactDataRaw,\n    localization,\n    capitalize,\n    useWorkspaceApi\n  } from '@prefecthq/prefect-ui-library'\n  import { useSubscription, useRouteParam, useRouteQueryParam } from '@prefecthq/vue-compositions'\n  import { computed, ref } from 'vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n\n  const api = useWorkspaceApi()\n  const artifactId = useRouteParam('artifactId')\n\n  const artifactSubscription = useSubscription(api.artifacts.getArtifact, [artifactId])\n  const artifact = computed(() => artifactSubscription.response)\n\n  const showRaw = ref(false)\n\n  const tabs = [\n    { label: 'Artifact' },\n    { label: 'Details' },\n    { label: 'Raw' },\n  ]\n  const tab = useRouteQueryParam('tab', 'Artifact')\n\n  const pageTitle = computed<string>(() => {\n    if (!artifact.value) {\n      return localization.info.artifact\n    }\n\n    return `${localization.info.artifact}: ${artifact.value.key ?? capitalize(artifact.value.type)}`\n  })\n\n  usePageTitle(pageTitle)\n</script>\n\n<style>\n.artifact__raw-data-button { @apply\n  mt-4\n  inline-block\n  mx-auto\n}\n</style>"],"names":["api","useWorkspaceApi","artifactId","useRouteParam","artifactSubscription","useSubscription","artifact","computed","showRaw","ref","tabs","tab","useRouteQueryParam","pageTitle","localization","capitalize","usePageTitle"],"mappings":"sTA8DE,MAAMA,EAAMC,EAAgB,EACtBC,EAAaC,EAAc,YAAY,EAEvCC,EAAuBC,EAAgBL,EAAI,UAAU,YAAa,CAACE,CAAU,CAAC,EAC9EI,EAAWC,EAAS,IAAMH,EAAqB,QAAQ,EAEvDI,EAAUC,EAAI,EAAK,EAEnBC,EAAO,CACX,CAAE,MAAO,UAAW,EACpB,CAAE,MAAO,SAAU,EACnB,CAAE,MAAO,KAAM,CACjB,EACMC,EAAMC,EAAmB,MAAO,UAAU,EAE1CC,EAAYN,EAAiB,IAC5BD,EAAS,MAIP,GAAGQ,EAAa,KAAK,QAAQ,KAAKR,EAAS,MAAM,KAAOS,EAAWT,EAAS,MAAM,IAAI,CAAC,GAHrFQ,EAAa,KAAK,QAI5B,EAED,OAAAE,EAAaH,CAAS"}
+{"version":3,"file":"Artifact-CXWVGpGG.js","sources":["../../src/pages/Artifact.vue"],"sourcesContent":["<template>\n  <p-layout-well class=\"artifact\">\n    <template #header>\n      <PageHeadingArtifact v-if=\"artifact\" :artifact=\"artifact\" />\n    </template>\n\n    <section v-if=\"artifact\">\n      <ArtifactDescription :artifact=\"artifact\" />\n\n      <p-divider />\n\n      <template v-if=\"media.xl\">\n        <p-content>\n          <ArtifactDataView :artifact=\"artifact\" />\n\n          <p-button class=\"artifact__raw-data-button\" small @click=\"showRaw = !showRaw\">\n            {{ showRaw ? 'Hide' : 'Show' }} raw data\n          </p-button>\n\n          <ArtifactDataRaw v-if=\"showRaw\" :artifact=\"artifact\" />\n        </p-content>\n      </template>\n\n      <template v-else>\n        <p-tabs v-model:selected=\"tab\" :tabs=\"tabs\">\n          <template #artifact>\n            <ArtifactDataView :artifact=\"artifact\" />\n          </template>\n\n          <template #details>\n            <ArtifactDetails :artifact=\"artifact\" />\n          </template>\n\n          <template #raw>\n            <ArtifactDataRaw :artifact=\"artifact\" />\n          </template>\n        </p-tabs>\n      </template>\n    </section>\n\n    <template #well>\n      <ArtifactDetails v-if=\"artifact\" :artifact=\"artifact\" alternate />\n    </template>\n  </p-layout-well>\n</template>\n\n<script lang=\"ts\" setup>\n  import { media } from '@prefecthq/prefect-design'\n  import {\n    PageHeadingArtifact,\n    ArtifactDataView,\n    ArtifactDescription,\n    ArtifactDetails,\n    ArtifactDataRaw,\n    localization,\n    capitalize,\n    useWorkspaceApi\n  } from '@prefecthq/prefect-ui-library'\n  import { useSubscription, useRouteParam, useRouteQueryParam } from '@prefecthq/vue-compositions'\n  import { computed, ref } from 'vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n\n  const api = useWorkspaceApi()\n  const artifactId = useRouteParam('artifactId')\n\n  const artifactSubscription = useSubscription(api.artifacts.getArtifact, [artifactId])\n  const artifact = computed(() => artifactSubscription.response)\n\n  const showRaw = ref(false)\n\n  const tabs = [\n    { label: 'Artifact' },\n    { label: 'Details' },\n    { label: 'Raw' },\n  ]\n  const tab = useRouteQueryParam('tab', 'Artifact')\n\n  const pageTitle = computed<string>(() => {\n    if (!artifact.value) {\n      return localization.info.artifact\n    }\n\n    return `${localization.info.artifact}: ${artifact.value.key ?? capitalize(artifact.value.type)}`\n  })\n\n  usePageTitle(pageTitle)\n</script>\n\n<style>\n.artifact__raw-data-button { @apply\n  mt-4\n  inline-block\n  mx-auto\n}\n</style>"],"names":["api","useWorkspaceApi","artifactId","useRouteParam","artifactSubscription","useSubscription","artifact","computed","showRaw","ref","tabs","tab","useRouteQueryParam","pageTitle","localization","capitalize","usePageTitle"],"mappings":"2TA8DE,MAAMA,EAAMC,EAAgB,EACtBC,EAAaC,EAAc,YAAY,EAEvCC,EAAuBC,EAAgBL,EAAI,UAAU,YAAa,CAACE,CAAU,CAAC,EAC9EI,EAAWC,EAAS,IAAMH,EAAqB,QAAQ,EAEvDI,EAAUC,EAAI,EAAK,EAEnBC,EAAO,CACX,CAAE,MAAO,UAAW,EACpB,CAAE,MAAO,SAAU,EACnB,CAAE,MAAO,KAAM,CACjB,EACMC,EAAMC,EAAmB,MAAO,UAAU,EAE1CC,EAAYN,EAAiB,IAC5BD,EAAS,MAIP,GAAGQ,EAAa,KAAK,QAAQ,KAAKR,EAAS,MAAM,KAAOS,EAAWT,EAAS,MAAM,IAAI,CAAC,GAHrFQ,EAAa,KAAK,QAI5B,EAED,OAAAE,EAAaH,CAAS"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/ArtifactKey-CBGhx5Wn.js

@@ -0,0 +1,2 @@
+import{d as y,v as m,W as k,e as _,f as s,c as e,g as o,i as v,G as n,o as t,k as c,aO as d,a as r,aK as g,q as C,aP as K,y as h}from"./index-Dkae_997.js";import{u as x}from"./usePageTitle-DGuB4AZ9.js";const W=y({__name:"ArtifactKey",setup(B){const u=m(),i=k("artifactKey"),l=_(u.artifacts.getArtifactCollection,[i]),a=s(()=>l.response),f=s(()=>a.value?`${n.info.artifact}: ${a.value.key}`:n.info.artifact);return x(f),(A,F)=>{const p=v("p-layout-default");return t(),e(p,{class:"artifact"},{header:o(()=>[a.value?(t(),e(c(d),{key:0,artifact:a.value},null,8,["artifact"])):r("",!0)]),default:o(()=>[a.value?(t(),e(c(g),{key:0,artifact:a.value},null,8,["artifact"])):r("",!0),a.value?(t(),C(h,{key:1},[a.value.key?(t(),e(c(K),{key:0,"artifact-key":a.value.key},null,8,["artifact-key"])):r("",!0)],64)):r("",!0)]),_:1})}}});export{W as default};
+//# sourceMappingURL=ArtifactKey-CBGhx5Wn.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/ArtifactKey-92aq1ye3.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/ArtifactKey-CBGhx5Wn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArtifactKey-92aq1ye3.js","sources":["../../src/pages/ArtifactKey.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"artifact\">\n    <template #header>\n      <PageHeadingArtifactKey v-if=\"artifact\" :artifact=\"artifact\" />\n    </template>\n\n    <ArtifactDescription v-if=\"artifact\" :artifact=\"artifact\" />\n\n    <template v-if=\"artifact\">\n      <ArtifactTimeline v-if=\"artifact.key\" :artifact-key=\"artifact.key\" />\n    </template>\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import {\n    PageHeadingArtifactKey,\n    ArtifactDescription,\n    ArtifactTimeline,\n    localization,\n    useWorkspaceApi\n  } from '@prefecthq/prefect-ui-library'\n  import { useSubscription, useRouteParam } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n\n  const api = useWorkspaceApi()\n  const artifactKey = useRouteParam('artifactKey')\n\n  const artifactSubscription = useSubscription(api.artifacts.getArtifactCollection, [artifactKey])\n  const artifact = computed(() => artifactSubscription.response)\n\n  const pageTitle = computed<string>(() => {\n    if (!artifact.value) {\n      return localization.info.artifact\n    }\n\n    return `${localization.info.artifact}: ${artifact.value.key}`\n  })\n\n  usePageTitle(pageTitle)\n</script>\n"],"names":["api","useWorkspaceApi","artifactKey","useRouteParam","artifactSubscription","useSubscription","artifact","computed","pageTitle","localization","usePageTitle"],"mappings":"mPA0BE,MAAMA,EAAMC,EAAgB,EACtBC,EAAcC,EAAc,aAAa,EAEzCC,EAAuBC,EAAgBL,EAAI,UAAU,sBAAuB,CAACE,CAAW,CAAC,EACzFI,EAAWC,EAAS,IAAMH,EAAqB,QAAQ,EAEvDI,EAAYD,EAAiB,IAC5BD,EAAS,MAIP,GAAGG,EAAa,KAAK,QAAQ,KAAKH,EAAS,MAAM,GAAG,GAHlDG,EAAa,KAAK,QAI5B,EAED,OAAAC,EAAaF,CAAS"}
+{"version":3,"file":"ArtifactKey-CBGhx5Wn.js","sources":["../../src/pages/ArtifactKey.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"artifact\">\n    <template #header>\n      <PageHeadingArtifactKey v-if=\"artifact\" :artifact=\"artifact\" />\n    </template>\n\n    <ArtifactDescription v-if=\"artifact\" :artifact=\"artifact\" />\n\n    <template v-if=\"artifact\">\n      <ArtifactTimeline v-if=\"artifact.key\" :artifact-key=\"artifact.key\" />\n    </template>\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import {\n    PageHeadingArtifactKey,\n    ArtifactDescription,\n    ArtifactTimeline,\n    localization,\n    useWorkspaceApi\n  } from '@prefecthq/prefect-ui-library'\n  import { useSubscription, useRouteParam } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n\n  const api = useWorkspaceApi()\n  const artifactKey = useRouteParam('artifactKey')\n\n  const artifactSubscription = useSubscription(api.artifacts.getArtifactCollection, [artifactKey])\n  const artifact = computed(() => artifactSubscription.response)\n\n  const pageTitle = computed<string>(() => {\n    if (!artifact.value) {\n      return localization.info.artifact\n    }\n\n    return `${localization.info.artifact}: ${artifact.value.key}`\n  })\n\n  usePageTitle(pageTitle)\n</script>\n"],"names":["api","useWorkspaceApi","artifactKey","useRouteParam","artifactSubscription","useSubscription","artifact","computed","pageTitle","localization","usePageTitle"],"mappings":"mPA0BE,MAAMA,EAAMC,EAAgB,EACtBC,EAAcC,EAAc,aAAa,EAEzCC,EAAuBC,EAAgBL,EAAI,UAAU,sBAAuB,CAACE,CAAW,CAAC,EACzFI,EAAWC,EAAS,IAAMH,EAAqB,QAAQ,EAEvDI,EAAYD,EAAiB,IAC5BD,EAAS,MAIP,GAAGG,EAAa,KAAK,QAAQ,KAAKH,EAAS,MAAM,GAAG,GAHlDG,EAAa,KAAK,QAI5B,EAED,OAAAC,EAAaF,CAAS"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/Artifacts-CcLLybUD.js

@@ -0,0 +1,2 @@
+import{d as o,c as r,g as a,i as c,o as n,j as e,k as t,aQ as _,aR as f}from"./index-Dkae_997.js";import{u as p}from"./usePageTitle-DGuB4AZ9.js";const h=o({__name:"Artifacts",setup(u){return p("Artifacts"),(l,i)=>{const s=c("p-layout-default");return n(),r(s,{class:"artifacts"},{header:a(()=>[e(t(_))]),default:a(()=>[e(t(f))]),_:1})}}});export{h as default};
+//# sourceMappingURL=Artifacts-CcLLybUD.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/Artifacts-3Oj_SpZd.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/Artifacts-CcLLybUD.js.map

@@ -1 +1 @@
-{"version":3,"file":"Artifacts-3Oj_SpZd.js","sources":["../../src/pages/Artifacts.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"artifacts\">\n    <template #header>\n      <PageHeadingArtifacts />\n    </template>\n\n    <ArtifactCollections />\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import {\n    PageHeadingArtifacts,\n    ArtifactCollections\n  } from '@prefecthq/prefect-ui-library'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n\n  usePageTitle('Artifacts')\n</script>\n"],"names":["usePageTitle"],"mappings":"wLAiBE,OAAAA,EAAa,WAAW"}
+{"version":3,"file":"Artifacts-CcLLybUD.js","sources":["../../src/pages/Artifacts.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"artifacts\">\n    <template #header>\n      <PageHeadingArtifacts />\n    </template>\n\n    <ArtifactCollections />\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import {\n    PageHeadingArtifacts,\n    ArtifactCollections\n  } from '@prefecthq/prefect-ui-library'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n\n  usePageTitle('Artifacts')\n</script>\n"],"names":["usePageTitle"],"mappings":"wLAiBE,OAAAA,EAAa,WAAW"}

prefect-3.1.9.dev1/src/prefect/server/ui/assets/Automation-DVdFHpK6.js → prefect-3.1.9.dev2/src/prefect/server/ui/assets/Automation-BLceWa57.js

@@ -1,2 +1,2 @@
-import{d as C,B as D,W as F,b as N,e as n,c as _,f as e,a as T,g as s,u as V,o as l,j as a,k as o,F as I,m as K,K as P,l as d,p as U,t as W,n as j,q,v as w,x as E,y as L}from"./index-BfXinIUU.js";import{u as R}from"./usePageTitle-D3Tj0lw0.js";import{u as S}from"./usePrefectApi-j20OJaO_.js";import"./api-CPUqIYs_.js";import"./mapper-BysJJThA.js";const $={class:"automation-card__label"},Q=C({__name:"Automation",setup(z){const c=D(),f=V(),v=S(),g=F("automationId"),i=N(v.automations.getAutomation,[g]),t=n(()=>i.response),y=n(()=>{var u;return((u=t.value)==null?void 0:u.name)??""}),b=n(()=>[{text:"Automations",to:c.automations()},{text:y.value}]),k=n(()=>t.value?`Automation: ${t.value.name}`:"Automation");R(k);function A(){f.push(c.automations())}return(u,m)=>{const x=s("p-key-value"),r=s("p-content"),B=s("p-card"),h=s("p-layout-default");return t.value?(l(),_(h,{key:0,class:"automation"},{header:e(()=>[a(o(P),{crumbs:b.value},{actions:e(()=>[a(o(I),{automation:t.value,onUpdate:o(i).refresh},null,8,["automation","onUpdate"]),a(o(K),{automation:t.value,onDelete:A},null,8,["automation"])]),_:1},8,["crumbs"])]),default:e(()=>[a(r,null,{default:e(()=>[a(x,{label:"Description",value:t.value.description},null,8,["value"]),a(r,{secondary:""},{default:e(()=>[m[0]||(m[0]=d("span",{class:"automation-card__label"},"Trigger",-1)),a(o(U),{trigger:t.value.trigger},null,8,["trigger"])]),_:1}),a(r,{secondary:""},{default:e(()=>[d("span",$,W(o(j)("Action",t.value.actions.length)),1),(l(!0),q(E,null,w(t.value.actions,p=>(l(),_(B,{key:p.id},{default:e(()=>[a(o(L),{action:p},null,8,["action"])]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})):T("",!0)}}});export{Q as default};
-//# sourceMappingURL=Automation-DVdFHpK6.js.map
+import{d as C,B as D,W as F,e as N,f as n,c as _,g as e,a as T,i as s,u as V,o as l,j as a,k as o,F as I,m as K,K as P,l as d,p as U,t as W,n as j,q,x as w,y as z,z as E}from"./index-Dkae_997.js";import{u as L}from"./usePageTitle-DGuB4AZ9.js";import{u as R}from"./usePrefectApi-ugHPWJzM.js";import"./api-DD4AY08s.js";import"./mapper-CXwTfIzn.js";const S={class:"automation-card__label"},Q=C({__name:"Automation",setup($){const c=D(),f=V(),v=R(),g=F("automationId"),i=N(v.automations.getAutomation,[g]),t=n(()=>i.response),y=n(()=>{var u;return((u=t.value)==null?void 0:u.name)??""}),b=n(()=>[{text:"Automations",to:c.automations()},{text:y.value}]),k=n(()=>t.value?`Automation: ${t.value.name}`:"Automation");L(k);function A(){f.push(c.automations())}return(u,m)=>{const x=s("p-key-value"),r=s("p-content"),B=s("p-card"),h=s("p-layout-default");return t.value?(l(),_(h,{key:0,class:"automation"},{header:e(()=>[a(o(P),{crumbs:b.value},{actions:e(()=>[a(o(I),{automation:t.value,onUpdate:o(i).refresh},null,8,["automation","onUpdate"]),a(o(K),{automation:t.value,onDelete:A},null,8,["automation"])]),_:1},8,["crumbs"])]),default:e(()=>[a(r,null,{default:e(()=>[a(x,{label:"Description",value:t.value.description},null,8,["value"]),a(r,{secondary:""},{default:e(()=>[m[0]||(m[0]=d("span",{class:"automation-card__label"},"Trigger",-1)),a(o(U),{trigger:t.value.trigger},null,8,["trigger"])]),_:1}),a(r,{secondary:""},{default:e(()=>[d("span",S,W(o(j)("Action",t.value.actions.length)),1),(l(!0),q(z,null,w(t.value.actions,p=>(l(),_(B,{key:p.id},{default:e(()=>[a(o(E),{action:p},null,8,["action"])]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})):T("",!0)}}});export{Q as default};
+//# sourceMappingURL=Automation-BLceWa57.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/Automation-DVdFHpK6.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/Automation-BLceWa57.js.map

@@ -1 +1 @@
-{"version":3,"file":"Automation-DVdFHpK6.js","sources":["../../src/pages/Automation.vue"],"sourcesContent":["<template>\n  <p-layout-default v-if=\"automation\" class=\"automation\">\n    <template #header>\n      <PageHeading :crumbs=\"crumbs\">\n        <template #actions>\n          <AutomationToggle :automation=\"automation\" @update=\"subscription.refresh\" />\n          <AutomationMenu :automation=\"automation\" @delete=\"goToAutomations\" />\n        </template>\n      </PageHeading>\n    </template>\n    <p-content>\n      <p-key-value label=\"Description\" :value=\"automation.description\" />\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">Trigger</span>\n        <AutomationTriggerDescription :trigger=\"automation.trigger\" />\n      </p-content>\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">{{ toPluralString('Action', automation.actions.length) }}</span>\n        <template v-for=\"action in automation.actions\" :key=\"action.id\">\n          <p-card><AutomationActionDescription :action=\"action\" /></p-card>\n        </template>\n      </p-content>\n    </p-content>\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { Crumb } from '@prefecthq/prefect-design'\n  import { PageHeading, AutomationMenu, AutomationToggle, AutomationTriggerDescription, AutomationActionDescription, toPluralString, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { useRouteParam, useSubscription } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import { useRouter } from 'vue-router'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n\n  const routes = useWorkspaceRoutes()\n  const router = useRouter()\n  const api = usePrefectApi()\n  const automationId = useRouteParam('automationId')\n\n  const subscription = useSubscription(api.automations.getAutomation, [automationId])\n  const automation = computed(() => subscription.response)\n\n  const name = computed(() => automation.value?.name ?? '')\n\n  const crumbs = computed<Crumb[]>(() => [\n    { text: 'Automations', to: routes.automations() },\n    { text: name.value },\n  ])\n\n  const title = computed<string>(() => {\n    if (automation.value) {\n      return `Automation: ${automation.value.name}`\n    }\n\n    return 'Automation'\n  })\n\n  usePageTitle(title)\n\n  function goToAutomations(): void {\n    router.push(routes.automations())\n  }\n</script>"],"names":["routes","useWorkspaceRoutes","router","useRouter","api","usePrefectApi","automationId","useRouteParam","subscription","useSubscription","automation","computed","name","_a","crumbs","title","usePageTitle","goToAutomations"],"mappings":"qaAqCE,MAAMA,EAASC,EAAmB,EAC5BC,EAASC,EAAU,EACnBC,EAAMC,EAAc,EACpBC,EAAeC,EAAc,cAAc,EAE3CC,EAAeC,EAAgBL,EAAI,YAAY,cAAe,CAACE,CAAY,CAAC,EAC5EI,EAAaC,EAAS,IAAMH,EAAa,QAAQ,EAEjDI,EAAOD,EAAS,IAAA,OAAM,QAAAE,EAAAH,EAAW,QAAX,YAAAG,EAAkB,OAAQ,GAAE,EAElDC,EAASH,EAAkB,IAAM,CACrC,CAAE,KAAM,cAAe,GAAIX,EAAO,aAAc,EAChD,CAAE,KAAMY,EAAK,KAAM,CAAA,CACpB,EAEKG,EAAQJ,EAAiB,IACzBD,EAAW,MACN,eAAeA,EAAW,MAAM,IAAI,GAGtC,YACR,EAEDM,EAAaD,CAAK,EAElB,SAASE,GAAwB,CACxBf,EAAA,KAAKF,EAAO,aAAa,CAAA"}
+{"version":3,"file":"Automation-BLceWa57.js","sources":["../../src/pages/Automation.vue"],"sourcesContent":["<template>\n  <p-layout-default v-if=\"automation\" class=\"automation\">\n    <template #header>\n      <PageHeading :crumbs=\"crumbs\">\n        <template #actions>\n          <AutomationToggle :automation=\"automation\" @update=\"subscription.refresh\" />\n          <AutomationMenu :automation=\"automation\" @delete=\"goToAutomations\" />\n        </template>\n      </PageHeading>\n    </template>\n    <p-content>\n      <p-key-value label=\"Description\" :value=\"automation.description\" />\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">Trigger</span>\n        <AutomationTriggerDescription :trigger=\"automation.trigger\" />\n      </p-content>\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">{{ toPluralString('Action', automation.actions.length) }}</span>\n        <template v-for=\"action in automation.actions\" :key=\"action.id\">\n          <p-card><AutomationActionDescription :action=\"action\" /></p-card>\n        </template>\n      </p-content>\n    </p-content>\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { Crumb } from '@prefecthq/prefect-design'\n  import { PageHeading, AutomationMenu, AutomationToggle, AutomationTriggerDescription, AutomationActionDescription, toPluralString, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { useRouteParam, useSubscription } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import { useRouter } from 'vue-router'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n\n  const routes = useWorkspaceRoutes()\n  const router = useRouter()\n  const api = usePrefectApi()\n  const automationId = useRouteParam('automationId')\n\n  const subscription = useSubscription(api.automations.getAutomation, [automationId])\n  const automation = computed(() => subscription.response)\n\n  const name = computed(() => automation.value?.name ?? '')\n\n  const crumbs = computed<Crumb[]>(() => [\n    { text: 'Automations', to: routes.automations() },\n    { text: name.value },\n  ])\n\n  const title = computed<string>(() => {\n    if (automation.value) {\n      return `Automation: ${automation.value.name}`\n    }\n\n    return 'Automation'\n  })\n\n  usePageTitle(title)\n\n  function goToAutomations(): void {\n    router.push(routes.automations())\n  }\n</script>"],"names":["routes","useWorkspaceRoutes","router","useRouter","api","usePrefectApi","automationId","useRouteParam","subscription","useSubscription","automation","computed","name","_a","crumbs","title","usePageTitle","goToAutomations"],"mappings":"qaAqCE,MAAMA,EAASC,EAAmB,EAC5BC,EAASC,EAAU,EACnBC,EAAMC,EAAc,EACpBC,EAAeC,EAAc,cAAc,EAE3CC,EAAeC,EAAgBL,EAAI,YAAY,cAAe,CAACE,CAAY,CAAC,EAC5EI,EAAaC,EAAS,IAAMH,EAAa,QAAQ,EAEjDI,EAAOD,EAAS,IAAA,OAAM,QAAAE,EAAAH,EAAW,QAAX,YAAAG,EAAkB,OAAQ,GAAE,EAElDC,EAASH,EAAkB,IAAM,CACrC,CAAE,KAAM,cAAe,GAAIX,EAAO,aAAc,EAChD,CAAE,KAAMY,EAAK,KAAM,CAAA,CACpB,EAEKG,EAAQJ,EAAiB,IACzBD,EAAW,MACN,eAAeA,EAAW,MAAM,IAAI,GAGtC,YACR,EAEDM,EAAaD,CAAK,EAElB,SAASE,GAAwB,CACxBf,EAAA,KAAKF,EAAO,aAAa,CAAA"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/AutomationCreate-C2MAJ2V7.js

@@ -0,0 +1,2 @@
+import{d as y,B as x,J as w,M as P,c as h,g as s,i as B,u as T,o as b,j as r,k as n,E as k,G as i,A as K,K as N,P as m,Y as V}from"./index-Dkae_997.js";import{_ as Y}from"./AutomationWizard.vue_vue_type_script_setup_true_lang-As55GY35.js";import{u as j}from"./usePageTitle-DGuB4AZ9.js";import{u as v}from"./usePrefectApi-ugHPWJzM.js";import"./mapper-CXwTfIzn.js";import"./api-DD4AY08s.js";const S=y({__name:"AutomationCreate",async setup(D){let e,u;j("Create Automation");const p=v(),c=x(),l=T(),_=[{text:"Automations",to:c.automations()},{text:"Create"}],{getActions:f,getTrigger:g}=w(),d=([e,u]=P(()=>A()),e=await e,u(),e);async function A(){const o={},[t,a]=await Promise.all([g(),f()]);return t&&(o.trigger=t),a&&(o.actions=a),o}async function C(o){try{await p.automations.createAutomation(o),m(i.success.automationCreate),l.push(c.automations())}catch(t){console.error(t);const a=V(t,i.error.automationCreate);m(a,"error",{timeout:!1})}}return(o,t)=>{const a=B("p-layout-default");return b(),h(a,{class:"automation-create"},{header:s(()=>[r(n(N),{crumbs:_},{actions:s(()=>[r(n(k),{to:n(i).docs.automations},{default:s(()=>t[0]||(t[0]=[K(" Documentation ")])),_:1},8,["to"])]),_:1})]),default:s(()=>[r(Y,{automation:n(d),onSubmit:C},null,8,["automation"])]),_:1})}}});export{S as default};
+//# sourceMappingURL=AutomationCreate-C2MAJ2V7.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/AutomationCreate-Cbrr0LCL.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/AutomationCreate-C2MAJ2V7.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutomationCreate-Cbrr0LCL.js","sources":["../../src/pages/AutomationCreate.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"automation-create\">\n    <template #header>\n      <PageHeading :crumbs>\n        <template #actions>\n          <DocumentationButton :to=\"localization.docs.automations\">\n            Documentation\n          </DocumentationButton>\n        </template>\n      </PageHeading>\n    </template>\n\n    <AutomationWizard :automation @submit=\"submit\" />\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { BreadCrumbs, showToast } from '@prefecthq/prefect-design'\n  import { PageHeading, DocumentationButton, getApiErrorMessage, localization, useCreateAutomationQueryParams, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { useRouter } from 'vue-router'\n  import AutomationWizard from '@/components/AutomationWizard.vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n  import { Automation } from '@/types/automation'\n\n  usePageTitle('Create Automation')\n\n  const api = usePrefectApi()\n  const routes = useWorkspaceRoutes()\n  const router = useRouter()\n\n  const crumbs: BreadCrumbs = [\n    { text: 'Automations', to: routes.automations() },\n    { text: 'Create' },\n  ]\n\n  const { getActions, getTrigger } = useCreateAutomationQueryParams()\n\n  const automation = await getAutomationTemplate()\n\n  async function getAutomationTemplate(): Promise<Partial<Automation>> {\n    const automation: Partial<Automation> = {}\n\n    const [trigger, actions] = await Promise.all([\n      getTrigger(),\n      getActions(),\n    ])\n\n    if (trigger) {\n      automation.trigger = trigger\n    }\n\n    if (actions) {\n      automation.actions = actions\n    }\n\n    return automation\n  }\n\n  async function submit(automation: Automation): Promise<void> {\n    try {\n      await api.automations.createAutomation(automation)\n\n      showToast(localization.success.automationCreate)\n\n      router.push(routes.automations())\n    } catch (error) {\n      console.error(error)\n      const message = getApiErrorMessage(error, localization.error.automationCreate)\n      showToast(message, 'error', { timeout: false })\n    }\n  }\n</script>"],"names":["usePageTitle","api","usePrefectApi","routes","useWorkspaceRoutes","router","useRouter","crumbs","getActions","getTrigger","useCreateAutomationQueryParams","automation","__temp","__restore","_withAsyncContext","getAutomationTemplate","trigger","actions","submit","showToast","localization","error","message","getApiErrorMessage"],"mappings":"4bAyBEA,EAAa,mBAAmB,EAEhC,MAAMC,EAAMC,EAAc,EACpBC,EAASC,EAAmB,EAC5BC,EAASC,EAAU,EAEnBC,EAAsB,CAC1B,CAAE,KAAM,cAAe,GAAIJ,EAAO,aAAc,EAChD,CAAE,KAAM,QAAS,CACnB,EAEM,CAAE,WAAAK,EAAY,WAAAC,CAAW,EAAIC,EAA+B,EAE5DC,GAAmB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAsB,CAAA,mBAE/C,eAAeA,GAAsD,CACnE,MAAMJ,EAAkC,CAAC,EAEnC,CAACK,EAASC,CAAO,EAAI,MAAM,QAAQ,IAAI,CAC3CR,EAAW,EACXD,EAAW,CAAA,CACZ,EAED,OAAIQ,IACFL,EAAW,QAAUK,GAGnBC,IACFN,EAAW,QAAUM,GAGhBN,CAAA,CAGT,eAAeO,EAAOP,EAAuC,CACvD,GAAA,CACI,MAAAV,EAAI,YAAY,iBAAiBU,CAAU,EAEvCQ,EAAAC,EAAa,QAAQ,gBAAgB,EAExCf,EAAA,KAAKF,EAAO,aAAa,QACzBkB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnB,MAAMC,EAAUC,EAAmBF,EAAOD,EAAa,MAAM,gBAAgB,EAC7ED,EAAUG,EAAS,QAAS,CAAE,QAAS,GAAO,CAAA,CAChD"}
+{"version":3,"file":"AutomationCreate-C2MAJ2V7.js","sources":["../../src/pages/AutomationCreate.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"automation-create\">\n    <template #header>\n      <PageHeading :crumbs>\n        <template #actions>\n          <DocumentationButton :to=\"localization.docs.automations\">\n            Documentation\n          </DocumentationButton>\n        </template>\n      </PageHeading>\n    </template>\n\n    <AutomationWizard :automation @submit=\"submit\" />\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { BreadCrumbs, showToast } from '@prefecthq/prefect-design'\n  import { PageHeading, DocumentationButton, getApiErrorMessage, localization, useCreateAutomationQueryParams, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { useRouter } from 'vue-router'\n  import AutomationWizard from '@/components/AutomationWizard.vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n  import { Automation } from '@/types/automation'\n\n  usePageTitle('Create Automation')\n\n  const api = usePrefectApi()\n  const routes = useWorkspaceRoutes()\n  const router = useRouter()\n\n  const crumbs: BreadCrumbs = [\n    { text: 'Automations', to: routes.automations() },\n    { text: 'Create' },\n  ]\n\n  const { getActions, getTrigger } = useCreateAutomationQueryParams()\n\n  const automation = await getAutomationTemplate()\n\n  async function getAutomationTemplate(): Promise<Partial<Automation>> {\n    const automation: Partial<Automation> = {}\n\n    const [trigger, actions] = await Promise.all([\n      getTrigger(),\n      getActions(),\n    ])\n\n    if (trigger) {\n      automation.trigger = trigger\n    }\n\n    if (actions) {\n      automation.actions = actions\n    }\n\n    return automation\n  }\n\n  async function submit(automation: Automation): Promise<void> {\n    try {\n      await api.automations.createAutomation(automation)\n\n      showToast(localization.success.automationCreate)\n\n      router.push(routes.automations())\n    } catch (error) {\n      console.error(error)\n      const message = getApiErrorMessage(error, localization.error.automationCreate)\n      showToast(message, 'error', { timeout: false })\n    }\n  }\n</script>"],"names":["usePageTitle","api","usePrefectApi","routes","useWorkspaceRoutes","router","useRouter","crumbs","getActions","getTrigger","useCreateAutomationQueryParams","automation","__temp","__restore","_withAsyncContext","getAutomationTemplate","trigger","actions","submit","showToast","localization","error","message","getApiErrorMessage"],"mappings":"icAyBEA,EAAa,mBAAmB,EAEhC,MAAMC,EAAMC,EAAc,EACpBC,EAASC,EAAmB,EAC5BC,EAASC,EAAU,EAEnBC,EAAsB,CAC1B,CAAE,KAAM,cAAe,GAAIJ,EAAO,aAAc,EAChD,CAAE,KAAM,QAAS,CACnB,EAEM,CAAE,WAAAK,EAAY,WAAAC,CAAW,EAAIC,EAA+B,EAE5DC,GAAmB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAsB,CAAA,mBAE/C,eAAeA,GAAsD,CACnE,MAAMJ,EAAkC,CAAC,EAEnC,CAACK,EAASC,CAAO,EAAI,MAAM,QAAQ,IAAI,CAC3CR,EAAW,EACXD,EAAW,CAAA,CACZ,EAED,OAAIQ,IACFL,EAAW,QAAUK,GAGnBC,IACFN,EAAW,QAAUM,GAGhBN,CAAA,CAGT,eAAeO,EAAOP,EAAuC,CACvD,GAAA,CACI,MAAAV,EAAI,YAAY,iBAAiBU,CAAU,EAEvCQ,EAAAC,EAAa,QAAQ,gBAAgB,EAExCf,EAAA,KAAKF,EAAO,aAAa,QACzBkB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnB,MAAMC,EAAUC,EAAmBF,EAAOD,EAAa,MAAM,gBAAgB,EAC7ED,EAAUG,EAAS,QAAS,CAAE,QAAS,GAAO,CAAA,CAChD"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/AutomationEdit-C7-2Pu9o.js

@@ -0,0 +1,2 @@
+import{d as x,B as y,W as b,M as g,f as w,c as h,g as a,i as k,u as v,o as B,j as u,k as e,E as C,G as r,A as P,K as E,P as l,Y as I}from"./index-Dkae_997.js";import{_ as K}from"./AutomationWizard.vue_vue_type_script_setup_true_lang-As55GY35.js";import{u as N}from"./usePageTitle-DGuB4AZ9.js";import{u as T}from"./usePrefectApi-ugHPWJzM.js";import"./mapper-CXwTfIzn.js";import"./api-DD4AY08s.js";const G=x({__name:"AutomationEdit",async setup(U){let o,m;const i=T(),c=y(),_=v(),p=b("automationId"),s=([o,m]=g(()=>i.automations.getAutomation(p.value)),o=await o,m(),o);N(`Edit Automation: ${s.name}`);const f=w(()=>[{text:"Automations",to:c.automations()},{text:s.name}]);async function A(d){try{await i.automations.updateAutomation(p.value,d),l(r.success.automationUpdate),_.push(c.automations())}catch(t){console.error(t);const n=I(t,r.error.automationUpdate);l(n,"error",{timeout:!1})}}return(d,t)=>{const n=k("p-layout-default");return B(),h(n,{class:"workspace-automation-create"},{header:a(()=>[u(e(E),{crumbs:f.value},{actions:a(()=>[u(e(C),{to:e(r).docs.automations},{default:a(()=>t[0]||(t[0]=[P(" Documentation ")])),_:1},8,["to"])]),_:1},8,["crumbs"])]),default:a(()=>[u(K,{automation:e(s),editing:"",onSubmit:A},null,8,["automation"])]),_:1})}}});export{G as default};
+//# sourceMappingURL=AutomationEdit-C7-2Pu9o.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/AutomationEdit-CZcv-Qu6.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/AutomationEdit-C7-2Pu9o.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutomationEdit-CZcv-Qu6.js","sources":["../../src/pages/AutomationEdit.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"workspace-automation-create\">\n    <template #header>\n      <PageHeading :crumbs=\"crumbs\">\n        <template #actions>\n          <DocumentationButton :to=\"localization.docs.automations\">\n            Documentation\n          </DocumentationButton>\n        </template>\n      </PageHeading>\n    </template>\n\n    <AutomationWizard :automation=\"automation\" editing @submit=\"submit\" />\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { BreadCrumbs, showToast } from '@prefecthq/prefect-design'\n  import { PageHeading, DocumentationButton, getApiErrorMessage, useWorkspaceRoutes, localization } from '@prefecthq/prefect-ui-library'\n  import { useRouteParam } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import { useRouter } from 'vue-router'\n  import AutomationWizard from '@/components/AutomationWizard.vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n  import { Automation } from '@/types/automation'\n\n  const api = usePrefectApi()\n  const routes = useWorkspaceRoutes()\n  const router = useRouter()\n  const automationId = useRouteParam('automationId')\n  const automation = await api.automations.getAutomation(automationId.value)\n\n  usePageTitle(`Edit Automation: ${automation.name}`)\n\n  const crumbs = computed<BreadCrumbs>(() => [\n    { text: 'Automations', to: routes.automations() },\n    { text: automation.name },\n  ])\n\n  async function submit(automation: Automation): Promise<void> {\n    try {\n      await api.automations.updateAutomation(automationId.value, automation)\n\n      showToast(localization.success.automationUpdate)\n\n      router.push(routes.automations())\n    } catch (error) {\n      console.error(error)\n      const message = getApiErrorMessage(error, localization.error.automationUpdate)\n      showToast(message, 'error', { timeout: false })\n    }\n  }\n</script>"],"names":["api","usePrefectApi","routes","useWorkspaceRoutes","router","useRouter","automationId","useRouteParam","automation","__temp","__restore","_withAsyncContext","usePageTitle","crumbs","computed","submit","showToast","localization","error","message","getApiErrorMessage"],"mappings":"scA2BE,MAAMA,EAAMC,EAAc,EACpBC,EAASC,EAAmB,EAC5BC,EAASC,EAAU,EACnBC,EAAeC,EAAc,cAAc,EAC3CC,GAAmB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAX,EAAI,YAAY,cAAcM,EAAa,KAAK,CAAA,mBAE5DM,EAAA,oBAAoBJ,EAAW,IAAI,EAAE,EAE5C,MAAAK,EAASC,EAAsB,IAAM,CACzC,CAAE,KAAM,cAAe,GAAIZ,EAAO,aAAc,EAChD,CAAE,KAAMM,EAAW,IAAK,CAAA,CACzB,EAED,eAAeO,EAAOP,EAAuC,CACvD,GAAA,CACF,MAAMR,EAAI,YAAY,iBAAiBM,EAAa,MAAOE,CAAU,EAE3DQ,EAAAC,EAAa,QAAQ,gBAAgB,EAExCb,EAAA,KAAKF,EAAO,aAAa,QACzBgB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnB,MAAMC,EAAUC,EAAmBF,EAAOD,EAAa,MAAM,gBAAgB,EAC7ED,EAAUG,EAAS,QAAS,CAAE,QAAS,GAAO,CAAA,CAChD"}
+{"version":3,"file":"AutomationEdit-C7-2Pu9o.js","sources":["../../src/pages/AutomationEdit.vue"],"sourcesContent":["<template>\n  <p-layout-default class=\"workspace-automation-create\">\n    <template #header>\n      <PageHeading :crumbs=\"crumbs\">\n        <template #actions>\n          <DocumentationButton :to=\"localization.docs.automations\">\n            Documentation\n          </DocumentationButton>\n        </template>\n      </PageHeading>\n    </template>\n\n    <AutomationWizard :automation=\"automation\" editing @submit=\"submit\" />\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { BreadCrumbs, showToast } from '@prefecthq/prefect-design'\n  import { PageHeading, DocumentationButton, getApiErrorMessage, useWorkspaceRoutes, localization } from '@prefecthq/prefect-ui-library'\n  import { useRouteParam } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import { useRouter } from 'vue-router'\n  import AutomationWizard from '@/components/AutomationWizard.vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n  import { Automation } from '@/types/automation'\n\n  const api = usePrefectApi()\n  const routes = useWorkspaceRoutes()\n  const router = useRouter()\n  const automationId = useRouteParam('automationId')\n  const automation = await api.automations.getAutomation(automationId.value)\n\n  usePageTitle(`Edit Automation: ${automation.name}`)\n\n  const crumbs = computed<BreadCrumbs>(() => [\n    { text: 'Automations', to: routes.automations() },\n    { text: automation.name },\n  ])\n\n  async function submit(automation: Automation): Promise<void> {\n    try {\n      await api.automations.updateAutomation(automationId.value, automation)\n\n      showToast(localization.success.automationUpdate)\n\n      router.push(routes.automations())\n    } catch (error) {\n      console.error(error)\n      const message = getApiErrorMessage(error, localization.error.automationUpdate)\n      showToast(message, 'error', { timeout: false })\n    }\n  }\n</script>"],"names":["api","usePrefectApi","routes","useWorkspaceRoutes","router","useRouter","automationId","useRouteParam","automation","__temp","__restore","_withAsyncContext","usePageTitle","crumbs","computed","submit","showToast","localization","error","message","getApiErrorMessage"],"mappings":"scA2BE,MAAMA,EAAMC,EAAc,EACpBC,EAASC,EAAmB,EAC5BC,EAASC,EAAU,EACnBC,EAAeC,EAAc,cAAc,EAC3CC,GAAmB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAX,EAAI,YAAY,cAAcM,EAAa,KAAK,CAAA,mBAE5DM,EAAA,oBAAoBJ,EAAW,IAAI,EAAE,EAE5C,MAAAK,EAASC,EAAsB,IAAM,CACzC,CAAE,KAAM,cAAe,GAAIZ,EAAO,aAAc,EAChD,CAAE,KAAMM,EAAW,IAAK,CAAA,CACzB,EAED,eAAeO,EAAOP,EAAuC,CACvD,GAAA,CACF,MAAMR,EAAI,YAAY,iBAAiBM,EAAa,MAAOE,CAAU,EAE3DQ,EAAAC,EAAa,QAAQ,gBAAgB,EAExCb,EAAA,KAAKF,EAAO,aAAa,QACzBgB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnB,MAAMC,EAAUC,EAAmBF,EAAOD,EAAa,MAAM,gBAAgB,EAC7ED,EAAUG,EAAS,QAAS,CAAE,QAAS,GAAO,CAAA,CAChD"}

prefect-3.1.9.dev1/src/prefect/server/ui/assets/AutomationWizard.vue_vue_type_script_setup_true_lang-pt0Bve8Y.js → prefect-3.1.9.dev2/src/prefect/server/ui/assets/AutomationWizard.vue_vue_type_script_setup_true_lang-As55GY35.js

@@ -1,2 +1,2 @@
-import{d as w,M as $,e as S,Q as G,N as H,g as v,o as _,c as T,U as M,R as I,S as Y,T as q,V as O,X as tt,q as k,l as j,t as P,j as d,f as y,k as l,r as Q,Z as K,a as x,$ as et,a0 as D,a1 as F,a2 as at,w as L,x as N,v as ot,a3 as nt,z as R,a4 as st,a5 as B,a6 as W,D as it,E as rt,a7 as ut,a8 as lt,a9 as pt,aa as mt,ab as ct,ac as dt,ad as gt,ae as h,af as E,ag as _t,ah as vt,ai as ft,u as At,aj as yt}from"./index-BfXinIUU.js";import{m as C,i as bt,A as Vt}from"./mapper-BysJJThA.js";const Tt=w({__name:"AutomationActionTypeSelect",props:{type:{required:!0},typeModifiers:{}},emits:["update:type"],setup(f){const n=$(f,"type"),o=S(()=>{const e=G.map(t=>({label:H[t],value:t}));return n.value==="do-nothing"?e:e.filter(t=>t.value!=="do-nothing")});return(e,t)=>{const p=v("p-select");return _(),T(p,{modelValue:n.value,"onUpdate:modelValue":t[0]||(t[0]=c=>n.value=c),options:o.value,class:"automation-action-type-select"},null,8,["modelValue","options"])}}}),wt={class:"automation-wizard-action"},St={class:"automation-wizard-action__header"},Ut={class:"automation-wizard-action__heading"},kt=w({__name:"AutomationWizardAction",props:{index:{},action:{},automation:{}},emits:["delete","update:action"],setup(f,{emit:n}){const o=f,e=n,t=S({get(){return o.action.type??null},set(m){if(M(m)){e("update:action",{});return}const r=I(o.automation.trigger),u=Y(m,r);e("update:action",u)}}),{state:p,error:c}=q(t,"Action Type",m=>!!m),s=S(()=>o.action.type?O(tt,{action:o.action,"onUpdate:action":m=>e("update:action",m)}):null);function i(m){e("update:action",m)}return(m,r)=>{const u=v("p-button"),g=v("p-label"),A=v("p-content");return _(),k("div",wt,[j("div",St,[j("span",Ut,"Action "+P(m.index+1),1),d(u,{size:"sm",icon:"TrashIcon",onClick:r[0]||(r[0]=b=>e("delete"))})]),d(A,null,{default:y(()=>[d(g,{label:"Action Type",state:l(p),message:l(c)},{default:y(({id:b})=>[d(Tt,{id:b,type:t.value,"onUpdate:type":r[1]||(r[1]=a=>t.value=a),state:l(p)},null,8,["id","type","state"])]),_:1},8,["state","message"]),s.value?(_(),T(Q(s.value.component),K({key:0},s.value.props,{"onUpdate:action":i}),null,16)):x("",!0)]),_:1})])}}}),zt={class:"automation-wizard-step-actions"},xt=w({__name:"AutomationWizardStepActions",props:{automation:{}},emits:["update:automation"],setup(f,{emit:n}){const o=f,e=n,t=et(o.automation.actions??[]);function p(){t.push({})}function c(u){t.splice(u,1)}function s(u,g){t[u]=g}const{error:i}=q(t,"Actions",u=>u.length?!0:"At least 1 action is required"),{defineValidate:m}=D(),{validate:r}=F();return m(r),at(()=>{t.length===0&&p()}),L(t,()=>{e("update:automation",{...o.automation,actions:t.filter(st)})}),(u,g)=>{const A=v("p-divider"),b=v("p-message"),a=v("p-button");return _(),k("div",zt,[(_(),T(nt,null,[(_(!0),k(N,null,ot(t,(V,U)=>(_(),k(N,{key:U},[d(kt,{action:V,automation:u.automation,index:U,"onUpdate:action":J=>s(U,J),onDelete:J=>c(U)},null,8,["action","automation","index","onUpdate:action","onDelete"]),d(A)],64))),128))],1024)),l(i)?(_(),T(b,{key:0,error:""},{default:y(()=>[R(P(l(i)),1)]),_:1})):x("",!0),d(a,{class:"automations-wizard-step-actions__add",icon:"PlusIcon",onClick:p},{default:y(()=>g[0]||(g[0]=[R(" Add Action ")])),_:1})])}}}),$t=w({__name:"AutomationWizardStepDetails",props:{automation:{required:!0},automationModifiers:{}},emits:["update:automation"],setup(f){const n=$(f,"automation"),o=B(n,"name"),e=B(n,"description"),{validate:t}=F(),p=(m="",r)=>m.length>0?!0:`${r} is required`,{state:c,error:s}=q(o,"Automation name",p),{defineValidate:i}=D();return i(t),(m,r)=>{const u=v("p-text-input"),g=v("p-label"),A=v("p-content");return _(),T(A,{class:"automation-wizard-step-details"},{default:y(()=>[d(g,{label:"Automation Name",state:l(c),message:l(s)},{default:y(({id:b})=>[d(u,{id:b,modelValue:l(o),"onUpdate:modelValue":r[0]||(r[0]=a=>W(o)?o.value=a:null),state:l(c)},null,8,["id","modelValue","state"])]),_:1},8,["state","message"]),d(g,{label:"Description (Optional)"},{default:y(({id:b})=>[d(u,{id:b,modelValue:l(e),"onUpdate:modelValue":r[1]||(r[1]=a=>W(e)?e.value=a:null)},null,8,["id","modelValue"])]),_:1})]),_:1})}}}),qt=w({__name:"AutomationTriggerJsonInput",props:{modelValue:{required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(f){const n=$(f,"modelValue"),o=s=>{try{const i=JSON.parse(s);C.map("AutomationTriggerResponse",i,"AutomationTrigger")}catch{return!1}return!0},e=(s,i)=>M(s)||lt(s)||pt(s)||mt(s)?`${i} is required`:!0,t=(s,i)=>{try{JSON.parse(s)}catch{return`${i} must be valid JSON`}return!0},{state:p,error:c}=q(n,"Trigger",[e,t,o]);return(s,i)=>{const m=v("p-message"),r=v("p-label");return _(),k(N,null,[d(m,{info:""},{action:y(()=>[d(l(it),{to:l(rt).docs.automationTriggers,small:""},null,8,["to"])]),default:y(()=>[i[1]||(i[1]=R(" Custom triggers allow advanced configuration of the conditions on which a trigger executes its actions. "))]),_:1}),d(r,{label:"Trigger",state:l(p),message:l(c)},{default:y(()=>[d(l(ut),{modelValue:n.value,"onUpdate:modelValue":i[0]||(i[0]=u=>n.value=u),class:"automation-trigger-json-input__json-input","show-format-button":"",state:l(p)},null,8,["modelValue","state"])]),_:1},8,["state","message"])],64)}}}),Jt=w({__name:"AutomationTriggerTemplateSelect",props:{template:{required:!0},templateModifiers:{}},emits:["update:template"],setup(f){const n=$(f,"template"),o=S(()=>ct.map(e=>({label:dt(e),value:e})));return(e,t)=>{const p=v("p-select");return _(),T(p,{modelValue:n.value,"onUpdate:modelValue":t[0]||(t[0]=c=>n.value=c),"empty-message":"Select template",options:o.value,class:"automation-trigger-template-select"},null,8,["modelValue","options"])}}}),Nt=w({__name:"AutomationWizardStepTrigger",props:{automation:{required:!0},automationModifiers:{}},emits:["update:automation"],setup(f){const n=$(f,"automation"),o=S({get(){return n.value.trigger?I(n.value.trigger):null},set(a){if(M(a)){b(void 0);return}b(E(a))}}),{values:e}=gt(["Form","JSON"]),t=h("Form");function p(){const a=C.map("AutomationTrigger",n.value.trigger,"AutomationTriggerRequest");return vt(a)}const c=h(p());L(()=>n.value.trigger,()=>c.value=p());function s(){const a=JSON.parse(c.value),V=C.map("AutomationTriggerResponse",a,"AutomationTrigger");return b(V),V}async function i(a){t.value!==a&&await r()&&(a==="Form"&&s(),a==="JSON"&&(c.value=p()),t.value=a)}const{defineValidate:m}=D(),{validate:r}=F(),{state:u,error:g}=q(o,"Trigger template",a=>a?!0:"Trigger type is required");m(async()=>{const a=await r();return a&&t.value==="JSON"&&s(),a});const A=S(()=>{if(!o.value)return null;const a=n.value.trigger??E(o.value);switch(a.type){case"event":return O(_t,{template:o.value,trigger:a,"onUpdate:trigger":b});case"compound":case"sequence":return O(ft,{trigger:a,"onUpdate:trigger":b});default:const V=a;throw new Error(`AutomationWizardStepTrigger is missing case for trigger type ${V.type}`)}});function b(a){n.value={...n.value,trigger:a}}return(a,V)=>{const U=v("p-label"),J=v("p-button-group"),X=v("p-content");return _(),T(X,{class:"automation-wizard-step-trigger"},{default:y(()=>[d(U,{label:"Trigger Template",state:l(u),message:l(g)},{default:y(({id:z})=>[d(Jt,{id:z,template:o.value,"onUpdate:template":V[0]||(V[0]=Z=>o.value=Z),state:l(u)},null,8,["id","template","state"])]),_:1},8,["state","message"]),A.value?(_(),k(N,{key:0},[d(J,{class:"automation-wizard-step-trigger__mode-switcher","model-value":t.value,options:l(e),small:"","onUpdate:modelValue":V[1]||(V[1]=z=>i(z))},null,8,["model-value","options"]),t.value==="Form"&&o.value?(_(),T(Q(A.value.component),K({key:o.value},A.value.props),null,16)):t.value==="JSON"?(_(),T(qt,{key:1,modelValue:c.value,"onUpdate:modelValue":V[2]||(V[2]=z=>c.value=z)},null,8,["modelValue"])):x("",!0)],64)):x("",!0)]),_:1})}}}),Rt=w({__name:"AutomationWizard",props:{automation:{},editing:{type:Boolean}},emits:["submit"],setup(f,{emit:n}){const o=f,e=h(o.automation??{}),t=n,p=At(),c=S(()=>o.automation?"Save":"Create"),s=[{title:"Trigger",key:"trigger-step"},{title:"Actions",key:"actions-step"},{title:"Details",key:"details-step"}],i=h();function m(){t("submit",new Vt(e.value))}function r(){p.back()}return(u,g)=>(_(),T(l(yt),{ref_key:"wizardRef",ref:i,class:"automation-wizard",steps:s,"last-step-text":c.value,"show-cancel":"",nonlinear:u.editing,"show-save-and-exit":u.editing,onCancel:r,onSubmit:m},{"trigger-step":y(()=>[d(Nt,{automation:e.value,"onUpdate:automation":g[0]||(g[0]=A=>e.value=A)},null,8,["automation"])]),"actions-step":y(()=>[l(bt)(e.value)?(_(),T(xt,{key:0,automation:e.value,"onUpdate:automation":g[1]||(g[1]=A=>e.value=A)},null,8,["automation"])):x("",!0)]),"details-step":y(()=>[d($t,{automation:e.value,"onUpdate:automation":g[2]||(g[2]=A=>e.value=A)},null,8,["automation"])]),_:1},8,["last-step-text","nonlinear","show-save-and-exit"]))}});export{Rt as _};
-//# sourceMappingURL=AutomationWizard.vue_vue_type_script_setup_true_lang-pt0Bve8Y.js.map
+import{d as w,N as q,f as S,Q as Z,R as H,i as v,o as _,c as T,U as M,S as I,T as Y,V as $,X as O,Z as tt,q as k,l as j,t as P,j as d,g as y,k as l,r as Q,_ as L,a as x,$ as et,a0 as F,a1 as D,a2 as at,w as G,y as N,x as ot,a3 as nt,A as R,a4 as st,a5 as B,a6 as W,E as it,G as rt,a7 as ut,a8 as lt,a9 as pt,aa as mt,ab as ct,ac as dt,ad as gt,ae as h,af as E,ag as _t,ah as vt,ai as ft,u as At,aj as yt}from"./index-Dkae_997.js";import{m as C,i as bt,A as Vt}from"./mapper-CXwTfIzn.js";const Tt=w({__name:"AutomationActionTypeSelect",props:{type:{required:!0},typeModifiers:{}},emits:["update:type"],setup(f){const n=q(f,"type"),o=S(()=>{const e=Z.map(t=>({label:H[t],value:t}));return n.value==="do-nothing"?e:e.filter(t=>t.value!=="do-nothing")});return(e,t)=>{const p=v("p-select");return _(),T(p,{modelValue:n.value,"onUpdate:modelValue":t[0]||(t[0]=c=>n.value=c),options:o.value,class:"automation-action-type-select"},null,8,["modelValue","options"])}}}),wt={class:"automation-wizard-action"},St={class:"automation-wizard-action__header"},Ut={class:"automation-wizard-action__heading"},kt=w({__name:"AutomationWizardAction",props:{index:{},action:{},automation:{}},emits:["delete","update:action"],setup(f,{emit:n}){const o=f,e=n,t=S({get(){return o.action.type??null},set(m){if(M(m)){e("update:action",{});return}const r=I(o.automation.trigger),u=Y(m,r);e("update:action",u)}}),{state:p,error:c}=$(t,"Action Type",m=>!!m),s=S(()=>o.action.type?O(tt,{action:o.action,"onUpdate:action":m=>e("update:action",m)}):null);function i(m){e("update:action",m)}return(m,r)=>{const u=v("p-button"),g=v("p-label"),A=v("p-content");return _(),k("div",wt,[j("div",St,[j("span",Ut,"Action "+P(m.index+1),1),d(u,{size:"sm",icon:"TrashIcon",onClick:r[0]||(r[0]=b=>e("delete"))})]),d(A,null,{default:y(()=>[d(g,{label:"Action Type",state:l(p),message:l(c)},{default:y(({id:b})=>[d(Tt,{id:b,type:t.value,"onUpdate:type":r[1]||(r[1]=a=>t.value=a),state:l(p)},null,8,["id","type","state"])]),_:1},8,["state","message"]),s.value?(_(),T(Q(s.value.component),L({key:0},s.value.props,{"onUpdate:action":i}),null,16)):x("",!0)]),_:1})])}}}),zt={class:"automation-wizard-step-actions"},xt=w({__name:"AutomationWizardStepActions",props:{automation:{}},emits:["update:automation"],setup(f,{emit:n}){const o=f,e=n,t=et(o.automation.actions??[]);function p(){t.push({})}function c(u){t.splice(u,1)}function s(u,g){t[u]=g}const{error:i}=$(t,"Actions",u=>u.length?!0:"At least 1 action is required"),{defineValidate:m}=F(),{validate:r}=D();return m(r),at(()=>{t.length===0&&p()}),G(t,()=>{e("update:automation",{...o.automation,actions:t.filter(st)})}),(u,g)=>{const A=v("p-divider"),b=v("p-message"),a=v("p-button");return _(),k("div",zt,[(_(),T(nt,null,[(_(!0),k(N,null,ot(t,(V,U)=>(_(),k(N,{key:U},[d(kt,{action:V,automation:u.automation,index:U,"onUpdate:action":J=>s(U,J),onDelete:J=>c(U)},null,8,["action","automation","index","onUpdate:action","onDelete"]),d(A)],64))),128))],1024)),l(i)?(_(),T(b,{key:0,error:""},{default:y(()=>[R(P(l(i)),1)]),_:1})):x("",!0),d(a,{class:"automations-wizard-step-actions__add",icon:"PlusIcon",onClick:p},{default:y(()=>g[0]||(g[0]=[R(" Add Action ")])),_:1})])}}}),qt=w({__name:"AutomationWizardStepDetails",props:{automation:{required:!0},automationModifiers:{}},emits:["update:automation"],setup(f){const n=q(f,"automation"),o=B(n,"name"),e=B(n,"description"),{validate:t}=D(),p=(m="",r)=>m.length>0?!0:`${r} is required`,{state:c,error:s}=$(o,"Automation name",p),{defineValidate:i}=F();return i(t),(m,r)=>{const u=v("p-text-input"),g=v("p-label"),A=v("p-content");return _(),T(A,{class:"automation-wizard-step-details"},{default:y(()=>[d(g,{label:"Automation Name",state:l(c),message:l(s)},{default:y(({id:b})=>[d(u,{id:b,modelValue:l(o),"onUpdate:modelValue":r[0]||(r[0]=a=>W(o)?o.value=a:null),state:l(c)},null,8,["id","modelValue","state"])]),_:1},8,["state","message"]),d(g,{label:"Description (Optional)"},{default:y(({id:b})=>[d(u,{id:b,modelValue:l(e),"onUpdate:modelValue":r[1]||(r[1]=a=>W(e)?e.value=a:null)},null,8,["id","modelValue"])]),_:1})]),_:1})}}}),$t=w({__name:"AutomationTriggerJsonInput",props:{modelValue:{required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(f){const n=q(f,"modelValue"),o=s=>{try{const i=JSON.parse(s);C.map("AutomationTriggerResponse",i,"AutomationTrigger")}catch{return!1}return!0},e=(s,i)=>M(s)||lt(s)||pt(s)||mt(s)?`${i} is required`:!0,t=(s,i)=>{try{JSON.parse(s)}catch{return`${i} must be valid JSON`}return!0},{state:p,error:c}=$(n,"Trigger",[e,t,o]);return(s,i)=>{const m=v("p-message"),r=v("p-label");return _(),k(N,null,[d(m,{info:""},{action:y(()=>[d(l(it),{to:l(rt).docs.automationTriggers,small:""},null,8,["to"])]),default:y(()=>[i[1]||(i[1]=R(" Custom triggers allow advanced configuration of the conditions on which a trigger executes its actions. "))]),_:1}),d(r,{label:"Trigger",state:l(p),message:l(c)},{default:y(()=>[d(l(ut),{modelValue:n.value,"onUpdate:modelValue":i[0]||(i[0]=u=>n.value=u),class:"automation-trigger-json-input__json-input","show-format-button":"",state:l(p)},null,8,["modelValue","state"])]),_:1},8,["state","message"])],64)}}}),Jt=w({__name:"AutomationTriggerTemplateSelect",props:{template:{required:!0},templateModifiers:{}},emits:["update:template"],setup(f){const n=q(f,"template"),o=S(()=>ct.map(e=>({label:dt(e),value:e})));return(e,t)=>{const p=v("p-select");return _(),T(p,{modelValue:n.value,"onUpdate:modelValue":t[0]||(t[0]=c=>n.value=c),"empty-message":"Select template",options:o.value,class:"automation-trigger-template-select"},null,8,["modelValue","options"])}}}),Nt=w({__name:"AutomationWizardStepTrigger",props:{automation:{required:!0},automationModifiers:{}},emits:["update:automation"],setup(f){const n=q(f,"automation"),o=S({get(){return n.value.trigger?I(n.value.trigger):null},set(a){if(M(a)){b(void 0);return}b(E(a))}}),{values:e}=gt(["Form","JSON"]),t=h("Form");function p(){const a=C.map("AutomationTrigger",n.value.trigger,"AutomationTriggerRequest");return vt(a)}const c=h(p());G(()=>n.value.trigger,()=>c.value=p());function s(){const a=JSON.parse(c.value),V=C.map("AutomationTriggerResponse",a,"AutomationTrigger");return b(V),V}async function i(a){t.value!==a&&await r()&&(a==="Form"&&s(),a==="JSON"&&(c.value=p()),t.value=a)}const{defineValidate:m}=F(),{validate:r}=D(),{state:u,error:g}=$(o,"Trigger template",a=>a?!0:"Trigger type is required");m(async()=>{const a=await r();return a&&t.value==="JSON"&&s(),a});const A=S(()=>{if(!o.value)return null;const a=n.value.trigger??E(o.value);switch(a.type){case"event":return O(_t,{template:o.value,trigger:a,"onUpdate:trigger":b});case"compound":case"sequence":return O(ft,{trigger:a,"onUpdate:trigger":b});default:const V=a;throw new Error(`AutomationWizardStepTrigger is missing case for trigger type ${V.type}`)}});function b(a){n.value={...n.value,trigger:a}}return(a,V)=>{const U=v("p-label"),J=v("p-button-group"),K=v("p-content");return _(),T(K,{class:"automation-wizard-step-trigger"},{default:y(()=>[d(U,{label:"Trigger Template",state:l(u),message:l(g)},{default:y(({id:z})=>[d(Jt,{id:z,template:o.value,"onUpdate:template":V[0]||(V[0]=X=>o.value=X),state:l(u)},null,8,["id","template","state"])]),_:1},8,["state","message"]),A.value?(_(),k(N,{key:0},[d(J,{class:"automation-wizard-step-trigger__mode-switcher","model-value":t.value,options:l(e),small:"","onUpdate:modelValue":V[1]||(V[1]=z=>i(z))},null,8,["model-value","options"]),t.value==="Form"&&o.value?(_(),T(Q(A.value.component),L({key:o.value},A.value.props),null,16)):t.value==="JSON"?(_(),T($t,{key:1,modelValue:c.value,"onUpdate:modelValue":V[2]||(V[2]=z=>c.value=z)},null,8,["modelValue"])):x("",!0)],64)):x("",!0)]),_:1})}}}),Rt=w({__name:"AutomationWizard",props:{automation:{},editing:{type:Boolean}},emits:["submit"],setup(f,{emit:n}){const o=f,e=h(o.automation??{}),t=n,p=At(),c=S(()=>o.automation?"Save":"Create"),s=[{title:"Trigger",key:"trigger-step"},{title:"Actions",key:"actions-step"},{title:"Details",key:"details-step"}],i=h();function m(){t("submit",new Vt(e.value))}function r(){p.back()}return(u,g)=>(_(),T(l(yt),{ref_key:"wizardRef",ref:i,class:"automation-wizard",steps:s,"last-step-text":c.value,"show-cancel":"",nonlinear:u.editing,"show-save-and-exit":u.editing,onCancel:r,onSubmit:m},{"trigger-step":y(()=>[d(Nt,{automation:e.value,"onUpdate:automation":g[0]||(g[0]=A=>e.value=A)},null,8,["automation"])]),"actions-step":y(()=>[l(bt)(e.value)?(_(),T(xt,{key:0,automation:e.value,"onUpdate:automation":g[1]||(g[1]=A=>e.value=A)},null,8,["automation"])):x("",!0)]),"details-step":y(()=>[d(qt,{automation:e.value,"onUpdate:automation":g[2]||(g[2]=A=>e.value=A)},null,8,["automation"])]),_:1},8,["last-step-text","nonlinear","show-save-and-exit"]))}});export{Rt as _};
+//# sourceMappingURL=AutomationWizard.vue_vue_type_script_setup_true_lang-As55GY35.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/AutomationWizard.vue_vue_type_script_setup_true_lang-pt0Bve8Y.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/AutomationWizard.vue_vue_type_script_setup_true_lang-As55GY35.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutomationWizard.vue_vue_type_script_setup_true_lang-pt0Bve8Y.js","sources":["../../src/components/AutomationActionTypeSelect.vue","../../src/components/AutomationWizardAction.vue","../../src/components/AutomationWizardStepActions.vue","../../src/components/AutomationWizardStepDetails.vue","../../src/components/AutomationTriggerJsonInput.vue","../../src/components/AutomationTriggerTemplateSelect.vue","../../src/components/AutomationWizardStepTrigger.vue","../../src/components/AutomationWizard.vue"],"sourcesContent":["<template>\n  <p-select v-model=\"type\" :options=\"options\" class=\"automation-action-type-select\" />\n</template>\n\n<script lang=\"ts\" setup>\n  import { SelectOption } from '@prefecthq/prefect-design'\n  import { AutomationActionType, automationActionTypeLabels, automationActionTypes } from '@prefecthq/prefect-ui-library'\n  import { computed } from 'vue'\n\n  const type = defineModel<AutomationActionType | null>('type', { required: true })\n\n  const options = computed<SelectOption[]>(() => {\n    const allOptions = automationActionTypes.map(type => {\n      const label = automationActionTypeLabels[type]\n\n      return {\n        label,\n        value: type,\n      }\n    })\n\n    if (type.value === 'do-nothing') {\n      return allOptions\n    }\n\n    return allOptions.filter(option => option.value !== 'do-nothing')\n  })\n</script>","<template>\n  <div class=\"automation-wizard-action\">\n    <div class=\"automation-wizard-action__header\">\n      <span class=\"automation-wizard-action__heading\">Action {{ index + 1 }}</span>\n      <p-button size=\"sm\" icon=\"TrashIcon\" @click=\"emit('delete')\" />\n    </div>\n\n    <p-content>\n      <p-label label=\"Action Type\" :state :message>\n        <template #default=\"{ id }\">\n          <AutomationActionTypeSelect :id v-model:type=\"type\" :state />\n        </template>\n      </p-label>\n\n\n      <template v-if=\"input\">\n        <component :is=\"input.component\" v-bind=\"input.props\" @update:action=\"updateAction\" />\n      </template>\n    </p-content>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { withProps, AutomationActionInput, AutomationAction, isNullish, getAutomationTriggerTemplate, getDefaultValueForAction } from '@prefecthq/prefect-ui-library'\n  import { useValidation } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import AutomationActionTypeSelect from '@/components/AutomationActionTypeSelect.vue'\n  import { AutomationActionFormValues } from '@/types/automation'\n\n  const props = defineProps<{\n    index: number,\n    action: Partial<AutomationAction>,\n    automation: AutomationActionFormValues,\n  }>()\n\n  const emit = defineEmits<{\n    (event: 'delete'): void,\n    (event: 'update:action', value: Partial<AutomationAction>): void,\n  }>()\n\n  const type = computed({\n    get() {\n      return props.action.type ?? null\n    },\n    set(value) {\n      if (isNullish(value)) {\n        emit('update:action', {})\n        return\n      }\n\n      const template = getAutomationTriggerTemplate(props.automation.trigger)\n      const action = getDefaultValueForAction(value, template)\n\n      emit('update:action', action)\n    },\n  })\n\n  const { state, error: message } = useValidation(type, 'Action Type', value => !!value)\n\n  const input = computed(() => {\n    if (!props.action.type) {\n      return null\n    }\n\n    return withProps(AutomationActionInput, {\n      action: props.action,\n      'onUpdate:action': value => emit('update:action', value),\n    })\n  })\n\n  function updateAction(action: Partial<AutomationAction>): void {\n    emit('update:action', action)\n  }\n</script>\n\n<style>\n.automation-wizard-action { @apply\n  grid\n  gap-1\n}\n\n.automation-wizard-action__header { @apply\n  flex\n  items-center\n  justify-between\n}\n\n.automation-wizard-action__heading { @apply\n  font-bold\n}\n</style>","<template>\n  <div class=\"automation-wizard-step-actions\">\n    <keep-alive>\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <AutomationWizardAction :action :automation :index @update:action=\"updateAction(index, $event)\" @delete=\"removeAction(index)\" />\n        <p-divider />\n      </template>\n    </keep-alive>\n\n    <template v-if=\"actionsError\">\n      <p-message error>\n        {{ actionsError }}\n      </p-message>\n    </template>\n\n    <p-button class=\"automations-wizard-step-actions__add\" icon=\"PlusIcon\" @click=\"addAction\">\n      Add Action\n    </p-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { useWizardStep } from '@prefecthq/prefect-design'\n  import { AutomationAction, isAutomationAction } from '@prefecthq/prefect-ui-library'\n  import { useValidation, useValidationObserver } from '@prefecthq/vue-compositions'\n  import { onMounted, reactive, watch } from 'vue'\n  import AutomationWizardAction from '@/components/AutomationWizardAction.vue'\n  import { AutomationActionFormValues } from '@/types/automation'\n\n  const props = defineProps<{\n    automation: AutomationActionFormValues,\n  }>()\n\n  const emit = defineEmits<{\n    (event: 'update:automation', value: AutomationActionFormValues): void,\n  }>()\n\n  const actions = reactive<Partial<AutomationAction>[]>(props.automation.actions ?? [])\n\n  function addAction(): void {\n    actions.push({})\n  }\n\n  function removeAction(index: number): void {\n    actions.splice(index, 1)\n  }\n\n  function updateAction(index: number, action: Partial<AutomationAction>): void {\n    actions[index] = action\n  }\n\n  const { error: actionsError } = useValidation(actions, 'Actions', value => {\n    if (value.length) {\n      return true\n    }\n\n    return 'At least 1 action is required'\n  })\n\n  const { defineValidate } = useWizardStep()\n  const { validate } = useValidationObserver()\n\n  defineValidate(validate)\n\n  onMounted(() => {\n    if (actions.length === 0) {\n      addAction()\n    }\n  })\n\n  watch(actions, () => {\n    emit('update:automation', {\n      ...props.automation,\n      actions: actions.filter(isAutomationAction),\n    })\n  })\n</script>\n\n<style>\n.automation-wizard-step-actions { @apply\n  grid\n  gap-8\n}\n\n.automations-wizard-step-actions__add { @apply\n  justify-self-start\n}\n</style>\n","<template>\n  <p-content class=\"automation-wizard-step-details\">\n    <p-label label=\"Automation Name\" :state :message>\n      <template #default=\"{ id }\">\n        <p-text-input :id v-model=\"name\" :state />\n      </template>\n    </p-label>\n    <p-label label=\"Description (Optional)\">\n      <template #default=\"{ id }\">\n        <p-text-input :id v-model=\"description\" />\n      </template>\n    </p-label>\n  </p-content>\n</template>\n\n<script lang=\"ts\" setup>\n  import { useWizardStep } from '@prefecthq/prefect-design'\n  import { usePatchRef, useValidation, useValidationObserver, ValidationRule } from '@prefecthq/vue-compositions'\n  import { AutomationFormValues } from '@/types/automation'\n\n  const automation = defineModel<AutomationFormValues>('automation', { required: true })\n\n  const name = usePatchRef(automation, 'name')\n  const description = usePatchRef(automation, 'description')\n\n  const { validate } = useValidationObserver()\n\n  const isRequired: ValidationRule<string | undefined> = (value = '', label) => {\n    if (value.length > 0) {\n      return true\n    }\n\n    return `${label} is required`\n  }\n\n  const { state, error: message } = useValidation(name, 'Automation name', isRequired)\n\n\n  const { defineValidate } = useWizardStep()\n\n  defineValidate(validate)\n</script>","<template>\n  <p-message info>\n    Custom triggers allow advanced configuration of the conditions on which a trigger executes its actions.\n\n    <template #action>\n      <DocumentationButton :to=\"localization.docs.automationTriggers\" small />\n    </template>\n  </p-message>\n\n  <p-label label=\"Trigger\" :state=\"state\" :message=\"error\">\n    <JsonInput v-model=\"model\" class=\"automation-trigger-json-input__json-input\" show-format-button :state=\"state\" />\n  </p-label>\n</template>\n\n<script setup lang=\"ts\">\n  import { DocumentationButton, JsonInput, isEmptyArray, isEmptyString, isInvalidDate, isNullish, localization } from '@prefecthq/prefect-ui-library'\n  import { ValidationRule, useValidation } from '@prefecthq/vue-compositions'\n  import { mapper } from '@/services/mapper'\n\n  const model = defineModel<string>({ required: true })\n\n  const isMappableAutomationTriggerJson: ValidationRule<string> = (value) => {\n    try {\n      const json = JSON.parse(value)\n\n      mapper.map('AutomationTriggerResponse', json, 'AutomationTrigger')\n    } catch (error) {\n      return false\n    }\n\n    return true\n  }\n\n  const isRequired: ValidationRule<unknown> = (value, name) => {\n    if (isNullish(value) || isEmptyArray(value) || isEmptyString(value) || isInvalidDate(value)) {\n      return `${name} is required`\n    }\n\n    return true\n  }\n\n  const isJson: ValidationRule<string> = (value, name) => {\n    try {\n      JSON.parse(value)\n    } catch {\n      return `${name} must be valid JSON`\n    }\n\n    return true\n  }\n\n  const { state, error } = useValidation(model, 'Trigger', [isRequired, isJson, isMappableAutomationTriggerJson])\n</script>\n\n<style>\n.automation-trigger-json-input__json-input {\n  min-height: 400px;\n}\n</style>","<template>\n  <p-select v-model=\"template\" empty-message=\"Select template\" :options=\"options\" class=\"automation-trigger-template-select\" />\n</template>\n\n<script lang=\"ts\" setup>\n  import { SelectOptionNormalized } from '@prefecthq/prefect-design'\n  import { AutomationTriggerTemplate, automationTriggerTemplates, getAutomationTriggerTemplateLabel } from '@prefecthq/prefect-ui-library'\n  import { computed } from 'vue'\n\n  const template = defineModel<AutomationTriggerTemplate | null>('template', { required: true })\n\n  /*\n   * Currently OSS doesn't have support for enabled/disabled trigger templates like cloud does.\n   * Only because it wasn't needed at the time of porting automations to OSS.\n   */\n  const options = computed<SelectOptionNormalized[]>(() => automationTriggerTemplates.map(type => {\n    return {\n      label: getAutomationTriggerTemplateLabel(type),\n      value: type,\n    }\n  }))\n</script>","<template>\n  <p-content class=\"automation-wizard-step-trigger\">\n    <p-label label=\"Trigger Template\" :state :message>\n      <template #default=\"{ id }\">\n        <AutomationTriggerTemplateSelect :id v-model:template=\"template\" :state />\n      </template>\n    </p-label>\n\n    <template v-if=\"input\">\n      <p-button-group class=\"automation-wizard-step-trigger__mode-switcher\" :model-value=\"mode\" :options=\"formMode\" small @update:model-value=\"switchMode($event)\" />\n\n      <template v-if=\"mode === 'Form' && template\">\n        <component :is=\"input.component\" :key=\"template\" v-bind=\"input.props\" />\n      </template>\n\n      <template v-else-if=\"mode === 'JSON'\">\n        <AutomationTriggerJsonInput v-model=\"jsonString\" />\n      </template>\n    </template>\n  </p-content>\n</template>\n\n<script lang=\"ts\" setup>\n  import { useWizardStep } from '@prefecthq/prefect-design'\n  import { createTuple, stringify, withProps, AutomationTriggerEventInput, AutomationTrigger, AutomationTriggerResponse, getAutomationTriggerTemplate, getDefaultAutomationTriggerValue, isNullish, AutomationTriggerCustomInput } from '@prefecthq/prefect-ui-library'\n  import { useValidation, useValidationObserver } from '@prefecthq/vue-compositions'\n  import { computed, ref, watch } from 'vue'\n  import AutomationTriggerJsonInput from '@/components/AutomationTriggerJsonInput.vue'\n  import AutomationTriggerTemplateSelect from '@/components/AutomationTriggerTemplateSelect.vue'\n  import { mapper } from '@/services/mapper'\n  import { AutomationFormValues } from '@/types/automation'\n\n  const automation = defineModel<AutomationFormValues>('automation', { required: true })\n\n  const template = computed({\n    get() {\n      if (automation.value.trigger) {\n        return getAutomationTriggerTemplate(automation.value.trigger)\n      }\n\n      return null\n    },\n    set(template) {\n      if (isNullish(template)) {\n        updateTrigger(undefined)\n        return\n      }\n\n      updateTrigger(getDefaultAutomationTriggerValue(template))\n    },\n  })\n\n  const { values: formMode } = createTuple(['Form', 'JSON'])\n  type FormMode = typeof formMode[number]\n  const mode = ref<FormMode>('Form')\n\n  function triggerAsJsonString(): string {\n    const triggerMatchingApi = mapper.map('AutomationTrigger', automation.value.trigger, 'AutomationTriggerRequest')\n\n    return stringify(triggerMatchingApi)\n  }\n\n  const jsonString = ref<string>(triggerAsJsonString())\n\n  watch(() => automation.value.trigger, () => jsonString.value = triggerAsJsonString())\n\n  function updateTriggerFromJsonString(): AutomationTrigger {\n    const parsedTriggerJson: AutomationTriggerResponse = JSON.parse(jsonString.value)\n    const trigger = mapper.map('AutomationTriggerResponse', parsedTriggerJson, 'AutomationTrigger')\n    updateTrigger(trigger)\n\n    return trigger\n  }\n\n  async function switchMode(newMode: FormMode): Promise<void> {\n    if (mode.value === newMode) {\n      return\n    }\n\n    if (!await validate()) {\n      return\n    }\n\n    if (newMode === 'Form') {\n      updateTriggerFromJsonString()\n    }\n\n    if (newMode === 'JSON') {\n      jsonString.value = triggerAsJsonString()\n    }\n\n    mode.value = newMode\n  }\n\n\n  const { defineValidate } = useWizardStep()\n  const { validate } = useValidationObserver()\n  const { state, error: message } = useValidation(template, 'Trigger template', value => {\n    if (value) {\n      return true\n    }\n\n    return 'Trigger type is required'\n  })\n\n  defineValidate(async () => {\n    const valid = await validate()\n\n    if (valid) {\n      // In form mode, the trigger is kept in sync with the form component's values,\n      // but in JSON mode, we'll sync on submit so that the input can be freely\n      // updated without affecting the form state. Also delay (de)serialization\n      // to submit rather than on every change.\n      if (mode.value === 'JSON') {\n        updateTriggerFromJsonString()\n      }\n    }\n    return valid\n  })\n\n  const input = computed(() => {\n    if (!template.value) {\n      return null\n    }\n\n    const trigger = automation.value.trigger ?? getDefaultAutomationTriggerValue(template.value)\n\n    switch (trigger.type) {\n      case 'event':\n        return withProps(AutomationTriggerEventInput, {\n          template: template.value,\n          trigger,\n          'onUpdate:trigger': updateTrigger,\n        })\n      case 'compound':\n      case 'sequence':\n        return withProps(AutomationTriggerCustomInput, {\n          trigger,\n          'onUpdate:trigger': updateTrigger,\n        })\n\n      default:\n        const exhaustive: never = trigger\n        throw new Error(`AutomationWizardStepTrigger is missing case for trigger type ${(exhaustive as AutomationTrigger).type}`)\n    }\n\n  })\n\n  function updateTrigger(trigger: AutomationTrigger | undefined): void {\n    automation.value = {\n      ...automation.value,\n      trigger,\n    }\n  }\n</script>\n\n<style>\n.automation-wizard-step-trigger__mode-switcher { @apply\n  mx-auto\n}\n</style>","<template>\n  <p-wizard\n    ref=\"wizardRef\"\n    class=\"automation-wizard\"\n    :steps=\"steps\"\n    :last-step-text=\"lastStepText\"\n    show-cancel\n    :nonlinear=\"editing\"\n    :show-save-and-exit=\"editing\"\n    @cancel=\"cancel\"\n    @submit=\"submit\"\n  >\n    <template #trigger-step>\n      <AutomationWizardStepTrigger v-model:automation=\"automation\" />\n    </template>\n    <template #actions-step>\n      <template v-if=\"isAutomationActionFormValues(automation)\">\n        <AutomationWizardStepActions v-model:automation=\"automation\" />\n      </template>\n    </template>\n    <template #details-step>\n      <AutomationWizardStepDetails v-model:automation=\"automation\" />\n    </template>\n  </p-wizard>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PWizard, WizardStep } from '@prefecthq/prefect-design'\n  import { computed, ref } from 'vue'\n  import { useRouter } from 'vue-router'\n  import AutomationWizardStepActions from '@/components/AutomationWizardStepActions.vue'\n  import AutomationWizardStepDetails from '@/components/AutomationWizardStepDetails.vue'\n  import AutomationWizardStepTrigger from '@/components/AutomationWizardStepTrigger.vue'\n  import { Automation, AutomationFormValues, IAutomation, isAutomationActionFormValues } from '@/types/automation'\n\n  const props = defineProps<{\n    automation?: Partial<Automation>,\n    editing?: boolean,\n  }>()\n\n  const automation = ref<AutomationFormValues>(props.automation ?? {})\n\n  const emit = defineEmits<{\n    (event: 'submit', value: Automation): void,\n  }>()\n\n  const router = useRouter()\n\n  const lastStepText = computed(() => props.automation ? 'Save' : 'Create')\n\n  const steps: WizardStep[] = [\n    { title: 'Trigger', key: 'trigger-step' },\n    { title: 'Actions', key: 'actions-step' },\n    { title: 'Details', key: 'details-step' },\n  ]\n\n  const wizardRef = ref<InstanceType<typeof PWizard>>()\n\n  function submit(): void {\n    emit('submit', new Automation(automation.value as IAutomation))\n  }\n\n  function cancel(): void {\n    router.back()\n  }\n</script>"],"names":["type","_useModel","__props","options","computed","allOptions","automationActionTypes","automationActionTypeLabels","option","props","emit","__emit","value","isNullish","template","getAutomationTriggerTemplate","action","getDefaultValueForAction","state","message","useValidation","input","withProps","AutomationActionInput","updateAction","actions","reactive","addAction","removeAction","index","actionsError","defineValidate","useWizardStep","validate","useValidationObserver","onMounted","watch","isAutomationAction","automation","name","usePatchRef","description","isRequired","label","model","isMappableAutomationTriggerJson","json","mapper","isEmptyArray","isEmptyString","isInvalidDate","isJson","error","automationTriggerTemplates","getAutomationTriggerTemplateLabel","updateTrigger","getDefaultAutomationTriggerValue","formMode","createTuple","mode","ref","triggerAsJsonString","triggerMatchingApi","stringify","jsonString","updateTriggerFromJsonString","parsedTriggerJson","trigger","switchMode","newMode","valid","AutomationTriggerEventInput","AutomationTriggerCustomInput","exhaustive","router","useRouter","lastStepText","steps","wizardRef","submit","Automation","cancel"],"mappings":"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"}
+{"version":3,"file":"AutomationWizard.vue_vue_type_script_setup_true_lang-As55GY35.js","sources":["../../src/components/AutomationActionTypeSelect.vue","../../src/components/AutomationWizardAction.vue","../../src/components/AutomationWizardStepActions.vue","../../src/components/AutomationWizardStepDetails.vue","../../src/components/AutomationTriggerJsonInput.vue","../../src/components/AutomationTriggerTemplateSelect.vue","../../src/components/AutomationWizardStepTrigger.vue","../../src/components/AutomationWizard.vue"],"sourcesContent":["<template>\n  <p-select v-model=\"type\" :options=\"options\" class=\"automation-action-type-select\" />\n</template>\n\n<script lang=\"ts\" setup>\n  import { SelectOption } from '@prefecthq/prefect-design'\n  import { AutomationActionType, automationActionTypeLabels, automationActionTypes } from '@prefecthq/prefect-ui-library'\n  import { computed } from 'vue'\n\n  const type = defineModel<AutomationActionType | null>('type', { required: true })\n\n  const options = computed<SelectOption[]>(() => {\n    const allOptions = automationActionTypes.map(type => {\n      const label = automationActionTypeLabels[type]\n\n      return {\n        label,\n        value: type,\n      }\n    })\n\n    if (type.value === 'do-nothing') {\n      return allOptions\n    }\n\n    return allOptions.filter(option => option.value !== 'do-nothing')\n  })\n</script>","<template>\n  <div class=\"automation-wizard-action\">\n    <div class=\"automation-wizard-action__header\">\n      <span class=\"automation-wizard-action__heading\">Action {{ index + 1 }}</span>\n      <p-button size=\"sm\" icon=\"TrashIcon\" @click=\"emit('delete')\" />\n    </div>\n\n    <p-content>\n      <p-label label=\"Action Type\" :state :message>\n        <template #default=\"{ id }\">\n          <AutomationActionTypeSelect :id v-model:type=\"type\" :state />\n        </template>\n      </p-label>\n\n\n      <template v-if=\"input\">\n        <component :is=\"input.component\" v-bind=\"input.props\" @update:action=\"updateAction\" />\n      </template>\n    </p-content>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { withProps, AutomationActionInput, AutomationAction, isNullish, getAutomationTriggerTemplate, getDefaultValueForAction } from '@prefecthq/prefect-ui-library'\n  import { useValidation } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import AutomationActionTypeSelect from '@/components/AutomationActionTypeSelect.vue'\n  import { AutomationActionFormValues } from '@/types/automation'\n\n  const props = defineProps<{\n    index: number,\n    action: Partial<AutomationAction>,\n    automation: AutomationActionFormValues,\n  }>()\n\n  const emit = defineEmits<{\n    (event: 'delete'): void,\n    (event: 'update:action', value: Partial<AutomationAction>): void,\n  }>()\n\n  const type = computed({\n    get() {\n      return props.action.type ?? null\n    },\n    set(value) {\n      if (isNullish(value)) {\n        emit('update:action', {})\n        return\n      }\n\n      const template = getAutomationTriggerTemplate(props.automation.trigger)\n      const action = getDefaultValueForAction(value, template)\n\n      emit('update:action', action)\n    },\n  })\n\n  const { state, error: message } = useValidation(type, 'Action Type', value => !!value)\n\n  const input = computed(() => {\n    if (!props.action.type) {\n      return null\n    }\n\n    return withProps(AutomationActionInput, {\n      action: props.action,\n      'onUpdate:action': value => emit('update:action', value),\n    })\n  })\n\n  function updateAction(action: Partial<AutomationAction>): void {\n    emit('update:action', action)\n  }\n</script>\n\n<style>\n.automation-wizard-action { @apply\n  grid\n  gap-1\n}\n\n.automation-wizard-action__header { @apply\n  flex\n  items-center\n  justify-between\n}\n\n.automation-wizard-action__heading { @apply\n  font-bold\n}\n</style>","<template>\n  <div class=\"automation-wizard-step-actions\">\n    <keep-alive>\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <AutomationWizardAction :action :automation :index @update:action=\"updateAction(index, $event)\" @delete=\"removeAction(index)\" />\n        <p-divider />\n      </template>\n    </keep-alive>\n\n    <template v-if=\"actionsError\">\n      <p-message error>\n        {{ actionsError }}\n      </p-message>\n    </template>\n\n    <p-button class=\"automations-wizard-step-actions__add\" icon=\"PlusIcon\" @click=\"addAction\">\n      Add Action\n    </p-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { useWizardStep } from '@prefecthq/prefect-design'\n  import { AutomationAction, isAutomationAction } from '@prefecthq/prefect-ui-library'\n  import { useValidation, useValidationObserver } from '@prefecthq/vue-compositions'\n  import { onMounted, reactive, watch } from 'vue'\n  import AutomationWizardAction from '@/components/AutomationWizardAction.vue'\n  import { AutomationActionFormValues } from '@/types/automation'\n\n  const props = defineProps<{\n    automation: AutomationActionFormValues,\n  }>()\n\n  const emit = defineEmits<{\n    (event: 'update:automation', value: AutomationActionFormValues): void,\n  }>()\n\n  const actions = reactive<Partial<AutomationAction>[]>(props.automation.actions ?? [])\n\n  function addAction(): void {\n    actions.push({})\n  }\n\n  function removeAction(index: number): void {\n    actions.splice(index, 1)\n  }\n\n  function updateAction(index: number, action: Partial<AutomationAction>): void {\n    actions[index] = action\n  }\n\n  const { error: actionsError } = useValidation(actions, 'Actions', value => {\n    if (value.length) {\n      return true\n    }\n\n    return 'At least 1 action is required'\n  })\n\n  const { defineValidate } = useWizardStep()\n  const { validate } = useValidationObserver()\n\n  defineValidate(validate)\n\n  onMounted(() => {\n    if (actions.length === 0) {\n      addAction()\n    }\n  })\n\n  watch(actions, () => {\n    emit('update:automation', {\n      ...props.automation,\n      actions: actions.filter(isAutomationAction),\n    })\n  })\n</script>\n\n<style>\n.automation-wizard-step-actions { @apply\n  grid\n  gap-8\n}\n\n.automations-wizard-step-actions__add { @apply\n  justify-self-start\n}\n</style>\n","<template>\n  <p-content class=\"automation-wizard-step-details\">\n    <p-label label=\"Automation Name\" :state :message>\n      <template #default=\"{ id }\">\n        <p-text-input :id v-model=\"name\" :state />\n      </template>\n    </p-label>\n    <p-label label=\"Description (Optional)\">\n      <template #default=\"{ id }\">\n        <p-text-input :id v-model=\"description\" />\n      </template>\n    </p-label>\n  </p-content>\n</template>\n\n<script lang=\"ts\" setup>\n  import { useWizardStep } from '@prefecthq/prefect-design'\n  import { usePatchRef, useValidation, useValidationObserver, ValidationRule } from '@prefecthq/vue-compositions'\n  import { AutomationFormValues } from '@/types/automation'\n\n  const automation = defineModel<AutomationFormValues>('automation', { required: true })\n\n  const name = usePatchRef(automation, 'name')\n  const description = usePatchRef(automation, 'description')\n\n  const { validate } = useValidationObserver()\n\n  const isRequired: ValidationRule<string | undefined> = (value = '', label) => {\n    if (value.length > 0) {\n      return true\n    }\n\n    return `${label} is required`\n  }\n\n  const { state, error: message } = useValidation(name, 'Automation name', isRequired)\n\n\n  const { defineValidate } = useWizardStep()\n\n  defineValidate(validate)\n</script>","<template>\n  <p-message info>\n    Custom triggers allow advanced configuration of the conditions on which a trigger executes its actions.\n\n    <template #action>\n      <DocumentationButton :to=\"localization.docs.automationTriggers\" small />\n    </template>\n  </p-message>\n\n  <p-label label=\"Trigger\" :state=\"state\" :message=\"error\">\n    <JsonInput v-model=\"model\" class=\"automation-trigger-json-input__json-input\" show-format-button :state=\"state\" />\n  </p-label>\n</template>\n\n<script setup lang=\"ts\">\n  import { DocumentationButton, JsonInput, isEmptyArray, isEmptyString, isInvalidDate, isNullish, localization } from '@prefecthq/prefect-ui-library'\n  import { ValidationRule, useValidation } from '@prefecthq/vue-compositions'\n  import { mapper } from '@/services/mapper'\n\n  const model = defineModel<string>({ required: true })\n\n  const isMappableAutomationTriggerJson: ValidationRule<string> = (value) => {\n    try {\n      const json = JSON.parse(value)\n\n      mapper.map('AutomationTriggerResponse', json, 'AutomationTrigger')\n    } catch (error) {\n      return false\n    }\n\n    return true\n  }\n\n  const isRequired: ValidationRule<unknown> = (value, name) => {\n    if (isNullish(value) || isEmptyArray(value) || isEmptyString(value) || isInvalidDate(value)) {\n      return `${name} is required`\n    }\n\n    return true\n  }\n\n  const isJson: ValidationRule<string> = (value, name) => {\n    try {\n      JSON.parse(value)\n    } catch {\n      return `${name} must be valid JSON`\n    }\n\n    return true\n  }\n\n  const { state, error } = useValidation(model, 'Trigger', [isRequired, isJson, isMappableAutomationTriggerJson])\n</script>\n\n<style>\n.automation-trigger-json-input__json-input {\n  min-height: 400px;\n}\n</style>","<template>\n  <p-select v-model=\"template\" empty-message=\"Select template\" :options=\"options\" class=\"automation-trigger-template-select\" />\n</template>\n\n<script lang=\"ts\" setup>\n  import { SelectOptionNormalized } from '@prefecthq/prefect-design'\n  import { AutomationTriggerTemplate, automationTriggerTemplates, getAutomationTriggerTemplateLabel } from '@prefecthq/prefect-ui-library'\n  import { computed } from 'vue'\n\n  const template = defineModel<AutomationTriggerTemplate | null>('template', { required: true })\n\n  /*\n   * Currently OSS doesn't have support for enabled/disabled trigger templates like cloud does.\n   * Only because it wasn't needed at the time of porting automations to OSS.\n   */\n  const options = computed<SelectOptionNormalized[]>(() => automationTriggerTemplates.map(type => {\n    return {\n      label: getAutomationTriggerTemplateLabel(type),\n      value: type,\n    }\n  }))\n</script>","<template>\n  <p-content class=\"automation-wizard-step-trigger\">\n    <p-label label=\"Trigger Template\" :state :message>\n      <template #default=\"{ id }\">\n        <AutomationTriggerTemplateSelect :id v-model:template=\"template\" :state />\n      </template>\n    </p-label>\n\n    <template v-if=\"input\">\n      <p-button-group class=\"automation-wizard-step-trigger__mode-switcher\" :model-value=\"mode\" :options=\"formMode\" small @update:model-value=\"switchMode($event)\" />\n\n      <template v-if=\"mode === 'Form' && template\">\n        <component :is=\"input.component\" :key=\"template\" v-bind=\"input.props\" />\n      </template>\n\n      <template v-else-if=\"mode === 'JSON'\">\n        <AutomationTriggerJsonInput v-model=\"jsonString\" />\n      </template>\n    </template>\n  </p-content>\n</template>\n\n<script lang=\"ts\" setup>\n  import { useWizardStep } from '@prefecthq/prefect-design'\n  import { createTuple, stringify, withProps, AutomationTriggerEventInput, AutomationTrigger, AutomationTriggerResponse, getAutomationTriggerTemplate, getDefaultAutomationTriggerValue, isNullish, AutomationTriggerCustomInput } from '@prefecthq/prefect-ui-library'\n  import { useValidation, useValidationObserver } from '@prefecthq/vue-compositions'\n  import { computed, ref, watch } from 'vue'\n  import AutomationTriggerJsonInput from '@/components/AutomationTriggerJsonInput.vue'\n  import AutomationTriggerTemplateSelect from '@/components/AutomationTriggerTemplateSelect.vue'\n  import { mapper } from '@/services/mapper'\n  import { AutomationFormValues } from '@/types/automation'\n\n  const automation = defineModel<AutomationFormValues>('automation', { required: true })\n\n  const template = computed({\n    get() {\n      if (automation.value.trigger) {\n        return getAutomationTriggerTemplate(automation.value.trigger)\n      }\n\n      return null\n    },\n    set(template) {\n      if (isNullish(template)) {\n        updateTrigger(undefined)\n        return\n      }\n\n      updateTrigger(getDefaultAutomationTriggerValue(template))\n    },\n  })\n\n  const { values: formMode } = createTuple(['Form', 'JSON'])\n  type FormMode = typeof formMode[number]\n  const mode = ref<FormMode>('Form')\n\n  function triggerAsJsonString(): string {\n    const triggerMatchingApi = mapper.map('AutomationTrigger', automation.value.trigger, 'AutomationTriggerRequest')\n\n    return stringify(triggerMatchingApi)\n  }\n\n  const jsonString = ref<string>(triggerAsJsonString())\n\n  watch(() => automation.value.trigger, () => jsonString.value = triggerAsJsonString())\n\n  function updateTriggerFromJsonString(): AutomationTrigger {\n    const parsedTriggerJson: AutomationTriggerResponse = JSON.parse(jsonString.value)\n    const trigger = mapper.map('AutomationTriggerResponse', parsedTriggerJson, 'AutomationTrigger')\n    updateTrigger(trigger)\n\n    return trigger\n  }\n\n  async function switchMode(newMode: FormMode): Promise<void> {\n    if (mode.value === newMode) {\n      return\n    }\n\n    if (!await validate()) {\n      return\n    }\n\n    if (newMode === 'Form') {\n      updateTriggerFromJsonString()\n    }\n\n    if (newMode === 'JSON') {\n      jsonString.value = triggerAsJsonString()\n    }\n\n    mode.value = newMode\n  }\n\n\n  const { defineValidate } = useWizardStep()\n  const { validate } = useValidationObserver()\n  const { state, error: message } = useValidation(template, 'Trigger template', value => {\n    if (value) {\n      return true\n    }\n\n    return 'Trigger type is required'\n  })\n\n  defineValidate(async () => {\n    const valid = await validate()\n\n    if (valid) {\n      // In form mode, the trigger is kept in sync with the form component's values,\n      // but in JSON mode, we'll sync on submit so that the input can be freely\n      // updated without affecting the form state. Also delay (de)serialization\n      // to submit rather than on every change.\n      if (mode.value === 'JSON') {\n        updateTriggerFromJsonString()\n      }\n    }\n    return valid\n  })\n\n  const input = computed(() => {\n    if (!template.value) {\n      return null\n    }\n\n    const trigger = automation.value.trigger ?? getDefaultAutomationTriggerValue(template.value)\n\n    switch (trigger.type) {\n      case 'event':\n        return withProps(AutomationTriggerEventInput, {\n          template: template.value,\n          trigger,\n          'onUpdate:trigger': updateTrigger,\n        })\n      case 'compound':\n      case 'sequence':\n        return withProps(AutomationTriggerCustomInput, {\n          trigger,\n          'onUpdate:trigger': updateTrigger,\n        })\n\n      default:\n        const exhaustive: never = trigger\n        throw new Error(`AutomationWizardStepTrigger is missing case for trigger type ${(exhaustive as AutomationTrigger).type}`)\n    }\n\n  })\n\n  function updateTrigger(trigger: AutomationTrigger | undefined): void {\n    automation.value = {\n      ...automation.value,\n      trigger,\n    }\n  }\n</script>\n\n<style>\n.automation-wizard-step-trigger__mode-switcher { @apply\n  mx-auto\n}\n</style>","<template>\n  <p-wizard\n    ref=\"wizardRef\"\n    class=\"automation-wizard\"\n    :steps=\"steps\"\n    :last-step-text=\"lastStepText\"\n    show-cancel\n    :nonlinear=\"editing\"\n    :show-save-and-exit=\"editing\"\n    @cancel=\"cancel\"\n    @submit=\"submit\"\n  >\n    <template #trigger-step>\n      <AutomationWizardStepTrigger v-model:automation=\"automation\" />\n    </template>\n    <template #actions-step>\n      <template v-if=\"isAutomationActionFormValues(automation)\">\n        <AutomationWizardStepActions v-model:automation=\"automation\" />\n      </template>\n    </template>\n    <template #details-step>\n      <AutomationWizardStepDetails v-model:automation=\"automation\" />\n    </template>\n  </p-wizard>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PWizard, WizardStep } from '@prefecthq/prefect-design'\n  import { computed, ref } from 'vue'\n  import { useRouter } from 'vue-router'\n  import AutomationWizardStepActions from '@/components/AutomationWizardStepActions.vue'\n  import AutomationWizardStepDetails from '@/components/AutomationWizardStepDetails.vue'\n  import AutomationWizardStepTrigger from '@/components/AutomationWizardStepTrigger.vue'\n  import { Automation, AutomationFormValues, IAutomation, isAutomationActionFormValues } from '@/types/automation'\n\n  const props = defineProps<{\n    automation?: Partial<Automation>,\n    editing?: boolean,\n  }>()\n\n  const automation = ref<AutomationFormValues>(props.automation ?? {})\n\n  const emit = defineEmits<{\n    (event: 'submit', value: Automation): void,\n  }>()\n\n  const router = useRouter()\n\n  const lastStepText = computed(() => props.automation ? 'Save' : 'Create')\n\n  const steps: WizardStep[] = [\n    { title: 'Trigger', key: 'trigger-step' },\n    { title: 'Actions', key: 'actions-step' },\n    { title: 'Details', key: 'details-step' },\n  ]\n\n  const wizardRef = ref<InstanceType<typeof PWizard>>()\n\n  function submit(): void {\n    emit('submit', new Automation(automation.value as IAutomation))\n  }\n\n  function cancel(): void {\n    router.back()\n  }\n</script>"],"names":["type","_useModel","__props","options","computed","allOptions","automationActionTypes","automationActionTypeLabels","option","props","emit","__emit","value","isNullish","template","getAutomationTriggerTemplate","action","getDefaultValueForAction","state","message","useValidation","input","withProps","AutomationActionInput","updateAction","actions","reactive","addAction","removeAction","index","actionsError","defineValidate","useWizardStep","validate","useValidationObserver","onMounted","watch","isAutomationAction","automation","name","usePatchRef","description","isRequired","label","model","isMappableAutomationTriggerJson","json","mapper","isEmptyArray","isEmptyString","isInvalidDate","isJson","error","automationTriggerTemplates","getAutomationTriggerTemplateLabel","updateTrigger","getDefaultAutomationTriggerValue","formMode","createTuple","mode","ref","triggerAsJsonString","triggerMatchingApi","stringify","jsonString","updateTriggerFromJsonString","parsedTriggerJson","trigger","switchMode","newMode","valid","AutomationTriggerEventInput","AutomationTriggerCustomInput","exhaustive","router","useRouter","lastStepText","steps","wizardRef","submit","Automation","cancel"],"mappings":"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"}

prefect-3.1.9.dev2/src/prefect/server/ui/assets/Automations-D4Ntq9Gq.js

@@ -0,0 +1,2 @@
+import{d as b,B as A,i as r,o as s,c,g as a,j as t,l as m,k as e,A as C,t as v,F as P,m as T,q as d,a as h,p as U,C as $,x as z,y as k,z as E,e as I,f as y,D as K,E as S,G as j,K as q,H as w,I as G}from"./index-Dkae_997.js";import{u as H}from"./usePageTitle-DGuB4AZ9.js";import{u as L}from"./usePrefectApi-ugHPWJzM.js";import"./api-DD4AY08s.js";import"./mapper-CXwTfIzn.js";const O={class:"automation-card__header"},J={class:"automation-card__header-actions"},M={key:0,class:"automation-card__description"},Q={class:"automation-card__label"},R=b({__name:"AutomationCard",props:{automation:{}},emits:["update"],setup(B,{emit:p}){const l=p,_=A();return(o,n)=>{const f=r("p-link"),u=r("p-content"),g=r("p-card");return s(),c(g,{class:"automation-card"},{default:a(()=>[t(u,null,{default:a(()=>[t(u,{secondary:""},{default:a(()=>[m("div",O,[t(f,{class:"automation-card__name",to:e(_).automation(o.automation.id)},{default:a(()=>[C(v(o.automation.name),1)]),_:1},8,["to"]),m("div",J,[t(e(P),{automation:o.automation,onUpdate:n[0]||(n[0]=i=>l("update"))},null,8,["automation"]),t(e(T),{automation:o.automation,onDelete:n[1]||(n[1]=i=>l("update"))},null,8,["automation"])])]),o.automation.description?(s(),d("p",M,v(o.automation.description),1)):h("",!0)]),_:1}),t(u,{secondary:""},{default:a(()=>[n[2]||(n[2]=m("span",{class:"automation-card__label"},"Trigger",-1)),t(e(U),{trigger:o.automation.trigger},null,8,["trigger"])]),_:1}),t(u,{secondary:""},{default:a(()=>[m("span",Q,v(e($)("Action",o.automation.actions.length)),1),(s(!0),d(k,null,z(o.automation.actions,i=>(s(),c(g,{key:i.id},{default:a(()=>[t(e(E),{action:i},null,8,["action"])]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})}}}),tt=b({__name:"Automations",setup(B){const p=A();H("Automations");const l=[{text:"Automations"}],_=L(),o=I(_.automations.getAutomations),n=y(()=>o.response??[]),f=y(()=>o.executed),u=y(()=>n.value.length===0);return(g,i)=>{const D=r("p-button"),N=r("p-virtual-scroller"),V=r("p-layout-default");return s(),c(V,{class:"automations"},{header:a(()=>[t(e(q),{crumbs:l},K({"after-crumbs":a(()=>[t(D,{size:"sm",icon:"PlusIcon",to:e(p).automationCreate()},null,8,["to"])]),_:2},[u.value?void 0:{name:"actions",fn:a(()=>[t(e(S),{to:e(j).docs.automations},{default:a(()=>i[0]||(i[0]=[C(" Documentation ")])),_:1},8,["to"])]),key:"0"}]),1024)]),default:a(()=>[f.value?(s(),d(k,{key:0},[u.value?(s(),c(e(w),{key:0})):(s(),d(k,{key:1},[t(e(G),{count:n.value.length,label:"automation"},null,8,["count"]),t(N,{items:n.value,class:"automations-list"},{default:a(({item:F})=>[t(R,{automation:F,onUpdate:e(o).refresh},null,8,["automation","onUpdate"])]),_:1},8,["items"])],64))],64)):h("",!0)]),_:1})}}});export{tt as default};
+//# sourceMappingURL=Automations-D4Ntq9Gq.js.map

prefect-3.1.9.dev1/src/prefect/server/ui/assets/Automations-BvltyFM2.js.map → prefect-3.1.9.dev2/src/prefect/server/ui/assets/Automations-D4Ntq9Gq.js.map

@@ -1 +1 @@
-{"version":3,"file":"Automations-BvltyFM2.js","sources":["../../src/components/AutomationCard.vue","../../src/pages/Automations.vue"],"sourcesContent":["<template>\n  <p-card class=\"automation-card\">\n    <p-content>\n      <p-content secondary>\n        <div class=\"automation-card__header\">\n          <p-link class=\"automation-card__name\" :to=\"routes.automation(automation.id)\">\n            {{ automation.name }}\n          </p-link>\n          <div class=\"automation-card__header-actions\">\n            <AutomationToggle :automation=\"automation\" @update=\"emit('update')\" />\n            <AutomationMenu :automation=\"automation\" @delete=\"emit('update')\" />\n          </div>\n        </div>\n        <template v-if=\"automation.description\">\n          <p class=\"automation-card__description\">\n            {{ automation.description }}\n          </p>\n        </template>\n      </p-content>\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">Trigger</span>\n        <AutomationTriggerDescription :trigger=\"automation.trigger\" />\n      </p-content>\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">{{ toPluralString('Action', automation.actions.length) }}</span>\n        <template v-for=\"action in automation.actions\" :key=\"action.id\">\n          <p-card><AutomationActionDescription :action=\"action\" /></p-card>\n        </template>\n      </p-content>\n    </p-content>\n  </p-card>\n</template>\n\n<script lang=\"ts\" setup>\n  import { toPluralString } from '@prefecthq/prefect-design'\n  import { AutomationMenu, AutomationToggle, AutomationTriggerDescription, AutomationActionDescription, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { Automation } from '@/types/automation'\n\n  defineProps<{\n    automation: Automation,\n  }>()\n\n  const emit = defineEmits<{\n    (event: 'update'): void,\n  }>()\n\n  const routes = useWorkspaceRoutes()\n</script>\n\n<style>\n.automation-card__header { @apply\n  flex\n  gap-2\n  items-center\n  justify-between\n}\n\n.automation-card__header-actions { @apply\n  flex\n  gap-2\n  items-center\n}\n\n.automation-card__name { @apply\n  text-lg\n}\n\n.automation-card__description { @apply\n  text-sm\n}\n\n.automation-card__label { @apply\n  font-medium\n  mr-2\n}\n</style>","<template>\n  <p-layout-default class=\"automations\">\n    <template #header>\n      <PageHeading :crumbs=\"crumbs\">\n        <template #after-crumbs>\n          <p-button size=\"sm\" icon=\"PlusIcon\" :to=\"routes.automationCreate()\" />\n        </template>\n\n        <template v-if=\"!empty\" #actions>\n          <DocumentationButton :to=\"localization.docs.automations\">\n            Documentation\n          </DocumentationButton>\n        </template>\n      </PageHeading>\n    </template>\n    <template v-if=\"loaded\">\n      <template v-if=\"empty\">\n        <AutomationsPageEmptyState />\n      </template>\n      <template v-else>\n        <ResultsCount :count=\"automations.length\" label=\"automation\" />\n\n        <p-virtual-scroller :items=\"automations\" class=\"automations-list\">\n          <template #default=\"{ item: automation }\">\n            <AutomationCard :automation=\"automation\" @update=\"subscription.refresh\" />\n          </template>\n        </p-virtual-scroller>\n      </template>\n    </template>\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PageHeading, ResultsCount, AutomationsPageEmptyState, DocumentationButton, localization, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { useSubscription } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import AutomationCard from '@/components/AutomationCard.vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n\n  const routes = useWorkspaceRoutes()\n\n  usePageTitle('Automations')\n\n  const crumbs = [{ text: 'Automations' }]\n  const api = usePrefectApi()\n\n  const subscription = useSubscription(api.automations.getAutomations)\n  const automations = computed(() => subscription.response ?? [])\n\n  const loaded = computed(() => subscription.executed)\n  const empty = computed(() => automations.value.length === 0)\n</script>\n\n<style>\n.automations {\n  --virtual-scroller-item-gap: theme('spacing.2')\n}\n</style>"],"names":["emit","__emit","routes","useWorkspaceRoutes","usePageTitle","crumbs","api","usePrefectApi","subscription","useSubscription","automations","computed","loaded","empty"],"mappings":"0mBA4CE,MAAMA,EAAOC,EAIPC,EAASC,EAAmB,ujCCRlC,MAAMD,EAASC,EAAmB,EAElCC,EAAa,aAAa,EAE1B,MAAMC,EAAS,CAAC,CAAE,KAAM,cAAe,EACjCC,EAAMC,EAAc,EAEpBC,EAAeC,EAAgBH,EAAI,YAAY,cAAc,EAC7DI,EAAcC,EAAS,IAAMH,EAAa,UAAY,CAAA,CAAE,EAExDI,EAASD,EAAS,IAAMH,EAAa,QAAQ,EAC7CK,EAAQF,EAAS,IAAMD,EAAY,MAAM,SAAW,CAAC"}
+{"version":3,"file":"Automations-D4Ntq9Gq.js","sources":["../../src/components/AutomationCard.vue","../../src/pages/Automations.vue"],"sourcesContent":["<template>\n  <p-card class=\"automation-card\">\n    <p-content>\n      <p-content secondary>\n        <div class=\"automation-card__header\">\n          <p-link class=\"automation-card__name\" :to=\"routes.automation(automation.id)\">\n            {{ automation.name }}\n          </p-link>\n          <div class=\"automation-card__header-actions\">\n            <AutomationToggle :automation=\"automation\" @update=\"emit('update')\" />\n            <AutomationMenu :automation=\"automation\" @delete=\"emit('update')\" />\n          </div>\n        </div>\n        <template v-if=\"automation.description\">\n          <p class=\"automation-card__description\">\n            {{ automation.description }}\n          </p>\n        </template>\n      </p-content>\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">Trigger</span>\n        <AutomationTriggerDescription :trigger=\"automation.trigger\" />\n      </p-content>\n\n      <p-content secondary>\n        <span class=\"automation-card__label\">{{ toPluralString('Action', automation.actions.length) }}</span>\n        <template v-for=\"action in automation.actions\" :key=\"action.id\">\n          <p-card><AutomationActionDescription :action=\"action\" /></p-card>\n        </template>\n      </p-content>\n    </p-content>\n  </p-card>\n</template>\n\n<script lang=\"ts\" setup>\n  import { toPluralString } from '@prefecthq/prefect-design'\n  import { AutomationMenu, AutomationToggle, AutomationTriggerDescription, AutomationActionDescription, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { Automation } from '@/types/automation'\n\n  defineProps<{\n    automation: Automation,\n  }>()\n\n  const emit = defineEmits<{\n    (event: 'update'): void,\n  }>()\n\n  const routes = useWorkspaceRoutes()\n</script>\n\n<style>\n.automation-card__header { @apply\n  flex\n  gap-2\n  items-center\n  justify-between\n}\n\n.automation-card__header-actions { @apply\n  flex\n  gap-2\n  items-center\n}\n\n.automation-card__name { @apply\n  text-lg\n}\n\n.automation-card__description { @apply\n  text-sm\n}\n\n.automation-card__label { @apply\n  font-medium\n  mr-2\n}\n</style>","<template>\n  <p-layout-default class=\"automations\">\n    <template #header>\n      <PageHeading :crumbs=\"crumbs\">\n        <template #after-crumbs>\n          <p-button size=\"sm\" icon=\"PlusIcon\" :to=\"routes.automationCreate()\" />\n        </template>\n\n        <template v-if=\"!empty\" #actions>\n          <DocumentationButton :to=\"localization.docs.automations\">\n            Documentation\n          </DocumentationButton>\n        </template>\n      </PageHeading>\n    </template>\n    <template v-if=\"loaded\">\n      <template v-if=\"empty\">\n        <AutomationsPageEmptyState />\n      </template>\n      <template v-else>\n        <ResultsCount :count=\"automations.length\" label=\"automation\" />\n\n        <p-virtual-scroller :items=\"automations\" class=\"automations-list\">\n          <template #default=\"{ item: automation }\">\n            <AutomationCard :automation=\"automation\" @update=\"subscription.refresh\" />\n          </template>\n        </p-virtual-scroller>\n      </template>\n    </template>\n  </p-layout-default>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PageHeading, ResultsCount, AutomationsPageEmptyState, DocumentationButton, localization, useWorkspaceRoutes } from '@prefecthq/prefect-ui-library'\n  import { useSubscription } from '@prefecthq/vue-compositions'\n  import { computed } from 'vue'\n  import AutomationCard from '@/components/AutomationCard.vue'\n  import { usePageTitle } from '@/compositions/usePageTitle'\n  import { usePrefectApi } from '@/compositions/usePrefectApi'\n\n  const routes = useWorkspaceRoutes()\n\n  usePageTitle('Automations')\n\n  const crumbs = [{ text: 'Automations' }]\n  const api = usePrefectApi()\n\n  const subscription = useSubscription(api.automations.getAutomations)\n  const automations = computed(() => subscription.response ?? [])\n\n  const loaded = computed(() => subscription.executed)\n  const empty = computed(() => automations.value.length === 0)\n</script>\n\n<style>\n.automations {\n  --virtual-scroller-item-gap: theme('spacing.2')\n}\n</style>"],"names":["emit","__emit","routes","useWorkspaceRoutes","usePageTitle","crumbs","api","usePrefectApi","subscription","useSubscription","automations","computed","loaded","empty"],"mappings":"onBA4CE,MAAMA,EAAOC,EAIPC,EAASC,EAAmB,ujCCRlC,MAAMD,EAASC,EAAmB,EAElCC,EAAa,aAAa,EAE1B,MAAMC,EAAS,CAAC,CAAE,KAAM,cAAe,EACjCC,EAAMC,EAAc,EAEpBC,EAAeC,EAAgBH,EAAI,YAAY,cAAc,EAC7DI,EAAcC,EAAS,IAAMH,EAAa,UAAY,CAAA,CAAE,EAExDI,EAASD,EAAS,IAAMH,EAAa,QAAQ,EAC7CK,EAAQF,EAAS,IAAMD,EAAY,MAAM,SAAW,CAAC"}