feat: add shiny borders to bug report button

Author: itstauq

.github/workflows/draft-release.yml

@@ -213,28 +213,28 @@ jobs:
             fi
           done
 
-  generate-release-notes:
-    name: Generate Release Notes
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0 # Fetch all history for all branches and tags
-          submodules: recursive
-
-      - name: Generate Release Notes
-        env:
-          OPENROUTER_API_KEY: ${{ secrets.OPENROUTER_API_KEY }}
-        run: |
-          set -xv
-
-          # Make the script executable
-          chmod +x ./scripts/generate-release-notes.sh
-
-          # Generate release notes and save to a file
-          ./scripts/generate-release-notes.sh > release_notes.md
-
-          # Update the release with the generated notes
-          gh release edit ${{ inputs.version }} --notes-file release_notes.md
+  # generate-release-notes:
+  #   name: Generate Release Notes
+  #   needs: build
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - name: Checkout repository
+  #       uses: actions/checkout@v4
+  #       with:
+  #         fetch-depth: 0 # Fetch all history for all branches and tags
+  #         submodules: recursive
+
+  #     - name: Generate Release Notes
+  #       env:
+  #         OPENROUTER_API_KEY: ${{ secrets.OPENROUTER_API_KEY }}
+  #       run: |
+  #         set -xv
+
+  #         # Make the script executable
+  #         chmod +x ./scripts/generate-release-notes.sh
+
+  #         # Generate release notes and save to a file
+  #         ./scripts/generate-release-notes.sh > release_notes.md
+
+  #         # Update the release with the generated notes
+  #         gh release edit ${{ inputs.version }} --notes-file release_notes.md

src-frontend/app/globals.css

@@ -185,3 +185,35 @@
     @apply bg-background text-foreground;
   }
 }
+
+/*
+  ---break---
+*/
+
+@theme inline {
+  --animate-shine: shine var(--duration) infinite linear;
+  @keyframes shine {
+    0% {
+      background-position: 0% 0%;
+    }
+    50% {
+      background-position: 100% 100%;
+    }
+    to {
+      background-position: 0% 0%;
+    }
+  }
+}
+
+/*
+  ---break---
+*/
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

src-frontend/components/magicui/shine-border.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+interface ShineBorderProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Width of the border in pixels
+   * @default 1
+   */
+  borderWidth?: number;
+  /**
+   * Duration of the animation in seconds
+   * @default 14
+   */
+  duration?: number;
+  /**
+   * Color of the border, can be a single color or an array of colors
+   * @default "#000000"
+   */
+  shineColor?: string | string[];
+}
+
+/**
+ * Shine Border
+ *
+ * An animated background border effect component with configurable properties.
+ */
+export function ShineBorder({
+  borderWidth = 1,
+  duration = 14,
+  shineColor = "#000000",
+  className,
+  style,
+  ...props
+}: ShineBorderProps) {
+  return (
+    <div
+      style={
+        {
+          "--border-width": `${borderWidth}px`,
+          "--duration": `${duration}s`,
+          backgroundImage: `radial-gradient(transparent,transparent, ${
+            Array.isArray(shineColor) ? shineColor.join(",") : shineColor
+          },transparent,transparent)`,
+          backgroundSize: "300% 300%",
+          mask: `linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,
+          WebkitMask: `linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,
+          WebkitMaskComposite: "xor",
+          maskComposite: "exclude",
+          padding: "var(--border-width)",
+          ...style,
+        } as React.CSSProperties
+      }
+      className={cn(
+        "motion-safe:animate-shine pointer-events-none absolute inset-0 size-full rounded-[inherit] will-change-[background-position]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}

src-frontend/components/sidebar.tsx

@@ -34,7 +34,7 @@ import { useRouter, usePathname } from "next/navigation";
 import { LogoComponent } from "./logo/logo";
 import { useConnectionStore, useFileSystemStore } from "@/stores";
 import { BugReportDialog } from "./diagnostic/bug-report-dialog";
-import { AnimatePresence, motion } from "framer-motion";
+import { ShineBorder } from "@/components/magicui/shine-border";
 
 interface SidebarProps {
   closeSidebar: () => void;
@@ -358,23 +358,14 @@ export function Sidebar({ closeSidebar }: SidebarProps) {
             className="relative m-4"
             onClick={handleBugReportOpen}
           >
+            {!hasOpenedBugReport && (
+              <ShineBorder
+                shineColor={["#A07CFE", "#FE8FB5", "#FFBE7B"]}
+                borderWidth={2}
+                duration={7}
+              />
+            )}
             <Bug className="h-4 w-4" />
-            <AnimatePresence>
-              {!hasOpenedBugReport && (
-                <motion.div
-                  initial={{ scale: 1 }}
-                  animate={{
-                    scale: [1.5, 1, 1.5],
-                  }}
-                  transition={{
-                    duration: 1,
-                    repeat: Infinity,
-                    ease: "easeInOut",
-                  }}
-                  className="absolute -top-1 -right-1 h-2 w-2 rounded-full bg-red-500"
-                />
-              )}
-            </AnimatePresence>
             Report Bug
           </Button>
         }

src-tauri/src/utils.rs

@@ -1,6 +1,5 @@
 //! Utility functions and helpers
 
-use log;
 use tauri::{
     menu::{CheckMenuItem, Menu, MenuItem},
     tray::TrayIconBuilder,
@@ -272,12 +271,10 @@ pub fn _setup_system_tray(app: &AppHandle) {
                 } else {
                     log::debug!("Autostart disabled");
                 }
+            } else if let Err(e) = manager.enable() {
+                log::error!("Failed to enable autostart: {}", e);
             } else {
-                if let Err(e) = manager.enable() {
-                    log::error!("Failed to enable autostart: {}", e);
-                } else {
-                    log::debug!("Autostart enabled");
-                }
+                log::debug!("Autostart enabled");
             }
         }
         "check_for_updates" => {

src-tauri/src/version.rs

@@ -1,6 +1,6 @@
 pub const DESKTOP_VERSION: &str = "0.1.19";
-pub const DESKTOP_HASH: &str = "310b474";
-pub const DESKTOP_BUILD: &str = "2025-06-10T00:07:36+04:00";
+pub const DESKTOP_HASH: &str = "987ed02";
+pub const DESKTOP_BUILD: &str = "2025-06-10T02:56:49+04:00";
 pub const DAEMON_VERSION: &str = "0.5.0";
 pub const DAEMON_HASH: &str = "59e559e";
 pub const DAEMON_BUILD: &str = "2025-06-05T23:22:11+04:00";

src-tauri/src/windows.rs

@@ -37,7 +37,7 @@ pub fn _setup_main_window(app: &AppHandle, url: WebviewUrl) {
                     .expect("Failed to get download directory")
                     .join(destination.clone());
                 log::info!("downloading {} to {:?}", url, dst);
-                *destination = dst.into();
+                *destination = dst;
             }
             DownloadEvent::Finished { url, path, success } => {
                 log::info!("downloaded {} to {:?}, success: {}", url, path, success);