{
- event.stopPropagation()
-
- // Read the rename atom LIVE (not the render closure): the fall-through
- // click from a context-menu close can fire before the editing re-render
- // commits, so a stale closure would still select/activate and yank focus.
- if (isPlaceholder || $renamingPath.get() === node.data.id) {
- return
- }
-
- if (event.shiftKey) {
- ;(isFolder ? onAttachFolder : onAttachFile)(node.data.id)
-
- return
- }
-
- if (isFolder) {
- node.toggle()
- } else {
- node.select()
- }
- }}
- onDoubleClick={event => {
- event.stopPropagation()
-
- if (!isFolder && !isPlaceholder && $renamingPath.get() !== node.data.id) {
- onPreviewFile?.(node.data.id)
- }
- }}
- onDragStart={event => {
- if (isPlaceholder || $renamingPath.get() === node.data.id) {
- event.preventDefault()
-
- return
- }
-
- const payload = JSON.stringify([{ isDirectory: isFolder, path: node.data.id }])
-
- event.dataTransfer.effectAllowed = 'copy'
- event.dataTransfer.setData('application/x-hermes-paths', payload)
- event.dataTransfer.setData('text/plain', node.data.id)
- }}
- ref={dragHandle}
- style={{
- ...style,
- paddingLeft: withTreeInset(style.paddingLeft)
- }}
- title={node.data.id}
- >
- {/* No chevron column — the folder icon (open/closed) already carries the
- expand state, so the extra glyph was pure noise. */}
-
- {isPlaceholder && !isErrorPlaceholder ? (
-
- ) : isErrorPlaceholder ? (
-
- ) : isFolder ? (
-
+
+ {
+ event.stopPropagation()
+
+ // Read the rename atom LIVE (not the render closure): the fall-through
+ // click from a context-menu close can fire before the editing re-render
+ // commits, so a stale closure would still select/activate and yank focus.
+ if (isPlaceholder || $renamingPath.get() === node.data.id) {
+ return
+ }
+
+ if (event.shiftKey) {
+ ;(isFolder ? onAttachFolder : onAttachFile)(node.data.id)
+
+ return
+ }
+
+ if (isFolder) {
+ node.toggle()
+ } else {
+ node.select()
+ }
+ }}
+ onDoubleClick={event => {
+ event.stopPropagation()
+
+ if (!isFolder && !isPlaceholder && $renamingPath.get() !== node.data.id) {
+ onPreviewFile?.(node.data.id)
+ }
+ }}
+ onDragStart={event => {
+ if (isPlaceholder || $renamingPath.get() === node.data.id) {
+ event.preventDefault()
+
+ return
+ }
+
+ const payload = JSON.stringify([{ isDirectory: isFolder, path: node.data.id }])
+
+ event.dataTransfer.effectAllowed = 'copy'
+ event.dataTransfer.setData('application/x-hermes-paths', payload)
+ event.dataTransfer.setData('text/plain', node.data.id)
+ }}
+ ref={dragHandle}
+ style={{
+ ...style,
+ paddingLeft: withTreeInset(style.paddingLeft)
+ }}
+ >
+ {/* No chevron column — the folder icon (open/closed) already carries the
+ expand state, so the extra glyph was pure noise. */}
+
+ {isPlaceholder && !isErrorPlaceholder ? (
+
+ ) : isErrorPlaceholder ? (
+
+ ) : isFolder ? (
+
+ ) : (
+
+ )}
+
+ {editing ? (
+
) : (
-
+ // Git decoration (VS Code-style): tint changed files; the explicit color
+ // wins over the row's hover/selected text color, so it persists.
+ {node.data.name}
)}
-
- {editing ? (
-
- ) : (
- // Git decoration (VS Code-style): tint changed files; the explicit color
- // wins over the row's hover/selected text color, so it persists.
- {node.data.name}
- )}
-
+