feat: add clipboard keybinds to detail screens

- Add y keybind to copy resource name on all detail screens (via ResourceDetailPage)
- Add h keybind to copy endpoint on MCP config detail screen (via extraKeybinds)
- Enhanced clipboard feedback with descriptive labels (ID copied!, Name copied!, Endpoint copied!)
- Add extraKeybinds/extraNavTips props to ResourceDetailPage for resource-specific shortcuts

Author: jason-rl

src/components/ResourceDetailPage.tsx

@@ -152,6 +152,8 @@ export function ResourceDetailPage<T>({
   onBack,
   buildDetailLines,
   additionalContent,
+  extraKeybinds,
+  extraNavTips,
 }: ResourceDetailPageProps<T>) {
   const isMounted = React.useRef(true);
   const { navigate } = useNavigation();
@@ -167,9 +169,9 @@ export function ResourceDetailPage<T>({
   const [copyStatus, setCopyStatus] = React.useState<string | null>(null);
 
   // Copy to clipboard with status feedback
-  const handleCopy = React.useCallback(async (text: string) => {
+  const handleCopy = React.useCallback(async (text: string, label?: string) => {
     const status = await copyToClipboard(text);
-    setCopyStatus(status);
+    setCopyStatus(label ? `${label} copied!` : status);
     setTimeout(() => setCopyStatus(null), 2000);
   }, []);
 
@@ -393,7 +395,8 @@ export function ResourceDetailPage<T>({
         bindings: {
           q: onBack,
           escape: onBack,
-          c: () => handleCopy(getId(resource)),
+          c: () => handleCopy(getId(resource), "ID"),
+          y: () => handleCopy(getDisplayName(resource), "Name"),
           ...(buildDetailLines
             ? {
                 i: () => {
@@ -411,6 +414,7 @@ export function ResourceDetailPage<T>({
           },
           enter: handleEnter,
           ...(getUrl ? { o: handleOpenInBrowser } : {}),
+          ...(extraKeybinds ? extraKeybinds({ copy: handleCopy }) : {}),
         },
         onUnmatched: (input) => {
           // Operation shortcuts work from anywhere (all ops, including those in "View rest")
@@ -452,6 +456,8 @@ export function ResourceDetailPage<T>({
       operationsStartIndex,
       onOperation,
       getId,
+      getDisplayName,
+      extraKeybinds,
     ],
   );
 
@@ -808,6 +814,8 @@ export function ResourceDetailPage<T>({
                 : "Execute",
           },
           { key: "c", label: "Copy ID" },
+          { key: "y", label: "Copy Name" },
+          ...(extraNavTips || []),
           { key: "i", label: "Full Details", condition: !!buildDetailLines },
           { key: "o", label: "Browser", condition: !!getUrl },
           { key: "q/Ctrl+C", label: "Back/Quit" },

src/components/resourceDetailTypes.ts

@@ -3,6 +3,7 @@
  */
 import React from "react";
 import type { ScreenName, RouteParams } from "../store/navigationStore.js";
+import type { NavigationTip } from "./NavigationTips.js";
 
 // ---------------------------------------------------------------------------
 // Detail field types
@@ -119,4 +120,10 @@ export interface ResourceDetailPageProps<T> {
   buildDetailLines?: (resource: T) => React.ReactElement[];
   /** Optional: Additional content to render after details section */
   additionalContent?: React.ReactNode;
+  /** Optional: Extra keybinds added to the main view. Receives a copy helper for clipboard feedback. */
+  extraKeybinds?: (helpers: {
+    copy: (text: string, label?: string) => void;
+  }) => Record<string, () => void>;
+  /** Optional: Extra navigation tips shown in the footer alongside the standard ones */
+  extraNavTips?: NavigationTip[];
 }

src/screens/McpConfigDetailScreen.tsx

@@ -368,6 +368,12 @@ export function McpConfigDetailScreen({
       onOperation={handleOperation}
       onBack={goBack}
       buildDetailLines={buildDetailLines}
+      extraKeybinds={({ copy }) => ({
+        h: () => {
+          copy(config.endpoint, "Endpoint");
+        },
+      })}
+      extraNavTips={[{ key: "h", label: "Copy Endpoint" }]}
     />
   );
 }