Release v0.0.42

## What's New

### Features
- **Drag & Drop File Mentions** — Drag files to chat with hidden content support
- **Custom Hotkeys in Tooltips** — Tooltips now show your custom keyboard shortcuts
- **Sidebar Mutual Exclusion** — Sidebars auto-restore when switching between them

### Improvements & Fixes
- **MCP OAuth Fix** — Fixed authentication for servers with client allowlists
- **Relative Paths** — Show relative paths instead of absolute in UI
- **Slash Commands** — Fixed multi-line arguments and auto-send behavior
- **Cmd+R Disabled** — Prevent accidental page refresh
- **Pasted Text Fix** — Sanitize pasted text preview to fix mention parsing

Author: serafimcloud

package.json

@@ -1,6 +1,6 @@
 {
   "name": "21st-desktop",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "private": true,
   "description": "1Code - UI for parallel work with AI agents",
   "author": {

src/main/index.ts

@@ -670,7 +670,8 @@ if (gotTheLock) {
         {
           label: "View",
           submenu: [
-            { role: "reload" },
+            // Cmd+R is disabled to prevent accidental page refresh
+            // Use Cmd+Shift+R (Force Reload) for intentional reloads
             { role: "forceReload" },
             // Only show DevTools in dev mode or when unlocked via hidden feature
             ...(showDevTools ? [{ role: "toggleDevTools" as const }] : []),

src/main/lib/trpc/routers/agent-utils.ts

@@ -155,7 +155,8 @@ export async function loadAgent(
  */
 export async function scanAgentsDirectory(
   dir: string,
-  source: "user" | "project"
+  source: "user" | "project",
+  basePath?: string // For project agents, the cwd to make paths relative to
 ): Promise<FileAgent[]> {
   const agents: FileAgent[] = []
 
@@ -182,6 +183,18 @@ export async function scanAgentsDirectory(
           const parsed = parseAgentMd(content, entry.name)
 
           if (parsed.description && parsed.prompt) {
+            // For project agents, show relative path; for user agents, show ~/.claude/... path
+            let displayPath: string
+            if (source === "project" && basePath) {
+              displayPath = path.relative(basePath, agentPath)
+            } else {
+              // For user agents, show ~/.claude/agents/... format
+              const homeDir = os.homedir()
+              displayPath = agentPath.startsWith(homeDir)
+                ? "~" + agentPath.slice(homeDir.length)
+                : agentPath
+            }
+
             agents.push({
               name: parsed.name || entry.name.replace(".md", ""),
               description: parsed.description,
@@ -190,7 +203,7 @@ export async function scanAgentsDirectory(
               disallowedTools: parsed.disallowedTools,
               model: parsed.model,
               source,
-              path: agentPath,
+              path: displayPath,
             })
           }
         } catch (err) {

src/main/lib/trpc/routers/agents.ts

@@ -27,7 +27,7 @@ const listAgentsProcedure = publicProcedure
     let projectAgentsPromise = Promise.resolve<FileAgent[]>([])
     if (input?.cwd) {
       const projectAgentsDir = path.join(input.cwd, ".claude", "agents")
-      projectAgentsPromise = scanAgentsDirectory(projectAgentsDir, "project")
+      projectAgentsPromise = scanAgentsDirectory(projectAgentsDir, "project", input.cwd)
     }
 
     const [userAgents, projectAgents] = await Promise.all([

src/main/lib/trpc/routers/chats.ts

@@ -264,6 +264,12 @@ export const chatsRouter = router({
                   base64Data: z.string().optional(),
                 }),
               }),
+              // Hidden file content - sent to agent but not displayed in UI
+              z.object({
+                type: z.literal("file-content"),
+                filePath: z.string(),
+                content: z.string(),
+              }),
             ]),
           )
           .optional(),

src/main/lib/trpc/routers/claude.ts

@@ -27,6 +27,12 @@ import { buildAgentsOption } from "./agent-utils"
 /**
  * Parse @[agent:name], @[skill:name], and @[tool:name] mentions from prompt text
  * Returns the cleaned prompt and lists of mentioned agents/skills/tools
+ *
+ * File mention formats:
+ * - @[file:local:relative/path] - file inside project (relative path)
+ * - @[file:external:/absolute/path] - file outside project (absolute path)
+ * - @[file:owner/repo:path] - legacy web format (repo:path)
+ * - @[folder:local:path] or @[folder:external:path] - folder mentions
  */
 function parseMentions(prompt: string): {
   cleanedPrompt: string
@@ -79,6 +85,15 @@ function parseMentions(prompt: string): {
     .replace(/@\[tool:[^\]]+\]/g, "")
     .trim()
 
+  // Transform file mentions to readable paths for the agent
+  // @[file:local:path] -> path (relative to project)
+  // @[file:external:/abs/path] -> /abs/path (absolute)
+  cleanedPrompt = cleanedPrompt
+    .replace(/@\[file:local:([^\]]+)\]/g, "$1")
+    .replace(/@\[file:external:([^\]]+)\]/g, "$1")
+    .replace(/@\[folder:local:([^\]]+)\]/g, "$1")
+    .replace(/@\[folder:external:([^\]]+)\]/g, "$1")
+
   // Add tool usage hints if tools were mentioned
   // Tool names are already validated to contain only safe characters
   if (toolMentions.length > 0) {

src/main/lib/trpc/routers/skills.ts

@@ -34,6 +34,7 @@ function parseSkillMd(content: string): { name?: string; description?: string }
 async function scanSkillsDirectory(
   dir: string,
   source: "user" | "project",
+  basePath?: string, // For project skills, the cwd to make paths relative to
 ): Promise<FileSkill[]> {
   const skills: FileSkill[] = []
 
@@ -63,11 +64,23 @@ async function scanSkillsDirectory(
         const content = await fs.readFile(skillMdPath, "utf-8")
         const parsed = parseSkillMd(content)
 
+        // For project skills, show relative path; for user skills, show ~/.claude/... path
+        let displayPath: string
+        if (source === "project" && basePath) {
+          displayPath = path.relative(basePath, skillMdPath)
+        } else {
+          // For user skills, show ~/.claude/skills/... format
+          const homeDir = os.homedir()
+          displayPath = skillMdPath.startsWith(homeDir)
+            ? "~" + skillMdPath.slice(homeDir.length)
+            : skillMdPath
+        }
+
         skills.push({
           name: parsed.name || entry.name,
           description: parsed.description || "",
           source,
-          path: skillMdPath,
+          path: displayPath,
         })
       } catch (err) {
         // Skill directory doesn't have SKILL.md or read failed - skip it
@@ -96,7 +109,7 @@ const listSkillsProcedure = publicProcedure
     let projectSkillsPromise = Promise.resolve<FileSkill[]>([])
     if (input?.cwd) {
       const projectSkillsDir = path.join(input.cwd, ".claude", "skills")
-      projectSkillsPromise = scanSkillsDirectory(projectSkillsDir, "project")
+      projectSkillsPromise = scanSkillsDirectory(projectSkillsDir, "project", input.cwd)
     }
 
     // Scan both directories in parallel

src/main/windows/main.ts

@@ -428,6 +428,16 @@ export function createMainWindow(): BrowserWindow {
     window.webContents.send("window:focus-change", false)
   })
 
+  // Disable Cmd+R / Ctrl+R to prevent accidental page refresh
+  // Users can still use Cmd+Shift+R / Ctrl+Shift+R for intentional reloads
+  window.webContents.on("before-input-event", (event, input) => {
+    const isMac = process.platform === "darwin"
+    const modifierKey = isMac ? input.meta : input.control
+    if (modifierKey && input.key.toLowerCase() === "r" && !input.shift) {
+      event.preventDefault()
+    }
+  })
+
   // Handle external links
   window.webContents.setWindowOpenHandler(({ url }) => {
     shell.openExternal(url)

src/preload/index.ts

@@ -1,4 +1,4 @@
-import { contextBridge, ipcRenderer } from "electron"
+import { contextBridge, ipcRenderer, webUtils } from "electron"
 import { exposeElectronTRPC } from "trpc-electron/main"
 
 // Only initialize Sentry in production to avoid IPC errors in dev mode
@@ -11,6 +11,11 @@ if (process.env.NODE_ENV === "production") {
 // Expose tRPC IPC bridge for type-safe communication
 exposeElectronTRPC()
 
+// Expose webUtils for file path access in drag and drop
+contextBridge.exposeInMainWorld("webUtils", {
+  getPathForFile: (file: File) => webUtils.getPathForFile(file),
+})
+
 // Expose analytics force flag for testing
 if (process.env.FORCE_ANALYTICS === "true") {
   contextBridge.exposeInMainWorld("__FORCE_ANALYTICS__", true)
@@ -256,5 +261,8 @@ export interface DesktopApi {
 declare global {
   interface Window {
     desktopApi: DesktopApi
+    webUtils: {
+      getPathForFile: (file: File) => string
+    }
   }
 }

src/renderer/features/agents/components/agent-send-button.tsx

@@ -12,6 +12,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "../../../components/ui/tooltip"
+import { useResolvedHotkeyDisplayWithAlt } from "../../../lib/hotkeys"
 
 interface AgentSendButtonProps {
   /** Whether the system is currently streaming */
@@ -48,6 +49,9 @@ export function AgentSendButton({
   isPlanMode = false,
   hasContent = false,
 }: AgentSendButtonProps) {
+  // Resolved hotkeys for stop-generation tooltip
+  const stopHotkey = useResolvedHotkeyDisplayWithAlt("stop-generation")
+
   // Note: Enter shortcut is now handled by input components directly
 
   // When streaming AND user has typed content, show arrow to add to queue
@@ -88,9 +92,13 @@ export function AgentSendButton({
       return (
         <span className="flex items-center gap-1">
           Stop
-          <Kbd className="ms-0.5">Esc</Kbd>
-          <span className="text-muted-foreground/60">or</span>
-          <Kbd className="-me-1">Ctrl C</Kbd>
+          {stopHotkey.primary && <Kbd className="ms-0.5">{stopHotkey.primary}</Kbd>}
+          {stopHotkey.alt && (
+            <>
+              <span className="text-muted-foreground/60">or</span>
+              <Kbd className="-me-1">{stopHotkey.alt}</Kbd>
+            </>
+          )}
         </span>
       )
     if (isStreaming && hasContent)