Adding upstream version 1.1.1.upstream/1.1.1

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

22 files changed, 3899 insertions, 0 deletions

diff --git a/library/Icingadb/Widget/Detail/CheckStatistics.php b/library/Icingadb/Widget/Detail/CheckStatistics.php
new file mode 100644
index 0000000..8a826d5
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/CheckStatistics.php
@@ -0,0 +1,373 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Date\DateFormatter;
+use Icinga\Module\Icingadb\Widget\CheckAttempt;
+use Icinga\Util\Format;
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\FormattedString;
+use ipl\Html\HtmlElement;
+use ipl\Html\HtmlString;
+use ipl\Html\Text;
+use ipl\Web\Common\Card;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Compat\StyleWithNonce;
+use ipl\Web\Widget\TimeAgo;
+use ipl\Web\Widget\TimeSince;
+use ipl\Web\Widget\TimeUntil;
+use ipl\Web\Widget\VerticalKeyValue;
+
+class CheckStatistics extends Card
+{
+    const TOP_LEFT_BUBBLE_FLAG = <<<'SVG'
+<svg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'>
+    <path class='bg' d='M0 0L13 13L3.15334e-06 13L0 0Z'/>
+    <path class='border' fill-rule='evenodd' clip-rule='evenodd'
+          d='M0 0L3.3959e-06 14L14 14L0 0ZM1 2.41421L1 13L11.5858 13L1 2.41421Z'/>
+</svg>
+SVG;
+
+    const TOP_RIGHT_BUBBLE_FLAG = <<<'SVG'
+<svg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'>
+    <path class='bg' d="M12 0L-1 13L12 13L12 0Z"/>
+    <path class='border' fill-rule="evenodd" clip-rule="evenodd"
+          d="M12 0L12 14L-2 14L12 0ZM11 2.41421L11 13L0.414213 13L11 2.41421Z"/>
+</svg>
+SVG;
+
+    protected $object;
+
+    protected $tag = 'div';
+
+    protected $defaultAttributes = ['class' => ['progress-bar', 'check-statistics']];
+
+    public function __construct($object)
+    {
+        $this->object = $object;
+    }
+
+    protected function assembleBody(BaseHtmlElement $body)
+    {
+        $styleElement = (new StyleWithNonce())
+            ->setModule('icingadb');
+
+        $hPadding = 10;
+        $durationScale = 80;
+        $checkInterval = $this->getCheckInterval();
+
+        $timeline = new HtmlElement('div', Attributes::create(['class' => ['check-timeline', 'timeline']]));
+        $above = new HtmlElement('ul', Attributes::create(['class' => 'above']));
+        $below = new HtmlElement('ul', Attributes::create(['class' => 'below']));
+        $progressBar = new HtmlElement('div', Attributes::create(['class' => 'bar']));
+        $overdueBar = null;
+
+        $now = time();
+        $executionTime = ($this->object->state->execution_time / 1000) + ($this->object->state->latency / 1000);
+
+        $nextCheckTime = $this->object->state->next_check !== null && ! $this->isChecksDisabled()
+            ? $this->object->state->next_check->getTimestamp()
+            : null;
+        if ($this->object->state->is_overdue) {
+            $nextCheckTime = $this->object->state->next_update->getTimestamp();
+
+            $durationScale = 60;
+
+            $overdueBar = new HtmlElement(
+                'div',
+                Attributes::create(['class' => 'timeline-overlay']),
+                new HtmlElement('div', Attributes::create(['class' => 'now']))
+            );
+
+            $above->addHtml(new HtmlElement(
+                'li',
+                Attributes::create(['class' => 'now']),
+                new HtmlElement(
+                    'div',
+                    Attributes::create(['class' => 'bubble']),
+                    new HtmlElement('strong', null, Text::create(t('Now')))
+                )
+            ));
+
+            $this->getAttributes()->add('class', 'check-overdue');
+        } else {
+            $progressBar->addHtml(new HtmlElement('div', Attributes::create(['class' => 'now'])));
+        }
+
+        if ($nextCheckTime !== null && ! $this->object->state->is_overdue && $nextCheckTime < $now) {
+            // If the next check is already in the past but not overdue, it means the check is probably running.
+            // Icinga only updates the state once the check reports a result, that's why we have to simulate the
+            // execution start and end time, as well as the next check time.
+            $lastUpdateTime = $nextCheckTime;
+            $nextCheckTime = $this->object->state->next_update->getTimestamp() - $executionTime;
+            $executionEndTime = $lastUpdateTime + $executionTime;
+        } else {
+            $lastUpdateTime = $this->object->state->last_update !== null
+                ? $this->object->state->last_update->getTimestamp() - $executionTime
+                : null;
+            $executionEndTime = $this->object->state->last_update !== null
+                ? $this->object->state->last_update->getTimestamp()
+                : null;
+        }
+
+        if ($this->object->state->is_overdue) {
+            $leftNow = 100;
+        } elseif ($nextCheckTime === null) {
+            $leftNow = 0;
+        } elseif (! $this->object->state->is_reachable && time() - $executionEndTime > $checkInterval * 2) {
+            // We have no way of knowing whether the dependency pauses check scheduling.
+            // The only way to detect this, is to measure how old the last update is.
+            $nextCheckTime = null;
+            $leftNow = 0;
+        } elseif ($nextCheckTime - $lastUpdateTime <= 0) {
+            $leftNow = 0;
+        } else {
+            $leftNow = 100 * (1 - ($nextCheckTime - time()) / ($nextCheckTime - $lastUpdateTime));
+            if ($leftNow > 100) {
+                $leftNow = 100;
+            } elseif ($leftNow < 0) {
+                $leftNow = 0;
+            }
+        }
+
+        $styleElement->addFor($progressBar, ['width' => sprintf('%F%%', $leftNow)]);
+
+        $leftExecutionEnd = $nextCheckTime !== null && $nextCheckTime - $lastUpdateTime > 0 ? $durationScale * (
+            1 - ($nextCheckTime - $executionEndTime) / ($nextCheckTime - $lastUpdateTime)
+        ) : 0;
+
+        $markerLast = new HtmlElement('div', Attributes::create([
+            'class' => ['highlighted', 'marker', 'left'],
+            'title' => $lastUpdateTime !== null ? DateFormatter::formatDateTime($lastUpdateTime) : null
+        ]));
+        $markerNext = new HtmlElement('div', Attributes::create([
+            'class' => ['highlighted', 'marker', 'right'],
+            'title' => $nextCheckTime !== null ? DateFormatter::formatDateTime($nextCheckTime) : null
+        ]));
+        $markerExecutionEnd = new HtmlElement('div', Attributes::create(['class' => ['highlighted', 'marker']]));
+        $styleElement->addFor($markerExecutionEnd, [
+            'left' => sprintf('%F%%', $hPadding + $leftExecutionEnd)
+        ]);
+
+        $progress = new HtmlElement('div', Attributes::create([
+            'class' => ['progress', time() < $executionEndTime ? 'running' : null]
+        ]), $progressBar);
+        if ($nextCheckTime !== null) {
+            $progress->addAttributes([
+                'data-animate-progress' => true,
+                'data-start-time' => $lastUpdateTime,
+                'data-end-time' => $nextCheckTime,
+                'data-switch-after' => $executionTime,
+                'data-switch-class' => 'running'
+            ]);
+        }
+
+        $timeline->addHtml(
+            $progress,
+            $markerLast,
+            $markerExecutionEnd,
+            $markerNext
+        )->add($overdueBar);
+
+        $executionStart = new HtmlElement(
+            'li',
+            Attributes::create(['class' => 'left']),
+            new HtmlElement(
+                'div',
+                Attributes::create(['class' => ['bubble', 'upwards', 'top-right-aligned']]),
+                new VerticalKeyValue(
+                    t('Execution Start'),
+                    $lastUpdateTime ? new TimeAgo($lastUpdateTime) : t('PENDING')
+                ),
+                HtmlString::create(self::TOP_RIGHT_BUBBLE_FLAG)
+            )
+        );
+        $executionEnd = new HtmlElement(
+            'li',
+            Attributes::create(['class' => 'positioned']),
+            new HtmlElement(
+                'div',
+                Attributes::create(['class' => ['bubble', 'upwards', 'top-left-aligned']]),
+                new VerticalKeyValue(
+                    t('Execution End'),
+                    $executionEndTime !== null
+                        ? ($executionEndTime > $now
+                        ? new TimeUntil($executionEndTime)
+                        : new TimeAgo($executionEndTime))
+                        : t('PENDING')
+                ),
+                HtmlString::create(self::TOP_LEFT_BUBBLE_FLAG)
+            )
+        );
+
+        $styleElement->addFor($executionEnd, ['left' => sprintf('%F%%', $hPadding + $leftExecutionEnd)]);
+
+        $intervalLine = new HtmlElement(
+            'li',
+            Attributes::create(['class' => 'interval-line']),
+            new VerticalKeyValue(t('Interval'), Format::seconds($checkInterval))
+        );
+
+        $styleElement->addFor($intervalLine, [
+            'left'  => sprintf('%F%%', $hPadding + $leftExecutionEnd),
+            'width' => sprintf('%F%%', $durationScale - $leftExecutionEnd)
+        ]);
+
+        $executionLine = new HtmlElement(
+            'li',
+            Attributes::create(['class' => ['interval-line', 'execution-line']]),
+            new VerticalKeyValue(
+                sprintf('%s / %s', t('Execution Time'), t('Latency')),
+                FormattedString::create(
+                    '%s / %s',
+                    $this->object->state->execution_time !== null
+                        ? Format::seconds($this->object->state->execution_time / 1000)
+                        : (new EmptyState(t('n. a.')))->setTag('span'),
+                    $this->object->state->latency !== null
+                        ? Format::seconds($this->object->state->latency / 1000)
+                        : (new EmptyState(t('n. a.')))->setTag('span')
+                )
+            )
+        );
+
+        $styleElement->addFor($executionLine, [
+            'left'  => sprintf('%F%%', $hPadding),
+            'width' => sprintf('%F%%', $leftExecutionEnd)
+        ]);
+
+        if ($executionEndTime !== null) {
+            $executionLine->addHtml(new HtmlElement('div', Attributes::create(['class' => 'start'])));
+            $executionLine->addHtml(new HtmlElement('div', Attributes::create(['class' => 'end'])));
+        }
+
+        if ($this->isChecksDisabled()) {
+            $nextCheckBubbleContent = new VerticalKeyValue(
+                t('Next Check'),
+                t('n.a')
+            );
+
+            $this->addAttributes(['class' => 'checks-disabled']);
+        } else {
+            $nextCheckBubbleContent = $this->object->state->is_overdue
+                ? new VerticalKeyValue(t('Overdue'), new TimeSince($nextCheckTime))
+                : new VerticalKeyValue(
+                    t('Next Check'),
+                    $nextCheckTime !== null
+                        ? ($nextCheckTime > $now
+                            ? new TimeUntil($nextCheckTime)
+                            : new TimeAgo($nextCheckTime))
+                        : t('PENDING')
+                );
+        }
+
+        $nextCheck = new HtmlElement(
+            'li',
+            Attributes::create(['class' => 'right']),
+            new HtmlElement(
+                'div',
+                Attributes::create(['class' => ['bubble', 'upwards']]),
+                $nextCheckBubbleContent
+            )
+        );
+
+        $above->addHtml($executionLine);
+
+        $below->addHtml(
+            $executionStart,
+            $executionEnd,
+            $intervalLine,
+            $nextCheck
+        );
+
+        $body->addHtml($above, $timeline, $below, $styleElement);
+    }
+
+    /**
+     * Checks if both active and passive checks are disabled
+     *
+     * @return bool
+     */
+    protected function isChecksDisabled(): bool
+    {
+        return ! ($this->object->active_checks_enabled || $this->object->passive_checks_enabled);
+    }
+
+    protected function assembleHeader(BaseHtmlElement $header)
+    {
+        $checkSource = (new EmptyState(t('n. a.')))->setTag('span');
+        if ($this->object->state->check_source) {
+            $checkSource = Text::create($this->object->state->check_source);
+        }
+
+        $header->addHtml(
+            new VerticalKeyValue(t('Command'), $this->object->checkcommand_name),
+            new VerticalKeyValue(
+                t('Scheduling Source'),
+                $this->object->state->scheduling_source ?? (new EmptyState(t('n. a.')))->setTag('span')
+            )
+        );
+
+        if ($this->object->timeperiod->id) {
+            $header->addHtml(new VerticalKeyValue(
+                t('Timeperiod'),
+                $this->object->timeperiod->display_name ?? $this->object->timeperiod->name
+            ));
+        }
+
+        $header->addHtml(
+            new VerticalKeyValue(
+                t('Attempts'),
+                new CheckAttempt((int) $this->object->state->check_attempt, (int) $this->object->max_check_attempts)
+            ),
+            new VerticalKeyValue(t('Check Source'), $checkSource)
+        );
+    }
+
+    /**
+     * Get the active `check_interval` OR `check_retry_interval`
+     *
+     * @return int
+     */
+    protected function getCheckInterval(): int
+    {
+        if (! ($this->object->state->is_problem && $this->object->state->state_type === 'soft')) {
+            return $this->object->check_interval;
+        }
+
+        $delay = ($this->object->state->execution_time + $this->object->state->latency) / 1000 + 5;
+        $interval = $this->object->state->next_check->getTimestamp()
+            - $this->object->state->last_update->getTimestamp();
+
+        // In case passive check is used, the check_retry_interval has no effect.
+        // Since there is no flag in the database to check if the passive check was triggered.
+        // We have to manually check if the check_retry_interval matches the calculated interval.
+        if (
+            $this->object->check_retry_interval - $delay <= $interval
+            && $this->object->check_retry_interval + $delay >= $interval
+        ) {
+            return $this->object->check_retry_interval;
+        }
+
+        return $this->object->check_interval;
+    }
+
+    protected function assemble()
+    {
+        parent::assemble();
+
+        if ($this->isChecksDisabled()) {
+            $this->addHtml(new HtmlElement(
+                'div',
+                Attributes::create(['class' => 'checks-disabled-overlay']),
+                new HtmlElement(
+                    'strong',
+                    Attributes::create(['class' => 'notes']),
+                    Text::create(t('active and passive checks are disabled'))
+                )
+            ));
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/CommentDetail.php b/library/Icingadb/Widget/Detail/CommentDetail.php
new file mode 100644
index 0000000..5b0923e
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/CommentDetail.php
@@ -0,0 +1,140 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Date\DateFormatter;
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Common\TicketLinks;
+use Icinga\Module\Icingadb\Model\Comment;
+use Icinga\Module\Icingadb\Widget\MarkdownText;
+use Icinga\Module\Icingadb\Forms\Command\Object\DeleteCommentForm;
+use ipl\Stdlib\Filter;
+use ipl\Web\Filter\QueryString;
+use ipl\Web\Widget\HorizontalKeyValue;
+use ipl\Web\Widget\StateBall;
+use ipl\Web\Widget\TimeUntil;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+
+class CommentDetail extends BaseHtmlElement
+{
+    use Auth;
+    use TicketLinks;
+
+    protected $comment;
+
+    protected $defaultAttributes = ['class' => ['object-detail', 'comment-detail']];
+
+    protected $tag = 'div';
+
+    public function __construct(Comment $comment)
+    {
+        $this->comment = $comment;
+    }
+
+    protected function createComment(): array
+    {
+        return [
+            Html::tag('h2', t('Comment')),
+            new MarkdownText($this->createTicketLinks($this->comment->text))
+        ];
+    }
+
+    protected function createDetails(): array
+    {
+        $details = [];
+
+        if (getenv('ICINGAWEB_EXPORT_FORMAT') === 'pdf') {
+            if ($this->comment->object_type === 'host') {
+                $details[] = new HorizontalKeyValue(t('Host'), [
+                    $this->comment->host->name,
+                    ' ',
+                    new StateBall($this->comment->host->state->getStateText())
+                ]);
+            } else {
+                $details[] = new HorizontalKeyValue(t('Service'), Html::sprintf(
+                    t('%s on %s', '<service> on <host>'),
+                    [$this->comment->service->name, ' ', new StateBall($this->comment->service->state->getStateText())],
+                    $this->comment->host->name
+                ));
+            }
+
+            $details[] = new HorizontalKeyValue(t('Author'), $this->comment->author);
+            $details[] = new HorizontalKeyValue(
+                t('Acknowledgement'),
+                $this->comment->entry_type === 'ack' ? t('Yes') : t('No')
+            );
+            $details[] = new HorizontalKeyValue(
+                t('Persistent'),
+                $this->comment->is_persistent ? t('Yes') : t('No')
+            );
+            $details[] = new HorizontalKeyValue(
+                t('Created'),
+                DateFormatter::formatDateTime($this->comment->entry_time->getTimestamp())
+            );
+            $details[] = new HorizontalKeyValue(t('Expires'), $this->comment->expire_time !== null
+                ? DateFormatter::formatDateTime($this->comment->expire_time->getTimestamp())
+                : t('Never'));
+        } else {
+            if ($this->comment->expire_time !== null) {
+                $details[] = Html::tag(
+                    'p',
+                    Html::sprintf(
+                        $this->comment->entry_type === 'ack'
+                            ? t('This acknowledgement expires %s.', '..<time-until>')
+                            : t('This comment expires %s.', '..<time-until>'),
+                        new TimeUntil($this->comment->expire_time->getTimestamp())
+                    )
+                );
+            }
+
+            if ($this->comment->is_sticky) {
+                $details[] = Html::tag('p', t('This acknowledgement is sticky.'));
+            }
+        }
+
+        if (! empty($details)) {
+            array_unshift($details, Html::tag('h2', t('Details')));
+        }
+
+        return $details;
+    }
+
+    protected function createRemoveCommentForm()
+    {
+        if (getenv('ICINGAWEB_EXPORT_FORMAT') === 'pdf') {
+            return null;
+        }
+
+        $action = Links::commentsDelete();
+        $action->setFilter(Filter::equal('name', $this->comment->name));
+
+        return (new DeleteCommentForm())
+            ->setObjects([$this->comment])
+            ->populate(['redirect' => '__BACK__'])
+            ->setAction($action->getAbsoluteUrl());
+    }
+
+    protected function assemble()
+    {
+        $this->add($this->createComment());
+
+        $details = $this->createDetails();
+
+        if (! empty($details)) {
+            $this->add($details);
+        }
+
+        if (
+            $this->isGrantedOn(
+                'icingadb/command/comment/delete',
+                $this->comment->{$this->comment->object_type}
+            )
+        ) {
+            $this->add($this->createRemoveCommentForm());
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/CustomVarTable.php b/library/Icingadb/Widget/Detail/CustomVarTable.php
new file mode 100644
index 0000000..9d6916b
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/CustomVarTable.php
@@ -0,0 +1,268 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Hook\CustomVarRendererHook;
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Html\HtmlDocument;
+use ipl\Html\HtmlElement;
+use ipl\Html\Text;
+use ipl\Orm\Model;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\Icon;
+use Closure;
+
+class CustomVarTable extends BaseHtmlElement
+{
+    /** @var array The variables */
+    protected $data;
+
+    /** @var ?Model The object the variables are bound to */
+    protected $object;
+
+    /** @var Closure Callback to apply hooks */
+    protected $hookApplier;
+
+    /** @var array The groups as identified by hooks */
+    protected $groups = [];
+
+    /** @var string Header title */
+    protected $headerTitle;
+
+    /** @var int The nesting level */
+    protected $level = 0;
+
+    protected $tag = 'table';
+
+    /** @var HtmlElement The table body */
+    protected $body;
+
+    protected $defaultAttributes = [
+        'class' => ['custom-var-table', 'name-value-table']
+    ];
+
+    /**
+     * Create a new CustomVarTable
+     *
+     * @param iterable $data
+     * @param ?Model $object
+     */
+    public function __construct($data, Model $object = null)
+    {
+        $this->data = $data;
+        $this->object = $object;
+        $this->body = new HtmlElement('tbody');
+    }
+
+    /**
+     * Set the header to show
+     *
+     * @param string $title
+     *
+     * @return $this
+     */
+    protected function setHeader(string $title): self
+    {
+        $this->headerTitle = $title;
+
+        return $this;
+    }
+
+    /**
+     * Add a new row to the body
+     *
+     * @param mixed $name
+     * @param mixed $value
+     *
+     * @return void
+     */
+    protected function addRow($name, $value)
+    {
+        $this->body->addHtml(new HtmlElement(
+            'tr',
+            Attributes::create(['class' => "level-{$this->level}"]),
+            new HtmlElement('th', null, Html::wantHtml($name)),
+            new HtmlElement('td', null, Html::wantHtml($value))
+        ));
+    }
+
+    /**
+     * Render a variable
+     *
+     * @param mixed $name
+     * @param mixed $value
+     *
+     * @return void
+     */
+    protected function renderVar($name, $value)
+    {
+        if ($this->object !== null && $this->level === 0) {
+            list($name, $value, $group) = call_user_func($this->hookApplier, $name, $value);
+            if ($group !== null) {
+                $this->groups[$group][] = [$name, $value];
+                return;
+            }
+        }
+
+        $isArray = is_array($value);
+        switch (true) {
+            case $isArray && is_int(key($value)):
+                $this->renderArray($name, $value);
+                break;
+            case $isArray:
+                $this->renderObject($name, $value);
+                break;
+            default:
+                $this->renderScalar($name, $value);
+        }
+    }
+
+    /**
+     * Render an array
+     *
+     * @param string $name
+     * @param array $array
+     *
+     * @return void
+     */
+    protected function renderArray($name, array $array)
+    {
+        $numItems = count($array);
+        $name = (new HtmlDocument())->addHtml(
+            Html::wantHtml($name),
+            Text::create(' (Array)')
+        );
+
+        $this->addRow($name, sprintf(tp('%d item', '%d items', $numItems), $numItems));
+
+        ++$this->level;
+
+        ksort($array);
+        foreach ($array as $key => $value) {
+            $this->renderVar("[$key]", $value);
+        }
+
+        --$this->level;
+    }
+
+    /**
+     * Render an object (associative array)
+     *
+     * @param mixed $name
+     * @param array $object
+     *
+     * @return void
+     */
+    protected function renderObject($name, array $object)
+    {
+        $numItems = count($object);
+        $this->addRow($name, sprintf(tp('%d item', '%d items', $numItems), $numItems));
+
+        ++$this->level;
+
+        ksort($object);
+        foreach ($object as $key => $value) {
+            $this->renderVar($key, $value);
+        }
+
+        --$this->level;
+    }
+
+    /**
+     * Render a scalar
+     *
+     * @param mixed $name
+     * @param mixed $value
+     *
+     * @return void
+     */
+    protected function renderScalar($name, $value)
+    {
+        if ($value === '') {
+            $value = new EmptyState(t('empty string'));
+        }
+
+        $this->addRow($name, $value);
+    }
+
+    /**
+     * Render a group
+     *
+     * @param string $name
+     * @param iterable $entries
+     *
+     * @return void
+     */
+    protected function renderGroup(string $name, $entries)
+    {
+        $table = new self($entries);
+
+        $wrapper = $this->getWrapper();
+        if ($wrapper === null) {
+            $wrapper = new HtmlDocument();
+            $wrapper->addHtml($this);
+            $this->prependWrapper($wrapper);
+        }
+
+        $wrapper->addHtml($table->setHeader($name));
+    }
+
+    protected function assemble()
+    {
+        if ($this->object !== null) {
+            $this->hookApplier = CustomVarRendererHook::prepareForObject($this->object);
+        }
+
+        if ($this->headerTitle !== null) {
+            $this->getAttributes()
+                ->add('class', 'collapsible')
+                ->add('data-visible-height', 100)
+                ->add('data-toggle-element', 'thead')
+                ->add(
+                    'id',
+                    preg_replace('/\s+/', '-', strtolower($this->headerTitle)) . '-customvars'
+                );
+
+            $this->addHtml(new HtmlElement('thead', null, new HtmlElement(
+                'tr',
+                null,
+                new HtmlElement(
+                    'th',
+                    Attributes::create(['colspan' => 2]),
+                    new HtmlElement(
+                        'span',
+                        null,
+                        new Icon('angle-right'),
+                        new Icon('angle-down')
+                    ),
+                    Text::create($this->headerTitle)
+                )
+            )));
+        }
+
+        if (is_array($this->data)) {
+            ksort($this->data);
+        }
+
+        foreach ($this->data as $name => $value) {
+            $this->renderVar($name, $value);
+        }
+
+        $this->addHtml($this->body);
+
+        // Hooks can return objects as replacement for keys, hence a generator is needed for group entries
+        $genGenerator = function ($entries) {
+            foreach ($entries as list($key, $value)) {
+                yield $key => $value;
+            }
+        };
+
+        foreach ($this->groups as $group => $entries) {
+            $this->renderGroup($group, $genGenerator($entries));
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/DowntimeCard.php b/library/Icingadb/Widget/Detail/DowntimeCard.php
new file mode 100644
index 0000000..81f59da
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/DowntimeCard.php
@@ -0,0 +1,258 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Model\Downtime;
+use ipl\Html\Attributes;
+use ipl\Html\HtmlElement;
+use ipl\Web\Compat\StyleWithNonce;
+use ipl\Web\Widget\TimeAgo;
+use ipl\Web\Widget\TimeUntil;
+use ipl\Web\Widget\VerticalKeyValue;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+
+class DowntimeCard extends BaseHtmlElement
+{
+    protected $downtime;
+
+    protected $duration;
+
+    protected $defaultAttributes = ['class' => 'progress-bar downtime-progress'];
+
+    protected $tag = 'div';
+
+    protected $start;
+
+    protected $end;
+
+    public function __construct(Downtime $downtime)
+    {
+        $this->downtime = $downtime;
+
+        $this->start = $this->downtime->scheduled_start_time->getTimestamp();
+        $this->end = $this->downtime->scheduled_end_time->getTimestamp();
+
+        if ($this->downtime->end_time > $this->downtime->scheduled_end_time) {
+            $this->duration = $this->downtime->end_time->getTimestamp() - $this->start;
+        } else {
+            $this->duration = $this->end - $this->start;
+        }
+    }
+
+    protected function assemble()
+    {
+        $styleElement = (new StyleWithNonce())
+            ->setModule('icingadb');
+
+        $timeline = Html::tag('div', ['class' => 'downtime-timeline timeline']);
+        $hPadding = 10;
+
+        $above = Html::tag('ul', ['class' => 'above']);
+        $below = Html::tag('ul', ['class' => 'below']);
+
+        $markerStart = new HtmlElement('div', Attributes::create(['class' => ['marker' , 'left']]));
+        $markerEnd = new HtmlElement('div', Attributes::create(['class' => ['marker', 'right']]));
+
+        $timelineProgress = null;
+        $flexProgress = null;
+        $markerFlexStart = null;
+        $markerFlexEnd = null;
+
+        if ($this->end < time()) {
+            $endTime = new TimeAgo($this->end);
+        } else {
+            $endTime = new TimeUntil($this->end);
+        }
+
+        if ($this->downtime->is_flexible && $this->downtime->is_in_effect) {
+            $this->addAttributes(['class' => 'flexible in-effect']);
+
+            $flexStartLeft = $hPadding + $this->calcRelativeLeft($this->downtime->start_time->getTimestamp());
+            $flexEndLeft = $hPadding + $this->calcRelativeLeft($this->downtime->end_time->getTimestamp());
+
+            $evade = false;
+            if ($flexEndLeft - $flexStartLeft < 2) {
+                $flexStartLeft -= 1;
+                $flexEndLeft += 1;
+
+                if ($flexEndLeft > $hPadding + $this->calcRelativeLeft($this->end)) {
+                    $flexEndLeft = $hPadding + $this->calcRelativeLeft($this->end) - .5;
+                    $flexStartLeft = $flexEndLeft - 2;
+                }
+
+                if ($flexStartLeft < $hPadding + $this->calcRelativeLeft($this->start)) {
+                    $flexStartLeft = $hPadding + $this->calcRelativeLeft($this->start) + .5;
+                    $flexEndLeft = $flexStartLeft + 2;
+                }
+
+                $evade = true;
+            }
+
+            $markerFlexStart = new HtmlElement('div', Attributes::create(['class' => ['highlighted', 'marker']]));
+            $markerFlexEnd = new HtmlElement('div', Attributes::create(['class' => ['highlighted', 'marker']]));
+
+            $styleElement
+                ->addFor($markerFlexStart, ['left' => sprintf('%F%%', $flexStartLeft)])
+                ->addFor($markerFlexEnd, ['left' => sprintf('%F%%', $flexEndLeft)]);
+
+            $scheduledEndBubble = new HtmlElement(
+                'li',
+                null,
+                new HtmlElement(
+                    'div',
+                    Attributes::create(['class' => ['bubble', 'upwards']]),
+                    new VerticalKeyValue(t('Scheduled End'), $endTime)
+                )
+            );
+
+            $timelineProgress = new HtmlElement('div', Attributes::create([
+                'class' => ['progress', 'downtime-elapsed'],
+                'data-animate-progress' => true,
+                'data-start-time' => ((float) $this->downtime->start_time->format('U.u')),
+                'data-end-time' => ((float) $this->downtime->end_time->format('U.u'))
+            ]), new HtmlElement(
+                'div',
+                Attributes::create(['class' => 'bar']),
+                new HtmlElement('div', Attributes::create(['class' => 'now']))
+            ));
+
+            $styleElement->addFor($timelineProgress, [
+                'left'  => sprintf('%F%%', $flexStartLeft),
+                'width' => sprintf('%F%%', $flexEndLeft - $flexStartLeft)
+            ]);
+
+            if (time() > $this->end) {
+                $styleElement
+                    ->addFor($markerEnd, [
+                        'left' => sprintf('%F%%', $hPadding + $this->calcRelativeLeft($this->end))
+                    ])
+                    ->addFor($scheduledEndBubble, [
+                        'left' => sprintf('%F%%', $hPadding + $this->calcRelativeLeft($this->end))
+                    ]);
+            } else {
+                $scheduledEndBubble->getAttributes()
+                    ->add('class', 'right');
+            }
+
+            $below->add([
+                Html::tag(
+                    'li',
+                    ['class' => 'left'],
+                    Html::tag(
+                        'div',
+                        ['class' => ['bubble', 'upwards']],
+                        new VerticalKeyValue(t('Scheduled Start'), new TimeAgo($this->start))
+                    )
+                ),
+                $scheduledEndBubble
+            ]);
+
+            $aboveStart = Html::tag('li', ['class' => 'positioned'], Html::tag(
+                'div',
+                ['class' => ['bubble', ($evade ? 'left-aligned' : null)]],
+                new VerticalKeyValue(t('Start'), new TimeAgo($this->downtime->start_time->getTimestamp()))
+            ));
+
+            $aboveEnd = Html::tag('li', ['class' => 'positioned'], Html::tag(
+                'div',
+                ['class' => ['bubble', ($evade ? 'right-aligned' : null)]],
+                new VerticalKeyValue(t('End'), new TimeUntil($this->downtime->end_time->getTimestamp()))
+            ));
+
+            $styleElement
+                ->addFor($aboveStart, ['left' => sprintf('%F%%', $flexStartLeft)])
+                ->addFor($aboveEnd, ['left' => sprintf('%F%%', $flexEndLeft)]);
+
+            $above->add([$aboveStart, $aboveEnd, $styleElement]);
+        } elseif ($this->downtime->is_flexible) {
+            $this->addAttributes(['class' => 'flexible']);
+
+            $below->add([
+                Html::tag(
+                    'li',
+                    ['class' => 'left'],
+                    Html::tag(
+                        'div',
+                        ['class' => ['bubble', 'upwards']],
+                        new VerticalKeyValue(
+                            t('Scheduled Start'),
+                            time() > $this->start
+                                ? new TimeAgo($this->start)
+                                : new TimeUntil($this->start)
+                        )
+                    )
+                ),
+                Html::tag(
+                    'li',
+                    ['class' => 'right'],
+                    Html::tag(
+                        'div',
+                        ['class' => ['bubble', 'upwards']],
+                        new VerticalKeyValue(t('Scheduled End'), $endTime)
+                    )
+                )
+            ]);
+
+            $above = null;
+        } else {
+            if (time() >= $this->start) {
+                $timelineProgress = new HtmlElement('div', Attributes::create([
+                    'class' => ['progress', 'downtime-elapsed'],
+                    'data-animate-progress' => true,
+                    'data-start-time' => $this->start,
+                    'data-end-time' => $this->end
+                ]), new HtmlElement(
+                    'div',
+                    Attributes::create(['class' => 'bar']),
+                    new HtmlElement('div', Attributes::create(['class' => 'now']))
+                ));
+            }
+
+            $below->add([
+                Html::tag(
+                    'li',
+                    ['class' => 'left'],
+                    Html::tag(
+                        'div',
+                        ['class' => 'bubble upwards'],
+                        new VerticalKeyValue(t('Start'), new TimeAgo($this->start))
+                    )
+                ),
+                Html::tag(
+                    'li',
+                    ['class' => 'right'],
+                    Html::tag(
+                        'div',
+                        ['class' => 'bubble upwards'],
+                        new VerticalKeyValue(t('End'), new TimeUntil($this->end))
+                    )
+                )
+            ]);
+
+            $above = null;
+        }
+
+        $timeline->add([
+            $timelineProgress,
+            $flexProgress,
+            $markerStart,
+            $markerEnd,
+            $markerFlexStart,
+            $markerFlexEnd
+        ]);
+
+        $this->add([
+            $above,
+            $timeline,
+            $below
+        ]);
+    }
+
+    protected function calcRelativeLeft($value)
+    {
+        return round(($value - $this->start) / $this->duration * 80, 2);
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/DowntimeDetail.php b/library/Icingadb/Widget/Detail/DowntimeDetail.php
new file mode 100644
index 0000000..9e50f7f
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/DowntimeDetail.php
@@ -0,0 +1,206 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Date\DateFormatter;
+use Icinga\Date\DateFormatter as WebDateFormatter;
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\Database;
+use Icinga\Module\Icingadb\Common\HostLink;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Widget\MarkdownText;
+use Icinga\Module\Icingadb\Common\ServiceLink;
+use Icinga\Module\Icingadb\Forms\Command\Object\DeleteDowntimeForm;
+use Icinga\Module\Icingadb\Model\Downtime;
+use Icinga\Module\Icingadb\Widget\ItemList\DowntimeList;
+use Icinga\Module\Icingadb\Widget\ShowMore;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\HorizontalKeyValue;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Html\HtmlElement;
+use ipl\Html\TemplateString;
+use ipl\Html\Text;
+use ipl\Stdlib\Filter;
+use ipl\Web\Filter\QueryString;
+use ipl\Web\Widget\Icon;
+use ipl\Web\Widget\Link;
+use ipl\Web\Widget\StateBall;
+
+class DowntimeDetail extends BaseHtmlElement
+{
+    use Auth;
+    use Database;
+    use HostLink;
+    use ServiceLink;
+
+    /** @var BaseHtmlElement */
+    protected $control;
+
+    /** @var Downtime */
+    protected $downtime;
+
+    protected $defaultAttributes = ['class' => ['object-detail', 'downtime-detail']];
+
+    protected $tag = 'div';
+
+    public function __construct(Downtime $downtime)
+    {
+        $this->downtime = $downtime;
+    }
+
+    protected function createCancelDowntimeForm()
+    {
+        $action = Links::downtimesDelete();
+        $action->setFilter(Filter::equal('name', $this->downtime->name));
+
+        return (new DeleteDowntimeForm())
+            ->setObjects([$this->downtime])
+            ->populate(['redirect' => '__BACK__'])
+            ->setAction($action->getAbsoluteUrl());
+    }
+
+    protected function createTimeline(): DowntimeCard
+    {
+        return new DowntimeCard($this->downtime);
+    }
+
+    protected function assemble()
+    {
+        $this->add(Html::tag('h2', t('Comment')));
+        $this->add(Html::tag('div', [
+            new Icon('user'),
+            Html::sprintf(
+                t('%s commented: %s', '<username> ..: <comment>'),
+                $this->downtime->author,
+                new MarkdownText($this->downtime->comment)
+            )
+        ]));
+
+        $this->add(Html::tag('h2', t('Details')));
+
+        if (getenv('ICINGAWEB_EXPORT_FORMAT') === 'pdf') {
+            $this->addHtml(new HorizontalKeyValue(
+                t('Type'),
+                $this->downtime->is_flexible ? t('Flexible') : t('Fixed')
+            ));
+            if ($this->downtime->object_type === 'host') {
+                $this->addHtml(new HorizontalKeyValue(t('Host'), [
+                    $this->downtime->host->name,
+                    ' ',
+                    new StateBall($this->downtime->host->state->getStateText())
+                ]));
+            } else {
+                $this->addHtml(new HorizontalKeyValue(t('Service'), Html::sprintf(
+                    t('%s on %s', '<service> on <host>'),
+                    [
+                        $this->downtime->service->name,
+                        ' ',
+                        new StateBall($this->downtime->service->state->getStateText())
+                    ],
+                    $this->downtime->host->name
+                )));
+            }
+        }
+
+        if ($this->downtime->triggered_by_id !== null || $this->downtime->parent_id !== null) {
+            if ($this->downtime->triggered_by_id !== null) {
+                $label = t('Triggered By');
+                $relatedDowntime = $this->downtime->triggered_by;
+            } else {
+                $label = t('Parent');
+                $relatedDowntime = $this->downtime->parent;
+            }
+
+            $this->addHtml(new HorizontalKeyValue(
+                $label,
+                HtmlElement::create('span', ['class' => 'accompanying-text'], TemplateString::create(
+                    $relatedDowntime->is_flexible
+                        ? t('{{#link}}Flexible Downtime{{/link}} for %s')
+                        : t('{{#link}}Fixed Downtime{{/link}} for %s'),
+                    ['link' => new Link(null, Links::downtime($relatedDowntime), ['class' => 'subject'])],
+                    ($relatedDowntime->object_type === 'host'
+                        ? $this->createHostLink($relatedDowntime->host, true)
+                        : $this->createServiceLink($relatedDowntime->service, $relatedDowntime->host, true))
+                ))
+            ));
+        }
+
+        $this->add(new HorizontalKeyValue(
+            t('Created'),
+            WebDateFormatter::formatDateTime($this->downtime->entry_time->getTimestamp())
+        ));
+        $this->add(new HorizontalKeyValue(
+            t('Start time'),
+            $this->downtime->start_time
+                ? WebDateFormatter::formatDateTime($this->downtime->start_time->getTimestamp())
+                : new EmptyState(t('Not started yet'))
+        ));
+        $this->add(new HorizontalKeyValue(
+            t('End time'),
+            $this->downtime->end_time
+                ? WebDateFormatter::formatDateTime($this->downtime->end_time->getTimestamp())
+                : new EmptyState(t('Not started yet'))
+        ));
+        $this->add(new HorizontalKeyValue(
+            t('Scheduled Start'),
+            WebDateFormatter::formatDateTime($this->downtime->scheduled_start_time->getTimestamp())
+        ));
+        $this->add(new HorizontalKeyValue(
+            t('Scheduled End'),
+            WebDateFormatter::formatDateTime($this->downtime->scheduled_end_time->getTimestamp())
+        ));
+        $this->add(new HorizontalKeyValue(
+            t('Scheduled Duration'),
+            DateFormatter::formatDuration($this->downtime->scheduled_duration / 1000)
+        ));
+        if ($this->downtime->is_flexible) {
+            $this->add(new HorizontalKeyValue(
+                t('Flexible Duration'),
+                DateFormatter::formatDuration($this->downtime->flexible_duration / 1000)
+            ));
+        }
+
+        $query = Downtime::on($this->getDb())->with([
+            'host',
+            'host.state',
+            'service',
+            'service.host',
+            'service.host.state',
+            'service.state'
+        ])
+            ->limit(3)
+            ->filter(Filter::equal('parent_id', $this->downtime->id))
+            ->orFilter(Filter::equal('triggered_by_id', $this->downtime->id));
+        $this->applyRestrictions($query);
+
+        $children = $query->peekAhead()->execute();
+        if ($children->hasResult()) {
+            $this->addHtml(
+                new HtmlElement('h2', null, Text::create(t('Children'))),
+                new DowntimeList($children),
+                (new ShowMore($children, Links::downtimes()->setQueryString(
+                    QueryString::render(Filter::any(
+                        Filter::equal('downtime.parent.name', $this->downtime->name),
+                        Filter::equal('downtime.triggered_by.name', $this->downtime->name)
+                    ))
+                )))->setBaseTarget('_next')
+            );
+        }
+
+        $this->add(Html::tag('h2', t('Progress')));
+        $this->add($this->createTimeline());
+
+        if (
+            getenv('ICINGAWEB_EXPORT_FORMAT') !== 'pdf'
+            && $this->isGrantedOn(
+                'icingadb/command/downtime/delete',
+                $this->downtime->{$this->downtime->object_type}
+            )
+        ) {
+            $this->add($this->createCancelDowntimeForm());
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/EventDetail.php b/library/Icingadb/Widget/Detail/EventDetail.php
new file mode 100644
index 0000000..181c9ae
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/EventDetail.php
@@ -0,0 +1,651 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use DateTime;
+use DateTimeZone;
+use Icinga\Date\DateFormatter;
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\Database;
+use Icinga\Module\Icingadb\Common\HostLink;
+use Icinga\Module\Icingadb\Common\HostStates;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Common\TicketLinks;
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectDetailExtensionHook;
+use Icinga\Module\Icingadb\Widget\MarkdownText;
+use Icinga\Module\Icingadb\Common\ServiceLink;
+use Icinga\Module\Icingadb\Common\ServiceStates;
+use Icinga\Module\Icingadb\Model\AcknowledgementHistory;
+use Icinga\Module\Icingadb\Model\CommentHistory;
+use Icinga\Module\Icingadb\Model\DowntimeHistory;
+use Icinga\Module\Icingadb\Model\FlappingHistory;
+use Icinga\Module\Icingadb\Model\History;
+use Icinga\Module\Icingadb\Model\NotificationHistory;
+use Icinga\Module\Icingadb\Model\StateHistory;
+use Icinga\Module\Icingadb\Util\PluginOutput;
+use Icinga\Module\Icingadb\Widget\ShowMore;
+use ipl\Web\Widget\CopyToClipboard;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\HorizontalKeyValue;
+use Icinga\Module\Icingadb\Widget\ItemTable\UserTable;
+use Icinga\Module\Icingadb\Widget\PluginOutputContainer;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\FormattedString;
+use ipl\Html\HtmlElement;
+use ipl\Html\TemplateString;
+use ipl\Html\Text;
+use ipl\Orm\ResultSet;
+use ipl\Stdlib\Filter;
+use ipl\Stdlib\Str;
+use ipl\Web\Widget\Icon;
+use ipl\Web\Widget\Link;
+use ipl\Web\Widget\StateBall;
+
+class EventDetail extends BaseHtmlElement
+{
+    use Auth;
+    use Database;
+    use HostLink;
+    use ServiceLink;
+    use TicketLinks;
+
+    protected $tag = 'div';
+
+    protected $defaultAttributes = ['class' => 'object-detail'];
+
+    /** @var History */
+    protected $event;
+
+    public function __construct(History $event)
+    {
+        $this->event = $event;
+    }
+
+    protected function assembleNotificationEvent(NotificationHistory $notification)
+    {
+        $pluginOutput = [];
+
+        $commandName = $notification->object_type === 'host'
+            ? $this->event->host->checkcommand_name
+            : $this->event->service->checkcommand_name;
+        if (isset($commandName)) {
+            if (empty($notification->text)) {
+                $notificationText = new EmptyState(t('Output unavailable.'));
+            } else {
+                $notificationText = new PluginOutputContainer(
+                    (new PluginOutput($notification->text))
+                        ->setCommandName($notification->object_type === 'host'
+                            ? $this->event->host->checkcommand_name
+                            : $this->event->service->checkcommand_name)
+                );
+
+                CopyToClipboard::attachTo($notificationText);
+            }
+
+            $pluginOutput = [
+                HtmlElement::create('h2', null, $notification->author ? t('Comment') : t('Plugin Output')),
+                HtmlElement::create('div', [
+                    'id'    => 'check-output-' . $commandName,
+                    'class' => 'collapsible',
+                    'data-visible-height' => 100
+                ], $notificationText)
+            ];
+        } else {
+            $pluginOutput[] = new EmptyState(t('Waiting for Icinga DB to synchronize the config.'));
+        }
+
+        if ($notification->object_type === 'host') {
+            $objectKey = t('Host');
+            $objectInfo = HtmlElement::create('span', ['class' => 'accompanying-text'], [
+                HtmlElement::create('span', ['class' => 'state-change'], [
+                    new StateBall(HostStates::text($notification->previous_hard_state), StateBall::SIZE_MEDIUM),
+                    new StateBall(HostStates::text($notification->state), StateBall::SIZE_MEDIUM)
+                ]),
+                ' ',
+                HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+            ]);
+        } else {
+            $objectKey = t('Service');
+            $objectInfo = HtmlElement::create('span', ['class' => 'accompanying-text'], [
+                HtmlElement::create('span', ['class' => 'state-change'], [
+                    new StateBall(ServiceStates::text($notification->previous_hard_state), StateBall::SIZE_MEDIUM),
+                    new StateBall(ServiceStates::text($notification->state), StateBall::SIZE_MEDIUM)
+                ]),
+                ' ',
+                FormattedString::create(
+                    t('%s on %s', '<service> on <host>'),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->service->display_name),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                )
+            ]);
+        }
+
+        $eventInfo = [
+            new HtmlElement('h2', null, Text::create(t('Event Info'))),
+            new HorizontalKeyValue(
+                t('Sent On'),
+                DateFormatter::formatDateTime($notification->send_time->getTimestamp())
+            )
+        ];
+
+        if ($notification->author) {
+            $eventInfo[] = (new HorizontalKeyValue(t('Sent by'), [
+                new Icon('user'),
+                $notification->author
+            ]));
+        }
+
+        $eventInfo[] = new HorizontalKeyValue(t('Type'), ucfirst(Str::camel($notification->type)));
+        $eventInfo[] = new HorizontalKeyValue(t('State'), $notification->object_type === 'host'
+                ? ucfirst(HostStates::text($notification->state))
+                : ucfirst(ServiceStates::text($notification->state)));
+        $eventInfo[] = new HorizontalKeyValue($objectKey, $objectInfo);
+
+
+        $notifiedUsers = [new HtmlElement('h2', null, Text::create(t('Notified Users')))];
+
+        if ($notification->users_notified === 0) {
+            $notifiedUsers[] = new EmptyState(t('None', 'notified users: none'));
+        } elseif (! $this->isPermittedRoute('users')) {
+            $notifiedUsers[] = Text::create(sprintf(tp(
+                'This notification was sent to a single user',
+                'This notification was sent to %d users',
+                $notification->users_notified
+            ), $notification->users_notified));
+        } elseif ($notification->users_notified > 0) {
+            $users = $notification->user
+                ->limit(5)
+                ->peekAhead();
+
+            $users = $users->execute();
+            /** @var ResultSet $users */
+
+            $notifiedUsers[] = new UserTable($users);
+            $notifiedUsers[] = (new ShowMore(
+                $users,
+                Links::users()->addParams(['notification_history.id' => bin2hex($notification->id)]),
+                sprintf(t('Show all %d recipients'), $notification->users_notified)
+            ))->setBaseTarget('_next');
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            0   => $pluginOutput,
+            200 => $eventInfo,
+            500 => $notifiedUsers
+        ], $this->createExtensions()));
+    }
+
+    protected function assembleStateChangeEvent(StateHistory $stateChange)
+    {
+        $pluginOutput = [];
+
+        $commandName = $stateChange->object_type === 'host'
+            ? $this->event->host->checkcommand_name
+            : $this->event->service->checkcommand_name;
+        if (isset($commandName)) {
+            if (empty($stateChange->output) && empty($stateChange->long_output)) {
+                $commandOutput = new EmptyState(t('Output unavailable.'));
+            } else {
+                $commandOutput = new PluginOutputContainer(
+                    (new PluginOutput($stateChange->output . "\n" . $stateChange->long_output))
+                        ->setCommandName($commandName)
+                );
+
+                CopyToClipboard::attachTo($commandOutput);
+            }
+
+            $pluginOutput = [
+                new HtmlElement('h2', null, Text::create(t('Plugin Output'))),
+                HtmlElement::create('div', [
+                    'id'    => 'check-output-' . $commandName,
+                    'class' => 'collapsible',
+                    'data-visible-height' => 100
+                ], $commandOutput)
+            ];
+        } else {
+            $pluginOutput[] = new EmptyState(t('Waiting for Icinga DB to synchronize the config.'));
+        }
+
+        if ($stateChange->object_type === 'host') {
+            $objectKey = t('Host');
+            $objectState = $stateChange->state_type === 'hard' ? $stateChange->hard_state : $stateChange->soft_state;
+            $objectInfo = HtmlElement::create('span', ['class' => 'accompanying-text'], [
+                HtmlElement::create('span', ['class' => 'state-change'], [
+                    new StateBall(HostStates::text($stateChange->previous_soft_state), StateBall::SIZE_MEDIUM),
+                    new StateBall(HostStates::text($objectState), StateBall::SIZE_MEDIUM)
+                ]),
+                ' ',
+                HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+            ]);
+        } else {
+            $objectKey = t('Service');
+            $objectState = $stateChange->state_type === 'hard' ? $stateChange->hard_state : $stateChange->soft_state;
+            $objectInfo = HtmlElement::create('span', ['class' => 'accompanying-text'], [
+                HtmlElement::create('span', ['class' => 'state-change'], [
+                    new StateBall(ServiceStates::text($stateChange->previous_soft_state), StateBall::SIZE_MEDIUM),
+                    new StateBall(ServiceStates::text($objectState), StateBall::SIZE_MEDIUM)
+                ]),
+                ' ',
+                FormattedString::create(
+                    t('%s on %s', '<service> on <host>'),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->service->display_name),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                )
+            ]);
+        }
+
+        $eventInfo = [
+            new HtmlElement('h2', null, Text::create(t('Event Info'))),
+            new HorizontalKeyValue(
+                t('Occurred On'),
+                DateFormatter::formatDateTime($stateChange->event_time->getTimestamp())
+            ),
+            new HorizontalKeyValue(t('Scheduling Source'), $stateChange->scheduling_source),
+            new HorizontalKeyValue(t('Check Source'), $stateChange->check_source)
+        ];
+
+        if ($stateChange->state_type === 'soft') {
+            $eventInfo[] = new HorizontalKeyValue(t('Check Attempt'), sprintf(
+                t('%d of %d'),
+                $stateChange->check_attempt,
+                $stateChange->max_check_attempts
+            ));
+        }
+
+        $eventInfo[] = new HorizontalKeyValue(
+            t('State'),
+            $stateChange->object_type === 'host'
+                ? ucfirst(HostStates::text($objectState))
+                : ucfirst(ServiceStates::text($objectState))
+        );
+
+        $eventInfo[] = new HorizontalKeyValue(
+            t('State Type'),
+            $stateChange->state_type === 'hard' ? t('Hard', 'state') : t('Soft', 'state')
+        );
+
+        $eventInfo[] = new HorizontalKeyValue($objectKey, $objectInfo);
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            0   => $pluginOutput,
+            200 => $eventInfo
+        ], $this->createExtensions()));
+    }
+
+    protected function assembleDowntimeEvent(DowntimeHistory $downtime)
+    {
+        $commentInfo = [
+            new HtmlElement('h2', null, Text::create(t('Comment'))),
+            new MarkdownText($this->createTicketLinks($downtime->comment))
+        ];
+
+        $eventInfo = [new HtmlElement('h2', null, Text::create(t('Event Info')))];
+
+        if ($downtime->triggered_by_id !== null || $downtime->parent_id !== null) {
+            if ($downtime->triggered_by_id !== null) {
+                $label = t('Triggered By');
+                $relatedDowntime = $downtime->triggered_by;
+            } else {
+                $label = t('Parent');
+                $relatedDowntime = $downtime->parent;
+            }
+
+            $query = History::on($this->getDb())
+                ->columns('id')
+                ->filter(Filter::equal('event_type', 'downtime_start'))
+                ->filter(Filter::equal('history.downtime_history_id', $relatedDowntime->downtime_id));
+            $this->applyRestrictions($query);
+            if (($relatedEvent = $query->first()) !== null) {
+                /** @var History $relatedEvent */
+                $eventInfo[] = new HorizontalKeyValue(
+                    $label,
+                    HtmlElement::create('span', ['class' => 'accompanying-text'], TemplateString::create(
+                        $relatedDowntime->is_flexible
+                            ? t('{{#link}}Flexible Downtime{{/link}} for %s')
+                            : t('{{#link}}Fixed Downtime{{/link}} for %s'),
+                        ['link' => new Link(null, Links::event($relatedEvent), ['class' => 'subject'])],
+                        ($relatedDowntime->object_type === 'host'
+                            ? $this->createHostLink($relatedDowntime->host, true)
+                            : $this->createServiceLink($relatedDowntime->service, $relatedDowntime->host, true))
+                            ->addAttributes(['class' => 'subject'])
+                    ))
+                );
+            }
+        }
+
+        $eventInfo[] = $downtime->object_type === 'host'
+            ? new HorizontalKeyValue(t('Host'), HtmlElement::create(
+                'span',
+                ['class' => 'accompanying-text'],
+                HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+            ))
+            : new HorizontalKeyValue(t('Service'), HtmlElement::create(
+                'span',
+                ['class' => 'accompanying-text'],
+                FormattedString::create(
+                    t('%s on %s', '<service> on <host>'),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->service->display_name),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                )
+            ));
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Entered On'),
+            DateFormatter::formatDateTime($downtime->entry_time->getTimestamp())
+        );
+        $eventInfo[] = new HorizontalKeyValue(t('Author'), [new Icon('user'), $downtime->author]);
+            // TODO: The following should be presented in a specific widget (maybe just like the downtime card)
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Triggered On'),
+            DateFormatter::formatDateTime($downtime->trigger_time->getTimestamp())
+        );
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Scheduled Start'),
+            DateFormatter::formatDateTime($downtime->scheduled_start_time->getTimestamp())
+        );
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Actual Start'),
+            DateFormatter::formatDateTime($downtime->start_time->getTimestamp())
+        );
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Scheduled End'),
+            DateFormatter::formatDateTime($downtime->scheduled_end_time->getTimestamp())
+        );
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Actual End'),
+            DateFormatter::formatDateTime($downtime->end_time->getTimestamp())
+        );
+
+        if ($downtime->is_flexible) {
+            $eventInfo[] = new HorizontalKeyValue(t('Flexible'), t('Yes'));
+            $eventInfo[] = new HorizontalKeyValue(
+                t('Duration'),
+                DateFormatter::formatDuration($downtime->flexible_duration / 1000)
+            );
+        }
+
+        $cancelInfo = [];
+        if ($downtime->has_been_cancelled) {
+            $cancelInfo = [
+                new HtmlElement('h2', null, Text::create(t('This downtime has been cancelled'))),
+                new HorizontalKeyValue(
+                    t('Cancelled On'),
+                    DateFormatter::formatDateTime($downtime->cancel_time->getTimestamp())
+                ),
+                new HorizontalKeyValue(t('Cancelled by'), [new Icon('user'), $downtime->cancelled_by])
+            ];
+        }
+
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            200 => $commentInfo,
+            201 => $eventInfo,
+            600 => $cancelInfo
+        ], $this->createExtensions()));
+    }
+
+    protected function assembleCommentEvent(CommentHistory $comment)
+    {
+        $commentInfo = [
+            new HtmlElement('h2', null, Text::create(t('Comment'))),
+            new MarkdownText($this->createTicketLinks($comment->comment))
+        ];
+
+        $eventInfo = [new HtmlElement('h2', null, Text::create(t('Event Info')))];
+        $eventInfo[] = $comment->object_type === 'host'
+            ? new HorizontalKeyValue(t('Host'), HtmlElement::create(
+                'span',
+                ['class' => 'accompanying-text'],
+                HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+            ))
+            : new HorizontalKeyValue(t('Service'), HtmlElement::create(
+                'span',
+                ['class' => 'accompanying-text'],
+                FormattedString::create(
+                    t('%s on %s', '<service> on <host>'),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->service->display_name),
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                )
+            ));
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Entered On'),
+            DateFormatter::formatDateTime($comment->entry_time->getTimestamp())
+        );
+        $eventInfo[] = new HorizontalKeyValue(t('Author'), [new Icon('user'), $comment->author]);
+        $eventInfo[] = new HorizontalKeyValue(
+            t('Expires On'),
+            $comment->expire_time
+                ? DateFormatter::formatDateTime($comment->expire_time->getTimestamp())
+                : new EmptyState(t('Never'))
+        );
+
+        $tiedToAckInfo = [];
+        if ($comment->entry_type === 'ack') {
+            $tiedToAckInfo = [
+                new HtmlElement('h2', null, Text::create(t('This comment is tied to an acknowledgement'))),
+                new HorizontalKeyValue(t('Sticky'), $comment->is_sticky ? t('Yes') : t('No')),
+                new HorizontalKeyValue(t('Persistent'), $comment->is_persistent ? t('Yes') : t('No'))
+            ];
+        }
+
+        $removedInfo = [];
+        if ($comment->has_been_removed) {
+            $removedInfo[] = new HtmlElement('h2', null, Text::create(t('This comment has been removed')));
+            if ($comment->removed_by) {
+                $removedInfo[] = new HorizontalKeyValue(
+                    t('Removed On'),
+                    DateFormatter::formatDateTime($comment->remove_time->getTimestamp())
+                );
+                $removedInfo[] = new HorizontalKeyValue(
+                    t('Removed by'),
+                    [new Icon('user'), $comment->removed_by]
+                );
+            } else {
+                $removedInfo[] = new HorizontalKeyValue(
+                    t('Expired On'),
+                    DateFormatter::formatDateTime($comment->remove_time->getTimestamp())
+                );
+            }
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            200 => $commentInfo,
+            201 => $eventInfo,
+            500 => $tiedToAckInfo,
+            600 => $removedInfo
+        ], $this->createExtensions()));
+    }
+
+    protected function assembleFlappingEvent(FlappingHistory $flapping)
+    {
+        $eventInfo = [
+            new HtmlElement('h2', null, Text::create(t('Event Info'))),
+            $flapping->object_type === 'host'
+                ? new HorizontalKeyValue(t('Host'), HtmlElement::create(
+                    'span',
+                    ['class' => 'accompanying-text'],
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                ))
+                : new HorizontalKeyValue(t('Service'), HtmlElement::create(
+                    'span',
+                    ['class' => 'accompanying-text'],
+                    FormattedString::create(
+                        t('%s on %s', '<service> on <host>'),
+                        HtmlElement::create('span', ['class' => 'subject'], $this->event->service->display_name),
+                        HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                    )
+                )),
+            new HorizontalKeyValue(
+                t('Started on'),
+                DateFormatter::formatDateTime($flapping->start_time->getTimestamp())
+            )
+        ];
+        if ($this->event->event_type === 'flapping_start') {
+            $eventInfo[] = new HorizontalKeyValue(t('Reason'), sprintf(
+                t('State change rate of %.2f%% exceeded the threshold (%.2f%%)'),
+                $flapping->percent_state_change_start,
+                $flapping->flapping_threshold_high
+            ));
+        } else {
+            $eventInfo[] = new HorizontalKeyValue(
+                t('Ended on'),
+                DateFormatter::formatDateTime($flapping->end_time->getTimestamp())
+            );
+            $eventInfo[] = new HorizontalKeyValue(t('Reason'), sprintf(
+                t('State change rate of %.2f%% undercut the threshold (%.2f%%)'),
+                $flapping->percent_state_change_end,
+                $flapping->flapping_threshold_low
+            ));
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            200 => $eventInfo
+        ], $this->createExtensions()));
+    }
+
+    protected function assembleAcknowledgeEvent(AcknowledgementHistory $acknowledgement)
+    {
+        $commentInfo = [];
+        if ($acknowledgement->comment) {
+            $commentInfo = [
+                new HtmlElement('h2', null, Text::create(t('Comment'))),
+                new MarkdownText($this->createTicketLinks($acknowledgement->comment))
+            ];
+        } elseif (! isset($acknowledgement->author)) {
+            $commentInfo[] = new EmptyState(t('This acknowledgement was set before Icinga DB history recording'));
+        }
+
+        $eventInfo = [
+            new HtmlElement('h2', null, Text::create(t('Event Info'))),
+            new HorizontalKeyValue(
+                t('Set on'),
+                DateFormatter::formatDateTime($acknowledgement->set_time->getTimestamp())
+            ),
+            new HorizontalKeyValue(t('Author'), $acknowledgement->author
+                ? [new Icon('user'), $acknowledgement->author]
+                : new EmptyState(t('n. a.'))),
+            $acknowledgement->object_type === 'host'
+                ? new HorizontalKeyValue(t('Host'), HtmlElement::create(
+                    'span',
+                    ['class' => 'accompanying-text'],
+                    HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                ))
+                : new HorizontalKeyValue(t('Service'), HtmlElement::create(
+                    'span',
+                    ['class' => 'accompanying-text'],
+                    FormattedString::create(
+                        t('%s on %s', '<service> on <host>'),
+                        HtmlElement::create('span', ['class' => 'subject'], $this->event->service->display_name),
+                        HtmlElement::create('span', ['class' => 'subject'], $this->event->host->display_name)
+                    )
+                ))
+        ];
+
+        if ($this->event->event_type === 'ack_set') {
+            $eventInfo[] = new HorizontalKeyValue(
+                t('Expires On'),
+                $acknowledgement->expire_time
+                ? DateFormatter::formatDateTime($acknowledgement->expire_time->getTimestamp())
+                : new EmptyState(t('Never'))
+            );
+            $eventInfo[] = new HorizontalKeyValue(t('Sticky'), isset($acknowledgement->is_sticky)
+                ? ($acknowledgement->is_sticky ? t('Yes') : t('No'))
+                : new EmptyState(t('n. a.')));
+            $eventInfo[] = new HorizontalKeyValue(t('Persistent'), isset($acknowledgement->is_persistent)
+                ? ($acknowledgement->is_persistent ? t('Yes') : t('No'))
+                : new EmptyState(t('n. a.')));
+        } else {
+            $eventInfo[] = new HorizontalKeyValue(
+                t('Cleared on'),
+                DateFormatter::formatDateTime(
+                    $acknowledgement->clear_time
+                        ? $acknowledgement->clear_time->getTimestamp()
+                        : $this->event->event_time->getTimestamp()
+                )
+            );
+            if ($acknowledgement->cleared_by) {
+                $eventInfo[] = new HorizontalKeyValue(
+                    t('Cleared by'),
+                    [new Icon('user', $acknowledgement->cleared_by)]
+                );
+            } else {
+                $expired = false;
+                if ($acknowledgement->expire_time) {
+                    $now = (new DateTime())->setTimezone(new DateTimeZone('UTC'));
+                    $expiresOn = clone $now;
+                    $expiresOn->setTimestamp($acknowledgement->expire_time->getTimestamp());
+                    if ($now <= $expiresOn) {
+                        $expired = true;
+                        $eventInfo[] = new HorizontalKeyValue(t('Removal Reason'), t(
+                            'The acknowledgement expired on %s',
+                            DateFormatter::formatDateTime($acknowledgement->expire_time->getTimestamp())
+                        ));
+                    }
+                }
+
+                if (! $expired) {
+                    if ($acknowledgement->is_sticky) {
+                        $eventInfo[] = new HorizontalKeyValue(
+                            t('Reason'),
+                            $acknowledgement->object_type === 'host'
+                                ? t('Host recovered')
+                                : t('Service recovered')
+                        );
+                    } else {
+                        $eventInfo[] = new HorizontalKeyValue(
+                            t('Reason'),
+                            $acknowledgement->object_type === 'host'
+                                ? t('Host recovered') // Hosts have no other state between UP and DOWN
+                                : t('Service changed its state')
+                        );
+                    }
+                }
+            }
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            200 => $commentInfo,
+            201 => $eventInfo
+        ], $this->createExtensions()));
+    }
+
+    protected function createExtensions(): array
+    {
+        return ObjectDetailExtensionHook::loadExtensions($this->event);
+    }
+
+    protected function assemble()
+    {
+        switch ($this->event->event_type) {
+            case 'notification':
+                $this->assembleNotificationEvent($this->event->notification);
+
+                break;
+            case 'state_change':
+                $this->assembleStateChangeEvent($this->event->state);
+
+                break;
+            case 'downtime_start':
+            case 'downtime_end':
+                $this->assembleDowntimeEvent($this->event->downtime);
+
+                break;
+            case 'comment_add':
+            case 'comment_remove':
+                $this->assembleCommentEvent($this->event->comment);
+
+                break;
+            case 'flapping_start':
+            case 'flapping_end':
+                $this->assembleFlappingEvent($this->event->flapping);
+
+                break;
+            case 'ack_set':
+            case 'ack_clear':
+                $this->assembleAcknowledgeEvent($this->event->acknowledgement);
+
+                break;
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/HostDetail.php b/library/Icingadb/Widget/Detail/HostDetail.php
new file mode 100644
index 0000000..8b80480
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/HostDetail.php
@@ -0,0 +1,58 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectDetailExtensionHook;
+use Icinga\Module\Icingadb\Model\Host;
+use Icinga\Module\Icingadb\Model\ServicestateSummary;
+use ipl\Html\Html;
+use ipl\Stdlib\Filter;
+use ipl\Web\Widget\EmptyState;
+
+class HostDetail extends ObjectDetail
+{
+    protected $serviceSummary;
+
+    public function __construct(Host $object, ServicestateSummary $serviceSummary)
+    {
+        parent::__construct($object);
+
+        $this->serviceSummary = $serviceSummary;
+    }
+
+    protected function createServiceStatistics(): array
+    {
+        if ($this->serviceSummary->services_total > 0) {
+            $services = new ServiceStatistics($this->serviceSummary);
+            $services->setBaseFilter(Filter::equal('host.name', $this->object->name));
+        } else {
+            $services = new EmptyState(t('This host has no services'));
+        }
+
+        return [Html::tag('h2', t('Services')), $services];
+    }
+
+    protected function assemble()
+    {
+        if (getenv('ICINGAWEB_EXPORT_FORMAT') === 'pdf') {
+            $this->add($this->createPrintHeader());
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            0   => $this->createPluginOutput(),
+            190 => $this->createServiceStatistics(),
+            300 => $this->createActions(),
+            301 => $this->createNotes(),
+            400 => $this->createComments(),
+            401 => $this->createDowntimes(),
+            500 => $this->createGroups(),
+            501 => $this->createNotifications(),
+            600 => $this->createCheckStatistics(),
+            601 => $this->createPerformanceData(),
+            700 => $this->createCustomVars(),
+            701 => $this->createFeatureToggles()
+        ], $this->createExtensions()));
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/HostInspectionDetail.php b/library/Icingadb/Widget/Detail/HostInspectionDetail.php
new file mode 100644
index 0000000..93b35b8
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/HostInspectionDetail.php
@@ -0,0 +1,21 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Common\ObjectInspectionDetail;
+
+class HostInspectionDetail extends ObjectInspectionDetail
+{
+    protected function assemble()
+    {
+        $this->add([
+            $this->createSourceLocation(),
+            $this->createLastCheckResult(),
+            $this->createAttributes(),
+            $this->createCustomVariables(),
+            $this->createRedisInfo()
+        ]);
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/HostMetaInfo.php b/library/Icingadb/Widget/Detail/HostMetaInfo.php
new file mode 100644
index 0000000..78209aa
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/HostMetaInfo.php
@@ -0,0 +1,77 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Date\DateFormatter;
+use Icinga\Module\Icingadb\Model\Host;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\HorizontalKeyValue;
+use ipl\Web\Widget\VerticalKeyValue;
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\HtmlDocument;
+use ipl\Html\HtmlElement;
+use ipl\Web\Widget\Icon;
+
+class HostMetaInfo extends BaseHtmlElement
+{
+    protected $tag = 'div';
+
+    protected $defaultAttributes = ['class' => 'object-meta-info'];
+
+    /** @var Host */
+    protected $host;
+
+    public function __construct(Host $host)
+    {
+        $this->host = $host;
+    }
+
+    protected function assemble()
+    {
+        $this->addHtml(
+            new VerticalKeyValue('host.name', $this->host->name),
+            new HtmlElement(
+                'div',
+                null,
+                new HorizontalKeyValue(
+                    'host.address',
+                    $this->host->address ?: new EmptyState(t('None', 'address'))
+                ),
+                new HorizontalKeyValue(
+                    'host.address6',
+                    $this->host->address6 ?: new EmptyState(t('None', 'address'))
+                )
+            ),
+            new VerticalKeyValue(
+                'last_state_change',
+                $this->host->state->last_state_change !== null
+                    ? DateFormatter::formatDateTime($this->host->state->last_state_change->getTimestamp())
+                    : (new EmptyState(t('n. a.')))->setTag('span')
+            )
+        );
+
+        $collapsible = new HtmlElement('div', Attributes::create([
+            'class' => 'collapsible',
+            'id'    => 'object-meta-info',
+            'data-toggle-element' => '.object-meta-info-control',
+            'data-visible-height' => 0
+        ]));
+
+        $renderHelper = new HtmlDocument();
+        $renderHelper->addHtml(
+            $this,
+            new HtmlElement(
+                'button',
+                Attributes::create(['class' => 'object-meta-info-control']),
+                new Icon('angle-double-up', ['class' => 'collapse-icon']),
+                new Icon('angle-double-down', ['class' => 'expand-icon'])
+            )
+        );
+
+        $this->addWrapper($collapsible);
+        $this->addWrapper($renderHelper);
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/HostStatistics.php b/library/Icingadb/Widget/Detail/HostStatistics.php
new file mode 100644
index 0000000..bcfc3f8
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/HostStatistics.php
@@ -0,0 +1,61 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Chart\Donut;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Widget\HostStateBadges;
+use ipl\Html\ValidHtml;
+use ipl\Web\Widget\VerticalKeyValue;
+use ipl\Html\HtmlString;
+use ipl\Web\Filter\QueryString;
+use ipl\Web\Widget\Link;
+
+class HostStatistics extends ObjectStatistics
+{
+    protected $summary;
+
+    public function __construct($summary)
+    {
+        $this->summary = $summary;
+    }
+
+    protected function createDonut(): ValidHtml
+    {
+        $donut = (new Donut())
+            ->addSlice($this->summary->hosts_up, ['class' => 'slice-state-ok'])
+            ->addSlice($this->summary->hosts_down_handled, ['class' => 'slice-state-critical-handled'])
+            ->addSlice($this->summary->hosts_down_unhandled, ['class' => 'slice-state-critical'])
+            ->addSlice($this->summary->hosts_pending, ['class' => 'slice-state-pending']);
+
+        return HtmlString::create($donut->render());
+    }
+
+    protected function createTotal(): ValidHtml
+    {
+        $url = Links::hosts();
+        if ($this->hasBaseFilter()) {
+            $url->setFilter($this->getBaseFilter());
+        }
+
+        return new Link(
+            (new VerticalKeyValue(
+                tp('Host', 'Hosts', $this->summary->hosts_total),
+                $this->shortenAmount($this->summary->hosts_total)
+            ))->setAttribute('title', $this->summary->hosts_total),
+            $url
+        );
+    }
+
+    protected function createBadges(): ValidHtml
+    {
+        $badges = new HostStateBadges($this->summary);
+        if ($this->hasBaseFilter()) {
+            $badges->setBaseFilter($this->getBaseFilter());
+        }
+
+        return $badges;
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/MultiselectQuickActions.php b/library/Icingadb/Widget/Detail/MultiselectQuickActions.php
new file mode 100644
index 0000000..f398d80
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/MultiselectQuickActions.php
@@ -0,0 +1,194 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Forms\Command\Object\CheckNowForm;
+use Icinga\Module\Icingadb\Forms\Command\Object\RemoveAcknowledgementForm;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Stdlib\BaseFilter;
+use ipl\Web\Filter\QueryString;
+use ipl\Web\Url;
+use ipl\Web\Widget\Icon;
+
+class MultiselectQuickActions extends BaseHtmlElement
+{
+    use BaseFilter;
+    use Auth;
+
+    protected $summary;
+
+    protected $type;
+
+    protected $tag = 'ul';
+
+    protected $defaultAttributes = ['class' => 'quick-actions'];
+
+    public function __construct($type, $summary)
+    {
+        $this->summary = $summary;
+        $this->type = $type;
+    }
+
+    protected function assemble()
+    {
+        $unacknowledged = "{$this->type}s_problems_unacknowledged";
+        $acks = "{$this->type}s_acknowledged";
+        $activeChecks = "{$this->type}s_active_checks_enabled";
+
+        if (
+            $this->summary->$unacknowledged > $this->summary->$acks
+            && $this->isGrantedOnType(
+                'icingadb/command/acknowledge-problem',
+                $this->type,
+                $this->getBaseFilter(),
+                false
+            )
+        ) {
+            $this->assembleAction(
+                'acknowledge',
+                t('Acknowledge'),
+                'check-circle',
+                t('Acknowledge this problem, suppress all future notifications for it and tag it as being handled')
+            );
+        }
+
+        if (
+            $this->summary->$acks > 0
+            && $this->isGrantedOnType(
+                'icingadb/command/remove-acknowledgement',
+                $this->type,
+                $this->getBaseFilter(),
+                false
+            )
+        ) {
+            $removeAckForm = (new RemoveAcknowledgementForm())
+                ->setAction($this->getLink('removeAcknowledgement'))
+                ->setObjects(array_fill(0, $this->summary->$acks, null));
+
+            $this->add(Html::tag('li', $removeAckForm));
+        }
+
+        if (
+            $this->isGrantedOnType('icingadb/command/schedule-check', $this->type, $this->getBaseFilter(), false)
+            || (
+                $this->summary->$activeChecks > 0
+                && $this->isGrantedOnType(
+                    'icingadb/command/schedule-check/active-only',
+                    $this->type,
+                    $this->getBaseFilter(),
+                    false
+                )
+            )
+        ) {
+            $this->add(Html::tag('li', (new CheckNowForm())->setAction($this->getLink('checkNow'))));
+        }
+
+        if ($this->isGrantedOnType('icingadb/command/comment/add', $this->type, $this->getBaseFilter(), false)) {
+            $this->assembleAction(
+                'addComment',
+                t('Comment'),
+                'comment',
+                t('Add a new comment')
+            );
+        }
+
+        if (
+            $this->isGrantedOnType(
+                'icingadb/command/send-custom-notification',
+                $this->type,
+                $this->getBaseFilter(),
+                false
+            )
+        ) {
+            $this->assembleAction(
+                'sendCustomNotification',
+                t('Notification'),
+                'bell',
+                t('Send a custom notification')
+            );
+        }
+
+        if (
+            $this->isGrantedOnType(
+                'icingadb/command/downtime/schedule',
+                $this->type,
+                $this->getBaseFilter(),
+                false
+            )
+        ) {
+            $this->assembleAction(
+                'scheduleDowntime',
+                t('Downtime'),
+                'plug',
+                t('Schedule a downtime to suppress all problem notifications within a specific period of time')
+            );
+        }
+
+        if (
+            $this->isGrantedOnType('icingadb/command/schedule-check', $this->type, $this->getBaseFilter(), false)
+            || (
+                $this->summary->$activeChecks > 0
+                && $this->isGrantedOnType(
+                    'icingadb/command/schedule-check/active-only',
+                    $this->type,
+                    $this->getBaseFilter(),
+                    false
+                )
+            )
+        ) {
+            $this->assembleAction(
+                'scheduleCheck',
+                t('Reschedule'),
+                'calendar',
+                t('Schedule the next active check at a different time than the current one')
+            );
+        }
+
+        if (
+            $this->isGrantedOnType(
+                'icingadb/command/process-check-result',
+                $this->type,
+                $this->getBaseFilter(),
+                false
+            )
+        ) {
+            $this->assembleAction(
+                'processCheckresult',
+                t('Process check result'),
+                'edit',
+                t('Submit passive check result')
+            );
+        }
+    }
+
+    protected function assembleAction(string $action, string $label, string $icon, string $title)
+    {
+        $link = Html::tag(
+            'a',
+            [
+                'href'                => $this->getLink($action),
+                'class'               => 'action-link',
+                'title'               => $title,
+                'data-icinga-modal'   => true,
+                'data-no-icinga-ajax' => true
+            ],
+            [
+                new Icon($icon),
+                $label
+            ]
+        );
+
+        $this->add(Html::tag('li', $link));
+    }
+
+    protected function getLink(string $action): string
+    {
+        return Url::fromPath("icingadb/{$this->type}s/$action")
+            ->setFilter($this->getBaseFilter())
+            ->getAbsoluteUrl();
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ObjectDetail.php b/library/Icingadb/Widget/Detail/ObjectDetail.php
new file mode 100644
index 0000000..a688173
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ObjectDetail.php
@@ -0,0 +1,596 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Exception;
+use Icinga\Application\ClassLoader;
+use Icinga\Application\Hook;
+use Icinga\Application\Hook\GrapherHook;
+use Icinga\Application\Icinga;
+use Icinga\Application\Logger;
+use Icinga\Application\Web;
+use Icinga\Date\DateFormatter;
+use Icinga\Exception\IcingaException;
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\Database;
+use Icinga\Module\Icingadb\Common\HostLinks;
+use Icinga\Module\Icingadb\Common\Icons;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Common\Macros;
+use Icinga\Module\Icingadb\Compat\CompatHost;
+use Icinga\Module\Icingadb\Compat\CompatService;
+use Icinga\Module\Icingadb\Model\CustomvarFlat;
+use Icinga\Module\Icingadb\Web\Navigation\Action;
+use Icinga\Module\Icingadb\Widget\MarkdownText;
+use Icinga\Module\Icingadb\Common\ServiceLinks;
+use Icinga\Module\Icingadb\Forms\Command\Object\ToggleObjectFeaturesForm;
+use Icinga\Module\Icingadb\Hook\ActionsHook\ObjectActionsHook;
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectDetailExtensionHook;
+use Icinga\Module\Icingadb\Model\Host;
+use Icinga\Module\Icingadb\Model\User;
+use Icinga\Module\Icingadb\Model\Usergroup;
+use Icinga\Module\Icingadb\Util\PluginOutput;
+use Icinga\Module\Icingadb\Widget\ItemList\DowntimeList;
+use Icinga\Module\Icingadb\Widget\ShowMore;
+use ipl\Web\Widget\CopyToClipboard;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\HorizontalKeyValue;
+use Icinga\Module\Icingadb\Widget\ItemList\CommentList;
+use Icinga\Module\Icingadb\Widget\PluginOutputContainer;
+use Icinga\Module\Icingadb\Widget\TagList;
+use Icinga\Module\Monitoring\Hook\DetailviewExtensionHook;
+use Icinga\Web\Navigation\Navigation;
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Html\HtmlElement;
+use ipl\Html\HtmlString;
+use ipl\Html\Text;
+use ipl\Orm\ResultSet;
+use ipl\Stdlib\Filter;
+use ipl\Web\Widget\Icon;
+use ipl\Web\Widget\StateBall;
+
+class ObjectDetail extends BaseHtmlElement
+{
+    use Auth;
+    use Database;
+    use Macros;
+
+    protected $object;
+
+    protected $compatObject;
+
+    protected $objectType;
+
+    protected $defaultAttributes = [
+        // Class host-detail is kept as the grafana module's iframe.js depends on it
+        'class' => ['object-detail', 'host-detail'],
+        'data-pdfexport-page-breaks-at' => 'h2'
+    ];
+
+    protected $tag = 'div';
+
+    public function __construct($object)
+    {
+        $this->object = $object;
+        $this->objectType = $object instanceof Host ? 'host' : 'service';
+    }
+
+    protected function compatObject()
+    {
+        if ($this->compatObject === null) {
+            $this->compatObject = CompatHost::fromModel($this->object);
+        }
+
+        return $this->compatObject;
+    }
+
+    protected function createPrintHeader()
+    {
+        $info = [new HorizontalKeyValue(t('Name'), $this->object->name)];
+
+        if ($this->objectType === 'host') {
+            $info[] = new HorizontalKeyValue(
+                t('IPv4 Address'),
+                $this->object->address ?: new EmptyState(t('None', 'address'))
+            );
+            $info[] = new HorizontalKeyValue(
+                t('IPv6 Address'),
+                $this->object->address6 ?: new EmptyState(t('None', 'address'))
+            );
+        }
+
+        $info[] = new HorizontalKeyValue(t('State'), [
+            $this->object->state->getStateTextTranslated(),
+            ' ',
+            new StateBall($this->object->state->getStateText())
+        ]);
+
+        $info[] = new HorizontalKeyValue(
+            t('Last State Change'),
+            DateFormatter::formatDateTime($this->object->state->last_state_change->getTimestamp())
+        );
+
+        return [
+            new HtmlElement('h2', null, Text::create(
+                $this->objectType === 'host' ? t('Host') : t('Service')
+            )),
+            $info
+        ];
+    }
+
+    protected function createActions()
+    {
+        $this->fetchCustomVars();
+
+        $navigation = new Navigation();
+        $navigation->load('icingadb-' . $this->objectType . '-action');
+        /** @var Action $item */
+        foreach ($navigation as $item) {
+            $item->setObject($this->object);
+        }
+
+        $monitoringInstalled = Icinga::app()->getModuleManager()->hasInstalled('monitoring');
+        $obj = $monitoringInstalled ? $this->compatObject() : $this->object;
+        foreach ($this->object->action_url->first()->action_url ?? [] as $url) {
+            $url = $this->expandMacros($url, $obj);
+            $navigation->addItem(
+                Html::wantHtml([
+                    // Add warning to links that open in new tabs, as recommended by WCAG20 G201
+                    new Icon('external-link-alt', ['title' => t('Link opens in a new window')]),
+                    $url
+                ])->render(),
+                [
+                    'target'   => '_blank',
+                    'url'      => $url,
+                    'renderer' => [
+                        'NavigationItemRenderer',
+                        'escape_label' => false
+                    ]
+                ]
+            );
+        }
+
+        $moduleActions = ObjectActionsHook::loadActions($this->object);
+
+        $nativeExtensionProviders = [];
+        foreach ($moduleActions->getContent() as $item) {
+            if ($item->getAttributes()->has('data-icinga-module')) {
+                $nativeExtensionProviders[$item->getAttributes()->get('data-icinga-module')->getValue()] = true;
+            }
+        }
+
+        if (Icinga::app()->getModuleManager()->hasInstalled('monitoring')) {
+            foreach (Hook::all('Monitoring\\' . ucfirst($this->objectType) . 'Actions') as $hook) {
+                $moduleName = ClassLoader::extractModuleName(get_class($hook));
+                if (! isset($nativeExtensionProviders[$moduleName])) {
+                    try {
+                        $navigation->merge($hook->getNavigation($this->compatObject()));
+                    } catch (Exception $e) {
+                        Logger::error("Failed to load legacy action hook: %s\n%s", $e, $e->getTraceAsString());
+                        $navigation->addItem($moduleName, ['label' => IcingaException::describe($e), 'url' => '#']);
+                    }
+                }
+            }
+        }
+
+        if ($moduleActions->isEmpty() && ($navigation->isEmpty() || ! $navigation->hasRenderableItems())) {
+            return null;
+        }
+
+        return [
+            Html::tag('h2', t('Actions')),
+            new HtmlString($navigation->getRenderer()->setCssClass('object-detail-actions')->render()),
+            $moduleActions->isEmpty() ? null : $moduleActions
+        ];
+    }
+
+    protected function createCheckStatistics(): array
+    {
+        return [
+            Html::tag('h2', t('Check Statistics')),
+            new CheckStatistics($this->object)
+        ];
+    }
+
+    protected function createComments(): array
+    {
+        if ($this->objectType === 'host') {
+            $link = HostLinks::comments($this->object);
+            $relations = ['host', 'host.state'];
+        } else {
+            $link = ServiceLinks::comments($this->object, $this->object->host);
+            $relations = ['service', 'service.state', 'service.host', 'service.host.state'];
+        }
+
+        $comments = $this->object->comment
+            ->with($relations)
+            ->limit(3)
+            ->peekAhead();
+        // TODO: This should be automatically done by the model/resolver and added as ON condition
+        $comments->filter(Filter::equal('object_type', $this->objectType));
+
+        $comments = $comments->execute();
+        /** @var ResultSet $comments */
+
+        $content = [Html::tag('h2', t('Comments'))];
+
+        if ($comments->hasResult()) {
+            $content[] = (new CommentList($comments))->setObjectLinkDisabled()->setTicketLinkEnabled();
+            $content[] = (new ShowMore($comments, $link))->setBaseTarget('_next');
+        } else {
+            $content[] = new EmptyState(t('No comments created.'));
+        }
+
+        return $content;
+    }
+
+    protected function createCustomVars(): array
+    {
+        $content = [Html::tag('h2', t('Custom Variables'))];
+
+        $this->fetchCustomVars();
+        $vars = (new CustomvarFlat())->unFlattenVars($this->object->customvar_flat);
+        if (! empty($vars)) {
+            $content[] = new HtmlElement('div', Attributes::create([
+                'id' => $this->objectType . '-customvars',
+                'class' => 'collapsible',
+                'data-visible-height' => 200
+            ]), new CustomVarTable($vars, $this->object));
+        } else {
+            $content[] = new EmptyState(t('No custom variables configured.'));
+        }
+
+        return $content;
+    }
+
+    protected function createDowntimes(): array
+    {
+        if ($this->objectType === 'host') {
+            $link = HostLinks::downtimes($this->object);
+            $relations = ['host', 'host.state'];
+        } else {
+            $link = ServiceLinks::downtimes($this->object, $this->object->host);
+            $relations = ['service', 'service.state', 'service.host', 'service.host.state'];
+        }
+
+        $downtimes = $this->object->downtime
+            ->with($relations)
+            ->limit(3)
+            ->peekAhead();
+        // TODO: This should be automatically done by the model/resolver and added as ON condition
+        $downtimes->filter(Filter::equal('object_type', $this->objectType));
+
+        $downtimes = $downtimes->execute();
+        /** @var ResultSet $downtimes */
+
+        $content = [Html::tag('h2', t('Downtimes'))];
+
+        if ($downtimes->hasResult()) {
+            $content[] = (new DowntimeList($downtimes))->setObjectLinkDisabled()->setTicketLinkEnabled();
+            $content[] = (new ShowMore($downtimes, $link))->setBaseTarget('_next');
+        } else {
+            $content[] = new EmptyState(t('No downtimes scheduled.'));
+        }
+
+        return $content;
+    }
+
+    protected function createGroups(): array
+    {
+        $groups = [Html::tag('h2', t('Groups'))];
+
+        if ($this->objectType === 'host') {
+            $hostgroups = [];
+            if ($this->isPermittedRoute('hostgroups')) {
+                $hostgroups = $this->object->hostgroup;
+                $this->applyRestrictions($hostgroups);
+            }
+
+            $hostgroupList = new TagList();
+            foreach ($hostgroups as $hostgroup) {
+                $hostgroupList->addLink($hostgroup->display_name, Links::hostgroup($hostgroup));
+            }
+
+            $groups[] = $hostgroupList->hasContent()
+                ? $hostgroupList
+                : new EmptyState(t('Not a member of any host group.'));
+        } else {
+            $servicegroups = [];
+            if ($this->isPermittedRoute('servicegroups')) {
+                $servicegroups = $this->object->servicegroup;
+                $this->applyRestrictions($servicegroups);
+            }
+
+            $servicegroupList = new TagList();
+            foreach ($servicegroups as $servicegroup) {
+                $servicegroupList->addLink($servicegroup->display_name, Links::servicegroup($servicegroup));
+            }
+
+            $groups[] = $servicegroupList->hasContent()
+                ? $servicegroupList
+                : new EmptyState(t('Not a member of any service group.'));
+        }
+
+        return $groups;
+    }
+
+    protected function createNotes()
+    {
+        $navigation = new Navigation();
+        $notes = trim($this->object->notes);
+
+        $monitoringInstalled = Icinga::app()->getModuleManager()->hasInstalled('monitoring');
+        $obj = $monitoringInstalled ? $this->compatObject() : $this->object;
+        foreach ($this->object->notes_url->first()->notes_url ?? [] as $url) {
+            $url = $this->expandMacros($url, $obj);
+            $navigation->addItem(
+                Html::wantHtml([
+                    // Add warning to links that open in new tabs, as recommended by WCAG20 G201
+                    new Icon('external-link-alt', ['title' => t('Link opens in a new window')]),
+                    $url
+                ])->render(),
+                [
+                    'target'   => '_blank',
+                    'url'      => $url,
+                    'renderer'  => [
+                        'NavigationItemRenderer',
+                        'escape_label' => false
+                    ]
+                ]
+            );
+        }
+
+        $content = [];
+
+        if (! $navigation->isEmpty() && $navigation->hasRenderableItems()) {
+            $content[] = new HtmlString($navigation->getRenderer()->setCssClass('object-detail-actions')->render());
+        }
+
+        if ($notes !== '') {
+            $content[] = (new MarkdownText($notes))
+                ->addAttributes([
+                    'class'               => 'collapsible',
+                    'data-visible-height' => 200,
+                    'id'                  => $this->objectType . '-notes'
+                ]);
+        }
+
+        if (empty($content)) {
+            return null;
+        }
+
+        array_unshift($content, Html::tag('h2', t('Notes')));
+
+        return $content;
+    }
+
+    protected function createNotifications(): array
+    {
+        list($users, $usergroups) = $this->getUsersAndUsergroups();
+
+        $userList = new TagList();
+        $usergroupList = new TagList();
+
+        foreach ($users as $user) {
+            $userList->addLink([new Icon(Icons::USER), $user->display_name], Links::user($user));
+        }
+
+        foreach ($usergroups as $usergroup) {
+            $usergroupList->addLink(
+                [new Icon(Icons::USERGROUP), $usergroup->display_name],
+                Links::usergroup($usergroup)
+            );
+        }
+
+        return [
+            Html::tag('h2', t('Notifications')),
+            new HorizontalKeyValue(
+                t('Users'),
+                $userList->hasContent() ? $userList : new EmptyState(t('No users configured.'))
+            ),
+            new HorizontalKeyValue(
+                t('User Groups'),
+                $usergroupList->hasContent()
+                    ? $usergroupList
+                    : new EmptyState(t('No user groups configured.'))
+            )
+        ];
+    }
+
+    protected function createPerformanceData(): array
+    {
+        $content[] = Html::tag('h2', t('Performance Data'));
+
+        if (empty($this->object->state->performance_data)) {
+            $content[] = new EmptyState(t('No performance data available.'));
+        } else {
+            $content[] = new HtmlElement(
+                'div',
+                Attributes::create(['id' => 'check-perfdata-' . $this->object->checkcommand_name]),
+                new PerfDataTable($this->object->state->normalized_performance_data)
+            );
+        }
+
+        return $content;
+    }
+
+    protected function createPluginOutput(): array
+    {
+        if (empty($this->object->state->output) && empty($this->object->state->long_output)) {
+            $pluginOutput = new EmptyState(t('Output unavailable.'));
+        } else {
+            $pluginOutput = new PluginOutputContainer(PluginOutput::fromObject($this->object));
+            CopyToClipboard::attachTo($pluginOutput);
+        }
+
+        return [
+            Html::tag('h2', t('Plugin Output')),
+            Html::tag(
+                'div',
+                [
+                    'id'    => 'check-output-' . $this->object->checkcommand_name,
+                    'class' => 'collapsible',
+                    'data-visible-height' => 100
+                ],
+                $pluginOutput
+            )
+        ];
+    }
+
+    protected function createExtensions(): array
+    {
+        $extensions = ObjectDetailExtensionHook::loadExtensions($this->object);
+
+        $nativeExtensionProviders = [];
+        foreach ($extensions as $extension) {
+            if ($extension instanceof BaseHtmlElement && $extension->getAttributes()->has('data-icinga-module')) {
+                $nativeExtensionProviders[$extension->getAttributes()->get('data-icinga-module')->getValue()] = true;
+            }
+        }
+
+        if (! Icinga::app()->getModuleManager()->hasInstalled('monitoring')) {
+            return $extensions;
+        }
+
+        foreach (Hook::all('Grapher') as $grapher) {
+            /** @var GrapherHook $grapher */
+            $moduleName = ClassLoader::extractModuleName(get_class($grapher));
+
+            if (isset($nativeExtensionProviders[$moduleName])) {
+                continue;
+            }
+
+            try {
+                $graph = HtmlString::create($grapher->getPreviewHtml($this->compatObject()));
+            } catch (Exception $e) {
+                Logger::error("Failed to load legacy grapher: %s\n%s", $e, $e->getTraceAsString());
+                $graph = Text::create(IcingaException::describe($e));
+            }
+
+            $location = ObjectDetailExtensionHook::BASE_LOCATIONS[ObjectDetailExtensionHook::GRAPH_SECTION];
+            while (isset($extensions[$location])) {
+                $location++;
+            }
+
+            $extensions[$location] = $graph;
+        }
+
+        foreach (Hook::all('Monitoring\DetailviewExtension') as $extension) {
+            /** @var DetailviewExtensionHook $extension */
+            $moduleName = $extension->getModule()->getName();
+
+            if (isset($nativeExtensionProviders[$moduleName])) {
+                continue;
+            }
+
+            try {
+                /** @var Web $app */
+                $app = Icinga::app();
+                $renderedExtension = $extension
+                    ->setView($app->getViewRenderer()->view)
+                    ->getHtmlForObject($this->compatObject());
+
+                $extensionHtml = new HtmlElement(
+                    'div',
+                    Attributes::create([
+                        'class' => 'icinga-module module-' . $moduleName,
+                        'data-icinga-module' => $moduleName
+                    ]),
+                    HtmlString::create($renderedExtension)
+                );
+            } catch (Exception $e) {
+                Logger::error("Failed to load legacy detail extension: %s\n%s", $e, $e->getTraceAsString());
+                $extensionHtml = Text::create(IcingaException::describe($e));
+            }
+
+            $location = ObjectDetailExtensionHook::BASE_LOCATIONS[ObjectDetailExtensionHook::DETAIL_SECTION];
+            while (isset($extensions[$location])) {
+                $location++;
+            }
+
+            $extensions[$location] = $extensionHtml;
+        }
+
+        return $extensions;
+    }
+
+    protected function createFeatureToggles(): array
+    {
+        $form = new ToggleObjectFeaturesForm($this->object);
+
+        if ($this->objectType === 'host') {
+            $form->setAction(HostLinks::toggleFeatures($this->object)->getAbsoluteUrl());
+        } else {
+            $form->setAction(ServiceLinks::toggleFeatures($this->object, $this->object->host)->getAbsoluteUrl());
+        }
+
+        return [
+            Html::tag('h2', t('Feature Commands')),
+            $form
+        ];
+    }
+
+    protected function getUsersAndUsergroups(): array
+    {
+        $users = [];
+        $usergroups = [];
+        $groupBy = false;
+
+        if ($this->objectType === 'host') {
+            $objectFilter = Filter::all(
+                Filter::equal('notification.host_id', $this->object->id),
+                Filter::unlike('notification.service_id', '*')
+            );
+            $objectFilter->metaData()->set('forceOptimization', false);
+            $groupBy = true;
+        } else {
+            $objectFilter = Filter::equal(
+                'notification.service_id',
+                $this->object->id
+            );
+        }
+
+        $userQuery = null;
+        if ($this->isPermittedRoute('users')) {
+            $userQuery = User::on($this->getDb());
+            $userQuery->filter($objectFilter);
+            $this->applyRestrictions($userQuery);
+            if ($groupBy) {
+                $userQuery->getSelectBase()->groupBy(['user.id']);
+            }
+
+            foreach ($userQuery as $user) {
+                $users[$user->name] = $user;
+            }
+        }
+
+        if ($this->isPermittedRoute('usergroups')) {
+            $usergroupQuery = Usergroup::on($this->getDb());
+            $usergroupQuery->filter($objectFilter);
+            $this->applyRestrictions($usergroupQuery);
+            if ($groupBy && $userQuery !== null) {
+                $userQuery->getSelectBase()->groupBy(['usergroup.id']);
+            }
+
+            foreach ($usergroupQuery as $usergroup) {
+                $usergroups[$usergroup->name] = $usergroup;
+            }
+        }
+
+        return [$users, $usergroups];
+    }
+
+    protected function fetchCustomVars()
+    {
+        $customvarFlat = $this->object->customvar_flat;
+        if (! $customvarFlat instanceof ResultSet) {
+            $this->applyRestrictions($customvarFlat);
+            $customvarFlat->withColumns(['customvar.name', 'customvar.value']);
+            $this->object->customvar_flat = $customvarFlat->execute();
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ObjectStatistics.php b/library/Icingadb/Widget/Detail/ObjectStatistics.php
new file mode 100644
index 0000000..477bf5f
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ObjectStatistics.php
@@ -0,0 +1,59 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Html\ValidHtml;
+use ipl\Stdlib\BaseFilter;
+
+abstract class ObjectStatistics extends BaseHtmlElement
+{
+    use BaseFilter;
+
+    protected $tag = 'ul';
+
+    protected $defaultAttributes = ['class' => 'object-statistics'];
+
+    abstract protected function createDonut(): ValidHtml;
+
+    abstract protected function createTotal(): ValidHtml;
+
+    abstract protected function createBadges(): ValidHtml;
+
+    /**
+     * Shorten the given amount to 4 characters max
+     *
+     * @param int $amount
+     *
+     * @return string
+     */
+    protected function shortenAmount(int $amount): string
+    {
+        if ($amount < 10000) {
+            return (string) $amount;
+        }
+
+        if ($amount < 999500) {
+            return sprintf('%dk', round($amount / 1000.0));
+        }
+
+        if ($amount < 9959000) {
+            return sprintf('%.1fM', $amount / 1000000.0);
+        }
+
+        // I think we can rule out amounts over 1 Billion
+        return sprintf('%dM', $amount / 1000000.0);
+    }
+
+    protected function assemble()
+    {
+        $this->add([
+            Html::tag('li', ['class' => 'object-statistics-graph'], $this->createDonut()),
+            Html::tag('li', ['class' => ['object-statistics-total', 'text-center']], $this->createTotal()),
+            Html::tag('li', $this->createBadges())
+        ]);
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ObjectsDetail.php b/library/Icingadb/Widget/Detail/ObjectsDetail.php
new file mode 100644
index 0000000..a65dfe6
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ObjectsDetail.php
@@ -0,0 +1,190 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Chart\Donut;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Forms\Command\Object\ToggleObjectFeaturesForm;
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectsDetailExtensionHook;
+use Icinga\Module\Icingadb\Model\HoststateSummary;
+use Icinga\Module\Icingadb\Model\ServicestateSummary;
+use Icinga\Module\Icingadb\Util\FeatureStatus;
+use Icinga\Module\Icingadb\Widget\HostStateBadges;
+use Icinga\Module\Icingadb\Widget\ServiceStateBadges;
+use ipl\Orm\Query;
+use ipl\Stdlib\BaseFilter;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\VerticalKeyValue;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Html\HtmlString;
+use ipl\Web\Widget\ActionLink;
+
+class ObjectsDetail extends BaseHtmlElement
+{
+    use BaseFilter;
+
+    protected $summary;
+
+    protected $query;
+
+    protected $type;
+
+    protected $defaultAttributes = ['class' => 'objects-detail'];
+
+    protected $tag = 'div';
+
+    /**
+     * Construct an object detail summary widget
+     *
+     * @param string $type
+     * @param HoststateSummary|ServicestateSummary $summary
+     * @param Query $query
+     */
+    public function __construct(string $type, $summary, Query $query)
+    {
+        $this->summary = $summary;
+        $this->query = $query;
+        $this->type = $type;
+    }
+
+    protected function createChart(): BaseHtmlElement
+    {
+        $content = Html::tag('div', ['class' => 'multiselect-summary']);
+
+        if ($this->type === 'host') {
+            $hostsChart = (new Donut())
+                ->addSlice($this->summary->hosts_up, ['class' => 'slice-state-ok'])
+                ->addSlice($this->summary->hosts_down_handled, ['class' => 'slice-state-critical-handled'])
+                ->addSlice($this->summary->hosts_down_unhandled, ['class' => 'slice-state-critical'])
+                ->addSlice($this->summary->hosts_pending, ['class' => 'slice-state-pending']);
+
+            $badges = (new HostStateBadges($this->summary))
+                ->setBaseFilter($this->getBaseFilter());
+
+            $content->add([
+                HtmlString::create($hostsChart->render()),
+                new VerticalKeyValue(
+                    tp('Host', 'Hosts', $this->summary->hosts_total),
+                    $this->summary->hosts_total
+                ),
+                $badges
+            ]);
+        } else {
+            $servicesChart = (new Donut())
+                ->addSlice($this->summary->services_ok, ['class' => 'slice-state-ok'])
+                ->addSlice($this->summary->services_warning_handled, ['class' => 'slice-state-warning-handled'])
+                ->addSlice($this->summary->services_warning_unhandled, ['class' => 'slice-state-warning'])
+                ->addSlice($this->summary->services_critical_handled, ['class' => 'slice-state-critical-handled'])
+                ->addSlice($this->summary->services_critical_unhandled, ['class' => 'slice-state-critical'])
+                ->addSlice($this->summary->services_unknown_handled, ['class' => 'slice-state-unknown-handled'])
+                ->addSlice($this->summary->services_unknown_unhandled, ['class' => 'slice-state-unknown'])
+                ->addSlice($this->summary->services_pending, ['class' => 'slice-state-pending']);
+
+            $badges = (new ServiceStateBadges($this->summary))
+                ->setBaseFilter($this->getBaseFilter());
+
+            $content->add([
+                HtmlString::create($servicesChart->render()),
+                new VerticalKeyValue(
+                    tp('Service', 'Services', $this->summary->services_total),
+                    $this->summary->services_total
+                ),
+                $badges
+            ]);
+        }
+
+        return $content;
+    }
+
+    protected function createComments(): array
+    {
+        $content = [Html::tag('h2', t('Comments'))];
+
+        if ($this->summary->comments_total > 0) {
+            $content[] = new ActionLink(
+                sprintf(
+                    tp('Show %d comment', 'Show %d comments', $this->summary->comments_total),
+                    $this->summary->comments_total
+                ),
+                Links::comments()->setFilter($this->getBaseFilter())
+            );
+        } else {
+            $content[] = new EmptyState(t('No comments created.'));
+        }
+
+        return $content;
+    }
+
+    protected function createDowntimes(): array
+    {
+        $content = [Html::tag('h2', t('Downtimes'))];
+
+        if ($this->summary->downtimes_total > 0) {
+            $content[] = new ActionLink(
+                sprintf(
+                    tp('Show %d downtime', 'Show %d downtimes', $this->summary->downtimes_total),
+                    $this->summary->downtimes_total
+                ),
+                Links::downtimes()->setFilter($this->getBaseFilter())
+            );
+        } else {
+            $content[] = new EmptyState(t('No downtimes scheduled.'));
+        }
+
+        return $content;
+    }
+
+    protected function createFeatureToggles(): array
+    {
+        $form = new ToggleObjectFeaturesForm(new FeatureStatus($this->type, $this->summary));
+
+        if ($this->type === 'host') {
+            $form->setAction(
+                Links::toggleHostsFeatures()
+                    ->setFilter($this->getBaseFilter())
+                    ->getAbsoluteUrl()
+            );
+        } else {
+            $form->setAction(
+                Links::toggleServicesFeatures()
+                    ->setFilter($this->getBaseFilter())
+                    ->getAbsoluteUrl()
+            );
+        }
+
+        return [
+            Html::tag('h2', t('Feature Commands')),
+            $form
+        ];
+    }
+
+    protected function createExtensions(): array
+    {
+        return ObjectsDetailExtensionHook::loadExtensions(
+            $this->type,
+            $this->query,
+            $this->getBaseFilter()
+        );
+    }
+
+    protected function createSummary(): array
+    {
+        return [
+            Html::tag('h2', t('Summary')),
+            $this->createChart()
+        ];
+    }
+
+    protected function assemble()
+    {
+        $this->add(ObjectsDetailExtensionHook::injectExtensions([
+            190 => $this->createSummary(),
+            400 => $this->createComments(),
+            401 => $this->createDowntimes(),
+            701 => $this->createFeatureToggles()
+        ], $this->createExtensions()));
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/PerfDataTable.php b/library/Icingadb/Widget/Detail/PerfDataTable.php
new file mode 100644
index 0000000..aaee7c9
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/PerfDataTable.php
@@ -0,0 +1,130 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Util\PerfData;
+use Icinga\Module\Icingadb\Util\PerfDataSet;
+use ipl\Html\Attributes;
+use ipl\Html\HtmlElement;
+use ipl\Html\HtmlString;
+use ipl\Html\Table;
+use ipl\Html\Text;
+use ipl\I18n\Translation;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\Icon;
+
+class PerfDataTable extends Table
+{
+    use Translation;
+
+    protected $defaultAttributes = [
+        'class' => 'performance-data-table collapsible',
+        'data-visible-rows' => 6
+    ];
+
+    /** @var string The perfdata string  */
+    protected $perfdataStr;
+
+    /** @var int Max labels to show; 0 for no limit */
+    protected $limit;
+
+    /** @var string The color indicating the perfdata state */
+    protected $color;
+
+    /**
+     * Display the given perfdata string to the user
+     *
+     * @param   string  $perfdataStr    The perfdata string
+     * @param   int     $limit          Max labels to show; 0 for no limit
+     * @param   string  $color          The color indicating the perfdata state
+     */
+    public function __construct(string $perfdataStr, int $limit = 0, string $color = PerfData::PERFDATA_OK)
+    {
+        $this->perfdataStr = $perfdataStr;
+        $this->limit = $limit;
+        $this->color = $color;
+    }
+
+    public function assemble()
+    {
+        $pieChartData = PerfDataSet::fromString($this->perfdataStr)->asArray();
+        $keys = [
+            ''      => '',
+            'label' => t('Label'),
+            'value' => t('Value'),
+            'min'   => t('Min'),
+            'max'   => t('Max'),
+            'warn'  => t('Warning'),
+            'crit'  => t('Critical')
+        ];
+
+        $containsSparkline = false;
+        foreach ($pieChartData as $perfdata) {
+            if ($perfdata->isVisualizable()  || ! $perfdata->isValid()) {
+                $containsSparkline = true;
+                break;
+            }
+        }
+
+        $headerRow = new HtmlElement('tr');
+        foreach ($keys as $key => $col) {
+            if (! $containsSparkline && $key === '') {
+                continue;
+            }
+
+            $headerRow->addHtml(new HtmlElement('th', Attributes::create([
+                'class' => $key === 'label' ? 'title' : null
+            ]), Text::create($col)));
+        }
+
+        $this->getHeader()->addHtml($headerRow);
+
+        $count = 0;
+        foreach ($pieChartData as $perfdata) {
+            if ($this->limit > 0 && $count === $this->limit) {
+                break;
+            }
+
+            $count++;
+            $cols = [];
+            if ($containsSparkline) {
+                if ($perfdata->isVisualizable()) {
+                    $cols[] = Table::td(
+                        HtmlString::create($perfdata->asInlinePie($this->color)->render()),
+                        ['class' => 'sparkline-col']
+                    );
+                } elseif (! $perfdata->isValid()) {
+                    $cols[] = Table::td(
+                        new Icon(
+                            'triangle-exclamation',
+                            [
+                                'title' => $this->translate(
+                                    'Evaluation failed. Performance data is invalid.'
+                                ),
+                                'class' => ['invalid-perfdata']
+                            ]
+                        ),
+                        ['class' => 'sparkline-col']
+                    );
+                } else {
+                    $cols[] = Table::td('');
+                }
+            }
+
+            foreach ($perfdata->toArray() as $column => $value) {
+                $cols[] = Table::td(
+                    new HtmlElement(
+                        'span',
+                        Attributes::create(['class' => $value ? null : 'no-value']),
+                        $value ? Text::create($value) : new EmptyState(t('None', 'value'))
+                    ),
+                    ['class' => $column === 'label' ? 'title' : null]
+                );
+            }
+
+            $this->addHtml(Table::tr($cols));
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/QuickActions.php b/library/Icingadb/Widget/Detail/QuickActions.php
new file mode 100644
index 0000000..2ea26c2
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/QuickActions.php
@@ -0,0 +1,148 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\HostLinks;
+use Icinga\Module\Icingadb\Common\ServiceLinks;
+use Icinga\Module\Icingadb\Forms\Command\Object\CheckNowForm;
+use Icinga\Module\Icingadb\Forms\Command\Object\RemoveAcknowledgementForm;
+use Icinga\Module\Icingadb\Model\Host;
+use Icinga\Module\Icingadb\Model\Service;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\Html;
+use ipl\Web\Widget\Icon;
+
+class QuickActions extends BaseHtmlElement
+{
+    use Auth;
+
+    /** @var Host|Service */
+    protected $object;
+
+    protected $tag = 'ul';
+
+    protected $defaultAttributes = ['class' => 'quick-actions'];
+
+    public function __construct($object)
+    {
+        $this->object = $object;
+    }
+
+    protected function assemble()
+    {
+        if ($this->object->state->is_problem) {
+            if ($this->object->state->is_acknowledged) {
+                if ($this->isGrantedOn('icingadb/command/remove-acknowledgement', $this->object)) {
+                    $removeAckForm = (new RemoveAcknowledgementForm())
+                        ->setAction($this->getLink('removeAcknowledgement'))
+                        ->setObjects([$this->object]);
+
+                    $this->add(Html::tag('li', $removeAckForm));
+                }
+            } elseif ($this->isGrantedOn('icingadb/command/acknowledge-problem', $this->object)) {
+                $this->assembleAction(
+                    'acknowledge',
+                    t('Acknowledge'),
+                    'check-circle',
+                    t('Acknowledge this problem, suppress all future notifications for it and tag it as being handled')
+                );
+            }
+        }
+
+        if (
+            $this->isGrantedOn('icingadb/command/schedule-check', $this->object)
+            || (
+                $this->object->active_checks_enabled
+                && $this->isGrantedOn('icingadb/command/schedule-check/active-only', $this->object)
+            )
+        ) {
+            $this->add(Html::tag('li', (new CheckNowForm())->setAction($this->getLink('checkNow'))));
+        }
+
+        if ($this->isGrantedOn('icingadb/command/comment/add', $this->object)) {
+            $this->assembleAction(
+                'addComment',
+                t('Comment', 'verb'),
+                'comment',
+                t('Add a new comment')
+            );
+        }
+
+        if ($this->isGrantedOn('icingadb/command/send-custom-notification', $this->object)) {
+            $this->assembleAction(
+                'sendCustomNotification',
+                t('Notification'),
+                'bell',
+                t('Send a custom notification')
+            );
+        }
+
+        if ($this->isGrantedOn('icingadb/command/downtime/schedule', $this->object)) {
+            $this->assembleAction(
+                'scheduleDowntime',
+                t('Downtime'),
+                'plug',
+                t('Schedule a downtime to suppress all problem notifications within a specific period of time')
+            );
+        }
+
+        if (
+            $this->isGrantedOn('icingadb/command/schedule-check', $this->object)
+            || (
+                $this->object->active_checks_enabled
+                && $this->isGrantedOn('icingadb/command/schedule-check/active-only', $this->object)
+            )
+        ) {
+            $this->assembleAction(
+                'scheduleCheck',
+                t('Reschedule'),
+                'calendar',
+                t('Schedule the next active check at a different time than the current one')
+            );
+        }
+
+        if ($this->isGrantedOn('icingadb/command/process-check-result', $this->object)) {
+            $this->assembleAction(
+                'processCheckresult',
+                t('Process check result'),
+                'edit',
+                sprintf(
+                    t('Submit a one time or so called passive result for the %s check'),
+                    $this->object->checkcommand_name
+                )
+            );
+        }
+    }
+
+    protected function assembleAction(string $action, string $label, string $icon, string $title)
+    {
+        $link = Html::tag(
+            'a',
+            [
+                'href'                => $this->getLink($action),
+                'class'               => 'action-link',
+                'title'               => $title,
+                'data-icinga-modal'   => true,
+                'data-no-icinga-ajax' => true
+            ],
+            [
+                new Icon($icon),
+                $label
+            ]
+        );
+
+        $this->add(Html::tag('li', $link));
+    }
+
+    protected function getLink($action)
+    {
+        if ($this->object instanceof Host) {
+            return HostLinks::$action($this->object)->getAbsoluteUrl();
+        } else {
+            return ServiceLinks::$action($this->object, $this->object->host)->getAbsoluteUrl();
+        }
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ServiceDetail.php b/library/Icingadb/Widget/Detail/ServiceDetail.php
new file mode 100644
index 0000000..8421e31
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ServiceDetail.php
@@ -0,0 +1,37 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectDetailExtensionHook;
+use Icinga\Module\Icingadb\Model\Service;
+
+class ServiceDetail extends ObjectDetail
+{
+    public function __construct(Service $object)
+    {
+        parent::__construct($object);
+    }
+
+    protected function assemble()
+    {
+        if (getenv('ICINGAWEB_EXPORT_FORMAT') === 'pdf') {
+            $this->add($this->createPrintHeader());
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            0   => $this->createPluginOutput(),
+            300 => $this->createActions(),
+            301 => $this->createNotes(),
+            400 => $this->createComments(),
+            401 => $this->createDowntimes(),
+            500 => $this->createGroups(),
+            501 => $this->createNotifications(),
+            600 => $this->createCheckStatistics(),
+            601 => $this->createPerformanceData(),
+            700 => $this->createCustomVars(),
+            701 => $this->createFeatureToggles()
+        ], $this->createExtensions()));
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ServiceInspectionDetail.php b/library/Icingadb/Widget/Detail/ServiceInspectionDetail.php
new file mode 100644
index 0000000..f29ee9b
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ServiceInspectionDetail.php
@@ -0,0 +1,21 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Common\ObjectInspectionDetail;
+
+class ServiceInspectionDetail extends ObjectInspectionDetail
+{
+    protected function assemble()
+    {
+        $this->add([
+            $this->createSourceLocation(),
+            $this->createLastCheckResult(),
+            $this->createAttributes(),
+            $this->createCustomVariables(),
+            $this->createRedisInfo()
+        ]);
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ServiceMetaInfo.php b/library/Icingadb/Widget/Detail/ServiceMetaInfo.php
new file mode 100644
index 0000000..cca7237
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ServiceMetaInfo.php
@@ -0,0 +1,61 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Date\DateFormatter;
+use Icinga\Module\Icingadb\Model\Service;
+use ipl\Web\Widget\VerticalKeyValue;
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\HtmlDocument;
+use ipl\Html\HtmlElement;
+use ipl\Web\Widget\Icon;
+
+class ServiceMetaInfo extends BaseHtmlElement
+{
+    protected $tag = 'div';
+
+    protected $defaultAttributes = ['class' => 'object-meta-info'];
+
+    /** @var Service */
+    protected $service;
+
+    public function __construct(Service $service)
+    {
+        $this->service = $service;
+    }
+
+    protected function assemble()
+    {
+        $this->addHtml(
+            new VerticalKeyValue('service.name', $this->service->name),
+            new VerticalKeyValue(
+                'last_state_change',
+                DateFormatter::formatDateTime($this->service->state->last_state_change->getTimestamp())
+            )
+        );
+
+        $collapsible = new HtmlElement('div', Attributes::create([
+            'class'                 => 'collapsible',
+            'id'                    => 'object-meta-info',
+            'data-toggle-element'   => '.object-meta-info-control',
+            'data-visible-height'   => 0
+        ]));
+
+        $renderHelper = new HtmlDocument();
+        $renderHelper->addHtml(
+            $this,
+            new HtmlElement(
+                'button',
+                Attributes::create(['class' => 'object-meta-info-control']),
+                new Icon('angle-double-up', ['class' => 'collapse-icon']),
+                new Icon('angle-double-down', ['class' => 'expand-icon'])
+            )
+        );
+
+        $this->addWrapper($collapsible);
+        $this->addWrapper($renderHelper);
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/ServiceStatistics.php b/library/Icingadb/Widget/Detail/ServiceStatistics.php
new file mode 100644
index 0000000..51aced1
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/ServiceStatistics.php
@@ -0,0 +1,64 @@
+<?php
+
+/* Icinga DB Web | (c) 2020 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Chart\Donut;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Widget\ServiceStateBadges;
+use ipl\Html\ValidHtml;
+use ipl\Web\Widget\VerticalKeyValue;
+use ipl\Html\HtmlString;
+use ipl\Web\Widget\Link;
+
+class ServiceStatistics extends ObjectStatistics
+{
+    protected $summary;
+
+    public function __construct($summary)
+    {
+        $this->summary = $summary;
+    }
+
+    protected function createDonut(): ValidHtml
+    {
+        $donut = (new Donut())
+            ->addSlice($this->summary->services_ok, ['class' => 'slice-state-ok'])
+            ->addSlice($this->summary->services_warning_handled, ['class' => 'slice-state-warning-handled'])
+            ->addSlice($this->summary->services_warning_unhandled, ['class' => 'slice-state-warning'])
+            ->addSlice($this->summary->services_critical_handled, ['class' => 'slice-state-critical-handled'])
+            ->addSlice($this->summary->services_critical_unhandled, ['class' => 'slice-state-critical'])
+            ->addSlice($this->summary->services_unknown_handled, ['class' => 'slice-state-unknown-handled'])
+            ->addSlice($this->summary->services_unknown_unhandled, ['class' => 'slice-state-unknown'])
+            ->addSlice($this->summary->services_pending, ['class' => 'slice-state-pending']);
+
+        return HtmlString::create($donut->render());
+    }
+
+    protected function createTotal(): ValidHtml
+    {
+        $url = Links::services();
+        if ($this->hasBaseFilter()) {
+            $url->setFilter($this->getBaseFilter());
+        }
+
+        return new Link(
+            (new VerticalKeyValue(
+                tp('Service', 'Services', $this->summary->services_total),
+                $this->shortenAmount($this->summary->services_total)
+            ))->setAttribute('title', $this->summary->services_total),
+            $url
+        );
+    }
+
+    protected function createBadges(): ValidHtml
+    {
+        $badges = new ServiceStateBadges($this->summary);
+        if ($this->hasBaseFilter()) {
+            $badges->setBaseFilter($this->getBaseFilter());
+        }
+
+        return $badges;
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/UserDetail.php b/library/Icingadb/Widget/Detail/UserDetail.php
new file mode 100644
index 0000000..0bc1acb
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/UserDetail.php
@@ -0,0 +1,188 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\Database;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectDetailExtensionHook;
+use Icinga\Module\Icingadb\Model\User;
+use Icinga\Module\Icingadb\Widget\ShowMore;
+use ipl\Html\Attributes;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\HorizontalKeyValue;
+use Icinga\Module\Icingadb\Widget\ItemTable\UsergroupTable;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\HtmlElement;
+use ipl\Html\Text;
+
+class UserDetail extends BaseHtmlElement
+{
+    use Auth;
+    use Database;
+
+    /** @var User The given user */
+    protected $user;
+
+    protected $defaultAttributes = ['class' => 'object-detail'];
+
+    protected $tag = 'div';
+
+    public function __construct(User $user)
+    {
+        $this->user = $user;
+    }
+
+    protected function createCustomVars(): array
+    {
+        $content = [new HtmlElement('h2', null, Text::create(t('Custom Variables')))];
+        $flattenedVars = $this->user->customvar_flat;
+        $this->applyRestrictions($flattenedVars);
+
+        $vars = $this->user->customvar_flat->getModel()->unflattenVars($flattenedVars);
+        if (! empty($vars)) {
+            $content[] = new HtmlElement('div', Attributes::create([
+                'id' => 'user-customvars',
+                'class' => 'collapsible',
+                'data-visible-height' => 200
+            ]), new CustomVarTable($vars, $this->user));
+        } else {
+            $content[] = new EmptyState(t('No custom variables configured.'));
+        }
+
+        return $content;
+    }
+
+    protected function createUserDetail(): array
+    {
+        list($hostStates, $serviceStates) = $this->separateStates($this->user->states);
+        $hostStates = implode(', ', $this->localizeStates($hostStates));
+        $serviceStates = implode(', ', $this->localizeStates($serviceStates));
+        $types = implode(', ', $this->localizeTypes($this->user->types));
+
+        return [
+            new HtmlElement('h2', null, Text::create(t('Details'))),
+            new HorizontalKeyValue(t('Name'), $this->user->name),
+            new HorizontalKeyValue(t('E-Mail'), $this->user->email ?: new EmptyState(t('None', 'address'))),
+            new HorizontalKeyValue(t('Pager'), $this->user->pager ?: new EmptyState(t('None', 'phone-number'))),
+            new HorizontalKeyValue(t('Host States'), $hostStates ?: t('All')),
+            new HorizontalKeyValue(t('Service States'), $serviceStates ?: t('All')),
+            new HorizontalKeyValue(t('Types'), $types ?: t('All'))
+        ];
+    }
+
+    protected function createUsergroupList(): array
+    {
+        $userGroups = $this->user->usergroup->limit(6)->peekAhead()->execute();
+
+        $showMoreLink = (new ShowMore(
+            $userGroups,
+            Links::usergroups()->addParams(['user.name' => $this->user->name])
+        ))->setBaseTarget('_next');
+
+        return [
+            new HtmlElement('h2', null, Text::create(t('Groups'))),
+            new UsergroupTable($userGroups),
+            $showMoreLink
+        ];
+    }
+
+    protected function createExtensions(): array
+    {
+        return ObjectDetailExtensionHook::loadExtensions($this->user);
+    }
+
+    protected function assemble()
+    {
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            200 => $this->createUserDetail(),
+            500 => $this->createUsergroupList(),
+            700 => $this->createCustomVars()
+        ], $this->createExtensions()));
+    }
+
+    private function localizeTypes(array $types): array
+    {
+        $localizedTypes = [];
+        foreach ($types as $type) {
+            switch ($type) {
+                case 'problem':
+                    $localizedTypes[] = t('Problem');
+                    break;
+                case 'ack':
+                    $localizedTypes[] = t('Acknowledgement');
+                    break;
+                case 'recovery':
+                    $localizedTypes[] = t('Recovery');
+                    break;
+                case 'downtime_start':
+                    $localizedTypes[] = t('Downtime Start');
+                    break;
+                case 'downtime_end':
+                    $localizedTypes[] = t('Downtime End');
+                    break;
+                case 'downtime_removed':
+                    $localizedTypes[] = t('Downtime Removed');
+                    break;
+                case 'flapping_start':
+                    $localizedTypes[] = t('Flapping Start');
+                    break;
+                case 'flapping_end':
+                    $localizedTypes[] = t('Flapping End');
+                    break;
+                case 'custom':
+                    $localizedTypes[] = t('Custom');
+                    break;
+            }
+        }
+
+        return $localizedTypes;
+    }
+
+    private function localizeStates(array $states): array
+    {
+        $localizedState = [];
+        foreach ($states as $state) {
+            switch ($state) {
+                case 'up':
+                    $localizedState[] = t('Up');
+                    break;
+                case 'down':
+                    $localizedState[] = t('Down');
+                    break;
+                case 'ok':
+                    $localizedState[] = t('Ok');
+                    break;
+                case 'warning':
+                    $localizedState[] = t('Warning');
+                    break;
+                case 'critical':
+                    $localizedState[] = t('Critical');
+                    break;
+                case 'unknown':
+                    $localizedState[] = t('Unknown');
+                    break;
+            }
+        }
+
+        return $localizedState;
+    }
+
+    private function separateStates(array $states): array
+    {
+        $hostStates = [];
+        $serviceStates = [];
+
+        foreach ($states as $state) {
+            if ($state === 'Up' || $state === 'Down') {
+                $hostStates[] = $state;
+            } else {
+                $serviceStates[] = $state;
+            }
+        }
+
+        return [$hostStates, $serviceStates];
+    }
+}
diff --git a/library/Icingadb/Widget/Detail/UsergroupDetail.php b/library/Icingadb/Widget/Detail/UsergroupDetail.php
new file mode 100644
index 0000000..249c795
--- /dev/null
+++ b/library/Icingadb/Widget/Detail/UsergroupDetail.php
@@ -0,0 +1,98 @@
+<?php
+
+/* Icinga DB Web | (c) 2021 Icinga GmbH | GPLv2 */
+
+namespace Icinga\Module\Icingadb\Widget\Detail;
+
+use Icinga\Module\Icingadb\Common\Auth;
+use Icinga\Module\Icingadb\Common\Database;
+use Icinga\Module\Icingadb\Common\Links;
+use Icinga\Module\Icingadb\Hook\ExtensionHook\ObjectDetailExtensionHook;
+use Icinga\Module\Icingadb\Model\Usergroup;
+use Icinga\Module\Icingadb\Widget\ItemTable\UserTable;
+use Icinga\Module\Icingadb\Widget\ShowMore;
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+use ipl\Html\HtmlElement;
+use ipl\Html\Text;
+use ipl\Web\Widget\EmptyState;
+use ipl\Web\Widget\HorizontalKeyValue;
+
+class UsergroupDetail extends BaseHtmlElement
+{
+    use Auth;
+    use Database;
+
+    /** @var Usergroup The given user group */
+    protected $usergroup;
+
+    protected $defaultAttributes = ['class' => 'object-detail'];
+
+    protected $tag = 'div';
+
+    public function __construct(Usergroup $usergroup)
+    {
+        $this->usergroup = $usergroup;
+    }
+
+    protected function createPrintHeader()
+    {
+        return [
+            new HtmlElement('h2', null, Text::create(t('Details'))),
+            new HorizontalKeyValue(t('Name'), $this->usergroup->name)
+        ];
+    }
+
+    protected function createCustomVars(): array
+    {
+        $content = [new HtmlElement('h2', null, Text::create(t('Custom Variables')))];
+        $flattenedVars = $this->usergroup->customvar_flat;
+        $this->applyRestrictions($flattenedVars);
+
+        $vars = $this->usergroup->customvar_flat->getModel()->unflattenVars($flattenedVars);
+        if (! empty($vars)) {
+            $content[] = new HtmlElement('div', Attributes::create([
+                'id' => 'usergroup-customvars',
+                'class' => 'collapsible',
+                'data-visible-height' => 200
+            ]), new CustomVarTable($vars, $this->usergroup));
+        } else {
+            $content[] = new EmptyState(t('No custom variables configured.'));
+        }
+
+        return $content;
+    }
+
+    protected function createUserList(): array
+    {
+        $users = $this->usergroup->user->limit(6)->peekAhead()->execute();
+
+        $showMoreLink = (new ShowMore(
+            $users,
+            Links::users()->addParams(['usergroup.name' => $this->usergroup->name])
+        ))->setBaseTarget('_next');
+
+        return [
+            new HtmlElement('h2', null, Text::create(t('Users'))),
+            new UserTable($users),
+            $showMoreLink
+        ];
+    }
+
+    protected function createExtensions(): array
+    {
+        return ObjectDetailExtensionHook::loadExtensions($this->usergroup);
+    }
+
+    protected function assemble()
+    {
+        if (getenv('ICINGAWEB_EXPORT_FORMAT') === 'pdf') {
+            $this->add($this->createPrintHeader());
+        }
+
+        $this->add(ObjectDetailExtensionHook::injectExtensions([
+            500 => $this->createUserList(),
+            700 => $this->createCustomVars()
+        ], $this->createExtensions()));
+    }
+}