{t('providers.type')}

{#if !editing} {:else}

{form.type}

{/if}

{t('providers.name')}

form.icon = v} /> nameManuallyEdited = true} required class="flex-1 px-3 py-2 border border-[var(--color-border)] rounded-md text-sm bg-[var(--color-background)]" />

{#if descriptor?.hasUrl}

{t('providers.url')}

{/if} {#each descriptor?.configFields ?? [] as field (field.key)}

{t(editing && field.editLabel ? field.editLabel : field.label)} {#if field.optional}({t('providers.optional')}){/if} {#if field.type === 'grid-select' && field.gridItems} {:else if field.type === 'number'} {:else} {/if} {#if field.hint}

{t(field.hint)}

{/if}

{/each} {#if descriptor?.webhookUrlPattern && editing}

{t('providers.webhookUrl')}

{descriptor.webhookUrlPattern.replace('{token}', providers.find(p => p.id === editing)?.webhook_token ?? '')}

{t('providers.webhookUrlHint')}

{/if}

{#each providers as provider} {@const provDesc = getDescriptor(provider.type)}

{provider.name}

{provider.type}

{#if provider.config?.url} {provider.config.url} {:else if provider.config?.host}

{provider.config.host}:{provider.config.port || 3493}

{/if} {#if provDesc?.webhookUrlPattern}

{t('providers.webhookUrl')}: {provDesc.webhookUrlPattern.replace('{token}', provider.webhook_token)}

{/if}

edit(provider)} /> startDelete(provider)} variant="danger" />

{#if provDesc?.payloadHistory && !showForm} {/if} {/each}