From f959e4fa5b4171a2883d7bbec48797f27bca44d7 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Tue, 20 May 2025 12:19:06 +0300
Subject: [PATCH 1/8] fix: examples on the cards

---
 backend/app/modules/fields/crud.py                 |  8 +++++---
 .../modules/events/components/EventDetailsCard.vue |  2 +-
 .../modules/events/composables/useEventExample.ts  |  2 +-
 frontend/src/shared/components/JsonPreview.vue     |  1 +
 .../components/layout/DetailsCardAttribute.vue     | 14 +++++++++-----
 5 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/backend/app/modules/fields/crud.py b/backend/app/modules/fields/crud.py
index 3d9ba7b..ea3a4f6 100644
--- a/backend/app/modules/fields/crud.py
+++ b/backend/app/modules/fields/crud.py
@@ -1,6 +1,8 @@
 from sqlalchemy import func
 from sqlalchemy.orm import Session
 
+from app.shared.models import EventField
+
 from . import models, schemas
 
 
@@ -38,7 +40,7 @@ def delete_field(db: Session, field_id: int):
     db_field = db.query(models.Field).filter(models.Field.id == field_id).first()
     if db_field:
         db.query(models.EventField).filter(
-            models.EventField.field_id == field_id
+            EventField.field_id == field_id
         ).delete()
         db.delete(db_field)
         db.commit()
@@ -48,8 +50,8 @@ def delete_field(db: Session, field_id: int):
 
 def get_field_event_count(db: Session, field_id: int):
     return (
-        db.query(func.count(models.EventField.event_id))
-        .filter(models.EventField.field_id == field_id)
+        db.query(func.count(EventField.event_id))
+        .filter(EventField.field_id == field_id)
         .scalar()
     )
 
diff --git a/frontend/src/modules/events/components/EventDetailsCard.vue b/frontend/src/modules/events/components/EventDetailsCard.vue
index 651389c..34fcc33 100644
--- a/frontend/src/modules/events/components/EventDetailsCard.vue
+++ b/frontend/src/modules/events/components/EventDetailsCard.vue
@@ -75,7 +75,7 @@ const columns = getEventFieldsColumns()
         </DetailsCardAttribute>
 
         <!-- Example -->
-        <DetailsCardAttribute icon="radix-icons:file-text" label="Example">
+        <DetailsCardAttribute class="hidden sm:inline-flex" icon="radix-icons:file-text" label="Example">
           <template #value>
             <JsonPreview :value="eventExample" />
           </template>
diff --git a/frontend/src/modules/events/composables/useEventExample.ts b/frontend/src/modules/events/composables/useEventExample.ts
index 8e26e3e..eb63bae 100644
--- a/frontend/src/modules/events/composables/useEventExample.ts
+++ b/frontend/src/modules/events/composables/useEventExample.ts
@@ -7,7 +7,7 @@ const fallbackExamples: Record<FieldType, JsonValue> = {
   [FieldType.STRING]: '',
   [FieldType.INTEGER]: 0,
   [FieldType.NUMBER]: 0.0,
-  [FieldType.BOOLEAN]: false,
+  [FieldType.BOOLEAN]: true,
   [FieldType.ARRAY]: [],
   [FieldType.OBJECT]: {},
 }
diff --git a/frontend/src/shared/components/JsonPreview.vue b/frontend/src/shared/components/JsonPreview.vue
index 27f41e3..c7e27fb 100644
--- a/frontend/src/shared/components/JsonPreview.vue
+++ b/frontend/src/shared/components/JsonPreview.vue
@@ -13,6 +13,7 @@ const props = defineProps<{
 
 function getJsonPreview(value: JsonValue, maxKeys = 2): string {
   if (value === null) return 'null'
+  if (typeof value === 'number') return JSON.stringify(value.toFixed(1))
   if (typeof value !== 'object') return JSON.stringify(value)
   if (Array.isArray(value)) {
     const preview = value
diff --git a/frontend/src/shared/components/layout/DetailsCardAttribute.vue b/frontend/src/shared/components/layout/DetailsCardAttribute.vue
index cb33497..cc49bdb 100644
--- a/frontend/src/shared/components/layout/DetailsCardAttribute.vue
+++ b/frontend/src/shared/components/layout/DetailsCardAttribute.vue
@@ -1,20 +1,24 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
+import { useAttrs } from 'vue'
+import { cn } from '@/shared/utils/general' // adjust path if needed
 
-defineProps<{
+const props = defineProps<{
   icon: string
   label: string
   value?: string
 }>()
+
+const attrs = useAttrs()
 </script>
 
 <template>
-  <div class="flex flex-wrap items-center gap-1">
+  <div :class="cn('flex flex-wrap items-center gap-1', attrs.class as string | undefined)" v-bind="attrs">
     <div class="flex items-center gap-1">
-      <Icon :icon="icon" class="h-4 w-4" />
-      <span>{{ label }}:</span>
+      <Icon :icon="props.icon" class="h-4 w-4" />
+      <span>{{ props.label }}:</span>
     </div>
-    <span v-if="value">{{ value }}</span>
+    <span v-if="props.value">{{ props.value }}</span>
     <slot name="value" />
   </div>
 </template>

From e4e80d4bfaa69ba22fd051d5846dad55b39668d8 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Tue, 20 May 2025 17:23:59 +0300
Subject: [PATCH 2/8] feat: event links in forms and cards

---
 backend/app/api/v1/routes/events.py           |  1 +
 backend/app/modules/events/crud.py            |  7 +-
 backend/app/modules/events/schemas.py         |  2 +
 backend/app/modules/fields/crud.py            |  4 +-
 backend/app/modules/tags/crud.py              |  4 +-
 .../events/components/EventDetailsCard.vue    | 19 +++-
 .../modules/events/components/EventForm.vue   | 20 +++++
 .../modules/events/components/EventLinks.vue  | 44 +++++++++
 .../events/components/EventLinksFormField.vue | 90 +++++++++++++++++++
 .../events/composables/useEventExample.ts     |  9 +-
 .../modules/events/validation/eventSchema.ts  | 30 +++++++
 .../src/shared/components/JsonPreview.vue     | 18 +++-
 .../layout/DetailsCardAttribute.vue           |  7 +-
 13 files changed, 237 insertions(+), 18 deletions(-)
 create mode 100644 frontend/src/modules/events/components/EventLinks.vue
 create mode 100644 frontend/src/modules/events/components/EventLinksFormField.vue

diff --git a/backend/app/api/v1/routes/events.py b/backend/app/api/v1/routes/events.py
index 3362aaa..a11cfa0 100644
--- a/backend/app/api/v1/routes/events.py
+++ b/backend/app/api/v1/routes/events.py
@@ -39,6 +39,7 @@ def create_event_route(event: EventCreate, db: Session = Depends(get_db)):
 @router.get(
     "/{event_id}",
     response_model=EventOut,
+    response_model_exclude_none=True,
     summary="Get event by ID",
     description="Return a single event by its ID. Includes tags and fields.",
     responses={
diff --git a/backend/app/modules/events/crud.py b/backend/app/modules/events/crud.py
index c453ec2..8e1de02 100644
--- a/backend/app/modules/events/crud.py
+++ b/backend/app/modules/events/crud.py
@@ -5,7 +5,11 @@
 
 
 def create_event(db: Session, event: schemas.EventCreate):
-    db_event = models.Event(name=event.name, description=event.description)
+    db_event = models.Event(
+        name=event.name,
+        description=event.description,
+        links=[link.model_dump() for link in event.links] if event.links else [],
+    )
     db.add(db_event)
     db.commit()
     db.refresh(db_event)
@@ -44,6 +48,7 @@ def update_event(db: Session, event_id: int, event: schemas.EventCreate):
 
     db_event.name = event.name
     db_event.description = event.description
+    db_event.links = [link.model_dump() for link in event.links] if event.links else []
 
     if event.tags is not None:
         db.query(models.EventTag).filter(
diff --git a/backend/app/modules/events/schemas.py b/backend/app/modules/events/schemas.py
index fbbf884..76d3da9 100644
--- a/backend/app/modules/events/schemas.py
+++ b/backend/app/modules/events/schemas.py
@@ -24,6 +24,8 @@ class EventLink(BaseModel):
     url: str
     label: Optional[str] = None
 
+    model_config = ConfigDict(exclude_none=False)
+
 
 class EventBase(BaseModel):
     name: str
diff --git a/backend/app/modules/fields/crud.py b/backend/app/modules/fields/crud.py
index ea3a4f6..fc1b687 100644
--- a/backend/app/modules/fields/crud.py
+++ b/backend/app/modules/fields/crud.py
@@ -39,9 +39,7 @@ def update_field(db: Session, field_id: int, field: schemas.FieldCreate):
 def delete_field(db: Session, field_id: int):
     db_field = db.query(models.Field).filter(models.Field.id == field_id).first()
     if db_field:
-        db.query(models.EventField).filter(
-            EventField.field_id == field_id
-        ).delete()
+        db.query(EventField).filter(EventField.field_id == field_id).delete()
         db.delete(db_field)
         db.commit()
         return db_field
diff --git a/backend/app/modules/tags/crud.py b/backend/app/modules/tags/crud.py
index 44f2c12..1c56d77 100644
--- a/backend/app/modules/tags/crud.py
+++ b/backend/app/modules/tags/crud.py
@@ -1,5 +1,7 @@
 from sqlalchemy.orm import Session
 
+from app.shared.models import EventTag
+
 from . import models, schemas
 
 
@@ -34,7 +36,7 @@ def update_tag(db: Session, tag_id: str, tag: schemas.TagCreate):
 def delete_tag(db: Session, tag_id: str):
     db_tag = db.query(models.Tag).filter(models.Tag.id == tag_id).first()
     if db_tag:
-        db.query(models.EventTag).filter(models.EventTag.tag_id == tag_id).delete()
+        db.query(EventTag).filter(EventTag.tag_id == tag_id).delete()
         db.delete(db_tag)
         db.commit()
         return db_tag
diff --git a/frontend/src/modules/events/components/EventDetailsCard.vue b/frontend/src/modules/events/components/EventDetailsCard.vue
index 34fcc33..fd32dff 100644
--- a/frontend/src/modules/events/components/EventDetailsCard.vue
+++ b/frontend/src/modules/events/components/EventDetailsCard.vue
@@ -12,12 +12,13 @@ import DetailsCardAttribute from '@/shared/components/layout/DetailsCardAttribut
 import { getEventFieldsColumns } from '@/modules/events/components/eventFieldsColumns'
 import TagScrollArea from '@/modules/tags/components/TagScrollArea.vue'
 import { useEventExample } from '@/modules/events/composables/useEventExample'
+import EventLinks from '@/modules/events/components/EventLinks.vue'
 
 const props = defineProps<{
   event: Event
 }>()
 
-const eventExample = useEventExample(props.event)
+const eventExample = useEventExample(props.event.fields)
 
 const emit = defineEmits<{
   (e: 'edit'): void
@@ -61,7 +62,7 @@ const columns = getEventFieldsColumns()
         <!-- Tags -->
         <DetailsCardAttribute v-if="event.tags.length > 0" icon="ph:tag" label="Tags">
           <template #value>
-            <TagScrollArea class="max-w-lg">
+            <TagScrollArea class="-ml-2 max-w-lg">
               <Badge
                 v-for="tag in event.tags"
                 :key="tag.id"
@@ -75,11 +76,23 @@ const columns = getEventFieldsColumns()
         </DetailsCardAttribute>
 
         <!-- Example -->
-        <DetailsCardAttribute class="hidden sm:inline-flex" icon="radix-icons:file-text" label="Example">
+        <DetailsCardAttribute class="hidden sm:flex" icon="radix-icons:file-text" label="Example">
           <template #value>
             <JsonPreview :value="eventExample" />
           </template>
         </DetailsCardAttribute>
+
+        <!-- Links -->
+        <DetailsCardAttribute
+          v-if="event.links"
+          class="hidden sm:flex"
+          icon="radix-icons:link-2"
+          label="Links"
+        >
+          <template #value>
+            <EventLinks v-if="event.links" :links="event.links" />
+          </template>
+        </DetailsCardAttribute>
       </template>
 
       <template #content>
diff --git a/frontend/src/modules/events/components/EventForm.vue b/frontend/src/modules/events/components/EventForm.vue
index c118ca1..bc75b95 100644
--- a/frontend/src/modules/events/components/EventForm.vue
+++ b/frontend/src/modules/events/components/EventForm.vue
@@ -36,6 +36,7 @@ import { computed, ref, watchEffect } from 'vue'
 import { eventSchema, type EventFormValues } from '@/modules/events/validation/eventSchema'
 import Skeleton from '@/shared/ui/skeleton/Skeleton.vue'
 import LinkedFieldsSelector from '@/modules/fields/components/LinkedFieldsSelector.vue'
+import EventLinksFormField from '@/modules/events/components/EventLinksFormField.vue'
 
 const props = defineProps<{
   event?: Event
@@ -71,6 +72,11 @@ watchEffect(() => {
       description: props.event.description ?? '',
       fields: props.event.fields?.map(f => f.id) ?? [],
       tags: props.event.tags?.map(t => t.id) ?? [],
+      links:
+        props.event.links?.map(link => ({
+          ...link,
+          label: link.label ?? '',
+        })) ?? [],
     })
   }
 })
@@ -240,6 +246,20 @@ function removeTag(tagId: string) {
       </FormItem>
     </FormField>
 
+    <!-- Links -->
+    <FormField name="links" v-slot="{ componentField }">
+      <FormItem>
+        <FormLabel>External Links</FormLabel>
+        <FormControl>
+          <EventLinksFormField
+            :model-value="componentField.modelValue"
+            @update:model-value="componentField.onChange"
+          />
+        </FormControl>
+        <FormMessage />
+      </FormItem>
+    </FormField>
+
     <div class="flex justify-end">
       <Button type="submit" :disabled="isLoading">
         {{ buttonText || 'Create Event' }}
diff --git a/frontend/src/modules/events/components/EventLinks.vue b/frontend/src/modules/events/components/EventLinks.vue
new file mode 100644
index 0000000..5aee771
--- /dev/null
+++ b/frontend/src/modules/events/components/EventLinks.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import type { EventLink } from '@/modules/events/types'
+import { Icon } from '@iconify/vue'
+
+defineProps<{
+  links: EventLink[]
+}>()
+
+const iconMap: Record<string, string> = {
+  figma: 'simple-icons:figma',
+  miro: 'simple-icons:miro',
+  confluence: 'simple-icons:confluence',
+  notion: 'simple-icons:notion',
+  loom: 'simple-icons:loom',
+  slack: 'simple-icons:slack',
+  google: 'simple-icons:google',
+  other: 'radix-icons:external-link',
+}
+
+function getLabel(link: EventLink): string {
+  if (link.label) return link.label
+  try {
+    return new URL(link.url).hostname
+  } catch {
+    return link.url
+  }
+}
+</script>
+
+<template>
+  <div class="flex flex-wrap items-center gap-3">
+    <template v-for="(link, i) in links" :key="i">
+      <a
+        :href="link.url"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="hover:text-primary flex items-center gap-1 underline underline-offset-2 transition"
+      >
+        <Icon :icon="iconMap[link.type]" class="h-4 w-4" />
+        <span>{{ getLabel(link) }}</span>
+      </a>
+    </template>
+  </div>
+</template>
diff --git a/frontend/src/modules/events/components/EventLinksFormField.vue b/frontend/src/modules/events/components/EventLinksFormField.vue
new file mode 100644
index 0000000..12c95e8
--- /dev/null
+++ b/frontend/src/modules/events/components/EventLinksFormField.vue
@@ -0,0 +1,90 @@
+<script setup lang="ts">
+import { Input } from '@/shared/ui/input'
+import { Button } from '@/shared/ui/button'
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/shared/ui/select'
+import { EventLinkType, type EventLink } from '@/modules/events/types'
+import { Icon } from '@iconify/vue'
+
+const props = defineProps<{
+  modelValue: EventLink[]
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', val: EventLink[]): void
+}>()
+
+function update(index: number, patch: Partial<EventLink>) {
+  const updated = [...props.modelValue]
+  updated[index] = { ...updated[index], ...patch }
+  emit('update:modelValue', updated)
+}
+
+function addLink() {
+  emit('update:modelValue', [
+    ...props.modelValue,
+    { type: EventLinkType.Other, url: '', label: '' },
+  ])
+}
+
+function removeLink(index: number) {
+  const updated = [...props.modelValue]
+  updated.splice(index, 1)
+  emit('update:modelValue', updated)
+}
+</script>
+
+<template>
+  <div class="space-y-2">
+    <div
+      v-for="(link, i) in modelValue"
+      :key="i"
+      class="grid grid-cols-[auto_1fr_1fr_auto] items-center gap-2"
+    >
+      <!-- Link Type -->
+      <Select
+        :model-value="link.type"
+        @update:model-value="val => update(i, { type: val as EventLinkType })"
+      >
+        <SelectTrigger class="w-[90px]">
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem v-for="type in Object.values(EventLinkType)" :key="type" :value="type">
+            {{ type }}
+          </SelectItem>
+        </SelectContent>
+      </Select>
+
+      <!-- URL -->
+      <Input
+        type="url"
+        placeholder="https://..."
+        :model-value="link.url"
+        @update:model-value="val => update(i, { url: String(val) })"
+      />
+
+      <!-- Label -->
+      <Input
+        placeholder="Label (optional)"
+        :model-value="link.label"
+        @update:model-value="val => update(i, { label: String(val) })"
+      />
+
+      <!-- Remove -->
+      <Button
+        type="button"
+        size="icon"
+        variant="ghost"
+        class="text-muted-foreground"
+        @click="removeLink(i)"
+      >
+        <Icon icon="radix-icons:cross-2" class="h-4 w-4" />
+      </Button>
+    </div>
+
+    <Button type="button" variant="outline" size="sm" @click="addLink">
+      <Icon icon="radix-icons:plus" class="mr-1 h-4 w-4" />
+      Add link
+    </Button>
+  </div>
+</template>
diff --git a/frontend/src/modules/events/composables/useEventExample.ts b/frontend/src/modules/events/composables/useEventExample.ts
index eb63bae..350d354 100644
--- a/frontend/src/modules/events/composables/useEventExample.ts
+++ b/frontend/src/modules/events/composables/useEventExample.ts
@@ -1,5 +1,4 @@
-import type { Event } from '@/modules/events/types'
-import type { JsonValue } from '@/modules/fields/types'
+import type { Field, JsonValue } from '@/modules/fields/types'
 import { FieldType } from '@/modules/fields/types'
 import { computed } from 'vue'
 
@@ -12,14 +11,12 @@ const fallbackExamples: Record<FieldType, JsonValue> = {
   [FieldType.OBJECT]: {},
 }
 
-export function useEventExample(event: Event) {
+export function useEventExample(fields: Field[]) {
   return computed(() => {
     const example: Record<string, JsonValue> = {}
-
-    for (const field of event.fields) {
+    for (const field of fields) {
       example[field.name] = field.example ?? fallbackExamples[field.field_type]
     }
-
     return example
   })
 }
diff --git a/frontend/src/modules/events/validation/eventSchema.ts b/frontend/src/modules/events/validation/eventSchema.ts
index 771c89b..190746a 100644
--- a/frontend/src/modules/events/validation/eventSchema.ts
+++ b/frontend/src/modules/events/validation/eventSchema.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod'
+import { EventLinkType } from '../types'
 
 export const eventSchema = z.object({
   name: z
@@ -15,6 +16,35 @@ export const eventSchema = z.object({
   fields: z.array(z.number()).optional().default([]),
 
   tags: z.array(z.string()).optional().default([]),
+
+  links: z
+    .array(
+      z.object({
+        type: z.nativeEnum(EventLinkType),
+        url: z.string(),
+        label: z.string().optional().nullable(),
+      })
+    )
+    .superRefine((links, ctx) => {
+      links.forEach((link, index) => {
+        if (!link.url || link.url.trim() === '') {
+          // skip: allow temporarily empty on creation
+          return
+        }
+
+        try {
+          new URL(link.url)
+        } catch {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: 'Must be a valid URL',
+            path: [index, 'url'],
+          })
+        }
+      })
+    })
+    .optional()
+    .default([]),
 })
 
 export type EventFormValues = z.infer<typeof eventSchema>
diff --git a/frontend/src/shared/components/JsonPreview.vue b/frontend/src/shared/components/JsonPreview.vue
index c7e27fb..92692c0 100644
--- a/frontend/src/shared/components/JsonPreview.vue
+++ b/frontend/src/shared/components/JsonPreview.vue
@@ -9,12 +9,21 @@ import type { JsonValue } from '@/modules/fields/types'
 const props = defineProps<{
   value: JsonValue
   maxKeys?: number
+  maxChars?: number
 }>()
 
+const maxChars = computed(() => props.maxChars ?? 60)
+
 function getJsonPreview(value: JsonValue, maxKeys = 2): string {
   if (value === null) return 'null'
-  if (typeof value === 'number') return JSON.stringify(value.toFixed(1))
+
+  if (typeof value === 'number') {
+    const rounded = Number.isInteger(value) ? value : Math.round(value * 10) / 10
+    return JSON.stringify(rounded)
+  }
+
   if (typeof value !== 'object') return JSON.stringify(value)
+
   if (Array.isArray(value)) {
     const preview = value
       .slice(0, maxKeys)
@@ -38,6 +47,11 @@ function getJsonPreview(value: JsonValue, maxKeys = 2): string {
 }
 
 const shortPreview = computed(() => getJsonPreview(props.value, props.maxKeys))
+const truncatedPreview = computed(() => {
+  const raw = shortPreview.value
+  return raw.length > maxChars.value ? raw.slice(0, maxChars.value - 1) + '...' : raw
+})
+
 const prettyJson = computed(() => JSON.stringify(props.value, null, 2))
 const isShort = computed(() => shortPreview.value === prettyJson.value)
 
@@ -58,7 +72,7 @@ const handleCopyJson = async () => {
   <TooltipProvider :delay-duration="200">
     <Tooltip>
       <TooltipTrigger>
-        <div class="font-mono">{{ shortPreview }}</div>
+        <div class="font-mono">{{ truncatedPreview }}</div>
       </TooltipTrigger>
       <TooltipContent
         v-if="!isShort"
diff --git a/frontend/src/shared/components/layout/DetailsCardAttribute.vue b/frontend/src/shared/components/layout/DetailsCardAttribute.vue
index cc49bdb..fa9e5d9 100644
--- a/frontend/src/shared/components/layout/DetailsCardAttribute.vue
+++ b/frontend/src/shared/components/layout/DetailsCardAttribute.vue
@@ -13,8 +13,11 @@ const attrs = useAttrs()
 </script>
 
 <template>
-  <div :class="cn('flex flex-wrap items-center gap-1', attrs.class as string | undefined)" v-bind="attrs">
-    <div class="flex items-center gap-1">
+  <div
+    :class="cn('flex flex-wrap items-center gap-1', attrs.class as string | undefined)"
+    v-bind="attrs"
+  >
+    <div class="mr-2 flex items-center gap-1">
       <Icon :icon="props.icon" class="h-4 w-4" />
       <span>{{ props.label }}:</span>
     </div>

From bc8c74ad70dd3bc09b1e05c294ff98b7a6300374 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Tue, 20 May 2025 17:51:20 +0300
Subject: [PATCH 3/8] fix: icons

---
 backend/app/modules/events/schemas.py                 | 1 +
 frontend/src/modules/events/components/EventLinks.vue | 3 ++-
 frontend/src/modules/events/types.ts                  | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/backend/app/modules/events/schemas.py b/backend/app/modules/events/schemas.py
index 76d3da9..43b88c8 100644
--- a/backend/app/modules/events/schemas.py
+++ b/backend/app/modules/events/schemas.py
@@ -12,6 +12,7 @@ class LinkType(str, Enum):
     figma = "figma"
     miro = "miro"
     confluence = "confluence"
+    jira = "jira"
     notion = "notion"
     loom = "loom"
     slack = "slack"
diff --git a/frontend/src/modules/events/components/EventLinks.vue b/frontend/src/modules/events/components/EventLinks.vue
index 5aee771..b327c0c 100644
--- a/frontend/src/modules/events/components/EventLinks.vue
+++ b/frontend/src/modules/events/components/EventLinks.vue
@@ -10,10 +10,11 @@ const iconMap: Record<string, string> = {
   figma: 'simple-icons:figma',
   miro: 'simple-icons:miro',
   confluence: 'simple-icons:confluence',
+  jira: 'simple-icons:jira',
   notion: 'simple-icons:notion',
   loom: 'simple-icons:loom',
   slack: 'simple-icons:slack',
-  google: 'simple-icons:google',
+  google: 'simple-icons:googledrive',
   other: 'radix-icons:external-link',
 }
 
diff --git a/frontend/src/modules/events/types.ts b/frontend/src/modules/events/types.ts
index eaa281f..91f1c7b 100644
--- a/frontend/src/modules/events/types.ts
+++ b/frontend/src/modules/events/types.ts
@@ -5,6 +5,7 @@ export enum EventLinkType {
   Figma = 'figma',
   Miro = 'miro',
   Confluence = 'confluence',
+  Jira = 'jira',
   Notion = 'notion',
   Loom = 'loom',
   Slack = 'slack',

From 68cebcd815f3cfa596b987c2d59a1f6c05a37b27 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 13:33:40 +0300
Subject: [PATCH 4/8] fix: hide links section if links are empty

---
 frontend/src/modules/events/components/EventDetailsCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/modules/events/components/EventDetailsCard.vue b/frontend/src/modules/events/components/EventDetailsCard.vue
index fd32dff..7b0606f 100644
--- a/frontend/src/modules/events/components/EventDetailsCard.vue
+++ b/frontend/src/modules/events/components/EventDetailsCard.vue
@@ -84,13 +84,13 @@ const columns = getEventFieldsColumns()
 
         <!-- Links -->
         <DetailsCardAttribute
-          v-if="event.links"
+          v-if="event.links && event.links.length > 0"
           class="hidden sm:flex"
           icon="radix-icons:link-2"
           label="Links"
         >
           <template #value>
-            <EventLinks v-if="event.links" :links="event.links" />
+            <EventLinks :links="event.links" />
           </template>
         </DetailsCardAttribute>
       </template>

From 920a02e70aea0e748902c6441c1816a40021a798 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 13:35:08 +0300
Subject: [PATCH 5/8] fix: unified cross button appearance

---
 .../src/modules/events/components/EventLinksFormField.vue    | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/modules/events/components/EventLinksFormField.vue b/frontend/src/modules/events/components/EventLinksFormField.vue
index 12c95e8..f02d41d 100644
--- a/frontend/src/modules/events/components/EventLinksFormField.vue
+++ b/frontend/src/modules/events/components/EventLinksFormField.vue
@@ -72,10 +72,9 @@ function removeLink(index: number) {
 
       <!-- Remove -->
       <Button
-        type="button"
-        size="icon"
         variant="ghost"
-        class="text-muted-foreground"
+        size="icon"
+        class="text-muted-foreground hover:text-destructive h-8 w-8 shrink-0"
         @click="removeLink(i)"
       >
         <Icon icon="radix-icons:cross-2" class="h-4 w-4" />

From 3e7f32349d2210309e82b372fff82b44061802ee Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 14:05:23 +0300
Subject: [PATCH 6/8] fix: links form field improvements

---
 .../modules/events/components/EventEditModal.vue  |  2 +-
 .../events/components/EventLinksFormField.vue     |  1 +
 .../src/modules/events/validation/eventSchema.ts  | 15 +++++++++------
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/modules/events/components/EventEditModal.vue b/frontend/src/modules/events/components/EventEditModal.vue
index eafbd07..59baaa3 100644
--- a/frontend/src/modules/events/components/EventEditModal.vue
+++ b/frontend/src/modules/events/components/EventEditModal.vue
@@ -42,7 +42,7 @@ onMounted(() => {
 
 <template>
   <Dialog :open="open" @update:open="onClose">
-    <DialogContent>
+    <DialogContent class="max-h-[80vh] overflow-y-auto">
       <DialogHeader>
         <DialogTitle>Edit Event</DialogTitle>
         <DialogDescription v-if="description">
diff --git a/frontend/src/modules/events/components/EventLinksFormField.vue b/frontend/src/modules/events/components/EventLinksFormField.vue
index f02d41d..6c16344 100644
--- a/frontend/src/modules/events/components/EventLinksFormField.vue
+++ b/frontend/src/modules/events/components/EventLinksFormField.vue
@@ -72,6 +72,7 @@ function removeLink(index: number) {
 
       <!-- Remove -->
       <Button
+        type="button"
         variant="ghost"
         size="icon"
         class="text-muted-foreground hover:text-destructive h-8 w-8 shrink-0"
diff --git a/frontend/src/modules/events/validation/eventSchema.ts b/frontend/src/modules/events/validation/eventSchema.ts
index 190746a..98cbe2e 100644
--- a/frontend/src/modules/events/validation/eventSchema.ts
+++ b/frontend/src/modules/events/validation/eventSchema.ts
@@ -1,6 +1,12 @@
 import { z } from 'zod'
 import { EventLinkType } from '../types'
 
+const linkSchema = z.object({
+  type: z.nativeEnum(EventLinkType),
+  url: z.string(),
+  label: z.string().optional().nullable(),
+})
+
 export const eventSchema = z.object({
   name: z
     .string()
@@ -18,12 +24,9 @@ export const eventSchema = z.object({
   tags: z.array(z.string()).optional().default([]),
 
   links: z
-    .array(
-      z.object({
-        type: z.nativeEnum(EventLinkType),
-        url: z.string(),
-        label: z.string().optional().nullable(),
-      })
+    .array(linkSchema)
+    .transform(links =>
+      links.filter(link => link.url.trim() !== '') // 👈 remove empty links
     )
     .superRefine((links, ctx) => {
       links.forEach((link, index) => {

From df791d13a5ec30342c9733b6cfc09353cde6242f Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 14:11:14 +0300
Subject: [PATCH 7/8] fix

---
 frontend/src/modules/events/components/EventLinks.vue | 2 ++
 frontend/src/modules/events/validation/eventSchema.ts | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/modules/events/components/EventLinks.vue b/frontend/src/modules/events/components/EventLinks.vue
index b327c0c..6729705 100644
--- a/frontend/src/modules/events/components/EventLinks.vue
+++ b/frontend/src/modules/events/components/EventLinks.vue
@@ -30,12 +30,14 @@ function getLabel(link: EventLink): string {
 
 <template>
   <div class="flex flex-wrap items-center gap-3">
+    <!-- eslint-disable-next-line @typescript-eslint/no-unused-vars -->
     <template v-for="(link, i) in links" :key="i">
       <a
         :href="link.url"
         target="_blank"
         rel="noopener noreferrer"
         class="hover:text-primary flex items-center gap-1 underline underline-offset-2 transition"
+        :id="`event-link-${i}`"
       >
         <Icon :icon="iconMap[link.type]" class="h-4 w-4" />
         <span>{{ getLabel(link) }}</span>
diff --git a/frontend/src/modules/events/validation/eventSchema.ts b/frontend/src/modules/events/validation/eventSchema.ts
index 98cbe2e..3f8fd2d 100644
--- a/frontend/src/modules/events/validation/eventSchema.ts
+++ b/frontend/src/modules/events/validation/eventSchema.ts
@@ -25,8 +25,8 @@ export const eventSchema = z.object({
 
   links: z
     .array(linkSchema)
-    .transform(links =>
-      links.filter(link => link.url.trim() !== '') // 👈 remove empty links
+    .transform(
+      links => links.filter(link => link.url.trim() !== '') // 👈 remove empty links
     )
     .superRefine((links, ctx) => {
       links.forEach((link, index) => {

From 784c857a9e8f1d3e4664701a6049f2fe9cb0ee79 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Wed, 21 May 2025 14:14:43 +0300
Subject: [PATCH 8/8] fix

---
 frontend/src/modules/events/validation/eventSchema.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/modules/events/validation/eventSchema.ts b/frontend/src/modules/events/validation/eventSchema.ts
index 3f8fd2d..4288083 100644
--- a/frontend/src/modules/events/validation/eventSchema.ts
+++ b/frontend/src/modules/events/validation/eventSchema.ts
@@ -25,9 +25,7 @@ export const eventSchema = z.object({
 
   links: z
     .array(linkSchema)
-    .transform(
-      links => links.filter(link => link.url.trim() !== '') // 👈 remove empty links
-    )
+    .transform(links => links.filter(link => link.url.trim() !== ''))
     .superRefine((links, ctx) => {
       links.forEach((link, index) => {
         if (!link.url || link.url.trim() === '') {