{#if targetRequired} {/if} {#if mode !== 'action' || action !== 'announce'} {/if} {/if} {#if mode === 'restriction'}

{/if} {#if actionUnavailable}

Select a connected server with support for this action. Unavailable actions cannot be sent.

{/if} {#if mode === 'restriction'}

Restrictions are saved immediately. They take effect only on servers with the required capability and current policy; review enforcement coverage after saving.

{/if} {#if lockedTarget}

This restriction will be linked to the case and its recorded player identity. Applying it does not close the case; change its status when your work is complete.

{/if} {#if mode === 'case' || mode === 'edit-case'} {#if mode === 'case' && open && game && guid.trim()}{/if} {#if mode === 'case' && seed.matchId && seed.message}

Selected chat evidence · Match #{seed.matchId}

{seed.message}

The original archived message and its context will be preserved when the case is saved.

{/if} {/if} {#if mode === 'edit-case'}

({ value: person.id, label: person.username })), ...(seed.assigneeId && !assignees.some((person) => person.id === seed.assigneeId) ? [ { value: seed.assigneeId, label: `${seed.assignee ?? 'Previous assignee'} (unavailable)` } ] : []) ]} />

</Field>
            {/if}
            {#if mode === 'evidence'}
                <p class="hint">
                    Choose a match and copy the exact archived message from this player. The archive
                    must verify the case's game and player identity before evidence is attached.
                </p>
                <Field label="Match ID" required
                    ><Input type="number" bind:value={matchId} min={1} step={1} required /></Field
                >
                <Field label="Exact archived message" required
                    ><Textarea bind:value={message} required rows={4} maxlength={4096} /></Field
                >
            {/if}
            {#if mode === 'case-status'}
                <Field label="Status"
                    ><Select
                        bind:value={status}
                        options={moderationCaseStatuses.map((value) => ({
                            value,
                            label: moderationCaseStatusLabels[value]
                        }))}
                    /></Field
                >
                <p class="hint">
                    Track whether this case is open, in progress, or closed. Findings and recorded
                    actions stay in the case history.
                </p>
            {/if}
            {#if ['restriction', 'action', 'revoke', 'case-status'].includes(mode)}
                <Field
                    label={mode === 'action' && ['message', 'announce'].includes(action)
                        ? 'Message'
                        : mode === 'restriction' || mode === 'action'
                          ? 'Player-visible reason'
                          : mode === 'case-status'
                            ? 'Change reason'
                            : 'Review reason'}
                    hint={gameText
                        ? `${reasonBytes} / 240 bytes. Some characters use more than one byte.`
                        : undefined}
                    required
                    ><Textarea
                        bind:value={reason}
                        required
                        rows={3}
                        maxlength={gameText ? 240 : undefined}
                    /></Field
                >
            {/if}
            {#if ['restriction', 'case', 'note', 'case-note'].includes(mode)}
                <Field label="Private staff note" required={mode === 'note' || mode === 'case-note'}
                    ><Textarea
                        bind:value={note}
                        required={mode === 'note' || mode === 'case-note'}
                        rows={4}
                    /></Field
                >
            {/if}
        </fieldset>
        {#if error}<p class="ui-error" role="alert">{error}</p>{/if}
        {#if uncertain}<p class="hint" role="status">
                The outcome is not yet known. Retry sends the same request safely; check History
                before starting a different action.
            </p>{/if}
        <div class="actions">
            <Button disabled={busy} onclick={() => (open = false)}>Cancel</Button><Button
                type="submit"
                disabled={!uncertain && (actionUnavailable || statusUnchanged)}
                variant={mode === 'restriction' || mode === 'revoke' ? 'danger' : 'primary'}
                loading={busy}>{uncertain ? 'Retry same request' : 'Save'}</Button
            >
        </div>
    </form>
</Dialog>

<style>
    .moderation-form,
    fieldset {
        display: grid;
        gap: var(--space-4);
        min-width: 0;
    }
    fieldset {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .paired {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-3);
    }
    .actions {
        display: flex;
        justify-content: flex-end;
        gap: var(--space-3);
    }
    .hint,
    .evidence {
        margin: 0;
        color: var(--text-secondary);
        font-size: var(--text-sm);
    }
    .evidence {
        padding: var(--space-3);
        border: 1px solid var(--border-subtle);
        border-radius: var(--radius-md);
        overflow-wrap: anywhere;
    }
    .evidence p {
        white-space: pre-wrap;
    }
    .evidence small {
        font-size: var(--text-xs);
    }
    @media (max-width: 640px) {
        .paired {
            grid-template-columns: 1fr;
        }
    }
</style>