chore: release v8.12.18

feat: adds support for settings page and adds links to github (#3922 )
fix(deps): update all non-major dependencies (#3921 )
2026-08-07 20:51:56 +00:00 · 2025-05-28 10:58:12 -07:00 · 2025-05-28 16:01:37 +00:00 · 2025-05-28 15:51:59 +00:00 · 2025-05-28 08:47:01 -07:00 · 2025-05-27 16:29:23 +00:00
116 changed files with 2750 additions and 2383 deletions
@@ -31,7 +31,7 @@ jobs:
      - name: Install Go
        uses: actions/setup-go@v5
        with:
-          go-version: 1.24.2
+          go-version: 1.24.3
          check-latest: true
      - name: Checkout code
        uses: actions/checkout@v4
@@ -121,7 +121,7 @@ jobs:
          echo "${{ secrets.TTL_KEY }}" > shared_key.pem
          echo "${{ secrets.TTL_CERT }}" > shared_cert.pem
      - name: Build and push
-        uses: docker/build-push-action@v6.15.0
+        uses: docker/build-push-action@v6.18.0
        with:
          push: true
          context: .
@@ -39,7 +39,7 @@ jobs:
          echo "${{ secrets.TTL_KEY }}" > shared_key.pem
          echo "${{ secrets.TTL_CERT }}" > shared_cert.pem
      - name: Build and push
-        uses: docker/build-push-action@v6.15.0
+        uses: docker/build-push-action@v6.18.0
        with:
          context: .
          push: true
@@ -54,7 +54,7 @@ jobs:
      - name: Install Go
        uses: actions/setup-go@v5
        with:
-          go-version: "1.24.2"
+          go-version: "1.24.3"
          check-latest: true
      - name: Checkout code
        uses: actions/checkout@v4
@@ -77,7 +77,7 @@ jobs:
      - name: Setup Go
        uses: actions/setup-go@v5
        with:
-          go-version: "1.24.2"
+          go-version: "1.24.3"
          check-latest: true
      - name: Generate dependencies
        run: make fake_assets shared_key.pem shared_cert.pem
@@ -1,5 +1,5 @@
 # Build assets
-FROM --platform=$BUILDPLATFORM node:23.11.0-alpine AS node
+FROM --platform=$BUILDPLATFORM node:23.11.1-alpine AS node

 RUN corepack enable

@@ -151,6 +151,7 @@ declare global {
  const toReactive: typeof import('@vueuse/core')['toReactive']
  const toRef: typeof import('vue')['toRef']
  const toRefs: typeof import('vue')['toRefs']
+  const toRelativeTime: typeof import('./utils/index')['toRelativeTime']
  const toValue: typeof import('vue')['toValue']
  const triggerRef: typeof import('vue')['triggerRef']
  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
@@ -542,6 +543,7 @@ declare module 'vue' {
    readonly toReactive: UnwrapRef<typeof import('@vueuse/core')['toReactive']>
    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly toRelativeTime: UnwrapRef<typeof import('./utils/index')['toRelativeTime']>
    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
    readonly tryOnBeforeMount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeMount']>
@@ -29,6 +29,7 @@ declare module 'vue' {
    'Cil:xCircle': typeof import('~icons/cil/x-circle')['default']
    ComplexLogItem: typeof import('./components/LogViewer/ComplexLogItem.vue')['default']
    ContainerActionsToolbar: typeof import('./components/ContainerViewer/ContainerActionsToolbar.vue')['default']
+    ContainerDropdown: typeof import('./components/ContainerDropdown.vue')['default']
    ContainerEventLogItem: typeof import('./components/LogViewer/ContainerEventLogItem.vue')['default']
    ContainerHealth: typeof import('./components/ContainerViewer/ContainerHealth.vue')['default']
    ContainerLog: typeof import('./components/ContainerViewer/ContainerLog.vue')['default']
@@ -36,7 +37,6 @@ declare module 'vue' {
    ContainerTable: typeof import('./components/ContainerTable.vue')['default']
    ContainerTitle: typeof import('./components/ContainerViewer/ContainerTitle.vue')['default']
    DateTime: typeof import('./components/common/DateTime.vue')['default']
-    DistanceTime: typeof import('./components/common/DistanceTime.vue')['default']
    Dropdown: typeof import('./components/common/Dropdown.vue')['default']
    DropdownMenu: typeof import('./components/common/DropdownMenu.vue')['default']
    EventSource: typeof import('./components/LogViewer/EventSource.vue')['default']
@@ -66,6 +66,7 @@ declare module 'vue' {
    'Mdi:account': typeof import('~icons/mdi/account')['default']
    'Mdi:announcement': typeof import('~icons/mdi/announcement')['default']
    'Mdi:arrowUp': typeof import('~icons/mdi/arrow-up')['default']
+    'Mdi:beer': typeof import('~icons/mdi/beer')['default']
    'Mdi:check': typeof import('~icons/mdi/check')['default']
    'Mdi:chevronDoubleDown': typeof import('~icons/mdi/chevron-double-down')['default']
    'Mdi:chevronLeft': typeof import('~icons/mdi/chevron-left')['default']
@@ -104,6 +105,7 @@ declare module 'vue' {
    'Ph:stackSimple': typeof import('~icons/ph/stack-simple')['default']
    Popup: typeof import('./components/Popup.vue')['default']
    RandomColorTag: typeof import('./components/LogViewer/RandomColorTag.vue')['default']
+    RelativeTime: typeof import('./components/common/RelativeTime.vue')['default']
    'Ri:terminalWindowFill': typeof import('~icons/ri/terminal-window-fill')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
@@ -22,7 +22,7 @@
                >
                  {{ release.name }}
                </a>
-                <span class="ml-1 text-xs"><distance-time :date="release.createdAt" /></span>
+                <span class="ml-1 text-xs"><RelativeTime :date="release.createdAt" /></span>
              </div>
              <div class="text-base-content/80 text-sm">
                {{ release.body }}
@@ -39,7 +39,7 @@
                >
                  {{ release.name }}
                </a>
-                <span class="ml-1 text-xs"><distance-time :date="release.createdAt" /></span>
+                <span class="ml-1 text-xs"><RelativeTime :date="release.createdAt" /></span>
                <Tag class="bg-red ml-auto px-1 py-1 text-xs" v-if="release.latest">
                  {{ $t("releases.latest") }}
                </Tag>
@@ -0,0 +1,24 @@
+<template>
+  <div class="dropdown">
+    <button tabindex="0" role="button" class="btn btn-xs md:btn-sm"><slot /> <carbon:caret-down /></button>
+    <ul tabindex="0" class="dropdown-content menu rounded-box bg-base-100 shadow-sm">
+      <li v-for="other in containers">
+        <router-link :to="{ name: '/container/[id]', params: { id: other.id } }" class="text-nowrap">
+          <div
+            class="status data-[state=exited]:status-error data-[state=running]:status-success"
+            :data-state="other.state"
+          ></div>
+          {{ other.name }}
+          <div v-if="other.state === 'running'">running</div>
+          <RelativeTime :date="other.finishedAt" class="text-base-content/70 text-xs" v-else />
+        </router-link>
+      </li>
+    </ul>
+  </div>
+</template>
+<script lang="ts" setup>
+import { type Container } from "@/models/Container";
+const { containers } = defineProps<{
+  containers: Container[];
+}>();
+</script>
@@ -1,28 +1,32 @@
 <template>
-  <div>
-    <span class="font-light capitalize"> STATE </span>
-    <span class="font-semibold uppercase"> {{ container.state }} </span>
-  </div>
-  <div v-if="container.startedAt.getFullYear() > 0">
-    <span class="font-light capitalize"> STARTED </span>
-    <span class="font-semibold">
-      <DistanceTime :date="container.startedAt" strict />
-    </span>
-  </div>
-  <div v-if="container.state != 'running' && container.finishedAt.getFullYear() > 0">
-    <span class="font-light capitalize"> FINISHED </span>
-    <span class="font-semibold">
-      <DistanceTime :date="container.finishedAt" strict />
-    </span>
-  </div>
-  <div v-if="container.state == 'running'">
-    <span class="font-light capitalize"> Load </span>
-    <span class="font-semibold"> {{ container.stat.cpu.toFixed(2) }}% </span>
-  </div>
-  <div v-if="container.state == 'running'">
-    <span class="font-light capitalize"> MEM </span>
-    <span class="font-semibold"> {{ formatBytes(container.stat.memoryUsage) }} </span>
-  </div>
+  <table class="w-full border-separate border-spacing-x-1">
+    <tbody>
+      <tr>
+        <th class="text-right font-light capitalize">STATE</th>
+        <td class="font-semibold uppercase">{{ container.state }}</td>
+      </tr>
+      <tr v-if="container.startedAt.getFullYear() > 0">
+        <th class="text-right font-light capitalize">STARTED</th>
+        <td class="font-semibold">
+          <RelativeTime :date="container.startedAt" />
+        </td>
+      </tr>
+      <tr v-if="container.state != 'running' && container.finishedAt.getFullYear() > 0">
+        <th class="text-right font-light capitalize">FINISHED</th>
+        <td class="font-semibold">
+          <RelativeTime :date="container.finishedAt" />
+        </td>
+      </tr>
+      <tr v-if="container.state == 'running'">
+        <th class="text-right font-light capitalize">Load</th>
+        <td class="font-semibold">{{ container.stat.cpu.toFixed(2) }}%</td>
+      </tr>
+      <tr v-if="container.state == 'running'">
+        <th class="text-right font-light capitalize">MEM</th>
+        <td class="font-semibold">{{ formatBytes(container.stat.memoryUsage) }}</td>
+      </tr>
+    </tbody>
+  </table>
 </template>

 <script lang="ts" setup>
@@ -1,112 +1,126 @@
-!
 <template>
-  <div class="flex flex-row">
-    <div v-if="Object.keys(hosts).length > 1" class="flex-1">
-      <div role="tablist" class="tabs-boxed tabs block" v-if="Object.keys(hosts).length < 4">
-        <input
-          type="radio"
-          name="host"
-          role="tab"
-          class="tab rounded-sm!"
-          aria-label="Show All"
-          v-model="selectedHost"
-          :value="null"
-        />
-        <input
-          type="radio"
-          name="host"
-          role="tab"
-          class="tab rounded-sm!"
-          :aria-label="host.name"
-          v-for="host in hosts"
-          :value="host.id"
-          :key="host.id"
+  <div class="flex flex-col gap-4">
+    <div class="flex flex-row">
+      <div v-if="Object.keys(hosts).length > 1" class="flex-1">
+        <div role="tablist" class="tabs-boxed tabs block" v-if="Object.keys(hosts).length < 4">
+          <input
+            type="radio"
+            name="host"
+            role="tab"
+            class="tab rounded-sm!"
+            aria-label="Show All"
+            v-model="selectedHost"
+            :value="null"
+          />
+          <input
+            type="radio"
+            name="host"
+            role="tab"
+            class="tab rounded-sm!"
+            :aria-label="host.name"
+            v-for="host in hosts"
+            :value="host.id"
+            :key="host.id"
+            v-model="selectedHost"
+          />
+        </div>
+
+        <DropdownMenu
+          class="btn-sm"
          v-model="selectedHost"
+          :options="[
+            { label: 'Show All', value: null },
+            ...Object.values(hosts).map((host) => ({ label: host.name, value: host.id })),
+          ]"
+          v-else
        />
      </div>
+      <div class="flex-1 text-right" v-show="containers.length > pageSizes[0]">
+        {{ $t("label.per-page") }}

-      <DropdownMenu
-        class="btn-sm"
-        v-model="selectedHost"
-        :options="[
-          { label: 'Show All', value: null },
-          ...Object.values(hosts).map((host) => ({ label: host.name, value: host.id })),
-        ]"
-        v-else
-      />
+        <DropdownMenu
+          class="dropdown-left btn-xs md:btn-sm"
+          v-model="perPage"
+          :options="pageSizes.map((i) => ({ label: i.toLocaleString(), value: i }))"
+        />
+      </div>
    </div>
-    <div class="flex-1 text-right" v-show="containers.length > pageSizes[0]">
-      {{ $t("label.per-page") }}
-
-      <DropdownMenu
-        class="dropdown-left btn-xs md:btn-sm"
-        v-model="perPage"
-        :options="pageSizes.map((i) => ({ label: i.toLocaleString(), value: i }))"
-      />
+    <div class="rounded-box border-base-content/10 overflow-x-auto border">
+      <table class="table-md md:table-lg table-zebra table">
+        <thead>
+          <tr :data-direction="direction > 0 ? 'asc' : 'desc'">
+            <th
+              v-for="(value, key) in fields"
+              :key="key"
+              @click.prevent="sort(key)"
+              :class="{ 'selected-sort': key === sortField }"
+              v-show="isVisible(key)"
+            >
+              <a class="inline-flex cursor-pointer gap-2 text-sm uppercase">
+                <span>{{ $t(value.label) }}</span>
+                <span class="h-4" data-icon>
+                  <mdi:arrow-up />
+                </span>
+              </a>
+            </th>
+          </tr>
+        </thead>
+        <tbody class="bg-base-300/30">
+          <tr v-for="container in paginated" :key="container.id" class="hover:bg-base-100/80!">
+            <td v-if="isVisible('name')">
+              <router-link :to="{ name: '/container/[id]', params: { id: container.id } }" :title="container.name">
+                {{ container.name }}
+              </router-link>
+            </td>
+            <td v-if="isVisible('host')">{{ container.hostLabel }}</td>
+            <td v-if="isVisible('state')">{{ container.state }}</td>
+            <td v-if="isVisible('created')">
+              <RelativeTime :date="container.created" />
+            </td>
+            <td v-if="isVisible('cpu')">
+              <div class="flex flex-row items-center gap-1">
+                <meter
+                  class="flex-1 overflow-hidden rounded-3xl"
+                  min="0"
+                  max="100"
+                  low="40"
+                  optimum="0"
+                  high="70"
+                  :value="Math.min(container.movingAverage.cpu, 100)"
+                ></meter>
+                <span class="w-8 text-right text-sm">{{ container.movingAverage.cpu.toFixed(0) }}%</span>
+              </div>
+            </td>
+            <td v-if="isVisible('mem')">
+              <div class="flex flex-row items-center gap-1">
+                <meter
+                  class="flex-1 overflow-hidden rounded-3xl"
+                  min="0"
+                  max="100"
+                  low="40"
+                  optimum="0"
+                  high="70"
+                  :value="container.movingAverage.memory"
+                ></meter>
+                <span class="w-8 text-right text-sm">{{ container.movingAverage.memory.toFixed(0) }}%</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="p-4 text-center">
+      <nav class="join" v-if="isPaginated">
+        <input
+          class="btn btn-square join-item"
+          type="radio"
+          v-model="currentPage"
+          :aria-label="`${i}`"
+          :value="i"
+          v-for="i in totalPages"
+        />
+      </nav>
    </div>
-  </div>
-
-  <table class="table-lg bg-base-200 table">
-    <thead>
-      <tr :data-direction="direction > 0 ? 'asc' : 'desc'">
-        <th
-          v-for="(value, key) in fields"
-          :key="key"
-          @click.prevent="sort(key)"
-          :class="{ 'selected-sort': key === sortField }"
-          v-show="isVisible(key)"
-        >
-          <a class="inline-flex cursor-pointer gap-2 text-sm uppercase">
-            <span>{{ $t(value.label) }}</span>
-            <span class="h-4" data-icon>
-              <mdi:arrow-up />
-            </span>
-          </a>
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-for="container in paginated" :key="container.id">
-        <td v-if="isVisible('name')">
-          <router-link :to="{ name: '/container/[id]', params: { id: container.id } }" :title="container.name">
-            {{ container.name }}
-          </router-link>
-        </td>
-        <td v-if="isVisible('host')">{{ container.hostLabel }}</td>
-        <td v-if="isVisible('state')">{{ container.state }}</td>
-        <td v-if="isVisible('created')">
-          <distance-time :date="container.created" strict :suffix="false"></distance-time>
-        </td>
-        <td v-if="isVisible('cpu')">
-          <div class="flex flex-row items-center gap-1">
-            <progress
-              class="progress progress-primary"
-              :value="Math.min(container.movingAverage.cpu, 100)"
-              :max="100"
-            ></progress>
-            <span class="text-sm">{{ container.movingAverage.cpu.toFixed(0) }}%</span>
-          </div>
-        </td>
-        <td v-if="isVisible('mem')">
-          <div class="flex flex-row items-center gap-1">
-            <progress class="progress progress-primary" :value="container.movingAverage.memory" max="100"></progress>
-            <span class="text-sm">{{ container.movingAverage.memory.toFixed(0) }}%</span>
-          </div>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <div class="p-4 text-center">
-    <nav class="join" v-if="isPaginated">
-      <input
-        class="btn btn-square join-item"
-        type="radio"
-        v-model="currentPage"
-        :aria-label="`${i}`"
-        :value="i"
-        v-for="i in totalPages"
-      />
-    </nav>
  </div>
 </template>

@@ -197,7 +211,7 @@ function isVisible(field: keys) {
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";

 [data-icon] {
  display: none;
@@ -208,7 +222,7 @@ function isVisible(field: keys) {
 }

 th {
-  @apply border-base-100 border-b-2;
+  @apply border-base-200 border-b-2;
  &.selected-sort {
    font-weight: bold;
    @apply border-primary;
@@ -228,4 +242,21 @@ tbody td {
 a {
  @apply hover:text-primary;
 }
+
+meter::-webkit-meter-optimum-value {
+  background: var(--color-green);
+}
+
+meter::-webkit-meter-suboptimum-value {
+  background: var(--color-orange);
+}
+
+meter::-webkit-meter-even-less-good-value {
+  background: var(--color-red);
+}
+
+meter::-webkit-meter-bar {
+  background: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+  border-radius: 1rem;
+}
 </style>
@@ -220,7 +220,7 @@ const toggleAllLevels = computed({
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";

 li.line {
  @apply bg-base-content/20 h-px;
@@ -15,7 +15,7 @@ defineProps<{
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 [health="unhealthy"] {
  @apply text-red;
 }
@@ -1,44 +1,45 @@
 <template>
-  <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
+  <div class="@container flex flex-1 items-center gap-1.5 md:gap-2">
    <label class="swap swap-rotate size-4">
      <input type="checkbox" v-model="pinned" />
      <carbon:star-filled class="swap-on text-secondary" />
      <carbon:star class="swap-off" />
    </label>
    <div class="inline-flex items-center text-sm">
-      <div class="breadcrumbs p-0 font-mono">
+      <div class="breadcrumbs overflow-x-visible p-0 font-mono">
        <ul>
          <li v-if="config.hosts.length > 1" class="font-thin max-md:hidden">
            {{ container.hostLabel }}
          </li>
          <li>
            <template v-if="otherContainers.length === 0">{{ container.name }}</template>
-            <div class="wrapper" ref="wrapper" v-else>
-              <button popovertarget="popover-container-list" class="btn btn-xs md:btn-sm anchor">
-                {{ container.name }} <carbon:caret-down />
-              </button>
-
-              <ul popover id="popover-container-list" class="dropdown menu rounded-box bg-base-100 tethered shadow-sm">
-                <li v-for="other in otherContainers">
-                  <router-link :to="{ name: '/container/[id]', params: { id: other.id } }">
-                    <div
-                      class="status data-[state=exited]:status-error data-[state=running]:status-success"
-                      :data-state="other.state"
-                    ></div>
-                    <div v-if="other.isSwarm">{{ other.swarmId }}</div>
-                    <div v-else>{{ other.name }}</div>
-                    <div v-if="other.state === 'running'">running</div>
-                    <DistanceTime :date="other.created" strict class="text-base-content/70 text-xs" v-else />
-                  </router-link>
-                </li>
-              </ul>
+            <div v-else>
+              <div class="dropdown">
+                <button tabindex="0" role="button" class="btn btn-xs md:btn-sm">
+                  {{ container.name }} <carbon:caret-down />
+                </button>
+                <ul tabindex="0" class="dropdown-content menu rounded-box bg-base-100 shadow-sm">
+                  <li v-for="other in otherContainers">
+                    <router-link :to="{ name: '/container/[id]', params: { id: other.id } }">
+                      <div
+                        class="status data-[state=exited]:status-error data-[state=running]:status-success"
+                        :data-state="other.state"
+                      ></div>
+                      <div v-if="other.isSwarm">{{ other.swarmId }}</div>
+                      <div v-else>{{ other.name }}</div>
+                      <div v-if="other.state === 'running'">running</div>
+                      <RelativeTime :date="other.finishedAt" class="text-base-content/70 text-xs" v-else />
+                    </router-link>
+                  </li>
+                </ul>
+              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <ContainerHealth :health="container.health" v-if="container.health" />
-    <Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
+    <Tag class="hidden! font-mono @xl:block!" size="small">
      {{ container.image.replace(/@sha.*/, "") }}
    </Tag>
  </div>
@@ -66,34 +67,6 @@ const otherContainers = computed(() =>
    .filter((c) => c.name === container.name && c.id !== container.id)
    .sort((a, b) => +b.created - +a.created),
 );
-const wrapper = useTemplateRef("wrapper");
-
-onMounted(async () => {
-  if (!("anchorName" in document.documentElement.style)) {
-    // @ts-ignore
-    const module = await import("@oddbird/css-anchor-positioning/fn");
-    // @ts-ignore
-    await module.default([wrapper.value]);
-  }
-});
 </script>

-<style scoped>
-/* https://github.com/oddbird/css-anchor-positioning/issues/282 */
-.wrapper {
-  anchor-scope: --anchor;
-}
-
-.anchor {
-  anchor-name: --anchor;
-}
-
-.tethered {
-  margin: 0;
-  padding: 0;
-  position-anchor: --anchor;
-  position: absolute;
-  top: anchor(bottom);
-  left: anchor(left);
-}
-</style>
+<style scoped></style>
@@ -13,8 +13,11 @@
        v-model="query"
        :placeholder="$t('placeholder.search-containers')"
      />
-      <form method="dialog">
-        <button class="swap hover:swap-active">
+      <form method="dialog" class="flex">
+        <button v-if="isMobile">
+          <mdi:close />
+        </button>
+        <button v-else class="swap hover:swap-active outline-hidden">
          <mdi:keyboard-esc class="swap-off" />
          <mdi:close class="swap-on" />
        </button>
@@ -30,7 +33,7 @@
          <a
            class="grid auto-cols-max grid-cols-[min-content_auto] gap-2 py-4"
            @click.prevent="selected(result.item)"
-            :class="index === selectedIndex ? 'menu-focus' : ''"
+            :class="{ 'menu-focus': index === selectedIndex }"
          >
            <div :class="{ 'text-primary': result.item.state === 'running' }">
              <template v-if="result.item.type === 'container'">
@@ -50,7 +53,7 @@
              <span data-name v-html="matchedName(result)"></span>
            </div>

-            <DistanceTime :date="result.item.created" class="text-xs font-light" />
+            <RelativeTime :date="result.item.created" class="text-xs font-light" />
            <span
              @click.stop.prevent="addColumn(result.item)"
              :title="$t('tooltip.pin-column')"
@@ -214,7 +217,7 @@ function matchedName({ item, matches = [] }: FuseResult<Item>) {
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 :deep(mark) {
  @apply bg-transparent text-inherit underline underline-offset-2;
 }
@@ -2,11 +2,9 @@
  <ScrollableView :scrollable="scrollable" v-if="group.containers.length && ready">
    <template #header>
      <div class="mx-2 flex items-center gap-2 md:ml-4">
-        <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
-          <div class="inline-flex font-mono text-sm">
-            <div class="font-semibold">{{ $t("label.container", group.containers.length) }}</div>
-          </div>
-        </div>
+        <ContainerDropdown :containers="group.containers">
+          {{ $t("label.container", group.containers.length) }}
+        </ContainerDropdown>
        <MultiContainerStat class="ml-auto" :containers="group.containers" />
        <MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
      </div>
@@ -31,8 +31,7 @@
            <a class="text-sm capitalize" @click="toggleShowAllContainers()">
              <mdi:check class="w-4" v-if="showAllContainers" />
              <div v-else class="w-4"></div>
-
-              Show all containers
+              {{ $t("label.show-all-containers") }}
            </a>
          </li>
        </ul>
@@ -2,7 +2,7 @@
  <ScrollableView :scrollable="scrollable" v-if="host">
    <template #header>
      <div class="mx-2 flex items-center gap-2 md:ml-4">
-        <div class="flex flex-1 gap-1.5 truncate md:gap-2">
+        <div class="flex flex-1 items-center gap-1.5 truncate md:gap-2">
          <ph:computer-tower />
          <div class="inline-flex font-mono text-sm">
            <div class="font-semibold">{{ host.name }}</div>
@@ -1,6 +1,6 @@
 <template>
  <LogItem :logEntry @click="showDrawer(LogDetails, { entry: logEntry })" class="clickable">
-    <ul class="space-x-4">
+    <ul class="space-x-4" @click="preventDefaultOnLinks">
      <li v-for="(value, name) in validValues" :key="name" class="inline-flex">
        <span class="text-light">{{ name }}=</span><span class="font-bold" v-if="value === null">&lt;null&gt;</span>
        <template v-else-if="Array.isArray(value)">
@@ -27,10 +27,15 @@ const validValues = computed(() => {
 });

 const showDrawer = useDrawer();
+function preventDefaultOnLinks(event: MouseEvent) {
+  if (event.target instanceof HTMLAnchorElement && event.target.rel?.includes("external")) {
+    event.stopImmediatePropagation();
+  }
+}
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 .text-light {
  @apply text-base-content/70;
 }
@@ -13,7 +13,7 @@ const { logEntry } = defineProps<{
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 [data-event="container-stopped"] {
  @apply text-red;
 }
@@ -138,7 +138,7 @@ describe("<ContainerEventSource />", () => {
    const wrapper = createLogEventSource();
    sources[sourceUrl].emitOpen();
    sources[sourceUrl].emitMessage({
-      data: `{"ts":1560336942459, "m":"This is a message.", "id":1}`,
+      data: `{"ts":1560336942459, "m":"This is a message.", "id":1, "rm": "This is a message."}`,
    });

    vi.runAllTimers();
@@ -154,26 +154,26 @@ describe("<ContainerEventSource />", () => {
      const wrapper = createLogEventSource();
      sources[sourceUrl].emitOpen();
      sources[sourceUrl].emitMessage({
-        data: `{"ts":1560336942459, "m":"This is a message.", "id":1}`,
+        data: `{"ts":1560336942459, "m":"This is a message.", "id":1, "rm": "This is a message."}`,
      });

      vi.runAllTimers();
      await nextTick();

-      expect(wrapper.find("ul.events").html()).toMatchSnapshot();
+      expect(wrapper.find("ul[data-logs]").html()).toMatchSnapshot();
    });

    test("should render dates with 12 hour style", async () => {
      const wrapper = createLogEventSource({ hourStyle: "12" });
      sources[sourceUrl].emitOpen();
      sources[sourceUrl].emitMessage({
-        data: `{"ts":1560336942459, "m":"foo bar", "id":1}`,
+        data: `{"ts":1560336942459, "m":"foo bar", "id":1, "rm": "foo bar"}`,
      });

      vi.runAllTimers();
      await nextTick();

-      expect(wrapper.find("ul.events").html()).toMatchSnapshot();
+      expect(wrapper.find("ul[data-logs]").html()).toMatchSnapshot();
    });

    test("should render dates with 24 hour style", async () => {
@@ -186,7 +186,7 @@ describe("<ContainerEventSource />", () => {
      vi.runAllTimers();
      await nextTick();

-      expect(wrapper.find("ul.events").html()).toMatchSnapshot();
+      expect(wrapper.find("ul[data-logs]").html()).toMatchSnapshot();
    });
  });
 });
@@ -7,7 +7,9 @@
    </div>
    <span class="sr-only">Loading...</span>
  </ul>
-  <div v-else-if="noLogs && !waitingForMoreLog" class="p-4">Container has no logs yet</div>
+  <div v-else-if="noLogs && !waitingForMoreLog" class="p-4">
+    {{ $t("label.no-logs") }}
+  </div>
  <slot :messages="messages" v-else></slot>
  <IndeterminateBar :color />
 </template>
@@ -20,7 +22,9 @@ const { entity, streamSource } = $defineProps<{
  entity: T;
 }>();

-const { messages, loadOlderLogs, isLoadingMore, opened, loading, error, eventSourceURL } = streamSource($$(entity));
+const { messages, loadOlderLogs, isLoadingMore, opened, loading, error, eventSourceURL } = streamSource(
+  toRef(() => entity),
+);
 const { loadingMore } = useLoggingContext();
 const color = computed(() => {
  if (error.value) return "error";
@@ -45,11 +49,25 @@ const fetchMore = async () => {
  }
 };

-const shuffle = (items: any[]) => {
-  return items.sort(() => Math.random() - 0.5);
-};
-
-const sizes = computedWithControl(eventSourceURL, () =>
-  shuffle(["w-3/5", "w-2/3", "w-9/12", "w-1/2", "w-1/3", "w-3/4"]),
-);
+const sizes = computedWithControl(eventSourceURL, () => {
+  const sizeOptions = [
+    "w-2/12",
+    "w-3/12",
+    "w-4/12",
+    "w-5/12",
+    "w-6/12",
+    "w-7/12",
+    "w-8/12",
+    "w-9/12",
+    "w-10/12",
+    "w-11/12",
+    "w-full",
+  ];
+  const result = [];
+  const iterations = 18;
+  for (let i = 0; i < iterations; i++) {
+    result.push(sizeOptions[Math.floor(Math.random() * sizeOptions.length)]);
+  }
+  return result;
+});
 </script>
@@ -2,7 +2,7 @@
  <aside>
    <header class="flex items-center gap-4">
      <h1 class="text-2xl max-md:hidden">{{ container.name }}</h1>
-      <h2 class="text-sm"><DistanceTime :date="container.created" /></h2>
+      <h2 class="text-sm"><RelativeTime :date="container.created" /></h2>
    </header>

    <div class="mt-8 flex flex-col gap-2">
@@ -4,7 +4,7 @@
    <h1 class="text-lg max-md:hidden">
      <DateTime :date="entry.date" />
    </h1>
-    <h2 class="text-sm"><DistanceTime :date="entry.date" /> on {{ entry.std }}</h2>
+    <h2 class="text-sm"><RelativeTime :date="entry.date" /> on {{ entry.std }}</h2>
  </header>

  <div class="mt-8 flex flex-col gap-10">
@@ -29,7 +29,7 @@
      <div class="flex gap-2">
        Raw JSON

-        <UseClipboard v-slot="{ copy, copied }" :source="JSON.stringify(entry.unfilteredMessage)">
+        <UseClipboard v-slot="{ copy, copied }" :source="entry.rawMessage">
          <button class="swap outline-hidden" @click="copy()" :class="{ 'hover:swap-active': copied }">
            <mdi:check class="swap-on" />
            <mdi:content-copy class="swap-off" />
@@ -37,7 +37,7 @@
        </UseClipboard>
      </div>
      <div class="bg-base-200 max-h-48 overflow-scroll rounded-sm border border-white/20 p-2">
-        <pre v-html="syntaxHighlight(entry.unfilteredMessage)"></pre>
+        <pre v-html="syntaxHighlight(entry.rawMessage)"></pre>
      </div>
    </section>
    <table class="table-pin-rows table table-fixed" v-if="entry instanceof ComplexLogEntry">
@@ -59,7 +59,7 @@
            {{ key.join(".") }}
          </td>
          <td class="truncate max-md:hidden">
-            <code v-html="JSON.stringify(value)"></code>
+            <code>{{ JSON.stringify(value) }}</code>
          </td>
          <td>
            <input type="checkbox" class="toggle toggle-primary" :checked="enabled" @change="toggleField(key)" />
@@ -96,14 +96,15 @@ function toggleField(key: string[]) {
 const fields = computed({
  get() {
    const fieldsWithValue: { key: string[]; value: any; enabled: boolean }[] = [];
-    const allFields = flattenJSONToMap(entry.unfilteredMessage);
+    const rawFields = JSON.parse(entry.rawMessage);
+    const allFields = flattenJSONToMap(rawFields);
    if (visibleKeys.value.size === 0) {
      for (const [key, value] of allFields) {
        fieldsWithValue.push({ key, value, enabled: true });
      }
    } else {
      for (const [key, enabled] of visibleKeys.value) {
-        const value = getDeep(entry.unfilteredMessage, key);
+        const value = getDeep(rawFields, key);
        fieldsWithValue.push({ key, value, enabled });
      }

@@ -141,8 +142,8 @@ const toggleAllFields = computed({
  },
 });

-function syntaxHighlight(json: any) {
-  json = JSON.stringify(json, null, 2);
+function syntaxHighlight(json: string) {
+  json = JSON.stringify(JSON.parse(json.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")), null, 2);
  return json.replace(
    /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|\b\d+\b)/g,
    function (match: string) {
@@ -166,7 +167,7 @@ function syntaxHighlight(json: any) {
 useSortable(list, fields);
 </script>
 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 .font-mono {
  font-family:
    ui-monospace,
@@ -1,9 +1,17 @@
 <template>
  <div class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
    <LogStd :std="logEntry.std" class="shrink-0 select-none" v-if="showStd" />
-    <RandomColorTag class="shrink-0 select-none" :value="host.name" v-if="showHostname" />
-    <RandomColorTag class="shrink-0 select-none" :value="container.name" v-if="showContainerName" truncateRight />
-    <LogDate :date="logEntry.date" v-if="showTimestamp" class="shrink-0 select-none" />
+
+    <div class="flex gap-x-2 gap-y-1 group-[.compact]:gap-y-0 has-[>_*:nth-of-type(2)]:flex-col-reverse md:flex-row!">
+      <RandomColorTag class="w-30 shrink-0 select-none md:w-40" :value="host.name" v-if="showHostname" />
+      <RandomColorTag
+        class="w-30 shrink-0 select-none group-[.compact]:flex-1 md:w-40"
+        :value="container.name"
+        v-if="showContainerName"
+        truncateRight
+      />
+      <LogDate :date="logEntry.date" v-if="showTimestamp" class="shrink-0 select-none" />
+    </div>
    <LogLevel
      class="flex select-none"
      :level="logEntry.level"
@@ -11,7 +11,7 @@ defineProps<{
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 [data-position="start"] {
  border-radius: 0.5em 0.5em 0 0;
  height: 70%;
@@ -35,7 +35,7 @@ defineProps<{
 }
 </style>
 <style>
-@import "@/main.css" reference;
+@reference "@/main.css";
 [data-level="debug"],
 [data-level="trace"] {
  @apply !bg-purple;
@@ -1,5 +1,5 @@
 <template>
-  <ul class="events group pt-4" :class="{ 'disable-wrap': !softWrap, [size]: true, compact }">
+  <ul class="group pt-4" :class="{ 'disable-wrap': !softWrap, [size]: true, compact }" data-logs>
    <li
      v-for="item in messages"
      ref="list"
@@ -54,8 +54,8 @@ useIntersectionObserver(
 );
 </script>
 <style scoped>
-@import "@/main.css" reference;
-.events {
+@reference "@/main.css";
+ul {
  font-family:
    ui-monospace,
    SFMono-Regular,
@@ -99,6 +99,10 @@ useIntersectionObserver(
    @apply bg-secondary inline-block rounded-xs;
    animation: pops 200ms ease-out;
  }
+
+  :deep(a[rel~="external"]) {
+    @apply text-primary underline-offset-4 hover:underline;
+  }
 }

@keyframes pops {
@@ -13,7 +13,7 @@ defineProps<{
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 [std="stdout"] {
  @apply text-blue;
 }
@@ -103,7 +103,7 @@ const downloadUrl = computed(() =>
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 li.line {
  @apply bg-base-content/20 h-px;
 }
@@ -55,15 +55,42 @@ watch(
  { immediate: true },
 );

-const limits = computed(() =>
-  containers.reduce(
-    (acc, c) => ({
-      cpu: acc.cpu + (c.cpuLimit > 0 ? c.cpuLimit : hosts.value[c.host].nCPU),
-      memory: acc.memory + (c.memoryLimit > 0 ? c.memoryLimit : hosts.value[c.host].memTotal),
-    }),
+const limits = computed(() => {
+  const hostLimits = new Map<string, { cpu: number; memory: number }>();
+
+  for (const container of containers) {
+    if (!hostLimits.has(container.host)) {
+      hostLimits.set(container.host, {
+        cpu: 0,
+        memory: 0,
+      });
+    }
+    if (hostLimits.get(container.host)!.cpu < hosts.value[container.host].nCPU) {
+      if (container.cpuLimit == 0) {
+        hostLimits.get(container.host)!.cpu = hosts.value[container.host].nCPU;
+      } else {
+        hostLimits.get(container.host)!.cpu = hostLimits.get(container.host)!.cpu + container.cpuLimit;
+      }
+    }
+    if (hostLimits.get(container.host)!.memory < hosts.value[container.host].memTotal) {
+      if (container.memoryLimit == 0) {
+        hostLimits.get(container.host)!.memory = hosts.value[container.host].memTotal;
+      } else {
+        hostLimits.get(container.host)!.memory = hostLimits.get(container.host)!.memory + container.memoryLimit;
+      }
+    }
+  }
+
+  return hostLimits.values().reduce(
+    (acc, { cpu, memory }) => {
+      return {
+        cpu: acc.cpu + cpu,
+        memory: acc.memory + memory,
+      };
+    },
    { cpu: 0, memory: 0 },
-  ),
-);
+  );
+});

 useIntervalFn(() => {
  totalStat.value = containers.reduce(
@@ -1,5 +1,5 @@
 <template>
-  <div class="tag grid w-40 overflow-hidden rounded-sm text-center text-sm text-white">
+  <div class="tag grid overflow-hidden rounded-sm text-center text-sm text-white">
    <div class="random-color col-start-1 row-start-1 brightness-75"></div>
    <div class="col-start-1 row-start-1 truncate px-2 brightness-100" :class="truncateRight ? '[direction:rtl]' : ''">
      {{ value }}
@@ -1,19 +1,18 @@
 <template>
  <LogItem :logEntry>
    <div
-      class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap"
-      v-html="linkify(colorize(logEntry.message))"
+      class="[word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap"
+      v-html="colorize(logEntry.message)"
    ></div>
    <LogMessageActions
      class="absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100"
-      :message="() => decodeXML(stripAnsi(logEntry.message))"
+      :message="() => stripAnsi(logEntry.rawMessage)"
      :log-entry="logEntry"
    />
  </LogItem>
 </template>
 <script lang="ts" setup>
 import { SimpleLogEntry } from "@/models/LogEntry";
-import { decodeXML } from "entities";
 import AnsiConvertor from "ansi-to-html";
 import stripAnsi from "strip-ansi";

@@ -28,15 +27,4 @@ defineProps<{
 }>();

 const colorize = (value: string) => ansiConvertor.toHtml(value);
-const urlPattern =
-  /https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b[-a-zA-Z0-9()@:%_+.~#?&/=]*/g;
-const linkify = (text: string) =>
-  text.replace(urlPattern, (url) => `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`);
 </script>
-
-<style scoped>
-@import "@/main.css" reference;
-.log-wrapper :deep(a) {
-  @apply text-primary underline-offset-4 hover:underline;
-}
-</style>
@@ -2,16 +2,16 @@
  <div class="my-4 flex-1 text-center">
    <div class="relative">
      <ZigZag class="absolute inset-0 mt-2" />
-      <span class="bg-base-200 relative px-4 py-2 font-bold whitespace-pre-wrap">
+      <button class="btn btn-primary btn-xs relative whitespace-pre-wrap" @click="logEntry.loadSkippedEntries()">
        {{ $t("error.logs-skipped", { total: logEntry.totalSkipped }) }}
-      </span>
+      </button>
    </div>
  </div>
 </template>
 <script lang="ts" setup>
 import { SkippedLogsEntry } from "@/models/LogEntry";

-defineProps<{
+const { logEntry } = defineProps<{
  logEntry: SkippedLogsEntry;
 }>();
 </script>
@@ -1,18 +1,20 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

 exports[`<ContainerEventSource /> > render html correctly > should render dates with 12 hour style 1`] = `
-"<ul data-v-cf9ff940="" class="events group pt-4 medium" show-container-name="false">
+"<ul data-v-cf9ff940="" class="group pt-4 medium" data-logs="" show-container-name="false">
  <li data-v-cf9ff940="" data-key="1" data-time="1560336942459" class="group/entry">
-    <div data-v-a49e52d4="" data-v-cf9ff940="" class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
+    <div data-v-cf9ff940="" class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
      <!--v-if-->
-      <!--v-if-->
-      <!--v-if-->
-      <div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
-        <div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
+      <div class="flex gap-x-2 gap-y-1 group-[.compact]:gap-y-0 has-[>_*:nth-of-type(2)]:flex-col-reverse md:flex-row!">
+        <!--v-if-->
+        <!--v-if-->
+        <div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
+          <div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
+        </div>
      </div>
      <div data-v-e625cddd="" class="mt-1.5 size-2.5 flex-none rounded-lg flex select-none"></div>
-      <div data-v-a49e52d4="" class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">foo bar</div>
-      <div data-v-a49e52d4="" class="flex gap-2 absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100">
+      <div class="[word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">foo bar</div>
+      <div class="flex gap-2 absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100">
        <!--v-if-->
      </div>
    </div>
@@ -21,18 +23,20 @@ exports[`<ContainerEventSource /> > render html correctly > should render dates
 `;

 exports[`<ContainerEventSource /> > render html correctly > should render dates with 24 hour style 1`] = `
-"<ul data-v-cf9ff940="" class="events group pt-4 medium" show-container-name="false">
+"<ul data-v-cf9ff940="" class="group pt-4 medium" data-logs="" show-container-name="false">
  <li data-v-cf9ff940="" data-key="1" data-time="1560336942459" class="group/entry">
-    <div data-v-a49e52d4="" data-v-cf9ff940="" class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
+    <div data-v-cf9ff940="" class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
      <!--v-if-->
-      <!--v-if-->
-      <!--v-if-->
-      <div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
-        <div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42</time></div>
+      <div class="flex gap-x-2 gap-y-1 group-[.compact]:gap-y-0 has-[>_*:nth-of-type(2)]:flex-col-reverse md:flex-row!">
+        <!--v-if-->
+        <!--v-if-->
+        <div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
+          <div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42</time></div>
+        </div>
      </div>
      <div data-v-e625cddd="" class="mt-1.5 size-2.5 flex-none rounded-lg flex select-none"></div>
-      <div data-v-a49e52d4="" class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">foo bar</div>
-      <div data-v-a49e52d4="" class="flex gap-2 absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100">
+      <div class="[word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">foo bar</div>
+      <div class="flex gap-2 absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100">
        <!--v-if-->
      </div>
    </div>
@@ -41,18 +45,20 @@ exports[`<ContainerEventSource /> > render html correctly > should render dates
 `;

 exports[`<ContainerEventSource /> > render html correctly > should render messages 1`] = `
-"<ul data-v-cf9ff940="" class="events group pt-4 medium" show-container-name="false">
+"<ul data-v-cf9ff940="" class="group pt-4 medium" data-logs="" show-container-name="false">
  <li data-v-cf9ff940="" data-key="1" data-time="1560336942459" class="group/entry">
-    <div data-v-a49e52d4="" data-v-cf9ff940="" class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
+    <div data-v-cf9ff940="" class="relative flex w-full items-start gap-x-2 group-[.compact]:items-stretch">
      <!--v-if-->
-      <!--v-if-->
-      <!--v-if-->
-      <div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
-        <div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
+      <div class="flex gap-x-2 gap-y-1 group-[.compact]:gap-y-0 has-[>_*:nth-of-type(2)]:flex-col-reverse md:flex-row!">
+        <!--v-if-->
+        <!--v-if-->
+        <div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
+          <div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
+        </div>
      </div>
      <div data-v-e625cddd="" class="mt-1.5 size-2.5 flex-none rounded-lg flex select-none"></div>
-      <div data-v-a49e52d4="" class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">This is a message.</div>
-      <div data-v-a49e52d4="" class="flex gap-2 absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100">
+      <div class="[word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">This is a message.</div>
+      <div class="flex gap-2 absolute -right-1 opacity-0 transition-opacity delay-150 duration-250 group-hover/entry:opacity-100">
        <!--v-if-->
      </div>
    </div>
@@ -68,6 +74,7 @@ SimpleLogEntry {
  "id": 1,
  "level": undefined,
  "position": undefined,
+  "rawMessage": "This is a message.",
  "std": "stderr",
 }
 `;
@@ -2,12 +2,8 @@
  <ScrollableView :scrollable="scrollable" v-if="containers.length && ready">
    <template #header>
      <div class="mx-2 flex items-center gap-2 md:ml-4">
-        <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
-          <octicon:container-24 />
-          <div class="inline-flex font-mono text-sm">
-            <div class="font-semibold">{{ containers.length }} containers</div>
-          </div>
-        </div>
+        <octicon:container-24 />
+        <ContainerDropdown :containers="containers">{{ $t("label.container", containers.length) }}</ContainerDropdown>
        <MultiContainerStat class="ml-auto" :containers="containers" />
        <MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
      </div>
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col gap-8 px-4 py-4 md:px-8">
+  <div class="flex flex-col gap-5 px-4 py-4 md:px-8">
    <section>
      <Links>
        <template #more-items>
@@ -3,8 +3,8 @@
  <teleport to="body">
    <transition name="fade">
      <div
-        v-show="show && (delayedShow || glopbalShow)"
-        class="border-base-content/20 bg-base-100 fixed z-50 rounded-sm border p-4 shadow-sm"
+        v-show="show && (delayedShow || globalShow)"
+        class="ring-base-content/20 bg-base-100 fixed z-50 rounded-sm p-3 shadow-sm ring"
        ref="content"
      >
        <slot name="content"></slot>
@@ -16,14 +16,14 @@
 <script lang="ts" setup>
 import { globalShowPopup } from "@/composable/popup";

-const glopbalShow = globalShowPopup();
-const show = ref(glopbalShow.value);
+const globalShow = globalShowPopup();
+const show = ref(globalShow.value);
 const delayedShow = refDebounced(show, 1000);
 const content = ref<HTMLElement>();

 const onMouseEnter = (e: Event) => {
  show.value = true;
-  glopbalShow.value = true;
+  globalShow.value = true;

  if (content.value && e.target instanceof HTMLElement) {
    const { left, top, width } = e.target.getBoundingClientRect();
@@ -37,7 +37,7 @@ const onMouseEnter = (e: Event) => {

 const onMouseLeave = () => {
  show.value = false;
-  glopbalShow.value = false;
+  globalShow.value = false;
 };

 const el: Ref<HTMLElement> = useCurrentElement();
@@ -12,7 +12,7 @@
          <span> % </span>
        </div>
      </div>
-      <DistanceTime :date="date" class="text-sm whitespace-nowrap" />
+      <RelativeTime :date="date" class="text-sm whitespace-nowrap" />
    </div>
  </transition>
 </template>
@@ -2,7 +2,7 @@
  <section :class="{ 'h-screen min-h-0': scrollable }" class="flex flex-col">
    <header
      v-if="$slots.header"
-      class="border-base-content/10 bg-base-200 sticky top-[55px] z-2 border-b py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0"
+      class="border-base-content/10 bg-base-200 sticky top-[calc(55px+env(safe-area-inset-top))] z-2 border-b py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0"
    >
      <slot name="header"></slot>
    </header>
@@ -28,7 +28,7 @@
    <div class="mr-16 text-right">
      <transition name="fade">
        <button
-          class="transition-colorsblur-xs dark btn btn-primary text-primary-content fixed bottom-8 rounded-sm p-3 shadow-sm"
+          class="btn btn-primary text-primary-content fixed bottom-8 rounded-sm p-3 shadow-sm transition-colors"
          :class="hasMore ? 'btn-secondary animate-bounce-fast text-secondary-content' : ''"
          @click="scrollToBottom()"
          v-show="scrollContext.paused"
@@ -2,15 +2,8 @@
  <ScrollableView :scrollable="scrollable" v-if="service.name">
    <template #header>
      <div class="mx-2 flex items-center gap-2 md:ml-4">
-        <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
-          <ph:stack-simple />
-          <div class="inline-flex font-mono text-sm">
-            <div class="font-semibold">{{ service.name }}</div>
-          </div>
-          <Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
-            {{ $t("label.container", service.containers.length) }}
-          </Tag>
-        </div>
+        <ph:stack-simple />
+        <ContainerDropdown :containers="service.containers">{{ service.name }}</ContainerDropdown>
        <MultiContainerStat class="ml-auto" :containers="service.containers" />
        <MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
      </div>
@@ -1,17 +1,16 @@
 <template>
  <aside class="fixed flex h-screen w-[inherit] flex-col gap-4 p-3" data-testid="navigation">
    <h1>
-      <router-link :to="{ name: '/' }">
-        <LogoWithText class="logo [&_.secondary-fill]:fill-secondary [&_.content-fill]:fill-base-content h-16 w-40" />
+      <router-link :to="{ name: '/' }" class="flex w-full items-center gap-4 overflow-hidden text-4xl font-thin">
+        <Logo class="h-14 w-14 shrink-0" />
+        Dozzle
      </router-link>

-      <small class="mb-4 block text-xs font-light" v-if="hostname">
-        {{ hostname }}
-      </small>
+      <small class="mt-4 block text-sm font-light" v-if="hostname">{{ hostname }}</small>
    </h1>

    <button
-      class="input input-sm hover:border-primary inline-flex w-auto cursor-pointer items-center gap-2 self-start font-light"
+      class="input input-sm hover:border-primary mt-2 inline-flex w-auto cursor-pointer items-center gap-2 self-start font-light"
      @click="$emit('search')"
      :title="$t('tooltip.search')"
      data-testid="search"
@@ -21,12 +20,12 @@
      <key-shortcut char="k" class="text-base-content/70"></key-shortcut>
    </button>

-    <SideMenu class="mt-2 flex-1" />
+    <SideMenu class="flex-1" />
  </aside>
 </template>

 <script lang="ts" setup>
-import LogoWithText from "@/logo-text.svg";
+import Logo from "@/logo.svg";
 const { hostname } = config;
 </script>

@@ -2,17 +2,12 @@
  <ScrollableView :scrollable="scrollable" v-if="stack.name">
    <template #header>
      <div class="mx-2 flex items-center gap-2 md:ml-4">
-        <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
+        <div class="@container flex flex-1 items-center gap-1.5 md:gap-2">
          <ph:stack />
-          <div class="inline-flex font-mono text-sm">
-            <div class="font-semibold">{{ stack.name }}</div>
-          </div>
-          <Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
+          <div class="font-mono text-sm font-semibold">{{ stack.name }}</div>
+          <ContainerDropdown :containers="stack.containers">
            {{ $t("label.container", stack.containers.length) }}
-          </Tag>
-          <Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
-            {{ $t("label.service", stack.services.length) }}
-          </Tag>
+          </ContainerDropdown>
        </div>
        <MultiContainerStat class="ml-auto" :containers="stack.containers" />
        <MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
@@ -3,7 +3,7 @@
    <header class="flex items-center gap-4">
      <material-symbols:terminal class="size-8" />
      <h1 class="text-2xl max-md:hidden">{{ container.name }}</h1>
-      <h2 class="text-sm">Started <DistanceTime :date="container.created" /></h2>
+      <h2 class="text-sm">Started <RelativeTime :date="container.created" /></h2>
    </header>

    <div class="mt-8 flex flex-col gap-2">
@@ -58,7 +58,7 @@ onUnmounted(() => {
 });
 </script>
 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";

 .shell {
  & :deep(.terminal) {
@@ -1,30 +0,0 @@
-<template>
-  <time :datetime="date.toISOString()" data-ci-skip>{{ text }}</time>
-</template>
-
-<script lang="ts" setup>
-import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
-import { formatDistanceToNowStrict } from "date-fns/formatDistanceToNowStrict";
-
-const {
-  date,
-  strict = false,
-  suffix = true,
-} = defineProps<{
-  date: Date;
-  strict?: boolean;
-  suffix?: boolean;
-}>();
-
-const text = ref<string>();
-
-watch($$(date), updateFromNow, { immediate: true });
-
-function updateFromNow() {
-  const fn = strict ? formatDistanceToNowStrict : formatDistanceToNow;
-  text.value = fn(date, {
-    addSuffix: suffix,
-  });
-}
-useIntervalFn(updateFromNow, 30_000, { immediateCallback: true });
-</script>
@@ -1,5 +1,5 @@
 <template>
-  <details class="dropdown" ref="details" v-on-click-outside="close">
+  <details class="dropdown dropdown-end" ref="details" v-on-click-outside="close">
    <summary class="btn btn-primary flex-nowrap" v-bind="$attrs">
      <slot name="trigger"> {{ label }} <carbon:caret-down /></slot>
    </summary>
@@ -1,6 +1,6 @@
 <template>
  <label class="label text-base-content cursor-pointer gap-4">
-    <div class="flex-1"><slot name="label" /></div>
+    <div class="flex-1 whitespace-normal"><slot name="label" /></div>
    <slot name="input" />
  </label>
 </template>
@@ -1,27 +1,29 @@
 <template>
-  <nav class="border-base-content/20 bg-base-200 fixed top-0 z-10 w-full border-b p-2" data-testid="navigation">
-    <div class="flex items-center">
-      <router-link :to="{ name: '/' }">
-        <Logo class="logo [&_.secondary-fill]:fill-secondary h-8" />
-      </router-link>
+  <nav class="border-base-content/20 bg-base-200 pt-safe fixed top-0 z-10 w-full border-b" data-testid="navigation">
+    <div class="p-2">
+      <div class="flex items-center">
+        <router-link :to="{ name: '/' }">
+          <Logo class="h-10" />
+        </router-link>

-      <div class="ml-auto flex items-center gap-2">
-        <a class="btn btn-circle flex" @click="$emit('search')" :title="$t('tooltip.search')">
-          <mdi:magnify class="size-5" />
-        </a>
-        <label class="btn btn-circle swap swap-rotate" data-testid="hamburger">
-          <input type="checkbox" v-model="show" />
-          <mdi:close class="swap-on" />
-          <mdi:hamburger-menu class="swap-off" />
-        </label>
+        <div class="ml-auto flex items-center gap-2">
+          <a class="btn btn-circle flex" @click="$emit('search')" :title="$t('tooltip.search')">
+            <mdi:magnify class="size-5" />
+          </a>
+          <label class="btn btn-circle swap swap-rotate" data-testid="hamburger">
+            <input type="checkbox" v-model="show" />
+            <mdi:close class="swap-on" />
+            <mdi:hamburger-menu class="swap-off" />
+          </label>
+        </div>
      </div>
+
+      <transition name="fade">
+        <div v-show="show" class="flex h-[calc(100svh-55px)]">
+          <SideMenu class="flex-1" />
+        </div>
+      </transition>
    </div>
-
-    <transition name="fade">
-      <div v-show="show" class="flex h-[calc(100svh-55px)]">
-        <SideMenu class="flex-1" />
-      </div>
-    </transition>
  </nav>
 </template>

@@ -35,7 +37,7 @@ watch(route, () => {
 });
 </script>
 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";
 .fade-enter-active,
 .fade-leave-active {
  @apply transition-opacity;
@@ -0,0 +1,17 @@
+<template>
+  <time :datetime="date.toISOString()" data-ci-skip>{{ text }}</time>
+</template>
+
+<script lang="ts" setup>
+const { date } = defineProps<{
+  date: Date;
+}>();
+
+const text = ref<string>();
+
+const updateFromNow = () => {
+  text.value = toRelativeTime(date, locale.value === "" ? undefined : locale.value);
+};
+watch(() => date, updateFromNow, { immediate: true });
+useIntervalFn(updateFromNow, 30_000);
+</script>
@@ -1,13 +1,18 @@
 <template>
  <dialog ref="panel" class="modal-right modal items-start outline-hidden backdrop:bg-none">
    <div class="modal-box" :width="width">
-      <form method="dialog">
-        <button class="swap hover:swap-active absolute top-4 right-4 outline-hidden">
-          <mdi:keyboard-esc class="swap-off" />
-          <mdi:close class="swap-on" />
-        </button>
-      </form>
-      <slot v-if="open"></slot>
+      <div class="pt-safe relative">
+        <form method="dialog" class="absolute right-0">
+          <button v-if="isMobile">
+            <mdi:close />
+          </button>
+          <button v-else class="swap hover:swap-active outline-hidden">
+            <mdi:keyboard-esc class="swap-off" />
+            <mdi:close class="swap-on" />
+          </button>
+        </form>
+        <slot v-if="open"></slot>
+      </div>
    </div>
    <form method="dialog" class="modal-backdrop">
      <button>close</button>
@@ -33,7 +38,7 @@ defineExpose({
 useEventListener(panel, "close", () => (open.value = false));
 </script>
 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";

 .modal-right :where(.modal-box) {
  @apply bg-base-100 fixed right-0 h-lvh max-h-screen translate-x-24 scale-100 rounded-none shadow-none;
@@ -71,10 +71,9 @@ function useLogStream(url: Ref<string>, loadMoreUrl?: Ref<string>) {
        } else {
          const firstItem = buffer.value.at(0) as LogEntry<string | JSONObject>;
          const lastItem = buffer.value.at(-1) as LogEntry<string | JSONObject>;
-
          messages.value = [
            ...messages.value,
-            new SkippedLogsEntry(new Date(), buffer.value.length, firstItem, lastItem),
+            new SkippedLogsEntry(new Date(), buffer.value.length, firstItem, lastItem, loadSkippedLogs),
          ];
        }
        buffer.value = [];
@@ -177,44 +176,67 @@ function useLogStream(url: Ref<string>, loadMoreUrl?: Ref<string>) {

  const isLoadingMore = ref(false);

-  async function loadOlderLogs() {
-    if (!loadMoreUrl) return;
-    if (isLoadingMore.value) return;
+  async function loadBetween(from: Date, to: Date, lastSeenId: number, minimum: number = 0) {
+    const abortController = new AbortController();
+    const signal = abortController.signal;
+    if (isLoadingMore.value) throw new Error("Already loading");
+    try {
+      isLoadingMore.value = true;
+      const urlWithMoreParams = computed(() => {
+        const loadMoreParams = new URLSearchParams(params.value);
+        loadMoreParams.append("from", from.toISOString());
+        loadMoreParams.append("to", to.toISOString());
+        if (minimum > 0) {
+          loadMoreParams.append("minimum", String(minimum));
+        }
+        loadMoreParams.append("lastSeenId", String(lastSeenId));

+        return withBase(`${loadMoreUrl!.value}?${loadMoreParams.toString()}`);
+      });
+      const stopWatcher = watchOnce(urlWithMoreParams, () => abortController.abort("stream changed"));
+      const logs = await (await fetch(urlWithMoreParams.value, { signal })).text();
+      stopWatcher();
+      return {
+        logs: logs
+          .trim()
+          .split("\n")
+          .map((line) => parseMessage(line)),
+        signal,
+      };
+    } finally {
+      isLoadingMore.value = false;
+    }
+  }
+
+  async function loadOlderLogs() {
+    if (!loadMoreUrl) throw new Error("No loadMoreUrl");
    const to = messages.value[0].date;
    const lastSeenId = messages.value[0].id;
    const last = messages.value[Math.min(messages.value.length - 1, 300)].date;
    const delta = to.getTime() - last.getTime();
    const from = new Date(to.getTime() + delta);
-
-    const abortController = new AbortController();
-    const signal = abortController.signal;
-    isLoadingMore.value = true;
    try {
-      const urlWithMoreParams = computed(() => {
-        const loadMoreParams = new URLSearchParams(params.value);
-        loadMoreParams.append("from", from.toISOString());
-        loadMoreParams.append("to", to.toISOString());
-        loadMoreParams.append("minimum", "100");
-        loadMoreParams.append("lastSeenId", String(lastSeenId));
-
-        return withBase(`${loadMoreUrl.value}?${loadMoreParams.toString()}`);
-      });
-      const stopWatcher = watchOnce(urlWithMoreParams, () => abortController.abort("stream changed"));
-      const logs = await (await fetch(urlWithMoreParams.value, { signal })).text();
-      stopWatcher();
-
+      const { logs, signal } = await loadBetween(from, to, lastSeenId, 100);
      if (logs && signal.aborted === false) {
-        const newMessages = logs
-          .trim()
-          .split("\n")
-          .map((line) => parseMessage(line));
-        messages.value = [...newMessages, ...messages.value];
+        messages.value = [...logs, ...messages.value];
      }
-    } catch (e) {
-      console.error("Error loading older logs", e);
-    } finally {
-      isLoadingMore.value = false;
+    } catch (error) {
+      console.error(error);
+    }
+  }
+
+  async function loadSkippedLogs(entry: SkippedLogsEntry) {
+    if (!loadMoreUrl) throw new Error("No loadMoreUrl");
+    const from = entry.firstSkipped.date;
+    const to = entry.lastSkippedLog.date;
+    const lastSeenId = entry.lastSkippedLog.id;
+    try {
+      const { logs, signal } = await loadBetween(from, to, lastSeenId);
+      if (logs && signal.aborted === false) {
+        messages.value = messages.value.slice(logs.length).flatMap((log) => (log === entry ? logs : [log]));
+      }
+    } catch (error) {
+      console.error(error);
    }
  }

@@ -1,6 +1,6 @@
 <template>
  <div>
-    <mobile-menu v-if="isMobile && !forceMenuHidden" @search="showFuzzySearch"></mobile-menu>
+    <MobileMenu v-if="isMobile && !forceMenuHidden" @search="showFuzzySearch"></MobileMenu>
    <Splitpanes @resized="onResized($event)">
      <Pane min-size="10" :size="menuWidth" v-if="!isMobile && !collapseNav && !forceMenuHidden">
        <SidePanel @search="showFuzzySearch" />
@@ -95,7 +95,7 @@ function onResized({ panes }: { panes: { size: number }[] }) {
 </script>

 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";

 :deep(.splitpanes--vertical > .splitpanes__splitter) {
  @apply bg-base-100 hover:bg-secondary min-w-[5px];
@@ -1,5 +1,5 @@
 <template>
-  <div class="hero min-h-dvh">
+  <div class="hero max-h-500:pt-4 min-h-dvh content-start pt-[20dvh]">
    <div class="hero-content">
      <router-view></router-view>
    </div>
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 396 114"><path class="secondary-fill" d="M89.408 46.477a6.49 6.49 0 0 0-6.488 6.49 6.488 6.488 0 1 0 12.978 0 6.49 6.49 0 0 0-6.49-6.49m-42.836 0a6.49 6.49 0 1 0 0 12.98 6.49 6.49 0 0 0 0-12.98M28.5 38.295a6.5 6.5 0 0 1-1.897-4.593 6.474 6.474 0 0 1 6.49-6.49c1.663 0 3.327.631 4.592 1.896l-1.517 1.12a51.67 51.67 0 0 1 31.822-10.91c11.999 0 23.028 4.078 31.823 10.91L98.3 29.113a6.47 6.47 0 0 1 4.592-1.897c1.659 0 3.324.63 4.588 1.897a6.52 6.52 0 0 1 1.892 4.593 6.47 6.47 0 0 1-1.892 4.594l1.514 1.113c21.944 21.942-15.406 31.822-15.406 31.822H42.392c-1.077 0-38.88-8.35-15.406-31.822zM102.214 94.411a7.894 7.894 0 0 1-7.894-7.895 7.893 7.893 0 1 1 15.787 0 7.89 7.89 0 0 1-7.893 7.895M37.355 95.13a7.894 7.894 0 0 1-7.895-7.896 7.894 7.894 0 0 1 7.895-7.893 7.894 7.894 0 0 1 7.896 7.893 7.894 7.894 0 0 1-7.896 7.895M44.372 72.866h47.402s-22.981 7.899-47.402 0"/><path class="content-fill" d="M142 79.928V33.446h13.836c3.571 0 6.886.574 9.947 1.786 3.06 1.147 5.675 2.805 7.779 4.846 4.272 4.144 6.822 10.01 6.822 16.514 0 3.379-.637 6.567-1.913 9.5-1.275 2.933-3.06 5.356-5.228 7.396-4.4 4.017-10.648 6.44-17.407 6.44zm4.91-41.89v37.3h8.735c3.889 0 7.332-.83 10.265-2.423 2.997-1.595 5.356-3.762 6.95-6.568 1.658-2.805 2.487-6.057 2.487-9.628 0-5.292-1.977-10.01-5.356-13.39-3.315-3.315-8.48-5.292-14.346-5.292zm86.587 18.554c0 4.4-1.02 8.416-2.997 12.05q-3.06 5.452-8.416 8.608c-3.634 2.104-7.588 3.188-12.051 3.188-3.252 0-6.312-.637-9.245-1.849-2.869-1.211-5.356-2.869-7.397-5.037-2.04-2.04-3.634-4.527-4.845-7.46-1.148-2.933-1.786-5.993-1.786-9.245q0-6.6 3.061-12.051c1.976-3.635 4.782-6.568 8.416-8.672C201.808 34.02 205.825 33 210.224 33c3.252 0 6.313.574 9.246 1.785 2.869 1.276 5.356 2.933 7.396 4.974 2.04 2.168 3.698 4.654 4.846 7.523 1.211 2.934 1.785 5.994 1.785 9.31m-5.037.255c0-5.229-1.913-10.075-5.101-13.581s-7.97-5.739-13.326-5.739c-3.443 0-6.567.893-9.373 2.55-2.805 1.786-4.973 4.081-6.503 6.95q-2.296 4.4-2.296 9.565c0 5.164 1.913 10.074 5.101 13.517 3.188 3.507 7.97 5.739 13.262 5.739 3.444 0 6.568-.893 9.373-2.615 2.87-1.657 5.037-4.017 6.568-6.886 1.53-2.87 2.295-6.057 2.295-9.5m43.932 18.618v4.463h-33.539v-4.463l27.672-37.555H239.81v-4.464h32.454v4.464l-27.8 37.555zm38.192 0v4.463h-33.538v-4.463l27.672-37.555h-26.715v-4.464h32.454v4.464l-27.8 37.555zm8.927 4.463V33.446h4.91v41.891h22.061v4.591zm34.622 0V33.446h29.075v4.527h-24.165v16.068h22.125v4.527h-22.125v16.833h24.42v4.527z"/></svg>
@@ -4,13 +4,23 @@
@plugin "@tailwindcss/typography";

@theme {
-  --color-green: oklch(69% 0.119722 188.479048);
+  --color-green: oklch(0.62 0.119722 158.82);
  --color-red: oklch(64% 0.218 28.85);
  --color-purple: oklch(51.49% 0.215 321.03);
  --color-blue: oklch(65% 0.171 249.5);
  --color-orange: oklch(70% 0.186 48.13);
 }

+@utility pt-safe {
+  padding-top: env(safe-area-inset-top);
+}
+
+@custom-variant max-h-500 {
+  @media (max-height: 500px) {
+    @slot;
+  }
+}
+
@plugin "daisyui/theme" {
  name: "dark";
  default: false;
@@ -28,6 +28,7 @@ export interface LogEvent {
  readonly p: Position;
  readonly s: "stdout" | "stderr" | "unknown";
  readonly c: string;
+  readonly rm: string;
 }

 export abstract class LogEntry<T extends string | JSONObject> {
@@ -38,6 +39,7 @@ export abstract class LogEntry<T extends string | JSONObject> {
    public readonly id: number,
    public readonly date: Date,
    public readonly std: Std,
+    public readonly rawMessage: string,
    public readonly level?: Level,
  ) {
    this._message = message;
@@ -59,8 +61,9 @@ export class SimpleLogEntry extends LogEntry<string> {
    public readonly level: Level,
    public readonly position: Position,
    public readonly std: Std,
+    public readonly rawMessage: string,
  ) {
-    super(message, containerID, id, date, std, level);
+    super(message, containerID, id, date, std, rawMessage, level);
  }
  getComponent(): Component {
    return SimpleLogItem;
@@ -77,9 +80,10 @@ export class ComplexLogEntry extends LogEntry<JSONObject> {
    date: Date,
    public readonly level: Level,
    public readonly std: Std,
+    public readonly rawMessage: string,
    visibleKeys?: Ref<Map<string[], boolean>>,
  ) {
-    super(message, containerID, id, date, std, level);
+    super(message, containerID, id, date, std, rawMessage, level);
    if (visibleKeys) {
      this.filteredMessage = computed(() => {
        if (visibleKeys.value.size === 0) {
@@ -123,6 +127,7 @@ export class ComplexLogEntry extends LogEntry<JSONObject> {
      event.date,
      event.level,
      event.std,
+      event.rawMessage,
      visibleKeys,
    );
  }
@@ -143,7 +148,7 @@ export class ContainerEventLogEntry extends LogEntry<string> {
 }

 export class SkippedLogsEntry extends LogEntry<string> {
-  private _totalSkipped = 0;
+  private _totalSkipped = ref(0);
  private lastSkipped: LogEntry<string | JSONObject>;

  constructor(
@@ -151,9 +156,10 @@ export class SkippedLogsEntry extends LogEntry<string> {
    totalSkipped: number,
    public readonly firstSkipped: LogEntry<string | JSONObject>,
    lastSkipped: LogEntry<string | JSONObject>,
+    private readonly loader: (i: SkippedLogsEntry) => Promise<void>,
  ) {
    super("", "", date.getTime(), date, "stderr", "info");
-    this._totalSkipped = totalSkipped;
+    this._totalSkipped.value = totalSkipped;
    this.lastSkipped = lastSkipped;
  }
  getComponent(): Component {
@@ -161,20 +167,24 @@ export class SkippedLogsEntry extends LogEntry<string> {
  }

  public get message(): string {
-    return `Skipped ${this.totalSkipped} entries`;
+    return `Skipped ${this._totalSkipped.value} entries`;
  }

  public addSkippedEntries(totalSkipped: number, lastItem: LogEntry<string | JSONObject>) {
-    this._totalSkipped += totalSkipped;
+    this._totalSkipped.value += totalSkipped;
    this.lastSkipped = lastItem;
  }

-  public get totalSkipped(): number {
-    return this._totalSkipped;
+  public get lastSkippedLog(): LogEntry<string | JSONObject> {
+    return this.lastSkipped;
  }

-  public get lastSkippedItem(): LogEntry<string | JSONObject> {
-    return this.lastSkipped;
+  public async loadSkippedEntries(): Promise<void> {
+    await this.loader(this);
+  }
+
+  public get totalSkipped(): number {
+    return unref(this._totalSkipped);
  }
 }

@@ -187,6 +197,7 @@ export function asLogEntry(event: LogEvent): LogEntry<string | JSONObject> {
      new Date(event.ts),
      event.l,
      event.s === "unknown" ? "stderr" : (event.s ?? "stderr"),
+      event.rm,
    );
  } else {
    return new SimpleLogEntry(
@@ -197,6 +208,7 @@ export function asLogEntry(event: LogEvent): LogEntry<string | JSONObject> {
      event.l,
      event.p,
      event.s === "unknown" ? "stderr" : (event.s ?? "stderr"),
+      event.rm,
    );
  }
 }
@@ -39,6 +39,7 @@ watch(currentContainer, () => (redirectTrigger.value = false));

 watchEffect(() => {
  if (redirectTrigger.value) return;
+  if (automaticRedirect.value === "none") return;
  if (!currentContainer.value) return;
  if (currentContainer.value.state === "running") return;
  if (Date.now() - +currentContainer.value.finishedAt > 5 * 60 * 1000) return;
@@ -49,7 +50,7 @@ watchEffect(() => {

  if (!nextContainer) return;

-  if (automaticRedirect.value) {
+  if (automaticRedirect.value === "delayed") {
    redirectTrigger.value = true;
    showToast(
      {
@@ -73,6 +74,16 @@ watchEffect(() => {
      },
      { timed: 4000 },
    );
+  } else {
+    router.push({ name: "/container/[id]", params: { id: nextContainer.id } });
+    showToast(
+      {
+        title: t("alert.redirected.title"),
+        message: t("alert.redirected.message", { containerId: nextContainer.id }),
+        type: "info",
+      },
+      { expire: 3000 },
+    );
  }
 });
 </script>
@@ -4,7 +4,7 @@
      <form action="" method="post" @submit.prevent="onLogin" ref="form" class="flex flex-col gap-8">
        <label class="form-control w-full">
          <label
-            class="input floating-label input-bordered has-[:focus]:input-primary flex items-center gap-2 border-2"
+            class="input input-lg floating-label input-bordered has-[:focus]:input-primary flex w-full items-center gap-2 border-2"
            :class="{ 'input-error': error }"
          >
            <span class="ml-5">{{ $t("label.username") }}</span>
@@ -28,7 +28,7 @@
        </label>
        <label class="form-control w-full">
          <label
-            class="input floating-label input-bordered has-[:focus]:input-primary flex items-center gap-2 border-2"
+            class="input input-lg floating-label input-bordered has-[:focus]:input-primary flex w-full items-center gap-2 border-2"
          >
            <span class="ml-5">{{ $t("label.password") }}</span>
            <mdi:key class="has-[+:focus]:text-primary" />
@@ -44,7 +44,7 @@
          </label>
        </label>

-        <button class="btn btn-primary uppercase" type="submit" :disabled="loading">
+        <button class="btn btn-primary mt-2 uppercase" type="submit" :disabled="loading">
          <span class="loading loading-spinner" v-if="loading"></span>
          {{ $t("button.login") }}
        </button>
@@ -119,13 +119,54 @@
      <div class="has-underline">
        <h2>{{ $t("settings.options") }}</h2>
      </div>
+
+      <LabeledInput>
+        <template #label>
+          {{ $t("settings.automatic-redirect") }}
+        </template>
+        <template #input>
+          <DropdownMenu
+            v-model="automaticRedirect"
+            :options="[
+              { label: 'Instant', value: 'instant' },
+              { label: 'Delayed', value: 'delayed' },
+              { label: 'None', value: 'none' },
+            ]"
+          />
+        </template>
+      </LabeledInput>
+
      <Toggle v-model="search">
        {{ $t("settings.search") }} <key-shortcut char="f" class="align-top"></key-shortcut>
      </Toggle>

      <Toggle v-model="showAllContainers">{{ $t("settings.show-stopped-containers") }}</Toggle>
+    </section>

-      <Toggle v-model="automaticRedirect">{{ $t("settings.automatic-redirect") }}</Toggle>
+    <section class="flex flex-col gap-4">
+      <div class="has-underline">
+        <h2>Support</h2>
+      </div>
+
+      Please consider supporting Dozzle by donating or sponsoring us on GitHub. Your contributions help us maintain and
+      improve Dozzle for everyone. Thank you for your support! 🙏🏼
+
+      <ul class="mb-8 flex gap-2">
+        <li>
+          <a href="https://github.com/dozzle/dozzle" target="_blank" rel="noopener noreferrer" class="btn"> GitHub </a>
+        </li>
+        <li>
+          <a
+            href="https://buymeacoffee.com/amirraminfar"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="btn btn-secondary"
+          >
+            <mdi:beer />
+            Buy me a beer
+          </a>
+        </li>
+      </ul>
    </section>
  </PageWithLinks>
 </template>
@@ -166,8 +207,8 @@ const hoursAgo = (hours: number) => {
 const fakeMessages = computedWithControl(
  () => i18n.global.locale.value,
  () => [
-    new SimpleLogEntry(t("settings.log.preview"), "123", 1, hoursAgo(16), "info", undefined, "stdout"),
-    new SimpleLogEntry(t("settings.log.warning"), "123", 2, hoursAgo(12), "warn", undefined, "stdout"),
+    new SimpleLogEntry(t("settings.log.preview"), "123", 1, hoursAgo(16), "info", undefined, "stdout", ""),
+    new SimpleLogEntry(t("settings.log.warning"), "123", 2, hoursAgo(12), "warn", undefined, "stdout", ""),
    new SimpleLogEntry(
      t("settings.log.multi-line-error.start-line"),
      "123",
@@ -176,6 +217,7 @@ const fakeMessages = computedWithControl(
      "error",
      "start",
      "stderr",
+      "",
    ),
    new SimpleLogEntry(
      t("settings.log.multi-line-error.middle-line"),
@@ -185,8 +227,9 @@ const fakeMessages = computedWithControl(
      "error",
      "middle",
      "stderr",
+      "",
    ),
-    new SimpleLogEntry(t("settings.log.multi-line-error.end-line"), "123", 5, new Date(), "error", "end", "stderr"),
+    new SimpleLogEntry(t("settings.log.multi-line-error.end-line"), "123", 5, new Date(), "error", "end", "stderr", ""),
    new ComplexLogEntry(
      {
        message: t("settings.log.complex"),
@@ -200,23 +243,24 @@ const fakeMessages = computedWithControl(
      new Date(),
      "info",
      "stdout",
+      "",
    ),
-    new SimpleLogEntry(t("settings.log.simple"), "123", 7, new Date(), "debug", undefined, "stderr"),
+    new SimpleLogEntry(t("settings.log.simple"), "123", 7, new Date(), "debug", undefined, "stderr", ""),
  ],
 );
 </script>
 <style scoped>
-@import "@/main.css" reference;
+@reference "@/main.css";

 .has-underline {
-  @apply border-base-content/50 mb-4 border-b py-4;
+  @apply border-base-content/50 mb-4 border-b py-2;

  h2 {
-    @apply text-2xl;
+    @apply text-3xl;
  }
 }

-:deep(a:not(.menu a)) {
+:deep(a:not(.menu a):not(.btn)) {
  @apply text-primary underline-offset-4 hover:underline;
 }
 </style>
@@ -14,7 +14,7 @@ export type Settings = {
  dateLocale: "auto" | "en-US" | "en-GB" | "de-DE" | "en-CA";
  softWrap: boolean;
  collapseNav: boolean;
-  automaticRedirect: boolean;
+  automaticRedirect: "instant" | "delayed" | "none";
  locale: string;
 };
 export const DEFAULT_SETTINGS: Settings = {
@@ -31,12 +31,20 @@ export const DEFAULT_SETTINGS: Settings = {
  dateLocale: "auto",
  softWrap: true,
  collapseNav: false,
-  automaticRedirect: true,
+  automaticRedirect: "delayed",
  locale: "",
 };

 export const settings = useProfileStorage("settings", DEFAULT_SETTINGS);

+// @ts-ignore: automaticRedirect is now a string enum, but might be a boolean in older data
+if (settings.value.automaticRedirect === true) {
+  settings.value.automaticRedirect = "delayed";
+  // @ts-ignore: automaticRedirect is now a string enum, but might be a boolean in older data
+} else if (settings.value.automaticRedirect === false) {
+  settings.value.automaticRedirect = "none";
+}
+
 export const {
  collapseNav,
  compact,
@@ -109,3 +109,27 @@ export function hashCode(str: string) {
  }
  return hash;
 }
+
+const units: [Intl.RelativeTimeFormatUnit, number][] = [
+  ["year", 31536000],
+  ["month", 2592000],
+  ["week", 604800],
+  ["day", 86400],
+  ["hour", 3600],
+  ["minute", 60],
+  ["second", 1],
+];
+
+export function toRelativeTime(date: Date, locale: string | undefined): string {
+  const diffInSeconds = (date.getTime() - new Date().getTime()) / 1000;
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+
+  for (const [unit, seconds] of units) {
+    const value = Math.round(diffInSeconds / seconds);
+    if (Math.abs(value) >= 1) {
+      return rtf.format(value, unit);
+    }
+  }
+
+  return rtf.format(0, "second");
+}
@@ -32,6 +32,10 @@ services:

 :::

+> [!NOTE] Docker Socket Proxy users
+> If you are using a remote agent you **CANNOT** add a socket proxy on top of the agent. Dozzle agents **REPLACE** using a proxy, see [Remote Hosts](/guide/remote-hosts.md) for more info and how to use a socket proxy instead of an agent.
+
+
 The agent will start and listen on port `7007`. You can connect to the agent using the Dozzle UI by providing the agent's IP address and port. The agent will only show the containers that are available on the host where the agent is running.

 > [!TIP]
@@ -28,11 +28,22 @@ services:
      - /var/run/docker.sock:/var/run/docker.sock
    ports:
      - 8080:8080
+    environment:
+      # Uncomment to enable container actions (stop, start, restart). See https://dozzle.dev/guide/actions
+      # - DOZZLE_ENABLE_ACTIONS=true
+      #
+      # Uncomment to allow access to container shells. See https://dozzle.dev/guide/shell
+      # - DOZZLE_ENABLE_SHELL=true
+      #
+      # Uncomment to enable authentication. See https://dozzle.dev/guide/authentication
+      # - DOZZLE_AUTH_PROVIDER=simple
 ```

 :::

-Dozzle also supports connecting to remote agents to monitor multiple Docker hosts. See [agent](/guide/agent) to learn more.
+> [!TIP]
+> Dozzle supports actions, such as stopping, starting, and restarting containers, or attaching to container shells. But they are disabled by default for security reasons. To enable them, uncomment the corresponding environment variables.
+> Dozzle also supports connecting to remote agents to monitor multiple Docker hosts. See [agent](/guide/agent) to learn more.

 ## Docker Swarm

@@ -70,6 +81,9 @@ See [swarm mode](/guide/swarm-mode) for more information.

 Dozzle supports running in Kubernetes. It only needs to be deployed on one node within the cluster.

+<details>
+<summary>Kubernetes Configuration</summary>
+
 ```yaml [k8s-dozzle.yml]
 # rbac.yaml
 apiVersion: v1
@@ -130,9 +144,11 @@ spec:
              value: "k8s"
 ```

-Then apply the configuration using the following command:
+</details>

-```bash
+Apply the configuration using the following command:
+
+```sh
 kubectl apply -f k8s-dozzle.yml
 ```

@@ -139,6 +139,9 @@ spec:
              value: "default"
 ```

+> [!NOTE]
+> Dozzle supports multiple namespaces, you can set the `DOZZLE_NAMESPACES` environment variable to a comma separated list of namespaces. When multiple namespaces are specified, Dozzle will monitor each namespace separately and combine the results.
+
 ### Labels and Filters

 `DOZZLE_FILTER` behave similarlty to Docker filters. You can limit the scope of Dozzle using the `DOZZLE_FILTER` environment variable. For example, to scope only to `env=prod`:
@@ -37,6 +37,6 @@ services:

 :::

-In the above example, `/var/log/system.log` is mounted from the host and used with `tail -f` to follow the file. `tail` is smart to follow log rotations. During testing, using Alpine only uses about `300KB` of memory.
+In the above example, `/var/log/system.log` is mounted from the host and used with `tail -f` to follow the file. `tail` is smart to follow log rotations. During testing, using Alpine used about `~50KB` of memory.

 The second tab shows a `docker-compose` file which is useful if you want the log stream to survive server reboot.
@@ -8,6 +8,8 @@ Dozzle supports connecting to remote Docker hosts. This is useful when running D

 However, with Dozzle agents, you can connect to remote hosts without exposing the Docker socket. See the [agent](/guide/agent) page for more information.

+Dozzle agents remove the need to remotely expose the Docker socket but cannot be uses with a Docker Socket proxy inside the Dozzle agent stack. If you wish to use a Socket Proxy on it's own without an agent see the [connecting with a socket proxy](#connecting-with-a-socket-proxy) section.
+
 > [!WARNING]
 > Remote hosts have been replaced with agents. Agents provide a more secure way to connect to remote hosts. Although remote hosts are still supported, it is recommended to use agents. See the [agent](/guide/agent) page for more information and examples. For comparison, see the [comparing agents with remote connections](/guide/agent#comparing-agents-with-remote-connection) section. I won't be able to investigate user's issues with remote hosts as it is very time consuming.

@@ -42,7 +44,7 @@ services:

 ## Connecting with a Socket Proxy

-If you are in a private network, then you can use [Docker Socket Proxy](https://github.com/Tecnativa/docker-socket-proxy) which exposes `docker.sock` file without the need for TLS. Dozzle will never try to write to Docker but it will need access to list APIs. The following command will start a proxy with minimal access:
+If you are in a private network, then you can use [Docker Socket Proxy](https://github.com/Tecnativa/docker-socket-proxy) which exposes `docker.sock` file without the need for TLS. This will remove the need for a Dozzle agent and Dozzle will connect directly to the Socket Proxy instead. Dozzle will never try to write to Docker but it will need access to list APIs. The following command will start a proxy with minimal access:

 ```sh
 $ docker container run --privileged -e CONTAINERS=1 -e INFO=1 -v /var/run/docker.sock:/var/run/docker.sock -p 2375:2375 tecnativa/docker-socket-proxy
@@ -27,7 +27,7 @@ Configurations can be done with flags or environment variables. The table below
 | `--namespace`         | `DOZZLE_NAMESPACE`         | `""`           |

 > [!TIP]
-> Some flags like `--remote-host` or `--remote-agent` can be used multiple times. For example, `--remote-agent tcp://167.99.1.1:7007 --remote-agent tcp://167.99.1.2:7007` or comma-separated `DOZZLE_REMOTE_AGENT=tcp://167.99.1.1:7007,tcp://167.99.1.2:7007`.
+> Some flags like `--remote-host` or `--remote-agent` can be used multiple times. For example, `--remote-agent 167.99.1.1:7007 --remote-agent 167.99.1.2:7007` or comma-separated `DOZZLE_REMOTE_AGENT=167.99.1.1:7007,167.99.1.2:7007`.

 ## Generate users.yml

@@ -4,6 +4,9 @@ settings:
  autoInstallPeers: true
  excludeLinksFromLockfile: false

+overrides:
+  esbuild@<=0.24.2: '>=0.25.0'
+
 importers:

  .:
@@ -18,7 +18,7 @@ require (
 	github.com/stretchr/objx v0.5.2 // indirect
 	github.com/stretchr/testify v1.10.0
 	golang.org/x/net v0.39.0 // indirect
-	golang.org/x/sys v0.32.0 // indirect
+	golang.org/x/sys v0.33.0 // indirect
 	gopkg.in/yaml.v3 v3.0.1
 )

@@ -27,21 +27,21 @@ require (
 	github.com/andybalholm/brotli v1.1.1
 	github.com/go-chi/chi/v5 v5.2.1
 	github.com/go-chi/jwtauth/v5 v5.3.3
-	github.com/go-faker/faker/v4 v4.6.0
-	github.com/gorilla/websocket v1.5.3
-	github.com/puzpuzpuz/xsync/v4 v4.0.0
+	github.com/go-faker/faker/v4 v4.6.1
+	github.com/gorilla/websocket v1.5.4-0.20250319132907-e064f32e3674
+	github.com/puzpuzpuz/xsync/v4 v4.1.0
 	github.com/rs/zerolog v1.34.0
-	github.com/samber/lo v1.49.1
+	github.com/samber/lo v1.50.0
 	github.com/wk8/go-ordered-map/v2 v2.1.8
-	github.com/yuin/goldmark v1.7.10
-	golang.org/x/crypto v0.37.0
-	golang.org/x/sync v0.13.0
-	google.golang.org/grpc v1.71.1
+	github.com/yuin/goldmark v1.7.12
+	golang.org/x/crypto v0.38.0
+	golang.org/x/sync v0.14.0
+	google.golang.org/grpc v1.72.2
 	google.golang.org/protobuf v1.36.6
-	k8s.io/api v0.32.3
-	k8s.io/apimachinery v0.32.3
-	k8s.io/client-go v0.32.3
-	k8s.io/metrics v0.32.3
+	k8s.io/api v0.33.1
+	k8s.io/apimachinery v0.33.1
+	k8s.io/client-go v0.33.1
+	k8s.io/metrics v0.33.1
 )

 require (
@@ -65,7 +65,7 @@ require (
 	github.com/goccy/go-json v0.10.5 // indirect
 	github.com/golang/protobuf v1.5.4 // indirect
 	github.com/google/gnostic-models v0.6.9 // indirect
-	github.com/google/go-cmp v0.6.0 // indirect
+	github.com/google/go-cmp v0.7.0 // indirect
 	github.com/google/gofuzz v1.2.0 // indirect
 	github.com/google/uuid v1.6.0 // indirect
 	github.com/josharian/intern v1.0.0 // indirect
@@ -97,20 +97,21 @@ require (
 	go.opentelemetry.io/otel/exporters/otlp/otlptrace/otlptracehttp v1.22.0 // indirect
 	go.opentelemetry.io/otel/metric v1.34.0 // indirect
 	go.opentelemetry.io/otel/trace v1.34.0 // indirect
-	golang.org/x/oauth2 v0.26.0 // indirect
-	golang.org/x/term v0.31.0 // indirect
-	golang.org/x/text v0.24.0 // indirect
+	golang.org/x/oauth2 v0.27.0 // indirect
+	golang.org/x/term v0.32.0 // indirect
+	golang.org/x/text v0.25.0 // indirect
 	golang.org/x/time v0.10.0 // indirect
 	google.golang.org/genproto/googleapis/rpc v0.0.0-20250219182151-9fdb1cabc7b2 // indirect
 	gopkg.in/evanphx/json-patch.v4 v4.12.0 // indirect
 	gopkg.in/inf.v0 v0.9.1 // indirect
 	gotest.tools/v3 v3.0.3 // indirect
 	k8s.io/klog/v2 v2.130.1 // indirect
-	k8s.io/kube-openapi v0.0.0-20241212222426-2c72e554b1e7 // indirect
+	k8s.io/kube-openapi v0.0.0-20250318190949-c8a335a9a2ff // indirect
 	k8s.io/utils v0.0.0-20241210054802-24370beab758 // indirect
 	sigs.k8s.io/json v0.0.0-20241014173422-cfa47c3a1cc8 // indirect
-	sigs.k8s.io/structured-merge-diff/v4 v4.5.0 // indirect
+	sigs.k8s.io/randfill v1.0.0 // indirect
+	sigs.k8s.io/structured-merge-diff/v4 v4.6.0 // indirect
 	sigs.k8s.io/yaml v1.4.0 // indirect
 )

-go 1.24.2
+go 1.24.3
@@ -54,6 +54,8 @@ github.com/go-chi/jwtauth/v5 v5.3.3 h1:50Uzmacu35/ZP9ER2Ht6SazwPsnLQ9LRJy6zTZJpH
 github.com/go-chi/jwtauth/v5 v5.3.3/go.mod h1:O4QvPRuZLZghl9WvfVaON+ARfGzpD2PBX/QY5vUz7aQ=
 github.com/go-faker/faker/v4 v4.6.0 h1:6aOPzNptRiDwD14HuAnEtlTa+D1IfFuEHO8+vEFwjTs=
 github.com/go-faker/faker/v4 v4.6.0/go.mod h1:ZmrHuVtTTm2Em9e0Du6CJ9CADaLEzGXW62z1YqFH0m0=
+github.com/go-faker/faker/v4 v4.6.1 h1:xUyVpAjEtB04l6XFY0V/29oR332rOSPWV4lU8RwDt4k=
+github.com/go-faker/faker/v4 v4.6.1/go.mod h1:arSdxNCSt7mOhdk8tEolvHeIJ7eX4OX80wXjKKvkKBY=
 github.com/go-logr/logr v1.2.2/go.mod h1:jdQByPbusPIv2/zmleS9BjJVeZ6kBagPoEUsqbVz/1A=
 github.com/go-logr/logr v1.4.2 h1:6pFjapn8bFcIbiKo3XT4j/BhANplGihG6tvd+8rYgrY=
 github.com/go-logr/logr v1.4.2/go.mod h1:9T104GzyrTigFIr8wt5mBrctHMim0Nb2HLGrmQ40KvY=
@@ -81,6 +83,8 @@ github.com/google/go-cmp v0.4.0/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/
 github.com/google/go-cmp v0.5.9/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
 github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
 github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
+github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
+github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
 github.com/google/gofuzz v1.0.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
 github.com/google/gofuzz v1.2.0 h1:xRy4A+RhZaiKjJ1bPfwQ8sedCA+YS2YcCHW6ec7JMi0=
 github.com/google/gofuzz v1.2.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
@@ -90,6 +94,8 @@ github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
 github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
 github.com/gorilla/websocket v1.5.3 h1:saDtZ6Pbx/0u+bgYQ3q96pZgCzfhKXGPqt7kZ72aNNg=
 github.com/gorilla/websocket v1.5.3/go.mod h1:YR8l580nyteQvAITg2hZ9XVh4b55+EU/adAjf1fMHhE=
+github.com/gorilla/websocket v1.5.4-0.20250319132907-e064f32e3674 h1:JeSE6pjso5THxAzdVpqr6/geYxZytqFMBCOtn/ujyeo=
+github.com/gorilla/websocket v1.5.4-0.20250319132907-e064f32e3674/go.mod h1:r4w70xmWCQKmi1ONH4KIaBptdivuRPyosB9RmPlGEwA=
 github.com/grpc-ecosystem/grpc-gateway/v2 v2.16.0 h1:YBftPWNWd4WwGqtY2yeZL2ef8rHAxPBD8KFhJpmcqms=
 github.com/grpc-ecosystem/grpc-gateway/v2 v2.16.0/go.mod h1:YN5jB8ie0yfIUg6VvR9Kz84aCaG7AsGZnLjhHbUqwPg=
 github.com/josharian/intern v1.0.0 h1:vlS4z54oSdjm0bgjRigI+G1HpF+tI+9rE5LLzOg8HmY=
@@ -163,6 +169,8 @@ github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2 h1:Jamvg5psRI
 github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/puzpuzpuz/xsync/v4 v4.0.0 h1:F1za+MBXzDQtQq+OVgFsojSX4w66rsNDmQNebPFAncA=
 github.com/puzpuzpuz/xsync/v4 v4.0.0/go.mod h1:VJDmTCJMBt8igNxnkQd86r+8KUeN1quSfNKu5bLYFQo=
+github.com/puzpuzpuz/xsync/v4 v4.1.0 h1:x9eHRl4QhZFIPJ17yl4KKW9xLyVWbb3/Yq4SXpjF71U=
+github.com/puzpuzpuz/xsync/v4 v4.1.0/go.mod h1:VJDmTCJMBt8igNxnkQd86r+8KUeN1quSfNKu5bLYFQo=
 github.com/rogpeppe/go-internal v1.13.1 h1:KvO1DLK/DRN07sQ1LQKScxyZJuNnedQ5/wKSR38lUII=
 github.com/rogpeppe/go-internal v1.13.1/go.mod h1:uMEvuHeurkdAXX61udpOXGD/AzZDWNMNyH2VO9fmH0o=
 github.com/rs/xid v1.6.0/go.mod h1:7XoLgs4eV+QndskICGsho+ADou8ySMSjJKDIan90Nz0=
@@ -170,6 +178,8 @@ github.com/rs/zerolog v1.34.0 h1:k43nTLIwcTVQAncfCw4KZ2VY6ukYoZaBPNOE8txlOeY=
 github.com/rs/zerolog v1.34.0/go.mod h1:bJsvje4Z08ROH4Nhs5iH600c3IkWhwp44iRc54W6wYQ=
 github.com/samber/lo v1.49.1 h1:4BIFyVfuQSEpluc7Fua+j1NolZHiEHEpaSEKdsH0tew=
 github.com/samber/lo v1.49.1/go.mod h1:dO6KHFzUKXgP8LDhU0oI8d2hekjXnGOu0DB8Jecxd6o=
+github.com/samber/lo v1.50.0 h1:XrG0xOeHs+4FQ8gJR97zDz5uOFMW7OwFWiFVzqopKgY=
+github.com/samber/lo v1.50.0/go.mod h1:RjZyNk6WSnUFRKK6EyOhsRJMqft3G+pg7dCWHQCWvsc=
 github.com/segmentio/asm v1.2.0 h1:9BQrFxC+YOHJlTlHGkTrFWf59nbL3XnCoFLTwDCI7ys=
 github.com/segmentio/asm v1.2.0/go.mod h1:BqMnlJP91P8d+4ibuonYZw9mfnzI9HfxselHZr5aAcs=
 github.com/sergi/go-diff v1.3.1 h1:xkr+Oxo4BOQKmkn/B9eMK0g5Kg/983T9DqqPHwYqD+8=
@@ -202,6 +212,10 @@ github.com/yuin/goldmark v1.2.1/go.mod h1:3hX8gzYuyVAZsxl0MRgGTJEmQBFcNTphYh9dec
 github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
 github.com/yuin/goldmark v1.7.10 h1:S+LrtBjRmqMac2UdtB6yyCEJm+UILZ2fefI4p7o0QpI=
 github.com/yuin/goldmark v1.7.10/go.mod h1:ip/1k0VRfGynBgxOz0yCqHrbZXhcjxyuS66Brc7iBKg=
+github.com/yuin/goldmark v1.7.11 h1:ZCxLyDMtz0nT2HFfsYG8WZ47Trip2+JyLysKcMYE5bo=
+github.com/yuin/goldmark v1.7.11/go.mod h1:ip/1k0VRfGynBgxOz0yCqHrbZXhcjxyuS66Brc7iBKg=
+github.com/yuin/goldmark v1.7.12 h1:YwGP/rrea2/CnCtUHgjuolG/PnMxdQtPMO5PvaE2/nY=
+github.com/yuin/goldmark v1.7.12/go.mod h1:ip/1k0VRfGynBgxOz0yCqHrbZXhcjxyuS66Brc7iBKg=
 go.opentelemetry.io/auto/sdk v1.1.0 h1:cH53jehLUN6UFLY71z+NDOiNJqDdPRaXzTel0sJySYA=
 go.opentelemetry.io/auto/sdk v1.1.0/go.mod h1:3wSPjt5PWp2RhlCcmmOial7AvC4DQqZb7a7wCow3W8A=
 go.opentelemetry.io/contrib/instrumentation/net/http/otelhttp v0.59.0 h1:CV7UdSGJt/Ao6Gp4CXckLxVRRsRgDHoI8XjbL3PDl8s=
@@ -232,6 +246,8 @@ golang.org/x/crypto v0.23.0/go.mod h1:CKFgDieR+mRhux2Lsu27y0fO304Db0wZe70UKqHu0v
 golang.org/x/crypto v0.31.0/go.mod h1:kDsLvtWBEx7MV9tJOj9bnXsPbxwJQ6csT/x4KIN4Ssk=
 golang.org/x/crypto v0.37.0 h1:kJNSjF/Xp7kU0iB2Z+9viTPMW4EqqsrywMXLJOOsXSE=
 golang.org/x/crypto v0.37.0/go.mod h1:vg+k43peMZ0pUMhYmVAWysMK35e6ioLh3wB8ZCAfbVc=
+golang.org/x/crypto v0.38.0 h1:jt+WWG8IZlBnVbomuhg2Mdq0+BBQaHbtqHEFEigjUV8=
+golang.org/x/crypto v0.38.0/go.mod h1:MvrbAqul58NNYPKnOra203SB9vpuZW0e+RRZV+Ggqjw=
 golang.org/x/mod v0.2.0/go.mod h1:s0Qsj1ACt9ePp/hMypM3fl4fZqREWJwdYDEqhRiZZUA=
 golang.org/x/mod v0.3.0/go.mod h1:s0Qsj1ACt9ePp/hMypM3fl4fZqREWJwdYDEqhRiZZUA=
 golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
@@ -256,6 +272,8 @@ golang.org/x/net v0.39.0 h1:ZCu7HMWDxpXpaiKdhzIfaltL9Lp31x/3fCP11bc6/fY=
 golang.org/x/net v0.39.0/go.mod h1:X7NRbYVEA+ewNkCNyJ513WmMdQ3BineSwVtN2zD/d+E=
 golang.org/x/oauth2 v0.26.0 h1:afQXWNNaeC4nvZ0Ed9XvCCzXM6UHJG7iCg0W4fPqSBE=
 golang.org/x/oauth2 v0.26.0/go.mod h1:XYTD2NtWslqkgxebSiOHnXEap4TF09sJSc7H1sXbhtI=
+golang.org/x/oauth2 v0.27.0 h1:da9Vo7/tDv5RH/7nZDz1eMGS/q1Vv1N/7FCrBhI9I3M=
+golang.org/x/oauth2 v0.27.0/go.mod h1:onh5ek6nERTohokkhCD/y2cV4Do3fxFHFuAejCkRWT8=
 golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sync v0.0.0-20190911185100-cd5d95a43a6e/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sync v0.0.0-20201020160332-67f06af15bc9/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
@@ -267,6 +285,8 @@ golang.org/x/sync v0.7.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
 golang.org/x/sync v0.10.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
 golang.org/x/sync v0.13.0 h1:AauUjRAJ9OSnvULf/ARrrVywoJDy0YS2AwQ98I37610=
 golang.org/x/sync v0.13.0/go.mod h1:1dzgHSNfp02xaA81J2MS99Qcpr2w7fw1gpm99rleRqA=
+golang.org/x/sync v0.14.0 h1:woo0S4Yywslg6hp4eUFjTVOyKt0RookbpAHG4c1HmhQ=
+golang.org/x/sync v0.14.0/go.mod h1:1dzgHSNfp02xaA81J2MS99Qcpr2w7fw1gpm99rleRqA=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20190412213103-97732733099d/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20200831180312-196b9ba8737a/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
@@ -285,6 +305,8 @@ golang.org/x/sys v0.20.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/sys v0.28.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/sys v0.32.0 h1:s77OFDvIQeibCmezSnk/q6iAfkdiQaJi4VzroCFrN20=
 golang.org/x/sys v0.32.0/go.mod h1:BJP2sWEmIv4KK5OTEluFJCKSidICx8ciO85XgH3Ak8k=
+golang.org/x/sys v0.33.0 h1:q3i8TbbEz+JRD9ywIRlyRAQbM0qF7hu24q3teo2hbuw=
+golang.org/x/sys v0.33.0/go.mod h1:BJP2sWEmIv4KK5OTEluFJCKSidICx8ciO85XgH3Ak8k=
 golang.org/x/telemetry v0.0.0-20240228155512-f48c80bd79b2/go.mod h1:TeRTkGYfJXctD9OcfyVLyj2J3IxLnKwHJR8f4D8a3YE=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
 golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
@@ -296,6 +318,8 @@ golang.org/x/term v0.20.0/go.mod h1:8UkIAJTvZgivsXaD6/pH6U9ecQzZ45awqEOzuCvwpFY=
 golang.org/x/term v0.27.0/go.mod h1:iMsnZpn0cago0GOrHO2+Y7u7JPn5AylBrcoWkElMTSM=
 golang.org/x/term v0.31.0 h1:erwDkOK1Msy6offm1mOgvspSkslFnIGsFnxOKoufg3o=
 golang.org/x/term v0.31.0/go.mod h1:R4BeIy7D95HzImkxGkTW1UQTtP54tio2RyHz7PwK0aw=
+golang.org/x/term v0.32.0 h1:DR4lr0TjUs3epypdhTOkMmuF5CDFJ/8pOnbzMZPQ7bg=
+golang.org/x/term v0.32.0/go.mod h1:uZG1FhGx848Sqfsq4/DlJr3xGGsYMu/L5GW4abiaEPQ=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
@@ -307,6 +331,8 @@ golang.org/x/text v0.15.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
 golang.org/x/text v0.21.0/go.mod h1:4IBbMaMmOPCJ8SecivzSH54+73PCFmPWxNTLm+vZkEQ=
 golang.org/x/text v0.24.0 h1:dd5Bzh4yt5KYA8f9CJHCP4FB4D51c2c6JvN37xJJkJ0=
 golang.org/x/text v0.24.0/go.mod h1:L8rBsPeo2pSS+xqN0d5u2ikmjtmoJbDBT1b7nHvFCdU=
+golang.org/x/text v0.25.0 h1:qVyWApTSYLk/drJRO5mDlNYskwQznZmkpV2c8q9zls4=
+golang.org/x/text v0.25.0/go.mod h1:WEdwpYrmk1qmdHvhkSTNPm3app7v4rsT8F2UD6+VHIA=
 golang.org/x/time v0.10.0 h1:3usCWA8tQn0L8+hFJQNgzpWbd89begxN66o1Ojdn5L4=
 golang.org/x/time v0.10.0/go.mod h1:3BpzKBy/shNhVucY/MWOyx10tF3SFh9QdLuxbVysPQM=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
@@ -330,6 +356,12 @@ google.golang.org/genproto/googleapis/rpc v0.0.0-20250219182151-9fdb1cabc7b2 h1:
 google.golang.org/genproto/googleapis/rpc v0.0.0-20250219182151-9fdb1cabc7b2/go.mod h1:LuRYeWDFV6WOn90g357N17oMCaxpgCnbi/44qJvDn2I=
 google.golang.org/grpc v1.71.1 h1:ffsFWr7ygTUscGPI0KKK6TLrGz0476KUvvsbqWK0rPI=
 google.golang.org/grpc v1.71.1/go.mod h1:H0GRtasmQOh9LkFoCPDu3ZrwUtD1YGE+b2vYBYd/8Ec=
+google.golang.org/grpc v1.72.0 h1:S7UkcVa60b5AAQTaO6ZKamFp1zMZSU0fGDK2WZLbBnM=
+google.golang.org/grpc v1.72.0/go.mod h1:wH5Aktxcg25y1I3w7H69nHfXdOG3UiadoBtjh3izSDM=
+google.golang.org/grpc v1.72.1 h1:HR03wO6eyZ7lknl75XlxABNVLLFc2PAb6mHlYh756mA=
+google.golang.org/grpc v1.72.1/go.mod h1:wH5Aktxcg25y1I3w7H69nHfXdOG3UiadoBtjh3izSDM=
+google.golang.org/grpc v1.72.2 h1:TdbGzwb82ty4OusHWepvFWGLgIbNo1/SUynEN0ssqv8=
+google.golang.org/grpc v1.72.2/go.mod h1:wH5Aktxcg25y1I3w7H69nHfXdOG3UiadoBtjh3izSDM=
 google.golang.org/protobuf v1.36.6 h1:z1NpPI8ku2WgiWnf+t9wTPsn6eP1L7ksHUlkfLvd9xY=
 google.golang.org/protobuf v1.36.6/go.mod h1:jduwjTPXsFjZGTmRluh+L6NjiWu7pchiJ2/5YcXBHnY=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
@@ -350,21 +382,44 @@ gotest.tools/v3 v3.0.3 h1:4AuOwCGf4lLR9u3YOe2awrHygurzhO/HeQ6laiA6Sx0=
 gotest.tools/v3 v3.0.3/go.mod h1:Z7Lb0S5l+klDB31fvDQX8ss/FlKDxtlFlw3Oa8Ymbl8=
 k8s.io/api v0.32.3 h1:Hw7KqxRusq+6QSplE3NYG4MBxZw1BZnq4aP4cJVINls=
 k8s.io/api v0.32.3/go.mod h1:2wEDTXADtm/HA7CCMD8D8bK4yuBUptzaRhYcYEEYA3k=
+k8s.io/api v0.33.0 h1:yTgZVn1XEe6opVpP1FylmNrIFWuDqe2H0V8CT5gxfIU=
+k8s.io/api v0.33.0/go.mod h1:CTO61ECK/KU7haa3qq8sarQ0biLq2ju405IZAd9zsiM=
+k8s.io/api v0.33.1 h1:tA6Cf3bHnLIrUK4IqEgb2v++/GYUtqiu9sRVk3iBXyw=
+k8s.io/api v0.33.1/go.mod h1:87esjTn9DRSRTD4fWMXamiXxJhpOIREjWOSjsW1kEHw=
 k8s.io/apimachinery v0.32.3 h1:JmDuDarhDmA/Li7j3aPrwhpNBA94Nvk5zLeOge9HH1U=
 k8s.io/apimachinery v0.32.3/go.mod h1:GpHVgxoKlTxClKcteaeuF1Ul/lDVb74KpZcxcmLDElE=
+k8s.io/apimachinery v0.33.0 h1:1a6kHrJxb2hs4t8EE5wuR/WxKDwGN1FKH3JvDtA0CIQ=
+k8s.io/apimachinery v0.33.0/go.mod h1:BHW0YOu7n22fFv/JkYOEfkUYNRN0fj0BlvMFWA7b+SM=
+k8s.io/apimachinery v0.33.1 h1:mzqXWV8tW9Rw4VeW9rEkqvnxj59k1ezDUl20tFK/oM4=
+k8s.io/apimachinery v0.33.1/go.mod h1:BHW0YOu7n22fFv/JkYOEfkUYNRN0fj0BlvMFWA7b+SM=
 k8s.io/client-go v0.32.3 h1:RKPVltzopkSgHS7aS98QdscAgtgah/+zmpAogooIqVU=
 k8s.io/client-go v0.32.3/go.mod h1:3v0+3k4IcT9bXTc4V2rt+d2ZPPG700Xy6Oi0Gdl2PaY=
+k8s.io/client-go v0.33.0 h1:UASR0sAYVUzs2kYuKn/ZakZlcs2bEHaizrrHUZg0G98=
+k8s.io/client-go v0.33.0/go.mod h1:kGkd+l/gNGg8GYWAPr0xF1rRKvVWvzh9vmZAMXtaKOg=
+k8s.io/client-go v0.33.1 h1:ZZV/Ks2g92cyxWkRRnfUDsnhNn28eFpt26aGc8KbXF4=
+k8s.io/client-go v0.33.1/go.mod h1:JAsUrl1ArO7uRVFWfcj6kOomSlCv+JpvIsp6usAGefA=
 k8s.io/klog/v2 v2.130.1 h1:n9Xl7H1Xvksem4KFG4PYbdQCQxqc/tTUyrgXaOhHSzk=
 k8s.io/klog/v2 v2.130.1/go.mod h1:3Jpz1GvMt720eyJH1ckRHK1EDfpxISzJ7I9OYgaDtPE=
 k8s.io/kube-openapi v0.0.0-20241212222426-2c72e554b1e7 h1:hcha5B1kVACrLujCKLbr8XWMxCxzQx42DY8QKYJrDLg=
 k8s.io/kube-openapi v0.0.0-20241212222426-2c72e554b1e7/go.mod h1:GewRfANuJ70iYzvn+i4lezLDAFzvjxZYK1gn1lWcfas=
+k8s.io/kube-openapi v0.0.0-20250318190949-c8a335a9a2ff h1:/usPimJzUKKu+m+TE36gUyGcf03XZEP0ZIKgKj35LS4=
+k8s.io/kube-openapi v0.0.0-20250318190949-c8a335a9a2ff/go.mod h1:5jIi+8yX4RIb8wk3XwBo5Pq2ccx4FP10ohkbSKCZoK8=
 k8s.io/metrics v0.32.3 h1:2vsBvw0v8rIIlczZ/lZ8Kcqk9tR6Fks9h+dtFNbc2a4=
 k8s.io/metrics v0.32.3/go.mod h1:9R1Wk5cb+qJpCQon9h52mgkVCcFeYxcY+YkumfwHVCU=
+k8s.io/metrics v0.33.0 h1:sKe5sC9qb1RakMhs8LWYNuN2ne6OTCWexj8Jos3rO2Y=
+k8s.io/metrics v0.33.0/go.mod h1:XewckTFXmE2AJiP7PT3EXaY7hi7bler3t2ZLyOdQYzU=
+k8s.io/metrics v0.33.1 h1:Ypd5ITCf+fM+LDNFk7hESXTc3vh02CQYGiwRoVRaGsM=
+k8s.io/metrics v0.33.1/go.mod h1:wK8cFTK5ykBdhL0Wy4RZwLH28XM7j/Klc+NQrMRWVxg=
 k8s.io/utils v0.0.0-20241210054802-24370beab758 h1:sdbE21q2nlQtFh65saZY+rRM6x6aJJI8IUa1AmH/qa0=
 k8s.io/utils v0.0.0-20241210054802-24370beab758/go.mod h1:OLgZIPagt7ERELqWJFomSt595RzquPNLL48iOWgYOg0=
 sigs.k8s.io/json v0.0.0-20241014173422-cfa47c3a1cc8 h1:gBQPwqORJ8d8/YNZWEjoZs7npUVDpVXUUOFfW6CgAqE=
 sigs.k8s.io/json v0.0.0-20241014173422-cfa47c3a1cc8/go.mod h1:mdzfpAEoE6DHQEN0uh9ZbOCuHbLK5wOm7dK4ctXE9Tg=
+sigs.k8s.io/randfill v0.0.0-20250304075658-069ef1bbf016/go.mod h1:XeLlZ/jmk4i1HRopwe7/aU3H5n1zNUcX6TM94b3QxOY=
+sigs.k8s.io/randfill v1.0.0 h1:JfjMILfT8A6RbawdsK2JXGBR5AQVfd+9TbzrlneTyrU=
+sigs.k8s.io/randfill v1.0.0/go.mod h1:XeLlZ/jmk4i1HRopwe7/aU3H5n1zNUcX6TM94b3QxOY=
 sigs.k8s.io/structured-merge-diff/v4 v4.5.0 h1:nbCitCK2hfnhyiKo6uf2HxUPTCodY6Qaf85SbDIaMBk=
 sigs.k8s.io/structured-merge-diff/v4 v4.5.0/go.mod h1:N8f93tFZh9U6vpxwRArLiikrE5/2tiu1w1AGfACIGE4=
+sigs.k8s.io/structured-merge-diff/v4 v4.6.0 h1:IUA9nvMmnKWcj5jl84xn+T5MnlZKThmUW1TdblaLVAc=
+sigs.k8s.io/structured-merge-diff/v4 v4.6.0/go.mod h1:dDy58f92j70zLsuZVuUX5Wp9vtxXpaZnkPGWeqDfCps=
 sigs.k8s.io/yaml v1.4.0 h1:Mk1wCc2gy/F0THH0TAp1QYyJNzRm2KCLy3o5ASXVI5E=
 sigs.k8s.io/yaml v1.4.0/go.mod h1:Ejl7/uTz7PSA4eKMyQCUTnhZYNmLIl+5c2lQPGR2BPY=
@@ -315,7 +315,7 @@ func (s *ContainerStore) init() {
 			case "update":
 				started := false
 				updatedContainer, _ := s.containers.Compute(event.ActorID, func(c *Container, loaded bool) (*Container, xsync.ComputeOp) {
-					if loaded {
+					if loaded && event.Container != nil {
 						newContainer := event.Container
 						if newContainer.State == "running" && c.State != "running" {
 							started = true
@@ -1,50 +0,0 @@
-package container
-
-import (
-	"html"
-
-	"github.com/rs/zerolog/log"
-	orderedmap "github.com/wk8/go-ordered-map/v2"
-)
-
-func escape(logEvent *LogEvent) {
-	switch value := logEvent.Message.(type) {
-	case string:
-		logEvent.Message = html.EscapeString(value)
-
-	case *orderedmap.OrderedMap[string, any]:
-		escapeAnyMap(value)
-
-	case *orderedmap.OrderedMap[string, string]:
-		escapeStringMap(value)
-
-	case map[string]interface{}:
-		panic("not implemented")
-
-	case map[string]string:
-		panic("not implemented")
-
-	default:
-		log.Debug().Type("type", value).Msg("unknown logEvent type")
-	}
-}
-
-func escapeAnyMap(orderedMap *orderedmap.OrderedMap[string, any]) {
-	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
-		switch value := pair.Value.(type) {
-		case string:
-			orderedMap.Set(pair.Key, html.EscapeString(value))
-		case *orderedmap.OrderedMap[string, any]:
-			escapeAnyMap(value)
-		case *orderedmap.OrderedMap[string, string]:
-			escapeStringMap(value)
-		}
-	}
-
-}
-
-func escapeStringMap(orderedMap *orderedmap.OrderedMap[string, string]) {
-	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
-		orderedMap.Set(pair.Key, html.EscapeString(pair.Value))
-	}
-}
@@ -87,7 +87,6 @@ func (g *EventGenerator) consumeReader() {
 			logEvent := createEvent(message, streamType)
 			logEvent.ContainerID = g.containerID
 			logEvent.Level = guessLogLevel(logEvent)
-			escape(logEvent)
 			g.buffer <- logEvent
 		}

@@ -125,6 +124,7 @@ func createEvent(message string, streamType StdType) *LogEvent {
 			logEvent.Timestamp = timestamp.UnixMilli()
 			message = strings.TrimSuffix(message[index+1:], "\n")
 			logEvent.Message = message
+			logEvent.RawMessage = message
 			if message == "" {
 				logEvent.Message = "" // empty message so do nothing
 			} else if json.Valid([]byte(message)) {
@@ -145,6 +145,11 @@ func createEvent(message string, streamType StdType) *LogEvent {
 				}
 			} else if data, err := ParseLogFmt(message); err == nil {
 				logEvent.Message = data
+				data, err := json.Marshal(data)
+				if err != nil {
+					log.Error().Err(err).Msg("failed to marshal json")
+				}
+				logEvent.RawMessage = string(data)
 			}
 		}
 	}
@@ -167,6 +167,7 @@ func ParseContainerAction(input string) (ContainerAction, error) {

 type LogEvent struct {
 	Message     any         `json:"m,omitempty"`
+	RawMessage  string      `json:"rm,omitempty"`
 	Timestamp   int64       `json:"ts"`
 	Id          uint32      `json:"id,omitempty"`
 	Level       string      `json:"l,omitempty"`
@@ -2,9 +2,11 @@ package k8s

 import (
 	"context"
+	"errors"
 	"fmt"
 	"io"
 	"strings"
+	"sync"
 	"time"

 	"os"
@@ -13,9 +15,13 @@ import (
 	"github.com/amir20/dozzle/internal/utils"
 	corev1 "k8s.io/api/core/v1"
 	metav1 "k8s.io/apimachinery/pkg/apis/meta/v1"
+	"k8s.io/apimachinery/pkg/watch"

 	"github.com/rs/zerolog/log"

+	"github.com/samber/lo"
+	lop "github.com/samber/lo/parallel"
+
 	"k8s.io/client-go/kubernetes"
 	"k8s.io/client-go/kubernetes/scheme"
 	"k8s.io/client-go/rest"
@@ -25,15 +31,19 @@ import (

 type K8sClient struct {
 	Clientset *kubernetes.Clientset
-	namespace string
+	namespace []string
 	config    *rest.Config
 	host      container.Host
 }

-func NewK8sClient(namespace string) (*K8sClient, error) {
+func NewK8sClient(namespace []string) (*K8sClient, error) {
 	var config *rest.Config
 	var err error

+	if len(namespace) == 0 {
+		namespace = []string{metav1.NamespaceAll}
+	}
+
 	// Check if we're running in cluster
 	if os.Getenv("KUBERNETES_SERVICE_HOST") != "" {
 		config, err = rest.InClusterConfig()
@@ -116,15 +126,36 @@ func (k *K8sClient) ListContainers(ctx context.Context, labels container.Contain
 		}
 		log.Debug().Str("selector", selector).Msg("Listing containers with labels")
 	}
-	pods, err := k.Clientset.CoreV1().Pods(k.namespace).List(ctx, metav1.ListOptions{LabelSelector: selector})
-	if err != nil {
-		return nil, err
-	}
+	containerList := lop.Map(k.namespace, func(namespace string, index int) lo.Tuple2[[]container.Container, error] {
+		pods, err := k.Clientset.CoreV1().Pods(namespace).List(ctx, metav1.ListOptions{LabelSelector: selector})
+		if err != nil {
+			return lo.T2[[]container.Container, error](nil, fmt.Errorf("failed to list pods in namespace %s: %w", namespace, err))
+		}
+		var containers []container.Container
+		for _, pod := range pods.Items {
+			containers = append(containers, podToContainers(&pod)...)
+		}
+		return lo.T2[[]container.Container, error](containers, nil)
+	})

 	var containers []container.Container
-	for _, pod := range pods.Items {
-		containers = append(containers, podToContainers(&pod)...)
+	var lastError error
+	success := false
+	for _, t2 := range containerList {
+		items, err := t2.Unpack()
+		if err != nil {
+			log.Error().Err(err).Msg("failed to fetch containers")
+			lastError = err
+			continue
+		}
+		success = true
+		containers = append(containers, items...)
 	}
+
+	if !success {
+		return nil, lastError
+	}
+
 	return containers, nil
 }

@@ -193,39 +224,57 @@ func (k *K8sClient) ContainerLogsBetweenDates(ctx context.Context, id string, st
 }

 func (k *K8sClient) ContainerEvents(ctx context.Context, ch chan<- container.ContainerEvent) error {
-	watch, err := k.Clientset.CoreV1().Pods(k.namespace).Watch(ctx, metav1.ListOptions{})
-	if err != nil {
-		return err
+	watchers := lo.Map(k.namespace, func(namespace string, index int) watch.Interface {
+		watcher, err := k.Clientset.CoreV1().Pods(namespace).Watch(ctx, metav1.ListOptions{})
+		if err != nil {
+			log.Error().Err(err).Msg("Failed to watch pods")
+			return nil
+		}
+		return watcher
+	})
+
+	if len(watchers) == 0 {
+		return errors.New("no namespaces to watch")
 	}

-	for event := range watch.ResultChan() {
-		log.Debug().Interface("event.type", event.Type).Msg("Received kubernetes event")
-		pod, ok := event.Object.(*corev1.Pod)
-		if !ok {
-			continue
-		}
+	wg := sync.WaitGroup{}
+	wg.Add(len(watchers))

-		name := ""
-		switch event.Type {
-		case "ADDED":
-			name = "create"
-		case "DELETED":
-			name = "destroy"
-		case "MODIFIED":
-			name = "update"
-		}
+	for _, watcher := range watchers {
+		go func(w watch.Interface) {
+			defer wg.Done()
+			for event := range w.ResultChan() {
+				log.Debug().Interface("event.type", event.Type).Msg("Received kubernetes event")
+				pod, ok := event.Object.(*corev1.Pod)
+				if !ok {
+					continue
+				}

-		for _, c := range podToContainers(pod) {
-			ch <- container.ContainerEvent{
-				Name:      name,
-				ActorID:   c.ID,
-				Host:      pod.Spec.NodeName,
-				Time:      time.Now(),
-				Container: &c,
+				name := ""
+				switch event.Type {
+				case "ADDED":
+					name = "create"
+				case "DELETED":
+					name = "destroy"
+				case "MODIFIED":
+					name = "update"
+				}
+
+				for _, c := range podToContainers(pod) {
+					ch <- container.ContainerEvent{
+						Name:      name,
+						ActorID:   c.ID,
+						Host:      pod.Spec.NodeName,
+						Time:      time.Now(),
+						Container: &c,
+					}
+				}
 			}
-		}
+		}(watcher)
 	}

+	wg.Wait()
+
 	return nil
 }

@@ -7,6 +7,8 @@ import (
 	"time"

 	"github.com/amir20/dozzle/internal/container"
+	lop "github.com/samber/lo/parallel"
+
 	"github.com/puzpuzpuz/xsync/v4"
 	"github.com/rs/zerolog/log"
 	metav1 "k8s.io/apimachinery/pkg/apis/meta/v1"
@@ -95,28 +97,30 @@ func (sc *K8sStatsCollector) Start(parentCtx context.Context) bool {
 	for {
 		select {
 		case <-ticker.C:
-			metricList, err := sc.metrics.MetricsV1beta1().PodMetricses(sc.client.namespace).List(ctx, metav1.ListOptions{})
-			if err != nil {
-				panic(err.Error())
-			}
-			for _, pod := range metricList.Items {
-				for _, c := range pod.Containers {
-					stat := container.ContainerStat{
-						ID:          pod.Namespace + ":" + pod.Name + ":" + c.Name,
-						CPUPercent:  float64(c.Usage.Cpu().MilliValue()) / 1000 * 100,
-						MemoryUsage: c.Usage.Memory().AsApproximateFloat64(),
-					}
-					log.Trace().Interface("stat", stat).Msg("k8s stats")
-					sc.subscribers.Range(func(c context.Context, stats chan<- container.ContainerStat) bool {
-						select {
-						case stats <- stat:
-						case <-c.Done():
-							sc.subscribers.Delete(c)
-						}
-						return true
-					})
+			lop.ForEach(sc.client.namespace, func(item string, index int) {
+				metricList, err := sc.metrics.MetricsV1beta1().PodMetricses(item).List(ctx, metav1.ListOptions{})
+				if err != nil {
+					log.Panic().Err(err).Msg("failed to get pod metrics")
 				}
-			}
+				for _, pod := range metricList.Items {
+					for _, c := range pod.Containers {
+						stat := container.ContainerStat{
+							ID:          pod.Namespace + ":" + pod.Name + ":" + c.Name,
+							CPUPercent:  float64(c.Usage.Cpu().MilliValue()) / 1000 * 100,
+							MemoryUsage: c.Usage.Memory().AsApproximateFloat64(),
+						}
+						log.Trace().Interface("stat", stat).Msg("k8s stats")
+						sc.subscribers.Range(func(c context.Context, stats chan<- container.ContainerStat) bool {
+							select {
+							case stats <- stat:
+							case <-c.Done():
+								sc.subscribers.Delete(c)
+							}
+							return true
+						})
+					}
+				}
+			})
 		case <-ctx.Done():
 			return true
 		}
@@ -28,7 +28,7 @@ type Settings struct {
 	ShowAllContainers bool    `json:"showAllContainers"`
 	SoftWrap          bool    `json:"softWrap"`
 	CollapseNav       bool    `json:"collapseNav"`
-	AutomaticRedirect bool    `json:"automaticRedirect"`
+	AutomaticRedirect string  `json:"automaticRedirect"`
 	Size              string  `json:"size,omitempty"`
 	Compact           bool    `json:"compact"`
 	LightTheme        string  `json:"lightTheme,omitempty"`
@@ -19,6 +19,7 @@ func StartEvent(args Args, mode string, client container.Client, subCommand stri
 		RemoteClients:    len(args.RemoteHost),
 		SubCommand:       subCommand,
 		HasActions:       args.EnableActions,
+		HasShell:         args.EnableShell,
 		HasCustomAddress: args.Addr != ":8080",
 		HasCustomBase:    args.Base != "/",
 		HasHostname:      args.Hostname != "",
@@ -31,7 +31,7 @@ type Args struct {
 	Mode             string              `arg:"env:DOZZLE_MODE" default:"server" help:"sets the mode to run in (server, swarm)"`
 	TimeoutString    string              `arg:"--timeout,env:DOZZLE_TIMEOUT" default:"10s" help:"sets the timeout for docker client"`
 	Timeout          time.Duration       `arg:"-"`
-	Namespace        string              `arg:"env:DOZZLE_NAMESPACE" default:"" help:"sets the namespace to use in k8s"`
+	Namespace        []string            `arg:"env:DOZZLE_NAMESPACE" help:"sets the namespace to use in k8s"`
 	Healthcheck      *HealthcheckCmd     `arg:"subcommand:healthcheck" help:"checks if the server is running"`
 	Generate         *GenerateCmd        `arg:"subcommand:generate" help:"generates a configuration file for simple auth"`
 	Agent            *AgentCmd           `arg:"subcommand:agent" help:"starts the agent"`
@@ -72,6 +72,10 @@ func ParseArgs() (Args, interface{}) {
 		args.RemoteHost[i] = strings.TrimSpace(value)
 	}

+	for i, value := range args.Namespace {
+		args.Namespace[i] = strings.TrimSpace(value)
+	}
+
 	if args.TimeoutString != "" {
 		timeout, err := time.ParseDuration(args.TimeoutString)
 		if err != nil {
@@ -1,171 +0,0 @@
-package search
-
-import (
-	"fmt"
-	"regexp"
-	"strings"
-
-	"github.com/amir20/dozzle/internal/container"
-	"github.com/rs/zerolog/log"
-	orderedmap "github.com/wk8/go-ordered-map/v2"
-)
-
-func ParseRegex(search string) (*regexp.Regexp, error) {
-	flags := ""
-
-	if search == strings.ToLower(search) {
-		flags = "(?i)"
-	}
-	re, err := regexp.Compile(flags + search)
-
-	if err != nil {
-		log.Debug().Err(err).Str("search", search).Msg("failed to compile regex")
-		return nil, err
-	}
-
-	return re, nil
-}
-
-func Search(re *regexp.Regexp, logEvent *container.LogEvent) bool {
-	switch value := logEvent.Message.(type) {
-	case string:
-		if re.MatchString(value) {
-			logEvent.Message = re.ReplaceAllString(value, "<mark>$0</mark>")
-			return true
-		}
-
-	case *orderedmap.OrderedMap[string, any]:
-		return searchMapAny(re, value)
-
-	case *orderedmap.OrderedMap[string, string]:
-		return searchMapString(re, value)
-
-	case map[string]interface{}:
-		panic("not implemented")
-	case map[string]string:
-		panic("not implemented")
-	default:
-		log.Debug().Type("type", value).Msg("unknown logEvent type")
-	}
-
-	return false
-}
-
-func searchMapAny(re *regexp.Regexp, orderedMap *orderedmap.OrderedMap[string, any]) bool {
-	found := false
-	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
-		switch value := pair.Value.(type) {
-		case string:
-			if re.MatchString(value) {
-				found = true
-				orderedMap.Set(pair.Key, re.ReplaceAllString(value, "<mark>$0</mark>"))
-			}
-
-		case []any:
-			if searchArray(re, value) {
-				found = true
-			}
-
-		case *orderedmap.OrderedMap[string, any]:
-			if searchMapAny(re, value) {
-				found = true
-			}
-
-		case *orderedmap.OrderedMap[string, string]:
-			if searchMapString(re, value) {
-				found = true
-			}
-
-		case map[string]interface{}:
-			if searchMap(re, value) {
-				found = true
-			}
-
-		case int, float64, bool:
-			formatted := fmt.Sprintf("%v", value)
-			if re.MatchString(formatted) {
-				orderedMap.Set(pair.Key, re.ReplaceAllString(formatted, "<mark>$0</mark>"))
-				found = true
-			}
-
-		default:
-			log.Debug().Type("type", value).Msg("unknown logEvent type inside searchMapAny")
-		}
-	}
-
-	return found
-}
-
-func searchMap(re *regexp.Regexp, data map[string]interface{}) bool {
-	found := false
-	for key, value := range data {
-		switch value := value.(type) {
-		case string:
-			if re.MatchString(value) {
-				data[key] = re.ReplaceAllString(value, "<mark>$0</mark>")
-				found = true
-			}
-
-		case []any:
-			if searchArray(re, value) {
-				found = true
-			}
-
-		case map[string]interface{}:
-			if searchMap(re, value) {
-				found = true
-			}
-
-		case int, float64, bool:
-			formatted := fmt.Sprintf("%v", value)
-			if re.MatchString(formatted) {
-				data[key] = re.ReplaceAllString(formatted, "<mark>$0</mark>")
-				found = true
-			}
-		default:
-			log.Debug().Type("type", value).Msg("unknown logEvent type inside searchMap")
-		}
-	}
-
-	return found
-}
-
-func searchMapString(re *regexp.Regexp, orderedMap *orderedmap.OrderedMap[string, string]) bool {
-	found := false
-	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
-		if re.MatchString(pair.Value) {
-			orderedMap.Set(pair.Key, re.ReplaceAllString(pair.Value, "<mark>$0</mark>"))
-			found = true
-		}
-	}
-	return found
-}
-
-func searchArray(re *regexp.Regexp, data []any) bool {
-	found := false
-	for i, value := range data {
-		switch value := value.(type) {
-		case string:
-			if re.MatchString(value) {
-				data[i] = re.ReplaceAllString(value, "<mark>$0</mark>")
-				found = true
-			}
-		case int, float64, bool:
-			formatted := fmt.Sprintf("%v", value)
-			if re.MatchString(formatted) {
-				data[i] = re.ReplaceAllString(formatted, "<mark>$0</mark>")
-				found = true
-			}
-		case []any:
-			if searchArray(re, value) {
-				found = true
-			}
-		case map[string]interface{}:
-			if searchMap(re, value) {
-				found = true
-			}
-		}
-	}
-
-	return found
-}
@@ -0,0 +1,91 @@
+package support_web
+
+import (
+	"html"
+	"regexp"
+	"strings"
+
+	"github.com/amir20/dozzle/internal/container"
+
+	"github.com/rs/zerolog/log"
+	orderedmap "github.com/wk8/go-ordered-map/v2"
+)
+
+// URL marker regex compiled once for performance
+var urlMarkerRegex = regexp.MustCompile(URLMarkerStart + "(.*?)" + URLMarkerEnd)
+
+func EscapeHTMLValues(logEvent *container.LogEvent) {
+	// Mark URLs before HTML escaping
+	MarkURLs(logEvent)
+
+	switch value := logEvent.Message.(type) {
+	case string:
+		logEvent.Message = escapeAndProcessMarkers(value)
+
+	case *orderedmap.OrderedMap[string, any]:
+		escapeAnyMap(value)
+
+	case *orderedmap.OrderedMap[string, string]:
+		escapeStringMap(value)
+
+	case map[string]interface{}:
+		panic("not implemented")
+
+	case map[string]string:
+		panic("not implemented")
+
+	default:
+		log.Debug().Type("type", value).Msg("unknown logEvent type")
+	}
+}
+
+func escapeAndProcessMarkers(value string) string {
+	value = html.EscapeString(value)
+	value = strings.ReplaceAll(value, MarkerStart, "<mark>")
+	value = strings.ReplaceAll(value, MarkerEnd, "</mark>")
+	// Process URL markers
+	value = urlMarkerRegex.ReplaceAllString(value, "<a href=\"$1\" target=\"_blank\" rel=\"noopener noreferrer external\">$1</a>")
+	return value
+}
+
+func escapeAnyMap(orderedMap *orderedmap.OrderedMap[string, any]) {
+	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
+		switch value := pair.Value.(type) {
+		case string:
+			orderedMap.Set(pair.Key, escapeAndProcessMarkers(value))
+		case *orderedmap.OrderedMap[string, any]:
+			escapeAnyMap(value)
+		case *orderedmap.OrderedMap[string, string]:
+			escapeStringMap(value)
+		case map[string]interface{}:
+			escapeMapStringInterface(value)
+		case map[string]string:
+			escapeStringMapString(value)
+		}
+	}
+}
+
+func escapeStringMap(orderedMap *orderedmap.OrderedMap[string, string]) {
+	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
+		orderedMap.Set(pair.Key, escapeAndProcessMarkers(pair.Value))
+	}
+}
+
+func escapeMapStringInterface(value map[string]interface{}) {
+	for key, val := range value {
+		switch val := val.(type) {
+		case string:
+			value[key] = escapeAndProcessMarkers(val)
+		case map[string]interface{}:
+			escapeMapStringInterface(val)
+		case map[string]string:
+			escapeStringMapString(val)
+		}
+	}
+}
+
+func escapeStringMapString(value map[string]string) {
+	for key, val := range value {
+		value[key] = escapeAndProcessMarkers(val)
+	}
+}
@@ -0,0 +1,198 @@
+package support_web
+
+import (
+	"fmt"
+	"regexp"
+	"strings"
+
+	"github.com/amir20/dozzle/internal/container"
+	"github.com/rs/zerolog/log"
+	orderedmap "github.com/wk8/go-ordered-map/v2"
+)
+
+// PatternMatcher defines the interface for a regex pattern matcher
+type PatternMatcher struct {
+	Regex       *regexp.Regexp
+	MarkerStart string
+	MarkerEnd   string
+}
+
+// NewPatternMatcher creates a new pattern matcher with the specified regex and markers
+func NewPatternMatcher(re *regexp.Regexp, markerStart, markerEnd string) *PatternMatcher {
+	return &PatternMatcher{
+		Regex:       re,
+		MarkerStart: markerStart,
+		MarkerEnd:   markerEnd,
+	}
+}
+
+// CreateRegex compiles a regex pattern with optional case-insensitive flag
+func CreateRegex(pattern string, caseInsensitive bool) (*regexp.Regexp, error) {
+	flags := ""
+	if caseInsensitive || pattern == strings.ToLower(pattern) {
+		flags = "(?i)"
+	}
+
+	re, err := regexp.Compile(flags + pattern)
+	if err != nil {
+		log.Debug().Err(err).Str("pattern", pattern).Msg("failed to compile regex")
+		return nil, err
+	}
+
+	return re, nil
+}
+
+// MarkInLogEvent applies the pattern matcher to the log event's message
+func (pm *PatternMatcher) MarkInLogEvent(logEvent *container.LogEvent) bool {
+	switch value := logEvent.Message.(type) {
+	case string:
+		if pm.Regex.MatchString(value) {
+			logEvent.Message = pm.Regex.ReplaceAllString(value, pm.MarkerStart+"$0"+pm.MarkerEnd)
+			return true
+		}
+
+	case *orderedmap.OrderedMap[string, any]:
+		return pm.markMapAny(value)
+
+	case *orderedmap.OrderedMap[string, string]:
+		return pm.markMapString(value)
+
+	case map[string]interface{}:
+		return pm.markMap(value)
+
+	case map[string]string:
+		panic("not implemented")
+
+	default:
+		log.Debug().Type("type", value).Msg("unknown logEvent type")
+	}
+
+	return false
+}
+
+func (pm *PatternMatcher) markMapAny(orderedMap *orderedmap.OrderedMap[string, any]) bool {
+	found := false
+	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
+		switch value := pair.Value.(type) {
+		case string:
+			if replaced, matched := pm.markString(value); matched {
+				found = true
+				orderedMap.Set(pair.Key, replaced)
+			}
+
+		case []any:
+			if pm.markArray(value) {
+				found = true
+			}
+
+		case *orderedmap.OrderedMap[string, any]:
+			if pm.markMapAny(value) {
+				found = true
+			}
+
+		case *orderedmap.OrderedMap[string, string]:
+			if pm.markMapString(value) {
+				found = true
+			}
+
+		case map[string]interface{}:
+			if pm.markMap(value) {
+				found = true
+			}
+
+		case int, float64, bool:
+			formatted := fmt.Sprintf("%v", value)
+			if pm.Regex.MatchString(formatted) {
+				orderedMap.Set(pair.Key, pm.Regex.ReplaceAllString(formatted, pm.MarkerStart+"$0"+pm.MarkerEnd))
+				found = true
+			}
+
+		default:
+			log.Debug().Type("type", value).Msg("unknown logEvent type inside markMapAny")
+		}
+	}
+
+	return found
+}
+
+func (pm *PatternMatcher) markMap(data map[string]interface{}) bool {
+	found := false
+	for key, value := range data {
+		switch value := value.(type) {
+		case string:
+			if replaced, matched := pm.markString(value); matched {
+				found = true
+				data[key] = replaced
+			}
+		case []any:
+			if pm.markArray(value) {
+				found = true
+			}
+
+		case map[string]interface{}:
+			if pm.markMap(value) {
+				found = true
+			}
+
+		case int, float64, bool:
+			formatted := fmt.Sprintf("%v", value)
+			if pm.Regex.MatchString(formatted) {
+				data[key] = pm.Regex.ReplaceAllString(formatted, pm.MarkerStart+"$0"+pm.MarkerEnd)
+				found = true
+			}
+		default:
+			log.Debug().Type("type", value).Msg("unknown logEvent type inside markMap")
+		}
+	}
+
+	return found
+}
+
+func (pm *PatternMatcher) markMapString(orderedMap *orderedmap.OrderedMap[string, string]) bool {
+	found := false
+	for pair := orderedMap.Oldest(); pair != nil; pair = pair.Next() {
+		if replaced, matched := pm.markString(pair.Value); matched {
+			found = true
+			orderedMap.Set(pair.Key, replaced)
+		}
+	}
+	return found
+}
+
+func (pm *PatternMatcher) markArray(data []any) bool {
+	found := false
+	for i, value := range data {
+		switch value := value.(type) {
+		case string:
+			if replaced, matched := pm.markString(value); matched {
+				found = true
+				data[i] = replaced
+			}
+		case int, float64, bool:
+			formatted := fmt.Sprintf("%v", value)
+			if pm.Regex.MatchString(formatted) {
+				data[i] = pm.Regex.ReplaceAllString(formatted, pm.MarkerStart+"$0"+pm.MarkerEnd)
+				found = true
+			}
+		case []any:
+			if pm.markArray(value) {
+				found = true
+			}
+		case map[string]interface{}:
+			if pm.markMap(value) {
+				found = true
+			}
+		}
+	}
+
+	return found
+}
+
+func (pm *PatternMatcher) markString(value string) (string, bool) {
+	if pm.Regex.MatchString(value) {
+		replaced := pm.Regex.ReplaceAllString(value, pm.MarkerStart+"$0"+pm.MarkerEnd)
+		return replaced, true
+	}
+
+	return value, false
+}
@@ -0,0 +1,22 @@
+package support_web
+
+import (
+	"regexp"
+	"strings"
+
+	"github.com/amir20/dozzle/internal/container"
+)
+
+const (
+	MarkerStart = "\uE000"
+	MarkerEnd   = "\uE001"
+)
+
+func ParseRegex(search string) (*regexp.Regexp, error) {
+	return CreateRegex(search, search == strings.ToLower(search))
+}
+
+func Search(re *regexp.Regexp, logEvent *container.LogEvent) bool {
+	matcher := NewPatternMatcher(re, MarkerStart, MarkerEnd)
+	return matcher.MarkInLogEvent(logEvent)
+}
@@ -0,0 +1,21 @@
+package support_web
+
+import (
+	"regexp"
+
+	"github.com/amir20/dozzle/internal/container"
+)
+
+const (
+	URLMarkerStart = "\uE002"
+	URLMarkerEnd   = "\uE003"
+)
+
+// Standard URL regex pattern to match http/https URLs
+var urlRegex = regexp.MustCompile(`(https?:\/\/[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&//=]*))`)
+
+// MarkURLs marks URLs in the logEvent message with special markers
+func MarkURLs(logEvent *container.LogEvent) bool {
+	matcher := NewPatternMatcher(urlRegex, URLMarkerStart, URLMarkerEnd)
+	return matcher.MarkInLogEvent(logEvent)
+}
@@ -2,7 +2,7 @@
 HTTP/1.1 200 OK
 Connection: close
 Content-Security-Policy: default-src 'self' 'wasm-unsafe-eval' blob: https://cdn.jsdelivr.net https://*.duckdb.org; style-src 'self' 'unsafe-inline' blob:; img-src 'self' data:;
-Content-Type: text/plain; charset=utf-8
+Content-Type: text/html; charset=utf-8

 foo page

@@ -10,7 +10,7 @@ foo page
 HTTP/1.1 200 OK
 Connection: close
 Content-Security-Policy: default-src 'self' 'wasm-unsafe-eval' blob: https://cdn.jsdelivr.net https://*.duckdb.org; style-src 'self' 'unsafe-inline' blob:; img-src 'self' data:;
-Content-Type: text/plain; charset=utf-8
+Content-Type: text/html; charset=utf-8

 index page

@@ -81,16 +81,18 @@ Content-Type: text/html
 <pre>dev</pre>

 /* snapshot: Test_handler_between_dates */
-{"m":"INFO Testing stdout logs...","ts":1589396137772,"id":466600245,"l":"info","s":"stdout","c":"123456"}
-{"m":"INFO Testing stderr logs...","ts":1589396197772,"id":1101501603,"l":"info","s":"stderr","c":"123456"}
+{"m":"INFO Testing stdout logs...","rm":"INFO Testing stdout logs...","ts":1589396137772,"id":466600245,"l":"info","s":"stdout","c":"123456"}
+{"m":"INFO Testing stderr logs...","rm":"INFO Testing stderr logs...","ts":1589396197772,"id":1101501603,"l":"info","s":"stderr","c":"123456"}
+

 /* snapshot: Test_handler_between_dates_with_everything_complex */
-{"m":{"msg":"a complex log message"},"ts":1589396197772,"id":62280847,"l":"unknown","s":"stdout","c":"123456"}
+{"m":{"msg":"a complex log message"},"rm":"{\"msg\":\"a complex log message\"}","ts":1589396197772,"id":62280847,"l":"unknown","s":"stdout","c":"123456"}


 /* snapshot: Test_handler_between_dates_with_fill */
-{"m":"INFO Testing stdout logs...","ts":1589396137772,"id":466600245,"l":"info","s":"stdout","c":"123456"}
-{"m":"INFO Testing stderr logs...","ts":1589396197772,"id":1101501603,"l":"info","s":"stderr","c":"123456"}
+{"m":"INFO Testing stdout logs...","rm":"INFO Testing stdout logs...","ts":1589396137772,"id":466600245,"l":"info","s":"stdout","c":"123456"}
+{"m":"INFO Testing stderr logs...","rm":"INFO Testing stderr logs...","ts":1589396197772,"id":1101501603,"l":"info","s":"stderr","c":"123456"}
+

 /* snapshot: Test_handler_download_logs */
 INFO Testing logs...
@@ -180,7 +182,7 @@ data: {"name":"container-stopped","host":"localhost","actorId":"123456","time":"
 /* snapshot: Test_handler_streamLogs_happy_with_id */
 :ping 

-data: {"m":"INFO Testing logs...","ts":1589396137772,"id":1469707724,"l":"info","s":"stdout","c":"123456"}
+data: {"m":"INFO Testing logs...","rm":"INFO Testing logs...","ts":1589396137772,"id":1469707724,"l":"info","s":"stdout","c":"123456"}
 id: 1589396137772


@@ -14,13 +14,12 @@ import (

 func (h *handler) streamEvents(w http.ResponseWriter, r *http.Request) {
 	sseWriter, err := support_web.NewSSEWriter(r.Context(), w, r)
-	defer sseWriter.Close()
-
 	if err != nil {
 		log.Error().Err(err).Msg("error creating sse writer")
 		http.Error(w, err.Error(), http.StatusInternalServerError)
 		return
 	}
+	defer sseWriter.Close()

 	events := make(chan container.ContainerEvent)
 	stats := make(chan container.ContainerStat)
@@ -103,6 +103,7 @@ func (h *handler) executeTemplate(w http.ResponseWriter, req *http.Request) {
 		log.Fatal().Err(err).Msg("Could not parse index.html")
 	}

+	w.Header().Set("Content-Type", "text/html; charset=utf-8")
 	err = tmpl.Execute(w, data)
 	if err != nil {
 		log.Fatal().Err(err).Msg("Could not execute index.html")
@@ -20,7 +20,6 @@ import (
 	"github.com/amir20/dozzle/internal/auth"
 	"github.com/amir20/dozzle/internal/container"
 	container_support "github.com/amir20/dozzle/internal/support/container"
-	"github.com/amir20/dozzle/internal/support/search"
 	support_web "github.com/amir20/dozzle/internal/support/web"
 	"github.com/amir20/dozzle/internal/utils"
 	"github.com/dustin/go-humanize"
@@ -68,7 +67,7 @@ func (h *handler) fetchLogsBetweenDates(w http.ResponseWriter, r *http.Request)

 	var regex *regexp.Regexp
 	if r.URL.Query().Has("filter") {
-		regex, err = search.ParseRegex(r.URL.Query().Get("filter"))
+		regex, err = support_web.ParseRegex(r.URL.Query().Get("filter"))
 		if err != nil {
 			http.Error(w, err.Error(), http.StatusBadRequest)
 			return
@@ -144,7 +143,7 @@ func (h *handler) fetchLogsBetweenDates(w http.ResponseWriter, r *http.Request)
 				}
 			} else {
 				if regex != nil {
-					if !search.Search(regex, event) {
+					if !support_web.Search(regex, event) {
 						continue
 					}
 				}
@@ -158,6 +157,7 @@ func (h *handler) fetchLogsBetweenDates(w http.ResponseWriter, r *http.Request)
 					break
 				}

+				support_web.EscapeHTMLValues(event)
 				buffer.Push(event)
 			}
 		}
@@ -246,12 +246,12 @@ func (h *handler) streamLogsForContainers(w http.ResponseWriter, r *http.Request
 	}

 	sseWriter, err := support_web.NewSSEWriter(r.Context(), w, r)
-	defer sseWriter.Close()
 	if err != nil {
 		log.Error().Err(err).Msg("error creating sse writer")
 		http.Error(w, err.Error(), http.StatusInternalServerError)
 		return
 	}
+	defer sseWriter.Close()

 	userLabels := h.config.Labels
 	if h.config.Authorization.Provider != NONE {
@@ -279,7 +279,7 @@ func (h *handler) streamLogsForContainers(w http.ResponseWriter, r *http.Request

 	if r.URL.Query().Has("filter") {
 		var err error
-		regex, err = search.ParseRegex(r.URL.Query().Get("filter"))
+		regex, err = support_web.ParseRegex(r.URL.Query().Get("filter"))
 		if err != nil {
 			http.Error(w, err.Error(), http.StatusBadRequest)
 			return
@@ -316,7 +316,7 @@ func (h *handler) streamLogsForContainers(w http.ResponseWriter, r *http.Request
 						if _, ok := levels[log.Level]; !ok {
 							continue
 						}
-						if search.Search(regex, log) {
+						if support_web.Search(regex, log) {
 							events = append(events, log)
 						}
 					}
@@ -383,7 +383,7 @@ loop:
 		select {
 		case logEvent := <-liveLogs:
 			if regex != nil {
-				if !search.Search(regex, logEvent) {
+				if !support_web.Search(regex, logEvent) {
 					continue
 				}
 			}
@@ -391,6 +391,8 @@ loop:
 			if _, ok := levels[logEvent.Level]; !ok {
 				continue
 			}
+
+			support_web.EscapeHTMLValues(logEvent)
 			sseWriter.Message(logEvent)
 		case c := <-newContainers:
 			if _, err := h.hostService.FindContainer(c.Host, c.ID, userLabels); err == nil {
@@ -405,6 +407,9 @@ loop:
 			}

 		case backfillEvents := <-backfill:
+			for _, event := range backfillEvents {
+				support_web.EscapeHTMLValues(event)
+			}
 			if err := sseWriter.Event("logs-backfill", backfillEvents); err != nil {
 				log.Error().Err(err).Msg("error encoding container event")
 			}
@@ -30,6 +30,8 @@ label:
  host-menu: Værter og Containere
  swarm-menu: Tjenester og Stacks
  group-menu: Brugerdefinerede Grupper
+  no-logs: Container har ingen logs endnu
+  show-all-containers: Vis alle containere
 tooltip:
  search: Søg containere (⌘ + k, ⌃k)
  pin-column: Fastgør som kolonne
@@ -39,7 +41,7 @@ tooltip:
 error:
  page-not-found: Denne side eksisterer ikke
  invalid-auth: Brugernavn eller kodeord er ikke gyldig
-  logs-skipped: Sprang over {total} indtastninger
+  logs-skipped: Vis {total} skjulte indtastninger
  container-not-found: Container ikke fundet
  events-stream:
    title: Uventet fejl
@@ -84,7 +86,7 @@ settings:
  show-stopped-containers: Vis stoppet containere
  about: Omkring
  search: Aktiver søgning med Dozzle ved brug af
-  using-version: Du bruger Dozzle {version}.
+  using-version: Du bruger <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
  update-available: >-
    Ny version er tilgængelig! Opdater til <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
  show-std: Vis stdout og stderr mærker
@@ -30,6 +30,8 @@ label:
  host-menu: Hosts und Container
  swarm-menu: Services und Stacks
  group-menu: Benutzerdefinierte Gruppen
+  no-logs: Container hat noch keine Logs
+  show-all-containers: Zeige alle Container
 tooltip:
  search: Suche Container (⌘ + k, ⌃k)
  pin-column: Als Spalte anheften
@@ -39,7 +41,7 @@ tooltip:
 error:
  page-not-found: Diese Seite existiert nicht.
  invalid-auth: Benutzername und Passwort sind ungültig.
-  logs-skipped: \{total} Einträge übersprungen
+  logs-skipped: Zeige {total} versteckte Einträge
  container-not-found: Container nicht gefunden.
  events-stream:
    title: Unerwarteter Fehler
@@ -84,7 +86,7 @@ settings:
  show-stopped-containers: Zeige gestoppte Container
  about: Über
  search: Aktiviere die Suche mit Dozzle mit
-  using-version: Du verwendest Dozzle {version}.
+  using-version: Du verwendest <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
  update-available: >-
    Eine neue Version ist verfügbar! Aktualisiere auf <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
  show-std: Zeige stdout und stderr Labels
@@ -30,6 +30,8 @@ label:
  host-menu: Hosts and Containers
  swarm-menu: Services and Stacks
  group-menu: Custom Groups
+  no-logs: Container has no logs yet
+  show-all-containers: Show all containers
 tooltip:
  search: Search containers (⌘ + k, ⌃k)
  pin-column: Pin as column
@@ -39,7 +41,7 @@ tooltip:
 error:
  page-not-found: This page does not exist
  invalid-auth: Username or password are not valid
-  logs-skipped: Skipped {total} entries
+  logs-skipped: Show {total} hidden entries
  container-not-found: Container not found
  events-stream:
    title: Unexpected Error
@@ -88,7 +90,7 @@ settings:
  show-stopped-containers: Show stopped containers
  about: About
  search: Enable searching with Dozzle using
-  using-version: You are using Dozzle {version}.
+  using-version: You are using <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
  update-available: >-
    New version is available! Update to <a href="{href}" target="_blank"
    rel="noreferrer noopener">{nextVersion}</a>.
@@ -30,6 +30,8 @@ label:
  host-menu: Hosts y Contenedores
  swarm-menu: Servicios y Stacks
  group-menu: Grupos Personalizados
+  no-logs: El contenedor aún no tiene registros
+  show-all-containers: Mostrar todos los contenedores
 tooltip:
  search: Buscar contenedores (⌘ + K, CTRL + K)
  pin-column: Anclar como columna
@@ -39,7 +41,7 @@ tooltip:
 error:
  page-not-found: Esta página no existe.
  invalid-auth: El nombre de usuario y la contraseña no son válidos.
-  logs-skipped: Omitidas {total} entrada/s
+  logs-skipped: Mostrar {total} entradas ocultas
  container-not-found: Contenedor no encontrado.
  events-stream:
    title: Error inesperado
@@ -84,7 +86,7 @@ settings:
  show-stopped-containers: Mostrar contenedores parados
  about: Acerca de
  search: Activar la búsqueda con Dozzle mediante
-  using-version: Estás usando Dozzle {version}.
+  using-version: Estás usando <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
  update-available: >-
    ¡La nueva versión está disponible! Actualizar a la <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
  show-std: Mostrar etiquetas de salida estándar y salida de error estándar
@@ -100,9 +102,9 @@ settings:
      middle-line: con una segunda línea
      end-line: y finalmente una tercera línea.
 releases:
-  features: Características
-  bugFixes: Correcciones de errores
-  breaking: Cambios importantes
+  features: una nueva característica | {count} características
+  bugFixes: una corrección de error | {count} correcciones
+  breaking: un cambio importante | {count} cambios importantes
  three_parts: "{features}, {bugFixes} y {breaking}"
  two_parts: "{features} y {bugFixes}"
  latest: Último
@@ -7,8 +7,8 @@ toolbar:
  stop: Stop
  start: Démarrer
  restart: Redémarrer
-  show-hostname: Show hostname
-  show-container-name: Show container name
+  show-hostname: Afficher le nom d'hôte
+  show-container-name: Afficher le nom du conteneur
 label:
  containers: Conteneurs
  container: Pas de conteneur | 1 conteneur | {count} conteneurs
@@ -30,6 +30,8 @@ label:
  host-menu: Hôtes et Conteneurs
  swarm-menu: Services et Stacks
  group-menu: Groupes Personnalisés
+  no-logs: Le conteneur n'a pas encore de logs
+  show-all-containers: Afficher tous les conteneurs
 tooltip:
  search: Recherche de conteneurs (⌘ + k, ⌃k)
  pin-column: Epinglé en colonne
@@ -39,7 +41,7 @@ tooltip:
 error:
  page-not-found: Cette page n'existe pas
  invalid-auth: Nom d'utilisateur ou mot de passe non valides
-  logs-skipped: Entrées {total} ignorées
+  logs-skipped: Afficher {total} entrées cachées
  container-not-found: Conteneur non trouvé
  events-stream:
    title: Erreur inattendue
@@ -66,8 +68,8 @@ button:
  logout: Déconnexion
  login: Connexion
  settings: Paramètres
-  cancel: Cancel
-  redirect: Redirect
+  cancel: Annuler
+  redirect: Rediriger
 placeholder:
  search-containers: Recherche de conteneurs (⌘ + k, ⌃k)
  search: Recherche
@@ -84,7 +86,7 @@ settings:
  show-stopped-containers: Afficher les conteneurs arrêtés
  about: A propos de
  search: Activer la recherche avec Dozzle en utilisant
-  using-version: Vous utilisez Dozzle {version}.
+  using-version: Vous utilisez <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
  update-available: >-
    Nouvelle version disponible! Mise à jour de <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
  show-std: Afficher les étiquettes stdout et stderr
@@ -0,0 +1,136 @@
+toolbar:
+  clear: Bersihkan
+  download: Unduh
+  search: Cari
+  show: Tampilkan {std}
+  show-all: Tampilkan semua
+  stop: Hentikan
+  start: Mulai
+  restart: Mulai ulang
+  show-hostname: Tampilkan nama host
+  show-container-name: Tampilkan nama kontainer
+
+label:
+  containers: Kontainer
+  container: Tidak ada kontainer | 1 kontainer | {count} kontainer
+  service: Tidak ada layanan | 1 layanan | {count} layanan
+  services: Layanan
+  running-containers: Kontainer Berjalan
+  all-containers: Semua Kontainer
+  host: Host
+  hosts: Host
+  password: Kata sandi
+  username: Nama pengguna
+  container-name: Nama Kontainer
+  status: Status
+  created: Dibuat
+  avg-cpu: Rata-rata CPU (%)
+  avg-mem: Rata-rata MEM (%)
+  pinned: Disematkan
+  per-page: Baris per halaman
+  host-menu: Host dan Kontainer
+  swarm-menu: Layanan dan Stack
+  group-menu: Grup Kustom
+  no-logs: Kontainer belum memiliki log
+  show-all-containers: Tampilkan semua kontainer
+
+tooltip:
+  search: Cari kontainer (⌘ + k, ⌃k)
+  pin-column: Sematkan sebagai kolom
+  merge-services: Gabungkan semua layanan dalam satu tampilan
+  merge-containers: Gabungkan semua kontainer dalam satu tampilan
+  merge-hosts: Gabungkan semua kontainer di host ini dalam satu tampilan
+
+error:
+  page-not-found: Halaman ini tidak ada
+  invalid-auth: Nama pengguna atau kata sandi tidak valid
+  logs-skipped: Tampilkan {total} entri tersembunyi
+  container-not-found: Kontainer tidak ditemukan
+  events-stream:
+    title: Kesalahan Tak Terduga
+    message: >-
+      UI Dozzle tidak dapat terhubung ke API. Periksa pengaturan jaringan Anda. Jika Anda menggunakan reverse proxy, pastikan konfigurasinya sudah benar.
+  events-timeout:
+    title: Ada yang tidak beres
+    message: >-
+      UI Dozzle gagal terhubung ke API karena waktu habis. Periksa koneksi jaringan dan coba lagi.
+
+alert:
+  redirected:
+    title: Dialihkan ke kontainer baru
+    message: Dozzle secara otomatis mengalihkan Anda ke kontainer baru {containerId}.
+  similar-container-found:
+    title: Kontainer serupa ditemukan
+    message: >-
+      Dozzle menemukan kontainer serupa {containerId} yang berjalan di host yang sama dan akan otomatis beralih kecuali Anda mengklik 'Batal'.
+
+title:
+  page-not-found: Halaman tidak ditemukan
+  login: Autentikasi Diperlukan
+  dashboard: 1 kontainer | {count} kontainer
+  settings: Pengaturan
+
+button:
+  logout: Keluar
+  login: Masuk
+  settings: Pengaturan
+  cancel: Batal
+  redirect: Alihkan
+
+placeholder:
+  search-containers: Cari kontainer (⌘ + k, ⌃k)
+  search: Cari
+
+settings:
+  display: Tampilan
+  locale: Ganti bahasa
+  small-scrollbars: Gunakan scrollbar kecil
+  show-timesamps: Tampilkan cap waktu
+  soft-wrap: Bungkus baris secara lunak
+  datetime-format: Ganti format tanggal dan waktu
+  font-size: Ukuran font untuk log
+  color-scheme: Skema warna
+  options: Opsi
+  show-stopped-containers: Tampilkan kontainer yang dihentikan
+  about: Tentang
+  search: Aktifkan pencarian dengan Dozzle menggunakan
+  using-version: Anda menggunakan <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
+  update-available: >-
+    Versi baru tersedia! Perbarui ke <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
+  show-std: Tampilkan label stdout dan stderr
+  automatic-redirect: Alihkan otomatis ke kontainer baru dengan nama yang sama
+  compact: Aktifkan mode ringkas untuk log
+  log:
+    preview: Ini adalah pratinjau log
+    warning: Log peringatan seperti ini
+    complex: Ini adalah entri log kompleks dalam format json
+    simple: Ini adalah pesan yang sangat panjang yang akan terbungkus secara default. Menonaktifkan pembungkusan lunak akan menonaktifkannya. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+    multi-line-error:
+      start-line: Ini adalah pesan kesalahan multi-baris
+      middle-line: dengan baris kedua
+      end-line: dan akhirnya baris ketiga.
+
+releases:
+  features: satu fitur baru | {count} fitur
+  bugFixes: satu perbaikan bug | {count} perbaikan
+  breaking: satu perubahan besar | {count} perubahan besar
+  three_parts: "{first}, {second}, dan {third}"
+  two_parts: "{first} dengan {second}"
+  latest: Terbaru
+  no_releases: Anda sudah menggunakan versi terbaru
+
+log_actions:
+  copy_log: Salin log
+  jump_to_context: Lompat ke konteks
+
+toasts:
+  copied:
+    title: Disalin
+    message: Log disalin ke clipboard
+
+analytics:
+  creating_table: Membuat tabel sementara...
+  downloading: Mengambil log kontainer... ({size})
+  evaluating_query: Mengevaluasi kueri...
+  total_records: Total {count} entri.
+  showing_first: Menampilkan {count} pertama.
@@ -11,9 +11,9 @@ toolbar:
  show-container-name: Mostra nome container
 label:
  containers: Container
-  container: No containers | 1 container | {count} containers
-  service: No services | 1 service | {count} services
-  services: Services
+  container: Nessun container | 1 container | {count} container
+  service: Nessun servizio | 1 servizio | {count} servizi
+  services: Servizi
  running-containers: Container in esecuzione
  all-containers: Tutti i Container
  host: Host
@@ -30,6 +30,8 @@ label:
  host-menu: Host e Container
  swarm-menu: Servizi e Stack
  group-menu: Gruppi Personalizzati
+  no-logs: Il container non ha ancora log
+  show-all-containers: Mostra tutti i container
 tooltip:
  search: Ricerca container (⌘ + k, ⌃k)
  pin-column: Blocca come colonna
@@ -39,7 +41,7 @@ tooltip:
 error:
  page-not-found: Questa pagina non esiste
  invalid-auth: Username o password non valide
-  logs-skipped: Saltato {total} registrazioni
+  logs-skipped: Mostra {total} voci nascoste
  container-not-found: Container non trovato
  events-stream:
    title: Errore inaspettato
@@ -66,8 +68,8 @@ button:
  logout: Logout
  login: Login
  settings: Impostazioni
-  cancel: Cancel
-  redirect: Redirect
+  cancel: Annulla
+  redirect: Reindirizza
 placeholder:
  search-containers: Ricerca container (⌘ + k, ⌃k)
  search: Cerca
@@ -84,7 +86,7 @@ settings:
  show-stopped-containers: Visualizza i container arrestati
  about: Circa
  search: Abilita la ricerca attraverso Dozzle
-  using-version: Stai utilizzando Dozzle {version}.
+  using-version: Stai utilizzando <a href="https://dozzle.dev/" target="_blank" rel="noreferrer noopener">Dozzle</a> {version}.
  update-available: >-
    Nuova versione disponibile! Aggiorna a <a href="{href}" target="_blank" rel="noreferrer noopener">{nextVersion}</a>.
  show-std: Visualizza stdout e stderr
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Amir Raminfar	d4defe680e	chore: release v8.12.18	2025-05-28 10:58:12 -07:00
Amir Raminfar	4c2b459fa8	feat: adds support for settings page and adds links to github (#3922 )	2025-05-28 16:01:37 +00:00
renovate[bot]	aeadae0d30	fix(deps): update all non-major dependencies (#3921 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-28 15:51:59 +00:00
Amir Raminfar	f6f1b5207e	feat: adds a button to fetch logs when skipping happens (#3920 )	2025-05-28 08:47:01 -07:00
renovate[bot]	cfe7285bf7	fix(deps): update all non-major dependencies (#3919 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-27 16:29:23 +00:00
renovate[bot]	defaba29c2	fix(deps): update dependency vue-i18n to ^11.1.4 (#3914 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-26 01:49:23 +00:00
Amir Raminfar	2aad18d729	fix: fixes logfmt in details (#3912 )	2025-05-24 13:47:13 -07:00
Amir Raminfar	9c52d604bc	chore: release v8.12.17	2025-05-23 09:01:39 -07:00
renovate[bot]	7f936a9a38	fix(deps): update all non-major dependencies (#3910 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-23 16:00:23 +00:00
Amir Raminfar	0c9065a210	feat: uses colored meters instead of progress bar for homepage (#3908 )	2025-05-23 08:54:44 -07:00
Amir Raminfar	b70c2da290	fix: fixes search and urls in detail panel (#3907 )	2025-05-21 19:59:00 -07:00
Amir Raminfar	804199aa9a	fix: fixes url pattern matcher with quotes (#3902 )	2025-05-21 08:52:26 -07:00
Amir Raminfar	50c3608a5e	chore: release v8.12.16	2025-05-19 06:18:36 -07:00
renovate[bot]	65b68ad907	chore(deps): update dependency @types/node to ^22.15.19 (#3900 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-19 01:18:47 +00:00
Amir Raminfar	fd663b9c0e	feat: adds option to instantly redirect to new container (#3897 )	2025-05-18 18:14:06 -07:00
Amir Raminfar	7a0296fc30	fix: fixes broken relative time in scroller (#3899 )	2025-05-18 11:15:03 -07:00
renovate[bot]	b8a3325ea7	fix(deps): update all non-major dependencies (#3896 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-18 14:24:36 +00:00
Maciej Wakuła	0ade181ab2	docs: remove leading tcp:// (#3893 ) Co-authored-by: Maciej Wakula <adderek.pl@gmail.com>	2025-05-16 13:25:12 -07:00
renovate[bot]	7d60d951ff	fix(deps): update all non-major dependencies (#3892 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-16 16:30:50 +00:00
Amir Raminfar	66b0dfe280	chore: adds shell to analytics (#3891 )	2025-05-15 15:21:53 +00:00
renovate[bot]	c273cb5320	fix(deps): update all non-major dependencies (#3890 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-15 15:18:42 +00:00
renovate[bot]	570ef771dd	fix(deps): update all non-major dependencies (#3888 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-14 18:14:33 +00:00
renovate[bot]	07014470e9	chore(deps): update dependency @apache-arrow/esnext-esm to v20 (#3889 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-14 11:09:29 -07:00
Amir Raminfar	bd3c2f5c24	chore: typo	2025-05-11 18:39:22 -07:00
Amir Raminfar	6f45faf27a	docs: updates guide	2025-05-11 18:36:57 -07:00
StevenMcElligott	e94a245440	docs(Agents): Add more explanations about Socket Proxies and agents (#3883 )	2025-05-11 11:24:06 -07:00
Fadilah Riczky	daa02dd899	feat(i18n): add Indonesian translation (#3884 )	2025-05-11 11:23:28 -07:00
renovate[bot]	6a27f9f367	chore(deps): update dependency lint-staged to v16 (#3882 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-10 12:13:04 -07:00
renovate[bot]	9d7b8f26a6	fix(deps): update all non-major dependencies (#3881 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-10 19:09:13 +00:00
Amir Raminfar	82576ae452	chore: release v8.12.15	2025-05-08 07:20:49 -07:00
Amir Raminfar	2ca71a49ba	chore: updates esbuild	2025-05-08 07:15:41 -07:00
Amir Raminfar	3abeeec814	chore: updates esbuild	2025-05-08 07:13:40 -07:00
renovate[bot]	5619201886	fix(deps): update all non-major dependencies (#3877 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-07 15:48:15 +00:00
Amir Raminfar	0c06d25ae3	chore: clean up	2025-05-07 08:41:36 -07:00
Amir Raminfar	7a070b90ed	fix: improves translations (#3876 )	2025-05-07 15:40:24 +00:00
Amir Raminfar	9c70416aec	feat: localizes distance time (#3874 )	2025-05-07 08:37:17 -07:00
GJS	68ca6d3040	feat: Add Dutch Translation (I18N) Support (#3872 )	2025-05-05 12:17:49 -07:00
Amir Raminfar	711745eb1f	fix: i18n for no-logs (#3873 )	2025-05-05 18:49:42 +00:00
Amir Raminfar	c172f6f73f	chore: updates docs Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Push container / Push branches and PRs (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details	2025-05-05 08:49:13 -07:00
renovate[bot]	7941bd7b6f	fix(deps): update module github.com/puzpuzpuz/xsync/v4 to v4.1.0 (#3870 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-05 03:18:53 +00:00
Amir Raminfar	595e39a139	chore: release v8.12.14 Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details	2025-05-01 16:50:29 -07:00
renovate[bot]	8e074df145	fix(deps): update dependency daisyui to v5.0.35 (#3869 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-01 15:21:07 +00:00
Amir Raminfar	54c6e1ff93	chore: fixes tests Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-05-01 05:52:46 -07:00
Amir Raminfar	10e819fc09	chore: removes width and height	2025-05-01 05:47:37 -07:00
iamdabe	c16cfa2c71	updated logo and favicon for docs	2025-05-01 12:23:05 +02:00
iamdabe	56eebf784a	Updated SVG logo	2025-05-01 12:13:51 +02:00
Amir Raminfar	5c206b6de3	chore: fix css bug (#3865 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-05-01 03:56:55 +00:00
renovate[bot]	2add15bf42	fix(deps): update all non-major dependencies (#3864 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-05-01 03:40:02 +00:00
Amir Raminfar	7ff1ccdffb	chore: cleans up css (#3862 )	2025-05-01 03:29:19 +00:00
Amir Raminfar	b961b11499	feat: updates dozzle logos and favicons (#3858 )	2025-04-30 15:50:27 -07:00
Amir Raminfar	514c690c7a	chore: updates deps Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-30 11:17:05 -07:00
Amir Raminfar	e8b3e72265	chore: fixes dates on mobile	2025-04-30 08:41:23 -07:00
Amir Raminfar	e8d8b72406	feat: makes container name narrower on mobile (#3853 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-29 06:19:56 -07:00
Amir Raminfar	0c962eec43	chore: centers host title Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-27 14:33:59 -07:00
Amir Raminfar	c7f318cc5c	chore: release v8.12.13 Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details	2025-04-27 07:15:44 -07:00
Amir Raminfar	0e8452c146	feat: supports multiple namespaces for k8s (#3848 )	2025-04-27 14:02:03 +00:00
renovate[bot]	2d3f6e2b1b	fix(deps): update all non-major dependencies (#3850 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-04-27 13:58:21 +00:00
Amir Raminfar	92665a76de	chore: cleans up css styles (#3849 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-26 20:35:14 -07:00
Amir Raminfar	78ace3178b	chore: typo fix	2025-04-26 13:58:47 -07:00
renovate[bot]	a13b7b0e9d	fix(deps): update all non-major dependencies (#3847 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-04-26 15:10:32 +00:00
Amir Raminfar	4da0486295	chore: little improvements to the login page (#3846 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-25 09:37:38 -07:00
Amir Raminfar	11bc1c7fc2	fix: fixes total limit memory with multiple containers on the same host (#3842 )	2025-04-25 06:23:26 -07:00
Amir Raminfar	f001b48fa3	chore: release v8.12.12 Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-24 15:15:45 -07:00
Amir Raminfar	baf9f74fd0	fix: adds html content type to index.html (#3845 )	2025-04-24 15:14:37 -07:00
Amir Raminfar	f817452fb5	chore: remove @oddbird/css-anchor-positioning	2025-04-24 14:37:50 -07:00
Amir Raminfar	95b27f60cb	fix: fixes width login page (#3843 )	2025-04-24 20:45:33 +00:00
Amir Raminfar	9daa3459ad	chore: release v8.12.11	2025-04-24 12:23:37 -07:00
Amir Raminfar	01343b74bf	feat: improves dropdowns for other containers (#3840 )	2025-04-24 19:12:53 +00:00
Amir Raminfar	5433939690	fix: fixes searching escaped html and by unescaping before searching (#3838 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-24 11:27:53 -07:00
renovate[bot]	effeb5aa52	fix(deps): update all non-major dependencies (#3841 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-04-24 16:35:20 +00:00
Amir Raminfar	7c59060e1e	chore: minor clean up Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-23 14:57:28 -07:00
Amir Raminfar	85c42eed11	chore: makes animation better	2025-04-23 14:38:15 -07:00
Amir Raminfar	433c0eb59e	feat: makes homepage more responsive and adds some borders for better visibility (#3837 )	2025-04-23 13:52:32 -07:00
Amir Raminfar	044ef7a2b2	chore: updates docs Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-23 08:44:36 -07:00
Amir Raminfar	847c4ee115	chore: clean up Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-22 15:20:38 -07:00
Amir Raminfar	4f912b6fdc	fix: fixes icons on mobile for close (#3833 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-22 10:13:07 -07:00
Amir Raminfar	5616c07bad	fix: fixes drawer being broken on pwa mode (#3832 )	2025-04-22 15:11:04 +00:00
Amir Raminfar	31c51f1939	fix: fixes top padding for drawer in PWA mode (#3829 ) Push container / Push branches and PRs (push) Has been cancelled Details Deploy VitePress site to Pages / build (push) Has been cancelled Details Deploy VitePress site to Pages / Deploy (push) Has been cancelled Details Test / Typecheck (push) Has been cancelled Details Test / JavaScript Tests (push) Has been cancelled Details Test / Go Tests (push) Has been cancelled Details Test / Go Staticcheck (push) Has been cancelled Details Test / Integration Tests (push) Has been cancelled Details	2025-04-21 22:15:03 +00:00
Amir Raminfar	10705f05a6	fix: fixes potential nil pointer when no container exists (#3828 )	2025-04-21 12:55:52 -07:00
Amir Raminfar	3645100402	fix: fixes mobile menu having the wrong margin in pwa (#3826 )	2025-04-21 12:13:28 -07:00
Amir Raminfar	757c1385f7	chore: fixes static checker	2025-04-21 11:19:58 -07:00
Amir Raminfar	ccfab708d4	feat: uses brotli on the fly for static files and gzip for streaming (#3825 )	2025-04-21 18:14:57 +00:00
renovate[bot]	55168fd81a	fix(deps): update all non-major dependencies (#3827 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-04-21 18:04:29 +00:00
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 396 114"><path class="secondary-fill" d="M89.408 46.477a6.49 6.49 0 0 0-6.488 6.49 6.488 6.488 0 1 0 12.978 0 6.49 6.49 0 0 0-6.49-6.49m-42.836 0a6.49 6.49 0 1 0 0 12.98 6.49 6.49 0 0 0 0-12.98M28.5 38.295a6.5 6.5 0 0 1-1.897-4.593 6.474 6.474 0 0 1 6.49-6.49c1.663 0 3.327.631 4.592 1.896l-1.517 1.12a51.67 51.67 0 0 1 31.822-10.91c11.999 0 23.028 4.078 31.823 10.91L98.3 29.113a6.47 6.47 0 0 1 4.592-1.897c1.659 0 3.324.63 4.588 1.897a6.52 6.52 0 0 1 1.892 4.593 6.47 6.47 0 0 1-1.892 4.594l1.514 1.113c21.944 21.942-15.406 31.822-15.406 31.822H42.392c-1.077 0-38.88-8.35-15.406-31.822zM102.214 94.411a7.894 7.894 0 0 1-7.894-7.895 7.893 7.893 0 1 1 15.787 0 7.89 7.89 0 0 1-7.893 7.895M37.355 95.13a7.894 7.894 0 0 1-7.895-7.896 7.894 7.894 0 0 1 7.895-7.893 7.894 7.894 0 0 1 7.896 7.893 7.894 7.894 0 0 1-7.896 7.895M44.372 72.866h47.402s-22.981 7.899-47.402 0"/><path class="content-fill" d="M142 79.928V33.446h13.836c3.571 0 6.886.574 9.947 1.786 3.06 1.147 5.675 2.805 7.779 4.846 4.272 4.144 6.822 10.01 6.822 16.514 0 3.379-.637 6.567-1.913 9.5-1.275 2.933-3.06 5.356-5.228 7.396-4.4 4.017-10.648 6.44-17.407 6.44zm4.91-41.89v37.3h8.735c3.889 0 7.332-.83 10.265-2.423 2.997-1.595 5.356-3.762 6.95-6.568 1.658-2.805 2.487-6.057 2.487-9.628 0-5.292-1.977-10.01-5.356-13.39-3.315-3.315-8.48-5.292-14.346-5.292zm86.587 18.554c0 4.4-1.02 8.416-2.997 12.05q-3.06 5.452-8.416 8.608c-3.634 2.104-7.588 3.188-12.051 3.188-3.252 0-6.312-.637-9.245-1.849-2.869-1.211-5.356-2.869-7.397-5.037-2.04-2.04-3.634-4.527-4.845-7.46-1.148-2.933-1.786-5.993-1.786-9.245q0-6.6 3.061-12.051c1.976-3.635 4.782-6.568 8.416-8.672C201.808 34.02 205.825 33 210.224 33c3.252 0 6.313.574 9.246 1.785 2.869 1.276 5.356 2.933 7.396 4.974 2.04 2.168 3.698 4.654 4.846 7.523 1.211 2.934 1.785 5.994 1.785 9.31m-5.037.255c0-5.229-1.913-10.075-5.101-13.581s-7.97-5.739-13.326-5.739c-3.443 0-6.567.893-9.373 2.55-2.805 1.786-4.973 4.081-6.503 6.95q-2.296 4.4-2.296 9.565c0 5.164 1.913 10.074 5.101 13.517 3.188 3.507 7.97 5.739 13.262 5.739 3.444 0 6.568-.893 9.373-2.615 2.87-1.657 5.037-4.017 6.568-6.886 1.53-2.87 2.295-6.057 2.295-9.5m43.932 18.618v4.463h-33.539v-4.463l27.672-37.555H239.81v-4.464h32.454v4.464l-27.8 37.555zm38.192 0v4.463h-33.538v-4.463l27.672-37.555h-26.715v-4.464h32.454v4.464l-27.8 37.555zm8.927 4.463V33.446h4.91v41.891h22.061v4.591zm34.622 0V33.446h29.075v4.527h-24.165v16.068h22.125v4.527h-22.125v16.833h24.42v4.527z"/></svg>