Release v0.0.40

## What's New

### Features
- **Details Sidebar** — New unified Details sidebar with configurable widgets

Author: serafimcloud

package.json

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

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

@@ -1,7 +1,8 @@
 import { z } from "zod"
 import { router, publicProcedure } from "../index"
-import { readdir, stat, readFile } from "node:fs/promises"
+import { readdir, stat, readFile, writeFile, mkdir } from "node:fs/promises"
 import { join, relative, basename } from "node:path"
+import { app } from "electron"
 
 // Directories to ignore when scanning
 const IGNORED_DIRS = new Set([
@@ -278,4 +279,40 @@ export const filesRouter = router({
         throw new Error(`Failed to read file: ${error instanceof Error ? error.message : "Unknown error"}`)
       }
     }),
+
+  /**
+   * Write pasted text to a file in the session's pasted directory
+   * Used for large text pastes that shouldn't be embedded inline
+   */
+  writePastedText: publicProcedure
+    .input(
+      z.object({
+        subChatId: z.string(),
+        text: z.string(),
+        filename: z.string().optional(),
+      })
+    )
+    .mutation(async ({ input }) => {
+      const { subChatId, text, filename } = input
+
+      // Create pasted directory in session folder
+      const sessionDir = join(app.getPath("userData"), "claude-sessions", subChatId)
+      const pastedDir = join(sessionDir, "pasted")
+      await mkdir(pastedDir, { recursive: true })
+
+      // Generate filename with timestamp
+      const finalFilename = filename || `pasted_${Date.now()}.txt`
+      const filePath = join(pastedDir, finalFilename)
+
+      // Write file
+      await writeFile(filePath, text, "utf-8")
+
+      console.log(`[files] Wrote pasted text to ${filePath} (${text.length} bytes)`)
+
+      return {
+        filePath,
+        filename: finalFilename,
+        size: text.length,
+      }
+    }),
 })

src/renderer/components/ui/icons.tsx

@@ -193,6 +193,31 @@ export function ClockIcon(props: IconProps) {
   )
 }
 
+export function GitBranchFilledIcon(props: IconProps) {
+  return (
+    <svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24" {...props}>
+      <path d="M6.5 3C4.84315 3 3.5 4.34315 3.5 6C3.5 7.30622 4.33481 8.41746 5.5 8.82929V15.1707C4.33481 15.5825 3.5 16.6938 3.5 18C3.5 19.6569 4.84315 21 6.5 21C8.15685 21 9.5 19.6569 9.5 18C9.5 16.6938 8.66519 15.5825 7.5 15.1707V14C7.5 13.4477 7.94772 13 8.5 13H15.5C17.1569 13 18.5 11.6569 18.5 10V8.82929C19.6652 8.41746 20.5 7.30622 20.5 6C20.5 4.34315 19.1569 3 17.5 3C15.8431 3 14.5 4.34315 14.5 6C14.5 7.30622 15.3348 8.41746 16.5 8.82929V10C16.5 10.5523 16.0523 11 15.5 11H8.5C8.14936 11 7.81278 11.0602 7.5 11.1707V8.82929C8.66519 8.41746 9.5 7.30622 9.5 6C9.5 4.34315 8.15685 3 6.5 3Z" />
+    </svg>
+  )
+}
+
+export function FolderFilledIcon(props: IconProps) {
+  return (
+    <svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24" {...props}>
+      <path d="M5 3C3.34315 3 2 4.34315 2 6V17C2 18.6569 3.34315 20 5 20H19C20.6569 20 22 18.6569 22 17V9C22 7.34315 20.6569 6 19 6L12.5352 6L11.4258 4.3359C10.8694 3.5013 9.93269 3 8.92963 3H5Z" />
+    </svg>
+  )
+}
+
+export function GitPullRequestFilledIcon(props: IconProps) {
+  return (
+    <svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24" {...props}>
+      <path d="M6 3C4.34315 3 3 4.34315 3 6C3 7.30622 3.83481 8.41746 5 8.82929V15.1707C3.83481 15.5825 3 16.6938 3 18C3 19.6569 4.34315 21 6 21C7.65685 21 9 19.6569 9 18C9 16.6938 8.16519 15.5825 7 15.1707V8.82929C8.16519 8.41746 9 7.30622 9 6C9 4.34315 7.65685 3 6 3Z" />
+      <path d="M14.4142 5L14.7071 4.70711C15.0976 4.31658 15.0976 3.68342 14.7071 3.29289C14.3166 2.90237 13.6834 2.90237 13.2929 3.29289L11.2929 5.29289C10.9024 5.68342 10.9024 6.31658 11.2929 6.70711L13.2929 8.70711C13.6834 9.09763 14.3166 9.09763 14.7071 8.70711C15.0976 8.31658 15.0976 7.68342 14.7071 7.29289L14.4142 7H16C16.5523 7 17 7.44772 17 8V15.1707C15.8348 15.5825 15 16.6938 15 18C15 19.6569 16.3431 21 18 21C19.6569 21 21 19.6569 21 18C21 16.6938 20.1652 15.5825 19 15.1707V8C19 6.34315 17.6569 5 16 5H14.4142Z" />
+    </svg>
+  )
+}
+
 export function IconChatBubble(props: IconProps) {
   return (
     <svg

src/renderer/features/agents/hooks/use-pasted-text-files.ts

@@ -0,0 +1,79 @@
+import { useState, useCallback, useRef } from "react"
+import { trpc } from "../../../lib/trpc"
+import { toast } from "sonner"
+
+export interface PastedTextFile {
+  id: string
+  filePath: string
+  filename: string
+  size: number
+  preview: string
+  createdAt: Date
+}
+
+export interface UsePastedTextFilesReturn {
+  pastedTexts: PastedTextFile[]
+  addPastedText: (text: string) => Promise<void>
+  removePastedText: (id: string) => void
+  clearPastedTexts: () => void
+  pastedTextsRef: React.RefObject<PastedTextFile[]>
+}
+
+export function usePastedTextFiles(subChatId: string): UsePastedTextFilesReturn {
+  const [pastedTexts, setPastedTexts] = useState<PastedTextFile[]>([])
+  const pastedTextsRef = useRef<PastedTextFile[]>([])
+
+  // Keep ref in sync with state
+  pastedTextsRef.current = pastedTexts
+
+  const writePastedTextMutation = trpc.files.writePastedText.useMutation()
+
+  const addPastedText = useCallback(
+    async (text: string) => {
+      try {
+        const result = await writePastedTextMutation.mutateAsync({
+          subChatId,
+          text,
+        })
+
+        // Create preview from first 50 chars, replace newlines with spaces
+        const preview = text.slice(0, 50).replace(/\n/g, " ")
+        const newPasted: PastedTextFile = {
+          id: `pasted_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,
+          filePath: result.filePath,
+          filename: result.filename,
+          size: result.size,
+          preview: preview.length < text.length ? `${preview}...` : preview,
+          createdAt: new Date(),
+        }
+
+        setPastedTexts((prev) => [...prev, newPasted])
+
+        const sizeKB = Math.round(result.size / 1024)
+        toast.info(`Text saved as file (${sizeKB}KB)`, {
+          description: "Large text will be sent as a file attachment.",
+        })
+      } catch (error) {
+        console.error("[usePastedTextFiles] Failed to write:", error)
+        toast.error("Failed to save pasted text")
+      }
+    },
+    [subChatId, writePastedTextMutation]
+  )
+
+  const removePastedText = useCallback((id: string) => {
+    setPastedTexts((prev) => prev.filter((p) => p.id !== id))
+  }, [])
+
+  const clearPastedTexts = useCallback(() => {
+    setPastedTexts([])
+  }, [])
+
+  return {
+    pastedTexts,
+    addPastedText,
+    removePastedText,
+    clearPastedTexts,
+    pastedTextsRef,
+  }
+}