+ {#if step === 'manager'}
+
+ {#if installed.length === 0}
+
+ No toolboxes installed yet
+ Add one to extend the block library at runtime.
+
+ {:else}
+
+ {#each installed as t (t.id)}
+
+
+
startEdit(t)}
+ use:tooltip={'Edit'}
+ aria-label="Edit"
+ >
+
+
handleManagerUninstall(t)}
+ use:tooltip={'Uninstall'}
+ aria-label="Uninstall"
+ >
+
+
+ {/each}
+
+ {/if}
+
+ Add toolbox
+
+
+ {:else if step === 'source'}
+ {#if tab === 'catalog'}
+
+ {#each availableCatalog as entry (entry.id)}
+
pickCatalog(entry)}>
+ {entry.displayName}
+
+ {:else}
+
+ Catalog empty
+ Everything from the catalog is already installed.
+
+ {/each}
+
+ {:else if tab === 'pypi'}
+
+ {:else if tab === 'url'}
+
+ {:else if tab === 'file'}
+
+ {/if}
+ {:else if step === 'trust'}
+
+
+ You're about to run third-party code. PathView will install {resolvedDisplayName} and
+ import it into Pyodide. The code runs in your browser, sandboxed inside this tab, but it can still make
+ network requests, read clipboard data, or consume CPU and memory.
+
+
Only continue if you trust the source.
+
+ {#if resolvedSource?.type === 'pypi'}
+ pip install {resolvedSource.pkg}{resolvedSource.version ? `==${resolvedSource.version}` : ''}
+ {:else if resolvedSource?.type === 'url'}
+ {resolvedSource.url}
+ {:else if resolvedSource?.type === 'inline'}
+ local file {resolvedSource.filename} ({resolvedSource.code.length.toLocaleString()} chars)
+ {/if}
+
+
+ (step = 'source')}>Back
+ I trust this, install
+
+
+ {:else if step === 'install'}
+
+ {#if installStatus === 'error'}
+
+ {#each installError.split('\n') as line}
+
+ {line}
+
+ {/each}
+
+
+ (step = 'source')}>Back
+ Retry
+
+ {:else}
+
+ {installMessage}
+
+ {/if}
+
+ {:else if step === 'select'}
+
+
+
+
+ Block
+ Description
+
+ {#each blockSelections as sel (sel.className)}
+ {@const block = discoveredBlocks.find((b) => b.className === sel.className)}
+ {@const ov = getOverride(sel.className)}
+ {@const open = activeOverrideRow === sel.className}
+ {#if block}
+
+ {sel.className}
+ {block.description.split('\n')[0]}
+ (activeOverrideRow = open ? null : sel.className)}
+ aria-label={open ? 'Hide overrides' : 'Edit overrides'}
+ >
+
+
+ {#if open}
+
+
+ Display name
+
+
+ Category
+
+
+
Shape
+
+ setOverride(sel.className, 'shape', undefined)}
+ >default
+ {#each SHAPE_OPTIONS as shape (shape)}
+ setOverride(sel.className, 'shape', shape)}
+ >{shape}
+ {/each}
+
+
+
+ Sync ports
+
+
+ {/if}
+ {/if}
+ {/each}
+
+
+ {#if discoveredEvents.length > 0}
+
Events
+
+ {#each eventSelections as sel (sel.className)}
+
+ {sel.className}
+
+ {discoveredEvents.find((e) => e.className === sel.className)?.description.split('\n')[0] ?? ''}
+
+
+ {/each}
+
+ {/if}
+
+ {#if !editing}
+ (step = 'trust')}>Back
+ {/if}
+ Save
+
+
+ {/if}
+