chore: release v0.1.0.22

Versteckter „Skipper“-Text ergänzt, damit die nur-Icon-Badge barrierefrei bleibt.

Co-authored-by: Cursor <cursoragent@cursor.com>

VERSION

@@ -1 +1 @@
-0.1.0.21
+0.1.0.23

client/src/App.css

@@ -932,6 +932,7 @@ html.scheme-dark .themed-select-option.is-selected {
 }
 
 .entry-sign-badge {
+  position: relative;
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -947,6 +948,7 @@ html.scheme-dark .themed-select-option.is-selected {
   color: #86efac;
   background: rgba(34, 197, 94, 0.12);
   border: 1px solid rgba(34, 197, 94, 0.25);
+  padding: 3px 7px;
 }
 
 .entry-sign-badge--skipper.invalid {
@@ -955,6 +957,18 @@ html.scheme-dark .themed-select-option.is-selected {
   border: 1px solid rgba(251, 191, 36, 0.28);
 }
 
+.entry-sign-badge__sr-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .btn-delete {
   background: none;
   border: none;

client/src/components/EntrySkipperSignBadge.tsx

@@ -1,5 +1,6 @@
 import { useTranslation } from 'react-i18next'
-import { AlertTriangle, Fingerprint } from 'lucide-react'
+import { AlertTriangle } from 'lucide-react'
+import CaptainCap from './icons/CaptainCap.tsx'
 import type { SkipperSignStatus } from '../utils/signatures.js'
 
 interface EntrySkipperSignBadgeProps {
@@ -12,18 +13,19 @@ export default function EntrySkipperSignBadge({ status }: EntrySkipperSignBadgeP
   if (status === 'none') return null
 
   const isValid = status === 'valid'
+  const label = isValid
+    ? t('logs.sign_badge_skipper_title_valid')
+    : t('logs.sign_badge_skipper_title_invalid')
 
   return (
     <span
       className={`entry-sign-badge entry-sign-badge--skipper ${isValid ? 'valid' : 'invalid'}`}
-      title={
-        isValid
-          ? t('logs.sign_badge_skipper_title_valid')
-          : t('logs.sign_badge_skipper_title_invalid')
-      }
+      title={label}
     >
-      {isValid ? <Fingerprint size={12} /> : <AlertTriangle size={12} />}
-      {isValid ? t('logs.sign_badge_skipper') : t('logs.sign_badge_skipper_invalid')}
+      {isValid ? <CaptainCap size={14} aria-hidden /> : <AlertTriangle size={12} aria-hidden />}
+      <span className={isValid ? 'entry-sign-badge__sr-label' : undefined}>
+        {isValid ? t('logs.sign_badge_skipper') : t('logs.sign_badge_skipper_invalid')}
+      </span>
     </span>
   )
 }

client/src/components/icons/CaptainCap.tsx

@@ -0,0 +1,29 @@
+import type { SVGProps } from 'react'
+
+interface CaptainCapProps extends SVGProps<SVGSVGElement> {
+  size?: number | string
+}
+
+/** Skipper-/Kapitänsmütze im Lucide-Strichstil (nicht in lucide-react enthalten). */
+export default function CaptainCap({ size = 24, ...props }: CaptainCapProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden
+      {...props}
+    >
+      <path d="M5 11c0-3.5 3-6 7-6s7 2.5 7 6" />
+      <path d="M4 11h16" />
+      <path d="M4 11c0 2.5 3.2 4.5 8 4.5S20 13.5 20 11" />
+      <path d="M8 11h8" />
+    </svg>
+  )
+}