Recipe Queue Dashboard

Monitor your Instagram recipe extractions in real-time

{#each filters as filterOption} {/each}

{#if loading}

Loading queue items...

{/if} {#if error}

Error loading queue: {error}

{/if} {#if !loading && filteredItems.length === 0}

No queue items

{#if filter === 'all'} Start by sharing an Instagram recipe or adding a URL manually {:else} No items match the selected filter {/if}

Add Recipe URL

{:else}

{#each filteredItems as item (item.id)} retryItem(item.id)} onRemove={() => removeItem(item.id)} onClearHighlight={clearHighlight} /> {/each}

{/if}

{connectionStatus === 'connected' ? 'Live updates' : connectionStatus === 'connecting' ? 'Connecting...' : 'Disconnected'} {#if lastPing} ({new Date(lastPing).toLocaleTimeString()}) {/if}