Process notifications (#9501)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

plugins/process-resources/src/components/ExecutionLogs.svelte

@@ -118,12 +118,6 @@
   }}
 />
 
-<!-- <Card
-  label={process.string.Execution}
-  okAction={() => { dispatch('close') }}
-  width={'large'}
-  on:close
-> -->
 <Modal
   type={'type-popup'}
   width={'large'}
@@ -168,4 +162,3 @@
     />
   {/if}
 </Modal>
-<!-- </Card> -->

plugins/process-resources/src/components/ExecutionNotification.svelte

@@ -0,0 +1,42 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { ExecutionLog } from '@hcengineering/process'
+  import { Notification, NotificationToast } from '@hcengineering/ui'
+  import LogActionPresenter from './LogActionPresenter.svelte'
+  import TransitionRefPresenter from './settings/TransitionRefPresenter.svelte'
+  import { CardPresenter } from '@hcengineering/card-resources'
+
+  export let notification: Notification
+  export let onRemove: () => void
+
+  $: val = notification?.params?.event as ExecutionLog
+</script>
+
+{#if val}
+  <NotificationToast title={notification.title} severity={notification.severity} onClose={onRemove}>
+    <svelte:fragment slot="content">
+      <div class="fs-title">
+        <CardPresenter value={val.card} shouldShowAvatar />
+      </div>
+      <div class="flex-row-center flex-wrap gap-2 reverse">
+        <LogActionPresenter value={val.action} />
+        {#if val.transition}
+          <TransitionRefPresenter value={val.transition} />
+        {/if}
+      </div>
+    </svelte:fragment>
+  </NotificationToast>
+{/if}

plugins/process-resources/src/components/LogActionPresenter.svelte

@@ -13,7 +13,7 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { ExecutionLogAction } from '@hcengineering/process'
+  import process, { ExecutionLogAction } from '@hcengineering/process'
   import { Icon } from '@hcengineering/ui'
   import view from '@hcengineering/view'
 
@@ -21,7 +21,7 @@
 </script>
 
 {#if value === ExecutionLogAction.Started}
-  <Icon icon={view.icon.Circle} size={'small'} />
+  <Icon icon={process.icon.Start} size={'small'} />
 {:else if value === ExecutionLogAction.Transition}
   <Icon icon={view.icon.ArrowRight} size={'small'} />
 {:else}

plugins/process-resources/src/components/NotifierExtension.svelte

@@ -0,0 +1,68 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { ExecutionLog, ExecutionLogAction } from '@hcengineering/process'
+  import { addNotification, NotificationSeverity, themeStore } from '@hcengineering/ui'
+  import { translate } from '@hcengineering/platform'
+  import { createQuery, getClient } from '@hcengineering/presentation'
+  import process from '../plugin'
+  import { Ref } from '@hcengineering/core'
+  import ExecutionNotification from './ExecutionNotification.svelte'
+
+  const processed = new Set<Ref<ExecutionLog>>()
+  const client = getClient()
+  let init = false
+
+  const query = createQuery()
+  query.query(process.class.ExecutionLog, { createdOn: { $gt: Date.now() } }, (res) => {
+    if (!init) {
+      res.forEach((event) => {
+        processed.add(event._id)
+      })
+      init = true
+    } else {
+      notifyAll(res)
+    }
+  })
+
+  async function notifyAll (events: ExecutionLog[]): Promise<void> {
+    for (const event of events) {
+      if (processed.has(event._id)) continue
+      await notify(event)
+    }
+  }
+
+  async function notify (event: ExecutionLog): Promise<void> {
+    processed.add(event._id)
+    const _process = client.getModel().findObject(event.process)
+    addNotification(
+      await translate(
+        event.action === ExecutionLogAction.Started
+          ? process.string.Started
+          : event.action === ExecutionLogAction.Transition
+            ? process.string.Transition
+            : process.string.Rollback,
+        {},
+        $themeStore.language
+      ),
+      _process?.name ?? (await translate(process.string.Process, {}, $themeStore.language)),
+      ExecutionNotification,
+      {
+        event
+      },
+      event.action === ExecutionLogAction.Rollback ? NotificationSeverity.Warning : NotificationSeverity.Info
+    )
+  }
+</script>