Merge ticket/017-regex-cheat-sheet-icon

2026-09-05 19:41:48 +01:00
parent 78f31659af 83cc7105d6
commit ec1495f86d
5 changed files with 84 additions and 3 deletions
@@ -19,6 +19,7 @@ import {
  useSectionCollapsed,
 } from './CollapsibleSection'
 import { HelpIcon } from './HelpIcon'
+import { RegexHelpIcon } from './RegexHelpIcon'

 const EMPTY_MATCHER: MetricParamMatcher = { param_name: '', capture_group: '', kind: 'string' }

@@ -188,7 +189,10 @@ export function Metrics({ range }: { range: TimeRange | null }) {
            />
          </div>
          <div>
-            <label className="mb-1 block text-xs text-text-subtle">Message match regex</label>
+            <label className="mb-1 flex items-center gap-1 text-xs text-text-subtle">
+              Message match regex
+              <RegexHelpIcon label="Help: Message match regex syntax" />
+            </label>
            <input
              className="w-full rounded border border-border-soft bg-surface-1 px-2 py-1 font-mono text-sm text-text placeholder:text-text-subtle focus:border-border-strong focus:outline-none"
              value={regex}