{#each items as item, i (item.path)} {#if layoutBoxes[i]} {@const box = layoutBoxes[i]} {@const selected = selection.items.has(item.path)} {@const isCut = clipboard.op === "cut" && clipboard.scope === scope && clipboard.items.some(i => i.path === item.path)} {@const isFocused = cursor.path === item.path} {@const isFolder = item.type === "folder"} { if (!isFolder || !e.dataTransfer.types.includes("application/x-promptchain-move")) return; e.preventDefault(); e.stopPropagation(); e.dataTransfer.dropEffect = "move"; }} ondrop={(e) => { if (!isFolder) return; const raw = e.dataTransfer.getData("application/x-promptchain-move"); if (!raw) return; e.preventDefault(); e.stopPropagation(); try { const d = JSON.parse(raw); if (Array.isArray(d.paths) && !d.paths.includes(item.path)) { onitemdrop?.(d.paths, d.scope, item.path); } } catch (err) { console.warn("[PromptChain] invalid drop payload:", err); } }} onclick={(e) => onitemclick?.(item, e)} ondblclick={(e) => onitemdblclick?.(item, e)} oncontextmenu={(e) => { e.preventDefault(); e.stopPropagation(); onitemcontextmenu?.(item, e); }} title={item.name} > {#if item.type === "image" || item.type === "video"} onImgLoad(item, e)} /> {#if item._flash}

item._flash = false}>

{/if} {:else if item.type === "workflow" && item.thumbnailHash} onThumbUpdate(item)} onerror={retryThumb} /> {#if flashingThumbs.has(item.path)}

onFlashEnd(item.path)}>

{/if} {:else if item.type === "folder"}

{item.name}

{:else}

{item.name}

{/if} {#if feed && itemDir(item)} { e.stopPropagation(); onlocate?.(item); }} >{itemDir(item)} {/if} { e.stopPropagation(); onfav?.(item); }} >★ {#if selected}

{/if} {/if} {/each}