{#each configItems as item} {#if editingKey === item.key} {:else} {/if} {/each}

Key	Value	Actions
{item.key}		{ isSaving = true; return async ({ result }) => { isSaving = false; if (result.type === 'success') { const idx = configItems.findIndex((i) => i.key === item.key); if (idx !== -1) { configItems[idx].value = editingValue; } editingKey = null; saveMessage = { type: 'success', text: 'Config updated' }; } else if (result.type === 'failure') { saveMessage = { type: 'error', text: (result.data?.error as string) || 'Failed to update' }; } else { saveMessage = { type: 'error', text: 'Failed to update' }; } setTimeout(() => { saveMessage = null; }, 3000); }; }} > Save Cancel
{item.key}	{item.value}	startEdit(item)} class="text-amber-400 hover:text-amber-300 transition-colors" title="Edit config" > handleDelete(item.key)} disabled={isSaving} class="text-red-400 hover:text-red-300 transition-colors disabled:opacity-50" title="Delete config" >