Release v0.0.60-beta.3

## What's New

### Improvements & Fixes
- **Streaming with panes** — Fixed streaming issues with split view panes
- **Plugin discovery** — Resolved symlinks in plugin discovery/scanning
- **Tab and pane borders** — Fixed tabs and panes border styling

Author: serafimcloud

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "21st-desktop",
-  "version": "0.0.60-beta.2",
+  "version": "0.0.60-beta.3",
   "private": true,
   "description": "1Code - UI for parallel work with AI agents",
   "author": {
@@ -96,6 +96,7 @@
     "react-dom": "19.2.1",
     "react-hotkeys-hook": "^4.6.1",
     "react-icons": "^5.5.0",
+    "react-virtuoso": "^4.18.1",
     "react-zoom-pan-pinch": "^3.7.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",

bun.lockb

@@ -0,0 +1,43 @@
+import type { Dirent } from "fs"
+import * as fs from "fs/promises"
+import * as path from "path"
+
+export interface DirentType {
+  isDirectory: boolean
+  isFile: boolean
+}
+
+/**
+ * Resolve entry type, following symlinks when needed.
+ */
+export async function resolveDirentType(
+  dir: string,
+  entry: Dirent,
+): Promise<DirentType> {
+  let isDirectory = entry.isDirectory()
+  let isFile = entry.isFile()
+
+  if (!isDirectory && !isFile && entry.isSymbolicLink()) {
+    try {
+      const targetPath = path.join(dir, entry.name)
+      const stat = await fs.stat(targetPath) // stat() follows symlinks
+      isDirectory = stat.isDirectory()
+      isFile = stat.isFile()
+    } catch {
+      return { isDirectory: false, isFile: false }
+    }
+  }
+
+  return { isDirectory, isFile }
+}
+
+/**
+ * Check if a Dirent resolves to a directory (including symlink targets).
+ */
+export async function isDirentDirectory(
+  dir: string,
+  entry: Dirent,
+): Promise<boolean> {
+  const { isDirectory } = await resolveDirentType(dir, entry)
+  return isDirectory
+}

package.json

@@ -3,6 +3,7 @@ import type { Dirent } from "fs"
 import * as path from "path"
 import * as os from "os"
 import type { McpServerConfig } from "../claude-config"
+import { isDirentDirectory } from "../fs/dirent"
 
 export interface PluginInfo {
   name: string
@@ -79,7 +80,13 @@ export async function discoverInstalledPlugins(): Promise<PluginInfo[]> {
   }
 
   for (const marketplace of marketplaces) {
-    if (!marketplace.isDirectory() || marketplace.name.startsWith(".")) continue
+    if (marketplace.name.startsWith(".")) continue
+
+    const isMarketplaceDir = await isDirentDirectory(
+      marketplacesDir,
+      marketplace,
+    )
+    if (!isMarketplaceDir) continue
 
     const marketplacePath = path.join(marketplacesDir, marketplace.name)
     const marketplaceJsonPath = path.join(marketplacePath, ".claude-plugin", "marketplace.json")
@@ -108,7 +115,8 @@ export async function discoverInstalledPlugins(): Promise<PluginInfo[]> {
 
         const pluginPath = path.resolve(marketplacePath, sourcePath)
         try {
-          await fs.access(pluginPath)
+          const pluginStat = await fs.stat(pluginPath)
+          if (!pluginStat.isDirectory()) continue
           plugins.push({
             name: plugin.name,
             version: plugin.version || "0.0.0",

src/main/lib/fs/dirent.ts

@@ -3,6 +3,7 @@ import * as path from "path"
 import * as os from "os"
 import matter from "gray-matter"
 import { discoverInstalledPlugins, getPluginComponentPaths } from "../../plugins"
+import { resolveDirentType } from "../../fs/dirent"
 import { getEnabledPlugins } from "./claude-settings"
 
 // Valid model values for agents
@@ -208,7 +209,8 @@ export async function scanAgentsDirectory(
       }
 
       // Accept .md files (Claude Code native format)
-      if (entry.isFile() && entry.name.endsWith(".md")) {
+      const { isFile } = await resolveDirentType(dir, entry)
+      if (isFile && entry.name.endsWith(".md")) {
         const agentPath = path.join(dir, entry.name)
         try {
           const content = await fs.readFile(agentPath, "utf-8")

src/main/lib/plugins/index.ts

@@ -5,6 +5,7 @@ import * as path from "path"
 import * as os from "os"
 import matter from "gray-matter"
 import { discoverInstalledPlugins, getPluginComponentPaths } from "../../plugins"
+import { resolveDirentType } from "../../fs/dirent"
 import { getEnabledPlugins } from "./claude-settings"
 
 export interface FileCommand {
@@ -76,16 +77,17 @@ async function scanCommandsDirectory(
       }
 
       const fullPath = path.join(dir, entry.name)
+      const { isDirectory, isFile } = await resolveDirentType(dir, entry)
 
-      if (entry.isDirectory()) {
+      if (isDirectory) {
         // Recursively scan nested directories
         const nestedCommands = await scanCommandsDirectory(
           fullPath,
           source,
           prefix ? `${prefix}:${entry.name}` : entry.name,
         )
         commands.push(...nestedCommands)
-      } else if (entry.isFile() && entry.name.endsWith(".md")) {
+      } else if (isFile && entry.name.endsWith(".md")) {
         const baseName = entry.name.replace(/\.md$/, "")
         const fallbackName = prefix ? `${prefix}:${baseName}` : baseName
 

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

@@ -2,6 +2,7 @@ import { router, publicProcedure } from "../index"
 import * as fs from "fs/promises"
 import * as path from "path"
 import matter from "gray-matter"
+import { resolveDirentType } from "../../fs/dirent"
 import {
   discoverInstalledPlugins,
   getPluginComponentPaths,
@@ -60,12 +61,13 @@ async function scanPluginCommands(dir: string): Promise<PluginComponent[]> {
       if (!isValidEntryName(entry.name)) continue
 
       const fullPath = path.join(dir, entry.name)
+      const { isDirectory, isFile } = await resolveDirentType(dir, entry)
 
-      if (entry.isDirectory()) {
+      if (isDirectory) {
         // Recursively scan nested directories for namespaced commands
         const nested = await scanPluginCommands(fullPath)
         components.push(...nested)
-      } else if (entry.isFile() && entry.name.endsWith(".md")) {
+      } else if (isFile && entry.name.endsWith(".md")) {
         try {
           const content = await fs.readFile(fullPath, "utf-8")
           const { data } = matter(content)
@@ -103,7 +105,10 @@ async function scanPluginSkills(dir: string): Promise<PluginComponent[]> {
     const entries = await fs.readdir(dir, { withFileTypes: true })
 
     for (const entry of entries) {
-      if (!entry.isDirectory() || !isValidEntryName(entry.name)) continue
+      if (!isValidEntryName(entry.name)) continue
+
+      const { isDirectory } = await resolveDirentType(dir, entry)
+      if (!isDirectory) continue
 
       const skillMdPath = path.join(dir, entry.name, "SKILL.md")
       try {
@@ -141,8 +146,10 @@ async function scanPluginAgents(dir: string): Promise<PluginComponent[]> {
     const entries = await fs.readdir(dir, { withFileTypes: true })
 
     for (const entry of entries) {
-      if (!entry.isFile() || !entry.name.endsWith(".md") || !isValidEntryName(entry.name))
-        continue
+      if (!entry.name.endsWith(".md") || !isValidEntryName(entry.name)) continue
+
+      const { isFile } = await resolveDirentType(dir, entry)
+      if (!isFile) continue
 
       const fullPath = path.join(dir, entry.name)
       try {

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

@@ -5,6 +5,7 @@ import * as path from "path"
 import * as os from "os"
 import matter from "gray-matter"
 import { discoverInstalledPlugins, getPluginComponentPaths } from "../../plugins"
+import { isDirentDirectory } from "../../fs/dirent"
 import { getEnabledPlugins } from "./claude-settings"
 
 export interface FileSkill {
@@ -54,18 +55,8 @@ async function scanSkillsDirectory(
     const entries = await fs.readdir(dir, { withFileTypes: true })
 
     for (const entry of entries) {
-      // Check if entry is a directory or a symlink pointing to a directory
-      let isDir = entry.isDirectory()
-      if (!isDir && entry.isSymbolicLink()) {
-        try {
-          const targetPath = path.join(dir, entry.name)
-          const stat = await fs.stat(targetPath) // stat() follows symlinks
-          isDir = stat.isDirectory()
-        } catch {
-          // Symlink target doesn't exist or is inaccessible - skip it
-          continue
-        }
-      }
+      // Check if entry is a directory (follows symlinks)
+      const isDir = await isDirentDirectory(dir, entry)
       if (!isDir) continue
 
       // Validate entry name for security (prevent path traversal)

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

@@ -378,6 +378,20 @@ export const diffFilesCollapsedAtomFamily = atomFamily((chatId: string) =>
   ),
 )
 
+// Collapsible steps expanded state per message (session-only)
+// Map<`${subChatId}:${messageId}`, isExpanded>
+const assistantMessageStepsExpandedStorageAtom = atom<Record<string, boolean | undefined>>({})
+
+export const assistantMessageStepsExpandedAtomFamily = atomFamily((key: string) =>
+  atom(
+    (get) => get(assistantMessageStepsExpandedStorageAtom)[key],
+    (get, set, isExpanded: boolean) => {
+      const current = get(assistantMessageStepsExpandedStorageAtom)
+      set(assistantMessageStepsExpandedStorageAtom, { ...current, [key]: isExpanded })
+    },
+  ),
+)
+
 // Helpers for split view ratio management
 export function getDefaultRatios(n: number): number[] {
   if (n <= 0) return []