feat(tracker): Gantt — #3b dependencies + cascade + critical path

models/tracker/src/index.ts

@@ -196,7 +196,9 @@ function defineFilters (builder: Builder): void {
         key: 'milestone',
         component: view.component.ObjectFilter,
         showNested: false
-      }
+      },
+      'startDate',
+      'dueDate'
     ],
     ignoreKeys: ['number', 'estimation', 'attachedTo'],
     getVisibleFilters: tracker.function.GetVisibleFilters

models/tracker/src/presenters.ts

@@ -34,6 +34,15 @@ export function definePresenters (builder: Builder): void {
     presenter: tracker.component.NotificationIssuePresenter
   })
 
+  //
+  // IssueRelation — single-line "FS +Nd → OSTRO-29 Title" presenter so
+  // the activity feed shows which dependency was added or removed
+  // (instead of the generic "Dependency" class label).
+  //
+  builder.mixin(tracker.class.IssueRelation, core.class.Class, view.mixin.ObjectPresenter, {
+    presenter: tracker.component.IssueRelationPresenter
+  })
+
   builder.mixin(tracker.class.Issue, core.class.Class, view.mixin.PreviewPresenter, {
     presenter: tracker.component.IssuePreview
   })

models/tracker/src/viewlets.ts

@@ -212,6 +212,105 @@ export function issueConfig (
   ]
 }
 
+export function ganttViewOptions (): ViewOptionsModel {
+  // PR 2 ships a minimal read-only Gantt. Group-by + Show-colors are
+  // intentionally NOT advertised — the canvas does not honour them yet.
+  // The two sidebar-column toggles below ARE wired up to GanttSidebar.
+  return {
+    groupBy: [],
+    orderBy: [
+      ['startDate', SortingOrder.Ascending],
+      ['rank', SortingOrder.Ascending],
+      ['dueDate', SortingOrder.Ascending]
+    ],
+    other: [
+      {
+        key: 'ganttShowIssueCode',
+        type: 'toggle',
+        defaultValue: false,
+        actionTarget: 'display',
+        label: tracker.string.GanttShowIssueCode
+      },
+      {
+        key: 'ganttShowTitle',
+        type: 'toggle',
+        defaultValue: true,
+        actionTarget: 'display',
+        label: tracker.string.GanttShowTitle
+      },
+      {
+        key: 'ganttShowStatus',
+        type: 'toggle',
+        defaultValue: true,
+        actionTarget: 'display',
+        label: tracker.string.GanttShowStatus
+      },
+      {
+        // Default-on safety prompt: when set, dragging an issue's bar to a
+        // new date range shows a confirm dialog before writing the change.
+        // User feedback 2026-05-11: easy to misclick a bar while panning,
+        // and a one-click confirm prevents accidental schedule edits.
+        key: 'ganttConfirmMove',
+        type: 'toggle',
+        defaultValue: true,
+        actionTarget: 'display',
+        label: tracker.string.GanttConfirmMove
+      },
+      {
+        // Same idea but for left/right resize handles.
+        key: 'ganttConfirmResize',
+        type: 'toggle',
+        defaultValue: true,
+        actionTarget: 'display',
+        label: tracker.string.GanttConfirmResize
+      },
+      {
+        // PR4a: sidebar column showing predecessor notation (e.g. "12FS+2d").
+        // Hidden by default so existing users don't see a new column appear.
+        // Toggling on requires no migration — the column is purely derived
+        // from the IssueRelation collection that already exists from PR1.
+        key: 'ganttShowPredecessors',
+        type: 'toggle',
+        defaultValue: false,
+        actionTarget: 'display',
+        label: tracker.string.GanttShowPredecessors
+      },
+      {
+        // PR5: critical-path overlay toggle. When on, critical bars get a red
+        // border and fill overlay; critical relations get red arrows; non-critical
+        // bars show a grey slack glyph.
+        key: 'ganttCriticalPath',
+        type: 'toggle',
+        defaultValue: false,
+        actionTarget: 'display',
+        label: tracker.string.CriticalPathOn
+      },
+      {
+        // PR5: slack column in the sidebar. Shows numeric slack days or "CP" badge
+        // for critical issues. Requires ganttCriticalPath to be meaningful.
+        key: 'ganttSlackColumn',
+        type: 'toggle',
+        defaultValue: false,
+        actionTarget: 'display',
+        label: tracker.string.SlackColumn
+      }
+    ]
+  }
+}
+
+export function ganttConfig (): BuildModelKey[] {
+  // Minimal config — Gantt drives its own column layout.
+  return [
+    {
+      key: '',
+      presenter: tracker.component.PriorityEditor,
+      label: tracker.string.Priority,
+      props: { kind: 'list', size: 'small' }
+    },
+    { key: '', presenter: tracker.component.IssuePresenter, label: tracker.string.Issue }
+  ]
+}
+
 export function defineViewlets (builder: Builder): void {
   builder.createDoc(
     view.class.ViewletDescriptor,
@@ -224,6 +323,17 @@ export function defineViewlets (builder: Builder): void {
     tracker.viewlet.Kanban
   )
 
+  builder.createDoc(
+    view.class.ViewletDescriptor,
+    core.space.Model,
+    {
+      label: tracker.string.Gantt,
+      icon: tracker.icon.Gantt,
+      component: tracker.component.GanttView
+    },
+    tracker.viewlet.Gantt
+  )
+
   builder.createDoc(
     view.class.Viewlet,
     core.space.Model,
@@ -501,6 +611,23 @@ export function defineViewlets (builder: Builder): void {
     tracker.viewlet.IssueKanban
   )
 
+  // Gantt is registered AFTER List + Kanban so List remains the default
+  // viewlet (ViewletSelector falls back to viewlets[0] when no preference
+  // is saved). Putting Gantt last avoids surprising users with an empty
+  // canvas on first visit.
+  builder.createDoc(
+    view.class.Viewlet,
+    core.space.Model,
+    {
+      attachTo: tracker.class.Issue,
+      descriptor: tracker.viewlet.Gantt,
+      viewOptions: ganttViewOptions(),
+      configOptions: { strict: true, hiddenKeys: ['title'] },
+      config: ganttConfig()
+    },
+    tracker.viewlet.IssueGantt
+  )
+
   const componentListViewOptions: ViewOptionsModel = {
     groupBy: ['lead', 'createdBy', 'modifiedBy'],
     orderBy: [

packages/presentation/src/components/DocPopup.svelte

@@ -52,7 +52,7 @@
   export let placeholder: IntlString = presentation.string.Search
   export let selectedObjects: Ref<Doc>[] = []
   export let shadows: boolean = true
-  export let width: 'medium' | 'large' | 'full' | 'auto' = 'medium'
+  export let width: 'medium' | 'large' | 'full' | 'auto' | 'resizable' = 'medium'
   export let size: 'small' | 'medium' | 'large' = 'large'
 
   export let noSearchField: boolean = false
@@ -222,6 +222,7 @@
   class:full-width={width === 'full'}
   class:plainContainer={!shadows}
   class:width-40={width === 'large'}
+  class:width-resizable={width === 'resizable'}
   class:auto={width === 'auto'}
   class:embedded
   on:keydown={onKeydown}

packages/presentation/src/components/ObjectPopup.svelte

@@ -43,7 +43,7 @@
   export let selectedObjects: Ref<Doc>[] = []
   export let ignoreObjects: Ref<Doc>[] = []
   export let shadows: boolean = true
-  export let width: 'medium' | 'large' | 'full' | 'auto' = 'medium'
+  export let width: 'medium' | 'large' | 'full' | 'auto' | 'resizable' = 'medium'
   export let size: 'small' | 'medium' | 'large' = 'large'
 
   export let searchMode: 'field' | 'fulltext' | 'disabled' | 'spotlight' = 'field'

packages/presentation/src/sound.ts

@@ -4,7 +4,12 @@ import { getClient } from '.'
 import notification from '@hcengineering/notification'
 
 const sounds = new Map<Asset, AudioBuffer>()
-const context = new AudioContext()
+let context: AudioContext | undefined
+
+function getAudioContext (): AudioContext {
+  context ??= new AudioContext()
+  return context
+}
 
 export async function isNotificationAllowed (_class?: Ref<Class<Doc>>): Promise<boolean> {
   if (_class === undefined) return false
@@ -24,7 +29,7 @@ export async function prepareSound (key: string): Promise<void> {
     const soundUrl = getMetadata(key as Asset) as string
     const rawAudio = await fetch(soundUrl)
     const rawBuffer = await rawAudio.arrayBuffer()
-    const decodedBuffer = await context.decodeAudioData(rawBuffer)
+    const decodedBuffer = await getAudioContext().decodeAudioData(rawBuffer)
 
     sounds.set(key as Asset, decodedBuffer)
   } catch (err) {
@@ -46,6 +51,10 @@ export async function playSound (soundKey: string, loop = false): Promise<(() =>
   }
 
   try {
+    const context = getAudioContext()
+    if (context.state === 'suspended') {
+      await context.resume()
+    }
     const audio = context.createBufferSource()
     audio.buffer = sound
     audio.loop = loop

packages/theme/styles/popups.scss

@@ -168,7 +168,17 @@
     width: 100%;
     max-width: 100%;
   }
-
+  &.width-resizable {
+    width: 48rem;
+    max-width: min(96vw, 80rem);
+    min-width: 28rem;
+    height: 36rem;
+    max-height: min(96vh, 60rem);
+    min-height: 16rem;
+    resize: both;
+    overflow: hidden;
+  }
+
   &.maxHeight { height: 22rem; }
   &.autoHeight {
     max-height: calc(100vh - 2rem);

plugins/love-resources/src/utils.ts

@@ -296,6 +296,10 @@ async function checkRecordAvailable (): Promise<void> {
       }, 500)
     } else if (endpoint !== '') {
       const res = await fetch(concatLink(endpoint, '/checkRecordAvailable'))
+      if (!res.ok || !(res.headers.get('content-type')?.includes('application/json') ?? false)) {
+        isRecordingAvailable.set(false)
+        return
+      }
       const result = await res.json()
       isRecordingAvailable.set(result)
     } else {

plugins/notification-resources/src/utils.ts

@@ -66,7 +66,6 @@ import { getObjectLinkId, parseLinkId } from '@hcengineering/view-resources'
 import type { LocationData } from '@hcengineering/workbench'
 import { get, writable } from 'svelte/store'
 
-import { isDesktopClient } from './desktop'
 import { InboxNotificationsClientImpl } from './inboxNotificationsClient'
 import { type InboxData, type InboxNotificationsFilter } from './types'
 
@@ -690,10 +689,6 @@ export const pushAllowed = writable<boolean>(false)
 
 export async function checkPermission (value: boolean): Promise<boolean> {
   if (!value) return true
-  if (isDesktopClient()) {
-    pushAllowed.set(false)
-    return false
-  }
   if ('serviceWorker' in navigator && 'PushManager' in window) {
     try {
       const loc = getCurrentLocation()
@@ -730,25 +725,20 @@ function addWorkerListener (): void {
 }
 
 export function pushAvailable (): boolean {
-  if (isDesktopClient()) return false
-  const publicKey = getPushPublicKey()
+  const publicKey = getMetadata(notification.metadata.PushPublicKey)
   return (
     'serviceWorker' in navigator &&
     'PushManager' in window &&
-    publicKey !== undefined &&
+    isValidPushPublicKey(publicKey) &&
     'Notification' in window &&
     Notification.permission !== 'denied'
   )
 }
 
 export async function subscribePush (): Promise<boolean> {
-  if (isDesktopClient()) {
-    pushAllowed.set(false)
-    return false
-  }
   const client = getClient()
-  const publicKey = getPushPublicKey()
-  if ('serviceWorker' in navigator && 'PushManager' in window && publicKey !== undefined) {
+  const publicKey = getMetadata(notification.metadata.PushPublicKey)
+  if ('serviceWorker' in navigator && 'PushManager' in window && isValidPushPublicKey(publicKey)) {
     try {
       const loc = getCurrentLocation()
       let registration = await navigator.serviceWorker.getRegistration(`/${loc.path[0]}/${loc.path[1]}`)
@@ -763,7 +753,7 @@ export async function subscribePush (): Promise<boolean> {
       if (current == null) {
         const subscription = await registration.pushManager.subscribe({
           userVisibleOnly: true,
-          applicationServerKey: publicKey
+          applicationServerKey: urlBase64ToUint8Array(publicKey)
         })
         await client.createDoc(notification.class.PushSubscription, core.space.Workspace, {
           user: getCurrentAccount().uuid,
@@ -802,10 +792,28 @@ export async function subscribePush (): Promise<boolean> {
   return false
 }
 
-function getPushPublicKey (): string | undefined {
-  const publicKey = getMetadata(notification.metadata.PushPublicKey)
-  if (publicKey === undefined) return undefined
-  return publicKey.trim() !== '' ? publicKey : undefined
+function isValidPushPublicKey (publicKey: string | undefined): publicKey is string {
+  if (publicKey === undefined || publicKey.trim() === '') return false
+
+  try {
+    const key = urlBase64ToUint8Array(publicKey)
+    return key.length === 65 && key[0] === 4
+  } catch {
+    return false
+  }
+}
+
+function urlBase64ToUint8Array (value: string): Uint8Array<ArrayBuffer> {
+  const padding = '='.repeat((4 - (value.length % 4)) % 4)
+  const base64 = `${value}${padding}`.replace(/-/g, '+').replace(/_/g, '/')
+  const rawData = atob(base64)
+  const outputArray = new Uint8Array(new ArrayBuffer(rawData.length))
+
+  for (let i = 0; i < rawData.length; ++i) {
+    outputArray[i] = rawData.charCodeAt(i)
+  }
+
+  return outputArray
 }
 
 async function cleanTag (_id: Ref<Doc>): Promise<void> {

plugins/tracker-assets/lang/cs.json

@@ -283,7 +283,26 @@
     "UnsetParentIssue": "Odebrat nadřazený úkol",
     "ForbidCreateProjectPermission": "Zakázat vytvoření projektu",
     "ForbidCreateProjectPermissionDescription": "Zakazuje uživatelům vytvářet nové projekty",
-    "AllowCreatingIssues": "Povolit vytváření úkolů"
+    "AllowCreatingIssues": "Povolit vytváření úkolů",
+    "Day": "Day",
+    "Week": "Week",
+    "Month": "Month",
+    "Quarter": "Quarter",
+    "Gantt": "Gantt",
+    "GanttShowIssueCode": "Show issue code",
+    "GanttShowTitle": "Show title",
+    "GanttShowStatus": "Show status",
+    "GanttToday": "Today",
+    "GanttJumpToStart": "Jump to start",
+    "GanttJumpToEnd": "Jump to end",
+    "GanttJumpToDate": "Jump to date",
+    "GanttPreviousPeriod": "Previous period",
+    "GanttNextPeriod": "Next period",
+    "GanttScrollLeftToBar": "Scroll left to bar",
+    "GanttScrollRightToBar": "Scroll right to bar",
+    "GanttExpand": "Expand",
+    "GanttCollapse": "Collapse"
+
   },
   "status": {}
 }