Fix/css variables and improve Safari compatibility for iOS < 16.4

frontend/components/ui/sidebar.tsx

@@ -480,7 +480,7 @@ const sidebarMenuButtonVariants = cva(
         variant: {
           default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
           outline:
-          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',
+          'bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]',
         },
         size: {
           default: 'h-8 text-sm',

frontend/components/ui/sonner.tsx

@@ -27,16 +27,16 @@ const Toaster = ({...props}: ToasterProps) => {
           '--normal-border': 'var(--border)',
           '--success-bg': 'var(--popover)',
           '--success-text': 'var(--popover-foreground)',
-          '--success-border': 'hsl(var(--border))',
+          '--success-border': 'var(--border)',
           '--error-bg': 'var(--popover)',
           '--error-text': 'var(--popover-foreground)',
-          '--error-border': 'hsl(var(--border))',
+          '--error-border': 'var(--border)',
           '--warning-bg': 'var(--popover)',
           '--warning-text': 'var(--popover-foreground)',
-          '--warning-border': 'hsl(var(--border))',
+          '--warning-border': 'var(--border)',
           '--info-bg': 'var(--popover)',
           '--info-text': 'var(--popover-foreground)',
-          '--info-border': 'hsl(var(--border))',
+          '--info-border': 'var(--border)',
         } as React.CSSProperties
       }
       {...props}

frontend/package.json

@@ -79,5 +79,10 @@
     "tw-animate-css": "^1.3.2",
     "typescript": "^5"
   },
-  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
+  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39",
+  "pnpm": {
+    "patchedDependencies": {
+      "mdast-util-gfm-autolink-literal@2.0.1": "patches/mdast-util-gfm-autolink-literal@2.0.1.patch"
+    }
+  }
 }

frontend/patches/mdast-util-gfm-autolink-literal@2.0.1.patch

@@ -0,0 +1,14 @@
+diff --git a/lib/index.js b/lib/index.js
+index c5ca771c24dd914e342f791716a822431ee32b3a..4ae12aa2a6af0436f6c2dbb43ce00face6781479 100644
+--- a/lib/index.js
++++ b/lib/index.js
+@@ -132,7 +132,8 @@ function transformGfmAutolinkLiterals(tree) {
+     tree,
+     [
+       [/(https?:\/\/|www(?=\.))([-.\w]+)([^ \t\r\n]*)/gi, findUrl],
+-      [/(?<=^|\s|\p{P}|\p{S})([-.\w+]+)@([-\w]+(?:\.[-\w]+)+)/gu, findEmail]
++      // Replaced lookbehind (?<=...) with non-capturing group (2.0.0) for iOS Safari compatibility
++      [/([-.\w+]+)@([-\w]+(?:\.[-\w]+)+)/g, findEmail]
+     ],
+     {ignore: ['link', 'linkReference']}
+   )