fix copy path above code intel

Author: DolceTriade

public/output.css

@@ -21,7 +21,6 @@
     --color-amber-900: oklch(41.4% 0.112 45.904);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
     --color-green-200: oklch(92.5% 0.084 155.995);
-    --color-green-500: oklch(72.3% 0.219 149.579);
     --color-green-900: oklch(39.3% 0.095 152.535);
     --color-emerald-100: oklch(95% 0.052 163.051);
     --color-emerald-200: oklch(90.5% 0.093 164.15);
@@ -1011,21 +1010,6 @@
       }
     }
   }
-  .indicator {
-    position: relative;
-    display: inline-flex;
-    width: max-content;
-    :where(.indicator-item) {
-      z-index: 1;
-      position: absolute;
-      white-space: nowrap;
-      top: var(--indicator-t, 0);
-      bottom: var(--indicator-b, auto);
-      left: var(--indicator-s, auto);
-      right: var(--indicator-e, 0);
-      translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
-    }
-  }
   .range {
     appearance: none;
     webkit-appearance: none;
@@ -1443,18 +1427,12 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
-  .top-1\/2 {
-    top: calc(1/2 * 100%);
-  }
   .top-20 {
     top: calc(var(--spacing) * 20);
   }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
-  .right-12 {
-    right: calc(var(--spacing) * 12);
-  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -2374,6 +2352,9 @@
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
+  .w-fit {
+    width: fit-content;
+  }
   .w-full {
     width: 100%;
   }
@@ -2419,19 +2400,12 @@
   .flex-grow {
     flex-grow: 1;
   }
-  .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .scale-95 {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
     --tw-scale-z: 95%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-  }
   .skeleton {
     border-radius: var(--radius-box);
     background-color: var(--color-base-300);
@@ -2907,9 +2881,6 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .whitespace-pre {
-    white-space: pre;
-  }
   .text-amber-900 {
     color: var(--color-amber-900);
   }
@@ -2946,9 +2917,6 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
-  .text-green-500 {
-    color: var(--color-green-500);
-  }
   .text-inherit {
     color: inherit;
   }
@@ -4151,21 +4119,6 @@
     --noise: 1;
   }
 }
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-scale-x {
   syntax: "*";
   inherits: false;
@@ -4181,26 +4134,6 @@
   inherits: false;
   initial-value: 1;
 }
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -4382,6 +4315,21 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
@@ -4395,17 +4343,9 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
@@ -4448,6 +4388,9 @@
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
       --tw-outline-style: solid;
     }
   }

src/components/breadcrumbs.rs

@@ -2,6 +2,79 @@ use leptos::either::Either;
 use leptos::prelude::*;
 use leptos_router::components::A;
 
+#[component]
+pub fn CopyPathButton(path: Signal<String>) -> impl IntoView {
+    let trimmed_path = Memo::new(move |_| path.get().trim_matches('/').to_string());
+    let copy_feedback = RwSignal::new(None::<String>);
+    let copy_path = {
+        let trimmed_path = trimmed_path.clone();
+        let copy_feedback = copy_feedback.clone();
+        move |_event: leptos::ev::MouseEvent| {
+            let path_value = trimmed_path.get_untracked();
+            if path_value.is_empty() {
+                return;
+            }
+
+            if let Some(window) = web_sys::window() {
+                let clipboard = window.navigator().clipboard();
+                _ = clipboard.write_text(&path_value);
+                copy_feedback.set(Some(path_value.clone()));
+                let signal = copy_feedback.clone();
+                set_timeout(
+                    move || {
+                        signal.set(None);
+                    },
+                    std::time::Duration::from_secs(2),
+                );
+            }
+        }
+    };
+
+    view! {
+        <Show when=move || !trimmed_path.get().is_empty() fallback=|| ()>
+            <div class="flex flex-col gap-2 w-fit">
+                <button
+                    class="inline-flex items-center gap-2 text-xs font-semibold border border-slate-300 dark:border-slate-600 rounded-md px-3 py-1.5 bg-white/80 dark:bg-slate-900/50 text-slate-700 dark:text-slate-100 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
+                    type="button"
+                    on:click=copy_path
+                    title="Copy file path"
+                >
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="1.5"
+                        class="h-3.5 w-3.5"
+                    >
+                        <path
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            d="M8 8h8a2 2 0 012 2v8a2 2 0 01-2 2H8a2 2 0 01-2-2v-8a2 2 0 012-2z"
+                        ></path>
+                        <path
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            d="M16 4h-8a2 2 0 00-2 2v2h2V6h8v8h-2v2h2a2 2 0 002-2v-8a2 2 0 00-2-2z"
+                        ></path>
+                    </svg>
+                    <span>"Copy path"</span>
+                </button>
+                <Show when=move || copy_feedback.get().is_some() fallback=|| ()>
+                    <span class="badge badge-outline text-xs font-mono border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-100 bg-white/80 dark:bg-slate-900/40">
+                        {move || {
+                            copy_feedback
+                                .get()
+                                .map(|value| format!("Copied {value}"))
+                                .unwrap_or_default()
+                        }}
+                    </span>
+                </Show>
+            </div>
+        </Show>
+    }
+}
+
 #[component]
 pub fn Breadcrumbs(
     repo: Signal<String>,
@@ -31,37 +104,6 @@ pub fn Breadcrumbs(
         segs
     });
 
-    let copy_feedback = RwSignal::new(None::<String>);
-    let copy_segments = {
-        let segments = segments.clone();
-        let copy_feedback = copy_feedback.clone();
-        move |_event: leptos::ev::MouseEvent| {
-            let parts: Vec<String> = segments
-                .get_untracked()
-                .into_iter()
-                .map(|(name, _, _)| name)
-                .collect();
-
-            if parts.is_empty() {
-                return;
-            }
-
-            let joined = parts.join("/");
-            if let Some(window) = web_sys::window() {
-                let clipboard = window.navigator().clipboard();
-                _ = clipboard.write_text(&joined);
-                copy_feedback.set(Some(joined.clone()));
-                let signal = copy_feedback.clone();
-                set_timeout(
-                    move || {
-                        signal.set(None);
-                    },
-                    std::time::Duration::from_secs(2),
-                );
-            }
-        }
-    };
-
     view! {
         <div class="flex flex-wrap items-center gap-3 mb-6 text-slate-700 dark:text-slate-300">
             <div class="text-sm breadcrumbs flex-1 min-w-0 text-inherit">
@@ -120,45 +162,6 @@ pub fn Breadcrumbs(
                     />
                 </ul>
             </div>
-            <Show when=move || !segments.get().is_empty() fallback=|| ()>
-                <button
-                    class="inline-flex items-center gap-2 text-xs font-semibold border border-slate-300 dark:border-slate-600 rounded-md px-3 py-1.5 bg-white/80 dark:bg-slate-900/50 text-slate-700 dark:text-slate-100 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
-                    type="button"
-                    on:click=copy_segments
-                    title="Copy file path"
-                >
-                    <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="1.5"
-                        class="h-3.5 w-3.5"
-                    >
-                        <path
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            d="M8 8h8a2 2 0 012 2v8a2 2 0 01-2 2H8a2 2 0 01-2-2v-8a2 2 0 012-2z"
-                        ></path>
-                        <path
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            d="M16 4h-8a2 2 0 00-2 2v2h2V6h8v8h-2v2h2a2 2 0 002-2v-8a2 2 0 00-2-2z"
-                        ></path>
-                    </svg>
-                    <span>"Copy path"</span>
-                </button>
-            </Show>
-            <Show when=move || copy_feedback.get().is_some() fallback=|| ()>
-                <span class="badge badge-outline text-xs font-mono border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-100 bg-white/80 dark:bg-slate-900/40">
-                    {move || {
-                        copy_feedback
-                            .get()
-                            .map(|value| format!("Copied {value}"))
-                            .unwrap_or_default()
-                    }}
-                </span>
-            </Show>
         </div>
     }
 }

src/components/code_intel_panel.rs

@@ -111,7 +111,7 @@ pub fn CodeIntelPanel(
     let insights_scroll_container = NodeRef::<Div>::new();
 
     view! {
-        <aside class="w-80 flex-shrink-0 flex flex-col max-h-[calc(100vh-6rem)] bg-white/95 dark:bg-slate-950/70 text-slate-900 dark:text-slate-100 rounded-lg shadow border border-slate-200 dark:border-slate-800 p-4 sticky top-20 backdrop-blur">
+        <aside class="w-80 flex-shrink-0 flex flex-col max-h-[calc(100vh-6rem)] bg-white/95 dark:bg-slate-950/70 text-slate-900 dark:text-slate-100 rounded-lg shadow border border-slate-200 dark:border-slate-800 p-4 backdrop-blur">
             <h2 class="text-xl font-semibold mb-4 text-slate-900 dark:text-white">
                 "Code Intelligence"
             </h2>

src/components/mod.rs

@@ -8,7 +8,7 @@ pub mod quick_navigator;
 pub mod repo_list;
 pub mod search_bar;
 
-pub use breadcrumbs::Breadcrumbs;
+pub use breadcrumbs::{Breadcrumbs, CopyPathButton};
 pub use code_intel_panel::{
     CodeIntelPanel, SymbolInsightsResponse, SymbolMatch, SymbolReferenceWithSnippet,
 };