diff --git a/.claude/hooks/allow-fileops-in-tmp.sh b/.claude/hooks/allow-fileops-in-tmp.sh
index 665c23cf0a..87ce6541aa 100755
--- a/.claude/hooks/allow-fileops-in-tmp.sh
+++ b/.claude/hooks/allow-fileops-in-tmp.sh
@@ -1,17 +1,31 @@
 #!/usr/bin/env bash
-# PreToolUse allowance for scratch file ops: auto-allow a single, plain, single-line
-# `mkdir` / `cp` / `mv` / `touch` / `chmod` / `tar` / `unzip` whose every path operand
-# resolves under /tmp. Anything else makes no decision (exit 0) and falls back to the normal
-# permission flow, except for `mv` and `chmod`: those get an explicit `ask`, the only prompt
-# they get (see lib-guarded-verb.sh).
+# PreToolUse allowance for scratch file ops: auto-allow `mkdir` / `cp` / `mv` / `touch` /
+# `chmod` whose every path operand resolves inside one of the roots `path_class` recognizes —
+# under /tmp, or inside a git working tree under $HOME — and `tar` / `unzip` confined to /tmp.
+# Anything else makes no decision (exit 0) and falls back to the normal permission flow, except
+# for `mv` and `chmod`: those get an explicit `ask`, the only prompt they get (see
+# lib-guarded-verb.sh).
+#
+# The command is read one segment at a time, so chaining and line breaks carry no weight of
+# their own: `cd /tmp/scratch && mv /tmp/a /tmp/b` is proved on the operands of the `mv`. A
+# decision covers the whole command line, so `allow` is emitted only when every segment is one
+# of these verbs proved here or a `cd` that resolved, AND exactly one of them writes (see the
+# gate at the foot of this file — an earlier write can change what a later operand means). A
+# line that mixes a proven op with some other command makes no decision instead and leaves that
+# line to the normal permission flow, rather than waving an unexamined command through with it.
 #
 # This is a hook rather than an allow rule because permission rules match a command prefix, so
 # they can only constrain the FIRST operand. `cp /tmp/x ~/.zshrc` matches a `cp /tmp/` prefix,
 # and requiring every operand is the point.
 #
-# Requiring the sources under /tmp too (not just the destination) keeps this from becoming a
-# read-exfiltration path around the `Read(**/.env)` / `Read(**/secrets/**)` deny rules: a copy
-# out of the project into /tmp would land the content somewhere `Read(/tmp/**)` allows.
+# One operation may not straddle two roots, sources included, and a sibling checkout is a
+# different root — `path_class` names the git tree, not just its kind. A copy out of a checkout
+# into /tmp would be a read-exfiltration path around the `Read(**/secrets/**)` / `Read(**/*.pem)`
+# deny rules, since the content lands where `Read(/tmp/**)` allows it to be read back, and one
+# out of a repo the Read tool is not confined to would do the same for that repo. Keeping every
+# operand of one operation inside a single root closes both without restating those rules here.
+# The checkout root itself is what makes an in-repo `mv` or `chmod` auto-allowable: deleting a
+# file there has never prompted, and moving or chmod-ing one is not the graver act.
 #
 # Deny-by-default tokenizing, in the same spirit as guard-rm-outside-tmp.sh: every path token
 # must consist only of alphanumerics and `. _ / -`. That set contains none of the characters
@@ -19,12 +33,19 @@
 # any glob character, so all of those forms fail by construction. `realpath -m` then resolves
 # `..` and existing symlinks, so `/tmp/link` pointing at /etc/passwd is caught.
 #
+# `tar` and `unzip` keep the stricter rule — /tmp only, and absolute operands only — because
+# their positional grammar makes a bare word ambiguous: `tar P -xf ...` is --absolute-names,
+# not a file named P, and resolving it as a path would put an option in a root and allow it.
+# The other five take relative operands, resolved against the working directory that `cd`
+# tracking maintains, since for those a bare word really is a path (a GNU option starts with
+# `-`, and the option allowlist below rejects the ones that would change symlink handling).
+#
 # `tar` and `unzip` get their own parser: their write destination arrives as a flag VALUE
 # (`-C`, `-d`) rather than a positional, and a bundle like `-xzf` consumes the token after it.
 # Flags are an allowlist, not a denylist, so `-P` / `--absolute-names` — which turn off tar's
 # refusal to extract `..` and absolute member paths — defer rather than needing enumeration.
-# Extraction additionally requires an explicit destination under /tmp, or a cwd already under
-# /tmp, since otherwise members land in the project checkout.
+# Extraction additionally requires an explicit destination under /tmp, or a working directory
+# already under /tmp, since otherwise members land in the project checkout.
 #
 # Residual risk accepted: an archive whose members include a symlink pointing out of /tmp
 # followed by a write through it can still escape, because tar applies member symlinks as it
@@ -52,25 +73,51 @@ defer() {
   exit 0
 }
 
-# A newline separates commands, and the tokenizer below only reads the first line — defer.
-case "$cmd" in *$'\n'*) defer "multi-line command" ;; esac
+has_substitution "$cmd" && defer "command substitution in the command line"
 
-read -r -a toks <<< "$cmd"
+# 0 iff the token is a literal path this hook may reason about. A glob never auto-allows: bash
+# expands it only after the hook has decided, so realpath sees the unexpanded pattern —
+# `/tmp/link*` canonicalizes to itself and passes, then expands onto a symlink whose target is
+# outside, and `cp` and `chmod` follow a command-line symlink, so that is a write to the target.
+# (guard-rm-outside-tmp.sh can allow globs because `rm` unlinks the symlink rather than following
+# it.) The charset holds none of the characters bash uses for quoting, expansion or separation.
+literal_path() {
+  case "$1" in *[*?[]*) return 1 ;; esac
+  [ -z "$(printf '%s' "$1" | tr -d 'A-Za-z0-9._/-')" ]
+}
 
-# 0 iff the token is charset-safe and resolves to a path strictly inside /tmp.
+# Prints the root class of a path token, then the path it resolved to on a second line,
+# resolving a relative one against the tracked working directory. Fails, printing nothing,
+# when the token is unsafe to reason about or lands outside every root.
+operand_class() {
+  local t="$1" canon alt cls alt_cls=""
+  literal_path "$t" || return 1
+  case "$t" in
+    /*) canon=$(realpath -m -- "$t" 2>/dev/null) ;;
+    *)  # A `cd` may fail at runtime and leave the command where it started, so a relative
+        # operand has to land in the same root either way.
+        [ -n "$seg_cwd" ] || return 1
+        canon=$(realpath -m -- "$seg_cwd/$t" 2>/dev/null)
+        if [ -n "$alt_cwd" ]; then
+          alt=$(realpath -m -- "$alt_cwd/$t" 2>/dev/null)
+          [ -n "$alt" ] || return 1
+          alt_cls=$(path_class "$alt") || return 1
+        fi
+        ;;
+  esac
+  [ -n "$canon" ] || return 1
+  cls=$(path_class "$canon") || return 1
+  [ -n "$alt_cls" ] && [ "$alt_cls" != "$cls" ] && return 1
+  # Class and resolved path together: a caller runs this in a command substitution, so a global
+  # set here would be set in that subshell and lost.
+  printf '%s\n%s' "$cls" "$canon"
+}
+
+# 0 iff the token is charset-safe and resolves to a path strictly inside /tmp. The archive
+# parser's stricter check; everything else goes through operand_class.
 under_tmp() {
   local t="$1" canon
-  # Globs never auto-allow. Bash expands them only after this hook has decided, so realpath
-  # sees the unexpanded pattern: `/tmp/link*` canonicalizes to itself and passes, then
-  # expands onto a symlink whose target is outside /tmp. chmod and cp follow command-line
-  # symlinks, so that is a write to the target. guard-rm-outside-tmp.sh can allow globs
-  # because `rm` unlinks the symlink itself rather than following it.
-  case "$t" in *[*?[]*) return 1 ;; esac
-  [ -n "$(printf '%s' "$t" | tr -d 'A-Za-z0-9._/-')" ] && return 1
-  # Absolute only. Resolving a relative operand against the cwd makes any bare word look like
-  # a safe path whenever the cwd is under /tmp, while the tool itself reads it as an option:
-  # `tar P -xf ...` is --absolute-names, not ./P, and `cp /tmp/t -RL /tmp/o` is a
-  # dereferencing recursive copy, not a file named -RL.
+  literal_path "$t" || return 1
   case "$t" in /*) ;; *) return 1 ;; esac
   canon=$(realpath -m -- "$t" 2>/dev/null)
   [ -n "$canon" ] || return 1
@@ -79,29 +126,16 @@ under_tmp() {
   return 1
 }
 
-# Bare command word only; wrappers (`timeout cp`), env prefixes, and `/bin/cp` defer.
-# Options are an allowlist per command, so anything that changes how symlinks are followed
-# defers instead of needing enumeration. `cp -L` / `-H` matter most: they dereference while
-# recursing, which copies the CONTENT of a symlink target from outside /tmp into a scratch
-# dir that `Read(/tmp/**)` then exposes. Plain `-r` and `-a` (which implies `-d`) recreate
-# such a symlink as a symlink instead, so no outside content is materialized.
-case "${toks[0]:-}" in
-  mkdir) takes_mode=0; ok_opts='pv' ;;
-  cp)    takes_mode=0; ok_opts='rRvfnpa' ;;
-  mv)    takes_mode=0; ok_opts='vfn' ;;
-  touch) takes_mode=0; ok_opts='acmv' ;;
-  chmod) takes_mode=1; ok_opts='Rvfc' ;;   # chmod's first operand is a mode, not a path
-  tar)   ok_flags='xctzjJavfC'; val_flags='fC' ;;
-  unzip) ok_flags='oqnljvd';    val_flags='d'  ;;
-  *) defer "not the leading command word" ;;
-esac
-
-# ---------------------------------------------------------------- tar / unzip
-if [ -n "${ok_flags:-}" ]; then
-  saw_archive=0 saw_dest=0 extracting=0 listing=0 end_opts=0
-  i=1
-  while [ "$i" -lt "${#toks[@]}" ]; do
-    t="${toks[$i]}"
+# Proves one `tar` / `unzip` segment ($1 = the verb), whose tokens are in SEG_TOKS.
+check_archive_segment() {
+  local verb="$1" ok_flags val_flags t flags val
+  local saw_archive=0 saw_dest=0 extracting=0 listing=0 end_opts=0 i=1
+  case "$verb" in
+    tar)   ok_flags='xctzjJavfC'; val_flags='fC' ;;
+    unzip) ok_flags='oqnljvd';    val_flags='d'  ;;
+  esac
+  while [ "$i" -lt "${#SEG_TOKS[@]}" ]; do
+    t="${SEG_TOKS[$i]}"
     i=$((i + 1))
     if [ "$end_opts" = 0 ]; then
       [ "$t" = "--" ] && { end_opts=1; continue; }
@@ -112,13 +146,13 @@ if [ -n "${ok_flags:-}" ]; then
           # leave a residue here and defer rather than being enumerated as denials.
           [ -n "$(printf '%s' "$flags" | tr -d "$ok_flags")" ] && defer "unrecognized option \`$t\`"
           case "$flags" in *x*) extracting=1 ;; esac
-          case "${toks[0]}$flags" in unzip*[lv]*) listing=1 ;; esac
+          case "$verb$flags" in unzip*[lv]*) listing=1 ;; esac
           # A flag consuming the next token must be alone in its bundle's final position
           # (`-xzf a.tar`), else the token it eats is ambiguous.
           case "${flags%?}" in *[$val_flags]*) defer "ambiguous option bundle \`$t\`" ;; esac
           case "${flags: -1}" in
             [$val_flags])
-              val="${toks[$i]:-}"
+              val="${SEG_TOKS[$i]:-}"
               i=$((i + 1))
               [ -n "$val" ] || defer "option \`$t\` has no value"
               under_tmp "$val" || defer "\`$val\` is outside /tmp"
@@ -136,54 +170,152 @@ if [ -n "${ok_flags:-}" ]; then
     # first is the archive. Requiring every one under /tmp is conservative for member names,
     # which are not filesystem paths — those defer rather than being wrongly allowed.
     under_tmp "$t" || defer "\`$t\` is outside /tmp"
-    [ "${toks[0]}" = "unzip" ] && saw_archive=1
+    [ "$verb" = "unzip" ] && saw_archive=1
   done
 
   # tar without -f reads a tape/stdin; unzip needs an archive
   [ "$saw_archive" = 1 ] || defer "no archive operand"
   # Writes land relative to the working directory unless a destination was given. `unzip -l`
   # and `-v` only list, so they need no destination.
-  if [ "$extracting" = 1 ] || { [ "${toks[0]}" = "unzip" ] && [ "$listing" = 0 ]; }; then
-    [ "$saw_dest" = 1 ] || under_tmp "${cwd:-$PWD}" || defer "extraction target is outside /tmp"
+  if [ "$extracting" = 1 ] || { [ "$verb" = "unzip" ] && [ "$listing" = 0 ]; }; then
+    # An extraction with no destination lands in the working directory. Word splitting cannot
+    # tell a `cd` inside a quoted string from one the shell runs, and believing a false one
+    # would put an archive's members in the checkout, so once any `cd` is in the line only an
+    # explicit destination will do.
+    [ "$saw_dest" = 1 ] \
+      || { [ "$saw_cd" = 0 ] && [ -n "$seg_cwd" ] && under_tmp "$seg_cwd"; } \
+      || defer "extraction target is outside /tmp"
   fi
-  decide allow "archive paths and extraction target are under /tmp"
-fi
+}
 
-# ------------------------------------------- mkdir / cp / mv / touch / chmod
-path_operand=0
-seen_mode=0
-end_opts=0
-i=1
-while [ "$i" -lt "${#toks[@]}" ]; do
-  t="${toks[$i]}"
-  i=$((i + 1))
+# Proves one `mkdir` / `cp` / `mv` / `touch` / `chmod` segment ($1 = the verb), whose tokens
+# are in SEG_TOKS.
+check_fileops_segment() {
+  local verb="$1" takes_mode ok_opts t cls resolved seen_class=""
+  local path_operand=0 seen_mode=0 end_opts=0 i=1 rel_operand=0
+  local -a ops=()
+  # Options are an allowlist per command, so anything that changes how symlinks are followed
+  # defers instead of needing enumeration. `cp -L` / `-H` matter most: they dereference while
+  # recursing, which copies the CONTENT of a symlink target from outside /tmp into a scratch
+  # dir that `Read(/tmp/**)` then exposes. Plain `-r` and `-a` (which implies `-d`) recreate
+  # such a symlink as a symlink instead, so no outside content is materialized.
+  case "$verb" in
+    mkdir) takes_mode=0; ok_opts='pv' ;;
+    cp)    takes_mode=0; ok_opts='rRvfnpa' ;;
+    mv)    takes_mode=0; ok_opts='vfn' ;;
+    touch) takes_mode=0; ok_opts='acmv' ;;
+    chmod) takes_mode=1; ok_opts='Rvfc' ;;   # chmod's first operand is a mode, not a path
+  esac
+  while [ "$i" -lt "${#SEG_TOKS[@]}" ]; do
+    t="${SEG_TOKS[$i]}"
+    i=$((i + 1))
 
-  if [ "$end_opts" = 0 ]; then
-    [ "$t" = "--" ] && { end_opts=1; continue; }
-    # Checked at any position, not just before the first operand: GNU utils permute, so
-    # `cp /tmp/tree -RL /tmp/out` still enables dereferencing recursion.
-    case "$t" in
-      -?*)
-        # Allowlist: long options and the dereferencing flags leave a residue and defer.
-        [ -n "$(printf '%s' "${t#-}" | tr -d "$ok_opts")" ] && defer "unrecognized option \`$t\`"
-        continue
-        ;;
-    esac
-  fi
+    if [ "$end_opts" = 0 ]; then
+      [ "$t" = "--" ] && { end_opts=1; continue; }
+      # Checked at any position, not just before the first operand: GNU utils permute, so
+      # `cp /tmp/tree -RL /tmp/out` still enables dereferencing recursion.
+      case "$t" in
+        -?*)
+          # Allowlist: long options and the dereferencing flags leave a residue and defer.
+          [ -n "$(printf '%s' "${t#-}" | tr -d "$ok_opts")" ] && defer "unrecognized option \`$t\`"
+          continue
+          ;;
+      esac
+    fi
 
-  # chmod: consume the mode operand without a path check. Octal, or symbolic clauses.
-  if [ "$takes_mode" = 1 ] && [ "$seen_mode" = 0 ]; then
-    case "$t" in
-      [0-7] | [0-7][0-7] | [0-7][0-7][0-7] | [0-7][0-7][0-7][0-7]) ;;
-      *) printf '%s' "$t" | grep -Eq '^[ugoa]*[+=-][rwxXst]*(,[ugoa]*[+=-][rwxXst]*)*$' || defer "unrecognized mode \`$t\`" ;;
-    esac
-    seen_mode=1
-    continue
-  fi
+    # chmod: consume the mode operand without a path check. Octal, or symbolic clauses.
+    if [ "$takes_mode" = 1 ] && [ "$seen_mode" = 0 ]; then
+      case "$t" in
+        [0-7] | [0-7][0-7] | [0-7][0-7][0-7] | [0-7][0-7][0-7][0-7]) ;;
+        *) printf '%s' "$t" | grep -Eq '^[ugoa]*[+=-][rwxXst]*(,[ugoa]*[+=-][rwxXst]*)*$' || defer "unrecognized mode \`$t\`" ;;
+      esac
+      seen_mode=1
+      continue
+    fi
 
-  under_tmp "$t" || defer "\`$t\` is outside /tmp"
-  path_operand=1
+    resolved=$(operand_class "$t") || defer "\`$t\` is outside /tmp and not inside a git checkout in \$HOME"
+    cls="${resolved%%$'\n'*}"
+    # Every operand of one operation stays in one root: see the exfiltration note above.
+    [ -n "$seen_class" ] && [ "$cls" != "$seen_class" ] && defer "\`$t\` puts this $verb across two roots"
+    seen_class="$cls"
+    ops+=("${resolved#*$'\n'}")
+    case "$t" in /*) ;; *) rel_operand=1 ;; esac
+    path_operand=1
+  done
+
+  [ "$path_operand" = 1 ] || defer "no path operand"
+
+  # In directory form the command writes a path it does not name: `cp x dir` writes `dir/x`,
+  # and `cp` follows that child when it is a symlink — this checkout is full of them, every
+  # `*_ee.rs` pointing into the sibling EE repo. Deriving that child would mean reproducing
+  # which name the tool picks (the operand as written, not as resolved — a symlinked source
+  # keeps its own name) and how deep `-r` recurses. The form is left unproved instead.
+  case "$verb" in
+    cp | mv)
+      [ "${#ops[@]}" -ge 2 ] || return 0
+      # Whether the destination is an existing directory is itself a question about which of
+      # the two candidate working directories the command ran in, and only one of them is in
+      # `ops`. A `cd` that fails at runtime would otherwise let the form through: the
+      # destination resolved against the directory the command never reached is some path that
+      # does not exist, while the one it actually ran in is a directory full of symlinks.
+      [ -n "$alt_cwd" ] && [ "$rel_operand" = 1 ] \
+        && defer "a relative operand after a \`cd\` lands in one of two directories"
+      [ -d "${ops[-1]}" ] \
+        && defer "\`${ops[-1]}\` already exists as a directory, so this $verb writes a path it does not name"
+      ;;
+  esac
+}
+
+split_segments "$cmd"
+seg_cwd="${cwd:-$PWD}"
+alt_cwd=""                                # where a `cd` that failed would have left the command
+saw_cd=0                                  # a `cd` moved the working directory somewhere
+proved=0                                  # how many ops came out inside a single root
+only_ours=1                               # ... and nothing else shares the command line
+
+for seg in "${SEGMENTS[@]}"; do
+  segment_tokens "$seg"
+  case "${SEG_TOKS[0]:-}" in
+    "") continue ;;
+    mkdir | cp | mv | touch | chmod)
+      check_fileops_segment "${SEG_TOKS[0]}"
+      proved=$((proved + 1))
+      continue
+      ;;
+    tar | unzip)
+      check_archive_segment "${SEG_TOKS[0]}"
+      proved=$((proved + 1))
+      continue
+      ;;
+    cd)
+      # A `cd` writes nothing, so it never blocks an allow; it only moves where a later relative
+      # operand points, to one of the two candidates `apply_cd` describes.
+      if [ "$saw_cd" = 0 ] && new_cwd=$(apply_cd "$seg_cwd" "${SEG_TOKS[@]:1}"); then
+        alt_cwd="$seg_cwd"
+        seg_cwd="$new_cwd"
+      else
+        # Not the harmless segment an allow assumes: whatever this guard could not account for
+        # may be a redirect, and a redirect writes. Leave the line to the normal flow.
+        seg_cwd="" alt_cwd=""
+        only_ours=0
+      fi
+      saw_cd=1
+      continue
+      ;;
+  esac
+  # Some other command shares the line. If an `mv` or `chmod` runs inside it after all — behind
+  # a wrapper, an env prefix or a path — this hook cannot say what it writes to.
+  for verb in mv chmod; do
+    segment_runs_verb "$verb" "$seg" && defer "$verb is not the leading command word in \`$seg\`"
+  done
+  only_ours=0
 done
 
-[ "$path_operand" = 1 ] || defer "no path operand"
-decide allow "every path operand is under /tmp"
+# Exactly one write per line. Each segment is proved against the filesystem as it stands now,
+# and an earlier write can change what a later operand means: `cp -r /tmp/tree /tmp/live` that
+# recreates a symlink out of /tmp turns `/tmp/live/link` — a path under /tmp when this ran —
+# into a write through that symlink. Deletes compose safely and guard-rm-outside-tmp.sh allows
+# several, because `rm` unlinks a symlink rather than following it.
+[ "$proved" -ge 1 ] || exit 0
+[ "$only_ours" = 1 ] && [ "$proved" = 1 ] && decide allow "every path operand is inside a single root"
+exit 0
diff --git a/.claude/hooks/guard-rm-outside-tmp.sh b/.claude/hooks/guard-rm-outside-tmp.sh
index 5aff497d89..4d253ffc62 100755
--- a/.claude/hooks/guard-rm-outside-tmp.sh
+++ b/.claude/hooks/guard-rm-outside-tmp.sh
@@ -1,14 +1,17 @@
 #!/usr/bin/env bash
-# PreToolUse guard for `rm`: auto-allow ONLY a single, plain, single-line `rm` whose every
-# operand is a whitelisted target — under /tmp, or inside a git working tree located in $HOME
-# (a version-controlled project dir). Any other command that runs `rm` gets an explicit `ask`,
-# which is the ordinary permission prompt and the only one `rm` gets (see lib-guarded-verb.sh);
-# a command that runs no `rm` at all makes no decision (exit 0).
+# PreToolUse guard for `rm`: auto-allow deletes whose every operand is a whitelisted target —
+# under /tmp, or inside a git working tree located in $HOME (a version-controlled project dir).
+# Any other command that runs `rm` gets an explicit `ask`, which is the ordinary permission
+# prompt and the only one `rm` gets (see lib-guarded-verb.sh); a command that runs no `rm` at
+# all makes no decision (exit 0).
 #
-# The git-tree allowance trades on "this is a project under version control" being lower-stakes
-# than a delete elsewhere — NOT on full recoverability: committed content is restorable via git,
-# but untracked / .gitignore'd / uncommitted content, and an independent nested repo's history
-# under a recursively-deleted parent, are NOT. Accepted as a deliberate convenience tradeoff.
+# The command is read one segment at a time, so chaining and line breaks carry no weight of
+# their own: `rm -f /tmp/a && rm -rf /tmp/b` is two deletes, each proved on its own operands.
+# A decision covers the whole command line, so `allow` is emitted only when every segment is
+# an `rm` this guard proved or a `cd` it could resolve. A line that mixes a proven `rm` with
+# some other command makes no decision instead and leaves that line to the normal permission
+# flow: the delete is not what needed a prompt, and waving the rest of the line through with
+# it would turn a trailing `rm -f /tmp/x` into a way to auto-approve anything.
 #
 # Deny-by-default: every token must consist only of a safe character set (alphanumerics,
 # `. _ / -` and glob chars `* ? [ ]`). That set contains none of the characters bash uses for
@@ -17,12 +20,12 @@
 # and existing symlinks (so a symlink out of the allowed roots is caught), and a wildcard in a
 # non-final path segment is refused because it can expand through a symlink realpath can't see.
 #
-# The git-repo allowance covers targets inside a git working tree under $HOME, and the tree's
-# own root folder only when it is a linked worktree (`.git` is a pointer file, so history in
-# the main repo survives); a primary checkout's root (`.git` is a history dir) and any `.git`,
-# `.claude` or `.env` path are never auto-allowed. Globs auto-allow only under /tmp — elsewhere their expansion
+# Which targets those two roots cover, and the tradeoff they rest on, is `path_class` in
+# lib-guarded-verb.sh. Globs auto-allow only under /tmp — elsewhere their expansion
 # could reach `.git` or a dotfile the literal checks never see. Relative operands resolve
-# against the command's cwd (from the hook input).
+# against the working directory the command runs from, which a `cd` in an earlier segment
+# moves; once a `cd` is one this guard cannot resolve, that directory is unknown and a
+# relative operand can no longer be proved.
 #
 # Assumes GNU `realpath` (-m) and `jq`, both present in this repo's Linux dev env.
 set -uo pipefail
@@ -35,87 +38,103 @@ cmd=$(printf '%s' "$input" | jq -r '.tool_input.command // empty' 2>/dev/null)
 cwd=$(printf '%s' "$input" | jq -r '.cwd // empty' 2>/dev/null)
 
 # Every bail-out below goes through `defer`, so the forms this guard refuses to reason about —
-# compound, quoted, wrapped — still reach the user as a prompt whenever an `rm` runs among them.
+# wrapped, quoted, expanded — still reach the user as a prompt whenever an `rm` runs among them.
 runs_verb rm "$cmd" && guarded=1 || guarded=0
 defer() {
   [ "$guarded" = 1 ] && decide ask "$1"
   exit 0
 }
 
-# A newline separates commands, and the tokenizer below only reads the first line — defer.
-case "$cmd" in *$'\n'*) defer "multi-line command" ;; esac
+has_substitution "$cmd" && defer "command substitution in the command line"
 
-read -r -a toks <<< "$cmd"
-# Bare leading `rm` only; wrappers (`timeout rm`), env prefixes, and `/bin/rm` defer.
-[ "${toks[0]:-}" = "rm" ] || defer "rm is not the leading command word"
-
-# 0 (allow) iff the canonical path is an auto-allowable rm target: under /tmp, or strictly
-# inside a git working tree located under $HOME. The walk stops at $HOME, so a dotfiles repo at
-# ~ can't make all of $HOME deletable, and top-level ~ files stay protected.
-allowed_target() {
-  local canon="$1" d root=""
-  case "$canon" in /tmp/?*) return 0 ;; esac
-  [ -n "${HOME:-}" ] || return 1
-  case "$canon" in "$HOME"/?*) ;; *) return 1 ;; esac
-  # Never auto-allow: history, and the two kinds of path the "it's under version control"
-  # premise doesn't hold for — the agent's own guards and settings (deleting them is what
-  # removes the prompt on everything else), and gitignored `.env` files.
-  case "$canon" in
-    *"/.git" | *"/.git/"* | *"/.claude" | *"/.claude/"*) return 1 ;;
-    *"/.env" | *"/.env."*) return 1 ;;
-  esac
-  d="$canon"
-  while [ "$d" != "/" ] && [ "$d" != "$HOME" ]; do
-    [ -e "$d/.git" ] && { root="$d"; break; }
-    d=$(dirname "$d")
+# Proves one `rm` segment, whose tokens are in SEG_TOKS with `rm` at index 0, resolving relative
+# operands against $seg_cwd. Returns only once every operand is an auto-allowable target;
+# anything it cannot prove defers instead.
+check_rm_segment() {
+  local i=1 t canon candidates had_operand=0 end_opts=0
+  while [ "$i" -lt "${#SEG_TOKS[@]}" ]; do
+    t="${SEG_TOKS[$i]}"
+    i=$((i + 1))
+    # Whitelist every token (flags included, so an operator hidden in a flag like `-rf;rm`
+    # can't slip past): any character outside the safe set makes it unsafe to reason about.
+    [ -n "$(printf '%s' "$t" | tr -d 'A-Za-z0-9._/*?[]-')" ] && defer "unsafe characters in \`$t\`"
+    # A glob in an option-looking token (`-[-]`) can expand to `--` and turn a later `-name`
+    # into an operand — never a real option, so defer.
+    case "$t" in -*[*?[]*) defer "glob inside the option \`$t\`" ;; esac
+    if [ "$end_opts" = 0 ]; then
+      [ "$t" = "--" ] && { end_opts=1; continue; }
+      # Skip real options only before the first operand. A bare `-` is a filename, and under
+      # POSIXLY_CORRECT GNU rm stops option parsing at the first operand, so a later `-name`
+      # is a filename too — validate it rather than skipping it.
+      if [ "$had_operand" = 0 ]; then
+        case "$t" in -?*) continue ;; esac
+      fi
+    fi
+    had_operand=1
+    # No wildcard in a non-final path segment (`a/*/b`): it can expand through a symlink
+    # realpath can't see. A slashless glob (`*.rs`) is a final-segment match — fine.
+    case "$t" in */*) case "${t%/*}" in *[*?[]*) defer "glob in a non-final segment of \`$t\`" ;; esac ;; esac
+    # A relative operand has as many candidate paths as the command has candidate working
+    # directories, and every one of them has to be auto-allowable: a `cd` that fails at runtime
+    # leaves the delete running in the directory it started in.
+    case "$t" in
+      /*) candidates=$(realpath -m -- "$t" 2>/dev/null) ;;
+      *)  [ -n "$seg_cwd" ] || defer "\`$t\` is relative to a working directory this guard cannot pin down"
+          candidates=$(realpath -m -- "$seg_cwd/$t" 2>/dev/null)
+          [ -n "$alt_cwd" ] && candidates="$candidates
+$(realpath -m -- "$alt_cwd/$t" 2>/dev/null)"
+          ;;
+    esac
+    while IFS= read -r canon; do
+      [ -n "$canon" ] || defer "cannot resolve \`$t\`"
+      # A glob may auto-allow only under /tmp, where everything is deletable. Elsewhere its
+      # expansion could match `.git`, a dotfile like `.*`, or a nested checkout root that the
+      # literal-path checks never see — so require literal operands in git repos.
+      case "$t" in *[*?[]*) case "$canon" in /tmp/?*) ;; *) defer "glob \`$t\` is outside /tmp" ;; esac ;; esac
+      path_class "$canon" >/dev/null || defer "\`$canon\` is outside /tmp and not inside a git checkout in \$HOME"
+    done <<< "$candidates"
   done
-  [ -n "$root" ] || return 1              # not inside a git working tree under $HOME
-  if [ "$canon" = "$root" ]; then
-    # Deleting the repo root folder itself: allow only for a linked worktree, whose `.git` is
-    # a file/pointer so the history lives in the main repo and survives. A primary checkout's
-    # `.git` is a directory holding the history, so deleting it is unrecoverable — defer.
-    [ -f "$root/.git" ] && return 0
-    return 1
-  fi
-  return 0
+  [ "$had_operand" = 1 ] || defer "no operand"
 }
 
-had_operand=0
-end_opts=0
-i=1
-while [ "$i" -lt "${#toks[@]}" ]; do
-  t="${toks[$i]}"
-  i=$((i + 1))
-  # Whitelist every token (flags included, so an operator hidden in a flag like `-rf;rm`
-  # can't slip past): any character outside the safe set makes it unsafe to reason about.
-  [ -n "$(printf '%s' "$t" | tr -d 'A-Za-z0-9._/*?[]-')" ] && defer "unsafe characters in \`$t\`"
-  # A glob in an option-looking token (`-[-]`) can expand to `--` and turn a later `-name`
-  # into an operand — never a real option, so defer.
-  case "$t" in -*[*?[]*) defer "glob inside the option \`$t\`" ;; esac
-  if [ "$end_opts" = 0 ]; then
-    [ "$t" = "--" ] && { end_opts=1; continue; }
-    # Skip real options only before the first operand. A bare `-` is a filename, and under
-    # POSIXLY_CORRECT GNU rm stops option parsing at the first operand, so a later `-name`
-    # is a filename too — validate it rather than skipping it.
-    if [ "$had_operand" = 0 ]; then
-      case "$t" in -?*) continue ;; esac
-    fi
-  fi
-  had_operand=1
-  # No wildcard in a non-final path segment (`a/*/b`): it can expand through a symlink
-  # realpath can't see. A slashless glob (`*.rs`) is a final-segment match — fine.
-  case "$t" in */*) case "${t%/*}" in *[*?[]*) defer "glob in a non-final segment of \`$t\`" ;; esac ;; esac
-  case "$t" in
-    /*) canon=$(realpath -m -- "$t" 2>/dev/null) ;;
-    *)  canon=$(realpath -m -- "${cwd:-$PWD}/$t" 2>/dev/null) ;;
+split_segments "$cmd"
+seg_cwd="${cwd:-$PWD}"
+alt_cwd=""                                # where a `cd` that failed would have left the command
+saw_cd=0
+proved=0                                  # at least one `rm` segment came out auto-allowable
+only_ours=1                               # ... and nothing else shares the command line
+
+for seg in "${SEGMENTS[@]}"; do
+  segment_tokens "$seg"
+  case "${SEG_TOKS[0]:-}" in
+    "") continue ;;
+    rm)
+      check_rm_segment
+      proved=1
+      continue
+      ;;
+    cd)
+      # A `cd` writes nothing, so it never blocks an allow; it only moves where a later relative
+      # operand points, to one of the two candidates `apply_cd` describes.
+      if [ "$saw_cd" = 0 ] && new_cwd=$(apply_cd "$seg_cwd" "${SEG_TOKS[@]:1}"); then
+        alt_cwd="$seg_cwd"
+        seg_cwd="$new_cwd"
+      else
+        # Not the harmless segment an allow assumes: whatever this guard could not account for
+        # may be a redirect, and a redirect writes. Leave the line to the normal flow.
+        seg_cwd="" alt_cwd=""
+        only_ours=0
+      fi
+      saw_cd=1
+      continue
+      ;;
   esac
-  [ -n "$canon" ] || defer "cannot resolve \`$t\`"
-  # A glob may auto-allow only under /tmp, where everything is deletable. Elsewhere its
-  # expansion could match `.git`, a dotfile like `.*`, or a nested checkout root that the
-  # literal-path checks never see — so require literal operands in git repos.
-  case "$t" in *[*?[]*) case "$canon" in /tmp/?*) ;; *) defer "glob \`$t\` is outside /tmp" ;; esac ;; esac
-  allowed_target "$canon" || defer "\`$canon\` is outside /tmp and not inside a git checkout in \$HOME"
+  # Some other command shares the line. If an `rm` runs inside it after all — behind a wrapper,
+  # an env prefix or a path — this guard cannot say what it deletes.
+  segment_runs_verb rm "$seg" && defer "rm is not the leading command word in \`$seg\`"
+  only_ours=0
 done
 
-[ "$had_operand" = 1 ] || defer "no operand"
-decide allow 'rm operands are under /tmp or inside a git checkout in $HOME'
+[ "$proved" = 1 ] || exit 0
+[ "$only_ours" = 1 ] && decide allow 'rm operands are under /tmp or inside a git checkout in $HOME'
+exit 0
diff --git a/.claude/hooks/lib-guarded-verb.sh b/.claude/hooks/lib-guarded-verb.sh
index c4d5f5ac9a..6ef76a5466 100644
--- a/.claude/hooks/lib-guarded-verb.sh
+++ b/.claude/hooks/lib-guarded-verb.sh
@@ -10,17 +10,6 @@
 # expand a glob operand against the filesystem. Neither guard relies on pathname expansion.
 set -f
 
-# 0 iff <verb> ($1) runs as a command word anywhere in <command> ($2). Mirrors how a Bash
-# permission rule matches, so that owning the prompt here doesn't narrow what used to prompt:
-# the command splits on `; & |` and newlines, and a leading env assignment or process wrapper
-# (`timeout 5 rm`, `xargs rm`) is skipped before the command word is read.
-#
-# The split set also carries the characters that open a nested command — `$(`, backticks and
-# `( )` — because a rule matches the verb inside one (`echo $(rm -rf ~)` prompts), and a
-# separator that only ends statements would read that as an `echo`. Braces are handled as
-# words rather than separators, since splitting on them cuts `xargs -I {} … rm` in half and
-# strands the `rm` in a segment that no longer knows a wrapper preceded it.
-
 # 0 iff <text> ($1) starts with a command that only reads its input. An allowlist, because the
 # opposite — naming the shells to avoid — would have to be complete: an unlisted one (`ash`,
 # `rbash`, `busybox sh`) executes the body while the guard calls it data. Unrecognized here only
@@ -115,35 +104,159 @@ strip_heredoc_bodies() {
   done
 }
 
+# 0 iff <verb> ($1) runs as a command word in <segment> ($2), which must already be one
+# segment (no separator left in it). Wrapper, env-prefix and `/bin/<verb>` forms all count.
+segment_runs_verb() {
+  local verb="$1" w wrapped=0
+  for w in $2; do
+    # The shell strips quotes and backslashes before it looks up the command, so `'rm'` and
+    # `r\m` run rm and have to compare equal to it.
+    w="${w//[\"\'\\]/}"
+    case "$w" in
+      "$verb" | */"$verb") return 0 ;;
+      *=*) ;;                                        # leading env assignment
+      -* | *'>'* | *'<'*) ;;                         # a flag, or a leading redirect
+      [0-9]*) [ "$wrapped" = 1 ] || break ;;         # a wrapper's duration, not `1:` in prose
+      '!' | '{' | '}' | if | then | elif | else | while | until | do) ;;   # never the command
+      timeout | time | nice | nohup | stdbuf | command | builtin | noglob | xargs | sudo | env)
+        wrapped=1 ;;
+      # A wrapper's option value is indistinguishable from a command name (`stdbuf -o L rm`),
+      # so past a wrapper the scan runs to the end of the segment instead of stopping at the
+      # first ordinary word. Before one, that word is the command and the verb cannot follow
+      # it. Nothing bounds the scan: a wrapper takes unboundedly many operands
+      # (`env -u A -u B ...`), and any cutoff — a word count, or stopping at the first quoted
+      # word — drops the prompt for a real `sudo -u 'root' rm`. Prose after a wrapper is the
+      # price, and it only over-prompts.
+      *) [ "$wrapped" = 1 ] || break ;;
+    esac
+  done
+  return 1
+}
+
+# Splits <command> ($1) into its command segments, into the global array SEGMENTS. Every guard
+# reasons one segment at a time, so `a && b` is two commands here rather than one unparsable
+# blob, and a newline is a separator like any other.
+#
+# The split set carries more than `; & |` and newlines: `$(`, backticks and `( )` open a nested
+# command, and a separator that only ended statements would read `echo $(rm -rf ~)` as an
+# `echo`. Braces are handled as words rather than separators, since splitting on them cuts
+# `xargs -I {} … rm` in half and strands the `rm` in a segment that no longer knows a wrapper
+# preceded it.
+#
+# `tr` and not `${1//[...]}`: a `}` inside the bracket expression closes the expansion itself,
+# which silently leaves the command unsplit and every separator unseen.
+split_segments() {
+  local seg
+  SEGMENTS=()
+  while IFS= read -r seg; do SEGMENTS+=("$seg"); done <<< "$(strip_heredoc_bodies "$1" | tr ';&|()`' '\n')"
+}
+
+# 0 iff <command> ($1) carries a command substitution outside a heredoc body. A substitution is
+# concatenated into the word it sits in, and splitting on its opener cuts that word in half:
+# `/tmp/a/`printf ../../etc`` would be proved as `/tmp/a/`, with the traversal validated as an
+# unrelated segment. Nothing here can evaluate it, so a guard proves nothing about such a
+# command. Heredoc bodies are excepted — those are data the split has already dropped.
+has_substitution() {
+  case "$(strip_heredoc_bodies "$1")" in
+    *'$('* | *'`'*) return 0 ;;
+  esac
+  return 1
+}
+
+# Reads <segment> ($1) into the global array SEG_TOKS, dropping the shell keywords that can
+# precede a command word so that `then rm -rf x` is analyzed as the `rm` it runs. Word
+# splitting only: quotes are left in the token and fail the guards' charset check downstream,
+# which is what keeps `rm -rf "$HOME/x"` unprovable.
+segment_tokens() {
+  SEG_TOKS=()
+  read -r -a SEG_TOKS <<< "$1"
+  while [ "${#SEG_TOKS[@]}" -gt 0 ]; do
+    case "${SEG_TOKS[0]}" in
+      '!' | '{' | '}' | if | then | elif | else | while | until | do) SEG_TOKS=("${SEG_TOKS[@]:1}") ;;
+      *) break ;;
+    esac
+  done
+}
+
+# Prints the directory a `cd` lands in, given the current one ($1) and the tokens after the
+# `cd` ($2...). Fails, printing nothing, when the destination cannot be resolved — a variable,
+# `-`, an option, a relative path, no operand at all (`cd` alone is $HOME), or more than one.
+#
+# Resolving says nothing about whether the `cd` will SUCCEED: the destination may not exist, and
+# `;` runs the next command anyway, leaving it in the directory it started in. So a caller may
+# never treat this as the working directory outright — it is one of two candidates, and a
+# relative operand has to be provable against the one the command started in as well. That also
+# makes a `cd` word splitting invented out of quoted text harmless: it can only add a candidate,
+# never drop one. Past the first `cd` the branching outruns two candidates, so a caller that
+# sees a second gives up on relative operands entirely.
+apply_cd() {
+  local cwd="$1" t
+  shift
+  [ "$#" -eq 1 ] || return 1
+  t="$1"
+  [ -n "$(printf '%s' "$t" | tr -d 'A-Za-z0-9._/-')" ] && return 1
+  # Absolute only. A relative destination is not `$cwd/$t`: the shell searches $CDPATH first,
+  # so `cd ssh` may land in /etc/ssh, and this cannot see the caller's $CDPATH to rule it out.
+  case "$t" in /*) ;; *) return 1 ;; esac
+  realpath -m -- "$t" 2>/dev/null
+}
+
+# Prints the class of a canonical path and returns 0: `tmp` for one strictly under /tmp, or
+# `repo:<root>` for one strictly inside the git working tree at <root>, itself under $HOME.
+# Fails, printing nothing, for anything else — those are the only roots the guards are willing
+# to touch unprompted. The root is part of the class so that a caller pairing two operands can
+# tell one checkout from another: sibling repos are separate permission boundaries, not one.
+#
+# The `repo` class trades on "this is a project under version control" being lower-stakes than
+# the same act elsewhere — NOT on full recoverability: committed content is restorable via git,
+# but untracked / .gitignore'd / uncommitted content, and an independent nested repo's history
+# under a recursively-deleted parent, are NOT. Accepted as a deliberate convenience tradeoff.
+#
+# The walk stops at $HOME, so a dotfiles repo at ~ can't put all of $HOME in a class, and
+# top-level ~ files stay out of one. A working tree's own root folder counts only when it is a
+# linked worktree, whose `.git` is a pointer file so the history lives in the main repo and
+# survives; a primary checkout's `.git` is a directory holding the history itself, so losing it
+# is unrecoverable.
+#
+# Some paths are in no class in any root, /tmp included. Git history, and the agent's own guards
+# and settings, because removing those is what removes the prompt on everything else. And every
+# path `.claude/settings.json` refuses to read — `.env`, `secrets/`, `*.pem`, `*.key`,
+# `credentials.json`, `.secret*` — because a `cp` or `mv` that is auto-allowed on both ends
+# would rename one out of those globs and hand back through `Read` exactly what they deny.
+path_class() {
+  local canon="$1" d root=""
+  case "$canon" in
+    *"/.git" | *"/.git/"* | *"/.claude" | *"/.claude/"*) return 1 ;;
+    *"/.env" | *"/.env."*) return 1 ;;
+    *"/secrets" | *"/secrets/"*) return 1 ;;
+    *.pem | *.key | *"/credentials.json") return 1 ;;
+    *"/.secret"* | *.secret | *.secrets) return 1 ;;
+  esac
+  case "$canon" in /tmp/?*) printf 'tmp'; return 0 ;; esac
+  [ -n "${HOME:-}" ] || return 1
+  case "$canon" in "$HOME"/?*) ;; *) return 1 ;; esac
+  d="$canon"
+  while [ "$d" != "/" ] && [ "$d" != "$HOME" ]; do
+    [ -e "$d/.git" ] && { root="$d"; break; }
+    d=$(dirname "$d")
+  done
+  [ -n "$root" ] || return 1              # not inside a git working tree under $HOME
+  if [ "$canon" = "$root" ]; then
+    [ -f "$root/.git" ] || return 1
+  fi
+  printf 'repo:%s' "$root"
+}
+
+# 0 iff <verb> ($1) runs as a command word anywhere in <command> ($2). Mirrors how a Bash
+# permission rule matches, so that owning the prompt here doesn't narrow what used to prompt:
+# a guard consults this before it starts proving segments, and every bail-out it then takes
+# is a prompt for exactly the commands a rule would have caught.
 runs_verb() {
-  local verb="$1" seg w wrapped
-  while IFS= read -r seg; do
-    wrapped=0
-    for w in $seg; do
-      # The shell strips quotes and backslashes before it looks up the command, so `'rm'` and
-      # `r\m` run rm and have to compare equal to it.
-      w="${w//[\"\'\\]/}"
-      case "$w" in
-        "$verb" | */"$verb") return 0 ;;
-        *=*) ;;                                        # leading env assignment
-        -* | *'>'* | *'<'*) ;;                         # a flag, or a leading redirect
-        [0-9]*) [ "$wrapped" = 1 ] || break ;;         # a wrapper's duration, not `1:` in prose
-        '!' | '{' | '}' | if | then | elif | else | while | until | do) ;;   # never the command
-        timeout | time | nice | nohup | stdbuf | command | builtin | noglob | xargs | sudo | env)
-          wrapped=1 ;;
-        # A wrapper's option value is indistinguishable from a command name (`stdbuf -o L rm`),
-        # so past a wrapper the scan runs to the end of the segment instead of stopping at the
-        # first ordinary word. Before one, that word is the command and the verb cannot follow
-        # it. Nothing bounds the scan: a wrapper takes unboundedly many operands
-        # (`env -u A -u B …`), and any cutoff — a word count, or stopping at the first quoted
-        # word — drops the prompt for a real `sudo -u 'root' rm`. Prose after a wrapper is the
-        # price, and it only over-prompts.
-        *) [ "$wrapped" = 1 ] || break ;;
-      esac
-    done
-    # `tr` and not `${2//[...]}`: a `}` inside the bracket expression closes the expansion
-    # itself, which silently leaves the command unsplit and every separator unseen.
-  done <<< "$(strip_heredoc_bodies "$2" | tr ';&|()`' '\n')"
+  local verb="$1" seg
+  split_segments "$2"
+  for seg in "${SEGMENTS[@]}"; do
+    segment_runs_verb "$verb" "$seg" && return 0
+  done
   return 1
 }
 
diff --git a/.claude/hooks/test-hooks.sh b/.claude/hooks/test-hooks.sh
index 65631b6a48..eca946baf9 100644
--- a/.claude/hooks/test-hooks.sh
+++ b/.claude/hooks/test-hooks.sh
@@ -4,6 +4,10 @@
 # What this pins is the `ask` column: a matcher change that turns one into a no-decision drops
 # that command's only prompt (see lib-guarded-verb.sh). The wrapper, nested-command and quoted
 # rows are the ones that catch it.
+#
+# The `allow` column carries its own weight, because a decision covers the whole command line:
+# `allow` may only appear where every segment was proved here, and a line that also runs
+# something unexamined has to come out `none` so the normal permission flow still sees it.
 set -uo pipefail
 H="$(cd "${BASH_SOURCE[0]%/*}" && pwd)"
 CWD="$(git -C "$H" rev-parse --show-toplevel)"
@@ -46,10 +50,11 @@ run $G ask   "rm -rf $CWD/*"
 run $G ask   "rm -rf /etc/passwd"
 run $G ask   'rm -rf "$HOME/x"'
 run $G ask   "rm -rf /tmp/../$OUT"
-run $G ask   "ls /tmp && rm -rf /tmp/x"
+run $G none  "ls /tmp && rm -rf /tmp/x"   # proved delete, unexamined neighbour
 run $G ask   'echo $(rm -rf /etc)'
 run $G ask   'echo `rm -rf /etc`'
 run $G ask   "{ rm -rf /etc; }"
+run $G allow "{ rm -rf /tmp/scratch/x; }"         # the keyword drops, the delete still proves
 run $G ask   "find . -name x | xargs rm"
 run $G ask   "timeout 5 rm -rf /tmp/x"
 run $G ask   "stdbuf -o L rm -rf /etc"
@@ -107,6 +112,33 @@ run $G none  'echo $(ls /tmp)'
 run $G none  'grep -rn "rm" backend/'
 run $G none  "cargo build --release"
 
+# Chaining and line breaks are not themselves a reason to prompt: each segment is proved on its
+# own operands, and a `cd` moves where a relative one points.
+run $G allow "rm -f /tmp/a; rm -rf /tmp/b"
+run $G allow "$(printf 'rm -f /tmp/a\nrm -rf %s/frontend/scratch' "$CWD")"
+run $G allow "cd /tmp/scratch && rm -rf sub"
+run $G none  "mkdir -p /tmp/x && rm -rf /tmp/x"
+run $G ask   "$(printf 'ls /tmp\nrm -rf /etc')"
+# A `cd` this guard can resolve is where the relative operand lands; one it cannot leaves the
+# working directory unknown, and an unknown one proves nothing.
+run $G ask   "cd /etc && rm -rf foo"
+run $G ask   'cd "$D" && rm -rf foo'
+run $G ask   "cd $CWD && rm -rf .git"
+run $G ask   "cd /etc && cd /tmp/scratch && rm -rf sub"   # a cd out is not walked back
+# A `cd` can fail at runtime, and `;` runs the delete from where the command started, so a
+# relative operand is proved from both directories.
+run $G ask   "cd /tmp/does-not-exist; rm -rf .git"
+run $G ask   "cd /tmp/does-not-exist; rm -rf backend/.env"
+run $G ask   "cd /tmp/a && cd /tmp/b && rm -rf sub"
+run $G ask   "rm -rf /tmp/clone/.git"                     # history is never in a class
+run $G ask   "rm -rf /tmp/scratch/id_rsa.key"
+run $G none  "cd /tmp >$OUT; rm -f /tmp/a"
+# A substitution is concatenated into its word, so splitting on it would prove only the literal
+# half; a relative `cd` is not $cwd/$t either, since the shell searches $CDPATH first.
+run $G ask   'rm -rf /tmp/a/`printf ../../etc`'
+run $G ask   'rm -rf /tmp/a/$(printf ../../etc)'
+run $G ask   "cd ssh && rm -rf moduli"
+
 echo
 echo "== allow-fileops-in-tmp.sh =="
 A=allow-fileops-in-tmp.sh
@@ -117,7 +149,7 @@ run $A allow "tar -xzf /tmp/a.tar.gz -C /tmp/out"
 run $A ask   "mv /tmp/a $OUT"
 run $A ask   "mv $CWD/AGENTS.md /tmp/a"
 run $A ask   "chmod -R 777 $CWD"
-run $A ask   "ls && mv /tmp/a /tmp/b"
+run $A none  "ls && mv /tmp/a /tmp/b"     # proved move, unexamined neighbour
 run $A ask   'echo $(mv /tmp/a /etc)'
 run $A ask   "timeout --signal KILL 5 mv /tmp/a /etc"
 run $A ask   "time -f FORMAT chmod 777 $OUT"
@@ -129,5 +161,49 @@ run $A none  "cp $CWD/AGENTS.md /tmp/a"
 run $A none  "tar -xzf /tmp/a.tar.gz -C $OUT"
 run $A none  "cargo build"
 
+run $A none  "mkdir -p /tmp/x; mv /tmp/a /tmp/x; chmod 755 /tmp/x"   # one write per line
+run $A none  "$(printf 'mv /tmp/a /tmp/b\nchmod 755 /tmp/b')"
+run $A ask   "ls && mv /tmp/a /etc"
+run $A ask   "$(printf 'mkdir -p /tmp/x\nchmod -R 777 %s' "$CWD")"
+run $A allow "cd /tmp/x && tar -xzf /tmp/a.tar.gz -C /tmp/out"
+# The checkout is a root of its own, so an in-repo move or chmod is as auto-allowable as the
+# in-repo delete already was — but one operation may not straddle it and /tmp.
+run $A allow "chmod +x scripts/worktree-env"
+run $A allow "mv backend/.sqlx backend/.sqlx.bad"
+run $A allow "mv $CWD/frontend/a.ts $CWD/frontend/b.ts"
+run $A ask   "mv /tmp/a $CWD/frontend/a.ts"
+run $A ask   "chmod -R 777 $CWD/.git"
+run $A ask   "mv $CWD/backend/.env $CWD/backend/.env.bak"
+run $A ask   "mv $CWD/AGENTS.md $OUT"
+run $A ask   "cd /etc && mv a b"
+# An auto-allowed rename may not carry a path out of the `Read` deny globs.
+run $A ask   "mv backend/server.pem backend/server.txt"
+run $A none  "cp backend/secrets/token frontend/token.txt"   # cp has no prompt of its own,
+                                                            # so what matters is it is not allowed
+run $A ask   "mv $CWD/backend/credentials.json /tmp/x"
+run $A ask   "cd /tmp/does-not-exist; mv .claude/settings.json settings.bak"
+# A segment this hook cannot read whole may carry a redirect, and an earlier write can change
+# what a later operand resolves to — neither may ride along on an allow.
+run $A none  "cd /tmp >$OUT; mv /tmp/a /tmp/b"
+run $A none  "cp -r /tmp/tree /tmp/live; cp /tmp/payload /tmp/live/link"
+run $A ask   'mv /tmp/a/`printf ../../etc/x` /tmp/b'
+# A sibling checkout is a different root: its files are outside what the Read tool is confined
+# to, and copying them in would hand back what that confinement withholds.
+EE="$(dirname "$CWD")/windmill-ee-private"   # a sibling checkout; absent elsewhere, still not a root
+run $A ask   "mv $EE/backend/x.rs $CWD/backend/x.rs"
+run $A none  "cp $EE/README.md $CWD/README.copy"
+# Directory form writes a path the command does not name — DEST/basename(SRC) — and `cp`
+# follows that child when it is a symlink, as every `*_ee.rs` in this checkout is.
+run $A ask   "mv frontend/apps_ee.rs backend/windmill-api/src"
+run $A none  "cp frontend/apps_ee.rs backend/windmill-api/src"
+run $A none  "cp frontend/a.ts backend"
+run $A ask   "mv /tmp/a $CWD/backend"
+# ... and a `cd` that fails at runtime may not hide that form: the destination is a directory
+# in the directory the command actually ran in, whichever of the two that turns out to be.
+run $A none  "cd $CWD/AGENTS.md; cp frontend/apps_ee.rs backend/windmill-api/src"
+run $A ask   "cd $CWD/AGENTS.md; mv frontend/apps_ee.rs backend/windmill-api/src"
+run $A none  "cd /tmp/x && tar -xzf /tmp/a.tar.gz"   # no -C, and the cwd is now two candidates
+run $A allow "cp frontend/a.ts backend/a.ts"  # ... naming the destination proves fine
+
 echo
 [ "$fails" = 0 ] && echo "ALL PASS" || { echo "$fails FAILURES"; exit 1; }
diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index dda25c8875..362f6cf9eb 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,3 +1,3 @@
 {
-  ".": "1.791.0"
+  ".": "1.792.1"
 }
diff --git a/AGENTS.md b/AGENTS.md
index 06b0402fd6..1da4be6c98 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -147,10 +147,19 @@ $NAV --root backend callees "X"                           # what does X call?
 - **MUST `outline` before `Read`** on unfamiliar files — then `body` or `Read` with offset/limit for specifics
 - **Scratch stays outside the checkout.** Temp scripts, data dumps, cache backups and
   screenshots go in the session scratch directory or `/tmp`, so nothing temporary can end up
-  committed. Write `rm`/`mv`/`cp` as one plain unchained command: a PreToolUse hook
-  auto-allows those when every operand is under `/tmp` or inside this checkout, but it defers
-  on `&&`, `;`, redirects, quotes and `$VAR` — that deferral, not the delete itself, is what
-  turns a routine cleanup into a permission prompt.
+  committed. Write the paths in `rm`/`mv`/`cp` out literally: a PreToolUse hook proves each
+  operand, and auto-allows deletes, moves, copies and mode changes under `/tmp` or inside a git
+  checkout under `$HOME`, as long as one operation stays within a single root — a sibling
+  checkout is a root of its own (`tar` and `unzip` stay `/tmp`-only). Chain deletes freely, each
+  proved on its own operands, but keep writes to one per line, name the destination rather than
+  a directory to drop it in, and put anything else on its own line: a command the hook does not
+  prove drops the whole line back to the normal permission flow. A
+  quoted or `$VAR` operand, a `~`, a redirect, a `$(…)`, a relative `cd`, or a wrapper like
+  `xargs rm` cannot be proved, and that deferral is what turns a cleanup into a prompt.
+- **Change files with Edit/Write, not the shell.** `sed -i`, `cat > file <<'EOF'` and inline
+  `python3 - <<'PY'` scripts put an edit through the PreToolUse guards and the permission
+  classifier, which match `Bash` and nothing else, so a routine edit arrives as a prompt. Bash
+  stays right for running things — tests, builds, git, one-off queries.
 - Search for existing code to reuse before writing new code
 - Follow established patterns in the codebase
 - Keep changes focused — don't refactor beyond what's asked
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ebf1b68e26..08e30a6384 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,27 @@
 # Changelog
 
+## [1.792.1](https://github.com/windmill-labs/windmill/compare/v1.792.0...v1.792.1) (2026-08-18)
+
+
+### Bug Fixes
+
+* route legacy AI entry points to sessions instead of the unmounted chat ([#10705](https://github.com/windmill-labs/windmill/issues/10705)) ([494e6f1](https://github.com/windmill-labs/windmill/commit/494e6f146e6a22bd498db58fa10c7866cd56dc4d))
+
+## [1.792.0](https://github.com/windmill-labs/windmill/compare/v1.791.0...v1.792.0) (2026-08-18)
+
+
+### Features
+
+* **frontend:** record the outcome of every AI chat tool call ([#10746](https://github.com/windmill-labs/windmill/issues/10746)) ([7b17e35](https://github.com/windmill-labs/windmill/commit/7b17e358b35bf4ef8c213ea13252a456e87acb32))
+
+
+### Bug Fixes
+
+* **api:** document cache_ignore_s3_path on the Script read schema ([#10742](https://github.com/windmill-labs/windmill/issues/10742)) ([6783a39](https://github.com/windmill-labs/windmill/commit/6783a396b144948fa60324eae888bc4a83917bc8))
+* audit the icon library against brand guidelines ([#10722](https://github.com/windmill-labs/windmill/issues/10722)) ([6749015](https://github.com/windmill-labs/windmill/commit/6749015fbf7afe0c6dcd53b1933b0152915afd32))
+* **cli:** keep script settings on push and repair the up-to-date check ([#10741](https://github.com/windmill-labs/windmill/issues/10741)) ([ef4dc46](https://github.com/windmill-labs/windmill/commit/ef4dc46d4bfd00e583a39e5c053c0022f1ad3abd))
+* show runtime-detected assets in a run's Assets tab ([#10738](https://github.com/windmill-labs/windmill/issues/10738)) ([1fa3bf3](https://github.com/windmill-labs/windmill/commit/1fa3bf3b291c32ffd62f77df59e24993afb7c78a))
+
 ## [1.791.0](https://github.com/windmill-labs/windmill/compare/v1.790.1...v1.791.0) (2026-08-17)
 
 
diff --git a/backend/Cargo.lock b/backend/Cargo.lock
index 60b84c4dd2..bbb7bacc0b 100644
--- a/backend/Cargo.lock
+++ b/backend/Cargo.lock
@@ -14665,7 +14665,7 @@ dependencies = [
 
 [[package]]
 name = "windmill"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-nats",
@@ -14750,7 +14750,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-ai"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "async-stream",
  "async-trait",
@@ -14783,7 +14783,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-alerting"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -14796,7 +14796,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "argon2",
@@ -14936,7 +14936,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-agent-workers"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -14959,7 +14959,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-assets"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -14976,7 +14976,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-auth"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "axum 0.8.9",
@@ -15002,7 +15002,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-client"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "reqwest 0.12.28",
  "serde",
@@ -15012,7 +15012,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-configs"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15029,7 +15029,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-debug"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "base64 0.22.1",
@@ -15051,7 +15051,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-embeddings"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "axum 0.8.9",
@@ -15074,7 +15074,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-flow-conversations"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15090,7 +15090,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-flows"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15112,7 +15112,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-groups"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15133,7 +15133,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-inputs"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15147,7 +15147,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-integration-tests"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-nats",
@@ -15182,7 +15182,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-jobs"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "axum 0.8.9",
@@ -15207,7 +15207,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-npm-proxy"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15235,7 +15235,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-openapi"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "axum 0.8.9",
@@ -15257,7 +15257,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-schedule"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15277,7 +15277,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-scripts"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15315,7 +15315,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-settings"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "axum 0.8.9",
@@ -15343,7 +15343,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-sse"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "lazy_static",
  "serde",
@@ -15355,7 +15355,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-users"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "argon2",
  "axum 0.8.9",
@@ -15379,7 +15379,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-workers"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15393,7 +15393,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-api-workspaces"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "axum 0.8.9",
  "chrono",
@@ -15428,7 +15428,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-audit"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "chrono",
  "lazy_static",
@@ -15442,7 +15442,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-autoscaling"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "axum 0.8.9",
@@ -15461,7 +15461,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-common"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "aes-gcm",
  "aho-corasick",
@@ -15565,7 +15565,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-dep-map"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "chrono",
  "itertools 0.14.0",
@@ -15584,7 +15584,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-git-sync"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "regex",
  "serde",
@@ -15599,7 +15599,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-indexer"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "astral-tokio-tar",
@@ -15623,7 +15623,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-jseval"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "futures",
@@ -15640,7 +15640,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-macros"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "itertools 0.14.0",
  "lazy_static",
@@ -15656,7 +15656,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-mcp"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -15677,7 +15677,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-native-triggers"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -15708,7 +15708,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-oauth"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "arc-swap",
@@ -15733,7 +15733,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-object-store"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-stream",
@@ -15767,7 +15767,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-operator"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "futures",
@@ -15785,7 +15785,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "convert_case 0.6.0",
  "serde",
@@ -15794,7 +15794,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-bash"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -15806,7 +15806,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-csharp"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde_json",
@@ -15818,7 +15818,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-go"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "gosyn",
@@ -15830,7 +15830,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-graphql"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -15842,7 +15842,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-java"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde_json",
@@ -15854,7 +15854,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-nu"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "nu-parser",
@@ -15865,7 +15865,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-php"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "itertools 0.14.0",
@@ -15876,7 +15876,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-py"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "itertools 0.14.0",
@@ -15888,7 +15888,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-py-asset"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "rustpython-ast",
@@ -15899,7 +15899,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-py-imports"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -15921,7 +15921,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-r"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde_json",
@@ -15933,7 +15933,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-ruby"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -15947,7 +15947,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-rust"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "convert_case 0.6.0",
@@ -15964,7 +15964,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-sql"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -15977,7 +15977,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-sql-asset"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde",
@@ -15989,7 +15989,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-ts"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -16007,7 +16007,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-ts-asset"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde-wasm-bindgen",
@@ -16023,7 +16023,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-wac"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "rustpython-ast",
@@ -16039,7 +16039,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-yaml"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -16053,7 +16053,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-queue"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -16092,7 +16092,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-runtime-nativets"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "const_format",
@@ -16132,7 +16132,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-sql-datatype-parser-wasm"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "getrandom 0.3.4",
  "wasm-bindgen",
@@ -16143,7 +16143,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-store"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -16178,7 +16178,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-test-utils"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16202,7 +16202,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16235,7 +16235,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-amqp"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16262,7 +16262,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-azure"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16295,7 +16295,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-email"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16315,7 +16315,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-gcp"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16349,7 +16349,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-http"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16385,7 +16385,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-kafka"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16408,7 +16408,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-mqtt"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16432,7 +16432,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-nats"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-nats",
@@ -16456,7 +16456,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-postgres"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16491,7 +16491,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-sqs"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16519,7 +16519,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-trigger-websocket"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -16544,7 +16544,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-types"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "bitflags 2.13.1",
@@ -16563,7 +16563,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-worker"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-once-cell",
@@ -16679,7 +16679,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-worker-volumes"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "bytes",
  "futures",
@@ -17462,9 +17462,9 @@ dependencies = [
 
 [[package]]
 name = "zerovec-derive"
-version = "0.11.4"
+version = "0.11.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "47402523226a02bfe5230160dc3ccc089aa6f6f19e7fcbb4e6f824bbb1b4aa62"
+checksum = "9f212a141d820099d57ffafb9569be9617a6f27d3dc881fbee8fb56642f917a9"
 dependencies = [
  "proc-macro2",
  "quote",
diff --git a/backend/Cargo.toml b/backend/Cargo.toml
index 1befb2b741..2c8d0a2d75 100644
--- a/backend/Cargo.toml
+++ b/backend/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "windmill"
-version = "1.791.0"
+version = "1.792.1"
 authors.workspace = true
 edition.workspace = true
 
@@ -88,7 +88,7 @@ members = [
 exclude = ["./windmill-duckdb-ffi-internal", "./parsers/windmill-parser-wasm"]
 
 [workspace.package]
-version = "1.791.0"
+version = "1.792.1"
 authors = ["Ruben Fiszel <ruben@windmill.dev>"]
 edition = "2021"
 
diff --git a/backend/parsers/windmill-parser-wasm/Cargo.lock b/backend/parsers/windmill-parser-wasm/Cargo.lock
index 6b8abe4d5e..39e59a1617 100644
--- a/backend/parsers/windmill-parser-wasm/Cargo.lock
+++ b/backend/parsers/windmill-parser-wasm/Cargo.lock
@@ -6191,7 +6191,7 @@ checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
 
 [[package]]
 name = "windmill-common"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "aho-corasick",
  "anyhow",
@@ -6274,7 +6274,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-macros"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -6286,7 +6286,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "convert_case",
  "serde",
@@ -6295,7 +6295,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-bash"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -6307,7 +6307,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-csharp"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde_json",
@@ -6319,7 +6319,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-go"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "gosyn",
@@ -6331,7 +6331,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-graphql"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -6343,7 +6343,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-java"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde_json",
@@ -6355,7 +6355,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-nu"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "nu-parser",
@@ -6366,7 +6366,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-php"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "itertools 0.14.0",
@@ -6377,7 +6377,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-py"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "itertools 0.14.0",
@@ -6389,7 +6389,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-py-asset"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "rustpython-ast",
@@ -6400,7 +6400,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-py-imports"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -6422,7 +6422,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-r"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde_json",
@@ -6434,7 +6434,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-ruby"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -6448,7 +6448,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-rust"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "convert_case",
@@ -6465,7 +6465,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-sql"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -6478,7 +6478,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-sql-asset"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde",
@@ -6490,7 +6490,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-ts"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -6508,7 +6508,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-ts-asset"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "serde-wasm-bindgen",
@@ -6524,7 +6524,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-wac"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "rustpython-ast",
@@ -6540,7 +6540,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-wasm"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "getrandom 0.2.17",
@@ -6572,7 +6572,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-parser-yaml"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "lazy_static",
@@ -6586,7 +6586,7 @@ dependencies = [
 
 [[package]]
 name = "windmill-types"
-version = "1.791.0"
+version = "1.792.1"
 dependencies = [
  "anyhow",
  "bitflags",
diff --git a/backend/parsers/windmill-parser-wasm/Cargo.toml b/backend/parsers/windmill-parser-wasm/Cargo.toml
index cad8491bf6..f7e0529c87 100644
--- a/backend/parsers/windmill-parser-wasm/Cargo.toml
+++ b/backend/parsers/windmill-parser-wasm/Cargo.toml
@@ -12,7 +12,7 @@ resolver = "2"
 members = ["."]
 
 [workspace.package]
-version = "1.791.0"
+version = "1.792.1"
 edition = "2021"
 authors = ["Ruben Fiszel <ruben@windmill.dev>"]
 
diff --git a/backend/tests/list_scripts_parent_hash.rs b/backend/tests/list_scripts_parent_hash.rs
new file mode 100644
index 0000000000..bfad39fff8
--- /dev/null
+++ b/backend/tests/list_scripts_parent_hash.rs
@@ -0,0 +1,118 @@
+//! Pins the `parent_hash` filter of `GET /w/{workspace}/scripts/list`: the
+//! request must succeed and return exactly the scripts whose `parent_hashes`
+//! array contains the given hash. The filter is assembled into a raw SQL string,
+//! so a malformed predicate is only caught by executing the query.
+
+use serde_json::json;
+use sqlx::{Pool, Postgres};
+use windmill_test_utils::*;
+
+fn client() -> reqwest::Client {
+    reqwest::Client::new()
+}
+
+fn authed(builder: reqwest::RequestBuilder, token: &str) -> reqwest::RequestBuilder {
+    builder.header("Authorization", format!("Bearer {}", token))
+}
+
+fn new_script(path: &str, content: &str) -> serde_json::Value {
+    json!({
+        "path": path,
+        "summary": "",
+        "description": "",
+        "content": content,
+        "language": "deno",
+        "schema": {
+            "$schema": "https://json-schema.org/draft/2020-12/schema",
+            "type": "object",
+            "properties": {},
+            "required": []
+        }
+    })
+}
+
+async fn create(port: u16, script: serde_json::Value) -> anyhow::Result<String> {
+    let resp = authed(
+        client().post(format!(
+            "http://localhost:{port}/api/w/test-workspace/scripts/create"
+        )),
+        "SECRET_TOKEN",
+    )
+    .json(&script)
+    .send()
+    .await?;
+    let status = resp.status();
+    let body = resp.text().await?;
+    assert_eq!(status, 201, "script create should succeed: {body}");
+    Ok(body)
+}
+
+/// Paths returned by `scripts/list` for the given query string.
+async fn list_paths(port: u16, query: &str) -> anyhow::Result<Vec<String>> {
+    let resp = authed(
+        client().get(format!(
+            "http://localhost:{port}/api/w/test-workspace/scripts/list?{query}"
+        )),
+        "SECRET_TOKEN",
+    )
+    .send()
+    .await?;
+    let status = resp.status();
+    let body = resp.text().await?;
+    assert_eq!(status, 200, "scripts/list?{query} should succeed: {body}");
+    let items: Vec<serde_json::Value> = serde_json::from_str(&body)?;
+    Ok(items
+        .iter()
+        .map(|it| it["path"].as_str().unwrap().to_string())
+        .collect())
+}
+
+#[sqlx::test(fixtures("base"))]
+async fn test_list_scripts_parent_hash_filter(db: Pool<Postgres>) -> anyhow::Result<()> {
+    initialize_tracing().await;
+
+    let server = ApiServer::start(db.clone()).await?;
+    let port = server.addr.port();
+
+    let lineage_path = "u/test-user/parent_hash_lineage";
+    let unrelated_path = "u/test-user/parent_hash_unrelated";
+
+    // A two-version lineage: v2's `parent_hashes` contains v1's hash.
+    let v1 = create(
+        port,
+        new_script(lineage_path, "export async function main() { return 1; }"),
+    )
+    .await?;
+    let mut v2_body = new_script(lineage_path, "export async function main() { return 2; }");
+    v2_body["parent_hash"] = json!(v1);
+    let v2 = create(port, v2_body).await?;
+
+    // ...plus a script with no lineage at all, which must never match.
+    create(
+        port,
+        new_script(unrelated_path, "export async function main() { return 3; }"),
+    )
+    .await?;
+
+    let all = list_paths(port, "").await?;
+    assert!(
+        all.contains(&lineage_path.to_string()) && all.contains(&unrelated_path.to_string()),
+        "unfiltered listing should return both scripts, got {all:?}"
+    );
+
+    let descendants = list_paths(port, &format!("parent_hash={v1}")).await?;
+    assert_eq!(
+        descendants,
+        vec![lineage_path.to_string()],
+        "parent_hash should return only the scripts descending from that hash"
+    );
+
+    // v2 is the head, so nothing descends from it.
+    let none = list_paths(port, &format!("parent_hash={v2}")).await?;
+    assert!(
+        none.is_empty(),
+        "no script descends from the head version, got {none:?}"
+    );
+
+    Ok(())
+}
diff --git a/backend/windmill-api-scripts/src/scripts.rs b/backend/windmill-api-scripts/src/scripts.rs
index 3f23d0416f..3b66f7317b 100644
--- a/backend/windmill-api-scripts/src/scripts.rs
+++ b/backend/windmill-api-scripts/src/scripts.rs
@@ -289,7 +289,9 @@ async fn list_scripts(
         sqlb.and_where_eq("parent_hashes[array_upper(parent_hashes, 1)]", &ph.0);
     }
     if let Some(ph) = &lq.parent_hash {
-        sqlb.and_where_eq("any(parent_hashes)", &ph.0);
+        // ANY() only ever sits on the right of the comparison; `and_where_eq` would
+        // emit it on the left and Postgres rejects that as a syntax error.
+        sqlb.and_where("? = ANY(parent_hashes)".bind(&ph.0));
     }
     if let Some(it) = &lq.is_template {
         sqlb.and_where_eq("is_template", it);
diff --git a/backend/windmill-api/openapi.yaml b/backend/windmill-api/openapi.yaml
index 392229e05b..86b3e133e3 100644
--- a/backend/windmill-api/openapi.yaml
+++ b/backend/windmill-api/openapi.yaml
@@ -1,7 +1,7 @@
 openapi: "3.0.3"
 
 info:
-  version: 1.791.0
+  version: 1.792.1
   title: Windmill API
 
   contact:
diff --git a/backend/windmill-api/src/workspaces_export.rs b/backend/windmill-api/src/workspaces_export.rs
index 037971b19e..4e7aaf0f48 100644
--- a/backend/windmill-api/src/workspaces_export.rs
+++ b/backend/windmill-api/src/workspaces_export.rs
@@ -78,6 +78,8 @@ struct ScriptMetadata {
     #[serde(skip_serializing_if = "Option::is_none")]
     cache_ttl: Option<i32>,
     #[serde(skip_serializing_if = "Option::is_none")]
+    cache_ignore_s3_path: Option<bool>,
+    #[serde(skip_serializing_if = "Option::is_none")]
     dedicated_worker: Option<bool>,
     #[serde(skip_serializing_if = "is_none_or_false")]
     ws_error_handler_muted: Option<bool>,
@@ -826,6 +828,7 @@ pub(crate) async fn tarball_workspace(
                 concurrency_settings: script.runnable_settings.concurrency_settings,
                 debouncing_settings: script.runnable_settings.debouncing_settings,
                 cache_ttl: script.cache_ttl,
+                cache_ignore_s3_path: script.cache_ignore_s3_path,
                 dedicated_worker: script.dedicated_worker,
                 ws_error_handler_muted: script.ws_error_handler_muted,
                 priority: script.priority,
diff --git a/benchmarks/lib.ts b/benchmarks/lib.ts
index 42602c1c41..afe2f1279b 100644
--- a/benchmarks/lib.ts
+++ b/benchmarks/lib.ts
@@ -2,7 +2,7 @@ import { sleep } from "https://deno.land/x/sleep@v1.2.1/mod.ts";
 import * as windmill from "https://deno.land/x/windmill@v1.174.0/mod.ts";
 import * as api from "https://deno.land/x/windmill@v1.174.0/windmill-api/index.ts";
 
-export const VERSION = "v1.791.0";
+export const VERSION = "v1.792.1";
 
 export async function login(email: string, password: string): Promise<string> {
   return await windmill.UserService.login({
diff --git a/cli/src/commands/script/script.ts b/cli/src/commands/script/script.ts
index a30c8d70d4..8c93bdb963 100644
--- a/cli/src/commands/script/script.ts
+++ b/cli/src/commands/script/script.ts
@@ -592,6 +592,7 @@ export async function handleFile(
       ws_error_handler_muted: typed?.ws_error_handler_muted,
       dedicated_worker: typed?.dedicated_worker,
       cache_ttl: typed?.cache_ttl,
+      cache_ignore_s3_path: typed?.cache_ignore_s3_path,
       concurrency_time_window_s: normConcurrencyTimeWindowS,
       concurrent_limit: normConcurrentLimit,
       deployment_message: message,
@@ -602,8 +603,14 @@ export async function handleFile(
       concurrency_key: typed?.concurrency_key,
       debounce_key: typed?.debounce_key,
       debounce_delay_s: typed?.debounce_delay_s,
+      debounce_args_to_accumulate: typed?.debounce_args_to_accumulate,
+      max_total_debouncing_time: typed?.max_total_debouncing_time,
+      max_total_debounces_amount: typed?.max_total_debounces_amount,
       codebase: await codebase?.getDigest(forceTar),
       timeout: nonePositiveInt(typed?.timeout),
+      // 0 means "delete immediately after completion", so it must survive as 0
+      // rather than being folded into "unset" the way the positive-only settings are.
+      delete_after_secs: typed?.delete_after_secs,
       on_behalf_of_email: typed?.on_behalf_of_email,
       envs: typed?.envs,
       modules: modules,
@@ -635,6 +642,12 @@ export async function handleFile(
           (typed.description === remote.description &&
             typed.summary === remote.summary &&
             typed.kind == remote.kind &&
+            // A `.ts` file changes language when defaultTs flips, content untouched.
+            // bun and bunnative share that extension, so the inferred language is always
+            // bun; the server derives bunnative back from the `//native` annotation in
+            // the content, which is compared above.
+            language ==
+              (remote.language === "bunnative" ? "bun" : remote.language) &&
             !remote.archived &&
             (Array.isArray(remote?.lock)
               ? remote?.lock?.join("\n")
@@ -646,6 +659,8 @@ export async function handleFile(
               remote.ws_error_handler_muted &&
             typed.dedicated_worker == remote.dedicated_worker &&
             typed.cache_ttl == remote.cache_ttl &&
+            Boolean(typed.cache_ignore_s3_path) ==
+              Boolean(remote.cache_ignore_s3_path) &&
             normConcurrencyTimeWindowS ==
               normalizeConcurrency(
                 remote.concurrent_limit,
@@ -659,15 +674,23 @@ export async function handleFile(
               Boolean(remote.visible_to_runner_only) &&
             Boolean(typed.has_preprocessor) ==
               Boolean(remote.has_preprocessor) &&
-            typed.priority == Boolean(remote.priority) &&
+            typed.priority == remote.priority &&
             nonePositiveInt(typed.timeout) == nonePositiveInt(remote.timeout) &&
+            typed.delete_after_secs == remote.delete_after_secs &&
             //@ts-ignore
             typed.concurrency_key == remote["concurrency_key"] &&
             typed.debounce_key == remote["debounce_key"] &&
             typed.debounce_delay_s == remote["debounce_delay_s"] &&
+            deepEqual(
+              typed.debounce_args_to_accumulate ?? null,
+              remote.debounce_args_to_accumulate ?? null
+            ) &&
+            typed.max_total_debouncing_time == remote.max_total_debouncing_time &&
+            typed.max_total_debounces_amount == remote.max_total_debounces_amount &&
             typed.codebase == remote.codebase &&
             (hasOnBehalfOf ? true : typed.on_behalf_of_email == remote.on_behalf_of_email) &&
             deepEqual(typed.envs, remote.envs) &&
+            deepEqual(typed.labels ?? null, remote.labels ?? null) &&
             deepEqual(modules ?? null, remote.modules ?? null))
         ) {
           log.info(colors.green(`Script ${remotePath} is up to date`));
diff --git a/cli/src/core/constants.ts b/cli/src/core/constants.ts
index 132dc55d7f..b98e87aff0 100644
--- a/cli/src/core/constants.ts
+++ b/cli/src/core/constants.ts
@@ -10,4 +10,4 @@ export const WM_FORK_PREFIX = "wm-fork";
 // (e.g. utils.ts) can read it without importing main.ts and creating a circular
 // dependency (main → workspace → utils → main) that triggers a TDZ.
 // Re-exported from main.ts for backwards compatibility.
-export const VERSION = "1.791.0";
+export const VERSION = "1.792.1";
diff --git a/cli/test/script_push_up_to_date.test.ts b/cli/test/script_push_up_to_date.test.ts
new file mode 100644
index 0000000000..e4a3e91268
--- /dev/null
+++ b/cli/test/script_push_up_to_date.test.ts
@@ -0,0 +1,145 @@
+/**
+ * `wmill script push` short-circuits when the local script already matches the
+ * remote. The comparison has to hold in both directions: an untouched script
+ * deploys nothing, and every field the push body carries (labels and the language
+ * inferred from defaultTs included) still counts as a change.
+ */
+
+import { expect, test } from "bun:test";
+import { writeFile, readFile, mkdir } from "node:fs/promises";
+import { withTestBackend } from "./test_backend.ts";
+import { waitForDeploymentJobs } from "./new_commands_helpers.ts";
+
+test("Integration: script push skips an unchanged script and deploys a changed one", async () => {
+  await withTestBackend(async (backend, tempDir) => {
+    const uniqueId = Date.now();
+    const scriptPath = `f/test/uptodate_${uniqueId}`;
+    const getScript = async () =>
+      await (
+        await backend.apiRequest!(
+          `/api/w/${backend.workspace}/scripts/get/p/${scriptPath}`,
+        )
+      ).json();
+    const push = async () =>
+      await backend.runCLICommand(["script", "push", `${scriptPath}.ts`], tempDir);
+    const wmillYaml = (defaultTs: string) =>
+      `defaultTs: ${defaultTs}\nincludes:\n  - "${scriptPath}**"\nexcludes: []\n`;
+
+    await mkdir(`${tempDir}/f/test`, { recursive: true });
+    await backend.apiRequest!(`/api/w/${backend.workspace}/folders/create`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ name: "test" }),
+    });
+    const createResp = await backend.apiRequest!(
+      `/api/w/${backend.workspace}/scripts/create`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          path: scriptPath,
+          content: `export async function main() {\n  return "Hello world";\n}`,
+          summary: "Test up to date",
+          description: "",
+          language: "bun",
+          kind: "script",
+          schema: {
+            $schema: "https://json-schema.org/draft/2020-12/schema",
+            type: "object",
+            properties: {},
+            required: [],
+          },
+          labels: ["l1"],
+        }),
+      },
+    );
+    expect(createResp.ok).toEqual(true);
+
+    await writeFile(`${tempDir}/wmill.yaml`, wmillYaml("bun"), "utf-8");
+    // The lock a deploy's dependency job writes is part of the comparison, so every
+    // pull has to happen after that job has landed or the skip races it.
+    await waitForDeploymentJobs(backend);
+    expect((await backend.runCLICommand(["sync", "pull", "--yes"], tempDir)).code).toEqual(0);
+
+    const hashBefore = (await getScript()).hash;
+    expect((await push()).stdout).toContain("is up to date");
+    expect((await getScript()).hash).toEqual(hashBefore);
+
+    const metadataPath = `${tempDir}/${scriptPath}.script.yaml`;
+    await writeFile(
+      metadataPath,
+      (await readFile(metadataPath, "utf-8")).replace("- l1", "- l2"),
+      "utf-8",
+    );
+    expect((await push()).stdout).not.toContain("is up to date");
+    expect((await getScript()).labels).toEqual(["l2"]);
+
+    // 2, not 0 or 1: those two are the values a truthiness comparison would also
+    // call equal, so they cannot pin that priority is compared by value.
+    await waitForDeploymentJobs(backend);
+    expect((await backend.runCLICommand(["sync", "pull", "--yes"], tempDir)).code).toEqual(0);
+    await writeFile(metadataPath, (await readFile(metadataPath, "utf-8")) + "priority: 2\n", "utf-8");
+    expect((await push()).stdout).not.toContain("is up to date");
+    expect((await getScript()).priority).toEqual(2);
+    await waitForDeploymentJobs(backend);
+    expect((await backend.runCLICommand(["sync", "pull", "--yes"], tempDir)).code).toEqual(0);
+    expect((await push()).stdout).toContain("is up to date");
+
+    await writeFile(`${tempDir}/wmill.yaml`, wmillYaml("deno"), "utf-8");
+    expect((await push()).stdout).not.toContain("is up to date");
+    expect((await getScript()).language).toEqual("deno");
+  });
+});
+
+test("Integration: an unchanged bunnative script is not redeployed", async () => {
+  await withTestBackend(async (backend, tempDir) => {
+    const uniqueId = Date.now();
+    const scriptPath = `f/test/native_${uniqueId}`;
+
+    await mkdir(`${tempDir}/f/test`, { recursive: true });
+    await backend.apiRequest!(`/api/w/${backend.workspace}/folders/create`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ name: "test" }),
+    });
+    const createResp = await backend.apiRequest!(
+      `/api/w/${backend.workspace}/scripts/create`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          path: scriptPath,
+          // The server stores this as bunnative: the language is derived from the
+          // annotation, and no file extension can express it back.
+          content: `//native\nexport async function main() {\n  return "Hello world";\n}`,
+          summary: "Test bunnative",
+          description: "",
+          language: "bun",
+          kind: "script",
+        }),
+      },
+    );
+    expect(createResp.ok).toEqual(true);
+
+    await writeFile(
+      `${tempDir}/wmill.yaml`,
+      `defaultTs: bun\nincludes:\n  - "${scriptPath}**"\nexcludes: []\n`,
+      "utf-8",
+    );
+    await waitForDeploymentJobs(backend);
+    expect((await backend.runCLICommand(["sync", "pull", "--yes"], tempDir)).code).toEqual(0);
+
+    const remote = await (
+      await backend.apiRequest!(
+        `/api/w/${backend.workspace}/scripts/get/p/${scriptPath}`,
+      )
+    ).json();
+    expect(remote.language).toEqual("bunnative");
+
+    const result = await backend.runCLICommand(
+      ["script", "push", `${scriptPath}.ts`],
+      tempDir,
+    );
+    expect(result.stdout).toContain("is up to date");
+  });
+});
diff --git a/cli/test/script_runtime_settings_sync.test.ts b/cli/test/script_runtime_settings_sync.test.ts
new file mode 100644
index 0000000000..2b3272b20a
--- /dev/null
+++ b/cli/test/script_runtime_settings_sync.test.ts
@@ -0,0 +1,126 @@
+/**
+ * Runtime settings that live only in the script metadata file (the retention
+ * delay, the debouncing bounds, the cache s3-path flag) must survive a sync
+ * pull/push cycle. A field missing from the create_script body the CLI builds
+ * lands as NULL on the deployed version; one missing from its up-to-date
+ * comparison makes a change to it alone report as up to date and never deploy.
+ */
+
+import { expect, test } from "bun:test";
+import { writeFile, readFile, mkdir } from "node:fs/promises";
+import { withTestBackend } from "./test_backend.ts";
+import { waitForDeploymentJobs } from "./new_commands_helpers.ts";
+
+// The debounce bounds this PR also restores cannot be asserted here: a build without
+// git tags reports a bare commit as its version, GIT_SEM_VERSION then falls back to
+// 0.1.0, and every version-gated feature (debouncing wants 1.566.0) is refused. That is
+// what CI builds, so a fixture that sets any debounce field fails at create.
+const SETTINGS = {
+  delete_after_secs: 900,
+  cache_ignore_s3_path: true,
+};
+
+test("Integration: script runtime settings survive a sync pull/push cycle", async () => {
+  await withTestBackend(async (backend, tempDir) => {
+    const uniqueId = Date.now();
+    const scriptPath = `f/test/settings_${uniqueId}`;
+    const getScript = async () => {
+      const resp = await backend.apiRequest!(
+        `/api/w/${backend.workspace}/scripts/get/p/${scriptPath}`,
+      );
+      expect(resp.ok).toEqual(true);
+      return await resp.json();
+    };
+
+    await mkdir(`${tempDir}/f/test`, { recursive: true });
+    const folderResp = await backend.apiRequest!(
+      `/api/w/${backend.workspace}/folders/create`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ name: "test" }),
+      },
+    );
+    const folderStatus = `${folderResp.status} ${await folderResp.text()}`;
+
+    const createResp = await backend.apiRequest!(
+      `/api/w/${backend.workspace}/scripts/create`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          path: scriptPath,
+          content: `export async function main() {\n  return "Hello world";\n}`,
+          summary: "Test runtime settings",
+          description: "",
+          language: "bun",
+          kind: "script",
+          schema: {
+            $schema: "https://json-schema.org/draft/2020-12/schema",
+            type: "object",
+            properties: {},
+            required: [],
+          },
+          ...SETTINGS,
+        }),
+      },
+    );
+    if (!createResp.ok) {
+      throw new Error(
+        `scripts/create failed: ${createResp.status} ${await createResp.text()} ` +
+          `(folders/create: ${folderStatus})`,
+      );
+    }
+
+    await writeFile(
+      `${tempDir}/wmill.yaml`,
+      `defaultTs: bun\nincludes:\n  - "${scriptPath}**"\nexcludes: []\n`,
+      "utf-8",
+    );
+
+    // The lock a deploy's dependency job writes is compared before the settings are,
+    // so a pull taken before that job lands makes the next push deploy over the lock
+    // instead of over the setting under test.
+    await waitForDeploymentJobs(backend);
+    const pullResult = await backend.runCLICommand(["sync", "pull", "--yes"], tempDir);
+    expect(pullResult.code).toEqual(0);
+
+    const metadataPath = `${tempDir}/${scriptPath}.script.yaml`;
+    const pulledMetadata = await readFile(metadataPath, "utf-8");
+    for (const key of Object.keys(SETTINGS)) {
+      expect(pulledMetadata).toContain(key);
+    }
+
+    // A content-only edit must carry the settings through to the new version.
+    const scriptFilePath = `${tempDir}/${scriptPath}.ts`;
+    const originalContent = await readFile(scriptFilePath, "utf-8");
+    await writeFile(
+      scriptFilePath,
+      originalContent.replace("Hello world", "Hello world modified"),
+      "utf-8",
+    );
+    expect((await backend.runCLICommand(["sync", "push", "--yes"], tempDir)).code).toEqual(0);
+
+    const afterContentPush = await getScript();
+    expect(afterContentPush.content).toContain("Hello world modified");
+    for (const [key, value] of Object.entries(SETTINGS)) {
+      expect(afterContentPush[key]).toEqual(value);
+    }
+
+    // A settings-only edit must reach the remote rather than be skipped as up to
+    // date. 0 is "delete immediately after completion", not "unset".
+    await waitForDeploymentJobs(backend);
+    expect((await backend.runCLICommand(["sync", "pull", "--yes"], tempDir)).code).toEqual(0);
+    await writeFile(
+      metadataPath,
+      (await readFile(metadataPath, "utf-8")).replace(
+        `delete_after_secs: ${SETTINGS.delete_after_secs}`,
+        "delete_after_secs: 0",
+      ),
+      "utf-8",
+    );
+    expect((await backend.runCLICommand(["sync", "push", "--yes"], tempDir)).code).toEqual(0);
+
+    expect((await getScript()).delete_after_secs).toEqual(0);
+  });
+});
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index af05c50445..b7ffd39854 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@windmill-labs/components",
-	"version": "1.791.0",
+	"version": "1.792.1",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@windmill-labs/components",
-			"version": "1.791.0",
+			"version": "1.792.1",
 			"hasInstallScript": true,
 			"license": "AGPL-3.0",
 			"dependencies": {
diff --git a/frontend/package.json b/frontend/package.json
index 9d82fe3f4f..6613e914a6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@windmill-labs/components",
-	"version": "1.791.0",
+	"version": "1.792.1",
 	"scripts": {
 		"dev": "vite dev",
 		"dev:ui-builder": "mv static/ui_builder static/ui_builder.dev-disabled 2>/dev/null || true ; trap 'mv static/ui_builder.dev-disabled static/ui_builder 2>/dev/null || true' EXIT ; vite dev",
diff --git a/frontend/src/lib/components/AppConnectDrawer.svelte b/frontend/src/lib/components/AppConnectDrawer.svelte
index a84877e39b..187bb79b79 100644
--- a/frontend/src/lib/components/AppConnectDrawer.svelte
+++ b/frontend/src/lib/components/AppConnectDrawer.svelte
@@ -7,6 +7,8 @@
 
 	import AppConnectInner from './AppConnectInner.svelte'
 	import DarkModeObserver from './DarkModeObserver.svelte'
+	import IconedResourceType from './IconedResourceType.svelte'
+	import { addResourceTitle } from './resourceTypeDisplay'
 
 	interface Props {
 		expressOAuthSetup?: boolean
@@ -59,12 +61,17 @@
 	{disableChatOffset}
 >
 	<DrawerContent
-		title="Add a resource"
+		title={addResourceTitle(step > 1 ? resourceType : undefined)}
 		id="add-resource-drawer"
 		on:close={drawer?.closeDrawer}
 		tooltip="Resources represent connections to third party systems. Learn more on how to integrate external APIs."
 		documentationLink="https://www.windmill.dev/docs/integrations/integrations_on_windmill"
 	>
+		{#snippet titleExtra()}
+			{#if step > 1 && resourceType}
+				<IconedResourceType name={resourceType} silent width="20px" height="20px" />
+			{/if}
+		{/snippet}
 		<AppConnectInner
 			bind:this={appConnectInner}
 			bind:step
diff --git a/frontend/src/lib/components/AppConnectInner.svelte b/frontend/src/lib/components/AppConnectInner.svelte
index e163c2ad07..fe97cbea35 100644
--- a/frontend/src/lib/components/AppConnectInner.svelte
+++ b/frontend/src/lib/components/AppConnectInner.svelte
@@ -4,6 +4,7 @@
 	import { userStore, workspaceStore } from '$lib/stores'
 	import LabelsInput from './LabelsInput.svelte'
 	import IconedResourceType from './IconedResourceType.svelte'
+	import { resourceTypeSearchText, sortResourceTypesByMatch } from './resourceTypeDisplay'
 	import {
 		OauthService,
 		ResourceService,
@@ -22,7 +23,6 @@
 	import WhitelistIp from './WhitelistIp.svelte'
 	import { sendUserToast } from '$lib/toast'
 	import OauthScopes from './OauthScopes.svelte'
-	import Markdown from 'svelte-exmarkdown'
 	import autosize from '$lib/autosize'
 	import { base } from '$lib/base'
 	import Required from './Required.svelte'
@@ -35,6 +35,7 @@
 	import { sameTopDomainOrigin } from '$lib/cookies'
 	import SyncResourceTypes from './SyncResourceTypes.svelte'
 	import Label from './Label.svelte'
+	import ResourcePathHint from './ResourcePathHint.svelte'
 
 	interface Props {
 		step?: number
@@ -98,6 +99,7 @@
 	let connectClient: string = $state('')
 	let connectsManual: { key: string; img?: string; instructions: string[] }[] | undefined =
 		$state(undefined)
+	let resourceTypeDescriptions: Record<string, string> = $state({})
 	let args: any = $state({})
 	let renderDescription = $state(true)
 
@@ -396,6 +398,20 @@
 			workspace: effectiveWorkspace
 		})
 
+		// Descriptions only feed search, so they are fetched off the critical path and
+		// allowed to fail: `resources/type/list` is not on the public app domain's route
+		// allow-list (`listnames` is), and it carries every type's full schema. Awaiting it
+		// would hold the list behind a request nothing on screen needs -- in a published
+		// app, behind one that is guaranteed to 403. resourceTypeDescriptions feeds a
+		// $derived, so search re-ranks when they land.
+		ResourceService.listResourceType({ workspace: effectiveWorkspace })
+			.then((types) => {
+				resourceTypeDescriptions = Object.fromEntries(
+					types.filter((t) => t.description).map((t) => [t.name, t.description!])
+				)
+			})
+			.catch(() => {})
+
 		// "Others" lists every resource type — including instance-configured OAuth
 		// providers — so any of them can also be connected with the user's own
 		// credentials or manually, not only via the shared instance setup (same as
@@ -870,6 +886,22 @@
 	let filteredConnects: { key: string }[] = $state([])
 	let filteredConnectsManual: { key: string; img?: string; instructions: string[] }[] = $state([])
 
+	// uFuzzy scores the name and the description as one string, so searching "google" ranks
+	// every type whose description mentions Google alongside the ones named after it. Re-sort
+	// on which field matched, keeping uFuzzy's order within a tier.
+	const rank = (items: { key: string }[] | undefined) =>
+		items &&
+		sortResourceTypesByMatch(
+			items,
+			filter,
+			(x) => x.key,
+			(x) => resourceTypeDescriptions[x.key]
+		)
+	let rankedConnects = $derived(rank(filteredConnects))
+	let rankedConnectsManual = $derived(
+		rank(filteredConnectsManual) as typeof filteredConnectsManual | undefined
+	)
+
 	let editScopes = $state(false)
 </script>
 
@@ -882,13 +914,13 @@
 				}))
 			: undefined}
 		bind:filteredItems={filteredConnects}
-		f={(x) => x.key}
+		f={(x) => resourceTypeSearchText(x.key, resourceTypeDescriptions[x.key])}
 	/>
 	<SearchItems
 		{filter}
 		items={connectsManual}
 		bind:filteredItems={filteredConnectsManual}
-		f={(x) => x.key}
+		f={(x) => resourceTypeSearchText(x.key, resourceTypeDescriptions[x.key])}
 	/>
 	{#if step == 1}
 		<div class="pb-2 my-1">
@@ -904,8 +936,8 @@
 
 		<h2 class="mb-4 text-sm font-semibold text-emphasis">Instance-configured OAuth APIs</h2>
 		<div class="grid sm:grid-cols-2 md:grid-cols-3 gap-x-2 gap-y-1 items-center">
-			{#if filteredConnects}
-				{#each filteredConnects as { key }}
+			{#if rankedConnects}
+				{#each rankedConnects as { key }}
 					<Button
 						unifiedSize="md"
 						variant="default"
@@ -945,8 +977,8 @@
 		{/if}
 
 		<div class="grid sm:grid-cols-2 md:grid-cols-3 gap-x-2 gap-y-1 items-center mb-2">
-			{#if filteredConnectsManual}
-				{#each filteredConnectsManual as { key }}
+			{#if rankedConnectsManual}
+				{#each rankedConnectsManual as { key }}
 					{#if nativeLanguagesCategory.includes(key)}
 						<Button
 							unifiedSize="md"
@@ -959,8 +991,8 @@
 					{/if}
 				{/each}
 			{/if}
-			{#if filteredConnectsManual}
-				{#each filteredConnectsManual as { key }}
+			{#if rankedConnectsManual}
+				{#each rankedConnectsManual as { key }}
 					{#if !nativeLanguagesCategory.includes(key)}
 						<!-- Exclude specific items -->
 						<Button
@@ -993,7 +1025,11 @@
 		</div>
 	{:else if step == 2 && manual}
 		<div class="flex flex-col gap-4">
+			{#if !emptyString(resourceTypeInfo?.description)}
+				<GfmMarkdown md={urlize(resourceTypeInfo?.description ?? '', 'md')} prose="sm" noPadding />
+			{/if}
 			<Label label="Path">
+				<ResourcePathHint />
 				<Path
 					bind:error={pathError}
 					bind:path
@@ -1013,9 +1049,9 @@
 			{/if}
 
 			{#if apiTokenApps[resourceType]}
-				<h2 class="mt-4 mb-2">Instructions</h2>
-				<div class="pl-10">
-					<ol class="list-decimal">
+				<div class="flex flex-col gap-2">
+					<h2 class="text-sm font-semibold text-emphasis">Instructions</h2>
+					<ol class="list-decimal pl-5 text-xs text-primary flex flex-col gap-1">
 						{#each apiTokenApps[resourceType].instructions as step}
 							<li>
 								{@html step}
@@ -1032,15 +1068,6 @@
 						/>
 					</div>
 				{/if}
-			{:else if !emptyString(resourceTypeInfo?.description)}
-				<label class="flex flex-col gap-1">
-					<span class="text-sm font-semibold text-emphasis">
-						{resourceTypeInfo?.name} description
-					</span>
-					<div class="text-xs text-primary font-normal">
-						<Markdown md={urlize(resourceTypeInfo?.description ?? '', 'md')} />
-					</div>
-				</label>
 			{/if}
 			{#if resourceType == 'postgresql' || resourceType == 'mysql' || resourceType == 'mongodb'}
 				<WhitelistIp />
@@ -1068,7 +1095,7 @@
 				{:else if description == undefined || description == ''}
 					<div class="text-xs text-primary font-normal">No description provided</div>
 				{:else}
-					<GfmMarkdown md={description} />
+					<GfmMarkdown md={description} prose="sm" />
 				{/if}
 			</div>
 
@@ -1128,12 +1155,11 @@
 				</div>
 
 				{#if resourceTypeInfo?.description}
-					<div class="flex flex-col gap-1">
-						<h3 class="text-sm font-semibold text-emphasis">Description</h3>
-						<div class="text-xs text-primary font-normal">
-							<Markdown md={urlize(resourceTypeInfo?.description ?? '', 'md')} />
-						</div>
-					</div>
+					<GfmMarkdown
+						md={urlize(resourceTypeInfo?.description ?? '', 'md')}
+						prose="sm"
+						noPadding
+					/>
 				{/if}
 
 				<LabelsInput bind:labels class="-mt-5" />
diff --git a/frontend/src/lib/components/Editor.svelte b/frontend/src/lib/components/Editor.svelte
index f518632483..987aa937eb 100644
--- a/frontend/src/lib/components/Editor.svelte
+++ b/frontend/src/lib/components/Editor.svelte
@@ -10,7 +10,7 @@
 	import { buildWsUrl } from '$lib/wsUrl'
 	import { sendUserToast } from '$lib/toast'
 
-	import { createEventDispatcher, onDestroy, onMount, tick, untrack } from 'svelte'
+	import { createEventDispatcher, getContext, onDestroy, onMount, tick, untrack } from 'svelte'
 
 	// import libStdContent from '$lib/es6.d.ts.txt?raw'
 	// import domContent from '$lib/dom.d.ts.txt?raw'
@@ -110,7 +110,8 @@
 	import FakeMonacoPlaceHolder from './FakeMonacoPlaceHolder.svelte'
 	import { editorPositionMap } from '$lib/utils'
 	import { extToLang, langToExt } from '$lib/editorLangUtils'
-	import { aiChatManager } from './copilot/chat/AIChatManager.svelte'
+	import { aiChatManager, type AIChatManager } from './copilot/chat/AIChatManager.svelte'
+	import { chatState } from './copilot/chat/sharedChatState.svelte'
 	import type { Selection } from 'monaco-editor'
 	import { canHavePreprocessor, getPreprocessorModuleCode } from '$lib/script_helpers'
 	import { setMonacoTypescriptOptions } from './monacoLanguagesOptions'
@@ -264,6 +265,11 @@
 	let disposeMethod: (() => void) | undefined
 	const absolutePathExtraLibs = new Map<string, { dispose: () => void }>()
 	const dispatch = createEventDispatcher()
+	// Set by the sessions pane; undefined everywhere else. ⌘L targets it so the
+	// shortcut reaches the chat the user is actually looking at. Read directly
+	// rather than via getAiChatManager(), which collapses "no session" into the
+	// singleton — the distinction is what tells ⌘L whether a pane exists to open.
+	const sessionScopedChatManager = getContext<AIChatManager | undefined>('aiChatManager')
 	// let graphqlService: MonacoGraphQLAPI | undefined = undefined
 
 	let dbSchema: DBSchema | undefined = $state(undefined)
@@ -1695,16 +1701,22 @@
 					selection &&
 					(selection.startLineNumber !== selection.endLineNumber ||
 						selection.startColumn !== selection.endColumn)
+				// Target whichever chat is actually on screen: the session's own in a
+				// session pane, else the docked one. With sessions on outside a pane
+				// there is neither, and both branches below would be silent no-ops.
+				const chat = sessionScopedChatManager ?? aiChatManager
+				if (!sessionScopedChatManager && !chatState.dockedChatAvailable) return
 				if (hasSelection && selectedLines) {
-					aiChatManager.addSelectedLinesToContext(
+					chat.addSelectedLinesToContext(
 						selectedLines,
 						selection.startLineNumber,
 						selection.endLineNumber,
 						moduleId
 					)
 				} else {
-					aiChatManager.toggleOpen()
-					aiChatManager.focusInput()
+					// A session chat is always visible — only the docked pane toggles.
+					if (!sessionScopedChatManager) chat.toggleOpen()
+					chat.focusInput()
 				}
 			})
 
diff --git a/frontend/src/lib/components/GfmMarkdown.svelte b/frontend/src/lib/components/GfmMarkdown.svelte
index 01aeeef9f0..50fa3cda45 100644
--- a/frontend/src/lib/components/GfmMarkdown.svelte
+++ b/frontend/src/lib/components/GfmMarkdown.svelte
@@ -1,13 +1,17 @@
 <script lang="ts">
 	import { Markdown } from 'svelte-exmarkdown'
 	import { markdownPlugins as plugins } from './markdownPlugins'
+	import { markdownProse, type MarkdownProseSize } from './markdownProse'
 	import { isOfflineReplay } from './recording/offlineReplay.svelte'
 	interface Props {
 		md: string
 		noPadding?: boolean
+		/** Shared prose stack to render with. Omitted keeps the legacy `prose-xs`,
+		 * which the flow-graph notes are laid out against. */
+		prose?: MarkdownProseSize
 	}
 
-	let { md, noPadding }: Props = $props()
+	let { md, noPadding, prose }: Props = $props()
 
 	// Rendering markdown turns `![](url)` into a real `<img>`, i.e. a request. On the
 	// public replay page the source is a recording from an arbitrary origin and the
@@ -17,7 +21,7 @@
 	let asPlainText = $derived(isOfflineReplay())
 </script>
 
-<div class="!prose-xs {noPadding ? '' : 'pgap'}">
+<div class="{prose ? markdownProse[prose] : '!prose-xs'} {noPadding ? '' : 'pgap'}">
 	{#if asPlainText}
 		<p class="whitespace-pre-wrap">{md}</p>
 	{:else}
diff --git a/frontend/src/lib/components/LightweightResourcePicker.svelte b/frontend/src/lib/components/LightweightResourcePicker.svelte
index a7fe9fd0d1..bb0c21b4c1 100644
--- a/frontend/src/lib/components/LightweightResourcePicker.svelte
+++ b/frontend/src/lib/components/LightweightResourcePicker.svelte
@@ -8,6 +8,8 @@
 	import type { AppViewerContext } from './apps/types'
 	import { sendUserToast } from '$lib/toast'
 	import Select from './select/Select.svelte'
+	import IconedResourceType from './IconedResourceType.svelte'
+	import { addResourceTitle } from './resourceTypeDisplay'
 
 	interface Props {
 		value: string | undefined
@@ -103,11 +105,16 @@
 {:else}
 	<Drawer bind:this={drawer} size="800px">
 		<DrawerContent
-			title="Add a resource"
+			title={addResourceTitle(resourceType)}
 			on:close={drawer.closeDrawer}
 			tooltip="Resources represent connections to third party systems. Learn more on how to integrate external APIs."
 			documentationLink="https://www.windmill.dev/docs/integrations/integrations_on_windmill"
 		>
+			{#snippet titleExtra()}
+				{#if resourceType}
+					<IconedResourceType name={resourceType} silent width="20px" height="20px" />
+				{/if}
+			{/snippet}
 			{#await import('./AppConnectLightweightResourcePicker.svelte')}
 				<Loader2 class="animate-spin" />
 			{:then Module}
diff --git a/frontend/src/lib/components/ModulePreviewResultViewer.svelte b/frontend/src/lib/components/ModulePreviewResultViewer.svelte
index 6a0fef6f79..3f39531b0a 100644
--- a/frontend/src/lib/components/ModulePreviewResultViewer.svelte
+++ b/frontend/src/lib/components/ModulePreviewResultViewer.svelte
@@ -85,8 +85,12 @@
 			bind:this={outputPickerInner}
 		>
 			{#snippet copilot_fix()}
-				{#if lang && editor && diffEditor && stepsInputArgs.getStepArgs(mod.id) && selectedJob?.type === 'CompletedJob' && !selectedJob.success && getStringError(selectedJob.result)}
-					<ScriptFix {lang} />
+				{@const stepError =
+					selectedJob?.type === 'CompletedJob' && !selectedJob.success
+						? getStringError(selectedJob.result)
+						: undefined}
+				{#if lang && editor && diffEditor && stepsInputArgs.getStepArgs(mod.id) && stepError}
+					<ScriptFix {lang} error={stepError} jobId={selectedJob?.id} moduleId={mod.id} />
 				{/if}
 			{/snippet}
 		</OutputPickerInner>
diff --git a/frontend/src/lib/components/ResourceEditorDrawer.svelte b/frontend/src/lib/components/ResourceEditorDrawer.svelte
index 97846dce94..eec4c7579b 100644
--- a/frontend/src/lib/components/ResourceEditorDrawer.svelte
+++ b/frontend/src/lib/components/ResourceEditorDrawer.svelte
@@ -16,6 +16,8 @@
 	} from './sessions/pageDrawerSession'
 	import { RESOURCES_PATH } from './sessions/previewPaths'
 	import ResourceVersionHistory from './ResourceVersionHistory.svelte'
+	import IconedResourceType from './IconedResourceType.svelte'
+	import { addResourceTitle } from './resourceTypeDisplay'
 
 	let {
 		workspace = undefined,
@@ -90,10 +92,15 @@
 	on:close={() => clearPageDrawerAnchor(RESOURCES_PATH)}
 >
 	<DrawerContent
-		title={mode == 'edit' ? 'Edit ' + path : 'Add a resource'}
+		title={mode == 'edit' ? 'Edit ' + path : addResourceTitle(resource_type)}
 		bannerReserved={mode == 'edit'}
 		on:close={drawer?.closeDrawer}
 	>
+		{#snippet titleExtra()}
+			{#if mode == 'new' && resource_type}
+				<IconedResourceType name={resource_type} silent width="20px" height="20px" />
+			{/if}
+		{/snippet}
 		{#await import('./ResourceEditor.svelte')}
 			<Loader2 class="animate-spin" />
 		{:then Module}
diff --git a/frontend/src/lib/components/ResourceForm.svelte b/frontend/src/lib/components/ResourceForm.svelte
index 7c49364b0a..cddd83aae7 100644
--- a/frontend/src/lib/components/ResourceForm.svelte
+++ b/frontend/src/lib/components/ResourceForm.svelte
@@ -15,7 +15,6 @@
 	import Toggle from './Toggle.svelte'
 	import TestConnection from './TestConnection.svelte'
 	import { Pen } from 'lucide-svelte'
-	import Markdown from 'svelte-exmarkdown'
 	import autosize from '$lib/autosize'
 	import GfmMarkdown from './GfmMarkdown.svelte'
 	import TestTriggerConnection from './triggers/TestTriggerConnection.svelte'
@@ -24,6 +23,7 @@
 	import ResourceGen from './copilot/ResourceGen.svelte'
 	import SyncResourceTypes from './SyncResourceTypes.svelte'
 	import Label from './Label.svelte'
+	import ResourcePathHint from './ResourcePathHint.svelte'
 
 	interface Props {
 		path: string
@@ -142,6 +142,10 @@
 	})
 </script>
 
+{#if !emptyString(resourceTypeInfo?.description)}
+	<GfmMarkdown md={urlize(resourceTypeInfo?.description ?? '', 'md')} prose="sm" noPadding />
+{/if}
+
 {#if !hidePath}
 	<div>
 		{#if !can_write}
@@ -152,6 +156,7 @@
 			</div>
 		{/if}
 		<Label label="Path">
+			<ResourcePathHint />
 			<Path
 				disabled={initialPath != '' && !isOwner(initialPath, $userStore, ws)}
 				bind:path
@@ -174,15 +179,6 @@
 	</Label>
 {/if}
 
-{#if !emptyString(resourceTypeInfo?.description)}
-	<div class="flex flex-col gap-1">
-		<h4 class="text-xs text-emphasis font-semibold">{resourceTypeInfo?.name} description</h4>
-		<div class="text-xs text-primary font-normal">
-			<Markdown md={urlize(resourceTypeInfo?.description ?? '', 'md')} />
-		</div>
-	</div>
-{/if}
-
 <div class="flex flex-col gap-1">
 	<h4 class="inline-flex items-center gap-2 text-xs text-emphasis font-semibold"
 		>Resource description <Required required={false} />
@@ -210,9 +206,7 @@
 	{:else if description == undefined || description == ''}
 		<div class="text-xs text-secondary font-normal">No description provided</div>
 	{:else}
-		<div class="text-xs text-primary font-normal">
-			<GfmMarkdown md={description} noPadding />
-		</div>
+		<GfmMarkdown md={description} prose="sm" noPadding />
 	{/if}
 </div>
 
diff --git a/frontend/src/lib/components/ResourcePathHint.svelte b/frontend/src/lib/components/ResourcePathHint.svelte
new file mode 100644
index 0000000000..527a2aed2e
--- /dev/null
+++ b/frontend/src/lib/components/ResourcePathHint.svelte
@@ -0,0 +1,7 @@
+<!-- Shown above the Path input wherever a resource is created: the resource form and the
+	connect drawer's last step. One component so the two screens cannot drift apart. -->
+<div class="text-xs text-secondary font-normal mb-1">
+	The path sets who can access this resource: a <code>u/</code> path is private to that user, an
+	<code>f/</code> path follows the folder's permissions — read access lets people use the resource, write
+	access lets them edit it.
+</div>
diff --git a/frontend/src/lib/components/ResourceTypePicker.svelte b/frontend/src/lib/components/ResourceTypePicker.svelte
index c8a7422eb9..82708c3f36 100644
--- a/frontend/src/lib/components/ResourceTypePicker.svelte
+++ b/frontend/src/lib/components/ResourceTypePicker.svelte
@@ -9,6 +9,7 @@
 	import Tooltip from './Tooltip.svelte'
 	import Badge from './common/badge/Badge.svelte'
 	import { untrack } from 'svelte'
+	import { resourceTypeSearchText, sortResourceTypesByMatch } from './resourceTypeDisplay'
 	interface Props {
 		value: string | undefined
 		notPickable?: boolean
@@ -17,10 +18,15 @@
 
 	let { value = $bindable(), notPickable = false, nonePickable = false }: Props = $props()
 
-	let resources: string[] = $state([])
+	let resources: { name: string; description?: string; searchText: string }[] = $state([])
 
 	async function loadResources() {
-		resources = await ResourceService.listResourceTypeNames({ workspace: $workspaceStore! })
+		const types = await ResourceService.listResourceType({ workspace: $workspaceStore! })
+		resources = types.map((t) => ({
+			name: t.name,
+			description: t.description,
+			searchText: resourceTypeSearchText(t.name, t.description)
+		}))
 	}
 
 	const dispatch = createEventDispatcher()
@@ -40,7 +46,12 @@
 	let search: string = $state('')
 
 	let filteredResources = $derived(
-		resources.filter((r) => r.toLowerCase().includes(search.toLowerCase()))
+		sortResourceTypesByMatch(
+			resources.filter((r) => r.searchText.toLowerCase().includes(search.trim().toLowerCase())),
+			search,
+			(r) => r.name,
+			(r) => r.description
+		)
 	)
 </script>
 
@@ -78,18 +89,18 @@
 					</Button>
 				{/if}
 				{#each filteredResources as r}
-					{@const isPicked = value === r}
+					{@const isPicked = value === r.name}
 					<Button
 						size="sm"
 						variant="default"
 						selected={isPicked}
 						disabled={notPickable}
 						on:click={() => {
-							onClick(r)
+							onClick(r.name)
 							close()
 						}}
 					>
-						<IconedResourceType name={r} after={true} width="20px" height="20px" />
+						<IconedResourceType name={r.name} after={true} width="20px" height="20px" />
 					</Button>
 				{/each}
 
diff --git a/frontend/src/lib/components/ScriptEditor.svelte b/frontend/src/lib/components/ScriptEditor.svelte
index 13f3de2a7a..7bc4774e9f 100644
--- a/frontend/src/lib/components/ScriptEditor.svelte
+++ b/frontend/src/lib/components/ScriptEditor.svelte
@@ -95,6 +95,7 @@
 	import OpenInSessionButton, {
 		type OpenInSessionSource
 	} from './sessions/OpenInSessionButton.svelte'
+	import { setOpenInSessionHandoff } from './sessions/openInSessionContext'
 
 	// Forward-looking hook for the upcoming session-pane feature: that PR will
 	// `setContext('aiChatManager', ...)` from the session wrapper so this editor
@@ -278,6 +279,14 @@
 
 	let opWs = $derived(workspaceOverride ?? $workspaceStore)
 
+	// Publish this editor's hand-off for AI entry points below it (the preview
+	// panel's "AI Fix"), withheld under `disableAi` so an embed that turned AI off
+	// gets no entry point that navigates its host to /sessions. Shadows an
+	// ancestor's hand-off deliberately: ScriptEditorDrawer mounts this without a
+	// `sessionOpen`, and falling through to FlowBuilder's would answer "fix this
+	// script" by opening the flow and abandoning the drawer's unsaved content.
+	setOpenInSessionHandoff({ source: () => (disableAi ? undefined : sessionOpen) })
+
 	$effect(() => {
 		onTestStateChange?.(testIsLoading)
 	})
diff --git a/frontend/src/lib/components/common/table/RowIcon.svelte b/frontend/src/lib/components/common/table/RowIcon.svelte
index 7ef3543073..9f0395b924 100644
--- a/frontend/src/lib/components/common/table/RowIcon.svelte
+++ b/frontend/src/lib/components/common/table/RowIcon.svelte
@@ -116,15 +116,15 @@
 	{:else if effectiveKind === 'postgres'}
 		<Database {size} class="text-gray-400" />
 	{:else if effectiveKind === 'kafka'}
-		<KafkaIcon {size} class="text-gray-400" />
+		<KafkaIcon {size} />
 	{:else if effectiveKind === 'nats'}
-		<NatsIcon {size} class="text-gray-400" />
+		<NatsIcon {size} />
 	{:else if effectiveKind === 'mqtt'}
-		<MqttIcon {size} class="text-gray-400" />
+		<MqttIcon {size} />
 	{:else if effectiveKind === 'amqp'}
-		<AmqpIcon {size} class="text-gray-400" />
+		<AmqpIcon {size} />
 	{:else if effectiveKind === 'sqs'}
-		<AwsIcon {size} class="text-gray-400" />
+		<AwsIcon {size} />
 	{:else if effectiveKind === 'gcp'}
 		<GoogleCloudIcon {size} />
 	{:else if effectiveKind === 'azure'}
diff --git a/frontend/src/lib/components/copilot/AIFormAssistant.svelte b/frontend/src/lib/components/copilot/AIFormAssistant.svelte
index 4678342a57..ba8ed67084 100644
--- a/frontend/src/lib/components/copilot/AIFormAssistant.svelte
+++ b/frontend/src/lib/components/copilot/AIFormAssistant.svelte
@@ -1,27 +1,67 @@
 <script lang="ts">
 	import { Button } from '$lib/components/common'
-	import { Pencil } from 'lucide-svelte'
+	import { Pencil, WandSparkles } from 'lucide-svelte'
 	import { aiChatManager } from './chat/AIChatManager.svelte'
-	import AskAiButton from './AskAiButton.svelte'
+	import OpenInSessionButton from '$lib/components/sessions/OpenInSessionButton.svelte'
+	import { AIBtnClasses } from './chat/AIButtonStyle'
+	import { workspaceStore } from '$lib/stores'
 
 	interface Props {
 		onEditInstructions: () => void
 		instructions: string
 		runnableType: 'script' | 'flow'
+		path: string | undefined
 	}
 
-	const { onEditInstructions, instructions, runnableType }: Props = $props()
+	const { onEditInstructions, instructions, runnableType, path }: Props = $props()
 
 	async function fillFormWithAI() {
 		aiChatManager.openChat()
 		aiChatManager.askAi(`Analyze the ${runnableType} form on this page and fill the inputs for me`)
 	}
+
+	// A session cannot reach this page's form (the preview is a separate editor,
+	// and form filling drives the DOM through NAVIGATOR mode), so the hand-off
+	// asks it to run the item instead. Naming the DEPLOYED version matters: the
+	// test_run_* tools prefer drafts, which is not what this page runs.
+	const sessionSource = $derived(
+		path
+			? {
+					target: { kind: runnableType, path } as const,
+					workspaceId: $workspaceStore ?? undefined,
+					seedPrompt:
+						`Run the deployed ${runnableType} \`${path}\` for me. Pick sensible inputs, ` +
+						`tell me what you chose, then run it.` +
+						(instructions ? `\n\nHow to choose the inputs:\n${instructions}` : '')
+				}
+			: undefined
+	)
 </script>
 
 <div class="my-3 p-3 bg-surface-secondary rounded-md relative flex flex-col gap-3">
 	<div class="flex flex-row gap-2 justify-between items-center">
-		<h3 class="text-sm font-medium">Fill the inputs with AI</h3>
-		<AskAiButton label="Fill with AI" onClick={fillFormWithAI} />
+		<!-- Heading stays neutral because the two branches do different things: the
+		     hand-off runs the item, the legacy path fills the form. Each button
+		     names its own action. A plain Button rather than AskAiButton, whose own
+		     session branch would fire here too and open an empty session. -->
+		<h3 class="text-sm font-medium">AI can help with these inputs</h3>
+		<OpenInSessionButton
+			source={sessionSource}
+			label="Run in AI session"
+			tooltip="Open an AI session that picks inputs and runs this"
+			btnProps={{ iconOnly: false, startIcon: { icon: WandSparkles } }}
+		>
+			{#snippet fallback()}
+				<Button
+					unifiedSize="md"
+					startIcon={{ icon: WandSparkles }}
+					btnClasses={AIBtnClasses('default')}
+					on:click={fillFormWithAI}
+				>
+					Fill with AI
+				</Button>
+			{/snippet}
+		</OpenInSessionButton>
 	</div>
 	<div class="flex flex-row gap-2 items-center">
 		<p class="text-sm text-primary">
diff --git a/frontend/src/lib/components/copilot/AskAiButton.svelte b/frontend/src/lib/components/copilot/AskAiButton.svelte
index 52c810e5e3..95ff47fb52 100644
--- a/frontend/src/lib/components/copilot/AskAiButton.svelte
+++ b/frontend/src/lib/components/copilot/AskAiButton.svelte
@@ -3,6 +3,9 @@
 	import { WandSparkles } from 'lucide-svelte'
 	import { aiChatManager } from './chat/AIChatManager.svelte'
 	import { AIBtnClasses } from './chat/AIButtonStyle'
+	import { prefersSessionHandoff } from './chat/global/gate'
+	import { startSessionWithPrompt } from '$lib/components/sessions/sessionSwitch.svelte'
+	import { userStore } from '$lib/stores'
 	interface Props {
 		label?: string
 		initialInput?: string
@@ -11,7 +14,20 @@
 
 	const { label, initialInput, onClick: onClickProp }: Props = $props()
 
+	// The label stays short ("Ask AI") for the search bar's inline row; the hover
+	// text is where "new AI session" fits.
+	const handsOffToSession = $derived(prefersSessionHandoff($userStore?.operator))
+
 	export function onClick() {
+		// No item to preview here — this carries a question, not a target — so the
+		// hand-off opens a bare session on the question alone.
+		if (handsOffToSession) {
+			onClickProp?.()
+			// Sent on arrival, matching the legacy path below (askAi sends straight
+			// away): the text is the question the user already typed.
+			void startSessionWithPrompt(initialInput ?? '', { autoSend: true })
+			return
+		}
 		aiChatManager.openChat()
 		if (initialInput) {
 			aiChatManager.askAi(initialInput, {
@@ -30,6 +46,7 @@
 	}}
 	unifiedSize="md"
 	btnClasses={AIBtnClasses('default')}
+	title={handsOffToSession ? 'Ask this in a new AI session' : 'Ask this in the AI chat'}
 	on:click={onClick}
 >
 	{label}
diff --git a/frontend/src/lib/components/copilot/ScriptFix.svelte b/frontend/src/lib/components/copilot/ScriptFix.svelte
index 2deaef0193..bbd9341700 100644
--- a/frontend/src/lib/components/copilot/ScriptFix.svelte
+++ b/frontend/src/lib/components/copilot/ScriptFix.svelte
@@ -7,63 +7,123 @@
 	import Popover from '$lib/components/meltComponents/Popover.svelte'
 	import { autoPlacement } from '@floating-ui/core'
 	import { WandSparkles } from 'lucide-svelte'
-	import { aiChatManager } from './chat/AIChatManager.svelte'
+	import { aiChatManager, type AIChatManager } from './chat/AIChatManager.svelte'
 	import { copilotInfo } from '$lib/aiStore'
+	import OpenInSessionButton from '$lib/components/sessions/OpenInSessionButton.svelte'
+	import { getOpenInSessionHandoff } from '$lib/components/sessions/openInSessionContext'
+	import { AIBtnClasses } from './chat/AIButtonStyle'
+	import { getContext } from 'svelte'
 
 	let {
-		lang
+		lang,
+		error,
+		jobId,
+		moduleId
 	}: {
 		lang: SupportedLanguage
+		/** The failing run's error, used when there is no job to point at. */
+		error?: string
+		/** The failing run's job id. Preferred over `error`: the chat reads the
+		 * run itself with `get_job_logs`, which gives it the logs rather than
+		 * just the thrown value, and keeps the composer readable. */
+		jobId?: string
+		/** Set when this sits in a flow step's preview, so the session opens on
+		 * that step rather than the flow root. */
+		moduleId?: string
 	} = $props()
+
+	// The enclosing editor's "Open in AI session" hand-off (ScriptEditor for a
+	// standalone script, FlowBuilder for a step).
+	const handoff = getOpenInSessionHandoff()
+	const seedPrompt = $derived.by(() => {
+		const what = moduleId ? `step \`${moduleId}\`` : 'this script'
+		if (jobId) {
+			return `The last test run of ${what} failed (job \`${jobId}\`). Read its logs, then fix the code.`
+		}
+		// No job to read: the error text has to travel with the request.
+		return error
+			? `Fix this error in ${what}:\n\n\`\`\`\n${error}\n\`\`\``
+			: `Fix the error from the last run of ${what}.`
+	})
+	const sessionSource = $derived.by(() => {
+		const source = handoff?.source({ moduleId })
+		return source ? { ...source, seedPrompt, autoSend: true } : undefined
+	})
+
+	// Inside a session pane the chat is already beside this panel, so there is
+	// nothing to hand off to: send into that chat instead. OpenInSessionButton
+	// renders nothing there, which would otherwise leave the sessions population
+	// with no fix affordance at all.
+	const sessionScopedManager = getContext<AIChatManager | undefined>('aiChatManager')
 </script>
 
 {#if SUPPORTED_LANGUAGES.has(lang)}
-	<Popover
-		floatingConfig={{
-			middleware: [
-				autoPlacement({
-					allowedPlacements: ['bottom-end', 'top-end']
-				})
-			]
-		}}
-		displayArrow={true}
-	>
-		{#snippet trigger()}
-			
-				<div class="flex flex-row">
-					<Button
-						title="Fix code"
-						size="xs"
-						color="light"
-						spacingSize="xs2"
-						startIcon={{ icon: WandSparkles }}
-						on:click={() => {
-							if ($copilotInfo.enabled) {
-								aiChatManager.fix()
-							}
-						}}
-						btnClasses="text-ai bg-violet-100 dark:bg-gray-700 min-w-[84px]"
-						propagateEvent={!$copilotInfo.enabled}
-					>
-						AI Fix
-					</Button>
-				</div>
-			
+	{#if sessionScopedManager}
+		<Button
+			title="Fix the failing run in this chat"
+			size="xs"
+			color="light"
+			spacingSize="xs2"
+			startIcon={{ icon: WandSparkles }}
+			on:click={() => sessionScopedManager.sendOrQueue(seedPrompt)}
+			btnClasses={AIBtnClasses('default')}
+		>
+			AI Fix
+		</Button>
+	{:else}
+		<OpenInSessionButton
+			source={sessionSource}
+			btnClasses={AIBtnClasses('default')}
+			label="Fix in AI session"
+			tooltip="Open an AI session on this item and fix the failing run"
+			btnProps={{ iconOnly: false, startIcon: { icon: WandSparkles } }}
+		>
+			{#snippet fallback()}
+				<Popover
+					floatingConfig={{
+						middleware: [
+							autoPlacement({
+								allowedPlacements: ['bottom-end', 'top-end']
+							})
+						]
+					}}
+					displayArrow={true}
+				>
+					{#snippet trigger()}
+						<div class="flex flex-row">
+							<Button
+								title="Fix code"
+								size="xs"
+								color="light"
+								spacingSize="xs2"
+								startIcon={{ icon: WandSparkles }}
+								on:click={() => {
+									if ($copilotInfo.enabled) {
+										aiChatManager.fix()
+									}
+								}}
+								btnClasses="text-ai bg-violet-100 dark:bg-gray-700 min-w-[84px]"
+								propagateEvent={!$copilotInfo.enabled}
+							>
+								AI Fix
+							</Button>
+						</div>
+					{/snippet}
+					{#snippet content()}
+						<div class="p-4">
+							<div class="w-80">
+								<p class="text-sm"
+									>Enable Windmill AI in the <a
+										class="inline-flex flex-row items-center gap-1"
+										href="{base}/workspace_settings?tab=ai"
+										target="_blank">workspace settings</a
+									></p
+								></div
+							>
+						</div>
+					{/snippet}
+				</Popover>
 			{/snippet}
-		{#snippet content()}
-			
-				<div class="p-4">
-					<div class="w-80">
-						<p class="text-sm"
-							>Enable Windmill AI in the <a
-								class="inline-flex flex-row items-center gap-1"
-								href="{base}/workspace_settings?tab=ai"
-								target="_blank">workspace settings</a
-							></p
-						></div
-					>
-				</div>
-			
-			{/snippet}
-	</Popover>
+		</OpenInSessionButton>
+	{/if}
 {/if}
diff --git a/frontend/src/lib/components/copilot/chat/AIButton.svelte b/frontend/src/lib/components/copilot/chat/AIButton.svelte
index 3fe9acec77..ade1bd2d86 100644
--- a/frontend/src/lib/components/copilot/chat/AIButton.svelte
+++ b/frontend/src/lib/components/copilot/chat/AIButton.svelte
@@ -12,7 +12,8 @@
 		togglePanel,
 		btnClasses,
 		btnProps,
-		label = 'Open in AI session'
+		label = 'Open in AI session',
+		tooltip
 	}: {
 		togglePanel: () => void
 		btnClasses?: string
@@ -21,13 +22,19 @@
 		btnProps?: ComponentProps<typeof Button>
 		/** Tooltip + accessible text of the icon-only button. */
 		label?: string
+		/** Hover text, when the label alone doesn't say where the button leads.
+		 * A host that renamed the button ("AI Fix") uses this to keep "in a new
+		 * AI session" discoverable. Defaults to `label`. */
+		tooltip?: string
 	} = $props()
+
+	const hoverText = $derived(tooltip ?? label)
 </script>
 
 {#if $copilotInfo.enabled}
 	<DarkPopover>
 		{#snippet text()}
-			{label}
+			{hoverText}
 		{/snippet}
 		{@render button({ onPress: () => togglePanel() })}
 	</DarkPopover>
diff --git a/frontend/src/lib/components/copilot/chat/AIChatInput.svelte b/frontend/src/lib/components/copilot/chat/AIChatInput.svelte
index a377a7e370..70ec3f3fc1 100644
--- a/frontend/src/lib/components/copilot/chat/AIChatInput.svelte
+++ b/frontend/src/lib/components/copilot/chat/AIChatInput.svelte
@@ -166,9 +166,21 @@
 			files: initialFiles ?? []
 		}))
 	)
+	// Report edits, never the mount-time value. The first run carries whatever the
+	// composer was constructed with, which is not something the user did: a
+	// composer deliberately mounted empty (its text is already in flight, or
+	// belongs to a session this view is only keeping warm) would otherwise report
+	// '' and overwrite the very prompt it was withholding.
+	let draftReported = false
 	$effect(() => {
 		const text = draft.text
-		untrack(() => onDraftChange?.(text))
+		untrack(() => {
+			if (!draftReported) {
+				draftReported = true
+				return
+			}
+			onDraftChange?.(text)
+		})
 	})
 	// Images being decoded right now. Holds off sending so a message can never go
 	// out without an attachment the user already dropped, and reserves cap slots
diff --git a/frontend/src/lib/components/copilot/chat/AIChatManager.svelte.ts b/frontend/src/lib/components/copilot/chat/AIChatManager.svelte.ts
index a1c27b0e32..ee1ef5ab96 100644
--- a/frontend/src/lib/components/copilot/chat/AIChatManager.svelte.ts
+++ b/frontend/src/lib/components/copilot/chat/AIChatManager.svelte.ts
@@ -1774,6 +1774,22 @@ export class AIChatManager {
 		}
 	}
 
+	/** Send `text` as a turn, or queue it when one is already streaming. Callers
+	 * that send programmatically (an editor button, an arriving hand-off) must go
+	 * through this rather than `sendRequest`: a second concurrent loop shares this
+	 * manager's abort controller and transcript, so the two interleave and Stop
+	 * halts only one. It is the rule the composer already follows.
+	 *
+	 * Gated on `sendInFlight` as well as `loading`: `loading` only rises after a
+	 * send's attachment upkeep, so between the two a click would slip past. */
+	sendOrQueue(text: string) {
+		if (this.loading || this.sendInFlight) {
+			this.queueMessage(text)
+			return
+		}
+		void this.sendRequest({ instructions: text })
+	}
+
 	/** Remove the queued message and put it back into the input, images included. */
 	dequeueMessage() {
 		if (!this.#hasQueuedMessage()) {
@@ -2609,6 +2625,14 @@ export class AIChatManager {
 	}
 
 	sendRequest = async (options: Parameters<typeof this.sendRequestImpl>[0] = {}) => {
+		// A turn with nowhere to render still streams, spends tokens and applies
+		// tool calls — entirely off-screen. Refuse instead. `sendInlineRequest` is
+		// exempt: the ⌘K widget renders its own composer inside Monaco.
+		if (!this.isSessionChat && !chatState.dockedChatAvailable) {
+			console.error('sendRequest called with no chat UI mounted; dropping the turn')
+			sendUserToast('This action needs the AI chat. Start an AI session to continue.', true)
+			return
+		}
 		this.#sendsInFlight++
 		try {
 			return await this.sendRequestImpl(options)
diff --git a/frontend/src/lib/components/copilot/chat/AIChatManager.test.ts b/frontend/src/lib/components/copilot/chat/AIChatManager.test.ts
index e4574ee9c1..5b5c1138cb 100644
--- a/frontend/src/lib/components/copilot/chat/AIChatManager.test.ts
+++ b/frontend/src/lib/components/copilot/chat/AIChatManager.test.ts
@@ -6,6 +6,7 @@ import type { ReviewChangesOpts } from './monaco-adapter'
 import type { ChatCompletionMessageParam } from 'openai/resources/chat/completions.mjs'
 import type { AttachedImage } from './imageUtils'
 import { AIChatManager, AIMode, AIAutonomyMode } from './AIChatManager.svelte'
+import { chatState } from './sharedChatState.svelte'
 import { PLAN_MODE_MESSAGES } from './planModeMessages'
 import { runChatLoop } from './chatLoop'
 
@@ -129,6 +130,9 @@ vi.mock('esm-env', async (importOriginal) => ({
 }))
 
 beforeEach(() => {
+	// These managers stand in for a mounted docked chat; without a layout to set
+	// it, sendRequest's "nowhere to render this turn" guard would refuse every send.
+	chatState.dockedChatAvailable = true
 	vi.clearAllMocks()
 	mocks.getCurrentModel.mockReturnValue(undefined)
 	mocks.tryGetCurrentModel.mockReturnValue(undefined)
@@ -172,6 +176,66 @@ function createFlowHelpers({
 	} as unknown as FlowAIChatHelpers
 }
 
+describe('AIChatManager unmounted-chat guard', () => {
+	// AI Sessions leave the docked pane unmounted, so an entry point that still
+	// drives this manager would otherwise stream and apply tool calls off-screen.
+	it('drops the turn when no chat UI is mounted, unless it is a session chat', async () => {
+		chatState.dockedChatAvailable = false
+		const docked = new AIChatManager()
+		docked.instructions = 'do a thing'
+		await docked.sendRequest()
+		expect(mocks.runChatLoop).not.toHaveBeenCalled()
+
+		const session = new AIChatManager()
+		session.isSessionChat = true
+		session.instructions = 'do a thing'
+		await session.sendRequest()
+		expect(mocks.runChatLoop).toHaveBeenCalled()
+	})
+})
+
+describe('AIChatManager.sendOrQueue', () => {
+	// The programmatic senders (an editor's "AI Fix", an arriving hand-off) have no
+	// composer to enforce the composer's rule for them: a second loop on one manager
+	// shares its abort controller and transcript.
+	it('queues instead of starting a second turn while one is streaming', () => {
+		const manager = new AIChatManager()
+		manager.loading = true
+		manager.sendOrQueue('fix the failing run')
+		expect(mocks.runChatLoop).not.toHaveBeenCalled()
+		expect(manager.queuedMessage).toBe('fix the failing run')
+	})
+
+	it('sends straight away when idle', async () => {
+		const manager = new AIChatManager()
+		manager.sendOrQueue('fix the failing run')
+		await vi.waitFor(() => expect(mocks.runChatLoop).toHaveBeenCalled())
+		expect(manager.queuedMessage).toBe('')
+	})
+
+	// `loading` only rises after a send's attachment upkeep, so gating on it alone
+	// leaves a window where a second programmatic send slips through.
+	it('queues during a send that has not reached loading yet', async () => {
+		const manager = new AIChatManager()
+		let releaseUpkeep: (() => void) | undefined
+		vi.spyOn(manager.attachedFiles, 'refreshFolders').mockImplementation(
+			() => new Promise<void>((resolve) => (releaseUpkeep = resolve))
+		)
+		manager.instructions = 'first turn'
+		const sending = manager.sendRequest()
+		await vi.waitFor(() => expect(manager.sendInFlight).toBe(true))
+		expect(manager.loading).toBe(false)
+
+		manager.sendOrQueue('fix the failing run')
+		expect(manager.queuedMessage).toBe('fix the failing run')
+
+		// Drain before leaving: a send still in flight would run its epilogue
+		// (queue flush included) inside whichever test happens to be next.
+		releaseUpkeep?.()
+		await sending
+	})
+})
+
 describe('AIChatManager request errors', () => {
 	const openaiModel = { provider: 'openai', model: 'gpt-4o' }
 
diff --git a/frontend/src/lib/components/copilot/chat/global/gate.ts b/frontend/src/lib/components/copilot/chat/global/gate.ts
index f3eb731ae2..3321d5a0cd 100644
--- a/frontend/src/lib/components/copilot/chat/global/gate.ts
+++ b/frontend/src/lib/components/copilot/chat/global/gate.ts
@@ -25,6 +25,16 @@ export function isGlobalAiEnabled(): boolean {
 	}
 }
 
+/**
+ * Whether an AI entry point hands off to a session instead of driving the docked
+ * chat. Deliberately the same condition as the root layout's `disableAi`, so a
+ * caller falling back on `false` always has a mounted pane to fall back to.
+ * Operators keep that pane (`/sessions` refuses them) until the operator chat ships.
+ */
+export function prefersSessionHandoff(isOperator: boolean | undefined): boolean {
+	return isGlobalAiEnabled() && !isOperator
+}
+
 /** Persist the opt-out choice, then hard-reload so every gated site re-reads it. */
 export function setSessionsBetaOptOut(optOut: boolean, target: string) {
 	// Navigate even when persistence throws (quota, private browsing) — the
diff --git a/frontend/src/lib/components/copilot/chat/shared.test.ts b/frontend/src/lib/components/copilot/chat/shared.test.ts
index 635ad2a7c4..086d4cc594 100644
--- a/frontend/src/lib/components/copilot/chat/shared.test.ts
+++ b/frontend/src/lib/components/copilot/chat/shared.test.ts
@@ -7,6 +7,11 @@ vi.mock('monaco-editor', () => ({
 	editor: {}
 }))
 
+vi.mock('$lib/utils/featureUsage', () => ({
+	logFeatureUsage: vi.fn(),
+	logHubScriptPick: vi.fn()
+}))
+
 const userHolder = vi.hoisted(() => ({
 	current: { is_super_admin: true } as { is_super_admin: boolean }
 }))
@@ -902,6 +907,63 @@ describe('processToolCall', () => {
 			})
 		)
 	})
+
+	// The counter is silently dropped by the backend when the key is malformed, so nothing
+	// here fails loudly if a path stops logging or logs the wrong status.
+	it('logs one feature-usage outcome per tool call, keyed <tool>:<status>', async () => {
+		const { createToolDef, processToolCall } = await import('./shared')
+		const { logFeatureUsage } = await import('$lib/utils/featureUsage')
+
+		const outcomeKeys = async (
+			tool: Partial<import('./shared').Tool<any>> = {},
+			toolCallbacks: Partial<import('./shared').ToolCallbacks> = {}
+		) => {
+			vi.mocked(logFeatureUsage).mockClear()
+			await runToolCall(
+				{
+					def: createToolDef(z.object({}), 'run_script', 'Run script'),
+					fn: vi.fn().mockResolvedValue('done'),
+					...tool
+				},
+				toolCallbacks
+			)
+			return vi
+				.mocked(logFeatureUsage)
+				.mock.calls.map(([feature, kind, opts]) => [feature, kind, opts?.key])
+		}
+
+		expect(await outcomeKeys()).toEqual([['ai_chat', 'tool', 'run_script:ok']])
+		expect(await outcomeKeys({ fn: vi.fn().mockRejectedValue(new Error('boom')) })).toEqual([
+			['ai_chat', 'tool', 'run_script:error']
+		])
+		expect(await outcomeKeys({ validateBeforeConfirmation: () => 'not deployed' })).toEqual([
+			['ai_chat', 'tool', 'run_script:rejected']
+		])
+		expect(
+			await outcomeKeys(
+				{ requiresConfirmation: true },
+				{ requestConfirmation: vi.fn().mockResolvedValue(false) }
+			)
+		).toEqual([['ai_chat', 'tool', 'run_script:declined']])
+		expect(await outcomeKeys({}, { isPlanModeActive: () => true })).toEqual([
+			['ai_chat', 'tool', 'run_script:blocked_plan_mode']
+		])
+
+		// A name the model invented resolves to no tool, and must never reach telemetry.
+		vi.mocked(logFeatureUsage).mockClear()
+		await processToolCall({
+			tools: [{ def: createToolDef(z.object({}), 'run_script', 'Run script'), fn: vi.fn() }],
+			toolCall: {
+				id: 'call_ghost',
+				type: 'function',
+				function: { name: 'hallucinated_tool', arguments: '{}' }
+			},
+			helpers: {},
+			workspace: 'test-workspace',
+			toolCallbacks: { setToolStatus: vi.fn(), removeToolStatus: vi.fn() }
+		})
+		expect(logFeatureUsage).not.toHaveBeenCalled()
+	})
 })
 
 async function runToolCall(
diff --git a/frontend/src/lib/components/copilot/chat/shared.ts b/frontend/src/lib/components/copilot/chat/shared.ts
index 83c586a34b..bdf4c52036 100644
--- a/frontend/src/lib/components/copilot/chat/shared.ts
+++ b/frontend/src/lib/components/copilot/chat/shared.ts
@@ -797,6 +797,15 @@ function stringifyErrorBody(body: unknown): string {
 	}
 }
 
+/**
+ * Closed vocabulary for the `ai_chat`/`tool` counter's `<name>:<status>` key.
+ * `ok` means the tool function resolved — tools that report failure by returning an
+ * error string instead of throwing land there too. A call abandoned mid-execution
+ * (tab closed while a tool polls) logs nothing, so the statuses sum to the calls that
+ * finished, not to the calls made.
+ */
+type ToolCallStatus = 'ok' | 'error' | 'declined' | 'rejected' | 'blocked_plan_mode'
+
 export async function processToolCall<T>({
 	tools,
 	toolCall,
@@ -810,10 +819,24 @@ export async function processToolCall<T>({
 	toolCallbacks: ToolCallbacks
 	workspace?: string
 }): Promise<ChatCompletionMessageParam> {
+	const tool = tools.find((t) => t.def.function.name === toolCall.function.name)
+	const workspaceId = workspace ?? get(workspaceStore) ?? ''
+
+	// Exactly once per call, on whichever path ends it. Keyed by the resolved tool's
+	// declared name, not the model-provided string, so hallucinated tool names never
+	// enter telemetry — an unresolved name is counted nowhere.
+	let outcomeLogged = false
+	const logToolOutcome = (status: ToolCallStatus) => {
+		if (!tool || outcomeLogged) return
+		outcomeLogged = true
+		logFeatureUsage('ai_chat', 'tool', {
+			key: `${tool.def.function.name}:${status}`,
+			workspace: workspaceId
+		})
+	}
+
 	try {
 		const args = JSON.parse(toolCall.function.arguments || '{}')
-		const tool = tools.find((t) => t.def.function.name === toolCall.function.name)
-		const workspaceId = workspace ?? get(workspaceStore) ?? ''
 
 		// Fails closed: untagged is blocked, only the safety tag exempt. Runs before anything
 		// belonging to the tool, so a validator cannot probe while planning — and again after
@@ -830,6 +853,7 @@ export async function processToolCall<T>({
 					: { label: PLAN_MODE_MESSAGES.blockedLabel, result: PLAN_MODE_MESSAGES.blockedResult }
 			if (!refusal) return undefined
 			toolCallbacks.onToolBlockedByPlanMode?.()
+			logToolOutcome('blocked_plan_mode')
 			toolCallbacks.setToolStatus(toolCall.id, {
 				content: refusal.label,
 				parameters: args,
@@ -858,6 +882,7 @@ export async function processToolCall<T>({
 			await tool?.validateBeforeConfirmation?.({ args, workspace: workspaceId, helpers })
 		)
 		if (rejection) {
+			logToolOutcome('rejected')
 			toolCallbacks.setToolStatus(toolCall.id, {
 				content: rejection.label,
 				parameters: args,
@@ -912,6 +937,7 @@ export async function processToolCall<T>({
 			const confirmed = await toolCallbacks.requestConfirmation(toolCall.id, toolCall.function.name)
 
 			if (!confirmed) {
+				logToolOutcome('declined')
 				toolCallbacks.setToolStatus(toolCall.id, {
 					content: 'Cancelled by user',
 					isLoading: false,
@@ -940,11 +966,6 @@ export async function processToolCall<T>({
 		}
 
 		let result = ''
-		// Key by the resolved tool's declared name, not the model-provided string,
-		// so hallucinated tool names never enter telemetry.
-		if (tool) {
-			logFeatureUsage('ai_chat', 'tool', { key: tool.def.function.name, workspace: workspaceId })
-		}
 		try {
 			result = await callTool({
 				tools,
@@ -955,12 +976,14 @@ export async function processToolCall<T>({
 				toolCallbacks,
 				toolId: toolCall.id
 			})
+			logToolOutcome('ok')
 			toolCallbacks.setToolStatus(toolCall.id, {
 				isLoading: false,
 				isStreamingArguments: false
 			})
 		} catch (err) {
 			console.error(err)
+			logToolOutcome('error')
 			const errorMessage = formatToolError(err)
 			toolCallbacks.setToolStatus(toolCall.id, {
 				isLoading: false,
@@ -977,6 +1000,7 @@ export async function processToolCall<T>({
 		return toAdd
 	} catch (err) {
 		console.error(err)
+		logToolOutcome('error')
 		const errorMessage = formatToolError(err)
 		toolCallbacks.setToolStatus(toolCall.id, {
 			isLoading: false,
diff --git a/frontend/src/lib/components/flows/FlowEditor.svelte b/frontend/src/lib/components/flows/FlowEditor.svelte
index a8c18f70ba..eeb4101f92 100644
--- a/frontend/src/lib/components/flows/FlowEditor.svelte
+++ b/frontend/src/lib/components/flows/FlowEditor.svelte
@@ -35,6 +35,9 @@
 	import { Button } from '../common'
 	import { MousePointerClick, X } from 'lucide-svelte'
 	import FlowPanelPlacementPicker from './common/FlowPanelPlacementPicker.svelte'
+	import { prefersSessionHandoff } from '../copilot/chat/global/gate'
+	import { openSourceInSession } from '$lib/components/sessions/sessionSwitch.svelte'
+	import { userStore } from '$lib/stores'
 	const { flowStore, selectionManager } = getContext<FlowEditorContext>('FlowEditorContext')
 	const sessionScopedManager = getContext<AIChatManager>('aiChatManager')
 	const aiChatManager = sessionScopedManager ?? singletonAiChatManager
@@ -273,6 +276,12 @@
 		aiChatManager.flowOptions = options
 	})
 
+	// The step exists but is empty, so name it: a GLOBAL-mode request carries no
+	// implicit "current step" the way the old SCRIPT-mode generateStep did.
+	function stepInstructionsPrompt(moduleId: string, instructions: string): string {
+		return `Write the code for step \`${moduleId}\` of the flow open in the editor:\n\n${instructions}`
+	}
+
 	onMount(() => {
 		if (modalPanel) {
 			selectionManager.setOnSelectIntent((id, opts) => {
@@ -368,6 +377,32 @@
 						{showJobStatus}
 						on:reload
 						on:generateStep={({ detail }) => {
+							// The step is already inserted; the prompt describes what it should
+							// contain. Hand it to a session opened on that step rather than the
+							// docked chat, which sessions leave unmounted. Sent on arrival: the
+							// user already said what they wanted in the description field.
+							if (
+								!sessionScopedManager &&
+								sessionOpen &&
+								prefersSessionHandoff($userStore?.operator)
+							) {
+								void openSourceInSession(sessionOpen, {
+									previewParams: { selected: detail.moduleId },
+									seedPrompt: stepInstructionsPrompt(detail.moduleId, detail.instructions),
+									autoSend: true
+								})
+								return
+							}
+							// Already in a session: its chat is on screen, so ask it directly.
+							// Not `generateStep` — that forces the request into SCRIPT mode, and
+							// changeMode is persistent, so it would strand the session outside
+							// GLOBAL. Global mode writes step code through set_flow_module_code.
+							if (sessionScopedManager) {
+								sessionScopedManager.sendOrQueue(
+									stepInstructionsPrompt(detail.moduleId, detail.instructions)
+								)
+								return
+							}
 							if (!aiChatManager.open) {
 								aiChatManager.openChat()
 							}
diff --git a/frontend/src/lib/components/graph/renderers/triggers/TriggersBadge.svelte b/frontend/src/lib/components/graph/renderers/triggers/TriggersBadge.svelte
index ac41827d6c..29d12b8084 100644
--- a/frontend/src/lib/components/graph/renderers/triggers/TriggersBadge.svelte
+++ b/frontend/src/lib/components/graph/renderers/triggers/TriggersBadge.svelte
@@ -5,16 +5,18 @@
 	import { getContext } from 'svelte'
 	import { type TriggerContext } from '$lib/components/triggers'
 	import { enterpriseLicense } from '$lib/stores'
-	import {
-		MqttIcon,
-		AmqpIcon,
-		NatsIcon,
-		KafkaIcon,
-		AwsIcon,
-		GoogleCloudIcon
-	} from '$lib/components/icons'
+	import MqttIcon from '$lib/components/icons/MqttIcon.svelte'
+	import AmqpIcon from '$lib/components/icons/AmqpIcon.svelte'
+	import NatsIcon from '$lib/components/icons/NatsIcon.svelte'
+	import KafkaIcon from '$lib/components/icons/KafkaIcon.svelte'
+	import AwsIcon from '$lib/components/icons/AwsIcon.svelte'
+	import GoogleCloudIcon from '$lib/components/icons/GoogleCloudIcon.svelte'
 	import AzureIcon from '$lib/components/icons/AzureIcon.svelte'
-	import { type Trigger, type TriggerType } from '$lib/components/triggers/utils'
+	import {
+		triggerIconMapMono,
+		type Trigger,
+		type TriggerType
+	} from '$lib/components/triggers/utils'
 	import { Menu, Menubar, MeltButton, MenuItem, Tooltip } from '$lib/components/meltComponents'
 	import { twMerge } from 'tailwind-merge'
 	import SchedulePollIcon from '$lib/components/icons/SchedulePollIcon.svelte'
@@ -320,10 +322,13 @@
 {/snippet}
 
 {#snippet simpleTriggerItem({ item, type })}
-	{@const { icon: SvelteComponent, countKey } = triggerTypeConfig()[type] || {
+	{@const { icon: ColourIcon, countKey } = triggerTypeConfig()[type] || {
 		icon: Database,
 		countKey: undefined
 	}}
+	<!-- The badge shows the full-colour mark; the menu it opens is a dense list beside lucide
+		glyphs, so its rows use the desaturated variants. See icons/index.ts. -->
+	{@const SvelteComponent = triggerIconMapMono[type] ?? ColourIcon}
 	<MenuItem {item} class={itemClass}>
 		<div class="flex flex-row items-center gap-2">
 			<SvelteComponent size={14} />
diff --git a/frontend/src/lib/components/icons/AblyIcon.svelte b/frontend/src/lib/components/icons/AblyIcon.svelte
new file mode 100644
index 0000000000..ce4c360152
--- /dev/null
+++ b/frontend/src/lib/components/icons/AblyIcon.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #FF5416 → #FF0000 gradient on both themes per brand.ably.com/logo. "Don't use other colours or gradients for the symbol." -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 77.5931 64"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+>
+	<path
+		d="M38.5717 0L6.29575 59.0738L0 54.6586L29.8639 0H38.5717ZM39.0214 0L71.2973 59.0738L77.5931 54.6586L47.7292 0H39.0214Z"
+		fill="url(#ably-motif-upper)"
+	/>
+	<path
+		d="M70.8476 59.4213L38.7965 34.3201L6.74542 59.4213L13.2865 64L38.7965 44.0294L64.3066 64L70.8476 59.4213Z"
+		fill="url(#ably-motif-lower)"
+	/>
+	<defs>
+		<linearGradient
+			id="ably-motif-upper"
+			x1="10.9472"
+			y1="74.8439"
+			x2="64.9206"
+			y2="14.9005"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#FF5416" />
+			<stop offset="0.2535" stop-color="#FF5115" />
+			<stop offset="0.461" stop-color="#FF4712" />
+			<stop offset="0.6523" stop-color="#FF350E" />
+			<stop offset="0.8327" stop-color="#FF1E08" />
+			<stop offset="1" stop-color="#FF0000" />
+		</linearGradient>
+		<linearGradient
+			id="ably-motif-lower"
+			x1="21.4168"
+			y1="78.7187"
+			x2="53.3166"
+			y2="43.2904"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#FF5416" />
+			<stop offset="0.2535" stop-color="#FF5115" />
+			<stop offset="0.461" stop-color="#FF4712" />
+			<stop offset="0.6523" stop-color="#FF350E" />
+			<stop offset="0.8327" stop-color="#FF1E08" />
+			<stop offset="1" stop-color="#FF0000" />
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/AbstractApiIcon.svelte b/frontend/src/lib/components/icons/AbstractApiIcon.svelte
new file mode 100644
index 0000000000..a4b1635775
--- /dev/null
+++ b/frontend/src/lib/components/icons/AbstractApiIcon.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #20E492 per abstractapi.com's own logo SVG (6538df34291c9fa4ed28d6f7_Logo.svg). -->
+<svg {width} {height} viewBox="0.77 0 90.15 90.15" xmlns="http://www.w3.org/2000/svg">
+	<defs
+		><clipPath id="abstractapi-clip0_4255_674">
+			<rect
+				width="90.1487"
+				height="90.1487"
+				fill="white"
+				transform="translate(0.769531 0.000732422)"
+			/>
+		</clipPath></defs
+	>
+	<g clip-path="url(#abstractapi-clip0_4255_674)">
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M84.2021 0.000732422H7.43104C3.77267 0.000732422 0.769531 3.00387 0.769531 6.66224V83.4333C0.769531 87.1463 3.77267 90.1495 7.43104 90.1495H20.6994C23.8664 89.9856 25.9413 88.7844 26.9787 86.4365C29.545 78.4099 37.0802 72.6221 45.9804 72.6221C54.8806 72.6221 62.4158 78.4099 65.0367 86.4365C66.0741 88.7844 68.149 89.9856 71.316 90.1495H84.2021C87.9151 90.1495 90.9183 87.1463 90.9183 83.4333V6.66224C90.9183 3.00387 87.9151 0.000732422 84.2021 0.000732422ZM64.1084 53.8388H27.5248C26.5419 53.8388 25.8867 52.7467 26.3781 51.8185L44.6699 20.1491C45.216 19.2754 46.4718 19.2754 47.0178 20.1491L65.3097 51.8185C65.8011 52.7467 65.1459 53.8388 64.1084 53.8388Z"
+			fill="#20E492"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/AcceloIcon.svelte b/frontend/src/lib/components/icons/AcceloIcon.svelte
new file mode 100644
index 0000000000..0f7846e903
--- /dev/null
+++ b/frontend/src/lib/components/icons/AcceloIcon.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #4C49CB, with #F6511E and #CAD1E1, per Accelo_Logo-Primary.svg on accelo.com. The mark keeps these
+	three fills in both themes; only the wordmark (not drawn here) swaps #10202D for white. -->
+<svg {width} {height} viewBox="-1 -1 158 152" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M95.1552 97.2397C92.0269 90.7038 84.2061 87.9534 77.6839 91.0587L7.56272 124.655C0.922451 127.849 -1.8517 135.804 1.30611 142.429C3.60807 147.22 8.35955 150 13.3176 150C15.2359 150 17.2132 149.586 19.0725 148.699L89.1642 115.162C95.6864 112.027 98.4606 104.19 95.3323 97.6537C95.2733 97.5354 95.2142 97.4171 95.1552 97.2988V97.2397Z"
+		fill="#CAD1E1"
+	/><path
+		d="M13.2881 150C11.1632 150 9.03834 149.497 7.0315 148.433C0.538796 144.972 -1.88121 136.899 1.57173 130.392L67.2956 7.06827C70.7485 0.561959 78.8054 -1.86312 85.2981 1.59705C91.7908 5.05723 94.2108 13.131 90.7579 19.6373L25.034 142.932C22.6435 147.427 18.0396 150 13.2881 150Z"
+		fill="#4C49CB"
+	/><path
+		d="M143.378 150C138.597 150 133.964 147.397 131.573 142.843L67.2366 19.5189C63.8427 13.0126 66.3512 4.93885 72.844 1.53782C79.3367 -1.8632 87.3935 0.650598 90.7874 7.15691L155.154 130.481C158.548 136.987 156.039 145.061 149.546 148.462C147.569 149.497 145.474 149.97 143.378 149.97V150Z"
+		fill="#F6511E"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ActimoIcon.svelte b/frontend/src/lib/components/icons/ActimoIcon.svelte
new file mode 100644
index 0000000000..59accffb99
--- /dev/null
+++ b/frontend/src/lib/components/icons/ActimoIcon.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- Actimo publishes no vector mark and no brand palette; its favicon.ico is zero bytes and the
+	pinwheel exists only as raster (actimo.com, now a Kahoot! company). Letter inherits the
+	surrounding text colour rather than inventing a brand colour. -->
+<BrandLetterIcon
+	letter="A"
+	bgClass="fill-transparent"
+	textClass="text-secondary"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte b/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte
index 836b5a242b..8d0b08374b 100644
--- a/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte
+++ b/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte
@@ -7,9 +7,17 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 391" xmlns="http://www.w3.org/2000/svg">
+<!-- #004CFF / #FFFFFF per activecampaign.com/brand logo pack (ActiveCampaign-Glyph-Blue.svg /
+	ActiveCampaign-Glyph-White.svg). -->
+<svg
+	class="text-[#004CFF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 256 391"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
-		fill="#004CFF"
 		d="m1.273 0l3.049 2.142c9.488 6.603 232.185 161.826 238.397 166.475c8.795 6.174 13.281 13.81 13.281 22.668v4.397c-.1 6.842-2.558 16.469-13.28 24.52l-.039.026c-5.166 3.692-57.747 40.12-113.415 78.701c-4.9 3.397-9.858 6.832-14.827 10.275l-3.314 2.297C61.96 345.572 12.62 379.777 5.947 384.498v6.136l-3.641-6.124c-.177-.315-.34-.58-.151-1.008H2.04v-32.03c0-10.924 1.21-16.178 13.37-24.28c5.179-3.33 49.529-33.955 94.578-65.128l5.3-3.668c41.513-28.73 82.338-57.033 92.364-63.974C186.484 179.718 27.796 69.554 16.923 61.59l-1.286-.932C7.598 54.836 1.273 50.25 1.273 38.128zM21.86 111.361c10.736 6.905 114.562 78.954 115.608 79.697l2.356 1.626l-2.394 1.6s-7.018 4.675-14.805 10.118c-6.666 4.889-12.903 7.333-19.102 7.333c-5.506 0-10.962-1.915-16.708-5.733c-6.12-4.086-23.363-15.98-40.816-28.064l-2.38-1.648A27213 27213 0 0 1 .832 146.592l-.832-.58v-24.47c0-5.62 2.42-10.067 6.666-12.222c4.548-2.318 10.231-1.562 15.195 2.041"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ActivitypubIcon.svelte b/frontend/src/lib/components/icons/ActivitypubIcon.svelte
index 0185d98f3a..b8eea782f7 100644
--- a/frontend/src/lib/components/icons/ActivitypubIcon.svelte
+++ b/frontend/src/lib/components/icons/ActivitypubIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #F1007E (grey half #6D6D6D) per activitypub.rocks/static/images/ActivityPub-logo.svg. -->
 <svg
 	x="0px"
 	y="0px"
diff --git a/frontend/src/lib/components/icons/AcumbamailIcon.svelte b/frontend/src/lib/components/icons/AcumbamailIcon.svelte
new file mode 100644
index 0000000000..f36ceafbb5
--- /dev/null
+++ b/frontend/src/lib/components/icons/AcumbamailIcon.svelte
@@ -0,0 +1,407 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #149ED7 per Acumbamail's own isotype SVG, /static/favico/Acumbamail/favicon-32.svg on acumbamail.com. -->
+<svg {width} {height} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<clipPath id="acumbamail-clippath">
+			<path
+				fill="none"
+				d="M19.88,24.42c-.07.36-.09.39-.09.39l8.64,2.75h.1c.06-.07.25-.29.4-.5.17-.23.25-.37.25-.37l-9.21-2.81s-.03.25-.09.54h0Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_14"
+			data-name="Degradado sin nombre 14"
+			x1="3092.71"
+			y1="-1703.57"
+			x2="3093.22"
+			y2="-1703.57"
+			gradientTransform="translate(-42784.62 23603.13) scale(13.84)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#e62f71" />
+			<stop offset=".11" stop-color="#e62f71" />
+			<stop offset=".71" stop-color="#ea5d52" />
+			<stop offset=".86" stop-color="#ec6a4a" />
+			<stop offset="1" stop-color="#ec6a4a" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-1">
+			<polygon fill="none" points=".04 9.32 10.75 10.49 10.75 9.43 .04 7.99 .04 9.32" />
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_7"
+			data-name="Degradado sin nombre 7"
+			x1="3183.18"
+			y1="-1671.62"
+			x2="3183.69"
+			y2="-1671.62"
+			gradientTransform="translate(-67072.09 35230.2) scale(21.07)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#149ed7" />
+			<stop offset=".44" stop-color="#45afdf" />
+			<stop offset=".8" stop-color="#68bbe5" />
+			<stop offset="1" stop-color="#76c0e8" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-2">
+			<polygon fill="none" points=".04 16.95 .04 17.86 10.75 16.95 10.75 16.13 .04 16.95" />
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_8"
+			data-name="Degradado sin nombre 8"
+			x1="3183.18"
+			y1="-1672"
+			x2="3183.69"
+			y2="-1672"
+			gradientTransform="translate(-67072.09 35246.13) scale(21.07)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#149ed7" />
+			<stop offset=".54" stop-color="#078bc8" />
+			<stop offset="1" stop-color="#0080c0" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-3">
+			<path
+				fill="none"
+				d="M1.25,26.02s.14.26.45.7c.14.21.24.33.28.38h.08l9.17-3.75s-.09-.24-.17-.57c-.09-.36-.16-.78-.16-.78L1.25,26.02h0Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_10"
+			data-name="Degradado sin nombre 10"
+			x1="3245.89"
+			y1="-1870.85"
+			x2="3246.4"
+			y2="-1870.85"
+			gradientTransform="translate(-44239.32 25524.21) scale(13.63)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#0463a9" />
+			<stop offset="1" stop-color="#0080c0" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-4">
+			<path
+				fill="none"
+				d="M19.53,18.03s.09.43.14.71c.05.28,9.82-1.38,9.82-1.38,0,0-.11-.55-.17-.8,0-.02-.05-.02-.14-.02-1.18,0-9.66,1.49-9.66,1.49h0Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_5"
+			data-name="Degradado sin nombre 5"
+			x1="3082.78"
+			y1="-1704.52"
+			x2="3083.29"
+			y2="-1704.52"
+			gradientTransform="translate(-41380.04 22909.51) scale(13.43)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#f9b434" />
+			<stop offset=".05" stop-color="#f9b434" />
+			<stop offset=".3" stop-color="#f4983c" />
+			<stop offset=".74" stop-color="#ec6a4a" />
+			<stop offset="1" stop-color="#ec6a4a" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-5">
+			<path
+				fill="none"
+				d="M18.72,8.05c-.03.07-.16.31-.29.68-.15.42-.23.8-.23.8l10.4,2.74s0-.27.09-.59c.03-.11.07-.22.07-.22l-9.97-3.41h-.06Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_11"
+			data-name="Degradado sin nombre 11"
+			x1="3099.34"
+			y1="-1699.79"
+			x2="3099.85"
+			y2="-1699.79"
+			gradientTransform="translate(-44054.21 24181.14) scale(14.22)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#f9b434" />
+			<stop offset=".16" stop-color="#f9b434" />
+			<stop offset=".85" stop-color="#ffd634" />
+			<stop offset="1" stop-color="#ffd634" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-6">
+			<path
+				fill="none"
+				d="M8.7.6C3.33.6.4,2.54.04,6.71v1.88l11.06,1.35h2.6v-5.32h-2.95V.6h-2.06Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_7-2"
+			data-name="Degradado sin nombre 7"
+			x1="3219.1"
+			y1="-1657.94"
+			x2="3219.61"
+			y2="-1657.94"
+			gradientTransform="translate(-86464.4 44537.65) scale(26.86)"
+			xlink:href="#acumbamail-Degradado_sin_nombre_7"
+		/>
+		<clipPath id="acumbamail-clippath-7">
+			<polygon
+				fill="none"
+				points=".04 8.59 .04 17.33 10.75 16.58 10.75 9.98 10.75 9.93 11.1 9.93 .11 8.59 .04 8.59"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_8-2"
+			data-name="Degradado sin nombre 8"
+			x1="3167.2"
+			y1="-1676.56"
+			x2="3167.71"
+			y2="-1676.56"
+			gradientTransform="translate(-61160.54 32387.24) scale(19.31)"
+			xlink:href="#acumbamail-Degradado_sin_nombre_8"
+		/>
+		<clipPath id="acumbamail-clippath-8">
+			<path
+				fill="none"
+				d="M1.69,26.73c1.63,2.31,4.31,3.79,7.49,4.36h.32c.9-.23,6.04-1.68,7.78-5.06-.39.06-1.2.14-1.69.14-2.82,0-4.05-1.41-4.54-3.37l-9.36,3.94h0Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_9"
+			data-name="Degradado sin nombre 9"
+			x1="3103.14"
+			y1="-1529.8"
+			x2="3103.65"
+			y2="-1529.8"
+			gradientTransform="translate(-22294.99 -45217.7) rotate(90) scale(14.58)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#05488a" />
+			<stop offset=".83" stop-color="#2076b8" />
+			<stop offset="1" stop-color="#2680c2" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-9">
+			<path
+				fill="none"
+				d="M.04,17.33v4.69c.15,1.83.73,3.4,1.65,4.7l9.36-3.94c-.22-.88-.3-1.87-.3-2.89v-3.32L.04,17.33h0Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_10-2"
+			data-name="Degradado sin nombre 10"
+			x1="3276.47"
+			y1="-1797.36"
+			x2="3276.98"
+			y2="-1797.36"
+			gradientTransform="translate(-62253.18 34171.52) scale(19)"
+			xlink:href="#acumbamail-Degradado_sin_nombre_10"
+		/>
+		<clipPath id="acumbamail-clippath-10">
+			<path
+				fill="none"
+				d="M24.36,4.64c-2.98.22-5.12,1.81-5.93,4.1l10.25,2.95c.33-1.35,1.54-1.78,3.28-1.76v-5.29h-7.6Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_11-2"
+			data-name="Degradado sin nombre 11"
+			x1="3154.24"
+			y1="-1679.36"
+			x2="3154.75"
+			y2="-1679.36"
+			gradientTransform="translate(-57573.98 30673.19) scale(18.26)"
+			xlink:href="#acumbamail-Degradado_sin_nombre_11"
+		/>
+		<clipPath id="acumbamail-clippath-11">
+			<path
+				fill="none"
+				d="M18.42,8.76c-.4,1.13-.48,2.41-.17,3.79.49,2.24.99,4.01,1.34,5.78h.03l9.78-1.37c-.35-1.72-.69-3.19-.75-3.58-.1-.67-.09-1.23.03-1.68l-10.2-2.93h-.06Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_12"
+			data-name="Degradado sin nombre 12"
+			x1="3116.51"
+			y1="-1693.09"
+			x2="3117.02"
+			y2="-1693.09"
+			gradientTransform="translate(-47632.82 25900.89) scale(15.29)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#f8b233" />
+			<stop offset=".05" stop-color="#f8b233" />
+			<stop offset=".21" stop-color="#f5a038" />
+			<stop offset=".74" stop-color="#ec694b" />
+			<stop offset="1" stop-color="#ec694b" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-12">
+			<path
+				fill="none"
+				d="M13.02,31.08l.08.31h6.02c3.92-.36,7.83-1.61,9.82-4.34l-9.05-2.64c-.59,2.89-2.81,5.19-6.86,6.66Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_13"
+			data-name="Degradado sin nombre 13"
+			x1="3367.14"
+			y1="-1853.65"
+			x2="3367.65"
+			y2="-1853.65"
+			gradientTransform="translate(-53254.17 29352.69) scale(15.82)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#be0c6e" />
+			<stop offset=".51" stop-color="#d41f71" />
+			<stop offset=".89" stop-color="#e62f71" />
+			<stop offset="1" stop-color="#e62f71" />
+		</linearGradient>
+		<clipPath id="acumbamail-clippath-13">
+			<path
+				fill="none"
+				d="M19.59,18.32c.27,1.39.45,2.81.45,4.46,0,.56-.05,1.11-.16,1.63l8.97,2.61h.1c.83-1.16,1.32-2.58,1.32-4.32,0-1.28-.45-3.7-.88-5.76l-9.81,1.37h0Z"
+			/>
+		</clipPath>
+		<linearGradient
+			id="acumbamail-Degradado_sin_nombre_14-2"
+			data-name="Degradado sin nombre 14"
+			x1="3124.76"
+			y1="-1750.32"
+			x2="3125.27"
+			y2="-1750.32"
+			gradientTransform="translate(-44849.16 25156.63) scale(14.36)"
+			xlink:href="#acumbamail-Degradado_sin_nombre_14"
+		/>
+	</defs>
+	<g clip-path="url(#acumbamail-clippath)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_14)"
+			x="19.79"
+			y="23.88"
+			width="9.4"
+			height="3.69"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-1)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_7)"
+			x=".04"
+			y="7.99"
+			width="10.71"
+			height="2.49"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-2)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_8)"
+			x=".04"
+			y="16.13"
+			width="10.71"
+			height="1.73"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-3)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_10)"
+			x="1.01"
+			y="19.14"
+			width="10.45"
+			height="10.84"
+			transform="translate(-16.23 12.84) rotate(-48.2)"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-4)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_5)"
+			x="19.53"
+			y="16.54"
+			width="9.96"
+			height="2.48"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-5)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_11)"
+			x="18.2"
+			y="8.05"
+			width="10.55"
+			height="4.22"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-6)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_7-2)"
+			x=".04"
+			y=".6"
+			width="13.66"
+			height="9.33"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-7)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_8-2)"
+			x=".04"
+			y="8.59"
+			width="11.06"
+			height="8.74"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-8)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_9)"
+			x="1.47"
+			y="18.22"
+			width="16.03"
+			height="17.43"
+			transform="translate(-17.71 18.21) rotate(-52.8)"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-9)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_10-2)"
+			x="-1.9"
+			y="14.17"
+			width="14.9"
+			height="14.97"
+			transform="translate(-14.29 11.36) rotate(-48.2)"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-10)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_11-2)"
+			x="18.42"
+			y="4.64"
+			width="13.54"
+			height="7.05"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-11)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_12)"
+			x="17.94"
+			y="8.76"
+			width="11.46"
+			height="9.56"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-12)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_13)"
+			x="15.43"
+			y="19.3"
+			width="11.09"
+			height="17.22"
+			transform="translate(-11.63 40.38) rotate(-74)"
+		/>
+	</g>
+	<g clip-path="url(#acumbamail-clippath-13)">
+		<rect
+			fill="url(#acumbamail-Degradado_sin_nombre_14-2)"
+			x="18.63"
+			y="15.93"
+			width="12.59"
+			height="12.13"
+			transform="translate(-4.11 5.82) rotate(-12.3)"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/AdRapidIcon.svelte b/frontend/src/lib/components/icons/AdRapidIcon.svelte
new file mode 100644
index 0000000000..443b96a548
--- /dev/null
+++ b/frontend/src/lib/components/icons/AdRapidIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #7EA2EA sampled from adrapid.com's own app favicon; they publish no vector mark or palette.
+	Light text darkened from it for legibility. -->
+<BrandLetterIcon
+	letter="A"
+	bgClass="fill-transparent dark:fill-[#7EA2EA]"
+	textClass="text-[#5B89E4] dark:text-[#111111]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/AdhookIcon.svelte b/frontend/src/lib/components/icons/AdhookIcon.svelte
new file mode 100644
index 0000000000..89da89b9cf
--- /dev/null
+++ b/frontend/src/lib/components/icons/AdhookIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #00acc6 per adhook's own logo (https://adhook.io/fr/images/logo.svg, `.cls-1{fill:#00acc6}`). -->
+<svg
+	{width}
+	{height}
+	viewBox="143 17 71 42"
+	fill="#00acc6"
+	fill-rule="evenodd"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M191.19,40.77l-5.74-6.27-7.66,7.63h-.11l-4.35,4.33a12.4,12.4,0,0,1-17.2.17A11.56,11.56,0,0,1,156,30a12.44,12.44,0,0,1,11.76-3.18l6.59-6.58A21.13,21.13,0,0,0,149.83,24a20,20,0,0,0,.3,28.77,21.09,21.09,0,0,0,29.33-.29Z"
+	/>
+	<path
+		d="M165.59,35.66l5.74,6.27L179,34.3h.11L183.44,30a12.4,12.4,0,0,1,17.21-.18,11.57,11.57,0,0,1,.18,16.65,12.45,12.45,0,0,1-11.76,3.18l-6.59,6.58A21.13,21.13,0,0,0,207,52.46a20,20,0,0,0-.3-28.78,21.11,21.11,0,0,0-29.34.3Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/AdobeAcrobatSignIcon.svelte b/frontend/src/lib/components/icons/AdobeAcrobatSignIcon.svelte
index 2f04246966..f1b513be98 100644
--- a/frontend/src/lib/components/icons/AdobeAcrobatSignIcon.svelte
+++ b/frontend/src/lib/components/icons/AdobeAcrobatSignIcon.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
+		size?: number
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-	<rect x="1.5" y="1.5" width="21" height="21" rx="4.5" fill="#EB1000" />
-	<path
-		fill="#fff"
-		fill-rule="evenodd"
-		d="M10.7 5.8h2.6L17.6 16h-2.7l-.86-2.3h-4.08L9.1 16H6.4L10.7 5.8Zm1.3 2.9-1.4 3.7h2.8L12 8.7Z"
-	/>
-	<path
-		d="M6.6 18.7c1.5.85 2.9.2 4.1-.45s2.5-1.05 4-.2"
-		stroke="#fff"
-		stroke-width="1.15"
-		stroke-linecap="round"
-		fill="none"
-	/>
-</svg>
+<!-- #584CCC per adobe.com/cc-shared/assets/img/product-icons/svg/acrobat-sign.svg. Adobe's mark
+	itself is not shipped: "Adobe does not allow the use of its product icons by third parties in
+	their products or related materials of any kind, except through an Adobe partnership
+	agreement" (adobe.com/legal/permissions/icons-web-logos.html). -->
+<BrandLetterIcon
+	letter="A"
+	bgClass="fill-transparent dark:fill-[#584CCC]"
+	textClass="text-[#584CCC] dark:text-white"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/AeroWorkflowIcon.svelte b/frontend/src/lib/components/icons/AeroWorkflowIcon.svelte
new file mode 100644
index 0000000000..c104bca866
--- /dev/null
+++ b/frontend/src/lib/components/icons/AeroWorkflowIcon.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #2EA8D7 per aeroworkflow.com's schema.org Organization logo; the mark itself is raster only. -->
+<BrandLetterIcon
+	letter="A"
+	bgClass="fill-transparent dark:fill-[#2EA8D7]"
+	textClass="text-[#2596C1] dark:text-[#111111]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte b/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte
new file mode 100644
index 0000000000..e5a6169bbe
--- /dev/null
+++ b/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M15 12h-5" />
+	<path d="M15 8h-5" />
+	<path d="M19 17V5a2 2 0 0 0-2-2H4" />
+	<path
+		d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/Ai21Icon.svelte b/frontend/src/lib/components/icons/Ai21Icon.svelte
new file mode 100644
index 0000000000..600fb8a3b6
--- /dev/null
+++ b/frontend/src/lib/components/icons/Ai21Icon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 / #FFFFFF per ai21.com (ai21-logo-black.svg / ai21-logo-white.svg). -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g transform="translate(-0.906 7.685) scale(0.3596)">
+		<path
+			d="M38.6929 22.5785H55.9802V17.138H51.9975V18.6189H45.7824L51.3942 15.3551C53.2042 14.2975 55.4669 12.2117 55.4669 8.79645C55.4669 4.44395 51.7863 1.21045 47.2003 1.21045C42.313 1.21045 38.7224 4.92774 38.7527 9.6126H43.1873V9.43088C43.1873 7.04302 44.9073 5.35095 47.2298 5.35095C49.5523 5.35095 51.1519 6.92267 51.1519 8.94789C51.1519 9.94495 50.7295 10.9731 49.2207 11.9096L38.6913 18.5886V22.5777L38.6929 22.5785ZM58.1521 22.5785H66.4785V18.5894H64.5776V1.42166H58.1513V5.41073H60.0825V18.5878H58.1513V22.5769L58.1521 22.5785ZM28.4353 22.5785H36.4908V18.5894H34.6505V5.41152H36.4908V1.42166H28.4353V5.41073H30.2756V18.5878H28.4353V22.5769V22.5785ZM13.3199 18.4977C9.75963 18.4977 6.83378 15.5663 6.83378 11.9694C6.83378 8.37244 9.76043 5.4713 13.3199 5.4713C16.8794 5.4713 19.7462 8.37244 19.7462 11.9694C19.7462 15.5663 16.8802 18.4977 13.3199 18.4977ZM13.3199 22.7897C15.6129 22.7897 17.6644 22.0644 19.233 20.6744L19.4139 20.523V22.5785H25.9303V18.5894H23.9991V5.41152H25.9303V1.42166H19.4139V3.41659L19.233 3.26516C17.6342 1.93573 15.6129 1.21045 13.3199 1.21045C7.40684 1.21045 2.51953 6.04595 2.51953 11.9997C2.51953 17.9534 7.40684 22.7889 13.3199 22.7889V22.7897Z"
+		></path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/AiAgentIcon.svelte b/frontend/src/lib/components/icons/AiAgentIcon.svelte
new file mode 100644
index 0000000000..f3d042c98d
--- /dev/null
+++ b/frontend/src/lib/components/icons/AiAgentIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M12 8V4H8" />
+	<rect width="16" height="12" x="4" y="8" rx="2" />
+	<path d="M2 14h2" />
+	<path d="M20 14h2" />
+	<path d="M15 13v2" />
+	<path d="M9 13v2" />
+</svg>
diff --git a/frontend/src/lib/components/icons/AirtableIcon.svelte b/frontend/src/lib/components/icons/AirtableIcon.svelte
index e71aa95bdd..70cc6c1698 100644
--- a/frontend/src/lib/components/icons/AirtableIcon.svelte
+++ b/frontend/src/lib/components/icons/AirtableIcon.svelte
@@ -1,22 +1,31 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FCB400 per airtable.com/favicon.ico (fixed full-colour mark: #18BFFF and #F82B60 panels). -->
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
+	viewBox="0 41.8 512 428.4"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
-		d="M 24.505859 4.0078125 C 23.980484 4.0080625 23.454344 4.1114062 22.964844 4.3164062 L 4.2226562 11.646484 C 3.4796562 11.959484 3 12.683281 3 13.488281 C 2.999 14.293281 3.4771406 15.017797 4.2441406 15.341797 L 23.236328 22.775391 C 23.613328 22.935391 24.018969 23.013672 24.417969 23.013672 C 24.802969 23.013672 25.181391 22.939875 25.525391 22.796875 L 45.771484 15.330078 C 46.519484 15.018078 47.001953 14.292422 47.001953 13.482422 C 47.000953 12.672422 46.516422 11.949047 45.732422 11.623047 L 26.046875 4.3144531 C 25.556875 4.1104531 25.031234 4.0075625 24.505859 4.0078125 z M 24.498047 6.0097656 C 24.770047 6.0097656 25.0455 6.0647813 25.3125 6.1757812 L 45.041016 13.46875 L 24.794922 20.935547 C 24.551922 21.039547 24.266188 21.039828 23.992188 20.923828 L 4.9765625 13.5 L 23.705078 6.1738281 L 23.728516 6.1640625 C 23.972516 6.0610625 24.233047 6.0097656 24.498047 6.0097656 z M 1.9980469 17.001953 C 0.94204687 17.001953 -2.9605947e-16 17.853906 0 19.003906 L 0 34.970703 C 0 36.129703 0.95195312 36.972656 2.0019531 36.972656 C 2.2979531 36.972656 2.6015312 36.906766 2.8945312 36.759766 L 20.894531 27.998047 C 22.425531 27.232047 22.349531 25.022281 20.769531 24.363281 L 2.7695312 17.15625 C 2.5135313 17.05125 2.2520469 17.001953 1.9980469 17.001953 z M 48.001953 17.001953 C 47.760953 17.001953 47.514484 17.045625 47.271484 17.140625 L 28.271484 24.505859 C 27.505484 24.806859 27 25.544188 27 26.367188 L 27 42.998047 C 27 44.146047 27.940047 45 28.998047 45 C 29.239047 45 29.485516 44.956328 29.728516 44.861328 L 48.728516 37.425781 C 49.495516 37.125781 50 36.387453 50 35.564453 L 50 19.003906 C 50 17.855906 49.059953 17.001953 48.001953 17.001953 z M 2.0058594 19.003906 L 2.0253906 19.013672 L 20.017578 26.201172 L 2 34.970703 L 2.0058594 19.003906 z M 48 19.003906 L 48 35.564453 L 29 42.998047 L 28.994141 26.371094 L 48 19.003906 z"
-	/></svg
->
+		d="m228.6 47.2-190.9 79c-10.6 4.4-10.5 19.5.2 23.7l191.7 76c16.8 6.7 35.6 6.7 52.4 0l191.7-76c10.7-4.2 10.8-19.3.2-23.7L283 47.2c-17.4-7.2-37-7.2-54.4 0"
+		style="fill:#fcb400"
+	/><path
+		d="M272.8 267.5v189.9c0 9 9.1 15.2 17.5 11.9l213.6-82.9c4.9-1.9 8.1-6.6 8.1-11.9V184.6c0-9-9.1-15.2-17.5-11.9l-213.6 82.9c-4.9 1.9-8.1 6.6-8.1 11.9"
+		style="fill:#18bfff"
+	/><path
+		d="m222.9 277.3-63.4 30.6-6.4 3.1-133.8 64.1C10.8 379.2 0 373 0 363.6V185.4c0-3.4 1.7-6.4 4.1-8.6 1-1 2.1-1.8 3.2-2.4 3.2-1.9 7.8-2.4 11.6-.9l202.9 80.4c10.4 4.1 11.2 18.5 1.1 23.4"
+		style="fill:#f82b60"
+	/><path
+		d="m222.9 277.3-63.4 30.6L4.1 176.8c1-1 2.1-1.8 3.2-2.4 3.2-1.9 7.8-2.4 11.6-.9l202.9 80.4c10.4 4.1 11.2 18.5 1.1 23.4"
+		style="opacity:.29"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/AlgoliaIcon.svelte b/frontend/src/lib/components/icons/AlgoliaIcon.svelte
index e003c778e4..5b1fdddedd 100644
--- a/frontend/src/lib/components/icons/AlgoliaIcon.svelte
+++ b/frontend/src/lib/components/icons/AlgoliaIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#003DFF" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 0C5.445 0 .103 5.285.01 11.817c-.097 6.634 5.285 12.131 11.92 12.17a11.91 11.91 0 0 0 5.775-1.443.281.281 0 0 0 .052-.457l-1.122-.994a.79.79 0 0 0-.833-.14 9.693 9.693 0 0 1-3.923.77c-5.36-.067-9.692-4.527-9.607-9.888.084-5.293 4.417-9.573 9.73-9.573h9.73v17.296l-5.522-4.907a.407.407 0 0 0-.596.063 4.52 4.52 0 0 1-3.934 1.793 4.538 4.538 0 0 1-4.192-4.168 4.53 4.53 0 0 1 4.512-4.872 4.532 4.532 0 0 1 4.509 4.126c.018.205.11.397.265.533l1.438 1.275a.28.28 0 0 0 .462-.158 6.82 6.82 0 0 0 .099-1.725c-.232-3.376-2.966-6.092-6.345-6.3-3.873-.24-7.11 2.79-7.214 6.588-.1 3.7 2.933 6.892 6.634 6.974a6.75 6.75 0 0 0 4.136-1.294l7.212 6.394a.48.48 0 0 0 .797-.36V.456A.456.456 0 0 0 23.54 0Z"/>
+<!-- #003DFF / #FFFFFF per algolia.com logo pack (Algolia-mark-blue.svg / Algolia-mark-white.svg). -->
+<svg
+	class="text-[#003DFF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12 0C5.445 0 .103 5.285.01 11.817c-.097 6.634 5.285 12.131 11.92 12.17a11.91 11.91 0 0 0 5.775-1.443.281.281 0 0 0 .052-.457l-1.122-.994a.79.79 0 0 0-.833-.14 9.693 9.693 0 0 1-3.923.77c-5.36-.067-9.692-4.527-9.607-9.888.084-5.293 4.417-9.573 9.73-9.573h9.73v17.296l-5.522-4.907a.407.407 0 0 0-.596.063 4.52 4.52 0 0 1-3.934 1.793 4.538 4.538 0 0 1-4.192-4.168 4.53 4.53 0 0 1 4.512-4.872 4.532 4.532 0 0 1 4.509 4.126c.018.205.11.397.265.533l1.438 1.275a.28.28 0 0 0 .462-.158 6.82 6.82 0 0 0 .099-1.725c-.232-3.376-2.966-6.092-6.345-6.3-3.873-.24-7.11 2.79-7.214 6.588-.1 3.7 2.933 6.892 6.634 6.974a6.75 6.75 0 0 0 4.136-1.294l7.212 6.394a.48.48 0 0 0 .797-.36V.456A.456.456 0 0 0 23.54 0Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/AmqpIcon.svelte b/frontend/src/lib/components/icons/AmqpIcon.svelte
index 41987f704f..c5de0c1699 100644
--- a/frontend/src/lib/components/icons/AmqpIcon.svelte
+++ b/frontend/src/lib/components/icons/AmqpIcon.svelte
@@ -8,6 +8,8 @@
 	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
 </script>
 
+<!-- No brand colour: AMQP is an OASIS protocol, not a vendor, and amqp.org publishes no palette
+	(https://www.amqp.org/legal.html). Generic glyph, deliberately monochrome — keep it on currentColor. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
diff --git a/frontend/src/lib/components/icons/AnsibleIcon.svelte b/frontend/src/lib/components/icons/AnsibleIcon.svelte
index a7ab92b1f2..1a09cb853c 100644
--- a/frontend/src/lib/components/icons/AnsibleIcon.svelte
+++ b/frontend/src/lib/components/icons/AnsibleIcon.svelte
@@ -7,7 +7,8 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<!-- The mark is a near-black disc knocked out with a white "A", so it needs inverting
+<!-- #000000 / #FFFFFF per ansible/logos community-marks (Black and White variants, CC BY-SA 4.0).
+	The mark is a solid disc knocked out with a white "A", so the pair is applied by inverting
 	rather than currentColor: recolouring the disc alone would leave white on light grey. -->
 <svg
 	{height}
@@ -40,7 +41,7 @@
 	</g>
 	<path
 		d="m255.879 127.868c0 70.4551-57.1101 127.565-127.566 127.565-70.4501 0-127.566-57.1096-127.566-127.565 0-70.4501 57.1161-127.566 127.566-127.566 70.4561 0 127.566 57.1161 127.566 127.566"
-		fill="#1a1918"
+		fill="#000000"
 	/>
 	<path
 		d="m130.46 78.2289 33.0116 81.4763-49.8635-39.2778 16.8519-42.1984zm58.6445 100.245-50.7786-122.202c-1.44952-3.52436-4.34807-5.38926-7.86591-5.38926-3.52436 0-6.63386 1.86489-8.08339 5.38926l-55.7329 134.04h19.0653l22.0623-55.2653 65.8389 53.1899c2.64792 2.14114 4.55852 3.1095 7.0422 3.1095 4.97389 0 9.32146-3.72878 9.32146-9.11101 0-.87594-.30939-2.2662-.86941-3.76143z"
diff --git a/frontend/src/lib/components/icons/AnthropicIcon.svelte b/frontend/src/lib/components/icons/AnthropicIcon.svelte
index c00fea6497..3d7805df3b 100644
--- a/frontend/src/lib/components/icons/AnthropicIcon.svelte
+++ b/frontend/src/lib/components/icons/AnthropicIcon.svelte
@@ -7,7 +7,15 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<!-- #141413 / #FAF9F5 per anthropics/skills. -->
+<svg
+	class="text-[#141413] dark:text-[#FAF9F5]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"
 	/>
diff --git a/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte b/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte
new file mode 100644
index 0000000000..8fe884c479
--- /dev/null
+++ b/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"
+	/>
+	<circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
+</svg>
diff --git a/frontend/src/lib/components/icons/ApifyIcon.svelte b/frontend/src/lib/components/icons/ApifyIcon.svelte
index b5f1529bdc..9c9e6d5978 100644
--- a/frontend/src/lib/components/icons/ApifyIcon.svelte
+++ b/frontend/src/lib/components/icons/ApifyIcon.svelte
@@ -1,22 +1,32 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #246DFF / #20A34E / #F86606 per apify.com/resources/brand. White/black variants are reserved for monochromatic contexts, so the tricolour mark stays in both themes. -->
 <svg {width} {height} viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!-- Apify logo icon (extracted from official SVG) -->
-  <g clip-path="url(#clip0_267_4154)">
-    <path d="M114.695 0H196.97C198.643 0 200 1.35671 200 3.03031V128.766C200 131.778 196.083 132.945 194.434 130.425L112.159 4.68953C110.841 2.67412 112.287 0 114.695 0Z" fill="#246DFF"/>
-    <path d="M85.3048 0H3.0303C1.35671 0 0 1.35671 0 3.03031V128.766C0 131.778 3.91698 132.945 5.566 130.425L87.8405 4.68953C89.1593 2.67412 87.7134 0 85.3048 0Z" fill="#20A34E"/>
-    <path d="M98.5909 100.668L5.12683 194.835C3.22886 196.747 4.58334 200 7.27759 200H192.8C195.483 200 196.842 196.77 194.967 194.852L102.908 100.685C101.726 99.4749 99.7824 99.4676 98.5909 100.668Z" fill="#F86606"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_267_4154">
-      <rect width="200" height="200" fill="white"/>
-    </clipPath>
-  </defs>
+	<!-- Apify logo icon (extracted from official SVG) -->
+	<g clip-path="url(#clip0_267_4154)">
+		<path
+			d="M114.695 0H196.97C198.643 0 200 1.35671 200 3.03031V128.766C200 131.778 196.083 132.945 194.434 130.425L112.159 4.68953C110.841 2.67412 112.287 0 114.695 0Z"
+			fill="#246DFF"
+		/>
+		<path
+			d="M85.3048 0H3.0303C1.35671 0 0 1.35671 0 3.03031V128.766C0 131.778 3.91698 132.945 5.566 130.425L87.8405 4.68953C89.1593 2.67412 87.7134 0 85.3048 0Z"
+			fill="#20A34E"
+		/>
+		<path
+			d="M98.5909 100.668L5.12683 194.835C3.22886 196.747 4.58334 200 7.27759 200H192.8C195.483 200 196.842 196.77 194.967 194.852L102.908 100.685C101.726 99.4749 99.7824 99.4676 98.5909 100.668Z"
+			fill="#F86606"
+		/>
+	</g>
+	<defs>
+		<clipPath id="clip0_267_4154">
+			<rect width="200" height="200" fill="white" />
+		</clipPath>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/ApolloIcon.svelte b/frontend/src/lib/components/icons/ApolloIcon.svelte
index 85dbb1730a..c41d0087f5 100644
--- a/frontend/src/lib/components/icons/ApolloIcon.svelte
+++ b/frontend/src/lib/components/icons/ApolloIcon.svelte
@@ -1,12 +1,31 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12,0C5.372,0 0,5.373 0,12 0,18.628 5.372,24 12,24 18.627,24 24,18.628 24,12A12.014,12.014 0 0 0 23.527,8.657 0.6,0.6 0 0 0 22.4,9.066H22.398C22.663,10.009 22.8,10.994 22.8,12A10.73,10.73 0 0 1 19.637,19.637 10.729,10.729 0 0 1 12,22.8 10.73,10.73 0 0 1 4.363,19.637 10.728,10.728 0 0 1 1.2,12 10.73,10.73 0 0 1 4.363,4.363 10.728,10.728 0 0 1 12,1.2C14.576,1.2 17.013,2.096 18.958,3.74A1.466,1.466 0 1 0 19.82,2.9 11.953,11.953 0 0 0 12,0ZM10.56,5.88 6.36,16.782H8.99L9.677,14.934H13.646L12.927,12.892H10.314L12.014,8.201 15.038,16.781H17.669L13.47,5.88Z"/>
+<!-- #1F1F1E / #F8FF2C per apollo.io. -->
+<svg
+	class="text-[#1F1F1E] dark:text-[#F8FF2C]"
+	{width}
+	{height}
+	viewBox="0 0 303 303"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M166.362 110.96L166.312 0.721829C161.444 0.251801 156.492 0 151.507 0C139.371 0 127.571 1.44366 116.257 4.12954L149.862 109.987C151.759 115.946 144.507 120.545 139.925 116.298L53.2608 36.1922C40.9738 46.6671 30.3821 59.0725 21.939 72.9551L132.438 131.407C147.831 139.548 166.362 128.385 166.362 110.96Z"
+	/>
+	<path
+		d="M136.272 192.56L136.322 302.245C141.324 302.748 146.393 303 151.513 303C163.464 303 175.097 301.607 186.259 298.988L152.772 193.534C150.875 187.575 158.126 182.975 162.709 187.222L249.272 267.228C261.609 256.803 272.251 244.431 280.745 230.599L170.195 172.131C154.803 163.989 136.272 175.153 136.272 192.577V192.56Z"
+	/>
+	<path
+		d="M186.777 140.371L267.045 53.5167C256.571 41.1785 244.167 30.5357 230.285 22.0752L171.67 132.901C163.529 148.295 174.691 166.827 192.115 166.81L302.245 166.76C302.748 161.741 303 156.654 303 151.501C303 139.515 301.607 127.865 298.972 116.685L193.088 150.309C187.129 152.206 182.53 144.954 186.777 140.371Z"
+	/>
+	<path
+		d="M110.516 136.711L0.721779 136.761C0.251783 141.612 0 146.531 0 151.5C0 163.62 1.42677 175.387 4.11246 186.685L109.526 153.212C115.485 151.315 120.084 158.567 115.837 163.15L36.005 249.534C46.4457 261.822 58.7998 272.431 72.6311 280.875L130.944 170.62C139.085 155.226 127.923 136.694 110.499 136.694L110.516 136.711Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/AppwriteIcon.svelte b/frontend/src/lib/components/icons/AppwriteIcon.svelte
index 53d8d0369b..34de69ee08 100644
--- a/frontend/src/lib/components/icons/AppwriteIcon.svelte
+++ b/frontend/src/lib/components/icons/AppwriteIcon.svelte
@@ -1,21 +1,29 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FD366E ("Appwrite Pink") per https://appwrite.io/assets. Brand asks that the logo not be altered, so no per-theme variant. -->
 <svg
-	x="0px"
-	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="0 30.3 512 451.5"
+	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
-	style="fill:currentcolor;"
 >
-<path fill-rule="evenodd" clip-rule="evenodd" d="M111.716 139.591C101.618 139.591 92.1532 136.884 84.0067 132.157C77.8943 135.694 71.1023 138.062 63.9721 139.059C49.4512 141.09 34.7181 137.269 23.0142 128.437C17.2134 124.066 12.3308 118.594 8.64533 112.336C4.95993 106.077 2.54395 99.1532 1.53545 91.9602C0.527001 84.7672 0.94584 77.4461 2.768 70.4149C4.59016 63.3838 7.77996 56.7809 12.1551 50.9832C16.5302 45.1854 22.005 40.3066 28.2664 36.6256C34.5278 32.9446 41.4532 30.5335 48.6472 29.5301C55.8407 28.5267 63.1613 28.9507 70.1914 30.7777C75.0433 32.0389 79.6913 33.9515 84.0104 36.4554C92.1563 31.7292 101.62 29.023 111.716 29.023C142.249 29.023 167 53.7741 167 84.307C167 114.84 142.249 139.591 111.716 139.591ZM74.7533 43.1944L74.7699 43.1799C67.0929 39.7354 58.5382 38.4798 50.0717 39.6638C38.2317 41.3196 27.534 47.6111 20.3325 57.1542C13.1311 66.6976 10.0156 78.7102 11.6714 90.5507C13.3272 102.391 19.6187 113.088 29.1618 120.29C38.7048 127.491 50.718 130.607 62.558 128.951C74.3985 127.295 85.0961 121.003 92.2974 111.46C99.4987 101.917 102.614 89.9044 100.958 78.0639C100.194 72.6015 98.4441 67.3823 95.8425 62.6373C91.1307 54.0783 83.7183 47.2148 74.7533 43.1944Z"/>
-<path d="M57.7961 65.1797C57.7297 65.3431 56.8847 68.6631 55.9743 72.6009C55.0296 76.5387 53.5325 82.7544 52.688 86.4318C51.0591 93.1683 50.0828 97.5943 50.0828 98.1805C50.0828 98.3418 51.0923 98.4736 52.328 98.4736H54.5747L55.5821 93.9812C56.1693 91.541 57.4714 85.9432 58.5125 81.5499C59.5542 77.156 60.8225 71.8191 61.3117 69.6705C61.7988 67.5223 62.287 65.5713 62.3855 65.3431C62.4836 65.0505 61.929 64.9535 60.2374 64.9535C58.9675 64.9535 57.8599 65.0505 57.7961 65.1797ZM40.3189 79.2715L37.3247 82.5267L38.2045 83.5673C38.6911 84.1524 40.0269 85.6179 41.1661 86.8224L43.2488 89.0344H49.1719L46.3738 86.0075C44.843 84.3822 43.5736 82.8192 43.5736 82.6242C43.5736 82.3965 44.7459 80.9325 46.1782 79.3701C47.6094 77.7765 48.7813 76.4075 48.7813 76.2451C48.7813 76.1149 47.5446 76.0174 46.048 76.0174H43.3469L40.3189 79.2715ZM63.1004 76.2119C63.1004 76.311 63.6539 76.9283 64.336 77.612C66.8763 80.1503 68.666 82.2995 68.568 82.7212C68.5037 82.95 67.2659 84.4782 65.7698 86.0734L63.0698 89.0344H66.0951L69.122 89.0022L71.8869 85.9764C73.4178 84.2852 74.654 82.786 74.654 82.591C74.654 82.4297 73.3524 80.8993 71.7246 79.1755L68.7967 76.0174H65.9639C64.3692 76.0174 63.1004 76.1149 63.1004 76.2119Z"/>
+	<style>
+		.appwrite-st0 {
+			fill: #fd366e;
+		}
+	</style><path
+		d="M512 368.9v112.9H225.2c-83.6 0-156.5-45.4-195.5-112.9-5.7-9.8-10.6-20.1-14.8-30.8C6.7 317.2 1.6 294.7 0 271.3v-30.5c.3-5.2.9-10.4 1.6-15.5C3 214.7 5.2 204.4 8 194.4 34.8 99.7 121.9 30.3 225.2 30.3s190.4 69.4 217.2 164.2H319.8c-20.1-30.9-55-51.3-94.6-51.3s-74.5 20.4-94.6 51.3c-6.1 9.4-10.9 19.7-14 30.8-2.8 9.8-4.2 20.1-4.2 30.8 0 32.4 13.6 61.5 35.4 82.1 20.2 19.1 47.5 30.8 77.4 30.8H512z"
+		class="appwrite-st0"
+	/><path
+		d="M512 225.2v112.9H302.7c21.8-20.6 35.4-49.7 35.4-82.1 0-10.7-1.5-21-4.2-30.8z"
+		class="appwrite-st0"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ArcGisIcon.svelte b/frontend/src/lib/components/icons/ArcGisIcon.svelte
new file mode 100644
index 0000000000..660d28b804
--- /dev/null
+++ b/frontend/src/lib/components/icons/ArcGisIcon.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #006FDE per Esri's ArcGIS Pro product logo (esri.com/content/dam/esrisites/en-us/common/icons/product-logos/arcgis-pro-64.svg). Esri publishes no reversed variant for this badge and forbids altering its logos. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#006FDE" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M12 0a.84923.84923 0 0 0-.33766.07031l-8.5183 3.69444C2.1458 4.19776 1.4997 5.1816 1.4997 6.2697v13.2521l10.16264 4.40783c.21517.09333.46015.09407.67532.00073l8.5183-3.6959c.99824-.43301 1.64434-1.41685 1.64434-2.50495V4.47814L12.33766.06958C12.23007.02291 12.11516-.00005 12 0Zm0 4.83705c4.16294 0 7.53757 3.3746 7.53757 7.53757S16.163 19.91218 12 19.91218c-4.163 0-7.53757-3.37462-7.53757-7.53756S7.837 4.83705 12 4.83705zm-.3501 1.38871c-.89685-.02267-2.32742.2409-3.74645 1.6143.34958.55454.64544.97782.49 1.41801-.23127.65503-.5139.51378-1.07083.99466-.39567.34169.2067 1.01292-.31275 1.30595-.51945.29306-1.21315.6636-.94925 1.17557.2639.51196 1.4691.83013 1.95929 1.07522.49018.2451.92812.70605.6072 1.2371-.31403.51948-.53713 1.13083-.60134 1.60917 1.0549.94423 2.44706 1.51909 3.97423 1.51909 3.2928 0 5.81772-2.71048 5.96208-6.00017.04062-.92531-.93924-.93972-1.53447-.93972 0 0 .34061.92356.01831 1.43632-.3223.51278-.84968.76166-.83498 1.37699.01464.61533-.93743 1.5967-1.2598 1.9483-.32223.35163-.9228.74718-1.12796-.0586-.2051-.80579-.12596-1.47799.1084-2.04938.23442-.57136-.2174-.74707-.92068-.76174-.7032-.01463-1.0798-.10795-1.18656-1.19315-.08787-.89369 1.2429-1.84356 1.81426-1.84356.33406 0 1.45485.21963 1.50737-.34058.08056-.8593-.8204-1.04164-1.03934-1.60185C13.2877 7.58747 14.98596 6.60707 12 6.24993c-.10475-.01253-.22199-.02093-.3501-.02417z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/AsanaIcon.svelte b/frontend/src/lib/components/icons/AsanaIcon.svelte
index 2c03b80a27..e6043784fd 100644
--- a/frontend/src/lib/components/icons/AsanaIcon.svelte
+++ b/frontend/src/lib/components/icons/AsanaIcon.svelte
@@ -7,6 +7,7 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF584A on both themes per asana.com/brand. Asana's guidelines forbid recolouring: the symbol always appears in coral, on light and dark backgrounds alike. -->
 <svg
 	{width}
 	{height}
@@ -16,7 +17,7 @@
 	><title>Asana</title><g
 		><path
 			d="M200.324957,125.270044 C169.575962,125.270044 144.649915,150.19729 144.649915,180.947483 C144.649915,211.696478 169.575962,236.623724 200.324957,236.623724 C231.073952,236.623724 256,211.696478 256,180.947483 C256,150.19729 231.073952,125.270044 200.324957,125.270044 L200.324957,125.270044 Z M55.6754021,125.274837 C24.9270063,125.274837 0,150.19729 0,180.947483 C0,211.696478 24.9270063,236.623724 55.6754021,236.623724 C86.425116,236.623724 111.35332,211.696478 111.35332,180.947483 C111.35332,150.19729 86.425116,125.274837 55.6754021,125.274837 L55.6754021,125.274837 Z M183.674444,55.674204 C183.674444,86.425116 158.748396,111.354638 128.000599,111.354638 C97.2505258,111.354638 72.3247177,86.425116 72.3247177,55.674204 C72.3247177,24.9294026 97.2505258,0 128.000599,0 C158.748396,0 183.674444,24.9294026 183.674444,55.674204 L183.674444,55.674204 Z"
-			fill="#F06A6A"
+			fill="#FF584A"
 		/></g
 	></svg
 >
diff --git a/frontend/src/lib/components/icons/AssemblyAiIcon.svelte b/frontend/src/lib/components/icons/AssemblyAiIcon.svelte
new file mode 100644
index 0000000000..bfc65a32db
--- /dev/null
+++ b/frontend/src/lib/components/icons/AssemblyAiIcon.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #1D1B16 / #C7C3B2 per assemblyai.com (assemblyai-logo-full-primary.svg /
+	assemblyai-logo-full-secondary.svg). Two colours per theme, so the second stroke carries its
+	own fill- utilities: #777673 on light, #FFFFFF on dark. -->
+<svg
+	class="text-[#1D1B16] dark:text-[#C7C3B2]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M10.595 1.5a3.695 3.695 0 00-3.444 2.355L0 22.26h5.432l5.629-14.486h.002a.96.96 0 011.782 0h.75V4.835h-1.393L13.498 1.5h-2.902z"
+	/>
+	<path
+		class="fill-[#777673] dark:fill-[#FFFFFF]"
+		d="M7.151 3.855a3.695 3.695 0 013.26-2.35l-.002-.005H13.405c1.524 0 2.893.936 3.444 2.355L24 22.26h-5.525L11.54 4.413a2.528 2.528 0 00-4.609.006l.22-.564z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte b/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte
index b4d019e4b6..d7342a2765 100644
--- a/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte
+++ b/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte
@@ -6,7 +6,12 @@
 		class?: string
 	}
 
-	let { height = '24px', width = '24px', fill = 'black', class: className = '' }: Props = $props()
+	let {
+		height = '24px',
+		width = '24px',
+		fill = 'currentColor',
+		class: className = ''
+	}: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte b/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte
index 814e4beb72..bca57f64c0 100644
--- a/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte
+++ b/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte
@@ -6,7 +6,12 @@
 		class?: string
 	}
 
-	let { height = '24px', width = '24px', fill = 'black', class: className = '' }: Props = $props()
+	let {
+		height = '24px',
+		width = '24px',
+		fill = 'currentColor',
+		class: className = ''
+	}: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/AttioIcon.svelte b/frontend/src/lib/components/icons/AttioIcon.svelte
new file mode 100644
index 0000000000..5f0d5b9a3c
--- /dev/null
+++ b/frontend/src/lib/components/icons/AttioIcon.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #1C1D1F / #FFFFFF per the attio.com header logo (--color-black-100 / --color-white-100). The
+	mark is a filled compound path; stroking it instead thickens it and leaks the default black fill. -->
+<svg
+	class="text-[#1C1D1F] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 18 18"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M16.7802 11.5317L15.4723 9.43851C15.4723 9.43851 15.4674 9.42975 15.4645 9.42586L15.3613 9.2614C15.1667 8.94902 14.83 8.76218 14.4622 8.76121L12.3553 8.75439L12.2084 8.98989L9.69085 13.0187L9.55169 13.2415L10.6066 14.927C10.8012 15.2404 11.1379 15.4272 11.5087 15.4272H14.4612C14.8251 15.4272 15.1696 15.2355 15.3623 14.928L15.4664 14.7616C15.4664 14.7616 15.4703 14.7567 15.4713 14.7548L16.7812 12.6586C16.9962 12.3161 16.9962 11.8733 16.7812 11.5317H16.7802ZM16.3812 12.4085L15.0714 14.5047C15.0655 14.5144 15.0587 14.5222 15.0529 14.53C15.0071 14.5816 14.9478 14.5884 14.9215 14.5884C14.8913 14.5884 14.8174 14.5796 14.7697 14.5037L13.4598 12.4076C13.4452 12.3842 13.4326 12.3599 13.4209 12.3336C13.4092 12.3083 13.4005 12.283 13.3927 12.2567C13.3635 12.1516 13.3635 12.0387 13.3927 11.9336C13.4073 11.8821 13.4297 11.8305 13.4589 11.7838L14.7668 9.68958C14.7668 9.68958 14.7687 9.68666 14.7697 9.68472C14.8008 9.63801 14.8397 9.6166 14.8738 9.60979C14.8874 9.60589 14.8991 9.60492 14.9088 9.60297C14.9137 9.60297 14.9186 9.60297 14.9234 9.60297C14.9536 9.60297 15.0285 9.61271 15.0752 9.68861L16.3831 11.7818C16.5028 11.9726 16.5028 12.2178 16.3831 12.4085H16.3812Z"
+		fill="currentColor"
+	/>
+	<path
+		d="M12.9099 6.46677C13.124 6.12325 13.124 5.68145 12.9099 5.33988L11.602 3.24665L11.493 3.07051C11.2974 2.75813 10.9607 2.57129 10.5909 2.57129H7.63838C7.26956 2.57129 6.93285 2.75813 6.73628 3.07148L1.4492 11.5329C1.34313 11.7023 1.28571 11.8979 1.28571 12.0964C1.28571 12.2949 1.34216 12.4905 1.44823 12.6589L2.8661 14.9292C3.0617 15.2426 3.3984 15.4284 3.76722 15.4284H6.71974C7.0905 15.4284 7.42721 15.2416 7.62184 14.9282L7.72986 14.757C7.72986 14.757 7.72986 14.757 7.72986 14.755C7.72986 14.755 7.7318 14.7521 7.7318 14.7511L8.78572 13.0656L11.9095 8.06662L12.9079 6.46775L12.9099 6.46677ZM12.6014 5.90332C12.6014 6.01134 12.5712 6.12034 12.5099 6.21668L7.33087 14.5059C7.28416 14.5808 7.20923 14.5896 7.17906 14.5896C7.14889 14.5896 7.07493 14.5808 7.02725 14.5059L5.71837 12.4088C5.59965 12.219 5.59965 11.9748 5.71837 11.783L10.8974 3.49577C10.9441 3.41987 11.0191 3.41111 11.0492 3.41111C11.0794 3.41111 11.1543 3.41987 11.202 3.49675L12.5099 5.58997C12.5712 5.68631 12.6014 5.79531 12.6014 5.90332V5.90332Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/Auth0Icon.svelte b/frontend/src/lib/components/icons/Auth0Icon.svelte
index fbf419e3cf..97fa53a3d9 100644
--- a/frontend/src/lib/components/icons/Auth0Icon.svelte
+++ b/frontend/src/lib/components/icons/Auth0Icon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
 		size?: number
 		height?: number
@@ -20,17 +21,27 @@
 	)
 </script>
 
+<!-- #232220 / #FFFFFF per auth0.com docs logo light.svg / dark.svg. Okta's content terms forbid altering the mark, so ship only these published variants. -->
 <svg
 	role="img"
 	{width}
 	{height}
-	viewBox="0 0 256 285"
+	viewBox="0 0 19.7865 24"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
-	class={clazz}
+	class={twMerge('text-[#232220] dark:text-[#FFFFFF]', clazz)}
 >
 	<title>auth0-svg</title>
 	<path
-		d="M220.412 0H127.997L156.559 89.006H248.975L174.205 142.083L202.775 231.594C250.903 196.534 266.629 143.474 248.983 89.006L220.412 0ZM7.01792 89.006H99.4339L127.997 0H35.5889L7.01792 89.006ZM7.01792 89.006C-10.6371 143.474 5.09792 196.535 53.2249 231.594L81.7879 142.084L7.01792 89.006ZM53.2259 231.594L127.996 284.564L202.766 231.594L127.996 177.747L53.2259 231.594Z"
+		d="M1.26834 10.2499C5.20746 9.60217 8.29463 6.51809 8.94341 2.58331L9.259 0.669875C9.31961 0.299735 9.01532 -0.0268029 8.64069 0.00174179C5.64144 0.23355 2.81491 1.2254 1.2539 1.86467C0.495844 2.17553 0 2.91142 0 3.73043V9.77877C0 10.1345 0.31842 10.4052 0.670128 10.3475L1.26834 10.2499Z"
+	/>
+	<path
+		d="M10.8431 2.58304C11.4915 6.51782 14.579 9.60158 18.5181 10.2496L19.1163 10.3475C19.4681 10.4052 19.7865 10.1345 19.7865 9.77881V3.73047C19.7865 2.91115 19.2906 2.17557 18.5326 1.86472C16.9716 1.22419 14.1438 0.233592 11.1458 0.00178354C10.7712 -0.0270748 10.4656 0.298523 10.5275 0.669918L10.8431 2.58304Z"
+	/>
+	<path
+		d="M18.5182 12.1463C14.5791 12.794 11.4919 15.8781 10.8431 19.8129L10.4497 23.5475C10.4136 23.8844 10.7885 24.1219 11.0708 23.9333C11.0736 23.9318 11.0752 23.9305 11.078 23.929C13.5485 22.2646 19.1839 17.9079 19.7416 12.4659C19.769 12.198 19.5313 11.9794 19.2659 12.0224L18.5192 12.1447L18.5182 12.1463Z"
+	/>
+	<path
+		d="M8.94451 19.8092C8.29605 15.8744 5.20857 12.7906 1.26945 12.1426L0.466486 12.0102C0.230026 11.9713 0.018374 12.167 0.0412978 12.406C0.570115 17.8785 6.28347 22.2624 8.77557 23.9296C9.0337 24.1009 9.37504 23.8951 9.34207 23.5871L8.94451 19.8092Z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/AutheliaIcon.svelte b/frontend/src/lib/components/icons/AutheliaIcon.svelte
index 037844b4d3..4878dcb26f 100644
--- a/frontend/src/lib/components/icons/AutheliaIcon.svelte
+++ b/frontend/src/lib/components/icons/AutheliaIcon.svelte
@@ -1,32 +1,48 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335.000000 335.000000" width="24" height="24" >
-    <title>authelia-svg</title>
-    <g transform="translate(0.000000,335.000000) scale(0.100000,-0.100000)" fill="#3F51B4" stroke="none">
-        <path d="M1359 3300 c-142 -23 -312 -83 -477 -170 -422 -222 -751 -668 -836
+<!-- #3F51B4 per authelia.com/images/branding/logo-cropped.svg (light stop of the official #3F51B4→#113155 gradient, flattened).
+	 authelia.com/reference/guides/branding permits format/layout changes only — do not alter the design. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335.000000 335.000000" width="24" height="24">
+	<title>authelia-svg</title>
+	<g
+		transform="translate(0.000000,335.000000) scale(0.100000,-0.100000)"
+		fill="#3F51B4"
+		stroke="none"
+	>
+		<path
+			d="M1359 3300 c-142 -23 -312 -83 -477 -170 -422 -222 -751 -668 -836
         -1130 -31 -172 -36 -276 -21 -456 20 -235 69 -414 168 -610 56 -112 173 -280
         251 -360 67 -70 74 -74 115 -74 57 0 111 49 111 103 0 36 -13 57 -87 141 -57
         64 -156 212 -198 296 -50 99 -102 256 -126 383 -31 155 -31 388 0 534 94 447
         385 818 795 1014 120 57 239 93 396 119 63 11 125 22 138 25 52 12 81 119 44
-        165 -15 19 -29 22 -117 25 -55 2 -125 0 -156 -5z"/>
-        <path d="M2049 2801 c-23 -24 -29 -38 -29 -73 0 -56 19 -82 83 -114 281 -142
+        165 -15 19 -29 22 -117 25 -55 2 -125 0 -156 -5z"
+		/>
+		<path
+			d="M2049 2801 c-23 -24 -29 -38 -29 -73 0 -56 19 -82 83 -114 281 -142
         464 -357 552 -649 34 -113 61 -145 122 -145 33 0 50 7 75 29 30 27 33 34 31
         83 -3 102 -83 298 -184 453 -64 98 -229 264 -324 326 -188 124 -269 147 -326
-        90z"/>
-        <path d="M1030 2750 c-113 -68 -175 -118 -263 -209 -315 -330 -418 -808 -271
+        90z"
+		/>
+		<path
+			d="M1030 2750 c-113 -68 -175 -118 -263 -209 -315 -330 -418 -808 -271
         -1256 136 -417 487 -726 929 -821 98 -20 360 -24 454 -5 321 63 602 234 785
         478 85 114 151 244 151 301 0 58 -45 102 -104 102 -55 0 -84 -27 -136 -129
         -180 -348 -561 -567 -950 -548 -241 12 -474 110 -657 276 -130 118 -237 296
         -285 477 -23 88 -26 119 -27 269 -1 148 2 181 22 255 28 101 93 242 152 331
         59 88 191 215 279 269 41 25 92 62 114 83 37 35 39 40 34 80 -4 30 -15 50 -37
-        70 -47 42 -90 37 -190 -23z"/>
-        <path d="M1528 2494 c-312 -56 -570 -293 -652 -599 -24 -87 -31 -249 -16 -342
+        70 -47 42 -90 37 -190 -23z"
+		/>
+		<path
+			d="M1528 2494 c-312 -56 -570 -293 -652 -599 -24 -87 -31 -249 -16 -342
         53 -330 298 -595 623 -673 158 -38 369 -22 512 40 177 76 329 219 415 391 187
         371 69 825 -273 1053 -186 124 -396 169 -609 130z m216 -266 c25 -8 59 -31 86
         -58 94 -94 94 -219 -1 -313 l-48 -49 64 -261 c72 -291 72 -297 12 -355 -43
         -42 -105 -62 -191 -62 -115 0 -206 56 -221 137 -4 17 19 129 58 287 l65 258
-        -41 37 c-103 93 -103 245 1 332 67 56 135 71 216 47z"/>
-        <path d="M3034 2306 c-42 -42 -43 -69 -9 -159 50 -135 69 -256 69 -457 1 -206
+        -41 37 c-103 93 -103 245 1 332 67 56 135 71 216 47z"
+		/>
+		<path
+			d="M3034 2306 c-42 -42 -43 -69 -9 -159 50 -135 69 -256 69 -457 1 -206
         -10 -279 -69 -457 -118 -354 -379 -654 -714 -823 -96 -48 -283 -106 -401 -125
         -158 -25 -178 -32 -200 -68 -61 -99 20 -179 165 -162 702 79 1290 633 1421
-        1340 25 134 25 437 0 575 -26 150 -80 311 -114 343 -43 41 -103 38 -148 -7z"/>
-    </g>
+        1340 25 134 25 437 0 575 -26 150 -80 311 -114 343 -43 41 -103 38 -148 -7z"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/AuthentikIcon.svelte b/frontend/src/lib/components/icons/AuthentikIcon.svelte
index ee52fba6af..e79f18eef1 100644
--- a/frontend/src/lib/components/icons/AuthentikIcon.svelte
+++ b/frontend/src/lib/components/icons/AuthentikIcon.svelte
@@ -1,27 +1,19 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="24" height="24">
-    <title>authentik-svg</title>
-    <defs>
-        <style>.cls-1 {
-            fill: #fd4b2d;
-        }
-        </style>
-    </defs>
-    <rect class="cls-1" x="546.66" y="275.34" width="34.99" height="99.97"/>
-    <rect class="cls-1" x="637.66" y="271.13" width="34.99" height="78.19"/>
-    <path class="cls-1"
-          d="M127.64,385.31a127.57,127.57,0,0,0-112.13,66.9H74.82c26.27-22.67,64.42-29.28,92,0h62.8C205.11,419.06,168.36,385.31,127.64,385.31Z"/>
-    <path class="cls-1"
-          d="M212.39,512.53C130.55,683.65-12.89,537.81,74.82,452.21H15.51C-31,533.33,33.3,642.73,127.64,640.24c73,0,133.2-108.3,133.2-127.46,0-8.47-11.78-34.33-31.2-60.57h-62.8C187.65,471.08,205.81,498.56,212.39,512.53Zm2.17-5h0Z"/>
-    <path class="cls-1"
-          d="M999.94,274.11V725.89c0,86.58-70.42,157.06-157.05,157.06H776.22V729.12H457.88V883H391.22c-86.64,0-157.06-70.48-157.06-157.06V583.81H738.87V312.11H495.24V464.76H234.16V274.11a151.29,151.29,0,0,1,1.06-18,154.4,154.4,0,0,1,3.88-21.15c.58-2.23,1.23-4.46,1.88-6.64a13.66,13.66,0,0,1,.52-1.64c.36-1.12.71-2.17,1.06-3.23s.76-2.17,1.18-3.23c.47-1.23.88-2.41,1.35-3.58s1-2.35,1.47-3.53a159,159,0,0,1,14.27-26.49c.06-.06.12-.17.17-.23,1.41-2.06,2.88-4.11,4.41-6.17,1.29-1.7,2.58-3.35,3.88-5,1.52-1.82,3.11-3.7,4.69-5.46s3.12-3.47,4.76-5.11l.18-.18a36.53,36.53,0,0,1,2.64-2.64,159.75,159.75,0,0,1,18.68-15.63c1.76-1.29,3.64-2.52,5.52-3.76,2.11-1.35,4.23-2.64,6.4-3.93,4.11-2.41,8.28-4.64,12.63-6.64,1.35-.64,2.76-1.29,4.11-1.88a152.81,152.81,0,0,1,18.38-6.63c2.41-.71,4.82-1.35,7.29-1.94,1.17-.3,2.35-.59,3.58-.82a158.5,158.5,0,0,1,21.26-3.12l3.12-.17c.52,0,1-.06,1.52-.06,2.35-.12,4.76-.18,7.17-.18H842.89c2.4,0,4.81.06,7.16.18.53,0,1,.06,1.53.06l3.11.17A158.26,158.26,0,0,1,876,120.58c1.24.23,2.41.52,3.59.82,2.46.59,4.87,1.23,7.28,1.94A152.81,152.81,0,0,1,905.2,130c1.35.59,2.76,1.24,4.11,1.88,4.35,2,8.52,4.23,12.63,6.64,2.18,1.29,4.29,2.58,6.4,3.93,1.88,1.24,3.76,2.47,5.52,3.76a157.53,157.53,0,0,1,21.5,18.45c1.65,1.64,3.23,3.34,4.76,5.11s3.17,3.64,4.7,5.46c1.29,1.64,2.58,3.29,3.87,5,1.53,2.06,3,4.11,4.41,6.17.06.06.12.17.18.23a159.71,159.71,0,0,1,14.27,26.49c.47,1.18,1,2.35,1.47,3.53s.88,2.35,1.35,3.58c.41,1.06.82,2.11,1.17,3.23s.71,2.11,1.06,3.23a15.74,15.74,0,0,1,.53,1.64c.64,2.18,1.29,4.41,1.88,6.64a155.92,155.92,0,0,1,3.87,21.15A151.29,151.29,0,0,1,999.94,274.11Z"/>
-    <path class="cls-1"
-          d="M973.27,186.59H260.84A157.05,157.05,0,0,1,391.2,117.07H842.9A157.08,157.08,0,0,1,973.27,186.59Z"/>
-    <path class="cls-1"
-          d="M998.94,256.1H235.16a155.35,155.35,0,0,1,25.68-69.51H973.27A155.34,155.34,0,0,1,998.94,256.1Z"/>
-    <path class="cls-1"
-          d="M1000,274.11v51.51H738.87V312.11H495.24v13.51H234.1V274.11a153.41,153.41,0,0,1,1.06-18H998.94A151.29,151.29,0,0,1,1000,274.11Z"/>
-    <rect class="cls-1" x="234.1" y="325.62" width="261.13" height="69.54"/>
-    <rect class="cls-1" x="738.87" y="325.62" width="261.13" height="69.54"/>
-    <rect class="cls-1" x="234.1" y="395.16" width="261.13" height="69.48"/>
-    <rect class="cls-1" x="738.87" y="395.16" width="261.13" height="69.48"/>
+<!-- #FD4B2D / #FFFFFF per goauthentik.io/press. The white variant is the brand's own asset for dark backgrounds; proportions and colour must not be altered otherwise. -->
+<svg
+	id="Layer_1"
+	data-name="Layer 1"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 1000 1000"
+	width="24"
+	height="24"
+	fill="currentColor"
+	class="text-[#FD4B2D] dark:text-[#FFFFFF]"
+>
+	<title>authentik-svg</title>
+	<path
+		d="M830.2,118.09h-425.28c-93.1,0-169.27,76.17-169.27,169.27v425.28c0,93.1,76.17,169.27,169.27,169.27h50.18v-165.68h324.96v165.68h50.14c93.1,0,169.27-76.17,169.27-169.27v-425.28c0-93.1-76.17-169.27-169.27-169.27ZM756.51,581.62H235.93v-114.49h268.96v-158.97h43.68v94.7h25.61v-94.7h30.88v69.64h25.61v-69.64h30.88v116.35h25.61v-116.35h43.68v158.97h25.69v114.49Z"
+	/>
+	<path
+		d="M237.89,460.28h-.02c-25.34-34.27-63.32-69.15-105.42-69.15-48.4.03-92.89,26.58-115.91,69.15-48.08,83.85,18.39,196.94,115.91,194.36,75.46,0,137.69-111.95,137.69-131.75,0-8.76-12.18-35.49-32.25-62.61ZM77.85,460.28c27.16-23.43,66.59-30.27,95.1,0h.02c21.51,19.51,40.28,47.91,47.08,62.35-84.6,176.88-232.87,26.13-142.2-62.35Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/AwsEcrIcon.svelte b/frontend/src/lib/components/icons/AwsEcrIcon.svelte
index 2801712f62..379a14e4a0 100644
--- a/frontend/src/lib/components/icons/AwsEcrIcon.svelte
+++ b/frontend/src/lib/components/icons/AwsEcrIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #ED7100 tile with a #FFFFFF glyph per the AWS Architecture Icons package
+(Icon-package_07312026, Arch_Containers/Arch_Amazon-Elastic-Container-Registry). AWS ships one flat
+fill for both themes; the gradient tile was retired in the 2023 accessibility refresh. -->
+
 <svg
 	x="0px"
 	y="0px"
@@ -17,7 +21,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<g clip-path="url(#clip0_305_193)">
-		<path d="M168 0H0V168H168V0Z" fill="url(#paint0_linear_305_193)" />
+		<path d="M168 0H0V168H168V0Z" fill="#ED7100" />
 		<path
 			fill-rule="evenodd"
 			clip-rule="evenodd"
@@ -26,17 +30,6 @@
 		/>
 	</g>
 	<defs>
-		<linearGradient
-			id="paint0_linear_305_193"
-			x1="0"
-			y1="16800"
-			x2="16800"
-			y2="0"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop stop-color="#C8511B" />
-			<stop offset="1" stop-color="#FF9900" />
-		</linearGradient>
 		<clipPath id="clip0_305_193">
 			<rect width="168" height="168" fill="white" />
 		</clipPath>
diff --git a/frontend/src/lib/components/icons/AwsIcon.svelte b/frontend/src/lib/components/icons/AwsIcon.svelte
index 3b02d9d773..7f371a6229 100644
--- a/frontend/src/lib/components/icons/AwsIcon.svelte
+++ b/frontend/src/lib/components/icons/AwsIcon.svelte
@@ -1,33 +1,38 @@
+<!-- #252F3E / #FFFFFF wordmark, #FF9900 smile, per AWS's own logo files (d0.awsstatic.com/logos/powered-by-aws{,-white}.png).
+	 aws.amazon.com/trademark-guidelines forbids altering the logo's colour, so only these two published variants may be used. -->
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
-		size?: number;
-		color?: string | undefined;
-		class?: string;
+		// `size` is what dynamic call sites pass (RowIcon, TriggersBadge, ToggleButton,
+		// global search); width/height stay for the ones that pass those instead.
+		size?: number
+		height?: string | number
+		width?: string | number
+		class?: string
 	}
 
-	let { size = 16, color = undefined, class: clazz = '' }: Props = $props();
-	
+	let { size = 16, height = undefined, width = undefined, class: clazz = '' }: Props = $props()
 </script>
 
 <svg
-	width={size}
-	height={size}
-	viewBox="0 0 168 168"
-	class={clazz}
+	class={twMerge('text-[#252F3E] dark:text-white', clazz)}
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0.02 102.6 511.9 306.4"
 	xmlns="http://www.w3.org/2000/svg"
-	fill={color ?? 'currentColor'}
 >
 	<path
-		d="M47.7805 70.052C47.7805 72.0948 48.0013 73.7511 48.3878 74.9657C48.8295 76.1803 49.3816 77.5054 50.1545 78.9408C50.4306 79.3825 50.541 79.8242 50.541 80.2106C50.541 80.7627 50.2097 81.3148 49.492 81.8669L46.0138 84.1858C45.5169 84.517 45.02 84.6826 44.5783 84.6826C44.0262 84.6826 43.4741 84.4066 42.922 83.9097C42.1491 83.0816 41.4866 82.1982 40.9345 81.3148C40.3824 80.3763 39.8303 79.3273 39.223 78.0575C34.9166 83.1368 29.506 85.6764 22.9913 85.6764C18.3536 85.6764 14.6546 84.3514 11.9493 81.7013C9.24402 79.0512 7.86377 75.5178 7.86377 71.101C7.86377 66.4082 9.52007 62.5987 12.8879 59.7278C16.2557 56.8569 20.7277 55.4214 26.4143 55.4214C28.2914 55.4214 30.2238 55.5871 32.2665 55.8631C34.3093 56.1392 36.4073 56.5808 38.6157 57.0777V53.0474C38.6157 48.8515 37.7323 45.9253 36.0208 44.2138C34.2541 42.5023 31.2727 41.6742 27.0216 41.6742C25.0892 41.6742 23.1017 41.895 21.0589 42.3919C19.0162 42.8888 17.0286 43.4961 15.0963 44.269C14.2129 44.6555 13.5504 44.8763 13.1639 44.9868C12.7774 45.0972 12.5014 45.1524 12.2806 45.1524C11.5076 45.1524 11.1212 44.6003 11.1212 43.4409V40.7356C11.1212 39.8522 11.2316 39.1897 11.5076 38.8033C11.7837 38.4168 12.2806 38.0303 13.0535 37.6439C14.9858 36.6501 17.3047 35.8219 20.0099 35.1594C22.7152 34.4417 25.5861 34.1104 28.6227 34.1104C35.1926 34.1104 39.9959 35.6011 43.0877 38.5824C46.1242 41.5637 47.6701 46.091 47.6701 52.164V70.052H47.7805ZM25.3653 78.4439C27.1872 78.4439 29.0644 78.1127 31.0519 77.4502C33.0395 76.7876 34.8062 75.573 36.2968 73.9167C37.1802 72.8677 37.8427 71.7083 38.174 70.3833C38.5052 69.0583 38.7261 67.4572 38.7261 65.58V63.2612C37.125 62.8748 35.4135 62.5435 33.6468 62.3227C31.8801 62.1018 30.1685 61.9914 28.457 61.9914C24.758 61.9914 22.0527 62.7091 20.2308 64.1998C18.4088 65.6905 17.5255 67.7884 17.5255 70.5489C17.5255 73.1438 18.188 75.0761 19.5683 76.4012C20.8933 77.7814 22.8256 78.4439 25.3653 78.4439ZM69.6988 84.4066C68.705 84.4066 68.0425 84.241 67.6008 83.8545C67.1591 83.5232 66.7727 82.7503 66.4414 81.7013L53.4671 39.0241C53.1358 37.9199 52.9702 37.2022 52.9702 36.8157C52.9702 35.9323 53.4119 35.4355 54.2952 35.4355H59.7058C60.7548 35.4355 61.4725 35.6011 61.859 35.9876C62.3007 36.3188 62.6319 37.0918 62.9632 38.1407L72.2384 74.6897L80.8512 38.1407C81.1272 37.0365 81.4585 36.3188 81.9002 35.9876C82.3418 35.6563 83.1148 35.4355 84.1086 35.4355H88.5253C89.5743 35.4355 90.2921 35.6011 90.7337 35.9876C91.1754 36.3188 91.5619 37.0918 91.7827 38.1407L100.506 75.1313L110.057 38.1407C110.388 37.0365 110.775 36.3188 111.161 35.9876C111.603 35.6563 112.321 35.4355 113.315 35.4355H118.449C119.332 35.4355 119.829 35.8771 119.829 36.8157C119.829 37.0918 119.774 37.3678 119.719 37.6991C119.664 38.0303 119.553 38.472 119.332 39.0793L106.027 81.7565C105.696 82.8607 105.309 83.5784 104.867 83.9097C104.426 84.241 103.708 84.4618 102.769 84.4618H98.0214C96.9725 84.4618 96.2547 84.2962 95.813 83.9097C95.3714 83.5232 94.9849 82.8055 94.7641 81.7013L86.2065 46.091L77.7042 81.6461C77.4282 82.7503 77.0969 83.468 76.6552 83.8545C76.2136 84.241 75.4406 84.4066 74.4468 84.4066H69.6988ZM140.643 85.8973C137.773 85.8973 134.902 85.566 132.141 84.9035C129.381 84.241 127.227 83.5232 125.792 82.6951C124.909 82.1982 124.301 81.6461 124.08 81.1492C123.86 80.6523 123.749 80.1002 123.749 79.6033V76.7876C123.749 75.6282 124.191 75.0761 125.019 75.0761C125.35 75.0761 125.682 75.1313 126.013 75.2418C126.344 75.3522 126.841 75.573 127.393 75.7939C129.27 76.622 131.313 77.2845 133.466 77.7262C135.675 78.1679 137.828 78.3887 140.036 78.3887C143.514 78.3887 146.22 77.7814 148.097 76.5668C149.974 75.3522 150.968 73.5855 150.968 71.3219C150.968 69.776 150.471 68.5062 149.477 67.4572C148.483 66.4082 146.606 65.4696 143.901 64.5863L135.895 62.1018C131.865 60.832 128.884 58.9549 127.062 56.4704C125.24 54.0412 124.301 51.3359 124.301 48.465C124.301 46.1462 124.798 44.1034 125.792 42.3367C126.786 40.57 128.111 39.0241 129.767 37.8095C131.423 36.5397 133.301 35.6011 135.509 34.9386C137.717 34.276 140.036 34 142.465 34C143.68 34 144.95 34.0552 146.164 34.2208C147.434 34.3865 148.594 34.6073 149.753 34.8281C150.857 35.1042 151.906 35.3802 152.9 35.7115C153.894 36.0428 154.667 36.374 155.219 36.7053C155.992 37.147 156.544 37.5886 156.875 38.0855C157.206 38.5272 157.372 39.1345 157.372 39.9075V42.5023C157.372 43.6617 156.93 44.269 156.102 44.269C155.661 44.269 154.943 44.0482 154.004 43.6065C150.857 42.1711 147.324 41.4533 143.404 41.4533C140.257 41.4533 137.773 41.9502 136.061 42.9992C134.35 44.0482 133.466 45.6493 133.466 47.9129C133.466 49.4588 134.018 50.7838 135.122 51.8328C136.227 52.8818 138.269 53.9308 141.196 54.8693L149.035 57.3538C153.01 58.6236 155.881 60.3903 157.593 62.6539C159.304 64.9175 160.133 67.5124 160.133 70.3833C160.133 72.7573 159.636 74.9105 158.697 76.7876C157.703 78.6648 156.378 80.3211 154.667 81.6461C152.955 83.0263 150.912 84.0201 148.538 84.7379C146.054 85.5108 143.459 85.8973 140.643 85.8973Z"
-	/>
-	<path
+		fill="currentColor"
+		d="M144.3 214.1c0 6.3.7 11.4 1.9 15.2 1.4 3.7 3.1 7.8 5.4 12.3.9 1.4 1.2 2.7 1.2 3.9 0 1.7-1 3.4-3.2 5.1l-10.7 7.2c-1.5 1-3.1 1.5-4.4 1.5-1.7 0-3.4-.9-5.1-2.4-2.4-2.6-4.4-5.3-6.1-8-1.7-2.9-3.4-6.1-5.3-10-13.3 15.7-30 23.5-50.1 23.5-14.3 0-25.7-4.1-34.1-12.3-8.3-8.2-12.6-19.1-12.6-32.7 0-14.5 5.1-26.2 15.5-35.1S60.8 169 78.4 169c5.8 0 11.7.5 18.1 1.4s12.8 2.2 19.6 3.7v-12.4c0-12.9-2.7-22-8-27.2-5.4-5.3-14.6-7.8-27.8-7.8-6 0-12.1.7-18.4 2.2s-12.4 3.4-18.4 5.8c-2.7 1.2-4.8 1.9-6 2.2s-2 .5-2.7.5c-2.4 0-3.6-1.7-3.6-5.3v-8.3c0-2.7.3-4.8 1.2-6s2.4-2.4 4.8-3.6c6-3.1 13.1-5.6 21.5-7.7 8.3-2.2 17.2-3.2 26.6-3.2 20.3 0 35.1 4.6 44.6 13.8 9.4 9.2 14.1 23.2 14.1 41.9v55.2h.3zM75.2 240c5.6 0 11.4-1 17.5-3.1 6.1-2 11.6-5.8 16.2-10.9 2.7-3.2 4.8-6.8 5.8-10.9s1.7-9 1.7-14.8v-7.2c-4.9-1.2-10.2-2.2-15.7-2.9-5.4-.7-10.7-1-16-1-11.4 0-19.8 2.2-25.4 6.8S51 207.1 51 215.6c0 8 2 14 6.3 18.1 4.1 4.2 10 6.3 17.9 6.3m136.7 18.4c-3.1 0-5.1-.5-6.5-1.7-1.4-1-2.6-3.4-3.6-6.6l-40-131.6c-1-3.4-1.5-5.6-1.5-6.8 0-2.7 1.4-4.3 4.1-4.3h16.7c3.2 0 5.4.5 6.6 1.7 1.4 1 2.4 3.4 3.4 6.6l28.6 112.7 26.6-112.7c.9-3.4 1.9-5.6 3.2-6.6 1.4-1 3.7-1.7 6.8-1.7H270c3.2 0 5.4.5 6.8 1.7 1.4 1 2.6 3.4 3.2 6.6l26.9 114.1 29.5-114.1c1-3.4 2.2-5.6 3.4-6.6 1.4-1 3.6-1.7 6.6-1.7h15.8c2.7 0 4.3 1.4 4.3 4.3 0 .9-.2 1.7-.3 2.7-.2 1-.5 2.4-1.2 4.3l-41 131.6q-1.5 5.1-3.6 6.6c-1.4 1-3.6 1.7-6.5 1.7h-14.6c-3.2 0-5.4-.5-6.8-1.7s-2.6-3.4-3.2-6.8l-26.4-109.8L236.7 250c-.9 3.4-1.9 5.6-3.2 6.8-1.4 1.2-3.7 1.7-6.8 1.7h-14.8zm218.8 4.6c-8.9 0-17.7-1-26.2-3.1-8.5-2-15.2-4.3-19.6-6.8-2.7-1.5-4.6-3.2-5.3-4.8s-1-3.2-1-4.8v-8.7c0-3.6 1.4-5.3 3.9-5.3 1 0 2 .2 3.1.5 1 .3 2.6 1 4.3 1.7 5.8 2.6 12.1 4.6 18.7 6 6.8 1.4 13.5 2 20.3 2 10.7 0 19.1-1.9 24.9-5.6s8.9-9.2 8.9-16.2c0-4.8-1.5-8.7-4.6-11.9s-8.9-6.1-17.2-8.9l-24.7-7.7c-12.4-3.9-21.6-9.7-27.2-17.4-5.6-7.5-8.5-15.8-8.5-24.7 0-7.2 1.5-13.5 4.6-18.9s7.2-10.2 12.3-14c5.1-3.9 10.9-6.8 17.7-8.9 6.8-2 14-2.9 21.5-2.9 3.7 0 7.7.2 11.4.7 3.9.5 7.5 1.2 11.1 1.9 3.4.9 6.6 1.7 9.7 2.7s5.4 2 7.2 3.1c2.4 1.4 4.1 2.7 5.1 4.3 1 1.4 1.5 3.2 1.5 5.6v8c0 3.6-1.4 5.4-3.9 5.4-1.4 0-3.6-.7-6.5-2q-14.55-6.6-32.7-6.6c-9.7 0-17.4 1.5-22.6 4.8s-8 8.2-8 15.2c0 4.8 1.7 8.9 5.1 12.1s9.7 6.5 18.7 9.4l24.2 7.7c12.3 3.9 21.1 9.4 26.4 16.3s7.8 15 7.8 23.8c0 7.3-1.5 14-4.4 19.8-3.1 5.8-7.2 10.9-12.4 15-5.3 4.3-11.6 7.3-18.9 9.5-8 2.5-16 3.7-24.7 3.7"
+	/><path
+		fill="#FF9900"
 		fill-rule="evenodd"
 		clip-rule="evenodd"
-		d="M151.078 112.729C132.914 126.145 106.524 133.267 83.8324 133.267C52.0316 133.267 23.3777 121.508 1.7354 101.963C0.0238993 100.417 1.56977 98.3195 3.61254 99.5341C27.0215 113.116 55.8963 121.342 85.7648 121.342C105.916 121.342 128.056 117.146 148.428 108.533C151.465 107.153 154.059 110.521 151.078 112.729Z"
-	/>
-	<path
+		d="M462.9 345.7c-56 41.4-137.4 63.3-207.4 63.3-98.1 0-186.5-36.3-253.2-96.6-5.3-4.8-.5-11.2 5.8-7.5 72.2 41.9 161.3 67.3 253.4 67.3 62.2 0 130.4-12.9 193.3-39.5 9.3-4.2 17.3 6.2 8.1 13"
+	/><path
+		fill="#FF9900"
 		fill-rule="evenodd"
 		clip-rule="evenodd"
-		d="M158.642 104.117C156.323 101.135 143.294 102.681 137.386 103.399C135.62 103.62 135.343 102.074 136.945 100.914C147.324 93.6267 164.384 95.7246 166.371 98.1539C168.359 100.638 165.819 117.698 156.102 125.869C154.612 127.139 153.176 126.477 153.839 124.82C156.047 119.354 160.961 107.043 158.642 104.117Z"
+		d="M486.2 319.2c-7.2-9.2-47.3-4.4-65.6-2.2-5.4.7-6.3-4.1-1.4-7.7 32-22.5 84.6-16 90.8-8.5 6.1 7.7-1.7 60.3-31.7 85.5-4.6 3.9-9 1.9-7-3.2 6.9-16.9 22.1-54.9 14.9-63.9"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/AzureIcon.svelte b/frontend/src/lib/components/icons/AzureIcon.svelte
index c6c3b6d60b..011142b851 100644
--- a/frontend/src/lib/components/icons/AzureIcon.svelte
+++ b/frontend/src/lib/components/icons/AzureIcon.svelte
@@ -1,22 +1,86 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
+
 	interface Props {
 		size?: number
-		color?: string | undefined
 		class?: string
 	}
 
-	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+	let { size = 16, class: clazz = '' }: Props = $props()
 </script>
 
+<!-- Microsoft's own logo_azure.svg (learn.microsoft.com/media/logos/logo_azure.svg): #0078d4 with
+	the #114a8b->#0669bc and #3ccbf4->#2892df gradients. Shipped unmodified apart from namespacing
+	the gradient ids, which are document-global. Microsoft's icon terms say to use the icons "as they
+	would appear within Azure" and forbid changing them, so it must not be recoloured or drawn
+	monochrome; their permitted use is diagrams, training and documentation
+	(learn.microsoft.com/azure/architecture/icons). -->
 <svg
-	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
 	height={`${size}px`}
-	viewBox="0 0 24 24"
-	fill={color ?? 'currentColor'}
-	class={clazz}
+	viewBox="0 0 256 256"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Azure"
+	class={twMerge(clazz)}
 >
-	<path
-		d="M22.379 23.343a1.62 1.62 0 0 0 1.536-1.1l.029-.092q.053-.164.081-.336v-.016a1.68 1.68 0 0 0-.268-1.227L15.147 5.44a1.63 1.63 0 0 0-1.354-.724l-3.473.011L5.94 8.57a6 6 0 0 0-1.386 1.74L.262 17.717a1.63 1.63 0 0 0 1.422 2.429l-.055-.013zM13.398 7.25l5.322 9.183-10.683.024zm-3.363 12.754-8.316.021 8.318-14.4 1.795 3.1-6.516 11.274z"
-	/>
+	<defs>
+		<linearGradient
+			id="azure-grad-2"
+			x1="-960.6062"
+			y1="283.3968"
+			x2="-1032.5112"
+			y2="70.9723"
+			gradientTransform="matrix(1, 0, 0, -1, 1075, 318)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#114a8b" />
+			<stop offset="1" stop-color="#0669bc" />
+		</linearGradient>
+		<linearGradient
+			id="azure-grad-3"
+			x1="-938.1444"
+			y1="184.4016"
+			x2="-954.7776"
+			y2="178.7775"
+			gradientTransform="matrix(1, 0, 0, -1, 1075, 318)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-opacity="0.3" />
+			<stop offset="0.0712" stop-opacity="0.2" />
+			<stop offset="0.321" stop-opacity="0.1" />
+			<stop offset="0.6231" stop-opacity="0.05" />
+			<stop offset="1" stop-opacity="0" />
+		</linearGradient>
+		<linearGradient
+			id="azure-grad-1"
+			x1="-947.2919"
+			y1="289.5941"
+			x2="-868.3628"
+			y2="79.3082"
+			gradientTransform="matrix(1, 0, 0, -1, 1075, 318)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#3ccbf4" />
+			<stop offset="1" stop-color="#2892df" />
+		</linearGradient>
+	</defs>
+	<g>
+		<path
+			d="M89.1583,18.266h69.238L86.5228,231.2237a11.0411,11.0411,0,0,1-10.4612,7.51H22.1787a11.0229,11.0229,0,0,1-10.4446-14.5479l66.9633-198.41A11.0406,11.0406,0,0,1,89.1583,18.266Z"
+			fill="url(#azure-grad-2)"
+		/>
+		<path
+			d="M189.7708,161.1044H79.9752a5.0829,5.0829,0,0,0-3.4681,8.7988l70.5517,65.8479a11.0915,11.0915,0,0,0,7.5668,2.9829h62.1675Z"
+			fill="#0078d4"
+		/>
+		<path
+			d="M89.1583,18.266A10.95,10.95,0,0,0,78.675,25.92L11.8168,224.0061A11.0094,11.0094,0,0,0,22.21,238.734H77.4839a11.8143,11.8143,0,0,0,9.0688-7.7138L99.8838,191.73l47.6243,44.4181a11.2671,11.2671,0,0,0,7.0889,2.5863h61.9371l-27.1656-77.63-79.1905.0176,48.47-142.856Z"
+			fill="url(#azure-grad-3)"
+		/>
+		<path
+			d="M177.592,25.7643a11.0227,11.0227,0,0,0-10.4439-7.4983H89.9841a11.0245,11.0245,0,0,1,10.445,7.4983l66.967,198.4209a11.0245,11.0245,0,0,1-10.445,14.5488h77.164a11.0235,11.0235,0,0,0,10.444-14.5488Z"
+			fill="url(#azure-grad-1)"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/BRAND_COLORS.md b/frontend/src/lib/components/icons/BRAND_COLORS.md
new file mode 100644
index 0000000000..1cff77a3d3
--- /dev/null
+++ b/frontend/src/lib/components/icons/BRAND_COLORS.md
@@ -0,0 +1,578 @@
+# Icon brand colours
+
+Where every icon's colours come from, and whether they survive both app surfaces.
+Compiled from the components themselves during the audit — colours read from the fills and
+the Tailwind pair classes, sources from each component's provenance comment, contrast
+computed from those hexes against `surface-primary` in each theme. Maintained by hand from
+here on: change an icon's colour or source and change its row.
+
+Surfaces: light `#fbfbfd`, dark `#2e3441`. Ratios are WCAG non-text contrast; **bold** marks a
+mark that is effectively invisible on that surface. WCAG exempts logotypes from the 3:1
+floor, so a low ratio is a signal the colour may be wrong, not automatically a defect.
+
+`pair` = brand publishes a per-theme variant. Usually applied as `text-[#light] dark:text-[#dark]`; `AnsibleIcon` inverts instead (`dark:invert`), and `DatadogIcon`, `DenoIcon`, `DeepLIcon` and `TogglIcon` swap between two SVGs (`dark:hidden` / `hidden dark:block`) because their two marks are different artwork, not the same shape recoloured.
+`fixed` = full-colour mark, same in both themes. `inherits` = brand publishes no colour,
+so the mark takes the surrounding text colour. `mixed` = the root carries a
+`fill="currentColor"` that hardcoded path fills override, so it is inert — these are
+candidates for cleanup, not theme-aware icons.
+
+The Light/Dark columns show the colour that carries the mark; white and black knockout
+details are omitted. Ratios are the best contrast any part of the mark achieves.
+
+**Do not change a colour here without a first-party source.** Several of these look like
+mistakes and are not: Cal.com is deliberately greyscale, Google Cloud may not be recoloured,
+Stripe is blurple rather than black. Third-party icon sets go stale and have been wrong
+repeatedly — check the brand's own page.
+
+| Icon | Resource types | Mode | Light | Dark | ☀ | 🌙 | Source |
+|---|---|---|---|---|---|---|---|
+| `AblyIcon` | `ably` | fixed | #FF5416 | #FF5416 | 3.87 | 3.88 | brand.ably.com/logo |
+| `AbstractApiIcon` | `abstractapi` | fixed | #20E492 | #20E492 | **1.62** | 12.47 | abstractapi.com's own logo SVG (6538df34291c9fa4ed28d6f7_Logo.svg) |
+| `AcceloIcon` | `accelo` | fixed | #4C49CB | #4C49CB | 6.51 | 8.15 | Accelo_Logo-Primary.svg on accelo.com |
+| `ActiveCampaignIcon` | `activecampaign` | pair | #004CFF | #FFFFFF | 5.84 | 12.47 | activecampaign.com/brand logo pack (ActiveCampaign-Glyph-Blue.svg / ActiveCampaign-Glyph-White.svg) |
+| `ActivitypubIcon` | `activitypub` | fixed | #F1007E | #F1007E | 5.01 | 2.99 | activitypub.rocks/static/images/ActivityPub-logo.svg |
+| `AcumbamailIcon` | `acumbamail` | fixed | #E62F71 | #E62F71 | 8.83 | 8.86 | Acumbamail's own isotype SVG, /static/favico/Acumbamail/favicon-32.svg on acumbamail.com |
+| `AdhookIcon` | `adhook` | fixed | #00ACC6 | #00ACC6 | 2.63 | 4.58 | adhook's own logo (https://adhook.io/fr/images/logo.svg, `.cls-1{fill:#00acc6}`) |
+| `AdobeAcrobatSignIcon` | `adobe_acrobat_sign` | fixed | #584CCC | #584CCC | 6.12 | 12.47 | Adobe's own Acrobat Sign product icon (adobe.com/cc-shared/assets/img/product-icons/svg/acrobat-sign.svg); same value in the live app favicon |
+| `Ai21Icon` | `ai21` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | ai21.com (ai21-logo-black.svg / ai21-logo-white.svg) |
+| `AirtableIcon` | `airtable` | mixed | #FCB400 | #FCB400 | 3.88 | 6.93 | airtable.com/favicon.ico (fixed full-colour mark: #18BFFF and #F82B60 panels) |
+| `AlgoliaIcon` | `algolia` | pair | #003DFF | #FFFFFF | 6.53 | 12.47 | algolia.com logo pack (Algolia-mark-blue.svg / Algolia-mark-white.svg) |
+| `AmqpIcon` | `amqp` | fixed | — | — | — | — | — |
+| `AnsibleIcon` | `ansible` | pair | #1A1918 | #E5E6E7 | 16.99 | 9.98 | ansible/logos community-marks (Black and White variants, CC BY-SA 4.0) |
+| `AnthropicIcon` | `anthropic` | pair | #141413 | #FAF9F5 | 17.84 | 11.84 | anthropics/skills |
+| `ApifyIcon` | `apify` | fixed | #246DFF | #246DFF | 4.32 | 12.47 | apify.com/resources/brand |
+| `ApolloIcon` | `apollo` | pair | #1F1F1E | #F8FF2C | 15.96 | 11.48 | apollo.io |
+| `AppwriteIcon` | `appwrite` | mixed | #FD366E | #FD366E | 3.88 | 5.71 | https://appwrite.io/assets |
+| `ArcGisIcon` | `arcgis_account` | fixed | #006FDE | #006FDE | 4.69 | 2.57 | Esri's ArcGIS Pro product logo (esri.com/content/dam/esrisites/en-us/common/icons/product-logos/arcgis-pro-64.svg) |
+| `AsanaIcon` | `asana` | fixed | #FF584A | #FF584A | 3.01 | 4.01 | asana.com/brand |
+| `AssemblyAiIcon` | `assemblyai` | pair | #1D1B16 | #C7C3B2 | 16.65 | 12.47 | assemblyai.com (assemblyai-logo-full-primary.svg / assemblyai-logo-full-secondary.svg) |
+| `AttioIcon` | `attio` | pair | #1C1D1F | #FFFFFF | 16.32 | 12.47 | the attio.com header logo (--color-black-100 / --color-white-100) |
+| `Auth0Icon` | `auth0` | pair | #232220 | #FFFFFF | 15.38 | 12.47 | auth0.com docs logo light.svg / dark.svg |
+| `AutheliaIcon` | `authelia` | fixed | #3F51B4 | #3F51B4 | 6.67 | 1.81 | authelia.com/images/branding/logo-cropped.svg (light stop of the official #3F51B4→#113155 gradient, flattened) |
+| `AuthentikIcon` | `authentik` | pair | #FD4B2D | #FFFFFF | 3.27 | 12.47 | goauthentik.io/press |
+| `AwsEcrIcon` | `aws_ecr` | fixed | #ED7100 | #ED7100 | 2.92 | 12.47 | the AWS Architecture Icons package (Icon-package_07312026, Arch_Containers/Arch_Amazon-Elastic-Container-Registry) |
+| `AwsIcon` | `aws`, `redshift` | pair | #252F3E | #FF9900 | 13.07 | 5.83 | AWS's own logo files (d0.awsstatic.com/logos/powered-by-aws{,-white}.png) |
+| `AzureIcon` | `azure` | fixed | — | — | — | — | Microsoft's own logo_azure.svg (learn.microsoft.com/media/logos/logo_azure.svg), whose outer wedges add the #114A8B->#0669BC and #3CCBF4->#2892DF gradients |
+| `BambooHrIcon` | `bamboo_hr` | pair | #599D15 | #FFFFFF | 3.25 | 12.47 | bamboohr.com (Encore --brandColor; bamboohr-logo-white.png is the published reversed variant) |
+| `BaremetricsIcon` | `baremetrics` | fixed | #5386FF | #5386FF | 3.27 | 3.70 | the mark in baremetrics.com's header logo (baremetrics-logo.svg), the asset this path is taken from |
+| `BaserowIcon` | `baserow`, `baserow_table` | fixed | #2BC3F1 | #2BC3F1 | 4.96 | 6.05 | the baserow.io favicon and horizontal logo |
+| `BasisTheoryIcon` | `basis_theory` | pair | #1D2032 | #EBEDFF | 15.57 | 10.74 | developers.basistheory.com/img/bt-logo-light.svg and bt-logo-dark.svg, which ship the same mark geometry in the two theme colours |
+| `BeamerIcon` | `beamer` | pair | #1C1E21 | #FFFFFF | 16.16 | 12.47 | the getbeamer.com header logo (g#isotype) and their webclip app icon, which sets the same mark in white on #1C1E21 |
+| `BigQueryIcon` | `bigquery` | fixed | #34A853 | #34A853 | 3.80 | 7.30 | Google Cloud's official icon library (cloud.google.com/icons, core-products-icons.zip) |
+| `BitbucketIcon` | `bitbucket` | pair | #1868DB | #FFFFFF | 5.03 | 12.47 | atlassian.design/foundations/logos (Bitbucket mark, brand and inverse) |
+| `BitlyIcon` | `bitly` | fixed | #F36600 | #F36600 | 3.03 | 3.99 | bitly.com/pages/bitly-logo-usage-guidelines-for-media (Bitly-MediaKit glyph_bitly_orange_RGB.svg) |
+| `BloggerIcon` | `blogger` | fixed | #F57C00 | #F57C00 | 2.62 | 12.47 | Google's Blogger product logo (gstatic.com/images/branding/productlogos/blogger/v5/192px.svg) |
+| `BlueskyIcon` | `bluesky` | pair | #0560FF | #FFFFFF | 4.93 | 12.47 | bsky.social/about/support/branding |
+| `BotifyIcon` | `botify` | fixed | #A973FF | #A973FF | 3.09 | 3.91 | botify.com design tokens (--color--surface--purple-05) |
+| `BoxIcon` | `box` | pair | #0061D5 | #FFFFFF | 5.54 | 12.47 | box.com (.box-logo-svg fill:#0061d5, reversed to #fff over the dark masthead) |
+| `BrevoIcon` | `brevo`, `sendinblue` | fixed | #0B996E | #0B996E | 3.51 | 12.47 | brevo.com's favicon.svg |
+| `BrexIcon` | `brex` | pair | #15191E | #FFFFFF | 17.08 | 12.47 | brex.com |
+| `BrowserlessIcon` | `browserless` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | browserless.io/favicon.svg |
+| `BubbleIcon` | `bubble` | mixed | #0000FF | #0000FF | 8.31 | 5.71 | the logo SVG served on bubble.io/brand; the B is #262626 there, kept as currentColor so the monochrome part follows the app theme |
+| `BuildkiteIcon` | `buildkite` | fixed | #30F2A2 | #30F2A2 | 2.04 | 8.52 | buildkite.com/about/brand-assets |
+| `BunIcon` | — | fixed | #FBF0DF | #FBF0DF | 6.48 | 12.47 | https://bun.com/logo.svg |
+| `ButtondownIcon` | `buttondown` | fixed | #0069FF | #0069FF | 4.55 | 2.65 | https://buttondown.com/brand |
+| `CSharpIcon` | — | fixed | #927BE5 | #927BE5 | 7.68 | 12.47 | dotnet/brand logo/language-icons/csharp-72.svg (CC0) |
+| `CalcomIcon` | `calcom` | pair | #292929 | #FAFAFA | 14.08 | 11.95 | design.cal.com |
+| `CalendlyIcon` | `calendly` | pair | #006BFF | #FFFFFF | 4.47 | 12.47 | Calendly's 2024 External Brand Guidelines and calendly_brand mark_white.svg (media kit on calendly.com/newsroom) |
+| `CampaynIcon` | `campayn` | fixed | #008AFF | #008AFF | 3.34 | 12.47 | app.campayn.com/images/campayn/favicons/safari-pinned-tab.svg (colours sampled from android-chrome-512x512.png in the same directory) |
+| `CertopusIcon` | `certopus` | fixed | #FF6E30 | #FF6E30 | 12.07 | 12.47 | https://certopus.com/images/logo/logo_circle.svg |
+| `ChromaIcon` | `chromadb` | fixed | #FFDE2D | #FFDE2D | 3.65 | 9.35 | Chroma's own logo SVG served by trychroma.com (chroma-wordmark.svg) |
+| `CircleCiIcon` | `circleci` | pair | #161616 | #FFFFFF | 17.51 | 12.47 | brand.circleci.com |
+| `CiscoIcon` | `cisco` | pair | #00BCEB | #FFFFFF | 2.16 | 12.47 | cisco.com logo SVG and newsroom.cisco.com/logos |
+| `ClaudeIcon` | — | fixed | #D97757 | #D97757 | 3.02 | 12.47 | https://claude.ai/favicon.svg (Anthropic's own asset) |
+| `ClearbitIcon` | `clearbit` | fixed | #4DB1FD | #4DB1FD | 20.32 | 10.83 | clearbit.com/logo.svg |
+| `ClerkIcon` | `clerk` | fixed | #BAB1FF | #BAB1FF | 5.10 | 6.43 | clerk.com/brand-assets (symbol-primary.svg) |
+| `ClickhouseIcon` | `clickhouse` | pair | #161616 | #FFFFFF | 17.51 | 12.47 | clickhouse.design/brand/logo-usage (logomark, on-light / on-dark) |
+| `ClickupIcon` | `clickup` | fixed | #6647F0 | #6647F0 | 5.46 | 4.12 | clickup.com/brand (v4 Logomark-gradient.svg); the gradient mark is the same on light and dark, and the guidelines say "don't change the color" |
+| `CloseIcon` | `close` | fixed | #4EC375 | #4EC375 | 4.77 | 7.39 | close.com/brand (close-logo-2024 mark.svg) |
+| `CloudflareIcon` | `cloudflare` | fixed | #FF5F08 | #FF5F08 | 2.95 | 5.83 | the logomark shipped on cloudflare.com, blog.cloudflare.com and workers.cloudflare.com |
+| `CloudinaryIcon` | `cloudinary` | pair | #3448C5 | #FFFFFF | 7.06 | 12.47 | cloudinary_logo_for_white_bg.svg and cloudinary_logo_for_black_bg.svg on cloudinary-res.cloudinary.com |
+| `CockroachDbIcon` | `cockroachdb` | pair | #6933FF | #FFFFFF | 5.78 | 12.47 | cockroachlabs.com (electric-purple-500, also the CockroachDB docs primaryColor) and the docs light/dark logo pair |
+| `CodaIcon` | `coda` | fixed | #F46A54 | #F46A54 | 2.89 | 4.18 | Coda's own app icon, https://cdn.coda.io/icons/png/color/coda-192.png (single-colour mark, no dark variant published) |
+| `CodatIcon` | `codat` | fixed | #D1E100 | #D1E100 | 17.31 | 8.60 | codat.io (logo-white.svg glyph outlines, colours from the site palette); framing matches their 300x300 favicon exactly |
+| `CohereIcon` | `cohere` | fixed | #355146 | #355146 | 8.41 | 12.47 | https://cohere.com/logo.svg |
+| `CoinMarketCapIcon` | `coinmarketcap` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | coinmarketcap.com |
+| `CoinbaseIcon` | `coinbase` | pair | #0052FF | — | 5.57 | — | Coinbase's own light/dark logo files (mintcdn.com/coinbase-prod/.../logos/wordmark-light.svg and wordmark-dark.svg, served by docs.cdp.coinbase.com) |
+| `ComapeoIcon` | `comapeo_server` | pair | #022199 | #0066FF | 12.09 | 2.58 | the CoMapeo Cloud mark shipped as public/favicon.svg in digidem/comapeo-cloud-app (the server this resource connects to) |
+| `ConfluenceIcon` | `confluence` | fixed | #1868DB | #1868DB | 5.03 | 12.47 | Atlassian's @atlaskit/logo (atlassian.design logo library) |
+| `ContentfulIcon` | `contentful` | fixed | #1773EB | #1773EB | 4.33 | 9.08 | Contentful's Forma 36 design system (ContentfulLogoIcon) |
+| `ContiguityIcon` | `contiguity` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | contiguity.com/assets/icon-white.png and icon-black.png (docs.contiguity.com likewise ships logo/black.svg for light and logo/white.svg for dark) |
+| `ConvertKitIcon` | `convertkit` | pair | #1E1E1E | #F2EFE9 | 16.13 | 10.87 | kit.com/brand |
+| `CoupaIcon` | `coupa` | pair | #1565C0 | #FFFFFF | 5.56 | 12.47 | the Coupa logo kit linked from coupa.com/company/press-kit, which ships the mark in blue and a white reversed variant |
+| `CssIcon` | — | fixed | #663399 | #663399 | 8.13 | 12.47 | github.com/CSS-Next/logo.css (CC0), the official CSS logo endorsed by the W3C CSS WG |
+| `CurrencyApiIcon` | `currencyapi` | fixed | #2994FF | #2994FF | 9.13 | 4.67 | currencyapi.com/img/currencyapi_logo_color.svg |
+| `DatabricksIcon` | `databricks` | fixed | #FF3621 | #FF3621 | 3.50 | 3.45 | Databricks' own logo asset (databricks.com/sites/default/files/2023-08/databricks-default.png) |
+| `DatadogIcon` | `datadog` | pair | #632CA6 | #FFFFFF | 8.32 | 12.47 | datadoghq.com press kit |
+| `DatoCmsIcon` | `datocms` | fixed | #FF7751 | #FF7751 | 2.54 | 4.76 | datocms.com/company/brand-assets |
+| `DbtIcon` | `dbt_profile` | fixed | #FE6703 | #FE6703 | 2.84 | 4.25 | the dbt Labs brand assets (getdbt.com/brand-guidelines) |
+| `DeelIcon` | `deel` | pair | #1B1B1B | #FFFFFF | 16.67 | 12.47 | deel.com's own logo_revamp.svg / logo_revamp_white.svg |
+| `DeepInfraIcon` | `deep_infra` | pair | #2A3275 | #4C9CEC | 11.22 | 12.47 | the DeepInfra press-kit logo pack (deepinfra.com/media-center → DEEPINFRA_LOGO_COLOR / DEEPINFRA_LOGO_WHITE) |
+| `DeepLIcon` | `deepl` | pair | #0F2B46 | #FFFFFF | 13.97 | 12.47 | DeepL's official logo pack on deepl.com/en/press ("Logo Deep Blue" RGB #0F2B46 and the published "Logo White" reversed variant) |
+| `DeepSeekIcon` | `deepseek` | pair | #4D6BFE | #6799FE | 4.19 | 4.49 | deepseek.com design tokens (--ds-color-brand under :root / [data-theme=dark]) |
+| `DenoIcon` | — | pair | #000000 | #FFFFFF | 20.32 | 12.47 | the "Deno Logo Guidelines 2024" asset pack on deno.com/brand |
+| `DigitalOceanIcon` | `digitalocean` | fixed | #0080FF | #0080FF | 3.67 | 3.29 | DigitalOcean's official logo kit (DO_Logo_icon_blue.svg, linked from digitalocean.com/press) |
+| `DiscordIcon` | `discord`, `discord_webhook` | mixed | #5865F2 | #5865F2 | 4.46 | 5.71 | https://discord.com/branding |
+| `DiscourseIcon` | `discourse` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | discourse.org/brand (discourse-icon.svg / discourse-icon-dark.svg) |
+| `DocSpringIcon` | `docspring` | fixed | #3C8EE0 | #3C8EE0 | 3.31 | 12.47 | DocSpring's own logo SVG, docspring.com/assets/logo-text-*.svg |
+| `DockerIcon` | — | fixed | #2560FF | #2560FF | 4.84 | 2.49 | Docker's official logo kit (docker.com/company/newsroom/media-resources) |
+| `DocusignIcon` | `docusign` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | brand.docusign.com/logo: only the Nexus overlap flips per background, Cobalt #4C00FF and Poppy #FF5252 must not be recoloured |
+| `DropboxIcon` | `dropbox` | fixed | #0061FE | #0061FE | 4.91 | 2.46 | brand.dropbox.com/logo and the DIG token dig-color__primary__base |
+| `DuckDbIcon` | `duckdb` | pair | #1A1A1A | #FFF100 | 16.84 | 10.59 | duckdb.org/design logo package (DuckDB_icon-lightmode.svg / DuckDB_icon-darkmode.svg) |
+| `DucklakeIcon` | — | pair | #1A1A1A | #2EAFFF | 16.84 | 5.16 | duckdb.org |
+| `DustIcon` | `dust` | fixed | #FE9C1A | #FE9C1A | 4.04 | 10.64 | dust.tt/home/brand-resources (Dust_LogoSquare.svg from their brand kit) |
+| `DynatraceIcon` | `dynatrace` | fixed | #1496FF | #1496FF | 10.01 | 7.83 | Dynatrace brand guidelines (live.standards.site/dynatrace, Dynatrace_mark_color.svg) |
+| `EdgeDbIcon` | `edgedb` | fixed | #8FAF24 | #8FAF24 | 2.44 | 4.94 | geldata.com (favicon/apple-touch-icon glyph and its <link rel="mask-icon" color>) |
+| `EnodeIcon` | `enode` | pair | #5D770D | #E8E8E1 | 4.94 | 10.13 | enode.com/static/favicon.svg |
+| `EventbriteIcon` | `eventbrite` | fixed | #FF5E30 | #FF5E30 | 2.95 | 4.10 | the 2025 Eventbrite press kit logos; the brand publishes no reversed variant |
+| `ExaIcon` | `exa` | pair | #0143D9 | #FFFFFF | 7.24 | 12.47 | exa.ai/brand (Exa Brand Assets kit, Logomark Blue/White) |
+| `FaunadbIcon` | `faunadb` | pair | #3F00A5 | #604BE9 | 11.58 | 2.19 | Fauna's own VS Code extension icons (fauna/fauna-vscode: icons/fauna.svg for light themes, icons/fauna-light.svg for dark) |
+| `FigmaIcon` | `figma` | fixed | #24CB71 | #24CB71 | 4.42 | 5.85 | static.figma.com/app/icon/2/favicon.svg (2025 brand refresh) |
+| `FirebaseIcon` | `firebase` | fixed | #FF9100 | #FF9100 | 4.58 | 7.81 | firebase.google.com/brand-guidelines (Logomark_Full Color.svg in firebase-brand-assets.zip) |
+| `FlyIcon` | `fly` | pair | #24175B | #FFFFFF | 15.07 | 12.47 | fly.io |
+| `FormstackIcon` | `formstack` | fixed | #21B573 | #21B573 | 2.56 | 4.70 | the brand guide at formstack.com/press-kit |
+| `FoxentryIcon` | `foxentry` | fixed | #E74600 | #E74600 | 5.09 | 4.14 | foxentry.com/assets/img/logo-foxentry-symbol.svg |
+| `FreshdeskIcon` | `freshdesk` | fixed | #20A849 | #20A849 | 3.01 | 12.47 | Freshworks' own product-logo asset (freshdesk-dew.svg, used on freshworks.com/apps) |
+| `FrontAppIcon` | `frontapp` | fixed | #A857F1 | #A857F1 | 3.83 | 3.15 | the logo mark front.com ships inline on its own pages; the mark keeps this purple on both light and dark backgrounds |
+| `FunkwhaleIcon` | `funkwhale` | mixed | #009FE3 | #009FE3 | 10.69 | 5.71 | www.funkwhale.audio/logos (theme/images/icon.svg) |
+| `GSheetsIcon` | `gsheets` | fixed | #009954 | #009954 | 3.57 | 12.47 | Google product logo sheets_2026q3 (gstatic productlogos, used on workspace.google.com/products/sheets) |
+| `GcalIcon` | `gcal` | fixed | #BBE2FF | #BBE2FF | 3.40 | 12.47 | Google's own Calendar 2026 product logo, https://www.gstatic.com/images/branding/productlogos/calendar_2026/v2/web/192px.svg (paths verbatim) |
+| `GdocsIcon` | `gdocs` | inherits | #718096 | #A9B0BA | 3.88 | 5.71 | Google's own Docs product icon (gstatic.com/images/branding/productlogos/docs_2026/v2/web/192px.svg, served on workspace.google.com/products/docs) |
+| `GdriveIcon` | `gdrive` | fixed | #B43333 | #B43333 | 5.87 | 10.05 | https://www.gstatic.com/images/branding/productlogos/drive_2026/v2/web/192px.svg, Google's own product-logo CDN; paths and gradient stops are verbatim |
+| `GhostCmsIcon` | `ghostcms` | pair | #15171A | #FFFFFF | 17.38 | 12.47 | docs.ghost.org |
+| `GiphyIcon` | `giphy` | fixed | #FFF35C | #FFF35C | 4.76 | 10.83 | GIPHY's own app icon (giphy.com/static/img/icons/apple-touch-icon-180px.png) |
+| `GitBookIcon` | `gitbook` | pair | #181C1F | #F2F7F7 | 16.59 | 11.54 | the GitBook-icon-dark / GitBook-icon-light downloads on gitbook.gitbook.io/brand-assets, matching the live gitbook.com favicon |
+| `GitIcon` | `git_repository`, `git` | fixed | #F03C2E | #F03C2E | 3.77 | 3.20 | git-scm.com/community/logos (Git-Icon-1788C.svg, logo by Jason Long, CC BY 3.0) |
+| `GithubIcon` | `github` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | brand.github.com/foundations/logo |
+| `GitlabIcon` | `gitlab` | mixed | #FC6D26 | #FC6D26 | 4.01 | 6.18 | https://design.gitlab.com/brand-design/color (Orange 03p/02p/01p, "colors from our core logo") |
+| `GmailIcon` | `gmail` | mixed | #4285F4 | #4285F4 | 5.61 | 7.30 | gstatic.com/images/branding/product/2x/gmail_2020q4_48dp.png |
+| `GoogleAiIcon` | `googleai` | fixed | #217BFE | #217BFE | 3.81 | 5.44 | Google's standard Gemini product icon (gstatic.com/images/branding/productlogos/gemini/v1/192px.svg) |
+| `GoogleCalendarIcon` | — | fixed | #BBE2FF | #BBE2FF | 3.40 | 12.47 | the Google Calendar 2026 product icon, taken verbatim from https://www.gstatic.com/images/branding/productlogos/calendar_2026/v2/web/192px.svg |
+| `GoogleCloudIcon` | `gcloud`, `gcp_service_account` | fixed | #EA4335 | #EA4335 | 3.80 | 7.30 | Google's own product logo asset https://www.gstatic.com/images/branding/product/2x/google_cloud_64dp.png |
+| `GoogleDriveIcon` | — | fixed | #B43333 | #B43333 | 5.87 | 10.05 | https://www.gstatic.com/images/branding/productlogos/drive_2026/v2/web/192px.svg (Drive 2026 mark, copied verbatim) |
+| `GoogleFormsIcon` | `gforms` | fixed | #969DFF | #969DFF | 5.99 | 12.47 | Google's own Forms product icon at www.gstatic.com/images/branding/productlogos/forms_2026/v2/web/192px.svg |
+| `GoogleIcon` | `google`, `gworkspace` | mixed | #4285F4 | #4285F4 | 3.88 | 7.30 | the G mark Google serves in accounts.google.com/gsi/client |
+| `GorgiasIcon` | `gorgias` | pair | #000000 | #FFF9F4 | 20.32 | 11.94 | gorgias.com/about-us/style, which ships the symbol as a "Dark"/"Light" pair |
+| `GraphqlIcon` | `graphql` | pair | #E10098 | #FFFFFF | 4.37 | 12.47 | graphql.org |
+| `GreipIcon` | `greip` | pair | #141C27 | #FFFFFF | 16.59 | 12.47 | docs.greip.io |
+| `GristIcon` | `grist` | fixed | #16B378 | #16B378 | 2.62 | 8.25 | getgrist.com/trademark/assets/ |
+| `GroqIcon` | `groqai`, `groq` | fixed | #F43E01 | #F43E01 | 3.67 | 12.47 | https://groq.com/favicon.svg |
+| `HackernewsIcon` | `hackernews` | fixed | #FF6600 | #FF6600 | 2.84 | 12.47 | news.ycombinator.com/y18.svg |
+| `HoldedIcon` | `holded` | fixed | #FD454D | #FD454D | 3.31 | 3.64 | cdn.holded.com/assets/img/brand/holded-logo.svg |
+| `HoneybadgerIcon` | `honeybadger` | fixed | #EA5937 | #EA5937 | 3.40 | 3.55 | honeybadger.io/favicon.svg |
+| `HtmlIcon` | — | fixed | #E44D26 | #E44D26 | 3.77 | 12.47 | the W3C HTML5 logo, w3.org/html/logo (downloads/HTML5_Logo.svg) |
+| `HubspotIcon` | `hubspot` | pair | #FF2F00 | #FFFFFF | 3.59 | 12.47 | hubspot.com |
+| `IfsIcon` | `ifs_cloud_oidc` | fixed | #72C9F8 | #72C9F8 | 6.03 | 6.79 | the IFS symbol on ifs.com |
+| `IftttIcon` | `ifttt` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | ifttt.com |
+| `InkeepIcon` | `inkeep` | fixed | #D5E5FF | #D5E5FF | 2.45 | 9.79 | Inkeep's brand page "Icon Core" (https://inkeep.com/brand) |
+| `IntercomIcon` | `intercom` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | intercom.com |
+| `IpinfoIcon` | `ipinfo` | pair | #3091CF | #FFFFFF | 3.34 | 12.47 | ipinfo.io logo-positive.svg and logo-negative.svg |
+| `JavaIcon` | — | fixed | #007396 | #007396 | 5.22 | 4.93 | Oracle's Java Branding and Licensing Guidelines v21 (oracle.com/a/ocom/docs/java-licensing-logo-guidelines-1908204.pdf) |
+| `JavaScriptIcon` | — | fixed | #F7DF1E | #F7DF1E | 20.32 | 9.22 | js.svg in github.com/voodootikigod/logo.js, the origin of the JavaScript logo |
+| `JiraIcon` | `jira` | fixed | #1868DB | #1868DB | 5.03 | 12.47 | Atlassian's official Jira logo pack (atlassian.design/foundations/logos) |
+| `JoomlaIcon` | `joomla` | fixed | #7AC143 | #7AC143 | 3.58 | 6.23 | the official logo at cdn.joomla.org/images/joomla-colours-logo.svg |
+| `JotformIcon` | `jotform` | pair | #0A1551 | #FFFFFF | 16.40 | 12.47 | jotform.com footer logomark (#jotform-logomark-fourth is filled with --jf-logo-img: #0A1551 light, #fff dark) |
+| `JsonIcon` | — | fixed | #F9A825 | #F9A825 | 1.91 | 6.33 | Material Design Yellow 800 (api.flutter.dev Colors.yellow[800]); glyph is Google's Material Symbols "data_object" |
+| `JumpCloudIcon` | `jumpcloud` | pair | #002B49 | #F7F7FB | 14.09 | 11.67 | jumpcloud.com/press (Ocean Blue / White Smoke); White Smoke is the brand's own reversed logo for dark backgrounds |
+| `KafkaIcon` | `kafka` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | apache/kafka |
+| `KanidmIcon` | `kanidm` | fixed | #B1DEF4 | #B1DEF4 | 20.32 | 12.47 | artwork/logo-square.svg in github.com/kanidm/kanidm (full palette: #FF6600 #803300 #D45500 #2A3455 #B1B3B8 #CCCCCC) |
+| `KeycloakIcon` | `keycloak` | fixed | #00B8E3 | #00B8E3 | 8.18 | 10.65 | keycloak.org's own mark, https://www.keycloak.org/resources/images/icon.svg (cyan #00B8E3/#33C6E9/#008AAA over greys #4D4D4D–#EDEDED, single theme) |
+| `KlaviyoIcon` | `klaviyo` | pair | #1D1E20 | #FFFFFF | 16.14 | 12.47 | klaviyo.com --color-core-charcoal; the flag mark is the standalone logomark the site header collapses to, and the shape of klaviyo.com/icons/icon-512x512.png |
+| `KoboToolboxIcon` | `kobotoolbox` | fixed | #2095F3 | #2095F3 | 3.05 | 3.95 | the kobotoolbox.org header logo and $kobo-blue in kobotoolbox/kpi jsapp/scss/colors.scss |
+| `KustomerIcon` | `kustomer` | fixed | #FBEC2A | #FBEC2A | 14.08 | 12.47 | kustomer.com/images/kustomer/Kusty.svg |
+| `LangfuseIcon` | `langfuse` | fixed | #FF5D5F | #FF5D5F | 2.91 | 4.47 | langfuse.com/brand "Icon - Color (SVG)", used unmodified |
+| `LessIcon` | — | pair | #274F82 | #FFFFFF | 8.04 | 12.47 | github.com/less/logo (MIT) |
+| `LineIcon` | `line` | fixed | #06C755 | #06C755 | 2.18 | 5.53 | LINE's official brand icon asset (line.me/en/logo) |
+| `LinearIcon` | `linear` | pair | #222326 | #F4F5F8 | 15.20 | 11.44 | linear.app/brand |
+| `LinkdingIcon` | — | pair | #5856E0 | #ADABF7 | 5.32 | 5.91 | sissbruecker/linkding |
+| `LinkedinIcon` | `linkedin` | mixed | #0A66C2 | #0A66C2 | 5.50 | 12.47 | the official inbug SVGs embedded in brand.linkedin.com/in-logo |
+| `LinodeIcon` | `linode` | fixed | #004B16 | #004B16 | 10.07 | 4.54 | Linode's own packages/manager/src/assets/logo/logo.svg in linode/manager @3e53c92, the last revision before the Akamai rebrand dropped it |
+| `LumaAiIcon` | `lumaai` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | lumalabs.ai (favicon-black.ico on light, favicon-white.ico on dark) |
+| `MSSqlServerIcon` | — | fixed | #0094F0 | #0094F0 | 10.54 | 12.47 | learn.microsoft.com/en-us/azure/architecture/icons — Microsoft's anchor blue, a stop in its own SQL Server SVG and throughout the set's Fluent gradients |
+| `MSTeamsIcon` | — | fixed | #A98AFF | #A98AFF | 12.96 | 12.47 | Microsoft's Teams-Icon-FY26 asset (cdn-dynmedia-1.microsoft.com, served on microsoft.com/microsoft-teams); every gradient stop here is verbatim from it |
+| `MagentoIcon` | `magento` | fixed | #F26322 | #F26322 | 3.09 | 3.91 | Magento's own logo asset, magento2 lib/web/images/logo.svg |
+| `MailchimpIcon` | `mailchimp` | fixed | #241C15 | #241C15 | 16.23 | 10.74 | mailchimp.com/about/brand-assets |
+| `MailerLiteIcon` | `mailerlite` | fixed | #09C269 | #09C269 | 2.27 | 5.31 | mailerlite.com/brand-assets |
+| `MailgunIcon` | `mailgun` | fixed | #F04126 | #F04126 | 3.70 | 12.47 | mailgun.com's own logo-mailgun-icon.svg |
+| `MandrillIcon` | `mandrill` | pair | #241C15 | #FFFFFF | 16.23 | 12.47 | mailchimp.com/about/brand-assets and Mandrill's own mandrillapp.com/img/navigation/freddie.svg |
+| `MapboxIcon` | `mapbox` | pair | #0E1012 | #FFFFFF | 18.45 | 12.47 | mapbox.com |
+| `MarkdownIcon` | — | pair | #000000 | #FFFFFF | 20.32 | 12.47 | dcurtis/markdown-mark (public domain) |
+| `MastodonIcon` | `mastodon` | mixed | #6364FF | #6364FF | 7.07 | 12.47 | https://joinmastodon.org/branding |
+| `MatrixIcon` | `matrix` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | matrix.org/branding |
+| `MatteroomIcon` | `matteroom` | fixed | #134A81 | #134A81 | 8.74 | 12.47 | the MATTEROOM logomark vector at login.matteroom.com/images/login_logo.svg; square tile proportions taken from their own app icon at matteroom.com/favicon.ico |
+| `MauticIcon` | `mautic` | pair | #4E5E9E | #FFFFFF | 5.94 | 12.47 | mautic.org/about/brand-logos-graphics (Mautic_Logo_LB.svg / Mautic_Logo_DB.svg); the "M" stays Sunglow #FDB933 in both, as the trademark policy requires the mark in its exact published form without alteration in colour |
+| `McpIcon` | `mcp` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | modelcontextprotocol/modelcontextprotocol |
+| `MediumIcon` | `medium` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | medium.design |
+| `MeteosourceIcon` | `meteosource` | fixed | #FAD961 | #FAD961 | 2.87 | 9.01 | the logo in the meteosource.com site header (no brand page published) |
+| `MezmoIcon` | `mezmo` | pair | #0A090C | #E6E6E5 | 19.22 | 9.99 | mezmo.com nav mark and docs.mezmo.com logo/light.png + logo/dark.png |
+| `MicrosoftIcon` | `microsoft` | mixed | #F25022 | #F25022 | 3.88 | 7.24 | the official logo asset linked from Microsoft's logo third-party usage guidance |
+| `MiroIcon` | `miro` | fixed | #FFDD33 | #FFDD33 | 16.46 | 9.29 | the Miro logo on miro.com |
+| `MistralIcon` | `mistral` | inherits | #718096 | #A9B0BA | 3.88 | 5.71 | mistral.ai/favicon.svg (mid-band of the #FFAF01 -> #C4001D ramp); drawn here in currentColor, the monochrome variant mistral.ai/brand ships |
+| `MixpanelIcon` | `mixpanel` | pair | #7856FF | #FFFFFF | 4.44 | 12.47 | brand.mixpanel.com/logo and /color (Purple 100); mixpanel.com ships the same pair as its light/dark favicons |
+| `MollieIcon` | `mollie` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | Mollie's app icon (my.mollie.com/assets/images/favicons/apple-touch-icon-180x180.png): a full-bleed disc with the lowercase m knocked out |
+| `MondayIcon` | `monday` | fixed | #FB275D | #FB275D | 3.66 | 8.25 | monday.com's official logo pack (brand-monday.com/logo) |
+| `MongodbIcon` | `mongodb` | pair | #00684A | #00ED64 | 6.60 | 7.90 | MongoDB brand resources and their LeafyGreen palette |
+| `MotimateIcon` | `motimate` | fixed | #2DC89C | #2DC89C | 2.06 | 5.85 | motimateapp.com theme assets |
+| `MqttIcon` | `mqtt` | pair | #660066 | #FFFFFF | 11.57 | 12.47 | mqtt/mqttorg-graphics |
+| `Mysql` | `mysql` | inherits | #718096 | #A9B0BA | 3.88 | 5.71 | — |
+| `NatsIcon` | `nats` | pair | #375C93 | #27AAE1 | 6.52 | 4.71 | cncf/artwork |
+| `NeonDbIcon` | `neondb` | pair | #37C38F | #34D59A | 2.17 | 6.61 | neon.com/brand (neon-logomark-light-color.svg / neon-logomark-dark-color.svg) |
+| `NetBoxIcon` | `netbox` | pair | #001423 | #FFFFFF | 18.07 | 12.47 | theme, so the second path carries its own fill- utilities |
+| `NetlifyIcon` | `netlify` | pair | #05BDBA | #32E6E2 | 10.06 | 12.47 | netlify.com/brand (netlify-logo-monogram.zip, full-colour lightmode/darkmode) |
+| `NetsuiteIcon` | `netsuite` | fixed | #BACCDB | #BACCDB | 7.71 | 7.57 | — |
+| `NewsApiIcon` | `newsapi` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | newsapi.org |
+| `NextcloudIcon` | `ocs`, `nextcloud` | pair | #0082C9 | #FFFFFF | 4.03 | 12.47 | nextcloud.com |
+| `NocoDbIcon` | `nocodb` | fixed | #4351E8 | #4351E8 | 11.12 | 3.30 | nocodb.com's own Logo.svg / favicon |
+| `NotionIcon` | `notion` | fixed | #FFFFFF | #FFFFFF | 20.32 | 12.47 | Notion's own app icon (notion.com/front-static/logo-ios.png) |
+| `NuIcon` | — | fixed | #4D9B05 | #4D9B05 | 3.38 | 3.57 | nushell/vscode-nushell-lang assets/nu.svg |
+| `OdkIcon` | `odk` | fixed | #3E77B4 | #3E77B4 | 6.37 | 2.67 | ODK brand assets (getodk.org/legal/brand/) |
+| `OktaIcon` | `okta` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | okta.com |
+| `OneSignalIcon` | `onesignal` | pair | #051B2C | #FFFFFF | 16.94 | 12.47 | OneSignal's official media kit (OneSignal-Logomark.svg / OneSignal-Logomark-White.svg), matching the prefers-color-scheme pair in their own onesignal.com/favicon.svg |
+| `OpenRouterIcon` | `openrouter` | pair | #7624F4 | #C8FF00 | 6.10 | 10.55 | openrouter.ai/brand/v2/openrouter-glyph-{light,dark}.svg |
+| `OpenWeatherIcon` | `openweather` | pair | #EA6D4A | — | 2.99 | — | openweather.co.uk/brand_guidelines |
+| `OpenaiIcon` | `openai` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | openai.com/brand (Blossom_Light.svg / Blossom_Dark.svg) |
+| `OracleDBIcon` | `oracledb` | fixed | #C74634 | #C74634 | 4.67 | 2.59 | Oracle's own logo SVG at https://www.oracle.com/a/ocom/img/oracle-logo.svg |
+| `OutreachIcon` | `outreach` | pair | #5951FF | #FFFFFF | 5.02 | 12.47 | outreach.ai |
+| `PHPIcon` | — | fixed | #AEB2D5 | #AEB2D5 | 20.32 | 12.47 | php.net/images/logos/new-php-logo.svg (php.net/download-logos.php) |
+| `PagerDutyIcon` | `pagerduty` | pair | #048A24 | #FFFFFF | 4.35 | 12.47 | pagerduty.com/brand "P icon" pack (P-GreenRGB.svg / P-WhiteRGB.svg) |
+| `PandaDocIcon` | `pandadoc` | fixed | #248567 | #248567 | 4.39 | 12.47 | the PandaDoc logo shipped on pandadoc.com (header logo SVG and favicon); white monogram on the green tile in both themes |
+| `PaychexIcon` | `paychex` | fixed | #004B8D | #004B8D | 8.50 | **1.42** | paychex.com's own logo SVG (themes/custom/paychex2/images/svg/logo-paychex.svg, .st0) |
+| `PaylocityIcon` | `paylocity` | fixed | #ED2024 | #ED2024 | 4.20 | 12.47 | paylocity.com design-system CSS (.styleBGBrandGradient) |
+| `PaypalIcon` | `paypal` | fixed | #002991 | #002991 | 11.77 | 6.93 | PayPal's own paypal-mark-color_new.svg (site header logo on paypal.com) |
+| `PersonaIcon` | `persona` | fixed | #7379FD | #7379FD | 3.45 | 3.49 | https://withpersona.com/favicon.svg (Persona, identity verification) |
+| `PersonioIcon` | `personio` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | personio.design/brand/how-we-look/logo |
+| `PhraseIcon` | `phrase` | pair | #181818 | #FFFFFF | 17.18 | 12.47 | Logo_primary.svg and Logo_black_background.svg on phrase.com/brand |
+| `PineconeIcon` | `pinecone` | pair | #201D1E | #FFFFFF | 16.18 | 12.47 | pinecone.io/newsroom/media-kit |
+| `PinterestIcon` | `pinterest` | fixed | #E60023 | #E60023 | 4.63 | 2.61 | Pinterest Gestalt tokens (color.icon.brand.primary = red.pushpin.450, identical in sema-color-light and sema-color-dark) |
+| `PipedriveIcon` | `pipedrive` | fixed | #017737 | #017737 | 5.50 | 12.47 | pipedrive.com logo token --pd-puco-global-color-green-500 |
+| `PlanetScaleIcon` | `planetscale` | pair | #1A1A1A | #FAFAFA | 16.84 | 11.95 | planetscale.com |
+| `PocketIdIcon` | `pocketid` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | pocket-id.org header logo (fill isDark ? #ffffff : #000000) and pocket-id/pocket-id frontend/src/lib/components/logo.svelte |
+| `PostgresIcon` | `postgresql` | mixed | #336791 | #336791 | 20.32 | 12.47 | the official 3-colour Slonik SVG on wiki.postgresql.org/wiki/Logo |
+| `PostmarkIcon` | `postmark` | fixed | #FFDE00 | #FFDE00 | 20.32 | 9.33 | postmarkapp.com/images/logo-stamp-simple.svg |
+| `PowershellIcon` | — | fixed | #00FF18 | #00FF18 | 20.32 | 12.47 | github.com/PowerShell/PowerShell/blob/master/assets/ps_black_64.svg |
+| `PusherIcon` | `pusher` | pair | #300D4F | #FFFFFF | 15.68 | 12.47 | pusher.com media kit (Pusher logo primary.png / Pusher logo secondary.png) |
+| `PushoverIcon` | `pushover` | fixed | #249DF1 | #249DF1 | 2.83 | 12.47 | support.pushover.net/i63-pushover-logos-and-usage |
+| `QoveryIcon` | `qovery` | fixed | #642DFF | #642DFF | 6.05 | 2.00 | qovery.com/logos/qovery-logo-black.svg |
+| `QuickbooksIcon` | `quickbooks` | fixed | #2CA01C | #2CA01C | 3.30 | 3.65 | the QuickBooks logo SVG on intuit.com's press room |
+| `RIcon` | — | fixed | #276DC3 | #276DC3 | 6.46 | 7.89 | r-project.org/logo (gradient stops copied from the authoritative Rlogo.svg) |
+| `RaindropIcon` | `raindrop` | fixed | #1988E0 | #1988E0 | 5.33 | 12.47 | app.raindrop.io/assets/icon_raw.svg and raindrop.io icon_128.png |
+| `ReactIcon` | — | pair | #087EA4 | #58C4DC | 4.48 | 6.14 | react.dev brand menu (images/brand/logo_light.svg, logo_dark.svg) |
+| `ReadmeIcon` | `readme` | pair | #213AFF | #FFFFFF | 6.53 | 12.47 | readme.com's own prefers-color-scheme favicon pair (favicon-213aff.ico / favicon-ffffff.ico) |
+| `ReadwiseIcon` | `readwise` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | readwise.io's logo-standalone-dark.svg (light) and logo-standalone-white.svg (dark) |
+| `RecraftIcon` | `recraft` | fixed | #000000 | #000000 | 20.32 | 12.47 | Recraft's press-kit "Icon White" mark (https://www.recraft.ai/press-releases) |
+| `RedditIcon` | `reddit` | fixed | #FF6600 | #FF6600 | 20.32 | 12.47 | redditinc.com/brand ("a stylized Snoo head contained within an OrangeRed (#FF4500) conversation bubble") |
+| `RenderIcon` | `render` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | render.com |
+| `ReplicateIcon` | `replicate` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | replicate.com header logo (glyph is currentColor; site CSS sets #000, and #FFF under .dark) |
+| `ResendIcon` | `resend` | pair | #000000 | #FDFDFD | 20.32 | 12.26 | cdn.resend.com/brand/resend-icon-black.svg and resend-icon-white.svg |
+| `RingCentralIcon` | `ringcentral` | pair | #FF7A00 | #FFFFFF | 2.53 | 12.47 | assets.ringcentral.com/us/brand-library/logos/ringcentral-logo.zip (RingCentral logo fullcolor.svg / RingCentral logo white.svg) |
+| `RocketChatIcon` | `rocketchat` | fixed | #F5455C | #F5455C | 3.45 | 3.50 | Rocket.Chat brand colours (docs.rocket.chat/v1/docs/colors), the primary red of their logo |
+| `RssIcon` | `rss` | fixed | #FFA500 | #FFA500 | 1.91 | 12.47 | Mozilla's feed icon guidelines (mozilla.org/en-US/foundation/feed-icon-guidelines/), which fix no exact hex |
+| `RubyIcon` | — | fixed | #FB7655 | #FB7655 | 10.63 | 12.47 | the official logo kit at ruby-lang.org/en/about/logo |
+| `RunPodIcon` | `runpod` | pair | #5D29F0 | #FFFFFF | 6.68 | 12.47 | runpod.io/brandkit |
+| `RustIcon` | — | pair | #000000 | #FFFFFF | 20.32 | 12.47 | rust-lang/rust-artwork |
+| `S3Icon` | `s3` | fixed | #7AA116 | #7AA116 | 2.93 | 12.47 | AWS Architecture Icons (Icon-package_07312026, Arch_Storage/64/Arch_Amazon-Simple-Storage-Service_64.svg) |
+| `SageIcon` | `sage_intacct` | pair | #000000 | #00D639 | 20.32 | 6.34 | @sage/design-tokens --logo-sage-bg-default |
+| `SalesflareIcon` | `salesflare` | fixed | #0053FF | #0053FF | 5.52 | 2.19 | salesflare.com's own `--color--major-blue` design token |
+| `SalesforceIcon` | `salesforce` | fixed | #00B3FF | #00B3FF | 2.29 | 5.28 | brand.salesforce.com/brand/color |
+| `SassIcon` | — | fixed | #CC6699 | #CC6699 | 3.43 | 12.47 | sass-lang.com's own style guide token --sl-color--hopbush (assets/dist/css/sass.css) |
+| `SegmentIcon` | `segment` | fixed | #52BD94 | #52BD94 | 2.24 | 5.38 | Segment's own app favicon (app.segment.com) and Evergreen green500 #52BD95 |
+| `SendflakeIcon` | `snowflake` | pair | #29B5E8 | — | 2.29 | — | snowflake.com/brand-guidelines |
+| `SendgridIcon` | `sendgrid` | fixed | #00B3E3 | #00B3E3 | 3.81 | 8.57 | styleguide.sendgrid.com/colors.html |
+| `SensorTowerIcon` | `sensortower` | fixed | #00CFB8 | #00CFB8 | 1.91 | 12.47 | sensortower.com/favicon.svg, copied verbatim |
+| `SentryIcon` | `sentry` | pair | #181225 | #FFFFFF | 17.64 | 12.47 | sentry.io/branding logo generator (Dark/Light themes, "Invert in dark mode") |
+| `ServiceNowIcon` | `servicenow` | fixed | #62D84E | #62D84E | 1.77 | 6.80 | servicenow.com/company/servicenow-logo.html (servicenow-logo-icon.svg) |
+| `ShopifyIcon` | `shopify` | fixed | #95BF47 | #95BF47 | 3.75 | 12.47 | shopify.com/brand-assets (shopify-logo-shopping-bag-full-color.svg: #95BF47/#5E8E3E/#fff) |
+| `ShortcutIcon` | `shortcut` | pair | #494BCB | #797ADE | 6.45 | 3.36 | shortcut.com/branding (mark-default.svg; the reversed lockup uses #797ADE on dark) |
+| `ShutterstockIcon` | `shutterstock` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | brand.shutterstock.com |
+| `SigNozIcon` | `signoz` | fixed | #FF5E19 | #FF5E19 | 3.63 | 12.47 | signoz.io/img/SigNozLogo-orange.svg |
+| `Slack` | `slack` | mixed | #E01E5A | #E01E5A | 4.51 | 6.52 | slack.com's own nav logo (a.slack-edge.com/38f0e7c/marketing/img/nav/logo.svg, linked from slack.com/media-kit) |
+| `SmartsheetIcon` | `smartsheet` | pair | #031C59 | #FFFFFF | 15.46 | 12.47 | brandguides.brandfolder.com/smartsheet-visual-guide/basics |
+| `SnowflakeIcon` | — | pair | #29B5E8 | — | 2.29 | — | snowflake.com/brand-guidelines |
+| `SpeechifyIcon` | `speechify` | pair | #2F43FA | #FFFFFF | 6.15 | 12.47 | the Speechify brand kit (speechify.com/brand-kit, Logomark_blue.svg and Logomark_white.svg) |
+| `SplitwiseIcon` | `splitwise` | pair | #1CC29F | — | 2.19 | — | splitwise.com/press (sw.svg / sw-wide.svg / bg-primary.svg) |
+| `SpotifyIcon` | `spotify` | pair | #1ED760 | #FFFFFF | 1.86 | 12.47 | developer.spotify.com/documentation/design (2024 Primary Logo icon pack) |
+| `SquareIcon` | `square` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | Square_Logo_2025 in squareup.com/us/en/press/logo |
+| `StraleIcon` | `strale` | pair | #0D0D0E | #F2F2F3 | 18.80 | 11.15 | strale.dev favicon.svg and the site's own --foreground token |
+| `StravaIcon` | `strava` | fixed | #FC5200 | #FC5200 | 3.20 | 3.77 | developers.strava.com/guidelines (Strava API logo pack, orange SVGs) |
+| `StripeIcon` | `stripe` | fixed | #533AFD | #533AFD | 5.99 | 12.47 | Stripe's own favicon.svg and Stripe_logo_kit.zip (stripe.com/newsroom/brand-assets) |
+| `SupabaseIcon` | `supabase` | fixed | #3ECF8E | #3ECF8E | 3.75 | 6.25 | supabase.com/brand-assets |
+| `SurrealdbIcon` | `surrealdb` | mixed | #D255FE | #D255FE | 7.33 | 5.71 | surrealdb.com/brand |
+| `SvelteIcon` | — | fixed | #FF3E00 | #FF3E00 | 3.42 | 12.47 | sveltejs/branding (svelte-logo.svg, white cutout #fff) |
+| `TallyIcon` | `tally` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | the "Tally Icon - Black" / "Tally Icon - White" files in the icon pack on tally.so/help/press-kit, matching the live tally.so/favicon.svg |
+| `TaskadeIcon` | `taskade` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | taskade.com/press (Mascot Mark light = agent_taskade.svg, Genesis Icon dark = taskade-icon-dark.svg) |
+| `TelegramIcon` | `telegram` | fixed | #2AABEE | #2AABEE | 2.92 | 12.47 | Telegram's press-kit Logo.svg (telegram.org/press) |
+| `TelnyxIcon` | `telnyx` | pair | #000000 | #00E3AA | 20.32 | 12.47 | telnyx.com |
+| `TerraIcon` | `terra` | fixed | #008AFF | #008AFF | 20.32 | 10.43 | tryterra.co/providers/terra_icon.svg, the only vector square mark Terra ships (the site logo is a "TERRA API" wordmark, the favicon a raster .ico) |
+| `TheirStackIcon` | `their_stack` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | theirstack.com/en/docs/brand, which lists both as core brand colours |
+| `ThreadsIcon` | `threads` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | Meta's Threads Brand Resource Center logo pack (meta.com/brand/resources/threads) |
+| `TodoistIcon` | `todoist` | fixed | #E44232 | #E44232 | 3.97 | 3.04 | Todoist Brand Guidelines (doist.com/brand-assets/todoist-logo.zip), "Red — the primary brand color for Todoist" |
+| `TogetherAiIcon` | `togetherai` | fixed | #EF2CC1 | #EF2CC1 | 3.50 | 6.46 | together.ai's brand page (https://www.together.ai/brand) |
+| `TogglIcon` | `toggl` | pair | #2C1138 | #E57CD8 | 16.33 | 4.87 | Toggl Track media toolkit (toggl.com/track/media-toolkit, icon-dark-purple.svg / icon-pink.svg) |
+| `TomorrowIoIcon` | `tomorrow` | fixed | #004CF8 | #004CF8 | 6.00 | 12.47 | tomorrow.io's own design tokens (--color-logo-blue in site-frame.min.css, matching the header lockup SVG and logo-490.png) |
+| `TrelloIcon` | `trello` | fixed | #1558BC | #1558BC | 6.44 | 12.47 | Atlassian Design logo library (atlassian.design/foundations/logos → trello_app.zip, Trello_icon.svg) |
+| `TripadvisorIcon` | `tripadvisor` | fixed | #002B11 | #002B11 | 15.01 | **1.24** | 2025 Tripadvisor Brand Guidelines for Partners, tripadvisor.mediaroom.com |
+| `TursoIcon` | `turso` | pair | #183134 | #FFFFFF | 13.30 | 12.47 | turso.tech/brand (Dark Teal and white logomark variants) |
+| `TwilioIcon` | `twilio` | fixed | #F22F46 | #F22F46 | 3.86 | 3.13 | twilio.com (mask-icon color, favicon and apple-touch-icon artwork) |
+| `TwitchIcon` | `twitch` | fixed | #9146FF | #9146FF | 4.49 | 2.69 | brand.twitch.com |
+| `TwitterIcon` | `twitter` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | about.x.com |
+| `TypeformIcon` | `typeform` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | typeform.com/brand |
+| `UltravoxIcon` | `ultravox` | fixed | #BB3B57 | #BB3B57 | 6.67 | 7.65 | the ultravox.ai favicon (framerusercontent.com/images/hzAEdihxJ11mv3l4trNh2WprE.svg) |
+| `VectaraIcon` | `vectara` | fixed | #7E00FF | #7E00FF | 7.00 | 9.80 | — |
+| `VercelIcon` | `vercel` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | vercel.com |
+| `VismaIcon` | `visma` | pair | #131313 | #FFFFFF | 17.98 | 12.47 | design.visma.com/logo (VA symbol from the official Visma Logopack) |
+| `VueIcon` | — | fixed | #42B883 | #42B883 | 8.97 | 5.00 | vuejs/art logo.svg |
+| `WebflowIcon` | `webflow` | fixed | #146EF5 | #146EF5 | 4.44 | 2.72 | brand.webflow.com/brand-assets |
+| `WhatsappBusinessIcon` | `whatsapp_business` | fixed | #25D366 | #25D366 | 1.92 | 6.29 | WhatsApp's Digital_Glyph_Green_RGB_2026.svg, shipped by whatsapp.com/business (→ whatsappbusiness.com) |
+| `WizIcon` | `wiz` | pair | #0254EC | #FFFFFF | 5.84 | 12.47 | wiz.io/press media kit logo pack (WizLogo_Blue_Vector.svg / WizLogo_White_Vector.svg) |
+| `WooCommerceIcon` | `woocommerce` | pair | #873EFF | #FFFFFF | 4.88 | 12.47 | the Woo logo pack at woocommerce.com/brand-and-logo-guidelines (Woo_logo_color.svg and Woo_logo_white.svg) |
+| `WordpressIcon` | `wordpress` | pair | #32373C | #FFFFFF | 11.63 | 12.47 | wordpress.org/about/logos/ |
+| `XataIcon` | `xata` | fixed | #8468F6 | #8468F6 | 3.84 | 3.14 | xata.io/brand (logo-symbol.svg) |
+| `XeroIcon` | `xero` | fixed | #13B5EA | #13B5EA | 2.30 | 12.47 | xero.com favicon.svg and the site header logo (Xero__LogoPath fill) |
+| `YamlIcon` | — | mixed | #CB171E | #CB171E | 5.52 | 5.71 | yaml.org's own assets/favicon.svg and assets/logo.png; the Y, M and L carry no fill in YAML's SVG, so they take the surrounding text colour |
+| `YelpIcon` | `yelp` | fixed | #FF1A1A | #FF1A1A | 3.75 | 3.22 | yelp.com/brand (burst_red.svg and the official logo kit) |
+| `YnabIcon` | `ynab` | pair | #3B5EDA | #FEF9E6 | 5.35 | 11.82 | ynab.com press kit tree logo (Tree Logo Blurple.svg / Tree Logo Buttermilk.svg — the buttermilk reverse is what ynab.com itself uses on its dark footer) |
+| `YoutubeIcon` | `youtube` | fixed | #FF0033 | #FF0033 | 3.83 | 12.47 | brand.youtube/color (YouTube Red, updated from #FF0000) |
+| `ZammadIcon` | `zammad` | fixed | #CD2015 | #CD2015 | 7.62 | 9.73 | zammad.com favicon-32x32.svg |
+| `ZendeskIcon` | `zendesk` | pair | #11110D | #FFFFFF | 18.31 | 12.47 | zendesk.com |
+| `ZeroTierIcon` | `zerotier` | fixed | #FFB25B | #FFB25B | 16.58 | 6.99 | zerotier.com's own icon.svg and logo lockups |
+| `ZitadelIcon` | `zitadel` | pair | #232323 | #FFFFFF | 15.21 | 12.47 | zitadel/zitadel console assets zitadel-logo-solo-dark.svg / zitadel-logo-solo-light.svg |
+| `ZixflowIcon` | `zixflow` | pair | #141414 | #FFFFFF | 17.83 | 12.47 | docs.zixflow.com logo pack (logo/light.svg / logo/dark.svg) |
+| `ZohoIcon` | `zoho` | pair | #000000 | #FFFFFF | 20.32 | 12.47 | zoho.com/branding (zoho-logo-web.svg / zoho-logo-white.svg) |
+| `ZoomIcon` | `zoom` | pair | #0B5CFF | #FFFFFF | 5.09 | 12.47 | brand.zoom.com |
+| `ZuploIcon` | `zuplo` | fixed | #FF00BD | #FF00BD | 3.39 | 3.56 | https://zuplo.com/brand |
+
+## Rules the brand imposes
+
+Constraints that would otherwise be broken by a well-meaning change.
+
+- **AblyIcon** — "Don't use other colours or gradients for the symbol."
+- **AcceloIcon** — The mark keeps these three fills in both themes; only the wordmark (not drawn here) swaps #10202D for white.
+- **AmqpIcon** — No brand colour: AMQP is an OASIS protocol, not a vendor, and amqp.org publishes no palette (https://www.amqp.org/legal.html). Generic glyph, deliberately monochrome — keep it on currentColor.
+- **AnsibleIcon** — The mark is a solid disc knocked out with a white "A", so the pair is applied by inverting rather than currentColor: recolouring the disc alone would leave white on light grey.
+- **ApifyIcon** — White/black variants are reserved for monochromatic contexts, so the tricolour mark stays in both themes.
+- **AppwriteIcon** — Brand asks that the logo not be altered, so no per-theme variant.
+- **ArcGisIcon** — Esri publishes no reversed variant for this badge and forbids altering its logos.
+- **AsanaIcon** — Asana's guidelines forbid recolouring: the symbol always appears in coral, on light and dark backgrounds alike.
+- **AssemblyAiIcon** — Two colours per theme, so the second stroke carries its own fill- utilities: #777673 on light, #FFFFFF on dark.
+- **AttioIcon** — The mark is a filled compound path; stroking it instead thickens it and leaks the default black fill.
+- **Auth0Icon** — Okta's content terms forbid altering the mark, so ship only these published variants.
+- **AutheliaIcon** — authelia.com/reference/guides/branding permits format/layout changes only — do not alter the design.
+- **AuthentikIcon** — The white variant is the brand's own asset for dark backgrounds; proportions and colour must not be altered otherwise.
+- **AwsEcrIcon** — AWS ships one flat fill for both themes; the gradient tile was retired in the 2023 accessibility refresh.
+- **AwsIcon** — aws.amazon.com/trademark-guidelines forbids altering the logo's colour, so only these two published variants may be used.
+- **BaserowIcon** — The mark keeps these three colours on light and dark; only the wordmark reverses to white.
+- **BeamerIcon** — The isotype is monochrome in all first-party artwork.
+- **BigQueryIcon** — Google publishes no reversed variant, so the same mark is used on both themes.
+- **BitbucketIcon** — Atlassian ships brand/neutral/inverse only: "don't use unapproved color combinations".
+- **BitlyIcon** — Bitly's reversed logomark is white over orange, not over neutral dark, so the orange mark is used on both.
+- **BloggerIcon** — Google publishes no reversed variant.
+- **BlueskyIcon** — The downloadable media-kit butterfly still ships the older #006AFF, but the palette is the normative source: "use only the official color values above. Do not substitute, tint, or approximate." White is the approved monochrome variant for dark backgrounds.
+- **BoxIcon** — box.com/legal/trademark forbids any other recolouring of the mark.
+- **BrevoIcon** — Brevo publishes no per-theme variant of the app mark; the reversed "Mint" #F9FFF6 asset is the wordmark only.
+- **BrowserlessIcon** — Its own prefers-color-scheme block sets black on light, white on dark.
+- **BubbleIcon** — Bubble's brand terms forbid re-colouring the mark beyond its published dark/light pair.
+- **BuildkiteIcon** — Buildkite ships a single mark "for any context", so there is no per-theme variant, and asks that it not be altered.
+- **ButtondownIcon** — Brand forbids recolouring the logo, so no per-theme variant.
+- **CSharpIcon** — Its README forbids altering the mark, so the same full-colour icon is used on light and dark.
+- **CalcomIcon** — Cal.com's design system states it is deliberately a grayscale brand and publishes exactly two logo variants.
+- **CalendlyIcon** — Guidelines: "Only show our logo and lockups in blue or white."
+- **CertopusIcon** — Verbatim copy of the brand's own circle mark: #2C353D and the white disc are its other fixed tones, not a dark-theme variant.
+- **CircleCiIcon** — Guidelines require Terminal (#161616) on light backgrounds and White on dark, and forbid any color not named in them.
+- **CiscoIcon** — Cisco requires all parts of the mark be knocked out to white on dark backgrounds.
+- **ClerkIcon** — Same two-tone symbol on light and dark; the mono symbol-dark/symbol-light pair is Clerk's alternate for single-colour contexts.
+- **ClickhouseIcon** — Brand forbids recolouring the mark, so only its own published pair is used.
+- **CloseIcon** — Close forbids modifying the logo, so the same colours are kept on light and dark.
+- **CloudflareIcon** — Cloudflare's logo guidelines forbid altering the colours or filling the flare, so the flare stays knocked out on both themes.
+- **CloudinaryIcon** — Cloudinary Blue is reserved for the logo; no other recolouring is permitted.
+- **CockroachDbIcon** — The full-colour mark is a cyan-to-purple gradient; Cockroach Labs reduces it to solid white on dark backgrounds.
+- **CoinbaseIcon** — Coinbase asks that the mark not be altered or recoloured, so only these two published variants are used.
+- **ComapeoIcon** — Awana Digital publishes no reversed variant, so dark mode uses the brand's own accent blue #0066FF from CoMapeoLogo.svg (digidem/comapeo-mobile); the navy is 1.3:1 on dark surfaces.
+- **ConfluenceIcon** — Atlassian requires the logo be used without modification, and its brand appearance is identical in light and dark.
+- **ContentfulIcon** — Same full-colour mark on light and dark.
+- **ContiguityIcon** — The `>_` glyph is knocked out to the opposite colour, so it carries its own fill- utilities.
+- **ConvertKitIcon** — ConvertKit rebranded to Kit in 2024.
+- **CssIcon** — Small-size variant; the only per-theme variants published are mono black/white fallbacks, so the rebeccapurple tile is kept in both themes.
+- **DatadogIcon** — Datadog publishes one mark per background, the purple tile with Bits knocked out on light and the white Bits silhouette on dark, and forbids recolouring or inverting either.
+- **DatoCmsIcon** — Brand kit forbids altering the logo's shape or colour.
+- **DbtIcon** — Their Trademark Policy states "The dbt logo mark color cannot be altered", so this stays orange on both themes.
+- **DeelIcon** — Post-rebrand the period is a square in the wordmark colour, not a blue circle.
+- **DeepInfraIcon** — Their brand guidelines say "use the primary white logo on dark backgrounds", where the connector bars invert to #FFFFFF.
+- **DenoIcon** — Deno publishes no hex and forbids colorizing; the black "Light (no outline)" and white "Dark (outlined)" marks are separate artworks to be swapped per background, never inverted.
+- **DiscordIcon** — Discord forbids recolouring the logo, so no per-theme variant.
+- **DiscourseIcon** — Only the outer bubble reverses; the five inner colours are the same in both variants.
+- **DockerIcon** — Docker requires its logos appear only in its primary brand colours.
+- **DropboxIcon** — Dropbox's branding terms forbid recolouring the logo, and their inverse-theme token keeps the same blue.
+- **DuckDbIcon** — The pair is a full inversion, so the duck carries its own fill- utilities; the manual forbids recolouring outside these two brand hexes.
+- **DustIcon** — Dust's guidelines forbid recolouring the logo.
+- **DynatraceIcon** — Guidelines forbid colorizing the logo, so all six fills stay fixed in both themes.
+- **EdgeDbIcon** — EdgeDB is now Gel — edgedb.com redirects to geldata.com — so this is Gel's "g" symbol, not the retired EDGE|DB wordmark.
+- **EnodeIcon** — Their own favicon carries the pair in a prefers-color-scheme block.
+- **ExaIcon** — Blue for standard applications, white on dark backgrounds.
+- **FigmaIcon** — Figma's guidelines forbid modifying the marks, so the five-colour original is used on both themes.
+- **FirebaseIcon** — Same full-colour artwork on light and dark; the guidelines forbid recolouring or redrawing the mark.
+- **FoxentryIcon** — Fixed tri-tone mark, no per-theme variant: the brand ships a separate greyscale logo rather than a recoloured one.
+- **FreshdeskIcon** — Freshworks publishes no reversed variant: the white glyph always sits on the green leaf.
+- **FunkwhaleIcon** — Identity guidelines forbid recolouring.
+- **GSheetsIcon** — Google forbids recolouring its marks, so the same full-colour artwork is used on both themes.
+- **GcalIcon** — Google forbids modifying its logos, colour included, so this stays fixed with no per-theme pair.
+- **GdriveIcon** — Google forbids modifying its logos "in any way, including changing the color", so this stays full-colour with no per-theme pair.
+- **GiphyIcon** — Same full-colour mark on light and dark.
+- **GitBookIcon** — #1C1917 is the marketing palette's dark base, not the logomark.
+- **GitIcon** — A white reversed logomark exists, but git-scm.com's own dark theme exempts the mark from inversion and keeps it orange.
+- **GithubIcon** — GitHub allows the Invertocat in white or black only and forbids recolouring it, so the pair is fixed here rather than inherited from the caller.
+- **GmailIcon** — Google's brand guidelines forbid recolouring the mark.
+- **GoogleAiIcon** — Google ships no reversed variant; the same gradient is used on light and dark.
+- **GoogleCalendarIcon** — Google's trademark guidelines forbid distorting or altering a brand feature, so no per-theme recolour.
+- **GoogleCloudIcon** — Google forbids recolouring its logos.
+- **GoogleDriveIcon** — Google's Drive branding guide permits resizing only — no other change to the logo — so no per-theme recolour.
+- **GoogleFormsIcon** — Google's brand guidelines forbid modifying or recolouring its product icons.
+- **GoogleIcon** — developers.google.com/identity/branding-guidelines forbids changing the colour of the G.
+- **GorgiasIcon** — The guide allows only black or white for the symbol: "Do not use gray!".
+- **GristIcon** — "Keep it exactly as depicted — no recoloring, no cropping."
+- **GroqIcon** — Logo use in a UI requires a license from Groq.
+- **HoldedIcon** — Holded ships one flat red mark for both themes; the red-orange gradient is retired.
+- **HubspotIcon** — The legacy Coral #FF7A59 is not the current logo color.
+- **IfsIcon** — IFS's negative lockup reverses only the wordmark, so the symbol keeps its #8427E2-to-#72C9F8 gradient on dark.
+- **IftttIcon** — IFTTT's brand guidelines state "Our wordmark may be used in solid white or black" and publish no other hex for the mark.
+- **IntercomIcon** — Intercom ships the mark as fill="currentColor" bound to its nav foreground token, so it takes the colour of the surface it sits on.
+- **JavaIcon** — The Coffee Cup mark is licensee-only and "you may not use a modified version of the Coffee Cup logo" — do not recolour it or flatten it to currentColor.
+- **JavaScriptIcon** — Fixed mark: yellow field, black lettering, no per-theme variant.
+- **JiraIcon** — The logomark is identical on light and dark; only the wordmark changes colour.
+- **JoomlaIcon** — Joomla's trademark policy forbids recolouring the mark, so there is no per-theme variant.
+- **JotformIcon** — The other three bars keep their fixed brand colours in both themes.
+- **JsonIcon** — JSON itself has no brand owner or published colours — json.org states none — so this is a Material palette pick, not a brand colour.
+- **KanidmIcon** — Kanidm's artwork is CC-BY-NC-ND — no recolouring or other derivatives.
+- **KlaviyoIcon** — Klaviyo draws it in currentColor, hence the white swap on dark.
+- **LangfuseIcon** — Langfuse's trademark terms forbid modifying the assets.
+- **LineIcon** — LINE forbids any change to the logo's colour, so there is no reversed variant.
+- **LinearIcon** — Guidelines ship a light/dark logomark pair and forbid altering the assets in any other way.
+- **LinkedinIcon** — That page forbids recolouring: only the approved blue, black and white variants.
+- **LinodeIcon** — The keyline path stays unfilled so it follows currentColor instead of the source's near-black #231f20.
+- **LumaAiIcon** — The two faces ship at 65% opacity, which is what makes their overlap read as a cube.
+- **MSSqlServerIcon** — Microsoft licenses its product icons for diagrams, docs, and training only, and forbids cropping, rotating, or reshaping them.
+- **MSTeamsIcon** — Microsoft's trademark guidelines forbid altering their brand assets, so the full-colour mark ships unchanged in both themes.
+- **MailchimpIcon** — Mailchimp forbids altering the files, so both official tones are painted and neither is recoloured per theme.
+- **MailerLiteIcon** — Their IP guidelines forbid altering or recolouring the mark.
+- **MailgunIcon** — Mailgun ships no reversed variant; the tile is identical on light and dark.
+- **MandrillIcon** — On dark their rule is the reversed (white) Freddie; Cavendish Yellow #FFE01B is a background colour, never the mark.
+- **MarkdownIcon** — Spec: keep the enclosure's aspect ratio and radius, keep the M/arrow/box relative sizes, and draw all three in one colour.
+- **MastodonIcon** — Swap to the black or white logo rather than recolouring when contrast fails.
+- **MatrixIcon** — Artwork is the Foundation's matrix-icon.svg verbatim; the trademark policy forbids altering it.
+- **MediumIcon** — Guidelines mandate black or white only for both the wordmark and the icon and forbid "any other colors, gradients, or filled with images".
+- **MezmoIcon** — The star stays #F4B811 in both themes.
+- **MicrosoftIcon** — Microsoft forbids recolouring the symbol, so it stays full-colour on both themes.
+- **MistralIcon** — Brand forbids any other recolouring.
+- **MixpanelIcon** — "The Mixpanel logo is only ever used in three colors: black, white and the primary brand purple."
+- **MollieIcon** — The m is the glyph from Mollie-Logo-Black-2023.svg (Mollie logo pack, mollie.com/resources), scaled and placed to match that icon pixel for pixel; the logo pack itself ships only the 320x94 wordmark. Mollie publishes black and white variants, so the pair flips for dark mode.
+- **MondayIcon** — All three colours are required; the brand forbids monochrome or recoloured versions, so no dark-theme variant.
+- **MongodbIcon** — MongoDB permits only four logo colours, chosen for contrast with the background, and forbids any other recolour.
+- **MotimateIcon** — Motimate is a registered trademark of Motimate AS (Kahoot!).
+- **Mysql** — Used under Fair Use: https://fr.wikipedia.org/wiki/Fichier:MySQL.svg
+- **NeonDbIcon** — Neon forbids recolouring, so only these published variants may be used.
+- **NetlifyIcon** — Two colours per theme, so the "n" carries its own fill- utilities: #014847 on light, #FFFFFF on dark.
+- **NetsuiteIcon** — Pre-Oracle NetSuite "N" mark. #125580/#baccdb approximate netsuite.com's own 2014 logo art, which is itself inconsistent: /portal/common/img/ns-logo.png is #14487e/#b9c9d5 and /portal/common/img/logo-ns-mobile.png is #13527d/#b6c7d5 (both via web.archive.org/web/2014/). Not Oracle's current NetSuite mark, which is a different logo in a different palette (#264759/#36677D/#94BFCE/#E2C06B).
+- **NocoDbIcon** — NocoDB publishes no reversed variant; the full-colour mark is used on light and dark alike.
+- **NotionIcon** — The plate is fixed, not theme-swapped: the mark is pure black and disappears on dark backgrounds without it.
+- **NuIcon** — Nushell registers that one file as both the `light` and `dark` icon, so the green is not theme-swapped.
+- **OdkIcon** — ODK publishes no reversed or monochrome variant.
+- **OktaIcon** — Okta's official April-2025 logo package (logos-04-2025.zip) ships the mark in Black and White only.
+- **OpenWeatherIcon** — Their negative (dark-background) logo reverses only the wordmark; the symbol stays brand orange.
+- **OpenaiIcon** — The guidelines state "DON'T add any colors to the Blossom" — black or white only.
+- **OracleDBIcon** — Oracle reserves its logo for licensees.
+- **PHPIcon** — Official logo, CC BY-SA 4.0: keep it verbatim and credit Colin Viebrock rather than recolouring.
+- **PaychexIcon** — The isolated P is the square mark Paychex ships as its own 192x192 app icon. Paychex requires prior approval for any use of its marks.
+- **PaypalIcon** — The third fill is the deep/bright blue overlap: a two-colour or flat fill loses it.
+- **PersonioIcon** — Black on light, white on dark or coloured backgrounds.
+- **PhraseIcon** — The green wedge stays #03EAB3 in both — Phrase forbids altering the logo mark colour.
+- **PineconeIcon** — The mark is stroke-only, so fill must stay none.
+- **PinterestIcon** — Brand guidelines: "Do not alter the logo colour."
+- **PipedriveIcon** — Pipedrive's partner media kit says "do not alter, rotate, modify or animate the logo", so the mark keeps its published colours on both themes.
+- **PostgresIcon** — The PostgreSQL trademark policy forbids recolouring the mark without prior approval.
+- **PostmarkIcon** — Postmark publishes no reversed variant.
+- **PowershellIcon** — Trademarked Microsoft logo, exempt from that repo's MIT license. The #00FF18 line below is opacity-0 in the upstream asset and paints nothing.
+- **PusherIcon** — Only the colourways shown in their brand guidelines are permitted.
+- **PushoverIcon** — Forbids recolouring.
+- **QoveryIcon** — The mark keeps the same purple in Qovery's white lockup for dark backgrounds, so there is no reversed variant.
+- **QuickbooksIcon** — Intuit forbids altering the mark.
+- **RIcon** — R Foundation licenses the mark CC-BY-SA 4.0 / GPL-2 — attribution required, changes must be indicated.
+- **RaindropIcon** — Full-colour mark, no reversed variant published.
+- **ReadwiseIcon** — The serif R and its highlight block are knocked out to the opposite colour, so they carry their own fill- utilities. Do not restore the mix-blend-mode: multiply wrapper Readwise's dark file carries: it turns the knocked-out white to the backdrop colour on anything but a white page.
+- **RecraftIcon** — The plated mark carries its own background: recraft.ai serves it to prefers-color-scheme light and dark alike — not a theme pair.
+- **RedditIcon** — Reddit publishes no reversed variant; the icon must always appear in Orangered when in colour.
+- **RenderIcon** — Official Render Brand Kit contains only Black and White logomark folders and the SVGs use pure black / pure white.
+- **ResendIcon** — Brand guidelines forbid multi-color use or altering the mark, so these are the only two published fills.
+- **RssIcon** — Never rotate or flip the mark.
+- **RubyIcon** — CC BY-SA 2.5; the kit's LICENSE asks that the mark not represent anything other than the Ruby language.
+- **RunPodIcon** — Brand forbids recolouring, so both values are its own published cube-icon variants.
+- **RustIcon** — rust-lang.org ships only rust-logo-blk.svg (pure black).
+- **S3Icon** — AWS ships no dark variant for service icons.
+- **SageIcon** — Sage sets its logo black on light surfaces and Sage green only on dark ones.
+- **SalesforceIcon** — Salesforce reserves the white/reversed cloud for its own blue backgrounds, so the blue mark stands in both themes.
+- **SegmentIcon** — Segment ships the mark in one flat green and publishes no reversed variant.
+- **SendflakeIcon** — Snowflake Blue is the only approved logo color; the sole alternate is a white reverse reserved for full-bleed Snowflake Blue.
+- **SendgridIcon** — Twilio's trademark guidelines forbid recolouring the mark, so it stays multicolour in both themes.
+- **ServiceNowIcon** — Trademark guidelines require the mark in the graphic form provided.
+- **ShopifyIcon** — The "S" stays white regardless of background; no gradients, shadows or recolouring.
+- **ShortcutIcon** — The mark "is used across various colors but never changes its visual structure."
+- **ShutterstockIcon** — Brand rule: the logo is only ever black or white.
+- **SigNozIcon** — SigNoz ships no reversed variant; the tile mark is used unchanged on light and dark.
+- **Slack** — Fixed full-colour mark, no per-theme variant.
+- **SmartsheetIcon** — Those are two of the approved logo colorways; the guide forbids any other recolouring.
+- **SnowflakeIcon** — Snowflake Blue is the only approved logo color; the sole alternate is a white reverse reserved for full-bleed Snowflake Blue.
+- **SpeechifyIcon** — The blue logomark is reserved for white backgrounds; every other background takes the black or white monochrome version.
+- **SplitwiseIcon** — Splitwise's logos carry a single green and no reversed variant, so the same colour is used on light and dark.
+- **SpotifyIcon** — Spotify permits the green icon only on black or white backgrounds and requires the white monochrome colourway on any other dark background, so the pair is fixed rather than caller-set.
+- **SquareIcon** — Square ships only black and white logo files and states "Do not change the color", so no tinted variant is allowed.
+- **StraleIcon** — Strale's own logo component fills with currentColor, so the mark is meant to take the theme's foreground.
+- **StravaIcon** — Strava's guidelines forbid modifying or altering its logos, and the orange Echelon is the mark Strava itself uses on light and dark alike.
+- **StripeIcon** — Stripe's Marks Usage Terms forbid altering the marks, so this ships verbatim in both themes rather than as a recoloured pair.
+- **SupabaseIcon** — Forbids modifying or recolouring the mark.
+- **SurrealdbIcon** — Same gradient mark on light and dark; monochrome variants are for subtle placements only.
+- **SvelteIcon** — Its guidelines count the official colour scheme as part of the mark — do not recolour.
+- **TaskadeIcon** — Brand forbids recolouring, so only those two published variants are used.
+- **TelegramIcon** — The shaded-plane drawing is Telegram's retired Logo_old.
+- **TerraIcon** — The outlines are part of the artwork and stay black in both themes; the blue T carries the mark on dark backgrounds.
+- **TheirStackIcon** — The mark ships black-only, but the same brand rules forbid placing it on low-contrast backgrounds; on a dark surface black is 1.68:1, so it is tinted to the brand's own white.
+- **ThreadsIcon** — The pack ships the mark in black and white only, so it must never be tinted.
+- **TogglIcon** — Toggl requires the mark be used as is, unmodified.
+- **TomorrowIoIcon** — Their stylesheet reverses only the wordmark on dark headers (path.logo-letter{fill:#fff}); the mark itself stays logo blue in both themes.
+- **TrelloIcon** — Atlassian: never compose your own versions or deconstruct official assets.
+- **TripadvisorIcon** — Dark backgrounds take Tripadvisor's separate outlined Ollie, never an inverted or recoloured one.
+- **TwilioIcon** — Twilio reserves its corporate logo for permitted use and forbids recreating or modifying it.
+- **TwitchIcon** — Trademark guidelines forbid recolouring.
+- **TwitterIcon** — The component draws the X glyph, not the legacy bird.
+- **TypeformIcon** — Default brand colours are "Paper (white) and Ink (black)".
+- **UltravoxIcon** — Gradient mark; ultravox.ai links that same asset for both prefers-color-scheme light and dark, so there is no per-theme variant.
+- **VectaraIcon** — #7E00FF → #07FEEE iridescent sweep, sampled from the logo mark on vectara.com (no brand kit is published). Vectara reserves its trademarks: do not recolour.
+- **VercelIcon** — Vercel ships only light-theme (black) and dark-theme (white) triangle marks and explicitly forbids modifying or recoloring the trademarks.
+- **VismaIcon** — Positive black on light, negative white on dark; the logo may not be given any other colour.
+- **VueIcon** — Vue's dark-background variant is separate outlined artwork rather than a recolour, so the two-tone mark is used in both themes.
+- **WebflowIcon** — Mark ships in blue, black or white only.
+- **WhatsappBusinessIcon** — "You shouldn't modify any colors in our logos."
+- **WooCommerceIcon** — Automattic requires the mark in its exact, most up-to-date form, so only their two published colorways are used, never a recolour.
+- **WordpressIcon** — Every official logotype vector is BaseGray #32373C, shipped alongside a White/transparent version for dark backgrounds.
+- **XataIcon** — Brand forbids recolouring, and the full-colour symbol is the same purple in light and dark modes.
+- **XeroIcon** — Single-colour mark: white wordmark on the blue badge in both themes.
+- **YamlIcon** — YAML publishes no reversed variant, and its black letters would be invisible on the dark surface.
+- **YelpIcon** — Yelp forbids altering the logos and requires the ® to accompany the mark at all times.
+- **YoutubeIcon** — "The triangle in the full-color red icon must always be white."
+- **ZendeskIcon** — Zendesk's brand guidelines specify the logo in Licorice #11110D and Coconut #FFFFFF only and forbid unapproved color variations.
+- **ZeroTierIcon** — The tile is identical on light and dark; only the wordmark inverts.
+- **ZitadelIcon** — The gradient chevrons stay #FF8F00→#FE00FF in both variants.
+- **ZohoIcon** — The four squares carry their own brand hexes (#E42527/#089949/#226DB4/#F9B21D) on light; Zoho's reversed lock-up is entirely white, so they invert with the wordmark on dark.
+- **ZoomIcon** — The logo "may only be used in Bloom (#0B5CFF), White, or Black", with White reserved for dark backgrounds and Black requiring prior brand approval.
+- **ZuploIcon** — Brand guidelines forbid recolouring the mark; pink is the official variant on both light and dark surfaces.
+
+## Concept icons
+
+Not brands. These inherit `currentColor` on purpose and must not be given a pair.
+
+`AgentInstructionsIcon`, `AiAgentIcon`, `ApiKeyAuthIcon`, `AssetDatabaseIcon`, `AssetDucklakeIcon`, `AssetGenericIcon`, `AssetResIcon`, `AssetS3Icon`, `BarsStaggered`, `BasicHttpAuthIcon`, `BcryptIcon`, `CACertificate`, `CustomAiIcon`, `DbIcon`, `FormInputIcon`, `FunnelCog`, `GpgKeyIcon`, `HttpIcon`, `JsonSchemaIcon`, `LdapIcon`, `Mail`, `OauthIcon`, `PaintbrushOff`, `QRCodeIcon`, `QuestionInputIcon`, `RecordIcon`, `RestIcon`, `SchedulePollIcon`, `SignatureAuthIcon`, `SparklesOffIcon`, `WebdavIcon`, `WindmillAiIcon`, `WindmillIcon`, `WindmillIcon2`
+
+## Coverage
+
+- brand icons: **314**, of which **310** carry a recorded source
+- per-theme pairs applied: **136** (5 of them by inversion or a two-SVG swap, see above)
+- concept icons: **34**
+- effectively invisible on light: **1** (AbstractApiIcon)
+- effectively invisible on dark: **2** (PaychexIcon, TripadvisorIcon)
diff --git a/frontend/src/lib/components/icons/BambooHrIcon.svelte b/frontend/src/lib/components/icons/BambooHrIcon.svelte
index efbeec2ece..534b48cbe6 100644
--- a/frontend/src/lib/components/icons/BambooHrIcon.svelte
+++ b/frontend/src/lib/components/icons/BambooHrIcon.svelte
@@ -1,12 +1,27 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.7142 13.6433h-4.9888a.651.651 0 00-.655.555 4.1139 4.1139 0 01-4.0619 3.5299l1.35 6.1728a10.3737 10.3737 0 009.0077-9.5447.651.651 0 00-.652-.713zm-8.6327-.158l7.1998-6.1718a.645.645 0 000-.984L13.0815.1597a.648.648 0 00-1.074.483v12.3426a.651.651 0 001.073.5zm-11.3547 1.505A10.3847 10.3847 0 0012.0115 24v-6.2698a4.0929 4.0929 0 01-4.0999-4.0869zm-.096-1.447v.1h6.2798a4.0929 4.0929 0 014.098-4.0879l-1.348-6.1698a10.3697 10.3697 0 00-9.0298 10.1577"/>
+<!-- #599D15 / #FFFFFF per bamboohr.com (Encore --brandColor; bamboohr-logo-white.png is the published reversed variant). -->
+<svg
+	class="text-[#599D15] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g transform="translate(-10.2991 -6.278) scale(0.2688)">
+		<path
+			d="M103.75,54.99c-8.52,0-13.08,2.92-16.28,6.1l-0.87,0.92l0-29.51h-7.36v47.67c0,14.37,11.07,23.33,23.77,23.33c13.99,0,24.59-10.77,24.59-24.61C127.6,66.04,116.55,54.99,103.75,54.99z M103.01,96.68c-9.27,0-17.12-7.31-17.12-17.1c0-9.8,6.61-17.84,17.28-17.84c10.67,0,16.95,8.63,16.95,17.66C120.13,89.23,113.48,96.68,103.01,96.68z"
+		/>
+		<path
+			d="M55.89,32.5c-0.06-0.02-0.09,0.05-0.05,0.1c7.55,8.52,13.02,18.83,15.76,25.44c-3.46-3.71-6.76-7.57-10.46-10.14c-7.5-5.23-15.42-7.82-22.76-8.8c-0.06-0.01-0.09,0.07-0.04,0.11c17.98,14.42,13.79,21.96,37.26,24.94c0.04,0.01,0.08-0.04,0.06-0.08c-3.47-10.69-4.6-18.62-10.49-24.92C63.31,37.17,57.85,33.18,55.89,32.5z"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/BaremetricsIcon.svelte b/frontend/src/lib/components/icons/BaremetricsIcon.svelte
index be550a88fc..a05a84c7c9 100644
--- a/frontend/src/lib/components/icons/BaremetricsIcon.svelte
+++ b/frontend/src/lib/components/icons/BaremetricsIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#6078FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.109 7.951l1.485 2.464a3.507 3.507 0 010 3.275l-4.505 7.717a3.333 3.333 0 01-2.94 1.793H7.83a3.335 3.335 0 01-2.94-1.793l-1.555-2.632 6.139-5.695 4.447 2.578a1.093 1.093 0 001.456-.198zm-13.39.628L1.99 16.15.406 13.725a3.495 3.495 0 010-3.27L5.158 2.59A3.338 3.338 0 018.1.8h8.008c1.228 0 2.357.687 2.942 1.79l1.616 2.722-6.017 5.592-4.432-2.574a1.098 1.098 0 00-1.499.248z"/>
+<!-- #5386FF per the mark in baremetrics.com's header logo (baremetrics-logo.svg), the asset this path is taken from. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#5386FF" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M22.109 7.951l1.485 2.464a3.507 3.507 0 010 3.275l-4.505 7.717a3.333 3.333 0 01-2.94 1.793H7.83a3.335 3.335 0 01-2.94-1.793l-1.555-2.632 6.139-5.695 4.447 2.578a1.093 1.093 0 001.456-.198zm-13.39.628L1.99 16.15.406 13.725a3.495 3.495 0 010-3.27L5.158 2.59A3.338 3.338 0 018.1.8h8.008c1.228 0 2.357.687 2.942 1.79l1.616 2.722-6.017 5.592-4.432-2.574a1.098 1.098 0 00-1.499.248z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BaserowIcon.svelte b/frontend/src/lib/components/icons/BaserowIcon.svelte
new file mode 100644
index 0000000000..5d51c8cfa5
--- /dev/null
+++ b/frontend/src/lib/components/icons/BaserowIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #2BC3F1 / #5190EF / #4D68C4 per the baserow.io favicon and horizontal logo. The mark keeps these three colours on light and dark; only the wordmark reverses to white. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#2BC3F1"
+		d="M1.291.068A1.29 1.29 0 0 0 0 1.36v3.352a1.29 1.29 0 0 0 1.291 1.291h3.354a1.29 1.29 0 0 0 1.289-1.291V1.359A1.29 1.29 0 0 0 4.644.07Zm9.033 0a1.29 1.29 0 0 0-1.29 1.291v3.352a1.29 1.29 0 0 0 1.29 1.291H22.71A1.29 1.29 0 0 0 24 4.711V1.359A1.29 1.29 0 0 0 22.709.07Z"
+	/>
+	<path
+		fill="#5190EF"
+		d="M1.291 9.033A1.29 1.29 0 0 0 0 10.323v3.353a1.29 1.29 0 0 0 1.291 1.29h21.418A1.29 1.29 0 0 0 24 13.677v-3.354a1.29 1.29 0 0 0-1.291-1.289Z"
+	/>
+	<path
+		fill="#4D68C4"
+		d="M1.291 17.998A1.29 1.29 0 0 0 0 19.289v3.352a1.29 1.29 0 0 0 1.291 1.29h12.385a1.29 1.29 0 0 0 1.29-1.29v-3.352a1.29 1.29 0 0 0-1.29-1.291zm18.064 0a1.29 1.29 0 0 0-1.289 1.291v3.352a1.29 1.29 0 0 0 1.29 1.29h3.353A1.29 1.29 0 0 0 24 22.642v-3.352a1.29 1.29 0 0 0-1.291-1.291z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte b/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte
new file mode 100644
index 0000000000..2a570cfb3e
--- /dev/null
+++ b/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<circle cx="10" cy="7" r="4" />
+	<path d="M10.3 15H7a4 4 0 0 0-4 4v2" />
+	<path d="M15 15.5V14a2 2 0 0 1 4 0v1.5" />
+	<rect width="8" height="5" x="13" y="16" rx=".899" />
+</svg>
diff --git a/frontend/src/lib/components/icons/BasisTheoryIcon.svelte b/frontend/src/lib/components/icons/BasisTheoryIcon.svelte
new file mode 100644
index 0000000000..6f2dfc2d4e
--- /dev/null
+++ b/frontend/src/lib/components/icons/BasisTheoryIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #1D2032 / #EBEDFF per developers.basistheory.com/img/bt-logo-light.svg and bt-logo-dark.svg,
+	which ship the same mark geometry in the two theme colours. -->
+<svg
+	class="text-[#1D2032] dark:text-[#EBEDFF]"
+	{width}
+	{height}
+	viewBox="0 6.2 27.5 27.5"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M26,6.2H1.4c-.8,0-1.4.6-1.4,1.4v5.1c0,.8.6,1.4,1.4,1.4h10.4c1.1,0,2.2.5,3,1.3l3.7,3.8c.7.8,1.1,1.8,1.1,2.8v10.2c0,.8.6,1.4,1.4,1.4h5.1c.8,0,1.4-.6,1.4-1.4V7.6c0-.8-.6-1.4-1.4-1.4Z"
+	/>
+	<path
+		d="M11.6,20c-.3-.3-.6-.4-1-.4H1.4c-.8,0-1.4.6-1.4,1.4v8.7c0,.4.1.7.4,1l2.6,2.6c.3.3.6.4,1,.4h8.7c.8,0,1.4-.6,1.4-1.4v-9.1c0-.4-.1-.7-.4-.9l-2.1-2.2Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/BcryptIcon.svelte b/frontend/src/lib/components/icons/BcryptIcon.svelte
index bf9bf9b6a2..be79ba1418 100644
--- a/frontend/src/lib/components/icons/BcryptIcon.svelte
+++ b/frontend/src/lib/components/icons/BcryptIcon.svelte
@@ -1,15 +1,39 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28 63H140" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M28 105H140" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M70 21L56 147" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M112 21L98 147" stroke="black" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
+	<path
+		d="M28 63H140"
+		stroke="currentColor"
+		stroke-width="14"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M28 105H140"
+		stroke="currentColor"
+		stroke-width="14"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M70 21L56 147"
+		stroke="currentColor"
+		stroke-width="14"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M112 21L98 147"
+		stroke="currentColor"
+		stroke-width="14"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BeamerIcon.svelte b/frontend/src/lib/components/icons/BeamerIcon.svelte
new file mode 100644
index 0000000000..696eac11f4
--- /dev/null
+++ b/frontend/src/lib/components/icons/BeamerIcon.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #1C1E21 / #FFFFFF per the getbeamer.com header logo (g#isotype) and their webclip app icon,
+	which sets the same mark in white on #1C1E21. The isotype is monochrome in all first-party artwork. -->
+<svg
+	class="text-[#1C1E21] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 42 42"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Beamer"
+>
+	<g transform="translate(1.66 -3.89)" fill="currentColor">
+		<path
+			d="M3.3,39.3c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l32-13.1c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5l-32,13.1 C4,39.2,3.7,39.3,3.3,39.3z"
+		/>
+		<path
+			d="M3.3,28.9c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l32-13.1c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5l-32,13.1 C4,28.9,3.7,28.9,3.3,28.9z"
+		/>
+		<path
+			d="M3.3,18.2c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l19.6-7.9c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5L4.4,18 C4,18.2,3.7,18.2,3.3,18.2z"
+		/>
+		<path
+			d="M15.6,44.9c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l19.6-7.9c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5 l-19.6,7.9C16.3,44.8,16,44.9,15.6,44.9z"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/BigQueryIcon.svelte b/frontend/src/lib/components/icons/BigQueryIcon.svelte
index 10d099f75d..43958d302e 100644
--- a/frontend/src/lib/components/icons/BigQueryIcon.svelte
+++ b/frontend/src/lib/components/icons/BigQueryIcon.svelte
@@ -1,42 +1,36 @@
+<!-- Four-colour mark per Google Cloud's official icon library (cloud.google.com/icons, core-products-icons.zip). Google publishes no reversed variant, so the same mark is used on both themes. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 24 24"
-	><defs
-		><style>
-			.cls-1 {
-				fill: #aecbfa;
-			}
-			.cls-1,
-			.cls-2,
-			.cls-3 {
-				fill-rule: evenodd;
-			}
-			.cls-2 {
-				fill: #669df6;
-			}
-			.cls-3 {
-				fill: #4285f4;
-			}
-		</style></defs
-	><title>Icon_24px_BigQuery_Color</title><g data-name="Product Icons"
-		><g
-			><path class="cls-1" d="M6.73,10.83v2.63A4.91,4.91,0,0,0,8.44,15.2V10.83Z" /><path
-				class="cls-2"
-				d="M9.89,8.41v7.53A7.62,7.62,0,0,0,11,16,8,8,0,0,0,12,16V8.41Z"
-			/><path class="cls-1" d="M13.64,11.86v3.29a5,5,0,0,0,1.7-1.82V11.86Z" /><path
-				class="cls-3"
-				d="M17.74,16.32l-1.42,1.42a.42.42,0,0,0,0,.6l3.54,3.54a.42.42,0,0,0,.59,0l1.43-1.43a.42.42,0,0,0,0-.59l-3.54-3.54a.42.42,0,0,0-.6,0"
-			/><path
-				class="cls-2"
-				d="M11,2a9,9,0,1,0,9,9,9,9,0,0,0-9-9m0,15.69A6.68,6.68,0,1,1,17.69,11,6.68,6.68,0,0,1,11,17.69"
-			/></g
-		></g
-	></svg
->
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 512 512">
+	<path
+		fill="#34a853"
+		d="M311.9,418.9c-8.8,0-16-7.2-16-16v-145.8c0-8.8,7.2-16,16-16s16,7.2,16,16v145.8c0,8.8-7.2,16-16,16h0Z"
+	/>
+	<path
+		fill="#34a853"
+		d="M147.6,418.9c-8.8,0-16-7.2-16-16v-200.5c0-8.8,7.2-16,16-16s16,7.2,16,16v200.5c0,8.8-7.2,16-16,16Z"
+	/>
+	<path
+		fill="#34a853"
+		d="M229.8,437.4c-8.8,0-16-7.2-16-16V147.6c0-8.8,7.2-16,16-16s16,7.2,16,16v273.7c0,8.8-7.2,16-16,16h0Z"
+	/>
+	<path
+		fill="#fbbc04"
+		d="M229.8,437.4c-114.5,0-207.6-93.1-207.6-207.6h32c0,96.8,78.8,175.6,175.6,175.6s175.6-78.8,175.6-175.6h32c0,114.5-93.1,207.6-207.6,207.6h0Z"
+	/>
+	<path
+		fill="#ea4335"
+		d="M437.4,229.8h-32c0-96.8-78.8-175.6-175.6-175.6S54.1,132.9,54.1,229.8H22.1c0-114.5,93.2-207.7,207.7-207.7s207.6,93.1,207.6,207.6h0Z"
+	/>
+	<path
+		fill="#4285f4"
+		d="M487.4,464.8l-100-100c32.3-37.6,49.9-85,49.9-135.1s-21.6-107.6-60.8-146.8l-22.6,22.6c33.2,33.2,51.4,77.3,51.4,124.2s-18.3,90.9-51.5,124.1h0c-5,5-7.5,7-11.8,10.8l122.8,122.8c3.1,3.1,7.2,4.7,11.3,4.7h0c4.1,0,8.2-1.6,11.3-4.7,6.2-6.2,6.2-16.4,0-22.6h0Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/BitbucketIcon.svelte b/frontend/src/lib/components/icons/BitbucketIcon.svelte
index 9b33e6bb10..ca368edc70 100644
--- a/frontend/src/lib/components/icons/BitbucketIcon.svelte
+++ b/frontend/src/lib/components/icons/BitbucketIcon.svelte
@@ -1,24 +1,23 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" {width} {height} viewBox="0 0 62.42 62.42">
-    <defs>
-        <linearGradient id="New_Gradient_Swatch_1" x1="64.01" y1="30.27" x2="32.99" y2="54.48" gradientUnits="userSpaceOnUse">
-            <stop offset="0.18" stop-color="#0052cc" />
-            <stop offset="1" stop-color="#2684ff" />
-        </linearGradient>
-    </defs>
-    <title>Bitbucket-blue</title>
-    <g id="Layer_2" data-name="Layer 2" >
-        <g id="Blue" transform="translate(0 -3.13)">
-            <path d="M2,6.26A2,2,0,0,0,0,8.58L8.49,60.12a2.72,2.72,0,0,0,2.66,2.27H51.88a2,2,0,0,0,2-1.68L62.37,8.59a2,2,0,0,0-2-2.32ZM37.75,43.51h-13L21.23,25.12H40.9Z" fill="#2684ff" />
-            <path d="M59.67,25.12H40.9L37.75,43.51h-13L9.4,61.73a2.71,2.71,0,0,0,1.75.66H51.89a2,2,0,0,0,2-1.68Z" fill="url(#New_Gradient_Swatch_1)"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<!-- #1868DB / #FFFFFF per atlassian.design/foundations/logos (Bitbucket mark, brand and inverse).
+	Atlassian ships brand/neutral/inverse only: "don't use unapproved color combinations". -->
+<svg
+	class="text-[#1868DB] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 48 48"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M38.3789 23.417L35.9515 38.2453C35.7932 39.1424 35.16 39.6701 34.2629 39.6701H13.6827C12.7856 39.6701 12.1523 39.1424 11.994 38.2453L7.71967 11.8076C7.56136 10.9105 8.03629 10.3301 8.88061 10.3301H39.0649C39.9092 10.3301 40.3842 10.9105 40.2259 11.8076L39.0649 18.7732C38.9066 19.7759 38.3262 20.198 37.3763 20.198H19.2235C18.9596 20.198 18.8013 20.3563 18.8541 20.673L20.2789 29.4327C20.3317 29.6438 20.49 29.8021 20.701 29.8021H27.2445C27.4556 29.8021 27.6139 29.6438 27.6667 29.4327L28.6693 23.1004C28.7748 22.3088 29.3025 21.9922 30.0413 21.9922H37.1652C38.2206 21.9922 38.5372 22.5199 38.3789 23.417Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/BitlyIcon.svelte b/frontend/src/lib/components/icons/BitlyIcon.svelte
index 3cc3b43122..a023981cec 100644
--- a/frontend/src/lib/components/icons/BitlyIcon.svelte
+++ b/frontend/src/lib/components/icons/BitlyIcon.svelte
@@ -1,12 +1,21 @@
+<!-- #F36600 on both themes per bitly.com/pages/bitly-logo-usage-guidelines-for-media (Bitly-MediaKit glyph_bitly_orange_RGB.svg). Bitly's reversed logomark is white over orange, not over neutral dark, so the orange mark is used on both. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#EE6123" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.055 21.26c-1.345.022-2.325-.41-2.386-1.585-.025-.44-.018-.91.002-1.192.137-1.716 1.333-2.95 2.53-3.19 1.482-.294 2.455.38 2.455 2.31 0 1.303-.36 3.618-2.59 3.657h-.016zM11.923 0C5.32 0 0 5.297 0 12.224c0 3.594 1.92 7.062 4.623 9.147.52.4 1.138.367 1.497.02.297-.285.272-.984-.285-1.475-2.16-1.886-3.652-4.76-3.652-7.635 0-5.15 4.58-9.49 9.74-9.49 6.28 0 9.636 5.102 9.636 9.43 0 2.65-1.29 5.84-3.626 7.874.015 0 .493-.942.493-2.784 0-3.13-1.976-4.836-4.28-4.836-1.663 0-2.667.598-3.34 1.152 0-1.272.045-3.652.045-3.652 0-1.572-.54-2.83-2.47-2.86-1.11-.015-1.932.493-2.44 1.647-.18.436-.12.916.254 1.125.3.18.81.046 1.046-.284.165-.21.254-.254.404-.24.24.03.257.405.257.66.014.193.193 2.903.088 9.865C7.98 21.798 9.493 24 13.1 24c1.56 0 2.756-.435 4.493-1.422C20.243 21.08 24 17.758 24 12.128 23.953 5.045 18.265 0 11.933 0"/>
+<svg
+	{width}
+	{height}
+	viewBox="0 0 841.88983154 841.88976378"
+	fill="#F36600"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M140.09621293,735.35737312C46.69873176,645.31122751,0,542.58096432,0,427.16654822,0,180.54758592,191.57368493,0,419.4983359,0c230.29012095,0,422.39142788,180.54760358,422.39142788,427.16654822,0,233.10272761-205.96568737,413.47182614-385.84964913,413.47182614-74.50545286,0-128.32600445-28.13433058-156.47188338-71.94482632-9.96137265-15.50537668-18.84106723-40.50251065-20.6344876-55.65190141-1.19560769-10.09961738-1.19560769-43.6096886,0-100.53021367v-127.1354293c1.05967616-76.78983715,9.26599935-178.38447699-21.22617293-154.96540603-9.04237803,8.71300276-12.68178672,17.77146725-32.04494899,18.59991148-19.37725337-1.41147713-24.82620422-22.14288967-21.6244675-33.29630309,11.49543184-40.02969918,45.29899721-72.09576718,99.00461267-66.30744661,53.70563311,5.78832057,74.36129269,41.2911007,75.7808572,89.22075622,0,57.95447347-1.41956451,121.1901818-1.41956451,128.53850121v6.20640979c.26472922,5.75842552-.57084886,10.41530768,6.21993584,6.55670983,6.94578691-4.7161072,12.93613302-8.80274088,17.97100301-12.25986571,36.75939633-27.81687448,126.96499397-57.15961482,196.97075648,12.25986571,26.64180307,26.41867618,59.4444229,83.78008699,40.34485974,172.29429237-3.06896597,9.27647056-.61117981,10.50448074,7.3733585,3.68381865,6.59435675-6.5621485,96.96950682-87.85534889,96.96950682-241.69035834,0-172.44235497-151.42193342-316.40251613-323.7551441-316.40251613-150.16861928,0-322.02246736,119.36925022-322.02246736,329.35203394,0,65.23812916,23.41495664,145.92922597,80.73926792,208.94710482,9.36403674,10.73989762,16.46122362,18.28362081,21.29156063,22.63116957,26.15595998,22.46144057,29.59788125,50.73187925,12.21898736,71.27586943-22.34035944,22.50608007-46.21684406,24.28495022-71.62945387,5.33668108ZM457.13035686,744.89497066c78.0118436-1.25809947,90.59439219-82.19616151,91.01380577-127.90736783,0-67.51831084-34.39230182-91.42227136-85.98077221-80.93806204-41.52243858,8.38735333-83.46425543,51.58229008-88.07787541,111.55193348-.83882715,10.06486637-1.25824073,26.42023009-.41941358,41.93683728,2.0971032,41.09808076,36.48940502,56.195345,83.46425543,55.35658848Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BloggerIcon.svelte b/frontend/src/lib/components/icons/BloggerIcon.svelte
index ab1d2d262f..13ec49a1c0 100644
--- a/frontend/src/lib/components/icons/BloggerIcon.svelte
+++ b/frontend/src/lib/components/icons/BloggerIcon.svelte
@@ -1,12 +1,24 @@
+<!-- #F57C00 per Google's Blogger product logo (gstatic.com/images/branding/productlogos/blogger/v5/192px.svg). Google publishes no reversed variant. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#FF5722" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.976 24H2.026C.9 24 0 23.1 0 21.976V2.026C0 .9.9 0 2.025 0H22.05C23.1 0 24 .9 24 2.025v19.95C24 23.1 23.1 24 21.976 24zM12 3.975H9c-2.775 0-5.025 2.25-5.025 5.025v6c0 2.774 2.25 5.024 5.025 5.024h6c2.774 0 5.024-2.25 5.024-5.024v-3.975c0-.6-.45-1.05-1.05-1.05H18c-.524 0-.976-.45-.976-.976 0-2.776-2.25-5.026-5.024-5.026zm3.074 12H9c-.525 0-.975-.45-.975-.975s.45-.976.975-.976h6.074c.526 0 .977.45.977.976s-.45.976-.975.976zm-2.55-7.95c.527 0 .976.45.976.975s-.45.975-.975.975h-3.6c-.525 0-.976-.45-.976-.975s.45-.975.975-.975h3.6z"/>
+<svg {width} {height} viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M172,125c0,25.96-21.04,47-47,47H67c-25.96,0-47-21.04-47-47V67c0-25.96,21.04-47,47-47h58 c25.96,0,47,21.04,47,47V125z"
+		fill="#F57C00"
+	/>
+	<path
+		d="M134,89h-2.84c-3.22,0-6.16-2.78-6.16-6c0-15-11.51-27-26.64-27H79.5C64.31,56,52,68.31,52,83.5l7.59,13.85 L52,112.6v3.9c0,15.19,12.31,27.5,27.5,27.5h33c15.19,0,27.5-12.31,27.5-27.5v-3.9l-6.62-8.47L140,95C140,91.7,137.3,89,134,89z M73,84L73,84c0-3.32,2.69-6,6-6H101c3.31,0,6,2.69,6,6v0c0,3.31-2.68,6-6,6H79C75.68,90,73,87.32,73,84z M119,117L119,117 c0,3.31-2.69,6-6,6H79c-3.31,0-6-2.69-6-6v0c0-3.31,2.69-6,6-6h34C116.31,111,119,113.69,119,117z"
+		opacity=".2"
+	/>
+	<path
+		d="M134,85h-2.84c-3.22,0-6.16-2.78-6.16-6c0-15-11.51-27-26.64-27H79.5C64.31,52,52,64.31,52,79.5v33 c0,15.19,12.31,27.5,27.5,27.5h33c15.19,0,27.5-12.31,27.5-27.5V91C140,87.7,137.3,85,134,85z M73,80L73,80c0-3.32,2.69-6,6-6H101 c3.31,0,6,2.69,6,6v0c0,3.31-2.68,6-6,6H79C75.68,86,73,83.32,73,80z M119,113L119,113c0,3.31-2.69,6-6,6H79c-3.31,0-6-2.69-6-6v0 c0-3.31,2.69-6,6-6h34C116.31,107,119,109.69,119,113z"
+		fill="#FFFFFF"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BlueskyIcon.svelte b/frontend/src/lib/components/icons/BlueskyIcon.svelte
index 1f8545e325..68dea0f3d2 100644
--- a/frontend/src/lib/components/icons/BlueskyIcon.svelte
+++ b/frontend/src/lib/components/icons/BlueskyIcon.svelte
@@ -1,12 +1,25 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#1185FE" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/>
+<!-- Blue500 #0560FF / Neutral0 #FFFFFF per bsky.social/about/support/branding. The downloadable
+	media-kit butterfly still ships the older #006AFF, but the palette is the normative source:
+	"use only the official color values above. Do not substitute, tint, or approximate." White is
+	the approved monochrome variant for dark backgrounds. -->
+<svg
+	class="text-[#0560FF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BotifyIcon.svelte b/frontend/src/lib/components/icons/BotifyIcon.svelte
new file mode 100644
index 0000000000..375e128ac4
--- /dev/null
+++ b/frontend/src/lib/components/icons/BotifyIcon.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #A973FF per botify.com design tokens (--color--surface--purple-05). -->
+<svg {width} {height} viewBox="0 0.632812 15.7288 21.951" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M9.72505 18.0189C9.17514 18.3277 8.54237 18.5085 7.86441 18.5085C5.77024 18.5085 4.07533 16.8136 4.07533 14.7194C4.07533 12.6253 5.77024 10.9304 7.86441 10.9304C9.95857 10.9304 11.6535 12.6253 11.6535 14.7194C11.6535 15.3974 11.4727 16.0302 11.1638 16.5801L14.0942 19.5104C15.1186 18.1846 15.7288 16.5198 15.7288 14.7119C15.7288 10.3729 12.2109 6.90776 7.87194 6.90776C6.5838 6.90776 5.371 7.27688 4.29379 7.82679V0.632812H0V14.727C0 19.5405 3.51789 22.5838 7.85687 22.5838C9.66478 22.5838 11.322 21.9737 12.6554 20.9492L9.72505 18.0189Z"
+		fill="#A973FF"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/BoxIcon.svelte b/frontend/src/lib/components/icons/BoxIcon.svelte
index a6a5d5dc07..980d8f5757 100644
--- a/frontend/src/lib/components/icons/BoxIcon.svelte
+++ b/frontend/src/lib/components/icons/BoxIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#0061D5" xmlns="http://www.w3.org/2000/svg">
-<path d="M.959 5.523c-.54 0-.959.42-.959.899v7.549a4.59 4.59 0 004.613 4.494 4.717 4.717 0 004.135-2.457c.779 1.438 2.337 2.457 4.074 2.457 2.577 0 4.674-2.037 4.674-4.613.06-2.457-2.037-4.495-4.613-4.495-1.738 0-3.295.959-4.074 2.397-.78-1.438-2.338-2.397-4.135-2.397-1.079 0-2.038.36-2.817.899V6.422a.92.92 0 00-.898-.899zM17.602 9.26a.95.95 0 00-.704.158c-.36.3-.479.899-.18 1.318l2.397 3.116-2.396 3.115c-.3.42-.24.96.18 1.26.419.3 1.016.298 1.316-.122l2.039-2.636 2.096 2.697c.3.36.899.419 1.318.12.36-.3.42-.84.121-1.259l-2.338-3.115 2.338-3.057c.3-.419.298-1.018-.121-1.318-.48-.3-1.019-.24-1.318.18l-2.096 2.576-2.04-2.695c-.149-.18-.373-.3-.612-.338zM4.613 11.154c1.558 0 2.817 1.26 2.817 2.758 0 1.558-1.259 2.756-2.817 2.756-1.558 0-2.816-1.198-2.816-2.756 0-1.498 1.258-2.758 2.816-2.758zm8.27 0c1.558 0 2.816 1.26 2.816 2.758-.06 1.558-1.318 2.756-2.816 2.756-1.558 0-2.817-1.198-2.817-2.756 0-1.498 1.259-2.758 2.817-2.758Z"/>
+<!-- #0061D5 / #FFFFFF per box.com (.box-logo-svg fill:#0061d5, reversed to #fff over the dark
+	masthead). box.com/legal/trademark forbids any other recolouring of the mark. -->
+<svg
+	class="text-[#0061D5] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M.959 5.523c-.54 0-.959.42-.959.899v7.549a4.59 4.59 0 004.613 4.494 4.717 4.717 0 004.135-2.457c.779 1.438 2.337 2.457 4.074 2.457 2.577 0 4.674-2.037 4.674-4.613.06-2.457-2.037-4.495-4.613-4.495-1.738 0-3.295.959-4.074 2.397-.78-1.438-2.338-2.397-4.135-2.397-1.079 0-2.038.36-2.817.899V6.422a.92.92 0 00-.898-.899zM17.602 9.26a.95.95 0 00-.704.158c-.36.3-.479.899-.18 1.318l2.397 3.116-2.396 3.115c-.3.42-.24.96.18 1.26.419.3 1.016.298 1.316-.122l2.039-2.636 2.096 2.697c.3.36.899.419 1.318.12.36-.3.42-.84.121-1.259l-2.338-3.115 2.338-3.057c.3-.419.298-1.018-.121-1.318-.48-.3-1.019-.24-1.318.18l-2.096 2.576-2.04-2.695c-.149-.18-.373-.3-.612-.338zM4.613 11.154c1.558 0 2.817 1.26 2.817 2.758 0 1.558-1.259 2.756-2.817 2.756-1.558 0-2.816-1.198-2.816-2.756 0-1.498 1.258-2.758 2.816-2.758zm8.27 0c1.558 0 2.816 1.26 2.816 2.758-.06 1.558-1.318 2.756-2.816 2.756-1.558 0-2.817-1.198-2.817-2.756 0-1.498 1.259-2.758 2.817-2.758Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BrandLetterIcon.svelte b/frontend/src/lib/components/icons/BrandLetterIcon.svelte
new file mode 100644
index 0000000000..a9e9fa2966
--- /dev/null
+++ b/frontend/src/lib/components/icons/BrandLetterIcon.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+	interface Props {
+		/** Usually the brand's initial. */
+		letter: string
+		/** Literal Tailwind fill classes for the rounded square behind the letter, e.g.
+		 * "fill-transparent dark:fill-[#584CCC]". */
+		bgClass: string
+		/** Literal Tailwind text classes for the letter, e.g.
+		 * "text-[#584CCC] dark:text-white". */
+		textClass: string
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let {
+		letter,
+		bgClass,
+		textClass,
+		height = '24px',
+		width = '24px',
+		size = undefined
+	}: Props = $props()
+
+	const w = $derived(size ? `${size}px` : width)
+	const h = $derived(size ? `${size}px` : height)
+</script>
+
+<!-- Stand-in for brands that reserve their logo for licensees: a letter in the brand's own
+	colour, rather than their mark or invented artwork.
+
+	On light the letter carries the colour on a bare ground. On dark that inverts to a filled
+	rounded square with a light letter, because a mid-tone brand colour chosen to read on white
+	goes dim as a foreground on #2e3441 — the filled tile puts the contrast back into the letter.
+
+	Both class props must be written as literal strings at the call site: Tailwind only emits
+	classes it can see while scanning, so building them from a variable produces no CSS. -->
+<svg
+	width={w}
+	height={h}
+	viewBox="0 0 24 24"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label={letter}
+>
+	<rect width="24" height="24" rx="5" class={bgClass} />
+	<text
+		x="12"
+		y="12"
+		fill="currentColor"
+		class={textClass}
+		font-size="17"
+		font-weight="700"
+		font-family="ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+		text-anchor="middle"
+		dominant-baseline="central">{letter}</text
+	>
+</svg>
diff --git a/frontend/src/lib/components/icons/BrevoIcon.svelte b/frontend/src/lib/components/icons/BrevoIcon.svelte
index 2907c346f7..971fb5d9f3 100644
--- a/frontend/src/lib/components/icons/BrevoIcon.svelte
+++ b/frontend/src/lib/components/icons/BrevoIcon.svelte
@@ -1,12 +1,20 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#0B996E" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zM7.2 4.8h5.747c2.34 0 3.895 1.406 3.895 3.516 0 1.022-.348 1.862-1.09 2.588C17.189 11.812 18 13.22 18 14.785c0 2.86-2.64 5.016-6.164 5.016H7.199v-15zm2.085 1.952v5.537h.07c.233-.432.858-.796 2.249-1.226 2.039-.659 3.037-1.52 3.037-2.655 0-.998-.766-1.656-1.924-1.656H9.285zm4.87 5.266c-.766.385-1.67.748-2.76 1.11-1.229.387-2.11 1.386-2.11 2.407v2.315h2.365c2.387 0 4.149-1.34 4.149-3.155 0-1.067-.625-2.087-1.645-2.677z"/>
+<!-- #0B996E disc with a white letterform per brevo.com's favicon.svg. Brevo publishes no per-theme variant of the app mark; the reversed "Mint" #F9FFF6 asset is the wordmark only. -->
+<svg {width} {height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16Z"
+		fill="#0B996E"
+	/>
+	<path
+		d="M21.0024 14.5395C21.9917 13.5708 22.4552 12.4513 22.4552 11.0897C22.4552 8.27639 20.3848 6.4 17.2642 6.4H9.6V26.4H15.7803C20.478 26.4 24 23.5258 24 19.7135C24 17.6254 22.9188 15.7502 21.0024 14.5395ZM12.3813 9.00158H16.9547C18.4995 9.00158 19.5198 9.87892 19.5198 11.2101C19.5198 12.7227 18.1913 13.8726 15.4721 14.7499C13.6179 15.3242 12.784 15.8086 12.4746 16.3842L12.3813 16.385V9.00158ZM15.533 23.7984H12.3813V20.7125C12.3813 19.3509 13.5558 18.0197 15.1937 17.5049C16.6466 17.0206 17.8508 16.5363 18.8711 16.0228C20.2307 16.8101 21.0646 18.1705 21.0646 19.593C21.0646 22.0133 18.7157 23.7984 15.533 23.7984Z"
+		fill="white"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BrexIcon.svelte b/frontend/src/lib/components/icons/BrexIcon.svelte
index 5f9fbf8de1..526b2fe536 100644
--- a/frontend/src/lib/components/icons/BrexIcon.svelte
+++ b/frontend/src/lib/components/icons/BrexIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.69 2.319a3.868 3.868 0 0 0-3.108 1.547l-.759 1.007a1.658 1.658 0 0 1-1.313.656H0V21.68h5.296a3.87 3.87 0 0 0 3.108-1.547l.759-1.006a1.656 1.656 0 0 1 1.313-.657H24V2.319h-5.31Zm1.108 11.949h-5.66a3.87 3.87 0 0 0-3.108 1.547l-.759 1.007a1.658 1.658 0 0 1-1.313.656H4.202V9.731h5.661a3.868 3.868 0 0 0 3.107-1.547l.759-1.006a1.658 1.658 0 0 1 1.313-.657h4.771l-.015 7.747Z"/>
+<!-- #15191E / #FFFFFF per brex.com. -->
+<svg
+	class="text-[#15191E] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M18.69 2.319a3.868 3.868 0 0 0-3.108 1.547l-.759 1.007a1.658 1.658 0 0 1-1.313.656H0V21.68h5.296a3.87 3.87 0 0 0 3.108-1.547l.759-1.006a1.656 1.656 0 0 1 1.313-.657H24V2.319h-5.31Zm1.108 11.949h-5.66a3.87 3.87 0 0 0-3.108 1.547l-.759 1.007a1.658 1.658 0 0 1-1.313.656H4.202V9.731h5.661a3.868 3.868 0 0 0 3.107-1.547l.759-1.006a1.658 1.658 0 0 1 1.313-.657h4.771l-.015 7.747Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BrowserlessIcon.svelte b/frontend/src/lib/components/icons/BrowserlessIcon.svelte
index 768d51145c..9dcf785adf 100644
--- a/frontend/src/lib/components/icons/BrowserlessIcon.svelte
+++ b/frontend/src/lib/components/icons/BrowserlessIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v4"/>
+<!-- #000000 / #FFFFFF per browserless.io/favicon.svg. Its own prefers-color-scheme block sets black on light, white on dark. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 1024 1024"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill="currentColor"
+		d="m243.9 0c0.3 0.1 26.4 15 115.1 66.5v411.8c0 391.6 0.1 411.7 1.8 411.2 0.9-0.3 69.7-34 304.1-149l0.1-61.8c0-48.9-0.3-61.6-1.3-61.3-0.6 0.2-43.6 20-95.5 44-51.8 24-94.4 43.5-94.7 43.3-0.2-0.1-0.3-128.3 0-569.6l115.5 68 1.1 256.4 191.4 111.4 0.5 243.6-213.1 104.5c-117.2 57.5-213.9 104.6-214.8 104.8-0.9 0.2-26.5-16.3-112.2-73.3l0.1-296.5c0-163.1 0.3-376.9 0.7-475.2 0.3-98.4 0.9-178.8 1.2-178.8z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/BubbleIcon.svelte b/frontend/src/lib/components/icons/BubbleIcon.svelte
index fdfb049e70..15277d5436 100644
--- a/frontend/src/lib/components/icons/BubbleIcon.svelte
+++ b/frontend/src/lib/components/icons/BubbleIcon.svelte
@@ -1,16 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #0000FF dot per the logo SVG served on bubble.io/brand; the B is #262626 there, kept as
+currentColor so the monochrome part follows the app theme. Bubble's brand terms forbid
+re-colouring the mark beyond its published dark/light pair. -->
 <svg {width} {height} viewBox="0 0 256 276" xmlns="http://www.w3.org/2000/svg">
-
-    <g>
-				<path d="M156.687886,71.5306475 C131.928045,71.5306475 107.524298,82.1604077 88.8931172,103.059013 L88.8931172,0 L52.0240423,0 L52.0240423,173.506229 C52.0240423,173.510361 52.0240423,173.514494 52.0240423,173.519315 C52.0240423,229.845404 97.6852437,275.506605 154.012021,275.506605 C210.33811,275.506605 256,229.845404 256,173.519315 C256,117.193226 213.013974,71.5306475 156.687886,71.5306475 M154.012021,236.224775 C119.380066,236.224775 91.3051835,208.149893 91.3051835,173.518626 C91.3051835,138.886671 119.380066,110.811789 154.012021,110.811789 C188.643288,110.811789 216.71817,138.886671 216.71817,173.518626 C216.71817,208.150582 188.643288,236.224775 154.012021,236.224775" fill="currentColor"></path>
-				<path d="M25.2199377,225.066041 C11.2909777,225.066041 1.0658141e-14,236.357707 1.0658141e-14,250.285979 C1.0658141e-14,264.21425 11.2909777,275.505916 25.2199377,275.505916 C39.1488977,275.505916 50.4398754,264.21425 50.4398754,250.285979 C50.4398754,236.357707 39.1488977,225.066041 25.2199377,225.066041" fill="#0000FF"></path>
-		</g>
+	<g>
+		<path
+			d="M156.687886,71.5306475 C131.928045,71.5306475 107.524298,82.1604077 88.8931172,103.059013 L88.8931172,0 L52.0240423,0 L52.0240423,173.506229 C52.0240423,173.510361 52.0240423,173.514494 52.0240423,173.519315 C52.0240423,229.845404 97.6852437,275.506605 154.012021,275.506605 C210.33811,275.506605 256,229.845404 256,173.519315 C256,117.193226 213.013974,71.5306475 156.687886,71.5306475 M154.012021,236.224775 C119.380066,236.224775 91.3051835,208.149893 91.3051835,173.518626 C91.3051835,138.886671 119.380066,110.811789 154.012021,110.811789 C188.643288,110.811789 216.71817,138.886671 216.71817,173.518626 C216.71817,208.150582 188.643288,236.224775 154.012021,236.224775"
+			fill="currentColor"
+		></path>
+		<path
+			d="M25.2199377,225.066041 C11.2909777,225.066041 1.0658141e-14,236.357707 1.0658141e-14,250.285979 C1.0658141e-14,264.21425 11.2909777,275.505916 25.2199377,275.505916 C39.1488977,275.505916 50.4398754,264.21425 50.4398754,250.285979 C50.4398754,236.357707 39.1488977,225.066041 25.2199377,225.066041"
+			fill="#0000FF"
+		></path>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/BuildkiteIcon.svelte b/frontend/src/lib/components/icons/BuildkiteIcon.svelte
index 282d782e31..e510c61449 100644
--- a/frontend/src/lib/components/icons/BuildkiteIcon.svelte
+++ b/frontend/src/lib/components/icons/BuildkiteIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#14CC80" xmlns="http://www.w3.org/2000/svg">
-<path d="M23.613 8.143l-7.668-3.856v7.712l7.668-3.855zM8.166 15.857V8.143L.387 4.287V12l7.78 3.857zM.183 3.958a.382.382 0 01.377-.017l7.606 3.771 7.607-3.771a.386.386 0 01.346 0l7.668 3.857a.386.386 0 01.213.345v7.71a.388.388 0 01-.213.346l-7.668 3.86a.389.389 0 01-.562-.345v-7.09l-7.219 3.58a.392.392 0 01-.344 0L.215 12.346A.387.387 0 010 12V4.287a.385.385 0 01.183-.329z"/>
+<!-- #14CC80 / #30F2A2 per buildkite.com/about/brand-assets. Buildkite ships a single mark "for any context", so there is no per-theme variant, and asks that it not be altered. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path fill="#30F2A2" d="M0 4v8l8 4V8L0 4Z" />
+	<path fill="#14CC80" d="M8 8v8l8-4V4L8 8Z" />
+	<path fill="#30F2A2" d="M16 4v8l8-4-8-4Z" />
+	<path fill="#14CC80" d="M16 12v8l8-4V8l-8 4Z" />
 </svg>
diff --git a/frontend/src/lib/components/icons/BunIcon.svelte b/frontend/src/lib/components/icons/BunIcon.svelte
index ef845d4834..792ad10b3c 100644
--- a/frontend/src/lib/components/icons/BunIcon.svelte
+++ b/frontend/src/lib/components/icons/BunIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: number;
-		width?: number;
+		height?: number
+		width?: number
 	}
 
-	let { height = 24, width = 24 }: Props = $props();
+	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #fbf0df per https://bun.com/logo.svg. -->
 <svg
 	id="Bun"
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/icons/ButtondownIcon.svelte b/frontend/src/lib/components/icons/ButtondownIcon.svelte
new file mode 100644
index 0000000000..b7fa075167
--- /dev/null
+++ b/frontend/src/lib/components/icons/ButtondownIcon.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #0069FF (Buttondown Blue) per https://buttondown.com/brand. Brand forbids recolouring the logo, so no per-theme variant. -->
+<svg {width} {height} viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
+	<g fill="#0069ff" fill-rule="nonzero" transform="matrix(.100402 0 0 -.100402 -.60241 299.996)"
+		><path
+			d="m1940 2982c-114 12-809 3-872-2-536-44-907-357-1023-864-28-126-39-297-39-616 0-418 16-570 81-760 105-309 344-548 653-653 190-65 342-81 760-81s570 16 760 81c309 105 548 344 653 653 65 190 81 342 81 760 0 492-29 684-139 900-171 335-489 538-915 582zm215-617c101.38 0 210-118.62 210-220v-1290c0-103.709-116.29-220-220-220h-1280c-102.364 0-209 122.636-209 225 0 247.96-24 1200 0 1280 33 110 108 188 214 221 14 4 1121.6 4 1285 4z"
+		/><path
+			d="m873 1715c-51-51-93-98-93-103 0-17 134.877-132.88 229.54-203.38 69.15-51.49 257.04-201.56 335.81-236.61 83.3-37.06 240.3-36.64 328.02-3.67 124.17 46.67 230.42 137.87 419.63 300.66l148 145-98 98c-54 54-101 98-104 98-4 0-105.51-95.16-141.7-131.02-53.08-52.58-88.38-83.3-212.93-185.03-17.17-14.02-73.11-56.64-161.44-56.64s-150.86 46.37-170.51 56.64c-52.84 27.63-165.35 126.38-228.42 179.05-51.97 43.41-145 137-150 137-5-1-51-43-101-95z"
+			transform="translate(-10.5 20.0314)"
+		/></g
+	>
+</svg>
diff --git a/frontend/src/lib/components/icons/CACertificate.svelte b/frontend/src/lib/components/icons/CACertificate.svelte
index c73aa5d3ca..d6a6a6cdde 100644
--- a/frontend/src/lib/components/icons/CACertificate.svelte
+++ b/frontend/src/lib/components/icons/CACertificate.svelte
@@ -1,12 +1,17 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 8.29344C22 11.7692 19.1708 14.5869 15.6807 14.5869C15.0439 14.5869 13.5939 14.4405 12.8885 13.8551L12.0067 14.7333C11.4883 15.2496 11.6283 15.4016 11.8589 15.652C11.9551 15.7565 12.0672 15.8781 12.1537 16.0505C12.1537 16.0505 12.8885 17.075 12.1537 18.0995C11.7128 18.6849 10.4783 19.5045 9.06754 18.0995L8.77362 18.3922C8.77362 18.3922 9.65538 19.4167 8.92058 20.4412C8.4797 21.0267 7.30403 21.6121 6.27531 20.5876L5.2466 21.6121C4.54119 22.3146 3.67905 21.9048 3.33616 21.6121L2.45441 20.7339C1.63143 19.9143 2.1115 19.0264 2.45441 18.6849L10.0963 11.0743C10.0963 11.0743 9.3615 9.90338 9.3615 8.29344C9.3615 4.81767 12.1907 2 15.6807 2C19.1708 2 22 4.81767 22 8.29344ZM15.681 10.4889C16.8984 10.4889 17.8853 9.50601 17.8853 8.29353C17.8853 7.08105 16.8984 6.09814 15.681 6.09814C14.4635 6.09814 13.4766 7.08105 13.4766 8.29353C13.4766 9.50601 14.4635 10.4889 15.681 10.4889Z" fill="#1C274C"/>
-</svg>
\ No newline at end of file
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M22 8.29344C22 11.7692 19.1708 14.5869 15.6807 14.5869C15.0439 14.5869 13.5939 14.4405 12.8885 13.8551L12.0067 14.7333C11.4883 15.2496 11.6283 15.4016 11.8589 15.652C11.9551 15.7565 12.0672 15.8781 12.1537 16.0505C12.1537 16.0505 12.8885 17.075 12.1537 18.0995C11.7128 18.6849 10.4783 19.5045 9.06754 18.0995L8.77362 18.3922C8.77362 18.3922 9.65538 19.4167 8.92058 20.4412C8.4797 21.0267 7.30403 21.6121 6.27531 20.5876L5.2466 21.6121C4.54119 22.3146 3.67905 21.9048 3.33616 21.6121L2.45441 20.7339C1.63143 19.9143 2.1115 19.0264 2.45441 18.6849L10.0963 11.0743C10.0963 11.0743 9.3615 9.90338 9.3615 8.29344C9.3615 4.81767 12.1907 2 15.6807 2C19.1708 2 22 4.81767 22 8.29344ZM15.681 10.4889C16.8984 10.4889 17.8853 9.50601 17.8853 8.29353C17.8853 7.08105 16.8984 6.09814 15.681 6.09814C14.4635 6.09814 13.4766 7.08105 13.4766 8.29353C13.4766 9.50601 14.4635 10.4889 15.681 10.4889Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/CSharpIcon.svelte b/frontend/src/lib/components/icons/CSharpIcon.svelte
index 703c692036..c9c06d77cb 100644
--- a/frontend/src/lib/components/icons/CSharpIcon.svelte
+++ b/frontend/src/lib/components/icons/CSharpIcon.svelte
@@ -1,18 +1,41 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 288" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <g>
-        <path d="M255.569,84.452376 C255.567,79.622376 254.534,75.354376 252.445,71.691376 C250.393,68.089376 247.32,65.070376 243.198,62.683376 C209.173,43.064376 175.115,23.505376 141.101,3.86637605 C131.931,-1.42762395 123.04,-1.23462395 113.938,4.13537605 C100.395,12.122376 32.59,50.969376 12.385,62.672376 C4.064,67.489376 0.015,74.861376 0.013,84.443376 C0,123.898376 0.013,163.352376 0,202.808376 C0,207.532376 0.991,211.717376 2.988,215.325376 C5.041,219.036376 8.157,222.138376 12.374,224.579376 C32.58,236.282376 100.394,275.126376 113.934,283.115376 C123.04,288.488376 131.931,288.680376 141.104,283.384376 C175.119,263.744376 209.179,244.186376 243.209,224.567376 C247.426,222.127376 250.542,219.023376 252.595,215.315376 C254.589,211.707376 255.582,207.522376 255.582,202.797376 C255.582,202.797376 255.582,123.908376 255.569,84.452376" fill="#A179DC" fill-rule="nonzero"></path>
-        <path d="M128.182,143.241376 L2.988,215.325376 C5.041,219.036376 8.157,222.138376 12.374,224.579376 C32.58,236.282376 100.394,275.126376 113.934,283.115376 C123.04,288.488376 131.931,288.680376 141.104,283.384376 C175.119,263.744376 209.179,244.186376 243.209,224.567376 C247.426,222.127376 250.542,219.023376 252.595,215.315376 L128.182,143.241376" fill="#280068" fill-rule="nonzero"></path>
-        <path d="M255.569,84.452376 C255.567,79.622376 254.534,75.354376 252.445,71.691376 L128.182,143.241376 L252.595,215.315376 C254.589,211.707376 255.58,207.522376 255.582,202.797376 C255.582,202.797376 255.582,123.908376 255.569,84.452376" fill="#390091" fill-rule="nonzero"></path>
-        <path d="M201.892326,116.294008 L201.892326,129.767692 L215.36601,129.767692 L215.36601,116.294008 L222.102852,116.294008 L222.102852,129.767692 L235.576537,129.767692 L235.576537,136.504534 L222.102852,136.504534 L222.102852,149.978218 L235.576537,149.978218 L235.576537,156.71506 L222.102852,156.71506 L222.102852,170.188744 L215.36601,170.188744 L215.36601,156.71506 L201.892326,156.71506 L201.892326,170.188744 L195.155484,170.188744 L195.155484,156.71506 L181.6818,156.71506 L181.6818,149.978218 L195.155484,149.978218 L195.155484,136.504534 L181.6818,136.504534 L181.6818,129.767692 L195.155484,129.767692 L195.155484,116.294008 L201.892326,116.294008 Z M215.36601,136.504534 L201.892326,136.504534 L201.892326,149.978218 L215.36601,149.978218 L215.36601,136.504534 Z" fill="#FFFFFF"></path>
-        <path d="M128.456752,48.625876 C163.600523,48.625876 194.283885,67.7121741 210.718562,96.0819435 L210.558192,95.808876 L169.209615,119.617159 C161.062959,105.823554 146.128136,96.5150717 128.996383,96.3233722 L128.456752,96.3203544 C102.331178,96.3203544 81.1506705,117.499743 81.1506705,143.625316 C81.1506705,152.168931 83.4284453,160.17752 87.3896469,167.094792 C95.543745,181.330045 110.872554,190.931398 128.456752,190.931398 C146.149522,190.931398 161.565636,181.208041 169.67832,166.820563 L169.481192,167.165876 L210.767678,191.083913 C194.51328,219.21347 164.25027,238.240861 129.514977,238.620102 L128.456752,238.625876 C93.2021701,238.625876 62.4315028,219.422052 46.0382398,190.902296 C38.0352471,176.979327 33.4561922,160.837907 33.4561922,143.625316 C33.4561922,91.1592636 75.9884604,48.625876 128.456752,48.625876 Z" fill="#FFFFFF" fill-rule="nonzero"></path>
-    </g>
+<!-- #927BE5 → #512BD4 gradient per dotnet/brand logo/language-icons/csharp-72.svg (CC0). Its README forbids altering the mark, so the same full-colour icon is used on light and dark. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 72 72"
+	fill="none"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	preserveAspectRatio="xMidYMid"
+>
+	<path
+		d="M8 24.4518V47.5458C8 50.4038 9.524 53.0458 12 54.4738L32 66.0218C34.476 67.4518 37.524 67.4518 40 66.0218L60 54.4738C62.476 53.0438 64 50.4038 64 47.5458V24.4518C64 21.5938 62.476 18.9518 60 17.5238L40 5.97777C37.524 4.54777 34.476 4.54777 32 5.97777L12 17.5238C9.524 18.9538 8 21.5938 8 24.4518Z"
+		fill="url(#csharp-grad)"
+	/>
+	<path
+		d="M22 32V40C22 40.53 22.21 41.04 22.586 41.414C22.962 41.79 23.47 42 24 42C24.53 42 25.04 41.79 25.414 41.414C25.79 41.038 26 40.53 26 40C26 39.47 26.21 38.96 26.586 38.586C26.962 38.21 27.47 38 28 38C28.53 38 29.04 38.21 29.414 38.586C29.79 38.962 30 39.47 30 40C30 41.592 29.368 43.118 28.242 44.242C27.116 45.368 25.59 46 24 46C22.41 46 20.882 45.368 19.758 44.242C18.632 43.116 18 41.59 18 40V32C18 30.408 18.632 28.882 19.758 27.758C20.884 26.632 22.41 26 24 26C25.59 26 27.118 26.632 28.242 27.758C29.366 28.884 30 30.41 30 32C30 32.53 29.79 33.04 29.414 33.414C29.038 33.79 28.53 34 28 34C27.47 34 26.96 33.79 26.586 33.414C26.21 33.038 26 32.53 26 32C26 31.47 25.79 30.96 25.414 30.586C25.038 30.21 24.53 30 24 30C23.47 30 22.96 30.21 22.586 30.586C22.21 30.962 22 31.47 22 32ZM54 40C54 40.53 53.79 41.04 53.414 41.414C53.038 41.79 52.53 42 52 42H50V44C50 44.53 49.79 45.04 49.414 45.414C49.038 45.788 48.53 46 48 46C47.47 46 46.96 45.79 46.586 45.414C46.212 45.038 46 44.53 46 44V42H42V44C42 44.53 41.79 45.04 41.414 45.414C41.038 45.788 40.53 46 40 46C39.47 46 38.96 45.79 38.586 45.414C38.21 45.038 38 44.53 38 44V42H36C35.47 42 34.96 41.79 34.586 41.414C34.21 41.038 34 40.53 34 40C34 39.47 34.21 38.96 34.586 38.586C34.962 38.21 35.47 38 36 38H38V34H36C35.47 34 34.96 33.79 34.586 33.414C34.21 33.038 34 32.53 34 32C34 31.47 34.21 30.96 34.586 30.586C34.962 30.21 35.47 30 36 30H38V28C38 27.47 38.21 26.96 38.586 26.586C38.962 26.21 39.47 26 40 26C40.53 26 41.04 26.21 41.414 26.586C41.79 26.962 42 27.47 42 28V30H46V28C46 27.47 46.21 26.96 46.586 26.586C46.962 26.21 47.47 26 48 26C48.53 26 49.04 26.21 49.414 26.586C49.788 26.962 50 27.47 50 28V30H52C52.53 30 53.04 30.21 53.414 30.586C53.788 30.962 54 31.47 54 32C54 32.53 53.79 33.04 53.414 33.414C53.038 33.79 52.53 34 52 34H50V38H52C52.53 38 53.04 38.21 53.414 38.586C53.788 38.962 54 39.47 54 40ZM46 34H42V38H46V34Z"
+		fill="white"
+	/>
+	<defs>
+		<linearGradient
+			id="csharp-grad"
+			x1="13.5"
+			y1="18.5"
+			x2="40.5"
+			y2="65.5"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#927BE5" />
+			<stop offset="1" stop-color="#512BD4" />
+		</linearGradient>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/CalcomIcon.svelte b/frontend/src/lib/components/icons/CalcomIcon.svelte
index 382b8e7a56..5dea23818d 100644
--- a/frontend/src/lib/components/icons/CalcomIcon.svelte
+++ b/frontend/src/lib/components/icons/CalcomIcon.svelte
@@ -1,13 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #292929 / #FAFAFA per design.cal.com. Cal.com's design system states it is deliberately a
+	grayscale brand and publishes exactly two logo variants. -->
 <svg
+	class="text-[#292929] dark:text-[#FAFAFA]"
 	x="0px"
 	y="0px"
 	{width}
diff --git a/frontend/src/lib/components/icons/CalendlyIcon.svelte b/frontend/src/lib/components/icons/CalendlyIcon.svelte
index 7868621afd..d1dfd1f094 100644
--- a/frontend/src/lib/components/icons/CalendlyIcon.svelte
+++ b/frontend/src/lib/components/icons/CalendlyIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#006BFF" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.655 14.262c.281 0 .557.023.828.064 0 .005-.005.01-.005.014-.105.267-.234.534-.381.786l-1.219 2.106c-1.112 1.936-3.177 3.127-5.411 3.127h-2.432c-2.23 0-4.294-1.191-5.412-3.127l-1.218-2.106a6.251 6.251 0 0 1 0-6.252l1.218-2.106C6.736 4.832 8.8 3.641 11.035 3.641h2.432c2.23 0 4.294 1.191 5.411 3.127l1.219 2.106c.147.252.271.519.381.786 0 .004.005.009.005.014-.267.041-.543.064-.828.064-1.816 0-2.501-.607-3.291-1.306-.764-.676-1.711-1.517-3.44-1.517h-1.029c-1.251 0-2.387.455-3.2 1.278-.796.805-1.233 1.904-1.233 3.099v1.411c0 1.196.437 2.295 1.233 3.099.813.823 1.949 1.278 3.2 1.278h1.034c1.729 0 2.676-.841 3.439-1.517.791-.703 1.471-1.306 3.287-1.301Zm.005-3.237c.399 0 .794-.036 1.179-.11-.002-.004-.002-.01-.002-.014-.073-.414-.193-.823-.349-1.218.731-.12 1.407-.396 1.986-.819 0-.004-.005-.013-.005-.018-.331-1.085-.832-2.101-1.489-3.03-.649-.915-1.435-1.719-2.331-2.395-1.867-1.398-4.088-2.138-6.428-2.138-1.448 0-2.855.28-4.175.841-1.273.543-2.423 1.315-3.407 2.299S2.878 6.552 2.341 7.83c-.557 1.324-.842 2.726-.842 4.175 0 1.448.281 2.855.842 4.174.542 1.274 1.314 2.423 2.298 3.407s2.129 1.761 3.407 2.299c1.324.556 2.727.841 4.175.841 2.34 0 4.561-.74 6.428-2.137a10.815 10.815 0 0 0 2.331-2.396c.652-.929 1.158-1.949 1.489-3.03 0-.004.005-.014.005-.018-.579-.423-1.255-.699-1.986-.819.161-.395.276-.804.349-1.218.005-.009.005-.014.005-.023.869.166 1.692.506 2.404 1.035.685.505.552 1.075.446 1.416C22.184 20.437 17.619 24 12.221 24c-6.625 0-12-5.375-12-12s5.37-12 12-12c5.398 0 9.963 3.563 11.471 8.464.106.341.239.915-.446 1.421-.717.529-1.535.873-2.404 1.034.128.716.128 1.45 0 2.166-.387-.074-.782-.11-1.182-.11-4.184 0-3.968 2.823-6.736 2.823h-1.029c-1.899 0-3.15-1.357-3.15-3.095v-1.411c0-1.738 1.251-3.094 3.15-3.094h1.034c2.768 0 2.552 2.823 6.731 2.827Z"/>
+<!-- #006BFF / #FFFFFF per Calendly's 2024 External Brand Guidelines and calendly_brand mark_white.svg
+	(media kit on calendly.com/newsroom). Guidelines: "Only show our logo and lockups in blue or white." -->
+<svg
+	class="text-[#006BFF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M19.655 14.262c.281 0 .557.023.828.064 0 .005-.005.01-.005.014-.105.267-.234.534-.381.786l-1.219 2.106c-1.112 1.936-3.177 3.127-5.411 3.127h-2.432c-2.23 0-4.294-1.191-5.412-3.127l-1.218-2.106a6.251 6.251 0 0 1 0-6.252l1.218-2.106C6.736 4.832 8.8 3.641 11.035 3.641h2.432c2.23 0 4.294 1.191 5.411 3.127l1.219 2.106c.147.252.271.519.381.786 0 .004.005.009.005.014-.267.041-.543.064-.828.064-1.816 0-2.501-.607-3.291-1.306-.764-.676-1.711-1.517-3.44-1.517h-1.029c-1.251 0-2.387.455-3.2 1.278-.796.805-1.233 1.904-1.233 3.099v1.411c0 1.196.437 2.295 1.233 3.099.813.823 1.949 1.278 3.2 1.278h1.034c1.729 0 2.676-.841 3.439-1.517.791-.703 1.471-1.306 3.287-1.301Zm.005-3.237c.399 0 .794-.036 1.179-.11-.002-.004-.002-.01-.002-.014-.073-.414-.193-.823-.349-1.218.731-.12 1.407-.396 1.986-.819 0-.004-.005-.013-.005-.018-.331-1.085-.832-2.101-1.489-3.03-.649-.915-1.435-1.719-2.331-2.395-1.867-1.398-4.088-2.138-6.428-2.138-1.448 0-2.855.28-4.175.841-1.273.543-2.423 1.315-3.407 2.299S2.878 6.552 2.341 7.83c-.557 1.324-.842 2.726-.842 4.175 0 1.448.281 2.855.842 4.174.542 1.274 1.314 2.423 2.298 3.407s2.129 1.761 3.407 2.299c1.324.556 2.727.841 4.175.841 2.34 0 4.561-.74 6.428-2.137a10.815 10.815 0 0 0 2.331-2.396c.652-.929 1.158-1.949 1.489-3.03 0-.004.005-.014.005-.018-.579-.423-1.255-.699-1.986-.819.161-.395.276-.804.349-1.218.005-.009.005-.014.005-.023.869.166 1.692.506 2.404 1.035.685.505.552 1.075.446 1.416C22.184 20.437 17.619 24 12.221 24c-6.625 0-12-5.375-12-12s5.37-12 12-12c5.398 0 9.963 3.563 11.471 8.464.106.341.239.915-.446 1.421-.717.529-1.535.873-2.404 1.034.128.716.128 1.45 0 2.166-.387-.074-.782-.11-1.182-.11-4.184 0-3.968 2.823-6.736 2.823h-1.029c-1.899 0-3.15-1.357-3.15-3.095v-1.411c0-1.738 1.251-3.094 3.15-3.094h1.034c2.768 0 2.552 2.823 6.731 2.827Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CampaynIcon.svelte b/frontend/src/lib/components/icons/CampaynIcon.svelte
new file mode 100644
index 0000000000..c343cb186f
--- /dev/null
+++ b/frontend/src/lib/components/icons/CampaynIcon.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #008AFF / #FFFFFF per app.campayn.com/images/campayn/favicons/safari-pinned-tab.svg (colours sampled from android-chrome-512x512.png in the same directory). -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 1024 1024"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Campayn"
+>
+	<rect width="1024" height="1024" fill="#008AFF" />
+	<g transform="translate(0,1024) scale(0.1,-0.1)">
+		<path
+			fill="#FFFFFF"
+			d="M6774 8125 c482 -57 851 -208 1105 -450 182 -173 295 -374 347 -615 26 -120 26 -368 0 -465 -141 -533 -734 -810 -1798 -841 -377 -11 -646 23 -931 116 -263 87 -453 191 -892 491 -126 86 -273 183 -325 215 -220 133 -452 238 -638 288 -406 108 -881 13 -1286 -257 -108 -73 -112 -69 -48 38 45 75 186 218 272 274 244 158 573 241 961 241 l152 0 101 98 c194 187 414 343 673 474 474 242 980 367 1673 412 116 8 511 -4 634 -19z M3380 6560 c305 -84 619 -240 888 -442 50 -38 92 -71 92 -74 0 -2 -52 -188 -115 -412 -354 -1249 -428 -1514 -441 -1580 -19 -99 -18 -282 1 -357 73 -281 312 -459 718 -536 88 -17 165 -22 364 -26 551 -11 1008 47 1433 182 149 48 226 55 272 27 79 -49 121 -200 100 -360 -18 -135 -70 -231 -191 -353 -152 -153 -344 -264 -611 -352 -342 -114 -723 -166 -1245 -172 -428 -4 -714 23 -1012 96 -948 232 -1352 820 -1178 1716 29 148 571 2074 627 2228 67 182 189 435 211 435 7 0 46 -9 87 -20z"
+		/>
+		<path
+			fill="#008AFF"
+			d="M5807 7105 c-250 -31 -466 -91 -657 -181 -111 -53 -270 -149 -270 -164 0 -3 42 -29 93 -57 454 -250 784 -344 1207 -345 250 -1 408 29 553 104 181 94 249 230 181 366 -63 126 -240 221 -499 268 -123 22 -465 28 -608 9z"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/CertopusIcon.svelte b/frontend/src/lib/components/icons/CertopusIcon.svelte
new file mode 100644
index 0000000000..227528bae2
--- /dev/null
+++ b/frontend/src/lib/components/icons/CertopusIcon.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #FF6E30 per https://certopus.com/images/logo/logo_circle.svg. Verbatim copy of the brand's own
+	circle mark: #2C353D and the white disc are its other fixed tones, not a dark-theme variant. -->
+<svg {width} {height} viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
+	<circle cx="150" cy="150" r="150" fill="white" />
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M300 150C300 232.843 232.843 300 150 300C67.1573 300 0 232.843 0 150C0 67.1573 67.1573 0 150 0C232.843 0 300 67.1573 300 150ZM260 150C260 210.751 210.751 260 150 260C89.2487 260 40 210.751 40 150C40 89.2487 89.2487 40 150 40C210.751 40 260 89.2487 260 150Z"
+		fill="#FF6E30"
+	/>
+	<path
+		d="M81.7585 184.256C79.5697 184.247 78.0439 181.947 77.1625 180.58C73.7551 175.289 74.1991 169.192 74.4025 166.793C74.7845 162.222 76.2553 157.81 78.6919 153.925C81.6487 149.368 85.3153 147.14 90.6403 143.814C93.8769 141.829 97.2566 140.088 100.752 138.605C109.563 135.032 197.539 136.769 200.938 140.75C206.777 147.587 208.387 159.796 206.454 169.856C204.927 177.795 200.663 185.153 199.407 187.321C198.67 188.591 198.799 188.267 190.215 200.801C184.426 209.253 183.495 210.677 182.556 212.137C179.142 217.454 178.989 218.091 175.815 222.861C172.431 227.946 172.006 228.125 170.3 231.133C167.996 235.198 166.7 237.487 165.705 240.937C164.381 245.536 164.782 248.085 162.64 249.517C161.071 250.566 159.195 250.305 158.045 250.13C152.865 249.338 149.556 244.73 145.177 238.49C142.557 234.756 141.022 232.568 139.662 228.992C137.979 224.6 137.248 219.901 137.517 215.205C137.877 210.947 139.019 206.792 140.887 202.949C143.185 198.12 146.421 194.549 152.836 187.63C156.338 183.85 155.728 184.783 163.262 176.925C164.13 176.021 168.676 171.258 173.977 164.651C178.254 159.321 178.483 158.448 178.266 158.218C177.986 157.918 176.8 158.492 170.913 162.507C164.781 166.688 160.496 169.86 160.496 169.86C156.504 172.815 153.426 175.093 149.16 178.44C142.253 183.856 138.799 186.565 137.52 187.938C135.6 189.996 129.232 197.209 126.796 207.24C126.074 210.265 125.562 213.336 125.265 216.431C124.842 221.557 124.63 224.119 124.651 224.398C124.761 225.803 124.957 226.781 124.345 227.461C123.096 228.849 119.672 227.671 118.218 227.155C110.934 224.57 106.212 219.028 104.43 216.738C101.413 212.785 99.1302 208.323 97.6897 203.563C96.7519 200.508 95.0911 195.103 95.8513 188.55C97.2853 176.195 106.34 168.299 108.413 166.491C111.462 163.832 116.573 160.94 126.796 155.155C131.673 152.395 135.561 150.362 135.376 149.947C135.171 149.489 130.351 151.701 121.896 153.929C115.439 155.631 114.94 155.213 110.559 156.689C107.193 157.822 103.305 159.161 98.9191 162.204C94.0051 165.612 91.2391 169.234 89.1145 172.009C87.3511 174.316 86.4607 175.504 86.0509 177.217C85.4773 179.617 86.1019 181.195 84.8251 182.732C84.4415 183.177 83.9726 183.542 83.4459 183.804C82.9193 184.066 82.3455 184.22 81.7585 184.256Z"
+		fill="#2C353D"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M133.87 52.5118C139.358 50.9721 145.022 50.1482 150.722 50.0608V50.0584C159.964 49.6229 169.157 51.6303 177.377 55.8784C181.232 57.6433 184.838 59.9097 188.1 62.6188C190.593 64.7446 192.258 66.679 195.759 71.1988C198.968 75.3394 200.752 77.8191 202.568 80.3442C203.655 81.8553 204.754 83.3828 206.177 85.2922C208.687 88.6598 210.594 91.0512 213.334 94.4871C215.444 97.1332 218.048 100.399 221.802 105.207C230.037 115.753 228.94 114.683 227.899 113.52C228.561 114.334 229.089 115.251 229.462 116.237C230.384 118.986 229.538 121.559 229.155 122.671C228.26 125.275 226.772 126.839 224.866 128.799C222.682 131.055 220.21 133.012 217.513 134.619C213.247 137.063 208.577 138.724 203.726 139.521C202.473 139.732 201.137 139.936 199.725 140.133C201.839 139.044 204.926 129.617 204.926 129.617C205.451 127.329 205.826 125.009 206.049 122.672C206.21 121.248 206.279 119.816 206.254 118.383C206.199 116.813 206.034 115.249 205.76 113.703C205.471 111.762 205.075 109.839 204.572 107.943C203.837 105.301 202.911 102.716 201.801 100.209C200.329 96.6587 199.486 94.6253 197.83 92.0129C196.688 90.2006 195.39 88.4918 193.949 86.9063L193.948 86.9045C192.057 84.8402 189.827 82.4058 186.188 80.7791C183.702 79.5752 180.955 79.0133 178.196 79.1447C175.6 79.3109 173.816 80.1407 170.256 81.8003C168.651 82.5475 167.919 82.9856 166.894 83.5984C165.856 84.2188 164.519 85.0181 161.676 86.4983C161.676 86.4983 158.832 87.9779 154.935 89.5619C153.691 90.1112 152.389 90.5221 151.055 90.7871C149.574 91.0703 148.061 91.1392 146.561 90.9917C144.863 90.7704 143.209 90.2881 141.659 89.5619C140.675 89.1489 139.719 88.6721 138.798 88.1345C136.095 86.5623 134.094 85.3664 132.53 84.4318C129.32 82.5129 127.952 81.6956 126.134 80.9855C122.784 79.5762 119.118 79.0828 115.514 79.5557C109.929 80.3957 106.298 83.6891 103.874 85.8875C99.4132 89.9297 97.357 94.2683 95.908 97.3259C94.3842 100.504 93.2853 103.869 92.6398 107.334C92.107 110.437 91.9698 113.594 92.2313 116.73C92.4239 120.561 92.9563 124.367 93.8224 128.104C95.1495 133.309 96.581 138.307 98.255 139.699C96.841 139.37 95.4356 139.004 94.0402 138.602C88.4506 137.053 84.5806 135.948 80.2534 133.087C75.9262 130.226 73.9162 127.439 72.8998 125.733C71.7172 124.035 71.058 122.028 71.0037 119.959C70.9493 117.891 71.5021 115.851 72.5938 114.093C73.8795 111.533 75.4446 109.993 76.7062 108.752C76.873 108.587 77.0344 108.429 77.1892 108.273C78.9635 106.494 79.5872 105.46 81.118 102.923C81.9663 101.517 83.0932 99.6491 84.8488 96.937C86.0896 95.0212 90.0478 88.93 94.9594 82.537C98.4316 78.0178 101.765 73.714 106.908 68.7502L106.937 68.7226C110.567 65.2216 113.999 61.9124 119.47 58.639C123.99 55.992 128.829 53.9329 133.87 52.5118ZM227.384 112.936C227.369 112.918 227.354 112.901 227.34 112.886C227.209 112.735 227.171 112.691 227.317 112.866C227.34 112.889 227.362 112.913 227.384 112.936Z"
+		fill="#2C353D"
+	/>
+	<path
+		d="M124.78 108.171C125.27 106.098 127.231 104.29 127.232 104.29C126.736 103.813 126.193 103.386 125.612 103.017C124.776 102.636 123.847 102.511 122.94 102.657C121.533 102.738 120.183 103.236 119.059 104.087C117.331 105.41 116.106 107.283 115.587 109.397C114.955 111.6 114.955 113.935 115.587 116.138C116.141 118.095 117.117 119.908 118.446 121.448C119.748 123.177 121.515 124.499 123.541 125.258C125.567 126.018 127.768 126.184 129.885 125.738C131.526 125.441 133.111 124.89 134.583 124.104C136.917 122.997 137.303 122.339 137.442 122.064C137.922 121.109 137.73 120.144 137.442 118.796C137.147 117.186 136.521 115.656 135.604 114.302C134.866 113.246 134.539 112.673 134.539 112.673C133.822 113.333 133.011 113.882 132.132 114.302C131.002 114.783 129.742 114.868 128.557 114.542L128.455 114.509C127.372 114.135 126.439 113.419 125.8 112.469C125.596 112.171 124.285 110.273 124.78 108.171Z"
+		fill="#2C353D"
+	/>
+	<path
+		d="M175.7 108.171C175.211 106.098 173.249 104.29 173.249 104.29C173.745 103.813 174.287 103.387 174.866 103.017C175.702 102.636 176.632 102.511 177.539 102.657C178.946 102.738 180.296 103.236 181.42 104.087C183.148 105.41 184.373 107.283 184.892 109.397C185.524 111.599 185.524 113.935 184.892 116.138C184.338 118.095 183.362 119.908 182.032 121.448C180.731 123.177 178.964 124.499 176.938 125.259C174.912 126.018 172.711 126.184 170.594 125.738C168.952 125.441 167.367 124.89 165.896 124.104C163.562 122.997 163.175 122.339 163.037 122.064C162.557 121.109 162.749 120.144 163.037 118.796C163.332 117.186 163.958 115.656 164.875 114.302C165.612 113.246 165.939 112.673 165.939 112.673C166.656 113.333 167.468 113.882 168.347 114.302C169.477 114.783 170.737 114.868 171.921 114.542C171.966 114.528 172 114.516 172.024 114.509C173.107 114.135 174.039 113.419 174.679 112.469C174.884 112.171 176.195 110.273 175.7 108.171Z"
+		fill="#2C353D"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ChromaIcon.svelte b/frontend/src/lib/components/icons/ChromaIcon.svelte
new file mode 100644
index 0000000000..b42a6b58e4
--- /dev/null
+++ b/frontend/src/lib/components/icons/ChromaIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #327EFF / #FFDE2D / #FF6446 per Chroma's own logo SVG served by trychroma.com (chroma-wordmark.svg). -->
+<svg {width} {height} viewBox="0 0 256 164" xmlns="http://www.w3.org/2000/svg">
+	<g>
+		<ellipse fill="#FFDE2D" cx="170.666795" cy="81.9198362" rx="85.3332053" ry="81.9198362"
+		></ellipse>
+		<ellipse fill="#327EFF" cx="85.3332053" cy="81.9198362" rx="85.3332053" ry="81.9198362"
+		></ellipse>
+		<path
+			d="M170.666795,81.9199642 C170.666795,127.163394 132.461431,163.83916 85.3330773,163.83916 L85.3330773,81.9199642 L170.666795,81.9199642 Z M85.3332053,81.9198362 C85.3332053,36.6767906 123.538185,8.95998209e-05 170.666795,8.95998209e-05 L170.666795,81.9198362 L85.3332053,81.9198362 Z"
+			fill="#FF6446"
+		></path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/CircleCiIcon.svelte b/frontend/src/lib/components/icons/CircleCiIcon.svelte
index 92402ac6cd..59c97c4e37 100644
--- a/frontend/src/lib/components/icons/CircleCiIcon.svelte
+++ b/frontend/src/lib/components/icons/CircleCiIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#343434" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.963 12c0-1.584 1.284-2.855 2.855-2.855 1.572 0 2.856 1.284 2.856 2.855 0 1.572-1.284 2.856-2.856 2.856-1.57 0-2.855-1.284-2.855-2.856zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672 3.466 0 6.286 2.82 6.286 6.287 0 3.47-2.82 6.29-6.29 6.29-2.53 0-4.714-1.5-5.71-3.673-.097-.19-.29-.336-.517-.336H.755c-.312 0-.575.253-.575.576 0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/>
+<!-- #161616 / #FFFFFF per brand.circleci.com. Guidelines require Terminal (#161616) on light
+	backgrounds and White on dark, and forbid any color not named in them. -->
+<svg
+	class="text-[#161616] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M8.963 12c0-1.584 1.284-2.855 2.855-2.855 1.572 0 2.856 1.284 2.856 2.855 0 1.572-1.284 2.856-2.856 2.856-1.57 0-2.855-1.284-2.855-2.856zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672 3.466 0 6.286 2.82 6.286 6.287 0 3.47-2.82 6.29-6.29 6.29-2.53 0-4.714-1.5-5.71-3.673-.097-.19-.29-.336-.517-.336H.755c-.312 0-.575.253-.575.576 0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CiscoIcon.svelte b/frontend/src/lib/components/icons/CiscoIcon.svelte
index d2d4b14bd8..aa3ed22d0f 100644
--- a/frontend/src/lib/components/icons/CiscoIcon.svelte
+++ b/frontend/src/lib/components/icons/CiscoIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#1BA0D7" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.331 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.186 1.186 0 01-.806-.237 1.038 1.038 0 01-.352-.498 1.21 1.21 0 01-.023-.667c.052-.225.178-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.34 2.34 0 00-.903.206c-.287.132-.54.327-.739.571a2.221 2.221 0 00-.04 2.705c.295.378.709.645 1.175.756.491.12 1.006.102 1.487-.052l.082-.023M5.336 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.183 1.183 0 01-.806-.237 1.03 1.03 0 01-.351-.498 1.202 1.202 0 01-.024-.667c.052-.225.177-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.344 2.344 0 00-.903.206 2.08 2.08 0 00-.74.571 2.224 2.224 0 00-.041 2.705 2.11 2.11 0 001.176.756c.491.12 1.005.102 1.487-.052l.083-.023M9.26 17.249l-.004.957.07.012c.22.041.441.069.664.085.195.019.391.022.587.012.187-.014.372-.049.551-.104.21-.06.405-.163.571-.305a1.16 1.16 0 00.333-.478 1.31 1.31 0 00-.007-.96 1.068 1.068 0 00-.298-.414 1.261 1.261 0 00-.438-.255l-.722-.268a.388.388 0 01-.197-.188.245.245 0 01.008-.219.382.382 0 01.154-.142.798.798 0 01.257-.074c.153-.022.308-.021.46.005.18.02.358.051.533.096l.038.008v-.883l-.069-.015a4.749 4.749 0 00-.543-.097 2.844 2.844 0 00-.714-.003c-.3.027-.585.143-.821.33-.16.126-.281.293-.351.484-.104.29-.105.608 0 .899.054.145.14.274.252.381.097.093.207.173.327.236.157.084.324.149.497.195.057.017.114.035.17.054l.085.031.024.01c.084.03.162.078.226.14.045.042.08.094.101.151a.325.325 0 01.001.161.339.339 0 01-.166.198.856.856 0 01-.275.086 2.032 2.032 0 01-.427.021 5.208 5.208 0 01-.557-.074 9.195 9.195 0 01-.287-.067l-.033-.006zm-2.475.995h1.05v-4.167h-1.05v4.167zm12.162-2.936a1.095 1.095 0 011.541.158 1.094 1.094 0 01-.157 1.541l-.017.014a1.096 1.096 0 01-1.367-1.713m-1.525.854a2.193 2.193 0 002.666 2.107 2.139 2.139 0 00.701-3.937 2.207 2.207 0 00-3.367 1.83M22.961 10.728a.52.52 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M20.117 10.728a.522.522 0 001.041 0V8.139a.521.521 0 00-1.04 0v2.589M17.231 11.771a.521.521 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M14.393 10.728a.521.521 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M11.494 10.728a.522.522 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M8.624 10.728a.52.52 0 001.039 0V8.139a.52.52 0 00-1.039 0v2.589M5.737 11.771a.52.52 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M2.876 10.728a.522.522 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M0 10.728a.521.521 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155"/>
+<!-- #00BCEB / #FFFFFF per cisco.com logo SVG and newsroom.cisco.com/logos. Cisco requires all parts of the mark be knocked out to white on dark backgrounds. -->
+<svg
+	class="text-[#00BCEB] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M16.331 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.186 1.186 0 01-.806-.237 1.038 1.038 0 01-.352-.498 1.21 1.21 0 01-.023-.667c.052-.225.178-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.34 2.34 0 00-.903.206c-.287.132-.54.327-.739.571a2.221 2.221 0 00-.04 2.705c.295.378.709.645 1.175.756.491.12 1.006.102 1.487-.052l.082-.023M5.336 18.171V17.06l-.022.01c-.25.121-.522.19-.801.203a1.183 1.183 0 01-.806-.237 1.03 1.03 0 01-.351-.498 1.202 1.202 0 01-.024-.667c.052-.225.177-.426.357-.569.16-.134.355-.218.562-.242a1.85 1.85 0 011.061.198l.024.013v-1.117l-.051-.014a2.862 2.862 0 00-1.011-.132 2.344 2.344 0 00-.903.206 2.08 2.08 0 00-.74.571 2.224 2.224 0 00-.041 2.705 2.11 2.11 0 001.176.756c.491.12 1.005.102 1.487-.052l.083-.023M9.26 17.249l-.004.957.07.012c.22.041.441.069.664.085.195.019.391.022.587.012.187-.014.372-.049.551-.104.21-.06.405-.163.571-.305a1.16 1.16 0 00.333-.478 1.31 1.31 0 00-.007-.96 1.068 1.068 0 00-.298-.414 1.261 1.261 0 00-.438-.255l-.722-.268a.388.388 0 01-.197-.188.245.245 0 01.008-.219.382.382 0 01.154-.142.798.798 0 01.257-.074c.153-.022.308-.021.46.005.18.02.358.051.533.096l.038.008v-.883l-.069-.015a4.749 4.749 0 00-.543-.097 2.844 2.844 0 00-.714-.003c-.3.027-.585.143-.821.33-.16.126-.281.293-.351.484-.104.29-.105.608 0 .899.054.145.14.274.252.381.097.093.207.173.327.236.157.084.324.149.497.195.057.017.114.035.17.054l.085.031.024.01c.084.03.162.078.226.14.045.042.08.094.101.151a.325.325 0 01.001.161.339.339 0 01-.166.198.856.856 0 01-.275.086 2.032 2.032 0 01-.427.021 5.208 5.208 0 01-.557-.074 9.195 9.195 0 01-.287-.067l-.033-.006zm-2.475.995h1.05v-4.167h-1.05v4.167zm12.162-2.936a1.095 1.095 0 011.541.158 1.094 1.094 0 01-.157 1.541l-.017.014a1.096 1.096 0 01-1.367-1.713m-1.525.854a2.193 2.193 0 002.666 2.107 2.139 2.139 0 00.701-3.937 2.207 2.207 0 00-3.367 1.83M22.961 10.728a.52.52 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M20.117 10.728a.522.522 0 001.041 0V8.139a.521.521 0 00-1.04 0v2.589M17.231 11.771a.521.521 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M14.393 10.728a.521.521 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M11.494 10.728a.522.522 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155M8.624 10.728a.52.52 0 001.039 0V8.139a.52.52 0 00-1.039 0v2.589M5.737 11.771a.52.52 0 001.039 0V6.17a.52.52 0 00-1.039 0v5.601M2.876 10.728a.522.522 0 001.04 0V8.139a.52.52 0 00-1.039 0v2.589M0 10.728a.521.521 0 001.039 0V9.573a.52.52 0 00-1.039 0v1.155"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ClaudeIcon.svelte b/frontend/src/lib/components/icons/ClaudeIcon.svelte
index 5c5cdeffe5..44ec5723c2 100644
--- a/frontend/src/lib/components/icons/ClaudeIcon.svelte
+++ b/frontend/src/lib/components/icons/ClaudeIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: number;
-		width?: number;
+		height?: number
+		width?: number
 	}
 
-	let { height = 24, width = 24 }: Props = $props();
+	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #D97757 per https://claude.ai/favicon.svg (Anthropic's own asset). -->
 <svg
 	viewBox="0 0 24 24"
 	width={`${width}px`}
diff --git a/frontend/src/lib/components/icons/ClearbitIcon.svelte b/frontend/src/lib/components/icons/ClearbitIcon.svelte
index fc150c1dfe..478387223d 100644
--- a/frontend/src/lib/components/icons/ClearbitIcon.svelte
+++ b/frontend/src/lib/components/icons/ClearbitIcon.svelte
@@ -1,12 +1,43 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #148CFC per clearbit.com/logo.svg. -->
 <svg {width} {height} viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_f)"><path d="M27.9196 37H12.0804l-.6465-.005c-2.67455-.0434-3.73836-.3679-4.81023-.9411-1.15432-.6173-2.06024-1.5233-2.67758-2.6776l-.12785-.2479c-.5142-1.0387-.79606-2.185-.81698-4.8781L3 12.0804c0-3.15743.32876-4.30241.94609-5.45673.61734-1.15432 1.52326-2.06024 2.67758-2.67758l.24795-.12785c1.03866-.5142 2.185-.79606 4.87808-.81698L27.9196 3c3.1574 0 4.3024.32876 5.4567.94609 1.1543.61734 2.0603 1.52326 2.6776 2.67758l.1279.24795c.5142 1.03866.796 2.185.8169 4.87808L37 27.9196l-.005.6465c-.0434 2.6745-.3679 3.7384-.9411 4.8102-.6173 1.1543-1.5233 2.0603-2.6776 2.6776l-.2479.1279c-1.0802.5347-2.2769.8182-5.2088.8182Z" fill="#000" fill-opacity=".28"/></g><path d="M20 3h7.9196c3.1574 0 4.3024.32876 5.4567.94609 1.1543.61734 2.0603 1.52326 2.6776 2.67758.6173 1.15432.9461 2.2993.9461 5.45673V20H20V3Z" fill="#4DB1FD"/><path d="M12.0804 3H20v34h-7.9196c-3.15743 0-4.30241-.3288-5.45673-.9461-1.15432-.6173-2.06024-1.5233-2.67758-2.6776C3.32876 32.222 3 31.077 3 27.9196V12.0804c0-3.15743.32876-4.30241.94609-5.45673.61734-1.15432 1.52326-2.06024 2.67758-2.67758C7.77799 3.32876 8.92297 3 12.0804 3Z" fill="#148CFC"/><path d="M37 20v7.9196c0 3.1574-.3288 4.3024-.9461 5.4567-.6173 1.1543-1.5233 2.0603-2.6776 2.6776-1.1543.6173-2.2993.9461-5.4567.9461H20V20h17Z" fill="#DEF2FE"/><defs><filter id="filter0_f" x="0" y="0" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur"/></filter></defs>
+	<g filter="url(#filter0_f)"
+		><path
+			d="M27.9196 37H12.0804l-.6465-.005c-2.67455-.0434-3.73836-.3679-4.81023-.9411-1.15432-.6173-2.06024-1.5233-2.67758-2.6776l-.12785-.2479c-.5142-1.0387-.79606-2.185-.81698-4.8781L3 12.0804c0-3.15743.32876-4.30241.94609-5.45673.61734-1.15432 1.52326-2.06024 2.67758-2.67758l.24795-.12785c1.03866-.5142 2.185-.79606 4.87808-.81698L27.9196 3c3.1574 0 4.3024.32876 5.4567.94609 1.1543.61734 2.0603 1.52326 2.6776 2.67758l.1279.24795c.5142 1.03866.796 2.185.8169 4.87808L37 27.9196l-.005.6465c-.0434 2.6745-.3679 3.7384-.9411 4.8102-.6173 1.1543-1.5233 2.0603-2.6776 2.6776l-.2479.1279c-1.0802.5347-2.2769.8182-5.2088.8182Z"
+			fill="#000"
+			fill-opacity=".28"
+		/></g
+	><path
+		d="M20 3h7.9196c3.1574 0 4.3024.32876 5.4567.94609 1.1543.61734 2.0603 1.52326 2.6776 2.67758.6173 1.15432.9461 2.2993.9461 5.45673V20H20V3Z"
+		fill="#4DB1FD"
+	/><path
+		d="M12.0804 3H20v34h-7.9196c-3.15743 0-4.30241-.3288-5.45673-.9461-1.15432-.6173-2.06024-1.5233-2.67758-2.6776C3.32876 32.222 3 31.077 3 27.9196V12.0804c0-3.15743.32876-4.30241.94609-5.45673.61734-1.15432 1.52326-2.06024 2.67758-2.67758C7.77799 3.32876 8.92297 3 12.0804 3Z"
+		fill="#148CFC"
+	/><path
+		d="M37 20v7.9196c0 3.1574-.3288 4.3024-.9461 5.4567-.6173 1.1543-1.5233 2.0603-2.6776 2.6776-1.1543.6173-2.2993.9461-5.4567.9461H20V20h17Z"
+		fill="#DEF2FE"
+	/><defs
+		><filter
+			id="filter0_f"
+			x="0"
+			y="0"
+			width="40"
+			height="40"
+			filterUnits="userSpaceOnUse"
+			color-interpolation-filters="sRGB"
+			><feFlood flood-opacity="0" result="BackgroundImageFix" /><feBlend
+				in="SourceGraphic"
+				in2="BackgroundImageFix"
+				result="shape"
+			/><feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur" /></filter
+		></defs
+	>
 </svg>
diff --git a/frontend/src/lib/components/icons/ClerkIcon.svelte b/frontend/src/lib/components/icons/ClerkIcon.svelte
index 21baeae38d..9649794578 100644
--- a/frontend/src/lib/components/icons/ClerkIcon.svelte
+++ b/frontend/src/lib/components/icons/ClerkIcon.svelte
@@ -1,12 +1,24 @@
+<!-- #6C47FF / #BAB1FF per clerk.com/brand-assets (symbol-primary.svg). Same two-tone symbol on light and dark; the mono symbol-dark/symbol-light pair is Clerk's alternate for single-colour contexts. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#6C47FF" xmlns="http://www.w3.org/2000/svg">
-<path d="m21.47 20.829-2.881-2.881a.572.572 0 0 0-.7-.084 6.854 6.854 0 0 1-7.081 0 .576.576 0 0 0-.7.084l-2.881 2.881a.576.576 0 0 0-.103.69.57.57 0 0 0 .166.186 12 12 0 0 0 14.113 0 .58.58 0 0 0 .239-.423.576.576 0 0 0-.172-.453Zm.002-17.668-2.88 2.88a.569.569 0 0 1-.701.084A6.857 6.857 0 0 0 8.724 8.08a6.862 6.862 0 0 0-1.222 3.692 6.86 6.86 0 0 0 .978 3.764.573.573 0 0 1-.083.699l-2.881 2.88a.567.567 0 0 1-.864-.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637-.405.566.566 0 0 1 .232.418.57.57 0 0 1-.168.448Zm-7.118 12.261a3.427 3.427 0 1 0 0-6.854 3.427 3.427 0 0 0 0 6.854Z"/>
+<svg {width} {height} viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M99.5716 10.788C101.571 12.1272 101.742 14.9444 100.04 16.646L85.4244 31.2618C84.1035 32.5828 82.0542 32.7914 80.3915 31.9397C75.4752 29.421 69.9035 28 64 28C44.1177 28 28 44.1177 28 64C28 69.9035 29.421 75.4752 31.9397 80.3915C32.7914 82.0542 32.5828 84.1035 31.2618 85.4244L16.646 100.04C14.9444 101.742 12.1272 101.571 10.788 99.5716C3.97411 89.3989 0 77.1635 0 64C0 28.6538 28.6538 0 64 0C77.1635 0 89.3989 3.97411 99.5716 10.788Z"
+		fill="#BAB1FF"
+	/>
+	<path
+		d="M84 64C84 75.0457 75.0457 84 64 84C52.9543 84 44 75.0457 44 64C44 52.9543 52.9543 44 64 44C75.0457 44 84 52.9543 84 64Z"
+		fill="#6C47FF"
+	/>
+	<path
+		d="M100.04 111.354C101.742 113.056 101.571 115.873 99.5717 117.212C89.3989 124.026 77.1636 128 64 128C50.8364 128 38.6011 124.026 28.4283 117.212C26.4289 115.873 26.2581 113.056 27.9597 111.354L42.5755 96.7382C43.8965 95.4172 45.9457 95.2085 47.6084 96.0603C52.5248 98.579 58.0964 100 64 100C69.9036 100 75.4753 98.579 80.3916 96.0603C82.0543 95.2085 84.1036 95.4172 85.4245 96.7382L100.04 111.354Z"
+		fill="#6C47FF"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ClickhouseIcon.svelte b/frontend/src/lib/components/icons/ClickhouseIcon.svelte
index 6d3870762a..a1ea211f36 100644
--- a/frontend/src/lib/components/icons/ClickhouseIcon.svelte
+++ b/frontend/src/lib/components/icons/ClickhouseIcon.svelte
@@ -1,27 +1,36 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #161616 / #FFFFFF per clickhouse.design/brand/logo-usage (logomark, on-light / on-dark). Brand forbids recolouring the mark, so only its own published pair is used. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	x="0px"
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
-	fill="none"
+	viewBox="27 24.5 100.1 100.1"
+	fill="currentColor"
+	class="text-[#161616] dark:text-[#FFFFFF]"
 >
 	<path
-		d="M0 139.667H18.6667V158.333H0V139.667Z"
-		fill="#FF0000"
+		d="M27,25.7c0-.6.5-1.2,1.2-1.2h8.8c.6,0,1.2.5,1.2,1.2v97.7c0,.6-.5,1.2-1.2,1.2h-8.8c-.6,0-1.2-.5-1.2-1.2V25.7Z"
 	/>
 	<path
-		d="M0 9H18.6667V139.667H0V9ZM37.3333 9H56V158.333H37.3333V9ZM74.6667 9H93.3333V158.333H74.6667V9ZM112 9H130.667V158.333H112V9ZM149.333 69.6667H168V97.6667H149.333V69.6667Z"
-		fill="#FFCC00"
+		d="M49.2,25.7c0-.6.5-1.2,1.2-1.2h8.8c.6,0,1.2.5,1.2,1.2v97.7c0,.6-.5,1.2-1.2,1.2h-8.8c-.6,0-1.2-.5-1.2-1.2V25.7Z"
 	/>
-</svg>
\ No newline at end of file
+	<path
+		d="M71.4,25.7c0-.6.5-1.2,1.2-1.2h8.8c.6,0,1.2.5,1.2,1.2v97.7c0,.6-.5,1.2-1.2,1.2h-8.8c-.6,0-1.2-.5-1.2-1.2V25.7Z"
+	/>
+	<path
+		d="M93.6,25.7c0-.6.5-1.2,1.2-1.2h8.8c.6,0,1.2.5,1.2,1.2v97.7c0,.6-.5,1.2-1.2,1.2h-8.8c-.6,0-1.2-.5-1.2-1.2V25.7Z"
+	/>
+	<path
+		d="M115.9,64.6c0-.6.5-1.2,1.2-1.2h8.8c.6,0,1.2.5,1.2,1.2v19.9c0,.6-.5,1.2-1.2,1.2h-8.8c-.6,0-1.2-.5-1.2-1.2v-19.9Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ClickupIcon.svelte b/frontend/src/lib/components/icons/ClickupIcon.svelte
index 22e160931a..e84ddc0633 100644
--- a/frontend/src/lib/components/icons/ClickupIcon.svelte
+++ b/frontend/src/lib/components/icons/ClickupIcon.svelte
@@ -1,10 +1,11 @@
+<!-- #FF02F0→#F76808 / #6647F0→#0091FF per clickup.com/brand (v4 Logomark-gradient.svg); the gradient mark is the same on light and dark, and the guidelines say "don't change the color". -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg
@@ -12,44 +13,44 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="0 0 64 64"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
-		d="M15 128.533L40.4652 108.979C53.9943 126.679 68.3685 134.838 84.3687 134.838C100.283 134.838 114.251 126.775 127.17 109.214L152.999 128.298C134.358 153.621 111.192 167 84.3687 167C57.6309 167 34.2405 153.706 15 128.533Z"
-		fill="url(#paint0_linear_308_323)"
+		d="M6.43828 50.2095C5.81176 49.4456 5.94882 48.3212 6.71918 47.7027L14.0169 41.8433C14.6535 41.3322 15.5841 41.4476 16.1032 42.0777C21.06 48.0956 26.32 50.8815 32.142 50.8815C37.9238 50.8815 43.0403 48.135 47.7801 42.1839C48.2888 41.5452 49.2172 41.4131 49.8629 41.9129L57.2604 47.6377C58.0415 48.2422 58.1989 49.3637 57.5855 50.1379C50.5775 58.9839 41.9971 63.6446 32.142 63.6446C22.3156 63.6446 13.6586 59.013 6.43828 50.2095Z"
+		fill="url(#clickup_paint0_linear)"
 	/>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
-		d="M82.9336 43.5407L37.6076 82.693L16.6558 58.3354L83.0296 1L148.88 58.378L127.831 82.6503L82.9336 43.5407Z"
-		fill="url(#paint1_linear_308_323)"
+		d="M32.4953 17.1804C32.2202 16.9368 31.8067 16.9367 31.5314 17.1801L15.663 31.2116C15.0564 31.748 14.1285 31.6857 13.599 31.0731L7.40986 23.9122C6.88774 23.3082 6.95019 22.3961 7.54979 21.8688L31.0527 1.20062C31.6021 0.717503 32.4248 0.717611 32.9741 1.20088L56.4822 21.8847C57.0822 22.4125 57.1439 23.3256 56.6205 23.9294L50.4164 31.0866C49.8862 31.6982 48.9589 31.7594 48.353 31.2229L32.4953 17.1804Z"
+		fill="url(#clickup_paint1_linear)"
 	/>
 	<defs>
 		<linearGradient
-			id="paint0_linear_308_323"
-			x1="15"
-			y1="148.439"
-			x2="152.999"
-			y2="148.439"
+			id="clickup_paint0_linear"
+			x1="5.3335"
+			y1="32.1624"
+			x2="58.6653"
+			y2="32.1624"
 			gradientUnits="userSpaceOnUse"
 		>
-			<stop stop-color="#8930FD" />
-			<stop offset="1" stop-color="#49CCF9" />
+			<stop offset="0.225962" stop-color="#6647F0" />
+			<stop offset="0.793269" stop-color="#0091FF" />
 		</linearGradient>
 		<linearGradient
-			id="paint1_linear_308_323"
-			x1="16.6558"
-			y1="56.5595"
-			x2="148.88"
-			y2="56.5595"
+			id="clickup_paint1_linear"
+			x1="5.3335"
+			y1="31.6447"
+			x2="58.6653"
+			y2="31.6447"
 			gradientUnits="userSpaceOnUse"
 		>
 			<stop stop-color="#FF02F0" />
-			<stop offset="1" stop-color="#FFC800" />
+			<stop offset="0.778846" stop-color="#F76808" />
 		</linearGradient>
 	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/CloseIcon.svelte b/frontend/src/lib/components/icons/CloseIcon.svelte
index 73e6f414f9..e61b7ada6c 100644
--- a/frontend/src/lib/components/icons/CloseIcon.svelte
+++ b/frontend/src/lib/components/icons/CloseIcon.svelte
@@ -1,42 +1,37 @@
+<!-- #4EC375 / #1463FF / #FFBC00 per close.com/brand (close-logo-2024 mark.svg). Close forbids modifying the logo, so the same colours are kept on light and dark. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
-<g>
-		<path d="M194.210366,167.138117 C194.702444,163.603922 195.122802,160.002988 195.473432,156.342288 C191.673276,160.943315 187.635051,165.522428 183.371704,170.057712 C187.129027,169.173167 190.742911,168.196981 194.210366,167.138117 Z M62.5665992,90.0532296 C62.061572,93.5605292 61.6222879,97.1285914 61.2607004,100.758412 C65.0040778,96.183284 68.9885136,91.6350506 73.1990661,87.1376187 C69.5164514,88.0251518 65.9762802,89.0023346 62.5665992,90.0532296 Z M196.616965,118.830817 C198.657992,115.52772 200.532669,112.261479 202.24,109.042054 C200.058521,106.159315 197.776436,103.28056 195.400716,100.409774 C196.005354,106.402366 196.413759,112.552342 196.616965,118.830817 Z M54.6455409,147.619362 C56.7363735,150.419424 58.9188482,153.215502 61.1939611,156.001619 C60.6441089,150.173385 60.2705681,144.197728 60.0803113,138.099549 C58.1129961,141.310008 56.3090428,144.484607 54.6455409,147.619362 Z M166.666957,194.529121 C165.091113,199.548514 163.351907,204.264093 161.460296,208.626054 C158.456031,215.553992 155.08221,221.598381 151.440436,226.664591 C144.526444,236.285012 136.646226,242.344342 128.456218,243.934132 C119.829914,242.078381 111.822195,235.981198 104.926132,226.44744 C98.1436265,228.993494 91.5185058,230.800436 85.138428,231.807502 C87.1983813,234.659362 89.3768716,237.304031 91.6868482,239.695689 C101.616062,249.974537 110.287191,255.83365 128.349634,255.83365 C146.413074,255.83365 156.642117,249.20056 166.893074,237.665619 C168.436047,235.929401 169.913276,234.068669 171.338708,232.1153 C175.145837,226.897681 178.533603,220.935969 181.492047,214.328778 C184.777214,206.987455 187.534444,198.856218 189.763735,190.09544 C182.471222,191.940233 174.743409,193.419455 166.666957,194.529121 Z M166.515549,19.4261167 C156.189883,7.62820233 146.199907,0.829758755 128.349634,0.829758755 C110.499362,0.829758755 104.15116,5.85313619 94.6811518,14.756358 C91.4497743,17.7944903 88.4355486,21.2978054 85.6305058,25.1945837 C81.9757821,30.2737432 78.6886226,36.0402179 75.7839689,42.3993774 C72.3314553,49.9558599 69.4188327,58.3421012 67.0700078,67.3957354 C74.303751,65.5081089 81.9608405,63.9800778 89.9615875,62.8255875 C91.5772763,57.591035 93.3722646,52.681214 95.3336031,48.1519066 C98.2522023,41.4122335 101.528405,35.5053074 105.065588,30.5068327 C112.054288,20.6314086 120.072965,14.3419767 128.456218,12.5181012 C136.767751,14.0610739 144.760529,20.2538833 151.748233,30.1243268 C158.281712,27.648 164.670755,25.8858833 170.848623,24.886786 C169.45407,22.9692763 168.014693,21.1394241 166.515549,19.4261167 Z M166.933914,62.7269728 C163.485385,62.2488405 159.974101,61.8384436 156.406039,61.4957821 C160.91144,65.1893541 165.389946,69.1150195 169.818646,73.261821 C168.940078,69.6150661 167.972856,66.1057743 166.933914,62.7269728 Z M89.8480311,194.369743 C93.4419922,194.890708 97.1007004,195.340949 100.825152,195.70951 C96.1534008,191.858553 91.5035642,187.762553 86.8985525,183.434459 C87.7920623,187.227642 88.7782101,190.873401 89.8480311,194.369743 Z M232.914179,178.388171 C232.781696,176.131984 232.520716,173.836949 232.164109,171.515019 C231.181946,165.125977 229.375004,158.506833 226.802054,151.733292 C223.906366,144.111066 220.04744,136.296591 215.348794,128.408405 C211.504809,134.874148 207.092047,141.390693 202.171268,147.892296 C204.678475,152.681588 206.834054,157.365292 208.616093,161.900576 C211.380296,168.931113 213.257961,175.599066 214.246101,181.757012 C216.106833,193.35172 214.805914,203.127533 210.168031,209.999689 C202.824716,214.742163 192.97021,216.115798 181.492047,214.328778 C178.533603,220.935969 175.145837,226.897681 171.338708,232.1153 C174.68165,232.638257 177.965821,232.947051 181.170304,233.002833 C195.460482,233.249868 205.735346,231.261634 218.507455,218.489525 C231.279564,205.717416 233.821634,193.792996 232.914179,178.388171 Z M78.3290272,24.3369339 C62.6851362,23.296 50.8145058,25.5521868 38.1918132,38.1748794 C25.5701167,50.7965759 24.6327782,58.8371673 24.2323424,71.8294163 C24.0938833,76.3228638 24.4494942,80.9976031 25.2443891,85.8038288 C26.2654008,91.9737276 28.0295097,98.3687471 30.4799377,104.910195 C33.3537121,112.583222 37.1678132,120.455471 41.8276109,128.39944 C45.6158132,121.954615 49.9558599,115.464965 54.80193,108.998226 C52.3186304,104.283642 50.1660389,99.6656809 48.3869883,95.1921556 C45.6735875,88.3688093 43.8018988,81.8811518 42.7500078,75.8457276 C40.6551907,63.8236887 41.8644669,53.6265214 46.5322335,46.3638911 C53.5657588,41.5327626 63.7171051,40.2796576 75.7839689,42.3993774 C78.6886226,36.0402179 81.9757821,30.2737432 85.6305058,25.1945837 C83.1601556,24.7921556 80.7216809,24.4963113 78.3290272,24.3369339 Z M195.400716,100.409774 C195.051082,96.9492918 194.6367,93.5416031 194.156576,90.194677 C192.996109,82.1082646 191.453136,74.3724825 189.543595,67.0680156 C187.253541,58.304249 184.436545,50.1650428 181.108545,42.8087782 C175.084078,43.8258054 168.582475,45.6805603 161.736218,48.3790195 C163.628825,52.8176809 165.364047,57.6209183 166.933914,62.7269728 C167.972856,66.1057743 168.940078,69.6150661 169.818646,73.261821 C170.717136,76.9892607 171.525977,80.8521712 172.241183,84.8395953 C173.606848,92.4418988 174.620887,100.50042 175.240467,108.938459 C175.697681,115.173105 175.950693,121.602988 175.950693,128.226117 C175.950693,134.904031 175.693696,141.382724 175.228514,147.661198 C180.828638,141.198444 185.880903,134.748638 190.331518,128.391471 C192.581728,125.176031 194.666584,121.989479 196.616965,118.830817 C196.413759,112.552342 196.005354,106.402366 195.400716,100.409774 Z M89.8480311,194.369743 C88.7782101,190.873401 87.7920623,187.227642 86.8985525,183.434459 C86.0508638,179.834521 85.2778833,176.116047 84.6005292,172.265089 C83.2388482,164.527315 82.2447315,156.289494 81.6400934,147.643268 C81.2018054,141.378739 80.9617432,134.906023 80.9617432,128.226117 C80.9617432,121.55916 81.215751,115.097401 81.6749572,108.84084 C76.0598911,115.324514 71.0096187,121.819144 66.5390817,128.23807 C64.2330895,131.551128 62.0765136,134.841276 60.0803113,138.099549 C60.2705681,144.197728 60.6441089,150.173385 61.1939611,156.001619 C61.5425992,159.695191 61.9569805,163.332981 62.4490584,166.898054 C63.5527471,174.88884 65.0210117,182.534973 66.8438911,189.757759 C69.0871284,198.640062 71.8732451,206.874895 75.1982568,214.304872 C81.3671595,213.279875 88.0191751,211.388265 95.0248093,208.609121 C93.1322023,204.206319 91.4019611,199.447907 89.8480311,194.369743 Z M109.1327,54.600716 C106.19916,56.8180545 103.268607,59.1389883 100.347019,61.5565447 C106.464125,60.9389572 112.744591,60.5245759 119.159533,60.3253541 C115.775751,58.2424903 112.431813,56.3449027 109.1327,54.600716 Z M46.3001401,210.425027 C41.4700078,203.391502 40.2159066,193.240156 42.3366226,181.173292 C35.977463,178.268638 30.2099922,174.981479 25.1318288,171.325759 C24.7294008,173.797105 24.4325603,176.23558 24.2731829,178.628233 C23.232249,194.272125 25.4894319,206.142755 38.1111284,218.764451 C50.7328249,231.386148 58.7734163,232.323486 71.7656654,232.724918 C76.0718444,232.857401 80.5433774,232.533665 85.138428,231.807502 C81.416965,226.656623 78.0999222,220.792529 75.1982568,214.304872 C63.4312218,216.259237 53.4452296,215.016093 46.3001401,210.425027 Z M108.950412,202.146366 C104.193992,204.653572 99.5361868,206.819113 95.0248093,208.609121 C97.9643268,215.44442 101.290335,221.42207 104.926132,226.44744 C112.53242,223.592591 120.332949,219.813354 128.206195,215.204358 C121.814163,211.385276 115.375315,207.015346 108.950412,202.146366 Z M147.712,202.194179 C150.460265,200.13821 153.203549,197.996576 155.938864,195.7633 C150.234148,196.301198 144.387984,196.668763 138.42428,196.863004 C141.557043,198.789479 144.654942,200.567533 147.712,202.194179 Z M95.0248093,208.609121 C88.0191751,211.388265 81.3671595,213.279875 75.1982568,214.304872 C78.0999222,220.792529 81.416965,226.656623 85.138428,231.807502 C91.5185058,230.800436 98.1436265,228.993494 104.926132,226.44744 C101.290335,221.42207 97.9643268,215.44442 95.0248093,208.609121 Z M218.425774,38.4498054 C205.653665,25.6776965 193.730241,23.1346304 178.32442,24.0420856 C175.872996,24.1865214 173.376747,24.4783813 170.848623,24.886786 C164.670755,25.8858833 158.281712,27.648 151.748233,30.1243268 C144.057276,33.0399377 136.171082,36.936716 128.210179,41.6881556 C134.729712,45.5022568 141.297058,49.8811518 147.84249,54.7780233 C152.590942,52.2927315 157.236794,50.1520934 161.736218,48.3790195 C168.582475,45.6805603 175.084078,43.8258054 181.108545,42.8087782 C192.959253,40.8085914 202.94923,42.0736498 209.935938,46.7892296 C214.679409,54.1315486 216.052047,63.9870506 214.265027,75.465214 C220.872218,78.4236576 226.83393,81.810428 232.052545,85.6185525 C232.575502,82.2746148 232.884296,78.9904436 232.939082,75.7859611 C233.187113,61.4967782 231.198879,51.2219144 218.425774,38.4498054 Z M208.562304,95.496965 C206.80716,99.8908016 204.693416,104.417121 202.24,109.042054 C200.532669,112.261479 198.657992,115.52772 196.616965,118.830817 C194.666584,121.989479 192.581728,125.176031 190.331518,128.391471 C185.880903,134.748638 180.828638,141.198444 175.228514,147.661198 C171.029914,152.507268 166.532482,157.361307 161.70235,162.190444 C157.01765,166.875144 152.299082,171.240093 147.579518,175.317167 C156.190879,174.714521 164.394833,173.725385 172.105712,172.371673 C175.990537,171.690335 179.740887,170.91337 183.371704,170.057712 C187.635051,165.522428 191.673276,160.943315 195.473432,156.342288 C197.795362,153.531268 200.035611,150.713276 202.171268,147.892296 C207.092047,141.390693 211.504809,134.874148 215.348794,128.408405 C219.951813,120.668638 223.735035,113.001588 226.60084,105.515829 C221.535626,101.875051 215.490241,98.5012296 208.562304,95.496965 Z M84.6802179,84.7320156 C80.7266615,85.4432374 76.8966226,86.2470973 73.1990661,87.1376187 C68.9885136,91.6350506 65.0040778,96.183284 61.2607004,100.758412 C59.0204514,103.497712 56.8638755,106.244981 54.80193,108.998226 C49.9558599,115.464965 45.6158132,121.954615 41.8276109,128.39944 C37.1588482,136.343409 33.3288093,144.216654 30.4440778,151.890677 C35.4425525,155.428856 41.3484825,158.705058 48.0891518,161.623658 C49.9080467,157.088374 52.1074553,152.402677 54.6455409,147.619362 C56.3090428,144.484607 58.1129961,141.310008 60.0803113,138.099549 C62.0765136,134.841276 64.2330895,131.551128 66.5390817,128.23807 C71.0096187,121.819144 76.0598911,115.324514 81.6749572,108.84084 C85.6803113,104.216903 89.9585992,99.5999377 94.5347237,95.0238132 C99.2851673,90.2723735 104.078444,85.8486537 108.875704,81.7167938 C100.401805,82.3383658 92.3104125,83.3583813 84.6802179,84.7320156 Z M237.601868,90.0631907 C235.86565,88.5202179 234.004918,87.0429883 232.052545,85.6185525 C226.83393,81.810428 220.872218,78.4236576 214.265027,75.465214 C206.788233,72.1182879 198.491642,69.3192218 189.543595,67.0680156 C191.453136,74.3724825 192.996109,82.1082646 194.156576,90.194677 C199.291518,91.7954241 204.110693,93.5665058 208.562304,95.496965 C215.490241,98.5012296 221.535626,101.875051 226.60084,105.515829 C236.221261,112.430817 242.280591,120.311035 243.870381,128.501043 C242.041525,137.002833 236.098739,144.904965 226.802054,151.733292 C229.375004,158.506833 231.181946,165.125977 232.164109,171.515019 C234.855595,169.544716 237.357821,167.466833 239.631938,165.270412 C249.911782,155.341198 255.770895,146.67007 255.770895,128.60663 C255.770895,110.544187 249.136809,100.315144 237.601868,90.0631907 Z M62.4490584,166.898054 C57.3330428,165.307268 52.5278132,163.546148 48.0891518,161.623658 C41.3484825,158.705058 35.4425525,155.428856 30.4440778,151.890677 C20.5686537,144.901977 14.2782257,136.884296 12.4543502,128.501043 C14.0192374,120.070973 20.3624591,111.967626 30.4799377,104.910195 C28.0295097,98.3687471 26.2654008,91.9737276 25.2443891,85.8038288 C23.1714864,87.2910195 21.2011829,88.8329961 19.3633619,90.4417121 C7.56544747,100.767377 0.767003891,110.757354 0.767003891,128.60663 C0.767003891,146.457899 5.78938521,152.805105 14.692607,162.276109 C17.7307393,165.507486 21.2350506,168.521712 25.1318288,171.325759 C30.2099922,174.981479 35.977463,178.268638 42.3366226,181.173292 C49.755642,184.563051 57.9775253,187.431844 66.8438911,189.757759 C65.0210117,182.534973 63.5527471,174.88884 62.4490584,166.898054 Z M128.539891,66.4763268 C125.390195,64.2888716 122.26042,62.2329027 119.159533,60.3253541 C112.744591,60.5245759 106.464125,60.9389572 100.347019,61.5565447 C96.8277665,61.9121556 93.3642957,62.3345058 89.9615875,62.8255875 C81.9608405,63.9800778 74.303751,65.5081089 67.0700078,67.3957354 C58.2833307,69.6887782 50.1232062,72.5107549 42.7500078,75.8457276 C43.8018988,81.8811518 45.6735875,88.3688093 48.3869883,95.1921556 C52.7788327,93.3224591 57.5242957,91.6061634 62.5665992,90.0532296 C65.9762802,89.0023346 69.5164514,88.0251518 73.1990661,87.1376187 C76.8966226,86.2470973 80.7266615,85.4432374 84.6802179,84.7320156 C92.3104125,83.3583813 100.401805,82.3383658 108.875704,81.7167938 C115.109354,81.2585837 121.539237,81.0065681 128.162366,81.0065681 C135.038506,81.0065681 141.703471,81.2795019 148.155268,81.7715798 C141.598879,76.0907704 135.029541,70.9857121 128.539891,66.4763268 Z M208.616093,161.900576 C204.166475,163.818086 199.351284,165.568249 194.210366,167.138117 C190.742911,168.196981 187.129027,169.173167 183.371704,170.057712 C179.740887,170.91337 175.990537,171.690335 172.105712,172.371673 C164.394833,173.725385 156.190879,174.714521 147.579518,175.317167 C141.314988,175.755455 134.843268,175.995518 128.162366,175.995518 C121.693634,175.995518 115.417152,175.758444 109.333914,175.325136 C115.723953,180.859518 122.100047,185.856 128.388482,190.26677 C131.764296,192.635518 135.111222,194.824965 138.42428,196.863004 C144.387984,196.668763 150.234148,196.301198 155.938864,195.7633 C159.573665,195.419642 163.155673,195.012233 166.666957,194.529121 C174.743409,193.419455 182.471222,191.940233 189.763735,190.09544 C198.622132,187.855191 206.834054,185.073058 214.246101,181.757012 C213.257961,175.599066 211.380296,168.931113 208.616093,161.900576 Z M147.712,202.194179 C144.654942,200.567533 141.557043,198.789479 138.42428,196.863004 C135.111222,194.824965 131.764296,192.635518 128.388482,190.26677 C122.100047,185.856 115.723953,180.859518 109.333914,175.325136 C104.474895,171.116576 99.6089027,166.608187 94.765821,161.765105 C90.0821167,157.081401 85.7171673,152.362833 81.6400934,147.643268 C82.2447315,156.289494 83.2388482,164.527315 84.6005292,172.265089 C85.2778833,176.116047 86.0508638,179.834521 86.8985525,183.434459 C91.5035642,187.762553 96.1534008,191.858553 100.825152,195.70951 C103.527595,197.937805 106.238008,200.090397 108.950412,202.146366 C115.375315,207.015346 121.814163,211.385276 128.206195,215.204358 C136.062506,219.899019 143.845105,223.755953 151.440436,226.664591 C155.08221,221.598381 158.456031,215.553992 161.460296,208.626054 C157.001712,206.845012 152.406661,204.693416 147.712,202.194179 Z M172.241183,84.8395953 C171.525977,80.8521712 170.717136,76.9892607 169.818646,73.261821 C165.389946,69.1150195 160.91144,65.1893541 156.406039,61.4957821 C153.560156,59.1618988 150.703315,56.9196576 147.84249,54.7780233 C141.297058,49.8811518 134.729712,45.5022568 128.210179,41.6881556 C120.383751,37.1120311 112.628047,33.3497276 105.065588,30.5068327 C101.528405,35.5053074 98.2522023,41.4122335 95.3336031,48.1519066 C99.803144,49.9449027 104.420109,52.1094475 109.1327,54.600716 C112.431813,56.3449027 115.775751,58.2424903 119.159533,60.3253541 C122.26042,62.2329027 125.390195,64.2888716 128.539891,66.4763268 C135.029541,70.9857121 141.598879,76.0907704 148.155268,81.7715798 C152.765261,85.7669728 157.369276,90.0343035 161.933447,94.5984747 C166.683891,99.3489183 171.108607,104.141198 175.240467,108.938459 C174.620887,100.50042 173.606848,92.4418988 172.241183,84.8395953 Z" fill="#49BC82"></path>
-		<g>
-			<path d="M194.210366,167.138117 C194.702444,163.603922 195.122802,160.002988 195.473432,156.342288 C191.673276,160.943315 187.635051,165.522428 183.371704,170.057712 C187.129027,169.173167 190.742911,168.196981 194.210366,167.138117" fill="#49BC82"></path>
-			<path d="M62.5665992,90.0532296 C62.061572,93.5605292 61.6222879,97.1285914 61.2607004,100.758412 C65.0040778,96.183284 68.9885136,91.6350506 73.1990661,87.1376187 C69.5164514,88.0251518 65.9762802,89.0023346 62.5665992,90.0532296" fill="#49BC82"></path>
-			<path d="M196.616965,118.830817 C198.657992,115.52772 200.532669,112.261479 202.24,109.042054 C200.058521,106.159315 197.776436,103.28056 195.400716,100.409774 C196.005354,106.402366 196.413759,112.552342 196.616965,118.830817" fill="#57B6DF"></path>
-			<path d="M54.6455409,147.619362 C56.7363735,150.419424 58.9188482,153.215502 61.1939611,156.001619 C60.6441089,150.173385 60.2705681,144.197728 60.0803113,138.099549 C58.1129961,141.310008 56.3090428,144.484607 54.6455409,147.619362" fill="#57B6DF"></path>
-			<path d="M166.666957,194.529121 C165.091113,199.548514 163.351907,204.264093 161.460296,208.626054 C158.456031,215.553992 155.08221,221.598381 151.440436,226.664591 C144.526444,236.285012 136.646226,242.344342 128.456218,243.934132 C119.829914,242.078381 111.822195,235.981198 104.926132,226.44744 C98.1436265,228.993494 91.5185058,230.800436 85.138428,231.807502 C87.1983813,234.659362 89.3768716,237.304031 91.6868482,239.695689 C101.616062,249.974537 110.287191,255.83365 128.349634,255.83365 C146.413074,255.83365 156.642117,249.20056 166.893074,237.665619 C168.436047,235.929401 169.913276,234.068669 171.338708,232.1153 C175.145837,226.897681 178.533603,220.935969 181.492047,214.328778 C184.777214,206.987455 187.534444,198.856218 189.763735,190.09544 C182.471222,191.940233 174.743409,193.419455 166.666957,194.529121" fill="#49BC82"></path>
-			<path d="M166.515549,19.4261167 C156.189883,7.62820233 146.199907,0.829758755 128.349634,0.829758755 C110.499362,0.829758755 104.15116,5.85313619 94.6811518,14.756358 C91.4497743,17.7944903 88.4355486,21.2978054 85.6305058,25.1945837 C81.9757821,30.2737432 78.6886226,36.0402179 75.7839689,42.3993774 C72.3314553,49.9558599 69.4188327,58.3421012 67.0700078,67.3957354 C74.303751,65.5081089 81.9608405,63.9800778 89.9615875,62.8255875 C91.5772763,57.591035 93.3722646,52.681214 95.3336031,48.1519066 C98.2522023,41.4122335 101.528405,35.5053074 105.065588,30.5068327 C112.054288,20.6314086 120.072965,14.3419767 128.456218,12.5181012 C136.767751,14.0610739 144.760529,20.2538833 151.748233,30.1243268 C158.281712,27.648 164.670755,25.8858833 170.848623,24.886786 C169.45407,22.9692763 168.014693,21.1394241 166.515549,19.4261167" fill="#49BC82"></path>
-			<path d="M166.933914,62.7269728 C163.485385,62.2488405 159.974101,61.8384436 156.406039,61.4957821 C160.91144,65.1893541 165.389946,69.1150195 169.818646,73.261821 C168.940078,69.6150661 167.972856,66.1057743 166.933914,62.7269728" fill="#276392"></path>
-			<path d="M89.8480311,194.369743 C93.4419922,194.890708 97.1007004,195.340949 100.825152,195.70951 C96.1534008,191.858553 91.5035642,187.762553 86.8985525,183.434459 C87.7920623,187.227642 88.7782101,190.873401 89.8480311,194.369743" fill="#276392"></path>
-			<path d="M232.914179,178.388171 C232.781696,176.131984 232.520716,173.836949 232.164109,171.515019 C231.181946,165.125977 229.375004,158.506833 226.802054,151.733292 C223.906366,144.111066 220.04744,136.296591 215.348794,128.408405 C211.504809,134.874148 207.092047,141.390693 202.171268,147.892296 C204.678475,152.681588 206.834054,157.365292 208.616093,161.900576 C211.380296,168.931113 213.257961,175.599066 214.246101,181.757012 C216.106833,193.35172 214.805914,203.127533 210.168031,209.999689 C202.824716,214.742163 192.97021,216.115798 181.492047,214.328778 C178.533603,220.935969 175.145837,226.897681 171.338708,232.1153 C174.68165,232.638257 177.965821,232.947051 181.170304,233.002833 C195.460482,233.249868 205.735346,231.261634 218.507455,218.489525 C231.279564,205.717416 233.821634,193.792996 232.914179,178.388171" fill="#57B6DF"></path>
-			<path d="M78.3290272,24.3369339 C62.6851362,23.296 50.8145058,25.5521868 38.1918132,38.1748794 C25.5701167,50.7965759 24.6327782,58.8371673 24.2323424,71.8294163 C24.0938833,76.3228638 24.4494942,80.9976031 25.2443891,85.8038288 C26.2654008,91.9737276 28.0295097,98.3687471 30.4799377,104.910195 C33.3537121,112.583222 37.1678132,120.455471 41.8276109,128.39944 C45.6158132,121.954615 49.9558599,115.464965 54.80193,108.998226 C52.3186304,104.283642 50.1660389,99.6656809 48.3869883,95.1921556 C45.6735875,88.3688093 43.8018988,81.8811518 42.7500078,75.8457276 C40.6551907,63.8236887 41.8644669,53.6265214 46.5322335,46.3638911 C53.5657588,41.5327626 63.7171051,40.2796576 75.7839689,42.3993774 C78.6886226,36.0402179 81.9757821,30.2737432 85.6305058,25.1945837 C83.1601556,24.7921556 80.7216809,24.4963113 78.3290272,24.3369339" fill="#57B6DF"></path>
-			<path d="M195.400716,100.409774 C195.051082,96.9492918 194.6367,93.5416031 194.156576,90.194677 C192.996109,82.1082646 191.453136,74.3724825 189.543595,67.0680156 C187.253541,58.304249 184.436545,50.1650428 181.108545,42.8087782 C175.084078,43.8258054 168.582475,45.6805603 161.736218,48.3790195 C163.628825,52.8176809 165.364047,57.6209183 166.933914,62.7269728 C167.972856,66.1057743 168.940078,69.6150661 169.818646,73.261821 C170.717136,76.9892607 171.525977,80.8521712 172.241183,84.8395953 C173.606848,92.4418988 174.620887,100.50042 175.240467,108.938459 C175.697681,115.173105 175.950693,121.602988 175.950693,128.226117 C175.950693,134.904031 175.693696,141.382724 175.228514,147.661198 C180.828638,141.198444 185.880903,134.748638 190.331518,128.391471 C192.581728,125.176031 194.666584,121.989479 196.616965,118.830817 C196.413759,112.552342 196.005354,106.402366 195.400716,100.409774" fill="#49BC82"></path>
-			<path d="M89.8480311,194.369743 C88.7782101,190.873401 87.7920623,187.227642 86.8985525,183.434459 C86.0508638,179.834521 85.2778833,176.116047 84.6005292,172.265089 C83.2388482,164.527315 82.2447315,156.289494 81.6400934,147.643268 C81.2018054,141.378739 80.9617432,134.906023 80.9617432,128.226117 C80.9617432,121.55916 81.215751,115.097401 81.6749572,108.84084 C76.0598911,115.324514 71.0096187,121.819144 66.5390817,128.23807 C64.2330895,131.551128 62.0765136,134.841276 60.0803113,138.099549 C60.2705681,144.197728 60.6441089,150.173385 61.1939611,156.001619 C61.5425992,159.695191 61.9569805,163.332981 62.4490584,166.898054 C63.5527471,174.88884 65.0210117,182.534973 66.8438911,189.757759 C69.0871284,198.640062 71.8732451,206.874895 75.1982568,214.304872 C81.3671595,213.279875 88.0191751,211.388265 95.0248093,208.609121 C93.1322023,204.206319 91.4019611,199.447907 89.8480311,194.369743" fill="#49BC82"></path>
-			<path d="M109.1327,54.600716 C106.19916,56.8180545 103.268607,59.1389883 100.347019,61.5565447 C106.464125,60.9389572 112.744591,60.5245759 119.159533,60.3253541 C115.775751,58.2424903 112.431813,56.3449027 109.1327,54.600716" fill="#FABB66"></path>
-			<path d="M46.3001401,210.425027 C41.4700078,203.391502 40.2159066,193.240156 42.3366226,181.173292 C35.977463,178.268638 30.2099922,174.981479 25.1318288,171.325759 C24.7294008,173.797105 24.4325603,176.23558 24.2731829,178.628233 C23.232249,194.272125 25.4894319,206.142755 38.1111284,218.764451 C50.7328249,231.386148 58.7734163,232.323486 71.7656654,232.724918 C76.0718444,232.857401 80.5433774,232.533665 85.138428,231.807502 C81.416965,226.656623 78.0999222,220.792529 75.1982568,214.304872 C63.4312218,216.259237 53.4452296,215.016093 46.3001401,210.425027" fill="#FABB66"></path>
-			<path d="M108.950412,202.146366 C104.193992,204.653572 99.5361868,206.819113 95.0248093,208.609121 C97.9643268,215.44442 101.290335,221.42207 104.926132,226.44744 C112.53242,223.592591 120.332949,219.813354 128.206195,215.204358 C121.814163,211.385276 115.375315,207.015346 108.950412,202.146366" fill="#FABB66"></path>
-			<path d="M147.712,202.194179 C150.460265,200.13821 153.203549,197.996576 155.938864,195.7633 C150.234148,196.301198 144.387984,196.668763 138.42428,196.863004 C141.557043,198.789479 144.654942,200.567533 147.712,202.194179" fill="#FABB66"></path>
-			<path d="M95.0248093,208.609121 C88.0191751,211.388265 81.3671595,213.279875 75.1982568,214.304872 C78.0999222,220.792529 81.416965,226.656623 85.138428,231.807502 C91.5185058,230.800436 98.1436265,228.993494 104.926132,226.44744 C101.290335,221.42207 97.9643268,215.44442 95.0248093,208.609121" fill="#FABB66"></path>
-			<path d="M218.425774,38.4498054 C205.653665,25.6776965 193.730241,23.1346304 178.32442,24.0420856 C175.872996,24.1865214 173.376747,24.4783813 170.848623,24.886786 C164.670755,25.8858833 158.281712,27.648 151.748233,30.1243268 C144.057276,33.0399377 136.171082,36.936716 128.210179,41.6881556 C134.729712,45.5022568 141.297058,49.8811518 147.84249,54.7780233 C152.590942,52.2927315 157.236794,50.1520934 161.736218,48.3790195 C168.582475,45.6805603 175.084078,43.8258054 181.108545,42.8087782 C192.959253,40.8085914 202.94923,42.0736498 209.935938,46.7892296 C214.679409,54.1315486 216.052047,63.9870506 214.265027,75.465214 C220.872218,78.4236576 226.83393,81.810428 232.052545,85.6185525 C232.575502,82.2746148 232.884296,78.9904436 232.939082,75.7859611 C233.187113,61.4967782 231.198879,51.2219144 218.425774,38.4498054" fill="#FABB66"></path>
-			<path d="M208.562304,95.496965 C206.80716,99.8908016 204.693416,104.417121 202.24,109.042054 C200.532669,112.261479 198.657992,115.52772 196.616965,118.830817 C194.666584,121.989479 192.581728,125.176031 190.331518,128.391471 C185.880903,134.748638 180.828638,141.198444 175.228514,147.661198 C171.029914,152.507268 166.532482,157.361307 161.70235,162.190444 C157.01765,166.875144 152.299082,171.240093 147.579518,175.317167 C156.190879,174.714521 164.394833,173.725385 172.105712,172.371673 C175.990537,171.690335 179.740887,170.91337 183.371704,170.057712 C187.635051,165.522428 191.673276,160.943315 195.473432,156.342288 C197.795362,153.531268 200.035611,150.713276 202.171268,147.892296 C207.092047,141.390693 211.504809,134.874148 215.348794,128.408405 C219.951813,120.668638 223.735035,113.001588 226.60084,105.515829 C221.535626,101.875051 215.490241,98.5012296 208.562304,95.496965" fill="#FABB66"></path>
-			<path d="M84.6802179,84.7320156 C80.7266615,85.4432374 76.8966226,86.2470973 73.1990661,87.1376187 C68.9885136,91.6350506 65.0040778,96.183284 61.2607004,100.758412 C59.0204514,103.497712 56.8638755,106.244981 54.80193,108.998226 C49.9558599,115.464965 45.6158132,121.954615 41.8276109,128.39944 C37.1588482,136.343409 33.3288093,144.216654 30.4440778,151.890677 C35.4425525,155.428856 41.3484825,158.705058 48.0891518,161.623658 C49.9080467,157.088374 52.1074553,152.402677 54.6455409,147.619362 C56.3090428,144.484607 58.1129961,141.310008 60.0803113,138.099549 C62.0765136,134.841276 64.2330895,131.551128 66.5390817,128.23807 C71.0096187,121.819144 76.0598911,115.324514 81.6749572,108.84084 C85.6803113,104.216903 89.9585992,99.5999377 94.5347237,95.0238132 C99.2851673,90.2723735 104.078444,85.8486537 108.875704,81.7167938 C100.401805,82.3383658 92.3104125,83.3583813 84.6802179,84.7320156" fill="#FABB66"></path>
-			<path d="M237.601868,90.0631907 C235.86565,88.5202179 234.004918,87.0429883 232.052545,85.6185525 C226.83393,81.810428 220.872218,78.4236576 214.265027,75.465214 C206.788233,72.1182879 198.491642,69.3192218 189.543595,67.0680156 C191.453136,74.3724825 192.996109,82.1082646 194.156576,90.194677 C199.291518,91.7954241 204.110693,93.5665058 208.562304,95.496965 C215.490241,98.5012296 221.535626,101.875051 226.60084,105.515829 C236.221261,112.430817 242.280591,120.311035 243.870381,128.501043 C242.041525,137.002833 236.098739,144.904965 226.802054,151.733292 C229.375004,158.506833 231.181946,165.125977 232.164109,171.515019 C234.855595,169.544716 237.357821,167.466833 239.631938,165.270412 C249.911782,155.341198 255.770895,146.67007 255.770895,128.60663 C255.770895,110.544187 249.136809,100.315144 237.601868,90.0631907" fill="#276392"></path>
-			<path d="M62.4490584,166.898054 C57.3330428,165.307268 52.5278132,163.546148 48.0891518,161.623658 C41.3484825,158.705058 35.4425525,155.428856 30.4440778,151.890677 C20.5686537,144.901977 14.2782257,136.884296 12.4543502,128.501043 C14.0192374,120.070973 20.3624591,111.967626 30.4799377,104.910195 C28.0295097,98.3687471 26.2654008,91.9737276 25.2443891,85.8038288 C23.1714864,87.2910195 21.2011829,88.8329961 19.3633619,90.4417121 C7.56544747,100.767377 0.767003891,110.757354 0.767003891,128.60663 C0.767003891,146.457899 5.78938521,152.805105 14.692607,162.276109 C17.7307393,165.507486 21.2350506,168.521712 25.1318288,171.325759 C30.2099922,174.981479 35.977463,178.268638 42.3366226,181.173292 C49.755642,184.563051 57.9775253,187.431844 66.8438911,189.757759 C65.0210117,182.534973 63.5527471,174.88884 62.4490584,166.898054" fill="#276392"></path>
-			<path d="M128.539891,66.4763268 C125.390195,64.2888716 122.26042,62.2329027 119.159533,60.3253541 C112.744591,60.5245759 106.464125,60.9389572 100.347019,61.5565447 C96.8277665,61.9121556 93.3642957,62.3345058 89.9615875,62.8255875 C81.9608405,63.9800778 74.303751,65.5081089 67.0700078,67.3957354 C58.2833307,69.6887782 50.1232062,72.5107549 42.7500078,75.8457276 C43.8018988,81.8811518 45.6735875,88.3688093 48.3869883,95.1921556 C52.7788327,93.3224591 57.5242957,91.6061634 62.5665992,90.0532296 C65.9762802,89.0023346 69.5164514,88.0251518 73.1990661,87.1376187 C76.8966226,86.2470973 80.7266615,85.4432374 84.6802179,84.7320156 C92.3104125,83.3583813 100.401805,82.3383658 108.875704,81.7167938 C115.109354,81.2585837 121.539237,81.0065681 128.162366,81.0065681 C135.038506,81.0065681 141.703471,81.2795019 148.155268,81.7715798 C141.598879,76.0907704 135.029541,70.9857121 128.539891,66.4763268" fill="#276392"></path>
-			<path d="M208.616093,161.900576 C204.166475,163.818086 199.351284,165.568249 194.210366,167.138117 C190.742911,168.196981 187.129027,169.173167 183.371704,170.057712 C179.740887,170.91337 175.990537,171.690335 172.105712,172.371673 C164.394833,173.725385 156.190879,174.714521 147.579518,175.317167 C141.314988,175.755455 134.843268,175.995518 128.162366,175.995518 C121.693634,175.995518 115.417152,175.758444 109.333914,175.325136 C115.723953,180.859518 122.100047,185.856 128.388482,190.26677 C131.764296,192.635518 135.111222,194.824965 138.42428,196.863004 C144.387984,196.668763 150.234148,196.301198 155.938864,195.7633 C159.573665,195.419642 163.155673,195.012233 166.666957,194.529121 C174.743409,193.419455 182.471222,191.940233 189.763735,190.09544 C198.622132,187.855191 206.834054,185.073058 214.246101,181.757012 C213.257961,175.599066 211.380296,168.931113 208.616093,161.900576" fill="#276392"></path>
-			<path d="M147.712,202.194179 C144.654942,200.567533 141.557043,198.789479 138.42428,196.863004 C135.111222,194.824965 131.764296,192.635518 128.388482,190.26677 C122.100047,185.856 115.723953,180.859518 109.333914,175.325136 C104.474895,171.116576 99.6089027,166.608187 94.765821,161.765105 C90.0821167,157.081401 85.7171673,152.362833 81.6400934,147.643268 C82.2447315,156.289494 83.2388482,164.527315 84.6005292,172.265089 C85.2778833,176.116047 86.0508638,179.834521 86.8985525,183.434459 C91.5035642,187.762553 96.1534008,191.858553 100.825152,195.70951 C103.527595,197.937805 106.238008,200.090397 108.950412,202.146366 C115.375315,207.015346 121.814163,211.385276 128.206195,215.204358 C136.062506,219.899019 143.845105,223.755953 151.440436,226.664591 C155.08221,221.598381 158.456031,215.553992 161.460296,208.626054 C157.001712,206.845012 152.406661,204.693416 147.712,202.194179" fill="#57B6DF"></path>
-			<path d="M172.241183,84.8395953 C171.525977,80.8521712 170.717136,76.9892607 169.818646,73.261821 C165.389946,69.1150195 160.91144,65.1893541 156.406039,61.4957821 C153.560156,59.1618988 150.703315,56.9196576 147.84249,54.7780233 C141.297058,49.8811518 134.729712,45.5022568 128.210179,41.6881556 C120.383751,37.1120311 112.628047,33.3497276 105.065588,30.5068327 C101.528405,35.5053074 98.2522023,41.4122335 95.3336031,48.1519066 C99.803144,49.9449027 104.420109,52.1094475 109.1327,54.600716 C112.431813,56.3449027 115.775751,58.2424903 119.159533,60.3253541 C122.26042,62.2329027 125.390195,64.2888716 128.539891,66.4763268 C135.029541,70.9857121 141.598879,76.0907704 148.155268,81.7715798 C152.765261,85.7669728 157.369276,90.0343035 161.933447,94.5984747 C166.683891,99.3489183 171.108607,104.141198 175.240467,108.938459 C174.620887,100.50042 173.606848,92.4418988 172.241183,84.8395953" fill="#57B6DF"></path>
-		</g>
-	</g>
+<svg {width} {height} viewBox="0 -2 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M32 47C14.06 47 0 39.53 0 30C0 20.47 14.06 13 32 13C49.94 13 64 20.47 64 30C64 39.53 49.94 47 32 47ZM32 18C19.23 18 5 22.93 5 30C5 37.07 19.23 42 32 42C44.77 42 59 37.07 59 30C59 22.93 44.77 18 32 18Z"
+		fill="#4EC375"
+	/>
+	<path
+		d="M42.83 59.04C34.81 59.04 24.55 51.11 17.27 38.5C13.14 31.35 10.63 23.8 10.19 17.23C9.71 10.03 11.77 4.73 15.99 2.29C20.21 -0.150004 25.84 0.719996 31.83 4.73C37.3 8.4 42.58 14.35 46.71 21.5C55.68 37.04 56.24 52.95 47.99 57.71C46.43 58.61 44.69 59.04 42.82 59.04H42.83ZM21.25 5.94C20.21 5.94 19.28 6.16 18.5 6.62C16.05 8.03 14.84 11.78 15.18 16.9C15.57 22.72 17.85 29.51 21.6 36.01C27.98 47.07 39.37 56.93 45.49 53.39C51.61 49.85 48.77 35.07 42.38 24.01C38.63 17.51 33.89 12.14 29.05 8.9C26.15 6.96 23.45 5.96 21.24 5.96L21.25 5.94Z"
+		fill="#1463FF"
+	/>
+	<path
+		d="M21.24 59.07C19.33 59.07 17.57 58.62 16 57.71C11.78 55.27 9.71001 49.97 10.2 42.77C10.64 36.2 13.15 28.65 17.28 21.5C26.25 5.96 39.75 -2.48 48 2.29C56.25 7.06 55.69 22.96 46.72 38.5C42.59 45.65 37.31 51.6 31.84 55.27C28.08 57.79 24.46 59.07 21.24 59.07ZM42.62 5.89C36.26 5.89 27.09 14.5 21.6 24C17.85 30.5 15.57 37.28 15.18 43.11C14.84 48.23 16.05 51.97 18.5 53.39C20.95 54.8 24.79 53.98 29.06 51.12C33.91 47.87 38.64 42.5 42.39 36.01C48.77 24.95 51.62 10.16 45.5 6.63C44.64 6.13 43.67 5.9 42.62 5.9V5.89Z"
+		fill="#FFBC00"
+	/>
+	<path d="M32 42C19.23 42 5 37.07 5 30H0C0 39.53 14.06 47 32 47V42Z" fill="#4EC375" />
+	<path
+		d="M33.15 12.15C31.81 10.91 30.44 9.81 29.06 8.88C27.7 7.97 26.38 7.26 25.14 6.77L26.8 2.05C28.44 2.68 30.13 3.57 31.85 4.73C33.66 5.95 35.46 7.41 37.2 9.09L33.16 12.15H33.15Z"
+		fill="#1463FF"
+	/>
+	<path
+		d="M37.16 52.48C35 51.32 32.75 49.59 30.57 47.5L26.74 50.83C28.98 53 31.28 54.78 33.56 56.12L37.17 52.48H37.16Z"
+		fill="#1463FF"
+	/>
+	<path
+		d="M55.04 23.89C49.92 20.25 40.63 18 32 18V13C42.05 13 50.88 15.34 56.71 19.08L55.04 23.89Z"
+		fill="#4EC375"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CloudflareIcon.svelte b/frontend/src/lib/components/icons/CloudflareIcon.svelte
index 6ade506d8a..7fed848d2d 100644
--- a/frontend/src/lib/components/icons/CloudflareIcon.svelte
+++ b/frontend/src/lib/components/icons/CloudflareIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF5F08 / #FF9910 per the logomark shipped on cloudflare.com, blog.cloudflare.com and workers.cloudflare.com. Cloudflare's logo guidelines forbid altering the colours or filling the flare, so the flare stays knocked out on both themes. -->
 <svg
 	x="0px"
 	y="0px"
@@ -16,16 +17,12 @@
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
-	<path
-		d="M151.503 82.5032L132.218 78.0264L128.775 76.6489L40.272 77.3377V120.039L151.503 120.384V82.5032Z"
-		fill="white"
-	/>
 	<path
 		d="M115.344 116.251C115.898 114.785 116.094 113.207 115.914 111.649C115.734 110.092 115.185 108.6 114.311 107.298C113.414 106.222 112.313 105.334 111.072 104.684C109.832 104.034 108.475 103.635 107.079 103.51L47.1593 102.821C46.8149 102.821 46.4706 102.476 46.1262 102.476C46.046 102.416 45.9809 102.338 45.9361 102.249C45.8912 102.159 45.8679 102.06 45.8679 101.96C45.8679 101.86 45.8912 101.761 45.9361 101.671C45.9809 101.582 46.046 101.504 46.1262 101.443C46.4706 100.755 46.8149 100.41 47.5037 100.41L107.768 99.7215C111.594 99.297 115.238 97.8608 118.325 95.5609C121.411 93.2609 123.83 90.1802 125.331 86.6355L128.775 77.682C128.775 77.3376 129.119 76.9932 128.775 76.6489C126.902 68.3097 122.359 60.8096 115.835 55.2884C109.311 49.7671 101.163 46.5264 92.6292 46.0588C84.0953 45.5912 75.642 47.9222 68.5538 52.6976C61.4656 57.473 56.1301 64.4318 53.3579 72.5164C49.7591 69.9462 45.3695 68.7268 40.9607 69.0727C36.9146 69.5239 33.1423 71.3378 30.2635 74.2166C27.3848 77.0953 25.5709 80.8676 25.1197 84.9137C24.8904 86.9847 25.0068 89.0795 25.4641 91.1123C18.9174 91.2933 12.6997 94.0214 8.1335 98.7162C3.56731 103.411 1.013 109.702 1.01391 116.251C0.957399 117.524 1.07323 118.798 1.35828 120.039C1.37409 120.308 1.48802 120.562 1.67844 120.752C1.86887 120.943 2.12255 121.057 2.39139 121.072H112.934C113.622 121.072 114.311 120.728 114.311 120.039L115.344 116.251Z"
-		fill="#F48120"
+		fill="#FF5F08"
 	/>
 	<path
 		d="M134.285 77.6818H132.563C132.219 77.6818 131.874 78.0261 131.53 78.3705L129.119 86.6353C128.565 88.102 128.37 89.68 128.55 91.2375C128.73 92.795 129.279 94.287 130.153 95.5889C131.05 96.6647 132.15 97.553 133.391 98.203C134.632 98.853 135.989 99.2519 137.384 99.377L150.126 100.066C150.47 100.066 150.815 100.41 151.159 100.41C151.239 100.47 151.304 100.548 151.349 100.638C151.394 100.728 151.417 100.826 151.417 100.927C151.417 101.027 151.394 101.126 151.349 101.215C151.304 101.305 151.239 101.383 151.159 101.443C150.815 102.132 150.47 102.476 149.782 102.476L136.696 103.165C132.87 103.59 129.226 105.026 126.139 107.326C123.052 109.626 120.634 112.706 119.133 116.251L118.444 119.35C118.1 119.695 118.444 120.383 119.133 120.383H164.589C164.73 120.404 164.873 120.391 165.007 120.346C165.142 120.301 165.264 120.225 165.364 120.125C165.465 120.025 165.54 119.903 165.585 119.768C165.63 119.634 165.643 119.491 165.623 119.35C166.442 116.433 166.905 113.426 167 110.397C166.945 101.737 163.481 93.4475 157.358 87.3241C151.234 81.2006 142.945 77.7363 134.285 77.6818Z"
-		fill="#FAAD3F"
+		fill="#FF9910"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CloudinaryIcon.svelte b/frontend/src/lib/components/icons/CloudinaryIcon.svelte
index a61f3bbe7c..9dc633dccd 100644
--- a/frontend/src/lib/components/icons/CloudinaryIcon.svelte
+++ b/frontend/src/lib/components/icons/CloudinaryIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#3448C5" xmlns="http://www.w3.org/2000/svg">
-<path d="M24 14.8598c0 2.1729-1.3757 3.974-3.5903 4.6996l-.0995.0318V17.989c1.3777-.5805 2.1869-1.7275 2.1869-3.1291-.0072-2-1.6087-3.6288-3.6082-3.6699h-.5964l-.1432-.5686c-.7025-2.8996-3.2886-4.9489-6.2721-4.97a6.3915 6.3915 0 0 0-5.811 3.664l-.1828.3757-.4175.0437a4.4311 4.4311 0 0 0-3.3052 2.088c-1.2803 2.0856-.6274 4.8143 1.4583 6.0947v1.6897h-.01l-.149-.0675a5.9402 5.9402 0 0 1-3.3658-4.3494c-.5787-3.2291 1.57-6.3161 4.7991-6.8948a7.8766 7.8766 0 0 1 6.9839-4.149c3.4724.025 6.535 2.28 7.5901 5.5883 2.5789.3366 4.5138 2.5245 4.5327 5.1251zm-15.3176-1.322h.5647a.0656.0656 0 0 0 .0457-.1113L7.084 11.2158l-.0007-.0007a.0656.0656 0 0 0-.0927.0007L4.78 13.4265a.0656.0656 0 0 0 .0477.1113h.5566a.0656.0656 0 0 1 .0657.0656v5.0574c0 .6588.534 1.1928 1.1928 1.1928H9.247a.0656.0656 0 0 0 .0457-.1113l-.33-.33a1.1928 1.1928 0 0 1-.348-.839v-4.97a.0676.0676 0 0 1 .0676-.0655zm9.769 2.5466h.5667a.0655.0655 0 0 0 .0457-.1133l-2.2107-2.2087-.0015-.0015a.0636.0636 0 0 0-.0899.0015L14.551 15.971a.0657.0657 0 0 0 .0457.1133h.5567a.0656.0656 0 0 1 .0656.0656v2.5108c0 .6588.534 1.1928 1.1928 1.1928h2.6063a.0655.0655 0 0 0 .0457-.1113l-.33-.33a1.1928 1.1928 0 0 1-.348-.839V16.15a.0656.0656 0 0 1 .0657-.0656zm-4.8844-1.2743h.5646a.0656.0656 0 0 0 .0477-.1114l-2.2107-2.2027-.0006-.0006a.0656.0656 0 0 0-.0928.0006l-2.2087 2.2068a.0656.0656 0 0 0 .0457.1113h.5626a.0676.0676 0 0 1 .0657.0676v3.7791c0 .6588.534 1.1928 1.1928 1.1928h2.5983a.0656.0656 0 0 0 .0477-.1113l-.332-.33a1.193 1.193 0 0 1-.346-.839v-3.6956c0-.0366.0291-.0665.0657-.0676z"/>
+<!-- #3448C5 / #FFFFFF per cloudinary_logo_for_white_bg.svg and cloudinary_logo_for_black_bg.svg on cloudinary-res.cloudinary.com. Cloudinary Blue is reserved for the logo; no other recolouring is permitted. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	class="text-[#3448C5] dark:text-[#FFFFFF]"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M24 14.8598c0 2.1729-1.3757 3.974-3.5903 4.6996l-.0995.0318V17.989c1.3777-.5805 2.1869-1.7275 2.1869-3.1291-.0072-2-1.6087-3.6288-3.6082-3.6699h-.5964l-.1432-.5686c-.7025-2.8996-3.2886-4.9489-6.2721-4.97a6.3915 6.3915 0 0 0-5.811 3.664l-.1828.3757-.4175.0437a4.4311 4.4311 0 0 0-3.3052 2.088c-1.2803 2.0856-.6274 4.8143 1.4583 6.0947v1.6897h-.01l-.149-.0675a5.9402 5.9402 0 0 1-3.3658-4.3494c-.5787-3.2291 1.57-6.3161 4.7991-6.8948a7.8766 7.8766 0 0 1 6.9839-4.149c3.4724.025 6.535 2.28 7.5901 5.5883 2.5789.3366 4.5138 2.5245 4.5327 5.1251zm-15.3176-1.322h.5647a.0656.0656 0 0 0 .0457-.1113L7.084 11.2158l-.0007-.0007a.0656.0656 0 0 0-.0927.0007L4.78 13.4265a.0656.0656 0 0 0 .0477.1113h.5566a.0656.0656 0 0 1 .0657.0656v5.0574c0 .6588.534 1.1928 1.1928 1.1928H9.247a.0656.0656 0 0 0 .0457-.1113l-.33-.33a1.1928 1.1928 0 0 1-.348-.839v-4.97a.0676.0676 0 0 1 .0676-.0655zm9.769 2.5466h.5667a.0655.0655 0 0 0 .0457-.1133l-2.2107-2.2087-.0015-.0015a.0636.0636 0 0 0-.0899.0015L14.551 15.971a.0657.0657 0 0 0 .0457.1133h.5567a.0656.0656 0 0 1 .0656.0656v2.5108c0 .6588.534 1.1928 1.1928 1.1928h2.6063a.0655.0655 0 0 0 .0457-.1113l-.33-.33a1.1928 1.1928 0 0 1-.348-.839V16.15a.0656.0656 0 0 1 .0657-.0656zm-4.8844-1.2743h.5646a.0656.0656 0 0 0 .0477-.1114l-2.2107-2.2027-.0006-.0006a.0656.0656 0 0 0-.0928.0006l-2.2087 2.2068a.0656.0656 0 0 0 .0457.1113h.5626a.0676.0676 0 0 1 .0657.0676v3.7791c0 .6588.534 1.1928 1.1928 1.1928h2.5983a.0656.0656 0 0 0 .0477-.1113l-.332-.33a1.193 1.193 0 0 1-.346-.839v-3.6956c0-.0366.0291-.0665.0657-.0676z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CockroachDbIcon.svelte b/frontend/src/lib/components/icons/CockroachDbIcon.svelte
index d88f7c52de..2953c152f5 100644
--- a/frontend/src/lib/components/icons/CockroachDbIcon.svelte
+++ b/frontend/src/lib/components/icons/CockroachDbIcon.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#6933FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.645 16.155a13.013 13.013 0 0 0-4.479-13.287 11.617 11.617 0 0 1 5.815-1.546c.774 0 1.545.075 2.304.226l.32-1.282A13.092 13.092 0 0 0 18.98 0 12.93 12.93 0 0 0 12 2.03 12.933 12.933 0 0 0 5.021 0C4.139 0 3.26.089 2.396.266l.319 1.282a11.83 11.83 0 0 1 2.306-.226 11.64 11.64 0 0 1 5.817 1.544 13.01 13.01 0 0 0 .792 20.877l.375.257.373-.257c2.624-1.801 4.5-4.5 5.27-7.588zm-6.305 5.7A11.687 11.687 0 0 1 7.825 9.519a13.08 13.08 0 0 0 2.457 2.977 3.202 3.202 0 0 1 1.058 2.383zm.661-9.657a11.717 11.717 0 0 1-2.343-2.315 3.23 3.23 0 0 1 0-3.912 11.67 11.67 0 0 1 2.347-2.333c.9.671 1.697 1.468 2.37 2.366a3.197 3.197 0 0 1 0 3.832 11.816 11.816 0 0 1-2.374 2.362zm.659 9.657v-6.976a3.202 3.202 0 0 1 1.06-2.383 13.026 13.026 0 0 0 2.455-2.977 11.694 11.694 0 0 1-3.515 12.336Z"/>
+<!-- #6933FF / #FFFFFF per cockroachlabs.com (electric-purple-500, also the CockroachDB docs
+	primaryColor) and the docs light/dark logo pair. The full-colour mark is a cyan-to-purple
+	gradient; Cockroach Labs reduces it to solid white on dark backgrounds. -->
+<svg
+	class="text-[#6933FF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M17.645 16.155a13.013 13.013 0 0 0-4.479-13.287 11.617 11.617 0 0 1 5.815-1.546c.774 0 1.545.075 2.304.226l.32-1.282A13.092 13.092 0 0 0 18.98 0 12.93 12.93 0 0 0 12 2.03 12.933 12.933 0 0 0 5.021 0C4.139 0 3.26.089 2.396.266l.319 1.282a11.83 11.83 0 0 1 2.306-.226 11.64 11.64 0 0 1 5.817 1.544 13.01 13.01 0 0 0 .792 20.877l.375.257.373-.257c2.624-1.801 4.5-4.5 5.27-7.588zm-6.305 5.7A11.687 11.687 0 0 1 7.825 9.519a13.08 13.08 0 0 0 2.457 2.977 3.202 3.202 0 0 1 1.058 2.383zm.661-9.657a11.717 11.717 0 0 1-2.343-2.315 3.23 3.23 0 0 1 0-3.912 11.67 11.67 0 0 1 2.347-2.333c.9.671 1.697 1.468 2.37 2.366a3.197 3.197 0 0 1 0 3.832 11.816 11.816 0 0 1-2.374 2.362zm.659 9.657v-6.976a3.202 3.202 0 0 1 1.06-2.383 13.026 13.026 0 0 0 2.455-2.977 11.694 11.694 0 0 1-3.515 12.336Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CodaIcon.svelte b/frontend/src/lib/components/icons/CodaIcon.svelte
index d8486224d9..9a58fb8998 100644
--- a/frontend/src/lib/components/icons/CodaIcon.svelte
+++ b/frontend/src/lib/components/icons/CodaIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #F46A54 per Coda's own app icon, https://cdn.coda.io/icons/png/color/coda-192.png (single-colour mark, no dark variant published). -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#F46A54" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.194 0H2.806A2.01 2.01 0 0 0 .8 2v20c0 1.1.903 2 2.006 2h18.388a2.01 2.01 0 0 0 2.006-2v-.933c-.033-1.2-.067-3.7-.067-4.834 0-.633-.468-1.166-1.07-1.166-.668 0-1.103.4-1.437.733-1.003.9-2.508 1.067-3.812.833-.601-.133-1.17-.3-1.638-.6-1.438-.833-2.374-2.4-2.374-4.066 0-1.667.936-3.2 2.374-4.067.502-.3 1.07-.467 1.638-.6 1.27-.233 2.809-.067 3.812.833.367.334.802.734 1.437.734.602 0 1.07-.534 1.07-1.167 0-1.1.034-3.633.067-4.833V2c0-1.1-.903-2-2.006-2Z"/>
+	<path
+		d="M21.194 0H2.806A2.01 2.01 0 0 0 .8 2v20c0 1.1.903 2 2.006 2h18.388a2.01 2.01 0 0 0 2.006-2v-.933c-.033-1.2-.067-3.7-.067-4.834 0-.633-.468-1.166-1.07-1.166-.668 0-1.103.4-1.437.733-1.003.9-2.508 1.067-3.812.833-.601-.133-1.17-.3-1.638-.6-1.438-.833-2.374-2.4-2.374-4.066 0-1.667.936-3.2 2.374-4.067.502-.3 1.07-.467 1.638-.6 1.27-.233 2.809-.067 3.812.833.367.334.802.734 1.437.734.602 0 1.07-.534 1.07-1.167 0-1.1.034-3.633.067-4.833V2c0-1.1-.903-2-2.006-2Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CodatIcon.svelte b/frontend/src/lib/components/icons/CodatIcon.svelte
new file mode 100644
index 0000000000..732a4a878e
--- /dev/null
+++ b/frontend/src/lib/components/icons/CodatIcon.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #18103A on #D1E100 per codat.io (logo-white.svg glyph outlines, colours from the site palette);
+	framing matches their 300x300 favicon exactly. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 100 100"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Codat"
+>
+	<rect width="100" height="100" fill="#D1E100" />
+	<g transform="translate(15 14.504) scale(1.9464)" fill="#18103A">
+		<path
+			d="M10.4661 24.2454C7.15297 24.2454 4.45717 21.5498 4.45717 18.2366C4.45717 14.9235 7.15297 12.2274 10.4661 12.2274C12.2328 12.2274 13.8235 12.9941 14.9239 14.2119L17.4881 10.4824C15.63 8.79811 13.166 7.77026 10.4663 7.77026C4.69513 7.77026 0 12.4654 0 18.2366C0 24.0078 4.69493 28.7024 10.4661 28.7026C13.1658 28.7026 15.63 27.675 17.4884 25.9907L14.9241 22.2611C13.8237 23.4788 12.2328 24.2454 10.4661 24.2454Z"
+		/>
+		<path
+			d="M25.4976 12.2271C22.1842 12.2271 19.4884 14.9229 19.4884 18.2363C19.4884 21.5497 22.1844 24.2451 25.4976 24.2451V12.2271Z"
+		/>
+		<path
+			d="M25.4973 24.2454C28.8107 24.2454 31.5065 21.55 31.5065 18.2366C31.5065 14.9233 28.8107 12.2274 25.4973 12.2274V7.77026C31.2687 7.77026 35.9636 12.4654 35.9636 18.2366C35.9636 24.0081 31.2685 28.7026 25.4973 28.7026V24.2454Z"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/CohereIcon.svelte b/frontend/src/lib/components/icons/CohereIcon.svelte
index c0a4aea8ee..dba01ef6ed 100644
--- a/frontend/src/lib/components/icons/CohereIcon.svelte
+++ b/frontend/src/lib/components/icons/CohereIcon.svelte
@@ -1,21 +1,35 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- Fixed full-colour logomark: #355146 / #D18EE2 / #FF7759 per https://cohere.com/logo.svg. -->
 <svg {width} {height} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3915_2196)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3615 19.053C11.2016 19.053 12.8726 19.0057 15.1823 18.0307C17.8739 16.8945 23.229 14.8318 27.0919 12.7132C29.7936 11.2314 30.9779 9.27159 30.9779 6.63236C30.978 2.96943 28.0819 0 24.5094 0H9.54127C4.40983 0 0.25 4.26514 0.25 9.52649C0.25 14.7878 4.14483 19.053 10.3615 19.053Z" fill="#355146"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8928 25.6161C12.8928 23.0371 14.4071 20.7118 16.7303 19.7231L21.4441 17.7173C26.2121 15.6884 31.46 19.281 31.46 24.5741C31.46 28.6749 28.2172 31.999 24.2176 31.9979L19.114 31.9965C15.6778 31.9956 12.8928 29.1392 12.8928 25.6161Z" fill="#D18EE2"/>
-<path d="M5.60615 20.3047H5.60606C2.64799 20.3047 0.25 22.7634 0.25 25.7963V26.5076C0.25 29.5406 2.64799 31.9993 5.60606 31.9993H5.60615C8.56422 31.9993 10.9622 29.5406 10.9622 26.5076V25.7963C10.9622 22.7634 8.56422 20.3047 5.60615 20.3047Z" fill="#FF7759"/>
-</g>
-<defs>
-<clipPath id="clip0_3915_2196">
-<rect width="31.2099" height="32" fill="white" transform="translate(0.25)"/>
-</clipPath>
-</defs>
+	<g clip-path="url(#clip0_3915_2196)">
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M10.3615 19.053C11.2016 19.053 12.8726 19.0057 15.1823 18.0307C17.8739 16.8945 23.229 14.8318 27.0919 12.7132C29.7936 11.2314 30.9779 9.27159 30.9779 6.63236C30.978 2.96943 28.0819 0 24.5094 0H9.54127C4.40983 0 0.25 4.26514 0.25 9.52649C0.25 14.7878 4.14483 19.053 10.3615 19.053Z"
+			fill="#355146"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M12.8928 25.6161C12.8928 23.0371 14.4071 20.7118 16.7303 19.7231L21.4441 17.7173C26.2121 15.6884 31.46 19.281 31.46 24.5741C31.46 28.6749 28.2172 31.999 24.2176 31.9979L19.114 31.9965C15.6778 31.9956 12.8928 29.1392 12.8928 25.6161Z"
+			fill="#D18EE2"
+		/>
+		<path
+			d="M5.60615 20.3047H5.60606C2.64799 20.3047 0.25 22.7634 0.25 25.7963V26.5076C0.25 29.5406 2.64799 31.9993 5.60606 31.9993H5.60615C8.56422 31.9993 10.9622 29.5406 10.9622 26.5076V25.7963C10.9622 22.7634 8.56422 20.3047 5.60615 20.3047Z"
+			fill="#FF7759"
+		/>
+	</g>
+	<defs>
+		<clipPath id="clip0_3915_2196">
+			<rect width="31.2099" height="32" fill="white" transform="translate(0.25)" />
+		</clipPath>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte b/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte
index 770b60f40a..67ff2998c8 100644
--- a/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte
+++ b/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.738 14.341c-.419.265-.912.298-1.286.087-.476-.27-.738-.898-.738-1.774v-2.618c0-1.264-.5-2.164-1.336-2.407-1.416-.413-2.482 1.32-2.882 1.972l-2.498 4.05v-4.95c-.028-1.14-.398-1.821-1.1-2.027-.466-.135-1.161-.081-1.837.953l-5.597 8.987A9.875 9.875 0 0 1 2.326 12c0-5.414 4.339-9.818 9.672-9.818 5.332 0 9.67 4.404 9.67 9.818.004.018.002.034.003.053.05 1.049-.29 1.883-.933 2.29zm3.08-2.34-.001-.055C23.787 5.353 18.497 0 11.997 0 5.48 0 .177 5.383.177 12c0 6.616 5.303 12 11.82 12 2.991 0 5.846-1.137 8.037-3.2.435-.41.46-1.1.057-1.541a1.064 1.064 0 0 0-1.519-.059 9.56 9.56 0 0 1-6.574 2.618c-2.856 0-5.425-1.263-7.197-3.268l5.048-8.105v3.737c0 1.794.696 2.374 1.28 2.544.584.17 1.476.054 2.413-1.468.998-1.614 2.025-3.297 3.023-4.88v2.276c0 1.678.672 3.02 1.843 3.68 1.056.597 2.384.543 3.465-.14 1.312-.828 2.018-2.354 1.944-4.193z"/>
+<!-- #000000 / #FFFFFF per coinmarketcap.com. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M20.738 14.341c-.419.265-.912.298-1.286.087-.476-.27-.738-.898-.738-1.774v-2.618c0-1.264-.5-2.164-1.336-2.407-1.416-.413-2.482 1.32-2.882 1.972l-2.498 4.05v-4.95c-.028-1.14-.398-1.821-1.1-2.027-.466-.135-1.161-.081-1.837.953l-5.597 8.987A9.875 9.875 0 0 1 2.326 12c0-5.414 4.339-9.818 9.672-9.818 5.332 0 9.67 4.404 9.67 9.818.004.018.002.034.003.053.05 1.049-.29 1.883-.933 2.29zm3.08-2.34-.001-.055C23.787 5.353 18.497 0 11.997 0 5.48 0 .177 5.383.177 12c0 6.616 5.303 12 11.82 12 2.991 0 5.846-1.137 8.037-3.2.435-.41.46-1.1.057-1.541a1.064 1.064 0 0 0-1.519-.059 9.56 9.56 0 0 1-6.574 2.618c-2.856 0-5.425-1.263-7.197-3.268l5.048-8.105v3.737c0 1.794.696 2.374 1.28 2.544.584.17 1.476.054 2.413-1.468.998-1.614 2.025-3.297 3.023-4.88v2.276c0 1.678.672 3.02 1.843 3.68 1.056.597 2.384.543 3.465-.14 1.312-.828 2.018-2.354 1.944-4.193z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CoinbaseIcon.svelte b/frontend/src/lib/components/icons/CoinbaseIcon.svelte
index b58a45fff0..5d61e83df7 100644
--- a/frontend/src/lib/components/icons/CoinbaseIcon.svelte
+++ b/frontend/src/lib/components/icons/CoinbaseIcon.svelte
@@ -1,12 +1,23 @@
+<!-- #0052FF / #FFFFFF per Coinbase's own light/dark logo files (mintcdn.com/coinbase-prod/.../logos/wordmark-light.svg and wordmark-dark.svg, served by docs.cdp.coinbase.com). Coinbase asks that the mark not be altered or recoloured, so only these two published variants are used. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#0052FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.844 11.053c-.872 0-1.553.662-1.553 1.548s.664 1.542 1.553 1.542c.889 0 1.564-.667 1.564-1.547 0-.875-.664-1.543-1.564-1.543zm.006 2.452c-.497 0-.86-.386-.86-.904 0-.523.357-.909.854-.909.502 0 .866.392.866.91 0 .517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364 0 .653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872 0-1.553.662-1.553 1.548 0 .887.664 1.543 1.553 1.543.75 0 1.351-.484 1.484-1.203h-.728a.78.78 0 01-.756.564c-.502 0-.855-.386-.855-.904 0-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305 0-.207.225-.31.53-.31.336 0 .55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733 0-1.218.375-1.218.904 0 .506.317.8.958.892l.508.075c.249.034.387.132.387.316 0 .236-.242.334-.577.334-.41 0-.641-.167-.676-.42h-.681c.064.581.52.99 1.35.99.757 0 1.26-.346 1.26-.938 0-.53-.364-.806-.936-.892zM7.378 9.885a.429.429 0 00-.444.437c0 .254.19.438.444.438a.429.429 0 00.445-.438.429.429 0 00-.445-.437zm10.167 2.245c0-.645-.392-1.076-1.224-1.076-.785 0-1.224.397-1.31 1.007h.687c.035-.236.22-.432.612-.432.352 0 .525.155.525.345 0 .248-.317.311-.71.351-.531.058-1.19.242-1.19.933 0 .535.4.88 1.034.88.497 0 .809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0 .397-.347.69-.769.69-.26 0-.48-.11-.48-.34 0-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386 0-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832 0 1.461-.656 1.461-1.543 0-.886-.64-1.548-1.46-1.548zm-.103 2.452c-.497 0-.86-.386-.86-.904 0-.517.369-.909.865-.909.503 0 .855.386.855.91 0 .517-.364.903-.86.903zm-3.187-2.452c-.45 0-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398 0 .647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24 12.503c0-.851-.624-1.45-1.46-1.45-.89 0-1.542.668-1.542 1.548 0 .927.698 1.543 1.553 1.543.722 0 1.287-.426 1.432-1.03h-.722c-.104.264-.358.414-.699.414-.445 0-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392 0 .693.224.762.615Z"/>
+<svg
+	class="text-[#0052FF] dark:text-white"
+	{width}
+	{height}
+	viewBox="0 0 32 32"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill="currentColor"
+		d="M16.0301 24C11.6018 24 8.01503 20.42 8.01503 16C8.01503 11.58 11.6018 8 16.0301 8C19.9975 8 23.2903 10.8867 23.9249 14.6667H32C31.3187 6.45333 24.4325 0 16.0301 0C7.18013 0 0 7.16667 0 16C0 24.8333 7.18013 32 16.0301 32C24.4325 32 31.3187 25.5467 32 17.3333H23.9249C23.2903 21.1133 19.9975 24 16.0301 24Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ComapeoIcon.svelte b/frontend/src/lib/components/icons/ComapeoIcon.svelte
new file mode 100644
index 0000000000..062c45e087
--- /dev/null
+++ b/frontend/src/lib/components/icons/ComapeoIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #022199 per the CoMapeo Cloud mark shipped as public/favicon.svg in digidem/comapeo-cloud-app (the server this resource connects to). Awana Digital publishes no reversed variant, so dark mode uses the brand's own accent blue #0066FF from CoMapeoLogo.svg (digidem/comapeo-mobile); the navy is 1.3:1 on dark surfaces. -->
+<svg
+	class="text-[#022199] dark:text-[#0066FF]"
+	{width}
+	{height}
+	viewBox="0 0 320 320"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="CoMapeo"
+>
+	<path
+		transform="translate(0 51)"
+		d="M85.441 56.788c-24.612 0-47.25 11.693-55.445 36.277-1.252 3.756-2.063 8.036-2.445 11.964-.205 2.115.861 5.845-.193 7.719-.82 1.46-3.841 2.768-5.21 3.795-3.397 2.548-6.873 5.597-9.52 8.94-14.415 18.21-16.66 41.659-5.853 62.136 7.886 14.941 25.485 26.915 42.389 28.559 10.02.974 20.384.386 30.488.386h91.466c3.768 0 10.025 1.21 13.508-.193 4.357-1.755 10.108-8.577 6.818-13.315-2.27-3.269-6.635-4.645-10.292-5.66-20.403-5.668-41.696-6.673-62.135-12.35-6.45-1.792-17.796-6.02-16.98-14.408.415-4.272 4.97-7.567 8.49-9.327 9.063-4.532 19.525-5.869 29.33-7.912 3.645-.759 7.266-1.392 10.807-2.573 1.074-.358 3.406-.731 3.473-2.187.08-1.727-2.147-4.002-3.023-5.403-3.04-4.863-6.525-9.498-9.713-14.28-12.51-18.765-29.045-39.42-17.302-62.906 6.59-13.18 22.369-24.652 37.757-23.156 22.208 2.16 41.653 20.465 39.365 43.996-1.928 19.834-17.795 36.534-28.43 52.487-3.607 5.41-7.559 14.818-13.637 17.689-9.351 4.416-20.35 4.66-30.102 7.911-2.6.867-9.247 2.483-8.04 6.432.668 2.189 3.812 2.965 5.724 3.603 5.598 1.865 11.578 2.524 17.367 3.409 17.821 2.722 36.324 4.05 53.645 9.584 7.74 2.472 19.484 7.881 18.524 17.752-.42 4.325-3.025 7.202-5.017 10.807h30.489c9.851 0 19.949.563 29.717-.386 15.889-1.545 33.325-12.383 40.844-26.63 3.747-7.098 5.616-13.777 7.14-21.612 1.558-8.013-.442-16.64-2.573-24.314-2.574-9.265-9.796-18.293-17.238-24.185-2.572-2.035-9.178-4.324-10.613-7.075-1.302-2.495-.559-7.507-1.287-10.42-2.102-8.41-6.04-16.028-12.028-22.384-5.592-5.936-14.07-11.011-21.998-12.993-2.878-.72-5.932-1.387-8.877-1.673-1.16-.113-3.226.497-4.116-.45-1.189-1.264-1.345-4.468-1.801-6.11-1.196-4.307-2.884-8.817-4.953-12.736-9.364-17.743-23.522-31.9-42.388-39.237-32.94-12.81-72.355-2.368-93.718 26.115-4.893 6.524-11.75 15.913-12.414 24.314m74.1 5.917c-7.076 1.376-13.32 3.86-16.917 10.678-7.998 15.152 5.794 32.645 22.32 29.202 8.755-1.824 17.136-10.404 16.208-19.94-.993-10.215-9.898-22.217-21.612-19.94"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ConfluenceIcon.svelte b/frontend/src/lib/components/icons/ConfluenceIcon.svelte
index 60dbcef880..a892e912f2 100644
--- a/frontend/src/lib/components/icons/ConfluenceIcon.svelte
+++ b/frontend/src/lib/components/icons/ConfluenceIcon.svelte
@@ -1,12 +1,17 @@
+<!-- #1868DB tile, white mark, per Atlassian's @atlaskit/logo (atlassian.design logo library). Atlassian requires the logo be used without modification, and its brand appearance is identical in light and dark. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z"/>
+<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<path fill="#1868DB" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" />
+	<path
+		fill="#FFFFFF"
+		d="M17.888 14.461c-4.039-1.953-5.219-2.245-6.92-2.245-1.997 0-3.699.831-5.219 3.165l-.25.382c-.204.314-.249.426-.249.561s.068.247.318.404l2.564 1.594c.136.09.25.135.363.135.136 0 .226-.068.363-.27l.408-.628c.635-.966 1.203-1.28 1.928-1.28.636 0 1.385.18 2.315.629l2.677 1.257c.272.134.567.067.704-.247l1.27-2.783c.136-.315.046-.517-.272-.674M6.112 9.545c4.039 1.953 5.219 2.245 6.92 2.245 1.997 0 3.699-.83 5.219-3.165l.25-.381c.204-.315.249-.427.249-.562 0-.134-.068-.247-.318-.404L15.87 5.685c-.137-.09-.25-.135-.364-.135-.136 0-.226.067-.363.27l-.408.628c-.635.965-1.203 1.28-1.928 1.28-.636 0-1.385-.18-2.315-.63L7.814 5.843c-.272-.135-.567-.068-.703.247L5.84 8.872c-.136.314-.045.516.272.673"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ContentfulIcon.svelte b/frontend/src/lib/components/icons/ContentfulIcon.svelte
index 2af55d48fc..38f466d92d 100644
--- a/frontend/src/lib/components/icons/ContentfulIcon.svelte
+++ b/frontend/src/lib/components/icons/ContentfulIcon.svelte
@@ -1,12 +1,32 @@
+<!-- #1773EB / #E44F20 / #FFDA00 per Contentful's Forma 36 design system (ContentfulLogoIcon). Same full-colour mark on light and dark. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#2478CC" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.875 16.361c-.043-.048-1.067-1.18-2.365-1.19-.68 0-1.288.283-1.815.858-.773.842-2.35 1.85-4.25 1.921-1.598.059-3.085-.548-4.423-1.805-1.644-1.544-2.155-4.016-1.302-6.297.834-2.23 2.752-3.616 5.131-3.707l.044-.004c.024-.003 2.302-.258 4.325 1.548.17.185 1.154 1.197 2.475 1.228.823.018 1.586-.336 2.27-1.055.602-.632.87-1.342.797-2.112-.154-1.61-1.806-2.876-2.03-3.04-.212-.184-1.878-1.578-4.476-2.294-2.52-.695-6.42-.853-10.685 2.349a7.31 7.31 0 0 0-.557.49c-.28.208-.523.462-.716.753a12.469 12.469 0 0 0-3.064 8.677c.207 6.283 5.265 9.293 5.646 9.51.262.17 2.906 1.81 6.495 1.809 2.106 0 4.538-.565 7.005-2.322.248-.138 1.714-1.012 2.103-2.52.23-.894.042-1.815-.562-2.737l-.046-.06zm-16.932 1.97c0-1.09.887-1.977 1.977-1.977s1.977.886 1.977 1.977c0 1.09-.887 1.977-1.977 1.977s-1.977-.887-1.977-1.977zm.139-13.657c.236-.275.451-.498.628-.67a1.965 1.965 0 0 1 1.088-.329c1.09 0 1.977.887 1.977 1.977S7.888 7.63 6.798 7.63s-1.977-.887-1.977-1.977c0-.356.096-.69.261-.978zM13.249.999c3.954 0 6.657 2.336 6.826 2.486l.043.034c.42.3 1.532 1.301 1.63 2.324.044.469-.126.898-.52 1.313-.477.5-.983.752-1.504.738-.964-.019-1.743-.887-1.76-.905l-.042-.044c-2.292-2.063-4.83-1.855-5.13-1.822a6.82 6.82 0 0 0-3.012.818 3 3 0 0 0-2.34-3.214C9.543 1.45 11.516.999 13.248.999zM3.884 6.34a3 3 0 0 0 2.914 2.31c.122 0 .24-.01.358-.024a7.336 7.336 0 0 0-.39.866c-.75 2.003-.59 4.14.359 5.854-.068-.005-.136-.01-.205-.01a2.999 2.999 0 0 0-2.967 2.6 10.075 10.075 0 0 1-1.7-5.288 11.43 11.43 0 0 1 1.63-6.309zM21.497 18.9c-.3 1.174-1.615 1.89-1.627 1.896l-.058.036c-6.287 4.499-12.137.667-12.382.502l-.036-.022a2.848 2.848 0 0 1-.034-.02 2.998 2.998 0 0 0 2.543-3.228c1.124.64 2.336.951 3.58.906 2.214-.083 4.057-1.264 4.962-2.25.327-.356.67-.53 1.048-.53h.005c.762.004 1.46.688 1.593.826.421.658.558 1.291.406 1.884z"/>
+<svg {width} {height} viewBox="2 2 24 24" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#1773EB"
+		d="M10.713 5.001c.845.843 1.167 2.079.845 3.228A6.663 6.663 0 0 1 15 7.276h.026a6.7 6.7 0 0 1 4.743 1.988 2.64 2.64 0 1 0 3.746-3.715A11.96 11.96 0 0 0 15.042 2h-.046a11.933 11.933 0 0 0-6.691 2.036h.074a3.287 3.287 0 0 1 2.334.967V5Z"
+	/>
+	<path
+		fill="#E44F20"
+		d="M21.594 17.999a2.64 2.64 0 0 0-1.858.766 6.703 6.703 0 0 1-4.732 1.951h-.025a6.65 6.65 0 0 1-3.447-.968A3.3 3.3 0 0 1 8.35 23.93h-.086A11.926 11.926 0 0 0 14.96 26h.046a11.94 11.94 0 0 0 8.449-3.484 2.64 2.64 0 0 0-1.859-4.514V18h-.002Z"
+	/>
+	<path
+		fill="#FFDA00"
+		d="M6.013 18.295a3.27 3.27 0 0 1 2.334-.967c.302 0 .603.04.894.122a6.7 6.7 0 0 1 .013-6.928A3.3 3.3 0 0 1 5.08 7.335v-.09a11.999 11.999 0 0 0-.032 13.453v-.07a3.27 3.27 0 0 1 .966-2.333Z"
+	/>
+	<path
+		fill="#1773EB"
+		d="M8.379 4.62c-.75 0-1.276.312-1.913.949-.607.605-.798 1.135-.8 1.766A2.712 2.712 0 1 0 8.38 4.62Z"
+	/>
+	<path
+		fill="#E44F20"
+		d="M5.628 20.631c0 .75.31 1.276.946 1.912.607.606 1.136.799 1.766.8a2.703 2.703 0 1 0-.017-5.407 2.703 2.703 0 0 0-2.695 2.704v-.009Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ContiguityIcon.svelte b/frontend/src/lib/components/icons/ContiguityIcon.svelte
new file mode 100644
index 0000000000..30de7f9c13
--- /dev/null
+++ b/frontend/src/lib/components/icons/ContiguityIcon.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 / #FFFFFF per contiguity.com/assets/icon-white.png and icon-black.png (docs.contiguity.com
+	likewise ships logo/black.svg for light and logo/white.svg for dark). The `>_` glyph is knocked out
+	to the opposite colour, so it carries its own fill- utilities. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 500 500"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M425 114.923V330.307C425 337.448 422.163 344.296 417.114 349.345C412.065 354.394 405.217 357.23 398.077 357.23H173.438L119.457 404.531C119.392 404.601 119.319 404.664 119.238 404.716C114.404 408.823 108.267 411.077 101.924 411.077C97.9738 411.07 94.0737 410.197 90.498 408.519C85.8472 406.375 81.9122 402.938 79.1638 398.617C76.4154 394.296 74.97 389.274 75.0005 384.153V114.923C75.0005 107.783 77.837 100.935 82.886 95.8856C87.9351 90.8365 94.7831 88 101.924 88H398.077C405.217 88 412.065 90.8365 417.114 95.8856C422.163 100.935 425 107.783 425 114.923Z"
+	/>
+	<path
+		class="fill-[#FFFFFF] dark:fill-[#000000]"
+		d="M196.727 231.364L112.182 265.227V236.591L166.045 217.955L165.136 219.318V216.136L166.045 217.5L112.182 198.864V170.227L196.727 204.091V231.364ZM288.801 265V287.273H209.938V265H288.801Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ConvertKitIcon.svelte b/frontend/src/lib/components/icons/ConvertKitIcon.svelte
index 2fbcf0e53f..0506f62f43 100644
--- a/frontend/src/lib/components/icons/ConvertKitIcon.svelte
+++ b/frontend/src/lib/components/icons/ConvertKitIcon.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-<path fill="currentColor" d="m3.5 11.633l-2.434 2.408V8.687a.53.53 0 0 0-.533-.527a.53.53 0 0 0-.533.527v6.624a.53.53 0 0 0 .532.526a.53.53 0 0 0 .377-.153l2.974-2.939l2.974 2.94a.535.535 0 0 0 .754 0a.52.52 0 0 0 0-.746l-2.974-2.938L7.61 9.06a.52.52 0 0 0 0-.745a.54.54 0 0 0-.753 0l-3.344 3.307q-.004.001-.007.005zm8.826 4.206a.53.53 0 0 1-.533-.526V8.688a.53.53 0 0 1 .533-.528a.53.53 0 0 1 .533.528v6.624a.53.53 0 0 1-.533.526zm7.257-6.624v6.098c0 .29.238.526.532.526a.53.53 0 0 0 .533-.526V9.215h2.818A.53.53 0 0 0 24 8.688a.53.53 0 0 0-.533-.527h-6.702a.53.53 0 0 0-.533.527a.53.53 0 0 0 .533.527h2.819z"/>
+<!-- #1E1E1E soft black / #F2EFE9 warm white per kit.com/brand. ConvertKit rebranded to Kit in 2024. -->
+<svg
+	class="text-[#1E1E1E] dark:text-[#F2EFE9]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g transform="translate(0 6.5802) scale(.0418514)">
+		<path
+			fill="currentColor"
+			d="M157.146 107.772C227.739 121.435 249.65 186.786 250.228 252.515C250.241 253.994 249.047 255.2 247.568 255.2H158.705C157.239 255.2 156.045 254.017 156.037 252.548C155.77 201.554 147.508 156.553 96.98 154.61C95.4726 154.553 94.2165 155.76 94.2165 157.27V252.541C94.2165 254.009 93.0251 255.2 91.5565 255.2H2.67549C1.20696 255.2 0.015564 254.012 0.015564 252.541V9.78761C0.015564 8.31908 1.20696 7.12768 2.67549 7.12768H91.5565C93.0251 7.12768 94.2165 8.31908 94.2165 9.78761V100.723C94.2165 102.072 95.3094 103.165 96.6588 103.165C97.7285 103.165 98.679 102.468 98.9898 101.443C121.885 26.4543 164.644 7.59906 234.076 7.13545C235.55 7.12509 236.757 8.32167 236.757 9.79538V100.505C236.757 101.973 235.566 103.165 234.097 103.165H157.591C156.307 103.165 155.265 104.206 155.265 105.491C155.265 106.604 156.055 107.563 157.146 107.772ZM400.471 164.618V105.825C400.471 104.356 401.662 103.165 403.131 103.165H468.536C469.823 103.165 470.867 102.121 470.867 100.834C470.867 99.7176 470.072 98.7619 468.977 98.5469C417.803 88.3967 394.18 58.938 393.364 9.7902C393.341 8.32944 394.514 7.12768 395.972 7.12768H492.012C493.481 7.12768 494.672 8.31908 494.672 9.78761V51.1914C494.672 52.6599 495.863 53.8513 497.332 53.8513H552.4C553.869 53.8513 555.06 55.0427 555.06 56.5112V100.505C555.06 101.973 553.869 103.165 552.4 103.165H497.332C495.863 103.165 494.672 104.356 494.672 105.825V153.248C494.672 170.002 504.944 175.527 518.604 175.527C540.01 175.527 561.126 165.882 569.595 161.51C571.367 160.596 573.473 161.883 573.473 163.874V237.7C573.473 239.671 572.385 241.484 570.639 242.403C562.279 246.801 536.43 258.995 506.86 258.995C446.047 259 400.471 234.209 400.471 164.618ZM275.452 252.541V105.82C275.452 104.351 276.643 103.16 278.112 103.16H366.993C368.461 103.16 369.653 104.351 369.653 105.82V252.541C369.653 254.009 368.461 255.2 366.993 255.2H278.112C276.643 255.2 275.452 254.012 275.452 252.541ZM270.419 45.2188C270.419 70.1916 288.055 90.4376 321.937 90.4376C355.819 90.4376 373.455 70.1916 373.455 45.2188C373.455 20.246 355.817 0 321.937 0C288.055 0 270.419 20.246 270.419 45.2188Z"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/CoupaIcon.svelte b/frontend/src/lib/components/icons/CoupaIcon.svelte
index 4d4058fdac..a8c780bdbc 100644
--- a/frontend/src/lib/components/icons/CoupaIcon.svelte
+++ b/frontend/src/lib/components/icons/CoupaIcon.svelte
@@ -1,19 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #1565C0 / #FFFFFF per the Coupa logo kit linked from coupa.com/company/press-kit, which
+	ships the mark in blue and a white reversed variant. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
+	class="text-[#1565C0] dark:text-[#FFFFFF]"
 	{width}
 	{height}
 	viewBox="0 0 1561 1406"
-	style="fill:#1976d2;"
+	fill="currentColor"
 >
 	<path
 		fill-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/CssIcon.svelte b/frontend/src/lib/components/icons/CssIcon.svelte
index 89db9aca54..4fe976e5f5 100644
--- a/frontend/src/lib/components/icons/CssIcon.svelte
+++ b/frontend/src/lib/components/icons/CssIcon.svelte
@@ -1,3 +1,4 @@
+<!-- #663399 (rebeccapurple) per github.com/CSS-Next/logo.css (CC0), the official CSS logo endorsed by the W3C CSS WG. Small-size variant; the only per-theme variants published are mono black/white fallbacks, so the rebeccapurple tile is kept in both themes. -->
 <script lang="ts">
 	interface Props {
 		height?: string
@@ -14,14 +15,19 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 32 32"
+	viewBox="0 0 1000 1000"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="CSS"
 >
-	<path d="M6 28L4 3H28L26 28L16 31L6 28Z" fill="#1172B8" />
-	<path d="M26 5H16V29.5L24 27L26 5Z" fill="#33AADD" />
 	<path
-		d="M19.5 17.5H9.5L9 14L17 11.5H9L8.5 8.5H24L23.5 12L17 14.5H23L22 24L16 26L10 24L9.5 19H12.5L13 21.5L16 22.5L19 21.5L19.5 17.5Z"
-		fill="white"
+		fill="#639"
+		d="M0 0H840A160 160 0 0 1 1000 160V840A160 160 0 0 1 840 1000H160A160 160 0 0 1 0 840V0Z"
+	/>
+	<path
+		transform="scale(1.3) translate(-200 -200)"
+		fill="#fff"
+		d="m358.1,920c-64.23-.06-103.86-36.23-103.1-102.79,0,0,0-168.39,0-168.39,0-33.74,9.88-59.4,29.64-76.96,35.49-34.19,117.83-36.27,152.59.52,21.42,18.89,29.5,57.48,27.58,93.49h-73.72c.56-14.15-.19-35.58-8.51-43.65-10.81-14.63-39.36-12.91-46.91,2.32-4.64,8.26-6.96,20.49-6.96,36.67v146.18c0,30.65,10.65,46.15,31.96,46.49,9.96,0,17.53-3.62,22.68-10.85,7.19-8.58,8.31-27.58,7.73-41.32h73.72c5.04,70.07-36.32,119.16-106.71,118.29Zm234.04,0c-71.17.98-103.01-49.66-101.04-118.29h69.59c-1.93,29.92,8.35,57.17,32.99,55.27,10.99,0,18.73-3.44,23.2-10.33,8.5-12.59,10.09-48.95-2.06-63.02-8.49-13.55-39.03-25.51-55.16-33.57-23.03-11.02-39.61-24.1-49.75-39.26-22.87-33.64-20.75-107.48,11.34-137.4,31.18-36.92,112.61-38.62,143.82-.77,19.25,19.51,27.66,57.9,26.03,93.23h-67.02c.57-14.52-.8-37.95-6.44-46.49-3.95-7.23-11.43-10.85-22.42-10.85-19.59,0-29.38,11.71-29.38,35.12.21,24.86,9.9,35.06,32.48,45.45,29.24,11.36,66.42,30.76,79.9,54.24,40.2,71.54,12.62,180.82-86.09,176.65Zm224.76,0c-71.17.98-103.01-49.66-101.04-118.29h69.59c-1.93,29.92,8.35,57.17,32.99,55.27,10.99,0,18.73-3.44,23.2-10.33,8.5-12.59,10.09-48.95-2.06-63.02-8.49-13.55-39.03-25.51-55.16-33.57-23.03-11.02-39.61-24.1-49.75-39.26-22.87-33.64-20.75-107.48,11.34-137.4,31.18-36.92,112.61-38.62,143.82-.77,19.25,19.51,27.66,57.9,26.03,93.23h-67.02c.57-14.52-.8-37.95-6.44-46.49-3.95-7.23-11.43-10.85-22.42-10.85-19.59,0-29.38,11.71-29.38,35.12.21,24.86,9.9,35.06,32.48,45.45,29.24,11.36,66.42,30.76,79.9,54.24,40.2,71.54,12.62,180.82-86.09,176.65Z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/CurrencyApiIcon.svelte b/frontend/src/lib/components/icons/CurrencyApiIcon.svelte
index 66cc8176eb..ba9cd73b8a 100644
--- a/frontend/src/lib/components/icons/CurrencyApiIcon.svelte
+++ b/frontend/src/lib/components/icons/CurrencyApiIcon.svelte
@@ -1,29 +1,59 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #45A2FF/#2660FF and #2994FF/#0033BF gradients per currencyapi.com/img/currencyapi_logo_color.svg. -->
 <svg {width} {height} viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="50" height="50" fill="white"/>
-    <path d="M42 25.4897C42 28.2017 39.7997 30.402 37.0877 30.402H11.9225C9.21055 30.402 7.01025 28.2017 7.01025 25.4897C7.01025 22.7777 9.21055 20.5774 11.9225 20.5774H37.0877C39.7997 20.5774 42 22.7777 42 25.4897Z" fill="url(#paint0_linear_682_2)"/>
-    <path d="M37.1287 30.3713C39.8247 30.3713 42.0102 28.1858 42.0102 25.4897C42.0102 22.7937 39.8247 20.6082 37.1287 20.6082C34.4326 20.6082 32.2471 22.7937 32.2471 25.4897C32.2471 28.1858 34.4326 30.3713 37.1287 30.3713Z" fill="url(#paint1_linear_682_2)"/>
-    <path d="M36.924 33.155H24.5C20.2632 33.155 16.8348 29.7266 16.8348 25.4898C16.8348 21.2529 20.2632 17.8246 24.5 17.8246H36.9137C39.5336 17.8246 41.8158 15.8494 41.9898 13.2398C42.174 10.3743 39.9123 8 37.0877 8H24.5C14.8392 8 7 15.8392 7 25.5C7 35.1608 14.8392 43 24.5 43H37.0877C39.9123 43 42.174 40.6155 41.9898 37.7602C41.826 35.1301 39.5439 33.155 36.924 33.155Z" fill="url(#paint2_linear_682_2)"/>
-    <defs>
-    <linearGradient id="paint0_linear_682_2" x1="43.8572" y1="25.5613" x2="16.6571" y2="25.4606" gradientUnits="userSpaceOnUse">
-    <stop stop-color="#2994FF"/>
-    <stop offset="1" stop-color="#0033BF"/>
-    </linearGradient>
-    <linearGradient id="paint1_linear_682_2" x1="41.6178" y1="25.4595" x2="3.25451" y2="25.7176" gradientUnits="userSpaceOnUse">
-    <stop stop-color="#45A2FF"/>
-    <stop offset="1" stop-color="#2660FF"/>
-    </linearGradient>
-    <linearGradient id="paint2_linear_682_2" x1="39.3177" y1="25.5792" x2="9.38529" y2="25.302" gradientUnits="userSpaceOnUse">
-    <stop stop-color="#45A2FF"/>
-    <stop offset="1" stop-color="#2660FF"/>
-    </linearGradient>
-    </defs>
-    </svg>    
\ No newline at end of file
+	<path
+		d="M42 25.4897C42 28.2017 39.7997 30.402 37.0877 30.402H11.9225C9.21055 30.402 7.01025 28.2017 7.01025 25.4897C7.01025 22.7777 9.21055 20.5774 11.9225 20.5774H37.0877C39.7997 20.5774 42 22.7777 42 25.4897Z"
+		fill="url(#paint0_linear_682_2)"
+	/>
+	<path
+		d="M37.1287 30.3713C39.8247 30.3713 42.0102 28.1858 42.0102 25.4897C42.0102 22.7937 39.8247 20.6082 37.1287 20.6082C34.4326 20.6082 32.2471 22.7937 32.2471 25.4897C32.2471 28.1858 34.4326 30.3713 37.1287 30.3713Z"
+		fill="url(#paint1_linear_682_2)"
+	/>
+	<path
+		d="M36.924 33.155H24.5C20.2632 33.155 16.8348 29.7266 16.8348 25.4898C16.8348 21.2529 20.2632 17.8246 24.5 17.8246H36.9137C39.5336 17.8246 41.8158 15.8494 41.9898 13.2398C42.174 10.3743 39.9123 8 37.0877 8H24.5C14.8392 8 7 15.8392 7 25.5C7 35.1608 14.8392 43 24.5 43H37.0877C39.9123 43 42.174 40.6155 41.9898 37.7602C41.826 35.1301 39.5439 33.155 36.924 33.155Z"
+		fill="url(#paint2_linear_682_2)"
+	/>
+	<defs>
+		<linearGradient
+			id="paint0_linear_682_2"
+			x1="43.8572"
+			y1="25.5613"
+			x2="16.6571"
+			y2="25.4606"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#2994FF" />
+			<stop offset="1" stop-color="#0033BF" />
+		</linearGradient>
+		<linearGradient
+			id="paint1_linear_682_2"
+			x1="41.6178"
+			y1="25.4595"
+			x2="3.25451"
+			y2="25.7176"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#45A2FF" />
+			<stop offset="1" stop-color="#2660FF" />
+		</linearGradient>
+		<linearGradient
+			id="paint2_linear_682_2"
+			x1="39.3177"
+			y1="25.5792"
+			x2="9.38529"
+			y2="25.302"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#45A2FF" />
+			<stop offset="1" stop-color="#2660FF" />
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/CustomAiIcon.svelte b/frontend/src/lib/components/icons/CustomAiIcon.svelte
new file mode 100644
index 0000000000..a646753b7c
--- /dev/null
+++ b/frontend/src/lib/components/icons/CustomAiIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"
+	/>
+	<path d="M20 2v4" />
+	<path d="M22 4h-4" />
+	<circle cx="4" cy="20" r="2" />
+</svg>
diff --git a/frontend/src/lib/components/icons/DatabricksIcon.svelte b/frontend/src/lib/components/icons/DatabricksIcon.svelte
index e767337442..e06471cdd4 100644
--- a/frontend/src/lib/components/icons/DatabricksIcon.svelte
+++ b/frontend/src/lib/components/icons/DatabricksIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF3621 per Databricks' own logo asset (databricks.com/sites/default/files/2023-08/databricks-default.png). -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/DatadogIcon.svelte b/frontend/src/lib/components/icons/DatadogIcon.svelte
index f1e8e02776..c5aa563a30 100644
--- a/frontend/src/lib/components/icons/DatadogIcon.svelte
+++ b/frontend/src/lib/components/icons/DatadogIcon.svelte
@@ -1,53 +1,38 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #632CA6 / #FFFFFF per datadoghq.com press kit. Datadog publishes one mark per background, the
+	purple tile with Bits knocked out on light and the white Bits silhouette on dark, and forbids
+	recolouring or inverting either. -->
 <svg
-	style="fill:currentcolor;"
-	version="1.1"
-	id="Layer_1"
-	xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink"
+	class="dark:hidden"
 	{width}
 	{height}
-	x="0px"
-	y="0px"
-	viewBox="0 0 500 500"
-	enable-background="new 0 0 500 500"
-	xml:space="preserve"
+	viewBox="103.88 0.26 592.73 634.49"
+	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
-		id="Bits"
+		fill="#632CA6"
 		fill-rule="evenodd"
 		clip-rule="evenodd"
-		d="M350.2,268.3l-27.3-18.1l-22.8,38.1l-26.5-7.8
-	l-23.3,35.7l1.2,11.2l126.7-23.4l-7.4-79.4L350.2,268.3z M232,234l20.3-2.8c3.3,1.5,5.6,2,9.5,3.1c6.1,1.6,13.3,3.1,23.8-2.2
-	c2.5-1.2,7.6-5.9,9.6-8.6l83.3-15.2l8.5,103.2l-142.7,25.8L232,234z M386.7,196.8l-8.2,1.6L362.7,34.7L93.5,66l33.2,270l31.5-4.6
-	c-2.5-3.6-6.4-8-13.1-13.5c-9.3-7.7-6-20.9-0.5-29.2c7.2-14,44.6-31.8,42.4-54.2c-0.8-8.1-2-18.7-9.6-26c-0.3,3,0.2,5.9,0.2,5.9
-	s-3.1-4-4.6-9.4c-1.5-2.1-2.7-2.7-4.4-5.5c-1.2,3.2-1,6.9-1,6.9s-2.5-6-2.9-11.1c-1.5,2.3-1.9,6.6-1.9,6.6s-3.3-9.5-2.5-14.6
-	c-1.5-4.4-6-13.2-4.7-33.2c8.2,5.8,26.3,4.4,33.4-6c2.3-3.5,3.9-12.9-1.2-31.4c-3.3-11.9-11.4-29.6-14.6-36.4l-0.4,0.3
-	c1.7,5.4,5.1,16.8,6.4,22.3c4,16.7,5.1,22.5,3.2,30.2c-1.6,6.7-5.4,11.1-15.1,16c-9.7,4.9-22.6-7-23.4-7.7
-	c-9.4-7.5-16.7-19.8-17.5-25.8c-0.8-6.5,3.8-10.5,6.1-15.8c-3.3,1-7,2.6-7,2.6s4.4-4.6,9.9-8.6c2.3-1.5,3.6-2.5,6-4.4
-	c-3.4-0.1-6.2,0-6.2,0s5.7-3.1,11.7-5.4c-4.4-0.2-8.5,0-8.5,0s12.8-5.7,22.9-10c7-2.9,13.8-2,17.6,3.5c5,7.3,10.3,11.2,21.4,13.6
-	c6.9-3,8.9-4.6,17.5-7c7.6-8.4,13.5-9.4,13.5-9.4s-3,2.7-3.7,7c4.3-3.4,9-6.2,9-6.2s-1.8,2.3-3.5,5.8l0.4,0.6c5-3,10.9-5.4,10.9-5.4
-	s-1.7,2.1-3.7,4.9c3.8,0,11.5,0.2,14.4,0.5c17.6,0.4,21.2-18.8,28-21.2c8.4-3,12.2-4.9,26.6,9.3c12.3,12.2,22,33.9,17.2,38.8
-	c-4,4-11.9-1.6-20.7-12.6c-4.6-5.8-8.1-12.7-9.8-21.4c-1.4-7.4-6.8-11.6-6.8-11.6s3.1,7,3.1,13.2c0,3.4,0.4,16,5.8,23
-	c-0.5,1-0.8,5.1-1.4,5.9c-6.3-7.6-19.7-13-21.9-14.6c7.4,6.1,24.5,20.1,31.1,33.6c6.2,12.7,2.5,24.4,5.7,27.4
-	c0.9,0.9,13.3,16.4,15.7,24.2c4.2,13.6,0.2,27.9-5.2,36.8l-15.3,2.4c-2.2-0.6-3.7-0.9-5.7-2.1c1.1-2,3.3-6.8,3.3-7.9l-0.9-1.5
-	c-4.7,6.7-12.7,13.3-19.3,17.1c-8.7,4.9-18.6,4.2-25.1,2.1c-18.4-5.7-35.9-18.2-40.1-21.5c0,0-0.1,2.6,0.7,3.2
-	c4.6,5.3,15.3,14.8,25.6,21.4l-21.9,2.4l10.4,81c-4.6,0.7-5.3,1-10.3,1.7c-4.4-15.7-12.9-26-22.2-32c-8.2-5.3-19.5-6.5-30.3-4.3
-	l-0.7,0.8c7.5-0.8,16.4,0.3,25.5,6.1c8.9,5.7,16.1,20.3,18.8,29.1c3.4,11.3,5.7,23.3-3.4,36.1c-6.5,9.1-25.5,14.1-40.8,3.2
-	c4.1,6.6,9.6,12,17.1,13c11.1,1.5,21.6-0.4,28.8-7.9c6.2-6.4,9.4-19.7,8.6-33.7l9.8-1.4l3.5,25.2l161.6-19.5L386.7,196.8z
-	 M288.4,128.5c-0.5,1-1.2,1.7-0.1,5.1l0.1,0.2l0.2,0.4l0.4,1c1.9,3.9,4,7.6,7.5,9.5c0.9-0.2,1.9-0.3,2.8-0.3
-	c3.3-0.1,5.4,0.4,6.7,1.1c0.1-0.7,0.1-1.6,0.1-3.1c-0.3-5,1-13.5-8.6-17.9c-3.6-1.7-8.7-1.2-10.3,0.9c0.3,0,0.6,0.1,0.8,0.2
-	C290.6,126.6,288.8,127.5,288.4,128.5 M315.2,175c-1.3-0.7-7.1-0.4-11.2,0.1c-7.8,0.9-16.3,3.7-18.2,5.1c-3.4,2.6-1.8,7.2,0.7,9
-	c7,5.2,13.1,8.7,19.6,7.9c4-0.5,7.5-6.8,9.9-12.5C317.6,180.7,317.6,176.4,315.2,175 M245.8,134.7c2.2-2.1-11-4.9-21.3,2.1
-	c-7.6,5.2-7.8,16.3-0.6,22.6c0.7,0.6,1.3,1.1,1.9,1.4c2.1-1,4.5-2,7.3-2.9c4.7-1.5,8.6-2.3,11.8-2.7c1.5-1.7,3.3-4.7,2.9-10.2
-	C247.2,137.6,241.6,138.7,245.8,134.7"
+		d="M600.37,450.73l-52.78-34.82l-44.03,73.55l-51.21-14.97l-45.09,68.82l2.31,21.66l245.17-45.18L640.5,366.6 L600.37,450.73z M371.74,384.69l39.34-5.41c6.36,2.86,10.79,3.95,18.42,5.89c11.89,3.09,25.64,6.06,46.01-4.2 c4.74-2.35,14.62-11.38,18.61-16.53l161.16-29.23l16.44,198.98l-276.11,49.76L371.74,384.69z M671.1,312.99l-15.91,3.03 L624.63,0.26L103.88,60.64l64.16,520.62l60.96-8.85c-4.87-6.95-12.45-15.36-25.39-26.12c-17.95-14.91-11.61-40.25-1.01-56.25 c14.01-27.03,86.2-61.38,82.11-104.58c-1.47-15.71-3.96-36.15-18.55-50.17c-0.55,5.82,0.44,11.41,0.44,11.41 s-5.99-7.64-8.97-18.05c-2.96-4-5.29-5.27-8.44-10.61c-2.25,6.17-1.95,13.33-1.95,13.33s-4.9-11.57-5.69-21.34 c-2.9,4.37-3.63,12.67-3.63,12.67s-6.36-18.24-4.91-28.07c-2.9-8.55-11.51-25.52-9.08-64.08c15.89,11.13,50.88,8.49,64.51-11.6 c4.52-6.66,7.63-24.82-2.26-60.62c-6.35-22.95-22.07-57.13-28.2-70.1l-0.73,0.53c3.23,10.45,9.89,32.34,12.45,42.97 c7.74,32.2,9.81,43.42,6.18,58.27c-3.09,12.91-10.5,21.35-29.28,30.79c-18.78,9.47-43.71-13.58-45.28-14.85 c-18.25-14.54-32.37-38.25-33.94-49.78c-1.64-12.61,7.27-20.18,11.76-30.49c-6.43,1.83-13.59,5.1-13.59,5.1s8.55-8.85,19.09-16.5 c4.37-2.89,6.93-4.73,11.53-8.55c-6.66-0.11-12.07,0.08-12.07,0.08s11.11-6,22.62-10.37c-8.42-0.37-16.49-0.06-16.49-0.06 s24.79-11.09,44.36-19.22c13.46-5.52,26.61-3.89,34,6.8c9.7,14,19.89,21.6,41.48,26.31c13.26-5.88,17.28-8.89,33.94-13.44 c14.66-16.13,26.17-18.21,26.17-18.21s-5.71,5.24-7.24,13.47c8.31-6.55,17.42-12.02,17.42-12.02s-3.53,4.35-6.82,11.27l0.76,1.14 c9.7-5.82,21.1-10.4,21.1-10.4s-3.26,4.12-7.08,9.45c7.32-0.06,22.15,0.31,27.91,0.96c33.99,0.75,41.04-36.29,54.08-40.94 c16.33-5.83,23.63-9.36,51.46,17.98C545.64,92,564.3,134,555.03,143.41c-7.77,7.81-23.09-3.05-40.07-24.21 c-8.97-11.21-15.76-24.46-18.94-41.3c-2.68-14.21-13.12-22.45-13.12-22.45s6.05,13.5,6.05,25.39c0,6.5,0.81,30.79,11.23,44.43 c-1.03,1.99-1.51,9.86-2.65,11.37c-12.12-14.65-38.15-25.13-42.4-28.22c14.37,11.77,47.39,38.81,60.07,64.74 c12,24.51,4.93,46.98,11,52.79c1.73,1.66,25.8,31.66,30.43,46.73c8.08,26.26,0.48,53.87-10.09,70.99l-29.53,4.6 c-4.32-1.2-7.23-1.8-11.1-4.04c2.14-3.78,6.38-13.2,6.42-15.15l-1.67-2.92c-9.19,13.02-24.58,25.66-37.37,32.92 c-16.74,9.49-36.03,8.02-48.59,4.14c-35.64-10.99-69.35-35.08-77.48-41.41c0,0-0.25,5.05,1.28,6.19 c8.98,10.14,29.57,28.47,49.48,41.26l-42.43,4.67l20.06,156.17c-8.89,1.27-10.28,1.9-20.01,3.28 c-8.58-30.31-24.99-50.1-42.93-61.63c-15.82-10.17-37.64-12.46-58.52-8.32l-1.34,1.56c14.52-1.51,31.66,0.59,49.27,11.74 c17.28,10.93,31.21,39.16,36.34,56.15c6.57,21.72,11.11,44.96-6.57,69.59c-12.57,17.51-49.27,27.18-78.93,6.25 c7.92,12.74,18.62,23.15,33.04,25.11c21.4,2.91,41.71-0.81,55.69-15.16c11.93-12.27,18.27-37.93,16.6-64.95l18.89-2.74l6.82,48.5 l312.65-37.65L671.1,312.99z M480.88,181.28c-0.87,1.99-2.25,3.3-0.19,9.78l0.12,0.37l0.33,0.84l0.86,1.94 c3.71,7.59,7.78,14.74,14.6,18.4c1.76-0.3,3.59-0.5,5.48-0.59c6.4-0.28,10.44,0.73,12.99,2.11c0.23-1.28,0.28-3.14,0.14-5.89 c-0.5-9.61,1.9-25.95-16.57-34.55c-6.97-3.23-16.75-2.24-20.01,1.8c0.59,0.08,1.12,0.2,1.54,0.34 C485.11,177.54,481.77,179.24,480.88,181.28 M532.66,270.94c-2.42-1.34-13.74-0.81-21.7,0.14c-15.16,1.79-31.53,7.04-35.11,9.84 c-6.52,5.04-3.56,13.82,1.26,17.43c13.51,10.09,25.35,16.86,37.84,15.21c7.67-1.01,14.44-13.16,19.23-24.18 C537.46,281.79,537.46,273.6,532.66,270.94 M398.45,193.17c4.27-4.06-21.29-9.39-41.13,4.14c-14.63,9.98-15.1,31.38-1.09,43.51 c1.4,1.2,2.56,2.05,3.63,2.75c4.09-1.93,8.75-3.87,14.12-5.61c9.06-2.94,16.6-4.46,22.79-5.27c2.96-3.31,6.41-9.14,5.55-19.7 C401.14,198.66,390.3,200.93,398.45,193.17"
+	/>
+</svg>
+<svg
+	class="hidden dark:block"
+	{width}
+	{height}
+	viewBox="103.88 0.26 592.73 634.49"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill="#FFFFFF"
+		d="M349.36,166.26c21.81-14.87,49.91-9.02,45.2-4.55c-8.97,8.54,2.97,6.01,4.26,21.77 c0.95,11.6-2.85,18-6.1,21.64c-6.8,0.89-15.08,2.56-25.04,5.79c-5.89,1.91-11.03,4.04-15.51,6.18c-1.18-0.78-2.47-1.71-4-3.03 C332.77,200.74,333.28,177.22,349.36,166.26 M479.63,258.13c3.95-3.06,21.94-8.84,38.59-10.82c8.74-1.04,21.2-1.62,23.86-0.13 c5.28,2.92,5.28,11.93,1.67,20.26c-5.26,12.11-12.71,25.47-21.13,26.57c-13.74,1.81-26.75-5.62-41.6-16.71 C475.72,273.32,472.47,263.67,479.63,258.13 M504.7,140.3c20.3,9.45,17.64,27.42,18.2,37.97c0.16,3.03,0.1,5.07-0.16,6.49 c-2.82-1.53-7.25-2.64-14.29-2.33c-2.06,0.09-4.07,0.33-6,0.64c-7.49-4.01-11.96-11.87-16.06-20.22c-0.37-0.77-0.66-1.45-0.93-2.13 c-0.11-0.3-0.25-0.64-0.36-0.91c-0.05-0.15-0.09-0.28-0.14-0.42c-2.25-7.13-0.74-8.56,0.21-10.76c0.98-2.24,4.64-4.1-0.77-5.97 c-0.46-0.17-1.05-0.28-1.7-0.39C486.28,137.83,497.03,136.74,504.7,140.3 M394.05,355.15c-21.87-14.05-44.5-34.18-54.39-45.32 c-1.66-1.25-1.39-6.8-1.39-6.8c8.93,6.95,45.98,33.41,85.14,45.49c13.81,4.27,35.02,5.88,53.41-4.55 c14.06-7.97,30.97-21.86,41.07-36.17l1.85,3.21c-0.07,2.13-4.72,12.49-7.07,16.66c4.27,2.46,7.46,3.12,12.21,4.43l32.44-5.06 c11.64-18.8,19.98-49.13,11.09-78c-5.08-16.56-31.55-49.53-33.45-51.34c-6.66-6.39,1.12-31.09-12.07-58.02 c-13.94-28.49-50.24-58.2-66-71.13c4.65,3.4,33.26,14.92,46.59,31.02c1.25-1.67,1.77-10.31,2.92-12.49 c-11.44-14.99-12.34-41.69-12.34-48.82c0-13.08-6.66-27.91-6.66-27.91s11.46,9.07,14.42,24.68c3.5,18.51,10.96,33.07,20.82,45.39 c18.66,23.25,35.51,35.18,44.04,26.58c10.19-10.32-10.33-56.49-36.57-82.26C499.5-5.3,491.48-1.43,473.53,4.99 c-14.33,5.1-22.08,45.8-59.43,45c-6.33-0.73-22.63-1.14-30.68-1.07c4.2-5.86,7.79-10.4,7.79-10.4s-12.53,5.03-23.2,11.43 l-0.82-1.24c3.6-7.6,7.48-12.39,7.48-12.39s-10.01,6.01-19.15,13.21c1.67-9.06,7.95-14.8,7.95-14.8s-12.65,2.29-28.77,20 c-18.31,5-22.72,8.3-37.31,14.76c-23.72-5.17-34.93-13.53-45.58-28.9c-8.13-11.74-22.57-13.53-37.36-7.46 c-21.52,8.92-48.77,21.11-48.77,21.11s8.86-0.34,18.12,0.07c-12.66,4.8-24.85,11.4-24.85,11.4s5.94-0.2,13.26-0.08 c-5.06,4.2-7.85,6.21-12.66,9.39c-11.59,8.41-20.98,18.12-20.98,18.12s7.87-3.58,14.92-5.59c-4.93,11.32-14.72,19.64-12.92,33.5 c1.72,12.66,17.26,38.71,37.31,54.7c1.72,1.4,29.12,26.72,49.76,16.32c20.65-10.39,28.78-19.64,32.18-33.85 c3.99-16.31,1.71-28.62-6.8-64.01c-2.8-11.68-10.13-35.73-13.66-47.23l0.79-0.57c6.76,14.25,24.04,51.81,31,77.03 c10.87,39.34,7.47,59.3,2.5,66.61c-14.99,22.07-53.43,24.98-70.92,12.75c-2.67,42.36,6.79,61,9.99,70.4 c-1.6,10.8,5.41,30.85,5.41,30.85s0.79-9.12,3.99-13.92c0.86,10.72,6.26,23.45,6.26,23.45s-0.33-7.86,2.13-14.65 c3.46,5.86,6,7.25,9.28,11.66c3.27,11.46,9.84,19.82,9.84,19.82s-1.07-6.14-0.48-12.54c16.03,15.4,18.79,37.87,20.39,55.12 c4.49,47.48-74.85,85.21-90.22,114.9c-11.66,17.58-18.63,45.41,1.1,61.81c47.71,39.61,29.39,50.52,53.27,67.93 c32.75,23.88,73.75,13.18,87.71-6.24c19.43-27.07,14.43-52.6,7.21-76.47c-5.63-18.68-20.96-49.7-39.93-61.7 c-19.37-12.27-38.21-14.58-54.17-12.92l1.48-1.69c22.96-4.56,46.95-2.05,64.32,9.13c19.71,12.67,37.74,34.41,47.18,67.72 c10.69-1.52,12.21-2.22,21.99-3.6l-22.04-171.6L394.05,355.15z M406.78,570.25l-2.55-23.79l49.57-75.61l56.27,16.45l48.4-80.83 l58.02,38.26l44.07-92.43l15.67,168.33L406.78,570.25z M676.84,317.79L499.7,349.9c-4.38,5.67-15.24,15.59-20.45,18.18 c-22.37,11.26-37.5,8.01-50.55,4.61c-8.4-2.13-13.27-3.33-20.25-6.47l-43.24,5.94l26.24,218.96l303.44-54.7L676.84,317.79z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DatoCmsIcon.svelte b/frontend/src/lib/components/icons/DatoCmsIcon.svelte
index d462832e17..e2e4b2be0e 100644
--- a/frontend/src/lib/components/icons/DatoCmsIcon.svelte
+++ b/frontend/src/lib/components/icons/DatoCmsIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF7751 (Coral) per datocms.com/company/brand-assets. Brand kit forbids altering the logo's shape or colour. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#FF7751" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 0H.076v24H12c5.964 0 11.924-5.373 11.924-11.998C23.924 5.376 17.963 0 12 0zm0 17.453a5.453 5.453 0 115.455-5.451A5.45 5.45 0 0112 17.452z"/>
+	<path
+		d="M12 0H.076v24H12c5.964 0 11.924-5.373 11.924-11.998C23.924 5.376 17.963 0 12 0zm0 17.453a5.453 5.453 0 115.455-5.451A5.45 5.45 0 0112 17.452z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DbIcon.svelte b/frontend/src/lib/components/icons/DbIcon.svelte
index fe74ca9adb..44227ad43a 100644
--- a/frontend/src/lib/components/icons/DbIcon.svelte
+++ b/frontend/src/lib/components/icons/DbIcon.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <!-- By Fabián Alexis - https://github.com/fabianalexisinostroza/Antu, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=49951194 -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" {width} {height}
 	><path
 		d="m337 537.3622a8 3 0 0 0 -8 3v10a8 3 0 0 0 8 3 8 3 0 0 0 8 -3v-10a8 3 0 0 0 -8 -3m0 1a7 2 0 0 1 7 2 7 2 0 0 1 -7 2 7 2 0 0 1 -7 -2 7 2 0 0 1 7 -2m7 3.445v3.555a7 2 0 0 1 -7 2 7 2 0 0 1 -7 -2v-3.549a8 3 0 0 0 7 1.54883 8 3 0 0 0 7 -1.55469m0 5v3.555a7 2 0 0 1 -7 2 7 2 0 0 1 -7 -2v-3.549a8 3 0 0 0 7 1.54883 8 3 0 0 0 7 -1.55469"
-		fill="#4d4d4d"
+		fill="currentColor"
 		transform="translate(-326-534.36)"
 	/></svg
 >
diff --git a/frontend/src/lib/components/icons/DbtIcon.svelte b/frontend/src/lib/components/icons/DbtIcon.svelte
index b647cb215e..a90f82b90f 100644
--- a/frontend/src/lib/components/icons/DbtIcon.svelte
+++ b/frontend/src/lib/components/icons/DbtIcon.svelte
@@ -7,21 +7,18 @@
 	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #FE6703 per the dbt Labs brand assets (getdbt.com/brand-guidelines). Their Trademark Policy states "The dbt logo mark color cannot be altered", so this stays orange on both themes. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 256 256"
+	viewBox="0 0 32 32"
 	preserveAspectRatio="xMidYMid"
 	role="img"
 	aria-label="dbt"
 >
-	<circle cx="128" cy="128" r="120" fill="#FF694A" />
-	<!-- The three crossing bars of the dbt mark. -->
-	<g stroke="#fff" stroke-width="26" stroke-linecap="round">
-		<line x1="128" y1="52" x2="128" y2="204" />
-		<line x1="62" y1="90" x2="194" y2="166" />
-		<line x1="62" y1="166" x2="194" y2="90" />
-	</g>
-	<circle cx="128" cy="128" r="30" fill="#FF694A" />
+	<path
+		fill="#FE6703"
+		d="M30.3632 1.53951C31.1026 2.25417 31.5896 3.19285 31.7034 4.22041C31.7034 4.64708 31.5897 4.93508 31.3302 5.47197C31.0706 6.01241 27.9103 11.4844 26.9646 12.9991C26.4243 13.888 26.1399 14.9404 26.1399 15.9644C26.1399 16.9884 26.4278 18.0444 26.9646 18.9297C27.9032 20.4444 31.0706 25.9413 31.3302 26.4924C31.5897 27.0329 31.7034 27.2924 31.7034 27.7191C31.5896 28.7466 31.1382 29.6853 30.3881 30.3715C29.6735 31.1111 28.735 31.5982 27.736 31.6871C27.3094 31.6871 27.0215 31.5733 26.5096 31.3137C25.9977 31.0542 11.0525 22.4142 11.0525 22.4142C11.2267 23.84 11.8524 25.2089 12.8798 26.208C13.0789 26.4071 13.2815 26.5813 13.5054 26.7484C13.3312 26.8337 5.95466 31.1431 5.40719 31.4026C4.86684 31.6622 4.60732 31.776 4.15584 31.776C3.12843 31.6622 2.18991 31.2106 1.5038 30.4604C0.764363 29.7457 0.277334 28.8071 0.163574 27.7795C0.188459 27.3529 0.312879 26.9262 0.536844 26.5529C0.796358 26.0124 3.95672 20.5049 4.90235 18.9902C5.44271 18.1013 5.72714 17.0773 5.72714 16.0249C5.72714 14.9724 5.43915 13.9449 4.90235 13.0595C3.96383 11.4951 0.771473 5.98397 0.536844 5.44708C0.309324 5.07374 0.199124 4.64708 0.163574 4.22041C0.277334 3.19285 0.728817 2.25417 1.47892 1.53951C2.19347 0.799953 3.13198 0.337739 4.15939 0.223961C4.58599 0.24885 5.01259 0.37329 5.41075 0.59729C5.86223 0.796401 20.7754 9.59286 20.7754 9.59286C20.6012 7.88619 19.7622 6.34308 18.3865 5.29063C18.4931 5.23375 25.8981 0.842623 26.4491 0.607956C26.8224 0.380401 27.249 0.270183 27.7005 0.234627C28.6995 0.348405 29.6415 0.799953 30.3525 1.55017L30.3703 1.54307L30.3632 1.53951ZM16.4632 18.6631L18.5962 16.5226C18.8913 16.224 18.8913 15.7795 18.5962 15.4702L16.4632 13.3297C16.1681 13.0311 15.7237 13.0311 15.4144 13.3297L13.2815 15.4702C12.9864 15.7689 12.9864 16.2133 13.2815 16.5226L15.4144 18.6631C15.6775 18.9262 16.1539 18.9262 16.4632 18.6631Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DeelIcon.svelte b/frontend/src/lib/components/icons/DeelIcon.svelte
index 0b93a4a98f..e36b64fe3f 100644
--- a/frontend/src/lib/components/icons/DeelIcon.svelte
+++ b/frontend/src/lib/components/icons/DeelIcon.svelte
@@ -1,12 +1,25 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 -.059 74.873 72.014" xmlns="http://www.w3.org/2000/svg">
-<path d="m23.862 71.955c-4.564 0-8.639-1.115-12.224-3.348-3.586-2.232-6.422-5.284-8.509-9.157-2.086-3.875-3.129-8.272-3.129-13.196 0-4.923 1.043-9.289 3.13-13.096 2.086-3.873 4.922-6.893 8.508-9.06 3.585-2.231 7.66-3.347 12.224-3.347 3.65 0 6.845.689 9.584 2.067 2.194 1.105 4.054 2.569 5.579 4.39.345.414 1.07.18 1.07-.358v-23.925c0-.259.182-.482.436-.535l11.423-2.378c.34-.071.66.188.66.535v69.68a.547.547 0 0 1 -.548.547h-10.151a.547.547 0 0 1 -.537-.442l-1.04-5.312c-.092-.47-.709-.61-1.014-.241-1.458 1.758-3.287 3.33-5.487 4.715-2.543 1.64-5.868 2.461-9.975 2.461zm2.64-11.028c4.042 0 7.335-1.346 9.877-4.038 2.608-2.757 3.912-6.269 3.912-10.536s-1.304-7.746-3.912-10.438c-2.542-2.757-5.835-4.136-9.877-4.136-3.977 0-7.27 1.346-9.877 4.037-2.608 2.692-3.912 6.171-3.912 10.438s1.304 7.78 3.912 10.537 5.9 4.136 9.877 4.136z" fill="currentColor"/><path d="m66.445 70.575c4.655 0 8.428-3.799 8.428-8.486 0-4.686-3.774-8.485-8.428-8.485s-8.427 3.799-8.427 8.485c0 4.687 3.773 8.486 8.427 8.486z" fill="#2c71f0"/>
+<!-- #1B1B1B / #FFFFFF per deel.com's own logo_revamp.svg / logo_revamp_white.svg. Post-rebrand the
+	period is a square in the wordmark colour, not a blue circle. -->
+<svg
+	class="text-[#1B1B1B] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 28.851 26.421"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M0 16.0536C0 8.88282 4.57742 5.69628 9.59667 5.69628C14.1776 5.69628 16.1093 8.60687 16.1093 8.60687V0.00960845H21.0708V21.1967C21.0708 22.9359 21.1306 24.5052 21.252 25.9046H16.1109V23.5265C16.1109 23.5265 14.1423 26.411 9.59829 26.411C4.75405 26.411 0 23.6312 0 16.0536ZM10.8639 22.604C14.3778 22.604 16.6497 19.9295 16.6497 16.0536C16.6497 12.0422 14.3762 9.5032 10.8639 9.5032C7.35158 9.5032 5.16209 11.9168 5.16209 16.0536C5.16209 20.1904 7.4438 22.604 10.8639 22.604Z"
+		fill="currentColor"
+	/>
+	<path d="M24.0708 21.2539H28.8501V25.8885H24.0708V21.2539Z" fill="currentColor" />
 </svg>
diff --git a/frontend/src/lib/components/icons/DeepInfraIcon.svelte b/frontend/src/lib/components/icons/DeepInfraIcon.svelte
new file mode 100644
index 0000000000..3750b5ff42
--- /dev/null
+++ b/frontend/src/lib/components/icons/DeepInfraIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #2A3275 / #4C9CEC per the DeepInfra press-kit logo pack (deepinfra.com/media-center →
+	DEEPINFRA_LOGO_COLOR / DEEPINFRA_LOGO_WHITE). Their brand guidelines say "use the primary white
+	logo on dark backgrounds", where the connector bars invert to #FFFFFF. -->
+<svg
+	class="text-[#2A3275] dark:text-[#4C9CEC]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M3.294 7.821A2.297 2.297 0 011 5.527a2.297 2.297 0 012.294-2.295A2.297 2.297 0 015.59 5.527 2.297 2.297 0 013.294 7.82zm0-3.688a1.396 1.396 0 000 2.79 1.396 1.396 0 000-2.79zM3.294 14.293A2.297 2.297 0 011 11.998a2.297 2.297 0 012.294-2.294 2.297 2.297 0 012.295 2.294 2.297 2.297 0 01-2.295 2.295zm0-3.688a1.395 1.395 0 000 2.788 1.395 1.395 0 100-2.788zM3.294 20.761A2.297 2.297 0 011 18.467a2.297 2.297 0 012.294-2.295 2.297 2.297 0 012.295 2.295 2.297 2.297 0 01-2.295 2.294zm0-3.688a1.396 1.396 0 000 2.79 1.396 1.396 0 000-2.79zM20.738 7.821a2.297 2.297 0 01-2.295-2.294 2.297 2.297 0 012.294-2.295 2.297 2.297 0 012.295 2.295 2.297 2.297 0 01-2.294 2.294zm0-3.688a1.396 1.396 0 101.395 1.395c0-.77-.626-1.395-1.395-1.395zM20.738 14.293a2.297 2.297 0 01-2.295-2.295 2.297 2.297 0 012.294-2.294 2.297 2.297 0 012.295 2.294 2.297 2.297 0 01-2.294 2.295zm0-3.688c-.769 0-1.395.625-1.395 1.393a1.396 1.396 0 002.79 0c0-.77-.626-1.393-1.395-1.393zM20.738 20.761a2.297 2.297 0 01-2.295-2.294 2.297 2.297 0 012.294-2.295 2.297 2.297 0 012.295 2.295 2.297 2.297 0 01-2.294 2.294zm0-3.688a1.396 1.396 0 101.395 1.395c0-.77-.626-1.395-1.395-1.395zM12.016 11.057a2.297 2.297 0 01-2.294-2.294 2.297 2.297 0 012.294-2.295 2.297 2.297 0 012.295 2.295 2.297 2.297 0 01-2.295 2.294zm0-3.688a1.396 1.396 0 101.395 1.395c0-.77-.625-1.395-1.395-1.395zM12.017 4.589a2.297 2.297 0 01-2.295-2.295A2.297 2.297 0 0112.017 0a2.297 2.297 0 012.294 2.294 2.297 2.297 0 01-2.294 2.295zm0-3.688a1.396 1.396 0 101.395 1.395c0-.77-.626-1.395-1.395-1.395zM12.017 17.529a2.297 2.297 0 01-2.295-2.295 2.297 2.297 0 012.295-2.294 2.297 2.297 0 012.294 2.294 2.297 2.297 0 01-2.294 2.295zm0-3.688a1.396 1.396 0 101.395 1.395c0-.77-.626-1.395-1.395-1.395zM12.016 24a2.297 2.297 0 01-2.294-2.295 2.297 2.297 0 012.294-2.294 2.297 2.297 0 012.295 2.294A2.297 2.297 0 0112.016 24zm0-3.688a1.396 1.396 0 101.395 1.395c0-.77-.625-1.395-1.395-1.395z"
+	></path><path
+		class="fill-[#5699DB] dark:fill-[#FFFFFF]"
+		d="M8.363 8.222a.742.742 0 01-.277-.053l-1.494-.596a.75.75 0 11.557-1.392l1.493.595a.75.75 0 01-.278 1.446h-.001zM8.363 14.566a.743.743 0 01-.277-.053l-1.494-.595a.75.75 0 11.557-1.393l1.493.596a.75.75 0 01-.278 1.445h-.001zM17.124 11.397a.741.741 0 01-.277-.054l-1.493-.595a.75.75 0 11.555-1.392l1.493.595a.75.75 0 01-.278 1.446zM17.124 5.05a.744.744 0 01-.277-.054L15.354 4.4a.75.75 0 01.555-1.392l1.493.596a.75.75 0 01-.278 1.445zM17.124 17.739a.743.743 0 01-.277-.053l-1.494-.596a.75.75 0 11.556-1.392l1.493.596a.75.75 0 01-.278 1.445zM6.91 17.966a.75.75 0 01-.279-1.445l1.494-.595a.749.749 0 11.556 1.392l-1.493.595a.743.743 0 01-.277.053H6.91zM6.91 11.66a.75.75 0 01-.279-1.446l1.494-.595a.75.75 0 01.556 1.392l-1.493.595a.743.743 0 01-.277.053H6.91zM6.91 5.033a.75.75 0 01-.279-1.446l1.494-.595a.75.75 0 01.556 1.392l-1.493.596a.744.744 0 01-.277.053H6.91zM8.363 21.364a.743.743 0 01-.277-.053l-1.494-.596a.75.75 0 01.555-1.392l1.494.595a.75.75 0 01-.278 1.446zM15.63 8.223a.75.75 0 01-.278-1.447l1.494-.595a.75.75 0 01.556 1.393l-1.494.595a.744.744 0 01-.276.054h-.002zM15.63 14.567a.75.75 0 01-.278-1.446l1.494-.596a.75.75 0 01.556 1.394l-1.494.595a.743.743 0 01-.276.053h-.002zM15.63 21.363a.749.749 0 01-.278-1.445l1.494-.595a.75.75 0 11.555 1.392l-1.494.595a.741.741 0 01-.277.053z"
+	></path>
+</svg>
diff --git a/frontend/src/lib/components/icons/DeepLIcon.svelte b/frontend/src/lib/components/icons/DeepLIcon.svelte
index 028b061dc0..58b2a14833 100644
--- a/frontend/src/lib/components/icons/DeepLIcon.svelte
+++ b/frontend/src/lib/components/icons/DeepLIcon.svelte
@@ -1,12 +1,40 @@
+<!-- #0F2B46 / #FFFFFF per DeepL's official logo pack on deepl.com/en/press ("Logo Deep Blue" RGB #0F2B46 and the published "Logo White" reversed variant). -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.907 4.93953 12.68543.18573a1.3577 1.3577 0 0 0-1.3709 0L3.09298 4.9565a1.3766 1.3766 0 0 0-.68639 1.18233v9.52646a1.3766 1.3766 0 0 0 .68639 1.19363l8.22157 4.75946.06223.03583 4.04856 2.3458-.01131-2.06106.0075-1.1446.0038.01885v-.38467c0-.23006.1188-.43371.29605-.56005l.264-.15086.12633-.06977h-.0075l4.80283-2.7795a1.3803 1.3803 0 0 0 .68639-1.19551V6.13505a1.3803 1.3803 0 0 0-.68642-1.19552m-9.85269 9.68863a1.4275 1.4275 0 0 1-.39976 1.3841 1.4086 1.4086 0 0 1-1.97054 0 1.4199 1.4199 0 0 1 0-2.06294 1.4086 1.4086 0 0 1 2.0422.07543l3.32822-1.91585.6864.38656zm5.77019-2.41367a1.4086 1.4086 0 0 1-1.97054 0 1.4256 1.4256 0 0 1-.3696-1.47837l-.0132.0075-3.7525-2.1723-.05657.05656a1.4086 1.4086 0 0 1-1.97053 0 1.4199 1.4199 0 0 1 0-2.06293 1.4086 1.4086 0 0 1 1.97242 0c.3941.37713.52422.91832.39033 1.40672l3.7808 2.20059.01886-.01886a1.4086 1.4086 0 0 1 1.97242 0 1.42746 1.42746 0 0 1 0 2.06105z"/>
+<svg
+	class="dark:hidden"
+	{width}
+	{height}
+	viewBox="0 0 550 689.9"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="m274.8 0c1.8 0 2.9.1 4.2.2 1 .1 2.3.3 2.9.4s1.7.4 2.4.5c.7.2 2 .6 2.9.9.8.2 2.2.7 3 1.1.8.3 2 .9 2.6 1.2.7.4 54.6 31.6 119.8 69.5 65.2 37.8 119.1 69.1 119.8 69.6s1.9 1.4 2.7 2c.7.6 2 1.7 2.8 2.5s1.9 1.9 2.4 2.5c.5.5 1.2 1.4 1.6 2 .5.6 1.1 1.4 1.4 1.9.4.5 1 1.5 1.4 2.2s1 1.9 1.3 2.5c.3.7.9 1.9 1.2 2.7s.7 1.9.9 2.5c.2.7.5 1.7.7 2.4.1.7.4 1.9.5 2.7.2.7.4 2 .5 2.7.1 1.2.1 9.7.2 140.5 0 99.4 0 139.7-.1 140.8-.1.8-.2 2.1-.3 2.9-.1.7-.3 1.7-.4 2.1-.1.5-.3 1.4-.4 2.1-.2.6-.6 1.8-.8 2.6-.3.8-.7 2-1 2.6-.2.7-.6 1.6-.9 2.1l-1.1 2.2c-.4.7-1.1 1.8-1.5 2.5-.4.6-1.1 1.6-1.6 2.2-.4.5-1 1.3-1.4 1.7-.4.5-1.2 1.4-1.9 2.1s-1.7 1.6-2.2 2.1c-.6.5-1.5 1.3-2.1 1.7-.5.4-1.5 1.1-2.2 1.5-.6.5-32.2 18.8-70.1 40.8-38 22-69.1 40.1-69.2 40.2s-2.2 1.3-4.7 2.7c-2.5 1.5-5 2.9-5.5 3.2s-1 .6-1.2.8c-.2.1-.8.6-1.4 1.1l-1.8 1.8c-.4.5-1 1.3-1.4 1.8-.3.4-.9 1.4-1.3 2.1s-.8 1.7-1 2.2-.5 1.4-.6 2c-.2.5-.4 1.4-.4 2-.2.8-.2 2.2-.3 7.3 0 3.5-.1 13.5-.2 22.4-.1 14.5-.1 18.9.1 45.9.1 16.5.1 29.9.1 29.9l-57.5-33.3c-31.6-18.4-58-33.7-58.6-34s-54.4-31.6-119.6-69.4-119.1-69.2-119.8-69.7c-.7-.4-1.8-1.2-2.4-1.7s-1.7-1.4-2.4-2c-.6-.6-1.7-1.6-2.3-2.3s-1.4-1.6-1.8-2.1-1-1.3-1.4-1.9c-.4-.5-1-1.5-1.4-2.1s-1-1.7-1.4-2.5c-.4-.7-1-2-1.3-2.8-.4-.8-.9-2.1-1.2-2.9-.2-.8-.6-2.1-.8-2.7-.1-.7-.4-1.7-.5-2.3s-.2-1.5-.3-2.2c-.1-.6-.3-2-.3-3-.2-1.6-.2-18-.2-139.5 0-122.2 0-137.9.2-139.5 0-1 .2-2.3.3-2.9s.2-1.7.4-2.4c.1-.6.4-1.7.5-2.3l.9-2.7c.2-.8.8-2.2 1.1-3 .4-.8 1.1-2.2 1.6-3 .4-.9 1.2-2.2 1.7-2.9s1.2-1.8 1.7-2.4 1.4-1.6 2-2.3 1.6-1.8 2.3-2.4 1.7-1.5 2.3-2c.6-.4 1.8-1.3 2.7-1.9.8-.6 6.7-4.1 13.1-7.7 6.3-3.7 59.5-34.7 118.2-68.9 58.8-34.2 107.5-62.5 108.4-62.9.8-.5 2.3-1.1 3.2-1.5s2.3-.8 3-1.1c.7-.2 1.9-.5 2.6-.7.7-.1 1.9-.4 2.6-.5s1.8-.2 2.4-.3 1.1-.1 1.1-.2h2.5z"
+		fill="#0f2b46"
+	/><path
+		d="m208.8 177.2c1.6 0 3.2.1 4 .2s2 .3 2.7.4c.8.2 2 .4 2.8.6.7.2 1.9.6 2.6.8s1.7.6 2.2.8 1.7.7 2.6 1.1c.9.5 2.1 1.1 2.8 1.5.6.3 1.6 1 2.1 1.3.6.4 1.5 1 1.9 1.4.5.3 1.3.9 1.8 1.4.5.4 1.7 1.6 2.8 2.6 1 1.1 2.3 2.4 2.8 3 .4.6 1.2 1.5 1.6 2.1s1.2 1.8 1.7 2.5c.5.8 1.2 2.2 1.7 3.2.5.9 1.1 2.4 1.5 3.2.3.9.7 2 .8 2.4.2.5.4 1.3.6 1.8.1.5.3 1.4.5 2.1.1.6.3 1.6.4 2.1s.2 1.5.3 2.3c.1.7.2 2.3.2 3.4v3.7c-.1.8-.2 1.9-.3 2.4 0 .4-.2 1.5-.3 2.2-.2.8-.4 1.8-.5 2.4-.2.8-.2 1.1-.2 1.1.1.1 24.5 14.3 108.3 63.2l.9-.9c.5-.5 1.3-1.2 1.6-1.5.4-.3 1.4-1.1 2.1-1.6.7-.6 1.9-1.4 2.7-1.9.7-.4 1.9-1.1 2.8-1.6.8-.4 2.1-1 2.9-1.4.8-.3 2.2-.8 3-1.1.8-.2 2.2-.7 3.2-.9.9-.2 2.2-.5 2.9-.6.6-.1 1.7-.3 2.3-.3.7-.1 2.2-.2 4.4-.2 2.7 0 3.7.1 4.8.2.7.1 1.9.3 2.7.4.7.2 1.9.4 2.7.6.7.2 2 .6 2.9.9.8.3 2 .7 2.5 1 .5.2 1.6.7 2.4 1.1s2.1 1 2.8 1.5c.8.5 1.7 1 2.1 1.3.3.3 1 .7 1.4 1.1.5.3 1.3.9 1.8 1.4.5.4 1.5 1.4 2.3 2.1.8.8 1.8 1.9 2.3 2.4.5.6 1.3 1.5 1.7 2.1.5.6 1.2 1.6 1.7 2.3.4.6 1 1.6 1.4 2.3.4.6.9 1.5 1.1 2 .2.4.7 1.5 1.1 2.3.3.8.8 2.1 1.1 2.8.2.8.6 1.9.8 2.6s.4 1.9.6 2.6c.1.8.3 2 .4 2.8s.3 2.3.3 3.4q.1 2 0 3.9c0 1.1-.1 2.5-.2 3.2s-.3 1.8-.4 2.6c-.2.7-.4 1.8-.6 2.5s-.6 2-.8 2.9c-.4.9-.9 2.3-1.2 3.1-.4.8-.9 1.9-1.1 2.3-.2.5-.7 1.4-1.1 2-.4.7-.9 1.5-1.2 1.9-.2.4-.8 1.3-1.3 1.9-.4.6-1.2 1.6-1.6 2.1-.5.5-1.4 1.6-2.1 2.3s-1.8 1.8-2.4 2.3c-.6.6-1.6 1.4-2.2 1.8-.5.4-1.5 1.2-2.2 1.6-.6.4-1.6 1-2.1 1.3s-1.5.9-2.3 1.2c-.7.4-1.8.9-2.4 1.2-.5.2-1.5.6-2.1.8s-1.8.6-2.6.8c-.7.2-2 .5-2.9.7-.8.2-2.2.4-3.1.5-1.5.2-2.2.3-4.9.3-2.5 0-3.5-.1-4.6-.2-.8-.1-2-.3-2.8-.4l-2.8-.7c-.8-.2-2.2-.6-3-.9-.9-.3-2.2-.8-2.8-1-.7-.3-1.9-.9-2.7-1.3s-2-1.1-2.6-1.5c-.6-.3-1.4-.8-1.7-1.1-.4-.3-1.1-.7-1.5-1.1-.5-.3-1.3-1-1.9-1.5-.5-.4-1.7-1.6-2.6-2.4-.8-.9-1.9-2.1-2.4-2.6-.5-.6-1.2-1.5-1.5-2-.4-.5-1-1.3-1.3-1.8-.4-.5-1-1.5-1.4-2.2s-1-1.9-1.4-2.6c-.3-.8-.9-2-1.2-2.8s-.7-1.9-.9-2.6c-.2-.6-.5-1.7-.7-2.5s-.5-1.9-.6-2.5c-.1-.7-.3-1.7-.4-2.4 0-.7-.2-2.1-.2-3.2-.1-1.2-.1-2.6 0-3.8 0-1 .2-2.5.2-3.2.1-.7.4-2.1.6-3.1.1-.9.5-2.3.7-2.9.1-.7.3-1.4.4-1.5q.1-.2-.1-.1c-.1.1-14.7-8.3-107.7-62.3l-1.6 1.4c-.8.8-2 1.9-2.6 2.4s-1.6 1.3-2.2 1.7c-.7.5-1.7 1.2-2.2 1.5-.6.4-1.8 1-2.7 1.5s-2.1 1.1-2.8 1.3c-.6.3-1.8.8-2.5 1-.7.3-1.9.6-2.7.8-.7.2-1.7.5-2.3.6s-1.4.3-1.9.4c-.5 0-1.4.2-2 .2-.7.1-2.3.2-4.5.2-2.9 0-3.6-.1-5-.3-.9-.1-2.3-.3-3-.4-.7-.2-1.9-.5-2.8-.7-.8-.2-2-.6-2.7-.9-.7-.2-1.7-.6-2.3-.9-.5-.2-1.7-.7-2.5-1.2-.9-.4-2.2-1.1-2.9-1.6-.8-.5-1.9-1.2-2.6-1.7-.6-.5-1.6-1.2-2-1.6-.5-.4-1.4-1.2-2.1-1.9s-1.8-1.8-2.4-2.5c-.6-.6-1.5-1.7-2-2.3s-1.3-1.7-1.8-2.5-1.2-1.8-1.4-2.3c-.3-.4-.8-1.3-1.1-2s-.8-1.7-1.1-2.4c-.3-.6-.7-1.9-1.1-2.9-.3-.9-.7-2.2-.8-2.7-.2-.6-.4-1.6-.5-2.3-.2-.8-.4-2-.5-2.9-.2-1-.2-2.4-.3-4.2 0-1.6 0-3.2.1-4.1 0-.7.2-2 .3-2.8s.3-1.8.4-2.2c0-.4.3-1.3.4-2 .2-.7.5-1.8.8-2.5.2-.7.6-1.8.8-2.5.3-.6.8-1.9 1.2-2.7.5-.9 1-2 1.3-2.4.2-.5.8-1.4 1.2-2s1.1-1.6 1.5-2.2c.5-.6 1.2-1.6 1.7-2.2.5-.5 1.6-1.7 2.4-2.6.9-.8 2.2-2 2.9-2.6s1.9-1.5 2.5-2c.7-.4 1.8-1.2 2.5-1.6s1.9-1.1 2.6-1.5c.8-.3 1.9-.9 2.7-1.2.7-.3 2-.8 2.7-1 .8-.3 2.2-.7 3.1-.9.8-.2 2.2-.5 3-.7.8-.1 2-.2 2.7-.3.6-.1 1.3-.1 1.6-.2h3.1zm125.1 170.8c.1 0 4.5 2.5 9.9 5.5 5.3 3.1 9.7 5.6 9.8 5.6 0 .1-23.8 13.9-52.8 30.8-50.7 29.5-52.8 30.7-52.7 31 0 .1.2.9.3 1.7.2.8.4 2 .5 2.7s.2 1.9.3 2.8c0 .9.1 2.3 0 3.6 0 1.2-.1 2.7-.2 3.5-.1.7-.2 1.8-.3 2.3s-.3 1.3-.4 1.9c-.1.5-.4 1.5-.5 2.2-.2.7-.5 1.7-.7 2.3s-.6 1.5-.8 2-.7 1.7-1.1 2.6c-.4.8-1 2-1.3 2.5s-1 1.6-1.6 2.5c-.5.8-1.5 2.2-2.1 2.9-.6.8-1.8 2.1-2.7 3s-2.1 2.1-2.7 2.6c-.6.6-1.6 1.3-2.1 1.7s-1.5 1.1-2.1 1.5c-.5.4-1.5 1-2 1.3s-1.7.9-2.6 1.3c-.9.5-2.1 1-2.8 1.3-.6.2-1.6.6-2.2.8s-1.5.5-2.1.6c-.6.2-1.5.4-2 .5-.6.1-1.4.3-1.9.4s-1.6.2-2.3.3c-.8.1-2.3.2-3.4.2-1.2.1-2.6 0-3.6 0-.9-.1-2.1-.2-2.7-.3-.7-.1-1.9-.3-2.8-.5-.8-.1-1.9-.4-2.4-.5-.5-.2-1.4-.5-2.1-.6-.6-.3-1.6-.6-2.2-.9-.7-.2-1.9-.8-2.8-1.2-.8-.4-2-1-2.6-1.4-.6-.3-1.7-1-2.3-1.4-.7-.5-1.7-1.1-2.2-1.5s-1.3-1.1-1.9-1.6c-.5-.4-1.7-1.6-2.6-2.5-1-1-2.1-2.3-2.6-2.8-.4-.6-1.1-1.4-1.4-1.9-.3-.4-.9-1.2-1.2-1.7-.4-.6-.9-1.5-1.3-2.1-.3-.6-.8-1.4-1-1.9-.2-.4-.7-1.4-1-2.2-.4-.8-.8-2.1-1.1-2.8-.3-.8-.7-2.2-.9-3.2-.3-1-.6-2.3-.7-3-.1-.6-.3-1.7-.4-2.4-.1-1-.1-2-.1-4.8 0-3 0-3.7.2-5.1.1-.9.3-2.3.5-3.1.2-.9.5-2.3.8-3.2.2-.8.6-2.1.9-2.8.2-.7.7-1.9 1-2.6s.8-1.6 1-2 .7-1.2.9-1.7c.3-.5.9-1.5 1.4-2.2s1.2-1.8 1.7-2.4 1.2-1.5 1.7-2c.4-.5 1.5-1.7 2.4-2.5.9-.9 2.3-2.1 3-2.7.8-.7 1.9-1.5 2.4-1.8.6-.4 1.4-1 1.9-1.3s1.8-1 2.8-1.5c1.1-.6 2.5-1.2 3.1-1.4.6-.3 1.7-.7 2.4-.9.8-.3 1.9-.6 2.6-.8.7-.1 1.8-.4 2.6-.5.7-.2 1.8-.4 2.5-.4.7-.1 2.1-.2 3.1-.3h3.8c1 .1 2.5.2 3.1.3.7 0 1.8.2 2.6.4.7.1 1.9.4 2.7.6.7.2 2.1.6 2.9.9.8.2 2.1.7 2.7 1 .7.3 1.9.9 2.8 1.3.9.5 2.2 1.2 2.8 1.6l2.1 1.4c.5.4 1.4 1 1.9 1.4s1.5 1.4 2.4 2.2c.8.7 1.7 1.6 2.5 2.5l47.6-27.5c26.3-15.2 47.7-27.6 47.7-27.6z"
+		fill="#fff"
+	/>
+</svg>
+<svg
+	class="hidden dark:block"
+	{width}
+	{height}
+	viewBox="0 0 550 689.9"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="m274.8 0c1.8 0 2.9.1 4.2.2 1 .1 2.3.3 2.9.4s1.7.4 2.4.5c.7.2 2 .6 2.9.9.8.2 2.2.7 3 1.1.8.3 2 .9 2.6 1.2.7.4 54.6 31.6 119.8 69.5 65.2 37.8 119.1 69.1 119.8 69.6s1.9 1.4 2.7 2c.7.6 2 1.7 2.8 2.5s1.9 1.9 2.4 2.5c.5.5 1.2 1.4 1.6 2 .5.6 1.1 1.4 1.4 1.9.4.5 1 1.5 1.4 2.2s1 1.9 1.3 2.5c.3.7.9 1.9 1.2 2.7s.7 1.9.9 2.5c.2.7.5 1.7.7 2.4.1.7.4 1.9.5 2.7.2.7.4 2 .5 2.7.1 1.2.1 9.7.2 140.5 0 99.4 0 139.7-.1 140.8-.1.8-.2 2.1-.3 2.9-.1.7-.3 1.7-.4 2.1-.1.5-.3 1.4-.4 2.1-.2.6-.6 1.8-.8 2.6-.3.8-.7 2-1 2.6-.2.7-.6 1.6-.9 2.1l-1.1 2.2c-.4.7-1.1 1.8-1.5 2.5-.4.6-1.1 1.6-1.6 2.2-.4.5-1 1.3-1.4 1.7-.4.5-1.2 1.4-1.9 2.1s-1.7 1.6-2.2 2.1c-.6.5-1.5 1.3-2.1 1.7-.5.4-1.5 1.1-2.2 1.5-.6.5-32.2 18.8-70.1 40.8-38 22-69.1 40.1-69.2 40.2s-2.2 1.3-4.7 2.7c-2.5 1.5-5 2.9-5.5 3.2s-1 .6-1.2.8c-.2.1-.8.6-1.4 1.1l-1.8 1.8c-.4.5-1 1.3-1.4 1.8-.3.4-.9 1.4-1.3 2.1s-.8 1.7-1 2.2-.5 1.4-.6 2c-.2.5-.4 1.4-.4 2-.2.8-.2 2.2-.3 7.3 0 3.5-.1 13.5-.2 22.4-.1 14.5-.1 18.9.1 45.9.1 16.5.1 29.9.1 29.9l-57.5-33.3c-31.6-18.4-58-33.7-58.6-34s-54.4-31.6-119.6-69.4-119.1-69.2-119.8-69.7c-.7-.4-1.8-1.2-2.4-1.7s-1.7-1.4-2.4-2c-.6-.6-1.7-1.6-2.3-2.3s-1.4-1.6-1.8-2.1-1-1.3-1.4-1.9c-.4-.5-1-1.5-1.4-2.1s-1-1.7-1.4-2.5c-.4-.7-1-2-1.3-2.8-.4-.8-.9-2.1-1.2-2.9-.2-.8-.6-2.1-.8-2.7-.1-.7-.4-1.7-.5-2.3s-.2-1.5-.3-2.2c-.1-.6-.3-2-.3-3-.2-1.6-.2-18-.2-139.5 0-122.2 0-137.9.2-139.5 0-1 .2-2.3.3-2.9s.2-1.7.4-2.4c.1-.6.4-1.7.5-2.3l.9-2.7c.2-.8.8-2.2 1.1-3 .4-.8 1.1-2.2 1.6-3 .4-.9 1.2-2.2 1.7-2.9s1.2-1.8 1.7-2.4 1.4-1.6 2-2.3 1.6-1.8 2.3-2.4 1.7-1.5 2.3-2c.6-.4 1.8-1.3 2.7-1.9.8-.6 6.7-4.1 13.1-7.7 6.3-3.7 59.5-34.7 118.2-68.9 58.8-34.2 107.5-62.5 108.4-62.9.8-.5 2.3-1.1 3.2-1.5s2.3-.8 3-1.1c.7-.2 1.9-.5 2.6-.7.7-.1 1.9-.4 2.6-.5s1.8-.2 2.4-.3 1.1-.1 1.1-.2h2.5z"
+		fill="#fff"
+	/><path
+		d="m208.8 177.2c1.6 0 3.2.1 4 .2s2 .3 2.7.4c.8.2 2 .4 2.8.6.7.2 1.9.6 2.6.8s1.7.6 2.2.8 1.7.7 2.6 1.1c.9.5 2.1 1.1 2.8 1.5.6.3 1.6 1 2.1 1.3.6.4 1.5 1 1.9 1.4.5.3 1.3.9 1.8 1.4.5.4 1.7 1.6 2.8 2.6 1 1.1 2.3 2.4 2.8 3 .4.6 1.2 1.5 1.6 2.1s1.2 1.8 1.7 2.5c.5.8 1.2 2.2 1.7 3.2.5.9 1.1 2.4 1.5 3.2.3.9.7 2 .8 2.4.2.5.4 1.3.6 1.8.1.5.3 1.4.5 2.1.1.6.3 1.6.4 2.1s.2 1.5.3 2.3c.1.7.2 2.3.2 3.4v3.7c-.1.8-.2 1.9-.3 2.4 0 .4-.2 1.5-.3 2.2-.2.8-.4 1.8-.5 2.4-.2.8-.2 1.1-.2 1.1.1.1 24.5 14.3 108.3 63.2l.9-.9c.5-.5 1.3-1.2 1.6-1.5.4-.3 1.4-1.1 2.1-1.6.7-.6 1.9-1.4 2.7-1.9.7-.4 1.9-1.1 2.8-1.6.8-.4 2.1-1 2.9-1.4.8-.3 2.2-.8 3-1.1.8-.2 2.2-.7 3.2-.9.9-.2 2.2-.5 2.9-.6.6-.1 1.7-.3 2.3-.3.7-.1 2.2-.2 4.4-.2 2.7 0 3.7.1 4.8.2.7.1 1.9.3 2.7.4.7.2 1.9.4 2.7.6.7.2 2 .6 2.9.9.8.3 2 .7 2.5 1 .5.2 1.6.7 2.4 1.1s2.1 1 2.8 1.5c.8.5 1.7 1 2.1 1.3.3.3 1 .7 1.4 1.1.5.3 1.3.9 1.8 1.4.5.4 1.5 1.4 2.3 2.1.8.8 1.8 1.9 2.3 2.4.5.6 1.3 1.5 1.7 2.1.5.6 1.2 1.6 1.7 2.3.4.6 1 1.6 1.4 2.3.4.6.9 1.5 1.1 2 .2.4.7 1.5 1.1 2.3.3.8.8 2.1 1.1 2.8.2.8.6 1.9.8 2.6s.4 1.9.6 2.6c.1.8.3 2 .4 2.8s.3 2.3.3 3.4q.1 2 0 3.9c0 1.1-.1 2.5-.2 3.2s-.3 1.8-.4 2.6c-.2.7-.4 1.8-.6 2.5s-.6 2-.8 2.9c-.4.9-.9 2.3-1.2 3.1-.4.8-.9 1.9-1.1 2.3-.2.5-.7 1.4-1.1 2-.4.7-.9 1.5-1.2 1.9-.2.4-.8 1.3-1.3 1.9-.4.6-1.2 1.6-1.6 2.1-.5.5-1.4 1.6-2.1 2.3s-1.8 1.8-2.4 2.3c-.6.6-1.6 1.4-2.2 1.8-.5.4-1.5 1.2-2.2 1.6-.6.4-1.6 1-2.1 1.3s-1.5.9-2.3 1.2c-.7.4-1.8.9-2.4 1.2-.5.2-1.5.6-2.1.8s-1.8.6-2.6.8c-.7.2-2 .5-2.9.7-.8.2-2.2.4-3.1.5-1.5.2-2.2.3-4.9.3-2.5 0-3.5-.1-4.6-.2-.8-.1-2-.3-2.8-.4l-2.8-.7c-.8-.2-2.2-.6-3-.9-.9-.3-2.2-.8-2.8-1-.7-.3-1.9-.9-2.7-1.3s-2-1.1-2.6-1.5c-.6-.3-1.4-.8-1.7-1.1-.4-.3-1.1-.7-1.5-1.1-.5-.3-1.3-1-1.9-1.5-.5-.4-1.7-1.6-2.6-2.4-.8-.9-1.9-2.1-2.4-2.6-.5-.6-1.2-1.5-1.5-2-.4-.5-1-1.3-1.3-1.8-.4-.5-1-1.5-1.4-2.2s-1-1.9-1.4-2.6c-.3-.8-.9-2-1.2-2.8s-.7-1.9-.9-2.6c-.2-.6-.5-1.7-.7-2.5s-.5-1.9-.6-2.5c-.1-.7-.3-1.7-.4-2.4 0-.7-.2-2.1-.2-3.2-.1-1.2-.1-2.6 0-3.8 0-1 .2-2.5.2-3.2.1-.7.4-2.1.6-3.1.1-.9.5-2.3.7-2.9.1-.7.3-1.4.4-1.5q.1-.2-.1-.1c-.1.1-14.7-8.3-107.7-62.3l-1.6 1.4c-.8.8-2 1.9-2.6 2.4s-1.6 1.3-2.2 1.7c-.7.5-1.7 1.2-2.2 1.5-.6.4-1.8 1-2.7 1.5s-2.1 1.1-2.8 1.3c-.6.3-1.8.8-2.5 1-.7.3-1.9.6-2.7.8-.7.2-1.7.5-2.3.6s-1.4.3-1.9.4c-.5 0-1.4.2-2 .2-.7.1-2.3.2-4.5.2-2.9 0-3.6-.1-5-.3-.9-.1-2.3-.3-3-.4-.7-.2-1.9-.5-2.8-.7-.8-.2-2-.6-2.7-.9-.7-.2-1.7-.6-2.3-.9-.5-.2-1.7-.7-2.5-1.2-.9-.4-2.2-1.1-2.9-1.6-.8-.5-1.9-1.2-2.6-1.7-.6-.5-1.6-1.2-2-1.6-.5-.4-1.4-1.2-2.1-1.9s-1.8-1.8-2.4-2.5c-.6-.6-1.5-1.7-2-2.3s-1.3-1.7-1.8-2.5-1.2-1.8-1.4-2.3c-.3-.4-.8-1.3-1.1-2s-.8-1.7-1.1-2.4c-.3-.6-.7-1.9-1.1-2.9-.3-.9-.7-2.2-.8-2.7-.2-.6-.4-1.6-.5-2.3-.2-.8-.4-2-.5-2.9-.2-1-.2-2.4-.3-4.2 0-1.6 0-3.2.1-4.1 0-.7.2-2 .3-2.8s.3-1.8.4-2.2c0-.4.3-1.3.4-2 .2-.7.5-1.8.8-2.5.2-.7.6-1.8.8-2.5.3-.6.8-1.9 1.2-2.7.5-.9 1-2 1.3-2.4.2-.5.8-1.4 1.2-2s1.1-1.6 1.5-2.2c.5-.6 1.2-1.6 1.7-2.2.5-.5 1.6-1.7 2.4-2.6.9-.8 2.2-2 2.9-2.6s1.9-1.5 2.5-2c.7-.4 1.8-1.2 2.5-1.6s1.9-1.1 2.6-1.5c.8-.3 1.9-.9 2.7-1.2.7-.3 2-.8 2.7-1 .8-.3 2.2-.7 3.1-.9.8-.2 2.2-.5 3-.7.8-.1 2-.2 2.7-.3.6-.1 1.3-.1 1.6-.2h3.1zm125.1 170.8c.1 0 4.5 2.5 9.9 5.5 5.3 3.1 9.7 5.6 9.8 5.6 0 .1-23.8 13.9-52.8 30.8-50.7 29.5-52.8 30.7-52.7 31 0 .1.2.9.3 1.7.2.8.4 2 .5 2.7s.2 1.9.3 2.8c0 .9.1 2.3 0 3.6 0 1.2-.1 2.7-.2 3.5-.1.7-.2 1.8-.3 2.3s-.3 1.3-.4 1.9c-.1.5-.4 1.5-.5 2.2-.2.7-.5 1.7-.7 2.3s-.6 1.5-.8 2-.7 1.7-1.1 2.6c-.4.8-1 2-1.3 2.5s-1 1.6-1.6 2.5c-.5.8-1.5 2.2-2.1 2.9-.6.8-1.8 2.1-2.7 3s-2.1 2.1-2.7 2.6c-.6.6-1.6 1.3-2.1 1.7s-1.5 1.1-2.1 1.5c-.5.4-1.5 1-2 1.3s-1.7.9-2.6 1.3c-.9.5-2.1 1-2.8 1.3-.6.2-1.6.6-2.2.8s-1.5.5-2.1.6c-.6.2-1.5.4-2 .5-.6.1-1.4.3-1.9.4s-1.6.2-2.3.3c-.8.1-2.3.2-3.4.2-1.2.1-2.6 0-3.6 0-.9-.1-2.1-.2-2.7-.3-.7-.1-1.9-.3-2.8-.5-.8-.1-1.9-.4-2.4-.5-.5-.2-1.4-.5-2.1-.6-.6-.3-1.6-.6-2.2-.9-.7-.2-1.9-.8-2.8-1.2-.8-.4-2-1-2.6-1.4-.6-.3-1.7-1-2.3-1.4-.7-.5-1.7-1.1-2.2-1.5s-1.3-1.1-1.9-1.6c-.5-.4-1.7-1.6-2.6-2.5-1-1-2.1-2.3-2.6-2.8-.4-.6-1.1-1.4-1.4-1.9-.3-.4-.9-1.2-1.2-1.7-.4-.6-.9-1.5-1.3-2.1-.3-.6-.8-1.4-1-1.9-.2-.4-.7-1.4-1-2.2-.4-.8-.8-2.1-1.1-2.8-.3-.8-.7-2.2-.9-3.2-.3-1-.6-2.3-.7-3-.1-.6-.3-1.7-.4-2.4-.1-1-.1-2-.1-4.8 0-3 0-3.7.2-5.1.1-.9.3-2.3.5-3.1.2-.9.5-2.3.8-3.2.2-.8.6-2.1.9-2.8.2-.7.7-1.9 1-2.6s.8-1.6 1-2 .7-1.2.9-1.7c.3-.5.9-1.5 1.4-2.2s1.2-1.8 1.7-2.4 1.2-1.5 1.7-2c.4-.5 1.5-1.7 2.4-2.5.9-.9 2.3-2.1 3-2.7.8-.7 1.9-1.5 2.4-1.8.6-.4 1.4-1 1.9-1.3s1.8-1 2.8-1.5c1.1-.6 2.5-1.2 3.1-1.4.6-.3 1.7-.7 2.4-.9.8-.3 1.9-.6 2.6-.8.7-.1 1.8-.4 2.6-.5.7-.2 1.8-.4 2.5-.4.7-.1 2.1-.2 3.1-.3h3.8c1 .1 2.5.2 3.1.3.7 0 1.8.2 2.6.4.7.1 1.9.4 2.7.6.7.2 2.1.6 2.9.9.8.2 2.1.7 2.7 1 .7.3 1.9.9 2.8 1.3.9.5 2.2 1.2 2.8 1.6l2.1 1.4c.5.4 1.4 1 1.9 1.4s1.5 1.4 2.4 2.2c.8.7 1.7 1.6 2.5 2.5l47.6-27.5c26.3-15.2 47.7-27.6 47.7-27.6z"
+		fill="#0f2b46"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DeepSeekIcon.svelte b/frontend/src/lib/components/icons/DeepSeekIcon.svelte
index d0ba0c6423..560c5704bb 100644
--- a/frontend/src/lib/components/icons/DeepSeekIcon.svelte
+++ b/frontend/src/lib/components/icons/DeepSeekIcon.svelte
@@ -7,7 +7,15 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#4D6BFE" xmlns="http://www.w3.org/2000/svg">
+<!-- #4D6BFE / #6799FE per deepseek.com design tokens (--ds-color-brand under :root / [data-theme=dark]). -->
+<svg
+	class="text-[#4D6BFE] dark:text-[#6799FE]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"
 	/>
diff --git a/frontend/src/lib/components/icons/DenoIcon.svelte b/frontend/src/lib/components/icons/DenoIcon.svelte
index 86dca42410..776144b34f 100644
--- a/frontend/src/lib/components/icons/DenoIcon.svelte
+++ b/frontend/src/lib/components/icons/DenoIcon.svelte
@@ -1,41 +1,44 @@
 <script lang="ts">
 	interface Props {
-		height?: number;
-		width?: number;
+		height?: number
+		width?: number
 	}
 
-	let { height = 24, width = 24 }: Props = $props();
+	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per the "Deno Logo Guidelines 2024" asset pack on deno.com/brand. Deno
+	publishes no hex and forbids colorizing; the black "Light (no outline)" and white "Dark
+	(outlined)" marks are separate artworks to be swapped per background, never inverted. -->
 <svg
-	class="text-black dark:text-gray-900"
-	viewBox="0 0 30 30"
+	class="dark:hidden"
+	viewBox="0 0 401 401"
 	width={`${width}px`}
 	height={`${height}px`}
+	fill-rule="evenodd"
+	clip-rule="evenodd"
 	xmlns="http://www.w3.org/2000/svg"
 	aria-label="Deno Logo"
-	><g clip-path="url(#clip0_29_599)"
-		><path
-			d="M15 0C23.2843 0 30 6.71572 30 15C30 23.2843 23.2843 30 15 30C6.71572 30 0 23.2843 0 15C0 6.71572 6.71572 0 15 0Z"
-			fill="currentColor"
-		/><path
-			d="M14.6635 22.3394C14.2788 22.2357 13.8831 22.4584 13.7705 22.8381L13.7655 22.8558L12.7694 26.5472L12.7649 26.565C12.6711 26.9498 12.9011 27.3414 13.2858 27.4451C13.6704 27.549 14.0661 27.3263 14.1787 26.9465L14.1837 26.9289L15.1797 23.2375L15.1843 23.2196C15.1911 23.1919 15.1962 23.164 15.1997 23.1362L15.2026 23.1084L15.179 22.9888L15.1445 22.8166L15.1227 22.7091C15.076 22.619 15.0111 22.5396 14.932 22.4759C14.853 22.4123 14.7615 22.3658 14.6635 22.3394ZM7.7224 18.5379C7.70424 18.5741 7.68883 18.6123 7.67658 18.6522L7.66967 18.6763L6.67358 22.3677L6.669 22.3856C6.57525 22.7704 6.80524 23.1619 7.1899 23.2657C7.57451 23.3695 7.97026 23.1469 8.08287 22.7671L8.08779 22.7494L8.99096 19.4023C8.51793 19.1518 8.09336 18.8628 7.7224 18.5379ZM5.34707 14.2929C4.9624 14.1891 4.56666 14.4117 4.4541 14.7915L4.44912 14.8092L3.45303 18.5006L3.44846 18.5184C3.35471 18.9032 3.58469 19.2947 3.96936 19.3985C4.35397 19.5023 4.74971 19.2797 4.86232 18.8999L4.86725 18.8822L5.86334 15.1908L5.86791 15.173C5.96166 14.7882 5.73174 14.3967 5.34707 14.2929ZM27.682 13.4546C27.2973 13.3508 26.9015 13.5734 26.789 13.9532L26.784 13.9709L25.7879 17.6623L25.7833 17.6801C25.6896 18.0649 25.9196 18.4564 26.3042 18.5602C26.6889 18.664 27.0846 18.4414 27.1972 18.0616L27.2021 18.0439L28.1982 14.3525L28.2028 14.3347C28.2965 13.9499 28.0666 13.5584 27.682 13.4546ZM3.17781 8.52527C2.34361 10.0444 1.81243 11.7112 1.61377 13.4329C1.7088 13.5412 1.83381 13.619 1.97301 13.6563C2.35768 13.7602 2.75342 13.5375 2.86598 13.1577L2.87096 13.1401L3.86705 9.44865L3.87162 9.43084C3.96537 9.04599 3.73539 8.65447 3.35072 8.5507C3.2943 8.53547 3.23623 8.52694 3.17781 8.52527ZM25.159 8.5507C24.7744 8.44687 24.3786 8.66953 24.266 9.04933L24.2611 9.06697L23.265 12.7584L23.2604 12.7762C23.1667 13.161 23.3966 13.5526 23.7813 13.6563C24.1659 13.7602 24.5617 13.5375 24.6743 13.1577L24.6792 13.1401L25.6753 9.44865L25.6799 9.43084C25.7736 9.04599 25.5436 8.65447 25.159 8.5507Z"
-			fill="white"
-		/><path
-			d="M7.51285 5.04065C7.12824 4.93682 6.73249 5.15948 6.61988 5.53929L6.61495 5.55692L5.61886 9.24833L5.61429 9.26614C5.52054 9.65098 5.75052 10.0425 6.13519 10.1463C6.5198 10.2501 6.91554 10.0274 7.02816 9.64764L7.03308 9.63001L8.02917 5.9386L8.03374 5.92079C8.12749 5.53595 7.89751 5.14442 7.51285 5.04065ZM20.3116 5.73845C19.9269 5.63462 19.5312 5.85727 19.4186 6.23708L19.4136 6.25471L18.7443 8.73499C19.1779 8.94915 19.5917 9.20126 19.9809 9.48839L20.0453 9.53643L20.8279 6.63639L20.8324 6.61858C20.9262 6.23374 20.6963 5.84221 20.3116 5.73845ZM13.7968 1.57642C13.3296 1.61771 12.8647 1.68338 12.4043 1.77317L12.3066 1.79263L11.3782 5.23419L11.3736 5.252C11.2799 5.63684 11.5099 6.02837 11.8945 6.13214C12.2792 6.23596 12.6749 6.01331 12.7875 5.6335L12.7924 5.61587L13.7885 1.92446L13.7931 1.90665C13.8196 1.79831 13.8209 1.68533 13.7968 1.57642ZM22.9626 4.1263L22.7669 4.85169L22.7623 4.86944C22.6686 5.25429 22.8986 5.64581 23.2832 5.74958C23.6678 5.85341 24.0636 5.63075 24.1762 5.25095L24.1811 5.23331L24.2025 5.15462C23.8362 4.81205 23.4511 4.49009 23.0491 4.19022L22.9626 4.1263ZM17.1672 1.69677L16.8139 3.00593L16.8094 3.02374C16.7156 3.40858 16.9456 3.80011 17.3303 3.90388C17.7149 4.0077 18.1106 3.78505 18.2233 3.40524L18.2282 3.38761L18.6 2.00966C18.1624 1.88867 17.719 1.79001 17.2714 1.71405L17.1672 1.69677Z"
-			fill="white"
-		/><path
-			d="M9.69085 24.6253C9.80341 24.2455 10.1992 24.0229 10.5838 24.1266C10.9685 24.2303 11.1984 24.6219 11.1047 25.0068L11.1001 25.0246L10.3872 27.6664L10.2876 27.6297C9.85836 27.4694 9.43765 27.2873 9.0271 27.0839L9.68587 24.6429L9.69085 24.6253Z"
-			fill="white"
-		/><path
-			d="M14.4141 8.49082C10.0522 8.49082 6.65918 11.2368 6.65918 14.6517C6.65918 17.8769 9.78123 19.9362 14.6211 19.8331C15.0327 19.8243 15.1517 20.1008 15.2856 20.4734C15.4196 20.846 15.7796 22.8097 16.0665 24.3117C16.3233 25.656 16.5842 27.0052 16.7834 28.3596C19.9439 27.9418 22.8663 26.3807 25.0076 24.0261L22.7237 15.5088C22.1544 13.4518 21.489 11.5564 19.7283 10.1794C18.3118 9.07166 16.5122 8.49082 14.4141 8.49082Z"
-			fill="white"
-		/><path
-			d="M15.3516 10.957C15.8694 10.957 16.2891 11.3767 16.2891 11.8945C16.2891 12.4123 15.8694 12.832 15.3516 12.832C14.8338 12.832 14.4141 12.4123 14.4141 11.8945C14.4141 11.3767 14.8338 10.957 15.3516 10.957Z"
-			fill="currentColor"
+>
+	<path
+		d="M261.684,245.149C295.545,246.811 330.909,231.614 341.887,201.373C352.865,171.132 348.608,141.225 309.226,123.287C269.845,105.343 251.657,84.015 219.841,71.147C199.054,62.739 175.926,67.729 152.177,80.854C88.214,116.205 30.903,227.892 57.319,331.372C57.698,332.791 57.062,334.275 55.775,334.987C54.496,335.691 52.89,335.426 51.898,334.347C16.282,295.06 -3.759,241.788 0.593,184.791C8.998,74.728 105.178,-7.806 215.241,0.599C325.296,9.003 407.83,105.182 399.425,215.245C395.896,261.466 376.89,302.829 347.866,334.644C325.671,357.444 297.393,367.579 273.796,367.16C256.689,366.857 239.957,360.048 228.387,350.094C211.871,335.866 205.196,319.609 202.913,301.459C202.341,296.952 202.677,284.662 205.025,276.15C206.77,269.807 211.21,257.551 217.701,252.193C210.106,248.927 200.34,241.805 197.255,238.388C196.502,237.55 196.603,236.232 197.281,235.331C197.952,234.422 199.147,234.069 200.206,234.451C206.734,236.69 214.683,238.895 223.066,240.302C234.087,242.146 247.795,244.461 261.684,245.149ZM192.777,85.086C203.566,84.24 212.979,93.449 214.602,105.695C216.766,122.009 210.78,138.861 191.091,139.249C174.272,139.584 169.176,122.624 170.291,112.349C171.398,102.074 179.868,86.099 192.777,85.086Z"
+		fill="#000000"
+	/>
+</svg>
+<svg
+	class="hidden dark:block"
+	viewBox="0 0 441 441"
+	width={`${width}px`}
+	height={`${height}px`}
+	fill-rule="evenodd"
+	clip-rule="evenodd"
+	xmlns="http://www.w3.org/2000/svg"
+	aria-label="Deno Logo"
+>
+	<g transform="matrix(0.0920293,0.00428099,-0.00428099,0.0920293,-28.1272,-500.301)">
+		<path
+			d="M3053.7,5296.9C4371.65,5296.9 5441.66,6366.91 5441.66,7684.86C5441.66,9002.81 4371.65,10072.8 3053.7,10072.8C1735.75,10072.8 665.74,9002.81 665.74,7684.86C665.74,6366.91 1735.75,5296.9 3053.7,5296.9ZM3745.03,8143.22C3594.12,8142.82 3444.31,8124.57 3323.87,8110.15C3232.29,8099.18 3144.99,8079.23 3073.1,8058.23C3061.36,8054.62 3048.65,8059.09 3041.75,8069.24C3034.86,8079.4 3034.46,8093.71 3043.09,8102.44C3078.21,8137.94 3187.74,8210.21 3271.7,8241.83C3204.04,8303.2 3162.1,8438.28 3146.33,8507.94C3125.17,8601.4 3127.75,8734.83 3136.19,8783.45C3170.14,8979.04 3250.69,9151.99 3436.99,9297.9C3567.4,9400.03 3752.28,9465.38 3937.88,9460.06C4194.01,9452.71 4495.48,9328.51 4724.65,9070.17C5023.25,8710.58 5208.52,8252.45 5223.47,7749.5C5259.08,6551.9 4315.7,5550.69 3118.1,5515.08C1920.51,5479.47 919.301,6422.86 883.689,7620.45C865.246,8240.66 1109.37,8808.21 1515.43,9216.2C1526.73,9227.39 1544.21,9229.43 1557.78,9221.14C1571.35,9212.85 1577.51,9196.36 1572.7,9181.2C1234.07,8072.55 1799.11,6832.64 2474.84,6417.1C2725.71,6262.82 2973.99,6197.06 3203.56,6277.7C3555.04,6401.15 3763.03,6623.26 4199.06,6797.93C4635.09,6972.59 4696.35,7294.74 4592.58,7628.14C4488.81,7961.54 4113,8144.17 3745.03,8143.22ZM2917.17,6442.51C2777.75,6459.97 2693.93,6637.44 2687.08,6749.42C2680.18,6861.39 2744.03,7042.7 2926.19,7030.63C3139.52,7016.49 3195.89,6830.7 3164.24,6654.94C3140.48,6522.94 3033.73,6427.9 2917.17,6442.51Z"
+			fill="#FFFFFF"
 		/>
 	</g>
-	<defs>
-		<clipPath id="clip0_29_599"><rect width="30" height="30" fill="white" /> </clipPath>
-	</defs></svg
->
+</svg>
diff --git a/frontend/src/lib/components/icons/DigitalOceanIcon.svelte b/frontend/src/lib/components/icons/DigitalOceanIcon.svelte
index 206e395175..6daeb458d0 100644
--- a/frontend/src/lib/components/icons/DigitalOceanIcon.svelte
+++ b/frontend/src/lib/components/icons/DigitalOceanIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #0080FF per DigitalOcean's official logo kit (DO_Logo_icon_blue.svg, linked from digitalocean.com/press). -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#0080FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.04 0C5.408-.02.005 5.37.005 11.992h4.638c0-4.923 4.882-8.731 10.064-6.855a6.95 6.95 0 014.147 4.148c1.889 5.177-1.924 10.055-6.84 10.064v-4.61H7.391v4.623h4.61V24c7.86 0 13.967-7.588 11.397-15.83-1.115-3.59-3.985-6.446-7.575-7.575A12.8 12.8 0 0012.039 0zM7.39 19.362H3.828v3.564H7.39zm-3.563 0v-2.978H.85v2.978z"/>
+	<path
+		d="M12.04 0C5.408-.02.005 5.37.005 11.992h4.638c0-4.923 4.882-8.731 10.064-6.855a6.95 6.95 0 014.147 4.148c1.889 5.177-1.924 10.055-6.84 10.064v-4.61H7.391v4.623h4.61V24c7.86 0 13.967-7.588 11.397-15.83-1.115-3.59-3.985-6.446-7.575-7.575A12.8 12.8 0 0012.039 0zM7.39 19.362H3.828v3.564H7.39zm-3.563 0v-2.978H.85v2.978z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DiscordIcon.svelte b/frontend/src/lib/components/icons/DiscordIcon.svelte
index 384008b773..ca92f30ed4 100644
--- a/frontend/src/lib/components/icons/DiscordIcon.svelte
+++ b/frontend/src/lib/components/icons/DiscordIcon.svelte
@@ -1,21 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #5865F2 (Blurple) per https://discord.com/branding. Discord forbids recolouring the logo, so no per-theme variant. -->
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 18.90625 7 C 18.90625 7 12.539063 7.4375 8.375 10.78125 C 8.355469 10.789063 8.332031 10.800781 8.3125 10.8125 C 7.589844 11.480469 7.046875 12.515625 6.375 14 C 5.703125 15.484375 4.992188 17.394531 4.34375 19.53125 C 3.050781 23.808594 2 29.058594 2 34 C 1.996094 34.175781 2.039063 34.347656 2.125 34.5 C 3.585938 37.066406 6.273438 38.617188 8.78125 39.59375 C 11.289063 40.570313 13.605469 40.960938 14.78125 41 C 15.113281 41.011719 15.429688 40.859375 15.625 40.59375 L 18.0625 37.21875 C 20.027344 37.683594 22.332031 38 25 38 C 27.667969 38 29.972656 37.683594 31.9375 37.21875 L 34.375 40.59375 C 34.570313 40.859375 34.886719 41.011719 35.21875 41 C 36.394531 40.960938 38.710938 40.570313 41.21875 39.59375 C 43.726563 38.617188 46.414063 37.066406 47.875 34.5 C 47.960938 34.347656 48.003906 34.175781 48 34 C 48 29.058594 46.949219 23.808594 45.65625 19.53125 C 45.007813 17.394531 44.296875 15.484375 43.625 14 C 42.953125 12.515625 42.410156 11.480469 41.6875 10.8125 C 41.667969 10.800781 41.644531 10.789063 41.625 10.78125 C 37.460938 7.4375 31.09375 7 31.09375 7 C 31.019531 6.992188 30.949219 6.992188 30.875 7 C 30.527344 7.046875 30.234375 7.273438 30.09375 7.59375 C 30.09375 7.59375 29.753906 8.339844 29.53125 9.40625 C 27.582031 9.09375 25.941406 9 25 9 C 24.058594 9 22.417969 9.09375 20.46875 9.40625 C 20.246094 8.339844 19.90625 7.59375 19.90625 7.59375 C 19.734375 7.203125 19.332031 6.964844 18.90625 7 Z M 18.28125 9.15625 C 18.355469 9.359375 18.40625 9.550781 18.46875 9.78125 C 16.214844 10.304688 13.746094 11.160156 11.4375 12.59375 C 11.074219 12.746094 10.835938 13.097656 10.824219 13.492188 C 10.816406 13.882813 11.039063 14.246094 11.390625 14.417969 C 11.746094 14.585938 12.167969 14.535156 12.46875 14.28125 C 17.101563 11.410156 22.996094 11 25 11 C 27.003906 11 32.898438 11.410156 37.53125 14.28125 C 37.832031 14.535156 38.253906 14.585938 38.609375 14.417969 C 38.960938 14.246094 39.183594 13.882813 39.175781 13.492188 C 39.164063 13.097656 38.925781 12.746094 38.5625 12.59375 C 36.253906 11.160156 33.785156 10.304688 31.53125 9.78125 C 31.59375 9.550781 31.644531 9.359375 31.71875 9.15625 C 32.859375 9.296875 37.292969 9.894531 40.3125 12.28125 C 40.507813 12.460938 41.1875 13.460938 41.8125 14.84375 C 42.4375 16.226563 43.09375 18.027344 43.71875 20.09375 C 44.9375 24.125 45.921875 29.097656 45.96875 33.65625 C 44.832031 35.496094 42.699219 36.863281 40.5 37.71875 C 38.5 38.496094 36.632813 38.84375 35.65625 38.9375 L 33.96875 36.65625 C 34.828125 36.378906 35.601563 36.078125 36.28125 35.78125 C 38.804688 34.671875 40.15625 33.5 40.15625 33.5 C 40.570313 33.128906 40.605469 32.492188 40.234375 32.078125 C 39.863281 31.664063 39.226563 31.628906 38.8125 32 C 38.8125 32 37.765625 32.957031 35.46875 33.96875 C 34.625 34.339844 33.601563 34.707031 32.4375 35.03125 C 32.167969 35 31.898438 35.078125 31.6875 35.25 C 29.824219 35.703125 27.609375 36 25 36 C 22.371094 36 20.152344 35.675781 18.28125 35.21875 C 18.070313 35.078125 17.8125 35.019531 17.5625 35.0625 C 16.394531 34.738281 15.378906 34.339844 14.53125 33.96875 C 12.234375 32.957031 11.1875 32 11.1875 32 C 10.960938 31.789063 10.648438 31.699219 10.34375 31.75 C 9.957031 31.808594 9.636719 32.085938 9.53125 32.464844 C 9.421875 32.839844 9.546875 33.246094 9.84375 33.5 C 9.84375 33.5 11.195313 34.671875 13.71875 35.78125 C 14.398438 36.078125 15.171875 36.378906 16.03125 36.65625 L 14.34375 38.9375 C 13.367188 38.84375 11.5 38.496094 9.5 37.71875 C 7.300781 36.863281 5.167969 35.496094 4.03125 33.65625 C 4.078125 29.097656 5.0625 24.125 6.28125 20.09375 C 6.90625 18.027344 7.5625 16.226563 8.1875 14.84375 C 8.8125 13.460938 9.492188 12.460938 9.6875 12.28125 C 12.707031 9.894531 17.140625 9.296875 18.28125 9.15625 Z M 18.5 21 C 15.949219 21 14 23.316406 14 26 C 14 28.683594 15.949219 31 18.5 31 C 21.050781 31 23 28.683594 23 26 C 23 23.316406 21.050781 21 18.5 21 Z M 31.5 21 C 28.949219 21 27 23.316406 27 26 C 27 28.683594 28.949219 31 31.5 31 C 34.050781 31 36 28.683594 36 26 C 36 23.316406 34.050781 21 31.5 21 Z M 18.5 23 C 19.816406 23 21 24.265625 21 26 C 21 27.734375 19.816406 29 18.5 29 C 17.183594 29 16 27.734375 16 26 C 16 24.265625 17.183594 23 18.5 23 Z M 31.5 23 C 32.816406 23 34 24.265625 34 26 C 34 27.734375 32.816406 29 31.5 29 C 30.183594 29 29 27.734375 29 26 C 29 24.265625 30.183594 23 31.5 23 Z"
-	/></svg
+	viewBox="0.02 57.8 511.92 396.3"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
 >
+	<path
+		d="M433.7 91a416.5 416.5 0 0 0-105.6-33.2c-4.6 8.2-9.9 19.3-13.5 28.1-39.4-5.9-78.4-5.9-117.1 0-3.7-8.8-9.1-19.9-13.7-28.1-37.1 6.4-72.6 17.7-105.7 33.3-66.8 101-85 199.5-75.9 296.6 44.3 33.1 87.3 53.2 129.6 66.4 10.4-14.4 19.7-29.6 27.7-45.7-15.3-5.8-29.9-13-43.7-21.3 3.7-2.7 7.2-5.6 10.7-8.5 84.2 39.4 175.8 39.4 259 0 3.5 2.9 7.1 5.8 10.7 8.5-13.9 8.3-28.5 15.5-43.8 21.3 8 16 17.3 31.3 27.7 45.7 42.3-13.2 85.3-33.3 129.6-66.4 10.8-112.5-18-210.1-76-296.7M170.9 328c-25.3 0-46-23.6-46-52.4s20.3-52.4 46-52.4 46.5 23.6 46 52.4c.1 28.8-20.2 52.4-46 52.4m170.2 0c-25.3 0-46-23.6-46-52.4s20.3-52.4 46-52.4 46.5 23.6 46 52.4c0 28.8-20.3 52.4-46 52.4"
+		style="fill:#5865f2"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/DiscourseIcon.svelte b/frontend/src/lib/components/icons/DiscourseIcon.svelte
index fd1e53f9a3..dd590cee4a 100644
--- a/frontend/src/lib/components/icons/DiscourseIcon.svelte
+++ b/frontend/src/lib/components/icons/DiscourseIcon.svelte
@@ -1,12 +1,38 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z"/>
+<!-- #000000 / #FFFFFF per discourse.org/brand (discourse-icon.svg / discourse-icon-dark.svg). Only
+	the outer bubble reverses; the five inner colours are the same in both variants. -->
+<svg
+	{width}
+	{height}
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	viewBox="0 0 512 512"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M258.2 0C119.3 0 2.3 112.6 2.3 251.5V512l255.8-.2c138.9 0 251.5-116.9 251.5-255.8S396.9 0 258.2 0"
+	/><path
+		d="M260.8 97.4c-54.9 0-105.8 29-133.9 76.2s-29.3 105.7-3.2 154l-28.2 90.8 101.3-22.9c58 26.1 126.1 14.4 172-29.7s60.4-111.6 36.7-170.7c-23.7-59-80.9-97.8-144.6-97.8z"
+		style="fill:#fff9ae"
+	/><path
+		d="M382.7 349.7c-44.3 55.9-120.8 74.6-185.9 45.4L95.5 418.3l103.1-12.2c68.4 40 155.9 22.4 203.4-41s40-152.4-17.6-206.8c43.3 56.7 42.6 135.6-1.7 191.4"
+		style="fill:#00aeef"
+	/><path
+		d="M374 320.1c-38.2 60.2-112.4 86.8-180.1 64.6l-98.3 33.6 101.3-22.9c72.2 32.6 157.3 5.9 197.9-62 40.6-68 23.9-155.6-38.9-203.7 48.8 51.8 56.3 130.3 18.1 190.4"
+		style="fill:#00a94f"
+	/><path
+		d="M133 331c-28.2-68.1-5-146.6 55.8-188.3s142.4-35.2 195.8 15.7C335.2 93.5 244.2 77.7 175.8 122c-68.4 44.4-91.1 133.9-52 205.5l-28.2 90.8z"
+		style="fill:#f15d22"
+	/><path
+		d="M123.7 327.5c-35-64.7-20-145.1 35.9-192.8 56-47.7 137.8-49.9 196.1-5-56-58.9-147.9-65-211.1-13.9S68.1 258 114 325.1l-18.5 93.2z"
+		style="fill:#d0232b"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DocSpringIcon.svelte b/frontend/src/lib/components/icons/DocSpringIcon.svelte
new file mode 100644
index 0000000000..f67ba12c70
--- /dev/null
+++ b/frontend/src/lib/components/icons/DocSpringIcon.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #3C8EE0 per DocSpring's own logo SVG, docspring.com/assets/logo-text-*.svg. -->
+<svg {width} {height} viewBox="0 0 325 375" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<path
+			d="M82.7708709,9.04533917 C86.4749789,5.03737303 89.622499,2.53280823 92.2134313,1.53164477 C95.1943105,0.379801744 98.0002807,-0.12237578 100.631342,0.0251121959 L107,0.0251121959 L325.000002,-5.40012479e-13 L325.000002,337.5 C325.000002,358.210678 308.21068,375 287.500002,375 L-1.13686838e-13,375 L0.048844333,110 L0.048844333,105.626194 C-0.125483604,104.504595 0.16682749,102.922738 0.925777616,100.880623 C1.68472774,98.8385079 3.42554643,96.4605452 6.14823367,93.7467348 L82.7708709,9.04533917 Z"
+			id="docspring-path-1"
+		></path>
+	</defs>
+	<g id="docspring-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+		<g id="docspring-docspring-example-simple" transform="translate(-680.000000, -340.000000)">
+			<g id="docspring-docspring-logo" transform="translate(680.000000, 340.000000)">
+				<path
+					d="M530.5,88 C588.4,88 631,134.2 631,193 C631,251.5 588.4,298 530.5,298 L448,298 L448,88 L530.5,88 Z M530.5,265 C570.4,265 597.7,234.4 597.7,193 C597.7,151.3 570.4,121 530.5,121 L482.5,121 L482.5,265 L530.5,265 Z M731.2,301.9 C687.4,301.9 652,267.4 652,223 C652,178.3 687.4,144.1 731.2,144.1 C775.3,144.1 810.4,178.3 810.4,223 C810.4,267.4 775.3,301.9 731.2,301.9 Z M731.2,270.4 C757.6,270.4 778,250.3 778,223 C778,195.7 757.6,175.6 731.2,175.6 C704.8,175.6 684.4,195.7 684.4,223 C684.4,250.3 704.8,270.4 731.2,270.4 Z M910.6,301.9 C865.3,301.9 831.4,267.4 831.4,223 C831.4,178.3 865.3,144.1 910.6,144.1 C940,144.1 965.5,159.4 977.5,182.8 L949.6,199 C943,184.9 928.3,175.9 910.3,175.9 C883.9,175.9 863.8,196 863.8,223 C863.8,250 883.9,270.1 910.3,270.1 C928.3,270.1 943,260.8 950.2,247 L978.1,262.9 C965.5,286.6 940,301.9 910.6,301.9 Z M1074.4,301.9 C1033,301.9 1004.5,281.5 993.4,250.3 L1023.1,232.9 C1030.6,254.2 1046.8,268.3 1075.3,268.3 C1102.6,268.3 1114.3,256 1114.3,240.7 C1114.3,222.1 1097.8,215.8 1066.6,206.2 C1033.9,196.3 1002.1,184.3 1002.1,144.7 C1002.1,106 1034.2,84.1 1069.6,84.1 C1104.1,84.1 1129.6,102.4 1142.8,130.3 L1113.7,147.1 C1106.2,130.3 1093,117.7 1069.6,117.7 C1049.5,117.7 1036.6,127.9 1036.6,143.8 C1036.6,160 1048.3,166.9 1078.9,176.5 C1113.7,187.6 1148.8,198.4 1148.8,240.1 C1148.8,278.5 1118.2,301.9 1074.4,301.9 Z M1261.6,144.1 C1302.4,144.1 1336.3,178.6 1336.3,223 C1336.3,267.7 1302.4,301.9 1261.6,301.9 C1238.2,301.9 1220.5,292.3 1209.1,276.7 L1209.1,358 L1176.7,358 L1176.7,148 L1209.1,148 L1209.1,169.6 C1220.5,153.7 1238.2,144.1 1261.6,144.1 Z M1256.5,271 C1283.5,271 1303.9,250.9 1303.9,223 C1303.9,195.1 1283.5,175 1256.5,175 C1229.5,175 1209.1,195.1 1209.1,223 C1209.1,250.9 1229.5,271 1256.5,271 Z M1398.1,173.2 C1407.1,152.8 1425.4,145.3 1444.3,145.3 L1444.3,180.4 C1423,178.9 1398.1,188.8 1398.1,222.4 L1398.1,298 L1365.7,298 L1365.7,148 L1398.1,148 L1398.1,173.2 Z M1484.5,125.5 C1473.1,125.5 1463.8,115.9 1463.8,104.8 C1463.8,93.4 1473.1,84.1 1484.5,84.1 C1495.9,84.1 1505.2,93.4 1505.2,104.8 C1505.2,115.9 1495.9,125.5 1484.5,125.5 Z M1468.3,298 L1468.3,148 L1500.7,148 L1500.7,298 L1468.3,298 Z M1617.1,144.1 C1650.7,144.1 1674.7,166.9 1674.7,205.9 L1674.7,298 L1642.3,298 L1642.3,209.2 C1642.3,186.4 1629.1,174.4 1608.7,174.4 C1587.4,174.4 1570.6,187 1570.6,217.6 L1570.6,298 L1538.2,298 L1538.2,148 L1570.6,148 L1570.6,167.2 C1580.5,151.6 1596.7,144.1 1617.1,144.1 Z M1828.9,148 L1860.7,148 L1860.7,291.1 C1860.7,339.4 1822.9,361.9 1783.6,361.9 C1750.6,361.9 1725.1,349.6 1712.5,325.6 L1740.4,309.4 C1747,322.3 1758.1,332.5 1784.2,332.5 C1812.1,332.5 1828.9,317.2 1828.9,291.1 L1828.9,272.8 C1817.5,289 1799.8,298.9 1776.7,298.9 C1734.4,298.9 1701.1,264.4 1701.1,221.5 C1701.1,178.6 1734.4,144.1 1776.7,144.1 C1799.8,144.1 1817.5,154 1828.9,170.2 L1828.9,148 Z M1781.2,268.6 C1808.5,268.6 1828.9,248.5 1828.9,221.5 C1828.9,194.5 1808.5,174.4 1781.2,174.4 C1753.9,174.4 1733.5,194.5 1733.5,221.5 C1733.5,248.5 1753.9,268.6 1781.2,268.6 Z"
+					id="docspring-DocSpring"
+					fill="#FFFFFF"
+					fill-rule="nonzero"
+				></path>
+				<g id="docspring-logo">
+					<g
+						transform="translate(162.500000, 187.500000) scale(-1, 1) translate(-162.500000, -187.500000) "
+					>
+						<mask id="docspring-mask-2" fill="white">
+							<use xlink:href="#docspring-path-1"></use>
+						</mask>
+						<g id="docspring-Rectangle-Copy"></g>
+						<path
+							d="M36,-1.08002496e-12 L289,-1.07291953e-12 C308.882251,-1.07657184e-12 325,16.117749 325,36 L325,339 C325,358.882251 308.882251,375 289,375 L36,375 C16.117749,375 -1.04146537e-13,358.882251 -1.0658141e-13,339 L-1.0658141e-13,36 C-1.09016284e-13,16.117749 16.117749,-1.06926722e-12 36,-1.07291953e-12 Z"
+							id="docspring-Rectangle"
+							fill="#3C8EE0"
+							mask="url(#docspring-mask-2)"
+						></path>
+						<g id="docspring-content" mask="url(#docspring-mask-2)" fill="#FFFFFF">
+							<g transform="translate(72.000000, 69.000000)">
+								<rect id="docspring-Rectangle-3-Copy" x="0" y="192" width="178" height="42" rx="8"
+								></rect>
+								<rect id="docspring-Rectangle-3" x="68" y="106" width="110" height="42" rx="8"
+								></rect>
+								<circle id="docspring-Oval" cx="146" cy="32" r="32"></circle>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/DockerIcon.svelte b/frontend/src/lib/components/icons/DockerIcon.svelte
index d7ab3f498c..f5a5ac11a5 100644
--- a/frontend/src/lib/components/icons/DockerIcon.svelte
+++ b/frontend/src/lib/components/icons/DockerIcon.svelte
@@ -1,27 +1,22 @@
+<!-- #2560FF (Ocean Blue) per Docker's official logo kit (docker.com/company/newsroom/media-resources). Docker requires its logos appear only in its primary brand colours. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	aria-label="Docker"
 	role="img"
-	viewBox="0 0 512 512"
-	x="0px"
-	y="0px"
+	viewBox="0 0 340 268"
 	{width}
 	{height}
-	><rect width="512" height="512" rx="15%" fill="#ffffff" /><path
-		stroke="#066da5"
-		stroke-width="38"
-		d="M296 226h42m-92 0h42m-91 0h42m-91 0h41m-91 0h42m8-46h41m8 0h42m7 0h42m-42-46h42"
-	/><path
-		fill="#066da5"
-		d="m472 228s-18-17-55-11c-4-29-35-46-35-46s-29 35-8 74c-6 3-16 7-31 7H68c-5 19-5 145 133 145 99 0 173-46 208-130 52 4 63-39 63-39"
+	><path
+		fill="#2560FF"
+		d="M334,110.1c-8.3-5.6-30.2-8-46.1-3.7-.9-15.8-9-29.2-24-40.8l-5.5-3.7-3.7,5.6c-7.2,11-10.3,25.7-9.2,39,.8,8.2,3.7,17.4,9.2,24.1-20.7,12-39.8,9.3-124.3,9.3H0c-.4,19.1,2.7,55.8,26,85.6,2.6,3.3,5.4,6.5,8.5,9.6,19,19,47.6,32.9,90.5,33,65.4,0,121.4-35.3,155.5-120.8,11.2.2,40.8,2,55.3-26,.4-.5,3.7-7.4,3.7-7.4l-5.5-3.7h0ZM85.2,92.7h-36.7v36.7h36.7v-36.7ZM132.6,92.7h-36.7v36.7h36.7v-36.7ZM179.9,92.7h-36.7v36.7h36.7v-36.7ZM227.3,92.7h-36.7v36.7h36.7v-36.7ZM37.8,92.7H1.1v36.7h36.7v-36.7ZM85.2,46.3h-36.7v36.7h36.7v-36.7ZM132.6,46.3h-36.7v36.7h36.7v-36.7ZM179.9,46.3h-36.7v36.7h36.7v-36.7ZM179.9,0h-36.7v36.7h36.7V0Z"
 	/></svg
 >
diff --git a/frontend/src/lib/components/icons/DocusignIcon.svelte b/frontend/src/lib/components/icons/DocusignIcon.svelte
index 91d96bac36..5fe8c42f82 100644
--- a/frontend/src/lib/components/icons/DocusignIcon.svelte
+++ b/frontend/src/lib/components/icons/DocusignIcon.svelte
@@ -1,12 +1,30 @@
+<!-- #000000 / #FFFFFF per brand.docusign.com/logo: only the Nexus overlap flips per background, Cobalt #4C00FF and Poppy #FF5252 must not be recoloured. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.557 64h22.898c19.082 0 35.988-11.144 35.988-31.828C61.443 8.778 44.193 0 23.547 0h-21v64M16.64 13.014h8.358c11.907 0 21.982 5.877 21.982 18.47 0 14.54-9.846 19.54-22.898 19.54H16.64z" fill="#005cb9"/>
+<svg
+	{width}
+	{height}
+	viewBox="0 0 64 64"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#000000] dark:text-[#FFFFFF]"
+>
+	<path
+		d="M46.09,46.09V62.45c0,0.86-0.69,1.55-1.55,1.55H1.55c-0.86,0-1.55-0.69-1.55-1.55V19.49c0-0.86,0.69-1.55,1.55-1.55h16.32v26.6c0,0.86,0.69,1.55,1.55,1.55H46.09L46.09,46.09z"
+		fill="#4C00FF"
+	/>
+	<path
+		d="M64,23.03c0,13.74-8.03,23.03-17.91,23.06V28.78c0-0.5-0.2-0.99-0.56-1.32l-8.99-8.99c-0.36-0.36-0.83-0.56-1.32-0.56H17.91V1.59c0-0.86,0.69-1.55,1.55-1.55h24.22C55.18,0,64,9.25,64,23.03z"
+		fill="#FF5252"
+	/>
+	<path
+		d="M45.53,27.42c0.36,0.36,0.56,0.83,0.56,1.32v17.31H19.46c-0.86,0-1.55-0.69-1.55-1.55V17.91h17.31c0.5,0,0.99,0.2,1.32,0.56L45.53,27.42z"
+		fill="currentColor"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DropboxIcon.svelte b/frontend/src/lib/components/icons/DropboxIcon.svelte
index 3facd1dda2..51821fdd3e 100644
--- a/frontend/src/lib/components/icons/DropboxIcon.svelte
+++ b/frontend/src/lib/components/icons/DropboxIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#0061FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/>
+<!-- #0061FE / #0061FE per brand.dropbox.com/logo and the DIG token dig-color__primary__base. Dropbox's branding terms forbid recolouring the logo, and their inverse-theme token keeps the same blue. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#0061FE" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DuckDbIcon.svelte b/frontend/src/lib/components/icons/DuckDbIcon.svelte
index 1fa2e55b2c..793827c981 100644
--- a/frontend/src/lib/components/icons/DuckDbIcon.svelte
+++ b/frontend/src/lib/components/icons/DuckDbIcon.svelte
@@ -1,23 +1,32 @@
 <script lang="ts">
 	interface Props {
-		width?: number;
-		height?: number;
+		width?: number
+		height?: number
 	}
 
-	let { width = 16, height = 16 }: Props = $props();
+	let { width = 16, height = 16 }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 335 335" fill="none" xmlns="http://www.w3.org/2000/svg">
+<!-- #1A1A1A / #FFF100 per duckdb.org/design logo package (DuckDB_icon-lightmode.svg /
+	DuckDB_icon-darkmode.svg). The pair is a full inversion, so the duck carries its own
+	fill- utilities; the manual forbids recolouring outside these two brand hexes. -->
+<svg
+	class="text-[#1A1A1A] dark:text-[#FFF100]"
+	{width}
+	{height}
+	viewBox="0 0 335 335"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M167.2 334.4C74.7 334.4 0 259.7 0 167.2C0 74.7 74.7 0 167.2 0C259.7 0 334.4 74.7 334.4 167.2C334.4 259.7 259.7 334.4 167.2 334.4Z"
-		fill="black"
 	/>
 	<path
+		class="fill-[#FFF100] dark:fill-[#1D1D1B]"
 		d="M256.6 142.4H223.8V191.9H256.6C270.2 191.9 281.5 180.6 281.5 167C281.5 153.3 270.2 142.4 256.6 142.4Z"
-		fill="#FFF100"
 	/>
 	<path
+		class="fill-[#FFF100] dark:fill-[#1D1D1B]"
 		d="M63.1 167.2C63.1 205.4 94.2 236.5 132.4 236.5C170.6 236.5 201.7 205.4 201.7 167.2C201.7 129 170.6 97.9 132.4 97.9C94.2 97.9 63.1 129 63.1 167.2Z"
-		fill="#FFF100"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/DucklakeIcon.svelte b/frontend/src/lib/components/icons/DucklakeIcon.svelte
index 488260ea1a..5665734ff5 100644
--- a/frontend/src/lib/components/icons/DucklakeIcon.svelte
+++ b/frontend/src/lib/components/icons/DucklakeIcon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
 		size?: number | string
 		class?: string
@@ -7,10 +8,11 @@
 	let { size = 24, class: className }: Props = $props()
 </script>
 
+<!-- #1A1A1A / #2EAFFF per duckdb.org. -->
 <svg
 	width={size}
 	height={size}
-	class={className}
+	class={twMerge('text-[#1A1A1A] dark:text-[#2EAFFF]', className)}
 	viewBox="0 0 13 13"
 	style="fill:currentcolor;"
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/icons/DustIcon.svelte b/frontend/src/lib/components/icons/DustIcon.svelte
new file mode 100644
index 0000000000..5d283a9155
--- /dev/null
+++ b/frontend/src/lib/components/icons/DustIcon.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #3B82F6 per dust.tt/home/brand-resources (Dust_LogoSquare.svg from their brand kit).
+	Dust's guidelines forbid recolouring the logo. -->
+<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+	<path d="M36 24H24V48H36V24Z" fill="#FE9C1A" />
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M12 36C8.68629 36 6 33.3137 6 30C6 26.6863 8.68629 24 12 24H48V36H12Z"
+		fill="#3B82F6"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M0 48V36H12C15.3137 36 18 38.6863 18 42C18 45.3137 15.3137 48 12 48H0Z"
+		fill="#9FDBFF"
+	/>
+	<path
+		d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+		fill="#E2F78C"
+	/>
+	<path
+		d="M36 24C42.6274 24 48 18.6274 48 12C48 5.37258 42.6274 0 36 0C29.3726 0 24 5.37258 24 12C24 18.6274 29.3726 24 36 24Z"
+		fill="#FFC3DF"
+	/>
+	<path d="M12 0H0V24H12V0Z" fill="#418B5C" />
+	<path d="M48 0H24V12H48V0Z" fill="#E14322" />
+</svg>
diff --git a/frontend/src/lib/components/icons/DynatraceIcon.svelte b/frontend/src/lib/components/icons/DynatraceIcon.svelte
index e8d57c58ce..df0ad401a4 100644
--- a/frontend/src/lib/components/icons/DynatraceIcon.svelte
+++ b/frontend/src/lib/components/icons/DynatraceIcon.svelte
@@ -1,31 +1,53 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="-2 0 260 260" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <g>
-        <path d="M86.3857687,21.6895737 C83.0567503,39.2593929 78.9879501,65.3367034 76.7686045,91.7839049 C72.8847498,138.390162 75.2890408,169.645946 75.2890408,169.645946 L9.63340081,231.972567 C9.63340081,231.972567 4.63987326,197.017874 2.05063675,157.62449 C0.571073033,133.211689 0.0162366389,111.758015 0.0162366389,98.8118326 C0.0162366389,98.0720507 0.386127568,97.3322688 0.386127568,96.592487 C0.386127568,95.6677597 1.49580036,86.9753228 10.0032917,78.8377224 C19.250565,69.9603401 87.4954415,16.5111007 86.3857687,21.6895737 Z" fill="#1496FF">
-
-</path>
-        <path d="M86.3857687,21.6895737 C83.0567503,39.2593929 78.9879501,65.3367034 76.7686045,91.7839049 C76.7686045,91.7839049 4.08503686,83.0914681 0.0162366389,100.661287 C0.0162366389,99.7365599 1.31085489,89.0097229 9.81834627,80.8721225 C19.0656195,71.9947402 87.4954415,16.5111007 86.3857687,21.6895737 L86.3857687,21.6895737 Z" fill="#1284EA">
-
-</path>
-        <path d="M0.0162366389,96.4075415 L0.0162366389,100.476342 C0.756018498,97.3322688 2.05063675,95.1129233 4.63987326,91.5989594 C10.0032917,84.7559772 18.6957286,82.9065226 22.2096924,82.5366317 C39.964457,80.1323406 66.226713,77.3581587 92.6739145,76.6183768 C139.465117,75.1388131 170.35101,79.0226678 170.35101,79.0226678 L236.00665,16.6960462 C236.00665,16.6960462 201.606793,10.2229549 162.398355,5.59931831 C136.690935,2.45524541 114.127588,0.790736222 101.366351,0.0509543628 C100.441624,0.0509543628 91.3792963,-1.05871843 82.8718049,7.07888203 C73.6245316,15.9562643 26.6483836,60.5281214 7.78394616,78.4678314 C-0.72354522,86.6054319 0.0162366389,95.6677597 0.0162366389,96.4075415 Z" fill="#B4DC00">
-
-</path>
-        <path d="M233.602359,176.119037 C215.847594,178.523328 189.585338,181.482455 163.138137,182.407183 C116.346934,183.886746 85.2760959,180.002892 85.2760959,180.002892 L19.6204559,242.514459 C19.6204559,242.514459 54.3902033,249.357441 93.5986418,253.796132 C117.641552,256.570314 138.910281,258.049878 151.856463,258.78966 C152.781191,258.78966 154.260754,258.049878 155.185482,258.049878 C156.110209,258.049878 165.172537,256.385369 173.680028,248.247768 C182.927301,239.370386 238.780832,175.5642 233.602359,176.119037 L233.602359,176.119037 Z" fill="#6F2DA8">
-
-</path>
-        <path d="M233.602359,176.119037 C215.847594,178.523328 189.585338,181.482455 163.138137,182.407183 C163.138137,182.407183 168.131664,255.460641 150.561845,258.604714 C151.486572,258.604714 163.508028,258.049878 172.015519,249.912277 C181.262792,241.034895 238.780832,175.5642 233.602359,176.119037 L233.602359,176.119037 Z" fill="#591F91">
-
-</path>
-        <path d="M154.4457,258.974605 C153.151081,258.974605 151.856463,258.78966 150.3769,258.78966 C153.705918,258.234823 155.925263,257.12515 159.439227,254.535914 C166.467155,249.542386 168.686501,240.84995 169.426282,237.335986 C172.570355,219.766167 176.824101,193.688856 178.858501,167.241655 C182.55741,120.635397 180.338065,89.5645593 180.338065,89.5645593 L245.993705,27.0529922 C245.993705,27.0529922 250.802287,61.8227396 253.576469,101.216124 C255.240978,126.923543 255.795814,149.671835 255.98076,162.248127 C255.98076,163.172854 256.720542,172.235182 248.21305,180.372783 C238.965777,189.250165 191.989629,234.006967 173.310137,251.946677 C164.432755,260.084278 155.370427,258.974605 154.4457,258.974605 L154.4457,258.974605 Z" fill="#73BE28">
-
-</path>
-    </g>
-</svg>
\ No newline at end of file
+<!-- #73BE28 per Dynatrace brand guidelines (live.standards.site/dynatrace, Dynatrace_mark_color.svg).
+	 Guidelines forbid colorizing the logo, so all six fills stay fixed in both themes. -->
+<svg
+	{width}
+	{height}
+	viewBox="-2 0 260 260"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	preserveAspectRatio="xMidYMid"
+>
+	<g>
+		<path
+			d="M86.3857687,21.6895737 C83.0567503,39.2593929 78.9879501,65.3367034 76.7686045,91.7839049 C72.8847498,138.390162 75.2890408,169.645946 75.2890408,169.645946 L9.63340081,231.972567 C9.63340081,231.972567 4.63987326,197.017874 2.05063675,157.62449 C0.571073033,133.211689 0.0162366389,111.758015 0.0162366389,98.8118326 C0.0162366389,98.0720507 0.386127568,97.3322688 0.386127568,96.592487 C0.386127568,95.6677597 1.49580036,86.9753228 10.0032917,78.8377224 C19.250565,69.9603401 87.4954415,16.5111007 86.3857687,21.6895737 Z"
+			fill="#1496FF"
+		>
+		</path>
+		<path
+			d="M86.3857687,21.6895737 C83.0567503,39.2593929 78.9879501,65.3367034 76.7686045,91.7839049 C76.7686045,91.7839049 4.08503686,83.0914681 0.0162366389,100.661287 C0.0162366389,99.7365599 1.31085489,89.0097229 9.81834627,80.8721225 C19.0656195,71.9947402 87.4954415,16.5111007 86.3857687,21.6895737 L86.3857687,21.6895737 Z"
+			fill="#1284EA"
+		>
+		</path>
+		<path
+			d="M0.0162366389,96.4075415 L0.0162366389,100.476342 C0.756018498,97.3322688 2.05063675,95.1129233 4.63987326,91.5989594 C10.0032917,84.7559772 18.6957286,82.9065226 22.2096924,82.5366317 C39.964457,80.1323406 66.226713,77.3581587 92.6739145,76.6183768 C139.465117,75.1388131 170.35101,79.0226678 170.35101,79.0226678 L236.00665,16.6960462 C236.00665,16.6960462 201.606793,10.2229549 162.398355,5.59931831 C136.690935,2.45524541 114.127588,0.790736222 101.366351,0.0509543628 C100.441624,0.0509543628 91.3792963,-1.05871843 82.8718049,7.07888203 C73.6245316,15.9562643 26.6483836,60.5281214 7.78394616,78.4678314 C-0.72354522,86.6054319 0.0162366389,95.6677597 0.0162366389,96.4075415 Z"
+			fill="#B4DC00"
+		>
+		</path>
+		<path
+			d="M233.602359,176.119037 C215.847594,178.523328 189.585338,181.482455 163.138137,182.407183 C116.346934,183.886746 85.2760959,180.002892 85.2760959,180.002892 L19.6204559,242.514459 C19.6204559,242.514459 54.3902033,249.357441 93.5986418,253.796132 C117.641552,256.570314 138.910281,258.049878 151.856463,258.78966 C152.781191,258.78966 154.260754,258.049878 155.185482,258.049878 C156.110209,258.049878 165.172537,256.385369 173.680028,248.247768 C182.927301,239.370386 238.780832,175.5642 233.602359,176.119037 L233.602359,176.119037 Z"
+			fill="#6F2DA8"
+		>
+		</path>
+		<path
+			d="M233.602359,176.119037 C215.847594,178.523328 189.585338,181.482455 163.138137,182.407183 C163.138137,182.407183 168.131664,255.460641 150.561845,258.604714 C151.486572,258.604714 163.508028,258.049878 172.015519,249.912277 C181.262792,241.034895 238.780832,175.5642 233.602359,176.119037 L233.602359,176.119037 Z"
+			fill="#591F91"
+		>
+		</path>
+		<path
+			d="M154.4457,258.974605 C153.151081,258.974605 151.856463,258.78966 150.3769,258.78966 C153.705918,258.234823 155.925263,257.12515 159.439227,254.535914 C166.467155,249.542386 168.686501,240.84995 169.426282,237.335986 C172.570355,219.766167 176.824101,193.688856 178.858501,167.241655 C182.55741,120.635397 180.338065,89.5645593 180.338065,89.5645593 L245.993705,27.0529922 C245.993705,27.0529922 250.802287,61.8227396 253.576469,101.216124 C255.240978,126.923543 255.795814,149.671835 255.98076,162.248127 C255.98076,163.172854 256.720542,172.235182 248.21305,180.372783 C238.965777,189.250165 191.989629,234.006967 173.310137,251.946677 C164.432755,260.084278 155.370427,258.974605 154.4457,258.974605 L154.4457,258.974605 Z"
+			fill="#73BE28"
+		>
+		</path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/EdgeDbIcon.svelte b/frontend/src/lib/components/icons/EdgeDbIcon.svelte
index cc31f328d4..19cb62e2b3 100644
--- a/frontend/src/lib/components/icons/EdgeDbIcon.svelte
+++ b/frontend/src/lib/components/icons/EdgeDbIcon.svelte
@@ -1,3 +1,6 @@
+<!-- #8FAF24 on both themes per geldata.com (favicon/apple-touch-icon glyph and its
+	<link rel="mask-icon" color>). EdgeDB is now Gel — edgedb.com redirects to geldata.com — so
+	this is Gel's "g" symbol, not the retired EDGE|DB wordmark. -->
 <script lang="ts">
 	interface Props {
 		height?: string
@@ -7,20 +10,9 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 -15 800 645.45306" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="55 25 81 130" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path
-		class="pageNav_logoBar__2v4ah"
-		style="fill:currentColor;fill-opacity:1;stroke-width:9.09089"
-		fill-rule="evenodd"
-		clip-rule="evenodd"
-		d="m 501.30432,630.45308 h 27.27266 V -15 h -27.27266 z"
-		id="path2"
-	/>
-	<path
-		fill-rule="evenodd"
-		clip-rule="evenodd"
-		d="m 677.60028,305.95109 c 0,55.20806 -22.13541,65.1044 -46.87535,65.1044 h -52.60352 v -130.2088 h 52.60352 c 24.73994,0 46.87535,9.89634 46.87535,65.1044 z m -26.81812,0 c 0,-38.54173 -11.71907,-40.36445 -28.64539,-40.36445 h -16.40633 v 80.7289 h 16.40633 c 16.92632,0 28.64539,-1.82272 28.64539,-40.36445 z m -278.64846,65.1044 v -130.2088 h 82.81254 v 24.73995 h -55.20806 v 26.56266 h 41.66627 v 24.47904 h -41.66627 v 29.6872 h 55.20806 v 24.73995 z m 360.67554,-57.8126 v 33.07265 h 22.91632 c 14.32269,0 17.96905,-9.37543 17.96905,-16.40632 0,-5.46908 -2.60454,-16.66633 -22.13541,-16.66633 z m 0,-47.65625 v 24.73903 h 18.74996 c 10.67725,0 16.92724,-4.68726 16.92724,-12.49997 0,-7.8118 -6.24999,-12.23906 -16.92724,-12.23906 z m -27.59993,-24.73995 h 53.12442 c 27.86448,0 36.1981,19.53178 36.1981,33.59356 0,13.02088 -8.33362,22.39631 -14.06269,24.99994 C 797.13546,307.51381 800,323.92014 800,332.25285 c 0,10.93725 -5.46817,38.80264 -41.66627,38.80264 h -53.12442 z m -491.66525,65.1044 c 0,55.20806 -22.1354,65.1044 -46.87444,65.1044 H 114.0652 v -130.2088 h 52.60442 c 24.73904,0 46.87444,9.89634 46.87444,65.1044 z m 81.248,41.40627 c 14.06178,0 21.35359,-4.68726 23.95812,-7.81271 v -14.3227 h -22.39631 v -22.39631 h 44.53172 v 51.82352 c -3.90636,5.98908 -25.26085,17.70814 -44.79172,17.70814 -32.03083,0 -59.11441,-12.49997 -59.11441,-67.70803 0,-55.20896 27.34358,-65.10439 52.08352,-65.10439 38.80173,0 48.43716,20.31268 51.5617,38.28082 l -22.91631,5.20908 c -1.30182,-8.33362 -8.59362,-18.74996 -25.25994,-18.74996 -16.92724,0 -28.6463,1.82272 -28.6463,40.36445 0,38.54083 12.23997,42.70809 30.98993,42.70809 z m -108.0743,-41.40627 c 0,-38.54173 -11.71907,-40.36445 -28.6463,-40.36445 h -16.40542 v 80.7289 h 16.40542 c 16.92723,0 28.6463,-1.82272 28.6463,-40.36445 z M 0,371.05549 v -130.2088 h 82.812357 v 24.73995 H 27.604119 v 26.56266 h 41.666542 v 24.47904 H 27.604119 v 29.6872 h 55.208238 v 24.73995 z"
-		id="path4"
-		style="fill:currentColor;fill-opacity:1;stroke-width:9.09089"
+		d="M55 66.0417C55 88.75 73.0914 107.083 95.5 107.083C117.703 107.083 136 88.75 136 66.0417C136 43.5417 117.703 25 95.5 25C73.0914 25 55 43.5417 55 66.0417ZM65.6904 127.5C67.335 141.875 79.0533 155 95.5 155C111.741 155 123.871 141.875 125.515 127.5C127.777 106.667 109.069 113.542 95.5 113.542C81.9315 113.542 63.4289 106.667 65.6904 127.5Z"
+		fill="#8FAF24"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/EnodeIcon.svelte b/frontend/src/lib/components/icons/EnodeIcon.svelte
new file mode 100644
index 0000000000..91a5f59094
--- /dev/null
+++ b/frontend/src/lib/components/icons/EnodeIcon.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #5D770D / #E8E8E1 per enode.com/static/favicon.svg. Their own favicon carries the pair in a
+	prefers-color-scheme block. -->
+<svg
+	class="text-[#5D770D] dark:text-[#E8E8E1]"
+	{width}
+	{height}
+	viewBox="0 0 16 16"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill="currentColor"
+		d="M14.26 6.407c.765 0 1.34.298 1.721.743a8.033 8.033 0 0 0-15.974.054c-.025.25.016.503.12.732a1.761 1.761 0 0 0 3.243-.052.922.922 0 0 0 .06-.286c0-.014 0-.028.004-.041a4.586 4.586 0 0 1 9.071-.363c.382-.467.966-.787 1.755-.787Z"
+	/>
+	<path
+		fill="currentColor"
+		d="M14.436 7.204c-.785-.082-1.539.4-1.825 1.109a.484.484 0 0 0-.03.13 4.584 4.584 0 0 1-9.04.496c-.375.54-.994.914-1.853.914C1 9.853.469 9.612.09 9.24a8.03 8.03 0 0 0 15.908-.348.468.468 0 0 0 0-.103c-.095-.802-.745-1.501-1.562-1.585Z"
+	/>
+	<path fill="currentColor" d="M8.144 9.79a1.864 1.864 0 1 0 0-3.728 1.864 1.864 0 0 0 0 3.729Z" />
+</svg>
diff --git a/frontend/src/lib/components/icons/EventbriteIcon.svelte b/frontend/src/lib/components/icons/EventbriteIcon.svelte
index f851a933f3..c98db1071e 100644
--- a/frontend/src/lib/components/icons/EventbriteIcon.svelte
+++ b/frontend/src/lib/components/icons/EventbriteIcon.svelte
@@ -1,15 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
-<g>
-				<circle fill="#F05537" cx="128" cy="128" r="128"></circle>
-				<path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"></path>
-		</g>
+<!-- #FF5E30 per the 2025 Eventbrite press kit logos; the brand publishes no reversed variant. -->
+<svg {width} {height} viewBox="0 0 1000 1213.9" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M917 814.9L515.3 501.7c-6.7-5.1.2-15.4 7.5-11.3l156.9 87.9c71.1 39.9 161 16.8 204.1-52.4 45.4-73 21.4-169.1-53.2-212.2L600.4 180.6c-7.3-4.3-1.9-15.3 6-12.2l105.8 42.3c.2.1 2.7 1 3.7 1.3 11.2 3.9 23.3 6.1 35.9 6.1 57.4 0 104.5-45.4 108.6-99.4C865.5 48.9 812 0 748.2 0h-489c-62.8 0-115.5 51.3-114.7 113.9.4 33.3 15.3 63 38.7 83.4 17.6 15.3 76.9 62.8 105.1 85.3 5 4 2.2 12.1-4.3 12.1h-97.9C83.2 295.3 0 378.9 0 482c0 52.1 21.3 99.2 55.6 133.1l566.6 538.5c40.1 37.4 93.9 60.3 153.1 60.3 124.1 0 224.7-100.6 224.7-224.7 0-70.3-32.4-133.1-83-174.3z"
+		fill="#FF5E30"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ExaIcon.svelte b/frontend/src/lib/components/icons/ExaIcon.svelte
new file mode 100644
index 0000000000..eef3057e92
--- /dev/null
+++ b/frontend/src/lib/components/icons/ExaIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #0143D9 / #FFFFFF per exa.ai/brand (Exa Brand Assets kit, Logomark Blue/White). Blue for standard applications, white on dark backgrounds. -->
+<svg
+	class="text-[#0143D9] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 150 150"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g transform="translate(29.52, 20) scale(0.6044)">
+		<path
+			d="M150.5 14.1064C150.5 14.3356 150.421 14.5579 150.277 14.736L88.4766 91L150.277 167.264C150.421 167.442 150.5 167.664 150.5 167.894V181C150.5 181.552 150.052 182 149.5 182H1C0.44772 182 0 181.552 0 181V0.999995C0 0.44771 0.447715 0 1 0H149.5C150.052 0 150.5 0.447715 150.5 1V14.1064ZM30.4059 162.719H121.728L76.0664 106.326L30.4059 162.719ZM19.2949 100.261V145.787L56.1572 100.261H19.2949ZM19.2949 80.9801H55.5434L19.2949 36.2121V80.9801ZM76.0664 75.6731L121.728 19.281H30.4059L76.0664 75.6731Z"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/FaunadbIcon.svelte b/frontend/src/lib/components/icons/FaunadbIcon.svelte
index 62c4dde4f2..7bb3f371e3 100644
--- a/frontend/src/lib/components/icons/FaunadbIcon.svelte
+++ b/frontend/src/lib/components/icons/FaunadbIcon.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #3F00A5 / #604BE9 per Fauna's own VS Code extension icons (fauna/fauna-vscode: icons/fauna.svg for light themes, icons/fauna-light.svg for dark). -->
 <svg
+	class="text-[#3F00A5] dark:text-[#604BE9]"
 	xmlns="http://www.w3.org/2000/svg"
 	x="0px"
 	y="0px"
@@ -21,4 +23,3 @@
 		d="M124.222 37.638C114.302 40.949 109.525 46.888 106.271 56.138C105.431 58.609 103.331 61.342 100.969 63.182L109.105 71.907L83.28 53.827L12 4C12 4 17.144 37.428 18.929 49.727C20.189 58.399 22.34 62.288 29.164 66.23L31.894 67.702L43.651 73.904L36.67 70.277L68.898 87.885L68.688 88.358L33.993 72.274C35.83 78.582 39.399 90.723 40.922 96.084C42.549 101.865 44.386 103.968 50.002 106.018L60.342 109.802L66.746 107.279L58.611 112.693L17.931 164.358C44.963 139.235 67.849 130.3 84.593 122.994C105.956 113.744 118.816 107.805 127.214 86.466C133.198 71.486 137.869 52.302 143.801 44.891L156.451 28.703C156.451 28.703 130.258 35.641 124.222 37.638Z"
 	/>
 </svg>
-		
\ No newline at end of file
diff --git a/frontend/src/lib/components/icons/FigmaIcon.svelte b/frontend/src/lib/components/icons/FigmaIcon.svelte
index e31fe0a71d..bc39256ab2 100644
--- a/frontend/src/lib/components/icons/FigmaIcon.svelte
+++ b/frontend/src/lib/components/icons/FigmaIcon.svelte
@@ -1,12 +1,20 @@
+<!-- #FF3737 / #FF7237 / #874FFF / #00B6FF / #24CB71 per static.figma.com/app/icon/2/favicon.svg (2025 brand refresh). Figma's guidelines forbid modifying the marks, so the five-colour original is used on both themes. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#F24E1E" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z"/>
+<svg {width} {height} viewBox="0 0 40 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M0 50C0 44.4772 4.4772 40 10 40H20V50C20 55.5228 15.5228 60 10 60C4.4772 60 0 55.5228 0 50Z"
+		fill="#24CB71"
+	/>
+	<path d="M20 0V20H30C35.5228 20 40 15.5228 40 10C40 4.4772 35.5228 0 30 0H20Z" fill="#FF7237" />
+	<circle cx="30" cy="30" r="10" fill="#00B6FF" />
+	<path d="M0 10C0 15.5228 4.4772 20 10 20H20V0H10C4.4772 0 0 4.4772 0 10Z" fill="#FF3737" />
+	<path d="M0 30C0 35.5228 4.4772 40 10 40H20V20H10C4.4772 20 0 24.4772 0 30Z" fill="#874FFF" />
 </svg>
diff --git a/frontend/src/lib/components/icons/FirebaseIcon.svelte b/frontend/src/lib/components/icons/FirebaseIcon.svelte
index 6d1ce00468..fd85fc72d2 100644
--- a/frontend/src/lib/components/icons/FirebaseIcon.svelte
+++ b/frontend/src/lib/components/icons/FirebaseIcon.svelte
@@ -1,10 +1,11 @@
+<!-- #FFC400 / #FF9100 / #DD2C00 per firebase.google.com/brand-guidelines (Logomark_Full Color.svg in firebase-brand-assets.zip). Same full-colour artwork on light and dark; the guidelines forbid recolouring or redrawing the mark. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg
@@ -12,46 +13,24 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="0 0 600 600"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
-		d="M24.0659 134.936L44.4981 4.19274C44.7478 2.58929 45.9949 1.32528 47.5948 1.05348C49.1947 0.781681 50.789 1.56365 51.554 2.99471L72.6844 42.4062L81.1069 26.3698C81.7592 25.1299 83.0451 24.3535 84.4463 24.3535C85.8475 24.3535 87.1333 25.1299 87.7857 26.3698L144.809 134.935L24.0659 134.936Z"
-		fill="#FFA000"
-	/>
-	<path d="M94.654 84.0064L72.6749 42.3875L24.0662 134.936L94.654 84.0064Z" fill="#F57C00" />
-	<path
-		d="M144.81 134.936L129.16 38.0954C128.924 36.7048 127.932 35.5623 126.587 35.1317C125.243 34.7011 123.772 35.0595 122.774 36.0565L24.0662 134.934L78.6839 165.564C82.1137 167.479 86.2907 167.479 89.7205 165.564L144.81 134.934V134.936Z"
-		fill="#FFCA28"
+		d="M213.918 560.499C237.166 569.856 262.387 575.408 288.87 576.333C324.71 577.585 358.792 570.175 389.261 556.099C352.724 541.744 319.634 520.751 291.392 494.651C273.086 523.961 246.01 547.113 213.918 560.499Z"
+		fill="#FF9100"
 	/>
 	<path
-		d="M129.16 38.0953C128.924 36.7047 127.931 35.5622 126.587 35.1316C125.243 34.701 123.772 35.0594 122.774 36.0565L103.183 55.6975L87.7771 26.3692C87.1248 25.1292 85.8389 24.3528 84.4377 24.3528C83.0366 24.3528 81.7508 25.1292 81.0984 26.3692L72.6758 42.4055L51.5444 2.9947C50.7782 1.56325 49.1819 0.782556 47.5801 1.05638C45.9783 1.33021 44.7355 2.59739 44.4885 4.2021L24.0659 134.936H24L24.0659 135.011L24.6035 135.275L122.745 37.0199C123.743 36.0174 125.218 35.6571 126.565 36.0865C127.913 36.5158 128.907 37.6627 129.141 39.0574L144.659 135.03L144.81 134.935L129.16 38.0953ZM24.2451 134.756L44.498 5.12668C44.7447 3.52196 45.9905 2.25479 47.5909 1.98096C49.1913 1.70713 50.7877 2.48758 51.5552 3.91928L72.6843 43.3307L81.1068 27.2944C81.7591 26.0544 83.045 25.278 84.4462 25.278C85.8474 25.278 87.1332 26.0544 87.7856 27.2944L102.879 55.9993L24.2451 134.756Z"
-		fill="white"
-		fill-opacity="0.2"
+		d="M291.389 494.66C226.923 435.038 187.815 348.743 191.12 254.092C191.228 251.019 191.39 247.947 191.58 244.876C180.034 241.89 167.98 240.068 155.576 239.635C137.821 239.015 120.626 241.217 104.393 245.788C87.1838 275.933 76.7989 310.521 75.5051 347.569C72.1663 443.18 130.027 526.723 213.914 560.508C246.007 547.121 273.082 523.998 291.389 494.66Z"
+		fill="#FFC400"
 	/>
 	<path
-		opacity="0.2"
-		d="M89.7204 164.641C86.2906 166.556 82.1136 166.556 78.6838 164.641L24.198 134.096L24.0659 134.936L78.6836 165.556C82.1134 167.471 86.2905 167.471 89.7203 165.556L144.81 134.936L144.668 134.068L89.7204 164.641Z"
-		fill="#A52714"
+		d="M291.39 494.657C306.378 470.671 315.465 442.551 316.523 412.254C319.306 332.559 265.731 264.003 191.581 244.873C191.391 247.944 191.229 251.016 191.121 254.089C187.816 348.74 226.924 435.035 291.39 494.657Z"
+		fill="#FF9100"
 	/>
 	<path
-		d="M129.004 38.1154C128.768 36.7251 127.779 35.5823 126.44 35.1542C125.101 34.7261 123.635 35.082 122.64 36.0788L103.116 55.71L87.7655 26.3951C87.1154 25.1557 85.8341 24.3796 84.438 24.3796C83.0418 24.3796 81.7605 25.1557 81.1104 26.3951L72.7161 42.4245L51.6598 3.03006C50.8961 1.59925 49.3055 0.818675 47.7107 1.09263C46.1159 1.36658 44.8744 2.63275 44.6286 4.23708L24.2771 134.913L78.7039 165.52C82.1217 167.434 86.2842 167.434 89.7021 165.52L144.599 134.913L129.004 38.1151V38.1154Z"
-		fill="url(#paint0_linear_308_289)"
+		d="M308.231 20.8584C266 54.6908 232.652 99.302 212.475 150.693C200.924 180.129 193.665 211.748 191.546 244.893C265.696 264.023 319.272 332.579 316.489 412.273C315.431 442.57 306.317 470.663 291.355 494.677C319.595 520.804 352.686 541.77 389.223 556.124C462.56 522.224 514.593 449.278 517.606 362.997C519.558 307.096 498.08 257.273 467.731 215.219C435.68 170.742 308.231 20.8584 308.231 20.8584Z"
+		fill="#DD2C00"
 	/>
-	<defs>
-		<linearGradient
-			id="paint0_linear_308_289"
-			x1="-395.646"
-			y1="2824.95"
-			x2="14619.4"
-			y2="10745.2"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop stop-color="white" stop-opacity="0.1" />
-			<stop offset="0.14" stop-color="white" stop-opacity="0.08" />
-			<stop offset="0.61" stop-color="white" stop-opacity="0.02" />
-			<stop offset="1" stop-color="white" stop-opacity="0" />
-		</linearGradient>
-	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/FlyIcon.svelte b/frontend/src/lib/components/icons/FlyIcon.svelte
index 02118212b2..d48b62556e 100644
--- a/frontend/src/lib/components/icons/FlyIcon.svelte
+++ b/frontend/src/lib/components/icons/FlyIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.987 0c-2.45-.01-5.002.925-6.541 2.897-1.17 1.502-1.664 3.474-1.49 5.356.29 2.112 1.476 3.96 2.676 5.672a41.5 41.5 0 0 0 4.216 4.831c-1.063.832-1.943 2.286-1.357 3.644.821 2.32 4.665 2.05 5.122-.372.39-1.288-.694-2.533-1.428-3.309 2.388-2.431 4.706-5.036 6.17-8.145.595-1.32.902-2.802.614-4.24-.28-2.341-1.823-4.473-3.967-5.46C14.76.266 13.364.016 11.987 0m-.236 1.577v15.534C9.881 13.483 7.724 9.266 8.73 5.069c.35-1.539 1.253-3.309 3.02-3.492m1.996.04c1.534.357 3.031 1.096 3.906 2.48 1.3 1.93 1.318 4.55.1 6.521-1.268 2.395-3.06 4.463-4.916 6.415 1.472-2.974 3.074-6.106 3.182-9.5-.043-2.08-.438-4.612-2.272-5.916M11.97 20.103c.848.342 1.597 1.983.153 2.173-.664.15-1.367-.599-.995-1.222.213-.355.488-.73.842-.95"/>
+<!-- #24175B / #FFFFFF per fly.io. -->
+<svg
+	class="text-[#24175B] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M11.987 0c-2.45-.01-5.002.925-6.541 2.897-1.17 1.502-1.664 3.474-1.49 5.356.29 2.112 1.476 3.96 2.676 5.672a41.5 41.5 0 0 0 4.216 4.831c-1.063.832-1.943 2.286-1.357 3.644.821 2.32 4.665 2.05 5.122-.372.39-1.288-.694-2.533-1.428-3.309 2.388-2.431 4.706-5.036 6.17-8.145.595-1.32.902-2.802.614-4.24-.28-2.341-1.823-4.473-3.967-5.46C14.76.266 13.364.016 11.987 0m-.236 1.577v15.534C9.881 13.483 7.724 9.266 8.73 5.069c.35-1.539 1.253-3.309 3.02-3.492m1.996.04c1.534.357 3.031 1.096 3.906 2.48 1.3 1.93 1.318 4.55.1 6.521-1.268 2.395-3.06 4.463-4.916 6.415 1.472-2.974 3.074-6.106 3.182-9.5-.043-2.08-.438-4.612-2.272-5.916M11.97 20.103c.848.342 1.597 1.983.153 2.173-.664.15-1.367-.599-.995-1.222.213-.355.488-.73.842-.95"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/FormInputIcon.svelte b/frontend/src/lib/components/icons/FormInputIcon.svelte
new file mode 100644
index 0000000000..1f1dcbc242
--- /dev/null
+++ b/frontend/src/lib/components/icons/FormInputIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" />
+	<path d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" />
+	<path d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" />
+	<path d="M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1" />
+	<path d="M9 6v12" />
+</svg>
diff --git a/frontend/src/lib/components/icons/FormstackIcon.svelte b/frontend/src/lib/components/icons/FormstackIcon.svelte
new file mode 100644
index 0000000000..e0da265e6a
--- /dev/null
+++ b/frontend/src/lib/components/icons/FormstackIcon.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #21B573 ("Formstack Green") per the brand guide at formstack.com/press-kit. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#21B573" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M19,4.035h1.4c0.331,0,0.6,0.269,0.6,0.6v14.73c0,0.331-0.269,0.6-0.6,0.6H19V4.035z M22,6.026h1.4 c0.331,0,0.6,0.269,0.6,0.6v10.747c0,0.331-0.269,0.6-0.6,0.6H22V6.026z M0.6,2.044h16.8c0.331,0,0.6,0.269,0.6,0.6v18.712 c0,0.331-0.269,0.6-0.6,0.6H0.6c-0.331,0-0.6-0.269-0.6-0.6V2.644C0,2.313,0.269,2.044,0.6,2.044z M4.2,5.23 c-0.11,0-0.2,0.09-0.2,0.2v7.35c0,0.045,0.015,0.089,0.044,0.125c0.069,0.086,0.195,0.101,0.281,0.032l9.228-7.35 c0.048-0.038,0.075-0.096,0.075-0.156c0-0.11-0.09-0.2-0.2-0.2L4.2,5.23z M4,17.185c0,0.04,0.012,0.08,0.035,0.113 c0.062,0.091,0.187,0.114,0.278,0.052l7.576-5.184c0.054-0.037,0.087-0.099,0.087-0.165c0-0.11-0.09-0.2-0.2-0.2H6.89 c-0.045,0-0.088,0.015-0.123,0.042l-2.69,2.102C4.028,13.983,4,14.041,4,14.103L4,17.185z M4.086,18.342 C4.032,18.379,4,18.441,4,18.506v0.087c0,0.106,0.086,0.192,0.192,0.192H7c0.11,0,0.2-0.09,0.2-0.2v-2.022 c0-0.041-0.012-0.081-0.036-0.114c-0.063-0.091-0.188-0.113-0.278-0.05L4.086,18.342z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/FoxentryIcon.svelte b/frontend/src/lib/components/icons/FoxentryIcon.svelte
new file mode 100644
index 0000000000..88f6b71054
--- /dev/null
+++ b/frontend/src/lib/components/icons/FoxentryIcon.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #ff6102 per foxentry.com/assets/img/logo-foxentry-symbol.svg. Fixed tri-tone mark, no per-theme
+	variant: the brand ships a separate greyscale logo rather than a recoloured one. -->
+<svg {width} {height} viewBox="0 0 240.3 240.21" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M117.23 122.8c7.86 18.81 34.37 55.66 39.58 62.02 3.71 4.59 80.56 54.27 83.49 55.39V0"
+		fill="#e74600"
+	/><path d="M117.23 122.8l-.16.41-44.19 64.8 43.4 52.2H240.3z" fill="#cc3000" /><path
+		d="M44.61 157.34C14.4 187.56 0 240.21 0 240.21h117.23V122.8c0 .09-44.26 6.27-72.62 34.54zM117.23 0v122.8H240.3z"
+		fill="#ff6102"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/FreshdeskIcon.svelte b/frontend/src/lib/components/icons/FreshdeskIcon.svelte
index 72f2d7b1fa..bbeb87d668 100644
--- a/frontend/src/lib/components/icons/FreshdeskIcon.svelte
+++ b/frontend/src/lib/components/icons/FreshdeskIcon.svelte
@@ -1,12 +1,19 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #20A849 per Freshworks' own product-logo asset (freshdesk-dew.svg, used on freshworks.com/apps). Freshworks publishes no reversed variant: the white glyph always sits on the green leaf. -->
 <svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<path d="M31.9 0h24.036A8 8 0 0 1 64 8.073V32.1C64 49.722 49.722 64 32.1 64h-.182A31.89 31.89 0 0 1 0 32.109C0 14.437 14.254.182 31.9 0z" fill="#25c16f"/><path d="M31.9 14.255c-8.093 0-14.654 6.56-14.654 14.654v9.964c.058 2.667 2.206 4.815 4.873 4.873h4.145V32.3h-5.6v-3.2c.34-6.026 5.327-10.74 11.364-10.74S43.04 23.065 43.38 29.1v3.2H37.7v11.454h3.745v.182c-.04 2.474-2.035 4.47-4.5 4.5h-4.473c-.364 0-.764.182-.764.545a.8.8 0 0 0 .764.764h4.5c3.205-.02 5.798-2.613 5.818-5.818v-.364a4.8 4.8 0 0 0 3.745-4.727V29.1c.182-8.254-6.364-14.836-14.654-14.836z" fill="#fff"/>
+	<path
+		d="M31.9 0h24.036A8 8 0 0 1 64 8.073V32.1C64 49.722 49.722 64 32.1 64h-.182A31.89 31.89 0 0 1 0 32.109C0 14.437 14.254.182 31.9 0z"
+		fill="#20A849"
+	/><path
+		d="M31.9 14.255c-8.093 0-14.654 6.56-14.654 14.654v9.964c.058 2.667 2.206 4.815 4.873 4.873h4.145V32.3h-5.6v-3.2c.34-6.026 5.327-10.74 11.364-10.74S43.04 23.065 43.38 29.1v3.2H37.7v11.454h3.745v.182c-.04 2.474-2.035 4.47-4.5 4.5h-4.473c-.364 0-.764.182-.764.545a.8.8 0 0 0 .764.764h4.5c3.205-.02 5.798-2.613 5.818-5.818v-.364a4.8 4.8 0 0 0 3.745-4.727V29.1c.182-8.254-6.364-14.836-14.654-14.836z"
+		fill="#fff"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/FrontAppIcon.svelte b/frontend/src/lib/components/icons/FrontAppIcon.svelte
index dfba63c8b7..aba4bccae4 100644
--- a/frontend/src/lib/components/icons/FrontAppIcon.svelte
+++ b/frontend/src/lib/components/icons/FrontAppIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#3F54A3" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.1706 1.2719a.732.732 0 00-.7186.732v13.914a.732.732 0 00.732.732.732.732 0 00.7318-.732V2.004a.732.732 0 00-.7452-.732zm11.0741 4.1685a.7339.7339 0 00-.2764.063L16.686 8.307a.7329.7329 0 000 1.3361l6.2823 2.8134a.7378.7378 0 00.2993.0648.732.732 0 00.2973-1.401l-4.786-2.1443 4.786-2.1366a.7339.7339 0 00.3698-.9664.7339.7339 0 00-.69-.4327zm-22.499 5.032a.7316.7316 0 00-.7223.9149c1.736 6.677 7.7748 11.341 14.6822 11.341a.732.732 0 000-1.464 13.7055 13.7055 0 01-13.266-10.2449.7316.7316 0 00-.6939-.547z"/>
+<!-- #A857F1 per the logo mark front.com ships inline on its own pages; the mark keeps this purple on both light and dark backgrounds. -->
+<svg {width} {height} viewBox="0 0 65 65" fill="#A857F1" xmlns="http://www.w3.org/2000/svg">
+	<path d="M0 63.6152H21.3918V21.3008H64.0428V0H0V63.6152Z" />
+	<path
+		d="M45.5945 64.8878C56.2523 64.8878 64.8922 56.2479 64.8922 45.5901C64.8922 34.9323 56.2523 26.2925 45.5945 26.2925C34.9367 26.2925 26.2969 34.9323 26.2969 45.5901C26.2969 56.2479 34.9367 64.8878 45.5945 64.8878Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/FunkwhaleIcon.svelte b/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
index 45a1821beb..0fb36804f6 100644
--- a/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
+++ b/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
@@ -1,73 +1,45 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #009fe3 waves, #3c3c3b flipper per www.funkwhale.audio/logos (theme/images/icon.svg). Identity guidelines forbid recolouring. -->
 <svg
-	version="1.1"
-	id="Calque_1"
-	x="0px"
-	y="0px"
-	viewBox="0 0 252.65424 228.43591"
-	xml:space="preserve"
 	{width}
 	{height}
-	style="fill:currentcolor;"
-	><metadata id="metadata25"
-		><rdf:RDF
-			><cc:Work
-				><dc:format>image/svg+xml</dc:format><dc:type></dc:type><dc:title></dc:title></cc:Work
-			></rdf:RDF
-		></metadata
-	><defs id="defs23" /><sodipodi:namedview
-		pagecolor="#ffffff"
-		bordercolor="#666666"
-		borderopacity="1"
-		objecttolerance="10"
-		gridtolerance="10"
-		guidetolerance="10"
-		id="namedview21"
-		showgrid="true"
-		><inkscape:grid type="xygrid" id="grid4535" originx="-1.1305091" originy="-14.869552"
-		></inkscape:grid></sodipodi:namedview
+	viewBox="0 24.63 511.99 462.87"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<style>
+		.funkwhale-st0 {
+			fill: #009fe3;
+		}
+	</style><g id="funkwhale-g18" transform="translate(-48.105 -68.371)scale(1.36275)"
+		><g id="funkwhale-g16"
+			><g id="funkwhale-g12"
+				><path
+					id="funkwhale-path6"
+					d="M223.2 284.9c35.9 0 65.1-29.2 65.1-65.1 0-1.8-1.6-3.4-3.4-3.4h-24.5c-1.8 0-3.4 1.6-3.4 3.4 0 18.4-15 33.6-33.6 33.6-18.4 0-33.6-15-33.6-33.6 0-1.8-1.6-3.4-3.4-3.4h-24.5c-1.8 0-3.4 1.6-3.4 3.4-.4 36.1 28.8 65.1 64.7 65.1"
+					class="funkwhale-st0"
+				/><path
+					id="funkwhale-path8"
+					d="M223.2 346.3c69.5 0 126.3-56.7 126.3-126.3 0-1.8-1.6-3.4-3.4-3.4h-24.5c-1.8 0-3.4 1.6-3.4 3.4 0 52.5-42.6 95-95 95s-95-42.6-95-95c0-1.8-1.6-3.4-3.4-3.4h-24.1c-1.8 0-3.4 1.6-3.4 3.4-.8 69.5 55.9 126.3 125.9 126.3"
+					class="funkwhale-st0"
+				/><path
+					id="funkwhale-path10"
+					d="M407.6 216.6H383c-1.8 0-3.4 1.6-3.4 3.4 0 86.3-70.5 156.6-156.6 156.6-86.3 0-156.6-70.1-156.6-156.6 0-1.8-1.6-3.4-3.4-3.4H38.7c-1.8 0-3.4 1.6-3.4 3.4 0 103.6 84.3 187.9 187.9 187.9S411 323.6 411 220c0-1.8-1.6-3.4-3.4-3.4"
+					class="funkwhale-st0"
+				/></g
+			><path
+				id="funkwhale-path14"
+				d="M138.7 135.3c12.6 6.5 26.1 7.7 38.3 14.8 7.9 4.7 13 9.7 17.8 17.4 7.7 11.6 7.3 26.1 7.3 26.1l1 16s6.1 16 19.7 16c14.4 0 19.7-16 19.7-16l1-16s-.4-14.4 7.3-26.1c4.9-7.7 9.7-13.2 17.8-17.4 12.2-7.1 25.7-8.3 38.3-14.8s24.7-14.8 33-26.3c8.3-11.6 12.2-27 7.7-40.5-23.9-1.2-51.5 1.6-72.5 13-29.4 15.6-47.2 10.1-52.5 33.4h-.4c-5.3-23.5-22.9-17.8-52.5-33.4-21.1-11.3-48.6-14.2-72.5-13-4.7 13.6-.6 28.8 7.7 40.5 8.8 11.7 21.2 20 33.8 26.3"
+				style="fill:#3c3c3b"
+			/></g
+		></g
 	>
-	<style type="text/css" id="style2">
-		.st0 {
-		}
-		.st1 {
-		}
-		.st2 {
-		}
-	</style>
-
-	<g id="g18" transform="matrix(1.3627521,0,0,1.3627521,-48.105149,-68.371499)">
-		<g id="g16">
-			<g id="g12">
-				<path
-					class="st1"
-					d="m 128,157.1 c 17.7,0 32.1,-14.4 32.1,-32.1 0,-0.9 -0.8,-1.7 -1.7,-1.7 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,9.1 -7.4,16.6 -16.6,16.6 -9.1,0 -16.6,-7.4 -16.6,-16.6 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 97.6 c -0.9,0 -1.7,0.8 -1.7,1.7 0,17.8 14.4,32.1 32.1,32.1 z"
-					id="path6"
-				/>
-				<path
-					class="st1"
-					d="m 128,187.4 c 34.3,0 62.3,-28 62.3,-62.3 0,-0.9 -0.8,-1.7 -1.7,-1.7 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,25.9 -21,46.9 -46.9,46.9 C 102,172 81,151 81,125.1 c 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 67.4 c -0.9,0 -1.7,0.8 -1.7,1.7 -0.2,34.3 27.8,62.3 62.3,62.3 z"
-					id="path8"
-				/>
-				<path
-					class="st1"
-					d="m 219,123.4 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,42.6 -34.8,77.3 -77.3,77.3 -42.6,0 -77.3,-34.6 -77.3,-77.3 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 37 c -0.9,0 -1.7,0.8 -1.7,1.7 0,51.1 41.6,92.7 92.7,92.7 51.1,0 92.7,-41.6 92.7,-92.7 0,-0.9 -0.8,-1.7 -1.7,-1.7 z"
-					id="path10"
-				/>
-			</g>
-			<path
-				class="st2"
-				d="m 86.3,83.3 c 6.2,3.2 12.9,3.8 18.9,7.3 3.9,2.3 6.4,4.8 8.8,8.6 3.8,5.7 3.6,12.9 3.6,12.9 l 0.5,7.9 c 0,0 3,7.9 9.7,7.9 7.1,0 9.7,-7.9 9.7,-7.9 l 0.5,-7.9 c 0,0 -0.2,-7.1 3.6,-12.9 2.4,-3.8 4.8,-6.5 8.8,-8.6 6,-3.5 12.7,-4.1 18.9,-7.3 6.2,-3.2 12.2,-7.3 16.3,-13 4.1,-5.7 6,-13.3 3.8,-20 -11.8,-0.6 -25.4,0.8 -35.8,6.4 -14.5,7.7 -23.3,5 -25.9,16.5 h -0.2 c -2.6,-11.6 -11.3,-8.8 -25.9,-16.5 -10.4,-5.6 -24,-7 -35.8,-6.4 -2.3,6.7 -0.3,14.2 3.8,20 4.4,5.8 10.5,9.9 16.7,13 z"
-				id="path14"
-			/>
-		</g>
-	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/GCloudIcon.svelte b/frontend/src/lib/components/icons/GCloudIcon.svelte
deleted file mode 100644
index 6fba8faa05..0000000000
--- a/frontend/src/lib/components/icons/GCloudIcon.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	interface Props {
-		height?: string;
-		width?: string;
-	}
-
-	let { height = '24px', width = '24px' }: Props = $props();
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 15.6875 4 C 14.113281 4 12.652344 4.867188 11.875 6.25 L 2.59375 22.78125 C 1.816406 24.160156 1.816406 25.839844 2.59375 27.21875 L 11.875 43.75 C 12.652344 45.132813 14.113281 46 15.6875 46 L 34.3125 46 C 35.886719 46 37.347656 45.132813 38.125 43.75 L 47.40625 27.21875 C 48.183594 25.839844 48.183594 24.160156 47.40625 22.78125 L 38.125 6.25 C 37.347656 4.867188 35.886719 4 34.3125 4 Z M 15.6875 6 L 34.3125 6 C 35.15625 6 35.941406 6.449219 36.375 7.21875 L 39.0625 12 L 17.5 12 L 17.21875 12.5 L 11.15625 23 L 7.90625 17.375 L 13.625 7.21875 C 14.058594 6.449219 14.84375 6 15.6875 6 Z M 18.65625 14 L 31.34375 14 L 37.71875 25 L 34.125 31.21875 L 31.34375 36 L 18.65625 36 L 17.5 34.03125 L 14.90625 29.53125 L 12.28125 25 Z M 33.65625 14 L 40.1875 14 L 45.6875 23.75 C 46.121094 24.519531 46.121094 25.480469 45.6875 26.25 L 36.375 42.78125 C 35.941406 43.550781 35.15625 44 34.3125 44 L 29.0625 44 L 32.5 38 L 32.78125 37.5 L 39.71875 25.5 L 40 25 L 39.71875 24.5 Z M 25 19 C 21.699219 19 19 21.699219 19 25 C 19 28.300781 21.699219 31 25 31 C 28.300781 31 31 28.300781 31 25 C 31 21.699219 28.300781 19 25 19 Z M 6.75 19.40625 L 10 25 L 10.28125 25.5 L 15.78125 35.03125 L 17.21875 37.5 L 17.5 38 L 30.1875 38 L 26.71875 44 L 15.6875 44 C 14.84375 44 14.058594 43.550781 13.625 42.78125 L 4.3125 26.25 C 3.878906 25.480469 3.878906 24.519531 4.3125 23.75 Z M 25 21 C 27.222656 21 29 22.777344 29 25 C 29 27.222656 27.222656 29 25 29 C 22.777344 29 21 27.222656 21 25 C 21 22.777344 22.777344 21 25 21 Z"
-	/></svg
->
diff --git a/frontend/src/lib/components/icons/GSheetsIcon.svelte b/frontend/src/lib/components/icons/GSheetsIcon.svelte
index 419f9d1b26..b23010fd90 100644
--- a/frontend/src/lib/components/icons/GSheetsIcon.svelte
+++ b/frontend/src/lib/components/icons/GSheetsIcon.svelte
@@ -1,21 +1,69 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 28.90625 1.96875 C 28.863281 1.976563 28.820313 1.988281 28.78125 2 L 11.5 2 C 9.585938 2 8 3.558594 8 5.46875 L 8 43.90625 C 8 46.160156 9.867188 48 12.125 48 L 37.875 48 C 40.132813 48 42 46.160156 42 43.90625 L 42 15.1875 C 42.027344 15.054688 42.027344 14.914063 42 14.78125 L 42 14.5 C 42.007813 14.234375 41.90625 13.972656 41.71875 13.78125 L 30.21875 2.28125 C 30.027344 2.09375 29.765625 1.992188 29.5 2 L 29.1875 2 C 29.097656 1.976563 29 1.964844 28.90625 1.96875 Z M 11.5 4 L 28 4 L 28 12.34375 C 28 14.355469 29.644531 16 31.65625 16 L 40 16 L 40 43.90625 C 40 45.074219 39.054688 46 37.875 46 L 12.125 46 C 10.945313 46 10 45.074219 10 43.90625 L 10 5.46875 C 10 4.644531 10.660156 4 11.5 4 Z M 30 4.9375 L 39.0625 14 L 31.65625 14 C 30.722656 14 30 13.277344 30 12.34375 Z M 17 24 L 17 38 L 33 38 L 33 24 Z M 19 26 L 24 26 L 24 28 L 19 28 Z M 26 26 L 31 26 L 31 28 L 26 28 Z M 19 30 L 24 30 L 24 32 L 19 32 Z M 26 30 L 31 30 L 31 32 L 26 32 Z M 19 34 L 24 34 L 24 36 L 19 36 Z M 26 34 L 31 34 L 31 36 L 26 36 Z"
-	/></svg
->
+<!-- #0EBC5F / #0EBC5F per Google product logo sheets_2026q3 (gstatic productlogos, used on workspace.google.com/products/sheets). Google forbids recolouring its marks, so the same full-colour artwork is used on both themes. -->
+<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#009954"
+		d="M183.96 117.4c0 8.94 0 13.41-1.4 16.96a20 20 0 0 1-11.23 11.24c-3.55 1.4-8.02 1.4-16.97 1.4h-60.8c-8.94 0-13.41 0-16.96-1.4a20 20 0 0 1-11.23-11.24c-1.4-3.55-1.4-8.02-1.4-16.96V74.6c0-8.94 0-13.42 1.4-16.96A20 20 0 0 1 76.6 46.4C80.15 45 84.62 45 93.56 45h60.8c8.95 0 13.42 0 16.97 1.4a20 20 0 0 1 11.23 11.24c1.4 3.54 1.4 8.02 1.4 16.96z"
+	/>
+	<mask
+		id="gsheets-mask"
+		width="161"
+		height="128"
+		x="7"
+		y="32"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<path
+			fill="#0EBC5F"
+			d="M167.96 130.4c0 8.94 0 13.41-1.4 16.96a20 20 0 0 1-11.23 11.24c-3.55 1.4-8.02 1.4-16.97 1.4H37.56c-8.94 0-13.41 0-16.96-1.4a20 20 0 0 1-11.23-11.24c-1.4-3.55-1.4-8.02-1.4-16.96V61.6c0-8.94 0-13.42 1.4-16.96A20 20 0 0 1 20.6 33.4C24.15 32 28.62 32 37.56 32h100.8c8.95 0 13.42 0 16.97 1.4a20 20 0 0 1 11.23 11.24c1.4 3.54 1.4 8.02 1.4 16.96z"
+		/>
+	</mask>
+	<g mask="url(#gsheets-mask)">
+		<path fill="#0EBC5F" d="M167.96 160h-160V32h160z" />
+		<g filter="url(#gsheets-blur)">
+			<path
+				fill="url(#gsheets-gradient)"
+				d="M183.96 65a20 20 0 0 0-20-20h-104a20 20 0 0 0-20 20v62a20 20 0 0 0 20 20h104a20 20 0 0 0 20-20z"
+			/>
+		</g>
+	</g>
+	<path
+		fill="#FFF"
+		d="M47.96 122a6 6 0 0 1-6-6V77h-14a6 6 0 0 1 0-12h14V52a6 6 0 0 1 12 0v13h58a6 6 0 1 1 0 12h-58v39a6 6 0 0 1-6 6"
+	/>
+	<defs>
+		<linearGradient
+			id="gsheets-gradient"
+			x1="61.73"
+			x2="163.21"
+			y1="88.31"
+			y2="88.31"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#0EBC5F" />
+			<stop offset=".95" stop-color="#78C9FF" />
+		</linearGradient>
+		<filter
+			id="gsheets-blur"
+			width="168"
+			height="126"
+			x="27.96"
+			y="33"
+			color-interpolation-filters="sRGB"
+			filterUnits="userSpaceOnUse"
+		>
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+			<feGaussianBlur result="gsheets-blur-effect" stdDeviation="6" />
+		</filter>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/GcalIcon.svelte b/frontend/src/lib/components/icons/GcalIcon.svelte
index 6b8f90b086..3a46c28c3e 100644
--- a/frontend/src/lib/components/icons/GcalIcon.svelte
+++ b/frontend/src/lib/components/icons/GcalIcon.svelte
@@ -1,21 +1,103 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 32 32"
-	style="fill:currentcolor;"
-	><path
-		d="M 6.9667969 4 C 5.8922226 4 5 4.8922226 5 5.9667969 L 5 8.3867188 C 4.6700827 8.5693007 4.3668503 8.8022905 4.1230469 9.1015625 C 3.5561678 9.7967647 3.3299502 10.7122 3.5097656 11.591797 L 3.5097656 11.59375 C 4.0409792 14.178038 4.7794422 17.772026 4.8261719 18 C 4.7795089 18.227574 4.0439586 21.806083 3.5136719 24.390625 C 3.33239 25.274562 3.5603689 26.193876 4.1289062 26.892578 L 4.1289062 26.894531 C 4.6989448 27.593193 5.5544182 28 6.4570312 28 L 25.501953 28 C 26.414029 28 27.27875 27.588847 27.855469 26.882812 L 27.855469 26.880859 C 28.431397 26.174017 28.661627 25.244791 28.478516 24.351562 C 27.948342 21.768542 27.220293 18.226607 27.173828 18 C 27.220578 17.771923 27.959908 14.172625 28.490234 11.587891 C 28.670205 10.710536 28.445474 9.7948488 27.878906 9.0996094 L 27.876953 9.0976562 C 27.633016 8.7986233 27.330145 8.566746 27 8.3847656 L 27 5.9667969 C 27 4.8922226 26.107777 4 25.033203 4 L 6.9667969 4 z M 7 6 L 25 6 L 25 8 L 7 8 L 7 6 z M 6.4414062 10 L 25 10 L 25 10.003906 L 25.580078 10.003906 C 25.870925 10.00932 26.145127 10.138539 26.328125 10.363281 C 26.516313 10.593787 26.591101 10.893775 26.53125 11.185547 C 25.98421 13.851742 25.173828 17.798828 25.173828 17.798828 L 25.132812 18 L 25.173828 18.201172 C 25.173828 18.201172 25.970539 22.088714 26.517578 24.753906 C 26.579608 25.059411 26.503358 25.374804 26.306641 25.617188 C 26.107355 25.861152 25.815878 26 25.501953 26 L 6.4570312 26 C 6.1536443 26 5.871649 25.864198 5.6796875 25.628906 C 5.4891549 25.393814 5.4120715 25.088382 5.4726562 24.792969 C 6.0196814 22.126846 6.8261719 18.201172 6.8261719 18.201172 L 6.8671875 18 L 6.8261719 17.798828 C 6.8261719 17.798828 6.0168603 13.857943 5.46875 11.191406 L 5.4707031 11.191406 C 5.4106381 10.897589 5.4835861 10.595863 5.671875 10.365234 L 5.6738281 10.365234 C 5.8620903 10.134148 6.1432948 10 6.4414062 10 z M 13.294922 13 C 12.044922 13 10.909797 13.341641 10.341797 13.681641 L 10.796875 15.271484 C 11.250875 15.044484 12.046797 14.703125 12.841797 14.703125 C 13.750797 14.703125 14.205078 15.158563 14.205078 15.726562 C 14.205078 16.521563 13.295 16.863281 12.5 16.863281 L 11.591797 16.863281 L 11.591797 18.453125 L 12.501953 18.453125 C 13.524953 18.453125 14.433594 18.909359 14.433594 19.818359 C 14.433594 20.500359 13.864516 21.068359 12.728516 21.068359 C 11.819516 21.068359 10.910078 20.727 10.455078 20.5 L 9.9980469 22.318359 C 10.566047 22.659359 11.589844 23 12.839844 23 C 15.339844 23 16.816406 21.749922 16.816406 20.044922 C 16.816406 18.681922 15.907484 17.885203 14.771484 17.658203 C 15.908484 17.203203 16.476562 16.409719 16.476562 15.386719 C 16.476562 14.023719 15.339922 13 13.294922 13 z M 19 13 L 19 23 L 21 23 L 21 13 L 19 13 z"
-	/></svg
->
+<!-- #3c90ff per Google's own Calendar 2026 product logo, https://www.gstatic.com/images/branding/productlogos/calendar_2026/v2/web/192px.svg (paths verbatim).
+	 Google forbids modifying its logos, colour included, so this stays fixed with no per-theme pair. -->
+<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#bbe2ff"
+		d="M32 36.8C32 20.894 44.894 8 60.8 8h70.4C147.106 8 160 20.894 160 36.8v30.4c0 15.906-12.894 28.8-28.8 28.8H60.8C44.894 96 32 83.106 32 67.2z"
+	/>
+	<path
+		fill="#3c90ff"
+		d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"
+	/>
+	<mask
+		id="gcal-body-mask"
+		width="154"
+		height="152"
+		x="19"
+		y="20"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<path
+			fill="#3c90ff"
+			d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"
+		/>
+	</mask>
+	<g mask="url(#gcal-body-mask)">
+		<path
+			fill="url(#gcal-bottom-gradient)"
+			d="M0 0h166v76H0z"
+			transform="matrix(1 0 0 -1 13 172)"
+		/>
+	</g>
+	<mask
+		id="gcal-top-mask"
+		width="154"
+		height="152"
+		x="19"
+		y="20"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<path
+			fill="#3186ff"
+			d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"
+		/>
+	</mask>
+	<g mask="url(#gcal-top-mask)">
+		<path
+			fill="url(#gcal-top-gradient)"
+			d="M32 27.2C32 16.596 40.596 8 51.2 8h89.6c10.604 0 19.2 8.596 19.2 19.2V96H32z"
+			filter="url(#gcal-top-blur)"
+		/>
+	</g>
+	<path
+		fill="#fff"
+		d="M75.353 133.336q-6.282 0-10.777-2.043t-7.61-5.465q-3.065-3.474-4.342-6.793T51.603 115a2.07 2.07 0 0 1 1.021-1.124l5.67-2.247q.714-.357 1.43-.102.714.204 1.685 2.349 1.022 2.145 2.86 4.546a14.3 14.3 0 0 0 4.495 3.728q2.606 1.328 6.435 1.328 6.18 0 9.807-3.575 3.677-3.575 3.677-9.091 0-5.976-3.882-9.194-3.881-3.269-10.266-3.269h-5.362a1.9 1.9 0 0 1-1.328-.51q-.51-.562-.511-1.277v-5.465q0-.767.51-1.277a1.82 1.82 0 0 1 1.329-.562h4.647q5.721 0 9.194-3.116t3.473-8.07q0-4.902-3.116-7.916t-8.58-3.014q-3.065 0-5.312 1.022a11.5 11.5 0 0 0-3.882 2.86 22.7 22.7 0 0 0-2.809 3.78q-1.174 1.941-1.89 2.145-.714.153-1.379-.255l-5.363-2.605q-.664-.358-.868-1.124t1.226-3.575q1.481-2.86 4.494-5.823a21 21 0 0 1 7.049-4.597q4.035-1.635 9.398-1.634 9.96 0 15.782 5.26 5.823 5.21 5.823 13.791 0 5.925-2.86 10.266-2.81 4.34-7.968 6.13v.204q6.231 1.838 9.806 6.741 3.627 4.853 3.626 11.594 0 9.654-6.742 15.834-6.74 6.18-17.57 6.18zm51.25-1.175q-.868 0-1.533-.664a2.25 2.25 0 0 1-.612-1.583V73.118l-11.492 8.274q-.614.46-1.431.307a1.96 1.96 0 0 1-1.225-.766l-3.32-4.7a1.98 1.98 0 0 1-.358-1.43q.153-.816.817-1.276l20.379-14.557q.256-.204.562-.306.307-.153.715-.153h4.291q.868 0 1.379.613.562.56.562 1.43v69.36q0 .92-.664 1.583a2 2 0 0 1-1.533.664z"
+	/>
+	<defs>
+		<linearGradient
+			id="gcal-bottom-gradient"
+			x1="83"
+			x2="83"
+			y1="76"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4fa0ff" />
+			<stop offset="1" stop-color="#3186ff" />
+		</linearGradient>
+		<linearGradient
+			id="gcal-top-gradient"
+			x1="89.06"
+			x2="89.06"
+			y1="21.75"
+			y2="96.39"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#a9a8ff" />
+			<stop offset=".8" stop-color="#3c90ff" />
+		</linearGradient>
+		<filter
+			id="gcal-top-blur"
+			width="152"
+			height="112"
+			x="20"
+			y="-4"
+			color-interpolation-filters="sRGB"
+			filterUnits="userSpaceOnUse"
+		>
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+			<feGaussianBlur result="effect1_foregroundBlur" stdDeviation="6" />
+		</filter>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/GdocsIcon.svelte b/frontend/src/lib/components/icons/GdocsIcon.svelte
index 2e202cc2c8..c25121c2d3 100644
--- a/frontend/src/lib/components/icons/GdocsIcon.svelte
+++ b/frontend/src/lib/components/icons/GdocsIcon.svelte
@@ -1,14 +1,77 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 50 50" style="fill:currentcolor;">
+<!-- Google's own Docs product icon, gstatic.com/images/branding/productlogos/docs_2026/v2/web/192px.svg
+	(#3186FF with a #76BBFF fold and a gradient). Google forbids recolouring its logos, so this ships
+	unmodified apart from namespacing the gradient/mask ids, which are document-global. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 192 192"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Google Docs"
+>
+	<mask
+		id="gdocs-mask0_37242_8762"
+		style="mask-type:alpha"
+		maskUnits="userSpaceOnUse"
+		x="32"
+		y="8"
+		width="128"
+		height="176"
+	>
+		<path
+			d="M130.334 184L61.6 184C52.6565 184 48.1848 184 44.6375 182.596C39.5029 180.563 35.4374 176.497 33.4045 171.362C32 167.815 32 163.343 32 154.4L32 37.6C32 28.6565 32 24.1848 33.4045 20.6375C35.4374 15.5029 39.5029 11.4374 44.6375 9.40447C48.1848 8 52.6565 8 61.6 8L100 8L154.793 62.7933L154.793 62.7934C156.454 64.4543 157.285 65.2848 157.923 66.2239C158.845 67.5811 159.479 69.1131 159.785 70.725C159.997 71.8404 159.997 73.0264 159.995 75.3985C159.96 124.317 159.938 124.799 159.937 154.366C159.937 163.332 159.937 167.816 158.532 171.363C156.499 176.498 152.434 180.562 147.299 182.596C143.752 184 139.279 184 130.334 184Z"
+			fill="#3186FF"
+		/>
+	</mask>
+	<g mask="url(#gdocs-mask0_37242_8762)">
+		<path
+			d="M159.94 184L31.9999 184L31.9999 8.00001L99.9999 8L159.999 68L159.94 184Z"
+			fill="#3186FF"
+		/>
+		<g filter="url(#gdocs-filter0_f_37242_8762)">
+			<path d="M43 192H149V70.2271V20H43V192Z" fill="url(#gdocs-paint0_linear_37242_8762)" />
+		</g>
+	</g>
 	<path
-		d="M 28.90625 1.96875 C 28.863281 1.976563 28.820313 1.988281 28.78125 2 L 11.5 2 C 9.585938 2 8 3.558594 8 5.46875 L 8 43.90625 C 8 46.160156 9.867188 48 12.125 48 L 37.875 48 C 40.132813 48 42 46.160156 42 43.90625 L 42 15.1875 C 42.027344 15.054688 42.027344 14.914063 42 14.78125 L 42 14.5 C 42.007813 14.234375 41.90625 13.972656 41.71875 13.78125 L 30.21875 2.28125 C 30.027344 2.09375 29.765625 1.992188 29.5 2 L 29.1875 2 C 29.097656 1.976563 29 1.964844 28.90625 1.96875 Z M 11.5 4 L 28 4 L 28 12.34375 C 28 14.355469 29.644531 16 31.65625 16 L 40 16 L 40 43.90625 C 40 45.074219 39.054688 46 37.875 46 L 12.125 46 C 10.945313 46 10 45.074219 10 43.90625 L 10 5.46875 C 10 4.644531 10.660156 4 11.5 4 Z M 30 4.9375 L 39.0625 14 L 31.65625 14 C 30.722656 14 30 13.277344 30 12.34375 Z M 17 24 L 17 26 L 33 26 L 33 24 Z M 17 28 L 17 30 L 33 30 L 33 28 Z M 17 32 L 17 34 L 33 34 L 33 32 Z M 17 36 L 17 38 L 26 38 L 26 36 Z"
+		d="M154.995 62.9951C152.489 61.1143 149.375 60 146 60H112.8C105.731 60 100 54.2692 100 47.2002V8L154.995 62.9951Z"
+		fill="#76BBFF"
 	/>
+	<rect x="64.001" y="114" width="64" height="12" rx="6" fill="white" />
+	<rect x="64.001" y="143" width="48" height="12" rx="6" fill="white" />
+	<defs>
+		<filter
+			id="gdocs-filter0_f_37242_8762"
+			x="31"
+			y="8"
+			width="130"
+			height="196"
+			filterUnits="userSpaceOnUse"
+			color-interpolation-filters="sRGB"
+		>
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+			<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_37242_8762" />
+		</filter>
+		<linearGradient
+			id="gdocs-paint0_linear_37242_8762"
+			x1="96"
+			y1="59.2839"
+			x2="54.6124"
+			y2="171.338"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0.33" stop-color="#3186FF" />
+			<stop offset="1" stop-color="#A9A8FF" />
+		</linearGradient>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/GdriveIcon.svelte b/frontend/src/lib/components/icons/GdriveIcon.svelte
index eff87a3645..70c5466cc0 100644
--- a/frontend/src/lib/components/icons/GdriveIcon.svelte
+++ b/frontend/src/lib/components/icons/GdriveIcon.svelte
@@ -1,21 +1,71 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 32 32"
-	style="fill:currentcolor;"
-	><path
-		d="M 11.4375 5 L 11.15625 5.46875 L 3.15625 18.46875 L 2.84375 18.96875 L 3.125 19.5 L 7.125 26.5 L 7.40625 27 L 24.59375 27 L 24.875 26.5 L 28.875 19.5 L 29.15625 18.96875 L 28.84375 18.46875 L 20.84375 5.46875 L 20.5625 5 Z M 13.78125 7 L 19.4375 7 L 26.21875 18 L 20.5625 18 Z M 12 7.90625 L 14.96875 12.75 L 8.03125 24.03125 L 5.15625 19 Z M 16.15625 14.65625 L 18.21875 18 L 14.09375 18 Z M 12.875 20 L 26.28125 20 L 23.40625 25 L 9.78125 25 Z"
-	/></svg
->
+<!-- #3186ff per https://www.gstatic.com/images/branding/productlogos/drive_2026/v2/web/192px.svg, Google's own product-logo CDN; paths and gradient stops are verbatim.
+	 Google forbids modifying its logos "in any way, including changing the color", so this stays full-colour with no per-theme pair. -->
+<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<mask
+		id="gdrive-mask"
+		width="168"
+		height="154"
+		x="12"
+		y="18"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<path
+			fill="#b43333"
+			d="M63.09 37c14.626-25.333 51.193-25.334 65.819 0l45.033 78c14.626 25.334-3.657 57.001-32.91 57.001H50.967c-29.253 0-47.536-31.667-32.91-57.001z"
+		/>
+	</mask>
+	<g mask="url(#gdrive-mask)">
+		<path fill="url(#gdrive-yellow)" d="M206.905 172.02h-91.888l-19.015-32.934 45.944-79.578z" />
+		<path
+			fill="url(#gdrive-blue)"
+			d="M-14.919 172.006 50.04 59.494v.002L31.032 92.422h38.02L115 172.004l-129.918.001z"
+		/>
+		<path fill="url(#gdrive-green)" d="M96.007-20.085 141.954 59.5l-19.011 32.928H31.048z" />
+	</g>
+	<defs>
+		<linearGradient
+			id="gdrive-yellow"
+			x1="193.6"
+			x2="103.09"
+			y1="165.6"
+			y2="111.21"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".09" stop-color="#ffe921" />
+			<stop offset="1" stop-color="#fec700" />
+		</linearGradient>
+		<linearGradient
+			id="gdrive-blue"
+			x1="114.4"
+			x2="15.53"
+			y1="181.61"
+			y2="121.8"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".15" stop-color="#a9a8ff" />
+			<stop offset=".33" stop-color="#6d97ff" />
+			<stop offset=".48" stop-color="#3186ff" />
+		</linearGradient>
+		<linearGradient
+			id="gdrive-green"
+			x1="128.88"
+			x2="28.7"
+			y1="37.88"
+			y2="84.64"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".55" stop-color="#0ebc5f" />
+			<stop offset=".85" stop-color="#78c9ff" />
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/GhostCmsIcon.svelte b/frontend/src/lib/components/icons/GhostCmsIcon.svelte
index 018960d9b7..fcebf9f38f 100644
--- a/frontend/src/lib/components/icons/GhostCmsIcon.svelte
+++ b/frontend/src/lib/components/icons/GhostCmsIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm.256 2.313c2.47.005 5.116 2.008 5.898 2.962l.244.3c1.64 1.994 3.569 4.34 3.569 6.966 0 3.719-2.98 5.808-6.158 7.508-1.433.766-2.98 1.508-4.748 1.508-4.543 0-8.366-3.569-8.366-8.112 0-.706.17-1.425.342-2.15.122-.515.244-1.033.307-1.549.548-4.539 2.967-6.795 8.422-7.408a4.29 4.29 0 01.49-.026Z"/>
+<!-- #15171A / #FFFFFF per docs.ghost.org. -->
+<svg
+	class="text-[#15171A] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm.256 2.313c2.47.005 5.116 2.008 5.898 2.962l.244.3c1.64 1.994 3.569 4.34 3.569 6.966 0 3.719-2.98 5.808-6.158 7.508-1.433.766-2.98 1.508-4.748 1.508-4.543 0-8.366-3.569-8.366-8.112 0-.706.17-1.425.342-2.15.122-.515.244-1.033.307-1.549.548-4.539 2.967-6.795 8.422-7.408a4.29 4.29 0 01.49-.026Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/GiphyIcon.svelte b/frontend/src/lib/components/icons/GiphyIcon.svelte
index 521a358840..fc075eeac5 100644
--- a/frontend/src/lib/components/icons/GiphyIcon.svelte
+++ b/frontend/src/lib/components/icons/GiphyIcon.svelte
@@ -1,12 +1,17 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#FF6666" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.666 0v24h18.668V8.666l-2.668 2.668v10H5.334V2.668H10L12.666 0zm10.668 0v8h8V5.334h-2.668V2.668H16V0"/>
+<!-- #FFF35C / #00FF99 / #00CCFF / #9933FF / #FF6666 per GIPHY's own app icon (giphy.com/static/img/icons/apple-touch-icon-180px.png). Same full-colour mark on light and dark. -->
+<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<path fill="#FFF35C" d="M2.666 0H12.666L10 2.668H5.334Z" />
+	<path fill="#00FF99" d="M2.666 0L5.334 2.668V21.334L2.666 24Z" />
+	<path fill="#00CCFF" d="M2.666 24L5.334 21.334H18.666L21.334 24Z" />
+	<path fill="#9933FF" d="M21.334 24L18.666 21.334V11.334L21.334 8.666Z" />
+	<path fill="#FF6666" d="M13.334 0V8H21.334V5.334H18.666V2.668H16V0Z" />
 </svg>
diff --git a/frontend/src/lib/components/icons/GitBookIcon.svelte b/frontend/src/lib/components/icons/GitBookIcon.svelte
index b310c868f7..c3d1c1cf52 100644
--- a/frontend/src/lib/components/icons/GitBookIcon.svelte
+++ b/frontend/src/lib/components/icons/GitBookIcon.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#BBDDE5" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.513 1.097c-.645 0-1.233.34-2.407 1.017L3.675 5.82A7.233 7.233 0 0 0 0 12.063v.236a7.233 7.233 0 0 0 3.667 6.238L7.69 20.86c2.354 1.36 3.531 2.042 4.824 2.042 1.292.001 2.47-.678 4.825-2.038l4.251-2.453c1.177-.68 1.764-1.02 2.087-1.579.323-.56.324-1.24.323-2.6v-2.63a1.04 1.04 0 0 0-1.558-.903l-8.728 5.024c-.587.337-.88.507-1.201.507-.323 0-.616-.168-1.204-.506l-5.904-3.393c-.297-.171-.446-.256-.565-.271a.603.603 0 0 0-.634.368c-.045.111-.045.282-.043.625.002.252 0 .378.025.494.053.259.189.493.387.667.089.077.198.14.416.266l6.315 3.65c.589.34.884.51 1.207.51.324 0 .617-.17 1.206-.509l7.74-4.469c.202-.116.302-.172.377-.13.075.044.075.16.075.392v1.193c0 .34.001.51-.08.649-.08.14-.227.224-.522.394l-6.382 3.685c-1.178.68-1.767 1.02-2.413 1.02-.646 0-1.236-.34-2.412-1.022l-5.97-3.452-.043-.025a4.106 4.106 0 0 1-2.031-3.52V11.7c0-.801.427-1.541 1.12-1.944a1.979 1.979 0 0 1 1.982-.001l4.946 2.858c1.174.679 1.762 1.019 2.407 1.02.645 0 1.233-.34 2.41-1.017l7.482-4.306a1.091 1.091 0 0 0 0-1.891L14.92 2.11c-1.175-.675-1.762-1.013-2.406-1.013Z"/>
+<!-- #181C1F / #F2F7F7 per the GitBook-icon-dark / GitBook-icon-light downloads on
+	gitbook.gitbook.io/brand-assets, matching the live gitbook.com favicon. #1C1917 is the marketing
+	palette's dark base, not the logomark. -->
+<svg
+	class="text-[#181C1F] dark:text-[#F2F7F7]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12.513 1.097c-.645 0-1.233.34-2.407 1.017L3.675 5.82A7.233 7.233 0 0 0 0 12.063v.236a7.233 7.233 0 0 0 3.667 6.238L7.69 20.86c2.354 1.36 3.531 2.042 4.824 2.042 1.292.001 2.47-.678 4.825-2.038l4.251-2.453c1.177-.68 1.764-1.02 2.087-1.579.323-.56.324-1.24.323-2.6v-2.63a1.04 1.04 0 0 0-1.558-.903l-8.728 5.024c-.587.337-.88.507-1.201.507-.323 0-.616-.168-1.204-.506l-5.904-3.393c-.297-.171-.446-.256-.565-.271a.603.603 0 0 0-.634.368c-.045.111-.045.282-.043.625.002.252 0 .378.025.494.053.259.189.493.387.667.089.077.198.14.416.266l6.315 3.65c.589.34.884.51 1.207.51.324 0 .617-.17 1.206-.509l7.74-4.469c.202-.116.302-.172.377-.13.075.044.075.16.075.392v1.193c0 .34.001.51-.08.649-.08.14-.227.224-.522.394l-6.382 3.685c-1.178.68-1.767 1.02-2.413 1.02-.646 0-1.236-.34-2.412-1.022l-5.97-3.452-.043-.025a4.106 4.106 0 0 1-2.031-3.52V11.7c0-.801.427-1.541 1.12-1.944a1.979 1.979 0 0 1 1.982-.001l4.946 2.858c1.174.679 1.762 1.019 2.407 1.02.645 0 1.233-.34 2.41-1.017l7.482-4.306a1.091 1.091 0 0 0 0-1.891L14.92 2.11c-1.175-.675-1.762-1.013-2.406-1.013Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/GitIcon.svelte b/frontend/src/lib/components/icons/GitIcon.svelte
index 08f7631a91..c6dd709daa 100644
--- a/frontend/src/lib/components/icons/GitIcon.svelte
+++ b/frontend/src/lib/components/icons/GitIcon.svelte
@@ -1,3 +1,4 @@
+<!-- #F03C2E on both themes per git-scm.com/community/logos (Git-Icon-1788C.svg, logo by Jason Long, CC BY 3.0). A white reversed logomark exists, but git-scm.com's own dark theme exempts the mark from inversion and keeps it orange. -->
 <script lang="ts">
 	interface Props {
 		height?: string
@@ -19,7 +20,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
-		fill="#F05133"
+		fill="#F03C2E"
 		d="M92.71 44.408 52.591 4.291c-2.31-2.311-6.057-2.311-8.369 0l-8.33 8.332L46.459 23.19c2.456-.83 5.272-.273 7.229 1.685 1.969 1.97 2.521 4.81 1.67 7.275l10.186 10.185c2.465-.85 5.307-.3 7.275 1.671 2.75 2.75 2.75 7.206 0 9.958-2.752 2.751-7.208 2.751-9.961 0-2.068-2.07-2.58-5.11-1.531-7.658l-9.5-9.499v24.997c.67.332 1.303.774 1.861 1.332 2.75 2.75 2.75 7.206 0 9.959-2.75 2.749-7.209 2.749-9.957 0-2.75-2.754-2.75-7.21 0-9.959.68-.679 1.467-1.193 2.307-1.537v-25.23c-.84-.344-1.625-.853-2.307-1.537-2.083-2.082-2.584-5.14-1.516-7.698L31.798 16.715 4.288 44.222c-2.311 2.313-2.311 6.06 0 8.371l40.121 40.118c2.31 2.311 6.056 2.311 8.369 0L92.71 52.779c2.311-2.311 2.311-6.06 0-8.371z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/GithubIcon.svelte b/frontend/src/lib/components/icons/GithubIcon.svelte
index 0b47c0d281..0bb14688cd 100644
--- a/frontend/src/lib/components/icons/GithubIcon.svelte
+++ b/frontend/src/lib/components/icons/GithubIcon.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
+
 	interface Props {
 		size?: number
 		height?: number
 		width?: number
-		color?: string | undefined
 		class?: string
 	}
 
@@ -11,7 +12,6 @@
 		size = undefined,
 		height: heightProp = 24,
 		width: widthProp = 24,
-		color = undefined,
 		class: clazz = ''
 	}: Props = $props()
 
@@ -20,13 +20,16 @@
 	)
 </script>
 
+<!-- #000000 / #FFFFFF per brand.github.com/foundations/logo. GitHub allows the Invertocat
+	in white or black only and forbids recolouring it, so the pair is fixed here rather than
+	inherited from the caller. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
 	viewBox="0 0 30 30"
-	fill={color ?? 'currentColor'}
-	class={clazz}
+	fill="currentColor"
+	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
 >
 	<path
 		d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
diff --git a/frontend/src/lib/components/icons/GitlabIcon.svelte b/frontend/src/lib/components/icons/GitlabIcon.svelte
index cb567c2473..d6ba636626 100644
--- a/frontend/src/lib/components/icons/GitlabIcon.svelte
+++ b/frontend/src/lib/components/icons/GitlabIcon.svelte
@@ -1,21 +1,39 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #E24329, with #FC6D26 / #FCA326, per https://design.gitlab.com/brand-design/color (Orange 03p/02p/01p, "colors from our core logo"). -->
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 38.011719 4 C 37.574219 3.996094 37.183594 4.273438 37.046875 4.691406 L 32.074219 20 L 17.925781 20 L 12.953125 4.691406 C 12.820313 4.289063 12.449219 4.011719 12.023438 4 C 11.597656 3.992188 11.214844 4.25 11.0625 4.648438 L 5.070313 20.640625 C 5.066406 20.640625 5.066406 20.644531 5.0625 20.648438 L 2.0625 28.648438 C 1.90625 29.070313 2.046875 29.542969 2.414063 29.808594 L 24.40625 45.800781 L 24.410156 45.808594 C 24.414063 45.808594 24.414063 45.808594 24.414063 45.8125 C 24.425781 45.820313 24.441406 45.828125 24.453125 45.835938 C 24.46875 45.84375 24.480469 45.855469 24.496094 45.863281 C 24.5 45.863281 24.5 45.867188 24.503906 45.867188 C 24.503906 45.867188 24.507813 45.871094 24.511719 45.871094 C 24.515625 45.875 24.519531 45.878906 24.527344 45.878906 C 24.53125 45.882813 24.539063 45.886719 24.542969 45.890625 C 24.5625 45.898438 24.585938 45.910156 24.609375 45.917969 C 24.609375 45.917969 24.609375 45.917969 24.609375 45.921875 C 24.632813 45.929688 24.65625 45.9375 24.675781 45.945313 C 24.679688 45.945313 24.679688 45.945313 24.683594 45.949219 C 24.699219 45.953125 24.714844 45.957031 24.734375 45.964844 C 24.742188 45.964844 24.75 45.96875 24.761719 45.96875 C 24.761719 45.972656 24.761719 45.972656 24.761719 45.96875 C 24.78125 45.976563 24.800781 45.980469 24.820313 45.984375 C 24.847656 45.988281 24.871094 45.992188 24.898438 45.996094 C 24.9375 45.996094 24.980469 46 25.019531 46 C 25.058594 45.996094 25.09375 45.996094 25.128906 45.988281 C 25.144531 45.988281 25.15625 45.988281 25.171875 45.984375 C 25.171875 45.984375 25.175781 45.984375 25.179688 45.984375 C 25.1875 45.980469 25.191406 45.980469 25.199219 45.980469 C 25.203125 45.980469 25.207031 45.976563 25.214844 45.976563 C 25.222656 45.972656 25.234375 45.972656 25.242188 45.96875 C 25.257813 45.964844 25.269531 45.960938 25.28125 45.957031 C 25.289063 45.957031 25.292969 45.957031 25.296875 45.953125 C 25.300781 45.953125 25.304688 45.953125 25.308594 45.953125 C 25.324219 45.945313 25.34375 45.9375 25.359375 45.933594 C 25.378906 45.925781 25.394531 45.917969 25.410156 45.910156 C 25.414063 45.910156 25.414063 45.910156 25.417969 45.90625 C 25.421875 45.90625 25.425781 45.90625 25.429688 45.902344 C 25.4375 45.898438 25.445313 45.894531 25.453125 45.890625 C 25.476563 45.878906 25.496094 45.867188 25.515625 45.855469 C 25.523438 45.851563 25.527344 45.847656 25.53125 45.84375 C 25.535156 45.84375 25.539063 45.839844 25.542969 45.839844 C 25.558594 45.828125 25.574219 45.820313 25.589844 45.808594 L 25.597656 45.796875 L 47.589844 29.808594 C 47.953125 29.542969 48.09375 29.070313 47.9375 28.648438 L 44.945313 20.675781 C 44.941406 20.667969 44.9375 20.65625 44.9375 20.648438 L 38.9375 4.648438 C 38.789063 4.261719 38.425781 4.003906 38.011719 4 Z M 11.933594 8.027344 L 15.824219 20 L 7.445313 20 Z M 38.066406 8.027344 L 42.558594 20 L 34.175781 20 Z M 8.066406 22 L 16.472656 22 L 22.328125 40.015625 Z M 18.578125 22 L 31.421875 22 L 25 41.765625 Z M 33.527344 22 L 41.933594 22 L 27.671875 40.015625 Z M 6.3125 23.007813 L 19.6875 39.902344 L 4.203125 28.640625 Z M 43.6875 23.007813 L 45.796875 28.640625 L 30.3125 39.902344 Z"
-	/></svg
+	viewBox="93.97 97.52 192.05 184.99"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
 >
+	<defs
+		><style>
+			.gitlab-cls-2 {
+				fill: #fc6d26;
+			}
+		</style></defs
+	><g id="gitlab-LOGO"
+		><path
+			d="m282.83 170.73-.27-.69-26.14-68.22a6.8 6.8 0 0 0-2.69-3.24 7 7 0 0 0-8 .43 7 7 0 0 0-2.32 3.52l-17.65 54h-71.47l-17.65-54a6.86 6.86 0 0 0-2.32-3.53 7 7 0 0 0-8-.43 6.87 6.87 0 0 0-2.69 3.24L97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91 40.06-30 .1-.08a48.56 48.56 0 0 0 16.08-56.04"
+			style="fill:#e24329"
+		/><path
+			d="m282.83 170.73-.27-.69a88.3 88.3 0 0 0-35.15 15.8L190 229.25c19.55 14.79 36.57 27.64 36.57 27.64l40.06-30 .1-.08a48.56 48.56 0 0 0 16.1-56.08"
+			class="gitlab-cls-2"
+		/><path
+			d="m153.43 256.89 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91S209.55 244 190 229.25c-19.55 14.75-36.57 27.64-36.57 27.64"
+			style="fill:#fca326"
+		/><path
+			d="M132.58 185.84A88.2 88.2 0 0 0 97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82L190 229.21Z"
+			class="gitlab-cls-2"
+		/></g
+	>
+</svg>
diff --git a/frontend/src/lib/components/icons/GlobalForestWatchIcon.svelte b/frontend/src/lib/components/icons/GlobalForestWatchIcon.svelte
new file mode 100644
index 0000000000..44bcd61411
--- /dev/null
+++ b/frontend/src/lib/components/icons/GlobalForestWatchIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #97BD3D per globalforestwatch.org, which publishes a wordmark rather than a square mark and
+	now redirects to Global Nature Watch. -->
+<BrandLetterIcon
+	letter="G"
+	bgClass="fill-transparent dark:fill-[#97BD3D]"
+	textClass="text-[#789631] dark:text-[#111111]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/GmailIcon.svelte b/frontend/src/lib/components/icons/GmailIcon.svelte
index 2a3281adef..cbcad5a889 100644
--- a/frontend/src/lib/components/icons/GmailIcon.svelte
+++ b/frontend/src/lib/components/icons/GmailIcon.svelte
@@ -1,21 +1,19 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 43.753906 6.4023438 C 42.53621 6.3489969 41.294792 6.712898 40.271484 7.46875 L 37.525391 9.4960938 L 25 18.755859 L 12.591797 9.5839844 A 1.0001 1.0001 0 0 0 11.949219 9.3007812 L 12.199219 9.3007812 L 9.734375 7.4765625 C 8.7104042 6.7188363 7.4671493 6.3528895 6.2480469 6.40625 C 5.0289444 6.4596105 3.8349462 6.9314667 2.9082031 7.8457031 C 1.7309454 9.0063798 1 10.629831 1 12.410156 L 1 15.84375 A 1.0001 1.0001 0 0 0 1 16.138672 L 1 39.5 C 1 41.421188 2.5788117 43 4.5 43 L 12 43 A 1.0001 1.0001 0 0 0 13 42 L 13 25.373047 L 24.40625 33.804688 A 1.0001 1.0001 0 0 0 25.59375 33.804688 L 37 25.373047 L 37 42 A 1.0001 1.0001 0 0 0 38 43 L 45.5 43 C 47.421188 43 49 41.421188 49 39.5 L 49 16.119141 A 1.0001 1.0001 0 0 0 49 15.859375 L 49 12.410156 C 49 10.6517 48.290455 9.0357821 47.128906 7.8730469 C 47.095336 7.8394769 47.084086 7.83018 47.097656 7.84375 A 1.0001 1.0001 0 0 0 47.091797 7.8378906 C 46.165242 6.9256756 44.971603 6.4556905 43.753906 6.4023438 z M 43.644531 8.4003906 C 44.400835 8.4300436 45.134049 8.7168876 45.689453 9.2636719 C 45.708363 9.2823439 45.722171 9.2964424 45.712891 9.2871094 C 46.50934 10.084374 47 11.188613 47 12.410156 L 47 15.496094 L 39 21.408203 L 39 11 A 1.0001 1.0001 0 0 0 38.996094 10.898438 L 41.458984 9.078125 A 1.0001 1.0001 0 0 0 41.460938 9.078125 C 42.109578 8.598977 42.888228 8.3707375 43.644531 8.4003906 z M 6.3574219 8.40625 C 7.1145694 8.37661 7.8958927 8.6037105 8.5449219 9.0839844 L 11.003906 10.902344 A 1.0001 1.0001 0 0 0 11 11 L 11 21.408203 L 3 15.496094 L 3 12.410156 C 3 11.174482 3.5017577 10.068855 4.3125 9.2695312 C 4.8677569 8.7217677 5.6002743 8.4358895 6.3574219 8.40625 z M 37 12.371094 L 37 22.886719 L 25 31.755859 L 13 22.886719 L 13 12.373047 L 24.40625 20.804688 A 1.0001 1.0001 0 0 0 25.59375 20.804688 L 37 12.371094 z M 3 17.982422 L 11 23.896484 L 11 41 L 4.5 41 C 3.6591883 41 3 40.340812 3 39.5 L 3 17.982422 z M 47 17.982422 L 47 39.5 C 47 40.340812 46.340812 41 45.5 41 L 39 41 L 39 23.896484 L 47 17.982422 z"
-	/></svg
->
+<!-- #EA4335 per gstatic.com/images/branding/product/2x/gmail_2020q4_48dp.png. Google's brand guidelines forbid recolouring the mark. -->
+<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<path d="M34.9 448h81.5V250.2L0 163v250.2C0 432.5 15.7 448 34.9 448" style="fill:#4285f4" /><path
+		d="M395.6 448h81.5c19.3 0 34.9-15.7 34.9-34.9V163l-116.4 87.3"
+		style="fill:#34a853"
+	/><path d="M395.6 99v151.3L512 163v-46.5c0-43.2-49.3-67.8-83.8-41.9" style="fill:#fbbc04" /><path
+		d="M116.4 250.2V99L256 203.7 395.6 99v151.3L256 355"
+		style="fill:#ea4335"
+	/><path d="M0 116.4V163l116.4 87.3V99L83.8 74.5C49.2 48.6 0 73.2 0 116.4" style="fill:#c5221f" />
+</svg>
diff --git a/frontend/src/lib/components/icons/GoogleAiIcon.svelte b/frontend/src/lib/components/icons/GoogleAiIcon.svelte
index af0e153f7b..9cae17abd8 100644
--- a/frontend/src/lib/components/icons/GoogleAiIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleAiIcon.svelte
@@ -7,19 +7,21 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #217BFE → #BD99FE per Google's standard Gemini product icon (gstatic.com/images/branding/productlogos/gemini/v1/192px.svg). Google ships no reversed variant; the same gradient is used on light and dark. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<linearGradient
 			id="googleai-gemini-gradient"
-			x1="0"
-			y1="24"
-			x2="24"
-			y2="0"
+			x1="7.6"
+			y1="15.71"
+			x2="18.5"
+			y2="6.52"
 			gradientUnits="userSpaceOnUse"
 		>
-			<stop offset="0" stop-color="#4285F4" />
-			<stop offset="0.52" stop-color="#9B72CB" />
-			<stop offset="1" stop-color="#D96570" />
+			<stop offset="0" stop-color="#217BFE" />
+			<stop offset="0.27" stop-color="#078EFB" />
+			<stop offset="0.78" stop-color="#A190FF" />
+			<stop offset="1" stop-color="#BD99FE" />
 		</linearGradient>
 	</defs>
 	<path
diff --git a/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte b/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte
index 65750c7a7d..9f7c39b085 100644
--- a/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte
@@ -7,40 +7,97 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-	<g transform="translate(3.75 3.75)">
+<!-- #3C90FF per the Google Calendar 2026 product icon, taken verbatim from
+	https://www.gstatic.com/images/branding/productlogos/calendar_2026/v2/web/192px.svg. Google's trademark guidelines forbid distorting or altering a brand feature, so no per-theme recolour. -->
+<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#bbe2ff"
+		d="M32 36.8C32 20.894 44.894 8 60.8 8h70.4C147.106 8 160 20.894 160 36.8v30.4c0 15.906-12.894 28.8-28.8 28.8H60.8C44.894 96 32 83.106 32 67.2z"
+	/>
+	<path
+		fill="#3c90ff"
+		d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"
+	/>
+	<mask
+		id="google-calendar-body-mask"
+		width="154"
+		height="152"
+		x="19"
+		y="20"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
 		<path
-			fill="#FFFFFF"
-			d="M148.882,43.618l-47.368-5.263l-57.895,5.263L38.355,96.25l5.263,52.632l52.632,6.579l52.632-6.579 l5.263-53.947L148.882,43.618z"
+			fill="#3c90ff"
+			d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"
 		/>
+	</mask>
+	<g mask="url(#google-calendar-body-mask)">
 		<path
-			fill="#1A73E8"
-			d="M65.211,125.276c-3.934-2.658-6.658-6.539-8.145-11.671l9.132-3.763c0.829,3.158,2.276,5.605,4.342,7.342 c2.053,1.737,4.553,2.592,7.474,2.592c2.987,0,5.553-0.908,7.697-2.724s3.224-4.132,3.224-6.934c0-2.868-1.132-5.211-3.395-7.026 s-5.105-2.724-8.5-2.724h-5.276v-9.039H76.5c2.921,0,5.382-0.789,7.382-2.368c2-1.579,3-3.737,3-6.487 c0-2.447-0.895-4.395-2.684-5.855s-4.053-2.197-6.803-2.197c-2.684,0-4.816,0.711-6.395,2.145s-2.724,3.197-3.447,5.276 l-9.039-3.763c1.197-3.395,3.395-6.395,6.618-8.987c3.224-2.592,7.342-3.895,12.342-3.895c3.697,0,7.026,0.711,9.974,2.145 c2.947,1.434,5.263,3.421,6.934,5.947c1.671,2.539,2.5,5.382,2.5,8.539c0,3.224-0.776,5.947-2.329,8.184 c-1.553,2.237-3.461,3.947-5.724,5.145v0.539c2.987,1.25,5.421,3.158,7.342,5.724c1.908,2.566,2.868,5.632,2.868,9.211 s-0.908,6.776-2.724,9.579c-1.816,2.803-4.329,5.013-7.513,6.618c-3.197,1.605-6.789,2.421-10.776,2.421 C73.408,129.263,69.145,127.934,65.211,125.276z"
-		/>
-		<path
-			fill="#1A73E8"
-			d="M121.25,79.961l-9.974,7.25l-5.013-7.605l17.987-12.974h6.895v61.197h-9.895L121.25,79.961z"
-		/>
-		<path
-			fill="#EA4335"
-			d="M148.882,196.25l47.368-47.368l-23.684-10.526l-23.684,10.526l-10.526,23.684L148.882,196.25z"
-		/>
-		<path
-			fill="#34A853"
-			d="M33.092,172.566l10.526,23.684h105.263v-47.368H43.618L33.092,172.566z"
-		/>
-		<path
-			fill="#4285F4"
-			d="M12.039-3.75C3.316-3.75-3.75,3.316-3.75,12.039v136.842l23.684,10.526l23.684-10.526V43.618h105.263 l10.526-23.684L148.882-3.75H12.039z"
-		/>
-		<path fill="#188038" d="M-3.75,148.882v31.579c0,8.724,7.066,15.789,15.789,15.789h31.579v-47.368H-3.75z" />
-		<path
-			fill="#FBBC04"
-			d="M148.882,43.618v105.263h47.368V43.618l-23.684-10.526L148.882,43.618z"
-		/>
-		<path
-			fill="#1967D2"
-			d="M196.25,43.618V12.039c0-8.724-7.066-15.789-15.789-15.789h-31.579v47.368H196.25z"
+			fill="url(#google-calendar-bottom-gradient)"
+			d="M0 0h166v76H0z"
+			transform="matrix(1 0 0 -1 13 172)"
 		/>
 	</g>
+	<mask
+		id="google-calendar-top-mask"
+		width="154"
+		height="152"
+		x="19"
+		y="20"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<path
+			fill="#3186ff"
+			d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"
+		/>
+	</mask>
+	<g mask="url(#google-calendar-top-mask)">
+		<path
+			fill="url(#google-calendar-top-gradient)"
+			d="M32 27.2C32 16.596 40.596 8 51.2 8h89.6c10.604 0 19.2 8.596 19.2 19.2V96H32z"
+			filter="url(#google-calendar-top-blur)"
+		/>
+	</g>
+	<path
+		fill="#fff"
+		d="M75.353 133.336q-6.282 0-10.777-2.043t-7.61-5.465q-3.065-3.474-4.342-6.793T51.603 115a2.07 2.07 0 0 1 1.021-1.124l5.67-2.247q.714-.357 1.43-.102.714.204 1.685 2.349 1.022 2.145 2.86 4.546a14.3 14.3 0 0 0 4.495 3.728q2.606 1.328 6.435 1.328 6.18 0 9.807-3.575 3.677-3.575 3.677-9.091 0-5.976-3.882-9.194-3.881-3.269-10.266-3.269h-5.362a1.9 1.9 0 0 1-1.328-.51q-.51-.562-.511-1.277v-5.465q0-.767.51-1.277a1.82 1.82 0 0 1 1.329-.562h4.647q5.721 0 9.194-3.116t3.473-8.07q0-4.902-3.116-7.916t-8.58-3.014q-3.065 0-5.312 1.022a11.5 11.5 0 0 0-3.882 2.86 22.7 22.7 0 0 0-2.809 3.78q-1.174 1.941-1.89 2.145-.714.153-1.379-.255l-5.363-2.605q-.664-.358-.868-1.124t1.226-3.575q1.481-2.86 4.494-5.823a21 21 0 0 1 7.049-4.597q4.035-1.635 9.398-1.634 9.96 0 15.782 5.26 5.823 5.21 5.823 13.791 0 5.925-2.86 10.266-2.81 4.34-7.968 6.13v.204q6.231 1.838 9.806 6.741 3.627 4.853 3.626 11.594 0 9.654-6.742 15.834-6.74 6.18-17.57 6.18zm51.25-1.175q-.868 0-1.533-.664a2.25 2.25 0 0 1-.612-1.583V73.118l-11.492 8.274q-.614.46-1.431.307a1.96 1.96 0 0 1-1.225-.766l-3.32-4.7a1.98 1.98 0 0 1-.358-1.43q.153-.816.817-1.276l20.379-14.557q.256-.204.562-.306.307-.153.715-.153h4.291q.868 0 1.379.613.562.56.562 1.43v69.36q0 .92-.664 1.583a2 2 0 0 1-1.533.664z"
+	/>
+	<defs>
+		<linearGradient
+			id="google-calendar-bottom-gradient"
+			x1="83"
+			x2="83"
+			y1="76"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4fa0ff" />
+			<stop offset="1" stop-color="#3186ff" />
+		</linearGradient>
+		<linearGradient
+			id="google-calendar-top-gradient"
+			x1="89.06"
+			x2="89.06"
+			y1="21.75"
+			y2="96.39"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#a9a8ff" />
+			<stop offset=".8" stop-color="#3c90ff" />
+		</linearGradient>
+		<filter
+			id="google-calendar-top-blur"
+			width="152"
+			height="112"
+			x="20"
+			y="-4"
+			color-interpolation-filters="sRGB"
+			filterUnits="userSpaceOnUse"
+		>
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+			<feGaussianBlur result="effect1_foregroundBlur" stdDeviation="6" />
+		</filter>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/GoogleCloudIcon.svelte b/frontend/src/lib/components/icons/GoogleCloudIcon.svelte
index 5fb4e21797..61455feb1d 100644
--- a/frontend/src/lib/components/icons/GoogleCloudIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleCloudIcon.svelte
@@ -1,14 +1,20 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
+		size?: number
+		// Generic call sites resolve this through APP_TO_ICON_COMPONENT and pass only
+		// width/height (home/ListFilters, flows/pickers/PickHubScript).
+		width?: string | number
+		height?: string | number
 	}
 
-	let { size = 16 }: Props = $props();
+	let { size = 16, width = undefined, height = undefined }: Props = $props()
 </script>
 
+<!-- #4285F4 (with #EA4335 / #FBBC05 / #34A853) per Google's own product logo asset
+	https://www.gstatic.com/images/branding/product/2x/google_cloud_64dp.png. Google forbids recolouring its logos. -->
 <svg
-	width={size}
-	height={size}
+	width={width ?? size}
+	height={height ?? size}
 	viewBox="0 -25 256 256"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
@@ -18,19 +24,19 @@
 	<g>
 		<path
 			d="M170.2517,56.8186 L192.5047,34.5656 L193.9877,25.1956 C153.4367,-11.6774 88.9757,-7.4964 52.4207,33.9196 C42.2667,45.4226 34.7337,59.7636 30.7167,74.5726 L38.6867,73.4496 L83.1917,66.1106 L86.6277,62.5966 C106.4247,40.8546 139.8977,37.9296 162.7557,56.4286 L170.2517,56.8186 Z"
-			fill="#B0B0B0"
+			fill="#EA4335"
 		/>
 		<path
 			d="M224.2048,73.9182 C219.0898,55.0822 208.5888,38.1492 193.9878,25.1962 L162.7558,56.4282 C175.9438,67.2042 183.4568,83.4382 183.1348,100.4652 L183.1348,106.0092 C198.4858,106.0092 210.9318,118.4542 210.9318,133.8052 C210.9318,149.1572 198.4858,161.2902 183.1348,161.2902 L127.4638,161.2902 L121.9978,167.2242 L121.9978,200.5642 L127.4638,205.7952 L183.1348,205.7952 C223.0648,206.1062 255.6868,174.3012 255.9978,134.3712 C256.1858,110.1682 244.2528,87.4782 224.2048,73.9182"
-			fill="#D0D0D0"
+			fill="#4285F4"
 		/>
 		<path
 			d="M71.8704,205.7957 L127.4634,205.7957 L127.4634,161.2897 L71.8704,161.2897 C67.9094,161.2887 64.0734,160.4377 60.4714,158.7917 L52.5844,161.2117 L30.1754,183.4647 L28.2234,191.0387 C40.7904,200.5277 56.1234,205.8637 71.8704,205.7957"
-			fill="#E0E0E0"
+			fill="#34A853"
 		/>
 		<path
 			d="M71.8704,61.4255 C31.9394,61.6635 -0.2366,94.2275 0.0014,134.1575 C0.1344,156.4555 10.5484,177.4455 28.2234,191.0385 L60.4714,158.7915 C46.4804,152.4705 40.2634,136.0055 46.5844,122.0155 C52.9044,108.0255 69.3704,101.8085 83.3594,108.1285 C89.5244,110.9135 94.4614,115.8515 97.2464,122.0155 L129.4944,89.7685 C115.7734,71.8315 94.4534,61.3445 71.8704,61.4255"
-			fill="#FFFFFF"
+			fill="#FBBC05"
 		/>
 	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/GoogleDriveIcon.svelte b/frontend/src/lib/components/icons/GoogleDriveIcon.svelte
index 0cccffa372..943f4c2cb0 100644
--- a/frontend/src/lib/components/icons/GoogleDriveIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleDriveIcon.svelte
@@ -7,29 +7,68 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 87.3 78" xmlns="http://www.w3.org/2000/svg">
-	<path
-		d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"
-		fill="#0066da"
-	/>
-	<path
-		d="m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"
-		fill="#00ac47"
-	/>
-	<path
-		d="m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"
-		fill="#ea4335"
-	/>
-	<path
-		d="m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"
-		fill="#00832d"
-	/>
-	<path
-		d="m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
-		fill="#2684fc"
-	/>
-	<path
-		d="m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
-		fill="#ffba00"
-	/>
+<!-- #3186FF / #0EBC5F / #FEC700 gradients per https://www.gstatic.com/images/branding/productlogos/drive_2026/v2/web/192px.svg (Drive 2026 mark, copied verbatim).
+	Google's Drive branding guide permits resizing only — no other change to the logo — so no per-theme recolour. -->
+<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<mask
+		id="googledrive-mask"
+		width="168"
+		height="154"
+		x="12"
+		y="18"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<path
+			fill="#b43333"
+			d="M63.09 37c14.626-25.333 51.193-25.334 65.819 0l45.033 78c14.626 25.334-3.657 57.001-32.91 57.001H50.967c-29.253 0-47.536-31.667-32.91-57.001z"
+		/>
+	</mask>
+	<g mask="url(#googledrive-mask)">
+		<path
+			fill="url(#googledrive-yellow)"
+			d="M206.905 172.02h-91.888l-19.015-32.934 45.944-79.578z"
+		/>
+		<path
+			fill="url(#googledrive-blue)"
+			d="M-14.919 172.006 50.04 59.494v.002L31.032 92.422h38.02L115 172.004l-129.918.001z"
+		/>
+		<path fill="url(#googledrive-green)" d="M96.007-20.085 141.954 59.5l-19.011 32.928H31.048z" />
+	</g>
+	<defs>
+		<linearGradient
+			id="googledrive-yellow"
+			x1="193.6"
+			x2="103.09"
+			y1="165.6"
+			y2="111.21"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".09" stop-color="#ffe921" />
+			<stop offset="1" stop-color="#fec700" />
+		</linearGradient>
+		<linearGradient
+			id="googledrive-blue"
+			x1="114.4"
+			x2="15.53"
+			y1="181.61"
+			y2="121.8"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".15" stop-color="#a9a8ff" />
+			<stop offset=".33" stop-color="#6d97ff" />
+			<stop offset=".48" stop-color="#3186ff" />
+		</linearGradient>
+		<linearGradient
+			id="googledrive-green"
+			x1="128.88"
+			x2="28.7"
+			y1="37.88"
+			y2="84.64"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".55" stop-color="#0ebc5f" />
+			<stop offset=".85" stop-color="#78c9ff" />
+		</linearGradient>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/GoogleFormsIcon.svelte b/frontend/src/lib/components/icons/GoogleFormsIcon.svelte
index de25179dc4..3c43dab1f9 100644
--- a/frontend/src/lib/components/icons/GoogleFormsIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleFormsIcon.svelte
@@ -1,31 +1,64 @@
 <script lang="ts">
+	import { randomUUID } from '$lib/utils/uuid'
+
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
+
+	// SVG ids are document-global: several instances on one page would share the first one's defs.
+	const uid = randomUUID()
 </script>
 
+<!-- #5746E3 (with #7372FE / #969DFF / #B8C0FF) / no dark variant, per Google's own Forms product icon at www.gstatic.com/images/branding/productlogos/forms_2026/v2/web/192px.svg. Google's brand guidelines forbid modifying or recolouring its product icons. -->
 <svg
 	x="0px"
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="0 0 192 192"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
-	<path
-		d="M103.228 42.5L125.987 46.8009L144.728 42.5L103.228 1L97.5024 20.6748L103.228 42.5Z"
-		fill="#56368A"
-	/>
-	<path
-		d="M103.227 42.5V1H35.3182C29.0649 1 24 6.06489 24 12.3182V155.682C24 161.935 29.0649 167 35.3182 167H133.409C139.662 167 144.727 161.935 144.727 155.682V42.5H103.227Z"
-		fill="#7248B9"
-	/>
-	<path
-		d="M56.0683 120.784C52.9463 120.784 50.4092 118.247 50.4092 115.125C50.4092 112.003 52.9463 109.466 56.0683 109.466C59.1902 109.466 61.7274 112.003 61.7274 115.125C61.7274 118.247 59.1902 120.784 56.0683 120.784ZM56.0683 98.1478C52.9463 98.1478 50.4092 95.6106 50.4092 92.4887C50.4092 89.3668 52.9463 86.8296 56.0683 86.8296C59.1902 86.8296 61.7274 89.3668 61.7274 92.4887C61.7274 95.6106 59.1902 98.1478 56.0683 98.1478ZM56.0683 75.5114C52.9463 75.5114 50.4092 72.9743 50.4092 69.8523C50.4092 66.7304 52.9463 64.1932 56.0683 64.1932C59.1902 64.1932 61.7274 66.7304 61.7274 69.8523C61.7274 72.9743 59.1902 75.5114 56.0683 75.5114ZM118.318 119.841H71.1592V110.409H118.318V119.841ZM118.318 97.2046H71.1592V87.7728H118.318V97.2046ZM118.318 74.5682H71.1592V65.1364H118.318V74.5682Z"
-		fill="white"
-	/>
+	<rect width="102" height="50" x="70" y="121" fill="#969dff" rx="25" />
+	<rect width="50" height="50" x="20" y="121" fill="#b8c0ff" rx="25" />
+	<rect width="50" height="50" x="20" y="71" fill="#5746e3" rx="25" />
+	<rect width="102" height="50" x="70" y="71" fill="#5746e3" rx="25" />
+	<mask
+		id="gforms-mask-{uid}"
+		width="102"
+		height="50"
+		x="70"
+		y="21"
+		maskUnits="userSpaceOnUse"
+		style="mask-type:alpha"
+	>
+		<rect width="102" height="50" x="70" y="21" fill="#5f54f4" rx="25" />
+	</mask>
+	<g mask="url(#gforms-mask-{uid})">
+		<rect width="102" height="50" x="70" y="21" fill="#7372fe" rx="25" />
+		<g filter="url(#gforms-blur-{uid})">
+			<circle cx="56" cy="46" r="36" fill="#64afff" />
+		</g>
+	</g>
+	<rect width="50" height="50" x="20" y="21" fill="#7372fe" rx="25" />
+	<path stroke="#fff" stroke-linecap="round" stroke-width="12" d="M95 46h52" />
+	<circle cx="45" cy="46" r="12" fill="#fff" />
+	<defs>
+		<filter
+			id="gforms-blur-{uid}"
+			width="111.47"
+			height="111.47"
+			x="0.27"
+			y="-9.74"
+			color-interpolation-filters="sRGB"
+			filterUnits="userSpaceOnUse"
+		>
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+			<feGaussianBlur result="effect1_foregroundBlur" stdDeviation="9.87" />
+		</filter>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/GoogleIcon.svelte b/frontend/src/lib/components/icons/GoogleIcon.svelte
index bd53eb1bab..da75fb7a3b 100644
--- a/frontend/src/lib/components/icons/GoogleIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleIcon.svelte
@@ -1,36 +1,37 @@
 <script lang="ts">
 	interface Props {
+		// `size` is what dynamic call sites pass (trigger badges, the native-trigger page,
+		// workspace integrations); width/height stay for the ones that pass those instead.
 		size?: number
-		height?: number
-		width?: number
-		color?: string | undefined
+		height?: string | number
+		width?: string | number
 		class?: string
 	}
 
-	let {
-		size = undefined,
-		height: heightProp = 24,
-		width: widthProp = 24,
-		color = undefined,
-		class: clazz = ''
-	}: Props = $props()
-
-	const { width, height } = $derived(
-		size ? { width: size, height: size } : { width: widthProp, height: heightProp }
-	)
+	let { size = 16, height = undefined, width = undefined, class: clazz = '' }: Props = $props()
 </script>
 
+<!-- #4285f4 (with #34a853 / #fbbc05 / #ea4335) per the G mark Google serves in accounts.google.com/gsi/client.
+	 developers.google.com/identity/branding-guidelines forbids changing the colour of the G. -->
 <svg
-	role="img"
-	{width}
-	{height}
-	viewBox="0 0 168 168"
-	fill={color ?? 'currentColor'}
-	xmlns="http://www.w3.org/2000/svg"
+	width={width ?? size}
+	height={height ?? size}
 	class={clazz}
+	viewBox="0 0 512 512"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
 >
-<path d="M157.92 85.75C157.92 80.29 157.43 75.04 156.52 70H84V99.82H125.44C123.62 109.41 118.16 117.53 109.97 122.99V142.38H134.96C149.52 128.94 157.92 109.2 157.92 85.75Z"/>
-<path d="M83.9998 161C104.79 161 122.22 154.14 134.96 142.38L109.97 122.99C103.11 127.61 94.3598 130.41 83.9998 130.41C63.9798 130.41 46.9698 116.9 40.8798 98.7H15.2598V118.58C27.9298 143.71 53.8998 161 83.9998 161Z"/>
-<path d="M40.88 98.63C39.34 94.01 38.43 89.11 38.43 84C38.43 78.89 39.34 73.99 40.88 69.37V49.49H15.26C10.01 59.85 7 71.54 7 84C7 96.46 10.01 108.15 15.26 118.51L35.21 102.97L40.88 98.63Z"/>
-<path d="M83.9998 37.66C95.3398 37.66 105.42 41.58 113.47 49.14L135.52 27.09C122.15 14.63 104.79 7 83.9998 7C53.8998 7 27.9298 24.29 15.2598 49.49L40.8798 69.37C46.9698 51.17 63.9798 37.66 83.9998 37.66Z"/>
+	<path
+		d="M501.8 261.8c0-18.2-1.6-35.6-4.7-52.4H256v99.1h137.8c-6.1 31.9-24.2 58.9-51.4 77V450h83.1c48.3-44.6 76.3-110.2 76.3-188.2"
+		style="fill:#4285f4"
+	/><path
+		d="M256 512c69.1 0 127.1-22.8 169.4-61.9l-83.1-64.5c-22.8 15.4-51.9 24.7-86.3 24.7-66.6 0-123.1-44.9-143.4-105.4H27.5V371C69.6 454.5 155.9 512 256 512"
+		style="fill:#34a853"
+	/><path
+		d="M112.6 304.6c-5.1-15.4-8.1-31.7-8.1-48.6s3-33.3 8.1-48.6v-66.1H27.5C10 175.7 0 214.6 0 256s10 80.3 27.5 114.7L93.8 319c0 .1 18.8-14.4 18.8-14.4"
+		style="fill:#fbbc05"
+	/><path
+		d="M256 101.9c37.7 0 71.2 13 98 38.2l73.3-73.3C382.8 25.4 325.1 0 256 0 155.9 0 69.6 57.5 27.5 141.3l85.2 66.1c20.2-60.5 76.7-105.5 143.3-105.5"
+		style="fill:#ea4335"
+	/><path d="M0 0h512v512H0z" style="fill:none" />
 </svg>
diff --git a/frontend/src/lib/components/icons/GorgiasIcon.svelte b/frontend/src/lib/components/icons/GorgiasIcon.svelte
new file mode 100644
index 0000000000..290ca62806
--- /dev/null
+++ b/frontend/src/lib/components/icons/GorgiasIcon.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 / #FFF9F4 per gorgias.com/about-us/style, which ships the symbol as a "Dark"/"Light"
+	pair. The guide allows only black or white for the symbol: "Do not use gray!". -->
+<svg
+	class="text-[#000000] dark:text-[#FFF9F4]"
+	{width}
+	{height}
+	viewBox="0 0 65 69"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M56.8219 17.6032H47.38V8.06662C47.38 5.2675 45.135 3 42.3637 3H9.01633C6.245 3 4 5.2675 4 8.06662V56.3514C4 59.1505 6.245 61.418 9.01633 61.418H52.1976L56.8702 66.1375C57.418 66.6908 58.1538 67 58.9272 67C60.5331 67 61.8382 65.6872 61.8382 64.0598V22.6698C61.8382 19.8707 59.5932 17.6032 56.8219 17.6032ZM57.0206 56.5467H8.81761V7.86591H42.557V17.6032H23.4745C20.7032 17.6032 18.4582 19.8707 18.4582 22.6698V41.7483C18.4582 44.5474 20.7032 46.8149 23.4745 46.8149H42.3637C45.135 46.8149 47.38 44.5474 47.38 41.7483V22.4745H57.0206V56.5521V56.5467ZM42.5624 22.4691V41.9436H23.2812V22.4691H42.5624Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/GpgKeyIcon.svelte b/frontend/src/lib/components/icons/GpgKeyIcon.svelte
new file mode 100644
index 0000000000..86d11487ae
--- /dev/null
+++ b/frontend/src/lib/components/icons/GpgKeyIcon.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" />
+	<path d="M14 13.12c0 2.38 0 6.38-1 8.88" />
+	<path d="M17.29 21.02c.12-.6.43-2.3.5-3.02" />
+	<path d="M2 12a10 10 0 0 1 18-6" />
+	<path d="M2 16h.01" />
+	<path d="M21.8 16c.2-2 .131-5.354 0-6" />
+	<path d="M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" />
+	<path d="M8.65 22c.21-.66.45-1.32.57-2" />
+	<path d="M9 6.8a6 6 0 0 1 9 5.2v2" />
+</svg>
diff --git a/frontend/src/lib/components/icons/GraphqlIcon.svelte b/frontend/src/lib/components/icons/GraphqlIcon.svelte
index 292bdbad20..245cdc7b37 100644
--- a/frontend/src/lib/components/icons/GraphqlIcon.svelte
+++ b/frontend/src/lib/components/icons/GraphqlIcon.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #E10098 / #FFFFFF per graphql.org. -->
 <svg
+	class="text-[#E10098] dark:text-[#FFFFFF]"
 	version="1.1"
 	id="GraphQL_Logo"
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/icons/GreipIcon.svelte b/frontend/src/lib/components/icons/GreipIcon.svelte
new file mode 100644
index 0000000000..2cbc05a638
--- /dev/null
+++ b/frontend/src/lib/components/icons/GreipIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #141C27 / #FFFFFF per docs.greip.io. -->
+<svg
+	class="text-[#141C27] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 69 80"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M56.7727 57.5579L51.031 63.3822V34.6061H51.0279C51.0279 34.5395 51.031 34.4682 51.031 34.4017C51.031 24.9427 43.4697 17.2741 34.1434 17.2741C24.8155 17.2741 17.2558 24.9443 17.2558 34.4017C17.2558 41.8484 21.94 48.1845 28.4829 50.5453V38.0981C29.4873 40.123 31.6302 41.5236 34.1137 41.5236C36.5972 41.5236 38.7386 40.123 39.7445 38.0981V50.5659C39.7554 50.5627 39.7648 50.5595 39.7726 50.5548V72.8364C39.7726 74.096 39.279 75.3017 38.4028 76.1922C37.8842 76.7182 37.2969 77.1302 36.6675 77.4264C36.1427 77.6736 35.5897 77.8431 35.0259 77.9303C34.915 77.9445 34.8025 77.962 34.6916 77.9731C34.5948 77.9794 34.5011 77.9873 34.4027 77.9937C34.309 77.9968 34.2121 78 34.1137 78C34.0653 78 34.02 77.9968 33.9716 77.9937C32.4518 77.9683 30.9352 77.3726 29.7731 76.1985L11.3985 57.5579C-1.13285 44.8509 -1.13285 24.244 11.3985 11.5338C23.9252 -1.17794 44.2428 -1.17794 56.7742 11.5338C69.3009 24.244 69.3009 44.8509 56.7727 57.5579Z"
+		fill="currentColor"
+	/>
+	<path
+		d="M38.8261 34.5728C38.8261 37.2156 36.7143 39.3561 34.109 39.3561C31.5037 39.3561 29.392 37.214 29.392 34.5728C29.392 31.93 31.5037 29.7894 34.109 29.7894C36.7143 29.7878 38.8261 31.93 38.8261 34.5728Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/GristIcon.svelte b/frontend/src/lib/components/icons/GristIcon.svelte
new file mode 100644
index 0000000000..dc81a5e946
--- /dev/null
+++ b/frontend/src/lib/components/icons/GristIcon.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #16B378 / #F9AE41 / #D2D2D2 on both themes per getgrist.com/trademark/assets/. "Keep it exactly as depicted — no recoloring, no cropping." -->
+<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#16B378"
+		d="M24 0.928L20.292 0.928C18.581 0.928 17.192 2.317 17.192 4.028L17.192 7.117L20.929 7.117C22.624 7.117 24 5.741 24 4.047Z"
+	/>
+	<path
+		fill="#16B378"
+		d="M8.596 0.928L12.304 0.928C14.015 0.928 15.404 2.317 15.404 4.028L15.404 7.117L11.667 7.117C9.972 7.117 8.596 5.741 8.596 4.047Z"
+	/>
+	<path
+		fill="#F9AE41"
+		d="M0 8.905L3.708 8.905C5.419 8.905 6.808 10.295 6.808 12.005L6.808 15.095L3.071 15.095C1.376 15.095 0 13.719 0 12.024Z"
+	/>
+	<path
+		fill="#F9AE41"
+		d="M0 16.883L3.708 16.883C5.419 16.883 6.808 18.272 6.808 19.983L6.808 23.072L3.071 23.072C1.376 23.072 0 21.696 0 20.001Z"
+	/>
+	<path
+		fill="#D2D2D2"
+		d="M8.596 8.905L12.304 8.905C14.015 8.905 15.404 10.295 15.404 12.005L15.404 15.095L11.667 15.095C9.972 15.095 8.596 13.719 8.596 12.024Z"
+	/>
+	<path
+		fill="#D2D2D2"
+		d="M24 8.905L20.292 8.905C18.581 8.905 17.192 10.295 17.192 12.005L17.192 15.095L20.929 15.095C22.624 15.095 24 13.719 24 12.024Z"
+	/>
+	<path
+		fill="#D2D2D2"
+		d="M8.596 16.883L12.304 16.883C14.015 16.883 15.404 18.272 15.404 19.983L15.404 23.072L11.667 23.072C9.972 23.072 8.596 21.696 8.596 20.001Z"
+	/>
+	<path
+		fill="#D2D2D2"
+		d="M24 16.883L20.292 16.883C18.581 16.883 17.192 18.272 17.192 19.983L17.192 23.072L20.929 23.072C22.624 23.072 24 21.696 24 20.001Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/GroqIcon.svelte b/frontend/src/lib/components/icons/GroqIcon.svelte
index e8a32f8328..e133736d1a 100644
--- a/frontend/src/lib/components/icons/GroqIcon.svelte
+++ b/frontend/src/lib/components/icons/GroqIcon.svelte
@@ -1,12 +1,18 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #F43E01 per https://groq.com/favicon.svg. Logo use in a UI requires a license from Groq. -->
 <svg {width} {height} viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#a)"><path fill="#F43E01" d="M.54.39h32v32h-32z"/><path fill="#fff" d="m18.445 4.406-9.468 13.74 7.341.665-1.69 9.578 9.469-13.74-7.342-.664 1.69-9.579Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M.54.39h32v32h-32z"/></clipPath></defs>
+	<g clip-path="url(#a)"
+		><path fill="#F43E01" d="M.54.39h32v32h-32z" /><path
+			fill="#fff"
+			d="m18.445 4.406-9.468 13.74 7.341.665-1.69 9.578 9.469-13.74-7.342-.664 1.69-9.579Z"
+		/></g
+	><defs><clipPath id="a"><path fill="#fff" d="M.54.39h32v32h-32z" /></clipPath></defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/HackernewsIcon.svelte b/frontend/src/lib/components/icons/HackernewsIcon.svelte
index 5a77fc7c14..aaf1f9e2b3 100644
--- a/frontend/src/lib/components/icons/HackernewsIcon.svelte
+++ b/frontend/src/lib/components/icons/HackernewsIcon.svelte
@@ -1,20 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF6600 per news.ycombinator.com/y18.svg. -->
 <svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_210_234)">
-<path d="M168 0H0V168H168V0Z" fill="#FB651E"/>
-<path d="M78.339 94.9894L49.5029 40.9707H62.6814L79.6438 75.1565C79.9048 75.7654 80.2092 76.396 80.5572 77.0484C80.9051 77.7008 81.2096 78.375 81.4705 79.0709C81.6445 79.3318 81.775 79.571 81.862 79.7885C81.949 80.006 82.0359 80.2017 82.1229 80.3757C82.5579 81.2455 82.9493 82.0936 83.2973 82.92C83.6452 83.7464 83.9496 84.5075 84.2106 85.2034C84.9065 83.7246 85.6676 82.1372 86.494 80.4409C87.3204 78.7447 88.1685 76.9832 89.0384 75.1565L106.262 40.9707H118.527L89.4298 95.6418V130.48H78.339V94.9894Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_210_234">
-<rect width="168" height="168" fill="white"/>
-</clipPath>
-</defs>
+	<g clip-path="url(#clip0_210_234)">
+		<path d="M168 0H0V168H168V0Z" fill="#FF6600" />
+		<path
+			d="M78.339 94.9894L49.5029 40.9707H62.6814L79.6438 75.1565C79.9048 75.7654 80.2092 76.396 80.5572 77.0484C80.9051 77.7008 81.2096 78.375 81.4705 79.0709C81.6445 79.3318 81.775 79.571 81.862 79.7885C81.949 80.006 82.0359 80.2017 82.1229 80.3757C82.5579 81.2455 82.9493 82.0936 83.2973 82.92C83.6452 83.7464 83.9496 84.5075 84.2106 85.2034C84.9065 83.7246 85.6676 82.1372 86.494 80.4409C87.3204 78.7447 88.1685 76.9832 89.0384 75.1565L106.262 40.9707H118.527L89.4298 95.6418V130.48H78.339V94.9894Z"
+			fill="white"
+		/>
+	</g>
+	<defs>
+		<clipPath id="clip0_210_234">
+			<rect width="168" height="168" fill="white" />
+		</clipPath>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/HoldedIcon.svelte b/frontend/src/lib/components/icons/HoldedIcon.svelte
new file mode 100644
index 0000000000..8cd9dc7a07
--- /dev/null
+++ b/frontend/src/lib/components/icons/HoldedIcon.svelte
@@ -0,0 +1,18 @@
+<!-- #FD454D / #FD454D per cdn.holded.com/assets/img/brand/holded-logo.svg. Holded ships one flat red mark for both themes; the red-orange gradient is retired. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg {width} {height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M9.44292 3.193C9.59389 3.07131 9.78104 3.00346 9.9749 3H22.6239C22.8289 3.00202 23.0312 3.04808 23.217 3.13494C23.4028 3.22189 23.5677 3.34761 23.7008 3.50376L30.2241 11.0651C30.4361 11.3147 30.5525 11.6315 30.5525 11.959C30.5525 12.2864 30.4361 12.6032 30.2241 12.8528L24.0091 20.0164C23.8465 20.2077 23.6156 20.328 23.3656 20.3515C23.1157 20.375 22.8664 20.3 22.671 20.1423C22.625 20.105 22.5829 20.0631 22.545 20.0175L9.32526 4.37577C9.25395 4.29103 9.2004 4.19275 9.16758 4.08699C9.13485 3.98113 9.12362 3.8698 9.13466 3.75963C9.1456 3.64935 9.17852 3.54244 9.2315 3.44512C9.28447 3.34781 9.35636 3.2621 9.44292 3.193ZM1.33082 10.838L5.78415 5.65978L5.78175 5.65623C5.87081 5.5521 5.98147 5.4687 6.10604 5.41179C6.23071 5.35488 6.36623 5.32589 6.50318 5.32676C6.72497 5.32656 6.93976 5.40401 7.1105 5.54557C7.15301 5.58137 7.19236 5.62072 7.22816 5.66333L21.1611 22.0712C21.3033 22.2375 21.3815 22.4491 21.3815 22.6679C21.3815 22.8866 21.3033 23.0982 21.1611 23.2646L16.4195 28.6982C16.0841 29.0912 15.6016 29.0889 15.2026 28.7582C15.1599 28.7225 15.1205 28.6832 15.0849 28.6405L1.33082 12.6304C1.11737 12.3806 1 12.0628 1 11.7342C1 11.4056 1.11737 11.0878 1.33082 10.838Z"
+		fill="#FD454D"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/HoneybadgerIcon.svelte b/frontend/src/lib/components/icons/HoneybadgerIcon.svelte
index cad2bb50d1..8326939189 100644
--- a/frontend/src/lib/components/icons/HoneybadgerIcon.svelte
+++ b/frontend/src/lib/components/icons/HoneybadgerIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #EA5937 per honeybadger.io/favicon.svg. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#EA5937" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.999 0c-.346 0-.691.131-.955.395L.394 11.045a1.35 1.35 0 0 0 0 1.91l6.243 6.24.915-1.95L2.306 12l9.693-9.693 1.158 1.157 1.432-1.432L12.954.395A1.346 1.346 0 0 0 11.999 0Zm5.54 1.106a.331.331 0 0 0-.218.102l-1.777 1.778-1.432 1.432-8.393 8.392h4.726l-3.76 9.26c-.139.34.29.626.55.366l1.321-1.32v-.001l1.432-1.432h.001l8.56-8.561h-4.727l2.083-4.91v.001l.854-2.012 1.112-2.623c.108-.256-.108-.485-.333-.472Zm.25 4.125-.853 2.012 4.756 4.756L12 21.693l-1.056-1.055-1.432 1.432 1.533 1.534a1.35 1.35 0 0 0 1.91 0l10.65-10.65a1.35 1.35 0 0 0 0-1.91z"/>
+	<path
+		d="M11.999 0c-.346 0-.691.131-.955.395L.394 11.045a1.35 1.35 0 0 0 0 1.91l6.243 6.24.915-1.95L2.306 12l9.693-9.693 1.158 1.157 1.432-1.432L12.954.395A1.346 1.346 0 0 0 11.999 0Zm5.54 1.106a.331.331 0 0 0-.218.102l-1.777 1.778-1.432 1.432-8.393 8.392h4.726l-3.76 9.26c-.139.34.29.626.55.366l1.321-1.32v-.001l1.432-1.432h.001l8.56-8.561h-4.727l2.083-4.91v.001l.854-2.012 1.112-2.623c.108-.256-.108-.485-.333-.472Zm.25 4.125-.853 2.012 4.756 4.756L12 21.693l-1.056-1.055-1.432 1.432 1.533 1.534a1.35 1.35 0 0 0 1.91 0l10.65-10.65a1.35 1.35 0 0 0 0-1.91z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/HtmlIcon.svelte b/frontend/src/lib/components/icons/HtmlIcon.svelte
index e31b85a055..207d18e939 100644
--- a/frontend/src/lib/components/icons/HtmlIcon.svelte
+++ b/frontend/src/lib/components/icons/HtmlIcon.svelte
@@ -11,6 +11,7 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #E44D26 shield / #F16529 lit face per the W3C HTML5 logo, w3.org/html/logo (downloads/HTML5_Logo.svg). -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
diff --git a/frontend/src/lib/components/icons/HubspotIcon.svelte b/frontend/src/lib/components/icons/HubspotIcon.svelte
index 87161418c2..e4c96556a3 100644
--- a/frontend/src/lib/components/icons/HubspotIcon.svelte
+++ b/frontend/src/lib/components/icons/HubspotIcon.svelte
@@ -1,13 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 32 32" style="fill:currentcolor;">
+<!-- #FF2F00 / #FFFFFF per hubspot.com. The legacy Coral #FF7A59 is not the current logo color. -->
+<svg
+	class="text-[#FF2F00] dark:text-[#FFFFFF]"
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 32 32"
+	style="fill:currentcolor;"
+>
 	<path
 		d="M 7.5 4 A 2.5 2.5 0 0 0 7.5 9 A 2.5 2.5 0 0 0 8.8320312 8.6113281 L 16.318359 14.251953 C 15.494802 15.279183 15 16.5808 15 18 C 15 19.551691 15.594081 20.960309 16.560547 22.025391 L 13.515625 25.070312 A 2 2 0 0 0 13 25 A 2 2 0 0 0 13 29 A 2 2 0 0 0 14.929688 26.484375 L 18.138672 23.275391 C 18.139161 23.275657 18.140136 23.275125 18.140625 23.275391 C 18.990789 23.737195 19.964375 24 21 24 C 24.314 24 27 21.314 27 18 C 27 15.0276 24.836666 12.566888 22 12.089844 L 22 8.7304688 A 2 2 0 0 0 21 5 A 2 2 0 0 0 20 8.7304688 L 20 12.089844 C 19.221485 12.220767 18.495614 12.502316 17.849609 12.902344 L 9.9570312 6.9550781 A 2.5 2.5 0 0 0 7.5 4 z M 21 15 C 22.654 15 24 16.346 24 18 C 24 19.654 22.654 21 21 21 C 19.346 21 18 19.654 18 18 C 18 16.346 19.346 15 21 15 z"
 	/>
diff --git a/frontend/src/lib/components/icons/IfsIcon.svelte b/frontend/src/lib/components/icons/IfsIcon.svelte
new file mode 100644
index 0000000000..68b48232d5
--- /dev/null
+++ b/frontend/src/lib/components/icons/IfsIcon.svelte
@@ -0,0 +1,33 @@
+<!-- #8427E2 / #8427E2 per the IFS symbol on ifs.com. IFS's negative lockup reverses only the wordmark, so the symbol keeps its #8427E2-to-#72C9F8 gradient on dark. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg {width} {height} viewBox="0 0 250 250.23" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<radialGradient
+			id="ifs-symbol-gradient"
+			cx="167.09"
+			cy="130.69"
+			r="208.63"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0.15" stop-color="#72c9f8" />
+			<stop offset="0.2" stop-color="#75aef4" />
+			<stop offset="0.3" stop-color="#7a7eee" />
+			<stop offset="0.4" stop-color="#7f58e9" />
+			<stop offset="0.49" stop-color="#823de5" />
+			<stop offset="0.57" stop-color="#832de3" />
+			<stop offset="0.63" stop-color="#8427e2" />
+		</radialGradient>
+	</defs>
+	<path
+		fill="url(#ifs-symbol-gradient)"
+		d="M52.21 22.89c2.47-4.29 8-6.12 12.34-3.44l117 73.8a2.38 2.38 0 0 1 .86 3.22 2.31 2.31 0 0 1-3.22.86L55.65 35.22a8.86 8.86 0 0 1-3.44-12.33Zm76 87.42a2.83 2.83 0 0 0-3.43-1.93L8 132c-5.9 1.18-9.22 7.62-7.62 13.52s7.85 9.48 13.54 7.58l112.52-39.25a3 3 0 0 0 1.82-3.54Zm-115.41-.86 151.24-8.69a2.84 2.84 0 0 0 2.84-2.76 2.77 2.77 0 0 0-2.79-2.79L12.85 87.57c-6-.33-10.94 4.93-10.94 10.94s4.82 11.26 10.94 10.94Zm181.06-7.62a2.12 2.12 0 0 0 3.65-2.14l-51.76-95.9a7.73 7.73 0 0 0-10.84-2.57c-3.75 2.25-5.15 7.29-2.57 10.83ZM28.61 68.47 141.13 89.6a2.67 2.67 0 0 0 3.12-1.82 2.63 2.63 0 0 0-1.83-3.11L34.3 47.13c-5.79-2-11.91 1.93-13.41 7.83s1.72 12.44 7.72 13.51Zm63.72-52.13 76.16 64.25a2.17 2.17 0 0 0 3-.1 2.08 2.08 0 0 0-.11-3L103.81 4.33a8.1 8.1 0 0 0-11.69.21c-3.22 3.33-3.33 8.8.21 11.8ZM196 88.75a1.77 1.77 0 0 0 2.25 1.18 1.87 1.87 0 0 0 1.18-2.26l-16.3-71.86a6.57 6.57 0 0 0-8.37-4.51c-3.54 1.07-5.79 4.94-4.51 8.37Zm43 10.4L225.55 118a1.64 1.64 0 0 0 0 2.14 1.52 1.52 0 0 0 2.15 0l18.88-13.51c2.36-1.72 2-5.47-.11-7.51s-5.79-2.33-7.47.03Zm3.22 18.77-38.12 24.14a1.46 1.46 0 0 0-.64 2 1.56 1.56 0 0 0 2 .65l41.62-17.27a5.2 5.2 0 0 0 2.25-7.19c-1.25-2.54-4.69-3.83-7.15-2.33Zm-26.43-23.38a1.56 1.56 0 0 0 1.82-1.07l12.45-33.69c1.07-2.78-1.08-5.68-4-6.43S220 54 219.54 57l-4.93 35.71a1.89 1.89 0 0 0 1.18 1.83Zm-9.22 21.13a1.47 1.47 0 0 0 1.5-1.5l3.22-78.09a5.32 5.32 0 0 0-5.47-5.26 5.21 5.21 0 0 0-5.37 5.18l4.51 78.2a1.62 1.62 0 0 0 1.61 1.47Zm1.93 15.55a1.46 1.46 0 0 0 2-.64l30.25-48a5.15 5.15 0 0 0-2.14-7.18c-2.58-1.4-5.9-.86-7.19 1.93l-23.7 51.8a1.81 1.81 0 0 0 .78 2.09Zm27.78 35.72-23.39-2.36a1.6 1.6 0 0 0-1.82 1.07 1.74 1.74 0 0 0 1.07 1.93l21.35 9.87c2.68 1.29 5.79-1 6.54-3.86s-.86-6.33-3.75-6.65Zm-6.87 15.13-54.27-25.21a1.57 1.57 0 0 0-2 .64 1.53 1.53 0 0 0 .54 2l50 32.82a5.77 5.77 0 0 0 7.94-2.25 5.59 5.59 0 0 0-2.21-8Zm-68.32-30.36a1.62 1.62 0 0 0-2.15-.54 1.58 1.58 0 0 0-.54 2.15l35.6 67.15c1.71 3.21 6 4 9 2.14s4.29-6.11 2.14-9Zm-7.62-44a2.87 2.87 0 0 0-3.86-1L20.36 174.24c-5.37 2.78-7 9.86-3.87 15s10 7.19 15 3.86h.11l120.8-81.4a3 3 0 0 0 1.07-3.97Zm89.78 28-21 8a1.75 1.75 0 0 0-1.18 1.83 1.67 1.67 0 0 0 1.82 1.18L245.4 145c2.57-.21 4.07-3.11 3.54-5.68s-3.22-4.45-5.69-3.59Zm-2.57 14.8L191 154.18a1.52 1.52 0 0 0-1.5 1.5 1.46 1.46 0 0 0 1.5 1.5l49.56 4.08a5.25 5.25 0 0 0 5.36-5.37 5.16 5.16 0 0 0-5.24-5.36Zm-21.35 47-33.9-24.78a1.52 1.52 0 0 0-2.14.11 1.63 1.63 0 0 0 .11 2.15l27.13 32c2.26 2.68 6.76 2.25 9.12-.32s2.58-7.12-.32-9.16Zm-89.78-61.89a2.3 2.3 0 0 0-3.11 0l-80.88 73c-3.86 3.54-3.54 9.87.22 13.51s10.08 3.76 13.51-.21l70.26-83.24a2.3 2.3 0 0 0 0-3.06Zm17.81-11.69a2.37 2.37 0 0 0-3 .86L78.6 229.91c-2.79 4.5-.86 10.4 3.75 13s10.73 1 13-3.75l52.88-112.2a2.26 2.26 0 0 0-.87-3.03Zm4.07 16.62a1.72 1.72 0 0 0-3.43.22l-.21 98.79a7.25 7.25 0 0 0 14.48-.75Zm10.62 30.57a1.56 1.56 0 0 0-2-1 1.64 1.64 0 0 0-1 2l14.48 60a6.32 6.32 0 0 0 8.26 4.18c3.43-1.18 5.58-4.93 4.18-8.26Zm-20.38-16.62a2 2 0 0 0-2.36 1.5l-23.7 84.63c-1.18 4.29 1.93 8.58 6.22 9.44s8.9-1.82 9.44-6.22l11.9-87.1a1.86 1.86 0 0 0-1.5-2.25Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/IftttIcon.svelte b/frontend/src/lib/components/icons/IftttIcon.svelte
index 166a28a3c3..bc516a083a 100644
--- a/frontend/src/lib/components/icons/IftttIcon.svelte
+++ b/frontend/src/lib/components/icons/IftttIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 8.82h2.024v6.36H0zm11.566 0h-3.47v2.024h1.446v4.337h2.024v-4.337h1.446V8.82zm5.494 0h-3.47v2.024h1.446v4.337h2.024v-4.337h1.446V8.82zm5.494 0h-3.47v2.024h1.446v4.337h2.024v-4.337H24V8.82zM7.518 10.843V8.82H2.892v6.36h2.024v-1.734H6.65v-2.024H4.916v-.578z"/>
+<!-- #000000 / #FFFFFF per ifttt.com. IFTTT's brand guidelines state "Our wordmark may be used in
+	solid white or black" and publish no other hex for the mark. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M0 8.82h2.024v6.36H0zm11.566 0h-3.47v2.024h1.446v4.337h2.024v-4.337h1.446V8.82zm5.494 0h-3.47v2.024h1.446v4.337h2.024v-4.337h1.446V8.82zm5.494 0h-3.47v2.024h1.446v4.337h2.024v-4.337H24V8.82zM7.518 10.843V8.82H2.892v6.36h2.024v-1.734H6.65v-2.024H4.916v-.578z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/InkeepIcon.svelte b/frontend/src/lib/components/icons/InkeepIcon.svelte
new file mode 100644
index 0000000000..9d7e59d788
--- /dev/null
+++ b/frontend/src/lib/components/icons/InkeepIcon.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #69A3FF on #D5E5FF per Inkeep's brand page "Icon Core" (https://inkeep.com/brand). -->
+<svg {width} {height} viewBox="0 0 361 224" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M67.3465 4.3208C62.5234 4.3208 58.0667 6.89389 55.6552 11.0708L1.80865 104.336C-0.602889 108.513 -0.602883 113.659 1.80866 117.836L55.6552 211.101C58.0667 215.277 62.5234 217.851 67.3465 217.851H175.039C179.863 217.851 184.319 215.277 186.731 211.101L240.577 117.836C242.989 113.659 242.989 108.513 240.577 104.336L186.731 11.0708C184.319 6.89388 179.863 4.3208 175.039 4.3208L67.3465 4.3208Z"
+		fill="#D5E5FF"
+	/>
+	<path
+		d="M287.008 2.29488C319.287 10.6012 315.609 28.9193 328.995 66.1793C337.583 90.084 379.104 119.725 341.16 177.344C329.837 194.54 293.425 214.941 267.079 220.6C209.035 232.875 174.834 205.018 144.494 159.09C121.73 124.349 129.773 74.335 164.299 49.7761C197.018 26.5653 244.576 -9.45146 287.008 2.29488Z"
+		fill="#69A3FF"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/IntercomIcon.svelte b/frontend/src/lib/components/icons/IntercomIcon.svelte
index 718a8179c0..26163e1c3e 100644
--- a/frontend/src/lib/components/icons/IntercomIcon.svelte
+++ b/frontend/src/lib/components/icons/IntercomIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#6AFDEF" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 0H3C1.343 0 0 1.343 0 3v18c0 1.658 1.343 3 3 3h18c1.658 0 3-1.342 3-3V3c0-1.657-1.342-3-3-3zm-5.801 4.399c0-.44.36-.8.802-.8.44 0 .8.36.8.8v10.688c0 .442-.36.801-.8.801-.443 0-.802-.359-.802-.801V4.399zM11.2 3.994c0-.44.357-.799.8-.799s.8.359.8.799v11.602c0 .44-.357.8-.8.8s-.8-.36-.8-.8V3.994zm-4 .405c0-.44.359-.8.799-.8.443 0 .802.36.802.8v10.688c0 .442-.36.801-.802.801-.44 0-.799-.359-.799-.801V4.399zM3.199 6c0-.442.36-.8.802-.8.44 0 .799.358.799.8v7.195c0 .441-.359.8-.799.8-.443 0-.802-.36-.802-.8V6zM20.52 18.202c-.123.105-3.086 2.593-8.52 2.593-5.433 0-8.397-2.486-8.521-2.593-.335-.288-.375-.792-.086-1.128.285-.334.79-.375 1.125-.09.047.041 2.693 2.211 7.481 2.211 4.848 0 7.456-2.186 7.479-2.207.334-.289.839-.25 1.128.086.289.336.25.84-.086 1.128zm.281-5.007c0 .441-.36.8-.801.8-.441 0-.801-.36-.801-.8V6c0-.442.361-.8.801-.8.441 0 .801.357.801.8v7.195z"/>
+<!-- #000000 / #FFFFFF per intercom.com. Intercom ships the mark as fill="currentColor" bound to
+	its nav foreground token, so it takes the colour of the surface it sits on. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M21 0H3C1.343 0 0 1.343 0 3v18c0 1.658 1.343 3 3 3h18c1.658 0 3-1.342 3-3V3c0-1.657-1.342-3-3-3zm-5.801 4.399c0-.44.36-.8.802-.8.44 0 .8.36.8.8v10.688c0 .442-.36.801-.8.801-.443 0-.802-.359-.802-.801V4.399zM11.2 3.994c0-.44.357-.799.8-.799s.8.359.8.799v11.602c0 .44-.357.8-.8.8s-.8-.36-.8-.8V3.994zm-4 .405c0-.44.359-.8.799-.8.443 0 .802.36.802.8v10.688c0 .442-.36.801-.802.801-.44 0-.799-.359-.799-.801V4.399zM3.199 6c0-.442.36-.8.802-.8.44 0 .799.358.799.8v7.195c0 .441-.359.8-.799.8-.443 0-.802-.36-.802-.8V6zM20.52 18.202c-.123.105-3.086 2.593-8.52 2.593-5.433 0-8.397-2.486-8.521-2.593-.335-.288-.375-.792-.086-1.128.285-.334.79-.375 1.125-.09.047.041 2.693 2.211 7.481 2.211 4.848 0 7.456-2.186 7.479-2.207.334-.289.839-.25 1.128.086.289.336.25.84-.086 1.128zm.281-5.007c0 .441-.36.8-.801.8-.441 0-.801-.36-.801-.8V6c0-.442.361-.8.801-.8.441 0 .801.357.801.8v7.195z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/IpinfoIcon.svelte b/frontend/src/lib/components/icons/IpinfoIcon.svelte
index fad040eb6a..a34935ae9a 100644
--- a/frontend/src/lib/components/icons/IpinfoIcon.svelte
+++ b/frontend/src/lib/components/icons/IpinfoIcon.svelte
@@ -1,13 +1,25 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="50" height="50" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M26.596 33.699L28.9013 36.3834L31.5644 34.0616L34.1731 31.7871C36.9785 29.3206 38.6994 25.8482 38.9631 22.122C39.2319 18.3931 38.023 14.708 35.5974 11.863C34.3943 10.4677 32.928 9.32334 31.2825 8.49515C29.6368 7.66696 27.8441 7.17124 26.0067 7.03634C24.1703 6.90371 22.3257 7.13494 20.5787 7.71677C18.8318 8.2986 17.217 9.21959 15.8268 10.4269C13.0212 12.8938 11.3003 16.3666 11.0368 20.0931C10.7684 23.8218 11.9774 27.5063 14.4025 30.351L23.6011 41.0624C24.423 42.019 25.2875 43.0559 26.6232 41.9505L26.6633 41.9162L26.7011 41.882C27.9789 40.7069 27.0849 39.696 26.263 38.7382L25.689 38.071L17.0656 28.0245C15.2524 25.8935 14.349 23.1355 14.5501 20.3446C14.7481 17.5556 16.0356 14.9564 18.1344 13.1089C19.1757 12.2062 20.3847 11.5177 21.6924 11.0828C23.0001 10.648 24.3806 10.4752 25.7552 10.5745C28.5327 10.7789 31.1155 12.0779 32.9355 14.1859C34.7487 16.3169 35.652 19.075 35.4509 21.8657C35.2532 24.6547 33.9662 27.2539 31.8679 29.1015L29.2603 31.3761L26.955 28.6917L24.6498 26.0074L22.3941 23.3797C21.8048 22.6773 21.5118 21.7729 21.5773 20.8582C21.6427 19.9436 22.0615 19.0902 22.7449 18.4788C23.439 17.8858 24.3391 17.5903 25.2496 17.6564C26.1602 17.7225 27.0081 18.1449 27.6093 18.8318C28.1231 19.4441 28.4145 20.2124 28.436 21.0114C28.4575 21.8105 28.2077 22.5932 27.7274 23.2321C27.4983 23.5655 27.3851 23.9651 27.4057 24.3691C27.4261 24.7732 27.5791 25.1592 27.8408 25.4677C28.9981 26.8152 30.2747 25.8881 30.955 24.7473C31.7126 23.474 32.0539 21.9959 31.9313 20.5193C31.8087 19.0426 31.2284 17.6411 30.2712 16.5101C29.0616 15.1118 27.3464 14.2509 25.5024 14.1167C23.6583 13.9825 21.8366 14.586 20.4373 15.7944C19.0465 17.025 18.1933 18.7515 18.0606 20.6037C17.9279 22.456 18.5263 24.2866 19.7275 25.7027L21.9843 28.3315L24.2908 31.0123L26.596 33.6967V33.699Z" fill="#0095E5"/>
-    </svg>
\ No newline at end of file
+<!-- #3091CF / #FFFFFF per ipinfo.io logo-positive.svg and logo-negative.svg. -->
+<svg
+	class="text-[#3091CF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M26.596 33.699L28.9013 36.3834L31.5644 34.0616L34.1731 31.7871C36.9785 29.3206 38.6994 25.8482 38.9631 22.122C39.2319 18.3931 38.023 14.708 35.5974 11.863C34.3943 10.4677 32.928 9.32334 31.2825 8.49515C29.6368 7.66696 27.8441 7.17124 26.0067 7.03634C24.1703 6.90371 22.3257 7.13494 20.5787 7.71677C18.8318 8.2986 17.217 9.21959 15.8268 10.4269C13.0212 12.8938 11.3003 16.3666 11.0368 20.0931C10.7684 23.8218 11.9774 27.5063 14.4025 30.351L23.6011 41.0624C24.423 42.019 25.2875 43.0559 26.6232 41.9505L26.6633 41.9162L26.7011 41.882C27.9789 40.7069 27.0849 39.696 26.263 38.7382L25.689 38.071L17.0656 28.0245C15.2524 25.8935 14.349 23.1355 14.5501 20.3446C14.7481 17.5556 16.0356 14.9564 18.1344 13.1089C19.1757 12.2062 20.3847 11.5177 21.6924 11.0828C23.0001 10.648 24.3806 10.4752 25.7552 10.5745C28.5327 10.7789 31.1155 12.0779 32.9355 14.1859C34.7487 16.3169 35.652 19.075 35.4509 21.8657C35.2532 24.6547 33.9662 27.2539 31.8679 29.1015L29.2603 31.3761L26.955 28.6917L24.6498 26.0074L22.3941 23.3797C21.8048 22.6773 21.5118 21.7729 21.5773 20.8582C21.6427 19.9436 22.0615 19.0902 22.7449 18.4788C23.439 17.8858 24.3391 17.5903 25.2496 17.6564C26.1602 17.7225 27.0081 18.1449 27.6093 18.8318C28.1231 19.4441 28.4145 20.2124 28.436 21.0114C28.4575 21.8105 28.2077 22.5932 27.7274 23.2321C27.4983 23.5655 27.3851 23.9651 27.4057 24.3691C27.4261 24.7732 27.5791 25.1592 27.8408 25.4677C28.9981 26.8152 30.2747 25.8881 30.955 24.7473C31.7126 23.474 32.0539 21.9959 31.9313 20.5193C31.8087 19.0426 31.2284 17.6411 30.2712 16.5101C29.0616 15.1118 27.3464 14.2509 25.5024 14.1167C23.6583 13.9825 21.8366 14.586 20.4373 15.7944C19.0465 17.025 18.1933 18.7515 18.0606 20.6037C17.9279 22.456 18.5263 24.2866 19.7275 25.7027L21.9843 28.3315L24.2908 31.0123L26.596 33.6967V33.699Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/JavaIcon.svelte b/frontend/src/lib/components/icons/JavaIcon.svelte
index 7bdf2ad235..c8e5883ccb 100644
--- a/frontend/src/lib/components/icons/JavaIcon.svelte
+++ b/frontend/src/lib/components/icons/JavaIcon.svelte
@@ -1,10 +1,28 @@
 <script lang="ts">
 	interface Props {
-		height?: number;
-		width?: number;
+		height?: number
+		width?: number
 	}
 
-	let { height = 24, width = 24 }: Props = $props();
+	let { height = 24, width = 24 }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="-60.6242 20 378.0764 511.359"><path d="M278.577 426.546h-2.038v-1.14h5.486v1.14h-2.024v5.688h-1.424zm10.942.297h-.032l-2.019 5.392h-.924l-2.006-5.392h-.025v5.392h-1.342v-6.828h1.975l1.86 4.835 1.854-4.835h1.968v6.828h-1.31v-5.392zM96.154 286.925s-14.178 8.245 10.09 11.035c29.4 3.354 44.426 2.873 76.825-3.259 0 0 8.518 5.341 20.414 9.967-72.63 31.128-164.376-1.803-107.329-17.743m-8.875-40.62s-15.902 11.771 8.384 14.283c31.406 3.24 56.208 3.505 99.125-4.759 0 0 5.936 6.018 15.27 9.309-87.814 25.678-185.623 2.025-122.779-18.833" fill="#5382a1"/><path d="M162.098 177.4c17.896 20.604-4.702 39.145-4.702 39.145s45.441-23.458 24.572-52.833c-19.491-27.394-34.438-41.005 46.479-87.934 0 0-127.013 31.722-66.349 101.622" fill="#f8981d"/><path d="M258.157 316.97s10.492 8.645-11.555 15.333c-41.923 12.7-174.488 16.535-211.314.506-13.238-5.759 11.587-13.751 19.396-15.428 8.144-1.766 12.798-1.437 12.798-1.437-14.722-10.371-95.157 20.364-40.857 29.166 148.084 24.015 269.943-10.814 231.532-28.14M102.972 204.218s-67.431 16.016-23.879 21.832c18.389 2.462 55.047 1.905 89.193-.956 27.906-2.354 55.927-7.359 55.927-7.359s-9.84 4.214-16.959 9.075c-68.475 18.009-200.756 9.631-162.674-8.79 32.206-15.568 58.392-13.802 58.392-13.802m120.963 67.614c69.608-36.171 37.424-70.931 14.96-66.248-5.506 1.146-7.961 2.139-7.961 2.139s2.044-3.202 5.948-4.588c44.441-15.624 78.619 46.081-14.346 70.52 0 .001 1.077-.962 1.399-1.823" fill="#5382a1"/><path d="M181.968 0s38.55 38.563-36.563 97.862c-60.233 47.568-13.735 74.69-.025 105.678-35.159-31.722-60.961-59.647-43.651-85.637C127.136 79.752 197.522 61.255 181.968 0" fill="#f8981d"/><path d="M109.812 369.847c66.815 4.277 169.417-2.373 171.847-33.988 0 0-4.671 11.985-55.219 21.503-57.028 10.732-127.364 9.479-169.081 2.601.001-.001 8.54 7.068 52.453 9.884m-10.95 120.802c-6.303 5.467-12.96 8.536-18.934 8.536-8.527 0-13.134-5.113-13.134-13.314 0-8.871 4.936-15.357 24.739-15.357h7.328v20.135m17.393 19.623V449.53c0-15.517-8.85-25.756-30.188-25.756-12.457 0-23.369 3.076-32.238 6.999l2.56 10.752c6.983-2.563 16.022-4.949 24.894-4.949 12.292 0 17.58 4.949 17.58 15.181v7.677h-6.135c-29.865 0-43.337 11.593-43.337 28.994 0 15.017 8.878 23.553 25.594 23.553 10.745 0 18.766-4.436 26.264-10.928l1.361 9.22h13.645zm58.044 0h-21.692l-26.106-84.96h18.943l16.199 52.2 3.601 15.699c8.195-22.698 13.991-45.726 16.89-67.899h18.427c-4.937 27.977-13.821 58.685-26.262 84.96m83.213-19.623c-6.315 5.467-12.984 8.536-18.958 8.536-8.512 0-13.131-5.113-13.131-13.314 0-8.871 4.948-15.357 24.749-15.357h7.34v20.135m17.39 19.623V449.53c0-15.517-8.872-25.756-30.185-25.756-12.466 0-23.382 3.076-32.247 6.999l2.556 10.752c6.986-2.563 16.042-4.949 24.907-4.949 12.283 0 17.579 4.949 17.579 15.181v7.677h-6.145c-29.874 0-43.34 11.593-43.34 28.994 0 15.017 8.871 23.553 25.584 23.553 10.751 0 18.769-4.436 26.28-10.928l1.366 9.22h13.645zM30.32 524.7c-4.958 7.239-12.966 12.966-21.733 16.206L0 530.801c6.673-3.424 12.396-8.954 15.055-14.105 2.3-4.581 3.252-10.485 3.252-24.604v-96.995h18.478v95.666c-.001 18.876-1.51 26.501-6.465 33.937" fill="#5382a1"/></svg>
+<!-- Java Blue #007396 / Java Orange #ED8B00 per Oracle's Java Branding and Licensing Guidelines v21 (oracle.com/a/ocom/docs/java-licensing-logo-guidelines-1908204.pdf). The Coffee Cup mark is licensee-only and "you may not use a modified version of the Coffee Cup logo" — do not recolour it or flatten it to currentColor. -->
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="-60.6242 20 378.0764 511.359"
+	><path
+		d="M278.577 426.546h-2.038v-1.14h5.486v1.14h-2.024v5.688h-1.424zm10.942.297h-.032l-2.019 5.392h-.924l-2.006-5.392h-.025v5.392h-1.342v-6.828h1.975l1.86 4.835 1.854-4.835h1.968v6.828h-1.31v-5.392zM96.154 286.925s-14.178 8.245 10.09 11.035c29.4 3.354 44.426 2.873 76.825-3.259 0 0 8.518 5.341 20.414 9.967-72.63 31.128-164.376-1.803-107.329-17.743m-8.875-40.62s-15.902 11.771 8.384 14.283c31.406 3.24 56.208 3.505 99.125-4.759 0 0 5.936 6.018 15.27 9.309-87.814 25.678-185.623 2.025-122.779-18.833"
+		fill="#007396"
+	/><path
+		d="M162.098 177.4c17.896 20.604-4.702 39.145-4.702 39.145s45.441-23.458 24.572-52.833c-19.491-27.394-34.438-41.005 46.479-87.934 0 0-127.013 31.722-66.349 101.622"
+		fill="#ED8B00"
+	/><path
+		d="M258.157 316.97s10.492 8.645-11.555 15.333c-41.923 12.7-174.488 16.535-211.314.506-13.238-5.759 11.587-13.751 19.396-15.428 8.144-1.766 12.798-1.437 12.798-1.437-14.722-10.371-95.157 20.364-40.857 29.166 148.084 24.015 269.943-10.814 231.532-28.14M102.972 204.218s-67.431 16.016-23.879 21.832c18.389 2.462 55.047 1.905 89.193-.956 27.906-2.354 55.927-7.359 55.927-7.359s-9.84 4.214-16.959 9.075c-68.475 18.009-200.756 9.631-162.674-8.79 32.206-15.568 58.392-13.802 58.392-13.802m120.963 67.614c69.608-36.171 37.424-70.931 14.96-66.248-5.506 1.146-7.961 2.139-7.961 2.139s2.044-3.202 5.948-4.588c44.441-15.624 78.619 46.081-14.346 70.52 0 .001 1.077-.962 1.399-1.823"
+		fill="#007396"
+	/><path
+		d="M181.968 0s38.55 38.563-36.563 97.862c-60.233 47.568-13.735 74.69-.025 105.678-35.159-31.722-60.961-59.647-43.651-85.637C127.136 79.752 197.522 61.255 181.968 0"
+		fill="#ED8B00"
+	/><path
+		d="M109.812 369.847c66.815 4.277 169.417-2.373 171.847-33.988 0 0-4.671 11.985-55.219 21.503-57.028 10.732-127.364 9.479-169.081 2.601.001-.001 8.54 7.068 52.453 9.884m-10.95 120.802c-6.303 5.467-12.96 8.536-18.934 8.536-8.527 0-13.134-5.113-13.134-13.314 0-8.871 4.936-15.357 24.739-15.357h7.328v20.135m17.393 19.623V449.53c0-15.517-8.85-25.756-30.188-25.756-12.457 0-23.369 3.076-32.238 6.999l2.56 10.752c6.983-2.563 16.022-4.949 24.894-4.949 12.292 0 17.58 4.949 17.58 15.181v7.677h-6.135c-29.865 0-43.337 11.593-43.337 28.994 0 15.017 8.878 23.553 25.594 23.553 10.745 0 18.766-4.436 26.264-10.928l1.361 9.22h13.645zm58.044 0h-21.692l-26.106-84.96h18.943l16.199 52.2 3.601 15.699c8.195-22.698 13.991-45.726 16.89-67.899h18.427c-4.937 27.977-13.821 58.685-26.262 84.96m83.213-19.623c-6.315 5.467-12.984 8.536-18.958 8.536-8.512 0-13.131-5.113-13.131-13.314 0-8.871 4.948-15.357 24.749-15.357h7.34v20.135m17.39 19.623V449.53c0-15.517-8.872-25.756-30.185-25.756-12.466 0-23.382 3.076-32.247 6.999l2.556 10.752c6.986-2.563 16.042-4.949 24.907-4.949 12.283 0 17.579 4.949 17.579 15.181v7.677h-6.145c-29.874 0-43.34 11.593-43.34 28.994 0 15.017 8.871 23.553 25.584 23.553 10.751 0 18.769-4.436 26.28-10.928l1.366 9.22h13.645zM30.32 524.7c-4.958 7.239-12.966 12.966-21.733 16.206L0 530.801c6.673-3.424 12.396-8.954 15.055-14.105 2.3-4.581 3.252-10.485 3.252-24.604v-96.995h18.478v95.666c-.001 18.876-1.51 26.501-6.465 33.937"
+		fill="#007396"
+	/></svg
+>
diff --git a/frontend/src/lib/components/icons/JavaScriptIcon.svelte b/frontend/src/lib/components/icons/JavaScriptIcon.svelte
index b7699a21d8..865d424601 100644
--- a/frontend/src/lib/components/icons/JavaScriptIcon.svelte
+++ b/frontend/src/lib/components/icons/JavaScriptIcon.svelte
@@ -11,6 +11,7 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #F7DF1E per js.svg in github.com/voodootikigod/logo.js, the origin of the JavaScript logo. Fixed mark: yellow field, black lettering, no per-theme variant. -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
diff --git a/frontend/src/lib/components/icons/JiraIcon.svelte b/frontend/src/lib/components/icons/JiraIcon.svelte
index 6e1319240e..509bffba4c 100644
--- a/frontend/src/lib/components/icons/JiraIcon.svelte
+++ b/frontend/src/lib/components/icons/JiraIcon.svelte
@@ -1,55 +1,28 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #1868DB tile with a white glyph per Atlassian's official Jira logo pack (atlassian.design/foundations/logos). The logomark is identical on light and dark; only the wordmark changes colour. -->
 <svg
 	x="0px"
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="0 0 48 48"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
-		d="M162.682 79.2391L91.1422 7.8832L84.259 1L30.5241 54.7349L5.92811 79.2391C5.31693 79.8486 4.83202 80.5728 4.50117 81.3701C4.17031 82.1673 4 83.0221 4 83.8853C4 84.7484 4.17031 85.6032 4.50117 86.4004C4.83202 87.1977 5.31693 87.9218 5.92811 88.5314L55.0742 137.769L84.259 167L138.109 113.219L138.935 112.393L162.682 88.6232C163.307 88.0121 163.803 87.2822 164.142 86.4764C164.482 85.6707 164.656 84.8053 164.656 83.9311C164.656 83.0569 164.482 82.1916 164.142 81.3858C163.803 80.5801 163.307 79.8502 162.682 79.2391ZM84.259 108.539L59.7089 83.9885L84.259 59.4384L108.809 83.9885L84.259 108.539Z"
-		fill="#2684FF"
+		d="M0 12C0 5.37258 5.37258 0 12 0H36C42.6274 0 48 5.37258 48 12V36C48 42.6274 42.6274 48 36 48H12C5.37258 48 0 42.6274 0 36V12Z"
+		fill="#1868DB"
 	/>
 	<path
-		d="M84.259 59.4385C76.574 51.7015 72.2609 41.239 72.2609 30.334C72.2609 19.4289 76.574 8.96645 84.259 1.22949L30.4324 54.8496L59.663 84.0803L84.259 59.4385Z"
-		fill="url(#paint0_linear_308_318)"
+		d="M17.9475 31.0469H15.2429C11.1638 31.0469 8.23755 28.5484 8.23755 24.8899H22.7804C23.5341 24.8899 24.0218 25.4252 24.0218 26.1837V40.8178C20.3861 40.8178 17.9475 37.8731 17.9475 33.7684V31.0469ZM25.1303 23.7745H22.4257C18.3466 23.7745 15.4203 21.3206 15.4203 17.6621H29.9631C30.7168 17.6621 31.2489 18.1528 31.2489 18.9113V33.5454C27.6132 33.5454 25.1303 30.6007 25.1303 26.496V23.7745ZM32.3573 16.5467H29.6527C25.5736 16.5467 22.6473 14.0482 22.6473 10.3896H37.1902C37.9439 10.3896 38.4316 10.925 38.4316 11.6389V26.273C34.7959 26.273 32.3573 23.3283 32.3573 19.2236V16.5467Z"
+		fill="white"
 	/>
-	<path
-		d="M108.924 83.828L84.2589 108.539C88.1022 112.375 91.1513 116.931 93.2317 121.947C95.3121 126.962 96.3829 132.339 96.3829 137.769C96.3829 143.199 95.3121 148.576 93.2317 153.592C91.1513 158.608 88.1022 163.164 84.2589 167L138.177 113.15L108.924 83.828Z"
-		fill="url(#paint1_linear_308_318)"
-	/>
-	<defs>
-		<linearGradient
-			id="paint0_linear_308_318"
-			x1="79.9226"
-			y1="34.5901"
-			x2="45.6442"
-			y2="68.8684"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop offset="0.18" stop-color="#0052CC" />
-			<stop offset="1" stop-color="#2684FF" />
-		</linearGradient>
-		<linearGradient
-			id="paint1_linear_308_318"
-			x1="89.0083"
-			y1="133.089"
-			x2="123.218"
-			y2="98.8563"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop offset="0.18" stop-color="#0052CC" />
-			<stop offset="1" stop-color="#2684FF" />
-		</linearGradient>
-	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/JoomlaIcon.svelte b/frontend/src/lib/components/icons/JoomlaIcon.svelte
index 34916abd9b..2d9267878d 100644
--- a/frontend/src/lib/components/icons/JoomlaIcon.svelte
+++ b/frontend/src/lib/components/icons/JoomlaIcon.svelte
@@ -1,12 +1,28 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#5091CD" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.719 14.759L14.22 17.26l-2.37 2.37-.462.466c-1.368 1.365-3.297 1.83-5.047 1.397-.327 1.424-1.604 2.49-3.13 2.49C1.438 23.983 0 22.547 0 20.772c0-1.518 1.055-2.789 2.469-3.123-.446-1.76.016-3.705 1.396-5.08l.179-.18 2.37 2.37-.184.181c-.769.779-.769 2.024 0 2.789.771.78 2.022.78 2.787 0l.465-.465 2.367-2.371 2.502-2.506 2.368 2.372zm.924 6.652c-1.822.563-3.885.12-5.328-1.318l-.18-.185 2.365-2.369.18.184c.771.768 2.018.768 2.787 0 .765-.765.769-2.01-.004-2.781l-.466-.465-2.365-2.37-2.502-2.503 2.37-2.369 2.499 2.505 2.367 2.37.464.464c1.365 1.36 1.846 3.278 1.411 5.021 1.56.224 2.759 1.56 2.759 3.18 0 1.784-1.439 3.21-3.209 3.21-1.545 0-2.851-1.096-3.135-2.565l-.013-.009zM6.975 9.461l2.508-2.505 2.37-2.369.462-.461C13.74 2.7 15.772 2.251 17.58 2.79c.212-1.561 1.555-2.775 3.179-2.775 1.772 0 3.211 1.437 3.211 3.209 0 1.631-1.216 2.978-2.79 3.186.519 1.799.068 3.816-1.35 5.234l-.182.184-2.369-2.369.184-.184c.769-.77.769-2.016 0-2.783-.766-.766-2.011-.768-2.781.003l-.462.461-2.37 2.369-2.505 2.502-2.37-2.366zm-2.653 2.647l-.461-.462C2.43 10.215 1.986 8.17 2.529 6.358 1.1 6.029.03 4.754.03 3.224.03 1.454 1.47.015 3.24.015c1.596 0 2.92 1.166 3.17 2.691 1.73-.405 3.626.065 4.979 1.415l.184.185-2.37 2.37-.183-.181c-.77-.765-2.016-.765-2.785 0-.771.781-.77 2.025-.005 2.79l.465.466 2.37 2.369 2.505 2.505-2.367 2.37-2.51-2.505-2.371-2.37v-.012z"/>
+<!-- #7AC143 / #F9A541 / #F44321 / #5091CD per the official logo at cdn.joomla.org/images/joomla-colours-logo.svg. Joomla's trademark policy forbids recolouring the mark, so there is no per-theme variant. -->
+<svg {width} {height} viewBox="10 10 79.2 79.2" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#7AC143"
+		d="M24.37,49.97l-1.52-1.51c-4.7-4.7-6.16-11.43-4.38-17.38c-4.7-1.06-8.21-5.27-8.21-10.29c0-5.83,4.72-10.55,10.55-10.55c5.25,0,9.59,3.83,10.41,8.84c5.69-1.33,11.92,0.22,16.36,4.66l0.61,0.61l-7.79,7.78l-0.6-0.61c-2.53-2.52-6.62-2.52-9.15,0c-2.54,2.54-2.53,6.64-0.01,9.16l1.52,1.52l7.79,7.78l8.24,8.23l-7.78,7.78l-8.24-8.23L24.37,49.97L24.37,49.97z"
+	/>
+	<path
+		fill="#F9A541"
+		d="M33.08,41.27l8.24-8.24l7.79-7.78l1.52-1.51c4.69-4.69,11.36-6.16,17.3-4.42c0.71-5.14,5.12-9.09,10.45-9.09c5.83,0,10.55,4.72,10.55,10.55c0,5.36-3.99,9.78-9.16,10.46c1.7,5.91,0.22,12.54-4.44,17.2l-0.61,0.61l-7.78-7.79l0.6-0.6c2.53-2.53,2.53-6.63,0-9.15c-2.52-2.52-6.6-2.52-9.14,0.01l-1.52,1.52l-7.79,7.78l-8.24,8.23L33.08,41.27L33.08,41.27z"
+	/>
+	<path
+		fill="#F44321"
+		d="M68.14,80.55c-5.99,1.84-12.77,0.39-17.51-4.35l-0.6-0.6l7.78-7.79l0.6,0.6c2.53,2.53,6.63,2.53,9.15,0c2.52-2.52,2.52-6.6-0.01-9.14l-1.52-1.52l-7.78-7.79l-8.22-8.23l7.79-7.78l8.21,8.22l7.78,7.78l1.53,1.53c4.48,4.48,6.02,10.77,4.63,16.5c5.13,0.72,9.07,5.12,9.07,10.45c0,5.83-4.73,10.55-10.55,10.55C73.37,89,69.11,85.38,68.14,80.55L68.14,80.55z"
+	/>
+	<path
+		fill="#5091CD"
+		d="M65.1,58.68l-8.21,8.22l-7.78,7.79l-1.53,1.53c-4.49,4.5-10.83,6.02-16.59,4.6C29.92,85.51,25.72,89,20.71,89c-5.83,0-10.55-4.72-10.55-10.55c0-4.99,3.46-9.17,8.12-10.27c-1.47-5.78,0.05-12.17,4.58-16.69l0.6-0.6l7.79,7.78l-0.6,0.6c-2.53,2.53-2.52,6.62,0,9.15c2.54,2.54,6.64,2.53,9.16,0.01l1.52-1.53l7.78-7.78l8.22-8.23L65.1,58.68L65.1,58.68z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/JotformIcon.svelte b/frontend/src/lib/components/icons/JotformIcon.svelte
new file mode 100644
index 0000000000..8a364a2a1d
--- /dev/null
+++ b/frontend/src/lib/components/icons/JotformIcon.svelte
@@ -0,0 +1,35 @@
+<!-- #0A1551 / #FFFFFF per jotform.com footer logomark (#jotform-logomark-fourth is filled with --jf-logo-img: #0A1551 light, #fff dark). The other three bars keep their fixed brand colours in both themes. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	{width}
+	{height}
+	viewBox="0 0 25 28"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#0A1551] dark:text-[#FFFFFF]"
+>
+	<path
+		fill="#FF6100"
+		d="M19.294 3.934a3.341 3.341 0 0 1 4.727 0 3.344 3.344 0 0 1 0 4.728l-11.817 11.82a3.341 3.341 0 0 1-4.726 0 3.344 3.344 0 0 1 0-4.727l11.816-11.82Z"
+	/>
+	<path
+		fill="#0099FF"
+		d="M9.25.98a3.344 3.344 0 0 1 4.727 4.728l-8.271 8.274a3.342 3.342 0 0 1-4.727 0 3.344 3.344 0 0 1 0-4.729L9.25.98Z"
+	/>
+	<path
+		fill="#FFB629"
+		d="M18.704 17.527a3.344 3.344 0 0 1 4.726 4.728l-4.726 4.729a3.342 3.342 0 1 1-4.727-4.728l4.727-4.729Z"
+	/>
+	<path
+		fill="currentColor"
+		d="M1.671 28h4.667c.745 0 1.118-.9.591-1.427L1.426 21.07C.9 20.542 0 20.915 0 21.659v4.67C0 27.251.748 28 1.671 28Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/JsonIcon.svelte b/frontend/src/lib/components/icons/JsonIcon.svelte
index a77ab24028..98001b52fb 100644
--- a/frontend/src/lib/components/icons/JsonIcon.svelte
+++ b/frontend/src/lib/components/icons/JsonIcon.svelte
@@ -11,6 +11,8 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #F9A825 per Material Design Yellow 800 (api.flutter.dev Colors.yellow[800]); glyph is Google's Material Symbols "data_object".
+     JSON itself has no brand owner or published colours — json.org states none — so this is a Material palette pick, not a brand colour. -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
diff --git a/frontend/src/lib/components/icons/JsonSchemaIcon.svelte b/frontend/src/lib/components/icons/JsonSchemaIcon.svelte
new file mode 100644
index 0000000000..3ceaf1e76b
--- /dev/null
+++ b/frontend/src/lib/components/icons/JsonSchemaIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #002CC4 / #FFFFFF per json-schema-org/brand. -->
+<svg
+	class="text-[#002CC4] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12.043 23.968c.479-.004.953-.029 1.426-.094a11.805 11.805 0 003.146-.863 12.404 12.404 0 003.793-2.542 11.977 11.977 0 002.44-3.427 11.794 11.794 0 001.02-3.476c.149-1.16.135-2.346-.045-3.499a11.96 11.96 0 00-.793-2.788 11.197 11.197 0 00-.854-1.617c-1.168-1.837-2.861-3.314-4.81-4.3a12.835 12.835 0 00-2.172-.87h-.005c.119.063.24.132.345.201.12.074.239.146.351.225a8.93 8.93 0 011.559 1.33c1.063 1.145 1.797 2.548 2.218 4.041.284.982.434 1.998.495 3.017.044.743.044 1.491-.047 2.229-.149 1.27-.554 2.51-1.228 3.596a7.475 7.475 0 01-1.903 2.084c-1.244.928-2.877 1.482-4.436 1.114a3.916 3.916 0 01-.748-.258 4.692 4.692 0 01-.779-.45 6.08 6.08 0 01-1.244-1.105 6.507 6.507 0 01-1.049-1.747 7.366 7.366 0 01-.494-2.54c-.03-1.273.225-2.553.854-3.67a6.43 6.43 0 011.663-1.918c.225-.178.464-.333.704-.479l.016-.007a5.121 5.121 0 00-1.441-.12 4.963 4.963 0 00-1.228.24c-.359.12-.704.27-1.019.45a6.146 6.146 0 00-.733.494c-.211.18-.42.36-.615.555-1.123 1.153-1.768 2.682-2.022 4.256-.15.973-.15 1.96-.091 2.95.105 1.395.391 2.787.945 4.062a8.518 8.518 0 001.348 2.173 8.14 8.14 0 003.132 2.23 7.934 7.934 0 002.113.54c.074.015.149.015.209.015zm-2.934-.398a4.102 4.102 0 01-.45-.228 8.5 8.5 0 01-2.038-1.534c-1.094-1.137-1.827-2.566-2.247-4.08a15.184 15.184 0 01-.495-3.172 12.14 12.14 0 01.046-2.082c.135-1.257.495-2.501 1.124-3.58a6.889 6.889 0 011.783-2.053 6.23 6.23 0 011.633-.9 5.363 5.363 0 013.522-.045c.029 0 .029 0 .045.03.015.015.045.015.06.03.045.016.104.045.165.074.239.12.479.271.704.42a6.294 6.294 0 012.097 2.502c.42.914.615 1.934.631 2.938.014 1.079-.18 2.157-.645 3.146a6.42 6.42 0 01-2.638 2.832c.09.03.18.045.271.075.225.044.449.074.688.074 1.468.045 2.892-.66 3.94-1.647.195-.18.375-.375.54-.585.225-.27.435-.54.614-.823.239-.375.435-.75.614-1.154a8.112 8.112 0 00.509-1.664c.196-1.004.211-2.022.149-3.026-.135-2.022-.673-4.045-1.842-5.724a9.054 9.054 0 00-.555-.719 9.868 9.868 0 00-1.063-1.034 8.477 8.477 0 00-1.363-.915 9.927 9.927 0 00-1.692-.598l-.3-.06c-.209-.03-.42-.044-.634-.06a8.453 8.453 0 00-1.015.016c-.704.045-1.412.16-2.112.337C5.799 1.227 2.863 3.566 1.3 6.67A11.834 11.834 0 00.238 9.801a11.81 11.81 0 00-.104 3.775c.12 1.02.374 2.023.778 2.977.227.57.511 1.124.825 1.648 1.094 1.783 2.683 3.236 4.51 4.24.688.39 1.408.69 2.157.944.226.074.45.15.689.21z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/JumpCloudIcon.svelte b/frontend/src/lib/components/icons/JumpCloudIcon.svelte
index 583310ab9f..46cc139116 100644
--- a/frontend/src/lib/components/icons/JumpCloudIcon.svelte
+++ b/frontend/src/lib/components/icons/JumpCloudIcon.svelte
@@ -1,17 +1,22 @@
+<!-- #002B49 / #F7F7FB per jumpcloud.com/press (Ocean Blue / White Smoke); White Smoke is the brand's own reversed logo for dark backgrounds. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg version="1.1" id="svg2" x=0 y=0 {width} {height} viewBox="0 0 56 56" style="fill:currentcolor;">
-	<g id="g8">
-		<path
-		d="M55.195 44.935c-.216 0-.38.054-.595.054H29.65c1.678-3.247 4.71-5.79 8.173-6.982-2.5-1.732-3.735-4.763-3.247-7.74.487-2.87 2.598-5.304 5.358-6.224 3.735-1.137 7.794.38 9.634 3.843 1.786 3.464.704 7.848-2.5 10.12 3.464 1.137 6.44 3.68 8.12 6.928-.216 0-1.46-2.76 0 0zm-27.44 0c0-1.028.866-2.057 1.407-2.814-1.3-1.3-2.923-2.327-4.71-2.977 4.222-2.977 3.356-9.634-1.46-11.474-2.977-1.082-6.333 0-8 2.652-1.84 2.923-1.028 6.82 1.786 8.822-2.87.974-5.358 3.085-6.766 5.79h6.71z" fill="#003e52"/><path d="M58.876 34.705c2.977 2.977 1.948 8.12-1.894 9.742-.433-1.515-1.786-3.03-2.87-4.113-1.137-1.19-2.436-2.165-3.843-2.923.866-1.137 1.46-2.5 1.786-3.843 2.273-1.137 5.034-.65 6.82 1.137.27.27-.704-.704 0 0zM5.51 43.203c.758.704 1.678 1.19 2.706 1.515.162-1.245 1.353-2.598 2.22-3.464.92-1.028 2.057-1.948 3.247-2.652-1.3-1.894-1.786-4.276-1.3-6.495-2.923-1.082-6.278.054-7.956 2.652-1.786 2.652-1.3 6.278 1.082 8.443.433.433-.054-.054 0 0zm23.598-9.418c0 1.732-.54 3.356-1.515 4.763 1.028.595 1.894 1.3 2.76 2.11 1.19-1.3 2.598-2.436 4.168-3.302-3.897-5.142-1.678-12.665 4.33-14.992-2.22-2.814-6.008-4.005-9.418-3.03-3.03.866-5.467 3.356-6.17 6.44 3.356 1.137 5.845 4.276 5.845 8z" fill="#f38b00"/><path d="M63.963 38.115c-.433-4.763-4.546-8.498-9.364-8.498-.325 0-.704 0-1.028.054-.974-5.737-6.333-9.85-12.124-9.364-2.87-3.572-7.632-5.304-12.124-4.33a12.18 12.18 0 0 0-8.985 7.956c-3.4.108-6.387 1.948-8.12 4.655C6.375 27.3.53 31.566.042 37.52-.5 43.203 4.2 48.3 10 48.3h45.14c.325 0 .65-.054.92-.162 4.87-.812 8.335-5.25 7.902-10.013zM55.79 46.72c3.79-.595-.216.054 0 0-.162.054-.38.108-.54.108H10c-5.088 0-9.093-4.546-8.498-9.526.65-5.358 6.333-8.822 11.42-6.982 1.515-3.193 4.925-5.196 8.498-4.87.92-3.897 4.06-7.036 7.956-7.956 4.33-1.028 8.93.758 11.42 4.384 5.9-.974 11.42 3.626 11.474 9.58 4.384-1.353 9.147 1.407 10.12 5.9.866 4.33-2.165 8.66-6.603 9.364z" fill="#003e52"
-			id="path116"
-		/>
-	</g>
-</svg>
\ No newline at end of file
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0.716 0.096 166.911 81.066"
+	fill="currentColor"
+	class="text-[#002B49] dark:text-[#F7F7FB]"
+>
+	<path
+		d="M167.627 58.4549C167.627 64.4772 165.235 70.2528 160.976 74.5112C156.718 78.7696 150.942 81.1619 144.92 81.1619H138.677C138.026 73.5929 130.216 67.1569 119.176 64.1679C121.96 61.421 123.864 57.9081 124.647 54.076C125.429 50.2439 125.054 46.2657 123.57 42.6472C122.085 39.0287 119.558 35.9335 116.31 33.7551C113.061 31.5767 109.238 30.4135 105.327 30.4135C101.416 30.4135 97.5932 31.5767 94.3449 33.7551C91.0965 35.9335 88.5694 39.0287 87.0849 42.6472C85.6003 46.2657 85.2254 50.2439 86.0078 54.076C86.7903 57.9081 88.6946 61.421 91.4788 64.1679C86.2271 65.4235 81.3461 67.9012 77.2327 71.3994C74.6367 69.9109 71.8571 68.7683 68.9647 68.0006C71.3582 65.6544 72.9989 62.6486 73.6774 59.3664C74.3559 56.0841 74.0415 52.6741 72.7744 49.5712C71.5073 46.4683 69.3448 43.8131 66.5627 41.9441C63.7806 40.075 60.5048 39.0769 57.1532 39.0769C53.8015 39.0769 50.5258 40.075 47.7437 41.9441C44.9615 43.8131 42.7991 46.4683 41.532 49.5712C40.2648 52.6741 39.9505 56.0841 40.629 59.3664C41.3075 62.6486 42.9481 65.6544 45.3417 68.0006C36.6397 70.4111 30.3001 75.2321 28.9502 81.0655H22.707C16.8096 80.8734 11.218 78.3956 7.11423 74.156C3.01042 69.9163 0.716019 64.247 0.716019 58.3465C0.716019 52.446 3.01042 46.7767 7.11423 42.537C11.218 38.2973 16.8096 35.8195 22.707 35.6274C25.5974 35.6376 28.4598 36.1938 31.1438 37.2666C32.9638 33.3119 35.8846 29.9652 39.5567 27.6269C43.2288 25.2885 47.4967 24.0575 51.8501 24.0811C52.4045 24.0811 52.9589 24.0811 53.4892 24.0811C54.6253 18.2016 57.5178 12.805 61.7849 8.60368C66.052 4.40239 71.4929 1.59407 77.3893 0.549532C83.2858 -0.495006 89.3603 0.273354 94.811 2.75316C100.262 5.23298 104.832 9.30761 107.919 14.4391C111.449 13.3665 115.179 13.1187 118.82 13.715C122.462 14.3112 125.918 15.7354 128.922 17.8779C131.926 20.0204 134.398 22.824 136.148 26.0727C137.898 29.3214 138.878 32.9283 139.014 36.6157C142.381 35.6988 145.914 35.5719 149.338 36.2449C152.762 36.9179 155.985 38.3727 158.754 40.4958C161.524 42.619 163.765 45.3531 165.304 48.4849C166.843 51.6168 167.638 55.0618 167.627 58.5514V58.4549Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/KafkaIcon.svelte b/frontend/src/lib/components/icons/KafkaIcon.svelte
index ce3e1f23f9..453993801e 100644
--- a/frontend/src/lib/components/icons/KafkaIcon.svelte
+++ b/frontend/src/lib/components/icons/KafkaIcon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
 		size?: number
 		color?: string | undefined
@@ -8,13 +9,14 @@
 	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per apache/kafka. -->
 <svg
 	width={`${size}px`}
 	height={`${size}px`}
 	preserveAspectRatio="xMidYMid"
 	viewBox="0 0 256 413"
 	xmlns="http://www.w3.org/2000/svg"
-	class={clazz}
+	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
 	fill={color ?? 'currentColor'}
 >
 	<path
diff --git a/frontend/src/lib/components/icons/KanidmIcon.svelte b/frontend/src/lib/components/icons/KanidmIcon.svelte
index 6534a24e49..653159f987 100644
--- a/frontend/src/lib/components/icons/KanidmIcon.svelte
+++ b/frontend/src/lib/components/icons/KanidmIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF6600 per artwork/logo-square.svg in github.com/kanidm/kanidm (full palette: #FF6600 #803300 #D45500 #2A3455 #B1B3B8 #CCCCCC). Kanidm's artwork is CC-BY-NC-ND — no recolouring or other derivatives. -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150" x="0px" y="0px" {width} {height}
 	><defs
 		><radialGradient id="a" gradientUnits="userSpaceOnUse" cx="420.208" cy="346.897" r="21.1"
diff --git a/frontend/src/lib/components/icons/KeycloakIcon.svelte b/frontend/src/lib/components/icons/KeycloakIcon.svelte
index 8aaecf851d..ad45280891 100644
--- a/frontend/src/lib/components/icons/KeycloakIcon.svelte
+++ b/frontend/src/lib/components/icons/KeycloakIcon.svelte
@@ -1,25 +1,56 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #00B8E3 per keycloak.org's own mark, https://www.keycloak.org/resources/images/icon.svg (cyan #00B8E3/#33C6E9/#008AAA over greys #4D4D4D–#EDEDED, single theme). -->
 <svg {width} {height} viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M120.265 169.789L165.899 91.024L349.671 91L395.059 170.549L395.113 329.677L349.678 409.178L165.96 409.243L119.799 329.688L120.265 169.789Z" fill="#4D4D4D"/>
-	<path d="M119.809 329.656H202.632L157.141 249.494L194.138 169.802L120.274 169.785L74 250.142" fill="#EDEDED"/>
-	<path d="M227.748 329.657H288.286L341.814 251.632L289.218 170.552H218.008L175.114 248.902L227.748 329.657Z" fill="#E0E0E0"/>
-	<path d="M74 250.135L119.809 329.684H202.638L157.645 250.409L74 250.135Z" fill="#ACACAC"/>
-	<path d="M175.98 250.149L227.755 329.681H288.286L340.978 250.18L175.98 250.149Z" fill="#9E9E9E"/>
-	<path d="M196.485 250.19L180.861 254.742L165.868 250.183L227.078 144.083L242.39 170.573" fill="#00B8E3"/>
-	<path d="M242.324 329.657L227.091 356.256L186.433 312.454L165.836 250.207V250.176H196.477" fill="#33C6E9"/>
-	<path d="M165.874 250.183H165.843V250.207L150.538 276.728L135.171 250.327L150.754 223.296L196.484 144.1H227.094" fill="#008AAA"/>
-	<path d="M334.293 329.657H427L426.945 170.546H334.297L334.293 329.657Z" fill="#D4D4D4"/>
-	<path d="M334.293 250.399V329.674H426.832V250.399H334.293Z" fill="#919191"/>
-	<path d="M227.108 356.291H196.475L150.536 276.718L165.841 250.214L227.108 356.291Z" fill="#00B8E3"/>
-	<path d="M349.585 250.183L288.358 356.27C282.731 348 273.084 329.684 273.084 329.684L319.013 250.17L349.585 250.183Z" fill="#008AAA"/>
-	<path d="M318.934 356.267L288.358 356.26L349.592 250.173L364.89 223.683L380.236 250.348M349.585 250.183H319.023L273.077 170.563L288.286 144.107L325.475 191.385L349.585 250.183Z" fill="#00B8E3"/>
-	<path d="M364.888 223.669V223.693L349.583 250.183L288.294 144.114L318.959 144.131L364.888 223.669Z" fill="#33C6E9"/>
-</svg>	
\ No newline at end of file
+	<path
+		d="M120.265 169.789L165.899 91.024L349.671 91L395.059 170.549L395.113 329.677L349.678 409.178L165.96 409.243L119.799 329.688L120.265 169.789Z"
+		fill="#4D4D4D"
+	/>
+	<path
+		d="M119.809 329.656H202.632L157.141 249.494L194.138 169.802L120.274 169.785L74 250.142"
+		fill="#EDEDED"
+	/>
+	<path
+		d="M227.748 329.657H288.286L341.814 251.632L289.218 170.552H218.008L175.114 248.902L227.748 329.657Z"
+		fill="#E0E0E0"
+	/>
+	<path d="M74 250.135L119.809 329.684H202.638L157.645 250.409L74 250.135Z" fill="#ACACAC" />
+	<path d="M175.98 250.149L227.755 329.681H288.286L340.978 250.18L175.98 250.149Z" fill="#9E9E9E" />
+	<path
+		d="M196.485 250.19L180.861 254.742L165.868 250.183L227.078 144.083L242.39 170.573"
+		fill="#00B8E3"
+	/>
+	<path
+		d="M242.324 329.657L227.091 356.256L186.433 312.454L165.836 250.207V250.176H196.477"
+		fill="#33C6E9"
+	/>
+	<path
+		d="M165.874 250.183H165.843V250.207L150.538 276.728L135.171 250.327L150.754 223.296L196.484 144.1H227.094"
+		fill="#008AAA"
+	/>
+	<path d="M334.293 329.657H427L426.945 170.546H334.297L334.293 329.657Z" fill="#D4D4D4" />
+	<path d="M334.293 250.399V329.674H426.832V250.399H334.293Z" fill="#919191" />
+	<path
+		d="M227.108 356.291H196.475L150.536 276.718L165.841 250.214L227.108 356.291Z"
+		fill="#00B8E3"
+	/>
+	<path
+		d="M349.585 250.183L288.358 356.27C282.731 348 273.084 329.684 273.084 329.684L319.013 250.17L349.585 250.183Z"
+		fill="#008AAA"
+	/>
+	<path
+		d="M318.934 356.267L288.358 356.26L349.592 250.173L364.89 223.683L380.236 250.348M349.585 250.183H319.023L273.077 170.563L288.286 144.107L325.475 191.385L349.585 250.183Z"
+		fill="#00B8E3"
+	/>
+	<path
+		d="M364.888 223.669V223.693L349.583 250.183L288.294 144.114L318.959 144.131L364.888 223.669Z"
+		fill="#33C6E9"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/KlaviyoIcon.svelte b/frontend/src/lib/components/icons/KlaviyoIcon.svelte
new file mode 100644
index 0000000000..8832ec76da
--- /dev/null
+++ b/frontend/src/lib/components/icons/KlaviyoIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #1D1E20 per klaviyo.com --color-core-charcoal; the flag mark is the standalone logomark
+	the site header collapses to, and the shape of klaviyo.com/icons/icon-512x512.png.
+	Klaviyo draws it in currentColor, hence the white swap on dark. -->
+<svg
+	class="text-[#1D1E20] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Klaviyo"
+>
+	<path d="M23 19.361H1V4.639h22l-4.617 7.361z" />
+</svg>
diff --git a/frontend/src/lib/components/icons/KoboToolboxIcon.svelte b/frontend/src/lib/components/icons/KoboToolboxIcon.svelte
new file mode 100644
index 0000000000..3a35bca10b
--- /dev/null
+++ b/frontend/src/lib/components/icons/KoboToolboxIcon.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #2095F3 per the kobotoolbox.org header logo and $kobo-blue in kobotoolbox/kpi jsapp/scss/colors.scss. -->
+<svg {width} {height} viewBox="0 0 75.6 75.6" xmlns="http://www.w3.org/2000/svg">
+	<g fill="#2095F3"
+		><path
+			d="m48 46.6v4.9c0 2.7-2.2 4.9-4.9 4.9h-10.7c-2.7 0-4.9-2.2-4.9-4.9v-27.4c0-2.7 2.2-4.9 4.9-4.9h10.7c2.7 0 4.9 2.2 4.9 4.9v.7c.9-.3 1.9-.5 3-.5 1.2 0 2.4.2 3.5.7v-.8c0-6.3-5.1-11.4-11.4-11.4h-10.7c-6.3 0-11.4 5.1-11.4 11.4v27.3c0 6.3 5.1 11.4 11.4 11.4h10.7c6.3 0 11.4-5.1 11.4-11.4v-12.4z"
+		/><path
+			d="m42.8 45 11.5-13.2c.4-.4.3-1-.1-1.4-2-1.8-5.1-1.5-6.9.5l-7.1 8.2c-.2.2-.4.2-.6 0l-2.6-3.2c-.5-.6-1.5-.7-2-.1-1.7 1.8-1.8 4.5-.3 6.4l2.2 2.7c1.5 1.9 4.3 2 5.9.1z"
+		/></g
+	>
+</svg>
diff --git a/frontend/src/lib/components/icons/KustomerIcon.svelte b/frontend/src/lib/components/icons/KustomerIcon.svelte
new file mode 100644
index 0000000000..a255a6357f
--- /dev/null
+++ b/frontend/src/lib/components/icons/KustomerIcon.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #FBEC2A (face #292929) per kustomer.com/images/kustomer/Kusty.svg. -->
+<svg {width} {height} viewBox="0 0 103 99" xmlns="http://www.w3.org/2000/svg">
+	<g clip-path="url(#kustomer-clip0_1_529)">
+		<mask
+			id="kustomer-mask0_1_529"
+			style="mask-type:luminance"
+			maskUnits="userSpaceOnUse"
+			x="0"
+			y="0"
+			width="104"
+			height="99"
+		>
+			<path d="M103.001 0H0.000671387V98.1884H103.001V0Z" fill="white" />
+		</mask>
+		<g mask="url(#kustomer-mask0_1_529)">
+			<path
+				d="M51.9281 98.1884C8.86217 98.1884 0.000671387 78.4901 0.000671387 49.2239C0.000671387 19.9577 8.45388 0 51.9281 0C95.4029 0 103.006 20.1398 103.006 49.5881C103.006 79.0365 94.9945 98.1884 51.9281 98.1884Z"
+				fill="#FBEC2A"
+			/>
+			<path
+				d="M51.4097 71.1291C41.5164 71.1291 33.4715 62.8639 33.4715 52.7055V42.6135H37.8857V52.7055C37.8857 60.4305 43.9552 66.7151 51.4097 66.7151C58.8641 66.7151 64.9339 60.4305 64.9339 52.7055V42.6135H69.348V52.7055C69.348 62.8639 61.3032 71.1291 51.4097 71.1291Z"
+				fill="#292929"
+			/>
+			<path
+				d="M45.886 33.636C45.1246 31.7268 43.3037 30.4963 41.2511 30.4963C39.1985 30.4963 37.3832 31.7323 36.6162 33.636L32.7759 32.0965C34.1718 28.6093 37.499 26.3525 41.2511 26.3525C45.0032 26.3525 48.3304 28.6038 49.7264 32.0965L45.886 33.636Z"
+				fill="#292929"
+			/>
+			<path
+				d="M66.0037 33.636C65.2369 31.7268 63.4215 30.4963 61.3692 30.4963C59.3164 30.4963 57.501 31.7323 56.7342 33.636L52.8939 32.0965C54.2895 28.6093 57.6169 26.3525 61.3692 26.3525C65.121 26.3525 68.4484 28.6038 69.8441 32.0965L66.0037 33.636Z"
+				fill="#292929"
+			/>
+		</g>
+	</g>
+	<defs>
+		<clipPath id="kustomer-clip0_1_529">
+			<rect width="103" height="98.365" fill="white" />
+		</clipPath>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/LangfuseIcon.svelte b/frontend/src/lib/components/icons/LangfuseIcon.svelte
new file mode 100644
index 0000000000..bda22df319
--- /dev/null
+++ b/frontend/src/lib/components/icons/LangfuseIcon.svelte
@@ -0,0 +1,36 @@
+<!-- #FF5D5F / #4E9CFF per langfuse.com/brand "Icon - Color (SVG)", used unmodified. Langfuse's trademark terms forbid modifying the assets. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg {width} {height} viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M254.75 302.25L285.25 326.75C285.25 326.75 308.587 309.418 325.75 306.875C343.75 304.208 362.954 314.244 380.75 326.208C407.629 344.279 430.25 367.208 430.25 367.208L456.75 341.208C456.75 341.208 383.686 262.047 325.75 269.208C287.75 273.905 254.75 302.25 254.75 302.25Z"
+		fill="#FF5D5F"
+	/>
+	<path
+		d="M80.25 151.286L55.25 178.786C55.25 178.786 124.902 243.786 179.75 243.786C204.75 243.786 239.419 224.201 269.25 198.757C286.25 184.257 305.25 167.786 324.25 167.786C337.021 167.786 353.866 174.551 369.75 192.316C369.75 192.316 380.003 186.168 386.25 181.75C391.74 177.868 399.896 171.25 399.896 171.25C377.047 146.864 343.998 129.038 324.25 130.786C292.25 130.79 269.25 150.711 240.75 173.75C212.25 196.789 200.25 206.286 179.75 206.286C145.25 206.286 80.25 151.286 80.25 151.286Z"
+		fill="#4E9CFF"
+	/>
+	<path
+		d="M80.25 360.75L55.25 333.25C55.25 333.25 124.902 268.25 179.75 268.25C204.75 268.25 239.419 287.835 269.25 313.279C286.25 327.779 305.25 344.25 324.25 344.25C337.083 344.25 353.799 337.207 369.75 319.25C369.75 319.25 379.339 325.161 385.25 329.25C391.328 333.455 400.25 340.407 400.25 340.407C377.39 364.987 344.1 383.007 324.25 381.25C292.25 381.246 273.25 364.289 244.75 341.25C216.25 318.211 200.25 305.75 179.75 305.75C145.25 305.75 80.25 360.75 80.25 360.75Z"
+		fill="#4E9CFF"
+	/>
+	<path
+		d="M406.25 213.25C399.745 217.746 389.25 224.25 389.25 224.25C389.25 224.25 395.25 237.25 395.25 254.75C395.25 272.25 389.75 287.25 389.75 287.25C389.75 287.25 399.172 293.135 405.25 297.25C411.564 301.525 421.25 308.75 421.25 308.75C421.25 308.75 432.75 284.75 432.75 254.75C432.75 224.75 421.25 202.25 421.25 202.25C421.25 202.25 412.226 209.12 406.25 213.25Z"
+		fill="#4E9CFF"
+	/>
+	<path
+		d="M256.25 209.25L285.25 185.25C285.25 185.25 308.587 202.04 325.75 204.583C343.75 207.25 362.954 197.214 380.75 185.25C407.629 167.179 430.25 144.25 430.25 144.25L456.75 170.25C456.75 170.25 383.686 249.411 325.75 242.25C287.75 237.553 256.25 209.25 256.25 209.25Z"
+		fill="#FF5D5F"
+	/>
+	<path
+		d="M186.255 130.25C223.755 130.25 255.25 162.25 255.25 162.25C255.25 162.25 246.487 169.155 240.75 173.75C234.775 178.536 225.25 186.25 225.25 186.25C225.25 186.25 208.755 168.75 186.255 168.75C177.028 168.75 165.039 174.292 152.255 185.25C142.391 193.705 132.129 204.216 125.255 217.25C119.31 228.52 116.068 241.802 115.755 255.75C115.361 273.269 121.571 291.634 131.755 306.25C138.58 316.046 146.726 323.418 155.255 329.75C166.323 337.968 177.865 343.75 186.255 343.75C195.217 343.75 203.274 340.635 209.255 337.75C218.755 332.25 226.25 325.75 226.25 325.75L255.75 350.25C255.75 350.25 243.75 362.25 227.255 371.25C216.595 376.507 202.895 381.75 186.255 381.75C169.626 381.75 150.315 372.915 132.255 359.25C120.579 350.416 109.135 339.948 100.255 327.25C85.7005 306.438 78.2004 281.118 78.2502 255.75C78.3008 230.065 86.5823 204.625 101.255 183.75C124.255 153.75 158.273 130.25 186.255 130.25Z"
+		fill="#FF5D5F"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/LdapIcon.svelte b/frontend/src/lib/components/icons/LdapIcon.svelte
new file mode 100644
index 0000000000..4adcd0de5b
--- /dev/null
+++ b/frontend/src/lib/components/icons/LdapIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<rect x="16" y="16" width="6" height="6" rx="1" />
+	<rect x="2" y="16" width="6" height="6" rx="1" />
+	<rect x="9" y="2" width="6" height="6" rx="1" />
+	<path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" />
+	<path d="M12 12V8" />
+</svg>
diff --git a/frontend/src/lib/components/icons/LeonardoAiIcon.svelte b/frontend/src/lib/components/icons/LeonardoAiIcon.svelte
new file mode 100644
index 0000000000..ec9fadb432
--- /dev/null
+++ b/frontend/src/lib/components/icons/LeonardoAiIcon.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #6E60EE per leonardo.ai; they publish no vector logomark. -->
+<BrandLetterIcon
+	letter="L"
+	bgClass="fill-transparent dark:fill-[#6E60EE]"
+	textClass="text-[#6E60EE] dark:text-[#FFFFFF]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/LessIcon.svelte b/frontend/src/lib/components/icons/LessIcon.svelte
index 30a7ba1779..08ee6e0366 100644
--- a/frontend/src/lib/components/icons/LessIcon.svelte
+++ b/frontend/src/lib/components/icons/LessIcon.svelte
@@ -1,3 +1,4 @@
+<!-- #274F82 / #FFFFFF per github.com/less/logo (MIT). -->
 <script lang="ts">
 	interface Props {
 		height?: string
@@ -12,7 +13,8 @@
 </script>
 
 <svg
-	fill="#000000"
+	class="text-[#274F82] dark:text-[#FFFFFF]"
+	fill="currentColor"
 	width={derivedWidth}
 	height={derivedHeight}
 	viewBox="0 0 24 24"
diff --git a/frontend/src/lib/components/icons/LineIcon.svelte b/frontend/src/lib/components/icons/LineIcon.svelte
index a33626338f..f617ed2be4 100644
--- a/frontend/src/lib/components/icons/LineIcon.svelte
+++ b/frontend/src/lib/components/icons/LineIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#00C300" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/>
+<!-- #06C755 / #06C755 per LINE's official brand icon asset (line.me/en/logo). LINE forbids any change to the logo's colour, so there is no reversed variant. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#06C755" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/LinearIcon.svelte b/frontend/src/lib/components/icons/LinearIcon.svelte
index e30e78639b..01f481a1ae 100644
--- a/frontend/src/lib/components/icons/LinearIcon.svelte
+++ b/frontend/src/lib/components/icons/LinearIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#5E6AD2" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z"/>
+<!-- #222326 / #F4F5F8 (Nordic Gray / Mercury White) per linear.app/brand. Guidelines ship a
+	light/dark logomark pair and forbid altering the assets in any other way. -->
+<svg
+	class="text-[#222326] dark:text-[#F4F5F8]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/LinkdingIcon.svelte b/frontend/src/lib/components/icons/LinkdingIcon.svelte
index cc68b23733..69fe49549d 100644
--- a/frontend/src/lib/components/icons/LinkdingIcon.svelte
+++ b/frontend/src/lib/components/icons/LinkdingIcon.svelte
@@ -1,13 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg version="1.1" id="svg2" x=0 y=0 {width} {height} viewBox="0 0 56 56" style="fill:currentcolor;">
+<!-- #5856E0 / #ADABF7 per sissbruecker/linkding. -->
+<svg
+	class="text-[#5856E0] dark:text-[#ADABF7]"
+	version="1.1"
+	id="svg2"
+	x="0"
+	y="0"
+	{width}
+	{height}
+	viewBox="0 0 56 56"
+	style="fill:currentcolor;"
+>
 	<g id="g8">
 		<path
 			d="M 21.934964,54.577686 C -1.2680732,49.62024 -6.9798152,18.503632 12.863299,5.1567822 32.772873,-8.2347712 58.966204,9.2924868 54.765887,33.195885 53.022738,43.115892 43.59487,52.995551 34.461449,54.473328 c -2.2,0.355957 -4.675,0.790728 -5.5,0.966157 -0.825,0.175429 -3.986918,-0.212381 -7.026485,-0.861799 z M 45.071867,32.670208 C 51.629793,25.125635 52.430122,21.8666 49.075771,16.36585 46.719483,12.501807 40.750657,9.5309908 37.156102,10.433166 c -1.449711,0.363855 -7.267103,5.218963 -12.927538,10.78913 -9.143972,8.998151 -10.124574,10.294702 -8.793078,11.626198 1.331496,1.331496 2.599723,0.416811 11.372216,-8.201994 5.862435,-5.759729 10.688216,-9.700615 11.878812,-9.700615 3.447831,0 7.274935,3.794342 7.274935,7.212657 0,2.529244 -1.664895,4.762079 -9.488223,12.724911 -8.933265,9.092559 -9.388707,9.75693 -7.786773,11.358864 1.601934,1.601934 1.958639,1.452934 6.098641,-2.547491 2.418455,-2.336917 7.047503,-7.297996 10.286773,-11.024618 z M 20.243568,44.55131 c 1.769834,-0.767016 7.407067,-5.639768 12.527183,-10.828339 8.223928,-8.333878 9.123338,-9.5881 7.71428,-10.757515 -1.387314,-1.151368 -2.874359,-0.06683 -11.419226,8.328339 -11.100401,10.90593 -13.206314,11.696497 -17.515462,6.575365 -1.423892,-1.692199 -2.5888942,-3.782435 -2.5888942,-4.64497 0,-0.862534 4.5088982,-6.150211 10.0197732,-11.750393 9.53558,-9.69011 9.931944,-10.261632 8.202286,-11.8269512 -1.717047,-1.553906 -2.319947,-1.135176 -10.909762,7.5771182 -5.000752,5.072057 -9.5917812,10.204837 -10.2022872,11.40618 -2.73924,5.390228 0.339025,13.302752 6.1596852,15.833154 4.065039,1.767185 4.136052,1.767965 8.012424,0.08801 z"
diff --git a/frontend/src/lib/components/icons/LinkedinIcon.svelte b/frontend/src/lib/components/icons/LinkedinIcon.svelte
index c139c66ea4..d0b24aebb6 100644
--- a/frontend/src/lib/components/icons/LinkedinIcon.svelte
+++ b/frontend/src/lib/components/icons/LinkedinIcon.svelte
@@ -1,14 +1,20 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 30 30" style="enable-background:new 0 0 270 270; fill:currentcolor;">
+<!-- #0A66C2 per the official inbug SVGs embedded in brand.linkedin.com/in-logo.
+	 That page forbids recolouring: only the approved blue, black and white variants. -->
+<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 	<path
-		d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z"
+		d="M56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0H56.9C25.5 0 0 25.5 0 56.9v398.2C0 486.5 25.5 512 56.9 512"
+		style="fill-rule:evenodd;clip-rule:evenodd;fill:#0A66C2"
+	/><path
+		d="M440.9 440.9h-76V311.5c0-35.5-13.5-55.3-41.6-55.3-30.5 0-46.5 20.6-46.5 55.3v129.4h-73.2V194.4h73.2v33.2s22-40.7 74.3-40.7 89.7 31.9 89.7 98v156zM116.3 162.1c-24.9 0-45.2-20.4-45.2-45.5s20.2-45.5 45.2-45.5 45.1 20.4 45.1 45.5-20.2 45.5-45.1 45.5M78.5 440.9h76.4V194.4H78.5z"
+		style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/LinodeIcon.svelte b/frontend/src/lib/components/icons/LinodeIcon.svelte
index 1a3c80e92e..f9dadedaa4 100644
--- a/frontend/src/lib/components/icons/LinodeIcon.svelte
+++ b/frontend/src/lib/components/icons/LinodeIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.0548 0C6.384 0 .961 5.3802.961 12.0078.961 18.6354 6.3698 24 13.0548 24c.6168 0 .6454-.3572.0859-.5293-4.9349-1.5063-8.5352-6.069-8.5352-11.4629 0-5.4656 3.6725-10.0706 8.6934-11.5195C13.8153.3448 13.6716 0 13.0548 0Zm2.3242 1.8223c-5.2648 0-9.5254 4.2606-9.5254 9.5254 0 1.2193.2285 2.3818.6445 3.4433.1722.459.4454.4584.4024.0137-.0287-.3156-.0567-.6447-.0567-.9746 0-5.2648 4.2606-9.5254 9.5254-9.5254 4.9779 0 6.4698 2.2235 6.6563 2.08.2008-.1577-1.808-4.5624-7.6465-4.5624zm.4687 4.0703c-1.8622.0592-3.651.7168-5.1035 1.8554-.2582.2009-.1567.3284.1445.1993 2.4675-1.076 5.5812-1.1046 8.6368-.043 2.0514.7173 3.2413 1.7364 3.3418 1.6934.1578-.0718-1.1915-2.2226-3.6446-3.1407-1.1135-.4196-2.2576-.6-3.375-.5644z"/>
+<!-- #1cb35c with #004b16 shading per Linode's own packages/manager/src/assets/logo/logo.svg in linode/manager @3e53c92,
+	 the last revision before the Akamai rebrand dropped it. The keyline path stays unfilled so it follows currentColor
+	 instead of the source's near-black #231f20. -->
+<svg {width} {height} viewBox="0 0 256 307" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#004b16"
+		d="m66.766 141.595-12.64-83.896L2.919 26.102l15.254 78.884zM78.75 231.81l-8.063-59.49-45.543-37.698 11.767 58.836zm-36.173-13.292 8.063 44.67 38.788 40.315-5.448-45.544zm115.71-13.73-19.938-14.817s-.284 5.306-.817 5.666l-14.546 10.242 15.907 13.074.927 14.873 18.903 15.417zm60.253-43.472-3.596 41.893-13.401-8.825s1.477-21.181 1.47-21.192c-.077-.142-25.822-17.433-25.822-17.433l.817-19.285z"
+	/><path
+		fill="#1cb35c"
+		d="m133.665 106.947-3.704-78.012-75.833 28.764 12.638 83.896zm3.487 88.472-3.051-59.49-63.412 36.39 9.37 61.016zm1.089 24.188-54.26 38.352 6.756 46.85 49.465-39.441zm20.92-15.036.87 45.326 39.225-31.815 1.96-43.147zm93.429-65.646-5.121 39.769-30.671 24.624 3.65-41.784 32.142-22.61z"
+	/><path
+		d="M140.278 218.847c-.002-.038-.016-.073-.02-.11a1.8 1.8 0 0 0-.107-.46 2 2 0 0 0-.125-.26q-.04-.076-.088-.146a2 2 0 0 0-.202-.234c-.035-.035-.066-.074-.104-.107l-.028-.03-14.511-11.843 13.343-8.99c.533-.36.839-.966.81-1.603l-.135-3.165 17.692 13.504.344 41.008-16.276-13.702zm-71.23-45.953 8.205 56.072-38.886-36.633-11.26-54.382 41.94 34.943zm66.478 21.296-54.29 36.575-8.467-57.86 60.384-34.37zm-6.982-163.451 3.229 75.494-63.888 33.245L56.037 58.6zm-76.24 27.78 11.649 79.516L20.026 103.8 4.5 28.795 52.305 58.52zm.678 204.375-8.3-40.105 36.998 36.387 5.926 40.468zm85.558 1.459-46.91 37.37-6.238-42.582 51.354-36.742zm58.888-46.95-36.6 29.192-.342-41.166 39.383-28.17zm5.109-23.378 1.24-20.395c0-.023-.006-.044-.006-.067 0-.027.009-.052.008-.08-.001-.08-.022-.158-.034-.237-.01-.057-.01-.114-.024-.17a2 2 0 0 0-.156-.41l-.014-.034a2 2 0 0 0-.291-.388c-.023-.024-.051-.042-.075-.064-.074-.07-.146-.141-.232-.2l-24.655-16.282.359-17.868 38.8 24.178-3.46 39.993zm15.22 7.196 3.39-39.175 30.623-21.916-5.147 38.082zM256 136.045c-.002-.035-.015-.067-.02-.102a2 2 0 0 0-.036-.194 2 2 0 0 0-.17-.463 2 2 0 0 0-.181-.27c-.036-.045-.07-.091-.11-.133a2 2 0 0 0-.283-.233c-.032-.022-.055-.053-.09-.073-.006-.005-.016-.006-.024-.011l-.031-.022-41.91-23.223a1.84 1.84 0 0 0-1.85.043l-35.374 21.625c-.057.034-.102.083-.154.123-.063.048-.128.092-.184.148-.06.059-.106.127-.156.194-.044.058-.094.112-.13.175-.046.077-.075.162-.11.245-.024.063-.057.12-.075.187-.025.09-.032.184-.043.278-.007.06-.026.118-.028.18l-.376 18.779-14.39-9.503a1.84 1.84 0 0 0-1.976-.037l-20.702 12.656-.897-21.047c-.002-.044-.018-.084-.022-.128a2 2 0 0 0-.048-.273c-.018-.066-.045-.128-.07-.192a2 2 0 0 0-.104-.228c-.037-.065-.081-.123-.125-.183a2 2 0 0 0-.148-.183 2 2 0 0 0-.18-.157c-.04-.032-.072-.072-.115-.102l-21.545-14.471 20.167-10.494a1.85 1.85 0 0 0 .987-1.712l-3.387-79.222c-.004-.097-.027-.19-.046-.284-.008-.04-.01-.08-.02-.118a1.8 1.8 0 0 0-.188-.45c-.015-.026-.036-.047-.052-.071a1.8 1.8 0 0 0-.253-.311q-.053-.05-.111-.094c-.053-.044-.1-.094-.157-.132-.045-.03-.096-.046-.143-.072-.024-.013-.042-.033-.067-.045L76.736.225a1.83 1.83 0 0 0-1.347-.1L1.279 23.209l-.015.008c-.03.009-.056.03-.086.04a1.8 1.8 0 0 0-.391.196l-.011.005c-.041.029-.07.07-.107.102a2 2 0 0 0-.265.249c-.055.068-.092.146-.137.22s-.095.144-.13.224c-.04.096-.06.198-.082.3-.015.062-.042.118-.051.18-.001.01.002.019 0 .028-.01.093 0 .186.005.28.003.087-.001.173.014.257.003.014 0 .027.003.04l16.536 79.869c.09.427.323.808.67 1.077l22.444 17.493-16.226 7.726c-.03.014-.052.036-.08.05-.025.015-.052.018-.076.032-.036.022-.06.054-.093.078a2 2 0 0 0-.258.216q-.069.066-.13.138a2 2 0 0 0-.2.315c-.02.04-.047.078-.065.12a1.8 1.8 0 0 0-.133.482v.02c-.003.026.002.052 0 .078q-.017.226.022.447c.003.02-.001.039.003.058l12.44 60.109c.077.372.265.708.54.967l15.622 14.714-10.352 6.332a2 2 0 0 0-.36.293c-.03.029-.05.062-.076.093q-.134.158-.23.342a1.9 1.9 0 0 0-.204.628c-.02.177-.005.352.025.524.004.019-.001.038.003.058l9.638 46.554c.069.33.228.637.463.886l38.982 41.385c.059.062.127.11.192.164.024.019.044.04.069.059q.182.132.388.216.007.006.018.01c.01.005.024.003.036.007.205.076.42.122.639.122a1.8 1.8 0 0 0 .659-.134c.046-.018.095-.027.14-.05.076-.036.132-.094.199-.14.048-.03.103-.045.148-.081l50.145-39.95c.46-.368.716-.931.692-1.516l-1.172-27.43 16.753 14.1c.029.025.067.034.098.057.095.07.186.144.294.196.036.016.073.023.109.038q.068.026.136.046c.18.057.362.096.547.096.18 0 .358-.037.535-.091q.06-.019.122-.042c.042-.016.085-.024.126-.043.093-.044.168-.108.25-.165.036-.025.078-.035.112-.062l40.197-32.056c.409-.33.657-.81.689-1.332l1.223-20.115 12.23 8.513c.026.017.055.023.08.039.036.022.063.054.1.074.072.038.149.057.223.085.05.019.099.042.152.057.162.045.328.074.494.074.18 0 .36-.036.537-.09q.06-.018.12-.04c.04-.016.084-.024.125-.042.1-.048.186-.115.274-.178.029-.02.064-.028.092-.05l32.79-26.134a1.85 1.85 0 0 0 .678-1.195l5.817-43.041c.006-.046-.005-.09-.002-.136.004-.073.019-.143.015-.217"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/LocalContextsIcon.svelte b/frontend/src/lib/components/icons/LocalContextsIcon.svelte
new file mode 100644
index 0000000000..0c9cb226e0
--- /dev/null
+++ b/frontend/src/lib/components/icons/LocalContextsIcon.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #F57E20 per localcontexts.org; their mark is published as raster only. -->
+<BrandLetterIcon
+	letter="L"
+	bgClass="fill-transparent dark:fill-[#F57E20]"
+	textClass="text-[#E2690A] dark:text-[#111111]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/LumaAiIcon.svelte b/frontend/src/lib/components/icons/LumaAiIcon.svelte
index e98a2d3a4f..4ab3499ce5 100644
--- a/frontend/src/lib/components/icons/LumaAiIcon.svelte
+++ b/frontend/src/lib/components/icons/LumaAiIcon.svelte
@@ -1,44 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#a)">
-		<path d="m4.108 9.033 12.066-6.965v27.865L4.108 22.967V9.033Z" fill="#000"/>
-		<path d="M16.174 29.933 4.108 22.967 16.174 16l12.066 6.966-12.066 6.967Z" fill="url(#b)"/>
-		<path d="M16.174 29.933 4.108 22.967 16.174 16l12.066 6.966-12.066 6.967Z" fill="url(#c)"/>
-		<path d="m4.108 9.033 12.066-6.965v27.865L4.108 22.967V9.033Z" fill="url(#d)" style="mix-blend-mode:screen"/>
-		<path d="M16.174 29.933 4.108 22.967 16.174 16l12.066 6.966-12.066 6.967Z" fill="url(#e)" style="mix-blend-mode:overlay"/>
-		<path d="m4.108 9.033 12.066-6.965v27.865L4.108 22.967V9.033Z" fill="url(#f)" style="mix-blend-mode:overlay"/>
-	</g>
-	<defs>
-		<linearGradient id="b" x1="4.108" x2="28.24" y1="22.966" y2="22.966" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#00A"/>
-			<stop offset="1" stop-color="#A78DFF"/>
-		</linearGradient>
-		<linearGradient id="c" x1="4.108" x2="28.24" y1="22.966" y2="22.966" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#00A"/>
-			<stop offset="1" stop-color="#A78DFF"/>
-		</linearGradient>
-		<linearGradient id="d" x1="17.747" x2="7.211" y1="28.357" y2="6.416" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#004EFF"/>
-			<stop offset="1" stop-color="#0FF"/>
-		</linearGradient>
-		<linearGradient id="e" x1="4.108" x2="28.24" y1="22.966" y2="22.966" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#00A"/>
-			<stop offset="1" stop-color="#A78DFF"/>
-		</linearGradient>
-		<linearGradient id="f" x1="17.747" x2="7.211" y1="28.357" y2="6.416" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#004EFF"/>
-			<stop offset="1" stop-color="#0FF"/>
-		</linearGradient>
-		<clipPath id="a">
-			<path d="M0 0h24.348v28H0z" fill="#fff" transform="translate(4 2)"/>
-		</clipPath>
-	</defs>
+<!-- #000000 / #FFFFFF per lumalabs.ai (favicon-black.ico on light, favicon-white.ico on dark).
+	The two faces ship at 65% opacity, which is what makes their overlap read as a cube. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 32 32"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path d="m4.108 9.033 12.066-6.965v27.865L4.108 22.967V9.033Z" fill-opacity=".65" />
+	<path d="M16.174 29.933 4.108 22.967 16.174 16l12.066 6.966-12.066 6.967Z" fill-opacity=".65" />
 </svg>
diff --git a/frontend/src/lib/components/icons/MSSqlServerIcon.svelte b/frontend/src/lib/components/icons/MSSqlServerIcon.svelte
index b82fe60b3f..410c445f1d 100644
--- a/frontend/src/lib/components/icons/MSSqlServerIcon.svelte
+++ b/frontend/src/lib/components/icons/MSSqlServerIcon.svelte
@@ -7,6 +7,8 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #0078D4 per learn.microsoft.com/en-us/azure/architecture/icons — Microsoft's anchor blue, a stop in its own SQL Server SVG and throughout the set's Fluent gradients.
+	 Microsoft licenses its product icons for diagrams, docs, and training only, and forbids cropping, rotating, or reshaping them. -->
 <svg {width} {height} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<g clip-path="url(#clip0_8666_6627)">
 		<g clip-path="url(#clip1_8666_6627)">
diff --git a/frontend/src/lib/components/icons/MSTeamsIcon.svelte b/frontend/src/lib/components/icons/MSTeamsIcon.svelte
index cbe8589023..f0f135740b 100644
--- a/frontend/src/lib/components/icons/MSTeamsIcon.svelte
+++ b/frontend/src/lib/components/icons/MSTeamsIcon.svelte
@@ -10,58 +10,202 @@
 	let effectiveHeight = $derived(height ?? `${size}px`)
 </script>
 
+<!-- #6459FE per Microsoft's Teams-Icon-FY26 asset (cdn-dynmedia-1.microsoft.com, served on microsoft.com/microsoft-teams); every gradient stop here is verbatim from it.
+	 Microsoft's trademark guidelines forbid altering their brand assets, so the full-colour mark ships unchanged in both themes. -->
 <svg
 	width={effectiveWidth}
 	height={effectiveHeight}
-	viewBox="0 0 24 24"
+	viewBox="0 0 48 48"
 	xmlns="http://www.w3.org/2000/svg"
 	fill="none"
 >
 	<path
-		fill="#5059C9"
-		d="M16.148 10.313h5.424c.513 0 .928.414.928.925v4.932a3.408 3.408 0 01-3.411 3.405h-.015a3.408 3.408 0 01-3.411-3.405v-5.372c0-.268.218-.485.485-.485zM19.815 9.338a2.194 2.194 0 002.196-2.194 2.194 2.194 0 00-2.196-2.194 2.194 2.194 0 00-2.197 2.194 2.194 2.194 0 002.197 2.194z"
+		d="M21.9999 20H33.9999C37.3136 20 39.9999 22.6863 39.9999 26V36C39.9999 39.3137 37.3136 42 33.9999 42C30.6862 42 27.9999 39.3137 27.9999 36V26C27.9999 22.6863 25.3136 20 21.9999 20Z"
+		fill="url(#ms-teams-0)"
 	/>
 	<path
-		fill="#7B83EB"
-		d="M12.977 9.338a3.17 3.17 0 003.175-3.169A3.17 3.17 0 0012.977 3a3.17 3.17 0 00-3.175 3.169 3.17 3.17 0 003.175 3.169zM17.21 10.313h-8.955a.917.917 0 00-.894.937v5.625A5.503 5.503 0 0012.732 22.5a5.503 5.503 0 005.373-5.625v-5.625a.917.917 0 00-.896-.937z"
+		d="M7.99988 24C7.99988 20.6863 10.6862 18 13.9999 18H21.9999C25.3136 18 27.9999 20.6863 27.9999 24V36C27.9999 39.3137 30.6862 42 33.9999 42L17.9998 41.9999C12.477 41.9999 7.99988 37.5228 7.99988 31.9999V24Z"
+		fill="url(#ms-teams-1)"
 	/>
 	<path
-		fill="#000000"
-		d="M13.221 10.313v7.882a.897.897 0 01-.894.893H7.79a5.926 5.926 0 01-.43-2.213v-5.625a.916.916 0 01.895-.937h4.966z"
-		opacity=".1"
+		d="M7.99988 24C7.99988 20.6863 10.6862 18 13.9999 18H21.9999C25.3136 18 27.9999 20.6863 27.9999 24V36C27.9999 39.3137 30.6862 42 33.9999 42L17.9998 41.9999C12.477 41.9999 7.99988 37.5228 7.99988 31.9999V24Z"
+		fill="url(#ms-teams-2)"
+		fill-opacity="0.7"
 	/>
 	<path
-		fill="#000000"
-		d="M12.732 10.313v8.37a.9.9 0 01-.894.892H8.02a4.83 4.83 0 01-.4-.975 5.926 5.926 0 01-.258-1.725v-5.625a.916.916 0 01.894-.937h4.477z"
-		opacity=".2"
+		d="M7.99988 24C7.99988 20.6863 10.6862 18 13.9999 18H21.9999C25.3136 18 27.9999 20.6863 27.9999 24V36C27.9999 39.3137 30.6862 42 33.9999 42L17.9998 41.9999C12.477 41.9999 7.99988 37.5228 7.99988 31.9999V24Z"
+		fill="url(#ms-teams-3)"
+		fill-opacity="0.7"
 	/>
 	<path
-		fill="#000000"
-		d="M12.732 10.313v7.394a.9.9 0 01-.894.893H7.619a5.926 5.926 0 01-.258-1.725v-5.625a.916.916 0 01.894-.937h4.477z"
-		opacity=".2"
+		d="M32.9999 18C35.7613 18 37.9999 15.7614 37.9999 13C37.9999 10.2386 35.7613 8 32.9999 8C30.2385 8 27.9999 10.2386 27.9999 13C27.9999 15.7614 30.2385 18 32.9999 18Z"
+		fill="url(#ms-teams-4)"
 	/>
 	<path
-		fill="#000000"
-		d="M12.244 10.313v7.394a.9.9 0 01-.894.893H7.619a5.926 5.926 0 01-.258-1.725v-5.625a.916.916 0 01.894-.937h3.99z"
-		opacity=".2"
+		d="M32.9999 18C35.7613 18 37.9999 15.7614 37.9999 13C37.9999 10.2386 35.7613 8 32.9999 8C30.2385 8 27.9999 10.2386 27.9999 13C27.9999 15.7614 30.2385 18 32.9999 18Z"
+		fill="url(#ms-teams-5)"
+		fill-opacity="0.46"
 	/>
 	<path
-		fill="url(#ms-teams-grad)"
-		d="M2.396 7.388h8.953c.496 0 .896.4.896.893v8.938a.894.894 0 01-.896.893H2.396A.894.894 0 011.5 17.22V8.28c0-.494.4-.893.896-.893z"
+		d="M32.9999 18C35.7613 18 37.9999 15.7614 37.9999 13C37.9999 10.2386 35.7613 8 32.9999 8C30.2385 8 27.9999 10.2386 27.9999 13C27.9999 15.7614 30.2385 18 32.9999 18Z"
+		fill="url(#ms-teams-6)"
+		fill-opacity="0.4"
+	/>
+	<path
+		d="M17.9999 16C21.3136 16 23.9999 13.3137 23.9999 10C23.9999 6.68629 21.3136 4 17.9999 4C14.6862 4 11.9999 6.68629 11.9999 10C11.9999 13.3137 14.6862 16 17.9999 16Z"
+		fill="url(#ms-teams-7)"
+	/>
+	<path
+		d="M17.9999 16C21.3136 16 23.9999 13.3137 23.9999 10C23.9999 6.68629 21.3136 4 17.9999 4C14.6862 4 11.9999 6.68629 11.9999 10C11.9999 13.3137 14.6862 16 17.9999 16Z"
+		fill="url(#ms-teams-8)"
+		fill-opacity="0.6"
+	/>
+	<path
+		d="M17.9999 16C21.3136 16 23.9999 13.3137 23.9999 10C23.9999 6.68629 21.3136 4 17.9999 4C14.6862 4 11.9999 6.68629 11.9999 10C11.9999 13.3137 14.6862 16 17.9999 16Z"
+		fill="url(#ms-teams-9)"
+		fill-opacity="0.5"
+	/>
+	<rect x="4" y="23" width="16" height="16" rx="3.25" fill="url(#ms-teams-10)" />
+	<rect x="4" y="23" width="16" height="16" rx="3.25" fill="url(#ms-teams-11)" fill-opacity="0.7" />
+	<path
+		d="M15.4792 28.1054H13.0321V35.5714H10.9673V28.1054H8.52014V26.4286H15.4792V28.1054Z"
+		fill="white"
 	/>
-	<path fill="#ffffff" d="M9.228 10.79H7.439v4.864h-1.14V10.79H4.515v-.946h4.713v.946z" />
 	<defs>
+		<radialGradient
+			id="ms-teams-0"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(39.7967 22.1739) scale(13.4784 33.2694)"
+		>
+			<stop stop-color="#A98AFF" />
+			<stop offset="0.14" stop-color="#8C75FF" />
+			<stop offset="0.565" stop-color="#5F50E2" />
+			<stop offset="0.9" stop-color="#3C2CB8" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-1"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(8.81238 16.4) rotate(68.1539) scale(32.752 33.1231)"
+		>
+			<stop stop-color="#85C2FF" />
+			<stop offset="0.69" stop-color="#7588FF" />
+			<stop offset="1" stop-color="#6459FE" />
+		</radialGradient>
 		<linearGradient
-			id="ms-teams-grad"
-			x1="3.366"
-			x2="10.36"
-			y1="6.69"
-			y2="18.822"
+			id="ms-teams-2"
+			x1="20.5936"
+			y1="18"
+			x2="20.5936"
+			y2="42"
 			gradientUnits="userSpaceOnUse"
 		>
-			<stop stop-color="#5A62C3" />
-			<stop offset=".5" stop-color="#4D55BD" />
-			<stop offset="1" stop-color="#3940AB" />
+			<stop offset="0.801159" stop-color="#6864F6" stop-opacity="0" />
+			<stop offset="1" stop-color="#5149DE" />
 		</linearGradient>
+		<radialGradient
+			id="ms-teams-3"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(27.4999 17.2) rotate(113.326) scale(19.2186 15.4273)"
+		>
+			<stop stop-color="#BD96FF" />
+			<stop offset="0.686685" stop-color="#BD96FF" stop-opacity="0" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-4"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(32.9999 11.5714) rotate(-90) scale(10 12.6216)"
+		>
+			<stop offset="0.268201" stop-color="#6868F7" />
+			<stop offset="1" stop-color="#3923B1" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-5"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(28.8675 10.544) rotate(40.0516) scale(7.14629 10.3363)"
+		>
+			<stop offset="0.270711" stop-color="#A1D3FF" />
+			<stop offset="0.813393" stop-color="#A1D3FF" stop-opacity="0" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-6"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(36.9821 10.3686) rotate(-41.6581) scale(8.51275 20.8824)"
+		>
+			<stop stop-color="#E3ACFD" />
+			<stop offset="0.816041" stop-color="#9FA2FF" stop-opacity="0" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-7"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(17.9999 8.28571) rotate(-90) scale(12 15.146)"
+		>
+			<stop offset="0.268201" stop-color="#8282FF" />
+			<stop offset="1" stop-color="#3923B1" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-8"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(13.0411 7.05284) rotate(40.0516) scale(8.57554 12.4035)"
+		>
+			<stop offset="0.270711" stop-color="#A1D3FF" />
+			<stop offset="0.813393" stop-color="#A1D3FF" stop-opacity="0" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-9"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(22.7786 6.8423) rotate(-41.6581) scale(10.2153 25.0589)"
+		>
+			<stop stop-color="#E3ACFD" />
+			<stop offset="0.816041" stop-color="#9FA2FF" stop-opacity="0" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-10"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(4 23) rotate(45) scale(22.6274)"
+		>
+			<stop offset="0.046875" stop-color="#688EFF" />
+			<stop offset="0.946875" stop-color="#230F94" />
+		</radialGradient>
+		<radialGradient
+			id="ms-teams-11"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="translate(12 32.6) rotate(90) scale(11.2 13.0702)"
+		>
+			<stop offset="0.570647" stop-color="#6965F6" stop-opacity="0" />
+			<stop offset="1" stop-color="#8F8FFF" />
+		</radialGradient>
 	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/MagentoIcon.svelte b/frontend/src/lib/components/icons/MagentoIcon.svelte
index 4723fd7d35..6ef2e009e3 100644
--- a/frontend/src/lib/components/icons/MagentoIcon.svelte
+++ b/frontend/src/lib/components/icons/MagentoIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #F26322 per Magento's own logo asset, magento2 lib/web/images/logo.svg. -->
 <svg {width} {height} viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-<path fill="#f26322" d="M119.82 31.97v64.01l-15.85 9.12V41.17l-39.62-22.9-39.64 22.9.1 63.96-15.82-9.15V32.02L64.45 0l55.37 31.97zM72.3 105.1l-7.9 4.6-7.95-4.55V41.17l-15.82 9.15.03 63.96L64.38 128l23.77-13.72V50.29L72.3 41.14v63.96z"/>
+	<path
+		fill="#f26322"
+		d="M119.82 31.97v64.01l-15.85 9.12V41.17l-39.62-22.9-39.64 22.9.1 63.96-15.82-9.15V32.02L64.45 0l55.37 31.97zM72.3 105.1l-7.9 4.6-7.95-4.55V41.17l-15.82 9.15.03 63.96L64.38 128l23.77-13.72V50.29L72.3 41.14v63.96z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/Mail.svelte b/frontend/src/lib/components/icons/Mail.svelte
index 7593f2f228..741a435ae2 100644
--- a/frontend/src/lib/components/icons/Mail.svelte
+++ b/frontend/src/lib/components/icons/Mail.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/MailchimpIcon.svelte b/frontend/src/lib/components/icons/MailchimpIcon.svelte
index 2e1f756585..42ac52a7bd 100644
--- a/frontend/src/lib/components/icons/MailchimpIcon.svelte
+++ b/frontend/src/lib/components/icons/MailchimpIcon.svelte
@@ -7,10 +7,11 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #241C15 (Peppercorn) body / #EFEEEA reverse detail per mailchimp.com/about/brand-assets. Mailchimp forbids altering the files, so both official tones are painted and neither is recoloured per theme. -->
 <svg {width} {height} viewBox="0 0 38 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M35.4564 23.7461C35.7634 23.9117 36.0345 24.1365 36.2539 24.4075C36.595 24.8245 37 25.5651 37 26.7228C37 28.3318 36.3816 30.045 36.1932 30.5305C36.1885 30.5398 36.1807 30.5491 36.1807 30.56C35.0954 33.1717 33.1998 35.3665 30.7727 36.8215C28.4004 38.2453 25.5204 39 22.4457 39H21.874C18.989 38.9399 16.1728 38.1087 13.7183 36.5928C11.5573 35.2377 9.80917 33.317 8.66388 31.0393C7.34228 30.8341 6.10864 30.2504 5.11251 29.3588C3.83683 28.2291 3.04712 26.7509 2.89136 25.1948C2.80667 24.4079 2.85245 23.6125 3.02687 22.8405L2.48482 22.3815C1.61255 21.6455 1.10321 20.5858 1.01443 19.341C0.941223 18.3047 1.14683 17.1221 1.62502 15.815C2.74183 12.7714 5.30566 9.14581 8.48631 6.11775C9.90595 4.74017 11.4809 3.53186 13.1794 2.51708C14.9302 1.50721 16.5189 0.995269 17.9021 1.00149C18.9853 0.973166 20.0403 1.3487 20.8616 2.05493C20.9071 2.08828 21.5749 2.74181 22.1033 3.2589L22.145 3.29976L22.3771 3.20173C24.131 2.47506 25.8568 2.09228 27.3693 2.09228C30.5561 2.09228 32.6215 3.80392 32.6215 6.44919C32.6215 8.08148 31.8225 9.91138 30.3443 11.6853C30.7474 12.3092 31.0516 12.9915 31.2462 13.7081C31.4562 14.4388 31.5709 15.1935 31.5873 15.9535C31.6029 16.2803 31.6169 16.8015 31.6293 17.2683C32.6044 17.5578 33.8287 18.0464 34.5639 18.8244C35.1335 19.3887 35.5069 20.1206 35.6293 20.9126C35.7507 21.6931 35.6295 22.492 35.282 23.2015C35.3131 23.2902 35.3505 23.4007 35.3785 23.4894C35.4066 23.5781 35.433 23.6637 35.4564 23.7461Z"
-		fill="#001D28"
+		fill="#241C15"
 	/>
 	<path
 		d="M8.446 20.7569C8.16153 20.7416 7.87628 20.762 7.59683 20.8174C5.57352 21.2268 4.43041 22.9461 4.6574 25.1942C4.85989 27.2229 6.9077 28.934 8.802 28.9848C8.99665 28.9901 9.19135 28.9764 9.38336 28.9438C11.4312 28.5934 11.9701 26.3617 11.632 24.1676C11.2499 21.6918 9.57932 20.8191 8.446 20.7569ZM10.4514 26.6237C10.3683 26.7584 10.2494 26.8672 10.1081 26.9378C9.96668 27.0084 9.80843 27.038 9.65117 27.0232C9.21352 26.9888 8.72525 26.6695 8.6583 25.877C8.65371 25.4926 8.72416 25.111 8.86569 24.7537C8.95434 24.5298 8.96344 24.2821 8.89148 24.0522C8.81952 23.8223 8.67087 23.6243 8.4705 23.4913C8.35128 23.4129 8.21769 23.359 8.07751 23.3329C7.93733 23.3067 7.79336 23.3088 7.65399 23.339C7.51755 23.3679 7.38822 23.4238 7.27354 23.5034C7.15887 23.5829 7.06115 23.6846 6.98608 23.8024C6.88071 23.9835 6.79842 24.1771 6.74113 24.3788C6.73133 24.4148 6.72153 24.4426 6.715 24.4607C6.62192 24.7112 6.47331 24.7881 6.3737 24.7701C6.32634 24.7701 6.26102 24.7325 6.21856 24.6178C6.10915 24.3002 6.2055 23.4144 6.79012 22.7594C6.98319 22.5527 7.22241 22.3949 7.48813 22.299C7.75385 22.2031 8.03848 22.1718 8.31863 22.2076C8.61521 22.248 8.89714 22.3616 9.13913 22.5382C9.38111 22.7148 9.57557 22.9489 9.70506 23.2195C10.1068 23.9858 9.74915 24.7898 9.54176 25.2712L9.4797 25.4136C9.3458 25.7329 9.33926 26.0113 9.46011 26.1979C9.511 26.2713 9.57929 26.3308 9.65882 26.3711C9.73835 26.4114 9.82664 26.4312 9.91572 26.4288C9.9996 26.4283 10.0831 26.4167 10.1639 26.3944C10.2685 26.3699 10.3779 26.3437 10.4448 26.4272C10.467 26.4548 10.4796 26.4889 10.4808 26.5243C10.4819 26.5597 10.4716 26.5946 10.4514 26.6237Z"
diff --git a/frontend/src/lib/components/icons/MailerLiteIcon.svelte b/frontend/src/lib/components/icons/MailerLiteIcon.svelte
new file mode 100644
index 0000000000..46d42ef6a8
--- /dev/null
+++ b/frontend/src/lib/components/icons/MailerLiteIcon.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #09C269 per mailerlite.com/brand-assets. Their IP guidelines forbid altering or recolouring the mark. -->
+<svg {width} {height} viewBox="0 0 520.000000 520.000000" xmlns="http://www.w3.org/2000/svg">
+	<metadata> Created by potrace 1.11, written by Peter Selinger 2001-2013 </metadata>
+	<g
+		transform="translate(0.000000,520.000000) scale(0.100000,-0.100000)"
+		fill="#09C269"
+		stroke="none"
+	>
+		<path
+			d="M670 4523 c-102 -16 -223 -85 -298 -169 -62 -70 -95 -134 -121 -239
+	-7 -26 -11 -615 -11 -1714 l0 -1673 351 348 c193 192 353 351 355 354 3 3 801
+	5 1772 6 1635 0 1772 2 1832 18 166 44 300 166 363 331 l22 60 2 1120 c3 1068
+	2 1123 -16 1181 -56 186 -195 321 -378 368 -54 14 -263 16 -1954 15 -1042 -1
+	-1905 -4 -1919 -6z m606 -729 c12 -9 31 -27 41 -42 17 -25 18 -71 20 -793 1
+	-700 0 -770 -15 -800 -24 -46 -64 -72 -116 -75 -53 -3 -107 29 -126 76 -10 25
+	-13 190 -13 794 0 727 1 764 19 794 38 65 128 86 190 46z m640 -30 c100 -48
+	104 -210 6 -267 -68 -40 -173 -16 -212 48 -23 37 -28 104 -12 147 12 30 47 66
+	77 78 33 14 105 11 141 -6z m733 -255 c18 -17 21 -31 21 -109 l0 -90 125 0
+	c137 0 169 -9 199 -55 42 -63 6 -166 -64 -184 -19 -5 -81 -9 -137 -9 -55 0
+	-105 -2 -111 -6 -5 -3 -9 -145 -8 -351 1 -335 2 -345 22 -365 25 -26 96 -32
+	170 -14 64 15 94 9 133 -24 24 -20 33 -37 36 -68 9 -103 -102 -167 -282 -165
+	-162 2 -274 62 -324 173 -24 52 -24 57 -27 433 -2 209 -5 381 -7 383 -2 3 -37
+	4 -76 5 -64 0 -76 3 -97 24 -20 20 -23 31 -19 61 5 30 33 62 174 201 92 91
+	178 170 191 177 28 14 53 9 81 -17z m1240 -193 c96 -23 193 -79 264 -152 141
+	-146 211 -457 120 -535 -36 -32 -80 -35 -446 -35 l-368 1 6 -35 c16 -86 96
+	-174 191 -210 109 -41 285 -30 414 27 66 29 87 33 121 21 74 -25 108 -117 66
+	-179 -39 -59 -199 -131 -322 -146 -197 -24 -371 5 -500 82 -122 74 -216 214
+	-249 375 -19 93 -15 288 8 375 39 147 141 287 257 350 97 53 190 74 309 71 58
+	-2 116 -6 129 -10z m-1978 -19 c70 -47 69 -34 69 -594 0 -576 1 -566 -76 -603
+	-50 -25 -95 -23 -138 5 -60 39 -59 31 -59 596 0 493 1 519 19 551 38 65 124
+	86 185 45z"
+		/>
+		<path
+			d="M3653 3070 c-89 -29 -148 -86 -178 -171 -29 -80 -50 -75 276 -74
+	l291 0 -5 32 c-27 165 -214 268 -384 213z"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/MailgunIcon.svelte b/frontend/src/lib/components/icons/MailgunIcon.svelte
index e66c234e92..26d813061b 100644
--- a/frontend/src/lib/components/icons/MailgunIcon.svelte
+++ b/frontend/src/lib/components/icons/MailgunIcon.svelte
@@ -1,16 +1,28 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="-0.5 0 257 257" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <g>
-        <path d="M128.418361,80.5257478 C101.907658,80.5257478 79.5335217,102.001133 79.5335217,129.254056 C79.4154116,142.21064 84.5278277,154.670801 93.7212414,163.832867 C102.914655,172.994933 115.417448,178.089917 128.418361,177.97221 C154.929065,177.97221 177.293013,156.496825 177.293013,129.254056 C177.293013,102.001133 154.929065,80.5257478 128.418361,80.5257478 L128.418361,80.5257478 Z M52.1975431,128.42144 C52.1975431,87.1359017 86.1662917,53.2829784 127.593086,53.2829784 C169.009692,53.2829784 202.97844,87.1359017 202.97844,128.42144 C202.97844,130.898979 202.97844,134.209133 202.153165,136.686671 C201.317701,144.109133 207.125195,149.886671 214.583241,149.886671 C227.013317,149.886671 228.663868,134.209133 228.663868,128.42144 C228.663868,73.0931324 183.090319,27.6749781 127.593086,27.6749781 C72.0754761,27.6749781 26.5223042,73.0931324 26.5223042,128.42144 C26.5223042,183.759902 72.0754761,229.167903 127.593086,229.167903 C157.41508,229.167903 183.925783,216.78021 202.153165,196.137441 L222.856373,213.48021 C200.492425,239.910672 165.698401,256.431598 128.408173,256.431598 C94.3113459,256.536669 61.5811943,243.081229 37.4757622,219.04846 C13.3703301,195.015691 -0.118162421,162.391807 0.000624245575,128.411287 C0.000624245575,58.2279015 57.1593849,0.432208696 128.418361,0.432208696 C198.831685,0.432208696 255.999846,58.2380553 255.999846,128.431594 C255.999846,156.506979 242.744495,179.637441 215.408516,179.637441 C203.803716,179.637441 196.355859,173.849749 192.209104,168.07221 C178.953752,189.547595 154.918876,203.58021 127.582897,203.58021 C107.565997,203.647948 88.3493282,195.753351 74.1951603,181.647446 C60.0409925,167.54154 52.1193848,148.390396 52.1873545,128.441748 L52.1975431,128.42144 Z M128.408173,106.123594 C140.838249,106.123594 150.78231,116.033748 150.78231,128.42144 C150.78231,140.809133 140.838249,150.719476 128.418361,150.719476 C122.476894,150.743704 116.771698,148.402316 112.570411,144.215354 C108.369123,140.028391 106.019723,134.342649 106.044035,128.42144 C106.044035,116.033748 115.988285,106.123594 128.418361,106.123594 L128.408173,106.123594 Z" fill="#C02428" fill-rule="nonzero">
-
-</path>
-    </g>
-</svg>
\ No newline at end of file
+<!-- #F04126 tile with a white glyph per mailgun.com's own logo-mailgun-icon.svg. Mailgun ships no reversed variant; the tile is identical on light and dark. -->
+<svg
+	{width}
+	{height}
+	viewBox="4 4 72 72"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	preserveAspectRatio="xMidYMid"
+>
+	<path
+		d="M4 18.4C4 10.4477 10.4477 4 18.4 4H61.6C69.5523 4 76 10.4477 76 18.4V61.6C76 69.5523 69.5523 76 61.6 76H18.4C10.4477 76 4 69.5523 4 61.6V18.4Z"
+		fill="#F04126"
+	/>
+	<path
+		d="M66.082 35.4586C64.84 33.693 63.1106 32.3693 61.0841 31.6351C59.7808 31.1477 58.4146 30.9072 57.0232 30.9213C54.6005 30.9371 52.0316 31.6964 49.5995 33.1192L27.9808 45.775C24.6164 47.7434 22.1151 47.4793 20.6011 46.907C19.4896 46.5108 18.5448 45.7923 17.864 44.8317C17.1817 43.8696 16.817 42.7392 16.8123 41.5617C16.806 40.3826 17.155 39.2475 17.8263 38.279C18.496 37.309 19.4346 36.5811 20.5477 36.1676C22.0475 35.5812 24.5441 35.2872 27.9305 37.2131L30.3658 38.606C30.2243 39.095 30.119 39.598 30.0529 40.1011L29.9272 41.0539L48.3701 30.4072L48.4078 30.3837C48.9015 30.0346 49.2426 29.5158 49.37 28.9263C49.4973 28.3351 49.3999 27.722 49.0933 27.2016C48.7883 26.6812 48.3009 26.2961 47.7208 26.1184C47.1422 25.9407 46.5244 25.9863 45.9788 26.2473L45.9615 26.2552L39.9921 29.7218L33.911 26.2442L33.8764 26.2269C33.3246 25.969 32.702 25.9297 32.1235 26.1153C31.5449 26.3008 31.0607 26.6938 30.7604 27.2236C30.4601 27.7534 30.3721 28.3713 30.5136 28.9624C30.6535 29.5536 31.0088 30.0676 31.5135 30.4072L35.2237 32.5092L34.7144 32.8095L34.7034 32.8158C33.9817 33.2733 33.3214 33.8204 32.7366 34.4414L30.3013 33.0374C26.3757 30.8018 22.2865 30.3223 18.79 31.6885C17.3326 32.2514 15.9916 33.1459 14.9131 34.2779C13.8346 35.4083 13.0029 36.7902 12.5093 38.2774C11.6729 40.8841 11.871 43.6746 13.0721 46.1351C14.2732 48.5955 16.35 50.4711 18.9174 51.4144C20.2223 51.9017 21.5916 52.1423 22.9798 52.1281C25.4009 52.1124 27.9683 51.3515 30.4035 49.9271L30.4412 49.9035L52.0112 37.2728C55.374 35.3061 57.8769 35.5702 59.394 36.1409C60.504 36.5355 61.4504 37.2508 62.1327 38.2114C62.8135 39.1736 63.1735 40.3055 63.1766 41.4846C63.1782 42.1056 63.0839 42.7219 62.8984 43.3052C62.6248 44.1133 62.1689 44.8663 61.5762 45.4795C60.9851 46.0942 60.2509 46.58 59.4506 46.885C57.9508 47.4698 55.4511 47.7622 52.0647 45.8379L49.6294 44.445C49.785 43.9105 49.8951 43.3634 49.9611 42.8131L50.0743 41.8682L35.7095 50.2793V55.8384L45.284 50.2478L45.2997 50.2384C46.0182 49.7809 46.6785 49.2338 47.2617 48.6128L49.6986 50.0167C53.6399 52.2445 57.7291 52.7224 61.2052 51.3656C63.2269 50.6063 64.939 49.2637 66.1606 47.4824C67.3806 45.7027 68.0157 43.6196 67.9969 41.4626H68C67.9874 39.3009 67.3271 37.2257 66.0851 35.4601L66.082 35.4586Z"
+		fill="white"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MandrillIcon.svelte b/frontend/src/lib/components/icons/MandrillIcon.svelte
index c0098e9594..6804258c9e 100644
--- a/frontend/src/lib/components/icons/MandrillIcon.svelte
+++ b/frontend/src/lib/components/icons/MandrillIcon.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#FFE01B" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.267 0C6.791-.015-1.82 10.246 1.397 12.964l.79.669a3.88 3.88 0 0 0-.22 1.792c.084.84.518 1.644 1.22 2.266.666.59 1.542.964 2.392.964 1.406 3.24 4.62 5.228 8.386 5.34 4.04.12 7.433-1.776 8.854-5.182.093-.24.488-1.316.488-2.267 0-.956-.54-1.352-.885-1.352-.01-.037-.078-.286-.172-.586-.093-.3-.19-.51-.19-.51.375-.563.382-1.065.332-1.35-.053-.353-.2-.653-.496-.964-.296-.311-.902-.63-1.753-.868l-.446-.124c-.002-.019-.024-1.053-.043-1.497-.014-.32-.042-.822-.197-1.315-.186-.668-.508-1.253-.911-1.627 1.112-1.152 1.806-2.422 1.804-3.511-.003-2.095-2.576-2.729-5.746-1.416l-.672.285A678.22 678.22 0 0 0 12.7.504C12.304.159 11.817.002 11.267 0zm.073.873c.166 0 .322.019.465.058.297.084 1.28 1.224 1.28 1.224s-1.826 1.013-3.52 2.426c-2.28 1.757-4.005 4.311-5.037 7.082-.811.158-1.526.618-1.963 1.253-.261-.218-.748-.64-.834-.804-.698-1.326.761-3.902 1.781-5.357C5.834 3.44 9.37.867 11.34.873zm3.286 3.273c.04-.002.06.05.028.074-.143.11-.299.26-.413.414a.04.04 0 0 0 .031.064c.659.004 1.587.235 2.192.574.041.023.012.103-.034.092-.915-.21-2.414-.369-3.97.01-1.39.34-2.45.863-3.224 1.426-.04.028-.086-.023-.055-.06.896-1.035 1.999-1.935 2.987-2.44.034-.018.07.019.052.052-.079.143-.23.447-.278.678-.007.035.032.063.062.042.615-.42 1.684-.868 2.622-.926zm3.023 3.205l.056.001a.896.896 0 0 1 .456.146c.534.355.61 1.216.638 1.845.015.36.059 1.229.074 1.478.034.571.184.651.487.751.17.057.33.098.563.164.706.198 1.125.4 1.39.658.157.162.23.333.253.497.083.608-.472 1.36-1.942 2.041-1.607.746-3.557.935-4.904.785l-.471-.053c-1.078-.145-1.693 1.247-1.046 2.201.417.615 1.552 1.015 2.688 1.015 2.604 0 4.605-1.111 5.35-2.072a.987.987 0 0 0 .06-.085c.036-.055.006-.085-.04-.054-.608.416-3.31 2.069-6.2 1.571 0 0-.351-.057-.672-.182-.255-.1-.788-.344-.853-.891 2.333.72 3.801.039 3.801.039a.072.072 0 0 0 .042-.072.067.067 0 0 0-.074-.06s-1.911.283-3.718-.378c.197-.64.72-.408 1.51-.345a11.045 11.045 0 0 0 3.647-.394c.818-.234 1.892-.697 2.727-1.356.281.618.38 1.299.38 1.299s.219-.04.4.073c.173.106.299.326.213.895-.176 1.063-.628 1.926-1.387 2.72a5.714 5.714 0 0 1-1.666 1.244c-.34.18-.704.334-1.087.46-2.863.935-5.794-.093-6.739-2.3a3.545 3.545 0 0 1-.189-.522c-.403-1.455-.06-3.2 1.008-4.299.065-.07.132-.153.132-.256 0-.087-.055-.179-.102-.243-.374-.543-1.669-1.466-1.409-3.254.187-1.284 1.31-2.189 2.357-2.135.089.004.177.01.266.015.453.027.85.085 1.223.1.625.028 1.187-.063 1.853-.618.225-.187.405-.35.71-.401.028-.005.092-.028.215-.028zm.022 2.18a.42.42 0 0 0-.06.005c-.335.054-.347.468-.228 1.04.068.32.187.595.32.765.175-.02.343-.022.498 0 .089-.205.104-.557.024-.942-.112-.535-.261-.872-.554-.868zm-3.66 1.546a1.724 1.724 0 0 0-1.016.326c-.16.117-.311.28-.29.378.008.032.031.056.088.063.131.015.592-.217 1.122-.25.374-.023.684.094.923.2.239.104.386.173.443.113.037-.038.026-.11-.031-.204-.118-.192-.36-.387-.618-.497a1.601 1.601 0 0 0-.621-.129zm4.082.81c-.171-.003-.313.186-.317.42-.004.236.131.43.303.432.172.003.314-.185.318-.42.004-.236-.132-.429-.304-.432zm-3.58.172c-.05 0-.102.002-.155.008-.311.05-.483.152-.593.247-.094.082-.152.173-.152.237a.075.075 0 0 0 .075.076c.07 0 .228-.063.228-.063a1.98 1.98 0 0 1 1.001-.104c.157.018.23.027.265-.026.01-.016.022-.049-.01-.1-.063-.103-.311-.269-.66-.275zm2.26.4c-.127 0-.235.051-.283.148-.075.154.035.363.246.466.21.104.443.063.52-.09.075-.155-.035-.364-.246-.467a.542.542 0 0 0-.237-.058zm-11.635.024c.048 0 .098 0 .149.003.73.04 1.806.6 2.052 2.19.217 1.41-.128 2.843-1.449 3.069-.123.02-.248.029-.374.026-1.22-.033-2.539-1.132-2.67-2.435-.145-1.44.591-2.548 1.894-2.811.117-.024.252-.04.398-.042zm-.07.927a1.144 1.144 0 0 0-.847.364c-.38.418-.439.988-.366 1.19.027.073.07.094.1.098.064.008.16-.039.22-.2a1.2 1.2 0 0 0 .017-.052 1.58 1.58 0 0 1 .157-.37.689.689 0 0 1 .955-.199c.266.174.369.5.255.81-.058.161-.154.469-.133.721.043.511.357.717.64.738.274.01.466-.143.515-.256.029-.067.005-.107-.011-.125-.043-.053-.113-.037-.18-.021a.638.638 0 0 1-.16.022.347.347 0 0 1-.294-.148c-.078-.12-.073-.3.013-.504.011-.028.025-.058.04-.092.138-.308.368-.825.11-1.317-.195-.37-.513-.602-.894-.65a1.135 1.135 0 0 0-.138-.01z"/>
+<!-- #241C15 / #FFFFFF per mailchimp.com/about/brand-assets and Mandrill's own
+	mandrillapp.com/img/navigation/freddie.svg. On dark their rule is the reversed (white) Freddie;
+	Cavendish Yellow #FFE01B is a background colour, never the mark. -->
+<svg
+	class="text-[#241C15] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M11.267 0C6.791-.015-1.82 10.246 1.397 12.964l.79.669a3.88 3.88 0 0 0-.22 1.792c.084.84.518 1.644 1.22 2.266.666.59 1.542.964 2.392.964 1.406 3.24 4.62 5.228 8.386 5.34 4.04.12 7.433-1.776 8.854-5.182.093-.24.488-1.316.488-2.267 0-.956-.54-1.352-.885-1.352-.01-.037-.078-.286-.172-.586-.093-.3-.19-.51-.19-.51.375-.563.382-1.065.332-1.35-.053-.353-.2-.653-.496-.964-.296-.311-.902-.63-1.753-.868l-.446-.124c-.002-.019-.024-1.053-.043-1.497-.014-.32-.042-.822-.197-1.315-.186-.668-.508-1.253-.911-1.627 1.112-1.152 1.806-2.422 1.804-3.511-.003-2.095-2.576-2.729-5.746-1.416l-.672.285A678.22 678.22 0 0 0 12.7.504C12.304.159 11.817.002 11.267 0zm.073.873c.166 0 .322.019.465.058.297.084 1.28 1.224 1.28 1.224s-1.826 1.013-3.52 2.426c-2.28 1.757-4.005 4.311-5.037 7.082-.811.158-1.526.618-1.963 1.253-.261-.218-.748-.64-.834-.804-.698-1.326.761-3.902 1.781-5.357C5.834 3.44 9.37.867 11.34.873zm3.286 3.273c.04-.002.06.05.028.074-.143.11-.299.26-.413.414a.04.04 0 0 0 .031.064c.659.004 1.587.235 2.192.574.041.023.012.103-.034.092-.915-.21-2.414-.369-3.97.01-1.39.34-2.45.863-3.224 1.426-.04.028-.086-.023-.055-.06.896-1.035 1.999-1.935 2.987-2.44.034-.018.07.019.052.052-.079.143-.23.447-.278.678-.007.035.032.063.062.042.615-.42 1.684-.868 2.622-.926zm3.023 3.205l.056.001a.896.896 0 0 1 .456.146c.534.355.61 1.216.638 1.845.015.36.059 1.229.074 1.478.034.571.184.651.487.751.17.057.33.098.563.164.706.198 1.125.4 1.39.658.157.162.23.333.253.497.083.608-.472 1.36-1.942 2.041-1.607.746-3.557.935-4.904.785l-.471-.053c-1.078-.145-1.693 1.247-1.046 2.201.417.615 1.552 1.015 2.688 1.015 2.604 0 4.605-1.111 5.35-2.072a.987.987 0 0 0 .06-.085c.036-.055.006-.085-.04-.054-.608.416-3.31 2.069-6.2 1.571 0 0-.351-.057-.672-.182-.255-.1-.788-.344-.853-.891 2.333.72 3.801.039 3.801.039a.072.072 0 0 0 .042-.072.067.067 0 0 0-.074-.06s-1.911.283-3.718-.378c.197-.64.72-.408 1.51-.345a11.045 11.045 0 0 0 3.647-.394c.818-.234 1.892-.697 2.727-1.356.281.618.38 1.299.38 1.299s.219-.04.4.073c.173.106.299.326.213.895-.176 1.063-.628 1.926-1.387 2.72a5.714 5.714 0 0 1-1.666 1.244c-.34.18-.704.334-1.087.46-2.863.935-5.794-.093-6.739-2.3a3.545 3.545 0 0 1-.189-.522c-.403-1.455-.06-3.2 1.008-4.299.065-.07.132-.153.132-.256 0-.087-.055-.179-.102-.243-.374-.543-1.669-1.466-1.409-3.254.187-1.284 1.31-2.189 2.357-2.135.089.004.177.01.266.015.453.027.85.085 1.223.1.625.028 1.187-.063 1.853-.618.225-.187.405-.35.71-.401.028-.005.092-.028.215-.028zm.022 2.18a.42.42 0 0 0-.06.005c-.335.054-.347.468-.228 1.04.068.32.187.595.32.765.175-.02.343-.022.498 0 .089-.205.104-.557.024-.942-.112-.535-.261-.872-.554-.868zm-3.66 1.546a1.724 1.724 0 0 0-1.016.326c-.16.117-.311.28-.29.378.008.032.031.056.088.063.131.015.592-.217 1.122-.25.374-.023.684.094.923.2.239.104.386.173.443.113.037-.038.026-.11-.031-.204-.118-.192-.36-.387-.618-.497a1.601 1.601 0 0 0-.621-.129zm4.082.81c-.171-.003-.313.186-.317.42-.004.236.131.43.303.432.172.003.314-.185.318-.42.004-.236-.132-.429-.304-.432zm-3.58.172c-.05 0-.102.002-.155.008-.311.05-.483.152-.593.247-.094.082-.152.173-.152.237a.075.075 0 0 0 .075.076c.07 0 .228-.063.228-.063a1.98 1.98 0 0 1 1.001-.104c.157.018.23.027.265-.026.01-.016.022-.049-.01-.1-.063-.103-.311-.269-.66-.275zm2.26.4c-.127 0-.235.051-.283.148-.075.154.035.363.246.466.21.104.443.063.52-.09.075-.155-.035-.364-.246-.467a.542.542 0 0 0-.237-.058zm-11.635.024c.048 0 .098 0 .149.003.73.04 1.806.6 2.052 2.19.217 1.41-.128 2.843-1.449 3.069-.123.02-.248.029-.374.026-1.22-.033-2.539-1.132-2.67-2.435-.145-1.44.591-2.548 1.894-2.811.117-.024.252-.04.398-.042zm-.07.927a1.144 1.144 0 0 0-.847.364c-.38.418-.439.988-.366 1.19.027.073.07.094.1.098.064.008.16-.039.22-.2a1.2 1.2 0 0 0 .017-.052 1.58 1.58 0 0 1 .157-.37.689.689 0 0 1 .955-.199c.266.174.369.5.255.81-.058.161-.154.469-.133.721.043.511.357.717.64.738.274.01.466-.143.515-.256.029-.067.005-.107-.011-.125-.043-.053-.113-.037-.18-.021a.638.638 0 0 1-.16.022.347.347 0 0 1-.294-.148c-.078-.12-.073-.3.013-.504.011-.028.025-.058.04-.092.138-.308.368-.825.11-1.317-.195-.37-.513-.602-.894-.65a1.135 1.135 0 0 0-.138-.01z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/MapboxIcon.svelte b/frontend/src/lib/components/icons/MapboxIcon.svelte
new file mode 100644
index 0000000000..fd7d2407bf
--- /dev/null
+++ b/frontend/src/lib/components/icons/MapboxIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #0E1012 / #FFFFFF per mapbox.com. -->
+<svg
+	class="text-[#0E1012] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm5.696 14.943c-4.103 4.103-11.433 2.794-11.433 2.794S4.94 10.421 9.057 6.304c2.281-2.281 6.061-2.187 8.45.189s2.471 6.168.189 8.45zm-4.319-7.91l-1.174 2.416-2.416 1.174 2.416 1.174 1.174 2.416 1.174-2.416 2.416-1.174-2.416-1.174-1.174-2.416z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MarkdownIcon.svelte b/frontend/src/lib/components/icons/MarkdownIcon.svelte
index 60b1251626..34d97c6432 100644
--- a/frontend/src/lib/components/icons/MarkdownIcon.svelte
+++ b/frontend/src/lib/components/icons/MarkdownIcon.svelte
@@ -11,17 +11,24 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #000000 / #FFFFFF per dcurtis/markdown-mark (public domain). Spec: keep the enclosure's aspect
+ratio and radius, keep the M/arrow/box relative sizes, and draw all three in one colour. -->
 <svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
 	width={derivedWidth}
 	height={derivedHeight}
 	viewBox="0 0 24 24"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
-	<path
-		fill-rule="evenodd"
-		clip-rule="evenodd"
-		d="M0 8C0 5.79086 1.79086 4 4 4H20C22.2091 4 24 5.79086 24 8V16C24 18.2091 22.2091 20 20 20H4C1.79086 20 0 18.2091 0 16V8ZM4 6C2.89543 6 2 6.89543 2 8V16C2 17.1046 2.89543 18 4 18H20C21.1046 18 22 17.1046 22 16V8C22 6.89543 21.1046 6 20 6H4ZM5.68377 8.05132C6.09211 7.9152 6.54174 8.05566 6.8 8.4L9 11.3333L11.2 8.4C11.4583 8.05566 11.9079 7.9152 12.3162 8.05132C12.7246 8.18743 13 8.56957 13 9V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15V12L9.8 13.6C9.61115 13.8518 9.31476 14 9 14C8.68524 14 8.38885 13.8518 8.2 13.6L7 12V15C7 15.5523 6.55228 16 6 16C5.44772 16 5 15.5523 5 15V9C5 8.56957 5.27543 8.18743 5.68377 8.05132ZM18 9C18 8.44772 17.5523 8 17 8C16.4477 8 16 8.44772 16 9V12.5858L15.7071 12.2929C15.3166 11.9024 14.6834 11.9024 14.2929 12.2929C13.9024 12.6834 13.9024 13.3166 14.2929 13.7071L16.2929 15.7071C16.6834 16.0976 17.3166 16.0976 17.7071 15.7071L19.7071 13.7071C20.0976 13.3166 20.0976 12.6834 19.7071 12.2929C19.3166 11.9024 18.6834 11.9024 18.2929 12.2929L18 12.5858V9Z"
-		fill="#000000"
-	/>
+	<g transform="translate(0 4.6154) scale(0.1153846)" fill="currentColor">
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="m15 10c-2.7614 0-5 2.2386-5 5v98c0 2.761 2.2386 5 5 5h178c2.761 0 5-2.239 5-5v-98c0-2.7614-2.239-5-5-5zm-15 5c0-8.28427 6.71573-15 15-15h178c8.284 0 15 6.71573 15 15v98c0 8.284-6.716 15-15 15h-178c-8.28427 0-15-6.716-15-15z"
+		/>
+		<path
+			d="m30 98v-68h20l20 25 20-25h20v68h-20v-39l-20 25-20-25v39zm125 0-30-33h20v-35h20v35h20z"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/MastodonIcon.svelte b/frontend/src/lib/components/icons/MastodonIcon.svelte
index 36bd6576ce..3dee1775c8 100644
--- a/frontend/src/lib/components/icons/MastodonIcon.svelte
+++ b/frontend/src/lib/components/icons/MastodonIcon.svelte
@@ -1,21 +1,31 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 32 32"
-	style="fill:currentcolor;"
+<!-- Gradient #6364FF -> #563ACC, both official palette colours per https://joinmastodon.org/branding. Swap to the black or white logo rather than recolouring when contrast fails. -->
+<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<linearGradient
+		id="mastodon-a"
+		x1="254"
+		x2="254"
+		y1="513"
+		y2="1"
+		gradientTransform="matrix(1 0 0 -1 2 513)"
+		gradientUnits="userSpaceOnUse"
+		><stop offset="0" style="stop-color:#6364ff" /><stop
+			offset="1"
+			style="stop-color:#563acc"
+		/></linearGradient
 	><path
-		d="M 15.9375 4.03125 C 12.917 4.0435 9.9179219 4.4269844 8.3574219 5.1464844 C 8.3574219 5.1464844 5 6.6748594 5 11.880859 C 5 18.077859 4.9955 25.860234 10.5625 27.365234 C 12.6945 27.938234 14.527953 28.061562 16.001953 27.976562 C 18.676953 27.825562 20 27.005859 20 27.005859 L 19.910156 25.029297 C 19.910156 25.029297 18.176297 25.640313 16.029297 25.570312 C 13.902297 25.495313 11.6615 25.335688 11.3125 22.679688 C 11.2805 22.432688 11.264625 22.182594 11.265625 21.933594 C 15.772625 23.052594 19.615828 22.420969 20.673828 22.292969 C 23.627828 21.933969 26.199344 20.081672 26.527344 18.388672 C 27.041344 15.720672 26.998047 11.880859 26.998047 11.880859 C 26.998047 6.6748594 23.646484 5.1464844 23.646484 5.1464844 C 22.000984 4.3779844 18.958 4.019 15.9375 4.03125 z M 12.705078 8.0019531 C 13.739953 8.0297031 14.762578 8.4927031 15.392578 9.4707031 L 16.001953 10.505859 L 16.609375 9.4707031 C 17.874375 7.5037031 20.709594 7.6264375 22.058594 9.1484375 C 23.302594 10.596438 23.025391 11.531 23.025391 18 L 23.025391 18.001953 L 20.578125 18.001953 L 20.578125 12.373047 C 20.578125 9.7380469 17.21875 9.6362812 17.21875 12.738281 L 17.21875 16 L 14.787109 16 L 14.787109 12.738281 C 14.787109 9.6362812 11.429688 9.7360938 11.429688 12.371094 L 11.429688 18 L 8.9765625 18 C 8.9765625 11.526 8.7043594 10.585438 9.9433594 9.1484375 C 10.622859 8.3824375 11.670203 7.9742031 12.705078 8.0019531 z"
-	/></svg
->
+		d="M494.3 113.4C486.9 58.3 439 15 382.1 6.6 372.5 5.2 336.2 0 252 0h-.6c-84.2 0-102.2 5.2-111.8 6.6-55.3 8.2-105.7 47.1-118 102.8-5.9 27.4-6.5 57.8-5.4 85.7 1.6 40 1.9 79.9 5.5 119.7 2.5 26.4 6.9 52.7 13.1 78.5 11.6 47.7 58.7 87.4 104.9 103.6 49.4 16.9 102.6 19.7 153.5 8.1 5.6-1.3 11.1-2.8 16.6-4.5 12.4-3.9 26.9-8.3 37.5-16.1.1-.1.3-.2.4-.4s.1-.3.1-.5v-38.6c0-.2 0-.3-.1-.5s-.2-.3-.3-.4-.3-.2-.5-.2h-.5c-32.6 7.8-66.1 11.7-99.6 11.6-57.7 0-73.2-27.4-77.7-38.8-3.6-9.9-5.8-20.1-6.7-30.6 0-.2 0-.4.1-.5.1-.2.2-.3.3-.4s.3-.2.5-.2h.5c32.1 7.7 65 11.6 98 11.6 7.9 0 15.8 0 23.8-.2 33.2-.9 68.2-2.6 100.8-9 .8-.2 1.6-.3 2.3-.5 51.5-9.9 100.5-40.9 105.5-119.5.2-3.1.7-32.4.7-35.6-.1-11 3.4-77.5-.6-118.3"
+		style="fill:url(#mastodon-a)"
+	/><path
+		d="M412.7 175.2v136.7h-54.2V179.2c0-27.9-11.6-42.2-35.3-42.2-26 0-39.1 16.8-39.1 50.1v72.6h-53.8v-72.6c0-33.3-13.1-50.1-39.1-50.1-23.5 0-35.3 14.2-35.3 42.2v132.6h-54.1V175.2c0-27.9 7.1-50.1 21.4-66.6 14.7-16.4 34-24.8 58-24.8 27.7 0 48.7 10.7 62.6 32l13.5 22.6 13.5-22.6c14-21.3 34.9-32 62.6-32 23.9 0 43.2 8.4 58 24.8q21.3 24.6 21.3 66.6"
+		style="fill:#fff"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MatrixIcon.svelte b/frontend/src/lib/components/icons/MatrixIcon.svelte
index 5347ac8a9a..fffb7af375 100644
--- a/frontend/src/lib/components/icons/MatrixIcon.svelte
+++ b/frontend/src/lib/components/icons/MatrixIcon.svelte
@@ -1,21 +1,26 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per matrix.org/branding. Artwork is the Foundation's matrix-icon.svg verbatim; the trademark policy forbids altering it. -->
 <svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
 	xmlns="http://www.w3.org/2000/svg"
 	x="0px"
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 50 50"
+	viewBox="0 0 520 520"
 	style="fill:currentcolor;"
-	><path
-		d="M 5 5 A 1.0001 1.0001 0 0 0 4 6 L 4 44 A 1.0001 1.0001 0 0 0 5 45 L 8 45 A 1.0001 1.0001 0 1 0 8 43 L 6 43 L 6 7 L 8 7 A 1.0001 1.0001 0 1 0 8 5 L 5 5 z M 42 5 A 1.0001 1.0001 0 1 0 42 7 L 44 7 L 44 43 L 42 43 A 1.0001 1.0001 0 1 0 42 45 L 45 45 A 1.0001 1.0001 0 0 0 46 44 L 46 6 A 1.0001 1.0001 0 0 0 45 5 L 42 5 z M 31.074219 17.509766 C 29.975744 17.487506 28.868391 17.760297 27.978516 18.373047 C 27.407516 18.767047 26.915609 19.272813 26.349609 19.757812 C 25.488609 18.039813 23.929344 17.580781 22.152344 17.550781 C 20.351344 17.519781 18.920922 18.341797 17.669922 19.841797 L 17.669922 18 L 14 18 L 14 32 L 17.664062 32 C 17.664062 32 17.657969 26.766016 17.667969 24.166016 C 17.669969 23.704016 17.689203 23.23225 17.783203 22.78125 C 18.073203 21.39225 19.538031 20.534437 20.957031 20.648438 C 22.309031 20.757437 23.100016 21.495656 23.166016 23.097656 C 23.177016 23.376656 23.166016 32 23.166016 32 L 26.832031 32 L 26.832031 24.228516 C 26.838031 23.629516 26.901875 23.0175 27.046875 22.4375 C 27.372875 21.1375 28.590531 20.49825 30.019531 20.65625 C 31.279531 20.79525 32.239031 21.474609 32.332031 22.849609 L 32.332031 32 L 36 32 L 36 22 C 36 21 35.746359 20.490859 35.443359 19.880859 C 34.710859 18.405234 32.90501 17.546865 31.074219 17.509766 z"
-	/></svg
 >
+	<path d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z" />
+	<path
+		d="M166.3,169.2v25.1h0.7c6.7-9.6,14.8-17,24.2-22.2c9.4-5.3,20.3-7.9,32.5-7.9c11.7,0,22.4,2.3,32.1,6.8c9.7,4.5,17,12.6,22.1,24c5.5-8.1,13-15.3,22.4-21.5c9.4-6.2,20.6-9.3,33.5-9.3c9.8,0,18.9,1.2,27.3,3.6c8.4,2.4,15.5,6.2,21.5,11.5c6,5.3,10.6,12.1,14,20.6c3.3,8.5,5,18.7,5,30.7v124.1h-50.9V249.6c0-6.2-0.2-12.1-0.7-17.6c-0.5-5.5-1.8-10.3-3.9-14.3c-2.2-4.1-5.3-7.3-9.5-9.7c-4.2-2.4-9.9-3.6-17-3.6c-7.2,0-13,1.4-17.4,4.1c-4.4,2.8-7.9,6.3-10.4,10.8c-2.5,4.4-4.2,9.4-5,15.1c-0.8,5.6-1.3,11.3-1.3,17v103.3h-50.9v-104c0-5.5-0.1-10.9-0.4-16.3c-0.2-5.4-1.3-10.3-3.1-14.9c-1.8-4.5-4.8-8.2-9-10.9c-4.2-2.7-10.3-4.1-18.5-4.1c-2.4,0-5.6,0.5-9.5,1.6c-3.9,1.1-7.8,3.1-11.5,6.1c-3.7,3-6.9,7.3-9.5,12.9c-2.6,5.6-3.9,13-3.9,22.1v107.6h-50.9V169.2H166.3z"
+	/>
+	<path d="M506.3,508.1V11.9h-35.7V0H520v520h-49.4v-11.9H506.3z" />
+</svg>
diff --git a/frontend/src/lib/components/icons/MatteroomIcon.svelte b/frontend/src/lib/components/icons/MatteroomIcon.svelte
new file mode 100644
index 0000000000..f9ddb5a670
--- /dev/null
+++ b/frontend/src/lib/components/icons/MatteroomIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #134A81 / #FFFFFF per the MATTEROOM logomark vector at login.matteroom.com/images/login_logo.svg;
+	 square tile proportions taken from their own app icon at matteroom.com/favicon.ico. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 44 44"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="MATTEROOM"
+>
+	<rect width="44" height="44" fill="#134A81" />
+	<path
+		transform="translate(7 12.212) scale(.769087)"
+		fill="#FFFFFF"
+		d="M38.1716 11.6645L21.1427 0.3193C20.5737 -0.065 19.8364 -0.0901 19.2315 0.2259C18.6267 0.5527 18.2509 1.1848 18.2509 1.8744V10.5476L2.87914 0.3085C2.31008 -0.0722 1.57996 -0.1045 0.97869 0.2187C0.37384 0.5456 -0.00195 1.1741 -0.00195 1.86V9.2188V12.232V24.1949C-0.00195 24.888 0.55995 25.4519 1.25427 25.4519C1.94502 25.4519 2.50692 24.888 2.50692 24.1949V14.9004L17.8787 25.1394C18.1865 25.3477 18.5444 25.4519 18.9023 25.4519C19.2029 25.4519 19.5036 25.3765 19.7791 25.2292C20.3804 24.906 20.7562 24.2775 20.7562 23.5915V14.8968L36.1137 25.1323C36.425 25.3406 36.7829 25.4411 37.1408 25.4411C37.445 25.4411 37.7457 25.3693 38.0213 25.2184C38.6297 24.8952 39.0055 24.2631 39.0055 23.5736V13.2232C39.0055 12.5983 38.6941 12.0165 38.1716 11.6645"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MauticIcon.svelte b/frontend/src/lib/components/icons/MauticIcon.svelte
index f040bf76d6..9786ae6ace 100644
--- a/frontend/src/lib/components/icons/MauticIcon.svelte
+++ b/frontend/src/lib/components/icons/MauticIcon.svelte
@@ -1,12 +1,28 @@
+<!-- #4E5E9E / #FFFFFF per mautic.org/about/brand-logos-graphics (Mautic_Logo_LB.svg / Mautic_Logo_DB.svg); the "M" stays Sunglow #FDB933 in both, as the trademark policy requires the mark in its exact published form without alteration in colour. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#4E5E9E" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 0C5.394 0 0 5.374 0 12s5.394 12 12 12c6.626 0 12-5.394 12-11.98a11.88 11.88 0 0 0-.727-4.12.815.815 0 0 0-1.05-.486.815.815 0 0 0-.486 1.05c.425 1.132.627 2.324.627 3.556 0 5.717-4.647 10.364-10.364 10.364-5.717 0-10.363-4.647-10.363-10.364C1.637 6.303 6.283 1.657 12 1.657c1.374 0 2.707.262 3.98.787A.843.843 0 0 0 17.05 2a.843.843 0 0 0-.444-1.07A11.588 11.588 0 0 0 12 0zm8.08 4.323-3.595.707.646.647L12 11.111 7.616 6.606 5.091 17.051h2.343l1.394-5.799L12 14.707l6.788-7.394.646.667zm-2.828 6.445-1.858 1.94 1.03 4.343h2.344z"/>
+<svg
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#4E5E9E] dark:text-[#FFFFFF]"
+>
+	<path
+		fill="currentColor"
+		d="M12 0C5.394 0 0 5.374 0 12s5.394 12 12 12c6.626 0 12-5.394 12-11.98a11.88 11.88 0 0 0-.727-4.12.815.815 0 0 0-1.05-.486.815.815 0 0 0-.486 1.05c.425 1.132.627 2.324.627 3.556 0 5.717-4.647 10.364-10.364 10.364-5.717 0-10.363-4.647-10.363-10.364C1.637 6.303 6.283 1.657 12 1.657c1.374 0 2.707.262 3.98.787A.843.843 0 0 0 17.05 2a.843.843 0 0 0-.444-1.07A11.588 11.588 0 0 0 12 0z"
+	/>
+	<path
+		fill="#FDB933"
+		d="M20.08 4.323l-3.595.707.646.647L12 11.111 7.616 6.606 5.091 17.051h2.343l1.394-5.799L12 14.707l6.788-7.394.646.667z"
+	/>
+	<path fill="#FDB933" d="M17.252 10.768l-1.858 1.94 1.03 4.343h2.344z" />
 </svg>
diff --git a/frontend/src/lib/components/icons/McpIcon.svelte b/frontend/src/lib/components/icons/McpIcon.svelte
index 74a9cc6c0f..70c75d0365 100644
--- a/frontend/src/lib/components/icons/McpIcon.svelte
+++ b/frontend/src/lib/components/icons/McpIcon.svelte
@@ -7,7 +7,9 @@
 	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per modelcontextprotocol/modelcontextprotocol. -->
 <svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
 	fill="currentColor"
 	fill-rule="evenodd"
 	{height}
diff --git a/frontend/src/lib/components/icons/MediumIcon.svelte b/frontend/src/lib/components/icons/MediumIcon.svelte
index 7e96527f85..ffc9aab1b2 100644
--- a/frontend/src/lib/components/icons/MediumIcon.svelte
+++ b/frontend/src/lib/components/icons/MediumIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"/>
+<!-- #000000 / #FFFFFF per medium.design. Guidelines mandate black or white only for both the
+	wordmark and the icon and forbid "any other colors, gradients, or filled with images". -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/MeteosourceIcon.svelte b/frontend/src/lib/components/icons/MeteosourceIcon.svelte
new file mode 100644
index 0000000000..659775c612
--- /dev/null
+++ b/frontend/src/lib/components/icons/MeteosourceIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #FAD961 -> #F76B1C gradient per the logo in the meteosource.com site header (no brand page published). -->
+<svg {width} {height} viewBox="-0.5 2.5 40 28" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="meteosource-logo-meteosource-a">
+			<stop stop-color="#FAD961" offset="0%"></stop>
+			<stop stop-color="#F76B1C" offset="100%"></stop>
+		</linearGradient>
+	</defs><path
+		fill="none"
+		d="M6.948 29h23.62l.37-.035C34.924 28.585 38 25.204 38 21.14c0-4.342-3.496-7.86-7.806-7.86-.661 0-1.31.083-1.938.244l-1.097.282-.144-1.124C26.384 7.742 22.187 4 17.194 4 11.725 4 7.29 8.462 7.29 13.969c0 .529.041 1.052.122 1.567l.164 1.046-1.054.104C3.403 16.994 1 19.646 1 22.828c0 3.275 2.54 5.973 5.768 6.161l.18.011z"
+		stroke="url(#meteosource-logo-meteosource-a)"
+		stroke-width="2"
+	>
+	</path></svg
+>
diff --git a/frontend/src/lib/components/icons/MezmoIcon.svelte b/frontend/src/lib/components/icons/MezmoIcon.svelte
new file mode 100644
index 0000000000..e9b01d7ad3
--- /dev/null
+++ b/frontend/src/lib/components/icons/MezmoIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #0A090C / #E6E6E5 per mezmo.com nav mark and docs.mezmo.com logo/light.png + logo/dark.png. The star stays #F4B811 in both themes. -->
+<svg
+	class="text-[#0A090C] dark:text-[#E6E6E5]"
+	{width}
+	{height}
+	viewBox="0 0 31 31"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M23.3857 6.12463L22.2944 9.02435L19.3912 10.1093L19.3892 11.5599L22.2896 12.6518L23.3738 15.555L24.8244 15.5564L25.917 12.656L28.8195 11.5717L28.8209 10.1211L25.9212 9.02923L24.8362 6.12672L23.3857 6.12463Z"
+		fill="#F4B811"
+	/>
+	<path
+		d="M18.9603 16.0319C18.6831 15.4066 18.2604 14.9129 17.6922 14.5507C17.1239 14.1886 16.3781 14.0076 15.4547 14.0076C14.773 14.0076 14.1936 14.1072 13.718 14.3063C13.2416 14.5055 12.8475 14.768 12.5348 15.0946C12.2221 15.4212 11.9735 15.7694 11.7897 16.1385H11.6985C11.6852 16.1037 11.6755 16.0661 11.6616 16.0319C11.406 15.4066 10.9937 14.9129 10.4262 14.5507C9.85794 14.1886 9.11909 14.0076 8.20962 14.0076C7.57034 14.0076 7.01603 14.1002 6.54806 14.2847C6.0794 14.4693 5.69152 14.7248 5.3865 15.0514C5.08079 15.3787 4.83567 15.7409 4.65182 16.1385H4.54528V14.2207H2.00977V24.8321H4.75837V18.6524C4.75837 17.7861 4.94639 17.1858 5.32313 16.8516C5.69987 16.518 6.28553 16.3509 7.08079 16.3509C7.93316 16.3509 8.51881 16.5285 8.83845 16.8836C9.15808 17.2388 9.31755 17.8356 9.31755 18.6733V24.8314H12.0453V18.6733C12.0453 17.807 12.2368 17.2026 12.6205 16.862C13.0042 16.5208 13.5933 16.3509 14.3886 16.3509C15.2409 16.3509 15.8273 16.5285 16.1462 16.8836C16.4659 17.2388 16.626 17.8356 16.626 18.6733V24.8314H19.3746V18.1406C19.3746 17.3592 19.2361 16.6566 18.9589 16.0312L18.9603 16.0319Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MicrosoftIcon.svelte b/frontend/src/lib/components/icons/MicrosoftIcon.svelte
index dc46d8a564..1bda95902c 100644
--- a/frontend/src/lib/components/icons/MicrosoftIcon.svelte
+++ b/frontend/src/lib/components/icons/MicrosoftIcon.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 30 30"
-	style="fill:currentcolor;"
->
-<path fill="#f35325" d="M0 0h10v10H0z"/><path fill="#81bc06" d="M11 0h10v10H11z"/><path fill="#05a6f0" d="M0 11h10v10H0z"/><path fill="#ffba08" d="M11 11h10v10H11z"/></svg>
\ No newline at end of file
+<!-- #F25022 / #7FBA00 / #00A4EF / #FFB900 per the official logo asset linked from Microsoft's logo third-party usage guidance. Microsoft forbids recolouring the symbol, so it stays full-colour on both themes. -->
+<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<path d="M22.3 22.3h222.6v222.6H22.3z" style="fill:#f25022" /><path
+		d="M267.1 22.3h222.6v222.6H267.1z"
+		style="fill:#7fba00"
+	/><path d="M22.3 267.1h222.6v222.6H22.3z" style="fill:#00a4ef" /><path
+		d="M267.1 267.1h222.6v222.6H267.1z"
+		style="fill:#ffb900"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MiroIcon.svelte b/frontend/src/lib/components/icons/MiroIcon.svelte
index 64634c09b4..f2e20deb21 100644
--- a/frontend/src/lib/components/icons/MiroIcon.svelte
+++ b/frontend/src/lib/components/icons/MiroIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.392 0H13.9L17 4.808 10.444 0H6.949l3.102 6.3L3.494 0H0l3.05 8.131L0 24h3.494L10.05 6.985 6.949 24h3.494L17 5.494 13.899 24h3.493L24 3.672 17.392 0z"/>
+<!-- #FFDD33 field with #1C1C1E mark, per the Miro logo on miro.com. -->
+<svg {width} {height} viewBox="3 2 395 395" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M3 100.754C3 46.2604 47.2435 2 101.754 2H299.246C353.756 2 398 46.2435 398 100.754V298.246C398 352.756 353.756 397 299.246 397H101.754C47.2435 397 3 352.756 3 298.246V100.754Z"
+		fill="#FFDD33"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M265.573 77.3491H229.74L259.629 129.85L193.906 77.3491H158.072L190.934 141.468L122.238 77.3491H86.4041L122.238 159.031L86.4041 322.377H122.238L190.934 147.396L158.072 322.377H193.906L259.629 135.693L229.74 322.377H265.573L331.297 118.232L265.573 77.4335V77.3491Z"
+		fill="#1C1C1E"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/MistralIcon.svelte b/frontend/src/lib/components/icons/MistralIcon.svelte
index efe6881da7..a01a7b9a75 100644
--- a/frontend/src/lib/components/icons/MistralIcon.svelte
+++ b/frontend/src/lib/components/icons/MistralIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FA500F per mistral.ai/favicon.svg (mid-band of the #FFAF01 -> #C4001D ramp); drawn here in
+	currentColor, the monochrome variant mistral.ai/brand ships. Brand forbids any other recolouring. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z"/>
+	<path
+		d="M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/MixpanelIcon.svelte b/frontend/src/lib/components/icons/MixpanelIcon.svelte
index aab286a515..0dd6423d25 100644
--- a/frontend/src/lib/components/icons/MixpanelIcon.svelte
+++ b/frontend/src/lib/components/icons/MixpanelIcon.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#7856FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.967 9.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443 3.366C6.919 1.458 6.49.551 4.39.551H.004v1.145h.621c1.286 0 1.431.477 1.814 1.908L3.44 7.326c.524 1.814 1.337 2.67 3.53 2.67h-.003Zm7.06 0h3.053c2.194 0 2.956-.86 3.484-2.67l1.001-3.722c.382-1.431.57-1.908 1.814-1.908H24V.551h-4.34c-2.146 0-2.576.86-3.053 2.815l-1.145 4.246c-.384 1.286-.673 1.907-1.435 2.384Zm-4.007 4.008h4.007V9.996H10.02v4.008ZM0 23.449h4.39c2.1 0 2.529-.907 3.053-2.815l1.146-4.246c.383-1.239.668-1.907 1.431-2.384H6.967c-2.194 0-3.007.86-3.531 2.67l-1.001 3.722c-.383 1.431-.524 1.907-1.814 1.907H0v1.146Zm19.65 0h4.343v-1.146h-.622c-1.239 0-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477 1.041 1.098 1.424 2.384l1.145 4.246c.477 1.955.907 2.815 3.054 2.815Z"/>
+<!-- #7856FF / #FFFFFF per brand.mixpanel.com/logo and /color (Purple 100); mixpanel.com ships the
+	same pair as its light/dark favicons. "The Mixpanel logo is only ever used in three colors: black,
+	white and the primary brand purple." -->
+<svg
+	class="text-[#7856FF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M6.967 9.996h3.053c-.763-.477-1.048-1.145-1.431-2.384L7.443 3.366C6.919 1.458 6.49.551 4.39.551H.004v1.145h.621c1.286 0 1.431.477 1.814 1.908L3.44 7.326c.524 1.814 1.337 2.67 3.53 2.67h-.003Zm7.06 0h3.053c2.194 0 2.956-.86 3.484-2.67l1.001-3.722c.382-1.431.57-1.908 1.814-1.908H24V.551h-4.34c-2.146 0-2.576.86-3.053 2.815l-1.145 4.246c-.384 1.286-.673 1.907-1.435 2.384Zm-4.007 4.008h4.007V9.996H10.02v4.008ZM0 23.449h4.39c2.1 0 2.529-.907 3.053-2.815l1.146-4.246c.383-1.239.668-1.907 1.431-2.384H6.967c-2.194 0-3.007.86-3.531 2.67l-1.001 3.722c-.383 1.431-.524 1.907-1.814 1.907H0v1.146Zm19.65 0h4.343v-1.146h-.622c-1.239 0-1.431-.476-1.814-1.907l-1.001-3.722c-.524-1.814-1.286-2.67-3.483-2.67h-3.046c.762.477 1.041 1.098 1.424 2.384l1.145 4.246c.477 1.955.907 2.815 3.054 2.815Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/MollieIcon.svelte b/frontend/src/lib/components/icons/MollieIcon.svelte
new file mode 100644
index 0000000000..70f159f65c
--- /dev/null
+++ b/frontend/src/lib/components/icons/MollieIcon.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 / #FFFFFF per Mollie's app icon (my.mollie.com/assets/images/favicons/apple-touch-icon-180x180.png):
+	a full-bleed disc with the lowercase m knocked out. The m is the glyph from Mollie-Logo-Black-2023.svg
+	(Mollie logo pack, mollie.com/resources), scaled and placed to match that icon pixel for pixel; the logo
+	pack itself ships only the 320x94 wordmark. Mollie publishes black and white variants, so the pair flips
+	for dark mode. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 180 180"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Mollie"
+>
+	<circle cx="90" cy="90" r="90" />
+	<path
+		class="fill-[#FFFFFF] dark:fill-[#000000]"
+		transform="translate(45 29.29) scale(.94142)"
+		d="M70.4,30.6c-0.8-0.1-1.6-0.1-2.4-0.1c-7.7,0-15,3.1-20.2,8.7c-5.2-5.5-12.5-8.7-20.1-8.7C12.4,30.5,0,42.9,0,58v34.7h14.9V58.5c0-6.3,5.2-12.1,11.3-12.7c0.4,0,0.9-0.1,1.3-0.1c6.9,0,12.5,5.6,12.5,12.5v34.6h15.2V58.4c0-6.3,5.2-12.1,11.3-12.7c0.4,0,0.9-0.1,1.3-0.1c6.9,0,12.5,5.6,12.6,12.4v34.7h15.2V58.5c0-7-2.6-13.6-7.2-18.8C83.7,34.4,77.3,31.2,70.4,30.6z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MondayIcon.svelte b/frontend/src/lib/components/icons/MondayIcon.svelte
index b9069f934a..0f2904e3d3 100644
--- a/frontend/src/lib/components/icons/MondayIcon.svelte
+++ b/frontend/src/lib/components/icons/MondayIcon.svelte
@@ -1,12 +1,21 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FB275D / #FFCC00 / #00CA72 per monday.com's official logo pack (brand-monday.com/logo). All three colours are required; the brand forbids monochrome or recoloured versions, so no dark-theme variant. -->
 <svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<g transform="matrix(3.208255 0 0 3.208255 -35.559129 -63.587202)"><path d="M13.513 35.76a2.433 2.433 0 0 1-2.059-3.723l4.377-6.99a2.432 2.432 0 1 1 4.123 2.582l-4.378 6.99a2.43 2.43 0 0 1-2.063 1.141z" fill="#ff3d57"/><path d="M21.056 35.76a2.433 2.433 0 0 1-2.063-3.723l4.38-6.99a2.432 2.432 0 1 1 4.117 2.582l-4.372 6.99a2.43 2.43 0 0 1-2.063 1.141z" fill="#ffcb00"/><ellipse ry="2.375" rx="2.436" cy="33.384" cx="28.597" fill="#00d647"/></g>
+	<g transform="matrix(3.208255 0 0 3.208255 -35.559129 -63.587202)"
+		><path
+			d="M13.513 35.76a2.433 2.433 0 0 1-2.059-3.723l4.377-6.99a2.432 2.432 0 1 1 4.123 2.582l-4.378 6.99a2.43 2.43 0 0 1-2.063 1.141z"
+			fill="#FB275D"
+		/><path
+			d="M21.056 35.76a2.433 2.433 0 0 1-2.063-3.723l4.38-6.99a2.432 2.432 0 1 1 4.117 2.582l-4.372 6.99a2.43 2.43 0 0 1-2.063 1.141z"
+			fill="#FFCC00"
+		/><ellipse ry="2.375" rx="2.436" cy="33.384" cx="28.597" fill="#00CA72" /></g
+	>
 </svg>
diff --git a/frontend/src/lib/components/icons/MongodbIcon.svelte b/frontend/src/lib/components/icons/MongodbIcon.svelte
index c9b47e830e..a87631f87c 100644
--- a/frontend/src/lib/components/icons/MongodbIcon.svelte
+++ b/frontend/src/lib/components/icons/MongodbIcon.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 168 168" xmlns="http://www.w3.org/2000/svg" style="fill:currentcolor;">
-<path d="M98.4088 19.5019C91.411 11.2358 85.3852 2.8405 84.1541 1.09687C84.0245 0.967711 83.83 0.967711 83.7005 1.09687C82.4694 2.8405 76.4434 11.2358 69.4456 19.5019C9.38116 95.7693 78.9057 147.239 78.9057 147.239L79.4888 147.626C80.0072 155.57 81.303 167 81.303 167H83.8948H86.4866C86.4866 167 87.7826 155.634 88.3009 147.626L88.884 147.175C88.9488 147.175 158.473 95.7693 98.4088 19.5019ZM83.8948 146.076C83.8948 146.076 80.7847 143.429 79.9424 142.072V141.944L83.7005 58.8949C83.7005 58.6366 84.0893 58.6366 84.0893 58.8949L87.8473 141.944V142.072C87.005 143.429 83.8948 146.076 83.8948 146.076Z"/>
+<!-- #00684A / #00ED64 per MongoDB brand resources and their LeafyGreen palette. MongoDB permits
+	only four logo colours, chosen for contrast with the background, and forbids any other recolour. -->
+<svg
+	class="text-[#00684A] dark:text-[#00ED64]"
+	{width}
+	{height}
+	viewBox="0 0 15 32"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M10.2779 3.56801C8.93285 1.97392 7.76219 0.354933 7.52557 0.0186807C7.50066 -0.00622689 7.4633 -0.00622689 7.43839 0.0186807C7.20177 0.354933 6.04357 1.97392 4.69856 3.56801C-6.8461 18.2759 6.51681 28.1891 6.51681 28.1891L6.6289 28.2639C6.72853 29.7957 6.9776 32 6.9776 32H7.47576H7.97391C7.97391 32 8.22298 29.8081 8.32261 28.2639L8.4347 28.1767C8.44715 28.1891 21.8225 18.2759 10.2779 3.56801ZM7.48821 27.9774C7.48821 27.9774 6.89043 27.4668 6.72853 27.2053V27.1804L7.45085 11.1648C7.45085 11.115 7.52557 11.115 7.52557 11.1648L8.24789 27.1804V27.2053C8.08599 27.4668 7.48821 27.9774 7.48821 27.9774Z"
+		fill="currentColor"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/MotimateIcon.svelte b/frontend/src/lib/components/icons/MotimateIcon.svelte
new file mode 100644
index 0000000000..c426b1ffec
--- /dev/null
+++ b/frontend/src/lib/components/icons/MotimateIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #2DC89C per motimateapp.com theme assets. Motimate is a registered trademark of Motimate AS (Kahoot!). -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 55.278 55.278"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Motimate"
+>
+	<path
+		fill="#2DC89C"
+		fill-rule="evenodd"
+		d="M27.639 0a27.639 27.639 0 11-14.961 50.883l-5.771 1.7a2.3 2.3 0 01-2.854-2.854l1.578-5.365a27.641 27.641 0 0122.008-44.364m.061 7.8c-12.362 0-22.384 6.9-22.384 19.242s10.018 12.07 22.384 12.07 22.382.273 22.382-12.071-10.026-19.241-22.382-19.241m.281 3.73c10.208 0 18.483 5.355 18.483 14.935 0 9.293-7.786 9.372-17.57 9.369h-1.826c-9.783 0-17.569-.076-17.569-9.369 0-9.58 8.275-14.935 18.482-14.935m-7.631 9.722a4.294 4.294 0 00-4.295 4.294c0 2.371 1.922-.14 4.295-.14s4.3 2.511 4.3.14a4.3 4.3 0 00-4.3-4.294m15.261 0a4.294 4.294 0 00-4.295 4.294c0 2.371 1.922-.14 4.295-.14s4.3 2.511 4.3.14a4.3 4.3 0 00-4.3-4.294"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/MqttIcon.svelte b/frontend/src/lib/components/icons/MqttIcon.svelte
index 293af03a92..6042e9375a 100644
--- a/frontend/src/lib/components/icons/MqttIcon.svelte
+++ b/frontend/src/lib/components/icons/MqttIcon.svelte
@@ -1,21 +1,22 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
-		size?: number;
-		color?: string | undefined;
-		class?: string;
+		size?: number
+		color?: string | undefined
+		class?: string
 	}
 
-	let { size = 16, color = undefined, class: clazz = '' }: Props = $props();
-	
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
 </script>
 
+<!-- #660066 / #FFFFFF per mqtt/mqttorg-graphics. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
 	height={`${size}px`}
 	viewBox="0 0 24 24"
 	fill={color ?? 'currentColor'}
-	class={clazz}
+	class={twMerge('text-[#660066] dark:text-[#FFFFFF]', clazz)}
 >
 	<path
 		d="M10.657 23.994h-9.45A1.212 1.212 0 0 1 0 22.788v-9.18h.071c5.784 0 10.504 4.65 10.586 10.386Zm7.606 0h-4.045C14.135 16.246 7.795 9.977 0 9.942V6.038h.071c9.983 0 18.121 8.044 18.192 17.956Zm4.53 0h-.97C21.754 12.071 11.995 2.407 0 2.372v-1.16C0 .55.544.006 1.207.006h7.64C15.733 2.49 21.257 7.789 24 14.508v8.291c0 .663-.544 1.195-1.207 1.195ZM16.713.006h6.092A1.19 1.19 0 0 1 24 1.2v5.914c-.91-1.242-2.046-2.65-3.158-3.762C19.588 2.11 18.122.987 16.714.005Z"
diff --git a/frontend/src/lib/components/icons/Mysql.svelte b/frontend/src/lib/components/icons/Mysql.svelte
index 1c0eab3c67..7f907afcd8 100644
--- a/frontend/src/lib/components/icons/Mysql.svelte
+++ b/frontend/src/lib/components/icons/Mysql.svelte
@@ -1,83 +1,24 @@
-<!-- Used under Fair Use: https://fr.wikipedia.org/wiki/Fichier:MySQL.svg -->
 <script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
+		size?: number
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
 </script>
 
-<svg
-	xmlns:xlink="http://www.w3.org/1999/xlink"
-	xmlns="http://www.w3.org/2000/svg"
-	{width}
+<!-- #00758F per mysql.com/common/logos/mysql-logo.svg (the dolphin and "My"). The dolphin itself
+	is not shipped: mysql.com/about/legal/trademark.html reserves everything beyond the "Powered by
+	MySQL" / "Includes MySQL" conditional-use logos for parties under a signed agreement with
+	Oracle. -->
+<BrandLetterIcon
+	letter="M"
+	bgClass="fill-transparent dark:fill-[#00758F]"
+	textClass="text-[#00758F] dark:text-white"
 	{height}
-	viewBox="0 0 391 202"
-	style="enable-background:new 0 0 270 270; fill:currentcolor;"
->
-	<g
-		transform="translate(0.738281, 121.593)"
-		style="fill-rule:nonzero; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M0 62.235 C0 62.235 12.8418 62.235 12.8418 62.235 C12.8418 62.235 12.8418 11.524 12.8418 11.524 C12.8418 11.524 32.7226 55.732 32.7226 55.732 C35.0683 61.083 38.2793 62.976 44.5762 62.976 C50.874 62.976 53.9609 61.083 56.3076 55.732 C56.3076 55.732 76.1875 11.524 76.1875 11.524 C76.1875 11.524 76.1875 62.235 76.1875 62.235 C76.1875 62.235 89.0303 62.235 89.0303 62.235 C89.0303 62.235 89.0303 11.607 89.0303 11.607 C89.0303 6.668 87.0537 4.28 82.9795 3.046 C73.2246 0 66.6797 2.634 63.7158 9.22 C63.7158 9.22 44.206 52.85 44.206 52.85 C44.206 52.85 25.3135 9.22 25.3135 9.22 C22.4736 2.634 15.8056 0 6.05078 3.046 C1.97559 4.28 0 6.668 0 11.607 C0 11.607 0 62.235 0 62.235 Z"
-		/>
-	</g>
-	<g
-		transform="translate(100.444, 142.416)"
-		style="fill-rule:nonzero; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M0.002 0.136 C0.002 0.136 12.84 0.136 12.84 0.136 C12.84 0.136 12.84 28.074 12.84 28.074 C12.72 29.592 13.327 33.154 20.362 33.265 C23.951 33.321 48.062 33.265 48.287 33.265 C48.287 33.265 48.287 0 48.287 0 C48.287 0 61.155 0 61.155 0 C61.214 0 61.142 45.364 61.143 45.557 C61.214 56.745 47.261 59.175 40.83 59.363 C40.83 59.363 0.281 59.363 0.281 59.363 C0.281 59.363 0.281 50.724 0.281 50.724 C0.352 50.724 40.8 50.732 40.902 50.722 C49.167 49.849 48.191 45.741 48.19 44.358 C48.19 44.358 48.19 40.99 48.19 40.99 C48.19 40.99 20.895 40.99 20.895 40.99 C8.196 40.873 0.109 35.331 0.009 28.955 C0 28.364 0.283 0.415 0.002 0.136 Z"
-		/>
-	</g>
-	<g
-		transform="translate(171.496, 124.557)"
-		style="fill-rule:nonzero; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M0 59.271 C0 59.271 36.92 59.271 36.92 59.271 C41.242 59.271 45.441 58.366 48.775 56.801 C54.331 54.25 57.048 50.793 57.048 46.264 C57.048 46.264 57.048 36.88 57.048 36.88 C57.048 33.175 53.961 29.717 47.91 27.413 C44.699 26.177 40.748 25.519 36.92 25.519 C36.92 25.519 21.361 25.519 21.361 25.519 C16.176 25.519 13.706 23.955 13.089 20.498 C12.965 20.086 12.965 19.756 12.965 19.345 C12.965 19.345 12.965 13.501 12.965 13.501 C12.965 13.171 12.965 12.841 13.089 12.43 C13.706 9.796 15.065 9.054 19.633 8.643 C20.004 8.643 20.497 8.56 20.868 8.56 C20.868 8.56 57.542 8.56 57.542 8.56 C57.542 8.56 57.542 0 57.542 0 C57.542 0 21.485 0 21.485 0 C16.299 0 13.582 0.329 11.113 1.069 C3.457 3.457 0.123 7.244 0.123 13.83 C0.123 13.83 0.123 21.321 0.123 21.321 C0.123 27.084 6.668 32.023 17.657 33.175 C18.893 33.257 20.127 33.339 21.361 33.339 C21.361 33.339 34.697 33.339 34.697 33.339 C35.192 33.339 35.686 33.339 36.056 33.422 C40.131 33.752 41.859 34.492 43.095 35.974 C43.835 36.714 44.082 37.456 44.082 38.279 C44.082 38.279 44.082 45.77 44.082 45.77 C44.082 46.676 43.465 47.829 42.231 48.816 C41.119 49.804 39.267 50.463 36.797 50.628 C36.303 50.628 35.933 50.71 35.439 50.71 C35.439 50.71 0 50.71 0 50.71 C0 50.71 0 59.271 0 59.271 Z"
-		/>
-	</g>
-	<g
-		transform="translate(308.656, 124.557)"
-		style="fill-rule:nonzero; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M0 44.371 C0 53.179 6.544 58.119 19.757 59.107 C20.991 59.189 22.227 59.271 23.461 59.271 C23.461 59.271 56.925 59.271 56.925 59.271 C56.925 59.271 56.925 50.71 56.925 50.71 C56.925 50.71 23.214 50.71 23.214 50.71 C15.682 50.71 12.842 48.816 12.842 44.289 C12.842 44.289 12.842 0 12.842 0 C12.842 0 0 0 0 0 C0 0 0 44.371 0 44.371 Z"
-		/>
-	</g>
-	<g
-		transform="translate(236.74, 124.666)"
-		style="fill-rule:nonzero; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M0 44.711 C0 44.711 0 14.189 0 14.189 C0 6.435 5.445 1.732 16.209 0.247 C17.323 0.083 18.561 0 19.674 0 C19.674 0 44.05 0 44.05 0 C45.287 0 46.402 0.083 47.639 0.247 C58.404 1.732 63.848 6.435 63.848 14.189 C63.848 14.189 63.848 44.711 63.848 44.711 C63.848 51.002 61.536 54.369 56.207 56.563 C56.207 56.563 68.857 67.981 68.857 67.981 C68.857 67.981 53.946 67.981 53.946 67.981 C53.946 67.981 43.712 58.743 43.712 58.743 C43.712 58.743 33.409 59.396 33.409 59.396 C33.409 59.396 19.674 59.396 19.674 59.396 C17.323 59.396 14.849 59.065 12.126 58.323 C3.96 56.096 0 51.806 0 44.711 Z M13.861 43.969 C13.861 44.382 13.984 44.794 14.108 45.289 C14.85 48.836 18.191 50.816 23.264 50.816 C23.264 50.816 34.931 50.816 34.931 50.816 C34.931 50.816 24.214 41.141 24.214 41.141 C24.214 41.141 39.125 41.141 39.125 41.141 C39.125 41.141 48.472 49.579 48.472 49.579 C50.194 48.661 51.328 47.257 51.724 45.454 C51.847 45.042 51.847 44.629 51.847 44.217 C51.847 44.217 51.847 14.932 51.847 14.932 C51.847 14.602 51.847 14.189 51.724 13.776 C50.981 10.477 47.64 8.58 42.691 8.58 C42.691 8.58 23.264 8.58 23.264 8.58 C17.573 8.58 13.861 11.055 13.861 14.932 C13.861 14.932 13.861 43.969 13.861 43.969 Z"
-		/>
-	</g>
-	<g
-		transform="translate(241.59, -4.64258)"
-		style="fill-rule:nonzero; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M135.289 114.997 C127.395 114.783 121.365 115.517 116.21 117.691 C114.745 118.309 112.409 118.325 112.17 120.161 C112.975 121.005 113.1 122.265 113.74 123.303 C114.971 125.295 117.049 127.964 118.903 129.364 C120.929 130.893 123.017 132.529 125.189 133.853 C129.052 136.209 133.365 137.554 137.085 139.914 C139.277 141.305 141.455 143.057 143.594 144.627 C144.651 145.403 145.362 146.61 146.736 147.096 C146.736 147.022 146.736 146.947 146.736 146.872 C146.014 145.953 145.828 144.689 145.165 143.729 C144.193 142.757 143.22 141.784 142.247 140.811 C139.394 137.024 135.772 133.698 131.922 130.935 C128.852 128.731 121.98 125.754 120.699 122.181 C120.624 122.106 120.55 122.031 120.474 121.956 C122.651 121.711 125.2 120.923 127.209 120.385 C130.584 119.48 133.6 119.714 137.085 118.814 C138.656 118.365 140.227 117.915 141.799 117.467 C141.799 117.167 141.799 116.869 141.799 116.569 C140.037 114.761 138.781 112.369 136.86 110.733 C131.834 106.453 126.348 102.177 120.699 98.6114 C117.566 96.6338 113.694 95.3487 110.374 93.6729 C109.257 93.1094 107.295 92.8164 106.557 91.877 C104.813 89.6533 103.863 86.835 102.518 84.2451 C99.7 78.8194 96.933 72.8936 94.437 67.1856 C92.734 63.293 91.622 59.4541 89.499 55.9619 C79.307 39.2051 68.336 29.0908 51.341 19.1494 C47.725 17.0352 43.371 16.2002 38.77 15.1094 C36.302 14.96 33.832 14.8096 31.363 14.6602 C29.856 14.0303 28.288 12.1865 26.874 11.293 C21.244 7.73633 6.803 0 2.633 10.1709 C0 16.5908 6.568 22.8555 8.917 26.1084 C10.566 28.3906 12.677 30.9492 13.855 33.5156 C14.63 35.2022 14.764 36.8936 15.427 38.6787 C17.059 43.0752 18.478 47.8584 20.589 51.9219 C21.656 53.9776 22.832 56.1436 24.181 57.9824 C25.008 59.1104 26.425 59.6074 26.649 61.3496 C25.263 63.2891 25.184 66.2998 24.405 68.7569 C20.897 79.8184 22.22 93.5674 27.323 101.754 C28.889 104.267 32.577 109.657 37.648 107.59 C42.084 105.783 41.093 100.184 42.362 95.2442 C42.649 94.124 42.473 93.3008 43.035 92.5508 C43.035 92.625 43.035 92.7002 43.035 92.7754 C44.382 95.4688 45.729 98.1621 47.076 100.855 C50.066 105.671 55.373 110.704 59.87 114.1 C62.202 115.861 64.038 118.906 67.053 119.936 C67.053 119.861 67.053 119.787 67.053 119.711 C66.977 119.711 66.903 119.711 66.828 119.711 C66.244 118.8 65.33 118.423 64.584 117.691 C62.827 115.969 60.874 113.828 59.421 111.855 C55.331 106.302 51.716 100.224 48.423 93.8975 C46.85 90.877 45.483 87.544 44.157 84.4697 C43.646 83.2842 43.652 81.4922 42.587 80.878 C41.135 83.1309 38.996 84.9522 37.873 87.6123 C36.077 91.8643 35.845 97.0498 35.18 102.427 C34.786 102.568 34.961 102.471 34.73 102.651 C31.604 101.897 30.505 98.6787 29.344 95.918 C26.405 88.9356 25.859 77.6924 28.445 69.6553 C29.114 67.5762 32.138 61.0264 30.914 59.1055 C30.33 57.1885 28.402 56.0801 27.323 54.6153 C25.988 52.8047 24.655 50.4209 23.731 48.3301 C21.326 42.8858 20.203 36.7744 17.671 31.2715 C16.461 28.6406 14.414 25.9785 12.733 23.6397 C10.872 21.0489 8.788 19.1406 7.346 16.0069 C6.833 14.8936 6.136 13.1113 6.897 11.9668 C7.139 11.1943 7.48 10.8721 8.244 10.6201 C9.546 9.61621 13.172 10.9541 14.528 11.5176 C18.128 13.0127 21.132 14.4365 24.181 16.4561 C25.645 17.4268 27.125 19.3037 28.894 19.8233 C29.567 19.8233 30.241 19.8233 30.914 19.8233 C34.074 20.5498 37.614 20.0489 40.566 20.9453 C45.784 22.5313 50.46 24.9981 54.707 27.6797 C67.645 35.8487 78.223 47.4776 85.459 61.3496 C86.623 63.583 87.127 65.7149 88.152 68.084 C90.221 72.8614 92.827 77.7774 94.885 82.4492 C96.939 87.1104 98.941 91.8145 101.844 95.6934 C103.371 97.7324 109.266 98.8262 111.945 99.958 C113.823 100.752 116.9 101.579 118.679 102.651 C122.077 104.701 125.369 107.141 128.556 109.386 C130.149 110.508 135.045 112.969 135.289 114.997 Z"
-		/>
-	</g>
-	<g
-		transform="translate(272.504, 24.8027)"
-		style="fill-rule:evenodd; stroke:none; stroke-width:0.87088; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M4.041 0.0303 C2.395 0 1.231 0.21 0 0.4786 C0 0.5537 0 0.6289 0 0.7032 C0.075 0.7032 0.15 0.7032 0.225 0.7032 C1.01 2.3164 2.396 3.3545 3.367 4.7442 C4.115 6.3155 4.863 7.8868 5.612 9.4571 C5.686 9.3828 5.762 9.3077 5.836 9.2334 C7.226 8.2539 7.863 6.6866 7.856 4.295 C7.299 3.709 7.217 2.9737 6.734 2.2744 C6.092 1.3428 4.85 0.8135 4.041 0.0303 Z"
-		/>
-	</g>
-	<g
-		transform="translate(371.609, 165.56)"
-		style="fill-rule:evenodd; stroke:none; stroke-width:1; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:none;"
-	>
-		<path
-			d="M0 9.463 C0 15.117 4.467 18.927 9.464 18.927 C14.461 18.927 18.928 15.117 18.928 9.463 C18.928 3.81 14.461 0 9.464 0 C4.467 0 0 3.81 0 9.463 Z M16.808 9.463 C16.808 13.753 13.528 16.959 9.464 16.959 C5.351 16.959 2.12 13.753 2.12 9.463 C2.12 5.173 5.351 1.967 9.464 1.967 C13.528 1.967 16.808 5.173 16.808 9.463 Z M12.014 14.864 C12.014 14.864 14.133 14.864 14.133 14.864 C14.133 14.864 11.03 10.12 11.03 10.12 C12.695 9.943 13.956 9.135 13.956 7.167 C13.956 4.971 12.569 4.063 9.894 4.063 C9.894 4.063 5.679 4.063 5.679 4.063 C5.679 4.063 5.679 14.864 5.679 14.864 C5.679 14.864 7.496 14.864 7.496 14.864 C7.496 14.864 7.496 10.195 7.496 10.195 C7.496 10.195 9.187 10.195 9.187 10.195 C9.187 10.195 12.014 14.864 12.014 14.864 Z M7.496 8.681 C7.496 8.681 7.496 5.577 7.496 5.577 C7.496 5.577 9.59 5.577 9.59 5.577 C10.676 5.577 11.988 5.779 11.988 7.041 C11.988 8.554 10.802 8.681 9.439 8.681 C9.439 8.681 7.496 8.681 7.496 8.681 Z"
-		/>
-	</g>
-</svg>
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/NatsIcon.svelte b/frontend/src/lib/components/icons/NatsIcon.svelte
index f23f7f8eaa..730b5e7f72 100644
--- a/frontend/src/lib/components/icons/NatsIcon.svelte
+++ b/frontend/src/lib/components/icons/NatsIcon.svelte
@@ -1,20 +1,21 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
-		size?: number;
-		color?: string | undefined;
-		class?: string;
+		size?: number
+		color?: string | undefined
+		class?: string
 	}
 
-	let { size = 16, color = undefined, class: clazz = '' }: Props = $props();
-	
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
 </script>
 
+<!-- #375C93 / #27AAE1 per cncf/artwork. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	width={size}
 	height={size}
 	viewBox="0 0 64 64"
-	class={clazz}
+	class={twMerge('text-[#375C93] dark:text-[#27AAE1]', clazz)}
 	fill={color ?? 'currentColor'}
 	stroke-width="0"
 >
diff --git a/frontend/src/lib/components/icons/NeonDbIcon.svelte b/frontend/src/lib/components/icons/NeonDbIcon.svelte
index eb226a64c1..783f6e1318 100644
--- a/frontend/src/lib/components/icons/NeonDbIcon.svelte
+++ b/frontend/src/lib/components/icons/NeonDbIcon.svelte
@@ -1,28 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
-
-    <defs>
-        <linearGradient x1="100%" y1="100%" x2="12.0694444%" y2="0%" id="linearGradient-1">
-            <stop stop-color="#62F755" offset="0%"></stop>
-            <stop stop-color="#8FF986" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="100%" y1="100%" x2="40.6027778%" y2="76.8972222%" id="linearGradient-2">
-            <stop stop-color="#000000" stop-opacity="0.9" offset="0%"></stop>
-            <stop stop-color="#1A1A1A" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g>
-        <path d="M0,44.1386667 C0,19.7615542 19.7615542,0 44.1386667,0 L211.861333,0 C236.238446,0 256,19.7615542 256,44.1386667 L256,186.787556 C256,212.003556 224.085333,222.947556 208.611556,203.043556 L160.220444,140.792889 L160.220444,216.277333 C160.220444,238.215556 142.436001,256 120.497778,256 L44.1386667,256 C19.7615542,256 0,236.238446 0,211.861333 L0,44.1386667 Z M44.1386667,35.3137778 C39.2604444,35.3137778 35.3137778,39.2604444 35.3137778,44.1315556 L35.3137778,211.861333 C35.3137778,216.739556 39.2604444,220.693333 44.1315556,220.693333 L121.820444,220.693333 C124.259556,220.693333 124.906667,218.716444 124.906667,216.277333 L124.906667,115.057778 C124.906667,89.8346667 156.821333,78.8906667 172.302222,98.8017778 L220.693333,161.045333 L220.693333,44.1386667 C220.693333,39.2604444 221.148444,35.3137778 216.277333,35.3137778 L44.1386667,35.3137778 Z" fill="#00E0D9"></path>
-        <path d="M0,44.1386667 C0,19.7615542 19.7615542,0 44.1386667,0 L211.861333,0 C236.238446,0 256,19.7615542 256,44.1386667 L256,186.787556 C256,212.003556 224.085333,222.947556 208.611556,203.043556 L160.220444,140.792889 L160.220444,216.277333 C160.220444,238.215556 142.436001,256 120.497778,256 L44.1386667,256 C19.7615542,256 0,236.238446 0,211.861333 L0,44.1386667 Z M44.1386667,35.3137778 C39.2604444,35.3137778 35.3137778,39.2604444 35.3137778,44.1315556 L35.3137778,211.861333 C35.3137778,216.739556 39.2604444,220.693333 44.1315556,220.693333 L121.820444,220.693333 C124.259556,220.693333 124.906667,218.716444 124.906667,216.277333 L124.906667,115.057778 C124.906667,89.8346667 156.821333,78.8906667 172.302222,98.8017778 L220.693333,161.045333 L220.693333,44.1386667 C220.693333,39.2604444 221.148444,35.3137778 216.277333,35.3137778 L44.1386667,35.3137778 Z" fill="url(#linearGradient-1)"></path>
-        <path d="M0,44.1386667 C0,19.7615542 19.7615542,0 44.1386667,0 L211.861333,0 C236.238446,0 256,19.7615542 256,44.1386667 L256,186.787556 C256,212.003556 224.085333,222.947556 208.611556,203.043556 L160.220444,140.792889 L160.220444,216.277333 C160.220444,238.215556 142.436001,256 120.497778,256 L44.1386667,256 C19.7615542,256 0,236.238446 0,211.861333 L0,44.1386667 Z M44.1386667,35.3137778 C39.2604444,35.3137778 35.3137778,39.2604444 35.3137778,44.1315556 L35.3137778,211.861333 C35.3137778,216.739556 39.2604444,220.693333 44.1315556,220.693333 L121.820444,220.693333 C124.259556,220.693333 124.906667,218.716444 124.906667,216.277333 L124.906667,115.057778 C124.906667,89.8346667 156.821333,78.8906667 172.302222,98.8017778 L220.693333,161.045333 L220.693333,44.1386667 C220.693333,39.2604444 221.148444,35.3137778 216.277333,35.3137778 L44.1386667,35.3137778 Z" fill-opacity="0.4" fill="url(#linearGradient-2)"></path>
-        <path d="M211.861333,0 C236.238446,0 256,19.7615542 256,44.1386667 L256,186.787556 C256,212.003556 224.085333,222.947556 208.611556,203.043556 L160.220444,140.792889 L160.220444,216.277333 C160.220444,238.215556 142.436001,256 120.497778,256 C121.667088,256 122.788506,255.535493 123.615333,254.708666 C124.44216,253.881839 124.906667,252.760421 124.906667,251.591111 L124.906667,115.057778 C124.906667,89.8346667 156.821333,78.8906667 172.302222,98.8017778 L220.693333,161.045333 L220.693333,8.82488889 C220.693333,3.95377778 216.739556,0 211.861333,0 Z" fill="#63F655"></path>
-    </g>
+<!-- #37C38F / #34D59A per neon.com/brand (neon-logomark-light-color.svg / neon-logomark-dark-color.svg). Neon forbids recolouring, so only these published variants may be used. -->
+<svg
+	class="text-[#37C38F] dark:text-[#34D59A]"
+	{width}
+	{height}
+	viewBox="0 0 64 64"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M63 0.0177909V63.5526L38.4178 42.2501V63.5526H0V0L63 0.0177909ZM7.72251 55.8389H30.6953V25.3238L55.2779 47.0476V7.72922L7.72251 7.71559V55.8389Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/NetBoxIcon.svelte b/frontend/src/lib/components/icons/NetBoxIcon.svelte
new file mode 100644
index 0000000000..7dc09a6bdc
--- /dev/null
+++ b/frontend/src/lib/components/icons/NetBoxIcon.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- NetBox publishes a per-theme pair: near-black + teal on light, white + turquoise on
+	dark. Two colours per theme, so the second path carries its own fill- utilities. -->
+<svg
+	class="text-[#001423] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 366.000032424926758 365.990053176879883"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="NetBox"
+>
+	<path
+		d="M337.269990921020508,228.589998245239258c-12.350006103515625,0-22.8800048828125,7.800003051757812-26.94000244140625,18.740005493164062h-174.710006713867188c-2.899993896484375-7.830001831054688-9.120002746582031-14.039993286132812-16.949996948242188-16.949996948242188V55.670000076293945c10.94000244140625-4.060001373291016,18.740005493164062-14.590000152587891,18.740005493164062-26.940000534057617,0-15.869999885559082-12.860000610351562-28.729999542236328-28.729995727539062-28.729999542236328s-28.729995727539062,12.859999656677246-28.729995727539062,28.729999542236328c0,12.350000381469727,7.800003051757812,22.879999160766602,18.739997863769531,26.940000534057617v174.710006713867188c-10.94000244140625,4.05999755859375-18.739997863769531,14.589996337890625-18.739997863769531,26.94000244140625,0,4.279998779296875.94000244140625,8.329986572265625,2.620002746582031,11.980010986328125l-41.849998474121094,41.850006103515625c-3.650001525878906-1.67999267578125-7.700000762939453-2.6199951171875-11.979999542236328-2.6199951171875C12.870003700256348,308.530031204223633.010004043579102,321.390016555786133.010004043579102,337.260042190551758s12.859999656677246,28.730010986328125,28.729999542236328,28.730010986328125c15.869998931884766,0,28.729999542236328-12.8599853515625,28.729999542236328-28.730010986328125,0-4.279998779296875-.939998626708984-8.329986572265625-2.619998931884766-11.980010986328125l41.849994659423828-41.850006103515625c3.650001525878906,1.67999267578125,7.699996948242188,2.6199951171875,11.979995727539062,2.6199951171875,12.349998474121094,0,22.8800048828125-7.79998779296875,26.94000244140625-18.739990234375h174.71002197265625c4.05999755859375,10.94000244140625,14.589996337890625,18.739990234375,26.94000244140625,18.739990234375,15.8699951171875,0,28.730010986328125-12.8599853515625,28.730010986328125-28.730010986328125s-12.8599853515625-28.729995727539062-28.730010986328125-28.729995727539062l-.000030517578125-.000015258789062Z"
+	/>
+	<path
+		class="fill-[#00857D] dark:fill-[#00F2D4]"
+		d="M366.000001907348633,28.730001449584961c0,15.869998931884766-12.8599853515625,28.729999542236328-28.730010986328125,28.729999542236328-4.279998779296875,0-8.329986572265625-.939998626708984-11.980010986328125-2.619998931884766l-41.850006103515625,41.850002288818359c1.67999267578125,3.650001525878906,2.6199951171875,7.699996948242188,2.6199951171875,11.979995727539062,0,12.349998474121094-7.79998779296875,22.8800048828125-18.739990234375,26.94000244140625v174.710006713867188c10.94000244140625,4.05999755859375,18.739990234375,14.589996337890625,18.739990234375,26.94000244140625,0,15.8699951171875-12.8599853515625,28.730010986328125-28.730010986328125,28.730010986328125s-28.729995727539062-12.8599853515625-28.729995727539062-28.730010986328125c0-12.350006103515625,7.800003051757812-22.8800048828125,18.740005493164062-26.94000244140625v-174.710006713867188c-7.830001831054688-2.899993896484375-14.039993286132812-9.120002746582031-16.949996948242188-16.949996948242188H55.670000076293945c-4.060001373291016,10.94000244140625-14.590000152587891,18.740005493164062-26.940000534057617,18.740005493164062-15.869999885559082,0-28.729999542236328-12.860000610351562-28.729999542236328-28.729995727539062s12.859999656677246-28.729995727539062,28.729999542236328-28.729995727539062c12.350000381469727,0,22.879999160766602,7.800003051757812,26.940000534057617,18.739997863769531h174.710006713867188c4.05999755859375-10.94000244140625,14.589996337890625-18.739997863769531,26.94000244140625-18.739997863769531,4.279998779296875,0,8.329986572265625.94000244140625,11.980010986328125,2.620002746582031l41.850006103515625-41.849998474121094c-1.67999267578125-3.650001525878906-2.6199951171875-7.700000762939453-2.6199951171875-11.979999542236328C308.530031204223633,12.860024452209473,321.390016555786133.000024795532227,337.260042190551758.000024795532227s28.730010986328125,12.859999656677246,28.730010986328125,28.729999542236328l.00994873046875-.000022888183594Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/NetlifyIcon.svelte b/frontend/src/lib/components/icons/NetlifyIcon.svelte
index 5f1349d0ba..1faaf731cc 100644
--- a/frontend/src/lib/components/icons/NetlifyIcon.svelte
+++ b/frontend/src/lib/components/icons/NetlifyIcon.svelte
@@ -1,12 +1,28 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#00C7B7" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.49 19.04h-.23L5.13 17.9v-.23l1.73-1.71h1.2l.15.15v1.2L6.5 19.04ZM5.13 6.31V6.1l1.13-1.13h.23L8.2 6.68v1.2l-.15.15h-1.2L5.13 6.31Zm9.96 9.09h-1.65l-.14-.13v-3.83c0-.68-.27-1.2-1.1-1.23-.42 0-.9 0-1.43.02l-.07.08v4.96l-.14.14H8.9l-.13-.14V8.73l.13-.14h3.7a2.6 2.6 0 0 1 2.61 2.6v4.08l-.13.14Zm-8.37-2.44H.14L0 12.82v-1.64l.14-.14h6.58l.14.14v1.64l-.14.14Zm17.14 0h-6.58l-.14-.14v-1.64l.14-.14h6.58l.14.14v1.64l-.14.14ZM11.05 6.55V1.64l.14-.14h1.65l.14.14v4.9l-.14.14h-1.65l-.14-.13Zm0 15.81v-4.9l.14-.14h1.65l.14.13v4.91l-.14.14h-1.65l-.14-.14Z"/>
+<!-- #05BDBA / #32E6E2 per netlify.com/brand (netlify-logo-monogram.zip, full-colour
+	lightmode/darkmode). Two colours per theme, so the "n" carries its own fill- utilities:
+	#014847 on light, #FFFFFF on dark. -->
+<svg
+	class="text-[#05BDBA] dark:text-[#32E6E2]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M6.49 19.04h-.23L5.13 17.9v-.23l1.73-1.71h1.2l.15.15v1.2L6.5 19.04ZM5.13 6.31V6.1l1.13-1.13h.23L8.2 6.68v1.2l-.15.15h-1.2L5.13 6.31Zm1.59 6.65H.14L0 12.82v-1.64l.14-.14h6.58l.14.14v1.64l-.14.14Zm17.14 0h-6.58l-.14-.14v-1.64l.14-.14h6.58l.14.14v1.64l-.14.14ZM11.05 6.55V1.64l.14-.14h1.65l.14.14v4.9l-.14.14h-1.65l-.14-.13Zm0 15.81v-4.9l.14-.14h1.65l.14.13v4.91l-.14.14h-1.65l-.14-.14Z"
+	/>
+	<path
+		class="fill-[#014847] dark:fill-[#FFFFFF]"
+		d="M15.09 15.4h-1.65l-.14-.13v-3.83c0-.68-.27-1.2-1.1-1.23-.42 0-.9 0-1.43.02l-.07.08v4.96l-.14.14H8.9l-.13-.14V8.73l.13-.14h3.7a2.6 2.6 0 0 1 2.61 2.6v4.08l-.13.14Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/NetsuiteIcon.svelte b/frontend/src/lib/components/icons/NetsuiteIcon.svelte
index 768bbbc99e..e20b1801d1 100644
--- a/frontend/src/lib/components/icons/NetsuiteIcon.svelte
+++ b/frontend/src/lib/components/icons/NetsuiteIcon.svelte
@@ -7,6 +7,10 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- Pre-Oracle NetSuite "N" mark. #125580/#baccdb approximate netsuite.com's own 2014 logo art, which
+	 is itself inconsistent: /portal/common/img/ns-logo.png is #14487e/#b9c9d5 and
+	 /portal/common/img/logo-ns-mobile.png is #13527d/#b6c7d5 (both via web.archive.org/web/2014/).
+	 Not Oracle's current NetSuite mark, which is a different logo in a different palette (#264759/#36677D/#94BFCE/#E2C06B). -->
 <svg xmlns="http://www.w3.org/2000/svg" role="img" {width} {height} viewBox="0 0.2 24 24.03">
 	<path
 		d="m 3.2198637,7.809131 h 3.7965561 v 9.018821 h 1.8902684 v 3.52423 H 3.2198637 Z M 20.792951,16.107089 H 16.996396 V 7.088266 H 15.106127 V 3.5640368 h 5.686824 z"
diff --git a/frontend/src/lib/components/icons/NewsApiIcon.svelte b/frontend/src/lib/components/icons/NewsApiIcon.svelte
new file mode 100644
index 0000000000..f7ec6f9e0f
--- /dev/null
+++ b/frontend/src/lib/components/icons/NewsApiIcon.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 / #FFFFFF per newsapi.org. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 700.000000 700.000000"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<metadata> Created by potrace 1.11, written by Peter Selinger 2001-2013 </metadata>
+	<g
+		transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+		fill="currentColor"
+		stroke="none"
+	>
+		<path
+			d="M159 6970 c0 -8 -2 -210 -2 -447 l-2 -433 60 -1 c33 0 76 -2 95 -4
+	31 -2 212 -12 370 -21 30 -1 60 -3 65 -3 12 -1 13 -4907 1 -4961 -11 -51 -51
+	-116 -89 -144 -17 -13 -57 -31 -87 -40 -58 -16 -92 -20 -370 -42 -47 -4 -87
+	-9 -90 -11 -3 -2 -5 -193 -5 -424 l0 -419 45 -1 c59 -1 2491 -1 2508 0 9 1 12
+	97 12 446 l0 445 -37 1 c-21 0 -67 2 -103 4 -36 1 -139 6 -230 10 -91 4 -183
+	9 -205 10 -22 2 -55 3 -72 4 l-33 1 0 1981 c0 1580 3 1980 13 1977 6 -3 28
+	-30 47 -61 19 -31 82 -132 139 -224 57 -93 133 -215 169 -273 36 -58 88 -142
+	116 -187 28 -45 134 -216 235 -380 102 -164 192 -309 202 -323 9 -14 83 -133
+	164 -265 81 -132 158 -256 170 -275 38 -59 147 -233 165 -265 21 -36 518 -838
+	565 -910 17 -27 86 -138 152 -245 66 -107 207 -334 313 -505 172 -276 220
+	-354 255 -413 6 -10 19 -31 30 -47 11 -17 25 -39 32 -50 12 -21 112 -183 213
+	-345 33 -52 61 -99 63 -104 2 -6 952 -12 1197 -7 l36 1 -1 2891 c0 2086 3
+	2910 11 2958 15 87 45 144 96 181 47 35 87 47 178 55 36 3 83 8 105 10 22 2
+	83 7 135 11 52 3 97 10 100 14 3 5 5 196 5 425 l0 417 -1273 1 c-700 0 -1275
+	-3 -1279 -6 -6 -6 -8 -875 -2 -882 2 -2 63 -6 134 -9 262 -11 411 -18 455 -21
+	25 -2 57 -4 73 -4 l27 -1 0 -1945 c0 -1180 -4 -1945 -9 -1945 -8 0 -98 140
+	-216 334 -80 131 -123 201 -166 269 -27 43 -49 83 -49 88 0 5 -4 9 -10 9 -5 0
+	-10 4 -10 9 0 8 -121 207 -225 371 -23 36 -56 90 -74 120 -17 30 -56 93 -85
+	140 -54 87 -807 1307 -900 1458 -28 46 -63 102 -77 125 -72 116 -168 273 -294
+	477 -76 124 -148 241 -160 260 -20 31 -262 422 -304 491 -9 15 -32 53 -51 84
+	-19 31 -43 71 -54 88 -10 18 -27 42 -37 56 -10 13 -19 30 -19 37 0 8 -4 14
+	-10 14 -5 0 -10 5 -10 10 0 6 -19 41 -43 78 -43 67 -98 154 -153 244 -16 27
+	-31 48 -34 49 -3 0 -427 1 -943 2 -827 2 -937 0 -938 -13z"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/NextcloudIcon.svelte b/frontend/src/lib/components/icons/NextcloudIcon.svelte
index 749f855bf3..4cd8759aad 100644
--- a/frontend/src/lib/components/icons/NextcloudIcon.svelte
+++ b/frontend/src/lib/components/icons/NextcloudIcon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
 		size?: number
 		height?: number
@@ -20,13 +21,14 @@
 	)
 </script>
 
+<!-- #0082C9 / #FFFFFF per nextcloud.com. -->
 <svg
 	role="img"
 	viewBox="0 0 24 24"
 	{width}
 	{height}
 	xmlns="http://www.w3.org/2000/svg"
-	class={clazz}
+	class={twMerge('text-[#0082C9] dark:text-[#FFFFFF]', clazz)}
 	fill={color ?? 'currentColor'}
 >
 	<path
diff --git a/frontend/src/lib/components/icons/NocoDbIcon.svelte b/frontend/src/lib/components/icons/NocoDbIcon.svelte
index 6b73f61ad6..b60432b37c 100644
--- a/frontend/src/lib/components/icons/NocoDbIcon.svelte
+++ b/frontend/src/lib/components/icons/NocoDbIcon.svelte
@@ -1,36 +1,105 @@
+<!-- #4351E8 → #2A1EA5 with the #ED0029 → #F43760 dot, per nocodb.com's own Logo.svg / favicon. NocoDB publishes no reversed variant; the full-colour mark is used on light and dark alike. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
-x="0px"
-y="0px"
-{width}
-{height}
-viewBox="0 0 200.000000 200.000000"
- preserveAspectRatio="xMidYMid meet"
- style="fill:currentcolor;">
 
-<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)" stroke="none">
-<path d="M138 1990 c-42 -12 -84 -46 -110 -88 l-23 -37 -3 -843 c-2 -575 1
--855 8 -883 6 -21 24 -55 41 -73 61 -70 19 -67 970 -64 l855 3 41 27 c24 16
-49 44 62 70 21 44 21 49 21 896 0 577 -3 860 -11 879 -15 40 -57 82 -104 104
--38 18 -83 19 -880 18 -462 0 -852 -4 -867 -9z m1487 -169 c48 -22 79 -54 100
--103 13 -32 15 -111 15 -565 l0 -528 -75 0 -75 0 0 488 c0 549 0 545 -67 568
--27 8 -178 10 -599 4 l-563 -7 -23 -25 -23 -25 -3 -556 c-2 -389 0 -569 8
--595 20 -67 16 -67 567 -67 l488 0 0 -75 0 -75 -546 2 -545 3 -41 27 c-24 16
--49 44 -62 70 -21 44 -21 53 -21 686 0 427 4 650 11 669 14 37 66 92 104 109
-24 11 156 13 670 13 601 1 642 -1 680 -18z m-255 -698 c0 -316 -2 -352 -19
--388 -36 -79 -117 -121 -182 -95 -17 8 -109 97 -212 208 l-182 194 -5 -174
-c-7 -232 -11 -238 -154 -238 l-86 0 0 352 c0 335 1 354 21 394 26 55 72 84
-133 84 57 0 71 -11 286 -249 l155 -171 5 183 c7 239 11 245 158 246 l82 1 0
--347z m357 -614 c34 -13 80 -55 99 -91 19 -37 18 -122 -3 -165 -35 -74 -140
--119 -218 -93 -79 26 -128 92 -128 175 0 75 47 148 113 174 34 13 102 13 137
-0z"/>
-</g>
+<svg {width} {height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M11.553 14.9191V20.9698C11.553 22.0498 10.7767 22.9257 9.81933 22.9241L7.00064 22.9183L7.01546 15.9144V15.688C7.03933 13.9362 8.46514 12.8199 9.78146 13.2851C10.1009 13.3987 10.3873 13.6094 10.6244 13.8761L11.553 14.9191Z"
+		fill="url(#nocodb-a)"
+	/>
+	<path
+		d="M18.4392 15.3669V9.03641C18.4392 7.95553 19.2163 7.07962 20.1737 7.08209L22.9924 7.08703L22.9776 14.3717V14.5972C22.9529 16.3498 21.5271 17.4661 20.2116 17.0002C19.8913 16.8874 19.6057 16.6767 19.3686 16.4099L18.4392 15.3669Z"
+		fill="url(#nocodb-b)"
+	/>
+	<path
+		d="M22.9727 14.1158V19.4C22.9858 21.9462 20.6347 23.6692 18.785 22.5924C18.5602 22.4615 18.3577 22.2878 18.175 22.0911L12.4306 15.9038L11.553 14.9192L10.6244 13.8762C10.3874 13.6095 10.1009 13.3987 9.78147 13.2851C8.46515 12.82 7.03935 13.9363 7.01547 15.6881V15.6297L7.01382 11.1917V10.4623C7.01382 7.71115 9.74607 6.16352 11.6197 7.85604L19.1554 16.0882C19.3365 16.2866 19.5522 16.4537 19.7983 16.5624C21.2126 17.1913 22.9727 15.9721 22.9727 14.1158Z"
+		fill="url(#nocodb-c)"
+	/>
+	<path
+		d="M22.9727 19.0534V19.4C22.9858 21.9462 20.6347 23.6692 18.785 22.5924C18.5602 22.4615 18.3577 22.2878 18.175 22.0911L12.4306 15.9038L11.553 14.9192L10.6244 13.8762C10.3874 13.6095 10.1009 13.3987 9.78147 13.2851C8.46515 12.82 7.03935 13.9363 7.01547 15.6881V15.6297L7.01382 11.1917V11.1291C7.35793 9.51976 9.18629 8.81509 10.3297 10.0532L19.6543 20.1409C20.801 21.3823 22.6351 20.6694 22.9727 19.0534Z"
+		fill="url(#nocodb-d)"
+	/>
+	<path
+		d="M22.9092 28.5079C22.9092 28.0214 22.9718 27.5505 23.0887 27.1019H4.58778C3.65261 27.1019 2.88619 26.3363 2.88619 25.3994V4.58776C2.88619 3.65259 3.65261 2.88619 4.58778 2.88619H25.4003C26.3363 2.88619 27.1027 3.65259 27.1027 4.58776V23.1224C27.5382 23.0129 27.9934 22.9545 28.4626 22.9545C28.992 22.9545 29.5032 23.0294 29.9881 23.1685V3.63366C29.9881 1.63489 28.3531 0 26.3536 0H3.63449C1.6349 0 0 1.63489 0 3.63366V26.3544C0 28.3523 1.6349 29.988 3.63449 29.988H23.1101C22.98 29.5163 22.9092 29.0208 22.9092 28.5079Z"
+		fill="url(#nocodb-e)"
+	/>
+	<path
+		d="M31.9547 28.5079C31.9547 30.4367 30.3914 32 28.4626 32C26.5338 32 24.9697 30.4367 24.9697 28.5079C24.9697 26.5791 26.5338 25.015 28.4626 25.015C30.3914 25.015 31.9547 26.5791 31.9547 28.5079Z"
+		fill="url(#nocodb-f)"
+	/>
+	<defs>
+		<linearGradient
+			id="nocodb-a"
+			x1="8.70881"
+			y1="18.4499"
+			x2="-0.349016"
+			y2="23.2575"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4351E8" />
+			<stop offset="1" stop-color="#2A1EA5" />
+		</linearGradient>
+		<linearGradient
+			id="nocodb-b"
+			x1="21.0323"
+			y1="11.8436"
+			x2="30.9302"
+			y2="15.3147"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4351E8" />
+			<stop offset="1" stop-color="#2A1EA5" />
+		</linearGradient>
+		<linearGradient
+			id="nocodb-c"
+			x1="9.30895"
+			y1="15.4782"
+			x2="26.6077"
+			y2="14.1134"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4351E8" />
+			<stop offset="1" stop-color="#353495" />
+			<stop offset="1" stop-color="#2A1EA5" />
+		</linearGradient>
+		<linearGradient
+			id="nocodb-d"
+			x1="2.53307"
+			y1="10.1932"
+			x2="21.6321"
+			y2="19.8129"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4351E8" />
+			<stop offset="1" stop-color="#2A1EA5" />
+		</linearGradient>
+		<linearGradient
+			id="nocodb-e"
+			x1="6.02593"
+			y1="6.06872"
+			x2="33.3661"
+			y2="33.2781"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#4351E8" />
+			<stop offset="1" stop-color="#2A1EA5" />
+		</linearGradient>
+		<linearGradient
+			id="nocodb-f"
+			x1="33.1311"
+			y1="31.2706"
+			x2="23.9283"
+			y2="25.824"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#ED0029" />
+			<stop offset="1" stop-color="#F43760" />
+		</linearGradient>
+	</defs>
 </svg>
-	
\ No newline at end of file
diff --git a/frontend/src/lib/components/icons/NotionIcon.svelte b/frontend/src/lib/components/icons/NotionIcon.svelte
index c12c39c374..d1543adca5 100644
--- a/frontend/src/lib/components/icons/NotionIcon.svelte
+++ b/frontend/src/lib/components/icons/NotionIcon.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #000000 mark on a #FFFFFF plate per Notion's own app icon (notion.com/front-static/logo-ios.png).
+	The plate is fixed, not theme-swapped: the mark is pure black and disappears on dark backgrounds without it. -->
 <svg
 	x="0px"
 	y="0px"
diff --git a/frontend/src/lib/components/icons/NuIcon.svelte b/frontend/src/lib/components/icons/NuIcon.svelte
index c356300e58..3801a47dba 100644
--- a/frontend/src/lib/components/icons/NuIcon.svelte
+++ b/frontend/src/lib/components/icons/NuIcon.svelte
@@ -1,10 +1,24 @@
+<!-- #4D9B05 / #4D9B05 per nushell/vscode-nushell-lang assets/nu.svg. Nushell registers that one file as both the `light` and `dark` icon, so the green is not theme-swapped. -->
 <script lang="ts">
 	interface Props {
-		height?: number;
-		width?: number;
+		height?: number
+		width?: number
 	}
 
-	let { height = 24, width = 24 }: Props = $props();
+	let { height = 24, width = 24 }: Props = $props()
 </script>
 
-<svg {width} {height} id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="50 50 300 300" style="display: block;"><path d="M0 0 C6.93 0 13.86 0 21 0 C21 38.61 21 77.22 21 117 C14.22645857 117 8.53138599 116.98586958 2 116 C2 112.04 2 108.08 2 104 C-0.10375 105.546875 -0.10375 105.546875 -2.25 107.125 C-14.08028546 115.39780955 -25.41138365 120.30986454 -40 119 C-49.64829412 117.07689721 -56.55713116 113.55978645 -63.375 106.5625 C-67.57662665 99.93685797 -67.37124042 92.76701998 -67.85671997 85.13790894 C-68.00601713 82.91021723 -68.17880156 80.68508098 -68.35327148 78.45922852 C-70.5354284 49.24476592 -70.5354284 49.24476592 -66.37548828 42.28027344 C-61.37591691 37.48343546 -54.90107126 35 -48 35 C-47.99120064 36.00691895 -47.99120064 36.00691895 -47.98222351 37.03417969 C-47.91811799 44.04275353 -47.83365385 51.05087548 -47.73754883 58.05908203 C-47.70436561 60.67197702 -47.67631329 63.28494255 -47.65356445 65.89794922 C-47.61989792 69.66143761 -47.56757351 73.42428339 -47.51171875 77.1875 C-47.50532883 78.34926758 -47.4989389 79.51103516 -47.49235535 80.70800781 C-47.37651596 87.14857181 -46.86191996 92.1856278 -44 98 C-39.07211074 102.19394831 -34.56906849 102.68837734 -28.1796875 102.44140625 C-18.0472244 101.03481125 -8.20012624 95.20012624 -1 88 C-0.87483363 85.26194796 -0.81392327 82.54788281 -0.79467773 79.80834961 C-0.78477814 78.94988937 -0.77487854 78.09142914 -0.76467896 77.20695496 C-0.73296691 74.35544641 -0.70826836 71.50392118 -0.68359375 68.65234375 C-0.66303259 66.68078669 -0.64203635 64.70923412 -0.62062073 62.73768616 C-0.56531347 57.53778715 -0.5159425 52.3378478 -0.46777344 47.13787842 C-0.41762143 41.83602286 -0.36190256 36.5342262 -0.30664062 31.23242188 C-0.19895325 20.82166293 -0.09804608 10.41085421 0 0 Z " transform="translate(193,170)" style="fill: #4F980A;"/><path d="M0 0 C6.17090994 5.20954713 8.74246099 10.18357236 9.68994141 18.19775391 C10.07290072 23.37522498 10.16346855 28.564741 10.296875 33.75341797 C10.45326878 37.43355901 10.77431278 41.08446193 11.09375 44.75390625 C12.51153769 64.11321466 12.51153769 64.11321466 8.81298828 69.37255859 C3.78222552 73.8354667 -2.76794162 77.0625 -9.5625 77.0625 C-9.56796844 76.03678894 -9.56796844 76.03678894 -9.57354736 74.99035645 C-9.61546478 67.85195329 -9.68487596 60.71418754 -9.77001953 53.57617188 C-9.80037523 50.91458389 -9.81942114 48.2535998 -9.83349609 45.59179688 C-9.85498215 41.75868357 -9.90166563 37.92656398 -9.953125 34.09375 C-9.95435364 32.91010864 -9.95558228 31.72646729 -9.95684814 30.50695801 C-10.07870172 23.58233921 -10.80347291 18.93760458 -14.5625 13.0625 C-19.75665219 8.90717825 -26.22877464 9.37883486 -32.5625 10.0625 C-41.85301864 12.09720036 -49.87659296 17.37659296 -56.5625 24.0625 C-56.78018018 26.86199837 -56.87392652 29.56549727 -56.88134766 32.36767578 C-56.89139328 33.22628204 -56.9014389 34.08488831 -56.91178894 34.96951294 C-56.94275026 37.8156058 -56.95969189 40.66160406 -56.9765625 43.5078125 C-56.99526375 45.47794415 -57.01483636 47.4480677 -57.0352478 49.41818237 C-57.08668529 54.60983518 -57.1262487 59.80151399 -57.16339111 64.99328613 C-57.20335811 70.28855889 -57.25448368 75.5837224 -57.3046875 80.87890625 C-57.40158433 91.27336858 -57.48491405 101.66787557 -57.5625 112.0625 C-64.4925 112.0625 -71.4225 112.0625 -78.5625 112.0625 C-78.5625 73.4525 -78.5625 34.8425 -78.5625 -4.9375 C-68.4375 -4.9375 -68.4375 -4.9375 -64 -4.4375 C-61.8034375 -4.19 -61.8034375 -4.19 -59.5625 -3.9375 C-59.2325 -0.3075 -58.9025 3.3225 -58.5625 7.0625 C-57.88445312 6.61519531 -57.20640625 6.16789062 -56.5078125 5.70703125 C-39.00211665 -5.66439722 -19.20415486 -13.78851193 0 0 Z " transform="translate(134.5625,117.9375)" style="fill: #26B346;"/><path d="M0 0 C3.34699538 1.27754112 6.45190204 2.71552371 9.5703125 4.4765625 C10.89349487 5.22268799 10.89349487 5.22268799 12.2434082 5.98388672 C13.1943335 6.5254541 14.14525879 7.06702148 15.125 7.625 C16.13199951 8.19621582 17.13899902 8.76743164 18.17651367 9.35595703 C27.07885409 14.42878382 35.8930231 19.64600095 44.69506836 24.89038086 C53.88854921 30.36245557 63.13968459 35.72600245 72.42504883 41.04052734 C74.40440628 42.17579125 76.37761289 43.32187523 78.34326172 44.48071289 C80.93162593 46.00735157 80.93162593 46.00735157 83.45751953 47.15795898 C86.67435707 48.77571441 88.55948647 49.84425335 89.87182617 53.28735352 C91.03664976 59.85748883 91.67777526 68.95501885 87.84570312 74.74365234 C84.38870949 77.97907357 80.05500078 79.76703225 75.77783203 81.68554688 C70.84375759 84.02032072 66.1830968 86.84463164 61.4699707 89.59158325 C59.06990521 90.98306075 56.65643471 92.35034265 54.24282837 93.71815491 C46.93425244 97.86215345 39.69175768 102.11067741 32.47402954 106.41061401 C27.65400632 109.2815708 22.8272111 112.14115069 18 115 C16.67452148 115.78552246 16.67452148 115.78552246 15.32226562 116.58691406 C13.05475038 117.92386695 10.77965686 119.2463902 8.5 120.5625 C7.54818848 121.12698853 7.54818848 121.12698853 6.57714844 121.70288086 C4.84375 122.69140625 4.84375 122.69140625 2 124 C-2.20059624 122.59980125 -3.19051525 119.63174123 -5.1875 115.9375 C-5.55552734 115.27427734 -5.92355469 114.61105469 -6.30273438 113.92773438 C-7.21012062 112.28972543 -8.10615573 110.64543779 -9 109 C-5.15078128 104.74717388 -1.23840292 102.22131326 3.8125 99.5625 C5.43879937 98.68208347 7.06373055 97.79913633 8.6875 96.9140625 C9.98300781 96.20878418 9.98300781 96.20878418 11.3046875 95.48925781 C19.14796406 91.15556334 26.8382037 86.54533596 34.56542969 82.00927734 C37.67516142 80.19003565 40.79006514 78.38021857 43.90785217 76.57484436 C46.59478583 75.01828741 49.2792667 73.45752949 51.96347046 71.89627075 C53.27543727 71.13444366 54.58844192 70.37440098 55.90249634 69.61618042 C57.73863704 68.55624679 59.5708615 67.48983218 61.40234375 66.421875 C62.45929443 65.80924805 63.51624512 65.19662109 64.60522461 64.56542969 C67.09869419 63.2225852 67.09869419 63.2225852 68 61 C67.28279785 60.73010254 66.5655957 60.46020508 65.82666016 60.18212891 C62.99143436 58.99641779 60.43187242 57.62543615 57.7734375 56.0859375 C56.24601929 55.20373535 56.24601929 55.20373535 54.68774414 54.30371094 C53.59453857 53.66723633 52.50133301 53.03076172 51.375 52.375 C50.22070176 51.70591662 49.06632197 51.03697392 47.91186523 50.36816406 C38.46416027 44.88618345 29.06684964 39.31977925 19.67797852 33.73779297 C10.16199104 28.08266556 0.59653461 22.51713074 -9 17 C-7.51481201 12.95698825 -5.57122002 9.38853744 -3.375 5.6875 C-2.74335938 4.61886719 -2.11171875 3.55023438 -1.4609375 2.44921875 C-0.97882813 1.64097656 -0.49671875 0.83273438 0 0 Z " transform="translate(255,140)" style="fill: #E4E4E4;"/></svg>
+<svg
+	{width}
+	{height}
+	id="svg"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	fill="none"
+	style="display: block;"
+	><path
+		d="M7.9 7C8.88667 7 9.64 7.31333 10.16 7.94C10.68 8.56667 10.94 9.52667 10.94 10.82V18H8.92V11.22C8.92 10.3933 8.8 9.77333 8.56 9.36C8.32 8.93333 7.93333 8.72 7.4 8.72C6.64 8.72 6.10667 9.02667 5.8 9.64C5.49333 10.2533 5.34 11.22 5.34 12.54V18H3.32V7.2H4.92L5.16 8.66H5.26C5.46 8.28667 5.68667 7.98 5.94 7.74C6.20667 7.5 6.50667 7.32 6.84 7.2C7.17333 7.06667 7.52667 7 7.9 7ZM21.1148 7.2V18H19.5148L19.2548 16.58H19.1548C18.9815 16.94 18.7615 17.24 18.4948 17.48C18.2282 17.72 17.9282 17.9 17.5948 18.02C17.2615 18.14 16.9015 18.2 16.5148 18.2C15.8348 18.2 15.2682 18.0467 14.8148 17.74C14.3748 17.4333 14.0415 16.9867 13.8148 16.4C13.5882 15.8133 13.4748 15.1 13.4748 14.26V7.2H15.4948V13.86C15.4948 14.74 15.6148 15.4 15.8548 15.84C16.0948 16.2667 16.4748 16.48 16.9948 16.48C17.5282 16.48 17.9482 16.34 18.2548 16.06C18.5615 15.78 18.7748 15.3667 18.8948 14.82C19.0148 14.2733 19.0748 13.6 19.0748 12.8V7.2H21.1148Z"
+		fill="#4D9B05"
+	/></svg
+>
diff --git a/frontend/src/lib/components/icons/OauthIcon.svelte b/frontend/src/lib/components/icons/OauthIcon.svelte
new file mode 100644
index 0000000000..c2f8ef0155
--- /dev/null
+++ b/frontend/src/lib/components/icons/OauthIcon.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="m11 17 2 2a1 1 0 1 0 3-3" />
+	<path
+		d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"
+	/>
+	<path d="m21 3 1 11h-2" />
+	<path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3" />
+	<path d="M3 4h8" />
+</svg>
diff --git a/frontend/src/lib/components/icons/OdkIcon.svelte b/frontend/src/lib/components/icons/OdkIcon.svelte
new file mode 100644
index 0000000000..de1b4c9794
--- /dev/null
+++ b/frontend/src/lib/components/icons/OdkIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #3E77B4 / #904A22 / #0A711E per ODK brand assets (getodk.org/legal/brand/). ODK publishes no reversed or monochrome variant. -->
+<svg {width} {height} viewBox="0 0 426 223" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M207.673 111.26C207.483 115.352 205.769 119.225 202.868 122.117C177.62 147.262 152.391 172.427 127.181 197.61L122.207 202.699C120.82 204.2 119.138 205.398 117.267 206.218C115.395 207.038 113.375 207.463 111.332 207.465C109.289 207.468 107.268 207.048 105.394 206.233C103.521 205.418 101.836 204.224 100.445 202.727L26.3689 128.507L20.0099 122.287C18.4635 120.894 17.2265 119.193 16.379 117.292C15.5314 115.391 15.092 113.333 15.0894 111.252C15.0867 109.171 15.5208 107.112 16.3635 105.209C17.2062 103.306 18.4388 101.601 19.9816 100.204L97.6468 22.7327C100.84 19.4246 103.865 16.0599 108.754 15.2683C111.182 14.8277 113.682 15.0061 116.024 15.7868C118.365 16.5676 120.472 17.9256 122.15 19.7356C146.871 44.4474 171.572 69.1781 196.255 93.9276C198.346 96.0387 200.475 98.1122 202.642 100.148C205.692 103.047 207.488 107.025 207.644 111.231M111.298 171.258C111.926 170.801 112.53 170.31 113.106 169.788L169.914 113.069C171.327 111.656 171.327 110.779 169.914 109.365C150.959 90.497 132.023 71.5908 113.106 52.647C111.835 51.3746 110.958 51.1767 109.574 52.5339C90.6377 71.5531 71.6548 90.5346 52.6247 109.478C51.2964 110.807 51.2964 111.684 52.6247 113.013C71.6548 131.957 90.6566 150.919 109.63 169.901C110.082 170.381 110.648 170.749 111.326 171.286"
+		fill="#3E77B4"
+	/>
+	<path
+		d="M309.474 79.7621L334.062 60.1114L386.065 18.5481C395.787 10.8575 409.014 15.8337 410.936 27.9069C411.869 33.8445 409.41 38.6512 404.747 42.3268C392.368 52.204 379.998 62.1001 367.638 72.0149L321.627 108.772C320.694 109.507 319.818 110.27 318.659 111.231L321.712 113.776L404.097 179.571C407.304 181.826 409.631 185.123 410.682 188.901C411.406 191.915 411.186 195.078 410.051 197.963C408.916 200.847 406.922 203.311 404.338 205.022C401.754 206.733 398.707 207.607 395.61 207.525C392.513 207.443 389.516 206.41 387.026 204.565C381.148 200.098 375.467 195.404 369.701 190.824L312.159 144.821C311.452 144.256 310.746 143.747 309.672 142.955C309.587 144.199 309.53 145.104 309.53 145.981C309.53 161.39 309.587 176.8 309.474 192.209C309.526 194.784 308.917 197.329 307.706 199.601C306.495 201.874 304.723 203.798 302.557 205.19C300.392 206.582 297.906 207.396 295.337 207.554C292.768 207.712 290.201 207.209 287.881 206.092C285.318 205.006 283.133 203.187 281.599 200.863C280.066 198.539 279.253 195.814 279.261 193.029C279.064 178.553 279.12 164.076 279.177 149.6C279.177 148.752 279.855 147.705 280.533 147.168C288.692 140.514 296.897 133.964 305.15 127.518C316.822 118.498 316.737 103.852 305.037 94.8324C296.699 88.4141 288.56 81.7696 280.42 75.1534C279.667 74.4457 279.221 73.4715 279.177 72.439C279.12 58.4527 279.129 44.4757 279.205 30.5081C279.144 28.4701 279.493 26.4406 280.229 24.5394C280.965 22.6382 282.075 20.9038 283.492 19.4385C284.909 17.9733 286.606 16.8068 288.481 16.008C290.356 15.2092 292.372 14.7943 294.41 14.7876C302.889 14.8159 309.474 21.7148 309.502 30.6212V76.3409L309.474 79.7621Z"
+		fill="#0A711E"
+	/>
+	<path
+		d="M207.87 124.549V161.023L270.161 111.26L207.898 61.4968V97.5466L207.192 97.9707C206.146 96.8115 205.129 95.5674 204.026 94.4647C195.642 86.0955 187.276 77.698 178.929 69.2722C178.056 68.3207 177.554 67.086 177.516 65.7945C177.403 53.9192 177.516 42.0723 177.516 30.2253C177.381 27.3216 178.127 24.4449 179.655 21.9725C181.183 19.5002 183.423 17.5476 186.08 16.3709C191.845 13.5434 197.413 14.3917 202.444 18.4066L300.006 96.4722L303.425 99.1017C305.316 100.513 306.852 102.347 307.911 104.456C308.97 106.565 309.523 108.892 309.525 111.253C309.528 113.613 308.981 115.941 307.927 118.053C306.873 120.165 305.341 122.002 303.454 123.418L204.761 202.105C202.229 204.302 199.304 206.001 196.141 207.11C186.899 209.796 177.573 202.416 177.516 192.803C177.46 180.702 177.441 168.6 177.46 156.499C177.46 155.509 177.884 154.265 178.534 153.615C187.898 144.171 197.309 134.775 206.768 125.425C206.966 125.199 207.248 125.029 207.898 124.577"
+		fill="#904A22"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/OktaIcon.svelte b/frontend/src/lib/components/icons/OktaIcon.svelte
index 01c5d0715c..dfdd557adc 100644
--- a/frontend/src/lib/components/icons/OktaIcon.svelte
+++ b/frontend/src/lib/components/icons/OktaIcon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
 		size?: number
 		height?: number
@@ -20,6 +21,8 @@
 	)
 </script>
 
+<!-- #000000 / #FFFFFF per okta.com. Okta's official April-2025 logo package (logos-04-2025.zip)
+	ships the mark in Black and White only. -->
 <svg
 	role="img"
 	{width}
@@ -27,7 +30,7 @@
 	viewBox="0 0 1594 1595"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
-	class={clazz}
+	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
 >
 	<title>okta-svg</title>
 	<path
diff --git a/frontend/src/lib/components/icons/OneSignalIcon.svelte b/frontend/src/lib/components/icons/OneSignalIcon.svelte
index f52f181cf0..0f835c7c31 100644
--- a/frontend/src/lib/components/icons/OneSignalIcon.svelte
+++ b/frontend/src/lib/components/icons/OneSignalIcon.svelte
@@ -1,14 +1,22 @@
+<!-- #051B2C / #FFFFFF per OneSignal's official media kit (OneSignal-Logomark.svg / OneSignal-Logomark-White.svg), matching the prefers-color-scheme pair in their own onesignal.com/favicon.svg. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 236" xmlns="http://www.w3.org/2000/svg">
-<g>
-        <path d="M128.343773,0 C57.5812604,0 0,57.5812604 0,128.343773 C0,173.437531 23.5875043,212.981288 58.2750105,235.875043 C60.3562609,234.487542 62.4375113,233.100042 64.5187617,231.712542 C65.9062619,231.018792 67.9875123,229.631291 69.3750125,228.937541 C71.4562629,228.243791 73.5375133,226.856291 74.9250135,226.162541 C77.0062639,225.468791 79.0875143,224.775041 81.1687647,223.38754 C82.5562649,222.69379 84.6375153,222.00004 86.0250155,221.30629 C88.1062659,220.61254 90.8812664,219.91879 92.9625168,219.22504 C95.0437672,218.531289 96.4312674,218.531289 98.5125178,217.837539 C100.593768,217.143789 101.981268,217.143789 104.062519,216.450039 C106.143769,215.756289 108.22502,215.756289 110.30627,215.756289 L110.30627,215.756289 C112.38752,215.756289 115.162521,215.062539 117.243771,215.062539 L117.243771,215.062539 L117.243771,206.737537 L117.243771,199.800036 L117.243771,171.356281 L117.243771,164.41878 L117.243771,138.750025 L110.30627,138.750025 L110.30627,124.875023 L117.243771,124.875023 L138.056275,124.875023 L144.993776,124.875023 L144.993776,162.337529 L144.993776,169.968781 L144.993776,199.106286 L144.993776,206.043787 L144.993776,216.450039 C164.41878,219.22504 181.762533,226.162541 197.718786,235.875043 L197.718786,235.875043 C233.100042,212.981288 255.993796,173.437531 255.993796,128.343773 C256.687546,57.5812604 199.106286,0 128.343773,0 L128.343773,0 Z M166.50003,128.343773 C166.50003,107.531269 149.156277,90.1875163 128.343773,90.1875163 C107.531269,90.1875163 90.1875163,107.531269 90.1875163,128.343773 C90.1875163,142.912526 98.5125178,156.093778 111.00002,162.337529 L111.00002,169.968781 C95.0437672,163.031279 83.250015,147.075027 83.250015,128.343773 C83.250015,103.368769 103.368769,83.250015 128.343773,83.250015 C153.318778,83.250015 173.437531,103.368769 173.437531,128.343773 C173.437531,144.300026 165.11253,158.175029 152.625028,166.50003 L152.625028,158.175029 C160.950029,150.543777 166.50003,140.137525 166.50003,128.343773 L166.50003,128.343773 Z M152.625028,203.962537 L152.625028,196.331285 C181.068783,186.618784 201.187536,159.562529 201.187536,127.650023 C201.187536,88.1062659 168.58128,55.50001 128.343773,55.50001 C88.1062659,55.50001 55.50001,88.1062659 55.50001,128.343773 C55.50001,162.337529 79.0875143,191.475035 111.00002,199.106286 L111.00002,206.043787 C75.6187637,198.412536 48.5625088,166.50003 48.5625088,128.343773 C48.5625088,83.9437652 83.9437652,48.5625088 128.343773,48.5625088 C172.743781,48.5625088 208.125038,83.9437652 208.125038,128.343773 C208.125038,163.72503 184.537533,194.250035 152.625028,203.962537 L152.625028,203.962537 Z" fill="#E44A49"></path>
-    </g>
+<svg
+	{width}
+	{height}
+	viewBox="0 0 300 300"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#051B2C] dark:text-[#FFFFFF]"
+>
+	<path
+		fill="currentColor"
+		d="M149.7,0C66.94.16-.47,68.11,0,150.87c.41,77.29,59.36,140.75,134.76,148.35.24.02.48,0,.71-.08.23-.08.44-.2.62-.36.18-.16.32-.36.42-.58.1-.22.15-.46.15-.7v-147.5h-11.62c-.46,0-.9-.18-1.22-.5-.32-.32-.51-.76-.51-1.22v-23.25c0-.46.18-.9.51-1.22.32-.32.76-.51,1.22-.51h36.59c.46,0,.9.18,1.22.51s.5.76.5,1.22v172.48c0,.24.05.48.15.7.1.22.24.42.42.58.18.16.39.29.62.36.23.08.47.1.71.08,75.68-7.64,134.76-71.53,134.76-149.22C300,67.06,232.68-.16,149.7,0ZM192.37,265.8c-.26.09-.54.12-.81.08-.27-.04-.53-.14-.76-.3-.23-.16-.41-.37-.54-.62-.13-.24-.19-.52-.19-.79v-24.62c0-.49.14-.97.4-1.38.26-.41.64-.74,1.08-.95,16.47-7.86,30.38-20.23,40.12-35.66,9.74-15.43,14.92-33.31,14.93-51.56,0-53.78-44.16-97.42-98.12-96.6-51.32.78-93.42,42.15-95.06,93.45-.6,18.78,4.29,37.33,14.06,53.38,9.77,16.05,24.01,28.9,40.96,36.99.44.21.82.54,1.08.95.26.41.4.89.41,1.38v24.63c0,.28-.07.55-.19.79-.13.24-.31.46-.54.61-.22.16-.49.26-.76.3-.27.04-.55,0-.81-.08-47.52-17.43-81.44-63.34-80.95-116.96.6-66.98,55.32-121.63,122.33-122.15,68.43-.53,124.27,54.99,124.27,123.3,0,53.12-33.76,98.5-80.93,115.8Z"
+	></path>
 </svg>
diff --git a/frontend/src/lib/components/icons/OpenRouterIcon.svelte b/frontend/src/lib/components/icons/OpenRouterIcon.svelte
index bae5aff315..bd2d1eb4bc 100644
--- a/frontend/src/lib/components/icons/OpenRouterIcon.svelte
+++ b/frontend/src/lib/components/icons/OpenRouterIcon.svelte
@@ -7,8 +7,16 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<!-- #7624F4 / #C8FF00 per openrouter.ai/brand/v2/openrouter-glyph-{light,dark}.svg. -->
+<svg
+	class="text-[#7624F4] dark:text-[#C8FF00]"
+	{width}
+	{height}
+	viewBox="0 0 401.4 293.7"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
-		d="M16.778 1.844v1.919q-.569-.026-1.138-.032-.708-.008-1.415.037c-1.93.126-4.023.728-6.149 2.237-2.911 2.066-2.731 1.95-4.14 2.75-.396.223-1.342.574-2.185.798-.841.225-1.753.333-1.751.333v4.229s.768.108 1.61.333c.842.224 1.789.575 2.185.799 1.41.798 1.228.683 4.14 2.75 2.126 1.509 4.22 2.11 6.148 2.236.88.058 1.716.041 2.555.005v1.918l7.222-4.168-7.222-4.17v2.176c-.86.038-1.611.065-2.278.021-1.364-.09-2.417-.357-3.979-1.465-2.244-1.593-2.866-2.027-3.68-2.508.889-.518 1.449-.906 3.822-2.59 1.56-1.109 2.614-1.377 3.978-1.466.667-.044 1.418-.017 2.278.02v2.176L24 6.014Z"
+		d="M303.9475,17.19926c42.79734,0,77.48933,34.69327,77.48933,77.48933s-34.69199,77.48933-77.48933,77.48933l76.86166,76.86244c9.76367,9.76313,2.84903,26.45667-10.95697,26.45667h-220.88335c-71.32686,0-129.14889-57.82202-129.14889-129.14889S77.64197,17.19926,148.96884,17.19926h154.97866ZM148.96884,68.85881c-42.79607,0-77.48933,34.69327-77.48933,77.48933s34.69327,77.48933,77.48933,77.48933,77.48933-34.69327,77.48933-77.48933-34.69327-77.48933-77.48933-77.48933Z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/OpenWeatherIcon.svelte b/frontend/src/lib/components/icons/OpenWeatherIcon.svelte
index 709c96e230..1eab3170bc 100644
--- a/frontend/src/lib/components/icons/OpenWeatherIcon.svelte
+++ b/frontend/src/lib/components/icons/OpenWeatherIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.673 30.636a17.694 17.694 0 1 0-33.345 0M4.5 30.635h39M8.791 35.817h15.706m4.393 0h2.982m4.392 0h2.982m-24.64 5.181h19.757"/>
+<!-- #EA6D4A / #EA6D4A per openweather.co.uk/brand_guidelines. Their negative (dark-background) logo reverses only the wordmark; the symbol stays brand orange. -->
+<svg class="text-[#EA6D4A]" {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M44.74 28.33 L44.74 28.44 C44.74 29.24 44.09 29.89 43.29 29.89 L28.13 29.89 C27.33 29.89 26.68 30.54 26.68 31.34 L26.68 31.45 C26.68 32.25 27.33 32.89 28.13 32.89 L28.72 32.89 C29.52 32.89 30.18 33.54 30.18 34.34 L30.18 34.45 C30.18 35.25 29.52 35.90 28.72 35.90 L26.92 35.90 C26.12 35.90 25.47 36.55 25.47 37.35 L25.47 37.46 C25.47 38.26 26.12 38.90 26.92 38.90 L36.79 38.90 C37.59 38.90 38.23 39.55 38.23 40.35 L38.23 40.46 C38.23 41.26 37.59 41.90 36.79 41.90 L10.63 41.90 C9.83 41.90 9.18 41.26 9.18 40.46 L9.18 40.35 C9.18 39.55 9.83 38.90 10.63 38.90 L16.90 38.90 C17.70 38.90 18.35 38.26 18.35 37.46 L18.35 37.35 C18.35 36.55 17.70 35.90 16.90 35.90 L7.58 35.90 C6.77 35.90 6.13 35.25 6.13 34.45 L6.13 34.34 C6.13 34.15 6.17 33.96 6.24 33.79 C6.45 33.26 6.97 32.89 7.58 32.89 L8.07 32.89 C8.87 32.89 9.52 32.25 9.52 31.45 L9.52 31.34 C9.52 30.54 8.87 29.89 8.07 29.89 L2.45 29.89 C1.65 29.89 1.00 29.24 1.00 28.44 L1.00 28.33 C1.00 27.53 1.65 26.89 2.45 26.89 L3.55 26.89 C3.41 25.95 3.33 24.99 3.33 24.01 C3.33 14.12 11.36 6.10 21.24 6.10 C31.14 6.10 39.16 14.12 39.16 24.01 C39.16 24.99 39.08 25.95 38.93 26.89 L43.29 26.89 C44.09 26.89 44.74 27.53 44.74 28.33 Z M47.00 34.34 L47.00 34.45 C47.00 35.25 46.35 35.90 45.55 35.90 L42.32 35.90 C41.52 35.90 40.88 35.25 40.88 34.45 L40.88 34.34 C40.88 33.54 41.52 32.89 42.32 32.89 L45.55 32.89 C46.35 32.89 47.00 33.54 47.00 34.34 Z M38.44 34.34 L38.44 34.45 C38.44 35.25 37.78 35.90 36.98 35.90 L33.76 35.90 C32.96 35.90 32.31 35.25 32.31 34.45 L32.31 34.34 C32.31 33.54 32.96 32.89 33.76 32.89 L36.98 32.89 C37.78 32.89 38.44 33.54 38.44 34.34 Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/OpenaiIcon.svelte b/frontend/src/lib/components/icons/OpenaiIcon.svelte
index cd7d441b7d..63d86f7945 100644
--- a/frontend/src/lib/components/icons/OpenaiIcon.svelte
+++ b/frontend/src/lib/components/icons/OpenaiIcon.svelte
@@ -1,13 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per openai.com/brand (Blossom_Light.svg / Blossom_Dark.svg). The
+	guidelines state "DON'T add any colors to the Blossom" — black or white only. -->
 <svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
 	xmlns="http://www.w3.org/2000/svg"
 	x="0px"
 	y="0px"
@@ -17,6 +20,6 @@
 	style="fill:currentcolor;"
 >
 	<path
-		d="M75.3666 0.990772C56.9205 0.990772 40.5323 12.7091 34.82 30.0051C28.9578 31.1972 23.4203 33.6075 18.5758 37.0754C13.7313 40.5434 9.69106 44.9895 6.7239 50.1179C-2.52748 65.8927 -0.414958 85.724 11.9789 99.245C8.15248 110.57 9.46573 122.963 15.5767 133.218C24.7714 149.049 43.2721 157.162 61.3762 153.387C65.3401 157.8 70.2122 161.329 75.6676 163.739C81.123 166.148 87.0364 167.382 93.0135 167.359C111.46 167.359 127.848 155.641 133.56 138.345C145.438 135.921 155.661 128.597 161.6 118.232C170.908 102.457 168.795 82.6257 156.403 69.1047V69.0488C158.293 63.451 158.95 57.5194 158.33 51.6509C157.709 45.7825 155.826 40.1123 152.805 35.0198C143.609 19.245 125.106 11.13 107.06 14.905C103.078 10.503 98.1934 6.98605 92.7294 4.58725C87.2654 2.18845 81.3471 0.962552 75.3666 0.990772ZM75.3666 11.8088L75.31 11.8646C82.7341 11.8646 89.873 14.4 95.5833 19.0773C95.3546 19.1891 94.8973 19.4706 94.5554 19.6403L60.9776 38.7389C59.2637 39.6971 58.2358 41.4998 58.2358 43.4722V88.3172L43.7881 80.0924V43.021C43.7849 34.7519 47.1089 26.8196 53.03 20.9669C58.9511 15.1141 66.9849 11.8195 75.3666 11.8068V11.8088ZM115.816 24.8646C121.381 24.854 126.849 26.2929 131.669 29.0359C136.489 31.7788 140.49 35.7285 143.267 40.4857C146.921 46.796 148.291 54.1764 147.034 61.3311C146.806 61.1614 146.351 60.9378 146.063 60.7682L112.485 41.6116C111.641 41.1403 110.687 40.8926 109.716 40.8926C108.746 40.8926 107.792 41.1403 106.947 41.6116L67.6005 64.0341V47.5826L100.094 29.0469C104.871 26.3143 110.294 24.8711 115.816 24.8626V24.8646ZM32.7662 41.8931V81.2742C32.7662 83.2466 33.7941 84.9933 35.508 86.0075L74.796 108.374L60.2896 116.655L27.8531 98.1749C20.6043 94.0304 15.3186 87.2176 13.1561 79.232C10.9937 71.2464 12.1313 62.7407 16.3193 55.5818C20.0137 49.2641 25.8321 44.4207 32.7662 41.8911V41.8931ZM108.032 51.639L140.525 70.1189C155.659 78.7389 160.796 97.7817 152.059 112.712L152.115 112.768C148.404 119.078 142.579 123.923 135.669 126.403V87.0196C135.669 85.0472 134.641 83.2446 132.927 82.2883L93.582 59.8638L108.032 51.639ZM84.1607 65.2179L100.723 74.6824V93.5555L84.1607 103.02L67.6005 93.5555V74.6824L84.1607 65.2179ZM110.201 80.0924L124.649 88.3172V125.333C124.649 142.573 110.486 156.545 93.0701 156.545V156.489C85.7026 156.489 78.5071 153.954 72.8534 149.278C73.0821 149.167 73.5961 148.883 73.8814 148.713L107.459 129.615C109.173 128.657 110.258 126.854 110.199 124.882L110.201 80.0924ZM100.778 104.318V120.767L68.2844 139.247C53.1508 147.811 33.8487 142.74 25.1113 127.866H25.168C21.4569 121.612 20.1416 114.175 21.3982 107.021C21.6269 107.19 22.0842 107.414 22.3695 107.584L55.9472 126.74C56.792 127.211 57.7459 127.459 58.7164 127.459C59.6868 127.459 60.6408 127.211 61.4855 126.74L100.778 104.318Z"
+		d="M64.81 61.751L64.81 46.086C64.81 44.768 65.305 43.778 66.459 43.118L97.954 24.982C102.24 22.509 107.352 21.354 112.628 21.354C132.413 21.354 144.945 36.69 144.945 53.012C144.945 54.167 144.945 55.485 144.78 56.805L112.133 37.678C110.154 36.524 108.175 36.524 106.197 37.678L64.81 61.751ZM138.349 122.759L138.349 85.329C138.349 83.019 137.36 81.371 135.381 80.217L93.995 56.145L107.516 48.394C108.67 47.736 109.659 47.736 110.812 48.394L142.307 66.532C151.376 71.808 157.477 83.019 157.477 93.901C157.477 106.433 150.057 117.975 138.349 122.757L138.349 122.759ZM55.082 89.781L41.562 81.867C40.409 81.209 39.913 80.219 39.913 78.899L39.913 42.626C39.913 24.983 53.434 11.627 71.737 11.627C78.662 11.627 85.091 13.936 90.534 18.057L58.051 36.854C56.074 38.009 55.084 39.658 55.084 41.966L55.084 89.783L55.082 89.781ZM84.184 106.599L64.81 95.717L64.81 72.634L84.184 61.752L103.558 72.634L103.558 95.717L84.184 106.599ZM96.634 156.726C89.708 156.726 83.278 154.416 77.836 150.295L110.318 131.497C112.296 130.344 113.286 128.695 113.286 126.385L113.286 78.569L126.972 86.483C128.126 87.142 128.621 88.131 128.621 89.451L128.621 125.725C128.621 143.368 114.935 156.724 96.634 156.724L96.634 156.726ZM57.556 119.957L26.062 101.819C16.992 96.542 10.893 85.331 10.893 74.449C10.893 61.752 18.477 50.375 30.183 45.594L30.183 83.187C30.183 85.497 31.173 87.144 33.151 88.299L74.373 112.206L60.853 119.957C59.699 120.615 58.709 120.615 57.556 119.957ZM55.743 146.997C37.11 146.997 23.425 132.981 23.425 115.668C23.425 114.35 23.591 113.031 23.754 111.711L56.236 130.509C58.214 131.662 60.194 131.662 62.171 130.509L103.558 106.601L103.558 122.265C103.558 123.585 103.063 124.574 101.909 125.233L70.416 143.371C66.128 145.844 61.016 146.997 55.741 146.997L55.743 146.997ZM96.634 166.617C116.585 166.617 133.237 152.438 137.032 133.641C155.498 128.858 167.37 111.545 167.37 93.904C167.37 82.361 162.424 71.15 153.52 63.07C154.344 59.607 154.839 56.145 154.839 52.683C154.839 29.105 135.712 11.461 113.617 11.461C109.166 11.461 104.879 12.119 100.592 13.605C93.171 6.35 82.948 1.733 71.737 1.733C51.786 1.733 35.133 15.912 31.339 34.709C12.872 39.492 1 56.805 1 74.447C1 85.989 5.946 97.201 14.85 105.28C14.025 108.743 13.531 112.206 13.531 115.668C13.531 139.246 32.658 156.89 54.753 156.89C59.204 156.89 63.491 156.231 67.778 154.746C75.198 162.002 85.421 166.617 96.634 166.617Z"
 	/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/frontend/src/lib/components/icons/OracleDBIcon.svelte b/frontend/src/lib/components/icons/OracleDBIcon.svelte
index 39d2611306..a1e4e2ed7d 100644
--- a/frontend/src/lib/components/icons/OracleDBIcon.svelte
+++ b/frontend/src/lib/components/icons/OracleDBIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #C74634 per Oracle's own logo SVG at https://www.oracle.com/a/ocom/img/oracle-logo.svg. Oracle reserves its logo for licensees. -->
 <svg
 	{height}
 	{width}
@@ -15,5 +16,9 @@
 	viewBox="0 0 24 24"
 	xmlns="http://www.w3.org/2000/svg"
 >
-  <path fill="#C74634" fill-rule="evenodd" d="M7.957359,18.9123664 C4.11670252,18.9123664 1,15.803458 1,11.9617373 C1,8.12000773 4.11670252,5 7.957359,5 L16.0437948,5 C19.8855156,5 23,8.12000773 23,11.9617373 C23,15.803458 19.8855156,18.9123664 16.0437948,18.9123664 L7.957359,18.9123664 L7.957359,18.9123664 Z M15.8639176,16.4585488 C18.352201,16.4585488 20.3674397,14.448858 20.3674397,11.9617373 C20.3674397,9.47460595 18.352201,7.45381934 15.8639176,7.45381934 L8.1360824,7.45381934 C5.64895285,7.45381934 3.63255855,9.47460595 3.63255855,11.9617373 C3.63255855,14.448858 5.64895285,16.4585488 8.1360824,16.4585488 L15.8639176,16.4585488 L15.8639176,16.4585488 Z"/>
+	<path
+		fill="#C74634"
+		fill-rule="evenodd"
+		d="M7.957359,18.9123664 C4.11670252,18.9123664 1,15.803458 1,11.9617373 C1,8.12000773 4.11670252,5 7.957359,5 L16.0437948,5 C19.8855156,5 23,8.12000773 23,11.9617373 C23,15.803458 19.8855156,18.9123664 16.0437948,18.9123664 L7.957359,18.9123664 L7.957359,18.9123664 Z M15.8639176,16.4585488 C18.352201,16.4585488 20.3674397,14.448858 20.3674397,11.9617373 C20.3674397,9.47460595 18.352201,7.45381934 15.8639176,7.45381934 L8.1360824,7.45381934 C5.64895285,7.45381934 3.63255855,9.47460595 3.63255855,11.9617373 C3.63255855,14.448858 5.64895285,16.4585488 8.1360824,16.4585488 L15.8639176,16.4585488 L15.8639176,16.4585488 Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/OutreachIcon.svelte b/frontend/src/lib/components/icons/OutreachIcon.svelte
index a41d123ecd..ed48f6efd4 100644
--- a/frontend/src/lib/components/icons/OutreachIcon.svelte
+++ b/frontend/src/lib/components/icons/OutreachIcon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
 	interface Props {
 		size?: number
 		height?: number
@@ -20,6 +21,7 @@
 	)
 </script>
 
+<!-- #5951FF / #FFFFFF per outreach.ai. -->
 <svg
 	role="img"
 	{width}
@@ -27,7 +29,7 @@
 	viewBox="0 0 32 32"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
-	class={clazz}
+	class={twMerge('text-[#5951FF] dark:text-[#FFFFFF]', clazz)}
 >
 	<title>outreach-svg</title>
 	<path
diff --git a/frontend/src/lib/components/icons/PHPIcon.svelte b/frontend/src/lib/components/icons/PHPIcon.svelte
index 1729042ec7..915180a7c0 100644
--- a/frontend/src/lib/components/icons/PHPIcon.svelte
+++ b/frontend/src/lib/components/icons/PHPIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #777bb3 per php.net/images/logos/new-php-logo.svg (php.net/download-logos.php). Official logo, CC BY-SA 4.0: keep it verbatim and credit Colin Viebrock rather than recolouring. -->
 <svg
 	{height}
 	{width}
diff --git a/frontend/src/lib/components/icons/PagerDutyIcon.svelte b/frontend/src/lib/components/icons/PagerDutyIcon.svelte
index 5b0e9a45e3..44584f60a7 100644
--- a/frontend/src/lib/components/icons/PagerDutyIcon.svelte
+++ b/frontend/src/lib/components/icons/PagerDutyIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#06AC38" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.965 1.18C15.085.164 13.769 0 10.683 0H3.73v14.55h6.926c2.743 0 4.8-.164 6.61-1.37 1.975-1.303 3.004-3.484 3.004-6.007 0-2.716-1.262-4.896-3.305-5.994zm-5.5 10.326h-4.21V3.113l3.977-.027c3.62-.028 5.43 1.234 5.43 4.128 0 3.113-2.248 4.292-5.197 4.292zM3.73 17.61h3.525V24H3.73Z"/>
+<!-- #048A24 / #FFFFFF per pagerduty.com/brand "P icon" pack (P-GreenRGB.svg / P-WhiteRGB.svg). -->
+<svg
+	class="text-[#048A24] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M16.965 1.18C15.085.164 13.769 0 10.683 0H3.73v14.55h6.926c2.743 0 4.8-.164 6.61-1.37 1.975-1.303 3.004-3.484 3.004-6.007 0-2.716-1.262-4.896-3.305-5.994zm-5.5 10.326h-4.21V3.113l3.977-.027c3.62-.028 5.43 1.234 5.43 4.128 0 3.113-2.248 4.292-5.197 4.292zM3.73 17.61h3.525V24H3.73Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PaintbrushOff.svelte b/frontend/src/lib/components/icons/PaintbrushOff.svelte
index cad5f9a518..4f265bf2a4 100644
--- a/frontend/src/lib/components/icons/PaintbrushOff.svelte
+++ b/frontend/src/lib/components/icons/PaintbrushOff.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
+		size?: number
 	}
 
-	let { size = 24 }: Props = $props();
+	let { size = 24 }: Props = $props()
 </script>
 
 <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/frontend/src/lib/components/icons/PandaDocIcon.svelte b/frontend/src/lib/components/icons/PandaDocIcon.svelte
index b5191210d9..cd1acff36b 100644
--- a/frontend/src/lib/components/icons/PandaDocIcon.svelte
+++ b/frontend/src/lib/components/icons/PandaDocIcon.svelte
@@ -1,12 +1,20 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #248567 per the PandaDoc logo shipped on pandadoc.com (header logo SVG and favicon); white monogram on the green tile in both themes. -->
 <svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<path d="M62.125 0H1.875C.84 0 0 .84 0 1.875v60.25C0 63.16.84 64 1.875 64h60.25C63.16 64 64 63.16 64 62.125V1.875C64 .84 63.16 0 62.125 0z" fill="#55b76f" fill-rule="evenodd"/><path d="M48.123 11.37V23.25c-1.92-1.525-4.35-2.436-6.992-2.436-3.737 0-7.048 1.823-9.094 4.627a11.2 11.2 0 0 0-2.157 6.625c0 .013-.005.005-.015-.015-.006 3.857-3.134 6.982-6.992 6.982-3.853 0-6.977-3.116-6.992-6.966v-.053c.014-3.85 3.14-6.966 6.992-6.966 2.62 0 4.904 1.443 6.1 3.577.142-.48.473-1.512.937-2.42.403-.788.922-1.47 1.207-1.82a11.22 11.22 0 0 0-8.245-3.597c-6.14 0-11.132 4.92-11.25 11.033h-.01v20.912h4.267V40.855c1.92 1.525 4.35 2.436 6.99 2.436 3.753 0 7.076-1.838 9.12-4.662 1.334-1.836 2.116-4.1 2.116-6.546 0-.02.012.004.032.058 0-.026-.002-.05-.002-.077 0-3.862 3.13-6.992 6.992-6.992 3.852 0 6.976 3.115 6.992 6.963v.058c-.016 3.848-3.14 6.963-6.992 6.963-2.622 0-4.906-1.444-6.103-3.58-.134.458-.47 1.528-.95 2.467-.39.765-.89 1.43-1.18 1.787a11.22 11.22 0 0 0 8.234 3.586c6.14 0 11.132-4.92 11.25-11.033h.01V11.37z" fill="#fff"/>
+	<path
+		d="M62.125 0H1.875C.84 0 0 .84 0 1.875v60.25C0 63.16.84 64 1.875 64h60.25C63.16 64 64 63.16 64 62.125V1.875C64 .84 63.16 0 62.125 0z"
+		fill="#248567"
+		fill-rule="evenodd"
+	/><path
+		d="M48.123 11.37V23.25c-1.92-1.525-4.35-2.436-6.992-2.436-3.737 0-7.048 1.823-9.094 4.627a11.2 11.2 0 0 0-2.157 6.625c0 .013-.005.005-.015-.015-.006 3.857-3.134 6.982-6.992 6.982-3.853 0-6.977-3.116-6.992-6.966v-.053c.014-3.85 3.14-6.966 6.992-6.966 2.62 0 4.904 1.443 6.1 3.577.142-.48.473-1.512.937-2.42.403-.788.922-1.47 1.207-1.82a11.22 11.22 0 0 0-8.245-3.597c-6.14 0-11.132 4.92-11.25 11.033h-.01v20.912h4.267V40.855c1.92 1.525 4.35 2.436 6.99 2.436 3.753 0 7.076-1.838 9.12-4.662 1.334-1.836 2.116-4.1 2.116-6.546 0-.02.012.004.032.058 0-.026-.002-.05-.002-.077 0-3.862 3.13-6.992 6.992-6.992 3.852 0 6.976 3.115 6.992 6.963v.058c-.016 3.848-3.14 6.963-6.992 6.963-2.622 0-4.906-1.444-6.103-3.58-.134.458-.47 1.528-.95 2.467-.39.765-.89 1.43-1.18 1.787a11.22 11.22 0 0 0 8.234 3.586c6.14 0 11.132-4.92 11.25-11.033h.01V11.37z"
+		fill="#fff"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PaychexIcon.svelte b/frontend/src/lib/components/icons/PaychexIcon.svelte
new file mode 100644
index 0000000000..beeaf6db21
--- /dev/null
+++ b/frontend/src/lib/components/icons/PaychexIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #004B8D per paychex.com's own logo SVG (themes/custom/paychex2/images/svg/logo-paychex.svg, .st0). The isolated P is the square mark Paychex ships as its own 192x192 app icon. Paychex requires prior approval for any use of its marks. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 40 40"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Paychex"
+>
+	<path
+		fill="#004B8D"
+		transform="translate(-4.2 -4.55)"
+		d="M22.6,15.3h4c2.5,0,5.1,0.5,5.1,3.4c0,2.5-1.6,4.3-6.3,4.3H21L22.6,15.3z M5,43.6h11.6L19,32.1h7.9c10,0,16.5-6.6,16.5-14.3c0-8.4-4.5-12.3-11.5-12.3H13L5,43.6z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/PaylocityIcon.svelte b/frontend/src/lib/components/icons/PaylocityIcon.svelte
new file mode 100644
index 0000000000..ad1d997bdd
--- /dev/null
+++ b/frontend/src/lib/components/icons/PaylocityIcon.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #ED2024 → #FF8F1C per paylocity.com design-system CSS (.styleBGBrandGradient). -->
+<svg {width} {height} viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg">
+	<g clip-path="url(#paylocity-clip0_442_16449)">
+		<path d="M144 0H0V144H144V0Z" fill="url(#paylocity-paint0_linear_442_16449)" />
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M89.6487 76.5645C89.4265 76.5841 89.2522 76.767 89.2409 76.992C87.5562 93.8641 83.2784 106.174 75.9069 112.95C75.6931 113.152 75.6819 113.493 75.8844 113.709C75.9294 113.757 75.9828 113.794 76.0419 113.824C78.1681 114.508 80.3815 114.857 82.609 114.865C97.4197 114.865 109.924 98.7663 114.224 77.0566C114.238 76.8035 114.05 76.5869 113.8 76.5673H89.6459L89.6487 76.5645Z"
+			fill="white"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M30.1924 76.5732C29.9561 76.6042 29.7789 76.8039 29.7705 77.0373V77.0711C29.7705 77.0711 29.7705 77.102 29.7705 77.1161C29.7733 77.1386 29.7789 77.1611 29.7846 77.1864C34.1524 99.0901 46.6511 114.913 61.3943 114.913C66.0855 114.913 80.7611 114.913 85.6605 82.8479C85.7505 82.2517 85.0333 82.0182 84.8674 82.5892C82.5696 90.4642 77.9177 103.264 71.9889 103.264C67.7336 103.264 62.8146 96.6742 57.6368 76.922C57.6002 76.7279 57.4371 76.5873 57.243 76.576H30.1868L30.1924 76.5732Z"
+			fill="white"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M82.5973 29.0898C77.906 29.0898 63.2304 29.0898 58.331 61.1552C58.241 61.7514 58.9582 61.9848 59.1241 61.4111C61.422 53.5361 66.0738 40.7364 71.9998 40.7364C76.2579 40.7364 81.1742 47.3317 86.3548 67.0783C86.3913 67.2723 86.5545 67.4158 86.7485 67.427H113.805C114.069 67.3933 114.258 67.1514 114.224 66.8842C114.221 66.8617 114.215 66.8364 114.21 66.8139C109.842 44.9102 97.3404 29.0898 82.6001 29.0898H82.5973Z"
+			fill="white"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M29.7734 66.9464V66.9829C29.7762 67.2192 29.9591 67.4189 30.1981 67.4386H54.3491C54.5713 67.4189 54.7456 67.2361 54.7569 67.0111C56.4416 50.1389 60.7194 37.8286 68.0909 31.0532C68.3047 30.8507 68.3159 30.5104 68.1134 30.2995C68.0684 30.2517 68.015 30.2123 67.9559 30.1842C65.8297 29.5007 63.6163 29.152 61.3888 29.1436C46.5781 29.1436 34.0766 45.2423 29.7734 66.9492V66.9464Z"
+			fill="white"
+		/>
+	</g>
+	<defs>
+		<linearGradient
+			id="paylocity-paint0_linear_442_16449"
+			x1="0.278434"
+			y1="141.564"
+			x2="142.462"
+			y2="3.65907"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#ED2024" />
+			<stop offset="1" stop-color="#FF8F1C" />
+		</linearGradient>
+		<clipPath id="paylocity-clip0_442_16449">
+			<rect width="144" height="144" fill="white" />
+		</clipPath>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/PaypalIcon.svelte b/frontend/src/lib/components/icons/PaypalIcon.svelte
index d35b228e7f..cafdfc51cd 100644
--- a/frontend/src/lib/components/icons/PaypalIcon.svelte
+++ b/frontend/src/lib/components/icons/PaypalIcon.svelte
@@ -1,12 +1,33 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#002991" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"/>
+<!-- #002991 / #60CDFF / #008CFF per PayPal's own paypal-mark-color_new.svg (site header logo on
+	paypal.com). The third fill is the deep/bright blue overlap: a two-colour or flat fill loses it. -->
+<svg
+	{width}
+	{height}
+	viewBox="7.056 3 37.35 45"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="PayPal"
+>
+	<path
+		fill="#002991"
+		d="M38.914 13.35c0 5.574-5.144 12.15-12.927 12.15H18.49l-.368 2.322L16.373 39H7.056l5.605-36h15.095c5.083 0 9.082 2.833 10.555 6.77a9.687 9.687 0 0 1 .603 3.58z"
+	/>
+	<path
+		fill="#60CDFF"
+		d="M44.284 23.7A12.894 12.894 0 0 1 31.53 34.5h-5.206L24.157 48H14.89l1.483-9 1.75-11.178.367-2.322h7.497c7.773 0 12.927-6.576 12.927-12.15 3.825 1.974 6.055 5.963 5.37 10.35z"
+	/>
+	<path
+		fill="#008CFF"
+		d="M38.914 13.35C37.31 12.511 35.365 12 33.248 12h-12.64L18.49 25.5h7.497c7.773 0 12.927-6.576 12.927-12.15z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PersonaIcon.svelte b/frontend/src/lib/components/icons/PersonaIcon.svelte
new file mode 100644
index 0000000000..bb04b6efd2
--- /dev/null
+++ b/frontend/src/lib/components/icons/PersonaIcon.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #7379FD per https://withpersona.com/favicon.svg (Persona, identity verification). -->
+<svg {width} {height} viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M60.8185 139H139.182C141.841 139 144.001 141.159 144.001 143.819V150.182C144.001 152.841 141.842 155.001 139.182 155.001H60.8175C58.1585 155.001 55.9995 152.842 55.9995 150.183V143.82C55.9995 141.161 58.1585 139 60.8185 139Z"
+		fill="#7379FD"
+	></path><path
+		d="M137.931 95.6625L117.5 83.8655C116.833 83.4805 116.833 82.5185 117.5 82.1335L137.931 70.3375C140.236 69.0065 141.025 66.0595 139.695 63.7545L136.513 58.2445C135.182 55.9395 132.235 55.1505 129.931 56.4805L109.5 68.2765C108.833 68.6615 108 68.1805 108 67.4105V43.8185C108 41.1575 105.842 38.9995 103.181 38.9995H96.8175C94.1565 38.9995 91.9995 41.1565 91.9995 43.8175V67.4105C91.9995 68.1805 91.1665 68.6615 90.4995 68.2765L70.0675 56.4805C67.7625 55.1495 64.8155 55.9395 63.4855 58.2445L60.3045 63.7545C58.9735 66.0595 59.7635 69.0065 62.0685 70.3365L82.5005 82.1325C83.1675 82.5175 83.1675 83.4795 82.5005 83.8645L62.0685 95.6615C59.7635 96.9925 58.9745 99.9395 60.3045 102.244L63.4855 107.754C64.8165 110.059 67.7635 110.848 70.0675 109.518L90.4995 97.7205C91.1665 97.3355 91.9995 97.8165 91.9995 98.5865V122.18C91.9995 124.841 94.1565 126.998 96.8175 126.998H103.181C105.842 126.998 108 124.841 108 122.179V98.5855C108 97.8155 108.833 97.3345 109.5 97.7195L129.931 109.517C132.236 110.848 135.182 110.058 136.513 107.754L139.695 102.243C141.026 99.9375 140.236 96.9905 137.931 95.6605V95.6625Z"
+		fill="#7379FD"
+	></path>
+</svg>
diff --git a/frontend/src/lib/components/icons/PersonioIcon.svelte b/frontend/src/lib/components/icons/PersonioIcon.svelte
index e33dbd0817..e7a1a6286f 100644
--- a/frontend/src/lib/components/icons/PersonioIcon.svelte
+++ b/frontend/src/lib/components/icons/PersonioIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.603 24H2.47v-1.563h19.133Zm-6.167-4.044c.557.145 1.137-.244 1.303-.867.166-.624-.157-1.25-.713-1.39-.556-.142-1.137.24-1.304.865-.167.624.156 1.25.714 1.39zM22.37.676c-1.737-1.347-5.387-.43-8.145.576A41.707 41.705 0 0 0 5.64 5.625C3.624 6.985 1.135 8.987.748 10.814a1.43 1.43 0 0 0 .28 1.263c.505.59 1.354.576 1.516.568a.781.781 0 0 0 .51-1.368.783.783 0 0 0-.58-.193.877.877 0 0 1-.181-.016c.58-2.136 6.69-6.232 12.47-8.342 3.858-1.408 5.964-1.342 6.649-.81.284.22.433.487.23 1.062-.545 1.535-3.2 3.96-7.108 6.48-.725.467-1.434.898-2.11 1.29.544-1.92 1.1-3.88 1.582-5.561a.782.782 0 0 0-1.504-.43 2070.72 2070.634 0 0 0-2.002 7.05c-1.564.811-2.754 1.3-3.22 1.366a.783.783 0 0 0-1.025 1.095c.134.226.4.476.929.476.088 0 .177-.007.264-.02.54-.073 1.417-.395 2.485-.884-.758 2.702-1.373 4.975-1.407 5.282a.781.781 0 0 0 .69.858.668.668 0 0 0 .087 0 .783.783 0 0 0 .775-.685c.062-.38.822-3.133 1.746-6.42a58.241 58.239 0 0 0 4.01-2.401c5.435-3.587 7.007-5.917 7.362-7.241.277-1.02-.017-1.93-.825-2.557z"/>
+<!-- #000000 / #FFFFFF per personio.design/brand/how-we-look/logo. Black on light, white on dark or coloured backgrounds. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M14.0215 1C14.71 1.00006 15.3453 1.37237 15.6816 1.97266L17.6631 5.50684C17.9007 5.93018 18.3483 6.19225 18.834 6.19238H21.6582C22.3985 6.19253 22.9998 6.79213 23 7.53223V16.6416C23 17.3812 22.3993 17.9813 21.6582 17.9814H18.8027C18.3176 17.9815 17.8695 18.2442 17.6318 18.667L15.7471 22.0273C15.4107 22.6277 14.7742 23 14.085 23H8.35938V17.333H15.9834C16.724 17.333 17.3252 16.7336 17.3252 15.9932V8.00781C17.3252 7.26808 16.7247 6.66699 15.9834 6.66699H8.01758C7.27564 6.66699 6.67383 7.26872 6.67383 8.00977V15.4932H1V7.14648C1.00011 3.7518 3.75459 1.00017 7.15332 1H14.0215Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PhraseIcon.svelte b/frontend/src/lib/components/icons/PhraseIcon.svelte
new file mode 100644
index 0000000000..3fb92aa73d
--- /dev/null
+++ b/frontend/src/lib/components/icons/PhraseIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #181818 / #FFFFFF per Logo_primary.svg and Logo_black_background.svg on phrase.com/brand. The green wedge stays #03EAB3 in both — Phrase forbids altering the logo mark colour. -->
+<svg
+	{width}
+	{height}
+	viewBox="-0.5 0.7 18.6 27.9"
+	class="text-[#181818] dark:text-[#FFFFFF]"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12.5827 1.59766H1.45813C0.680552 1.59766 0.0507812 2.23525 0.0507812 3.02148V20.7255C0.0507812 21.5117 0.680552 22.1493 1.45813 22.1493H8.80009V19.4795H2.68955V4.26743H12.5819C13.212 4.26743 13.8162 4.52044 14.2618 4.97083C14.7074 5.42122 14.9578 6.03211 14.958 6.66916V17.0786C14.9578 17.7156 14.7074 18.3265 14.2618 18.7769C13.8162 19.2273 13.212 19.4803 12.5819 19.4803H10.4701C10.4238 19.4803 10.378 19.4895 10.3353 19.5075C10.2925 19.5254 10.2537 19.5517 10.221 19.5848C10.1884 19.6179 10.1625 19.6572 10.1448 19.7005C10.1272 19.7437 10.1182 19.7901 10.1183 19.8369V21.7943C10.1183 21.9909 10.2757 22.1501 10.4701 22.1501H12.5827C13.9128 22.1499 15.1884 21.6155 16.1288 20.6644C17.0693 19.7133 17.5976 18.4235 17.5976 17.0786V6.66916C17.5976 5.32426 17.0693 4.03442 16.1288 3.08335C15.1884 2.13228 13.9128 1.59787 12.5827 1.59766Z"
+		fill="currentColor"
+	/><path
+		d="M6.53387 27.3909L1.1013 23.1755C0.758902 22.9098 0.48151 22.568 0.290552 22.1766C0.0995933 21.7853 0.000182278 21.3547 0 20.9183L0 3.02428C0 1.84575 1.33907 1.1781 2.26525 1.8961L7.69782 6.11153C8.04032 6.37732 8.31778 6.7192 8.50874 7.11073C8.6997 7.50226 8.79906 7.93295 8.79912 8.3695V26.2627C8.79912 27.4429 7.46005 28.1105 6.53387 27.3917V27.3909Z"
+		fill="#03EAB3"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/PineconeIcon.svelte b/frontend/src/lib/components/icons/PineconeIcon.svelte
index 06010a30f6..d42b2f91a8 100644
--- a/frontend/src/lib/components/icons/PineconeIcon.svelte
+++ b/frontend/src/lib/components/icons/PineconeIcon.svelte
@@ -1,19 +1,21 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #201D1E / #FFFFFF per pinecone.io/newsroom/media-kit. The mark is stroke-only, so fill must stay none. -->
 <svg
+	class="text-[#201D1E] dark:text-[#FFFFFF]"
 	x="0px"
 	y="0px"
 	{width}
 	{height}
 	viewBox="0 0 168 168"
-	style="fill:currentcolor;"
+	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -57,6 +59,7 @@
 	/>
 	<path
 		d="M73.2416 164.636C78.3505 164.636 82.4922 160.494 82.4922 155.385C82.4922 150.276 78.3505 146.135 73.2416 146.135C68.1326 146.135 63.991 150.276 63.991 155.385C63.991 160.494 68.1326 164.636 73.2416 164.636Z"
+		fill="currentcolor"
 	/>
 	<path
 		d="M47.0221 125.023L30.0532 136.827"
diff --git a/frontend/src/lib/components/icons/PinterestIcon.svelte b/frontend/src/lib/components/icons/PinterestIcon.svelte
index ac10cf2d7a..1ae9d7319f 100644
--- a/frontend/src/lib/components/icons/PinterestIcon.svelte
+++ b/frontend/src/lib/components/icons/PinterestIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#BD081C" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/>
+<!-- #E60023 on both themes per Pinterest Gestalt tokens (color.icon.brand.primary = red.pushpin.450, identical in sema-color-light and sema-color-dark). Brand guidelines: "Do not alter the logo colour." -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#E60023" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PipedriveIcon.svelte b/frontend/src/lib/components/icons/PipedriveIcon.svelte
index 70cce8aef5..b85bf67eda 100644
--- a/frontend/src/lib/components/icons/PipedriveIcon.svelte
+++ b/frontend/src/lib/components/icons/PipedriveIcon.svelte
@@ -1,3 +1,4 @@
+<!-- #017737 / #017737 per pipedrive.com logo token --pd-puco-global-color-green-500. Pipedrive's partner media kit says "do not alter, rotate, modify or animate the logo", so the mark keeps its published colours on both themes. -->
 <script lang="ts">
 	interface Props {
 		height?: string
@@ -7,10 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<rect width="24" height="24" rx="4" fill="#017737" />
+<svg {width} {height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path
-		d="M10.5 5C7.74 5 5.5 7.24 5.5 10v8.5h3v-4h1.5c2.76 0 5-2.24 5-5C15 7.24 12.76 5 10 5zm0 8H8.5V10c0-1.1.9-2 2-2s2 .9 2 2-1.4 3-2 3z"
-		fill="white"
+		d="M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16Z"
+		fill="#017737"
+	/>
+	<path
+		d="M24.9842 13.4564C24.9842 17.8851 22.1247 20.914 18.036 20.914C16.0923 20.914 14.4903 20.1136 13.8906 19.1134L13.9189 20.142V26.4847H9.74512V10.0846C9.74512 9.85644 9.68836 9.79843 9.4304 9.79843H8V6.31321H11.4889C13.0896 6.31321 13.4907 7.68461 13.6042 8.28525C14.2337 7.22834 15.8911 6 18.2359 6C22.2679 5.99871 24.9842 8.99802 24.9842 13.4564ZM20.724 13.4847C20.724 11.1131 19.1801 9.48523 17.2351 9.48523C15.6344 9.48523 13.8325 10.5421 13.8325 13.5144C13.8325 15.4568 14.9186 17.4855 17.1783 17.4855C18.837 17.4842 20.724 16.2843 20.724 13.4847Z"
+		fill="#FFFFFF"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PlanetScaleIcon.svelte b/frontend/src/lib/components/icons/PlanetScaleIcon.svelte
index e2948bffb0..e306b897bb 100644
--- a/frontend/src/lib/components/icons/PlanetScaleIcon.svelte
+++ b/frontend/src/lib/components/icons/PlanetScaleIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 12C0 5.373 5.373 0 12 0c4.873 0 9.067 2.904 10.947 7.077l-15.87 15.87a11.981 11.981 0 0 1-1.935-1.099L14.99 12H12l-8.485 8.485A11.962 11.962 0 0 1 0 12Zm12.004 12L24 12.004C23.998 18.628 18.628 23.998 12.004 24Z"/>
+<!-- #1A1A1A / #FAFAFA per planetscale.com. -->
+<svg
+	class="text-[#1A1A1A] dark:text-[#FAFAFA]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M0 12C0 5.373 5.373 0 12 0c4.873 0 9.067 2.904 10.947 7.077l-15.87 15.87a11.981 11.981 0 0 1-1.935-1.099L14.99 12H12l-8.485 8.485A11.962 11.962 0 0 1 0 12Zm12.004 12L24 12.004C23.998 18.628 18.628 23.998 12.004 24Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PocketIdIcon.svelte b/frontend/src/lib/components/icons/PocketIdIcon.svelte
index b02259b09e..e5f8218eb3 100644
--- a/frontend/src/lib/components/icons/PocketIdIcon.svelte
+++ b/frontend/src/lib/components/icons/PocketIdIcon.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { twMerge } from 'tailwind-merge'
+
 	interface Props {
 		size?: number
 		height?: number
@@ -18,7 +20,17 @@
 	)
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {width} {height} class={clazz}>
-	<circle cx="256" cy="256" r="256" fill="#fff"/>
-	<path d="M268.6 102.4c64.4 0 116.8 52.4 116.8 116.7 0 25.3-8 49.4-23 69.6-14.8 19.9-35 34.3-58.4 41.7l-6.5 2-15.5-76.2 4.3-2c14-6.7 23-21.1 23-36.6 0-22.4-18.2-40.6-40.6-40.6S228 195.2 228 217.6c0 15.5 9 29.8 23 36.6l4.2 2-25 153.4h-69.5V102.4z" fill="#191919"/>
+<!-- #000000 / #FFFFFF per pocket-id.org header logo (fill isDark ? #ffffff : #000000) and pocket-id/pocket-id frontend/src/lib/components/logo.svelte. -->
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="-346.211 -706.48 712.96 712.96"
+	{width}
+	{height}
+	fill="currentColor"
+	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
+>
+	<title>pocket-id-svg</title>
+	<path
+		d="M-250.368,-706.48C-166.912,-706.48 -83.456,-706.48 0,-706.48C149.377,-706.48 270.906,-584.953 270.906,-435.576C270.906,-376.876 252.438,-321.028 217.506,-274.062C183.258,-228.019 136.385,-194.563 81.955,-177.305C76.939,-175.715 71.924,-174.124 66.908,-172.534C54.955,-231.481 43.003,-290.429 31.05,-349.376C34.355,-350.974 37.661,-352.571 40.966,-354.169C73.345,-369.822 94.269,-403.156 94.269,-439.094C94.269,-491.073 51.982,-533.36 0,-533.36C-51.978,-533.36 -94.267,-491.073 -94.267,-439.094C-94.267,-403.156 -73.344,-369.822 -40.963,-354.169C-37.718,-352.6 -34.473,-351.032 -31.228,-349.463C-50.48,-230.815 -69.733,-112.167 -88.985,6.48C-142.779,6.48 -196.574,6.48 -250.368,6.48Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PostgresIcon.svelte b/frontend/src/lib/components/icons/PostgresIcon.svelte
index 204306bf9c..a5a641f405 100644
--- a/frontend/src/lib/components/icons/PostgresIcon.svelte
+++ b/frontend/src/lib/components/icons/PostgresIcon.svelte
@@ -1,21 +1,51 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 34.902344 2 C 32.863281 2 31.097656 2.550781 29.875 3.09375 C 28.675781 2.691406 26.6875 2.003906 24.300781 2.5 C 22.910156 2.742188 21.632813 3.316406 20.460938 4.195313 C 18.53125 3.265625 16.515625 2.695313 14.402344 2.601563 C 13.101563 2.5 7.800781 3.101563 5.898438 5.898438 C 5.199219 7 4.5 8.398438 4.199219 10.097656 C 3.898438 11.597656 3.898438 13.300781 4.398438 16.800781 C 4.699219 19.199219 5.101563 20.800781 6 24.097656 C 6.101563 24.398438 6.601563 26 8.101563 30.402344 C 8.398438 31.199219 9 32.699219 10.199219 34.097656 C 11 35.097656 11.800781 35.699219 12.800781 35.699219 C 14.101563 35.699219 15 34.800781 15.800781 33.800781 C 15.859375 33.734375 15.921875 33.660156 15.980469 33.59375 C 15.90625 33.710938 15.839844 33.839844 15.800781 34 C 15.601563 35 16.800781 35.800781 17.800781 36.199219 C 18.601563 36.597656 19.5 36.699219 20.199219 36.699219 C 21.097656 36.699219 21.800781 36.5 22.199219 36.402344 C 22.542969 36.285156 23.285156 35.964844 24.078125 35.4375 C 24.113281 37.992188 24.136719 41.007813 24.199219 41.699219 C 24.5 44.300781 25.199219 46.097656 26.5 47.097656 C 27.5 47.898438 29.300781 48 29.402344 48 C 31.199219 48 34 46.800781 35.199219 44.902344 C 35.800781 44 36 43.199219 36.199219 42.097656 C 36.398438 41.5 36.597656 38 36.699219 37.300781 C 36.835938 36.195313 36.941406 35.105469 37.046875 34.046875 C 37.707031 34.21875 38.519531 34.402344 39.402344 34.402344 C 41 34.402344 43.101563 33.300781 43.5 33.097656 C 44.300781 32.5 45.898438 31.101563 45.199219 29.902344 C 44.800781 29.199219 44.199219 29.199219 42.699219 29.402344 C 42.699219 29.402344 40.300781 29.699219 40.097656 29.597656 C 39.953125 29.542969 39.730469 29.402344 39.480469 29.21875 C 40 28.414063 40.460938 27.617188 41 26.902344 C 42.199219 24.601563 42.902344 22.800781 43.402344 21.402344 C 44.300781 18.902344 44.800781 16.898438 45.097656 15.5 C 45.800781 12.5 46 11.101563 45.597656 9.5 C 44.800781 6.699219 41.898438 4.300781 40.699219 3.601563 C 39.898438 3.199219 37.902344 2 34.902344 2 Z M 34.902344 4 C 37.402344 4 39.101563 5 40 5.398438 C 41.101563 6 43.601563 8 43.800781 9.898438 C 43.902344 11 44 12.101563 43.300781 15 C 42.902344 16.398438 42.5 18.199219 41.597656 20.699219 C 41.097656 22.097656 40.5 23.800781 39.300781 25.902344 C 39.269531 25.953125 39.234375 26.007813 39.203125 26.0625 C 39.320313 25.640625 39.402344 25.300781 39.402344 25.300781 C 39.601563 24.300781 39.601563 23.5 39.5 22.300781 C 39.398438 21.699219 39.300781 20.199219 39.300781 19.597656 C 39.300781 19.300781 39.597656 16.199219 39.699219 15.097656 C 39.800781 13.300781 38.699219 11.097656 38.402344 10.699219 C 36.902344 8.398438 36.101563 7.101563 34.5 5.800781 C 34.101563 5.460938 33.417969 4.894531 32.488281 4.324219 C 33.222656 4.144531 34.035156 4 34.902344 4 Z M 26.066406 4.410156 C 27.371094 4.441406 28.476563 4.800781 29.300781 5.101563 C 31.402344 5.800781 32.699219 6.898438 33.300781 7.398438 C 34.601563 8.5 35.300781 9.601563 36.800781 11.902344 C 36.910156 12.121094 37.195313 12.585938 37.421875 13.234375 C 35.375 13.046875 34.015625 13.765625 33.199219 14.5 C 32 15.5 32.097656 17 32.199219 18.097656 C 32.199219 18.898438 32.402344 19.902344 33.902344 23.300781 C 34.5 24.800781 35.097656 26.398438 35.699219 27.5 C 36.011719 28.121094 36.394531 28.691406 36.804688 29.199219 C 36.566406 29.320313 36.324219 29.476563 36.097656 29.699219 C 35.5 30.398438 35.398438 31.101563 35.199219 32.402344 C 35 33.402344 34.800781 35.5 34.699219 37.199219 C 34.699219 37.898438 34.402344 41.300781 34.300781 41.800781 C 34 42.800781 33.898438 43.300781 33.5 43.902344 C 32.800781 45 30.601563 45.902344 29.300781 45.800781 C 28.902344 45.800781 28.300781 45.800781 27.800781 45.402344 C 26.699219 44.601563 26.300781 42.800781 26.199219 41.402344 C 26.097656 40.402344 26.199219 33.199219 26 31.597656 C 25.898438 31.199219 25.800781 30.199219 25 29.5 C 24.664063 29.21875 23.96875 29.074219 23.3125 28.976563 C 23.320313 28.640625 23.339844 28.304688 23.402344 28 C 23.5 27.398438 23.699219 27.097656 23.902344 26.597656 C 24 26.300781 24.199219 25.902344 24.402344 25.402344 C 25.300781 22.601563 25.097656 18.898438 24.597656 16.597656 C 24.5 16.398438 24.097656 14.800781 22.699219 13.902344 C 21.199219 13 19.597656 13.5 18.699219 13.800781 C 18.328125 13.902344 17.960938 14.0625 17.59375 14.25 C 17.65625 13.832031 17.710938 13.410156 17.800781 13 C 18.199219 11 18.601563 9.300781 19.902344 7.601563 C 21.300781 5.898438 22.898438 4.800781 24.699219 4.5 C 25.175781 4.425781 25.632813 4.398438 26.066406 4.410156 Z M 13.71875 4.585938 C 13.953125 4.582031 14.152344 4.585938 14.300781 4.601563 C 15.863281 4.683594 17.359375 5.050781 18.84375 5.675781 C 18.660156 5.878906 18.476563 6.082031 18.300781 6.300781 C 16.601563 8.300781 16.199219 10.398438 15.800781 12.5 C 15.300781 15 15.199219 17.597656 15.597656 20.199219 L 15.402344 22.097656 C 15.300781 23.097656 15.097656 25 16.199219 27 C 16.585938 27.664063 17.011719 28.226563 17.480469 28.707031 C 16.464844 30.050781 15.386719 31.320313 14.300781 32.5 C 13.699219 33.199219 13.199219 33.699219 12.800781 33.699219 C 12.699219 33.699219 12.300781 33.5 11.699219 32.800781 C 10.597656 31.601563 10.199219 30.300781 10 29.800781 C 8.800781 26.199219 8.101563 23.898438 8 23.597656 C 7.199219 20.398438 6.800781 18.800781 6.398438 16.5 C 5.898438 13.300781 5.898438 11.699219 6.199219 10.402344 C 6.5 9 7 7.898438 7.5 7.101563 C 8.726563 5.175781 12.09375 4.628906 13.71875 4.585938 Z M 36.664063 15.125 C 36.984375 15.125 37.332031 15.164063 37.699219 15.242188 C 37.6875 16.175781 37.300781 19.105469 37.300781 19.5 C 37.300781 20.300781 37.5 21.898438 37.5 22.5 C 37.601563 23.601563 37.601563 24.199219 37.5 25 C 37.5 25 37.351563 25.714844 37.199219 26.222656 C 36.734375 25.171875 36.21875 23.917969 35.597656 22.5 C 34.097656 19.101563 34 18.402344 34 17.902344 C 34 17.199219 34 16.300781 34.597656 15.902344 C 35.160156 15.402344 35.84375 15.132813 36.664063 15.125 Z M 21.140625 15.417969 C 21.339844 15.441406 21.523438 15.5 21.699219 15.597656 C 22.5 16 22.699219 17 22.699219 17 C 23.199219 19.199219 23.398438 22.5 22.597656 24.699219 C 22.5 25.097656 22.300781 25.398438 22.199219 25.699219 C 22 26.199219 21.800781 26.699219 21.597656 27.597656 C 21.546875 27.96875 21.523438 28.335938 21.511719 28.703125 C 20.820313 28.558594 20.167969 28.3125 19.699219 28 C 18.898438 27.601563 18.300781 26.898438 17.902344 26.097656 C 17.199219 24.597656 17.300781 23.199219 17.402344 22.402344 L 17.597656 20.097656 C 17.457031 18.972656 17.390625 17.84375 17.40625 16.722656 C 17.867188 16.328125 18.46875 15.925781 19.300781 15.699219 C 19.902344 15.550781 20.558594 15.34375 21.140625 15.417969 Z M 35.886719 16.089844 C 35.625 16.101563 35.347656 16.148438 35.199219 16.199219 C 34.800781 16.300781 34.699219 16.300781 34.597656 16.5 C 34.5 16.699219 34.800781 17 34.902344 17.199219 C 35 17.199219 35.300781 17.5 35.699219 17.402344 C 36 17.300781 36.199219 17.101563 36.300781 17 C 36.402344 16.898438 36.800781 16.398438 36.5 16.199219 C 36.398438 16.097656 36.148438 16.074219 35.886719 16.089844 Z M 20.914063 16.816406 C 20.804688 16.824219 20.699219 16.851563 20.597656 16.902344 C 20.5 16.902344 20.300781 17 20.199219 17.199219 C 20.097656 17.398438 20.199219 17.597656 20.300781 17.699219 C 20.5 18 20.800781 18.300781 21.300781 18.300781 C 21.402344 18.300781 21.800781 18.300781 22.097656 18 C 22.097656 18 22.402344 17.699219 22.402344 17.402344 C 22.300781 17.199219 22.101563 17.101563 21.800781 17 C 21.574219 16.925781 21.238281 16.792969 20.914063 16.816406 Z M 19.074219 29.902344 C 19.6875 30.230469 20.425781 30.496094 21.234375 30.679688 C 21.019531 31.109375 20.710938 31.464844 20.402344 31.699219 C 19.699219 32.199219 18.800781 32.5 17.902344 32.699219 C 17.699219 32.699219 17.601563 32.800781 17.402344 32.800781 C 16.917969 32.9375 16.449219 33.089844 16.128906 33.421875 C 17.109375 32.332031 18.09375 31.128906 19.074219 29.902344 Z M 38.355469 30.703125 C 38.792969 31.03125 39.222656 31.273438 39.597656 31.402344 C 40.199219 31.601563 40.699219 31.601563 42.5 31.402344 C 42.199219 31.699219 41.300781 32.199219 40 32.402344 C 39.164063 32.484375 38.125 32.285156 37.28125 32.042969 C 37.359375 31.476563 37.449219 31.152344 37.597656 31 C 37.652344 30.949219 37.984375 30.847656 38.355469 30.703125 Z M 23.296875 31.003906 C 23.503906 31.039063 23.667969 31.066406 23.699219 31.097656 C 23.898438 31.300781 24 31.800781 24 32 C 24.011719 32.171875 24.019531 32.605469 24.027344 32.90625 C 23.203125 33.871094 21.878906 34.40625 21.597656 34.5 C 21.199219 34.699219 20 34.898438 18.800781 34.5 C 19.800781 34.199219 20.800781 33.902344 21.597656 33.300781 C 22.296875 32.800781 22.898438 32.003906 23.296875 31.003906 Z"
-	/></svg
->
+<!-- #336791 per the official 3-colour Slonik SVG on wiki.postgresql.org/wiki/Logo.
+	 The PostgreSQL trademark policy forbids recolouring the mark without prior approval. -->
+<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<style>
+		.postgres-st2 {
+			fill: none;
+			stroke: #fff;
+			stroke-width: 12.4651;
+			stroke-linecap: round;
+			stroke-linejoin: round;
+		}
+	</style><g id="postgres-Layer_x0020_3"
+		><path
+			d="M378.5 372.5c3.2-26.9 2.3-30.8 22.3-26.5l5.1.4c15.4.7 35.5-2.5 47.4-8 25.5-11.8 40.6-31.5 15.5-26.4-57.3 11.8-61.2-7.6-61.2-7.6 60.5-89.7 85.8-203.6 63.9-231.5C411.9-3 308.8 33 307.1 33.9l-.5.1c-11.3-2.3-24-3.8-38.2-4-25.9-.4-45.6 6.8-60.5 18.1 0 0-183.8-75.7-175.2 95.2 1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 43.1-48.7 43.1-48.7 10.5 7 23.1 10.6 36.3 9.3l1-.9c-.3 3.3-.2 6.5.4 10.3-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23l-.9 3.6c6.1 4.9 5.7 34.9 6.5 56.3.9 21.4 2.3 41.5 6.7 53.3s9.5 42.2 50.1 33.5c34-7.3 59.9-17.7 62.3-115.1"
+			style="stroke:#000;stroke-width:37.3953"
+		/><path
+			d="M468.7 312.1c-57.3 11.8-61.2-7.6-61.2-7.6C468 214.8 493.3 100.9 471.4 73 411.9-3 308.8 33 307.1 33.9l-.6.1c-11.3-2.3-24-3.7-38.2-4-25.9-.4-45.6 6.8-60.5 18.1 0 0-183.8-75.7-175.2 95.2 1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 43.1-48.7 43.1-48.7 10.5 7 23.1 10.6 36.3 9.3l1-.9c-.3 3.3-.2 6.5.4 10.3-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23l-.9 3.6c6.1 4.9 10.3 31.6 9.6 55.8s-1.2 40.8 3.6 53.8 9.5 42.2 50.1 33.5c33.9-7.3 51.5-26.1 54-57.6 1.7-22.4 5.7-19 5.9-39l3.2-9.5c3.6-30.3.6-40.1 21.5-35.5l5.1.4c15.4.7 35.5-2.5 47.4-8 25.5-11.7 40.5-31.4 15.5-26.3"
+			style="fill:#336791"
+		/><path
+			d="M256.3 329.5c-1.6 56.4.4 113.2 5.9 126.9 5.5 13.8 17.3 40.6 58 31.9 33.9-7.3 46.3-21.4 51.6-52.4 3.9-22.9 11.6-86.4 12.5-99.4M207.6 46.9S23.7-28.3 32.2 142.7c1.8 36.4 52.1 275.2 112.1 203 21.9-26.4 41.8-47.1 41.8-47.1M306.9 33.2c-6.4 2 102.3-39.7 164.1 39.2 21.8 27.9-3.5 141.8-63.9 231.5"
+			class="postgres-st2"
+		/><path
+			d="M407 303.9s3.9 19.4 61.2 7.6c25.1-5.2 10 14.5-15.5 26.4-20.9 9.7-67.7 12.2-68.5-1.2-1.9-34.7 24.8-24.2 22.8-32.8-1.7-7.8-13.6-15.5-21.5-34.5-6.9-16.7-94.3-144.4 24.2-125.5 4.3-.9-30.9-112.7-141.8-114.5S160.7 165.8 160.7 165.8"
+			style="fill:none;stroke:#fff;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:bevel"
+		/><path
+			d="M225.2 315.7c-15.5 17.3-10.9 20.3-41.8 26.7-31.3 6.4-12.9 17.9-.9 20.9 14.5 3.6 48.2 8.8 70.9-23 6.9-9.7 0-25.1-9.5-29.1-4.6-2-10.8-4.4-18.7 4.5"
+			class="postgres-st2"
+		/><path
+			d="M224.2 315.4c-1.6-10.2 3.3-22.2 8.6-36.4 7.9-21.2 26.1-42.4 11.5-109.7-10.8-50.1-83.6-10.4-83.6-3.6s3.3 34.5-1.2 66.7c-5.9 42 26.7 77.6 64.3 73.9"
+			class="postgres-st2"
+		/><path
+			d="M206.9 164.7c-.3 2.3 4.3 8.5 10.2 9.3 6 .8 11.1-4 11.4-6.3s-4.2-4.9-10.2-5.7c-6-.9-11.1.3-11.4 2.7z"
+			style="fill:#fff;stroke:#fff;stroke-width:4.155"
+		/><path
+			d="M388.4 159.9c.3 2.3-4.2 8.5-10.2 9.3s-11.1-4-11.4-6.3 4.3-4.9 10.2-5.7 11.1.4 11.4 2.7z"
+			style="fill:#fff;stroke:#fff;stroke-width:2.0775"
+		/><path
+			d="M409.8 143.9c1 18.2-3.9 30.6-4.5 50-.9 28.2 13.4 60.4-8.2 92.7"
+			class="postgres-st2"
+		/></g
+	>
+</svg>
diff --git a/frontend/src/lib/components/icons/PostmarkIcon.svelte b/frontend/src/lib/components/icons/PostmarkIcon.svelte
index 7e2cba89d5..72b87f901d 100644
--- a/frontend/src/lib/components/icons/PostmarkIcon.svelte
+++ b/frontend/src/lib/components/icons/PostmarkIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<defs><path id="A" d="M128 117v6a5 5 0 0 0-5 5h-6a5 5 0 1 0-10 0h-6a5 5 0 1 0-10 0h-6a5 5 0 1 0-10 0h-6a5 5 0 1 0-10 0h-6a5 5 0 1 0-10 0h-6a5 5 0 1 0-10 0h-6a5 5 0 1 0-10 0H5a5 5 0 0 0-5-5v-6a5 5 0 1 0 0-10v-6a5 5 0 0 0 0-10v-6a5 5 0 0 0 0-10v-6a5 5 0 0 0 0-10v-6a5 5 0 0 0 0-10v-6a5 5 0 0 0 0-10v-6a5 5 0 0 0 0-10V5a5 5 0 0 0 5-5h6a5 5 0 0 0 10 0h6a5 5 0 0 0 10 0h6a5 5 0 0 0 10 0h6a5 5 0 0 0 10 0h6a5 5 0 0 0 10 0h6a5 5 0 0 0 10 0h6a5 5 0 1 0 10 0h6a5 5 0 0 0 5 5v6a5 5 0 1 0 0 10v6a5 5 0 1 0 0 10v6a5 5 0 1 0 0 10v6a5 5 0 1 0 0 10v6a5 5 0 1 0 0 10v6a5 5 0 1 0 0 10v6a5 5 0 1 0 0 10z"/><rect id="B" width="96" height="96" x="16" y="16" rx="2"/></defs><g transform="matrix(.492308 0 0 .492308 .492308 .492308)" fill="none" fill-rule="evenodd"><use xlink:href="#A" fill="#f0f0f0"/><path d="M128.5 116.5v7h-.5a4.5 4.5 0 0 0-4.5 4.5v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-9 0v.5h-7v-.5a4.5 4.5 0 0 0-4.5-4.5h-.5v-7H0a4.5 4.5 0 0 0 0-9h-.5v-7H0a4.5 4.5 0 1 0 0-9h-.5v-7H0a4.5 4.5 0 1 0 0-9h-.5v-7H0a4.5 4.5 0 1 0 0-9h-.5v-7H0a4.5 4.5 0 1 0 0-9h-.5v-7H0a4.5 4.5 0 1 0 0-9h-.5v-7H0a4.5 4.5 0 1 0 0-9h-.5v-7H0A4.5 4.5 0 0 0 4.5 0v-.5h7V0a4.5 4.5 0 1 0 9 0v-.5h7V0a4.5 4.5 0 1 0 9 0v-.5h7V0a4.5 4.5 0 1 0 9 0v-.5h7V0a4.5 4.5 0 1 0 9 0v-.5h7V0a4.5 4.5 0 1 0 9 0v-.5h7V0a4.5 4.5 0 1 0 9 0v-.5h7V0a4.5 4.5 0 0 0 9 0v-.5h7V0a4.5 4.5 0 0 0 4.5 4.5h.5v7h-.5a4.5 4.5 0 0 0 0 9h.5v7h-.5a4.5 4.5 0 0 0 0 9h.5v7h-.5a4.5 4.5 0 0 0 0 9h.5v7h-.5a4.5 4.5 0 0 0 0 9h.5v7h-.5a4.5 4.5 0 0 0 0 9h.5v7h-.5a4.5 4.5 0 0 0 0 9h.5v7h-.5a4.5 4.5 0 0 0 0 9z" stroke="#ccc"/><path d="M127.5 117.478a5.5 5.5 0 0 1 0-10.956v-5.044a5.5 5.5 0 0 1 0-10.956v-5.044a5.5 5.5 0 0 1 0-10.956v-5.044a5.5 5.5 0 0 1 0-10.956v-5.044a5.5 5.5 0 0 1 0-10.956v-5.044a5.5 5.5 0 0 1 0-10.956v-5.044a5.5 5.5 0 0 1 0-10.956V5.478A5.502 5.502 0 0 1 122.522.5h-5.044a5.5 5.5 0 0 1-10.956 0h-5.044a5.5 5.5 0 0 1-10.956 0h-5.044a5.5 5.5 0 0 1-10.956 0h-5.044a5.5 5.5 0 0 1-10.956 0h-5.044a5.5 5.5 0 0 1-10.956 0h-5.044a5.5 5.5 0 0 1-10.956 0h-5.044a5.5 5.5 0 0 1-10.956 0H5.478A5.502 5.502 0 0 1 .5 5.478v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.5 5.5 0 0 1 0 10.956v5.044a5.502 5.502 0 0 1 4.978 4.978h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.5 5.5 0 0 1 10.956 0h5.044a5.502 5.502 0 0 1 4.978-4.978z" stroke="#fff"/><use xlink:href="#B" fill="#fedd00"/><rect width="95" height="95" x="16.5" y="16.5" rx="2" stroke="#d9b500"/><rect width="97" height="97" x="15.5" y="15.5" rx="2" stroke="#fff"/><path d="M50.3 86.084V42.3H43V35h25.886c16.168 0 19.522 10.664 19.522 18.06 0 5.934-2.408 10.492-4.902 12.986-4.042 4.042-9.546 4.988-17.888 4.988h-6.536v15.05h7.654v7.3H43v-7.3zm8.772-22.102h7.3c10.75 0 13.072-4.988 13.072-11.008 0-6.88-3.87-10.664-10.32-10.664H59.082z" fill="#000"/></g>
+<!-- #FFDE00 stamp with a #000000 "P" per postmarkapp.com/images/logo-stamp-simple.svg. Postmark publishes no reversed variant. -->
+<svg {width} {height} viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M30 27.4219V28.8281C29.3528 28.8281 28.8281 29.3528 28.8281 30H27.4219C27.4219 29.3528 26.8972 28.8281 26.25 28.8281C25.6028 28.8281 25.0781 29.3528 25.0781 30H23.6719C23.6719 29.3528 23.1472 28.8281 22.5 28.8281C21.8528 28.8281 21.3281 29.3528 21.3281 30H19.9219C19.9219 29.3528 19.3972 28.8281 18.75 28.8281C18.1028 28.8281 17.5781 29.3528 17.5781 30H16.1719C16.1719 29.3528 15.6472 28.8281 15 28.8281C14.3528 28.8281 13.8281 29.3528 13.8281 30H12.4219C12.4219 29.3528 11.8972 28.8281 11.25 28.8281C10.6028 28.8281 10.0781 29.3528 10.0781 30H8.67188C8.67188 29.3528 8.14721 28.8281 7.5 28.8281C6.85279 28.8281 6.32812 29.3528 6.32812 30H4.92188C4.92188 29.5813 4.69852 29.1945 4.33594 28.9851C3.97336 28.7758 3.52664 28.7758 3.16406 28.9851C2.80148 29.1945 2.57812 29.5813 2.57812 30H1.17188C1.17188 29.3528 0.647209 28.8281 0 28.8281V27.4219C0.647209 27.4219 1.17188 26.8972 1.17188 26.25C1.17188 25.6028 0.647209 25.0781 0 25.0781V23.6719C0.647209 23.6719 1.17188 23.1472 1.17188 22.5C1.17188 21.8528 0.647209 21.3281 0 21.3281V19.9219C0.647209 19.9219 1.17188 19.3972 1.17188 18.75C1.17188 18.1028 0.647209 17.5781 0 17.5781V16.1719C0.647209 16.1719 1.17188 15.6472 1.17188 15C1.17188 14.3528 0.647209 13.8281 0 13.8281V12.4219C0.647209 12.4219 1.17188 11.8972 1.17188 11.25C1.17188 10.6028 0.647209 10.0781 0 10.0781V8.67188C0.647209 8.67188 1.17188 8.14721 1.17188 7.5C1.17188 6.85279 0.647209 6.32812 0 6.32812V4.92188C0.647209 4.92187 1.17188 4.39721 1.17188 3.75C1.17188 3.10279 0.647209 2.57813 0 2.57812V1.17188C0.647209 1.17188 1.17188 0.647209 1.17188 0H2.57812C2.57813 0.647209 3.10279 1.17188 3.75 1.17188C4.39721 1.17188 4.92187 0.647209 4.92188 0H6.32812C6.32812 0.647209 6.85279 1.17188 7.5 1.17188C8.14721 1.17188 8.67188 0.647209 8.67188 0H10.0781C10.0781 0.647209 10.6028 1.17188 11.25 1.17188C11.8972 1.17188 12.4219 0.647209 12.4219 0H13.8281C13.8281 0.647209 14.3528 1.17188 15 1.17188C15.6472 1.17188 16.1719 0.647209 16.1719 0H17.5781C17.5781 0.647209 18.1028 1.17188 18.75 1.17188C19.3972 1.17188 19.9219 0.647209 19.9219 0H21.3281C21.3281 0.647209 21.8528 1.17188 22.5 1.17188C23.1472 1.17188 23.6719 0.647209 23.6719 0H25.0781C25.0781 0.647209 25.6028 1.17188 26.25 1.17188C26.8972 1.17188 27.4219 0.647209 27.4219 0H28.8281C28.8281 0.647209 29.3528 1.17188 30 1.17188V2.57812C29.3528 2.57812 28.8281 3.10279 28.8281 3.75C28.8281 4.39721 29.3528 4.92188 30 4.92188V6.32812C29.3528 6.32812 28.8281 6.85279 28.8281 7.5C28.8281 8.14721 29.3528 8.67188 30 8.67188V10.0781C29.3528 10.0781 28.8281 10.6028 28.8281 11.25C28.8281 11.8972 29.3528 12.4219 30 12.4219V13.8281C29.5813 13.8281 29.1945 14.0515 28.9851 14.4141C28.7758 14.7766 28.7758 15.2234 28.9851 15.5859C29.1945 15.9485 29.5813 16.1719 30 16.1719V17.5781C29.3528 17.5781 28.8281 18.1028 28.8281 18.75C28.8281 19.3972 29.3528 19.9219 30 19.9219V21.3281C29.3528 21.3281 28.8281 21.8528 28.8281 22.5C28.8281 23.1472 29.3528 23.6719 30 23.6719V25.0781C29.3528 25.0781 28.8281 25.6028 28.8281 26.25C28.8281 26.8972 29.3528 27.4219 30 27.4219V27.4219Z"
+		fill="#FFDE00"
+	/>
+	<path
+		d="M8.70312 21.3804H9.63846C10.1188 21.3804 10.4221 21.0705 10.4221 20.5798V9.62885C10.4221 9.13812 10.1188 8.82819 9.63846 8.82819H8.70312V6.40039H15.478C19.1182 6.40039 22 8.28581 22 11.8759C22 15.4917 19.1182 17.3772 15.478 17.3772H13.1523V20.5798C13.1523 21.0705 13.4556 21.3804 13.9612 21.3804H15.8571V23.8341H8.70312V21.3804ZM15.2757 14.846C17.6773 14.846 19.0676 13.8129 19.0676 11.9275C19.0676 9.99044 17.6773 9.00899 15.2757 9.00899H13.1523V14.8719H15.2757V14.846Z"
+		fill="#000000"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PowershellIcon.svelte b/frontend/src/lib/components/icons/PowershellIcon.svelte
index e687da2937..1c69a209ca 100644
--- a/frontend/src/lib/components/icons/PowershellIcon.svelte
+++ b/frontend/src/lib/components/icons/PowershellIcon.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #2D4664 per github.com/PowerShell/PowerShell/blob/master/assets/ps_black_64.svg. Trademarked Microsoft logo, exempt from that repo's MIT license.
+	The #00FF18 line below is opacity-0 in the upstream asset and paints nothing. -->
 <svg
 	version="1.1"
 	id="Powershell"
diff --git a/frontend/src/lib/components/icons/PusherIcon.svelte b/frontend/src/lib/components/icons/PusherIcon.svelte
index 5f595760ea..a12be77f74 100644
--- a/frontend/src/lib/components/icons/PusherIcon.svelte
+++ b/frontend/src/lib/components/icons/PusherIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#300D4F" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 23.966v-6.0166a.0348.0348 0 01.0182-.031l7.7319-4.4645a.0348.0348 0 00.0181-.031v-1.711a.0356.0356 0 00-.0537-.031l-7.6608 4.423a.0356.0356 0 01-.0537-.031v-1.7117a.0356.0356 0 01.0181-.031l7.732-4.4645a.037.037 0 00.0181-.031v-1.711a.0363.0363 0 00-.0537-.031l-7.6608 4.4229a.0356.0356 0 01-.0537-.031v-1.711a.0348.0348 0 01.0181-.031l7.732-4.4622a.0356.0356 0 00.0181-.031V4.515a.0757.0757 0 00-.0356-.062L12.0356.0096a.0704.0704 0 00-.0712 0L10.5002.855a.0356.0356 0 000 .062L18.161 5.34a.0363.0363 0 010 .062l-1.4642.8452a.0757.0757 0 01-.0719 0L8.9286 1.8038a.0757.0757 0 00-.0757 0l-1.4597.8445a.0356.0356 0 000 .062l7.6593 4.4236a.0356.0356 0 010 .0621l-1.4634.8452a.0757.0757 0 01-.0757 0l-7.6926-4.444a.0757.0757 0 00-.0756 0l-1.5134.8762v15.0492a.0348.0348 0 00.0181.031l1.4816.8558a.0356.0356 0 00.0538-.031V5.433a.0356.0356 0 01.0537-.031l1.4824.8558a.0356.0356 0 01.0174.031v15.028a.0356.0356 0 00.0181.031l1.4816.8559a.0363.0363 0 00.0545-.0318V7.227a.0356.0356 0 01.0537-.031l1.4817.855a.0356.0356 0 01.0181.0311v15.0288a.037.037 0 00.0174.031l1.4862.855A.0356.0356 0 0012 23.966z"/>
+<!-- #300D4F / #FFFFFF per pusher.com media kit (Pusher logo primary.png / Pusher logo secondary.png).
+	Only the colourways shown in their brand guidelines are permitted. -->
+<svg
+	class="text-[#300D4F] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12 23.966v-6.0166a.0348.0348 0 01.0182-.031l7.7319-4.4645a.0348.0348 0 00.0181-.031v-1.711a.0356.0356 0 00-.0537-.031l-7.6608 4.423a.0356.0356 0 01-.0537-.031v-1.7117a.0356.0356 0 01.0181-.031l7.732-4.4645a.037.037 0 00.0181-.031v-1.711a.0363.0363 0 00-.0537-.031l-7.6608 4.4229a.0356.0356 0 01-.0537-.031v-1.711a.0348.0348 0 01.0181-.031l7.732-4.4622a.0356.0356 0 00.0181-.031V4.515a.0757.0757 0 00-.0356-.062L12.0356.0096a.0704.0704 0 00-.0712 0L10.5002.855a.0356.0356 0 000 .062L18.161 5.34a.0363.0363 0 010 .062l-1.4642.8452a.0757.0757 0 01-.0719 0L8.9286 1.8038a.0757.0757 0 00-.0757 0l-1.4597.8445a.0356.0356 0 000 .062l7.6593 4.4236a.0356.0356 0 010 .0621l-1.4634.8452a.0757.0757 0 01-.0757 0l-7.6926-4.444a.0757.0757 0 00-.0756 0l-1.5134.8762v15.0492a.0348.0348 0 00.0181.031l1.4816.8558a.0356.0356 0 00.0538-.031V5.433a.0356.0356 0 01.0537-.031l1.4824.8558a.0356.0356 0 01.0174.031v15.028a.0356.0356 0 00.0181.031l1.4816.8559a.0363.0363 0 00.0545-.0318V7.227a.0356.0356 0 01.0537-.031l1.4817.855a.0356.0356 0 01.0181.0311v15.0288a.037.037 0 00.0174.031l1.4862.855A.0356.0356 0 0012 23.966z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/PushoverIcon.svelte b/frontend/src/lib/components/icons/PushoverIcon.svelte
index 8b3ebeb4e9..00fdac8998 100644
--- a/frontend/src/lib/components/icons/PushoverIcon.svelte
+++ b/frontend/src/lib/components/icons/PushoverIcon.svelte
@@ -1,13 +1,17 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #249DF1 per support.pushover.net/i63-pushover-logos-and-usage. Forbids recolouring. -->
 <svg {width} {height} viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="512" cy="512" r="512" style="fill:#249df1"/>
-    <path d="m495.6 319.4 104-13.7-101.3 228.6c17.8-1.4 35.2-7.4 52.3-18.1 17.1-10.7 32.9-24.2 47.2-40.4 14.4-16.2 26.8-34.2 37.3-54.1 10.5-19.8 18-39.4 22.6-58.5 2.7-11.9 4-23.3 3.8-34.2-.2-10.9-3.1-20.5-8.6-28.7s-13.8-14.8-25-19.8-26.3-7.5-45.5-7.5c-22.4 0-44.4 3.6-66 10.9-21.7 7.3-41.7 17.9-60.2 31.8-18.5 13.9-34.5 31.2-48.2 52-13.7 20.8-23.5 44.4-29.4 70.8-2.3 8.7-3.6 15.6-4.1 20.9-.5 5.3-.6 9.6-.3 13 .2 3.4.7 6.1 1.4 7.9.7 1.8 1.3 3.6 1.7 5.5-23.3 0-40.3-4.7-51-14-10.7-9.3-13.3-25.7-7.9-48.9 5.5-24.2 17.9-47.2 37.3-69.1 19.4-21.9 42.4-41.2 69.1-57.8 26.7-16.6 55.9-29.9 87.6-39.7 31.7-9.8 62.6-14.7 92.7-14.7 26.5 0 48.7 3.8 66.7 11.3 18 7.5 32.1 17.5 42.1 29.8s16.3 26.7 18.8 43.1c2.5 16.4 1.7 33.5-2.4 51.3-5 21.4-14.5 43-28.4 64.7-13.9 21.7-31.4 41.3-52.3 58.8-21 17.6-45 31.8-72.2 42.8-27.1 10.9-56 16.4-86.6 16.4h-3.4l-86.9 195H302l193.6-435.4z" style="fill:#fff"/>
- </svg>
\ No newline at end of file
+	<circle cx="512" cy="512" r="512" style="fill:#249df1" />
+	<path
+		d="m495.6 319.4 104-13.7-101.3 228.6c17.8-1.4 35.2-7.4 52.3-18.1 17.1-10.7 32.9-24.2 47.2-40.4 14.4-16.2 26.8-34.2 37.3-54.1 10.5-19.8 18-39.4 22.6-58.5 2.7-11.9 4-23.3 3.8-34.2-.2-10.9-3.1-20.5-8.6-28.7s-13.8-14.8-25-19.8-26.3-7.5-45.5-7.5c-22.4 0-44.4 3.6-66 10.9-21.7 7.3-41.7 17.9-60.2 31.8-18.5 13.9-34.5 31.2-48.2 52-13.7 20.8-23.5 44.4-29.4 70.8-2.3 8.7-3.6 15.6-4.1 20.9-.5 5.3-.6 9.6-.3 13 .2 3.4.7 6.1 1.4 7.9.7 1.8 1.3 3.6 1.7 5.5-23.3 0-40.3-4.7-51-14-10.7-9.3-13.3-25.7-7.9-48.9 5.5-24.2 17.9-47.2 37.3-69.1 19.4-21.9 42.4-41.2 69.1-57.8 26.7-16.6 55.9-29.9 87.6-39.7 31.7-9.8 62.6-14.7 92.7-14.7 26.5 0 48.7 3.8 66.7 11.3 18 7.5 32.1 17.5 42.1 29.8s16.3 26.7 18.8 43.1c2.5 16.4 1.7 33.5-2.4 51.3-5 21.4-14.5 43-28.4 64.7-13.9 21.7-31.4 41.3-52.3 58.8-21 17.6-45 31.8-72.2 42.8-27.1 10.9-56 16.4-86.6 16.4h-3.4l-86.9 195H302l193.6-435.4z"
+		style="fill:#fff"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/QRCodeIcon.svelte b/frontend/src/lib/components/icons/QRCodeIcon.svelte
index f7d2aacfd6..c2d66fc5cb 100644
--- a/frontend/src/lib/components/icons/QRCodeIcon.svelte
+++ b/frontend/src/lib/components/icons/QRCodeIcon.svelte
@@ -2,10 +2,10 @@
 	import { QrCode } from 'lucide-svelte'
 
 	interface Props {
-		height?: number;
+		height?: number
 	}
 
-	let { height = 24 }: Props = $props();
+	let { height = 24 }: Props = $props()
 </script>
 
 <QrCode size={height} />
diff --git a/frontend/src/lib/components/icons/QoveryIcon.svelte b/frontend/src/lib/components/icons/QoveryIcon.svelte
new file mode 100644
index 0000000000..dd48429c94
--- /dev/null
+++ b/frontend/src/lib/components/icons/QoveryIcon.svelte
@@ -0,0 +1,16 @@
+<!-- #642DFF per qovery.com/logos/qovery-logo-black.svg. The mark keeps the same purple in Qovery's white lockup for dark backgrounds, so there is no reversed variant. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg {width} {height} viewBox="0 0 328 328" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#642DFF"
+		d="M295.876 72.3141L176.187 3.21008C168.775-1.07003 159.65-1.07003 152.249 3.21008L32.5589 72.3141C25.1573 76.5846 20.59 84.4937 20.59 93.0444V231.252C20.59 239.803 25.1477 247.703 32.5589 251.983L164.218 328V251.983C164.218 247.703 166.496 243.758 170.202 241.613L236.031 203.609V286.53L295.876 251.983C303.287 247.703 307.845 239.803 307.845 231.252V93.0444C307.845 84.4937 303.287 76.5942 295.876 72.3141ZM158.233 165.605L92.4038 203.609V127.592C92.4038 123.312 94.6827 119.367 98.3882 117.222L158.233 82.6745C161.939 80.5392 166.496 80.5392 170.202 82.6745L230.047 117.222C233.753 119.357 236.031 123.312 236.031 127.592V203.609L170.202 165.605C166.496 163.47 161.939 163.47 158.233 165.605Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/QuestionInputIcon.svelte b/frontend/src/lib/components/icons/QuestionInputIcon.svelte
new file mode 100644
index 0000000000..76e3f25743
--- /dev/null
+++ b/frontend/src/lib/components/icons/QuestionInputIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"
+	/>
+	<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+	<path d="M12 17h.01" />
+</svg>
diff --git a/frontend/src/lib/components/icons/QuickbooksIcon.svelte b/frontend/src/lib/components/icons/QuickbooksIcon.svelte
index 8a24b47488..91afd465b1 100644
--- a/frontend/src/lib/components/icons/QuickbooksIcon.svelte
+++ b/frontend/src/lib/components/icons/QuickbooksIcon.svelte
@@ -7,6 +7,7 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #2CA01C per the QuickBooks logo SVG on intuit.com's press room. Intuit forbids altering the mark. -->
 <svg
 	fill="#2CA01C"
 	{width}
diff --git a/frontend/src/lib/components/icons/RIcon.svelte b/frontend/src/lib/components/icons/RIcon.svelte
index 388193fc2d..4d42f66b1a 100644
--- a/frontend/src/lib/components/icons/RIcon.svelte
+++ b/frontend/src/lib/components/icons/RIcon.svelte
@@ -7,6 +7,8 @@
 	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #276DC3 per r-project.org/logo (gradient stops copied from the authoritative Rlogo.svg).
+     R Foundation licenses the mark CC-BY-SA 4.0 / GPL-2 — attribution required, changes must be indicated. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
diff --git a/frontend/src/lib/components/icons/RaindropIcon.svelte b/frontend/src/lib/components/icons/RaindropIcon.svelte
index 06d1fec6f4..585a8dc745 100644
--- a/frontend/src/lib/components/icons/RaindropIcon.svelte
+++ b/frontend/src/lib/components/icons/RaindropIcon.svelte
@@ -1,32 +1,51 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #1988E0 (with #2CD4ED / #0DB4E2 / #3169FF / #3153FF) on both themes per
+	app.raindrop.io/assets/icon_raw.svg and raindrop.io icon_128.png. Full-colour mark, no reversed variant published. -->
 <svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-<defs>
-    <path id="icon_raw-a" d="M12,0 C18.627417,0 24,5.372583 24,12 L24,12 L24,24 L12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z"/>
-    <path id="icon_raw-c" d="M0,24 L0,12 L0.00379985776,11.6950252 C0.165607248,5.20854437 5.47454326,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 L12,24 L0,24 Z"/>
-  </defs>
-  <g fill="none" fill-rule="evenodd" transform="translate(0 5)">
-    <path fill="#0B7ED0" d="M35.3137085,4.6862915 C41.5620972,10.9346802 41.5620972,21.0653198 35.3137085,27.3137085 C35.1048567,27.5225603 34.8916675,27.7244313 34.674431,27.9193214 L24,38 L13.325569,27.9193214 C13.1083325,27.7244313 12.8951433,27.5225603 12.6862915,27.3137085 C6.43790283,21.0653198 6.43790283,10.9346802 12.6862915,4.6862915 C18.9346802,-1.56209717 29.0653198,-1.56209717 35.3137085,4.6862915 Z"/>
-    <g transform="translate(0 14)">
-      <mask id="icon_raw-b" fill="#fff">
-        <use xlink:href="#icon_raw-a"/>
-      </mask>
-      <use fill="#2CD4ED" xlink:href="#icon_raw-a"/>
-      <path fill="#0DB4E2" d="M35.3137085,-9.3137085 C41.5620972,-3.06531983 41.5620972,7.06531983 35.3137085,13.3137085 C35.1048567,13.5225603 34.8916675,13.7244313 34.674431,13.9193214 L24,24 L13.325569,13.9193214 C13.1083325,13.7244313 12.8951433,13.5225603 12.6862915,13.3137085 C6.43790283,7.06531983 6.43790283,-3.06531983 12.6862915,-9.3137085 C18.9346802,-15.5620972 29.0653198,-15.5620972 35.3137085,-9.3137085 Z" mask="url(#icon_raw-b)"/>
-    </g>
-    <g transform="translate(24 14)">
-      <mask id="icon_raw-d" fill="#fff">
-        <use xlink:href="#icon_raw-c"/>
-      </mask>
-      <use fill="#3169FF" xlink:href="#icon_raw-c"/>
-      <path fill="#3153FF" d="M11.3137085,-9.3137085 C17.5620972,-3.06531983 17.5620972,7.06531983 11.3137085,13.3137085 C11.1048567,13.5225603 10.8916675,13.7244313 10.674431,13.9193214 L2.61250577e-10,24 L-10.674431,13.9193214 C-10.8916675,13.7244313 -11.1048567,13.5225603 -11.3137085,13.3137085 C-17.5620972,7.06531983 -17.5620972,-3.06531983 -11.3137085,-9.3137085 C-5.06531983,-15.5620972 5.06531983,-15.5620972 11.3137085,-9.3137085 Z" mask="url(#icon_raw-d)"/>
-    </g>
-  </g>
+	<defs>
+		<path
+			id="icon_raw-a"
+			d="M12,0 C18.627417,0 24,5.372583 24,12 L24,12 L24,24 L12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z"
+		/>
+		<path
+			id="icon_raw-c"
+			d="M0,24 L0,12 L0.00379985776,11.6950252 C0.165607248,5.20854437 5.47454326,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 L12,24 L0,24 Z"
+		/>
+	</defs>
+	<g fill="none" fill-rule="evenodd" transform="translate(0 5)">
+		<path
+			fill="#1988E0"
+			d="M35.3137085,4.6862915 C41.5620972,10.9346802 41.5620972,21.0653198 35.3137085,27.3137085 C35.1048567,27.5225603 34.8916675,27.7244313 34.674431,27.9193214 L24,38 L13.325569,27.9193214 C13.1083325,27.7244313 12.8951433,27.5225603 12.6862915,27.3137085 C6.43790283,21.0653198 6.43790283,10.9346802 12.6862915,4.6862915 C18.9346802,-1.56209717 29.0653198,-1.56209717 35.3137085,4.6862915 Z"
+		/>
+		<g transform="translate(0 14)">
+			<mask id="icon_raw-b" fill="#fff">
+				<use xlink:href="#icon_raw-a" />
+			</mask>
+			<use fill="#2CD4ED" xlink:href="#icon_raw-a" />
+			<path
+				fill="#0DB4E2"
+				d="M35.3137085,-9.3137085 C41.5620972,-3.06531983 41.5620972,7.06531983 35.3137085,13.3137085 C35.1048567,13.5225603 34.8916675,13.7244313 34.674431,13.9193214 L24,24 L13.325569,13.9193214 C13.1083325,13.7244313 12.8951433,13.5225603 12.6862915,13.3137085 C6.43790283,7.06531983 6.43790283,-3.06531983 12.6862915,-9.3137085 C18.9346802,-15.5620972 29.0653198,-15.5620972 35.3137085,-9.3137085 Z"
+				mask="url(#icon_raw-b)"
+			/>
+		</g>
+		<g transform="translate(24 14)">
+			<mask id="icon_raw-d" fill="#fff">
+				<use xlink:href="#icon_raw-c" />
+			</mask>
+			<use fill="#3169FF" xlink:href="#icon_raw-c" />
+			<path
+				fill="#3153FF"
+				d="M11.3137085,-9.3137085 C17.5620972,-3.06531983 17.5620972,7.06531983 11.3137085,13.3137085 C11.1048567,13.5225603 10.8916675,13.7244313 10.674431,13.9193214 L2.61250577e-10,24 L-10.674431,13.9193214 C-10.8916675,13.7244313 -11.1048567,13.5225603 -11.3137085,13.3137085 C-17.5620972,7.06531983 -17.5620972,-3.06531983 -11.3137085,-9.3137085 C-5.06531983,-15.5620972 5.06531983,-15.5620972 11.3137085,-9.3137085 Z"
+				mask="url(#icon_raw-d)"
+			/>
+		</g>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/ReactIcon.svelte b/frontend/src/lib/components/icons/ReactIcon.svelte
index eb5b5a4198..fc3d9d2bfa 100644
--- a/frontend/src/lib/components/icons/ReactIcon.svelte
+++ b/frontend/src/lib/components/icons/ReactIcon.svelte
@@ -11,19 +11,21 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #087EA4 / #58C4DC per react.dev brand menu (images/brand/logo_light.svg, logo_dark.svg). -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
 	viewBox="0 0 600 600"
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
+	class="text-[#087EA4] dark:text-[#58C4DC]"
 >
 	<g transform="translate(300, 300)">
 		<!-- Central circle -->
-		<circle fill="#61DAFB" r="50" />
+		<circle fill="currentColor" r="50" />
 
 		<!-- Three ellipses -->
-		<g stroke="#61DAFB" stroke-width="20" fill="none">
+		<g stroke="currentColor" stroke-width="20" fill="none">
 			<ellipse rx="225" ry="90" />
 			<ellipse rx="225" ry="90" transform="rotate(60)" />
 			<ellipse rx="225" ry="90" transform="rotate(120)" />
diff --git a/frontend/src/lib/components/icons/ReadmeIcon.svelte b/frontend/src/lib/components/icons/ReadmeIcon.svelte
new file mode 100644
index 0000000000..6ab0d47896
--- /dev/null
+++ b/frontend/src/lib/components/icons/ReadmeIcon.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #213AFF / #FFFFFF per readme.com's own prefers-color-scheme favicon pair
+	(favicon-213aff.ico / favicon-ffffff.ico). -->
+<svg
+	class="text-[#213AFF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M22.0113 3.269h-5.8219a4.2894 4.2894 0 0 0-4.1854 3.3452A4.2894 4.2894 0 0 0 7.8186 3.269h-5.818A2.0007 2.0007 0 0 0 0 5.2697v10.2434a2.0007 2.0007 0 0 0 2.0007 2.0007h3.7372c4.2574 0 5.5299 1.0244 6.138 3.133a.112.112 0 0 0 .1121.084h.024a.112.112 0 0 0 .112-.084c.6122-2.1086 1.8847-3.133 6.138-3.133h3.7373A2.0007 2.0007 0 0 0 24 15.5131V5.2697a2.0007 2.0007 0 0 0-1.9887-2.0006Zm-11.928 11.0557a.144.144 0 0 1-.144.144H3.2571a.144.144 0 0 1-.144-.144v-.9523a.144.144 0 0 1 .144-.144h6.6822a.144.144 0 0 1 .144.144zm0-2.5368a.144.144 0 0 1-.144.144H3.2571a.144.144 0 0 1-.144-.144v-.9523a.144.144 0 0 1 .144-.144h6.6822a.144.144 0 0 1 .144.144zm0-2.5368a.144.144 0 0 1-.144.144H3.2571a.144.144 0 0 1-.144-.144v-.9524a.144.144 0 0 1 .144-.144h6.6822a.144.144 0 0 1 .144.144zm10.8037 5.0696a.144.144 0 0 1-.144.144h-6.6823a.144.144 0 0 1-.144-.144v-.9523a.144.144 0 0 1 .144-.144h6.6822a.144.144 0 0 1 .144.144zm0-2.5368a.144.144 0 0 1-.144.144h-6.6823a.144.144 0 0 1-.144-.144v-.9523a.144.144 0 0 1 .144-.144h6.6822a.144.144 0 0 1 .144.144zm0-2.5368a.144.144 0 0 1-.144.144h-6.6823a.144.144 0 0 1-.144-.144v-.9484a.144.144 0 0 1 .144-.144h6.6822a.144.144 0 0 1 .144.144v.9524z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ReadwiseIcon.svelte b/frontend/src/lib/components/icons/ReadwiseIcon.svelte
index 17e97e359b..4318124c9c 100644
--- a/frontend/src/lib/components/icons/ReadwiseIcon.svelte
+++ b/frontend/src/lib/components/icons/ReadwiseIcon.svelte
@@ -1,17 +1,34 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
-<g style="mix-blend-mode:multiply">
-<path d="M50 0H0V50H50V0Z" fill="black"/>
-<path d="M36.2225 35.7866C37.2767 37.5404 38.1366 38.1234 39.8953 38.3323V40.0861H31.2186L23.091 26.527H21.0603V35.4174C21.0603 37.7979 21.6481 38.1282 24.15 38.3371V40.0909H11.0525V38.3371C13.5544 38.1282 14.1423 37.793 14.1423 35.4174V15.5524C14.1423 13.1331 13.6322 12.8416 11.0525 12.6327V10.8789H24.5338C32.6615 10.8789 36.9075 12.589 36.9075 18.5985C36.9075 23.1457 34.6971 25.3173 30.2422 26.0655L36.2225 35.7866ZM22.2311 13.7161C21.5266 13.7161 21.0603 14.2164 21.0603 14.9695V23.6898H24.4221C27.9005 23.6898 29.9701 22.4364 29.9701 18.5985C29.9701 14.7168 27.9005 13.7161 24.5387 13.7161H22.2311Z" fill="white"/>
-<path d="M31.345 11.918H18.7041V23.9856H31.345V11.918Z" fill="white"/>
-<path d="M29.7184 14.0234C29.0334 15.2914 30.0925 21.2669 30.0925 21.2669C30.1071 21.5827 29.8933 21.8596 29.5824 21.9276C29.5824 21.9276 23.1016 21.9568 20.9543 23.7446" fill="black"/>
-</g>
+<!-- #000000 / #FFFFFF per readwise.io's logo-standalone-dark.svg (light) and logo-standalone-white.svg
+	(dark). The serif R and its highlight block are knocked out to the opposite colour, so they carry
+	their own fill- utilities. Do not restore the mix-blend-mode: multiply wrapper Readwise's dark file
+	carries: it turns the knocked-out white to the backdrop colour on anything but a white page. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path d="M50 0H0V50H50V0Z" />
+	<path
+		class="fill-[#FFFFFF] dark:fill-[#000000]"
+		d="M36.2225 35.7866C37.2767 37.5404 38.1366 38.1234 39.8953 38.3323V40.0861H31.2186L23.091 26.527H21.0603V35.4174C21.0603 37.7979 21.6481 38.1282 24.15 38.3371V40.0909H11.0525V38.3371C13.5544 38.1282 14.1423 37.793 14.1423 35.4174V15.5524C14.1423 13.1331 13.6322 12.8416 11.0525 12.6327V10.8789H24.5338C32.6615 10.8789 36.9075 12.589 36.9075 18.5985C36.9075 23.1457 34.6971 25.3173 30.2422 26.0655L36.2225 35.7866ZM22.2311 13.7161C21.5266 13.7161 21.0603 14.2164 21.0603 14.9695V23.6898H24.4221C27.9005 23.6898 29.9701 22.4364 29.9701 18.5985C29.9701 14.7168 27.9005 13.7161 24.5387 13.7161H22.2311Z"
+	/>
+	<path
+		class="fill-[#FFFFFF] dark:fill-[#000000]"
+		d="M31.345 11.918H18.7041V23.9856H31.345V11.918Z"
+	/>
+	<path
+		d="M29.7184 14.0234C29.0334 15.2914 30.0925 21.2669 30.0925 21.2669C30.1071 21.5827 29.8933 21.8596 29.5824 21.9276C29.5824 21.9276 23.1016 21.9568 20.9543 23.7446"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/RecordIcon.svelte b/frontend/src/lib/components/icons/RecordIcon.svelte
new file mode 100644
index 0000000000..56f67d3e32
--- /dev/null
+++ b/frontend/src/lib/components/icons/RecordIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M12 3v18" />
+	<rect width="18" height="18" x="3" y="3" rx="2" />
+	<path d="M3 9h18" />
+	<path d="M3 15h18" />
+</svg>
diff --git a/frontend/src/lib/components/icons/RecraftIcon.svelte b/frontend/src/lib/components/icons/RecraftIcon.svelte
new file mode 100644
index 0000000000..0b3c26ba0f
--- /dev/null
+++ b/frontend/src/lib/components/icons/RecraftIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 plate, #FFFFFF glyph per Recraft's press-kit "Icon White" mark (https://www.recraft.ai/press-releases).
+	The plated mark carries its own background: recraft.ai serves it to prefers-color-scheme light and dark alike — not a theme pair. -->
+<svg {width} {height} viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
+	<g clip-path="url(#recraft-clip0_14044_7953)">
+		<path d="M1000 0H0V1000H1000V0Z" fill="black" />
+		<path
+			d="M707.096 588.185H544.157C642.424 557.11 707.935 490.758 707.935 389.972C707.935 265.669 608.829 180 491.244 180C401.376 180 331.666 260.629 331.666 389.972C331.666 431.126 340.065 475.64 350.983 510.916H287.152L225 778H464.368V608.711L563.946 778H812.081L707.096 588.185ZM473.607 496.638C450.93 496.638 429.093 452.963 429.093 389.972C429.093 330.34 450.93 288.346 473.607 288.346C496.284 288.346 518.121 330.34 518.121 389.972C518.121 452.963 496.284 496.638 473.607 496.638Z"
+			fill="white"
+		/>
+	</g>
+	<defs>
+		<clipPath id="recraft-clip0_14044_7953">
+			<rect width="1000" height="1000" fill="white" />
+		</clipPath>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/RedditIcon.svelte b/frontend/src/lib/components/icons/RedditIcon.svelte
index e5b65d7fc7..6c70e6ff35 100644
--- a/frontend/src/lib/components/icons/RedditIcon.svelte
+++ b/frontend/src/lib/components/icons/RedditIcon.svelte
@@ -1,13 +1,166 @@
+<!-- #FF4500 per redditinc.com/brand ("a stylized Snoo head contained within an OrangeRed (#FF4500) conversation bubble"). Reddit publishes no reversed variant; the icon must always appear in Orangered when in colour. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M84 167C129.84 167 167 129.84 167 84C167 38.1604 129.84 1 84 1C38.1604 1 1 38.1604 1 84C1 129.84 38.1604 167 84 167Z" fill="#FF4500"/>
-<path d="M139.334 84C139.334 77.3018 133.898 71.8655 127.199 71.8655C123.899 71.8655 120.986 73.1275 118.851 75.2632C110.599 69.3415 99.1444 65.4585 86.5245 64.9731L92.0578 39.0538L110.017 42.8398C110.211 47.4024 113.997 51.0912 118.657 51.0912C123.413 51.0912 127.296 47.2082 127.296 42.4515C127.296 37.6948 123.413 33.8117 118.657 33.8117C115.259 33.8117 112.347 35.7532 110.988 38.6655L90.8929 34.3942C90.3105 34.2971 89.728 34.3942 89.2426 34.6854C88.7572 34.9766 88.466 35.462 88.2719 36.0445L82.1561 64.9731C69.245 65.3614 57.6929 69.1474 49.3444 75.2632C47.2087 73.2246 44.1993 71.8655 40.9958 71.8655C34.2976 71.8655 28.8613 77.3018 28.8613 84C28.8613 88.9509 31.7736 93.1252 36.045 95.0667C35.8508 96.2316 35.7537 97.4936 35.7537 98.7556C35.7537 117.394 57.4017 132.441 84.1947 132.441C110.988 132.441 132.636 117.394 132.636 98.7556C132.636 97.4936 132.539 96.3287 132.344 95.1638C136.324 93.2222 139.334 88.9509 139.334 84ZM56.3338 92.6398C56.3338 87.8831 60.2169 84 64.9736 84C69.7303 84 73.6134 87.8831 73.6134 92.6398C73.6134 97.3965 69.7303 101.28 64.9736 101.28C60.2169 101.28 56.3338 97.3965 56.3338 92.6398ZM104.581 115.453C98.659 121.374 87.3982 121.763 84.0976 121.763C80.797 121.763 69.4391 121.277 63.6145 115.453C62.7409 114.579 62.7409 113.123 63.6145 112.249C64.4882 111.375 65.9444 111.375 66.8181 112.249C70.5069 115.938 78.4672 117.297 84.1947 117.297C89.9222 117.297 97.7853 115.938 101.571 112.249C102.445 111.375 103.901 111.375 104.775 112.249C105.454 113.22 105.454 114.579 104.581 115.453ZM103.027 101.28C98.2707 101.28 94.3877 97.3965 94.3877 92.6398C94.3877 87.8831 98.2707 84 103.027 84C107.784 84 111.667 87.8831 111.667 92.6398C111.667 97.3965 107.784 101.28 103.027 101.28Z" fill="white"/>
+<svg {width} {height} viewBox="0 0 216 216" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<radialGradient
+			id="reddit-g1"
+			cx="370.49"
+			cy="151.59"
+			fx="370.49"
+			fy="142.47"
+			r="127.45"
+			gradientTransform="translate(0 19.13) scale(1 .87)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#feffff" />
+			<stop offset=".4" stop-color="#feffff" />
+			<stop offset=".51" stop-color="#f9fcfc" />
+			<stop offset=".62" stop-color="#edf3f5" />
+			<stop offset=".7" stop-color="#dee9ec" />
+			<stop offset=".72" stop-color="#d8e4e8" />
+			<stop offset=".76" stop-color="#ccd8df" />
+			<stop offset=".8" stop-color="#c8d5dd" />
+			<stop offset=".83" stop-color="#ccd6de" />
+			<stop offset=".85" stop-color="#d8dbe2" />
+			<stop offset=".88" stop-color="#ede3e9" />
+			<stop offset=".9" stop-color="#ffebef" />
+		</radialGradient>
+		<radialGradient id="reddit-g2" cx="64.38" fx="64.38" fy="142.47" r="127.45" href="#reddit-g1" />
+		<radialGradient
+			id="reddit-g3"
+			cx="220.14"
+			cy="135.08"
+			fx="220.14"
+			fy="135.08"
+			r="384.44"
+			gradientTransform="translate(0 40.35) scale(1 .7)"
+			href="#reddit-g1"
+		/>
+		<radialGradient
+			id="reddit-g4"
+			cx="134.7"
+			cy="240.48"
+			fx="134.7"
+			fy="240.48"
+			r="32.12"
+			gradientTransform="translate(0 -110.04) scale(1 1.46)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#f60" />
+			<stop offset=".5" stop-color="#ff4500" />
+			<stop offset=".7" stop-color="#fc4301" />
+			<stop offset=".82" stop-color="#f43f07" />
+			<stop offset=".92" stop-color="#e53812" />
+			<stop offset="1" stop-color="#d4301f" />
+		</radialGradient>
+		<radialGradient
+			id="reddit-g5"
+			cx="6191.5"
+			cy="240.48"
+			fx="6191.5"
+			fy="240.48"
+			r="32.12"
+			gradientTransform="translate(6489.32 -110.04) rotate(-180) scale(1 -1.46)"
+			href="#reddit-g4"
+		/>
+		<radialGradient
+			id="reddit-g6"
+			cx="215.93"
+			cy="338.52"
+			fx="215.93"
+			fy="338.52"
+			r="113.26"
+			gradientTransform="translate(0 116.39) scale(1 .66)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset="0" stop-color="#172e35" />
+			<stop offset=".29" stop-color="#0e1c21" />
+			<stop offset=".73" stop-color="#030708" />
+			<stop offset="1" stop-color="#000" />
+		</radialGradient>
+		<radialGradient
+			id="reddit-g7"
+			cx="315.81"
+			cy="3.47"
+			fx="315.81"
+			fy="3.47"
+			r="99.42"
+			gradientTransform="translate(0 .06) scale(1 .98)"
+			href="#reddit-g1"
+		/>
+		<radialGradient
+			id="reddit-g8"
+			cx="274.38"
+			cy="103.82"
+			fx="274.38"
+			fy="103.82"
+			r="81.49"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".48" stop-color="#7a9299" />
+			<stop offset=".67" stop-color="#172e35" />
+			<stop offset=".75" stop-color="#000" />
+			<stop offset=".82" stop-color="#172e35" />
+		</radialGradient>
+	</defs>
+	<path
+		fill="#ff4500"
+		d="m108,0h0C48.35,0,0,48.35,0,108h0c0,29.82,12.09,56.82,31.63,76.37l-20.57,20.57c-4.08,4.08-1.19,11.06,4.58,11.06h92.36s0,0,0,0c59.65,0,108-48.35,108-108h0C216,48.35,167.65,0,108,0Z"
+	/>
+	<g transform="translate(21.56 31.55) scale(.4)">
+		<circle fill="url(#reddit-g1)" cx="369.16" cy="188.55" r="63.05" />
+		<circle fill="url(#reddit-g2)" cx="63.05" cy="188.55" r="63.05" />
+		<ellipse fill="url(#reddit-g3)" cx="216.26" cy="242.72" rx="180" ry="135" />
+		<path
+			fill="#842123"
+			d="m163.04,229.59c-1.05,22.87-16.23,31.17-33.91,31.17s-31.15-11.71-30.09-34.58c1.05-22.87,16.23-38.01,33.91-38.01s31.15,18.54,30.09,41.42Z"
+		/>
+		<path
+			fill="#842123"
+			d="m333.48,226.18c1.05,22.87-12.42,34.58-30.09,34.58s-32.85-8.3-33.91-31.17c-1.05-22.87,12.42-41.42,30.09-41.42s32.85,15.13,33.91,38.01Z"
+		/>
+		<path
+			fill="url(#reddit-g4)"
+			d="m163.05,231.59c-.99,21.41-15.19,29.17-31.73,29.17s-29.15-11.63-28.16-33.03c.99-21.41,15.19-35.41,31.73-35.41s29.15,17.86,28.16,39.27Z"
+		/>
+		<path
+			fill="url(#reddit-g5)"
+			d="m269.47,231.59c.99,21.41,15.19,29.17,31.73,29.17,16.54,0,29.15-11.63,28.16-33.03-.99-21.41-15.19-35.41-31.73-35.41s-29.15,17.86-28.16,39.27Z"
+		/>
+		<ellipse fill="#ffc49c" cx="145.19" cy="212.04" rx="7" ry="7.64" />
+		<ellipse fill="#ffc49c" cx="311.64" cy="212.04" rx="7" ry="7.64" />
+		<path
+			fill="#bbcfda"
+			d="m216.26,276.02c-22.32,0-43.71,1.08-63.49,3.04-3.38.34-5.52,3.78-4.21,6.86,11.08,25.97,37.22,44.21,67.7,44.21s56.62-18.24,67.7-44.21c1.31-3.08-.83-6.52-4.21-6.86-19.78-1.97-41.17-3.04-63.49-3.04Z"
+		/>
+		<path
+			fill="#fff"
+			d="m216.26,280.98c-22.25,0-43.57,1.09-63.29,3.09-3.37.34-5.51,3.84-4.2,6.97,11.05,26.38,37.1,44.91,67.49,44.91s56.44-18.53,67.49-44.91c1.31-3.12-.83-6.62-4.2-6.97-19.72-2-41.04-3.09-63.29-3.09Z"
+		/>
+		<path
+			fill="url(#reddit-g6)"
+			d="m216.26,278.4c-21.9,0-42.89,1.08-62.3,3.04-3.32.34-5.42,3.78-4.13,6.86,10.87,25.97,36.52,44.21,66.44,44.21s55.56-18.24,66.44-44.21c1.29-3.08-.81-6.52-4.13-6.86-19.41-1.97-40.4-3.04-62.31-3.04Z"
+		/>
+		<circle fill="url(#reddit-g7)" cx="314.84" cy="44.68" r="44.68" />
+		<path
+			fill="url(#reddit-g8)"
+			d="m215.62,113.41c-5.35,0-9.69-2.24-9.69-5.69,0-40.03,32.56-72.59,72.59-72.59,5.35,0,9.69,4.34,9.69,9.69s-4.34,9.69-9.69,9.69c-29.34,0-53.22,23.87-53.22,53.22,0,3.45-4.34,5.69-9.69,5.69Z"
+		/>
+		<path
+			fill="#ff6101"
+			d="m151.29,242.18c0,8.28-8.81,12-19.69,12s-19.69-3.72-19.69-12,8.81-15,19.69-15,19.69,6.72,19.69,15Z"
+		/>
+		<path
+			fill="#ff6101"
+			d="m320.6,242.18c0,8.28-8.81,12-19.69,12s-19.69-3.72-19.69-12,8.81-15,19.69-15,19.69,6.72,19.69,15Z"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/RenderIcon.svelte b/frontend/src/lib/components/icons/RenderIcon.svelte
index e73b8b232f..e7c1d1325c 100644
--- a/frontend/src/lib/components/icons/RenderIcon.svelte
+++ b/frontend/src/lib/components/icons/RenderIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.263.007c-3.121-.147-5.744 2.109-6.192 5.082-.018.138-.045.272-.067.405-.696 3.703-3.936 6.507-7.827 6.507-1.388 0-2.691-.356-3.825-.979a.2024.2024 0 0 0-.302.178V24H12v-8.999c0-1.656 1.338-3 2.987-3h2.988c3.382 0 6.103-2.817 5.97-6.244-.12-3.084-2.61-5.603-5.682-5.75"/>
+<!-- #000000 / #FFFFFF per render.com. Official Render Brand Kit contains only Black and White
+	logomark folders and the SVGs use pure black / pure white. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M18.263.007c-3.121-.147-5.744 2.109-6.192 5.082-.018.138-.045.272-.067.405-.696 3.703-3.936 6.507-7.827 6.507-1.388 0-2.691-.356-3.825-.979a.2024.2024 0 0 0-.302.178V24H12v-8.999c0-1.656 1.338-3 2.987-3h2.988c3.382 0 6.103-2.817 5.97-6.244-.12-3.084-2.61-5.603-5.682-5.75"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ReplicateIcon.svelte b/frontend/src/lib/components/icons/ReplicateIcon.svelte
index 133f2b75ab..257660460f 100644
--- a/frontend/src/lib/components/icons/ReplicateIcon.svelte
+++ b/frontend/src/lib/components/icons/ReplicateIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M24 10.262v2.712h-9.518V24h-3.034V10.262zm0-5.131v2.717H8.755V24H5.722V5.131zM24 0v2.717H3.034V24H0V0z"/>
+<!-- #000000 / #FFFFFF per replicate.com header logo (glyph is currentColor; site CSS sets #000, and #FFF under .dark). -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M24 10.262v2.712h-9.518V24h-3.034V10.262zm0-5.131v2.717H8.755V24H5.722V5.131zM24 0v2.717H3.034V24H0V0z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ResendIcon.svelte b/frontend/src/lib/components/icons/ResendIcon.svelte
index 6d224a5cd6..04d337349a 100644
--- a/frontend/src/lib/components/icons/ResendIcon.svelte
+++ b/frontend/src/lib/components/icons/ResendIcon.svelte
@@ -1,12 +1,25 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M186 447.471V154H318.062C336.788 154 353.697 158.053 368.79 166.158C384.163 174.263 396.181 185.443 404.845 199.698C413.51 213.672 417.842 229.604 417.842 247.491C417.842 265.938 413.51 282.568 404.845 297.381C396.181 311.915 384.302 323.375 369.209 331.759C354.117 340.144 337.067 344.337 318.062 344.337H253.917V447.471H186ZM348.667 447.471L274.041 314.99L346.99 304.509L430 447.471H348.667ZM253.917 289.835H311.773C319.04 289.835 325.329 288.298 330.639 285.223C336.229 281.869 340.421 277.258 343.216 271.388C346.291 265.519 347.828 258.811 347.828 251.265C347.828 243.718 346.151 237.15 342.797 231.56C339.443 225.691 334.552 221.219 328.124 218.144C321.975 215.07 314.428 213.533 305.484 213.533H253.917V289.835Z" fill="currentColor"/>
-    </svg>
\ No newline at end of file
+<!-- #000000 / #FDFDFD per cdn.resend.com/brand/resend-icon-black.svg and resend-icon-white.svg.
+	Brand guidelines forbid multi-color use or altering the mark, so these are the only two
+	published fills. -->
+<svg
+	class="text-[#000000] dark:text-[#FDFDFD]"
+	{width}
+	{height}
+	viewBox="0 0 1800 1800"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M1000.46 450C1174.77 450 1278.43 553.669 1278.43 691.282C1278.43 828.896 1174.77 932.563 1000.46 932.563H912.382L1350 1350H1040.82L707.794 1033.48C683.944 1011.47 672.936 985.781 672.935 963.765C672.935 932.572 694.959 905.049 737.161 893.122L908.712 847.244C973.85 829.812 1018.81 779.353 1018.81 713.298C1018.8 632.567 952.745 585.78 871.095 585.78H450V450H1000.46Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/RingCentralIcon.svelte b/frontend/src/lib/components/icons/RingCentralIcon.svelte
index 1850e965e8..45cb25c9ba 100644
--- a/frontend/src/lib/components/icons/RingCentralIcon.svelte
+++ b/frontend/src/lib/components/icons/RingCentralIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 64 64" fill="#f80" xmlns="http://www.w3.org/2000/svg">
-<path d="M55.518 27.484c0-1.193 0-1.193 0 0-1.193-2.216-2.216-3.4-4.43-4.43-3.4-2.216-7.84-5.624-16.873-7.84-4.43-1.193-7.84-1.193-10.056 0-6.817 1.193-11.25 3.4-13.464 4.43H9.502a5.45 5.45 0 0 1-7.84 0 5.45 5.45 0 0 1 0-7.84s6.817-6.817 20.28-7.84c4.43 0 9.033 0 13.464 1.193 20.28 3.4 28.12 16.873 28.12 18.066 1.193 2.216 0 5.624-2.216 6.817h-2.216c-.17-.34-2.556-1.534-3.58-2.556zm-12.44 11.248l-2.216-2.216c-1.023-1.023-4.43-3.4-9.033-4.43h-5.624c-4.43 0-6.817 2.216-6.817 2.216-2.216 2.216-4.43 2.216-6.817 0-2.216-2.216-2.216-4.43 0-6.817 0 0 4.43-4.43 12.442-5.624h7.84c12.442 2.216 16.873 10.056 18.066 11.25 1.193 2.216 0 4.43-2.216 5.624H47.5c-2.216 3.4-4.43 2.216-4.43 0zM38.646 49.98c0 5.624-5.624 10.056-11.25 10.056-6.817 0-11.25-4.43-11.25-10.056s5.624-10.056 11.25-10.056c6.647-.17 11.25 4.43 11.25 10.056"/>
+<!-- #FF7A00 / #FFFFFF per assets.ringcentral.com/us/brand-library/logos/ringcentral-logo.zip
+	(RingCentral logo fullcolor.svg / RingCentral logo white.svg). -->
+<svg
+	class="text-[#FF7A00] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 64 64"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M55.518 27.484c0-1.193 0-1.193 0 0-1.193-2.216-2.216-3.4-4.43-4.43-3.4-2.216-7.84-5.624-16.873-7.84-4.43-1.193-7.84-1.193-10.056 0-6.817 1.193-11.25 3.4-13.464 4.43H9.502a5.45 5.45 0 0 1-7.84 0 5.45 5.45 0 0 1 0-7.84s6.817-6.817 20.28-7.84c4.43 0 9.033 0 13.464 1.193 20.28 3.4 28.12 16.873 28.12 18.066 1.193 2.216 0 5.624-2.216 6.817h-2.216c-.17-.34-2.556-1.534-3.58-2.556zm-12.44 11.248l-2.216-2.216c-1.023-1.023-4.43-3.4-9.033-4.43h-5.624c-4.43 0-6.817 2.216-6.817 2.216-2.216 2.216-4.43 2.216-6.817 0-2.216-2.216-2.216-4.43 0-6.817 0 0 4.43-4.43 12.442-5.624h7.84c12.442 2.216 16.873 10.056 18.066 11.25 1.193 2.216 0 4.43-2.216 5.624H47.5c-2.216 3.4-4.43 2.216-4.43 0zM38.646 49.98c0 5.624-5.624 10.056-11.25 10.056-6.817 0-11.25-4.43-11.25-10.056s5.624-10.056 11.25-10.056c6.647-.17 11.25 4.43 11.25 10.056"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/RocketChatIcon.svelte b/frontend/src/lib/components/icons/RocketChatIcon.svelte
index eaadd9f70f..9b04d64404 100644
--- a/frontend/src/lib/components/icons/RocketChatIcon.svelte
+++ b/frontend/src/lib/components/icons/RocketChatIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #F5455C per Rocket.Chat brand colours (docs.rocket.chat/v1/docs/colors), the primary red of their logo. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#F5455C" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.909 8.381c-.651-1.01-1.564-1.905-2.71-2.66-2.215-1.457-5.127-2.259-8.197-2.259-1.027 0-2.038.09-3.018.266a9.978 9.978 0 0 0-2.075-1.53C4.11.803 1.646 1.323.4 1.77a.598.598 0 0 0-.233.977c.879.907 2.332 2.698 1.974 4.327C.753 8.493 0 10.203 0 11.982c0 1.815.752 3.524 2.142 4.942.357 1.63-1.096 3.421-1.975 4.328a.597.597 0 0 0 .233.977c1.245.448 3.71.968 6.508-.427a10.031 10.031 0 0 0 2.075-1.53 17.06 17.06 0 0 0 3.018.265c3.071 0 5.983-.801 8.197-2.257 1.147-.755 2.06-1.65 2.71-2.661C23.633 14.493 24 13.28 24 12.017c.001-1.297-.366-2.508-1.091-3.636zM11.875 18.437c-1.328 0-2.594-.171-3.748-.48l-.844.81a7.716 7.716 0 0 1-1.556 1.154 6.118 6.118 0 0 1-2.2.621c.042-.074.079-.149.119-.224.844-1.553 1.073-2.948.683-4.186-1.382-1.086-2.212-2.476-2.212-3.99 0-3.476 4.369-6.294 9.757-6.294s9.757 2.818 9.757 6.294c.001 3.477-4.367 6.295-9.756 6.295zm-3.229-6.315c0 .788-.644 1.427-1.438 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426zm4.627 0c0 .788-.644 1.427-1.438 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426zm4.63 0c0 .788-.645 1.427-1.439 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426z"/>
+	<path
+		d="M22.909 8.381c-.651-1.01-1.564-1.905-2.71-2.66-2.215-1.457-5.127-2.259-8.197-2.259-1.027 0-2.038.09-3.018.266a9.978 9.978 0 0 0-2.075-1.53C4.11.803 1.646 1.323.4 1.77a.598.598 0 0 0-.233.977c.879.907 2.332 2.698 1.974 4.327C.753 8.493 0 10.203 0 11.982c0 1.815.752 3.524 2.142 4.942.357 1.63-1.096 3.421-1.975 4.328a.597.597 0 0 0 .233.977c1.245.448 3.71.968 6.508-.427a10.031 10.031 0 0 0 2.075-1.53 17.06 17.06 0 0 0 3.018.265c3.071 0 5.983-.801 8.197-2.257 1.147-.755 2.06-1.65 2.71-2.661C23.633 14.493 24 13.28 24 12.017c.001-1.297-.366-2.508-1.091-3.636zM11.875 18.437c-1.328 0-2.594-.171-3.748-.48l-.844.81a7.716 7.716 0 0 1-1.556 1.154 6.118 6.118 0 0 1-2.2.621c.042-.074.079-.149.119-.224.844-1.553 1.073-2.948.683-4.186-1.382-1.086-2.212-2.476-2.212-3.99 0-3.476 4.369-6.294 9.757-6.294s9.757 2.818 9.757 6.294c.001 3.477-4.367 6.295-9.756 6.295zm-3.229-6.315c0 .788-.644 1.427-1.438 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426zm4.627 0c0 .788-.644 1.427-1.438 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426zm4.63 0c0 .788-.645 1.427-1.439 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/RssIcon.svelte b/frontend/src/lib/components/icons/RssIcon.svelte
index 4c340a7adc..d658b96f1b 100644
--- a/frontend/src/lib/components/icons/RssIcon.svelte
+++ b/frontend/src/lib/components/icons/RssIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FFA500 per Mozilla's feed icon guidelines (mozilla.org/en-US/foundation/feed-icon-guidelines/), which fix no exact hex. Never rotate or flip the mark. -->
 <svg
 	x="0px"
 	y="0px"
diff --git a/frontend/src/lib/components/icons/RubyIcon.svelte b/frontend/src/lib/components/icons/RubyIcon.svelte
index 5f2623dddf..1ad8bee42f 100644
--- a/frontend/src/lib/components/icons/RubyIcon.svelte
+++ b/frontend/src/lib/components/icons/RubyIcon.svelte
@@ -7,6 +7,7 @@
 	let { height = 24, width = 24 }: Props = $props()
 </script>
 
+<!-- #9E1209 per the official logo kit at ruby-lang.org/en/about/logo. CC BY-SA 2.5; the kit's LICENSE asks that the mark not represent anything other than the Ruby language. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/RunPodIcon.svelte b/frontend/src/lib/components/icons/RunPodIcon.svelte
index c5e94c4f3f..4f5da22f4a 100644
--- a/frontend/src/lib/components/icons/RunPodIcon.svelte
+++ b/frontend/src/lib/components/icons/RunPodIcon.svelte
@@ -1,13 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 116 100" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.2786 26.3054C32.9587 33.5325 32.1827 34.066 30.9216 36.1031C30.0485 37.5582 30 38.6738 30 51.7697C30 62.295 30.1455 66.0297 30.6305 66.6118C31.5521 67.8244 53.2816 80.1442 54.1547 79.9987C54.8822 79.8532 54.9793 78.4951 55.1248 66.5633C55.2218 55.941 55.1248 53.0793 54.5912 52.2548C54.2032 51.6727 49.7894 48.9565 44.7935 46.1433C39.7977 43.3301 35.3839 40.5654 34.9959 39.9834C34.1228 38.7223 34.5593 37.1217 35.8689 36.3942C36.645 36.0061 38.9246 36.3942 46.4427 38.3343C51.7295 39.6924 56.6769 40.808 57.4529 40.808C59.5871 40.808 81.6561 28.2456 81.6561 27.033C81.6561 26.2569 80.007 25.6749 70.0153 23.0557C63.6129 21.3581 57.841 20 57.1619 20C56.4829 20.0485 51.1475 22.8617 45.2786 26.3054Z" fill="#673AB7"/>
-<path d="M75.6903 34.551L74.0897 35.5696L77.1454 37.3642C78.8431 38.3343 80.2012 39.4499 80.2012 39.8379C80.2012 40.2744 76.3209 42.7966 70.7915 45.9493C65.6501 48.8595 61.0908 51.7212 60.7513 52.2063C60.1692 52.9823 60.0722 55.6985 60.1692 66.4663C60.3148 78.4951 60.4118 79.8532 61.1393 79.9987C62.0124 80.1442 83.7419 67.8244 84.712 66.6118C85.1485 66.0297 85.294 62.3435 85.294 51.9637C85.294 41.584 85.1485 37.8978 84.712 37.3157C83.9359 36.3942 78.8431 33.5325 77.97 33.5325C77.582 33.5325 76.5634 34.0175 75.6903 34.551Z" fill="#673AB7"/>
+<!-- #5D29F0 / #FFFFFF per runpod.io/brandkit. Brand forbids recolouring, so both values are its own published cube-icon variants. -->
+<svg
+	class="text-[#5D29F0] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 184 200"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M164.54 160.76C174.716 154.899 180.985 144.067 180.985 132.344L180.985 67.656C180.985 55.9334 174.716 45.1013 164.54 39.24L108.387 6.89597C98.2105 1.03467 85.6731 1.03468 75.497 6.89598L19.3432 39.24C9.16714 45.1013 2.89844 55.9334 2.89844 67.656L2.89844 132.344C2.89844 144.067 9.16716 154.899 19.3432 160.76L75.497 193.104C85.6731 198.965 98.2105 198.965 108.387 193.104L164.54 160.76ZM164.54 132.344C164.54 138.205 161.406 143.621 156.318 146.552L126.928 163.48C124.338 164.972 123.043 165.718 121.98 165.607C121.053 165.51 120.211 165.025 119.663 164.272C119.035 163.41 119.035 161.918 119.035 158.934L119.035 125.078C119.035 119.217 122.169 113.801 127.257 110.87L142.993 101.806C145.154 100.562 146.234 99.9392 147.02 99.0683C147.714 98.2978 148.239 97.39 148.558 96.404C148.92 95.2895 148.918 94.0449 148.913 91.5556L148.912 90.8078C148.905 87.0844 148.902 85.2227 148.116 84.1465C147.431 83.2077 146.379 82.6029 145.221 82.4821C143.893 82.3436 142.277 83.2745 139.045 85.1362L119.035 96.662C108.859 102.523 102.59 113.355 102.59 125.078V174.704C102.59 176.434 101.665 178.031 100.164 178.896C95.0761 181.827 88.8074 181.827 83.7194 178.896L27.5656 146.552C22.4776 143.621 19.3432 138.205 19.3432 132.344L19.3432 99.0007C19.3432 96.0167 19.3432 94.5248 19.9713 93.6622C20.5192 92.9099 21.3613 92.4249 22.2883 92.3277C23.3511 92.2162 24.6462 92.9621 27.2366 94.454L56.018 111.031C61.1059 113.961 64.2403 119.378 64.2403 125.239L64.2403 142.503C64.2403 144.992 64.2403 146.237 64.6037 147.35C64.9253 148.336 65.4512 149.243 66.1472 150.012C66.9339 150.881 68.0155 151.502 70.1786 152.743L70.8283 153.115C74.0638 154.971 75.6816 155.9 77.0087 155.759C78.1663 155.636 79.2175 155.029 79.9012 154.089C80.6851 153.012 80.6851 151.15 80.6851 147.426L80.6851 125.239C80.6851 113.516 74.4164 102.684 64.2403 96.8227L22.2149 72.6181C20.4379 71.5947 19.3432 69.7031 19.3432 67.656C19.3432 61.7947 22.4775 56.3786 27.5656 53.448L83.7194 21.104C88.8074 18.1733 95.0761 18.1733 100.164 21.104L129.234 37.8481C131.825 39.3402 133.12 40.0862 133.555 41.0601C133.934 41.9096 133.934 42.8798 133.555 43.7293C133.12 44.7032 131.825 45.4492 129.234 46.9413L99.7095 63.9473C94.6215 66.8779 88.3528 66.8779 83.2647 63.9473L66.7226 54.4192C65.076 53.4708 64.2527 52.9965 63.3765 52.8061C62.6011 52.6376 61.7992 52.6309 61.0211 52.7864C60.1419 52.962 59.3107 53.4224 57.6483 54.343L55.5974 55.4789C52.2726 57.3202 50.6103 58.2409 50.0478 59.4623C49.5574 60.5273 49.5471 61.7507 50.0195 62.8238C50.5613 64.0545 52.2079 65.0029 55.5011 66.8997L75.0424 78.1553C85.2184 84.0166 97.7558 84.0166 107.932 78.1553L150.827 53.448C152.526 52.4695 154.619 52.4695 156.318 53.448C161.406 56.3786 164.54 61.7947 164.54 67.656V132.344Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/RustIcon.svelte b/frontend/src/lib/components/icons/RustIcon.svelte
index c2bcbf614c..d0b59953c0 100644
--- a/frontend/src/lib/components/icons/RustIcon.svelte
+++ b/frontend/src/lib/components/icons/RustIcon.svelte
@@ -7,7 +7,10 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per rust-lang/rust-artwork. rust-lang.org ships only rust-logo-blk.svg
+	(pure black). -->
 <svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
 	{height}
 	{width}
 	id="svg3430"
diff --git a/frontend/src/lib/components/icons/S3Icon.svelte b/frontend/src/lib/components/icons/S3Icon.svelte
index e4eda669c2..5a917e05cb 100644
--- a/frontend/src/lib/components/icons/S3Icon.svelte
+++ b/frontend/src/lib/components/icons/S3Icon.svelte
@@ -1,21 +1,19 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 50 50"
-	style="fill:currentcolor;"
-	><path
-		d="M 28 7.9453125 L 21 10.279297 L 21 18.279297 L 16 19.945312 L 10 17.945312 L 3 20.279297 L 3 29.720703 L 3.6835938 29.949219 L 9 31.720703 L 9 39.720703 L 9.6835938 39.949219 L 16 42.054688 L 23 39.720703 L 23 31.720703 L 29 29.720703 L 29 21.720703 L 34 20.054688 L 40 22.054688 L 47 19.720703 L 47 10.279297 L 40 7.9453125 L 34 9.9453125 L 28 7.9453125 z M 28 10.054688 L 32.335938 11.5 L 28 12.945312 L 23.664062 11.5 L 28 10.054688 z M 40 10.054688 L 44.335938 11.5 L 40 12.945312 L 35.664062 11.5 L 40 10.054688 z M 23 13.388672 L 27 14.720703 L 27 19.611328 L 23 18.279297 L 23 13.388672 z M 33 13.388672 L 33 18.279297 L 29 19.611328 L 29 14.720703 L 33 13.388672 z M 35 13.388672 L 39 14.720703 L 39 19.611328 L 35 18.279297 L 35 13.388672 z M 45 13.388672 L 45 18.279297 L 41 19.611328 L 41 14.720703 L 45 13.388672 z M 10 20.054688 L 14.335938 21.5 L 10 22.945312 L 5.6640625 21.5 L 10 20.054688 z M 22 20.054688 L 26.335938 21.5 L 22 22.945312 L 17.664062 21.5 L 22 20.054688 z M 5 23.388672 L 9 24.720703 L 9 29.611328 L 5 28.279297 L 5 23.388672 z M 15 23.388672 L 15 28.279297 L 11 29.611328 L 11 24.720703 L 15 23.388672 z M 17 23.388672 L 21 24.720703 L 21 29.611328 L 17 28.279297 L 17 23.388672 z M 27 23.388672 L 27 28.279297 L 23 29.611328 L 23 24.720703 L 27 23.388672 z M 16 30.054688 L 20.335938 31.5 L 16 32.945312 L 11.664062 31.5 L 16 30.054688 z M 11 33.388672 L 15 34.720703 L 15 39.611328 L 11 38.279297 L 11 33.388672 z M 21 33.388672 L 21 38.279297 L 17 39.611328 L 17 34.720703 L 21 33.388672 z"
-	/></svg
->
+<!-- #7AA116 per AWS Architecture Icons (Icon-package_07312026, Arch_Storage/64/Arch_Amazon-Simple-Storage-Service_64.svg). AWS ships no dark variant for service icons. -->
+<svg {width} {height} viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+	<g>
+		<rect fill="#7AA116" x="0" y="0" width="256" height="256"></rect>
+		<path
+			d="M194.67488,137.25632 L195.90368,128.60352 C207.23488,135.39072 207.38208,138.19392 207.378964,138.27072 C207.35968,138.28672 205.42688,139.89952 194.67488,137.25632 L194.67488,137.25632 Z M188.45728,135.52832 C168.87328,129.60192 141.59968,117.08992 130.56288,111.87392 C130.56288,111.82912 130.57568,111.78752 130.57568,111.74272 C130.57568,107.50272 127.12608,104.05312 122.88288,104.05312 C118.64608,104.05312 115.19648,107.50272 115.19648,111.74272 C115.19648,115.98272 118.64608,119.43232 122.88288,119.43232 C124.74528,119.43232 126.43488,118.73792 127.76928,117.63392 C140.75488,123.78112 167.81728,136.11072 187.54528,141.93472 L179.74368,196.99392 C179.72128,197.14432 179.71168,197.29472 179.71168,197.44512 C179.71168,202.29312 158.24928,211.19872 123.18048,211.19872 C87.74048,211.19872 66.05088,202.29312 66.05088,197.44512 C66.05088,197.29792 66.04128,197.15392 66.02208,197.00992 L49.72128,77.94752 C63.83008,87.65952 94.17568,92.79872 123.19968,92.79872 C152.17888,92.79872 182.47328,87.67872 196.61088,77.99552 L188.45728,135.52832 Z M47.99968,65.52832 C48.23008,61.31712 72.42848,44.79872 123.19968,44.79872 C173.96448,44.79872 198.16608,61.31392 198.39968,65.52832 L198.39968,66.96512 C195.61568,76.40832 164.25568,86.39872 123.19968,86.39872 C82.07328,86.39872 50.69728,76.37632 47.99968,66.92032 L47.99968,65.52832 Z M204.79968,65.59872 C204.79968,54.51072 173.01088,38.39872 123.19968,38.39872 C73.38848,38.39872 41.59968,54.51072 41.59968,65.59872 L41.90048,68.01152 L59.65408,197.68832 C60.07968,212.19072 98.75488,217.59872 123.18048,217.59872 C153.49088,217.59872 185.69248,210.62912 186.10848,197.69792 L193.77568,143.62752 C198.04128,144.64832 201.55168,145.16992 204.37088,145.16992 C208.15648,145.16992 210.71648,144.24512 212.26848,142.39552 C213.54208,140.87872 214.02848,139.04192 213.66368,137.08672 C212.83488,132.65792 207.57728,127.88352 196.87008,121.77472 L204.47328,68.13632 L204.79968,65.59872 Z"
+			fill="#FFFFFF"
+		></path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/SageIcon.svelte b/frontend/src/lib/components/icons/SageIcon.svelte
index 118f827c8e..6dc5d9fbb5 100644
--- a/frontend/src/lib/components/icons/SageIcon.svelte
+++ b/frontend/src/lib/components/icons/SageIcon.svelte
@@ -7,9 +7,16 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 31 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<!-- #000000 / #00D639 per @sage/design-tokens --logo-sage-bg-default. Sage sets its logo black on light surfaces and Sage green only on dark ones. -->
+<svg
+	class="text-[#000000] dark:text-[#00D639]"
+	{width}
+	{height}
+	viewBox="0 0 31 54"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M15.2 0C6.5 0 0 6.5 0 14.9C0 24.1 6.5 27.6 13.8 29.8C20.7 32 23.9 34.4 23.9 39.1C23.9 43.9 20.3 47.3 15.6 47.3C10.9 47.3 6.8 43.9 6.8 38.7C6.8 35.8 8.2 35.1 8.2 33.5C8.2 31.7 6.9 30.3 4.8 30.3C2.4 30.3 0 33.9 0 39.1C0 47.4 7.1 53.5 15.6 53.5C24.2 53.5 30.8 47 30.8 38.6C30.8 29.5 24.3 25.9 16.9 23.7C10.1 21.6 6.8 19.1 6.8 14.4C6.8 9.7 10.3 6.3 15 6.3C19.9 6.3 23.8 9.8 23.9 14.5C24 16.7 25.5 18 27.3 18C29.1 18 30.8 16.7 30.7 14.4C30.6 6 23.6 0 15.2 0Z"
-		fill="#00D639"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SalesflareIcon.svelte b/frontend/src/lib/components/icons/SalesflareIcon.svelte
new file mode 100644
index 0000000000..fc9aebda4b
--- /dev/null
+++ b/frontend/src/lib/components/icons/SalesflareIcon.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #0053FF per salesflare.com's own `--color--major-blue` design token. -->
+<svg {width} {height} viewBox="0.65 5 46.35 28" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M22.32 5C18.454 5 15.32 8.13401 15.32 12C15.32 13.9741 13.9679 16.6667 11.9937 16.6667H8.81999C4.30966 16.6667 0.65332 20.323 0.65332 24.8333C0.65332 29.3437 4.30966 33 8.81999 33H26.5133C31.0236 33 34.68 29.3437 34.68 24.8333C34.68 22.4567 36.3503 19 38.727 19H40C43.866 19 47 15.866 47 12C47 8.13401 43.866 5 40 5H22.32Z"
+		fill="#0053FF"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/SalesforceIcon.svelte b/frontend/src/lib/components/icons/SalesforceIcon.svelte
index 48e37a8cd5..b08506e71c 100644
--- a/frontend/src/lib/components/icons/SalesforceIcon.svelte
+++ b/frontend/src/lib/components/icons/SalesforceIcon.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #00B3FF (Cloud Blue 68) per brand.salesforce.com/brand/color. Salesforce reserves the white/reversed cloud for its own blue backgrounds, so the blue mark stands in both themes. -->
 <svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<path d="M26.62 14.492c2.068-2.142 4.95-3.497 8.126-3.497 4.235 0 7.905 2.364 9.875 5.86 1.7-.763 3.595-1.182 5.6-1.182 7.634 0 13.8 6.23 13.8 13.913S57.82 43.5 50.2 43.5a13.84 13.84 0 0 1-2.709-.271c-1.724 3.078-5.023 5.17-8.816 5.17-1.576 0-3.078-.37-4.408-1-1.748 4.112-5.836 7.018-10.59 7.018-4.95 0-9.185-3.127-10.8-7.535a10.85 10.85 0 0 1-2.192.222C4.777 47.095 0 42.27 0 36.285a10.82 10.82 0 0 1 5.344-9.357c-.665-1.502-1.034-3.177-1.034-4.95C4.285 15.157 9.875 9.59 16.72 9.59a12.41 12.41 0 0 1 9.899 4.9" fill="#00a1e0"/>
+	<path
+		d="M26.62 14.492c2.068-2.142 4.95-3.497 8.126-3.497 4.235 0 7.905 2.364 9.875 5.86 1.7-.763 3.595-1.182 5.6-1.182 7.634 0 13.8 6.23 13.8 13.913S57.82 43.5 50.2 43.5a13.84 13.84 0 0 1-2.709-.271c-1.724 3.078-5.023 5.17-8.816 5.17-1.576 0-3.078-.37-4.408-1-1.748 4.112-5.836 7.018-10.59 7.018-4.95 0-9.185-3.127-10.8-7.535a10.85 10.85 0 0 1-2.192.222C4.777 47.095 0 42.27 0 36.285a10.82 10.82 0 0 1 5.344-9.357c-.665-1.502-1.034-3.177-1.034-4.95C4.285 15.157 9.875 9.59 16.72 9.59a12.41 12.41 0 0 1 9.899 4.9"
+		fill="#00B3FF"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SassIcon.svelte b/frontend/src/lib/components/icons/SassIcon.svelte
index fed5e3283a..063d3c1809 100644
--- a/frontend/src/lib/components/icons/SassIcon.svelte
+++ b/frontend/src/lib/components/icons/SassIcon.svelte
@@ -11,6 +11,7 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #CC6699 per sass-lang.com's own style guide token --sl-color--hopbush (assets/dist/css/sass.css). -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
@@ -18,19 +19,19 @@
 	xmlns="http://www.w3.org/2000/svg"
 	><defs
 		><style>
-			.cls-1 {
+			.sass-cls-1 {
 				fill: #c69;
 				fill-rule: evenodd;
 			}
-			.cls-2 {
+			.sass-cls-2 {
 				fill: #fff;
 			}
 		</style></defs
 	><path
-		class="cls-1"
+		class="sass-cls-1"
 		d="M205.44,0c113.46,0,205.44,91.98,205.44,205.44s-91.98,205.44-205.44,205.44S0,318.89,0,205.44,91.98,0,205.44,0h0Z"
 	/><path
-		class="cls-2"
+		class="sass-cls-2"
 		d="M334.3,87.93c-9.3-36.49-69.8-48.48-127.06-28.14-34.08,12.11-70.96,31.11-97.49,55.92-31.54,29.5-36.57,55.17-34.49,65.9,7.31,37.85,59.18,62.6,80.5,80.95v.11c-6.29,3.09-52.3,26.38-63.07,50.19-11.36,25.12,1.81,43.14,10.53,45.57,27.02,7.52,54.74-6,69.64-28.23,14.38-21.45,13.18-49.14,6.93-62.92,8.62-2.27,18.67-3.29,31.44-1.8,36.04,4.21,43.11,26.71,41.76,36.13-1.35,9.42-8.91,14.6-11.44,16.16-2.53,1.56-3.3,2.11-3.09,3.27.31,1.69,1.48,1.63,3.63,1.26,2.97-.5,18.92-7.66,19.61-25.04.87-22.07-20.28-46.76-57.73-46.11-15.42.27-25.12,1.73-32.13,4.34-.52-.59-1.04-1.18-1.59-1.76-23.15-24.7-65.95-42.17-64.14-75.38.66-12.07,4.86-43.86,82.24-82.42,63.39-31.59,114.14-22.89,122.91-3.63,12.53,27.52-27.12,78.67-92.95,86.05-25.08,2.81-38.29-6.91-41.57-10.53-3.46-3.81-3.97-3.98-5.27-3.27-2.1,1.17-.77,4.53,0,6.54,1.97,5.12,10.03,14.19,23.78,18.7,12.1,3.97,41.54,6.15,77.16-7.62,39.88-15.43,71.03-58.35,61.88-94.22ZM164.61,273.87c2.99,11.06,2.66,21.37-.43,30.7-.34,1.04-.72,2.06-1.13,3.08-.41,1.01-.85,2.01-1.33,3-2.38,4.94-5.58,9.56-9.49,13.83-11.94,13.02-28.61,17.95-35.76,13.8-7.72-4.48-3.85-22.84,9.98-37.46,14.89-15.74,36.31-25.86,36.31-25.86l-.03-.06c.62-.33,1.24-.67,1.88-1.02Z"
 	/></svg
 >
diff --git a/frontend/src/lib/components/icons/SchedulePollIcon.svelte b/frontend/src/lib/components/icons/SchedulePollIcon.svelte
index 90fd9eca1f..383b109113 100644
--- a/frontend/src/lib/components/icons/SchedulePollIcon.svelte
+++ b/frontend/src/lib/components/icons/SchedulePollIcon.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
-	
 	interface Props {
 		// You can pass props for flexibility (e.g., size, color)
-		size?: number;
+		size?: number
 	}
 
-	let { size = 24 }: Props = $props();
+	let { size = 24 }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/SegmentIcon.svelte b/frontend/src/lib/components/icons/SegmentIcon.svelte
index c7f6231d73..e19a50900e 100644
--- a/frontend/src/lib/components/icons/SegmentIcon.svelte
+++ b/frontend/src/lib/components/icons/SegmentIcon.svelte
@@ -1,12 +1,28 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #52BD94 / #52BD94 per Segment's own app favicon (app.segment.com) and Evergreen green500 #52BD95. Segment ships the mark in one flat green and publishes no reversed variant. -->
 <svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<g transform="matrix(.768307 0 0 .768307 0 2.304922)"><path d="M51.9 52.8H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z" fill="#99cfac"/><path d="M41.7 77.3c-3.9 0-7.8-.6-11.5-1.7-2.1-.7-3.3-2.9-2.6-5s2.9-3.3 5-2.6c2.9.9 6 1.4 9.1 1.4 13.6 0 25.4-8.7 29.3-21.7.6-2.1 2.9-3.3 5-2.7s3.3 2.9 2.7 5c-5.1 16.3-19.9 27.3-37 27.3z" fill="#49b881"/><path d="M79.3 32.5H31.4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z" fill="#99cfac"/><path d="M8.5 32.5c-.4 0-.8-.1-1.2-.2-2.1-.6-3.3-2.9-2.7-5C9.7 11 24.5 0 41.7 0c3.9 0 7.8.6 11.5 1.7 2.1.7 3.3 2.9 2.6 5s-2.9 3.3-5 2.6c-2.9-.9-6-1.4-9.1-1.4-13.6 0-25.4 8.7-29.3 21.7-.6 1.8-2.2 2.9-3.9 2.9z" fill="#49b881"/><g fill="#99cfac"><circle r="4" cy="13.3" cx="65.4"/><circle r="4" cy="64.1" cx="17.9"/></g></g>
+	<g transform="matrix(.768307 0 0 .768307 0 2.304922)"
+		><path
+			d="M51.9 52.8H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z"
+			fill="#52BD94"
+		/><path
+			d="M41.7 77.3c-3.9 0-7.8-.6-11.5-1.7-2.1-.7-3.3-2.9-2.6-5s2.9-3.3 5-2.6c2.9.9 6 1.4 9.1 1.4 13.6 0 25.4-8.7 29.3-21.7.6-2.1 2.9-3.3 5-2.7s3.3 2.9 2.7 5c-5.1 16.3-19.9 27.3-37 27.3z"
+			fill="#52BD94"
+		/><path
+			d="M79.3 32.5H31.4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z"
+			fill="#52BD94"
+		/><path
+			d="M8.5 32.5c-.4 0-.8-.1-1.2-.2-2.1-.6-3.3-2.9-2.7-5C9.7 11 24.5 0 41.7 0c3.9 0 7.8.6 11.5 1.7 2.1.7 3.3 2.9 2.6 5s-2.9 3.3-5 2.6c-2.9-.9-6-1.4-9.1-1.4-13.6 0-25.4 8.7-29.3 21.7-.6 1.8-2.2 2.9-3.9 2.9z"
+			fill="#52BD94"
+		/><g fill="#52BD94"><circle r="4" cy="13.3" cx="65.4" /><circle r="4" cy="64.1" cx="17.9" /></g
+		></g
+	>
 </svg>
diff --git a/frontend/src/lib/components/icons/SendflakeIcon.svelte b/frontend/src/lib/components/icons/SendflakeIcon.svelte
index 3dfbe4a81b..44512442ca 100644
--- a/frontend/src/lib/components/icons/SendflakeIcon.svelte
+++ b/frontend/src/lib/components/icons/SendflakeIcon.svelte
@@ -1,13 +1,16 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #29B5E8 per snowflake.com/brand-guidelines. Snowflake Blue is the only approved logo color;
+	the sole alternate is a white reverse reserved for full-bleed Snowflake Blue. -->
 <svg
+	class="text-[#29B5E8]"
 	xmlns="http://www.w3.org/2000/svg"
 	viewBox="0 0 1565 1559"
 	{height}
diff --git a/frontend/src/lib/components/icons/SendgridIcon.svelte b/frontend/src/lib/components/icons/SendgridIcon.svelte
index e493c42357..0584217f05 100644
--- a/frontend/src/lib/components/icons/SendgridIcon.svelte
+++ b/frontend/src/lib/components/icons/SendgridIcon.svelte
@@ -1,71 +1,19 @@
+<!-- #1A82E2 (SendGrid Blue) with logo accents #00B3E3 / #009DD9 / #99E1F4 per styleguide.sendgrid.com/colors.html. Twilio's trademark guidelines forbid recolouring the mark, so it stays multicolour in both themes. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-   version="1.1"
-   id="svg2"
-   xml:space="preserve"
-	 {width}
-	 {height}
-   viewBox="0 0 246.66667 231.54668"
-   xmlns="http://www.w3.org/2000/svg"
->
-	<g
-		id="g8"
-		transform="matrix(1.3333333,0,0,-1.3333333,0,231.54667)"
-	>
-		<g id="g10" transform="scale(0.1)">
-			<path
-				d="M 0,0 H 1850 V 1736.64 H 0 Z"
-				style="fill:#223141;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path12"
-			/>
-			<path
-				d="M 1137.17,231.82 H 712.832 v 424.328 h -424.34 v 424.342 h 424.34 V 656.148 H 1137.17 V 231.82"
-				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path14"
-			/>
-			<path
-				d="M 1137.17,231.82 H 712.832 v 424.328 h -424.34 v 424.342 h 424.34 V 656.148 H 1137.17 V 231.82"
-				style="fill:#575d6c;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path16"
-			/>
-			<path
-				d="M 288.496,231.82 H 712.832 V 656.148 H 288.496 Z"
-				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path18"
-			/>
-			<path
-				d="M 1561.51,656.148 H 1137.17 V 1080.49 H 712.832 v 424.33 h 424.338 v -424.33 h 424.34 V 656.148"
-				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path20"
-			/>
-			<path
-				d="M 1561.51,656.148 H 1137.17 V 1080.49 H 712.832 v 424.33 h 424.338 v -424.33 h 424.34 V 656.148"
-				style="fill:#b2b1b9;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path22"
-			/>
-			<path
-				d="m 712.832,656.148 h 424.34 v 424.34 h -424.34 z"
-				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path24"
-			/>
-			<path
-				d="m 712.832,656.148 h 424.34 v 424.34 h -424.34 z"
-				style="fill:#cbc9ce;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path26"
-			/>
-			<path
-				d="m 1561.5,1080.49 h -424.33 v 424.33 h 424.33 v -424.33"
-				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
-				id="path28"
-			/>
-		</g>
-	</g>
+<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<rect x="8" y="0" width="8" height="8" fill="#00B3E3" />
+	<rect x="16" y="0" width="8" height="8" fill="#1A82E2" />
+	<rect x="0" y="8" width="8" height="8" fill="#99E1F4" />
+	<rect x="8" y="8" width="8" height="8" fill="#009DD9" />
+	<rect x="16" y="8" width="8" height="8" fill="#00B3E3" />
+	<rect x="0" y="16" width="8" height="8" fill="#1A82E2" />
+	<rect x="8" y="16" width="8" height="8" fill="#99E1F4" />
 </svg>
diff --git a/frontend/src/lib/components/icons/SensorTowerIcon.svelte b/frontend/src/lib/components/icons/SensorTowerIcon.svelte
new file mode 100644
index 0000000000..e8a78b614c
--- /dev/null
+++ b/frontend/src/lib/components/icons/SensorTowerIcon.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #00CFB8 per sensortower.com/favicon.svg, copied verbatim. -->
+<svg {width} {height} viewBox="0 0 280 280" xmlns="http://www.w3.org/2000/svg">
+	<rect fill="#00cfb8" height="280" rx="30" width="280" /><g fill="#fff"
+		><path
+			d="m151.25 237.03c21.02-1.84 45.2-12.58 62.41-32.51 19.32-22.38 27.07-48.45 23.44-77.72-5.97-48.07-50.57-91.14-109.59-84.03-50.14 6.04-91.36 51.47-84.79 108.81 5.91 51.53 49.29 82.73 85.99 85.31.13-1.73.26-3.46.38-5.18.38-5.09.78-10.18 1.13-15.27.21-3.05.3-6.09.52-9.14.28-3.66.69-7.31.96-10.96.42-5.58.76-11.17 1.14-16.77.41-6.08.82-12.17 1.25-18.25.21-3.05.47-6.08.73-9.13.14-1.77.22-3.5-1.75-4.45-.27-.12-.45-.42-.67-.64-3.39-3.45-3.9-8.54-1.38-12.75 2.14-3.57 7.56-6.08 12.06-4.49 4.24 1.49 6.73 4.42 7.36 8.8.56 3.98-1 7.19-4.14 9.65-.44.34-.88.66-1.26.96 2.08 29.33 4.15 58.54 6.21 87.77m-10.99 12.68c-30.63-.6-56.93-11.13-78.3-32.79-21.93-22.22-32.52-49.3-31.61-80.45.83-28.87 11.66-53.86 32.23-74.2 22.66-22.42 50.24-33.12 82.08-31.92 56.34 2.14 105.54 48.38 105.02 110.97-.24 28.22-10.26 53.02-29.69 73.58-21.64 22.89-48.55 34.15-79.74 34.81"
+		/><path
+			d="m165.81 195.24c-.7-5.59-1.43-11.11-1.93-16.7 12.83-8.46 20.21-20.3 21.35-35.56.9-12.19-2.75-23.18-10.78-32.52-18.31-21.27-49.77-20.77-67.72-1.47-9.68 10.42-13.6 22.96-11.71 37.06 1.89 14.06 9.21 24.8 21.08 32.58-.65 5.52-1.3 11.01-1.95 16.52-21.27-9.21-38.08-33.36-35.08-61.47 3.41-31.81 29.5-54.47 59.99-54.96 29.63-.49 54.97 20.17 60.86 48.71 6.2 30.14-10.6 57.13-34.1 67.82"
+		/></g
+	>
+</svg>
diff --git a/frontend/src/lib/components/icons/SentryIcon.svelte b/frontend/src/lib/components/icons/SentryIcon.svelte
index 637923b99b..f621f7d2c1 100644
--- a/frontend/src/lib/components/icons/SentryIcon.svelte
+++ b/frontend/src/lib/components/icons/SentryIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#362D59" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.91 2.505c-.873-1.448-2.972-1.448-3.844 0L6.904 7.92a15.478 15.478 0 0 1 8.53 12.811h-2.221A13.301 13.301 0 0 0 5.784 9.814l-2.926 5.06a7.65 7.65 0 0 1 4.435 5.848H2.194a.365.365 0 0 1-.298-.534l1.413-2.402a5.16 5.16 0 0 0-1.614-.913L.296 19.275a2.182 2.182 0 0 0 .812 2.999 2.24 2.24 0 0 0 1.086.288h6.983a9.322 9.322 0 0 0-3.845-8.318l1.11-1.922a11.47 11.47 0 0 1 4.95 10.24h5.915a17.242 17.242 0 0 0-7.885-15.28l2.244-3.845a.37.37 0 0 1 .504-.13c.255.14 9.75 16.708 9.928 16.9a.365.365 0 0 1-.327.543h-2.287c.029.612.029 1.223 0 1.831h2.297a2.206 2.206 0 0 0 1.922-3.31z"/>
+<!-- #181225 / #FFFFFF per sentry.io/branding logo generator (Dark/Light themes, "Invert in dark mode"). -->
+<svg
+	class="text-[#181225] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M13.91 2.505c-.873-1.448-2.972-1.448-3.844 0L6.904 7.92a15.478 15.478 0 0 1 8.53 12.811h-2.221A13.301 13.301 0 0 0 5.784 9.814l-2.926 5.06a7.65 7.65 0 0 1 4.435 5.848H2.194a.365.365 0 0 1-.298-.534l1.413-2.402a5.16 5.16 0 0 0-1.614-.913L.296 19.275a2.182 2.182 0 0 0 .812 2.999 2.24 2.24 0 0 0 1.086.288h6.983a9.322 9.322 0 0 0-3.845-8.318l1.11-1.922a11.47 11.47 0 0 1 4.95 10.24h5.915a17.242 17.242 0 0 0-7.885-15.28l2.244-3.845a.37.37 0 0 1 .504-.13c.255.14 9.75 16.708 9.928 16.9a.365.365 0 0 1-.327.543h-2.287c.029.612.029 1.223 0 1.831h2.297a2.206 2.206 0 0 0 1.922-3.31z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ServiceNowIcon.svelte b/frontend/src/lib/components/icons/ServiceNowIcon.svelte
index 9b2994ed54..075b34612c 100644
--- a/frontend/src/lib/components/icons/ServiceNowIcon.svelte
+++ b/frontend/src/lib/components/icons/ServiceNowIcon.svelte
@@ -1,12 +1,17 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #62D84E per servicenow.com/company/servicenow-logo.html (servicenow-logo-icon.svg). Trademark guidelines require the mark in the graphic form provided. -->
 <svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<path d="M32.195 3.312A32.267 32.267 0 0 0 9.949 58.883a6.346 6.346 0 0 0 8.264.43 23.035 23.035 0 0 1 27.445 0 6.364 6.364 0 0 0 8.389-.43A32.267 32.267 0 0 0 32.195 3.312m-.18 48.275a15.632 15.632 0 0 1-16.133-16.026 16.044 16.044 0 1 1 32.07 0 15.614 15.614 0 0 1-16.026 16.026" fill-rule="evenodd" fill="#81b5a1"/>
+	<path
+		d="M32.195 3.312A32.267 32.267 0 0 0 9.949 58.883a6.346 6.346 0 0 0 8.264.43 23.035 23.035 0 0 1 27.445 0 6.364 6.364 0 0 0 8.389-.43A32.267 32.267 0 0 0 32.195 3.312m-.18 48.275a15.632 15.632 0 0 1-16.133-16.026 16.044 16.044 0 1 1 32.07 0 15.614 15.614 0 0 1-16.026 16.026"
+		fill-rule="evenodd"
+		fill="#62D84E"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ShopifyIcon.svelte b/frontend/src/lib/components/icons/ShopifyIcon.svelte
index 5711eb348a..24569ea8a3 100644
--- a/frontend/src/lib/components/icons/ShopifyIcon.svelte
+++ b/frontend/src/lib/components/icons/ShopifyIcon.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #95BF47 per shopify.com/brand-assets (shopify-logo-shopping-bag-full-color.svg: #95BF47/#5E8E3E/#fff).
+	The "S" stays white regardless of background; no gradients, shadows or recolouring. -->
 <svg
 	x="0px"
 	y="0px"
diff --git a/frontend/src/lib/components/icons/ShortcutIcon.svelte b/frontend/src/lib/components/icons/ShortcutIcon.svelte
index f03d6ea6cc..021c04fedd 100644
--- a/frontend/src/lib/components/icons/ShortcutIcon.svelte
+++ b/frontend/src/lib/components/icons/ShortcutIcon.svelte
@@ -1,12 +1,25 @@
+<!-- #494BCB / #797ADE per shortcut.com/branding (mark-default.svg; the reversed lockup uses #797ADE on dark). The mark "is used across various colors but never changes its visual structure." -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#58B1E4" xmlns="http://www.w3.org/2000/svg">
-<path d="M24 6a6 6 0 0 0-6-6H6a5.975 5.975 0 0 0-4.242 1.758 5.998 5.998 0 0 0 0 8.484l2.137 2.137A6.007 6.007 0 0 0 0 18a6 6 0 0 0 6 6h12a5.975 5.975 0 0 0 4.242-1.758 5.998 5.998 0 0 0 0-8.484l-2.137-2.137A6.002 6.002 0 0 0 24 6zM3.404 20.598c-.694-.694-1.075-1.615-1.075-2.596s.38-1.903 1.075-2.595a3.65 3.65 0 0 1 2.443-1.074l7.34 7.34H6a3.664 3.664 0 0 1-2.596-1.075zm17.192-5.194C21.29 16.1 21.67 17.02 21.67 18s-.38 1.904-1.075 2.596A3.644 3.644 0 0 1 18 21.67a3.64 3.64 0 0 1-2.596-1.075l-12-11.998C2.71 7.904 2.33 6.983 2.33 6.002s.38-1.903 1.075-2.595C4.1 2.712 5.02 2.33 6 2.33s1.904.381 2.596 1.076l12 11.997zm0-6.806a3.65 3.65 0 0 1-2.443 1.073l-7.34-7.342H18a3.64 3.64 0 0 1 2.596 1.075C21.29 4.1 21.67 5.02 21.67 6s-.38 1.904-1.075 2.598z"/>
+<svg
+	{width}
+	{height}
+	viewBox="0 0 54 52"
+	fill="none"
+	class="text-[#494BCB] dark:text-[#797ADE]"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M17.1304 0L53.64 0L37.1107 17.6479L53.3229 33.3734L36.6202 51.2054L0 51.1965L16.5986 33.4747L0.45036 17.8124L17.1304 0ZM19.5793 36.3657L9.5749 47.0471L30.5973 47.0522L19.5793 36.3657ZM35.6495 46.1685L22.4178 33.335L34.2721 20.6786L47.5036 33.5129L35.6495 46.1685ZM31.2915 17.7875L19.4371 30.444L6.26934 17.6724L18.1229 5.01423L31.2915 17.7875ZM34.1301 14.7568L44.0629 4.15178L23.1968 4.15178L34.1301 14.7568Z"
+		fill="currentColor"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ShutterstockIcon.svelte b/frontend/src/lib/components/icons/ShutterstockIcon.svelte
new file mode 100644
index 0000000000..dc3f16122d
--- /dev/null
+++ b/frontend/src/lib/components/icons/ShutterstockIcon.svelte
@@ -0,0 +1,34 @@
+<!-- #000000 / #FFFFFF per brand.shutterstock.com. Brand rule: the logo is only ever black or white. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M11.908 6.05 C14.846 6.05 16.566 7.35 16.749 9.477 C16.749 9.488 16.75 9.499 16.75 9.509 C16.75 9.684 16.608 9.825 16.434 9.825 H14.808 C14.655 9.825 14.522 9.716 14.498 9.566 C14.311 8.425 13.311 8.021 11.918 8.021 C10.424 8.021 9.619 8.497 9.619 9.372 C9.619 10.247 10.279 10.547 11.237 10.702 L13.276 11.033 C15.44 11.387 16.894 12.328 16.894 14.411 C16.894 16.493 15.338 17.997 12.205 17.997 C9.072 17.997 7.271 16.499 7.107 14.48 C7.107 14.469 7.106 14.459 7.106 14.448 C7.106 14.274 7.248 14.132 7.422 14.132 H9.097 C9.246 14.132 9.378 14.235 9.406 14.381 C9.628 15.54 10.741 16.025 12.207 16.025 C13.775 16.025 14.567 15.449 14.567 14.553 C14.567 13.658 13.898 13.302 12.733 13.115 L10.694 12.784 C8.652 12.45 7.302 11.499 7.302 9.426 C7.302 7.354 8.971 6.051 11.909 6.051 L11.908 6.05 Z"
+	/>
+	<path
+		d="M8.866 23.052 C8.564 23.052 8.417 23.25 8.642 23.358 C9.503 23.765 10.664 24 12.001 24 C13.337 24 14.498 23.765 15.359 23.358 C15.584 23.25 15.439 23.052 15.135 23.052 H8.866 Z"
+	/>
+	<path
+		d="M8.148 19.319 C7.778 19.319 7.599 19.778 7.875 20.025 C8.931 20.96 10.359 21.504 12 21.504 C13.642 21.504 15.068 20.962 16.125 20.025 C16.402 19.779 16.223 19.319 15.853 19.319 H8.148 Z"
+	/>
+	<path
+		d="M15.136 0.947 C15.437 0.947 15.584 0.749 15.359 0.641 C14.498 0.235 13.337 0 12.001 0 C10.664 0 9.503 0.235 8.643 0.642 C8.417 0.75 8.562 0.948 8.866 0.948 H15.136 V0.947 Z"
+	/>
+	<path
+		d="M15.852 4.68 C16.222 4.68 16.401 4.221 16.124 3.974 C15.068 3.038 13.641 2.495 11.999 2.495 C10.358 2.495 8.931 3.037 7.874 3.974 C7.598 4.22 7.777 4.68 8.147 4.68 H15.852 Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/SigNozIcon.svelte b/frontend/src/lib/components/icons/SigNozIcon.svelte
index 7243776c88..c9af794ac0 100644
--- a/frontend/src/lib/components/icons/SigNozIcon.svelte
+++ b/frontend/src/lib/components/icons/SigNozIcon.svelte
@@ -1,13 +1,34 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.9" d="M20.0557 39.9666C8.91365 39.9666 0 31.2241 0 20.2958C0 9.47687 8.91365 0.625 20.0557 0.625H32.6462C36.7688 0.625 40 3.90347 40 7.83763V20.2958C40 31.2241 31.0863 39.9666 20.0557 39.9666Z" fill="#DD431F"/>
-<path d="M19.8991 11.7803C11.5768 11.7803 6.889 18.6718 6.69348 18.9652C6.21149 19.6878 6.21149 20.6224 6.69384 21.3455C6.889 21.6384 11.5768 28.5299 19.8991 28.5299C28.2214 28.5299 32.9092 21.6384 33.1047 21.345C33.5868 20.6224 33.5868 19.6878 33.1044 18.9647C32.9092 18.6718 28.2214 11.7803 19.8991 11.7803ZM7.84542 20.5774C7.67429 20.3208 7.67429 19.9894 7.84542 19.7328C8.00265 19.4968 11.3403 14.5942 17.3076 13.4182C14.6035 14.462 12.6793 17.0872 12.6793 20.1551C12.6793 23.2229 14.6035 25.8482 17.3076 26.892C11.3403 25.7159 8.00265 20.8133 7.84542 20.5774ZM16.5721 20.1551C16.5721 20.5374 16.2622 20.8472 15.8799 20.8472C15.4977 20.8472 15.1878 20.5374 15.1878 20.1551C15.1878 17.5573 17.3012 15.4438 19.8991 15.4438C20.2813 15.4438 20.5912 15.7536 20.5912 16.1359C20.5912 16.5183 20.2814 16.8281 19.8991 16.8281C18.0645 16.8281 16.5721 18.3205 16.5721 20.1551ZM19.8991 21.8378C18.9713 21.8378 18.2164 21.083 18.2164 20.1551C18.2164 19.2272 18.9713 18.4723 19.8991 18.4723C20.827 18.4723 21.5819 19.2272 21.5819 20.1551C21.5819 21.083 20.827 21.8378 19.8991 21.8378ZM31.9528 20.5774C31.7956 20.8133 28.458 25.7159 22.4907 26.892C25.1949 25.8481 27.1189 23.2229 27.1189 20.1551C27.1189 17.0873 25.1949 14.462 22.4907 13.4182C28.458 14.5943 31.7956 19.4968 31.9528 19.7328C32.124 19.9894 32.124 20.3208 31.9528 20.5774Z" fill="#F9F2F9"/>
+<!-- #FF5E19 -> #FF2929 radial gradient per signoz.io/img/SigNozLogo-orange.svg. SigNoz ships no reversed variant; the tile mark is used unchanged on light and dark. -->
+<svg {width} {height} viewBox="0 0.5 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<radialGradient
+			id="signoz-tile"
+			cx="0"
+			cy="0"
+			r="1"
+			gradientTransform="rotate(45.69 -7.805 17.962)scale(12.3258)"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop offset=".33" stop-color="#FF5E19" />
+			<stop offset="1" stop-color="#FF2929" />
+		</radialGradient>
+	</defs>
+	<rect width="21" height="21" y=".5" rx="4.2" fill="url(#signoz-tile)" />
+	<g fill="#fff" fill-rule="evenodd" clip-rule="evenodd">
+		<path
+			d="M2.31 10.988v-.005l.002-.008.022-.088q.022-.082.073-.225c.069-.188.182-.448.364-.76.363-.623.998-1.445 2.089-2.3a9.3 9.3 0 0 1 2.957-1.569A7 7 0 0 1 8.78 5.8a5 5 0 0 1 .377-.048h.009l.001-.001.028.466.028.465-.065.006q-.076.008-.225.033a6 6 0 0 0-.72.169c-.576.197-1.4.583-2.362 1.336-.96.751-1.5 1.46-1.798 1.972a4 4 0 0 0-.29.607A2 2 0 0 0 3.7 11l.01.036q.013.054.051.16c.052.142.141.35.29.607.3.512.839 1.221 1.799 1.972.962.753 1.786 1.139 2.362 1.336l.027.01c.286.082.523.13.693.16a4 4 0 0 0 .29.038l-.028.465-.028.466h-.01l-.1-.01a5 5 0 0 1-.277-.04 7 7 0 0 1-.963-.233 9.3 9.3 0 0 1-2.957-1.57c-1.091-.854-1.726-1.676-2.09-2.3a5 5 0 0 1-.363-.76 3 3 0 0 1-.095-.312l-.001-.008-.001-.003v-.026m16.381 0v-.002l-.001-.003-.002-.008a2 2 0 0 0-.095-.313 5 5 0 0 0-.363-.76c-.364-.623-.998-1.445-2.09-2.3a9.3 9.3 0 0 0-2.957-1.569 7 7 0 0 0-.963-.234 5 5 0 0 0-.376-.048h-.01l-.001-.001-.028.466-.028.465.011.001.054.005q.076.008.225.033a6 6 0 0 1 .72.169c.577.197 1.4.583 2.362 1.336.96.751 1.5 1.46 1.799 1.972.149.257.238.466.29.607a2 2 0 0 1 .061.196l-.01.036q-.013.054-.051.16c-.052.142-.141.35-.29.607-.299.512-.839 1.221-1.799 1.972-.962.753-1.785 1.139-2.362 1.336l-.027.01a6 6 0 0 1-.693.16 4 4 0 0 1-.29.038l.028.465.028.466h.011l.1-.01q.1-.01.276-.04c.235-.04.566-.11.963-.233a9.3 9.3 0 0 0 2.957-1.57c1.092-.854 1.726-1.676 2.09-2.3.181-.31.294-.571.363-.76a3 3 0 0 0 .095-.312l.002-.008v-.029"
+		/>
+		<path
+			d="M14.351 11c0 2.067-1.664 3.743-3.717 3.743S6.918 13.067 6.918 11s1.664-3.744 3.716-3.744S14.352 8.932 14.352 11M9.705 8.894s-.446.526-.58.936c-.087.264-.117.702-.117.702H7.847s0-.351.232-.936.465-.702.465-.702zm-.58 3.275c.134.41.58.936.58.936H8.544s-.233-.117-.465-.702-.232-.936-.232-.936h1.161s.03.439.116.702"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/SignatureAuthIcon.svelte b/frontend/src/lib/components/icons/SignatureAuthIcon.svelte
new file mode 100644
index 0000000000..acd0e1232a
--- /dev/null
+++ b/frontend/src/lib/components/icons/SignatureAuthIcon.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		d="m21 17-2.156-1.868A.5.5 0 0 0 18 15.5v.5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1c0-2.545-3.991-3.97-8.5-4a1 1 0 0 0 0 5c4.153 0 4.745-11.295 5.708-13.5a2.5 2.5 0 1 1 3.31 3.284"
+	/>
+	<path d="M3 21h18" />
+</svg>
diff --git a/frontend/src/lib/components/icons/Slack.svelte b/frontend/src/lib/components/icons/Slack.svelte
index 2db4d1871f..e805f9256c 100644
--- a/frontend/src/lib/components/icons/Slack.svelte
+++ b/frontend/src/lib/components/icons/Slack.svelte
@@ -1,34 +1,25 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="40 40 180 180" style="enable-background:new 0 0 270 270; fill:currentcolor;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z"/>
-		<path d="M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9
-			C105.9,183.5,105.9,151.2,105.9,151.2z"/>
-	</g>
-	<g>
-		<path d="M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z"/>
-		<path d="M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9
-			C86.5,105.9,118.8,105.9,118.8,105.9z"/>
-	</g>
-	<g>
-		<path d="M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z"/>
-		<path d="M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9
-			c7.1,0,12.9,5.8,12.9,12.9V118.8z"/>
-	</g>
-	<g>
-		<path d="M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z"/>
-		<path d="M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9
-			c0,7.1-5.8,12.9-12.9,12.9H151.2z"/>
-	</g>
-</g>
+<!-- #E01E5A / #36C5F0 / #2EB67D / #ECB22E per slack.com's own nav logo (a.slack-edge.com/38f0e7c/marketing/img/nav/logo.svg, linked from slack.com/media-kit). Fixed full-colour mark, no per-theme variant. -->
+<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M107.9 323.6c0 29.7-24 53.8-53.8 53.8S.3 353.4.3 323.6c0-29.7 24-53.8 53.8-53.8h53.8zm26.9 0c0-29.7 24-53.8 53.8-53.8s53.8 24 53.8 53.8V458c0 29.7-24 53.8-53.8 53.8s-53.8-24-53.8-53.8z"
+		style="fill:#e01e5a"
+	/><path
+		d="M188.6 107.7c-29.7 0-53.8-24-53.8-53.8S158.8.1 188.6.1s53.8 24 53.8 53.8v53.8zm0 27.3c29.7 0 53.8 24 53.8 53.8s-24 53.8-53.8 53.8H53.8C24 242.6 0 218.5 0 188.8S24 135 53.8 135z"
+		style="fill:#36c5f0"
+	/><path
+		d="M404.1 188.8c0-29.7 24-53.8 53.8-53.8s53.8 24 53.8 53.8-24 53.8-53.8 53.8h-53.8zm-26.9 0c0 29.7-24 53.8-53.8 53.8-29.7 0-53.8-24-53.8-53.8V54c0-29.7 24-53.8 53.8-53.8s53.8 24 53.8 53.8z"
+		style="fill:#2eb67d"
+	/><path
+		d="M323.4 404.3c29.7 0 53.8 24 53.8 53.8 0 29.7-24 53.8-53.8 53.8-29.7 0-53.8-24-53.8-53.8v-53.8zm0-26.9c-29.7 0-53.8-24-53.8-53.8s24-53.8 53.8-53.8h134.8c29.7 0 53.8 24 53.8 53.8 0 29.7-24 53.8-53.8 53.8z"
+		style="fill:#ecb22e"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SmartsheetIcon.svelte b/frontend/src/lib/components/icons/SmartsheetIcon.svelte
index 9085ff8cb0..23726b4091 100644
--- a/frontend/src/lib/components/icons/SmartsheetIcon.svelte
+++ b/frontend/src/lib/components/icons/SmartsheetIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<defs><linearGradient y2="45.396" x2="21.386" y1="19.922" x1="21.386" gradientUnits="userSpaceOnUse" id="A"><stop offset="0" stop-color="#dadada"/><stop offset="1" stop-color="#efefef"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="20.528" y1="38.746" x2="20.528" y2="45.503"><stop offset="0" stop-color="#c2c2c2"/><stop offset="1" stop-color="#e0e0e0"/></linearGradient></defs><g transform="matrix(2.214601 0 0 2.214601 -20.932338 -36.82862)"><g fill-rule="evenodd"><path d="M10.948 45.408s.302-1.028.302-2.7l-.03-22.763h20.556s.15 17.624-.18 20.828c-.18 2.116-1.088 2.297-2.48.635-.786-.937-1.542-2.63-1.542-2.63s-2.388 2.358-8.615 4.625c-4.08 1.45-8.01 1.995-8.01 1.995z" fill="url(#A)"/><path d="M10.344 45.5c-.03 0-.03 0-.03-.03s0-.03.03-.03c.06 0 4.595-.635 8.615-2.056 6.137-2.207 8.585-4.565 8.585-4.595h.03s.03 0 .03.03.786 1.723 1.542 2.63c.635.756 1.118 1.118 1.48 1.118h.09c.03 0 .03 0 .03.03s0 .03-.03.03c-3.325.665-20.223 2.842-20.374 2.872z" fill="url(#B)"/></g><path d="M27.544 38.788s.756 1.723 1.542 2.63c.574.665 1.088 1.118 1.51 1.118h.12c-3.386.756-20.405 2.932-20.405 2.932s4.565-.605 8.615-2.056c6.257-2.267 8.615-4.625 8.615-4.625m0-.09c-.03 0-.03 0-.06.03 0 .03-2.418 2.388-8.555 4.595-4.02 1.45-8.555 2.056-8.585 2.056s-.06.03-.06.09c0 .03.03.06.06.06.18-.03 17.05-2.207 20.405-2.932.03 0 .06-.06.06-.09s-.03-.06-.06-.06h-.12c-.363 0-.816-.363-1.45-1.088-.756-.907-1.542-2.6-1.542-2.63-.03 0-.03 0-.09-.03z" fill="#fff"/><path d="M36.462 16.63s-10.127 6.378-14.48 17.533l-.635-1.3c-1.3-2.6-1.814-3.446-2.78-3.507-.605-.03-2.056.212-3.355 1.723.816.242 1.663.665 2.267 1.572.272.453 3.658 8.222 3.658 8.222s7.195-19.437 16.384-23.8z" fill="#295277"/></g>
+<!-- #031C59 (Blue 800) / #FFFFFF per brandguides.brandfolder.com/smartsheet-visual-guide/basics.
+	Those are two of the approved logo colorways; the guide forbids any other recolouring. -->
+<svg
+	class="text-[#031C59] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="-5.15 11.1 55.2 55.2"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M8.4,33.6c0,0,2.4-3.3,5.5-3.4c4.9-0.1,8.8,8.6,9.4,9.9c5.4-12,14.3-22.2,21.5-29H0.5c0,4.2,0,46.2,0,49.7 c0,2.7-0.4,4.7-0.6,5.5c2-0.3,9.4-1.6,17-4.3c13.5-4.8,18.7-10,18.8-10l0.3-0.3l0.2,0.4c0,0,1.7,3.7,3.4,5.7 c1.9,2.2,2.9,2.4,3.5,2.3c0.8-0.2,1.3-1.5,1.5-3.5c0.2-2,0.4-6.5,0.4-12c0-9.9,0-23,0-29.6C31.9,31,22.3,55,22.3,55 S16,33.5,8.4,33.6z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SnowflakeIcon.svelte b/frontend/src/lib/components/icons/SnowflakeIcon.svelte
index 585292d545..ff17e3d384 100644
--- a/frontend/src/lib/components/icons/SnowflakeIcon.svelte
+++ b/frontend/src/lib/components/icons/SnowflakeIcon.svelte
@@ -1,16 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146.36 139.16" {width} {height} style="fill: currentcolor;"
+<!-- #29B5E8 per snowflake.com/brand-guidelines. Snowflake Blue is the only approved logo color;
+	the sole alternate is a white reverse reserved for full-bleed Snowflake Blue. -->
+<svg
+	class="text-[#29B5E8]"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 146.36 139.16"
+	{width}
+	{height}
+	style="fill: currentcolor;"
 	><g
 		><path
 			d="m134.81,60.1l-16.47,9.48,16.47,9.46c4.16,2.4,5.58,7.67,3.18,11.82-2.4,4.13-7.71,5.54-11.86,3.15l-29.5-16.96c-1.97-1.14-3.33-2.93-3.94-4.93-.29-.92-.42-1.88-.39-2.82.02-.68.12-1.36.31-2.04.59-2.11,1.97-4,4.02-5.19l29.5-16.94c4.15-2.38,9.46-.97,11.86,3.17,2.41,4.13.98,9.41-3.18,11.8Zm-15.6,45.96l-29.5-16.93c-1.58-.92-3.34-1.27-5.03-1.13-4.5.32-8.03,4.06-8.03,8.61v33.9c0,4.78,3.87,8.65,8.68,8.65s8.69-3.87,8.69-8.65v-18.96l16.52,9.49c4.15,2.4,9.46.98,11.85-3.15,2.39-4.14.98-9.44-3.18-11.83Zm-34.04-33.16l-12.26,12.19c-.35.36-1.03.65-1.54.65h-3.61c-.49,0-1.18-.29-1.54-.65l-12.26-12.19c-.35-.34-.63-1.03-.63-1.52v-3.59c0-.5.28-1.19.63-1.54l12.26-12.19c.36-.36,1.04-.64,1.54-.64h3.61c.5,0,1.19.28,1.54.64l12.26,12.19c.35.35.63,1.04.63,1.54v3.59c0,.49-.28,1.18-.63,1.52Zm-9.8-3.38c0-.49-.3-1.18-.65-1.54l-3.55-3.52c-.35-.35-1.04-.64-1.53-.64h-.14c-.49,0-1.18.29-1.53.64l-3.55,3.52c-.36.36-.63,1.05-.63,1.54v.14c0,.49.27,1.17.63,1.52l3.55,3.53c.35.35,1.03.64,1.53.64h.14c.49,0,1.18-.29,1.53-.64l3.55-3.53c.35-.35.65-1.03.65-1.52v-.14ZM19.93,33.08l29.5,16.95c1.58.91,3.34,1.27,5.04,1.13,4.49-.33,8.03-4.08,8.03-8.62V8.64c0-4.77-3.9-8.64-8.68-8.64s-8.69,3.87-8.69,8.64v18.97l-16.53-9.5c-4.14-2.39-9.45-.97-11.85,3.16-2.39,4.15-.98,9.43,3.17,11.82Zm64.76,18.08c1.69.14,3.45-.22,5.03-1.13l29.5-16.95c4.16-2.39,5.57-7.67,3.18-11.82-2.39-4.13-7.7-5.55-11.85-3.16l-16.52,9.5V8.64c0-4.77-3.88-8.64-8.69-8.64s-8.68,3.87-8.68,8.64v33.9c0,4.55,3.53,8.29,8.03,8.62Zm-30.22,36.84c-1.69-.14-3.46.21-5.04,1.13l-29.5,16.93c-4.15,2.39-5.57,7.69-3.17,11.83,2.41,4.13,7.71,5.55,11.85,3.15l16.53-9.49v18.96c0,4.78,3.88,8.65,8.69,8.65s8.68-3.87,8.68-8.65v-33.9c0-4.55-3.54-8.29-8.03-8.61Zm-8-15.88c.29-.92.42-1.88.39-2.82-.03-.68-.12-1.36-.32-2.04-.58-2.11-1.97-4-4.04-5.19l-29.48-16.94c-4.16-2.38-9.47-.97-11.86,3.17-2.41,4.13-.99,9.41,3.17,11.8l16.47,9.48-16.47,9.46c-4.16,2.4-5.58,7.67-3.17,11.82,2.39,4.13,7.69,5.54,11.86,3.15l29.48-16.96c1.99-1.14,3.34-2.93,3.96-4.93ZM139.62,15.91h-1.32v1.62h1.32c.61,0,1.01-.28,1.01-.8,0-.55-.37-.83-1.01-.83Zm-2.94-1.5h2.97c1.62,0,2.7.89,2.7,2.27,0,.86-.43,1.5-1.07,1.9l1.16,1.69v.34h-1.69l-1.13-1.62h-1.32v1.62h-1.62v-6.19Zm8.31,3.22c0-3.31-2.21-5.82-5.58-5.82s-5.52,2.39-5.52,5.82,2.21,5.82,5.52,5.82,5.58-2.51,5.58-5.82Zm1.38,0c0,3.89-2.61,7.14-6.96,7.14s-6.9-3.28-6.9-7.14,2.57-7.14,6.9-7.14,6.96,3.25,6.96,7.14Z"
 		/></g
 	></svg
->
\ No newline at end of file
+>
diff --git a/frontend/src/lib/components/icons/SpeechifyIcon.svelte b/frontend/src/lib/components/icons/SpeechifyIcon.svelte
index e2fc29e099..e4feb87940 100644
--- a/frontend/src/lib/components/icons/SpeechifyIcon.svelte
+++ b/frontend/src/lib/components/icons/SpeechifyIcon.svelte
@@ -1,12 +1,26 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 23.175c6.23.342 8.19-2.093 10.145-4.53q-2.545 6.406.193 9.837q3.381-8.074 10.112-15.113c-3.069 7.033-2.894 14.144-2.415 21.262c2.532-5.437 2.232-11.627 8.824-15.987c-.854 3.991-1.276 7.012-.612 10.583c2.646-6.509 12.753-4.628 12.753-4.628"/>
+<!-- #2F43FA / #FFFFFF per the Speechify brand kit (speechify.com/brand-kit, Logomark_blue.svg and
+	Logomark_white.svg). The blue logomark is reserved for white backgrounds; every other background
+	takes the black or white monochrome version. -->
+<svg
+	class="text-[#2F43FA] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 260 260"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill="currentColor"
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M59.4034 96.913C66.0013 87.2714 71.7231 82.504 80.2895 85.1523C85.4732 86.7548 87.6011 93.3722 85.4732 101.675C81.7318 116.275 80.2895 124.655 80.2895 134.63C93.4486 107.048 117.774 70.3895 128.317 58.0597C135.604 49.5374 146.049 50.6242 149.981 52.5252C156.37 55.6138 156.708 62.3111 154.502 68.716C139.245 113.028 138.714 136.694 136.841 159.686C146.323 134.186 157.851 110.201 171.773 93.3076C177.639 85.2053 187.92 82.6618 194.413 85.2939C200.907 87.9259 202.387 94.2231 200.907 102.114C197.048 122.693 195.132 132.338 195.132 140.309C202.184 134.916 207.798 130.359 220.635 129.318C233.472 128.277 260 133.387 260 133.387C260 133.387 244.685 135.989 236.596 137.973C220.014 142.039 214.223 146.795 203.488 162.516C200.369 167.084 195.132 170.592 189.232 170.146C183.332 169.699 179.37 165.988 177.639 160.975C175.233 154.008 174.518 143.586 177.639 121.034C162.346 144.302 154.502 175.909 144.024 196.869C141.344 202.228 136.769 208.335 130.567 208.335C124.366 208.335 116.325 205.929 115.281 187.505C112.606 140.309 121.522 102.753 121.522 102.753C104.156 130.288 98.6102 146.338 92.5696 154.707C86.5289 163.077 80.6675 170.325 73.5376 170.146C66.4077 169.967 62.2583 161.996 61.3561 154.707C60.4539 147.419 60.1942 138.11 62.8294 121.034C55.97 127.893 49.9387 132.539 39.1372 135.448C28.3358 138.357 15.4375 136.505 0.47168 133.387C15.4375 133.387 40.6226 124.358 59.4034 96.913Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SplitwiseIcon.svelte b/frontend/src/lib/components/icons/SplitwiseIcon.svelte
index 3d88d66dd0..88ab4e0dce 100644
--- a/frontend/src/lib/components/icons/SplitwiseIcon.svelte
+++ b/frontend/src/lib/components/icons/SplitwiseIcon.svelte
@@ -1,12 +1,26 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m24 5.5l17.249 9.959V42.5H6.75V15.474Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.065 40.763a4.43 4.43 0 0 0 3.886 1.737h2.347a3.96 3.96 0 0 0 3.954-3.963h0a3.96 3.96 0 0 0-3.954-3.962h-2.593a3.96 3.96 0 0 1-3.954-3.963h0a3.96 3.96 0 0 1 3.954-3.962h2.347a4.43 4.43 0 0 1 3.886 1.736m24.311-12.927l-24.31 12.927M6.751 15.474L41.25 33.819"/>
+<!-- #1CC29F on both themes per splitwise.com/press (sw.svg / sw-wide.svg / bg-primary.svg). Splitwise's
+	logos carry a single green and no reversed variant, so the same colour is used on light and dark. -->
+<svg class="text-[#1CC29F]" {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="m24 5.5l17.249 9.959V42.5H6.75V15.474Z"
+	/><path
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M7.065 40.763a4.43 4.43 0 0 0 3.886 1.737h2.347a3.96 3.96 0 0 0 3.954-3.963h0a3.96 3.96 0 0 0-3.954-3.962h-2.593a3.96 3.96 0 0 1-3.954-3.963h0a3.96 3.96 0 0 1 3.954-3.962h2.347a4.43 4.43 0 0 1 3.886 1.736m24.311-12.927l-24.31 12.927M6.751 15.474L41.25 33.819"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SpotifyIcon.svelte b/frontend/src/lib/components/icons/SpotifyIcon.svelte
index 25b851f4d5..4899c7155c 100644
--- a/frontend/src/lib/components/icons/SpotifyIcon.svelte
+++ b/frontend/src/lib/components/icons/SpotifyIcon.svelte
@@ -1,13 +1,24 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
-    <path fill="#1ed760" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8Z"/>
-    <path d="M406.6 231.1c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3zm-31 76.2c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm-26.9 65.6c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4z"/>
+<!-- #1ED760 / #FFFFFF per developer.spotify.com/documentation/design (2024 Primary Logo icon pack).
+	Spotify permits the green icon only on black or white backgrounds and requires the white
+	monochrome colourway on any other dark background, so the pair is fixed rather than caller-set. -->
+<svg
+	{width}
+	{height}
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 236.05 225.25"
+	class="text-[#1ED760] dark:text-[#FFFFFF]"
+>
+	<path
+		fill="currentColor"
+		d="m122.37,3.31C61.99.91,11.1,47.91,8.71,108.29c-2.4,60.38,44.61,111.26,104.98,113.66,60.38,2.4,111.26-44.6,113.66-104.98C229.74,56.59,182.74,5.7,122.37,3.31Zm46.18,160.28c-1.36,2.4-4.01,3.6-6.59,3.24-.79-.11-1.58-.37-2.32-.79-14.46-8.23-30.22-13.59-46.84-15.93-16.62-2.34-33.25-1.53-49.42,2.4-3.51.85-7.04-1.3-7.89-4.81-.85-3.51,1.3-7.04,4.81-7.89,17.78-4.32,36.06-5.21,54.32-2.64,18.26,2.57,35.58,8.46,51.49,17.51,3.13,1.79,4.23,5.77,2.45,8.91Zm14.38-28.72c-2.23,4.12-7.39,5.66-11.51,3.43-16.92-9.15-35.24-15.16-54.45-17.86-19.21-2.7-38.47-1.97-57.26,2.16-1.02.22-2.03.26-3.01.12-3.41-.48-6.33-3.02-7.11-6.59-1.01-4.58,1.89-9.11,6.47-10.12,20.77-4.57,42.06-5.38,63.28-2.4,21.21,2.98,41.46,9.62,60.16,19.74,4.13,2.23,5.66,7.38,3.43,11.51Zm15.94-32.38c-2.1,4.04-6.47,6.13-10.73,5.53-1.15-.16-2.28-.52-3.37-1.08-19.7-10.25-40.92-17.02-63.07-20.13-22.15-3.11-44.42-2.45-66.18,1.97-5.66,1.15-11.17-2.51-12.32-8.16-1.15-5.66,2.51-11.17,8.16-12.32,24.1-4.89,48.74-5.62,73.25-2.18,24.51,3.44,47.99,10.94,69.81,22.29,5.12,2.66,7.11,8.97,4.45,14.09Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SquareIcon.svelte b/frontend/src/lib/components/icons/SquareIcon.svelte
index 2720650c74..766c36363b 100644
--- a/frontend/src/lib/components/icons/SquareIcon.svelte
+++ b/frontend/src/lib/components/icons/SquareIcon.svelte
@@ -1,14 +1,26 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 30 30" style="fill:currentcolor;">
+<!-- #000000 / #FFFFFF per Square_Logo_2025 in squareup.com/us/en/press/logo. Square ships only
+	black and white logo files and states "Do not change the color", so no tinted variant is allowed. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 30 30"
+	style="fill:currentcolor;"
+>
 	<path
-		d="M 7 4 C 5.343 4 4 5.343 4 7 L 4 23 C 4 24.657 5.343 26 7 26 L 23 26 C 24.657 26 26 24.657 26 23 L 26 7 C 26 5.343 24.657 4 23 4 L 7 4 z M 8 8 L 22 8 L 22 22 L 8 22 L 8 8 z M 12 12 L 12 18 L 18 18 L 18 12 L 12 12 z"
+		fill-rule="evenodd"
+		d="M7.68 4H22.32A3.68 3.68 0 0 1 26 7.68V22.32A3.68 3.68 0 0 1 22.32 26H7.68A3.68 3.68 0 0 1 4 22.32V7.68A3.68 3.68 0 0 1 7.68 4ZM9.16 8H20.84A1.16 1.16 0 0 1 22 9.16V20.84A1.16 1.16 0 0 1 20.84 22H9.16A1.16 1.16 0 0 1 8 20.84V9.16A1.16 1.16 0 0 1 9.16 8ZM12.67 12H17.33A0.67 0.67 0 0 1 18 12.67V17.33A0.67 0.67 0 0 1 17.33 18H12.67A0.67 0.67 0 0 1 12 17.33V12.67A0.67 0.67 0 0 1 12.67 12Z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/StraleIcon.svelte b/frontend/src/lib/components/icons/StraleIcon.svelte
new file mode 100644
index 0000000000..f6c7f7e314
--- /dev/null
+++ b/frontend/src/lib/components/icons/StraleIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #0D0D0E / #F2F2F3 per strale.dev favicon.svg and the site's own --foreground token. Strale's own logo component fills with currentColor, so the mark is meant to take the theme's foreground. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 32 32"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#0D0D0E] dark:text-[#F2F2F3]"
+>
+	<path d="M16 2 C 18.2 9, 18.2 14.5, 16 16 C 13.8 14.5, 13.8 9, 16 2 Z" fill="currentColor" />
+	<path d="M30 16 C 23 18.2, 17.5 18.2, 16 16 C 17.5 13.8, 23 13.8, 30 16 Z" fill="currentColor" />
+	<path d="M16 30 C 13.8 23, 13.8 17.5, 16 16 C 18.2 17.5, 18.2 23, 16 30 Z" fill="currentColor" />
+	<path d="M2 16 C 9 13.8, 14.5 13.8, 16 16 C 14.5 18.2, 9 18.2, 2 16 Z" fill="currentColor" />
+</svg>
diff --git a/frontend/src/lib/components/icons/StravaIcon.svelte b/frontend/src/lib/components/icons/StravaIcon.svelte
index d0d1d52ca6..372edc2132 100644
--- a/frontend/src/lib/components/icons/StravaIcon.svelte
+++ b/frontend/src/lib/components/icons/StravaIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#FC4C02" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"/>
+<!-- #FC5200 on both themes per developers.strava.com/guidelines (Strava API logo pack, orange SVGs). Strava's guidelines forbid modifying or altering its logos, and the orange Echelon is the mark Strava itself uses on light and dark alike. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#FC5200" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/StripeIcon.svelte b/frontend/src/lib/components/icons/StripeIcon.svelte
index a06e39c1c9..1aed2295a9 100644
--- a/frontend/src/lib/components/icons/StripeIcon.svelte
+++ b/frontend/src/lib/components/icons/StripeIcon.svelte
@@ -1,14 +1,29 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 48 48" style="fill:currentcolor;">
+<!-- #533AFD tile / #FFFFFF bar per Stripe's own favicon.svg and Stripe_logo_kit.zip
+	(stripe.com/newsroom/brand-assets). Stripe's Marks Usage Terms forbid altering the marks, so
+	this ships verbatim in both themes rather than as a recoloured pair. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 512 512"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Stripe"
+>
+	<rect width="512" height="512" rx="64" fill="#533AFD" />
 	<path
-		d="M 11.5 6 C 8.4802259 6 6 8.4802259 6 11.5 L 6 36.5 C 6 39.519774 8.4802259 42 11.5 42 L 36.5 42 C 39.519774 42 42 39.519774 42 36.5 L 42 11.5 C 42 8.4802259 39.519774 6 36.5 6 L 11.5 6 z M 11.5 9 L 36.5 9 C 37.898226 9 39 10.101774 39 11.5 L 39 36.5 C 39 37.898226 37.898226 39 36.5 39 L 11.5 39 C 10.101774 39 9 37.898226 9 36.5 L 9 11.5 C 9 10.101774 10.101774 9 11.5 9 z M 24.5 13 C 18.595 13 16.5 16.502 16.5 19.5 C 16.5 24.022 20.764797 25.442594 22.966797 26.058594 C 25.413797 26.779594 25.5 27.824484 25.5 28.271484 C 25.5 28.854484 25.259172 29.241688 25.076172 29.429688 C 24.552172 29.971688 23.624734 30.075562 22.677734 29.976562 C 20.612734 29.759563 18.51075 28.965844 17.34375 28.464844 C 17.17975 28.393844 17 28.516312 17 28.695312 L 17 33.357422 C 17 33.570422 17.129078 33.760078 17.330078 33.830078 C 19.065078 34.430078 21.291 35 23.5 35 C 29.405 35 31.5 31.364 31.5 28.25 C 31.5 24.985 29.309281 22.692641 24.988281 21.431641 C 22.511281 20.678641 22.5 19.822453 22.5 19.439453 C 22.5 18.973453 22.727672 18.654094 22.888672 18.496094 C 23.384672 18.007094 24.399984 17.918109 25.333984 18.037109 C 27.397984 18.220109 29.491297 19.017391 30.654297 19.525391 C 30.818297 19.597391 31 19.474922 31 19.294922 L 31 14.642578 C 31 14.429578 30.870922 14.239922 30.669922 14.169922 C 28.934922 13.570922 26.709 13 24.5 13 z"
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M120 392L392 334.317V120L120 178.357V392Z"
+		fill="#FFFFFF"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SupabaseIcon.svelte b/frontend/src/lib/components/icons/SupabaseIcon.svelte
index fbe0d2d978..82f2f4a092 100644
--- a/frontend/src/lib/components/icons/SupabaseIcon.svelte
+++ b/frontend/src/lib/components/icons/SupabaseIcon.svelte
@@ -15,6 +15,7 @@
 	}: Props = $props()
 </script>
 
+<!-- #3ECF8E per supabase.com/brand-assets. Forbids modifying or recolouring the mark. -->
 <svg
 	{width}
 	{height}
diff --git a/frontend/src/lib/components/icons/SurrealdbIcon.svelte b/frontend/src/lib/components/icons/SurrealdbIcon.svelte
index c882c7ba53..1cb6332c43 100644
--- a/frontend/src/lib/components/icons/SurrealdbIcon.svelte
+++ b/frontend/src/lib/components/icons/SurrealdbIcon.svelte
@@ -1,18 +1,44 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 168 168" xmlns="http://www.w3.org/2000/svg" style="fill:currentcolor;">
-<path d="M84.1501 44.6726L123.672 66.5598V57.7846L84.1501 35.9483C78.2718 39.2008 49.8625 54.9047 44.6279 57.7846C49.4898 60.4781 100.549 88.684 131.584 105.828V114.569C127.365 116.907 84.1501 140.776 84.1501 140.776C72.3256 134.254 48.5242 121.108 36.7167 114.569V88.3622L84.1501 114.569L92.0613 110.198L28.8055 75.2672V118.957L84.1501 149.517C89.605 146.502 135.446 121.176 139.478 118.94V101.474L60.4334 57.7846L84.1501 44.6726ZM28.8055 49.0433V66.5259L107.85 110.215L84.1332 123.327L44.611 101.44V110.215L84.1332 132.052C90.0115 128.799 118.421 113.095 123.655 110.215C118.793 107.522 67.7517 79.316 36.7167 62.1552V53.4139C40.9349 51.0761 84.1501 27.207 84.1501 27.207C95.9576 33.746 119.759 46.8918 131.584 53.4139V79.6209L84.1501 53.4139L76.2389 57.7846L139.478 92.7328V49.0433L84.1501 18.4657C78.6783 21.498 32.8543 46.8241 28.8055 49.0433ZM84.1501 1L13 40.3189V127.681L84.1501 167L155.3 127.698V40.3189L84.1501 1ZM147.372 123.31L84.1501 158.259L20.9112 123.31V44.6896L84.1501 9.7413L147.389 44.6896L147.372 123.31Z"/>
-<defs>
-<linearGradient id="paint0_linear_215_188" x1="47.4481" y1="20.4303" x2="120.859" y2="147.582" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FF00A0"/>
-<stop offset="1" stop-color="#9600FF"/>
-</linearGradient>
-</defs>
+<!-- #D255FE / #651DDD (Surreal Gradient) per surrealdb.com/brand. Same gradient mark on light and dark; monochrome variants are for subtle placements only. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 840 979.9"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<style type="text/css">
+		.surrealdb-st0 {
+			fill: url(#surrealdb-SVGID_1_);
+		}
+	</style>
+	<linearGradient
+		id="surrealdb-SVGID_1_"
+		gradientUnits="userSpaceOnUse"
+		x1="203.3477"
+		y1="-25.4128"
+		x2="636.6956"
+		y2="725.1678"
+		gradientTransform="matrix(1 0 0 1 0 140.11)"
+	>
+		<stop offset="0" style="stop-color:#D255FE" />
+		<stop offset="1" style="stop-color:#651DDD" />
+	</linearGradient>
+	<path
+		class="surrealdb-st0"
+		d="M420,257.8L653.3,387v-51.8L420,206.3c-34.7,19.2-202.4,111.9-233.3,128.9c28.7,15.9,330.1,182.4,513.3,283.6
+		v51.6c-24.9,13.8-280,154.7-280,154.7C350.2,786.6,209.7,709,140,670.4V515.7l280,154.7l46.7-25.8L93.3,438.4v257.9L420,876.7
+		c32.2-17.8,302.8-167.3,326.6-180.5V593.1L280,335.2L420,257.8z M93.3,283.6v103.2l466.6,257.9l-140,77.4L186.6,592.9v51.8
+		l233.3,128.9c34.7-19.2,202.4-111.9,233.3-128.9C624.5,628.8,323.2,462.3,140,361v-51.6c24.9-13.8,280-154.7,280-154.7
+		c69.7,38.6,210.2,116.2,280,154.7v154.7L420,309.4l-46.7,25.8l373.3,206.3V283.6L420,103.1C387.7,121,117.2,270.5,93.3,283.6z
+		 M420,0L0,232.1v515.7l420,232.1l420-232V232.1L420,0z M793.2,722L420,928.3L46.7,722V257.9L420,51.6l373.3,206.3L793.2,722z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/SvelteIcon.svelte b/frontend/src/lib/components/icons/SvelteIcon.svelte
index 3fa14e75ff..a90b8d3381 100644
--- a/frontend/src/lib/components/icons/SvelteIcon.svelte
+++ b/frontend/src/lib/components/icons/SvelteIcon.svelte
@@ -11,6 +11,8 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #FF3E00 per sveltejs/branding (svelte-logo.svg, white cutout #fff).
+	 Its guidelines count the official colour scheme as part of the mark — do not recolour. -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
diff --git a/frontend/src/lib/components/icons/TallyIcon.svelte b/frontend/src/lib/components/icons/TallyIcon.svelte
index f494f124bb..50643b378c 100644
--- a/frontend/src/lib/components/icons/TallyIcon.svelte
+++ b/frontend/src/lib/components/icons/TallyIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 128 124" xmlns="http://www.w3.org/2000/svg">
-<path d="M79.9335 17.1445C79.9335 24.2262 77.3191 33.969 73.4647 47.0615L70.7069 57.1173L79.4337 51.4172C96.022 39.7688 106.04 35.397 112.67 35.397C120.212 35.397 128 40.7864 128 51.5052C128 65.1402 113.443 69.0136 85.3379 69.4912L74.8298 69.9849L83.1169 76.5821C102.791 91.747 109.612 99.1764 109.612 108.59C109.612 115.999 102.727 123.715 94.1897 123.715C81.3632 123.715 75.5655 110.387 67.7502 87.7575L63.7662 77.922L60.0183 87.7575C51.2591 113.46 44.5174 123.479 33.343 123.479C24.334 123.479 17.9208 115.289 17.9208 108.354C17.9208 97.9942 27.3369 89.3825 44.6517 76.5821L52.9388 69.9849L42.6666 69.4912C12.8171 69.2501 0 64.957 0 51.2688C0 40.55 8.02804 35.1605 15.4268 35.1605C24.3617 35.1605 34.1064 41.1875 48.5708 51.4172L57.2976 57.1173L54.5398 47.0615C50.3616 33.2597 48.3996 23.1344 48.3996 17.1445C48.3996 7.76783 53.6838 0 64.0023 0C74.5567 1.03096e-07 79.9335 7.76783 79.9335 17.1445Z" fill="black"/>
+<!-- #000000 / #FFFFFF per the "Tally Icon - Black" / "Tally Icon - White" files in the icon pack on
+	tally.so/help/press-kit, matching the live tally.so/favicon.svg. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 128 124"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M79.9335 17.1445C79.9335 24.2262 77.3191 33.969 73.4647 47.0615L70.7069 57.1173L79.4337 51.4172C96.022 39.7688 106.04 35.397 112.67 35.397C120.212 35.397 128 40.7864 128 51.5052C128 65.1402 113.443 69.0136 85.3379 69.4912L74.8298 69.9849L83.1169 76.5821C102.791 91.747 109.612 99.1764 109.612 108.59C109.612 115.999 102.727 123.715 94.1897 123.715C81.3632 123.715 75.5655 110.387 67.7502 87.7575L63.7662 77.922L60.0183 87.7575C51.2591 113.46 44.5174 123.479 33.343 123.479C24.334 123.479 17.9208 115.289 17.9208 108.354C17.9208 97.9942 27.3369 89.3825 44.6517 76.5821L52.9388 69.9849L42.6666 69.4912C12.8171 69.2501 0 64.957 0 51.2688C0 40.55 8.02804 35.1605 15.4268 35.1605C24.3617 35.1605 34.1064 41.1875 48.5708 51.4172L57.2976 57.1173L54.5398 47.0615C50.3616 33.2597 48.3996 23.1344 48.3996 17.1445C48.3996 7.76783 53.6838 0 64.0023 0C74.5567 1.03096e-07 79.9335 7.76783 79.9335 17.1445Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TaskadeIcon.svelte b/frontend/src/lib/components/icons/TaskadeIcon.svelte
new file mode 100644
index 0000000000..bb80d21035
--- /dev/null
+++ b/frontend/src/lib/components/icons/TaskadeIcon.svelte
@@ -0,0 +1,26 @@
+<!-- #000000 / #FFFFFF per taskade.com/press (Mascot Mark light = agent_taskade.svg, Genesis Icon dark = taskade-icon-dark.svg). Brand forbids recolouring, so only those two published variants are used. -->
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<svg
+	{width}
+	{height}
+	viewBox="0 0 256 256"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#000000] dark:text-[#FFFFFF]"
+>
+	<g fill="currentColor">
+		<path
+			d="M181.462373,184.199116 C168.521908,184.199116 169.53725,165.947601 181.462373,165.947601 C193.387497,165.947601 194.402839,184.199116 181.462373,184.199116 M74.532451,184.199116 C61.5919851,184.199116 62.6073276,165.947601 74.532451,165.947601 C86.4575744,165.947601 87.4729164,184.199116 74.532451,184.199116 M220.558187,116.766861 L216.174379,116.766861 C208.312339,116.766861 201.559971,112.072048 198.537956,105.343386 C195.515942,112.072048 188.763574,116.766861 180.903249,116.766861 C173.041209,116.766861 166.290556,112.072048 163.268542,105.343386 C160.246527,112.072048 153.49416,116.766861 145.632119,116.766861 C137.771794,116.766861 131.019427,112.072048 127.997412,105.343386 C124.975398,112.072048 118.22303,116.766861 110.362705,116.766861 C102.500664,116.766861 95.7500121,112.072048 92.7262824,105.343386 C89.7042679,112.072048 82.9536156,116.766861 75.0915752,116.766861 C67.2295348,116.766861 60.4788824,112.072048 57.4568676,105.343386 C54.434853,112.072048 47.6824855,116.766861 39.8204452,116.766861 L35.4863754,116.766861 C28.9106637,123.834782 33.0817985,129.806105 49.3204106,129.806105 L49.3204106,166.10181 C49.3204106,200.212884 88.6374728,217.268421 127.954534,217.268421 C167.271597,217.268421 206.588658,200.212884 206.588658,166.10181 L206.588658,129.806105 C222.840991,129.806105 227.082446,123.834782 220.558187,116.766861"
+		></path>
+		<path
+			d="M129.257157,0 C123.49955,0 117.988918,1.80253417 113.413018,4.97238987 C110.234929,3.73528943 106.81501,3.08075706 103.293901,3.08075706 C100.867027,3.08075706 98.4418692,3.40116951 96.0853152,4.03171377 C90.5163697,5.52240267 85.6540476,8.69568527 82.0523275,12.9501456 C81.0335557,12.8353455 80.007923,12.7770886 78.980575,12.7770886 C74.118253,12.7770886 69.3142444,14.0655922 65.0899415,16.5020975 C60.0989865,19.3806692 56.22628,23.7002401 53.8491447,28.7377405 C48.0143583,29.6150195 42.6306444,32.3171073 38.3806148,36.5630005 C34.2986654,40.6392636 31.6762701,45.8206926 30.6883698,51.3088266 C25.3475335,53.6579467 20.7767793,57.6571052 17.7787761,62.8471011 C14.895685,67.8349121 13.7036872,73.5115243 14.1684806,79.0630552 C9.63374352,82.690398 6.25498712,87.7193311 4.68738136,93.5604331 C3.1952402,99.1256714 3.51424969,104.917084 5.40086495,110.160196 C1.96207987,114.836162 0,120.569317 0,126.614318 C0,132.374888 1.80772044,137.885297 4.9892398,142.461883 C2.87794582,147.867772 2.46803578,153.911059 4.03392644,159.753874 C5.5277827,165.317399 8.70244166,170.171562 12.9593317,173.769776 C12.3213128,179.5372 13.4910142,185.481108 16.5181741,190.719081 C19.3926898,195.694897 23.7130387,199.577542 28.7708827,201.957504 C29.6507314,207.690659 32.3194345,213.129104 36.5986209,217.404126 C40.675425,221.475248 45.7932976,224.127646 51.3553824,225.112872 C53.6913551,230.414241 57.6738284,234.965126 62.9066133,237.9842 C67.1326314,240.422418 71.93664,241.710922 76.798962,241.710922 C77.5896249,241.710922 78.3751433,241.676653 79.1555155,241.611542 C82.7846775,246.131586 87.8133645,249.500199 93.6515813,251.062853 C96.0081354,251.693397 98.4332937,252.01381 100.860167,252.01381 C104.118866,252.01381 107.30553,251.446662 110.294958,250.370625 C114.970334,253.792356 120.698784,255.745672 126.737668,255.745672 C132.495274,255.745672 138.005906,253.943138 142.581806,250.773282 C145.759895,252.012096 149.181529,252.664915 152.700924,252.664915 C155.127797,252.664915 157.552955,252.346216 159.909509,251.713958 C165.478455,250.223269 170.340777,247.049987 173.940782,242.795527 C174.961269,242.910327 175.986901,242.968584 177.014249,242.968584 C181.876571,242.968584 186.68058,241.68008 190.904883,239.243574 C195.897553,236.365003 199.768544,232.045432 202.145679,227.007932 C207.982181,226.130653 213.36418,223.428565 217.61421,219.182671 C221.694444,215.106408 224.316839,209.92498 225.306455,204.436846 C230.647291,202.089439 235.218045,198.09028 238.216048,192.900284 C241.099139,187.912473 242.291137,182.235861 241.826344,176.68433 C246.361081,173.056987 249.739837,168.028054 251.307443,162.185239 C252.799584,156.620001 252.480575,150.828588 250.59396,145.587189 C254.032745,140.90951 255.994824,135.178068 255.994824,129.131354 C255.994824,123.372498 254.185389,117.860376 251.005584,113.285503 C253.116879,107.879614 253.526788,101.834613 251.959182,95.991798 C250.467041,90.4282728 247.292382,85.57411 243.035493,81.9758957 C243.673511,76.2084718 242.50381,70.2645638 239.47665,65.0265913 C236.600419,60.0507746 232.281785,56.1698431 227.223941,53.7881678 C226.344093,48.0550126 223.67539,42.6182817 219.396204,38.34326 C215.319399,34.2704238 210.201527,31.6180256 204.639442,30.6345136 C202.305184,25.3331441 198.322711,20.780546 193.088211,17.7614726 C188.863908,15.3249673 184.0599,14.0364638 179.197577,14.0364638 C178.406914,14.0364638 177.619681,14.069019 176.839309,14.1341296 C173.210147,9.61580012 168.18146,6.24547244 162.343243,4.68281927 C159.986689,4.052275 157.561531,3.73186256 155.136373,3.73186256 C151.875959,3.73186256 148.689294,4.29900971 145.699866,5.37676066 C141.024491,1.95331649 135.296041,0 129.257157,0 M129.257157,13.7074841 C135.04392,13.7074841 140.007434,17.1908985 142.185617,22.1701422 C142.403435,22.6670385 142.887094,22.9394747 143.372469,22.9394747 C143.71892,22.9394747 144.067086,22.798973 144.317492,22.5008353 C146.970759,19.3344064 150.930936,17.4393467 155.134658,17.4393467 C156.342091,17.4393467 157.570106,17.5969828 158.791261,17.9225355 C164.391078,19.4217916 168.286081,24.0823362 169.09218,29.4676641 C169.188226,30.1119158 169.762786,30.5299941 170.357928,30.5299941 C170.599757,30.5299941 170.846732,30.4597432 171.066266,30.3072475 C173.451976,28.6366478 176.29905,27.7439479 179.195862,27.7439479 C181.585003,27.7439479 184.006731,28.3522175 186.227792,29.6321538 C191.247904,32.5278599 193.80341,38.0365551 193.185972,43.445871 C193.098502,44.2100632 193.736521,44.8423209 194.453434,44.8423209 C194.592358,44.8423209 194.734712,44.8183328 194.87535,44.7669298 C196.439526,44.1980692 198.084311,43.9119254 199.727381,43.9119254 C203.335962,43.9119254 206.941113,45.2843873 209.693856,48.0361648 C213.792956,52.1312756 214.834025,58.112879 212.837643,63.1777943 C212.513488,63.99853 213.154937,64.89637 214.01592,64.89637 C214.053652,64.89637 214.089669,64.8946569 214.125687,64.89123 C214.539027,64.8552479 214.950652,64.8363999 215.363992,64.8363999 C220.240035,64.8363999 224.980584,67.3568639 227.594404,71.8803335 C230.492932,76.8955593 229.947528,82.9422732 226.70598,87.3183873 C226.160577,88.0568781 226.603074,89.1483363 227.508649,89.3076861 C232.746579,90.2278009 237.238438,94.0693235 238.706568,99.5403233 C240.207285,105.13469 238.114857,110.83529 233.849391,114.224465 C233.130762,114.795039 233.274831,115.963602 234.108372,116.352552 C238.929532,118.595439 242.273986,123.46845 242.273986,129.131354 C242.273986,134.914199 238.788893,139.871168 233.804799,142.047232 C232.950676,142.42076 232.758585,143.579043 233.472068,144.177032 C237.552302,147.590195 239.522958,153.164001 238.054828,158.636714 C236.554112,164.231081 231.889027,168.122293 226.498452,168.927608 C225.589446,169.062969 225.131513,170.147574 225.658051,170.899772 C228.710937,175.250185 229.16887,181.140976 226.333802,186.046542 C223.719982,190.568298 218.981148,193.088762 214.105105,193.088762 C213.573423,193.088762 213.03831,193.05792 212.506628,192.99795 C212.460319,192.992809 212.412297,192.989383 212.367704,192.989383 C211.522157,192.989383 210.885853,193.866662 211.184282,194.685684 C213.005723,199.676921 211.921777,205.485468 207.911862,209.489767 C205.159118,212.241544 201.553968,213.614006 197.947103,213.614006 C196.183975,213.614006 194.420848,213.285027 192.755481,212.630494 C192.607982,212.572237 192.457053,212.544822 192.309553,212.544822 C191.60636,212.544822 190.973487,213.161659 191.040376,213.918998 C191.506885,219.210087 188.954808,224.540585 184.044464,227.372893 C181.825118,228.65283 179.40339,229.261099 177.014249,229.261099 C173.999095,229.261099 171.035394,228.293008 168.591369,226.487047 C168.368406,226.322557 168.11457,226.247166 167.864165,226.247166 C167.28103,226.247166 166.711615,226.654964 166.600133,227.287222 C165.679122,232.520053 161.833857,237.009255 156.357527,238.474242 C155.134658,238.801508 153.908358,238.957431 152.700924,238.957431 C148.377145,238.957431 144.312346,236.952711 141.659079,233.621793 C141.410389,233.309948 141.048502,233.160878 140.686615,233.160878 C140.216676,233.160878 139.748452,233.41104 139.530634,233.880521 C137.283847,238.696989 132.406089,242.038188 126.737668,242.038188 C120.949189,242.038188 115.987391,238.556487 113.809208,233.577243 C113.591389,233.080347 113.10773,232.807911 112.622356,232.807911 C112.275904,232.807911 111.927738,232.946699 111.677333,233.244837 C109.024065,236.411266 105.063889,238.306325 100.860167,238.306325 C99.6527332,238.306325 98.4247182,238.150403 97.2035635,237.823137 C91.6037463,236.32388 87.7087435,231.663336 86.9026441,226.279721 C86.8065981,225.633757 86.2320381,225.215678 85.6368966,225.215678 C85.395067,225.215678 85.1480919,225.285929 84.9285585,225.440138 C82.542848,227.110738 79.695774,228.003438 76.798962,228.003438 C74.409821,228.003438 71.9880931,227.395168 69.7670323,226.113518 C64.7469203,223.217812 62.1931296,217.709117 62.808852,212.299801 C62.8963225,211.535609 62.2583034,210.905065 61.5413898,210.905065 C61.402466,210.905065 61.2601125,210.927339 61.1194741,210.978742 C59.5552982,211.549316 57.9105129,211.833747 56.2674425,211.833747 C52.6588621,211.833747 49.0537118,210.461285 46.3009686,207.711221 C42.2018682,203.614396 41.1607996,197.632793 43.1571816,192.567878 C43.4813364,191.748856 42.8398872,190.849302 41.9789046,190.849302 C41.9411723,190.849302 41.9051551,190.851015 41.8691378,190.854442 C41.4557976,190.890424 41.0441725,190.909272 40.6308322,190.909272 C35.7547894,190.909272 31.0142397,188.388808 28.4004201,183.865338 C25.5018929,178.850113 26.0472963,172.803399 29.2888443,168.427285 C29.8342476,167.688794 29.3917506,166.597336 28.4861753,166.437986 C23.2482453,165.517871 18.7563859,161.676348 17.2882562,156.205349 C15.7875395,150.610982 17.8799673,144.910382 22.1454329,141.52292 C22.8640618,140.950633 22.719993,139.78207 21.8864521,139.394833 C17.0652925,137.151946 13.7208382,132.278936 13.7208382,126.614318 C13.7208382,120.833186 17.2059311,115.874504 22.1917407,113.698441 C23.0441478,113.324912 23.2362395,112.166629 22.5227559,111.570354 C18.4425217,108.15719 16.4718663,102.581671 17.939996,97.1089578 C19.4407127,91.5145911 24.1057977,87.6233789 29.496372,86.8180643 C30.4053775,86.682703 30.8633105,85.5980985 30.3367733,84.8459003 C27.2838868,80.4954873 26.8259538,74.6046957 29.661022,69.7008433 C32.2748417,65.1773737 37.0136762,62.6586234 41.8897191,62.6586234 C42.4214016,62.6586234 42.9547992,62.6877519 43.4881968,62.7494357 C43.5345046,62.7545757 43.5825276,62.7562894 43.6288354,62.7562894 C44.4726669,62.7562894 45.1089708,61.8790105 44.8105426,61.0617016 C42.9891013,56.0687505 44.0730475,50.2602041 48.0812474,46.2559052 C50.8357057,43.5041278 54.4408559,42.1333794 58.0477213,42.1333794 C59.8108489,42.1333794 61.5739767,42.4606456 63.2393432,43.1168914 C63.3868424,43.1751482 63.5377715,43.2008497 63.6852708,43.2008497 C64.3884638,43.2008497 65.0213373,42.5840129 64.9544482,41.8283879 C64.4879397,36.5355856 67.0400158,31.2050877 71.9503606,28.3727787 C74.1697062,27.0928424 76.591434,26.4845728 78.980575,26.4845728 C81.9957292,26.4845728 84.9611454,27.4526639 87.4034548,29.2603383 C87.626418,29.4231147 87.8802535,29.4985059 88.1306591,29.4985059 C88.7137947,29.4985059 89.2832096,29.0924217 89.3946915,28.4584505 C90.3157026,23.2256184 94.1609675,18.7381308 99.6372967,17.27143 C100.860167,16.9441638 102.086466,16.7882412 103.293901,16.7882412 C107.617679,16.7882412 111.682478,18.7929608 114.335745,22.1238794 C114.584435,22.4374381 114.946322,22.586507 115.308209,22.586507 C115.778148,22.586507 116.246372,22.334632 116.465905,21.8651506 C118.710977,17.0486834 123.588735,13.7074841 129.257157,13.7074841"
+		></path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/TelegramIcon.svelte b/frontend/src/lib/components/icons/TelegramIcon.svelte
index eaa6118e55..e819ece650 100644
--- a/frontend/src/lib/components/icons/TelegramIcon.svelte
+++ b/frontend/src/lib/components/icons/TelegramIcon.svelte
@@ -1,14 +1,21 @@
+<!-- #2AABEE / #229ED9 gradient with a flat white plane, per Telegram's press-kit Logo.svg (telegram.org/press). The shaded-plane drawing is Telegram's retired Logo_old. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" {width} {height} viewBox="0 0 50 50" style="fill:currentcolor;">
+<svg {width} {height} viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
+	<linearGradient id="telegram-a" x1="50%" y1="0%" x2="50%" y2="99.2583404%">
+		<stop offset="0%" stop-color="#2AABEE" />
+		<stop offset="100%" stop-color="#229ED9" />
+	</linearGradient>
+	<circle cx="500" cy="500" r="500" fill="url(#telegram-a)" />
 	<path
-		d="M 44.376953 5.9863281 C 43.889905 6.0076957 43.415817 6.1432497 42.988281 6.3144531 C 42.565113 6.4845113 40.128883 7.5243408 36.53125 9.0625 C 32.933617 10.600659 28.256963 12.603668 23.621094 14.589844 C 14.349356 18.562196 5.2382813 22.470703 5.2382812 22.470703 L 5.3046875 22.445312 C 5.3046875 22.445312 4.7547875 22.629122 4.1972656 23.017578 C 3.9185047 23.211806 3.6186028 23.462555 3.3730469 23.828125 C 3.127491 24.193695 2.9479735 24.711788 3.015625 25.259766 C 3.2532479 27.184511 5.2480469 27.730469 5.2480469 27.730469 L 5.2558594 27.734375 L 14.158203 30.78125 C 14.385177 31.538434 16.858319 39.792923 17.402344 41.541016 C 17.702797 42.507484 17.984013 43.064995 18.277344 43.445312 C 18.424133 43.635633 18.577962 43.782915 18.748047 43.890625 C 18.815627 43.933415 18.8867 43.965525 18.957031 43.994141 C 18.958531 43.994806 18.959437 43.99348 18.960938 43.994141 C 18.969579 43.997952 18.977708 43.998295 18.986328 44.001953 L 18.962891 43.996094 C 18.979231 44.002694 18.995359 44.013801 19.011719 44.019531 C 19.043456 44.030655 19.062905 44.030268 19.103516 44.039062 C 20.123059 44.395042 20.966797 43.734375 20.966797 43.734375 L 21.001953 43.707031 L 26.470703 38.634766 L 35.345703 45.554688 L 35.457031 45.605469 C 37.010484 46.295216 38.415349 45.910403 39.193359 45.277344 C 39.97137 44.644284 40.277344 43.828125 40.277344 43.828125 L 40.310547 43.742188 L 46.832031 9.7519531 C 46.998903 8.9915162 47.022612 8.334202 46.865234 7.7402344 C 46.707857 7.1462668 46.325492 6.6299361 45.845703 6.34375 C 45.365914 6.0575639 44.864001 5.9649605 44.376953 5.9863281 z M 44.429688 8.0195312 C 44.627491 8.0103707 44.774102 8.032983 44.820312 8.0605469 C 44.866523 8.0881109 44.887272 8.0844829 44.931641 8.2519531 C 44.976011 8.419423 45.000036 8.7721605 44.878906 9.3242188 L 44.875 9.3359375 L 38.390625 43.128906 C 38.375275 43.162926 38.240151 43.475531 37.931641 43.726562 C 37.616914 43.982653 37.266874 44.182554 36.337891 43.792969 L 26.632812 36.224609 L 26.359375 36.009766 L 26.353516 36.015625 L 23.451172 33.837891 L 39.761719 14.648438 A 1.0001 1.0001 0 0 0 38.974609 13 A 1.0001 1.0001 0 0 0 38.445312 13.167969 L 14.84375 28.902344 L 5.9277344 25.849609 C 5.9277344 25.849609 5.0423771 25.356927 5 25.013672 C 4.99765 24.994652 4.9871961 25.011869 5.0332031 24.943359 C 5.0792101 24.874869 5.1948546 24.759225 5.3398438 24.658203 C 5.6298218 24.456159 5.9609375 24.333984 5.9609375 24.333984 L 5.9941406 24.322266 L 6.0273438 24.308594 C 6.0273438 24.308594 15.138894 20.399882 24.410156 16.427734 C 29.045787 14.44166 33.721617 12.440122 37.318359 10.902344 C 40.914175 9.3649615 43.512419 8.2583658 43.732422 8.1699219 C 43.982886 8.0696253 44.231884 8.0286918 44.429688 8.0195312 z M 33.613281 18.792969 L 21.244141 33.345703 L 21.238281 33.351562 A 1.0001 1.0001 0 0 0 21.183594 33.423828 A 1.0001 1.0001 0 0 0 21.128906 33.507812 A 1.0001 1.0001 0 0 0 20.998047 33.892578 A 1.0001 1.0001 0 0 0 20.998047 33.900391 L 19.386719 41.146484 C 19.35993 41.068197 19.341173 41.039555 19.3125 40.947266 L 19.3125 40.945312 C 18.800713 39.30085 16.467362 31.5161 16.144531 30.439453 L 33.613281 18.792969 z M 22.640625 35.730469 L 24.863281 37.398438 L 21.597656 40.425781 L 22.640625 35.730469 z"
+		fill="#FFFFFF"
+		d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TelnyxIcon.svelte b/frontend/src/lib/components/icons/TelnyxIcon.svelte
index a326114085..8f780cbcfd 100644
--- a/frontend/src/lib/components/icons/TelnyxIcon.svelte
+++ b/frontend/src/lib/components/icons/TelnyxIcon.svelte
@@ -1,24 +1,46 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 128 40" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_36913_41041)">
-<path d="M102.027 34.1821C102.027 35.7236 101.422 37.2022 100.344 38.2931C99.2667 39.3839 97.8048 39.998 96.2795 40.0004H80.8381C80.8237 40.0004 80.81 39.9947 80.7999 39.9844C80.7897 39.9742 80.784 39.9603 80.784 39.9458V34.7557C80.784 34.7412 80.7897 34.7273 80.7999 34.7171C80.81 34.7069 80.8237 34.7011 80.8381 34.7011H93.9642C94.2674 34.7011 94.5676 34.6405 94.8475 34.5226C95.1275 34.4048 95.3815 34.2322 95.5951 34.0146C95.8086 33.7971 95.9775 33.539 96.0919 33.2552C96.2062 32.9714 96.2639 32.6675 96.2615 32.361V28.9192C96.2615 28.9071 96.2568 28.8955 96.2483 28.887C96.2399 28.8785 96.2284 28.8737 96.2165 28.8737C96.2045 28.8737 96.1931 28.8785 96.1846 28.887C96.1762 28.8955 96.1714 28.9071 96.1714 28.9192C95.3972 30.185 94.3068 31.2225 93.0101 31.9273C91.7133 32.6322 90.2558 32.9796 88.784 32.9347C83.5858 32.9347 80.73 29.1195 80.73 23.2921V7.50341H80.775H86.4057H86.4507V22.6183C86.4507 26.0874 87.9012 27.9813 91.1444 27.9813C94.8651 27.9813 96.0183 25.5229 96.2435 23.4287V23.0918V7.50341C96.2517 7.49862 96.261 7.49609 96.2705 7.49609C96.28 7.49609 96.2893 7.49862 96.2976 7.50341H101.955C101.963 7.49862 101.973 7.49609 101.982 7.49609C101.992 7.49609 102.001 7.49862 102.009 7.50341L102.027 34.1821Z" fill="currentColor"/>
-<path d="M29.2523 21.4347H45.856V18.6393C45.856 11.1547 41.883 7.06641 34.7839 7.06641C26.955 7.06641 23.2163 11.4643 23.2163 18.4845V21.4347C23.2163 28.5368 26.955 32.9347 34.7839 32.9347C41.6217 32.9347 45.2073 29.502 45.6668 24.3666V23.4105H39.8199L39.7298 24.6033C39.7102 24.8726 39.6588 25.1385 39.5767 25.3955C39.1082 26.825 37.6397 27.9541 34.8379 27.9541C30.7208 27.9541 29.1893 25.5685 29.1893 22.0174V21.5166C29.1888 21.4977 29.1948 21.4792 29.2063 21.4642C29.2178 21.4493 29.2341 21.4389 29.2523 21.4347ZM34.6578 12.047C38.4235 12.047 39.937 14.0229 39.928 17.146C39.9261 17.1647 39.9179 17.1821 39.9047 17.1953C39.8916 17.2086 39.8744 17.2169 39.856 17.2189H29.3064C29.2961 17.219 29.286 17.2168 29.2766 17.2126C29.2672 17.2084 29.2588 17.2022 29.252 17.1944C29.2451 17.1867 29.24 17.1775 29.237 17.1676C29.234 17.1577 29.233 17.1472 29.2343 17.1369C29.4866 14.0957 31.0542 12.047 34.6578 12.047Z" fill="currentColor"/>
-<path d="M54.0626 0H48.2974V32.5334H54.0626V0Z" fill="currentColor"/>
-<path d="M62.5047 7.45691H56.7839V32.533H62.5047V17.5638C62.5047 15.3239 63.3425 12.0096 67.6578 12.0096C70.9011 12.0096 72.3515 13.8944 72.3515 17.3726V32.533H78.0813V16.7079C78.0813 10.8896 75.2164 7.06538 70.0272 7.06538C68.544 7.02657 67.0765 7.38104 65.771 8.09352C64.4654 8.806 63.3672 9.85164 62.5857 11.1264C62.5857 11.1384 62.581 11.15 62.5725 11.1586C62.5641 11.1671 62.5526 11.1719 62.5407 11.1719C62.5288 11.1719 62.5173 11.1671 62.5088 11.1586C62.5004 11.15 62.4957 11.1384 62.4957 11.1264L62.5047 7.45691Z" fill="currentColor"/>
-<path d="M112.567 19.5219C112.583 19.5465 112.591 19.5749 112.591 19.6039C112.591 19.6329 112.583 19.6613 112.567 19.6858L104.153 32.5335H110.459L115.865 24.1748C115.871 24.1634 115.88 24.1539 115.891 24.1473C115.902 24.1407 115.915 24.1372 115.928 24.1372C115.941 24.1372 115.953 24.1407 115.964 24.1473C115.976 24.1539 115.985 24.1634 115.991 24.1748L121.351 32.5335H128L119.622 19.704C119.608 19.6805 119.601 19.6538 119.601 19.6266C119.601 19.5995 119.608 19.5728 119.622 19.5493L127.685 7.45735H121.144L116.36 15.0603C116.354 15.0697 116.345 15.0774 116.335 15.0827C116.324 15.0879 116.313 15.0907 116.302 15.0907C116.29 15.0907 116.279 15.0879 116.269 15.0827C116.259 15.0774 116.25 15.0697 116.243 15.0603L111.486 7.44824H104.54L112.567 19.5219Z" fill="currentColor"/>
-<path d="M21.2973 27.3525H13.7748C13.1732 27.3526 12.5956 27.1142 12.1661 26.6886C11.7365 26.263 11.4893 25.684 11.4775 25.0761V14.9601C11.4775 14.3443 11.7195 13.7537 12.1504 13.3183C12.5812 12.8829 13.1655 12.6382 13.7748 12.6382H21.2973V7.44818H13.7748C13.1655 7.44818 12.5812 7.20355 12.1504 6.76812C11.7195 6.33269 11.4775 5.74211 11.4775 5.12631V0H5.73875V5.12631C5.73875 5.43199 5.67903 5.73466 5.56302 6.01696C5.447 6.29926 5.27698 6.55562 5.0627 6.77135C4.84842 6.98707 4.5941 7.15791 4.31434 7.27406C4.03458 7.39021 3.73488 7.44938 3.43244 7.44818H0V12.6382H3.45046C4.05974 12.6382 4.64407 12.8829 5.07489 13.3183C5.50572 13.7537 5.74775 14.3443 5.74775 14.9601V26.7151C5.76673 28.2665 6.39044 29.7476 7.48346 30.837C8.57647 31.9263 10.0505 32.5359 11.5856 32.5334H21.2973V27.3525Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_36913_41041">
-<rect width="128" height="40" fill="white"/>
-</clipPath>
-</defs>
+<!-- #000000 / #00E3AA per telnyx.com. -->
+<svg
+	class="text-[#000000] dark:text-[#00E3AA]"
+	{width}
+	{height}
+	viewBox="0 0 128 40"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<g clip-path="url(#clip0_36913_41041)">
+		<path
+			d="M102.027 34.1821C102.027 35.7236 101.422 37.2022 100.344 38.2931C99.2667 39.3839 97.8048 39.998 96.2795 40.0004H80.8381C80.8237 40.0004 80.81 39.9947 80.7999 39.9844C80.7897 39.9742 80.784 39.9603 80.784 39.9458V34.7557C80.784 34.7412 80.7897 34.7273 80.7999 34.7171C80.81 34.7069 80.8237 34.7011 80.8381 34.7011H93.9642C94.2674 34.7011 94.5676 34.6405 94.8475 34.5226C95.1275 34.4048 95.3815 34.2322 95.5951 34.0146C95.8086 33.7971 95.9775 33.539 96.0919 33.2552C96.2062 32.9714 96.2639 32.6675 96.2615 32.361V28.9192C96.2615 28.9071 96.2568 28.8955 96.2483 28.887C96.2399 28.8785 96.2284 28.8737 96.2165 28.8737C96.2045 28.8737 96.1931 28.8785 96.1846 28.887C96.1762 28.8955 96.1714 28.9071 96.1714 28.9192C95.3972 30.185 94.3068 31.2225 93.0101 31.9273C91.7133 32.6322 90.2558 32.9796 88.784 32.9347C83.5858 32.9347 80.73 29.1195 80.73 23.2921V7.50341H80.775H86.4057H86.4507V22.6183C86.4507 26.0874 87.9012 27.9813 91.1444 27.9813C94.8651 27.9813 96.0183 25.5229 96.2435 23.4287V23.0918V7.50341C96.2517 7.49862 96.261 7.49609 96.2705 7.49609C96.28 7.49609 96.2893 7.49862 96.2976 7.50341H101.955C101.963 7.49862 101.973 7.49609 101.982 7.49609C101.992 7.49609 102.001 7.49862 102.009 7.50341L102.027 34.1821Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M29.2523 21.4347H45.856V18.6393C45.856 11.1547 41.883 7.06641 34.7839 7.06641C26.955 7.06641 23.2163 11.4643 23.2163 18.4845V21.4347C23.2163 28.5368 26.955 32.9347 34.7839 32.9347C41.6217 32.9347 45.2073 29.502 45.6668 24.3666V23.4105H39.8199L39.7298 24.6033C39.7102 24.8726 39.6588 25.1385 39.5767 25.3955C39.1082 26.825 37.6397 27.9541 34.8379 27.9541C30.7208 27.9541 29.1893 25.5685 29.1893 22.0174V21.5166C29.1888 21.4977 29.1948 21.4792 29.2063 21.4642C29.2178 21.4493 29.2341 21.4389 29.2523 21.4347ZM34.6578 12.047C38.4235 12.047 39.937 14.0229 39.928 17.146C39.9261 17.1647 39.9179 17.1821 39.9047 17.1953C39.8916 17.2086 39.8744 17.2169 39.856 17.2189H29.3064C29.2961 17.219 29.286 17.2168 29.2766 17.2126C29.2672 17.2084 29.2588 17.2022 29.252 17.1944C29.2451 17.1867 29.24 17.1775 29.237 17.1676C29.234 17.1577 29.233 17.1472 29.2343 17.1369C29.4866 14.0957 31.0542 12.047 34.6578 12.047Z"
+			fill="currentColor"
+		/>
+		<path d="M54.0626 0H48.2974V32.5334H54.0626V0Z" fill="currentColor" />
+		<path
+			d="M62.5047 7.45691H56.7839V32.533H62.5047V17.5638C62.5047 15.3239 63.3425 12.0096 67.6578 12.0096C70.9011 12.0096 72.3515 13.8944 72.3515 17.3726V32.533H78.0813V16.7079C78.0813 10.8896 75.2164 7.06538 70.0272 7.06538C68.544 7.02657 67.0765 7.38104 65.771 8.09352C64.4654 8.806 63.3672 9.85164 62.5857 11.1264C62.5857 11.1384 62.581 11.15 62.5725 11.1586C62.5641 11.1671 62.5526 11.1719 62.5407 11.1719C62.5288 11.1719 62.5173 11.1671 62.5088 11.1586C62.5004 11.15 62.4957 11.1384 62.4957 11.1264L62.5047 7.45691Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M112.567 19.5219C112.583 19.5465 112.591 19.5749 112.591 19.6039C112.591 19.6329 112.583 19.6613 112.567 19.6858L104.153 32.5335H110.459L115.865 24.1748C115.871 24.1634 115.88 24.1539 115.891 24.1473C115.902 24.1407 115.915 24.1372 115.928 24.1372C115.941 24.1372 115.953 24.1407 115.964 24.1473C115.976 24.1539 115.985 24.1634 115.991 24.1748L121.351 32.5335H128L119.622 19.704C119.608 19.6805 119.601 19.6538 119.601 19.6266C119.601 19.5995 119.608 19.5728 119.622 19.5493L127.685 7.45735H121.144L116.36 15.0603C116.354 15.0697 116.345 15.0774 116.335 15.0827C116.324 15.0879 116.313 15.0907 116.302 15.0907C116.29 15.0907 116.279 15.0879 116.269 15.0827C116.259 15.0774 116.25 15.0697 116.243 15.0603L111.486 7.44824H104.54L112.567 19.5219Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M21.2973 27.3525H13.7748C13.1732 27.3526 12.5956 27.1142 12.1661 26.6886C11.7365 26.263 11.4893 25.684 11.4775 25.0761V14.9601C11.4775 14.3443 11.7195 13.7537 12.1504 13.3183C12.5812 12.8829 13.1655 12.6382 13.7748 12.6382H21.2973V7.44818H13.7748C13.1655 7.44818 12.5812 7.20355 12.1504 6.76812C11.7195 6.33269 11.4775 5.74211 11.4775 5.12631V0H5.73875V5.12631C5.73875 5.43199 5.67903 5.73466 5.56302 6.01696C5.447 6.29926 5.27698 6.55562 5.0627 6.77135C4.84842 6.98707 4.5941 7.15791 4.31434 7.27406C4.03458 7.39021 3.73488 7.44938 3.43244 7.44818H0V12.6382H3.45046C4.05974 12.6382 4.64407 12.8829 5.07489 13.3183C5.50572 13.7537 5.74775 14.3443 5.74775 14.9601V26.7151C5.76673 28.2665 6.39044 29.7476 7.48346 30.837C8.57647 31.9263 10.0505 32.5359 11.5856 32.5334H21.2973V27.3525Z"
+			fill="currentColor"
+		/>
+	</g>
+	<defs>
+		<clipPath id="clip0_36913_41041">
+			<rect width="128" height="40" fill="white" />
+		</clipPath>
+	</defs>
 </svg>
diff --git a/frontend/src/lib/components/icons/TerraIcon.svelte b/frontend/src/lib/components/icons/TerraIcon.svelte
new file mode 100644
index 0000000000..531cfb2eca
--- /dev/null
+++ b/frontend/src/lib/components/icons/TerraIcon.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #008AFF / #FF3058 / #FFEC80 on #000000 outlines per tryterra.co/providers/terra_icon.svg, the
+	only vector square mark Terra ships (the site logo is a "TERRA API" wordmark, the favicon a raster
+	.ico). The outlines are part of the artwork and stay black in both themes; the blue T carries the
+	mark on dark backgrounds. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 175 175"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Terra"
+>
+	<path
+		d="M143.795 40.4607V59.9107H130.115H116.465V51.6207V43.3607H108.205H99.9153V82.6707V122.011H106.535H113.155V133.581V145.181H86.2653H59.3453V133.581V122.011H65.9653H72.5853V82.6707V43.3607H65.5553H58.5253V51.6207V59.9107H44.8753H31.1953V40.4607V21.0107H87.4953H143.795V40.4607Z"
+		fill="#008AFF"
+		stroke="black"
+		stroke-width="2"
+		stroke-miterlimit="10"
+	/>
+	<path
+		d="M112.631 112.631C150.864 74.3988 170.606 32.154 156.727 18.2748C142.847 4.39555 100.603 24.1376 62.3703 62.37C24.138 100.602 4.39587 142.847 18.2751 156.726C32.1543 170.606 74.3991 150.863 112.631 112.631Z"
+		stroke="black"
+		stroke-width="2"
+		stroke-miterlimit="10"
+	/>
+	<path
+		d="M156.727 156.726C170.606 142.847 150.864 100.602 112.631 62.3699C74.3991 24.1375 32.1543 4.39546 18.2751 18.2747C4.39588 32.1539 24.138 74.3987 62.3703 112.631C100.603 150.863 142.847 170.605 156.727 156.726Z"
+		stroke="black"
+		stroke-width="2"
+		stroke-miterlimit="10"
+	/>
+	<path
+		d="M99.9153 71.1607V43.3607H108.205H116.465V51.6207V59.9107H130.115H143.795V40.4607V21.0107H87.4953H31.1953V40.4607V59.9107H44.8753H58.5253V51.6207V43.3607H65.5553H72.5853V71.1607"
+		fill="#008AFF"
+		stroke="black"
+		stroke-width="2"
+		stroke-miterlimit="10"
+	/>
+	<path
+		d="M22.6278 76.3611C32.221 76.3611 39.9978 68.5843 39.9978 58.9911C39.9978 49.3979 32.221 41.6211 22.6278 41.6211C13.0346 41.6211 5.25781 49.3979 5.25781 58.9911C5.25781 68.5843 13.0346 76.3611 22.6278 76.3611Z"
+		fill="#FF3058"
+		stroke="black"
+		stroke-width="2"
+		stroke-miterlimit="10"
+	/>
+	<path
+		d="M127.884 107.047L118.642 97.8055C115.319 94.4822 109.931 94.4822 106.608 97.8056L97.3656 107.047C94.0423 110.371 94.0423 115.759 97.3656 119.082L106.608 128.324C109.931 131.648 115.319 131.648 118.642 128.324L127.884 119.082C131.208 115.759 131.208 110.371 127.884 107.047Z"
+		fill="#FFEC80"
+		stroke="black"
+		stroke-width="2"
+		stroke-miterlimit="10"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/TheirStackIcon.svelte b/frontend/src/lib/components/icons/TheirStackIcon.svelte
new file mode 100644
index 0000000000..60a19cadac
--- /dev/null
+++ b/frontend/src/lib/components/icons/TheirStackIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #000000 / #FFFFFF per theirstack.com/en/docs/brand, which lists both as core brand colours.
+	The mark ships black-only, but the same brand rules forbid placing it on low-contrast
+	backgrounds; on a dark surface black is 1.68:1, so it is tinted to the brand's own white. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 656 656"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill="currentColor"
+		d="M72.39 1.976c-4.868 1.025-14.093 4.484-20.5 7.56-19.987 9.737-32.543 22.421-42.28 42.28C-.64 72.958 0 53.227 0 327.927s-.64 254.969 9.61 276.109c9.737 19.86 22.421 32.544 42.28 42.282 21.141 10.25 1.41 9.609 276.11 9.609s254.969.641 276.109-9.609c23.832-11.66 39.207-29.597 48.304-56.375l2.946-8.969.385-248.563c.384-279.568 1.025-259.325-9.353-280.593-9.738-19.988-22.422-32.544-42.282-42.282-21.14-10.25-1.153-9.609-277.006-9.48C115.825.181 80.078.437 72.391 1.975m217.301 92.25c68.162 11.659 121.462 64.191 133.762 131.841l2.178 11.531 13.582 3.331c16.656 4.228 33.696 11.403 48.559 20.5 13.709 8.584 39.591 33.569 48.175 46.766 20.372 31.134 28.828 61.372 27.419 98.4-.769 20.115-2.947 32.415-9.225 49.712-15.632 43.306-51.891 80.206-95.453 97.119-24.344 9.353-58.425 12.684-84.691 8.456-68.675-11.403-122.616-64.447-135.172-132.737l-2.05-11.147-7.303-1.538c-49.456-10.634-91.225-42.793-113.775-87.893-10.763-21.397-15.631-41.128-16.656-67.266-1.666-47.022 14.35-87.638 47.662-121.078 12.941-12.941 27.675-23.831 42.666-31.263 10.89-5.509 32.031-12.428 44.587-14.734 13.966-2.562 40.872-2.562 55.735 0"
+	/><path
+		fill="currentColor"
+		d="M383.478 236.957c-62.653 7.047-115.056 47.663-137.093 106.216-7.047 18.834-11.532 48.047-9.994 65.087l.897 9.225 4.612 1.025c2.563.513 12.557.897 22.038.769 43.69-.256 83.153-16.784 114.159-47.662 23.063-23.191 38.822-52.66 45.228-84.691 3.972-20.372 4.1-47.662.257-49.072-3.46-1.281-31.135-1.922-40.104-.897"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/ThreadsIcon.svelte b/frontend/src/lib/components/icons/ThreadsIcon.svelte
index 67a09e86bf..c31470672a 100644
--- a/frontend/src/lib/components/icons/ThreadsIcon.svelte
+++ b/frontend/src/lib/components/icons/ThreadsIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z"/>
+<!-- #000000 / #FFFFFF per Meta's Threads Brand Resource Center logo pack (meta.com/brand/resources/threads).
+	The pack ships the mark in black and white only, so it must never be tinted. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 976.98 1082"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M770.35,500.35c-1.35-156.85-86.39-251.37-230.02-251.37-95.87,0-176.5,43.36-218.85,112.47l92.82,64.71c24.05-37.94,57.25-69.45,118.23-69.45,68.77,0,104.34,38.28,114.5,109.42-33.2-5.08-66.4-7.79-100.61-7.79-185.65,0-273.05,84.02-273.05,195.13s87.4,179.55,216.14,179.55c141.27,0,225.62-95.19,260.18-213.09,35.91,16.26,60.64,54.2,60.64,111.12,0,152.45-175.82,235.45-324.88,235.45-219.86,0-363.5-144.32-363.5-379.08,0-287.62,190.05-471.91,445.48-471.91,171.42,0,256.11,75.21,313.7,176.16l94.86-66.4C913.31,94.5,773.4,1,563.36,1,228.65,1,1,238.48,1,583.01c0,315.06,222.91,497.99,488.51,497.99,219.52,0,441.42-128.05,441.42-347.24,0-114.5-65.72-190.39-160.58-233.41h0ZM485.44,718.85c-48.44,0-91.13-23.04-91.13-65.38,0-66.74,81.98-87.06,162.27-87.06,30.49,0,60.3,2.03,86.72,7.79-18.97,86.72-75.21,144.66-157.87,144.66h0Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TodoistIcon.svelte b/frontend/src/lib/components/icons/TodoistIcon.svelte
index fee8f85134..e781f7fc92 100644
--- a/frontend/src/lib/components/icons/TodoistIcon.svelte
+++ b/frontend/src/lib/components/icons/TodoistIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#E44332" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 0H3C1.35 0 0 1.35 0 3v3.858s3.854 2.24 4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.608 8.136-4.675.279-.161.58-.107.748-.01.164.097.606.348.84.48.232.134.221.502.013.622l-9.712 5.59c-.346.2-.69.204-1.048.002C3.478 10.907.998 9.463 0 8.882v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.008.164.096.606.347.84.48.232.133.221.5.013.62-.208.121-9.288 5.346-9.712 5.59-.346.2-.69.205-1.048.002C3.478 14.951.998 13.506 0 12.926v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.009.164.097.606.348.84.48.232.133.221.502.013.622l-9.712 5.59c-.346.199-.69.204-1.048.001C3.478 18.994.998 17.55 0 16.97V21c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z"/>
+<!-- #E44232 per Todoist Brand Guidelines (doist.com/brand-assets/todoist-logo.zip), "Red — the primary brand color for Todoist". -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#E44232" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M21 0H3C1.35 0 0 1.35 0 3v3.858s3.854 2.24 4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.608 8.136-4.675.279-.161.58-.107.748-.01.164.097.606.348.84.48.232.134.221.502.013.622l-9.712 5.59c-.346.2-.69.204-1.048.002C3.478 10.907.998 9.463 0 8.882v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.008.164.096.606.347.84.48.232.133.221.5.013.62-.208.121-9.288 5.346-9.712 5.59-.346.2-.69.205-1.048.002C3.478 14.951.998 13.506 0 12.926v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.009.164.097.606.348.84.48.232.133.221.502.013.622l-9.712 5.59c-.346.199-.69.204-1.048.001C3.478 18.994.998 17.55 0 16.97V21c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TogetherAiIcon.svelte b/frontend/src/lib/components/icons/TogetherAiIcon.svelte
index fd71832e7d..c8d1e8244c 100644
--- a/frontend/src/lib/components/icons/TogetherAiIcon.svelte
+++ b/frontend/src/lib/components/icons/TogetherAiIcon.svelte
@@ -1,29 +1,39 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #EF2CC1 / #CAAEF5 / #FC4C02 per together.ai's brand page (https://www.together.ai/brand). -->
 <svg {width} {height} viewBox="0 0 484.98 452.5" xmlns="http://www.w3.org/2000/svg">
-<defs>
-    <style>
-      .cls-1 {
-        fill: #ef2cc1;
-      }
+	<defs>
+		<style>
+			.together-ai-cls-1 {
+				fill: #ef2cc1;
+			}
 
-      .cls-2 {
-        fill: #caaef5;
-      }
+			.together-ai-cls-2 {
+				fill: #caaef5;
+			}
 
-      .cls-3 {
-        fill: #fc4c02;
-      }
-    </style>
-  </defs>
-  <path class="cls-1" d="M468.72,60.67C435.25,2.69,361.11-17.18,303.12,16.3c-37.3,21.54-58.82,59.62-60.52,99.69l121.15.16v10.39h-121.15c.78,18.94,6.02,37.81,16.15,55.36,33.48,57.98,107.62,77.85,165.6,44.37,57.98-33.48,77.85-107.62,44.37-165.6Z"/>
-  <path class="cls-2" d="M16.26,60.63C-17.21,118.61,2.65,192.76,60.63,226.23c37.3,21.54,81.04,21.13,116.59,2.57l-60.44-105,9-5.18,60.57,104.91c16.01-10.14,29.74-24.12,39.87-41.67,33.48-57.98,13.61-132.12-44.37-165.6C123.88-17.21,49.74,2.65,16.26,60.63Z"/>
-  <path class="cls-3" d="M242.46,452.5c66.95,0,121.23-54.27,121.23-121.23,0-43.07-22.22-80.75-56.07-102.25l-60.71,104.84-8.99-5.21,60.57-104.91c-16.79-8.79-35.75-13.7-56.02-13.7-66.95,0-121.23,54.27-121.23,121.23,0,66.95,54.27,121.23,121.23,121.23Z"/>
+			.together-ai-cls-3 {
+				fill: #fc4c02;
+			}
+		</style>
+	</defs>
+	<path
+		class="together-ai-cls-1"
+		d="M468.72,60.67C435.25,2.69,361.11-17.18,303.12,16.3c-37.3,21.54-58.82,59.62-60.52,99.69l121.15.16v10.39h-121.15c.78,18.94,6.02,37.81,16.15,55.36,33.48,57.98,107.62,77.85,165.6,44.37,57.98-33.48,77.85-107.62,44.37-165.6Z"
+	/>
+	<path
+		class="together-ai-cls-2"
+		d="M16.26,60.63C-17.21,118.61,2.65,192.76,60.63,226.23c37.3,21.54,81.04,21.13,116.59,2.57l-60.44-105,9-5.18,60.57,104.91c16.01-10.14,29.74-24.12,39.87-41.67,33.48-57.98,13.61-132.12-44.37-165.6C123.88-17.21,49.74,2.65,16.26,60.63Z"
+	/>
+	<path
+		class="together-ai-cls-3"
+		d="M242.46,452.5c66.95,0,121.23-54.27,121.23-121.23,0-43.07-22.22-80.75-56.07-102.25l-60.71,104.84-8.99-5.21,60.57-104.91c-16.79-8.79-35.75-13.7-56.02-13.7-66.95,0-121.23,54.27-121.23,121.23,0,66.95,54.27,121.23,121.23,121.23Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TogglIcon.svelte b/frontend/src/lib/components/icons/TogglIcon.svelte
index f621ae5c38..0f77158b73 100644
--- a/frontend/src/lib/components/icons/TogglIcon.svelte
+++ b/frontend/src/lib/components/icons/TogglIcon.svelte
@@ -1,26 +1,29 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	x="0px"
-	y="0px"
-	{width}
-	{height}
-	viewBox="0 0 60 60"
-	style="fill:currentcolor;"
->
+<!-- #2C1138 / #E57CD8 per Toggl Track media toolkit (toggl.com/track/media-toolkit,
+	icon-dark-purple.svg / icon-pink.svg). Toggl requires the mark be used as is, unmodified. -->
+<svg class="dark:hidden" {width} {height} viewBox="0 0 528 528" xmlns="http://www.w3.org/2000/svg">
 	<path
-		d="M32,9c12.682,0,23,10.318,23,23S44.682,55,32,55S9,44.682,9,32S19.318,9,32,9 M32,7	C18.193,7,7,18.193,7,32s11.193,25,25,25s25-11.193,25-25S45.807,7,32,7L32,7z"
-	/>
-	<rect width="3.999" height="17.995" x="30.001" y="16.005" />
-	<path
-		d="M35.5,20.043v3.713c3.35,1.379,5.714,4.67,5.714,8.518c0,5.087-4.126,9.214-9.213,9.214	c-5.087,0-9.212-4.126-9.212-9.214c0-3.847,2.36-7.137,5.712-8.517v-3.714c-5.324,1.525-9.223,6.418-9.223,12.23	C19.277,39.3,24.976,45,32,45c7.026,0,12.724-5.7,12.724-12.725C44.724,26.461,40.822,21.567,35.5,20.043z"
+		d="M263.985 405.845C231.256 405.833 199.643 393.95 175.01 372.399C150.378 350.849 134.399 321.095 130.039 288.657C125.678 256.22 133.232 223.303 151.298 196.012C169.365 168.722 196.718 148.911 228.281 140.256V179.607C207.053 187.929 189.397 203.403 178.362 223.356C167.326 243.309 163.605 266.49 167.84 288.894C172.075 311.299 184 331.522 201.556 346.071C219.113 360.62 241.199 368.582 264 368.582C286.802 368.582 308.887 360.62 326.444 346.071C344 331.522 355.926 311.299 360.16 288.894C364.395 266.49 360.674 243.309 349.638 223.356C338.603 203.403 320.947 187.929 299.719 179.607V140.256C331.285 148.912 358.639 168.725 376.706 196.018C394.772 223.312 402.324 256.233 397.96 288.672C393.595 321.112 377.611 350.866 352.973 372.414C328.335 393.962 296.716 405.841 263.985 405.845ZM244.582 95.0933H283.418V287.732H244.582V95.0933ZM263.985 1.73568e-06C211.771 0.00299512 160.731 15.4889 117.319 44.4994C73.906 73.5099 40.0708 114.742 20.0916 162.982C0.112365 211.222 -5.11356 264.303 5.07465 315.513C15.2629 366.723 40.4076 413.762 77.3293 450.681C114.251 487.601 161.291 512.743 212.502 522.928C263.712 533.114 316.793 527.885 365.032 507.903C413.271 487.921 454.501 454.083 483.509 410.669C512.517 367.255 528 316.214 528 264C528.002 229.329 521.174 194.998 507.907 162.966C494.639 130.934 475.192 101.829 450.675 77.314C426.159 52.7987 397.053 33.3531 365.02 20.0874C332.988 6.82176 298.656 -0.00397387 263.985 1.73568e-06Z"
+		fill="#2C1138"
+	/>
+</svg>
+<svg
+	class="hidden dark:block"
+	{width}
+	{height}
+	viewBox="0 0 528 528"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M263.985 405.845C231.256 405.833 199.643 393.95 175.01 372.399C150.378 350.849 134.399 321.095 130.039 288.657C125.678 256.22 133.232 223.303 151.298 196.012C169.365 168.722 196.718 148.911 228.281 140.256V179.607C207.053 187.929 189.397 203.403 178.362 223.356C167.326 243.309 163.605 266.49 167.84 288.894C172.075 311.299 184 331.522 201.556 346.071C219.113 360.62 241.199 368.582 264 368.582C286.802 368.582 308.887 360.62 326.444 346.071C344 331.522 355.926 311.299 360.16 288.894C364.395 266.49 360.674 243.309 349.638 223.356C338.603 203.403 320.947 187.929 299.719 179.607V140.256C331.285 148.912 358.639 168.725 376.706 196.018C394.772 223.312 402.324 256.233 397.96 288.672C393.595 321.112 377.611 350.866 352.973 372.414C328.335 393.962 296.716 405.841 263.985 405.845ZM244.582 95.0933H283.418V287.732H244.582V95.0933ZM263.985 1.73568e-06C211.771 0.00299512 160.731 15.4889 117.319 44.4994C73.906 73.5099 40.0708 114.742 20.0916 162.982C0.112364 211.222 -5.11356 264.303 5.07465 315.513C15.2629 366.723 40.4076 413.762 77.3293 450.681C114.251 487.601 161.291 512.743 212.502 522.928C263.712 533.114 316.793 527.885 365.032 507.903C413.271 487.921 454.501 454.083 483.509 410.669C512.517 367.255 528 316.214 528 264C528.002 229.329 521.174 194.998 507.907 162.966C494.639 130.934 475.192 101.829 450.675 77.314C426.159 52.7987 397.053 33.3531 365.02 20.0874C332.988 6.82176 298.656 -0.00397388 263.985 1.73568e-06Z"
+		fill="#E57CD8"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TomorrowIoIcon.svelte b/frontend/src/lib/components/icons/TomorrowIoIcon.svelte
new file mode 100644
index 0000000000..c1fbcd2800
--- /dev/null
+++ b/frontend/src/lib/components/icons/TomorrowIoIcon.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #004CF8 per tomorrow.io's own design tokens (--color-logo-blue in site-frame.min.css, matching the header lockup SVG and logo-490.png). Their stylesheet reverses only the wordmark on dark headers (path.logo-letter{fill:#fff}); the mark itself stays logo blue in both themes. -->
+<svg {width} {height} viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M56.3667 0.728149C60.7404 1.49912 64.985 2.87707 68.9775 4.82209C63.0324 9.60417 55.6297 12.2074 48 12.1988C40.3671 12.2096 32.9606 9.60624 27.013 4.82209C31.0085 2.87623 35.2564 1.49826 39.6333 0.728149C42.3059 1.74315 45.1412 2.26258 48 2.26098C50.8589 2.26258 53.6941 1.74315 56.3667 0.728149Z"
+		fill="#004CF8"
+	/><path
+		d="M79.0686 11.4132C81.7808 13.7189 84.2301 16.317 86.3719 19.1604C76.0199 28.9968 62.28 34.4729 48 34.4536C33.72 34.4729 19.9801 28.9968 9.62811 19.1604C11.768 16.3174 14.2151 13.7193 16.925 11.4132C25.3056 19.3843 36.4341 23.8215 48 23.8036C59.5637 23.8198 70.6897 19.3827 79.0686 11.4132Z"
+		fill="#004CF8"
+	/><path
+		d="M3.83208 29.1844C2.43468 32.4592 1.40956 35.8806 0.776001 39.3842C11.8698 42.6553 21.2781 50.0726 27.0481 60.0966C32.8421 70.109 34.5575 81.9683 31.8382 93.2121C35.1906 94.4093 38.6664 95.2276 42.2008 95.6519C45.5431 81.7691 43.4151 67.1326 36.2579 54.7764C29.1358 42.399 17.5255 33.2356 3.83208 29.1844Z"
+		fill="#004CF8"
+	/><path
+		d="M2.87405 64.3821C1.35878 60.2081 0.432312 55.8433 0.121338 51.4137C7.23573 54.1689 13.1919 59.2776 16.9985 65.8894C20.8238 72.4916 22.272 80.2049 21.102 87.745C17.4232 85.2496 14.1069 82.2578 11.2471 78.8546C10.7865 76.0426 9.8192 73.3375 8.39225 70.8711C6.96272 68.3905 5.09272 66.1916 2.87405 64.3821Z"
+		fill="#004CF8"
+	/><path
+		d="M68.9551 60.0966C74.7252 50.0726 84.1334 42.6553 95.2272 39.3842C94.5937 35.8806 93.5685 32.4592 92.1711 29.1844C78.4835 33.2481 66.8748 42.4048 59.7348 54.7695C52.5949 67.1342 50.4671 81.7657 53.7897 95.6519C57.324 95.2276 60.7998 94.4093 64.1522 93.2121C61.4368 81.9666 63.1568 70.1073 68.9551 60.0966Z"
+		fill="#004CF8"
+	/><path
+		d="M93.1291 64.3917C88.665 68.0374 85.6872 73.189 84.756 78.8769C81.8951 82.2745 78.5789 85.2609 74.9012 87.7514C73.7429 80.2117 75.1901 72.5023 79.0039 65.896C82.8177 59.2896 88.7701 54.1811 95.8786 51.4137C95.5695 55.8464 94.6441 60.2144 93.1291 64.3917Z"
+		fill="#004CF8"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/TrelloIcon.svelte b/frontend/src/lib/components/icons/TrelloIcon.svelte
index b37ffa6eac..587ed18722 100644
--- a/frontend/src/lib/components/icons/TrelloIcon.svelte
+++ b/frontend/src/lib/components/icons/TrelloIcon.svelte
@@ -1,3 +1,4 @@
+<!-- #1558BC / #1558BC per Atlassian Design logo library (atlassian.design/foundations/logos → trello_app.zip, Trello_icon.svg). Atlassian: never compose your own versions or deconstruct official assets. -->
 <script lang="ts">
 	interface Props {
 		height?: string
@@ -10,22 +11,18 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 256 256"
+	viewBox="0 0 48 48"
+	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	preserveAspectRatio="xMidYMid"
-	><defs
-		><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="trello-grad"
-			><stop stop-color="#0091E6" offset="0%" /><stop
-				stop-color="#0079BF"
-				offset="100%"
-			/></linearGradient
-		></defs
-	><rect fill="url(#trello-grad)" width="256" height="256" rx="25" /><rect
-		fill="#FFF"
-		x="144.64"
-		y="33.28"
-		width="78.08"
-		height="112"
-		rx="12"
-	/><rect fill="#FFF" x="33.28" y="33.28" width="78.08" height="176" rx="12" /></svg
+	><path
+		d="M0 12C0 5.37258 5.37258 0 12 0H36C42.6274 0 48 5.37258 48 12V36C48 42.6274 42.6274 48 36 48H12C5.37258 48 0 42.6274 0 36V12Z"
+		fill="#1558BC"
+	/><path
+		d="M19.3456 36C20.2788 36 21.0362 35.263 21.0362 34.3519V13.6481C21.0362 12.7383 20.2801 12 19.3456 12H12.1906C11.2574 12 10.5 12.737 10.5 13.6481V34.3519C10.5 35.2617 11.2561 36 12.1906 36H19.3456Z"
+		fill="white"
+	/><path
+		d="M35.8094 26.4952C36.7426 26.4952 37.5 25.7582 37.5 24.8471V13.6481C37.5 12.7383 36.744 12 35.8094 12H28.6544C27.7212 12 26.9638 12.737 26.9638 13.6481V24.8471C26.9638 25.7569 27.7199 26.4952 28.6544 26.4952H35.8094Z"
+		fill="white"
+	/></svg
 >
diff --git a/frontend/src/lib/components/icons/TripadvisorIcon.svelte b/frontend/src/lib/components/icons/TripadvisorIcon.svelte
new file mode 100644
index 0000000000..9153919f84
--- /dev/null
+++ b/frontend/src/lib/components/icons/TripadvisorIcon.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #002B11 (Trip Pine) per 2025 Tripadvisor Brand Guidelines for Partners, tripadvisor.mediaroom.com. Dark backgrounds take Tripadvisor's separate outlined Ollie, never an inverted or recoloured one. -->
+<svg {width} {height} viewBox="0 0 24 24" fill="#002B11" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M12.006 4.295c-2.67 0-5.338.784-7.645 2.353H0l1.963 2.135a5.997 5.997 0 0 0 4.04 10.43 5.976 5.976 0 0 0 4.075-1.6L12 19.705l1.922-2.09a5.972 5.972 0 0 0 4.072 1.598 6 6 0 0 0 6-5.998 5.982 5.982 0 0 0-1.957-4.432L24 6.648h-4.35a13.573 13.573 0 0 0-7.644-2.353zM12 6.255c1.531 0 3.063.303 4.504.903C13.943 8.138 12 10.43 12 13.1c0-2.671-1.942-4.962-4.504-5.942A11.72 11.72 0 0 1 12 6.256zM6.002 9.157a4.059 4.059 0 1 1 0 8.118 4.059 4.059 0 0 1 0-8.118zm11.992.002a4.057 4.057 0 1 1 .003 8.115 4.057 4.057 0 0 1-.003-8.115zm-11.992 1.93a2.128 2.128 0 0 0 0 4.256 2.128 2.128 0 0 0 0-4.256zm11.992 0a2.128 2.128 0 0 0 0 4.256 2.128 2.128 0 0 0 0-4.256z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/TursoIcon.svelte b/frontend/src/lib/components/icons/TursoIcon.svelte
index 91514bcde0..a978dc6244 100644
--- a/frontend/src/lib/components/icons/TursoIcon.svelte
+++ b/frontend/src/lib/components/icons/TursoIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#4FF8D2" xmlns="http://www.w3.org/2000/svg">
-<path d="m23.31.803-.563-.42-1.11 1.189-.891-1.286-.512.235.704 1.798-.326.35L18.082 0l-.574.284 2.25 4.836-2.108.741h-.05l-1.143-1.359-1.144 1.36H8.687l-1.144-1.36-1.146 1.363H6.36l-2.12-.745L6.491.284 5.919 0l-2.53 2.668-.327-.349.705-1.798-.512-.236-.89 1.287L1.253.382.69.804 2.42 3.69l-.89.939.311 2.375 2.061.787L3.9 8.817H1.947v.444l.755 1.078 1.197.433v6.971l3.057 4.55L7.657 24l1.101-1.606L9.9 24l.999-1.606L12 24l1.102-1.606L14.1 24l1.141-1.606L16.343 24l.701-1.706 3.058-4.55v-6.972l1.196-.433.756-1.078v-.444h-1.952l.003-1.03 2.054-.784.311-2.375-.89-.939zm-8.93 18.718H8.033l.793-1.615.794 1.615.793-1.083.793 1.083.794-1.083.793 1.083.794-1.083.793 1.083.793-1.615.794 1.615zm3.886-7.39-3.3 1.084-.143 3.061-2.827.627-2.826-.627-.142-3.06-3.3-1.085v-1.635l4.266 1.21-.052 4.126h4.109l-.052-4.127 4.266-1.209z"/>
+<!-- #183134 / #FFFFFF per turso.tech/brand (Dark Teal and white logomark variants). -->
+<svg
+	class="text-[#183134] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 202 170"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M171.765 0V30.78L157.225 34.53L148.115 23.56L143.305 33.02C133.385 30.32 119.725 28.58 100.935 28.58C82.1451 28.58 68.4851 30.33 58.5651 33.02L53.7551 23.56L44.6451 34.53L30.1051 30.78V0C30.1051 0 5.61507 20.67 0.945068 48.61L33.0851 59.73C34.1351 79.16 42.8751 131.61 45.3751 136.37C48.0351 141.44 62.1551 155.93 73.2051 161.5C73.2051 161.5 77.2051 157.27 79.6451 153.54C82.7451 157.19 98.7551 169.99 100.945 169.99C103.135 169.99 119.145 157.19 122.245 153.54C124.685 157.27 128.685 161.5 128.685 161.5C139.735 155.93 153.855 141.44 156.515 136.37C159.015 131.61 167.755 79.16 168.805 59.73L200.945 48.61C196.255 20.67 171.765 0 171.765 0ZM154.725 93.36L132.975 95.3L134.885 121.97C134.885 121.97 121.655 132.92 100.925 132.92C80.1951 132.92 66.9651 121.97 66.9651 121.97L68.8751 95.3L47.1251 93.36L43.4051 63.32L79.4551 75.8L76.6551 113.19C83.3551 114.89 90.4051 116.58 100.935 116.58C111.465 116.58 118.505 114.89 125.205 113.19L122.405 75.8L158.455 63.32L154.735 93.36H154.725Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TwilioIcon.svelte b/frontend/src/lib/components/icons/TwilioIcon.svelte
index 88a9ff9613..d318668101 100644
--- a/frontend/src/lib/components/icons/TwilioIcon.svelte
+++ b/frontend/src/lib/components/icons/TwilioIcon.svelte
@@ -1,16 +1,27 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <g>
-        <path d="M128,0 C198.656,0 256,57.344 256,128 C256,198.656 198.656,256 128,256 C57.344,256 0,198.656 0,128 C0,57.344 57.344,0 128,0 Z M128,33.792 C75.776,33.792 33.792,75.776 33.792,128 C33.792,180.224 75.776,222.208 128,222.208 C180.224,222.208 222.208,180.224 222.208,128 C222.208,75.776 180.224,33.792 128,33.792 Z M159.744,133.12 C174.448029,133.12 186.368,145.039971 186.368,159.744 C186.368,174.448029 174.448029,186.368 159.744,186.368 C145.039971,186.368 133.12,174.448029 133.12,159.744 C133.12,145.039971 145.039971,133.12 159.744,133.12 Z M96.256,133.12 C110.960029,133.12 122.88,145.039971 122.88,159.744 C122.88,174.448029 110.960029,186.368 96.256,186.368 C81.5519708,186.368 69.632,174.448029 69.632,159.744 C69.632,145.039971 81.5519708,133.12 96.256,133.12 Z M159.744,69.632 C174.448029,69.632 186.368,81.5519708 186.368,96.256 C186.368,110.960029 174.448029,122.88 159.744,122.88 C145.039971,122.88 133.12,110.960029 133.12,96.256 C133.12,81.5519708 145.039971,69.632 159.744,69.632 Z M96.256,69.632 C110.960029,69.632 122.88,81.5519708 122.88,96.256 C122.88,110.960029 110.960029,122.88 96.256,122.88 C81.5519708,122.88 69.632,110.960029 69.632,96.256 C69.632,81.5519708 81.5519708,69.632 96.256,69.632 Z" fill="#F12E45">
-
-</path>
-    </g>
-</svg>
\ No newline at end of file
+<!-- #F22F46 per twilio.com (mask-icon color, favicon and apple-touch-icon artwork). Twilio reserves its corporate logo for permitted use and forbids recreating or modifying it. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 256 256"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	preserveAspectRatio="xMidYMid"
+>
+	<g>
+		<path
+			d="M128,0 C198.656,0 256,57.344 256,128 C256,198.656 198.656,256 128,256 C57.344,256 0,198.656 0,128 C0,57.344 57.344,0 128,0 Z M128,33.792 C75.776,33.792 33.792,75.776 33.792,128 C33.792,180.224 75.776,222.208 128,222.208 C180.224,222.208 222.208,180.224 222.208,128 C222.208,75.776 180.224,33.792 128,33.792 Z M159.744,133.12 C174.448029,133.12 186.368,145.039971 186.368,159.744 C186.368,174.448029 174.448029,186.368 159.744,186.368 C145.039971,186.368 133.12,174.448029 133.12,159.744 C133.12,145.039971 145.039971,133.12 159.744,133.12 Z M96.256,133.12 C110.960029,133.12 122.88,145.039971 122.88,159.744 C122.88,174.448029 110.960029,186.368 96.256,186.368 C81.5519708,186.368 69.632,174.448029 69.632,159.744 C69.632,145.039971 81.5519708,133.12 96.256,133.12 Z M159.744,69.632 C174.448029,69.632 186.368,81.5519708 186.368,96.256 C186.368,110.960029 174.448029,122.88 159.744,122.88 C145.039971,122.88 133.12,110.960029 133.12,96.256 C133.12,81.5519708 145.039971,69.632 159.744,69.632 Z M96.256,69.632 C110.960029,69.632 122.88,81.5519708 122.88,96.256 C122.88,110.960029 110.960029,122.88 96.256,122.88 C81.5519708,122.88 69.632,110.960029 69.632,96.256 C69.632,81.5519708 81.5519708,69.632 96.256,69.632 Z"
+			fill="#F22F46"
+		>
+		</path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/TwitchIcon.svelte b/frontend/src/lib/components/icons/TwitchIcon.svelte
index 1b88756005..2115714373 100644
--- a/frontend/src/lib/components/icons/TwitchIcon.svelte
+++ b/frontend/src/lib/components/icons/TwitchIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #9146FF per brand.twitch.com. Trademark guidelines forbid recolouring. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#9146FF" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/>
+	<path
+		d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TwitterIcon.svelte b/frontend/src/lib/components/icons/TwitterIcon.svelte
index 55e510c346..7481be283d 100644
--- a/frontend/src/lib/components/icons/TwitterIcon.svelte
+++ b/frontend/src/lib/components/icons/TwitterIcon.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"/>
+<!-- #000000 / #FFFFFF per about.x.com. The component draws the X glyph, not the legacy bird. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/TypeformIcon.svelte b/frontend/src/lib/components/icons/TypeformIcon.svelte
index 6e2f07560d..d0bd220c64 100644
--- a/frontend/src/lib/components/icons/TypeformIcon.svelte
+++ b/frontend/src/lib/components/icons/TypeformIcon.svelte
@@ -1,23 +1,29 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #000000 / #FFFFFF per typeform.com/brand. Default brand colours are "Paper (white) and Ink (black)". -->
 <svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
 	x="0px"
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="0 0 33.0128 33.0128"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
-	<path
-		d="M108.221 90.7919C104.766 90.7919 102.991 87.9468 102.991 84.4521C102.991 80.9576 104.734 78.2671 108.221 78.2671C111.77 78.2671 113.452 81.0813 113.452 84.4521C113.421 88.0086 111.646 90.7919 108.221 90.7919ZM74.4113 78.2671C76.4345 78.2671 77.2753 79.4423 77.2753 80.4628C77.2753 82.9368 74.7535 84.0192 69.4923 84.1739C69.4923 81.1122 71.2356 78.2671 74.4113 78.2671ZM51.9955 90.7919C48.7266 90.7919 47.3567 88.1323 47.3567 84.4521C47.3567 80.803 48.7577 78.2671 51.9955 78.2671C55.2955 78.2671 56.8522 80.8958 56.8522 84.4521C56.8522 88.1632 55.2333 90.7919 51.9955 90.7919ZM24.3496 74.6488H19.2438L27.7119 94.0701C26.093 97.6574 25.2213 98.5542 24.1005 98.5542C22.9175 98.5542 21.7967 97.5956 20.9872 96.7605L18.7457 99.7294C20.2712 101.338 22.3571 102.265 24.5053 102.265C27.1827 102.265 29.2374 100.719 30.4205 97.9358L40.1962 74.6178H35.1838L30.0781 88.5343L24.3496 74.6488ZM159.59 78.2671C162.081 78.2671 162.579 79.968 162.579 83.9574V94.4411H167V81.205C167 76.4425 163.731 74.3705 160.711 74.3705C158.034 74.3705 155.574 76.0404 154.204 79.133C153.426 76.1641 150.935 74.3705 148.04 74.3705C145.518 74.3705 142.996 75.9786 141.627 78.9784V74.6488H137.206V94.4102H141.627V85.9676C141.627 81.6998 143.868 78.2671 146.919 78.2671C149.41 78.2671 149.877 79.968 149.877 83.9574V94.4411H154.298L154.267 85.9676C154.267 81.6998 156.539 78.2671 159.59 78.2671ZM124.314 74.6488H122.076V94.4102H126.496V86.8335C126.496 82.04 128.613 78.7928 131.758 78.7928C132.567 78.7928 133.252 78.8237 133.999 79.133L134.684 74.4632C134.124 74.4014 133.626 74.3395 133.127 74.3395C130.015 74.3395 127.773 76.4734 126.465 79.2258V74.6488H124.314ZM108.221 74.3395C102.368 74.3395 98.4142 78.7928 98.4142 84.4213C98.4142 90.2662 102.431 94.6267 108.221 94.6267C114.106 94.6267 118.121 90.1425 118.121 84.4213C118.09 78.7619 114.012 74.3395 108.221 74.3395ZM74.66 90.7919C72.3563 90.7919 70.6441 89.6168 69.9279 87.2355C75.7806 86.9881 81.5093 85.5655 81.5093 80.4009C81.5093 77.432 78.583 74.3705 74.3801 74.3705C68.7138 74.3705 64.8845 78.9784 64.8845 84.4521C64.8845 90.1734 68.6515 94.6576 74.2866 94.6576C78.209 94.6576 80.6997 93.0804 82.6612 90.7919L80.5133 87.8849C78.2401 90.2044 76.8396 90.7919 74.66 90.7919ZM52.8672 74.3395C50.6257 74.3395 48.3841 75.6384 47.5124 77.6795V74.6488H43.0915V102.173H47.5124V92.3382C48.4464 93.7608 50.5945 94.6885 52.4936 94.6885C58.3777 94.6885 61.491 90.328 61.491 84.4521C61.4598 78.6382 58.4088 74.3395 52.8672 74.3395ZM21.859 66.7318H1V71.0305H9.15677V94.4102H13.7956V71.0305H21.859V66.7318ZM87.5802 74.6488H84.9337V78.6073H87.5802V94.4102H92.0012V78.6073H96.2975V74.6488H92.0012V71.5562C92.0012 69.577 92.8109 68.8966 94.6477 68.8966C95.332 68.8966 95.9547 69.0822 96.7955 69.3605L97.7915 65.6494C96.9826 65.1856 95.3632 65 94.3049 65C90.0709 65 87.5802 67.5359 87.5802 71.9273V74.6488Z"
-		fill="currentColor"
-	/>
+	<g transform="translate(0 5.67015)">
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M0 5.42456C0 1.8517 1.40765 0 3.78009 0C6.15215 0 7.56018 1.8517 7.56018 5.42456V16.2479C7.56018 19.8208 6.15252 21.6725 3.78009 21.6725C1.40765 21.6725 0 19.8208 0 16.2479V5.42456ZM25.4643 0H17.6512C10.6419 0 10.0894 3.027 10.0894 7.06301L10.0802 14.599C10.0802 18.8069 10.6082 21.6725 17.6784 21.6725H25.4643C32.4961 21.6725 33.0128 18.656 33.0128 14.62V7.07352C33.0128 3.027 32.4736 0 25.4643 0Z"
+			fill="currentColor"
+		/>
+	</g>
 </svg>
diff --git a/frontend/src/lib/components/icons/UltravoxIcon.svelte b/frontend/src/lib/components/icons/UltravoxIcon.svelte
index 067cb47134..37e08072ab 100644
--- a/frontend/src/lib/components/icons/UltravoxIcon.svelte
+++ b/frontend/src/lib/components/icons/UltravoxIcon.svelte
@@ -7,6 +7,8 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #ff4f68 per the ultravox.ai favicon (framerusercontent.com/images/hzAEdihxJ11mv3l4trNh2WprE.svg).
+	 Gradient mark; ultravox.ai links that same asset for both prefers-color-scheme light and dark, so there is no per-theme variant. -->
 <svg {width} {height} viewBox="0 0 340 340" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<linearGradient
diff --git a/frontend/src/lib/components/icons/VectaraIcon.svelte b/frontend/src/lib/components/icons/VectaraIcon.svelte
new file mode 100644
index 0000000000..addad5b2cf
--- /dev/null
+++ b/frontend/src/lib/components/icons/VectaraIcon.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #7E00FF → #07FEEE iridescent sweep, sampled from the logo mark on vectara.com (no brand kit is published). Vectara reserves its trademarks: do not recolour. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 18.4 16.8"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="Vectara"
+>
+	<path
+		d="M16.89 6.647c-.267.824-.589 1.63-.962 2.41-.726 1.528-1.594 3.003-2.708 4.268-1.053 1.196-2.442 2.352-4.06 2.593-3.53.524-6.09-3.922-7.198-6.709-.418-1.046-.86-2.122-1.009-3.258C.829 5.008.942 3.308 2.16 3.168c.794-.094 1.388.64 1.86 1.186.562.645.997 1.385 1.485 2.085.69.988 1.844 2.356 3.179 2.188.982-.125 1.747-1.02 2.233-1.834.737-1.23 1.263-2.596 2.048-3.796.584-.9 1.45-1.948 2.541-2.183.804-.175 1.413.238 1.684 1.004.439 1.215.307 2.546 0 3.773q-.13.536-.3 1.056"
+		fill="url(#vectara-mark)"
+	/>
+	<defs>
+		<linearGradient
+			id="vectara-mark"
+			x1="-4.44"
+			y1="3.03"
+			x2="11.39"
+			y2="-7.29"
+			gradientUnits="userSpaceOnUse"
+		>
+			<stop stop-color="#7E00FF" />
+			<stop offset="0.18" stop-color="#7A00E0" />
+			<stop offset="0.34" stop-color="#B4009F" />
+			<stop offset="0.46" stop-color="#F0017F" />
+			<stop offset="0.58" stop-color="#F25645" />
+			<stop offset="0.7" stop-color="#D7CD17" />
+			<stop offset="0.84" stop-color="#96FE23" />
+			<stop offset="1" stop-color="#07FEEE" />
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/VercelIcon.svelte b/frontend/src/lib/components/icons/VercelIcon.svelte
index 89be3c8070..fe75c39fd5 100644
--- a/frontend/src/lib/components/icons/VercelIcon.svelte
+++ b/frontend/src/lib/components/icons/VercelIcon.svelte
@@ -1,12 +1,21 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="m12 1.608 12 20.784H0Z"/>
+<!-- #000000 / #FFFFFF per vercel.com. Vercel ships only light-theme (black) and dark-theme
+	(white) triangle marks and explicitly forbids modifying or recoloring the trademarks. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path d="m12 1.608 12 20.784H0Z" />
 </svg>
diff --git a/frontend/src/lib/components/icons/VismaIcon.svelte b/frontend/src/lib/components/icons/VismaIcon.svelte
index 467d69e196..9f4380fc4c 100644
--- a/frontend/src/lib/components/icons/VismaIcon.svelte
+++ b/frontend/src/lib/components/icons/VismaIcon.svelte
@@ -1,15 +1,22 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 36 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<!-- #131313 / #FFFFFF per design.visma.com/logo (VA symbol from the official Visma Logopack). Positive black on light, negative white on dark; the logo may not be given any other colour. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 193.76 128"
+	xmlns="http://www.w3.org/2000/svg"
+	class="text-[#131313] dark:text-[#FFFFFF]"
+>
 	<path
-		d="M13.6 0.5C20.6 1.1 28.2 4.6 32.6 9.6C38.2 16 36.3 22.4 28.3 23.9C20.3 25.4 9.30001 21.4 3.70001 15C-0.599994 10.1 -0.499994 5.2 3.40001 2.5L25.6 18.9L13.6 0.5Z"
-		fill="#E70641"
+		d="M7.11,7.11h26.68l17.89,87.41h.47L69.89,7.11h26.99l-26.68,113.78h-36.41L7.11,7.11ZM123.56,7.11h36.41l26.68,113.78h-26.68l-17.89-87.41h-.47l-17.73,87.41h-26.99L123.56,7.11Z"
+		fill="currentColor"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/VueIcon.svelte b/frontend/src/lib/components/icons/VueIcon.svelte
index a8d9bf1a9a..f479408c2b 100644
--- a/frontend/src/lib/components/icons/VueIcon.svelte
+++ b/frontend/src/lib/components/icons/VueIcon.svelte
@@ -11,17 +11,18 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #42B883 / #35495E per vuejs/art logo.svg. Vue's dark-background variant is separate outlined artwork rather than a recolour, so the two-tone mark is used in both themes. -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 24 24"
+	viewBox="0 0 32 32"
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
 >
 	<path
 		d="M25.6 2.1875H32L16 29.7875L0 2.1875H6.32H12.24L16 8.5875L19.68 2.1875H25.6Z"
-		fill="#41B883"
+		fill="#42B883"
 	/>
-	<path d="M0 2.1875L16 29.7875L32 2.1875H25.6L16 18.7475L6.32 2.1875H0Z" fill="#41B883" />
+	<path d="M0 2.1875L16 29.7875L32 2.1875H25.6L16 18.7475L6.32 2.1875H0Z" fill="#42B883" />
 	<path d="M6.32 2.1875L16 18.8275L25.6 2.1875H19.68L16 8.5875L12.24 2.1875H6.32Z" fill="#35495E" />
 </svg>
diff --git a/frontend/src/lib/components/icons/WeatherApiIcon.svelte b/frontend/src/lib/components/icons/WeatherApiIcon.svelte
new file mode 100644
index 0000000000..0aaab827ad
--- /dev/null
+++ b/frontend/src/lib/components/icons/WeatherApiIcon.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #72BA2A sampled from weatherapi.com's own touch icon. Their only published logo is a raster
+	attribution lockup (droplet plus wordmark), unusable at icon size. -->
+<BrandLetterIcon
+	letter="W"
+	bgClass="fill-transparent dark:fill-[#72BA2A]"
+	textClass="text-[#609D23] dark:text-[#111111]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/WebScrapingAiIcon.svelte b/frontend/src/lib/components/icons/WebScrapingAiIcon.svelte
new file mode 100644
index 0000000000..8dacae7fc1
--- /dev/null
+++ b/frontend/src/lib/components/icons/WebScrapingAiIcon.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import BrandLetterIcon from './BrandLetterIcon.svelte'
+
+	interface Props {
+		height?: string
+		width?: string
+		size?: number
+	}
+
+	let { height = '24px', width = '24px', size = undefined }: Props = $props()
+</script>
+
+<!-- #209CEE per webscraping.ai; they publish no vector logomark. -->
+<BrandLetterIcon
+	letter="W"
+	bgClass="fill-transparent dark:fill-[#209CEE]"
+	textClass="text-[#1190E3] dark:text-[#111111]"
+	{height}
+	{width}
+	{size}
+/>
diff --git a/frontend/src/lib/components/icons/WebdavIcon.svelte b/frontend/src/lib/components/icons/WebdavIcon.svelte
index b2175f8c01..3a78caa62a 100644
--- a/frontend/src/lib/components/icons/WebdavIcon.svelte
+++ b/frontend/src/lib/components/icons/WebdavIcon.svelte
@@ -1,12 +1,17 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
 <svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.6951 45.489C20.6951 49.068 5.05705 118.392 3.14105 123.309C2.47205 125.025 3.47205 125.103 22.3151 124.809C43.3111 124.483 44.513 124.249 52.462 118.957L55.7281 116.783L54.712 119.456C52.706 124.731 53.045 125 61.695 125C67.026 125 69.6951 124.619 69.6951 123.858C69.6951 123.23 70.6141 119.63 71.7371 115.858L73.7801 109H84.5741H95.368L97.1951 117L99.0221 125H109.926C120.781 125 120.827 124.99 120.107 122.75C119.008 119.332 106.174 78.372 101.143 62.226C98.6971 54.375 96.6951 46.837 96.6951 45.476V43H85.3241H73.9531L73.2951 47.959C72.9331 50.686 72.2721 53.144 71.8251 53.42C71.3781 53.696 70.0671 52.642 68.9111 51.079C67.7551 49.515 64.445 47.058 61.556 45.618C56.48 43.089 55.6991 43 38.4991 43H20.6951V45.489ZM99.6951 43.435C99.6951 43.674 100.177 45.137 100.766 46.685C104.356 56.115 123.695 119.739 123.695 122.117V125H134.312C144.879 125 144.925 124.99 144.17 122.75C142.547 117.932 143.651 113.382 154.491 80.216C160.653 61.359 165.695 45.272 165.695 44.466C165.695 43.302 164.073 43 157.834 43C150.031 43 149.976 43.018 150.441 45.449C151.076 48.776 136.427 98.563 135.495 96.242C135.11 95.284 132.492 84.6 129.677 72.5C126.861 60.4 124.122 48.813 123.588 46.75L122.618 43H111.156C104.853 43 99.6951 43.196 99.6951 43.435ZM52.0261 57.045C61.4741 64.478 56.0681 94.319 42.7751 108.112C38.1321 112.928 37.9711 113 31.8791 113C28.3001 113 25.6951 112.566 25.6951 111.969C25.6951 111.103 35.6211 70.742 38.7831 58.75C39.7531 55.071 39.864 55 44.599 55C47.947 55 50.2221 55.627 52.0261 57.045ZM88.6131 83.5C90.3341 89 91.9871 94.287 92.2861 95.25C92.7751 96.824 91.9571 97 84.1551 97C77.6371 97 75.5951 96.689 75.9411 95.75C76.1941 95.063 78.093 89.398 80.16 83.162C82.227 76.926 84.271 72.201 84.701 72.662C85.131 73.123 86.8911 78 88.6131 83.5Z" fill="black"/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M20.6951 45.489C20.6951 49.068 5.05705 118.392 3.14105 123.309C2.47205 125.025 3.47205 125.103 22.3151 124.809C43.3111 124.483 44.513 124.249 52.462 118.957L55.7281 116.783L54.712 119.456C52.706 124.731 53.045 125 61.695 125C67.026 125 69.6951 124.619 69.6951 123.858C69.6951 123.23 70.6141 119.63 71.7371 115.858L73.7801 109H84.5741H95.368L97.1951 117L99.0221 125H109.926C120.781 125 120.827 124.99 120.107 122.75C119.008 119.332 106.174 78.372 101.143 62.226C98.6971 54.375 96.6951 46.837 96.6951 45.476V43H85.3241H73.9531L73.2951 47.959C72.9331 50.686 72.2721 53.144 71.8251 53.42C71.3781 53.696 70.0671 52.642 68.9111 51.079C67.7551 49.515 64.445 47.058 61.556 45.618C56.48 43.089 55.6991 43 38.4991 43H20.6951V45.489ZM99.6951 43.435C99.6951 43.674 100.177 45.137 100.766 46.685C104.356 56.115 123.695 119.739 123.695 122.117V125H134.312C144.879 125 144.925 124.99 144.17 122.75C142.547 117.932 143.651 113.382 154.491 80.216C160.653 61.359 165.695 45.272 165.695 44.466C165.695 43.302 164.073 43 157.834 43C150.031 43 149.976 43.018 150.441 45.449C151.076 48.776 136.427 98.563 135.495 96.242C135.11 95.284 132.492 84.6 129.677 72.5C126.861 60.4 124.122 48.813 123.588 46.75L122.618 43H111.156C104.853 43 99.6951 43.196 99.6951 43.435ZM52.0261 57.045C61.4741 64.478 56.0681 94.319 42.7751 108.112C38.1321 112.928 37.9711 113 31.8791 113C28.3001 113 25.6951 112.566 25.6951 111.969C25.6951 111.103 35.6211 70.742 38.7831 58.75C39.7531 55.071 39.864 55 44.599 55C47.947 55 50.2221 55.627 52.0261 57.045ZM88.6131 83.5C90.3341 89 91.9871 94.287 92.2861 95.25C92.7751 96.824 91.9571 97 84.1551 97C77.6371 97 75.5951 96.689 75.9411 95.75C76.1941 95.063 78.093 89.398 80.16 83.162C82.227 76.926 84.271 72.201 84.701 72.662C85.131 73.123 86.8911 78 88.6131 83.5Z"
+		fill="currentColor"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/WebflowIcon.svelte b/frontend/src/lib/components/icons/WebflowIcon.svelte
index a445732c22..1def43a78f 100644
--- a/frontend/src/lib/components/icons/WebflowIcon.svelte
+++ b/frontend/src/lib/components/icons/WebflowIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #146EF5 per brand.webflow.com/brand-assets. Mark ships in blue, black or white only. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#146EF5" xmlns="http://www.w3.org/2000/svg">
-<path d="m24 4.515-7.658 14.97H9.149l3.205-6.204h-.144C9.566 16.713 5.621 18.973 0 19.485v-6.118s3.596-.213 5.71-2.435H0V4.515h6.417v5.278l.144-.001 2.622-5.277h4.854v5.244h.144l2.72-5.244H24Z"/>
+	<path
+		d="m24 4.515-7.658 14.97H9.149l3.205-6.204h-.144C9.566 16.713 5.621 18.973 0 19.485v-6.118s3.596-.213 5.71-2.435H0V4.515h6.417v5.278l.144-.001 2.622-5.277h4.854v5.244h.144l2.72-5.244H24Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte b/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte
index fc9c2843ec..0169ebe006 100644
--- a/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte
+++ b/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte
@@ -1,20 +1,18 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	{width}
-	{height}
-	viewBox="0 0 24 24"
-	style="fill:currentcolor;"
->
+<!-- #25D366 on both themes per WhatsApp's Digital_Glyph_Green_RGB_2026.svg, shipped by whatsapp.com/business (→ whatsappbusiness.com). "You shouldn't modify any colors in our logos." -->
+<svg {width} {height} viewBox="0 0 720 720" fill="#25D366" xmlns="http://www.w3.org/2000/svg">
 	<path
-		d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z"
+		d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"
+	/>
+	<path
+		d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/WindmillIcon.svelte b/frontend/src/lib/components/icons/WindmillIcon.svelte
index 205e3c6030..db1b870667 100644
--- a/frontend/src/lib/components/icons/WindmillIcon.svelte
+++ b/frontend/src/lib/components/icons/WindmillIcon.svelte
@@ -49,89 +49,89 @@
 		xml:space="preserve"
 	>
 		<style type="text/css">
-			.st0 {
+			.windmill-st0 {
 				fill: #ffffff;
 			}
-			.st1 {
+			.windmill-st1 {
 				opacity: 0.4;
 				fill: #ffffff;
 			}
-			.st2 {
+			.windmill-st2 {
 				fill: #bcd4fc;
 			}
-			.st2-gray {
+			.windmill-st2-gray {
 				fill: #cccccc;
 			}
-			.st3 {
+			.windmill-st3 {
 				fill: #3b82f6;
 			}
-			.st4 {
+			.windmill-st4 {
 				fill: #b3b3b3;
 			}
-			.st5 {
+			.windmill-st5 {
 				fill: url(#SVGID_1_);
 			}
-			.st6 {
+			.windmill-st6 {
 				fill: url(#SVGID_00000021089067129159788970000008246765442136188072_);
 			}
-			.st7 {
+			.windmill-st7 {
 				fill: url(#SVGID_00000117639240116366130650000015074833605515028638_);
 			}
-			.st8 {
+			.windmill-st8 {
 				opacity: 0.4;
 				fill: url(#SVGID_00000101781798616409025840000016567063639337360777_);
 			}
-			.st9 {
+			.windmill-st9 {
 				opacity: 0.4;
 				fill: url(#SVGID_00000052086836598721292040000002033117744178971046_);
 			}
-			.st10 {
+			.windmill-st10 {
 				opacity: 0.4;
 				fill: url(#SVGID_00000159460939004760751800000002448009281983951536_);
 			}
-			.st11 {
+			.windmill-st11 {
 				opacity: 0.4;
 				fill: url(#SVGID_00000013177830667419993080000017721442101626521532_);
 			}
-			.st12 {
+			.windmill-st12 {
 				opacity: 0.4;
 				fill: url(#SVGID_00000152235521444854938490000006526001119318383285_);
 			}
-			.st13 {
+			.windmill-st13 {
 				opacity: 0.4;
 				fill: url(#SVGID_00000119823135212293698520000012774889010992664993_);
 			}
 		</style>
 		<g>
 			<polygon
-				class:st2={!white}
-				class:st2-gray={white}
+				class:windmill-st2={!white}
+				class:windmill-st2-gray={white}
 				points="134.78,14.22 114.31,48.21 101.33,69.75 158.22,69.75 177.97,36.95 191.67,14.22 	"
 			/>
 			<polygon
-				class:st3={!white}
-				class:st0={white}
+				class:windmill-st3={!white}
+				class:windmill-st0={white}
 				points="227.55,69.75 186.61,69.75 101.33,69.75 129.78,119.02 158.16,119.02 228.61,119.02 256,119.02 	"
 			/>
 			<polygon
-				class:st3={!white}
-				class:st0={white}
+				class:windmill-st3={!white}
+				class:windmill-st0={white}
 				points="136.93,132.47 116.46,167.93 73.82,241.78 130.71,241.78 144.9,217.2 180.13,156.18 193.82,132.46 	
 		"
 			/>
 			<polygon
-				class:st3={!white}
-				class:st0={white}
+				class:windmill-st3={!white}
+				class:windmill-st0={white}
 				points="121.7,131.95 101.23,96.49 58.59,22.63 30.15,71.91 44.34,96.49 79.57,157.5 93.26,181.22 	"
 			/>
 			<polygon
-				class:st2={!white}
-				class:st2-gray={white}
+				class:windmill-st2={!white}
+				class:windmill-st2-gray={white}
 				points="64.81,131.95 25.15,131.21 0,130.74 28.44,180.01 66.73,180.72 93.26,181.21 	"
 			/>
 			<polygon
-				class:st2={!white}
-				class:st2-gray={white}
+				class:windmill-st2={!white}
+				class:windmill-st2-gray={white}
 				points="165.38,181.74 184.58,216.46 196.75,238.47 225.19,189.2 206.66,155.69 193.83,132.46 	"
 			/>
 		</g>
diff --git a/frontend/src/lib/components/icons/WizIcon.svelte b/frontend/src/lib/components/icons/WizIcon.svelte
index f3ee8e842e..edcf4427cd 100644
--- a/frontend/src/lib/components/icons/WizIcon.svelte
+++ b/frontend/src/lib/components/icons/WizIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill="#0254EC" d="M16.77.312c-.085-.416-.978-.416-1.063 0-.666 3.246-2.05 8.14-4.652 10.741-2.6 2.601-7.498 3.986-10.743 4.652-.416.085-.416.977 0 1.062 3.245.667 8.142 2.051 10.743 4.652 3.4 3.4 4.57 8.038 4.972 10.827.026.177.58.202.615.027.609-2.996 2-8.074 4.78-10.854 2.601-2.6 7.497-3.985 10.743-4.652.416-.085.416-.977 0-1.062-3.246-.666-8.142-2.05-10.744-4.652-2.6-2.6-3.985-7.495-4.651-10.741Z"/>
+<!-- #0254EC / #FFFFFF per wiz.io/press media kit logo pack (WizLogo_Blue_Vector.svg /
+	WizLogo_White_Vector.svg). -->
+<svg
+	class="text-[#0254EC] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 33 33"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M16.77.312c-.085-.416-.978-.416-1.063 0-.666 3.246-2.05 8.14-4.652 10.741-2.6 2.601-7.498 3.986-10.743 4.652-.416.085-.416.977 0 1.062 3.245.667 8.142 2.051 10.743 4.652 3.4 3.4 4.57 8.038 4.972 10.827.026.177.58.202.615.027.609-2.996 2-8.074 4.78-10.854 2.601-2.6 7.497-3.985 10.743-4.652.416-.085.416-.977 0-1.062-3.246-.666-8.142-2.05-10.744-4.652-2.6-2.6-3.985-7.495-4.651-10.741Z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/WooCommerceIcon.svelte b/frontend/src/lib/components/icons/WooCommerceIcon.svelte
index cadf03e232..b88ed4f4d8 100644
--- a/frontend/src/lib/components/icons/WooCommerceIcon.svelte
+++ b/frontend/src/lib/components/icons/WooCommerceIcon.svelte
@@ -1,12 +1,38 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#96588A" xmlns="http://www.w3.org/2000/svg">
-<path d="M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z"/>
+<!-- #873EFF / #FFFFFF per the Woo logo pack at woocommerce.com/brand-and-logo-guidelines
+	(Woo_logo_color.svg and Woo_logo_white.svg). Automattic requires the mark in its exact,
+	most up-to-date form, so only their two published colorways are used, never a recolour. -->
+<svg
+	{width}
+	{height}
+	viewBox="0 0 183.6 47.5"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-label="WooCommerce"
+	class="text-[#873EFF] dark:text-[#FFFFFF]"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M77.4,0c-4.3,0-7.1,1.4-9.6,6.1L56.4,27.6V8.5c0-5.7-2.7-8.5-7.7-8.5s-7.1,1.7-9.6,6.5L28.3,27.6V8.7 c0-6.1-2.5-8.7-8.6-8.7H7.3C2.6,0,0,2.2,0,6.2s2.5,6.4,7.1,6.4h5.1v24.1c0,6.8,4.6,10.8,11.2,10.8s9.6-2.6,12.9-8.7l7.2-13.5v11.4 c0,6.7,4.4,10.8,11.1,10.8s9.2-2.3,13-8.7l16.6-28C87.8,4.7,85.3,0,77.3,0C77.3,0,77.3,0,77.4,0z"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M108.6,0C95,0,84.7,10.1,84.7,23.8s10.4,23.7,23.9,23.7s23.8-10.1,23.9-23.7C132.5,10.1,122.1,0,108.6,0z M108.6,32.9c-5.1,0-8.6-3.8-8.6-9.1s3.5-9.2,8.6-9.2s8.6,3.9,8.6,9.2S113.8,32.9,108.6,32.9z"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M159.7,0c-13.5,0-23.9,10.1-23.9,23.8s10.4,23.7,23.9,23.7s23.9-10.1,23.9-23.7S173.2,0,159.7,0z M159.7,32.9 c-5.2,0-8.5-3.8-8.5-9.1s3.4-9.2,8.5-9.2s8.6,3.9,8.6,9.2S164.9,32.9,159.7,32.9z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/WordpressIcon.svelte b/frontend/src/lib/components/icons/WordpressIcon.svelte
index b84d5b9c17..f32182453d 100644
--- a/frontend/src/lib/components/icons/WordpressIcon.svelte
+++ b/frontend/src/lib/components/icons/WordpressIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#21759B" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"/>
+<!-- #32373C / #FFFFFF per wordpress.org/about/logos/. Every official logotype vector is BaseGray
+	#32373C, shipped alongside a White/transparent version for dark backgrounds. -->
+<svg
+	class="text-[#32373C] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/XataIcon.svelte b/frontend/src/lib/components/icons/XataIcon.svelte
index 033dd2e331..6d2ab44a78 100644
--- a/frontend/src/lib/components/icons/XataIcon.svelte
+++ b/frontend/src/lib/components/icons/XataIcon.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 256 260" xmlns="http://www.w3.org/2000/svg">
-
-    <g>
-        <path d="M216.513549,259.316717 C234.470918,241.401118 246.485754,219.000492 249.914825,197.042633 C253.343895,175.084216 247.906504,155.366921 234.798955,142.22874 L167.090821,209.778147 L216.513549,259.316717 Z" fill="#06D6A0"></path>
-        <path d="M39.4872875,259.703789 C21.5298064,241.78819 9.51508231,219.387564 6.08595594,197.429148 C2.65682957,175.471289 8.09416498,155.753993 21.2018809,142.615256 L88.9100148,210.165219 L39.4872875,259.703789 Z" fill="#FFBE0B"></path>
-        <path d="M0,68.0489803 C0.0297504117,93.4147467 10.1346765,117.72957 28.0917678,135.644613 L28.0934386,135.642942 L95.7932184,203.183994 C113.708261,185.226624 123.755989,160.88841 123.726536,135.522643 C123.696954,110.156877 113.591861,85.8420532 95.6344909,67.9264538 L95.6328201,67.9281246 L27.9335972,0.387239377 C10.0183877,18.3444978 -0.0296192382,42.6832138 0,68.0489803 Z" fill="#FF0075"></path>
-        <path d="M256,67.6613511 C255.970417,93.0271175 245.865324,117.342498 227.907954,135.25754 L227.906284,135.255313 L160.207061,202.796365 C142.292018,184.838995 132.243733,160.500223 132.273186,135.134457 C132.303325,109.769247 142.407862,85.4538671 160.365231,67.5388246 L160.367459,67.5404954 L228.066682,3.16582915e-14 C245.981724,17.9572584 256.029453,42.2955846 256,67.6613511 Z" fill="#0076FF"></path>
-    </g>
+<!-- #8468F6 / #8468F6 per xata.io/brand (logo-symbol.svg). Brand forbids recolouring, and the full-colour symbol is the same purple in light and dark modes. -->
+<svg {width} {height} viewBox="0 0 134 135" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M123.722 75.9603C134.414 94.605 131.855 118.755 116.031 134.759L115.793 135L90.1598 109.432L123.722 75.9603ZM61.5092 82.2214C59.4071 89.7816 55.4634 96.9367 49.6692 102.98L48.8688 103.777L14.4128 69.3976C-4.71929 50.3144 -4.80496 19.423 14.1622 0.237778L14.4026 0L49.8093 35.3124C62.0775 48.2125 65.9769 66.1307 61.5092 82.2214ZM10.2767 75.9603C-0.417366 94.605 2.14997 118.755 17.9704 134.759L18.2117 135L43.8437 109.432L10.2767 75.9603ZM72.4934 82.2214C74.5891 89.7816 78.541 96.9367 84.3343 102.98L85.1349 103.777L119.586 69.3976C138.722 50.3144 138.803 19.423 119.837 0.237778L119.598 0L84.1897 35.3124C71.926 48.2125 68.021 66.1307 72.4934 82.2214Z"
+		fill="#8468F6"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/XeroIcon.svelte b/frontend/src/lib/components/icons/XeroIcon.svelte
index 6fe5784ef5..ce5ba4f195 100644
--- a/frontend/src/lib/components/icons/XeroIcon.svelte
+++ b/frontend/src/lib/components/icons/XeroIcon.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #13B5EA per xero.com favicon.svg and the site header logo (Xero__LogoPath fill). Single-colour mark: white wordmark on the blue badge in both themes. -->
 <svg
 	{width}
 	{height}
@@ -19,7 +20,7 @@
 	<g>
 		<path
 			d="M128.00285,256 C198.693118,256 256,198.688775 256,128 C256,57.2998444 198.698818,0 128.00285,0 C57.3068822,0 0,57.2998444 0,128 C0,198.688775 57.3068822,256 128.00285,256"
-			fill="#1FC0E7"
+			fill="#13B5EA"
 		/>
 		<path
 			d="M62.3672889,127.967763 L84.1671111,106.065541 C84.8896,105.337363 85.2935111,104.358874 85.2935111,103.323496 C85.2935111,101.161719 83.5413333,99.4095407 81.3852444,99.4095407 C80.3328,99.4095407 79.3486222,99.8191407 78.6090667,100.575763 L56.8206222,122.381274 L34.9468444,100.535941 C34.2072889,99.807763 33.2288,99.4095407 32.1877333,99.4095407 C30.0259556,99.4095407 28.2794667,101.161719 28.2794667,103.317807 C28.2794667,104.370252 28.7004444,105.365807 29.4513778,106.105363 L51.2512,127.93363 L29.4627556,149.778963 C28.7004444,150.541274 28.2794667,151.531141 28.2794667,152.583585 C28.2794667,154.745363 30.0316444,156.497541 32.1877333,156.497541 C33.2288,156.497541 34.2072889,156.099319 34.9468444,155.359763 L56.7921778,133.503052 L78.5521778,155.27443 C79.3258667,156.070874 80.3157333,156.497541 81.3852444,156.497541 C83.5356444,156.497541 85.2878222,154.745363 85.2878222,152.583585 C85.2878222,151.542519 84.8896,150.56403 84.1500444,149.824474 L62.3616,127.945007 L62.3672889,127.967763 Z M191.965867,127.962074 C191.965867,131.887407 195.151644,135.073185 199.076978,135.073185 C202.979556,135.073185 206.165333,131.887407 206.165333,127.962074 C206.165333,124.036741 202.979556,120.850963 199.071289,120.850963 C195.163022,120.850963 191.982933,124.036741 191.982933,127.962074 L191.965867,127.962074 Z M178.511644,127.962074 C178.511644,116.612741 187.727644,107.368296 199.071289,107.368296 C210.392178,107.368296 219.625244,116.612741 219.625244,127.962074 C219.625244,139.311407 210.397867,148.555852 199.071289,148.555852 C187.733333,148.555852 178.511644,139.322785 178.511644,127.962074 L178.511644,127.962074 Z M170.422044,127.962074 C170.422044,143.777185 183.278933,156.65683 199.071289,156.65683 C214.863644,156.65683 227.720533,143.788563 227.720533,127.967763 C227.720533,112.152652 214.863644,99.2730074 199.071289,99.2730074 C183.273244,99.2730074 170.422044,112.146963 170.422044,127.967763 L170.422044,127.962074 Z M168.391111,99.7622519 L167.196444,99.7622519 C163.584,99.7622519 160.1024,100.90003 157.195378,103.147141 C156.797156,101.406341 155.227022,100.075141 153.361067,100.075141 C151.216356,100.075141 149.492622,101.810252 149.492622,103.966341 L149.504,152.293452 C149.504,154.438163 151.267556,156.184652 153.400889,156.184652 C155.551289,156.184652 157.303467,154.438163 157.309156,152.282074 L157.309156,122.563319 C157.309156,112.664652 158.219378,108.659674 166.684444,107.601541 C167.480889,107.50483 168.322844,107.521896 168.334222,107.521896 C170.643911,107.436563 172.293689,105.837985 172.293689,103.681896 C172.293689,101.520119 170.530133,99.7679407 168.368356,99.7679407 L168.391111,99.7622519 Z M93.3774222,123.245985 C93.3774222,123.132207 93.3888,123.01843 93.3944889,122.91603 C95.6586667,113.927585 103.7824,107.288652 113.447822,107.288652 C123.232711,107.288652 131.424711,114.081185 133.586489,123.228919 L93.3717333,123.228919 L93.3774222,123.245985 Z M141.579378,122.50643 C139.895467,114.524919 135.532089,107.96563 128.893156,103.755852 C119.176533,97.5777185 106.353778,97.9190519 96.9784889,104.609185 C89.3212444,110.053452 84.9009778,118.97363 84.9009778,128.161185 C84.9009778,130.465185 85.1854222,132.791941 85.7543111,135.084563 C88.6442667,146.462341 98.4177778,155.086696 110.068622,156.514607 C113.527467,156.935585 116.895289,156.742163 120.365511,155.831941 C123.369244,155.092385 126.264889,153.886341 128.932978,152.168296 C131.703467,150.387674 134.018844,148.032474 136.271644,145.216474 C136.305778,145.159585 136.351289,145.119763 136.3968,145.062874 C137.955556,143.128652 137.665422,140.363852 135.958756,139.055407 C134.513778,137.946074 132.090311,137.496652 130.190222,139.942874 C129.780622,140.534519 129.319822,141.137541 128.824889,141.734874 C127.305956,143.413096 125.422933,145.03443 123.170133,146.297363 C120.291556,147.833363 117.026133,148.703763 113.555911,148.726519 C102.189511,148.595674 96.1137778,140.648296 93.9463111,134.982163 C93.5708444,133.918341 93.2807111,132.820385 93.0759111,131.682607 L93.0190222,131.085274 L133.808356,131.085274 C139.394844,130.960119 142.398578,127.006341 141.568,122.495052 L141.579378,122.50643 Z"
diff --git a/frontend/src/lib/components/icons/YamlIcon.svelte b/frontend/src/lib/components/icons/YamlIcon.svelte
index ef0b016663..98fadc887a 100644
--- a/frontend/src/lib/components/icons/YamlIcon.svelte
+++ b/frontend/src/lib/components/icons/YamlIcon.svelte
@@ -11,17 +11,28 @@
 	const derivedHeight = $derived(size ? size : height)
 </script>
 
+<!-- #CB171E on the A per yaml.org's own assets/favicon.svg and assets/logo.png; the Y, M and L carry no fill in YAML's SVG, so they take the surrounding text colour. YAML publishes no reversed variant, and its black letters would be invisible on the dark surface. -->
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 16 16"
+	viewBox="0 0 512 470.647"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
+	<polygon
+		fill="currentColor"
+		points="235.793 0 143.978 137.674 143.978 224.949 87.702 224.949 87.702 137.674 0 0 63.25 0 119.018 88.646 175.243 0 235.793 0 235.793 0"
+	/>
 	<path
-		fill-rule="nonzero"
-		clip-rule="nonzero"
-		d="M0.828288 0.135541C1.17426 -0.103975 1.64888 -0.017679 1.8884 0.328288L3.58007 2.77182L5.48344 0.297431C5.74 -0.0360947 6.21836 -0.0984891 6.55189 0.158069C6.88541 0.414627 6.94781 0.892984 6.69125 1.22651L4.30958 4.32268V7.11115C4.30958 7.53194 3.96846 7.87305 3.54767 7.87305C3.12689 7.87305 2.78577 7.53194 2.78577 7.11115V4.30154L0.635541 1.19565C0.396025 0.849685 0.482321 0.375057 0.828288 0.135541ZM8.88099 6.89044e-05C9.18311 6.89044e-05 9.45669 0.178586 9.57837 0.455123L12.372 6.8043C12.5415 7.18945 12.3666 7.63906 11.9815 7.80853C11.5963 7.978 11.1467 7.80315 10.9772 7.418L10.2835 5.84131H7.47847L6.78473 7.418C6.61526 7.80315 6.16565 7.978 5.7805 7.80853C5.39535 7.63906 5.2205 7.18945 5.38997 6.8043L8.18361 0.455123C8.30528 0.178586 8.57886 6.89044e-05 8.88099 6.89044e-05ZM8.14894 4.31751H9.61303L8.88099 2.65377L8.14894 4.31751ZM9.60471 8.66615C9.92856 8.76179 10.1508 9.05918 10.1508 9.39685V15.2381C10.1508 15.6589 9.80971 16 9.38892 16C8.96813 16 8.62702 15.6589 8.62702 15.2381V11.9768L7.23495 14.1282C7.09962 14.3373 6.8706 14.4671 6.62164 14.4757C6.37268 14.4844 6.13523 14.3707 5.98576 14.1714L4.30958 11.9365V15.2381C4.30958 15.6589 3.96846 16 3.54767 16C3.12689 16 2.78577 15.6589 2.78577 15.2381V9.65082C2.78577 9.32288 2.99562 9.03172 3.30674 8.92802C3.61786 8.82431 3.96043 8.93132 4.1572 9.19368L6.5492 12.383L8.74925 8.98295C8.93269 8.69945 9.28086 8.57051 9.60471 8.66615ZM11.9286 8.63495C12.3494 8.63495 12.6905 8.97607 12.6905 9.39685V14.4762H14.7222C15.143 14.4762 15.4841 14.8173 15.4841 15.2381C15.4841 15.6589 15.143 16 14.7222 16H11.9286C11.5078 16 11.1667 15.6589 11.1667 15.2381V9.39685C11.1667 8.97607 11.5078 8.63495 11.9286 8.63495Z"
-		fill="#000000"
+		fill="#CB171E"
+		d="M330.294,175.451h-101.861l-20.717,50.024h-45.106l95.38,-224.949h46.137l91.51,224.949h-48.2l-17.144,-50.024zm-16.92,-44.911l-31.226,-82.55l-34.837,82.55h66.063z"
+	/>
+	<polygon
+		fill="currentColor"
+		points="87.701 250.177 87.701 470.647 135.004 470.647 135.004 318.569 184.509 420.789 221.743 420.789 272.939 314.976 272.939 470.602 318.318 470.602 318.318 250.177 256.358 250.177 201.381 349.883 149.021 250.177 87.701 250.177 87.701 250.177"
+	/>
+	<polygon
+		fill="currentColor"
+		points="512 422.735 395.638 422.735 395.638 250.125 347.442 250.125 347.442 469.647 512 469.647 512 422.737 512 422.735"
 	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/YelpIcon.svelte b/frontend/src/lib/components/icons/YelpIcon.svelte
index 636b466b07..cfae269c2f 100644
--- a/frontend/src/lib/components/icons/YelpIcon.svelte
+++ b/frontend/src/lib/components/icons/YelpIcon.svelte
@@ -1,12 +1,15 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FF1A1A on both themes per yelp.com/brand (burst_red.svg and the official logo kit). Yelp forbids altering the logos and requires the ® to accompany the mark at all times. -->
 <svg {width} {height} viewBox="0 0 24 24" fill="#FF1A1A" xmlns="http://www.w3.org/2000/svg">
-<path d="m7.6885 15.1415-3.6715.8483c-.3769.0871-.755.183-1.1452.155-.2611-.0188-.5122-.0414-.7606-.213a1.179 1.179 0 0 1-.331-.3594c-.3486-.5519-.3656-1.3661-.3697-2.0004a6.2874 6.2874 0 0 1 .3314-2.0642 1.857 1.857 0 0 1 .1073-.2474 2.3426 2.3426 0 0 1 .1255-.2165 2.4572 2.4572 0 0 1 .1563-.1975 1.1736 1.1736 0 0 1 .399-.2831 1.082 1.082 0 0 1 .4592-.0837c.2355.0016.5139.052.91.1734.0555.0191.1237.0382.1856.0572.3277.1013.7048.2404 1.1499.3987.6863.2404 1.3663.487 2.0463.7397l1.2117.4423c.2217.0807.4363.18.6412.297.174.0984.3273.2298.4512.387a1.217 1.217 0 0 1 .192.4309 1.2205 1.2205 0 0 1-.872 1.4522c-.0468.0151-.0852.0239-.1085.0293l-1.105.2553-.0031-.001zM18.8208 7.565a1.8506 1.8506 0 0 0-.2042-.1754 2.4082 2.4082 0 0 0-.2077-.1394 2.3607 2.3607 0 0 0-.2269-.109 1.1705 1.1705 0 0 0-.482-.0796 1.0862 1.0862 0 0 0-.4498.1263c-.2107.1048-.4388.2732-.742.5551-.042.0417-.0947.0886-.142.133-.2502.2351-.5286.5252-.8599.863a114.6363 114.6363 0 0 0-1.5166 1.5629l-.8962.9293a4.1897 4.1897 0 0 0-.4466.5483 1.541 1.541 0 0 0-.2364.5459 1.2199 1.2199 0 0 0 .0107.4518l.0046.02a1.218 1.218 0 0 0 1.4184.923 1.162 1.162 0 0 0 .1105-.0213l4.7781-1.104c.3766-.087.7587-.1667 1.097-.3631.2269-.1316.4428-.262.5909-.5252a1.1793 1.1793 0 0 0 .1405-.4683c.0733-.6512-.2668-1.3908-.5403-1.963a6.2792 6.2792 0 0 0-1.2001-1.7103zM8.9703.0754a8.6724 8.6724 0 0 0-.83.1564c-.2754.066-.548.1383-.8146.2236-.868.2844-2.0884.8063-2.295 1.8065-.1165.5655.1595 1.1439.3737 1.66.2595.6254.614 1.1889.9373 1.7777.8543 1.5545 1.7245 3.0993 2.5922 4.6457.259.4617.5416 1.0464 1.043 1.2856a1.058 1.058 0 0 0 .1013.0383c.2248.0851.4699.1016.7041.0471a4.3015 4.3015 0 0 0 .0418-.0097 1.2136 1.2136 0 0 0 .5658-.3397 1.1033 1.1033 0 0 0 .079-.0822c.3463-.435.3454-1.0833.3764-1.6134.1042-1.771.2139-3.5423.3009-5.3142.0332-.6712.1055-1.3333.0655-2.0096-.0328-.5579-.0368-1.1984-.3891-1.6563-.6218-.8073-1.9476-.741-2.8523-.6158zm2.084 15.9505a1.1053 1.1053 0 0 0-1.2306-.4145 1.1398 1.1398 0 0 0-.1526.0633 1.4806 1.4806 0 0 0-.2171.1354c-.1992.1475-.3668.3392-.5196.5315-.0386.049-.074.1143-.12.1562l-.7686 1.0573a113.9168 113.9168 0 0 0-1.2913 1.789c-.278.3895-.5184.7184-.7083 1.0094-.036.0547-.0734.116-.1075.1647-.2277.3522-.3566.6092-.4228.8381a1.0945 1.0945 0 0 0-.046.4721c.0211.1655.0768.3246.1635.467.046.0715.0957.1406.1487.207a2.334 2.334 0 0 0 .1754.1825 1.843 1.843 0 0 0 .2108.1732c.5304.369 1.1112.6342 1.722.8391a6.0958 6.0958 0 0 0 1.5716.3004c.091.0046.1821.0025.2728-.006a2.3878 2.3878 0 0 0 .2506-.0351 2.3862 2.3862 0 0 0 .2447-.071 1.1927 1.1927 0 0 0 .4175-.2658c.1127-.113.1994-.249.2541-.3989.0889-.2214.1473-.5026.1857-.92.0034-.0593.0118-.1305.0177-.1958.0304-.3463.0443-.7531.0666-1.2315.0375-.7357.067-1.4681.0903-2.2026 0 0 .0495-1.3053.0494-1.306.0113-.3008.002-.6342-.0814-.9336a1.396 1.396 0 0 0-.1756-.4054zm8.6754 2.0439c-.1605-.176-.3878-.3514-.7462-.5682-.0518-.0288-.1124-.0674-.1684-.1009-.2985-.1795-.658-.3684-1.078-.5965a120.7615 120.7615 0 0 0-1.9427-1.042l-1.1515-.6107c-.0597-.0175-.1203-.0607-.1766-.0878-.2212-.1058-.4558-.2045-.6992-.2498a1.4915 1.4915 0 0 0-.2545-.0265 1.1527 1.1527 0 0 0-.1648.01 1.1077 1.1077 0 0 0-.9227.9133 1.4186 1.4186 0 0 0 .0159.439c.0563.3065.1932.6096.3346.875l.615 1.1526c.3422.65.6884 1.2963 1.0435 1.9406.229.4202.4196.7799.5982 1.078.0338.056.0721.1163.1011.1682.2173.3584.392.584.569.7458.1146.1107.252.195.4026.247.1583.0525.326.071.4919.0546a2.368 2.368 0 0 0 .251-.0435c.0817-.022.1622-.048.241-.0784a1.863 1.863 0 0 0 .2475-.1143 6.1018 6.1018 0 0 0 1.2818-.9597c.4596-.4522.8659-.9454 1.182-1.51.044-.08.0819-.163.1138-.2483a2.49 2.49 0 0 0 .0773-.2411c.0186-.083.033-.1669.0429-.2513a1.188 1.188 0 0 0-.0565-.491 1.0933 1.0933 0 0 0-.248-.4041zm2.86 3.742a.8523.8523 0 0 1-.111.4236c-.074.132-.178.2377-.3115.3172a.8428.8428 0 0 1-.4385.119.847.847 0 0 1-.4373-.1179.8526.8526 0 0 1-.3125-.3171.8548.8548 0 0 1-.111-.4248c0-.1526.038-.2958.1143-.4294a.8405.8405 0 0 1 .315-.3159.849.849 0 0 1 .4315-.1156.8514.8514 0 0 1 .4294.1144.84.84 0 0 1 .316.3148.8494.8494 0 0 1 .1156.4317zm-.1202 0c0-.1328-.0332-.256-.0996-.3698s-.1564-.2038-.2702-.2702a.7125.7125 0 0 0-.371-.1007.7204.7204 0 0 0-.3698.0996.7487.7487 0 0 0-.2713.2702.7181.7181 0 0 0-.0996.3709c0 .132.0332.2557.0996.371a.7355.7355 0 0 0 .2713.2713.7354.7354 0 0 0 .3698.0985.7205.7205 0 0 0 .3698-.0996.7423.7423 0 0 0 .2702-.2691.7186.7186 0 0 0 .1008-.3721zm-.577.0584.2724.4522h-.1922l-.237-.4052h-.1546v.4052h-.1695v-1.02h.2988c.1268 0 .2195.0247.2783.0744.0595.0496.0892.1252.0892.2267a.2785.2785 0 0 1-.0492.1625c-.032.0466-.0775.0813-.1362.1042zm-.0412-.1408a.1532.1532 0 0 0 .056-.1214c0-.0573-.0164-.0981-.0491-.1225-.0329-.0251-.0847-.0377-.1557-.0377h-.1214v.3285h.1237c.061 0 .1098-.0157.1465-.047z"/>
+	<path
+		d="m7.6885 15.1415-3.6715.8483c-.3769.0871-.755.183-1.1452.155-.2611-.0188-.5122-.0414-.7606-.213a1.179 1.179 0 0 1-.331-.3594c-.3486-.5519-.3656-1.3661-.3697-2.0004a6.2874 6.2874 0 0 1 .3314-2.0642 1.857 1.857 0 0 1 .1073-.2474 2.3426 2.3426 0 0 1 .1255-.2165 2.4572 2.4572 0 0 1 .1563-.1975 1.1736 1.1736 0 0 1 .399-.2831 1.082 1.082 0 0 1 .4592-.0837c.2355.0016.5139.052.91.1734.0555.0191.1237.0382.1856.0572.3277.1013.7048.2404 1.1499.3987.6863.2404 1.3663.487 2.0463.7397l1.2117.4423c.2217.0807.4363.18.6412.297.174.0984.3273.2298.4512.387a1.217 1.217 0 0 1 .192.4309 1.2205 1.2205 0 0 1-.872 1.4522c-.0468.0151-.0852.0239-.1085.0293l-1.105.2553-.0031-.001zM18.8208 7.565a1.8506 1.8506 0 0 0-.2042-.1754 2.4082 2.4082 0 0 0-.2077-.1394 2.3607 2.3607 0 0 0-.2269-.109 1.1705 1.1705 0 0 0-.482-.0796 1.0862 1.0862 0 0 0-.4498.1263c-.2107.1048-.4388.2732-.742.5551-.042.0417-.0947.0886-.142.133-.2502.2351-.5286.5252-.8599.863a114.6363 114.6363 0 0 0-1.5166 1.5629l-.8962.9293a4.1897 4.1897 0 0 0-.4466.5483 1.541 1.541 0 0 0-.2364.5459 1.2199 1.2199 0 0 0 .0107.4518l.0046.02a1.218 1.218 0 0 0 1.4184.923 1.162 1.162 0 0 0 .1105-.0213l4.7781-1.104c.3766-.087.7587-.1667 1.097-.3631.2269-.1316.4428-.262.5909-.5252a1.1793 1.1793 0 0 0 .1405-.4683c.0733-.6512-.2668-1.3908-.5403-1.963a6.2792 6.2792 0 0 0-1.2001-1.7103zM8.9703.0754a8.6724 8.6724 0 0 0-.83.1564c-.2754.066-.548.1383-.8146.2236-.868.2844-2.0884.8063-2.295 1.8065-.1165.5655.1595 1.1439.3737 1.66.2595.6254.614 1.1889.9373 1.7777.8543 1.5545 1.7245 3.0993 2.5922 4.6457.259.4617.5416 1.0464 1.043 1.2856a1.058 1.058 0 0 0 .1013.0383c.2248.0851.4699.1016.7041.0471a4.3015 4.3015 0 0 0 .0418-.0097 1.2136 1.2136 0 0 0 .5658-.3397 1.1033 1.1033 0 0 0 .079-.0822c.3463-.435.3454-1.0833.3764-1.6134.1042-1.771.2139-3.5423.3009-5.3142.0332-.6712.1055-1.3333.0655-2.0096-.0328-.5579-.0368-1.1984-.3891-1.6563-.6218-.8073-1.9476-.741-2.8523-.6158zm2.084 15.9505a1.1053 1.1053 0 0 0-1.2306-.4145 1.1398 1.1398 0 0 0-.1526.0633 1.4806 1.4806 0 0 0-.2171.1354c-.1992.1475-.3668.3392-.5196.5315-.0386.049-.074.1143-.12.1562l-.7686 1.0573a113.9168 113.9168 0 0 0-1.2913 1.789c-.278.3895-.5184.7184-.7083 1.0094-.036.0547-.0734.116-.1075.1647-.2277.3522-.3566.6092-.4228.8381a1.0945 1.0945 0 0 0-.046.4721c.0211.1655.0768.3246.1635.467.046.0715.0957.1406.1487.207a2.334 2.334 0 0 0 .1754.1825 1.843 1.843 0 0 0 .2108.1732c.5304.369 1.1112.6342 1.722.8391a6.0958 6.0958 0 0 0 1.5716.3004c.091.0046.1821.0025.2728-.006a2.3878 2.3878 0 0 0 .2506-.0351 2.3862 2.3862 0 0 0 .2447-.071 1.1927 1.1927 0 0 0 .4175-.2658c.1127-.113.1994-.249.2541-.3989.0889-.2214.1473-.5026.1857-.92.0034-.0593.0118-.1305.0177-.1958.0304-.3463.0443-.7531.0666-1.2315.0375-.7357.067-1.4681.0903-2.2026 0 0 .0495-1.3053.0494-1.306.0113-.3008.002-.6342-.0814-.9336a1.396 1.396 0 0 0-.1756-.4054zm8.6754 2.0439c-.1605-.176-.3878-.3514-.7462-.5682-.0518-.0288-.1124-.0674-.1684-.1009-.2985-.1795-.658-.3684-1.078-.5965a120.7615 120.7615 0 0 0-1.9427-1.042l-1.1515-.6107c-.0597-.0175-.1203-.0607-.1766-.0878-.2212-.1058-.4558-.2045-.6992-.2498a1.4915 1.4915 0 0 0-.2545-.0265 1.1527 1.1527 0 0 0-.1648.01 1.1077 1.1077 0 0 0-.9227.9133 1.4186 1.4186 0 0 0 .0159.439c.0563.3065.1932.6096.3346.875l.615 1.1526c.3422.65.6884 1.2963 1.0435 1.9406.229.4202.4196.7799.5982 1.078.0338.056.0721.1163.1011.1682.2173.3584.392.584.569.7458.1146.1107.252.195.4026.247.1583.0525.326.071.4919.0546a2.368 2.368 0 0 0 .251-.0435c.0817-.022.1622-.048.241-.0784a1.863 1.863 0 0 0 .2475-.1143 6.1018 6.1018 0 0 0 1.2818-.9597c.4596-.4522.8659-.9454 1.182-1.51.044-.08.0819-.163.1138-.2483a2.49 2.49 0 0 0 .0773-.2411c.0186-.083.033-.1669.0429-.2513a1.188 1.188 0 0 0-.0565-.491 1.0933 1.0933 0 0 0-.248-.4041zm2.86 3.742a.8523.8523 0 0 1-.111.4236c-.074.132-.178.2377-.3115.3172a.8428.8428 0 0 1-.4385.119.847.847 0 0 1-.4373-.1179.8526.8526 0 0 1-.3125-.3171.8548.8548 0 0 1-.111-.4248c0-.1526.038-.2958.1143-.4294a.8405.8405 0 0 1 .315-.3159.849.849 0 0 1 .4315-.1156.8514.8514 0 0 1 .4294.1144.84.84 0 0 1 .316.3148.8494.8494 0 0 1 .1156.4317zm-.1202 0c0-.1328-.0332-.256-.0996-.3698s-.1564-.2038-.2702-.2702a.7125.7125 0 0 0-.371-.1007.7204.7204 0 0 0-.3698.0996.7487.7487 0 0 0-.2713.2702.7181.7181 0 0 0-.0996.3709c0 .132.0332.2557.0996.371a.7355.7355 0 0 0 .2713.2713.7354.7354 0 0 0 .3698.0985.7205.7205 0 0 0 .3698-.0996.7423.7423 0 0 0 .2702-.2691.7186.7186 0 0 0 .1008-.3721zm-.577.0584.2724.4522h-.1922l-.237-.4052h-.1546v.4052h-.1695v-1.02h.2988c.1268 0 .2195.0247.2783.0744.0595.0496.0892.1252.0892.2267a.2785.2785 0 0 1-.0492.1625c-.032.0466-.0775.0813-.1362.1042zm-.0412-.1408a.1532.1532 0 0 0 .056-.1214c0-.0573-.0164-.0981-.0491-.1225-.0329-.0251-.0847-.0377-.1557-.0377h-.1214v.3285h.1237c.061 0 .1098-.0157.1465-.047z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/YnabIcon.svelte b/frontend/src/lib/components/icons/YnabIcon.svelte
index 24372aab69..bcc3c3ce27 100644
--- a/frontend/src/lib/components/icons/YnabIcon.svelte
+++ b/frontend/src/lib/components/icons/YnabIcon.svelte
@@ -1,12 +1,25 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.769 35.004c2.467-.627 2.92-1.846 2.266-3.446"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.769 35.004c-.261-2.481.547-3.418 2.266-3.446m-8.958-1.805c4.082 2.332 6.187 1.356 7.274-1.51"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.077 29.753c2.697-3.49 4.931-3.658 7.274-1.51m-8.736-5.068c2.463 2.449 4.202 2.175 5.609.368"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.615 23.175c2.71-1.93 4.37-1.608 5.609.368m-3.953-7.59c1.924 4.34 4.233 4.79 6.854 3.088"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.271 15.953c4.312-1.256 6.239-.065 6.854 3.088m-2.34-9.663c-.491 3.386.705 4.546 2.893 4.509"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.785 9.378c3.02.882 3.712 2.347 2.893 4.509m2.113.273c-.49 4.817 1.312 6.376 4.471 6.18"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.791 14.16c4.42 1.048 5.515 3.072 4.471 6.18m16.086 14.787c.272-2.694-.7-3.569-2.408-3.462"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.348 35.127c-2.388-.592-2.976-1.725-2.408-3.462m9.313-2.256c-3.186-3.56-5.537-3.287-7.519-.86m7.519.86c-3.74 2.517-5.953 1.966-7.519-.86m9.651-5.086c-3.166-2.63-5.15-2.123-6.556.157m6.556-.157c-2.904 2.562-4.87 2.357-6.556.157m4.596-7.647c-5.025-1.328-6.98.329-7.302 3.724m7.302-3.724c-1.852 4.53-4.182 5.356-7.302 3.724M16.098 7.174c-1.076 3.84.14 5.367 2.686 5.668"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.098 7.174c3.376 1.494 3.96 3.297 2.686 5.668m19.013-3.277c-3.447.608-4.185 2.203-3.441 4.418m3.441-4.418c.12 3.362-1.078 4.545-3.441 4.418m-1.388.639c-5.16.62-6.366 2.882-5.412 6.156m5.412-6.156c-.05 4.894-1.91 6.521-5.412 6.156m3.627-13.881c-3.514 1.694-3.836 3.628-2.388 5.775m2.388-5.775c1.118 3.566.182 5.196-2.388 5.775m-5.21.489c-2.106 2.493-1.75 4.098 0 5.274m0-5.274c1.94 2.387 1.745 3.963 0 5.274m-.035 1.947c-1.983 2.366-1.646 3.89 0 5.008m0-5.008c1.827 2.266 1.642 3.763 0 5.008m.066-21.89c-3.467 3.873-2.879 6.368 0 8.197m0-8.197c3.194 3.709 2.871 6.159 0 8.197"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.015 44.5h7.172v-8.354l9.26-13.556h-7.763l-5.083 7.763l-4.847-7.763h-7.763l9.024 13.201Z"/>
+<!-- #3B5EDA / #FEF9E6 per ynab.com press kit tree logo (Tree Logo Blurple.svg / Tree Logo
+	Buttermilk.svg — the buttermilk reverse is what ynab.com itself uses on its dark footer). -->
+<svg
+	class="text-[#3B5EDA] dark:text-[#FEF9E6]"
+	{width}
+	{height}
+	viewBox="0 0 512 512"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M413.3 234.5h-93.6c-2 0-4.5 1.4-5.5 3.1L258 328.9c-1 1.7-2.7 1.7-3.7 0l-55.5-91.3c-1-1.7-3.5-3.1-5.5-3.1H99.2c-2 0-2.7 1.3-1.6 3l110.9 163.1c1.1 1.6 2 4.6 2 6.5V505c0 2 1.6 3.6 3.6 3.6h84.1c2 0 3.6-1.6 3.6-3.6v-97.9c0-2 .9-4.9 2-6.5l111-163.1c1.2-1.6.5-3-1.5-3M249.8 93.4c2.4 1.3 4.8 2.4 6.1 2.4 1.2 0 3.3-.7 6-2.4 53-33.5 8.9-74.5-6-90-15 15.5-59.1 56.5-6.1 90M194 215.5c3-.2 5.8-.7 6.9-1.4s2.6-2.6 4-5.8c27.4-61.6-37.5-72.4-60.4-77.5-4 22.8-18.7 85.9 49.5 84.7M107.2 202c2.6-1.6 4.8-3.3 5.5-4.4.6-1.2 1-3.5.8-6.9-5-67-67.5-46.8-90.1-40.7 7.1 22 24.1 84.6 83.8 52M118 314.4c1.1-2.8 1.9-5.5 1.7-6.8s-1.3-3.4-3.6-6c-44.5-51-82.5 1.9-97.1 20.1 19.2 13.4 70.6 53.8 99-7.3m137.9-204c-11.7 13-46.2 47.5-4.7 75.7 1.9 1.1 3.8 2 4.7 2 1 0 2.6-.6 4.7-2 41.5-28.2 7-62.7-4.7-75.7"
+	/><path
+		d="M141.6 343.1c-.7-.5-2.1-.8-4.2-.8-41.6-.2-34.6 39.2-32.9 53.5 14.1-3.4 54-10.8 39.3-49.1-.7-1.7-1.5-3.2-2.2-3.6m109.5-67.5c1.9 1.1 3.8 2 4.7 2 1 0 2.6-.6 4.7-2 41.5-28.1 7-62.7-4.7-75.7-11.6 13-46.2 47.6-4.7 75.7m-175-21c1.3-1.8 2.4-3.5 2.5-4.5s-.4-2.6-1.6-4.8c-24.7-43.2-62.7-12.5-76.9-2.1 12 12.7 43.8 49.6 76 11.4m42.7-119c2.2-.2 4.3-.4 5.1-1s1.8-2 2.7-4.3C144.4 83.8 96 74.8 78.9 70.7c-2.1 17.3-10.4 65.1 39.9 64.9m68.1-15c2.5.4 4.8.7 5.8.3s2.5-1.7 4.1-4c32.1-45.8-18-68.4-35.6-77.4-6.9 18.2-29.1 68 25.7 81.1M311 214.1c1.1.7 3.9 1.2 6.9 1.4 68.2 1.3 53.5-61.9 49.5-84.7-22.9 5.1-87.7 16-60.4 77.5 1.4 3.1 2.9 5.1 4 5.8m87.6-23.4c-.2 3.4.1 5.7.8 6.9.6 1.2 2.9 2.8 5.5 4.4 59.7 32.5 76.7-30.1 83.9-52.1-22.7-6-85.2-26.2-90.2 40.8m-2.8 110.9c-2.2 2.6-3.4 4.7-3.6 6s.6 4 1.7 6.8c28.4 61.1 79.8 20.7 98.9 7.3-14.5-18.2-52.5-71-97-20.1m-21.3 40.6c-2.1 0-3.5.4-4.2.8s-1.5 1.9-2.2 3.6c-14.7 38.3 25.2 45.7 39.3 49.1 1.7-14.2 8.7-53.6-32.9-53.5m60.6-96.9c-1.2 2.2-1.7 3.9-1.6 4.8.1 1 1.2 2.7 2.5 4.5 32.2 38.2 64 1.2 76.1-11.4-14.3-10.3-52.3-41.1-77 2.1m-47-110.7c.8.5 2.9.8 5.1 1 50.4.2 42-47.5 39.9-64.8-17.1 4.1-65.5 13.1-47.7 59.5.9 2.3 1.9 3.7 2.7 4.3m-68.8-13.7c1 .4 3.3.2 5.8-.3 54.8-13.2 32.6-62.9 25.6-81.1-17.5 9-67.6 31.6-35.6 77.4 1.7 2.3 3.1 3.6 4.2 4"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/YoutubeIcon.svelte b/frontend/src/lib/components/icons/YoutubeIcon.svelte
index 674c3e8052..36807ce730 100644
--- a/frontend/src/lib/components/icons/YoutubeIcon.svelte
+++ b/frontend/src/lib/components/icons/YoutubeIcon.svelte
@@ -1,12 +1,17 @@
+<!-- #FF0033 on both themes per brand.youtube/color (YouTube Red, updated from #FF0000). "The triangle in the full-color red icon must always be white." -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#FF0000" xmlns="http://www.w3.org/2000/svg">
-<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="#FF0033"
+		d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+	/>
+	<polygon fill="#FFFFFF" points="9.545,15.568 9.545,8.432 15.818,12" />
 </svg>
diff --git a/frontend/src/lib/components/icons/ZammadIcon.svelte b/frontend/src/lib/components/icons/ZammadIcon.svelte
index de1c744579..f0a737a212 100644
--- a/frontend/src/lib/components/icons/ZammadIcon.svelte
+++ b/frontend/src/lib/components/icons/ZammadIcon.svelte
@@ -1,28 +1,47 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
+<!-- #FFD130 per zammad.com favicon-32x32.svg. -->
 <svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M114.807 61.0046L154.093 48.9456L130.823 63.7367L114.807 61.0046Z" fill="#CA2317"/>
-<path d="M138.736 90.3985L130.823 63.7367L154.093 48.9456L147.121 72.8752L138.736 90.3985Z" fill="#E84F83"/>
-<path d="M165.586 41.6913L161.253 48.9455L147.121 72.8752L154.093 48.9455L165.586 41.6913Z" fill="#CA2317"/>
-<path d="M167 46.4019L156.072 57.613L161.253 48.9456L167 46.4019Z" fill="#E54011"/>
-<path d="M117.162 53.5619L149.288 50.3587L126.96 57.2361L117.162 53.5619Z" fill="#E54011"/>
-<path d="M118.387 71.7446L130.823 63.7366L138.737 90.3984L134.592 98.8774L118.387 71.7446Z" fill="#CA2317"/>
-<path d="M99.8274 103.4L93.8921 30.8569L134.591 98.8774L99.8274 103.4Z" fill="#B7DFF2"/>
-<path d="M82.9639 121.959L99.8277 103.4L134.592 98.8774L82.9639 121.959Z" fill="#E54011"/>
-<path d="M1 158.419L82.9637 121.959L99.8275 103.4L73.0715 100.667L1 158.419Z" fill="#FFCE33"/>
-<path d="M4.1084 128.648L46.2208 122.242L59.3161 111.69L52.9098 108.864L4.1084 128.648Z" fill="#D6B12D"/>
-<path d="M19.2769 94.2611L59.3166 111.69L73.0714 100.667L19.2769 94.2611Z" fill="#FFDE85"/>
-<path d="M90.8777 57.1418L85.7903 57.9898L73.0718 100.667L86.8266 92L90.8777 57.1418Z" fill="#009EC6"/>
-<path d="M98.3199 84.6515L86.8262 91.9999L93.892 30.8569L98.3199 84.6515Z" fill="#5EAFCE"/>
-<path d="M54.8887 62.8888L90.8773 57.1419L92.4789 42.916L54.8887 62.8888Z" fill="#045972"/>
-<path d="M51.0264 29.538L82.3045 48.3803L92.4793 42.916L92.7619 40.9376L51.0264 29.538Z" fill="#5A8591"/>
-<path d="M57.1504 9L85.6021 38.9591L92.7622 40.9376L93.8927 30.857L57.1504 9Z" fill="#009EC6"/>
-<path d="M73.0718 100.667L98.3204 84.6516L99.8277 103.4L73.0718 100.667Z" fill="#F39804"/>
+	<path d="M114.807 61.0046L154.093 48.9456L130.823 63.7367L114.807 61.0046Z" fill="#CD2015" />
+	<path
+		d="M138.736 90.3985L130.823 63.7367L154.093 48.9456L147.121 72.8752L138.736 90.3985Z"
+		fill="#EA4F86"
+	/>
+	<path
+		d="M165.586 41.6913L161.253 48.9455L147.121 72.8752L154.093 48.9455L165.586 41.6913Z"
+		fill="#CD2015"
+	/>
+	<path d="M167 46.4019L156.072 57.613L161.253 48.9456L167 46.4019Z" fill="#E83F00" />
+	<path d="M117.162 53.5619L149.288 50.3587L126.96 57.2361L117.162 53.5619Z" fill="#E83F00" />
+	<path
+		d="M118.387 71.7446L130.823 63.7366L138.737 90.3984L134.592 98.8774L118.387 71.7446Z"
+		fill="#CD2015"
+	/>
+	<path d="M99.8274 103.4L93.8921 30.8569L134.591 98.8774L99.8274 103.4Z" fill="#BAE2F5" />
+	<path d="M82.9639 121.959L99.8277 103.4L134.592 98.8774L82.9639 121.959Z" fill="#E83F00" />
+	<path d="M1 158.419L82.9637 121.959L99.8275 103.4L73.0715 100.667L1 158.419Z" fill="#FFD130" />
+	<path
+		d="M4.1084 128.648L46.2208 122.242L59.3161 111.69L52.9098 108.864L4.1084 128.648Z"
+		fill="#D9B42F"
+	/>
+	<path d="M19.2769 94.2611L59.3166 111.69L73.0714 100.667L19.2769 94.2611Z" fill="#FFE188" />
+	<path
+		d="M90.8777 57.1418L85.7903 57.9898L73.0718 100.667L86.8266 92L90.8777 57.1418Z"
+		fill="#00A2C9"
+	/>
+	<path d="M98.3199 84.6515L86.8262 91.9999L93.892 30.8569L98.3199 84.6515Z" fill="#5EB2D1" />
+	<path d="M54.8887 62.8888L90.8773 57.1419L92.4789 42.916L54.8887 62.8888Z" fill="#005971" />
+	<path
+		d="M51.0264 29.538L82.3045 48.3803L92.4793 42.916L92.7619 40.9376L51.0264 29.538Z"
+		fill="#5A8794"
+	/>
+	<path d="M57.1504 9L85.6021 38.9591L92.7622 40.9376L93.8927 30.857L57.1504 9Z" fill="#00A2C9" />
+	<path d="M73.0718 100.667L98.3204 84.6516L99.8277 103.4L73.0718 100.667Z" fill="#F59B00" />
 </svg>
diff --git a/frontend/src/lib/components/icons/ZendeskIcon.svelte b/frontend/src/lib/components/icons/ZendeskIcon.svelte
index 45423b520e..503b05a54a 100644
--- a/frontend/src/lib/components/icons/ZendeskIcon.svelte
+++ b/frontend/src/lib/components/icons/ZendeskIcon.svelte
@@ -1,16 +1,29 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 -30.5 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <g>
-        <path d="M118.249172,51.2326115 L118.249172,194.005605 L0,194.005605 L118.249172,51.2326115 Z M118.249172,2.84217094e-14 C118.249172,32.6440764 91.7686624,59.124586 59.124586,59.124586 C26.4805096,59.124586 0,32.6440764 0,2.84217094e-14 L118.249172,2.84217094e-14 Z M137.750828,194.005605 C137.750828,161.328917 164.198726,134.881019 196.875414,134.881019 C229.552102,134.881019 256,161.361529 256,194.005605 L137.750828,194.005605 Z M137.750828,142.740382 L137.750828,0 L256,0 L137.750828,142.740382 Z" fill="currentColor">
-
-</path>
-    </g>
-</svg>
\ No newline at end of file
+<!-- #11110D / #FFFFFF per zendesk.com. Zendesk's brand guidelines specify the logo in Licorice
+	#11110D and Coconut #FFFFFF only and forbid unapproved color variations. -->
+<svg
+	class="text-[#11110D] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 -30.5 256 256"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	preserveAspectRatio="xMidYMid"
+>
+	<g>
+		<path
+			d="M118.249172,51.2326115 L118.249172,194.005605 L0,194.005605 L118.249172,51.2326115 Z M118.249172,2.84217094e-14 C118.249172,32.6440764 91.7686624,59.124586 59.124586,59.124586 C26.4805096,59.124586 0,32.6440764 0,2.84217094e-14 L118.249172,2.84217094e-14 Z M137.750828,194.005605 C137.750828,161.328917 164.198726,134.881019 196.875414,134.881019 C229.552102,134.881019 256,161.361529 256,194.005605 L137.750828,194.005605 Z M137.750828,142.740382 L137.750828,0 L256,0 L137.750828,142.740382 Z"
+			fill="currentColor"
+		>
+		</path>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/ZeroTierIcon.svelte b/frontend/src/lib/components/icons/ZeroTierIcon.svelte
index 57bc4ba1a1..8917867483 100644
--- a/frontend/src/lib/components/icons/ZeroTierIcon.svelte
+++ b/frontend/src/lib/components/icons/ZeroTierIcon.svelte
@@ -1,12 +1,22 @@
+<!-- #FFB25B tile with a #161C24 glyph per zerotier.com's own icon.svg and logo lockups. The tile is identical on light and dark; only the wordmark inverts. -->
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#FFB441" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.01 0A3.999 3.999 0 0 0 .014 4v16c0 2.209 1.79 4 3.996 4h15.98a3.998 3.998 0 0 0 3.996-4V4c0-2.209-1.79-4-3.996-4zm-.672 2.834h17.326a.568.568 0 1 1 0 1.137h-8.129c.021.059.033.123.033.19v1.804A6.06 6.06 0 0 1 18.057 12c0 3.157-2.41 5.75-5.489 6.037v2.56a.568.568 0 1 1-1.136 0v-2.56A6.061 6.061 0 0 1 5.943 12a6.06 6.06 0 0 1 5.489-6.035V4.16c0-.066.012-.13.033-.19H3.338a.568.568 0 1 1 0-1.136zm8.094 4.307A4.89 4.89 0 0 0 7.113 12a4.89 4.89 0 0 0 4.319 4.86zm1.136 0v9.718A4.892 4.892 0 0 0 16.888 12a4.892 4.892 0 0 0-4.32-4.86z"/>
+<svg {width} {height} viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="m64 0c14.6253 0 26.5258.672993 35.7179 1.52655 6.2051.5745 9.3071.86996 13.8371 3.39779 3.119 1.73993 7.797 6.41806 9.521 9.52036 2.527 4.5304 2.823 7.6328 3.397 13.8374.854 9.1921 1.527 21.109 1.527 35.7179s-.673 26.5258-1.527 35.7179c-.574 6.2051-.87 9.3071-3.397 13.8371-1.74 3.119-6.418 7.797-9.521 9.521-4.53 2.527-7.632 2.823-13.8371 3.397-9.1921.854-21.109 1.527-35.7179 1.527s-26.5258-.673-35.7179-1.527c-6.2046-.574-9.307-.87-13.8374-3.397-3.1187-1.74-7.79684-6.418-9.52036-9.521-2.52783-4.53-2.82329-7.632-3.39779-13.8371-.853557-9.1921-1.52655-21.109-1.52655-35.7179s.672993-26.5258 1.52655-35.7179c.5745-6.2046.86996-9.307 3.39779-13.8374 1.73993-3.1187 6.41806-7.79684 9.52036-9.52036 4.5304-2.52783 7.6328-2.82329 13.8374-3.39779 9.1921-.853557 21.109-1.52655 35.7179-1.52655zm-39.3947 19.6974c-2.7248 0-4.9244 2.1995-4.9244 4.9243s2.1996 4.9243 4.9244 4.9243h34.4704v15.2655c-11.2439 2.2816-19.6974 12.2124-19.6974 24.1293s8.4535 21.8476 19.6974 24.1292v15.265c0 2.725 2.1995 4.925 4.9243 4.925s4.9243-2.2 4.9243-4.925v-15.265c11.244-2.2816 19.6974-12.2123 19.6974-24.1292s-8.4534-21.8477-19.6974-24.1293v-15.2655h34.4707c2.725 0 4.924-2.1995 4.924-4.9243s-2.199-4.9243-4.924-4.9243zm39.3947 34.4703c8.158 0 14.773 6.6151 14.773 14.7731 0 8.1579-6.615 14.773-14.773 14.773s-14.773-6.6151-14.773-14.773c0-8.158 6.615-14.7731 14.773-14.7731z"
+		fill="#FFB25B"
+	/>
+	<path
+		clip-rule="evenodd"
+		d="m103.395 19.6974c2.725.0002 4.924 2.1996 4.924 4.9243s-2.199 4.9241-4.924 4.9243h-34.4703v15.2652c11.2438 2.2817 19.6974 12.2128 19.6974 24.1296 0 11.9167-8.4536 21.8478-19.6974 24.1295v15.2647c0 2.725-2.1997 4.925-4.9243 4.925-2.7248 0-4.9243-2.2-4.9243-4.925v-15.2647c-11.244-2.2816-19.6974-12.2126-19.6974-24.1295 0-11.917 8.4534-21.848 19.6974-24.1296v-15.2652h-34.4704c-2.7248 0-4.9244-2.1995-4.9244-4.9243s2.1996-4.9243 4.9244-4.9243zm-39.3946 34.4703c-8.158 0-14.773 6.6151-14.773 14.7731 0 8.1579 6.615 14.773 14.773 14.773 8.1578-.0002 14.773-6.6152 14.773-14.773 0-8.1579-6.6152-14.7729-14.773-14.7731z"
+		fill="#161C24"
+		fill-rule="evenodd"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ZitadelIcon.svelte b/frontend/src/lib/components/icons/ZitadelIcon.svelte
index 4548180b9b..606bfc7444 100644
--- a/frontend/src/lib/components/icons/ZitadelIcon.svelte
+++ b/frontend/src/lib/components/icons/ZitadelIcon.svelte
@@ -1,81 +1,188 @@
 <script lang="ts">
-    interface Props {
-        height?: string;
-        width?: string;
-    }
+	interface Props {
+		height?: string
+		width?: string
+	}
 
-    let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 467 467" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="zitadel-logo-solo-darkdesign" transform="matrix(0.564847,0,0,0.659318,-1282.85,0)">
-        <rect x="2271.15" y="0" width="826.773" height="708.241" style="fill:none;"/>
-        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5923.46,-2258.26)">
-            <path d="M1493.5,1056.38L1493.5,1037L1496.5,1037L1496.5,1061.62L1426.02,1020.38L1496.5,979.392L1496.5,1004L1493.5,1004L1493.5,984.608L1431.98,1020.39L1493.5,1056.38Z" style="fill:white;"/>
-        </g>
-        <g transform="matrix(31.0036,0,0,15.0393,-397275,-666.457)">
-            <g transform="matrix(-0.0429306,-0.282967,0.160219,-0.0758207,12884.5,137.392)">
-                <path d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z" style="fill:url(#_Linear1);"/>
-            </g>
-            <g transform="matrix(0.160219,0.0758207,-0.0429306,0.282967,12878.9,10.8747)">
-                <path d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z" style="fill:url(#_Linear2);"/>
-            </g>
-            <g transform="matrix(-0.117289,0.207146,-0.117289,-0.207146,12943.8,65.7)">
-                <path d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z" style="fill:url(#_Linear3);"/>
-            </g>
-            <g transform="matrix(-0.160219,-0.0758207,0.0429306,-0.282967,12917.4,132.195)">
-                <path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear4);"/>
-            </g>
-            <g transform="matrix(-0.117289,0.207146,0.117289,0.207146,12897.8,5.87512)">
-                <path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear5);"/>
-            </g>
-            <g transform="matrix(-0.0429306,-0.282967,-0.160219,0.0758207,12936.8,97.6441)">
-                <path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear6);"/>
-            </g>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5928.43,-2257.12)">
-            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5884.5,-2116.69)">
-            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5855.22,-2023.06)">
-            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-6234.47,-2112.14)">
-            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5957.71,-2350.75)">
-            <circle cx="1496" cy="1004" r="7" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5477.99,-831.33)">
-            <path d="M1499.26,757.787C1499.26,757.787 1497.37,756.489 1497,755.2C1496.71,754.182 1496.57,750.662 1496.54,750C1496.41,747.303 1499.21,745.644 1499.21,745.644L1490.01,745.835C1490.01,745.835 1493.15,745.713 1493.46,750C1493.51,750.661 1493.23,753.476 1493,755.2C1492.91,756.447 1491.2,757.668 1491.2,757.668L1499.26,757.787Z" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5404.79,-597.271)">
-            <path d="M1495,760L1495,744" style="fill:none;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5404.79,-597.271)">
-            <path d="M1498.27,757.077C1498.27,757.077 1496.71,756.46 1496.65,754.8C1496.65,753.658 1496.64,753.281 1496.65,752.016C1496.62,751.334 1496.59,750.608 1496.65,749.949C1496.78,746.836 1498.5,746.156 1498.5,746.156L1491.46,745.931C1491.46,745.931 1493.37,746.719 1493.65,749.83C1493.71,750.489 1493.69,751.528 1493.65,752.209C1493.64,753.331 1493.64,753.413 1493.65,754.518C1493.68,756.334 1492.58,756.827 1492.58,756.827L1498.27,757.077Z" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5770.62,-677.495)">
-            <path d="M1496.17,759.473L1555.54,720.014" style="fill:none;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5770.62,-677.495)">
-            <path d="M1500.86,762.056C1500.86,762.056 1499.86,760.4 1503.09,757.456C1504.91,755.797 1507.33,754.151 1509.98,752.255C1514.82,748.79 1520.68,744.94 1526.52,741.049C1531.45,737.766 1536.38,734.479 1540.82,731.68C1544.52,729.349 1547.85,727.296 1550.54,725.8C1551.07,725.506 1551.6,725.329 1552.05,725.029C1554.73,723.257 1556.85,724.968 1556.85,724.968L1552.23,716.282C1552.23,716.282 1551.99,719.454 1550,720.997C1549.57,721.333 1549.15,721.741 1548.67,722.12C1546.2,724.053 1542.99,726.344 1539.39,728.867C1535.06,731.898 1530.13,735.166 1525.19,738.438C1519.35,742.314 1513.52,746.234 1508.49,749.329C1505.74,751.023 1503.28,752.577 1501.13,753.598C1497.99,755.086 1495.28,753.617 1495.28,753.617L1500.86,762.056Z" style="fill:white;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,-1.16463,-3.72366,-3997,4993.28)">
-            <path d="M1496.17,759.473L1555.54,720.014" style="fill:none;"/>
-        </g>
-        <g transform="matrix(4.96737,-1.14029,-1.16463,-3.72366,-3997,4993.28)">
-            <path d="M1496.1,754.362C1496.1,754.362 1497.2,755.607 1501.13,753.598C1503.25,752.509 1505.74,751.023 1508.49,749.329C1513.52,746.234 1519.35,742.314 1525.19,738.438C1530.13,735.166 1534.94,731.832 1539.27,728.802C1542.87,726.279 1549.36,722.059 1549.81,721.75C1552.75,719.73 1552.18,718.196 1552.18,718.196L1555.28,724.152C1555.28,724.152 1553.77,722.905 1551.37,724.681C1550.93,725.006 1544.52,729.349 1540.82,731.68C1536.38,734.479 1531.45,737.766 1526.52,741.049C1520.68,744.94 1514.82,748.79 1509.98,752.255C1507.33,754.151 1504.89,755.771 1503.09,757.456C1499.47,760.841 1501.26,763.283 1501.26,763.283L1496.1,754.362Z" style="fill:white;"/>
-        </g>
-    </g>
-    <defs>
-        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-41.5984,155.247,-155.247,-41.5984,201.516,76.8392)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
-        <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(155.247,-41.5984,41.5984,155.247,110.08,195.509)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
-        <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-113.649,-113.649,113.649,-113.649,258.31,215.618)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
-        <linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-155.247,41.5984,-41.5984,-155.247,220.914,144.546)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
-        <linearGradient id="_Linear5" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-113.649,113.649,113.649,113.649,206.837,124.661)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
-        <linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-41.5984,-155.247,-155.247,41.5984,152.054,262.8)"><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(254,0,255);stop-opacity:1"/></linearGradient>
-    </defs>
-</svg>
\ No newline at end of file
+<!-- #232323 / #FFFFFF per zitadel/zitadel console assets zitadel-logo-solo-dark.svg / zitadel-logo-solo-light.svg. The gradient chevrons stay #FF8F00→#FE00FF in both variants. -->
+<svg
+	class="text-[#232323] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 467 467"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	xml:space="preserve"
+	style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
+>
+	<g id="zitadel-logo-solo-darkdesign" transform="matrix(0.564847,0,0,0.659318,-1282.85,0)">
+		<rect x="2271.15" y="0" width="826.773" height="708.241" style="fill:none;" />
+		<g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5923.46,-2258.26)">
+			<path
+				d="M1493.5,1056.38L1493.5,1037L1496.5,1037L1496.5,1061.62L1426.02,1020.38L1496.5,979.392L1496.5,1004L1493.5,1004L1493.5,984.608L1431.98,1020.39L1493.5,1056.38Z"
+				style="fill:currentColor;"
+			/>
+		</g>
+		<g transform="matrix(31.0036,0,0,15.0393,-397275,-666.457)">
+			<g transform="matrix(-0.0429306,-0.282967,0.160219,-0.0758207,12884.5,137.392)">
+				<path
+					d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z"
+					style="fill:url(#_Linear1);"
+				/>
+			</g>
+			<g transform="matrix(0.160219,0.0758207,-0.0429306,0.282967,12878.9,10.8747)">
+				<path
+					d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z"
+					style="fill:url(#_Linear2);"
+				/>
+			</g>
+			<g transform="matrix(-0.117289,0.207146,-0.117289,-0.207146,12943.8,65.7)">
+				<path
+					d="M212.517,110L200.392,110L190,92L179.608,110L167.483,110L190,71L212.517,110Z"
+					style="fill:url(#_Linear3);"
+				/>
+			</g>
+			<g transform="matrix(-0.160219,-0.0758207,0.0429306,-0.282967,12917.4,132.195)">
+				<path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear4);" />
+			</g>
+			<g transform="matrix(-0.117289,0.207146,0.117289,0.207146,12897.8,5.87512)">
+				<path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear5);" />
+			</g>
+			<g transform="matrix(-0.0429306,-0.282967,-0.160219,0.0758207,12936.8,97.6441)">
+				<path d="M139.622,117L149,142L130.244,142L139.622,117Z" style="fill:url(#_Linear6);" />
+			</g>
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5928.43,-2257.12)">
+			<circle cx="1496" cy="1004" r="7" style="fill:currentColor;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5884.5,-2116.69)">
+			<circle cx="1496" cy="1004" r="7" style="fill:currentColor;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5855.22,-2023.06)">
+			<circle cx="1496" cy="1004" r="7" style="fill:currentColor;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.331,4.25561,-6234.47,-2112.14)">
+			<circle cx="1496" cy="1004" r="7" style="fill:currentColor;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.331,4.25561,-5957.71,-2350.75)">
+			<circle cx="1496" cy="1004" r="7" style="fill:currentColor;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5477.99,-831.33)">
+			<path
+				d="M1499.26,757.787C1499.26,757.787 1497.37,756.489 1497,755.2C1496.71,754.182 1496.57,750.662 1496.54,750C1496.41,747.303 1499.21,745.644 1499.21,745.644L1490.01,745.835C1490.01,745.835 1493.15,745.713 1493.46,750C1493.51,750.661 1493.23,753.476 1493,755.2C1492.91,756.447 1491.2,757.668 1491.2,757.668L1499.26,757.787Z"
+				style="fill:currentColor;"
+			/>
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5404.79,-597.271)">
+			<path d="M1495,760L1495,744" style="fill:none;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5404.79,-597.271)">
+			<path
+				d="M1498.27,757.077C1498.27,757.077 1496.71,756.46 1496.65,754.8C1496.65,753.658 1496.64,753.281 1496.65,752.016C1496.62,751.334 1496.59,750.608 1496.65,749.949C1496.78,746.836 1498.5,746.156 1498.5,746.156L1491.46,745.931C1491.46,745.931 1493.37,746.719 1493.65,749.83C1493.71,750.489 1493.69,751.528 1493.65,752.209C1493.64,753.331 1493.64,753.413 1493.65,754.518C1493.68,756.334 1492.58,756.827 1492.58,756.827L1498.27,757.077Z"
+				style="fill:currentColor;"
+			/>
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5770.62,-677.495)">
+			<path d="M1496.17,759.473L1555.54,720.014" style="fill:none;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,1.16463,3.72366,-5770.62,-677.495)">
+			<path
+				d="M1500.86,762.056C1500.86,762.056 1499.86,760.4 1503.09,757.456C1504.91,755.797 1507.33,754.151 1509.98,752.255C1514.82,748.79 1520.68,744.94 1526.52,741.049C1531.45,737.766 1536.38,734.479 1540.82,731.68C1544.52,729.349 1547.85,727.296 1550.54,725.8C1551.07,725.506 1551.6,725.329 1552.05,725.029C1554.73,723.257 1556.85,724.968 1556.85,724.968L1552.23,716.282C1552.23,716.282 1551.99,719.454 1550,720.997C1549.57,721.333 1549.15,721.741 1548.67,722.12C1546.2,724.053 1542.99,726.344 1539.39,728.867C1535.06,731.898 1530.13,735.166 1525.19,738.438C1519.35,742.314 1513.52,746.234 1508.49,749.329C1505.74,751.023 1503.28,752.577 1501.13,753.598C1497.99,755.086 1495.28,753.617 1495.28,753.617L1500.86,762.056Z"
+				style="fill:currentColor;"
+			/>
+		</g>
+		<g transform="matrix(4.96737,-1.14029,-1.16463,-3.72366,-3997,4993.28)">
+			<path d="M1496.17,759.473L1555.54,720.014" style="fill:none;" />
+		</g>
+		<g transform="matrix(4.96737,-1.14029,-1.16463,-3.72366,-3997,4993.28)">
+			<path
+				d="M1496.1,754.362C1496.1,754.362 1497.2,755.607 1501.13,753.598C1503.25,752.509 1505.74,751.023 1508.49,749.329C1513.52,746.234 1519.35,742.314 1525.19,738.438C1530.13,735.166 1534.94,731.832 1539.27,728.802C1542.87,726.279 1549.36,722.059 1549.81,721.75C1552.75,719.73 1552.18,718.196 1552.18,718.196L1555.28,724.152C1555.28,724.152 1553.77,722.905 1551.37,724.681C1550.93,725.006 1544.52,729.349 1540.82,731.68C1536.38,734.479 1531.45,737.766 1526.52,741.049C1520.68,744.94 1514.82,748.79 1509.98,752.255C1507.33,754.151 1504.89,755.771 1503.09,757.456C1499.47,760.841 1501.26,763.283 1501.26,763.283L1496.1,754.362Z"
+				style="fill:currentColor;"
+			/>
+		</g>
+	</g>
+	<defs>
+		<linearGradient
+			id="_Linear1"
+			x1="0"
+			y1="0"
+			x2="1"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="matrix(-41.5984,155.247,-155.247,-41.5984,201.516,76.8392)"
+			><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1" /><stop
+				offset="1"
+				style="stop-color:rgb(254,0,255);stop-opacity:1"
+			/></linearGradient
+		>
+		<linearGradient
+			id="_Linear2"
+			x1="0"
+			y1="0"
+			x2="1"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="matrix(155.247,-41.5984,41.5984,155.247,110.08,195.509)"
+			><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1" /><stop
+				offset="1"
+				style="stop-color:rgb(254,0,255);stop-opacity:1"
+			/></linearGradient
+		>
+		<linearGradient
+			id="_Linear3"
+			x1="0"
+			y1="0"
+			x2="1"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="matrix(-113.649,-113.649,113.649,-113.649,258.31,215.618)"
+			><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1" /><stop
+				offset="1"
+				style="stop-color:rgb(254,0,255);stop-opacity:1"
+			/></linearGradient
+		>
+		<linearGradient
+			id="_Linear4"
+			x1="0"
+			y1="0"
+			x2="1"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="matrix(-155.247,41.5984,-41.5984,-155.247,220.914,144.546)"
+			><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1" /><stop
+				offset="1"
+				style="stop-color:rgb(254,0,255);stop-opacity:1"
+			/></linearGradient
+		>
+		<linearGradient
+			id="_Linear5"
+			x1="0"
+			y1="0"
+			x2="1"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="matrix(-113.649,113.649,113.649,113.649,206.837,124.661)"
+			><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1" /><stop
+				offset="1"
+				style="stop-color:rgb(254,0,255);stop-opacity:1"
+			/></linearGradient
+		>
+		<linearGradient
+			id="_Linear6"
+			x1="0"
+			y1="0"
+			x2="1"
+			y2="0"
+			gradientUnits="userSpaceOnUse"
+			gradientTransform="matrix(-41.5984,-155.247,-155.247,41.5984,152.054,262.8)"
+			><stop offset="0" style="stop-color:rgb(255,143,0);stop-opacity:1" /><stop
+				offset="1"
+				style="stop-color:rgb(254,0,255);stop-opacity:1"
+			/></linearGradient
+		>
+	</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/ZixflowIcon.svelte b/frontend/src/lib/components/icons/ZixflowIcon.svelte
new file mode 100644
index 0000000000..c24f9ed843
--- /dev/null
+++ b/frontend/src/lib/components/icons/ZixflowIcon.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #141414 / #FFFFFF per docs.zixflow.com logo pack (logo/light.svg / logo/dark.svg). -->
+<svg
+	class="text-[#141414] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 36 28"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path d="M2.17188 0H35.5293L18.6889 19.692L19.9551 7.56969L2.17188 0Z" fill="currentColor"
+	></path><path d="M33.3598 28H0L16.8403 8.30798L15.5741 20.4303L33.3598 28Z" fill="currentColor"
+	></path>
+</svg>
diff --git a/frontend/src/lib/components/icons/ZohoIcon.svelte b/frontend/src/lib/components/icons/ZohoIcon.svelte
index 28fac47fb0..313665f46d 100644
--- a/frontend/src/lib/components/icons/ZohoIcon.svelte
+++ b/frontend/src/lib/components/icons/ZohoIcon.svelte
@@ -7,26 +7,36 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} version="1.1" viewBox="0 0 1024 450" xmlns="http://www.w3.org/2000/svg">
+<!-- #000000 / #FFFFFF per zoho.com/branding (zoho-logo-web.svg / zoho-logo-white.svg). The four
+	squares carry their own brand hexes (#E42527/#089949/#226DB4/#F9B21D) on light; Zoho's reversed
+	lock-up is entirely white, so they invert with the wordmark on dark. -->
+<svg
+	class="text-[#000000] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	version="1.1"
+	viewBox="0 0 1024 450"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
+		class="fill-[#089949] dark:fill-[#FFFFFF]"
 		d="m458.1 353c-7.7 0-15.5-1.6-23-4.9l-160-71.3c-28.6-12.7-41.5-46.4-28.8-75l71.3-160c12.7-28.6 46.4-41.5 75-28.8l160 71.3c28.6 12.7 41.5 46.4 28.8 75l-71.3 160c-9.5 21.2-30.3 33.7-52 33.7zm-9.7-34.9c12.1 5.4 26.3-0.1 31.7-12.1l71.3-160c5.4-12.1-0.1-26.3-12.1-31.7l-160.1-71.3c-12.1-5.4-26.3 0.1-31.7 12.1l-71.3 160c-5.4 12.1 0.1 26.3 12.1 31.7z"
-		fill="currentColor"
 	/>
 	<path
+		class="fill-[#F9B21D] dark:fill-[#FFFFFF]"
 		d="m960 353.1h-175.2c-31.3 0-56.8-25.5-56.8-56.8v-175.2c0-31.3 25.5-56.8 56.8-56.8h175.2c31.3 0 56.8 25.5 56.8 56.8v175.2c0 31.3-25.5 56.8-56.8 56.8zm-175.2-256c-13.2 0-24 10.8-24 24v175.2c0 13.2 10.8 24 24 24h175.2c13.2 0 24-10.8 24-24v-175.2c0-13.2-10.8-24-24-24z"
-		fill="currentColor"
 	/>
 	<path
+		class="fill-[#E42527] dark:fill-[#FFFFFF]"
 		d="m303.9 153.2-23.6 52.8c-0.3 0.6-0.6 1.1-0.9 1.6l9.2 56.8c2.1 13.1-6.8 25.4-19.8 27.5l-173 28c-6.3 1-12.7-0.5-17.9-4.2s-8.6-9.3-9.6-15.6l-28-173c-1-6.3 0.5-12.7 4.2-17.9s9.3-8.6 15.6-9.6l173-28c1.3-0.2 2.6-0.3 3.8-0.3 11.5 0 21.8 8.4 23.7 20.2l9.3 57.2 24.4-54.7-1.3-7.7c-5-30.9-34.2-52-65.1-47l-173 28c-14.9 2.3-28.1 10.4-36.9 22.7-8.9 12.3-12.4 27.3-10 42.3l28 173c2.4 15 10.5 28.1 22.8 37 9.7 7.1 21.2 10.7 33.1 10.7 3 0 6.1-0.2 9.2-0.7l173-28c30.9-5 52-34.2 47-65.1z"
-		fill="currentColor"
 	/>
 	<path
+		class="fill-[#226DB4] dark:fill-[#FFFFFF]"
 		d="m511.4 235.8 25.4-56.9-7.2-52.9c-0.9-6.3 0.8-12.6 4.7-17.7s9.5-8.4 15.9-9.2l173.6-23.6c1.1-0.1 2.2-0.2 3.3-0.2 5.2 0 10.2 1.7 14.5 4.9 0.8 0.6 1.5 1.3 2.2 1.9 7.7-8.1 17.8-13.9 29.1-16.4-3.2-4.4-7-8.3-11.5-11.7-12.1-9.2-27-13.1-42-11.1l-173.8 23.6c-15 2-28.4 9.8-37.5 21.9-9.2 12.1-13.1 27-11.1 42z"
-		fill="currentColor"
 	/>
 	<path
+		class="fill-[#226DB4] dark:fill-[#FFFFFF]"
 		d="m806.8 265.1-22.8-168c-12.8 0.4-23.1 11-23.1 23.9v49.3l13.5 99.2c0.9 6.3-0.8 12.6-4.7 17.7s-9.5 8.4-15.9 9.2l-173.6 23.6c-6.3 0.9-12.6-0.8-17.7-4.7s-8.4-9.5-9.2-15.9l-8-58.9-25.4 56.9 0.9 6.4c2 15 9.8 28.4 21.9 37.5 10 7.6 21.9 11.6 34.3 11.6 2.6 0 5.2-0.2 7.8-0.5l173.4-23.4c15-2 28.4-9.8 37.5-21.9 9.2-12.1 13.1-27 11.1-42z"
-		fill="currentColor"
 	/>
 	<path
 		d="m655.4 415.6c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40 0.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-0.1 13.8-8.6 13.8-17.1zm-150.9-25.2h7.4c1.1 0 2 0.9 2 2v18.6h21v-18.6c0-1.1 0.9-2 2-2h7.4c1.1 0 2 0.9 2 2v46.5c0 1.1-0.9 2-2 2h-7.3c-1.1 0-2-0.9-2-2v-18.8h-21v18.8c0 1.1-0.9 2-2 2h-7.4c-1.1 0-2-0.9-2-2v-46.5c-0.1-1.1 0.8-2 1.9-2zm-123.1 25c0-15 11-25.8 26-25.8 15.5 0 26 10.6 26 25.9 0 15.5-10.7 26.2-26.2 26.2-15.6 0-25.8-10.7-25.8-26.3zm40.1 0.2c0-9.1-4.4-16.9-14.3-16.9-10 0-13.8 8.1-13.8 17.3 0 8.7 4.7 16.7 14.3 16.7 9.9-0.1 13.8-8.6 13.8-17.1zm-144.5 20.4 24.8-36.6h-20.4c-1.1 0-2-0.9-2-2v-4.9c0-1.1 0.9-2 2-2h33.5c1.1 0 2 0.9 2 2v1.9c0 0.4-0.1 0.8-0.3 1.1l-24.3 36.6h21.8c1.1 0 2 0.9 2 2v4.9c0 1.1-0.9 2-2 2h-35.4c-1.1 0-2-0.9-2-2v-1.8c-0.1-0.5 0.1-0.9 0.3-1.2z"
diff --git a/frontend/src/lib/components/icons/ZoomIcon.svelte b/frontend/src/lib/components/icons/ZoomIcon.svelte
index e68d208181..ecb48efc58 100644
--- a/frontend/src/lib/components/icons/ZoomIcon.svelte
+++ b/frontend/src/lib/components/icons/ZoomIcon.svelte
@@ -1,12 +1,23 @@
 <script lang="ts">
 	interface Props {
-		height?: string;
-		width?: string;
+		height?: string
+		width?: string
 	}
 
-	let { height = '24px', width = '24px' }: Props = $props();
+	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 24 24" fill="#0B5CFF" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z"/>
+<!-- #0B5CFF / #FFFFFF per brand.zoom.com. The logo "may only be used in Bloom (#0B5CFF), White, or
+	Black", with White reserved for dark backgrounds and Black requiring prior brand approval. -->
+<svg
+	class="text-[#0B5CFF] dark:text-[#FFFFFF]"
+	{width}
+	{height}
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z"
+	/>
 </svg>
diff --git a/frontend/src/lib/components/icons/ZuploIcon.svelte b/frontend/src/lib/components/icons/ZuploIcon.svelte
new file mode 100644
index 0000000000..c0d052808e
--- /dev/null
+++ b/frontend/src/lib/components/icons/ZuploIcon.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	interface Props {
+		height?: string
+		width?: string
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props()
+</script>
+
+<!-- #FF00BD (Vivid Magenta) per https://zuplo.com/brand. Brand guidelines forbid recolouring the mark; pink is the official variant on both light and dark surfaces. -->
+<svg {width} {height} viewBox="0 0 330 330" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M231.568 198.838H152.639L236.736 114.595C237.529 113.8 238.068 112.788 238.287 111.686C238.505 110.584 238.394 109.442 237.964 108.404C237.535 107.366 236.808 106.479 235.876 105.854C234.944 105.23 233.848 104.897 232.726 104.896H99.1637V49.0042H245.663C256.418 48.8732 266.989 51.7992 276.15 57.4442C285.311 63.0882 292.687 71.2192 297.422 80.8932C302.31 91.2402 303.881 102.849 301.919 114.126C299.957 125.403 294.558 135.795 286.463 143.874L231.568 198.838Z"
+		fill="#FF00BD"
+	/>
+	<path
+		d="M99.1637 131.817H178.097L94.1687 215.89C93.3627 216.699 92.8137 217.729 92.5917 218.85C92.3697 219.971 92.4837 221.132 92.9207 222.188C93.3567 223.244 94.0957 224.146 95.0437 224.782C95.9917 225.417 97.1067 225.757 98.2477 225.758H231.434V281.65H85.0757C74.3217 281.781 63.7517 278.854 54.5907 273.209C45.4287 267.565 38.0527 259.434 33.3177 249.761C28.4297 239.414 26.8597 227.805 28.8227 216.528C30.7857 205.251 36.1857 194.859 44.2807 186.78L99.1637 131.817Z"
+		fill="#FF00BD"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/brands/Discord.svelte b/frontend/src/lib/components/icons/brands/Discord.svelte
index ed752fd727..8bfae98621 100644
--- a/frontend/src/lib/components/icons/brands/Discord.svelte
+++ b/frontend/src/lib/components/icons/brands/Discord.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
-		style?: string;
-		class?: string;
+		size?: number
+		style?: string
+		class?: string
 	}
 
-	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props();
-	
+	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/brands/Github.svelte b/frontend/src/lib/components/icons/brands/Github.svelte
index b5490236f2..9a198ac80a 100644
--- a/frontend/src/lib/components/icons/brands/Github.svelte
+++ b/frontend/src/lib/components/icons/brands/Github.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
-		style?: string;
-		class?: string;
+		size?: number
+		style?: string
+		class?: string
 	}
 
-	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props();
-	
+	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/brands/Gitlab.svelte b/frontend/src/lib/components/icons/brands/Gitlab.svelte
index 7cd164c65d..02e28e31df 100644
--- a/frontend/src/lib/components/icons/brands/Gitlab.svelte
+++ b/frontend/src/lib/components/icons/brands/Gitlab.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
-		style?: string;
-		class?: string;
+		size?: number
+		style?: string
+		class?: string
 	}
 
-	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props();
-	
+	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/brands/Google.svelte b/frontend/src/lib/components/icons/brands/Google.svelte
index 35718b9f53..a9abe1b999 100644
--- a/frontend/src/lib/components/icons/brands/Google.svelte
+++ b/frontend/src/lib/components/icons/brands/Google.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
-		style?: string;
-		class?: string;
+		size?: number
+		style?: string
+		class?: string
 	}
 
-	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props();
-	
+	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/brands/Microsoft.svelte b/frontend/src/lib/components/icons/brands/Microsoft.svelte
index ce7caf236d..1518dd7658 100644
--- a/frontend/src/lib/components/icons/brands/Microsoft.svelte
+++ b/frontend/src/lib/components/icons/brands/Microsoft.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
-		style?: string;
-		class?: string;
+		size?: number
+		style?: string
+		class?: string
 	}
 
-	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props();
-	
+	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/brands/Okta.svelte b/frontend/src/lib/components/icons/brands/Okta.svelte
index 4dacdb51fe..40cd18ca1b 100644
--- a/frontend/src/lib/components/icons/brands/Okta.svelte
+++ b/frontend/src/lib/components/icons/brands/Okta.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	interface Props {
-		size?: number;
-		style?: string;
-		class?: string;
+		size?: number
+		style?: string
+		class?: string
 	}
 
-	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props();
-	
+	let { size = 16, style = 'fill: white;', class: clazz = '' }: Props = $props()
 </script>
 
 <svg
diff --git a/frontend/src/lib/components/icons/index.ts b/frontend/src/lib/components/icons/index.ts
index 194d1392fe..d5a7f1df4a 100644
--- a/frontend/src/lib/components/icons/index.ts
+++ b/frontend/src/lib/components/icons/index.ts
@@ -2,7 +2,6 @@ import AirtableIcon from './AirtableIcon.svelte'
 import DbIcon from './DbIcon.svelte'
 import DiscordIcon from './DiscordIcon.svelte'
 import GcalIcon from './GcalIcon.svelte'
-import GCloudIcon from './GCloudIcon.svelte'
 import GdriveIcon from './GdriveIcon.svelte'
 import GithubIcon from './GithubIcon.svelte'
 import GitlabIcon from './GitlabIcon.svelte'
@@ -228,7 +227,118 @@ import SpeechifyIcon from './SpeechifyIcon.svelte'
 import ConvertKitIcon from './ConvertKitIcon.svelte'
 import BrowserlessIcon from './BrowserlessIcon.svelte'
 import WizIcon from './WizIcon.svelte'
+import MailerLiteIcon from './MailerLiteIcon.svelte'
+import JotformIcon from './JotformIcon.svelte'
+import NewsApiIcon from './NewsApiIcon.svelte'
+import GreipIcon from './GreipIcon.svelte'
+import OdkIcon from './OdkIcon.svelte'
+import SalesflareIcon from './SalesflareIcon.svelte'
+import PaylocityIcon from './PaylocityIcon.svelte'
+import KustomerIcon from './KustomerIcon.svelte'
+import NetBoxIcon from './NetBoxIcon.svelte'
+import AbstractApiIcon from './AbstractApiIcon.svelte'
+import AcumbamailIcon from './AcumbamailIcon.svelte'
+import ChromaIcon from './ChromaIcon.svelte'
+import KoboToolboxIcon from './KoboToolboxIcon.svelte'
+import AblyIcon from './AblyIcon.svelte'
+import GorgiasIcon from './GorgiasIcon.svelte'
+import CertopusIcon from './CertopusIcon.svelte'
+import ZixflowIcon from './ZixflowIcon.svelte'
+import BotifyIcon from './BotifyIcon.svelte'
+import SensorTowerIcon from './SensorTowerIcon.svelte'
+import ZuploIcon from './ZuploIcon.svelte'
+import TomorrowIoIcon from './TomorrowIoIcon.svelte'
+import AcceloIcon from './AcceloIcon.svelte'
+import EnodeIcon from './EnodeIcon.svelte'
+import RecraftIcon from './RecraftIcon.svelte'
+import MeteosourceIcon from './MeteosourceIcon.svelte'
+import PhraseIcon from './PhraseIcon.svelte'
+import TheirStackIcon from './TheirStackIcon.svelte'
+import AssemblyAiIcon from './AssemblyAiIcon.svelte'
+import IfsIcon from './IfsIcon.svelte'
+import Ai21Icon from './Ai21Icon.svelte'
+import QoveryIcon from './QoveryIcon.svelte'
+import InkeepIcon from './InkeepIcon.svelte'
+import ContiguityIcon from './ContiguityIcon.svelte'
+import GristIcon from './GristIcon.svelte'
+import ButtondownIcon from './ButtondownIcon.svelte'
+import HoldedIcon from './HoldedIcon.svelte'
+import ExaIcon from './ExaIcon.svelte'
+import StraleIcon from './StraleIcon.svelte'
+import DustIcon from './DustIcon.svelte'
+import LangfuseIcon from './LangfuseIcon.svelte'
+import BasisTheoryIcon from './BasisTheoryIcon.svelte'
+import AdhookIcon from './AdhookIcon.svelte'
+import DocSpringIcon from './DocSpringIcon.svelte'
+import PersonaIcon from './PersonaIcon.svelte'
+import FoxentryIcon from './FoxentryIcon.svelte'
+import DeepInfraIcon from './DeepInfraIcon.svelte'
+import AttioIcon from './AttioIcon.svelte'
+import BasicHttpAuthIcon from './BasicHttpAuthIcon.svelte'
+import ApiKeyAuthIcon from './ApiKeyAuthIcon.svelte'
+import SignatureAuthIcon from './SignatureAuthIcon.svelte'
+import GpgKeyIcon from './GpgKeyIcon.svelte'
+import LdapIcon from './LdapIcon.svelte'
+import FormInputIcon from './FormInputIcon.svelte'
+import QuestionInputIcon from './QuestionInputIcon.svelte'
+import RecordIcon from './RecordIcon.svelte'
+import AiAgentIcon from './AiAgentIcon.svelte'
+import AgentInstructionsIcon from './AgentInstructionsIcon.svelte'
+import CustomAiIcon from './CustomAiIcon.svelte'
+import JsonSchemaIcon from './JsonSchemaIcon.svelte'
+import TripadvisorIcon from './TripadvisorIcon.svelte'
+import BaserowIcon from './BaserowIcon.svelte'
+import ArcGisIcon from './ArcGisIcon.svelte'
+import MezmoIcon from './MezmoIcon.svelte'
+import ReadmeIcon from './ReadmeIcon.svelte'
+import FormstackIcon from './FormstackIcon.svelte'
+import MapboxIcon from './MapboxIcon.svelte'
+import DbtIcon from './DbtIcon.svelte'
+import ShutterstockIcon from './ShutterstockIcon.svelte'
+import TaskadeIcon from './TaskadeIcon.svelte'
+import OauthIcon from './OauthIcon.svelte'
+import BeamerIcon from './BeamerIcon.svelte'
+import CampaynIcon from './CampaynIcon.svelte'
+import CodatIcon from './CodatIcon.svelte'
+import ComapeoIcon from './ComapeoIcon.svelte'
+import KlaviyoIcon from './KlaviyoIcon.svelte'
+import MatteroomIcon from './MatteroomIcon.svelte'
+import MollieIcon from './MollieIcon.svelte'
+import MotimateIcon from './MotimateIcon.svelte'
+import PaychexIcon from './PaychexIcon.svelte'
+import TerraIcon from './TerraIcon.svelte'
+import VectaraIcon from './VectaraIcon.svelte'
+import ActimoIcon from './ActimoIcon.svelte'
+import AdRapidIcon from './AdRapidIcon.svelte'
+import AeroWorkflowIcon from './AeroWorkflowIcon.svelte'
+import GlobalForestWatchIcon from './GlobalForestWatchIcon.svelte'
+import LeonardoAiIcon from './LeonardoAiIcon.svelte'
+import LocalContextsIcon from './LocalContextsIcon.svelte'
+import WeatherApiIcon from './WeatherApiIcon.svelte'
+import WebScrapingAiIcon from './WebScrapingAiIcon.svelte'
 import type { Component } from 'svelte'
+/**
+ * ./triggers/ holds desaturated variants of some marks in this folder, used by the four
+ * surfaces that list trigger kinds as menu rows: the sidebar trigger list
+ * (SidebarContent), the capture dropdown (CaptureButton), the add-trigger dropdown
+ * (AddTriggersButton) and the menu the flow-graph trigger badge opens (TriggersBadge).
+ * The last two reach them through triggerIconMapMono in triggers/utils.ts.
+ *
+ * All four are dense lists where brand marks sit next to lucide glyphs (Webhook, Route,
+ * Database), and a coloured mark there reads as a different kind of thing rather than a
+ * peer. Everywhere else — trigger pages, the flow-graph badge itself, tables, global
+ * search, the resource picker — uses the full-colour mark from this folder.
+ *
+ * The variants are separate files rather than a CSS override, because coercion cannot
+ * work in general: forcing fills to currentColor breaks lucide's outline icons, which
+ * are fill="none" with a stroke, and marks that set their own text-[#hex] class ignore
+ * a fill rule entirely.
+ *
+ * Most variants are the pre-audit artwork painted with currentColor. GoogleCloudIcon is
+ * greyscale instead — four grey tones rather than one flat colour — because Google's
+ * cloud loses its internal shape when flattened. If the artwork changes, change both.
+ */
+
 export const APP_TO_ICON_COMPONENT = {
 	postgresql: PostgresIcon,
 	mysql: Mysql,
@@ -238,7 +348,9 @@ export const APP_TO_ICON_COMPONENT = {
 	gmail: GmailIcon,
 	gsheets: GSheetsIcon,
 	gitlab: GitlabIcon,
-	gcloud: GCloudIcon,
+	// `gcloud` and `gcp_service_account` are both Google Cloud, so both resolve to the
+	// official four-colour mark.
+	gcloud: GoogleCloudIcon,
 	gcal: GcalIcon,
 	gdrive: GdriveIcon,
 	airtable: AirtableIcon,
@@ -466,7 +578,97 @@ export const APP_TO_ICON_COMPONENT = {
 	speechify: SpeechifyIcon,
 	convertkit: ConvertKitIcon,
 	browserless: BrowserlessIcon,
-	wiz: WizIcon
+	wiz: WizIcon,
+	mailerlite: MailerLiteIcon,
+	jotform: JotformIcon,
+	newsapi: NewsApiIcon,
+	greip: GreipIcon,
+	odk: OdkIcon,
+	salesflare: SalesflareIcon,
+	paylocity: PaylocityIcon,
+	kustomer: KustomerIcon,
+	netbox: NetBoxIcon,
+	abstractapi: AbstractApiIcon,
+	acumbamail: AcumbamailIcon,
+	chromadb: ChromaIcon,
+	kobotoolbox: KoboToolboxIcon,
+	ably: AblyIcon,
+	gorgias: GorgiasIcon,
+	certopus: CertopusIcon,
+	zixflow: ZixflowIcon,
+	botify: BotifyIcon,
+	sensortower: SensorTowerIcon,
+	zuplo: ZuploIcon,
+	tomorrow: TomorrowIoIcon,
+	accelo: AcceloIcon,
+	enode: EnodeIcon,
+	recraft: RecraftIcon,
+	meteosource: MeteosourceIcon,
+	phrase: PhraseIcon,
+	their_stack: TheirStackIcon,
+	assemblyai: AssemblyAiIcon,
+	ifs_cloud_oidc: IfsIcon,
+	ai21: Ai21Icon,
+	qovery: QoveryIcon,
+	inkeep: InkeepIcon,
+	contiguity: ContiguityIcon,
+	grist: GristIcon,
+	buttondown: ButtondownIcon,
+	holded: HoldedIcon,
+	exa: ExaIcon,
+	strale: StraleIcon,
+	dust: DustIcon,
+	langfuse: LangfuseIcon,
+	basis_theory: BasisTheoryIcon,
+	adhook: AdhookIcon,
+	docspring: DocSpringIcon,
+	persona: PersonaIcon,
+	foxentry: FoxentryIcon,
+	deep_infra: DeepInfraIcon,
+	attio: AttioIcon,
+	basic_http_auth: BasicHttpAuthIcon,
+	api_key_auth: ApiKeyAuthIcon,
+	signature_auth: SignatureAuthIcon,
+	gpg_key: GpgKeyIcon,
+	ldap: LdapIcon,
+	form_input: FormInputIcon,
+	question_input: QuestionInputIcon,
+	record: RecordIcon,
+	ai_agent: AiAgentIcon,
+	agent_instructions: AgentInstructionsIcon,
+	customai: CustomAiIcon,
+	json_schema: JsonSchemaIcon,
+	tripadvisor: TripadvisorIcon,
+	baserow: BaserowIcon,
+	baserow_table: BaserowIcon,
+	arcgis_account: ArcGisIcon,
+	mezmo: MezmoIcon,
+	readme: ReadmeIcon,
+	formstack: FormstackIcon,
+	mapbox: MapboxIcon,
+	dbt_profile: DbtIcon,
+	shutterstock: ShutterstockIcon,
+	taskade: TaskadeIcon,
+	beamer: BeamerIcon,
+	campayn: CampaynIcon,
+	codat: CodatIcon,
+	comapeo_server: ComapeoIcon,
+	klaviyo: KlaviyoIcon,
+	matteroom: MatteroomIcon,
+	mollie: MollieIcon,
+	motimate: MotimateIcon,
+	paychex: PaychexIcon,
+	terra: TerraIcon,
+	vectara: VectaraIcon,
+	actimo: ActimoIcon,
+	adrapid: AdRapidIcon,
+	aero_workflow: AeroWorkflowIcon,
+	gfw: GlobalForestWatchIcon,
+	leonardoai: LeonardoAiIcon,
+	localcontexts: LocalContextsIcon,
+	weatherapi: WeatherApiIcon,
+	webscrapingai: WebScrapingAiIcon,
+	oauth_client_credentials: OauthIcon
 } as unknown as Record<string, Component> // to generate correct svelte package types
 
 // Resource types are named `<app>` or `<app>_<variant>` (e.g. `airtable_table`), so an
@@ -481,7 +683,6 @@ export {
 	DbIcon,
 	DiscordIcon,
 	GcalIcon,
-	GCloudIcon,
 	GdriveIcon,
 	GithubIcon,
 	GitlabIcon,
@@ -693,5 +894,94 @@ export {
 	SpeechifyIcon,
 	ConvertKitIcon,
 	BrowserlessIcon,
-	WizIcon
+	WizIcon,
+	MailerLiteIcon,
+	JotformIcon,
+	NewsApiIcon,
+	GreipIcon,
+	OdkIcon,
+	SalesflareIcon,
+	PaylocityIcon,
+	KustomerIcon,
+	NetBoxIcon,
+	AbstractApiIcon,
+	AcumbamailIcon,
+	ChromaIcon,
+	KoboToolboxIcon,
+	AblyIcon,
+	GorgiasIcon,
+	CertopusIcon,
+	ZixflowIcon,
+	BotifyIcon,
+	SensorTowerIcon,
+	ZuploIcon,
+	ActimoIcon,
+	AdRapidIcon,
+	AeroWorkflowIcon,
+	GlobalForestWatchIcon,
+	LeonardoAiIcon,
+	LocalContextsIcon,
+	WeatherApiIcon,
+	WebScrapingAiIcon,
+	BeamerIcon,
+	CampaynIcon,
+	CodatIcon,
+	ComapeoIcon,
+	KlaviyoIcon,
+	MatteroomIcon,
+	MollieIcon,
+	MotimateIcon,
+	PaychexIcon,
+	TerraIcon,
+	VectaraIcon,
+	TomorrowIoIcon,
+	AcceloIcon,
+	EnodeIcon,
+	RecraftIcon,
+	MeteosourceIcon,
+	PhraseIcon,
+	TheirStackIcon,
+	AssemblyAiIcon,
+	IfsIcon,
+	Ai21Icon,
+	QoveryIcon,
+	InkeepIcon,
+	ContiguityIcon,
+	GristIcon,
+	ButtondownIcon,
+	HoldedIcon,
+	ExaIcon,
+	StraleIcon,
+	DustIcon,
+	LangfuseIcon,
+	BasisTheoryIcon,
+	AdhookIcon,
+	DocSpringIcon,
+	PersonaIcon,
+	FoxentryIcon,
+	DeepInfraIcon,
+	AttioIcon,
+	BasicHttpAuthIcon,
+	ApiKeyAuthIcon,
+	SignatureAuthIcon,
+	GpgKeyIcon,
+	LdapIcon,
+	FormInputIcon,
+	QuestionInputIcon,
+	RecordIcon,
+	AiAgentIcon,
+	AgentInstructionsIcon,
+	CustomAiIcon,
+	JsonSchemaIcon,
+	TripadvisorIcon,
+	BaserowIcon,
+	ArcGisIcon,
+	MezmoIcon,
+	ReadmeIcon,
+	FormstackIcon,
+	MapboxIcon,
+	DbtIcon,
+	ShutterstockIcon,
+	TaskadeIcon,
+	OauthIcon
 }
diff --git a/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte b/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte
new file mode 100644
index 0000000000..ce731fa7a2
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../AmqpIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={`${size}px`}
+	height={`${size}px`}
+	viewBox="0 0 24 24"
+	fill={color ?? 'currentColor'}
+	class={clazz}
+>
+	<path
+		d="M21 3H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6v2H7v3a1 1 0 0 0 1 1h1v2H7v2h10v-2h-2v-2h1a1 1 0 0 0 1-1v-3h-2v-2h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1Zm-1 6H4V5h16v4Zm-9 9v-2h2v2h-2Zm-4-5h10v2H7v-2Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/AwsIcon.svelte b/frontend/src/lib/components/icons/triggers/AwsIcon.svelte
new file mode 100644
index 0000000000..ecb4ac3dc7
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/AwsIcon.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../AwsIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 168 168"
+	class={clazz}
+	xmlns="http://www.w3.org/2000/svg"
+	fill={color ?? 'currentColor'}
+>
+	<path
+		d="M47.7805 70.052C47.7805 72.0948 48.0013 73.7511 48.3878 74.9657C48.8295 76.1803 49.3816 77.5054 50.1545 78.9408C50.4306 79.3825 50.541 79.8242 50.541 80.2106C50.541 80.7627 50.2097 81.3148 49.492 81.8669L46.0138 84.1858C45.5169 84.517 45.02 84.6826 44.5783 84.6826C44.0262 84.6826 43.4741 84.4066 42.922 83.9097C42.1491 83.0816 41.4866 82.1982 40.9345 81.3148C40.3824 80.3763 39.8303 79.3273 39.223 78.0575C34.9166 83.1368 29.506 85.6764 22.9913 85.6764C18.3536 85.6764 14.6546 84.3514 11.9493 81.7013C9.24402 79.0512 7.86377 75.5178 7.86377 71.101C7.86377 66.4082 9.52007 62.5987 12.8879 59.7278C16.2557 56.8569 20.7277 55.4214 26.4143 55.4214C28.2914 55.4214 30.2238 55.5871 32.2665 55.8631C34.3093 56.1392 36.4073 56.5808 38.6157 57.0777V53.0474C38.6157 48.8515 37.7323 45.9253 36.0208 44.2138C34.2541 42.5023 31.2727 41.6742 27.0216 41.6742C25.0892 41.6742 23.1017 41.895 21.0589 42.3919C19.0162 42.8888 17.0286 43.4961 15.0963 44.269C14.2129 44.6555 13.5504 44.8763 13.1639 44.9868C12.7774 45.0972 12.5014 45.1524 12.2806 45.1524C11.5076 45.1524 11.1212 44.6003 11.1212 43.4409V40.7356C11.1212 39.8522 11.2316 39.1897 11.5076 38.8033C11.7837 38.4168 12.2806 38.0303 13.0535 37.6439C14.9858 36.6501 17.3047 35.8219 20.0099 35.1594C22.7152 34.4417 25.5861 34.1104 28.6227 34.1104C35.1926 34.1104 39.9959 35.6011 43.0877 38.5824C46.1242 41.5637 47.6701 46.091 47.6701 52.164V70.052H47.7805ZM25.3653 78.4439C27.1872 78.4439 29.0644 78.1127 31.0519 77.4502C33.0395 76.7876 34.8062 75.573 36.2968 73.9167C37.1802 72.8677 37.8427 71.7083 38.174 70.3833C38.5052 69.0583 38.7261 67.4572 38.7261 65.58V63.2612C37.125 62.8748 35.4135 62.5435 33.6468 62.3227C31.8801 62.1018 30.1685 61.9914 28.457 61.9914C24.758 61.9914 22.0527 62.7091 20.2308 64.1998C18.4088 65.6905 17.5255 67.7884 17.5255 70.5489C17.5255 73.1438 18.188 75.0761 19.5683 76.4012C20.8933 77.7814 22.8256 78.4439 25.3653 78.4439ZM69.6988 84.4066C68.705 84.4066 68.0425 84.241 67.6008 83.8545C67.1591 83.5232 66.7727 82.7503 66.4414 81.7013L53.4671 39.0241C53.1358 37.9199 52.9702 37.2022 52.9702 36.8157C52.9702 35.9323 53.4119 35.4355 54.2952 35.4355H59.7058C60.7548 35.4355 61.4725 35.6011 61.859 35.9876C62.3007 36.3188 62.6319 37.0918 62.9632 38.1407L72.2384 74.6897L80.8512 38.1407C81.1272 37.0365 81.4585 36.3188 81.9002 35.9876C82.3418 35.6563 83.1148 35.4355 84.1086 35.4355H88.5253C89.5743 35.4355 90.2921 35.6011 90.7337 35.9876C91.1754 36.3188 91.5619 37.0918 91.7827 38.1407L100.506 75.1313L110.057 38.1407C110.388 37.0365 110.775 36.3188 111.161 35.9876C111.603 35.6563 112.321 35.4355 113.315 35.4355H118.449C119.332 35.4355 119.829 35.8771 119.829 36.8157C119.829 37.0918 119.774 37.3678 119.719 37.6991C119.664 38.0303 119.553 38.472 119.332 39.0793L106.027 81.7565C105.696 82.8607 105.309 83.5784 104.867 83.9097C104.426 84.241 103.708 84.4618 102.769 84.4618H98.0214C96.9725 84.4618 96.2547 84.2962 95.813 83.9097C95.3714 83.5232 94.9849 82.8055 94.7641 81.7013L86.2065 46.091L77.7042 81.6461C77.4282 82.7503 77.0969 83.468 76.6552 83.8545C76.2136 84.241 75.4406 84.4066 74.4468 84.4066H69.6988ZM140.643 85.8973C137.773 85.8973 134.902 85.566 132.141 84.9035C129.381 84.241 127.227 83.5232 125.792 82.6951C124.909 82.1982 124.301 81.6461 124.08 81.1492C123.86 80.6523 123.749 80.1002 123.749 79.6033V76.7876C123.749 75.6282 124.191 75.0761 125.019 75.0761C125.35 75.0761 125.682 75.1313 126.013 75.2418C126.344 75.3522 126.841 75.573 127.393 75.7939C129.27 76.622 131.313 77.2845 133.466 77.7262C135.675 78.1679 137.828 78.3887 140.036 78.3887C143.514 78.3887 146.22 77.7814 148.097 76.5668C149.974 75.3522 150.968 73.5855 150.968 71.3219C150.968 69.776 150.471 68.5062 149.477 67.4572C148.483 66.4082 146.606 65.4696 143.901 64.5863L135.895 62.1018C131.865 60.832 128.884 58.9549 127.062 56.4704C125.24 54.0412 124.301 51.3359 124.301 48.465C124.301 46.1462 124.798 44.1034 125.792 42.3367C126.786 40.57 128.111 39.0241 129.767 37.8095C131.423 36.5397 133.301 35.6011 135.509 34.9386C137.717 34.276 140.036 34 142.465 34C143.68 34 144.95 34.0552 146.164 34.2208C147.434 34.3865 148.594 34.6073 149.753 34.8281C150.857 35.1042 151.906 35.3802 152.9 35.7115C153.894 36.0428 154.667 36.374 155.219 36.7053C155.992 37.147 156.544 37.5886 156.875 38.0855C157.206 38.5272 157.372 39.1345 157.372 39.9075V42.5023C157.372 43.6617 156.93 44.269 156.102 44.269C155.661 44.269 154.943 44.0482 154.004 43.6065C150.857 42.1711 147.324 41.4533 143.404 41.4533C140.257 41.4533 137.773 41.9502 136.061 42.9992C134.35 44.0482 133.466 45.6493 133.466 47.9129C133.466 49.4588 134.018 50.7838 135.122 51.8328C136.227 52.8818 138.269 53.9308 141.196 54.8693L149.035 57.3538C153.01 58.6236 155.881 60.3903 157.593 62.6539C159.304 64.9175 160.133 67.5124 160.133 70.3833C160.133 72.7573 159.636 74.9105 158.697 76.7876C157.703 78.6648 156.378 80.3211 154.667 81.6461C152.955 83.0263 150.912 84.0201 148.538 84.7379C146.054 85.5108 143.459 85.8973 140.643 85.8973Z"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M151.078 112.729C132.914 126.145 106.524 133.267 83.8324 133.267C52.0316 133.267 23.3777 121.508 1.7354 101.963C0.0238993 100.417 1.56977 98.3195 3.61254 99.5341C27.0215 113.116 55.8963 121.342 85.7648 121.342C105.916 121.342 128.056 117.146 148.428 108.533C151.465 107.153 154.059 110.521 151.078 112.729Z"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M158.642 104.117C156.323 101.135 143.294 102.681 137.386 103.399C135.62 103.62 135.343 102.074 136.945 100.914C147.324 93.6267 164.384 95.7246 166.371 98.1539C168.359 100.638 165.819 117.698 156.102 125.869C154.612 127.139 153.176 126.477 153.839 124.82C156.047 119.354 160.961 107.043 158.642 104.117Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/AzureIcon.svelte b/frontend/src/lib/components/icons/triggers/AzureIcon.svelte
new file mode 100644
index 0000000000..0b7558ebc3
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/AzureIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../AzureIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={`${size}px`}
+	height={`${size}px`}
+	viewBox="0 0 24 24"
+	fill={color ?? 'currentColor'}
+	class={clazz}
+>
+	<path
+		d="M22.379 23.343a1.62 1.62 0 0 0 1.536-1.1l.029-.092q.053-.164.081-.336v-.016a1.68 1.68 0 0 0-.268-1.227L15.147 5.44a1.63 1.63 0 0 0-1.354-.724l-3.473.011L5.94 8.57a6 6 0 0 0-1.386 1.74L.262 17.717a1.63 1.63 0 0 0 1.422 2.429l-.055-.013zM13.398 7.25l5.322 9.183-10.683.024zm-3.363 12.754-8.316.021 8.318-14.4 1.795 3.1-6.516 11.274z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/GithubIcon.svelte b/frontend/src/lib/components/icons/triggers/GithubIcon.svelte
new file mode 100644
index 0000000000..4c30c5a775
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/GithubIcon.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		height?: number
+		width?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let {
+		size = undefined,
+		height: heightProp = 24,
+		width: widthProp = 24,
+		color = undefined,
+		class: clazz = ''
+	}: Props = $props()
+
+	const { width, height } = $derived(
+		size ? { width: size, height: size } : { width: widthProp, height: heightProp }
+	)
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../GithubIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	{width}
+	{height}
+	viewBox="0 0 30 30"
+	fill={color ?? 'currentColor'}
+	class={clazz}
+>
+	<path
+		d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
+	/></svg
+>
diff --git a/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte b/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte
new file mode 100644
index 0000000000..0115affd3a
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+	}
+
+	let { size = 16 }: Props = $props()
+</script>
+
+<!-- Greyscale trigger variant, restored from the pre-audit artwork. Triggers are listed
+	beside lucide glyphs (Webhook, Route, Database), and Google's four-colour mark is the one
+	mark loud enough to break that set. Deliberately greyscale rather than flattened to
+	currentColor: the tonal steps keep the cloud shape legible where a single flat colour
+	loses it. The full-colour mark lives in ../GoogleCloudIcon.svelte and is what the resource
+	picker and the GCP docs use. -->
+<svg
+	width={size}
+	height={size}
+	viewBox="0 -25 256 256"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	preserveAspectRatio="xMidYMid"
+>
+	<g>
+		<path
+			d="M170.2517,56.8186 L192.5047,34.5656 L193.9877,25.1956 C153.4367,-11.6774 88.9757,-7.4964 52.4207,33.9196 C42.2667,45.4226 34.7337,59.7636 30.7167,74.5726 L38.6867,73.4496 L83.1917,66.1106 L86.6277,62.5966 C106.4247,40.8546 139.8977,37.9296 162.7557,56.4286 L170.2517,56.8186 Z"
+			fill="#B0B0B0"
+		/>
+		<path
+			d="M224.2048,73.9182 C219.0898,55.0822 208.5888,38.1492 193.9878,25.1962 L162.7558,56.4282 C175.9438,67.2042 183.4568,83.4382 183.1348,100.4652 L183.1348,106.0092 C198.4858,106.0092 210.9318,118.4542 210.9318,133.8052 C210.9318,149.1572 198.4858,161.2902 183.1348,161.2902 L127.4638,161.2902 L121.9978,167.2242 L121.9978,200.5642 L127.4638,205.7952 L183.1348,205.7952 C223.0648,206.1062 255.6868,174.3012 255.9978,134.3712 C256.1858,110.1682 244.2528,87.4782 224.2048,73.9182"
+			fill="#D0D0D0"
+		/>
+		<path
+			d="M71.8704,205.7957 L127.4634,205.7957 L127.4634,161.2897 L71.8704,161.2897 C67.9094,161.2887 64.0734,160.4377 60.4714,158.7917 L52.5844,161.2117 L30.1754,183.4647 L28.2234,191.0387 C40.7904,200.5277 56.1234,205.8637 71.8704,205.7957"
+			fill="#E0E0E0"
+		/>
+		<path
+			d="M71.8704,61.4255 C31.9394,61.6635 -0.2366,94.2275 0.0014,134.1575 C0.1344,156.4555 10.5484,177.4455 28.2234,191.0385 L60.4714,158.7915 C46.4804,152.4705 40.2634,136.0055 46.5844,122.0155 C52.9044,108.0255 69.3704,101.8085 83.3594,108.1285 C89.5244,110.9135 94.4614,115.8515 97.2464,122.0155 L129.4944,89.7685 C115.7734,71.8315 94.4534,61.3445 71.8704,61.4255"
+			fill="#FFFFFF"
+		/>
+	</g>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte b/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte
new file mode 100644
index 0000000000..f47a52047f
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		height?: number
+		width?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let {
+		size = undefined,
+		height: heightProp = 24,
+		width: widthProp = 24,
+		color = undefined,
+		class: clazz = ''
+	}: Props = $props()
+
+	const { width, height } = $derived(
+		size ? { width: size, height: size } : { width: widthProp, height: heightProp }
+	)
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../GoogleIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	role="img"
+	{width}
+	{height}
+	viewBox="0 0 168 168"
+	fill={color ?? 'currentColor'}
+	xmlns="http://www.w3.org/2000/svg"
+	class={clazz}
+>
+	<path
+		d="M157.92 85.75C157.92 80.29 157.43 75.04 156.52 70H84V99.82H125.44C123.62 109.41 118.16 117.53 109.97 122.99V142.38H134.96C149.52 128.94 157.92 109.2 157.92 85.75Z"
+	/>
+	<path
+		d="M83.9998 161C104.79 161 122.22 154.14 134.96 142.38L109.97 122.99C103.11 127.61 94.3598 130.41 83.9998 130.41C63.9798 130.41 46.9698 116.9 40.8798 98.7H15.2598V118.58C27.9298 143.71 53.8998 161 83.9998 161Z"
+	/>
+	<path
+		d="M40.88 98.63C39.34 94.01 38.43 89.11 38.43 84C38.43 78.89 39.34 73.99 40.88 69.37V49.49H15.26C10.01 59.85 7 71.54 7 84C7 96.46 10.01 108.15 15.26 118.51L35.21 102.97L40.88 98.63Z"
+	/>
+	<path
+		d="M83.9998 37.66C95.3398 37.66 105.42 41.58 113.47 49.14L135.52 27.09C122.15 14.63 104.79 7 83.9998 7C53.8998 7 27.9298 24.29 15.2598 49.49L40.8798 69.37C46.9698 51.17 63.9798 37.66 83.9998 37.66Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte b/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte
new file mode 100644
index 0000000000..eee62aaec1
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../KafkaIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	width={`${size}px`}
+	height={`${size}px`}
+	preserveAspectRatio="xMidYMid"
+	viewBox="0 0 256 413"
+	xmlns="http://www.w3.org/2000/svg"
+	class={clazz}
+	fill={color ?? 'currentColor'}
+>
+	<path
+		d="m87.9320692 36.714181c-4.5491332-4.5714328-10.8956201-7.3945714-17.9512365-7.3945714-7.0288568 0-13.3262844 2.8231386-17.8218984 7.3945714h-.1293381c-4.5357534 4.5491333-7.358892 10.90008-7.358892 17.9289369 0 7.0556164 2.8231386 13.3530439 7.358892 17.8754176l.1293381.1025784c4.495614 4.5491333 10.7930416 7.3455122 17.8218984 7.3455122 7.0556164 0 13.4021033-2.7963789 17.9512365-7.3455122l.066899-.1025784c4.5580531-4.5223737 7.354432-10.8198012 7.354432-17.8754176 0-7.0288569-2.7963789-13.3798036-7.354432-17.9289369zm-17.9512365 346.639491c7.0556164 0 13.4021033-2.872197 17.9512365-7.367811l.066899-.133798c4.5580531-4.486695 7.354432-10.837641 7.354432-17.817439 0-7.055616-2.7963789-13.379803-7.354432-17.951236h-.066899c-4.5491332-4.624952-10.8956201-7.421331-17.9512365-7.421331-7.0288568 0-13.3262844 2.796379-17.8218984 7.421331h-.1293381c-4.5357534 4.571433-7.358892 10.89562-7.358892 17.951236 0 6.979798 2.8231386 13.330744 7.358892 17.817439l.1293381.133798c4.495614 4.495614 10.7930416 7.367811 17.8218984 7.367811zm137.9725343-76.719793c6.275128-1.645716 11.957085-5.673037 15.422454-11.760848l.468293-.887527c3.081815-5.775615 3.643767-12.438757 1.998051-18.34371-1.659096-6.324187-5.735476-11.916945-11.809907-15.417994l-.352335-.236377c-5.918333-3.242372-12.661754-3.947042-18.856603-2.274566-6.297427 1.569897-11.952624 5.775615-15.400154 11.814366-3.492129 5.980773-4.223558 12.880291-2.551082 19.231238 1.725994 6.243908 5.762235 11.890186 11.796526 15.417994h.04014c6.047671 3.474289 12.89813 4.10314 19.244617 2.457424zm-111.9844958-126.247367c-6.6542223-6.636383-15.8238477-10.793042-25.9880385-10.793042-10.1240514 0-19.2713771 4.156659-25.9122196 10.793042-6.609623 6.614083-10.6860031 15.761409-10.6860031 25.89884 0 10.164191 4.0763801 19.338276 10.6860031 26.028178 6.6408425 6.582863 15.7881682 10.712762 25.9122196 10.712762 10.1641908 0 19.3338162-4.129899 25.9880385-10.712762 6.6230028-6.689902 10.6993828-15.863987 10.6993828-26.028178 0-10.137431-4.07638-19.284757-10.6993828-25.89884zm-14.6107455-43.163246c14.7267038 2.426204 27.9771693 9.48182 38.0878413 19.672771h.080278c1.605577 1.618956 3.175474 3.37171 4.624953 5.146764l25.283368-14.628585c-3.39847-10.271229-3.554567-21.010752-.825088-31.072364 3.608087-13.486842 12.349559-25.5598846 25.452847-33.1373134l.432613-.2586762c12.96057-7.3455122 27.696194-8.8618899 41.000179-5.2538029 13.469002 3.6036271 25.622323 12.3852382 33.186372 25.4796055v.02676c7.52837 13.014089 9.058127 27.95933 5.46342 41.392652-3.581327 13.477923-12.362938 25.631244-25.452846 33.155154l-3.451989 2.04265h-.352335c-12.108723 5.771155-25.426087 6.663142-37.655228 3.447529-10.043772-2.667041-19.257997-8.259799-26.469711-16.229702l-25.243229 14.583986c2.898957 7.680008 4.508993 15.966566 4.508993 24.694658 0 8.701332-1.610036 17.090469-4.508993 24.823995l25.243229 14.530467c7.211714-8.072481 16.425939-13.562661 26.469711-16.229702 13.469003-3.683906 28.405324-2.114009 41.459552 5.49018l.834008.392474v.053519c12.612694 7.626488 21.07765 19.440855 24.618838 32.767139 3.594707 13.353044 2.06495 28.302745-5.46342 41.343593l-.454913.914287-.053519-.080279c-7.564049 12.572555-19.480994 21.09103-32.637801 24.694658-13.500222 3.554567-28.432083 2.03819-41.472931-5.45896v-.107039c-13.103288-7.577429-21.84476-19.677231-25.452847-33.132853-2.729479-10.034853-2.573382-20.778835.825088-31.045605l-25.283368-14.583986c-1.449479 1.779514-3.019376 3.45199-4.624953 5.070946l-.080278.075819c-10.110672 10.141891-23.3611375 17.197507-38.0878413 19.547893v29.217031c10.4942259 2.194288 19.9002283 7.448091 27.2724993 14.815903l.03568.080278c9.878755 9.825236 15.993325 23.517235 15.993325 38.569514 0 15.00322-6.11457 28.61048-15.993325 38.489235l-.03568.156098c-9.9456537 9.878755-23.5975133 15.993325-38.6497923 15.993325-14.9720002 0-28.6416995-6.11457-38.5605939-15.993325h-.0356795v-.156098c-9.8921348-9.878755-16.0200848-23.486015-16.0200848-38.489235 0-15.052279 6.12795-28.744278 16.0200848-38.569514v-.080278h.0356795c7.3588919-7.367812 16.7782737-12.621615 27.24574-14.815903v-29.217031c-14.7400836-2.350386-27.9504097-9.406002-38.0477015-19.547893l-.1070384-.075819c-12.62161472-12.675134-20.5112389-30.104558-20.5112389-49.442834 0-19.284757 7.88962418-36.714181 20.5112389-49.389315h.1070384c10.0972918-10.190951 23.3076179-17.246567 38.0477015-19.672771v-29.087693c-10.4674663-2.274567-19.8868481-7.52391-27.24574-14.8426625h-.0356795v-.0802788c-9.8921348-9.9278143-16.0200848-23.5172348-16.0200848-38.5695138 0-14.9764602 6.12795-28.6952188 16.0200848-38.5739738l.0356795-.0490593c9.9188944-9.90551456 23.5885937-16.0200848 38.5605939-16.0200848 15.052279 0 28.7041386 6.11457024 38.6497923 16.0200848v.0490593h.03568c9.878755 9.878755 15.993325 23.5975136 15.993325 38.5739738 0 15.052279-6.11457 28.6416995-15.993325 38.5695138l-.03568.0802788c-7.372271 7.3187525-16.7782734 12.5680955-27.2724993 14.8426625zm142.0176953-19.391796-.209617-.312195c-3.492129-5.882654-9.058127-9.802936-15.212837-11.502171-6.346487-1.672476-13.196946-.963346-19.284757 2.510943h.04014c-6.074431 3.447529-10.137431 9.093806-11.836666 15.417994-1.672476 6.270667-.941047 13.196946 2.551082 19.231237l.115958.160558c3.501049 5.954012 9.067047 9.950114 15.284196 11.56907 6.248368 1.752754 13.210326 1.021325 19.208938-2.479724l.325575-.156097c5.904954-3.527809 9.838616-9.093807 11.484332-15.208377 1.672475-6.297428 1.007945-13.196946-2.466344-19.231238z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/MqttIcon.svelte b/frontend/src/lib/components/icons/triggers/MqttIcon.svelte
new file mode 100644
index 0000000000..205c303f33
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/MqttIcon.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../MqttIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={`${size}px`}
+	height={`${size}px`}
+	viewBox="0 0 24 24"
+	fill={color ?? 'currentColor'}
+	class={clazz}
+>
+	<path
+		d="M10.657 23.994h-9.45A1.212 1.212 0 0 1 0 22.788v-9.18h.071c5.784 0 10.504 4.65 10.586 10.386Zm7.606 0h-4.045C14.135 16.246 7.795 9.977 0 9.942V6.038h.071c9.983 0 18.121 8.044 18.192 17.956Zm4.53 0h-.97C21.754 12.071 11.995 2.407 0 2.372v-1.16C0 .55.544.006 1.207.006h7.64C15.733 2.49 21.257 7.789 24 14.508v8.291c0 .663-.544 1.195-1.207 1.195ZM16.713.006h6.092A1.19 1.19 0 0 1 24 1.2v5.914c-.91-1.242-2.046-2.65-3.158-3.762C19.588 2.11 18.122.987 16.714.005Z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/NatsIcon.svelte b/frontend/src/lib/components/icons/triggers/NatsIcon.svelte
new file mode 100644
index 0000000000..34d6579fc9
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/NatsIcon.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let { size = 16, color = undefined, class: clazz = '' }: Props = $props()
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../NatsIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={size}
+	height={size}
+	viewBox="0 0 64 64"
+	class={clazz}
+	fill={color ?? 'currentColor'}
+	stroke-width="0"
+>
+	<path
+		d="M1.156 50H27.53l15.125 14V50h20.187V0H1.156zm9.937-38.312h11.563l22.25 20.75v-20.75h7.375V38.5H41.094L18.47 17.375V38.5h-7.375z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte b/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte
new file mode 100644
index 0000000000..a0172402cd
--- /dev/null
+++ b/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	interface Props {
+		size?: number
+		height?: number
+		width?: number
+		color?: string | undefined
+		class?: string
+	}
+
+	let {
+		size = undefined,
+		height: heightProp = 24,
+		width: widthProp = 24,
+		color = undefined,
+		class: clazz = ''
+	}: Props = $props()
+
+	const { width, height } = $derived(
+		size ? { width: size, height: size } : { width: widthProp, height: heightProp }
+	)
+</script>
+
+<!-- Monochrome trigger variant. Triggers are listed beside lucide glyphs (Webhook, Route,
+	Database), so a coloured brand mark breaks the set. This is the pre-audit artwork, which
+	inherits currentColor; the full-colour mark lives in ../NextcloudIcon.svelte and is what the
+	resource picker and docs use. Keep the two in sync if the artwork changes. -->
+<svg
+	role="img"
+	viewBox="0 0 24 24"
+	{width}
+	{height}
+	xmlns="http://www.w3.org/2000/svg"
+	class={clazz}
+	fill={color ?? 'currentColor'}
+>
+	<path
+		d="M12.018 6.537c-2.5 0-4.6 1.712-5.241 4.015-.56-1.232-1.793-2.105-3.225-2.105A3.569 3.569 0 0 0 0 12a3.569 3.569 0 0 0 3.552 3.553c1.432 0 2.664-.874 3.224-2.106.641 2.304 2.742 4.016 5.242 4.016 2.487 0 4.576-1.693 5.231-3.977.569 1.21 1.783 2.067 3.198 2.067A3.568 3.568 0 0 0 24 12a3.569 3.569 0 0 0-3.553-3.553c-1.416 0-2.63.858-3.199 2.067-.654-2.284-2.743-3.978-5.23-3.977zm0 2.085c1.878 0 3.378 1.5 3.378 3.378 0 1.878-1.5 3.378-3.378 3.378A3.362 3.362 0 0 1 8.641 12c0-1.878 1.5-3.378 3.377-3.378zm-8.466 1.91c.822 0 1.467.645 1.467 1.468s-.644 1.467-1.467 1.468A1.452 1.452 0 0 1 2.085 12c0-.823.644-1.467 1.467-1.467zm16.895 0c.823 0 1.468.645 1.468 1.468s-.645 1.468-1.468 1.468A1.452 1.452 0 0 1 18.98 12c0-.823.644-1.467 1.467-1.467z"
+	/>
+</svg>
diff --git a/frontend/src/lib/components/raw_apps/RawAppEditor.svelte b/frontend/src/lib/components/raw_apps/RawAppEditor.svelte
index ce881fb82d..0778fda4e4 100644
--- a/frontend/src/lib/components/raw_apps/RawAppEditor.svelte
+++ b/frontend/src/lib/components/raw_apps/RawAppEditor.svelte
@@ -7,6 +7,7 @@
 	import RawAppYamlEditor, { type RawAppYamlUpdate } from './RawAppYamlEditor.svelte'
 	import type Drawer from '../common/drawer/Drawer.svelte'
 	import Alert from '../common/alert/Alert.svelte'
+	import { Button } from '../common'
 	import { AppService, type Policy, WorkspaceService } from '$lib/gen'
 	import DiffDrawer from '../DiffDrawer.svelte'
 	import { deepEqual } from 'fast-equals'
@@ -60,6 +61,7 @@
 	import { UserDraftDbSyncer } from '$lib/userDraftDbSyncer.svelte'
 	import { UserDraft } from '$lib/userDraft.svelte'
 	import { setOpenInSessionHandoff } from '$lib/components/sessions/openInSessionContext'
+	import { openSourceInSession } from '$lib/components/sessions/sessionSwitch.svelte'
 	import {
 		buildDataTableWhitelist,
 		parseDataTableRef,
@@ -244,6 +246,17 @@
 	// so the preview just opens the app.
 	setOpenInSessionHandoff({ source: () => sessionOpen })
 
+	/** Hand this app off to a fresh AI session, seeding `seedPrompt` and sending
+	 * it on arrival. Exposed for the template picker's "Start in AI session": the
+	 * route owns the prompt, but the draft persistence the preview depends on
+	 * lives here. False when there is no path to open yet, so the caller can fall
+	 * back rather than swallow the click. */
+	export async function openInSession(seedPrompt: string): Promise<boolean> {
+		if (!sessionOpen) return false
+		await openSourceInSession(sessionOpen, { seedPrompt, autoSend: true })
+		return true
+	}
+
 	// Convert to object format for child components
 	let dataTableRefsObjects = $derived(data.tables.map(parseDataTableRef))
 	let dataTableWhitelist = $derived(buildDataTableWhitelist(dataTableRefsObjects))
@@ -2357,19 +2370,19 @@
 								>
 									{#snippet trailing()}
 										<div class="flex items-center gap-1 px-2">
-											<button
+											<Button
+												variant="subtle"
+												unifiedSize="sm"
+												iconOnly
+												startIcon={{ icon: Columns2 }}
+												selected={splitWithPreview}
 												title={splitWithPreview
 													? 'Move preview back into a tab'
 													: 'Pin preview to the right'}
 												aria-label="Toggle split with preview"
 												aria-pressed={splitWithPreview}
-												class={splitWithPreview
-													? 'cursor-pointer bg-surface-accent-selected text-accent border border-border-selected w-7 h-7 rounded-md inline-flex items-center justify-center'
-													: 'cursor-pointer bg-surface hover:bg-surface-hover border border-border-light text-primary w-7 h-7 rounded-md inline-flex items-center justify-center'}
-												onclick={toggleSplit}
-											>
-												<Columns2 size={14} />
-											</button>
+												onClick={toggleSplit}
+											/>
 										</div>
 									{/snippet}
 								</DraggableTabs>
@@ -2442,27 +2455,33 @@
 								>
 									{#snippet trailing()}
 										<div class="flex items-center gap-1 px-2">
-											<button
-												class="cursor-pointer bg-surface hover:bg-surface-hover border border-border-light text-primary px-2 h-7 rounded-md text-xs"
+											<Button
+												variant="subtle"
+												unifiedSize="sm"
 												title="Switch bundler"
-												onclick={() => {
+												onClick={() => {
 													const next = bundlerType === 'esbuild' ? 'rolldown' : 'esbuild'
 													bundlerType = next
 													iframe?.contentWindow?.postMessage(
 														{ type: 'setBundlerType', bundlerType: next },
 														'*'
 													)
-												}}>{bundlerType}</button
+												}}
 											>
-											<button
+												{bundlerType}
+											</Button>
+											<Button
+												variant="subtle"
+												unifiedSize="sm"
+												iconOnly
+												startIcon={{ icon: MousePointerSquareDashed }}
+												selected={inspectorEnabled}
 												title={inspectorEnabled
 													? 'Click to disable element inspector'
 													: 'Click to enable element inspector'}
-												class={inspectorEnabled
-													? 'cursor-pointer bg-surface-accent-selected text-accent border border-border-selected w-7 h-7 rounded-md inline-flex items-center justify-center'
-													: 'cursor-pointer bg-surface hover:bg-surface-hover border border-border-light text-primary w-7 h-7 rounded-md inline-flex items-center justify-center'}
 												aria-label="Toggle element inspector"
-												onclick={() => {
+												aria-pressed={inspectorEnabled}
+												onClick={() => {
 													if (inspectorEnabled) {
 														// Turning off is a full exit: stop picking and clear the
 														// selection + inline prompt (mirrors Escape).
@@ -2475,42 +2494,42 @@
 														)
 													}
 												}}
-											>
-												<MousePointerSquareDashed size={14} />
-											</button>
-											<button
-												class="cursor-pointer bg-surface hover:bg-surface-hover border border-border-light text-primary w-7 h-7 rounded-md inline-flex items-center justify-center"
+											/>
+											<Button
+												variant="subtle"
+												unifiedSize="sm"
+												iconOnly
+												startIcon={{ icon: RefreshCw }}
 												title="Replay the last build into the preview"
 												aria-label="Rebuild"
-												onclick={() => {
+												onClick={() => {
 													if (lastBuild) {
 														feedPreviewIframe(lastBuild)
 													}
 												}}
-											>
-												<RefreshCw size={14} />
-											</button>
-											<button
-												class="cursor-pointer bg-surface hover:bg-surface-hover border border-border-light text-primary w-7 h-7 rounded-md inline-flex items-center justify-center"
+											/>
+											<Button
+												variant="subtle"
+												unifiedSize="sm"
+												iconOnly
+												startIcon={{ icon: SquareArrowOutUpRight }}
 												title="Open preview in a separate window"
 												aria-label="Open preview in a separate window"
-												onclick={openExternalPreview}
-											>
-												<SquareArrowOutUpRight size={14} />
-											</button>
-											<button
+												onClick={openExternalPreview}
+											/>
+											<Button
+												variant="subtle"
+												unifiedSize="sm"
+												iconOnly
+												startIcon={{ icon: Columns2 }}
+												selected={splitWithPreview}
 												title={splitWithPreview
 													? 'Move preview back into a tab'
 													: 'Pin preview to the right'}
 												aria-label="Toggle split with preview"
 												aria-pressed={splitWithPreview}
-												class={splitWithPreview
-													? 'cursor-pointer bg-surface-accent-selected text-accent border border-border-selected w-7 h-7 rounded-md inline-flex items-center justify-center'
-													: 'cursor-pointer bg-surface hover:bg-surface-hover border border-border-light text-primary w-7 h-7 rounded-md inline-flex items-center justify-center'}
-												onclick={toggleSplit}
-											>
-												<Columns2 size={14} />
-											</button>
+												onClick={toggleSplit}
+											/>
 										</div>
 									{/snippet}
 								</DraggableTabs>
diff --git a/frontend/src/lib/components/raw_apps/RawAppTemplatePicker.svelte b/frontend/src/lib/components/raw_apps/RawAppTemplatePicker.svelte
index efcae2af6a..fc8abd5d5c 100644
--- a/frontend/src/lib/components/raw_apps/RawAppTemplatePicker.svelte
+++ b/frontend/src/lib/components/raw_apps/RawAppTemplatePicker.svelte
@@ -14,6 +14,7 @@
 	import ToggleButton from '$lib/components/common/toggleButton-v2/ToggleButton.svelte'
 	import { Alert } from '$lib/components/common'
 	import { AIBtnClasses } from '$lib/components/copilot/chat/AIButtonStyle'
+	import { prefersSessionHandoff } from '$lib/components/copilot/chat/global/gate'
 	import { copilotInfo, copilotWorkspace } from '$lib/aiStore'
 	import { loadCopilot } from '$lib/components/copilot/loadCopilot'
 	import { react18Template, react19Template, svelte5Template } from './templates'
@@ -125,6 +126,9 @@
 	// would announce AI as unconfigured while it is merely unknown. Gate on the
 	// config describing opWs, and load it here so the claim owns its own evidence.
 	const aiConfigLoaded = $derived(!!opWs && $copilotWorkspace === opWs)
+	// Say where the button leads: the route hands this prompt to a fresh AI
+	// session for everyone who has one, and drives the docked chat for the rest.
+	const handsOffToSession = $derived(prefersSessionHandoff($userStore?.operator))
 	const isAiEnabled = $derived(aiConfigLoaded && $copilotInfo.enabled)
 
 	$effect(() => {
@@ -398,8 +402,9 @@
 							}}
 						/>
 						<p class="text-xs text-tertiary">
-							Leave empty to start with a blank template, or describe your app to get AI assistance
-							right away.
+							{handsOffToSession
+								? 'Leave empty to start with a blank template, or describe your app to open an AI session that builds it.'
+								: 'Leave empty to start with a blank template, or describe your app to get AI assistance right away.'}
 						</p>
 					</div>
 				{/if}
@@ -424,7 +429,7 @@
 						startIcon={{ icon: Sparkles }}
 						btnClasses={AIBtnClasses('accent')}
 					>
-						Start with AI
+						{handsOffToSession ? 'Start in AI session' : 'Start with AI'}
 					</Button>
 				{/if}
 			</div>
diff --git a/frontend/src/lib/components/resourceTypeDisplay.ts b/frontend/src/lib/components/resourceTypeDisplay.ts
new file mode 100644
index 0000000000..db60f4279f
--- /dev/null
+++ b/frontend/src/lib/components/resourceTypeDisplay.ts
@@ -0,0 +1,89 @@
+/**
+ * Resource types are named by abbreviation — `gdrive`, `gcal`, `s3` — so a product's real
+ * name ("Google Drive", "Amazon S3") only ever appears in its description. Matching on the
+ * name alone means searching "google" finds none of the Google integrations.
+ */
+export function resourceTypeSearchText(name: string, description?: string): string {
+	return description ? `${name} ${description}` : name
+}
+
+function isWordStart(haystack: string, at: number): boolean {
+	return at === 0 || !/[a-z0-9]/.test(haystack[at - 1])
+}
+
+/**
+ * Sort key for one resource type against a search query, lowest first.
+ *
+ * Searching the description makes a query like "google" match a dozen types, most of which
+ * only mention the product in passing — so the ranking has to put a match on the type's own
+ * name above any description match, otherwise `googleai` lands below `anthropic`.
+ * Ties break on where the match starts: a description opening with the query describes the
+ * product, one mentioning it halfway through is an aside.
+ *
+ * Returns Number.MAX_SAFE_INTEGER when the query appears in neither field, so a caller
+ * matching more loosely than a substring (uFuzzy) keeps those results last instead of
+ * dropping them.
+ */
+export function resourceTypeMatchRank(
+	name: string,
+	description: string | undefined,
+	query: string
+): number {
+	const q = query.trim().toLowerCase()
+	if (q === '') return 0
+
+	const n = name.toLowerCase()
+	if (n === q) return 0
+
+	const inName = n.indexOf(q)
+	if (inName >= 0) {
+		const tier = inName === 0 ? 1 : isWordStart(n, inName) ? 2 : 3
+		return tier * 1e4 + Math.min(inName, 9999)
+	}
+
+	const d = (description ?? '').toLowerCase()
+	const inDescription = d.indexOf(q)
+	if (inDescription < 0) return Number.MAX_SAFE_INTEGER
+
+	const tier = isWordStart(d, inDescription) ? 4 : 5
+	return tier * 1e4 + Math.min(inDescription, 9999)
+}
+
+/**
+ * Rank-sorts resource types by how well they match `query`, keeping the incoming order
+ * for equal ranks (and for an empty query, where callers rely on their own ordering).
+ */
+export function sortResourceTypesByMatch<T>(
+	items: T[],
+	query: string,
+	name: (item: T) => string,
+	description: (item: T) => string | undefined
+): T[] {
+	if (query.trim() === '') return items
+	return items
+		.map((item, index) => ({
+			item,
+			index,
+			rank: resourceTypeMatchRank(name(item), description(item), query)
+		}))
+		.sort((a, b) => a.rank - b.rank || a.index - b.index)
+		.map((entry) => entry.item)
+}
+
+/** Human-facing label for a resource type: `git_repository` -> `Git repository`. */
+export function resourceTypeLabel(name: string): string {
+	const spaced = name.replace(/_/g, ' ')
+	return spaced.charAt(0).toUpperCase() + spaced.slice(1)
+}
+
+/** "Add **a** Supabase resource" / "Add **an** Airtable resource". */
+export function resourceTypeArticle(name: string): string {
+	return /^[aeiou]/i.test(name) ? 'an' : 'a'
+}
+
+/** Drawer title for creating a resource, named after its type once one is picked. */
+export function addResourceTitle(resourceType: string | undefined): string {
+	return resourceType
+		? `Add ${resourceTypeArticle(resourceType)} ${resourceTypeLabel(resourceType)} resource`
+		: 'Add a resource'
+}
diff --git a/frontend/src/lib/components/resourceTypeMatchRank.test.ts b/frontend/src/lib/components/resourceTypeMatchRank.test.ts
new file mode 100644
index 0000000000..9a764a44e0
--- /dev/null
+++ b/frontend/src/lib/components/resourceTypeMatchRank.test.ts
@@ -0,0 +1,42 @@
+import { describe, it, expect } from 'vitest'
+import { sortResourceTypesByMatch } from './resourceTypeDisplay'
+
+// Descriptions abridged from the hub.
+const TYPES = [
+	{
+		name: 'anthropic',
+		description: 'Anthropic API key for the Claude models, or via Google Vertex'
+	},
+	{ name: 'gcal', description: 'Google OAuth token authorizing the Google Calendar API.' },
+	{ name: 'googleai', description: 'API key for Google AI (Gemini), optionally on Vertex AI.' },
+	{ name: 'gmail', description: 'Google OAuth token authorizing the Gmail API.' },
+	{ name: 'mailchimp', description: 'Mailchimp API key.' }
+]
+
+const sorted = (query: string) =>
+	sortResourceTypesByMatch(
+		TYPES,
+		query,
+		(t) => t.name,
+		(t) => t.description
+	).map((t) => t.name)
+
+describe('sortResourceTypesByMatch', () => {
+	it('ranks a match on the type name above any description match', () => {
+		expect(sorted('google')[0]).toBe('googleai')
+	})
+
+	it('ranks a description opening with the query above one mentioning it in passing', () => {
+		const order = sorted('google')
+		expect(order.indexOf('gcal')).toBeLessThan(order.indexOf('anthropic'))
+	})
+
+	it('ranks a name the query starts above one where it appears mid-word', () => {
+		const order = sorted('mail')
+		expect(order.indexOf('mailchimp')).toBeLessThan(order.indexOf('gmail'))
+	})
+
+	it('keeps the incoming order for an empty query', () => {
+		expect(sorted('  ')).toEqual(TYPES.map((t) => t.name))
+	})
+})
diff --git a/frontend/src/lib/components/scriptEditor/LogPanel.svelte b/frontend/src/lib/components/scriptEditor/LogPanel.svelte
index f253beadc7..010369a663 100644
--- a/frontend/src/lib/components/scriptEditor/LogPanel.svelte
+++ b/frontend/src/lib/components/scriptEditor/LogPanel.svelte
@@ -214,8 +214,12 @@
 													fixTableSizingToParent
 												>
 													{#snippet copilot_fix()}
-														{#if lang && editor && diffEditor && args && previewJob && !previewJob.success && getStringError(previewJob.result)}
-															<ScriptFix {lang} />
+														{@const previewError =
+															previewJob && !previewJob.success
+																? getStringError(previewJob.result)
+																: undefined}
+														{#if lang && editor && diffEditor && args && previewError}
+															<ScriptFix {lang} error={previewError} jobId={previewJob?.id} />
 														{/if}
 													{/snippet}
 												</DisplayResult>
diff --git a/frontend/src/lib/components/search/GlobalSearchModal.svelte b/frontend/src/lib/components/search/GlobalSearchModal.svelte
index d2b27635da..3df633d167 100644
--- a/frontend/src/lib/components/search/GlobalSearchModal.svelte
+++ b/frontend/src/lib/components/search/GlobalSearchModal.svelte
@@ -40,15 +40,13 @@
 	import { Alert } from '../common'
 	import Popover from '../Popover.svelte'
 	import Logs from 'lucide-svelte/icons/logs'
-	import {
-		AwsIcon,
-		AzureIcon,
-		GoogleCloudIcon,
-		KafkaIcon,
-		MqttIcon,
-		AmqpIcon,
-		NatsIcon
-	} from '../icons'
+	import AwsIcon from '../icons/AwsIcon.svelte'
+	import AzureIcon from '../icons/AzureIcon.svelte'
+	import GoogleCloudIcon from '../icons/GoogleCloudIcon.svelte'
+	import KafkaIcon from '../icons/KafkaIcon.svelte'
+	import MqttIcon from '../icons/MqttIcon.svelte'
+	import AmqpIcon from '../icons/AmqpIcon.svelte'
+	import NatsIcon from '../icons/NatsIcon.svelte'
 	import RunsSearch from './RunsSearch.svelte'
 	import AskAiButton from '../copilot/AskAiButton.svelte'
 
diff --git a/frontend/src/lib/components/search/QuickMenuItem.svelte b/frontend/src/lib/components/search/QuickMenuItem.svelte
index e3cffcf534..114fbf0d50 100644
--- a/frontend/src/lib/components/search/QuickMenuItem.svelte
+++ b/frontend/src/lib/components/search/QuickMenuItem.svelte
@@ -66,7 +66,6 @@
 	} else {
 		kbdClass += ' !text-xs px-1.5'
 	}
-
 </script>
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->
diff --git a/frontend/src/lib/components/sessions/OpenInSessionButton.svelte b/frontend/src/lib/components/sessions/OpenInSessionButton.svelte
index 22f1167455..00bf1c829e 100644
--- a/frontend/src/lib/components/sessions/OpenInSessionButton.svelte
+++ b/frontend/src/lib/components/sessions/OpenInSessionButton.svelte
@@ -10,6 +10,14 @@
 		/** Where inside the item the preview should open (a flow's `selected`
 		 * step). Steers the editor only — tab identity is (kind, path). */
 		previewParams?: Record<string, string>
+		/** Pre-fills the new session's composer. Entry points that carry an intent
+		 * (fix this error, run this item) hand it over as text rather than driving
+		 * a chat the caller cannot see. */
+		seedPrompt?: string
+		/** Send `seedPrompt` on arrival rather than parking it in the composer.
+		 * For clicks that already stated the intent; leave it off where the prompt
+		 * is a proposal the user should read first. */
+		autoSend?: boolean
 	}
 
 	// A destination is either an editable item or a page, never both and never
@@ -31,15 +39,17 @@
 	import { BROWSER } from 'esm-env'
 	import AIButton from '$lib/components/copilot/chat/AIButton.svelte'
 	import { AIBtnClasses } from '$lib/components/copilot/chat/AIButtonStyle'
-	import { isGlobalAiEnabled } from '$lib/components/copilot/chat/global/gate'
+	import { prefersSessionHandoff } from '$lib/components/copilot/chat/global/gate'
 	import { userStore } from '$lib/stores'
 	import { sendUserToast } from '$lib/toast'
-	import { openEditorInSession, openPageInSession } from './sessionSwitch.svelte'
+	import { openSourceInSession } from './sessionSwitch.svelte'
 
 	let {
 		source,
 		btnClasses,
 		btnProps,
+		label,
+		tooltip,
 		fallback
 	}: {
 		/** Undefined (e.g. an item without a path yet) renders the fallback. */
@@ -48,9 +58,15 @@
 		/** Button styling overrides for hosts with their own conventions (an
 		 * editor toolbar). */
 		btnProps?: ComponentProps<typeof AIButton>['btnProps']
-		/** Rendered instead when the user opted out of the sessions beta
-		 * (typically the editor's inline-chat toggle). Never rendered inside
-		 * the session panel. */
+		/** Names the action this replaced, for hosts whose button carried its own
+		 * label ("AI Fix"). Defaults to AIButton's generic "Open in AI session". */
+		label?: string
+		/** Hover text. Pass it whenever `label` is set: a renamed button no longer
+		 * says that clicking it leaves for a session. */
+		tooltip?: string
+		/** Rendered instead when the caller keeps a docked chat to drive — an
+		 * opted-out user or an operator (typically the editor's inline-chat
+		 * toggle). Never rendered inside the session panel. */
 		fallback?: Snippet
 	} = $props()
 
@@ -60,13 +76,11 @@
 	// SessionEditorTarget / the session wrapper); iframe preview tabs are not
 	// the top window.
 	const inSessionPanel = !!getContext('aiChatManager') || (BROWSER && window.self !== window.top)
-	// The sessions page refuses operators, so an entry point on a page they can
-	// reach (Runs, the trigger lists) would only route them into that refusal.
+	// prefersSessionHandoff carries the operator clause: the sessions page refuses
+	// them, so an entry point on a page they can reach (Runs, the trigger lists)
+	// would only route them into that refusal.
 	const show = $derived(
-		!inSessionPanel &&
-			!!(source?.target || source?.page) &&
-			!$userStore?.operator &&
-			isGlobalAiEnabled()
+		!inSessionPanel && !!(source?.target || source?.page) && prefersSessionHandoff($userStore?.operator)
 	)
 
 	// Not $state: only read inside open() as a re-entrancy latch, never rendered.
@@ -75,16 +89,11 @@
 		if (opening || !source) return
 		opening = true
 		try {
-			// `beforeOpen` persists what is on screen and throws when it could not, so a
-			// failure has to stay on this page and say so — the session would otherwise
-			// open on an older draft than the editor the user is looking at.
-			await source.beforeOpen?.()
-			if (source.target) {
-				await openEditorInSession(source.target, source.workspaceId, source.previewParams)
-			} else {
-				const href = source.page?.()
-				if (href) await openPageInSession(href, source.workspaceId)
-			}
+			// `beforeOpen` (run inside openSourceInSession) persists what is on screen
+			// and throws when it could not, so a failure has to stay on this page and
+			// say so — the session would otherwise open on an older draft than the
+			// editor the user is looking at.
+			await openSourceInSession(source)
 		} catch (e) {
 			sendUserToast(e instanceof Error ? e.message : String(e), true)
 		} finally {
@@ -94,7 +103,13 @@
 </script>
 
 {#if show}
-	<AIButton togglePanel={open} btnClasses={btnClasses ?? AIBtnClasses('default')} {btnProps} />
+	<AIButton
+		togglePanel={open}
+		btnClasses={btnClasses ?? AIBtnClasses('default')}
+		{btnProps}
+		{label}
+		{tooltip}
+	/>
 {:else if !inSessionPanel}
 	{@render fallback?.()}
 {/if}
diff --git a/frontend/src/lib/components/sessions/SessionWrapper.svelte b/frontend/src/lib/components/sessions/SessionWrapper.svelte
index 9472819eea..52d9e476fb 100644
--- a/frontend/src/lib/components/sessions/SessionWrapper.svelte
+++ b/frontend/src/lib/components/sessions/SessionWrapper.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { setContext } from 'svelte'
+	import { setContext, untrack } from 'svelte'
 	import { Pane, Splitpanes } from 'svelte-splitpanes'
 	import AIChat from '$lib/components/copilot/chat/AIChat.svelte'
 	import SessionsBetaBanner from './SessionsBetaBanner.svelte'
@@ -38,6 +38,8 @@
 		moveSessionToWorkspace,
 		getSessionDraftPrompt,
 		setSessionDraftPrompt,
+		peekSessionAutoSend,
+		takeSessionAutoSend,
 		reconcileAfterWorkspaceChange,
 		renameSession,
 		selectSession,
@@ -76,6 +78,37 @@
 	// record (script-init: AIChatInput reads it once at mount).
 	const restoredDraftPrompt = getSessionDraftPrompt(sessionId)
 
+	// Whether the prompt read above is already on its way, so the composer starts
+	// empty instead of briefly showing text the effect below is about to send.
+	// Both halves of the claim's own condition are required, not just freshness:
+	// an intent this wrapper will not claim — stale, or armed on a session the
+	// page is only keeping warm in the background — still gets a composer, whose
+	// mount-time empty draft would otherwise erase the prompt from the record.
+	const armedAtInit =
+		sessionState.currentSessionId === sessionId && peekSessionAutoSend(sessionId)
+
+	// A hand-off whose click already stated the intent asks for its prompt to be
+	// sent, not parked. Reactive rather than mount-time: `createSession` reuses an
+	// untouched blank session and the sessions page keys wrappers by id, so a
+	// hand-off fired from `/sessions` can arm the session already on screen —
+	// whose wrapper never re-initializes, leaving an init-time claim to never run
+	// and the prompt to never be sent. Claimed only for the session the user
+	// landed on; a background wrapper would fire the turn off-screen.
+	$effect(() => {
+		if (sessionState.currentSessionId !== sessionId) return
+		if (!session?.autoSendDraftAt || !runtime) return
+		untrack(() => {
+			const prompt = getSessionDraftPrompt(sessionId)
+			// takeSessionAutoSend clears the intent whether or not it is still
+			// fresh, so this cannot re-enter on the next dependency change.
+			if (!takeSessionAutoSend(sessionId) || !prompt) return
+			// sendOrQueue, not sendRequest: a reused session may already be mid-turn.
+			// The runtime's beforeSend awaits loadCopilot for the committed
+			// workspace, so this cannot race the model config on a cold session.
+			runtime.manager.sendOrQueue(prompt)
+		})
+	})
+
 	// The workspace the session acts on, shown in the header "Acting on" strip via the shared
 	// WorkspaceScopeTrigger chip. `targetId` is also the workspace the chip's ellipsis menu targets.
 	const acting = $derived.by(() => {
@@ -422,7 +455,7 @@
 						hideHeader
 						hideModeSelector
 						wideLayout
-						initialInstructions={restoredDraftPrompt}
+						initialInstructions={armedAtInit ? undefined : restoredDraftPrompt}
 						onDraftChange={(text) => setSessionDraftPrompt(sessionId, text)}
 						forceDisabled={isUnavailable || !!session.archived}
 						forceDisabledMessage={isUnavailable
diff --git a/frontend/src/lib/components/sessions/sessionState.svelte.ts b/frontend/src/lib/components/sessions/sessionState.svelte.ts
index bfd157c1b7..e6f45a01db 100644
--- a/frontend/src/lib/components/sessions/sessionState.svelte.ts
+++ b/frontend/src/lib/components/sessions/sessionState.svelte.ts
@@ -130,6 +130,14 @@ export type Session = {
 	// the record so each parallel draft restores its own typed-but-unsent prompt.
 	// Only tracked while unsent; cleared once the workspace commits at first send.
 	draftPrompt?: string
+	// When `draftPrompt` should be sent on arrival rather than parked in the
+	// composer. Set by hand-offs whose click already stated the intent ("AI Fix",
+	// a typed step or app description), so they land mid-answer rather than
+	// waiting for a second Enter. Holds the arming time, not a flag: `goto`
+	// resolves even when a `beforeNavigate` cancels it, so an abandoned hand-off
+	// would otherwise leave a session armed forever and fire on some later visit.
+	// Consumed exactly once, by takeSessionAutoSend.
+	autoSendDraftAt?: number
 }
 
 // One preview tab: `url` is the URL we command the iframe to load, `loc` the
@@ -321,9 +329,9 @@ const draftPromptFlushHandles = new Map<string, ReturnType<typeof setTimeout>>()
 export function setSessionDraftPrompt(sessionId: string, text: string): void {
 	const s = sessionState.sessions.find((x) => x.id === sessionId)
 	if (!s || s.workspace_id) return
-	// No-op on an unchanged prompt. Crucially, this treats the composer's
-	// mount-time onDraftChange('') as a non-touch (draftPrompt is undefined),
-	// so merely opening an untouched draft never persists it.
+	// No-op on an unchanged prompt, so opening an untouched draft never persists
+	// it. Writes of '' are real edits (a draft typed then erased is still a
+	// session), which is why the composer reports edits only — see AIChatInput.
 	if ((s.draftPrompt ?? '') === text) return
 	// Keep `transient` (means "in-memory only") set until the flush persists the
 	// draft, so hydrateSessions preserves it across a reconcile inside this window;
@@ -348,6 +356,44 @@ export function getSessionDraftPrompt(sessionId: string): string | undefined {
 	return s.draftPrompt
 }
 
+// A hand-off arrives within a navigation; anything older than this is the debris
+// of one that never landed, and must not fire at whatever the user does next.
+const AUTO_SEND_TTL_MS = 5 * 60_000
+
+// Mark this session's draft prompt for sending on arrival. Written straight to
+// the record (not via setSessionDraftPrompt's debounce) because the navigation
+// that follows must not outrun it.
+export function setSessionAutoSend(sessionId: string): void {
+	const s = sessionState.sessions.find((x) => x.id === sessionId)
+	if (!s) return
+	s.autoSendDraftAt = Date.now()
+	persistTouched(s)
+}
+
+function autoSendIsFresh(s: Session | undefined): boolean {
+	return !!s?.autoSendDraftAt && Date.now() - s.autoSendDraftAt < AUTO_SEND_TTL_MS
+}
+
+// Whether a claim would be honoured, without consuming it. The composer asks
+// before deciding to stay empty: suppressing the text for an intent that then
+// goes stale would leave the prompt neither sent nor shown, and the composer's
+// own empty-draft write would erase it from the record.
+export function peekSessionAutoSend(sessionId: string): boolean {
+	return autoSendIsFresh(sessionState.sessions.find((x) => x.id === sessionId))
+}
+
+// Claim the auto-send intent, clearing it so a remount (or a second wrapper for
+// the same session) cannot fire the same prompt twice. A stale claim is dropped
+// rather than honoured, but still cleared — it has no other consumer.
+export function takeSessionAutoSend(sessionId: string): boolean {
+	const s = sessionState.sessions.find((x) => x.id === sessionId)
+	if (!s?.autoSendDraftAt) return false
+	const fresh = autoSendIsFresh(s)
+	delete s.autoSendDraftAt
+	persistTouched(s)
+	return fresh
+}
+
 // Persist a session on a genuine user edit, promoting an in-memory-only
 // (transient) pending session to a durable IndexedDB record on first touch.
 // Non-touch writers (runtime chatId seeding, unread watermark) call putSession
diff --git a/frontend/src/lib/components/sessions/sessionSwitch.svelte.ts b/frontend/src/lib/components/sessions/sessionSwitch.svelte.ts
index 0c5ea7fd12..0d30088767 100644
--- a/frontend/src/lib/components/sessions/sessionSwitch.svelte.ts
+++ b/frontend/src/lib/components/sessions/sessionSwitch.svelte.ts
@@ -6,10 +6,15 @@ import {
 	selectSession,
 	sessionInCurrentFamily,
 	sessionState,
+	setSessionAutoSend,
+	setSessionDraftPrompt,
 	setSessionPendingWorkspace,
 	type SessionTarget
 } from './sessionState.svelte'
 import { sessionTargetHref, withPreviewParams } from './sessionMode.svelte'
+// Type-only: erased at compile time, so the component graph stays out of this
+// navigation seam (see the dynamic import in openEditorInSession).
+import type { OpenInSessionSource } from './OpenInSessionButton.svelte'
 
 // The session/navigation switch turns the global rail into either the workspace
 // navigation (navigation mode) or the sessions sidebar (session mode). Session
@@ -75,24 +80,37 @@ export async function exitSessionMode(): Promise<void> {
 export async function openEditorInSession(
 	target: SessionTarget,
 	workspaceId?: string,
-	previewParams?: Record<string, string>
+	previewParams?: Record<string, string>,
+	opts?: { seedPrompt?: string; autoSend?: boolean }
 ): Promise<void> {
-	await openInSession(withPreviewParams(sessionTargetHref(target), previewParams), workspaceId)
+	await openInSession(withPreviewParams(sessionTargetHref(target), previewParams), workspaceId, opts)
 }
 
 // Open a fresh AI session showing a workspace page (Runs, a trigger list) in its
 // preview. A page is not an editable item, so callers hand over the in-app href
 // they want the tab to load rather than a SessionTarget.
-export async function openPageInSession(href: string, workspaceId?: string): Promise<void> {
-	await openInSession(href, workspaceId)
+export async function openPageInSession(
+	href: string,
+	workspaceId?: string,
+	opts?: { seedPrompt?: string; autoSend?: boolean }
+): Promise<void> {
+	await openInSession(href, workspaceId, opts)
 }
 
-async function openInSession(url: string | undefined, workspaceId?: string): Promise<void> {
+async function openInSession(
+	url: string | undefined,
+	workspaceId?: string,
+	opts?: { seedPrompt?: string; autoSend?: boolean }
+): Promise<void> {
 	// Seed the fresh session's preview with a single tab on `url` so it opens
 	// straight onto what the caller wants (resetSessionPreviewTabs also writes
 	// through a live runtime if one already exists for this id).
 	const session = createSession()
 	if (workspaceId) setSessionPendingWorkspace(session.id, workspaceId)
+	if (opts?.seedPrompt) {
+		setSessionDraftPrompt(session.id, opts.seedPrompt)
+		if (opts.autoSend) setSessionAutoSend(session.id)
+	}
 	if (url) {
 		// Dynamic import: a static one would drag the runtime's heavy graph
 		// (chat manager → monaco) into this thin navigation seam, breaking its
@@ -103,3 +121,49 @@ async function openInSession(url: string | undefined, workspaceId?: string): Pro
 	selectSession(session.id)
 	await goto(`/sessions?session_name=${encodeURIComponent(session.name)}`)
 }
+
+// Open an editor's own hand-off, running its `beforeOpen` (which persists the
+// draft the preview loads) first. Callers that drive the hand-off imperatively
+// go through this rather than `openEditorInSession` so they cannot skip that
+// step; `OpenInSessionButton` is the declarative equivalent.
+export async function openSourceInSession(
+	source: OpenInSessionSource,
+	overrides?: { previewParams?: Record<string, string>; seedPrompt?: string; autoSend?: boolean }
+): Promise<void> {
+	await source.beforeOpen?.()
+	const opts = {
+		seedPrompt: overrides?.seedPrompt ?? source.seedPrompt,
+		autoSend: overrides?.autoSend ?? source.autoSend
+	}
+	if (source.target) {
+		await openEditorInSession(
+			source.target,
+			source.workspaceId,
+			overrides?.previewParams ?? source.previewParams,
+			opts
+		)
+		return
+	}
+	const href = source.page?.()
+	if (href) await openPageInSession(href, source.workspaceId, opts)
+}
+
+// Open a fresh session on no particular item, with `prompt` pre-filled in the
+// composer. For entry points that carry a question rather than a target (the
+// global search's "Ask AI"). Always a new session rather than the most recent
+// one (`enterSessionMode`), so the seed cannot overwrite a prompt the user has
+// already typed into a session they are mid-way through.
+export async function startSessionWithPrompt(
+	prompt: string,
+	opts?: { autoSend?: boolean }
+): Promise<void> {
+	// No setSessionPendingWorkspace: createSession already picked the workspace,
+	// steering off a root the user cannot deploy to onto its dev. Overwriting it
+	// with the raw current workspace would land the session where it cannot edit.
+	const session = createSession()
+	setSessionDraftPrompt(session.id, prompt)
+	// An empty prompt has nothing to send; leave the composer focused instead.
+	if (opts?.autoSend && prompt.trim()) setSessionAutoSend(session.id)
+	selectSession(session.id)
+	await goto(`/sessions?session_name=${encodeURIComponent(session.name)}`)
+}
diff --git a/frontend/src/lib/components/sessions/sessionSwitch.test.ts b/frontend/src/lib/components/sessions/sessionSwitch.test.ts
index 7750663250..616f5fe751 100644
--- a/frontend/src/lib/components/sessions/sessionSwitch.test.ts
+++ b/frontend/src/lib/components/sessions/sessionSwitch.test.ts
@@ -1,12 +1,26 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { get } from 'svelte/store'
-import { enterSessionMode } from './sessionSwitch.svelte'
-import { sessionState, type Session } from './sessionState.svelte'
+import {
+	enterSessionMode,
+	openSourceInSession,
+	startSessionWithPrompt
+} from './sessionSwitch.svelte'
+import {
+	peekSessionAutoSend,
+	sessionState,
+	takeSessionAutoSend,
+	type Session
+} from './sessionState.svelte'
 import { usersWorkspaceStore, workspaceStore, type UserWorkspace } from '$lib/stores'
 
 vi.mock('$lib/navigation', () => ({ goto: vi.fn().mockResolvedValue(undefined) }))
 import { goto } from '$lib/navigation'
 
+// Seeding a preview tab dynamically imports the runtime, whose graph reaches
+// monaco (hence that import being dynamic in the first place) and cannot load
+// under node.
+vi.mock('./sessionRuntime.svelte', () => ({ resetSessionPreviewTabs: vi.fn() }))
+
 function session(over: Partial<Session> = {}): Session {
 	return { id: 's1', name: 'sess', createdAt: 0, ...over }
 }
@@ -43,7 +57,9 @@ describe('enterSessionMode — restore is scoped to the active family', () => {
 		try {
 			await enterSessionMode()
 			expect(sessionState.currentSessionId).toBe('sw-in-family')
-			expect(goto).toHaveBeenCalledWith('/sessions?session_name=session-911', { replaceState: false })
+			expect(goto).toHaveBeenCalledWith('/sessions?session_name=session-911', {
+				replaceState: false
+			})
 		} finally {
 			sessionState.sessions = sessionState.sessions.filter((s) => s.id !== 'sw-in-family')
 			sessionState.currentSessionId = prevCurrent
@@ -61,7 +77,9 @@ describe('enterSessionMode — restore is scoped to the active family', () => {
 		try {
 			await enterSessionMode()
 			expect(sessionState.currentSessionId).toBe('sw-local')
-			expect(goto).toHaveBeenCalledWith('/sessions?session_name=session-913', { replaceState: false })
+			expect(goto).toHaveBeenCalledWith('/sessions?session_name=session-913', {
+				replaceState: false
+			})
 		} finally {
 			sessionState.sessions = sessionState.sessions.filter(
 				(s) => s.id !== 'sw-foreign' && s.id !== 'sw-local'
@@ -94,3 +112,139 @@ describe('enterSessionMode — restore is scoped to the active family', () => {
 		}
 	})
 })
+
+describe('openSourceInSession', () => {
+	// The wrapper exists so an imperative caller cannot route before the source has
+	// persisted the draft the preview loads.
+	it('runs beforeOpen before routing, and lets overrides win over the source', async () => {
+		vi.mocked(goto).mockClear()
+		const order: string[] = []
+		vi.mocked(goto).mockImplementation((async () => {
+			order.push('goto')
+		}) as never)
+		const prevCurrent = sessionState.currentSessionId
+		let createdId: string | undefined
+		try {
+			await openSourceInSession(
+				{
+					target: { kind: 'script', path: 'u/me/s' },
+					beforeOpen: () => {
+						order.push('beforeOpen')
+					},
+					seedPrompt: 'from source'
+				},
+				{ seedPrompt: 'from override' }
+			)
+			createdId = sessionState.currentSessionId
+			expect(order).toEqual(['beforeOpen', 'goto'])
+			const created = sessionState.sessions.find((s) => s.id === createdId)
+			expect(created?.draftPrompt).toBe('from override')
+		} finally {
+			sessionState.sessions = sessionState.sessions.filter((s) => s.id !== createdId)
+			sessionState.currentSessionId = prevCurrent
+			vi.mocked(goto).mockReset()
+			vi.mocked(goto).mockResolvedValue(undefined as never)
+		}
+	})
+})
+
+// The auto-send intent must be claimable exactly once: SessionWrapper mounts per
+// session and can remount, and a second claim would re-fire the same prompt as a
+// duplicate turn.
+describe('auto-send intent', () => {
+	it('is carried by the hand-off and consumed by the first claim only', async () => {
+		const prevCurrent = sessionState.currentSessionId
+		let createdId: string | undefined
+		try {
+			await openSourceInSession({
+				target: { kind: 'script', path: 'u/me/s' },
+				seedPrompt: 'fix it',
+				autoSend: true
+			})
+			createdId = sessionState.currentSessionId!
+			expect(peekSessionAutoSend(createdId)).toBe(true)
+			expect(takeSessionAutoSend(createdId)).toBe(true)
+			expect(takeSessionAutoSend(createdId)).toBe(false)
+		} finally {
+			sessionState.sessions = sessionState.sessions.filter((s) => s.id !== createdId)
+			sessionState.currentSessionId = prevCurrent
+		}
+	})
+
+	// `goto` resolves even when a beforeNavigate cancels it, so an abandoned
+	// hand-off leaves the session armed. The claim must go stale rather than fire
+	// a turn at whatever the user is doing whenever that session next opens.
+	it('refuses a claim left over from a hand-off that never landed', async () => {
+		const prevCurrent = sessionState.currentSessionId
+		let createdId: string | undefined
+		try {
+			await openSourceInSession({
+				target: { kind: 'script', path: 'u/me/s' },
+				seedPrompt: 'fix it',
+				autoSend: true
+			})
+			createdId = sessionState.currentSessionId!
+			const s = sessionState.sessions.find((x) => x.id === createdId)!
+			s.autoSendDraftAt = Date.now() - 10 * 60_000
+			// The composer asks first, and must be told to show the prompt — blanking
+			// it for an intent that is never honoured loses the text altogether.
+			expect(peekSessionAutoSend(createdId)).toBe(false)
+			expect(takeSessionAutoSend(createdId)).toBe(false)
+			// Still cleared: a stale intent has no other consumer to leave it for.
+			expect(s.autoSendDraftAt).toBeUndefined()
+			expect(s.draftPrompt).toBe('fix it')
+		} finally {
+			sessionState.sessions = sessionState.sessions.filter((s) => s.id !== createdId)
+			sessionState.currentSessionId = prevCurrent
+		}
+	})
+
+	it('is left unset when the caller only seeds the composer', async () => {
+		const prevCurrent = sessionState.currentSessionId
+		let createdId: string | undefined
+		try {
+			await openSourceInSession({
+				target: { kind: 'script', path: 'u/me/s' },
+				seedPrompt: 'pick inputs and run'
+			})
+			createdId = sessionState.currentSessionId!
+			expect(takeSessionAutoSend(createdId)).toBe(false)
+		} finally {
+			sessionState.sessions = sessionState.sessions.filter((s) => s.id !== createdId)
+			sessionState.currentSessionId = prevCurrent
+		}
+	})
+})
+
+describe('startSessionWithPrompt', () => {
+	beforeEach(() => {
+		vi.mocked(goto).mockClear()
+	})
+
+	// The hand-off must not re-pick the workspace: createSession already steers off
+	// a root the user cannot deploy to onto its dev, and overwriting that with the
+	// raw current workspace lands the session somewhere it cannot edit.
+	it('seeds the composer and keeps createSession’s workspace choice', async () => {
+		const prevUsers = get(usersWorkspaceStore)
+		const prevWs = get(workspaceStore)
+		const prevCurrent = sessionState.currentSessionId
+		usersWorkspaceStore.set({
+			email: 't@t',
+			workspaces: [ws('prod'), { ...ws('prod-dev', 'prod'), is_dev_workspace: true }]
+		} as never)
+		workspaceStore.set('prod')
+		let createdId: string | undefined
+		try {
+			await startSessionWithPrompt('list my flows')
+			createdId = sessionState.currentSessionId
+			const created = sessionState.sessions.find((s) => s.id === createdId)
+			expect(created?.draftPrompt).toBe('list my flows')
+			expect(created?.pending_workspace_id).toBe('prod-dev')
+		} finally {
+			sessionState.sessions = sessionState.sessions.filter((s) => s.id !== createdId)
+			sessionState.currentSessionId = prevCurrent
+			usersWorkspaceStore.set(prevUsers)
+			workspaceStore.set(prevWs)
+		}
+	})
+})
diff --git a/frontend/src/lib/components/sidebar/SidebarContent.svelte b/frontend/src/lib/components/sidebar/SidebarContent.svelte
index 91b52972a1..fb1bb9ee17 100644
--- a/frontend/src/lib/components/sidebar/SidebarContent.svelte
+++ b/frontend/src/lib/components/sidebar/SidebarContent.svelte
@@ -55,11 +55,11 @@
 	import { base } from '$lib/base'
 	import { page } from '$app/state'
 	import SideBarNotification from './SideBarNotification.svelte'
-	import KafkaIcon from '../icons/KafkaIcon.svelte'
-	import NatsIcon from '../icons/NatsIcon.svelte'
-	import MqttIcon from '../icons/MqttIcon.svelte'
-	import AmqpIcon from '../icons/AmqpIcon.svelte'
-	import AwsIcon from '../icons/AwsIcon.svelte'
+	import KafkaIcon from '../icons/triggers/KafkaIcon.svelte'
+	import NatsIcon from '../icons/triggers/NatsIcon.svelte'
+	import MqttIcon from '../icons/triggers/MqttIcon.svelte'
+	import AmqpIcon from '../icons/triggers/AmqpIcon.svelte'
+	import AwsIcon from '../icons/triggers/AwsIcon.svelte'
 	import {
 		getAvailableNativeTriggerServices,
 		getServiceConfig,
@@ -74,8 +74,8 @@
 		MeltButton
 	} from '$lib/components/meltComponents'
 	import MenuButton from './MenuButton.svelte'
-	import GoogleCloudIcon from '../icons/GoogleCloudIcon.svelte'
-	import AzureIcon from '../icons/AzureIcon.svelte'
+	import GoogleCloudIcon from '../icons/triggers/GoogleCloudIcon.svelte'
+	import AzureIcon from '../icons/triggers/AzureIcon.svelte'
 	import { leaveCurrentWorkspace } from './leaveWorkspace'
 	import { markChangelogsOpened, readRecentChangelogs } from './changelogs'
 
diff --git a/frontend/src/lib/components/triggers/AddTriggersButton.svelte b/frontend/src/lib/components/triggers/AddTriggersButton.svelte
index 901eb37244..4027bf9081 100644
--- a/frontend/src/lib/components/triggers/AddTriggersButton.svelte
+++ b/frontend/src/lib/components/triggers/AddTriggersButton.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
-	import { triggerIconMap, type TriggerType } from './utils'
+	// Aliased to the desaturated map: every mark below is a dropdown row sitting beside
+	// lucide glyphs, where a coloured brand mark reads as a different kind of thing.
+	import { triggerIconMapMono as triggerIconMap, type TriggerType } from './utils'
 	import DropdownV2 from '$lib/components/DropdownV2.svelte'
 	import { SchedulePollIcon } from '$lib/components/icons'
 	import type { Placement } from '@floating-ui/core'
diff --git a/frontend/src/lib/components/triggers/CaptureButton.svelte b/frontend/src/lib/components/triggers/CaptureButton.svelte
index cf148d19f4..cc720a09b4 100644
--- a/frontend/src/lib/components/triggers/CaptureButton.svelte
+++ b/frontend/src/lib/components/triggers/CaptureButton.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
 	import { Button } from '$lib/components/common'
 	import { Webhook, Route, Unplug, Mail, Plus, Database } from 'lucide-svelte'
-	import KafkaIcon from '$lib/components/icons/KafkaIcon.svelte'
+	import KafkaIcon from '$lib/components/icons/triggers/KafkaIcon.svelte'
 	import { enterpriseLicense } from '$lib/stores'
 	import { type CaptureTriggerKind } from '$lib/gen'
 	import { createEventDispatcher } from 'svelte'
 	import { captureTriggerKindToTriggerKind } from '../triggers'
 	import CaptureIcon from './CaptureIcon.svelte'
-	import NatsIcon from '../icons/NatsIcon.svelte'
-	import AwsIcon from '../icons/AwsIcon.svelte'
+	import NatsIcon from '../icons/triggers/NatsIcon.svelte'
+	import AwsIcon from '../icons/triggers/AwsIcon.svelte'
 	import DropdownV2 from '$lib/components/DropdownV2.svelte'
-	import MqttIcon from '../icons/MqttIcon.svelte'
-	import AmqpIcon from '../icons/AmqpIcon.svelte'
-	import GoogleCloudIcon from '../icons/GoogleCloudIcon.svelte'
+	import MqttIcon from '../icons/triggers/MqttIcon.svelte'
+	import AmqpIcon from '../icons/triggers/AmqpIcon.svelte'
+	import GoogleCloudIcon from '../icons/triggers/GoogleCloudIcon.svelte'
 
 	interface Props {
 		small?: boolean
diff --git a/frontend/src/lib/components/triggers/utils.ts b/frontend/src/lib/components/triggers/utils.ts
index 287bd29e10..979791cba1 100644
--- a/frontend/src/lib/components/triggers/utils.ts
+++ b/frontend/src/lib/components/triggers/utils.ts
@@ -18,6 +18,16 @@ import AmqpIcon from '$lib/components/icons/AmqpIcon.svelte'
 import AwsIcon from '$lib/components/icons/AwsIcon.svelte'
 import GoogleCloudIcon from '$lib/components/icons/GoogleCloudIcon.svelte'
 import AzureIcon from '$lib/components/icons/AzureIcon.svelte'
+import KafkaMonoIcon from '$lib/components/icons/triggers/KafkaIcon.svelte'
+import NatsMonoIcon from '$lib/components/icons/triggers/NatsIcon.svelte'
+import MqttMonoIcon from '$lib/components/icons/triggers/MqttIcon.svelte'
+import AmqpMonoIcon from '$lib/components/icons/triggers/AmqpIcon.svelte'
+import AwsMonoIcon from '$lib/components/icons/triggers/AwsIcon.svelte'
+import GoogleCloudMonoIcon from '$lib/components/icons/triggers/GoogleCloudIcon.svelte'
+import AzureMonoIcon from '$lib/components/icons/triggers/AzureIcon.svelte'
+import NextcloudMonoIcon from '$lib/components/icons/triggers/NextcloudIcon.svelte'
+import GoogleMonoIcon from '$lib/components/icons/triggers/GoogleIcon.svelte'
+import GithubMonoIcon from '$lib/components/icons/triggers/GithubIcon.svelte'
 import type {
 	CaptureTriggerKind,
 	ErrorHandler,
@@ -151,6 +161,26 @@ export const triggerIconMap = {
 	ui: MousePointerClick
 }
 
+/**
+ * Same map with the desaturated variants swapped in, for dropdowns and the sidebar --
+ * dense lists where a brand mark sits next to lucide glyphs and a coloured one reads as
+ * a different kind of thing. Everything else (tables, panels, job detail, the flow-graph
+ * badge itself) uses triggerIconMap. See icons/index.ts for the rule.
+ */
+export const triggerIconMapMono = {
+	...triggerIconMap,
+	kafka: KafkaMonoIcon,
+	nats: NatsMonoIcon,
+	mqtt: MqttMonoIcon,
+	amqp: AmqpMonoIcon,
+	sqs: AwsMonoIcon,
+	gcp: GoogleCloudMonoIcon,
+	azure: AzureMonoIcon,
+	nextcloud: NextcloudMonoIcon,
+	google: GoogleMonoIcon,
+	github: GithubMonoIcon
+}
+
 export const triggerDisplayNamesMap = {
 	schedule: 'Schedule',
 	http: 'HTTP',
diff --git a/frontend/src/routes/(root)/(logged)/amqp_triggers/+page.svelte b/frontend/src/routes/(root)/(logged)/amqp_triggers/+page.svelte
index 8d08defd12..360defa995 100644
--- a/frontend/src/routes/(root)/(logged)/amqp_triggers/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/amqp_triggers/+page.svelte
@@ -43,7 +43,7 @@
 	import Popover from '$lib/components/Popover.svelte'
 	import { isCloudHosted } from '$lib/cloud'
 	import AmqpTriggerEditor from '$lib/components/triggers/amqp/AmqpTriggerEditor.svelte'
-	import { AmqpIcon } from '$lib/components/icons'
+	import AmqpIcon from '$lib/components/icons/AmqpIcon.svelte'
 	import { ALL_DEPLOYABLE, isDeployable } from '$lib/utils_deployable'
 	import DeployWorkspaceDrawer from '$lib/components/DeployWorkspaceDrawer.svelte'
 	import TriggerModeToggle from '$lib/components/triggers/TriggerModeToggle.svelte'
diff --git a/frontend/src/routes/(root)/(logged)/apps_raw/edit/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/apps_raw/edit/[...path]/+page.svelte
index 87b072bb75..78483c327a 100644
--- a/frontend/src/routes/(root)/(logged)/apps_raw/edit/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/apps_raw/edit/[...path]/+page.svelte
@@ -10,6 +10,7 @@
 	import DiffDrawer from '$lib/components/DiffDrawer.svelte'
 	import type { HiddenRunnable } from '$lib/components/apps/types'
 	import RawAppEditor from '$lib/components/raw_apps/RawAppEditor.svelte'
+	import { prefersSessionHandoff } from '$lib/components/copilot/chat/global/gate'
 	import { stateSnapshot } from '$lib/svelte5Utils.svelte'
 	import { page } from '$app/state'
 	import {
@@ -482,6 +483,8 @@
 		redraw++
 	}
 
+	let rawAppEditor: RawAppEditor | undefined = $state()
+
 	function onTemplatePickerStart(result: RawAppTemplatePickerResult, withPrompt: boolean) {
 		files = { ...result.files }
 		runnables = { ...result.runnables, [STARTER_RUNNABLE_KEY]: STARTER_RUNNABLE }
@@ -497,10 +500,19 @@
 			schema: result.data.schema
 		}
 		if (withPrompt && result.prompt) {
-			setTimeout(() => {
+			const prompt = result.prompt
+			// The delay lets the remount above settle: the session hand-off persists
+			// the draft the preview loads, and the docked path needs the editor to
+			// have registered its app helpers.
+			setTimeout(async () => {
+				// Falls through when the hand-off has no path to open, so the click
+				// still reaches the legacy path (or its toast) instead of vanishing.
+				if (prefersSessionHandoff($userStore?.operator)) {
+					if (await rawAppEditor?.openInSession(prompt)) return
+				}
 				aiChatManager.changeMode(AIMode.APP)
 				if (!aiChatManager.open) aiChatManager.toggleOpen()
-				aiChatManager.instructions = result.prompt!
+				aiChatManager.instructions = prompt
 				aiChatManager.sendRequest()
 			}, 500)
 		}
@@ -555,6 +567,7 @@
 	{#key redraw}
 		<div class="h-screen">
 			<RawAppEditor
+				bind:this={rawAppEditor}
 				onSavedNewAppPath={(savedPath) => {
 					draftSync.remove()
 					goto(`/apps_raw/edit/${savedPath}`)
diff --git a/frontend/src/routes/(root)/(logged)/azure_triggers/+page.svelte b/frontend/src/routes/(root)/(logged)/azure_triggers/+page.svelte
index 69963ed803..11afa9f94b 100644
--- a/frontend/src/routes/(root)/(logged)/azure_triggers/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/azure_triggers/+page.svelte
@@ -56,7 +56,7 @@
 	import { ALL_DEPLOYABLE, isDeployable } from '$lib/utils_deployable'
 	import DeployWorkspaceDrawer from '$lib/components/DeployWorkspaceDrawer.svelte'
 	import AzureTriggerEditor from '$lib/components/triggers/azure/AzureTriggerEditor.svelte'
-	import { AzureIcon } from '$lib/components/icons'
+	import AzureIcon from '$lib/components/icons/AzureIcon.svelte'
 	import { getHttpRoute } from '$lib/components/triggers/http/utils'
 	import ConfirmationModal from '$lib/components/common/confirmationModal/ConfirmationModal.svelte'
 	import TriggerModeToggle from '$lib/components/triggers/TriggerModeToggle.svelte'
diff --git a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
index 93d9c3d905..96f0c4f2f6 100644
--- a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
@@ -321,7 +321,8 @@
 				label: editInForkLabel($workspaceStore, $userWorkspaces),
 				buttonProps: {
 					href: buildForkEditUrl('flow', flow.path),
-					onClick: (e: Event | undefined) => onEditInForkClick(e, 'flow', flow.path, { hasHref: true }),
+					onClick: (e: Event | undefined) =>
+						onEditInForkClick(e, 'flow', flow.path, { hasHref: true }),
 					unifiedSize: 'md',
 					variant: !showEditButtons ? 'default' : 'subtle',
 					startIcon: Pen
@@ -746,6 +747,7 @@
 											goto(`/flows/edit/${flow?.path}`)
 										}}
 										runnableType="flow"
+										path={flow?.path}
 									/>
 								{/if}
 
diff --git a/frontend/src/routes/(root)/(logged)/gcp_triggers/+page.svelte b/frontend/src/routes/(root)/(logged)/gcp_triggers/+page.svelte
index 22234e0f04..663101b9a0 100644
--- a/frontend/src/routes/(root)/(logged)/gcp_triggers/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/gcp_triggers/+page.svelte
@@ -56,7 +56,7 @@
 	import { ALL_DEPLOYABLE, isDeployable } from '$lib/utils_deployable'
 	import DeployWorkspaceDrawer from '$lib/components/DeployWorkspaceDrawer.svelte'
 	import GcpTriggerEditor from '$lib/components/triggers/gcp/GcpTriggerEditor.svelte'
-	import { GoogleCloudIcon } from '$lib/components/icons'
+	import GoogleCloudIcon from '$lib/components/icons/GoogleCloudIcon.svelte'
 	import { getHttpRoute } from '$lib/components/triggers/http/utils'
 	import ConfirmationModal from '$lib/components/common/confirmationModal/ConfirmationModal.svelte'
 	import TriggerModeToggle from '$lib/components/triggers/TriggerModeToggle.svelte'
diff --git a/frontend/src/routes/(root)/(logged)/mqtt_triggers/+page.svelte b/frontend/src/routes/(root)/(logged)/mqtt_triggers/+page.svelte
index 8a6d84fe90..126dfda031 100644
--- a/frontend/src/routes/(root)/(logged)/mqtt_triggers/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/mqtt_triggers/+page.svelte
@@ -43,7 +43,7 @@
 	import Popover from '$lib/components/Popover.svelte'
 	import { isCloudHosted } from '$lib/cloud'
 	import MqttTriggerEditor from '$lib/components/triggers/mqtt/MqttTriggerEditor.svelte'
-	import { MqttIcon } from '$lib/components/icons'
+	import MqttIcon from '$lib/components/icons/MqttIcon.svelte'
 	import { ALL_DEPLOYABLE, isDeployable } from '$lib/utils_deployable'
 	import DeployWorkspaceDrawer from '$lib/components/DeployWorkspaceDrawer.svelte'
 	import TriggerModeToggle from '$lib/components/triggers/TriggerModeToggle.svelte'
diff --git a/frontend/src/routes/(root)/(logged)/pipeline/[folder]/+page.svelte b/frontend/src/routes/(root)/(logged)/pipeline/[folder]/+page.svelte
index 1015818896..cda7a4718d 100644
--- a/frontend/src/routes/(root)/(logged)/pipeline/[folder]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/pipeline/[folder]/+page.svelte
@@ -464,6 +464,10 @@
 			lines.push('No output asset is expected.')
 		}
 		const instructions = lines.join('\n')
+		// Still the docked chat, which AI Sessions leaves unmounted — sendRequest
+		// refuses rather than running the turn off-screen. Handing this off to a
+		// session needs the just-staged draft flushed to its DB bundle first (the
+		// preview hydrates from there), and PipelineGraphEditor exposes no flush.
 		aiChatManager.openChat()
 		aiChatManager.sendRequest({ instructions })
 	}
diff --git a/frontend/src/routes/(root)/(logged)/resources/+page.svelte b/frontend/src/routes/(root)/(logged)/resources/+page.svelte
index b4cf764cb7..5dbe7378fe 100644
--- a/frontend/src/routes/(root)/(logged)/resources/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/resources/+page.svelte
@@ -23,6 +23,10 @@
 	} from '$lib/components/FilterSearchbar.svelte'
 	import { buildResourcesFilterSchema } from '$lib/components/resources/resourcesFilter'
 	import { buildResourceTypesFilterSchema } from '$lib/components/resources/resourceTypesFilter'
+	import {
+		resourceTypeSearchText,
+		sortResourceTypesByMatch
+	} from '$lib/components/resourceTypeDisplay'
 	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import DraftBadge from '$lib/components/DraftBadge.svelte'
 	import InheritedLabels from '$lib/components/InheritedLabels.svelte'
@@ -174,16 +178,29 @@
 	let filteredResourceTypes = $derived.by(() => {
 		if (!resourceTypes) return resourceTypes
 		const f = resourceTypesFilters.val
-		const defaultSearch = f._default_?.toLowerCase()
+		// Bare search covers name and description together, like the add-resource drawer --
+		// `gdrive` is only findable as "google" through its description. The `name:` and
+		// `description:` facets stay scoped to their own field.
+		const defaultSearch = f._default_?.trim().toLowerCase()
 		const nameSearch = f.name?.toLowerCase()
 		const descSearch = f.description?.toLowerCase()
 		if (!defaultSearch && !nameSearch && !descSearch) return resourceTypes
-		return resourceTypes.filter((rt) => {
-			if (defaultSearch && !rt.name.toLowerCase().includes(defaultSearch)) return false
+		const matched = resourceTypes.filter((rt) => {
+			if (
+				defaultSearch &&
+				!resourceTypeSearchText(rt.name, rt.description).toLowerCase().includes(defaultSearch)
+			)
+				return false
 			if (nameSearch && !rt.name.toLowerCase().includes(nameSearch)) return false
 			if (descSearch && !(rt.description ?? '').toLowerCase().includes(descSearch)) return false
 			return true
 		})
+		return sortResourceTypesByMatch(
+			matched,
+			defaultSearch ?? '',
+			(rt) => rt.name,
+			(rt) => rt.description
+		)
 	})
 
 	let folderPresets = $derived([
@@ -718,18 +735,19 @@
 
 <Drawer bind:this={resourceTypeViewer} size="800px">
 	<DrawerContent title={resourceTypeViewerObj.rt} on:close={resourceTypeViewer.closeDrawer}>
-		<div>
-			<h1 class="mb-8 mt-4"
-				><IconedResourceType
-					name={resourceTypeViewerObj.rt}
-					formatExtension={resourceTypeViewerObj.formatExtension}
-					isFileset={resourceTypeViewerObj.isFileset}
-				/></h1
-			>
+		{#snippet titleExtra()}
+			<IconedResourceType
+				name={resourceTypeViewerObj.rt}
+				formatExtension={resourceTypeViewerObj.formatExtension}
+				isFileset={resourceTypeViewerObj.isFileset}
+				silent
+				width="20px"
+				height="20px"
+			/>
+		{/snippet}
+		<div class="flex flex-col gap-6">
 			{#if resourceTypeViewerObj.description}
-				<div class="py-2 box prose mb-8 text-secondary">
-					<GfmMarkdown md={resourceTypeViewerObj.description ?? ''} />
-				</div>
+				<GfmMarkdown md={resourceTypeViewerObj.description ?? ''} prose="sm" noPadding />
 			{/if}
 			{#if resourceTypeViewerObj.isFileset}
 				<Alert type="info" title="Fileset resource type">
@@ -1147,9 +1165,14 @@
 												</a>
 											</Cell>
 											<Cell>
-												<span class="text-primary text-xs">
-													{removeMarkdown(truncate(description ?? '', 30))}
-												</span>
+												<div class="flex items-center min-h-8 w-full min-w-0 max-w-[30rem]">
+													<span
+														class="text-primary text-xs whitespace-pre-wrap ellipsize-multi-line [-webkit-line-clamp:2]"
+														title={removeMarkdown(description ?? '')}
+													>
+														{removeMarkdown(truncate(description ?? '', 200))}
+													</span>
+												</div>
 											</Cell>
 											<Cell>
 												<div class="flex flex-row text-center">
@@ -1367,19 +1390,31 @@
 												</a>
 											</Cell>
 											<Cell>
-												<span class="text-primary text-xs w-96 flex flex-wrap whitespace-pre-wrap">
-													{removeMarkdown(truncate(description ?? '', 200))}
-												</span>
+												<!-- Fixed at two lines: min-h so short descriptions still set the same row
+													height as long ones, line-clamp so long ones cannot push the row taller.
+													title carries the whole thing, since the clamp hides the rest. -->
+												<div class="flex items-center min-h-8 w-full min-w-0 max-w-[30rem]">
+													<span
+														class="text-primary text-xs whitespace-pre-wrap ellipsize-multi-line [-webkit-line-clamp:2]"
+														title={removeMarkdown(description ?? '')}
+													>
+														{removeMarkdown(truncate(description ?? '', 200))}
+													</span>
+												</div>
 											</Cell>
-											<Cell last stickyEnd>
+											<Cell last stickyEnd class="border-l-0 text-right">
 												{#if !canWrite}
-													<Badge>
-														Shared globally
-														<Tooltip>
-															This resource type is from the 'admins' workspace shared with all
-															workspaces
-														</Tooltip>
-													</Badge>
+													<!-- Badge is inline-flex, so it needs a right-aligning wrapper to sit
+														flush with the action buttons on the rows that have them. -->
+													<div class="flex justify-end">
+														<Badge>
+															Shared globally
+															<Tooltip>
+																This resource type is from the 'admins' workspace shared with all
+																workspaces
+															</Tooltip>
+														</Badge>
+													</div>
 												{:else if $userStore?.is_admin || $userStore?.is_super_admin}
 													<div class="flex flex-row-reverse gap-2">
 														<Button
diff --git a/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte b/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
index 04c16c0acb..6b3b0e5c1f 100644
--- a/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
@@ -470,7 +470,8 @@
 				label: editInForkLabel($workspaceStore, $userWorkspaces),
 				buttonProps: {
 					href: buildForkEditUrl('script', script.path),
-					onClick: (e: Event | undefined) => onEditInForkClick(e, 'script', script.path, { hasHref: true }),
+					onClick: (e: Event | undefined) =>
+						onEditInForkClick(e, 'script', script.path, { hasHref: true }),
 					unifiedSize: 'md',
 					variant: !showEditButtons ? 'default' : 'subtle',
 					startIcon: Pen
@@ -969,6 +970,7 @@
 										goto(`/scripts/edit/${script?.path}?metadata_open=true`)
 									}}
 									runnableType="script"
+									path={script?.path}
 								/>
 							{/if}
 
diff --git a/frontend/src/routes/(root)/(logged)/sqs_triggers/+page.svelte b/frontend/src/routes/(root)/(logged)/sqs_triggers/+page.svelte
index 1226fc2c0f..912d171d86 100644
--- a/frontend/src/routes/(root)/(logged)/sqs_triggers/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/sqs_triggers/+page.svelte
@@ -44,7 +44,7 @@
 	import SqsTriggerEditor from '$lib/components/triggers/sqs/SqsTriggerEditor.svelte'
 	import { ALL_DEPLOYABLE, isDeployable } from '$lib/utils_deployable'
 	import DeployWorkspaceDrawer from '$lib/components/DeployWorkspaceDrawer.svelte'
-	import { AwsIcon } from '$lib/components/icons'
+	import AwsIcon from '$lib/components/icons/AwsIcon.svelte'
 	import TriggerModeToggle from '$lib/components/triggers/TriggerModeToggle.svelte'
 
 	type TriggerD = SqsTrigger & { canWrite: boolean }
diff --git a/frontend/src/routes/kitchen_sink/icons/+page.svelte b/frontend/src/routes/kitchen_sink/icons/+page.svelte
new file mode 100644
index 0000000000..1fddc29dd3
--- /dev/null
+++ b/frontend/src/routes/kitchen_sink/icons/+page.svelte
@@ -0,0 +1,195 @@
+<script lang="ts">
+	// Gallery of every icon component, at /kitchen_sink/icons.
+	//
+	// Sourced by glob rather than from APP_TO_ICON_COMPONENT, because the icons the
+	// map does NOT reach are exactly what this page needs to surface.
+	import { APP_TO_ICON_COMPONENT } from '$lib/components/icons'
+	import tokensJson from '$lib/assets/tokens/tokens.json'
+	import { darkModeName, lightModeName } from '$lib/assets/tokens/colorTokensConfig'
+	import TextInput from '$lib/components/text_input/TextInput.svelte'
+	import Select from '$lib/components/select/Select.svelte'
+	import Toggle from '$lib/components/Toggle.svelte'
+	import Label from '$lib/components/Label.svelte'
+
+	// Tailwind's `dark:` variants work off a descendant selector, but the color tokens
+	// behind text-secondary/bg-surface are declared on `html.dark` (tailwind.config.cjs
+	// addBase), which a wrapper div cannot reach. Redeclaring them inline makes each
+	// half of a tile a real light/dark context whatever theme the app itself is in.
+	function hexToRgb(hex: string): string {
+		if (!hex.startsWith('#')) return hex
+		const h = hex.slice(1)
+		const [r, g, b] = [0, 2, 4].map((i) => parseInt(h.substring(i, i + 2), 16))
+		if (h.length === 8) {
+			return `${r} ${g} ${b} / ${(parseInt(h.substring(6, 8), 16) / 255).toFixed(3)}`
+		}
+		return `${r} ${g} ${b}`
+	}
+
+	function themeVars(mode: string): string {
+		const mapping = (tokensJson.tokens as Record<string, Record<string, string>>)[mode]
+		return Object.entries(mapping)
+			.map(([key, value]) => `--color-${key}:${hexToRgb(value)}`)
+			.join(';')
+	}
+
+	const lightVars = themeVars(lightModeName)
+	const darkVars = themeVars(darkModeName)
+
+	// Includes triggers/ so the monochrome trigger variants sit next to the full-colour
+	// marks they shadow — the pair is the thing you need to see when deciding which to use.
+	const modules = import.meta.glob('../../../lib/components/icons/**/*.svelte', { eager: true })
+
+	const entries = Object.entries(modules)
+		.map(([path, mod]) => {
+			const file = path.split('/').pop()?.replace('.svelte', '') ?? path
+			const folder = path.split('/').slice(-2, -1)[0]
+			return {
+				name: folder === 'icons' ? file : `${folder}/${file}`,
+				component: (mod as { default: any }).default
+			}
+		})
+		.sort((a, b) => a.name.localeCompare(b.name))
+
+	// Reverse the map by component identity: component .name is unreliable once minified.
+	const nameByComponent = new Map(entries.map((e) => [e.component, e.name]))
+	const keysByName = $derived.by(() => {
+		const out: Record<string, string[]> = {}
+		for (const [key, component] of Object.entries(APP_TO_ICON_COMPONENT)) {
+			const name = nameByComponent.get(component)
+			if (name) (out[name] ??= []).push(key)
+		}
+		return out
+	})
+
+	let search = $state('')
+	let size = $state(24)
+	let colorOverride = $state('')
+	let classOverride = $state('')
+	let onlyMapped = $state(false)
+	let showDark = $state(true)
+
+	// The theme's color variables live on `html.dark`, so only that class puts the page
+	// chrome itself in dark mode. Seeded from the app's current theme so mounting the
+	// page never flips it, and restored on leaving.
+	let pageDark = $state(
+		typeof document !== 'undefined' && document.documentElement.classList.contains('dark')
+	)
+
+	$effect(() => {
+		const el = document.documentElement
+		const previous = el.classList.contains('dark')
+		el.classList.toggle('dark', pageDark)
+		return () => el.classList.toggle('dark', previous)
+	})
+
+	let iconProps = $derived({
+		size,
+		// Numbers, not '24px' strings: the library has both `width?: string` components
+		// that emit {width} verbatim and `width?: number` ones that emit `${width}px`.
+		// A number is a valid SVG length under both; a px string yields "24pxpx" on the
+		// second kind, which is invalid and falls back to the 300x150 default size.
+		width: size,
+		height: size,
+		// Only forwarded when set: most components declare neither prop, and passing
+		// them unconditionally logs an unknown-prop warning for every icon on screen.
+		...(colorOverride ? { color: colorOverride } : {}),
+		...(classOverride ? { class: classOverride } : {})
+	})
+
+	let shown = $derived(
+		entries.filter((e) => {
+			const keys = keysByName[e.name] ?? []
+			if (onlyMapped && keys.length === 0) return false
+			if (!search) return true
+			const q = search.toLowerCase()
+			return e.name.toLowerCase().includes(q) || keys.some((k) => k.includes(q))
+		})
+	)
+
+	const sizeItems = [16, 20, 24, 32, 48, 64].map((v) => ({ label: `${v}px`, value: v }))
+</script>
+
+<div class="h-full overflow-auto bg-surface">
+	<div class="max-w-[1400px] mx-auto flex flex-col gap-4 p-6">
+		<div class="flex flex-col gap-1">
+			<h1 class="text-lg font-semibold text-emphasis">Icon library</h1>
+			<p class="text-sm text-secondary">
+				Every component in <code class="text-xs">lib/components/icons</code>. Each tile renders the
+				icon on Windmill's light surface and, when enabled, its dark surface — so a monochrome
+				icon's light/dark pair can be checked side by side without switching the app theme. An icon
+				only differs between the two halves if it inherits <code class="text-xs">currentColor</code>
+				or carries a <code class="text-xs">dark:</code> class; hardcoded fills look the same on both.
+			</p>
+		</div>
+
+		<div class="flex flex-wrap gap-4 items-end border rounded-md p-3 bg-surface-secondary">
+			<div class="w-64">
+				<Label label="Search">
+					<TextInput bind:value={search} inputProps={{ placeholder: 'name or resource type' }} />
+				</Label>
+			</div>
+			<div class="w-28">
+				<Label label="Size">
+					<Select items={sizeItems} bind:value={size} />
+				</Label>
+			</div>
+			<div class="w-40">
+				<Label label="color prop">
+					<TextInput bind:value={colorOverride} inputProps={{ placeholder: '#ff0000' }} />
+				</Label>
+			</div>
+			<div class="w-52">
+				<Label label="class prop">
+					<TextInput bind:value={classOverride} inputProps={{ placeholder: 'text-teal-500' }} />
+				</Label>
+			</div>
+			<Toggle bind:checked={showDark} options={{ right: 'Dark surface' }} />
+			<Toggle bind:checked={onlyMapped} options={{ right: 'Mapped to a resource type' }} />
+			<Toggle bind:checked={pageDark} options={{ right: 'Dark page' }} />
+		</div>
+
+		<div class="text-xs text-hint">
+			{shown.length} of {entries.length} components
+			{#if colorOverride || classOverride}
+				· overrides apply only to components declaring that prop
+			{/if}
+			{#if pageDark && showDark}
+				· with the page dark, <code>dark:</code> classes also match inside the light half — read the
+				pairs with it off
+			{/if}
+		</div>
+
+		<div class="grid gap-2 grid-cols-[repeat(auto-fill,minmax(160px,1fr))]">
+			{#each shown as entry (entry.name)}
+				{@const Icon = entry.component}
+				{@const keys = keysByName[entry.name] ?? []}
+				<div class="border rounded-md overflow-hidden flex flex-col">
+					<div class="flex">
+						<div
+							class="flex-1 flex items-center justify-center py-5 bg-surface text-secondary min-h-[72px]"
+							style={lightVars}
+						>
+							<Icon {...iconProps} />
+						</div>
+						{#if showDark}
+							<div
+								class="dark flex-1 flex items-center justify-center py-5 bg-surface text-secondary min-h-[72px]"
+								style={darkVars}
+							>
+								<Icon {...iconProps} />
+							</div>
+						{/if}
+					</div>
+					<div class="px-2 py-1.5 border-t bg-surface flex flex-col gap-0.5">
+						<div class="text-2xs font-mono text-primary truncate" title={entry.name}>
+							{entry.name}
+						</div>
+						<div class="text-2xs text-hint truncate" title={keys.join(', ')}>
+							{keys.length ? keys.join(', ') : 'unmapped'}
+						</div>
+					</div>
+				</div>
+			{/each}
+		</div>
+	</div>
+</div>
diff --git a/lsp/Pipfile b/lsp/Pipfile
index afd09b91a9..3f14090c0b 100644
--- a/lsp/Pipfile
+++ b/lsp/Pipfile
@@ -4,7 +4,7 @@ verify_ssl = true
 name = "pypi"
 
 [packages]
-wmill = ">=1.791.0"
+wmill = ">=1.792.1"
 sendgrid = "*"
 mysql-connector-python = "*"
 pymongo = "*"
diff --git a/openflow.openapi.yaml b/openflow.openapi.yaml
index a3be86bfac..f1c5ebee82 100644
--- a/openflow.openapi.yaml
+++ b/openflow.openapi.yaml
@@ -1,7 +1,7 @@
 openapi: '3.0.3'
 
 info:
-  version: 1.791.0
+  version: 1.792.1
   title: OpenFlow Spec
   contact:
     name: Ruben Fiszel
diff --git a/powershell-client/WindmillClient/WindmillClient.psd1 b/powershell-client/WindmillClient/WindmillClient.psd1
index df20ffd066..bc37abcc54 100644
--- a/powershell-client/WindmillClient/WindmillClient.psd1
+++ b/powershell-client/WindmillClient/WindmillClient.psd1
@@ -12,7 +12,7 @@
     RootModule        = 'WindmillClient.psm1'
 
     # Version number of this module.
-    ModuleVersion     = '1.791.0'
+    ModuleVersion     = '1.792.1'
 
     # Supported PSEditions
     # CompatiblePSEditions = @()
diff --git a/python-client/wmill/pyproject.toml b/python-client/wmill/pyproject.toml
index 7b33cfd516..db0e4696fa 100644
--- a/python-client/wmill/pyproject.toml
+++ b/python-client/wmill/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "wmill"
-version = "1.791.0"
+version = "1.792.1"
 description = "A client library for accessing Windmill server wrapping the Windmill client API"
 license = "Apache-2.0"
 homepage = "https://windmill.dev"
diff --git a/typescript-client/jsr.json b/typescript-client/jsr.json
index 7e16148f76..271f0721ae 100644
--- a/typescript-client/jsr.json
+++ b/typescript-client/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@windmill/windmill",
-  "version": "1.791.0",
+  "version": "1.792.1",
   "exports": "./src/index.ts",
   "publish": {
     "exclude": ["!src", "./s3Types.ts", "./sqlUtils.ts", "./client.ts", "./wacError.ts"]
diff --git a/typescript-client/package.json b/typescript-client/package.json
index 04d2df97d8..737172b3c4 100644
--- a/typescript-client/package.json
+++ b/typescript-client/package.json
@@ -1,7 +1,7 @@
 {
   "name": "windmill-client",
   "description": "Windmill SDK client for browsers and Node.js",
-  "version": "1.791.0",
+  "version": "1.792.1",
   "author": "Ruben Fiszel",
   "license": "Apache 2.0",
   "homepage": "https://github.com/windmill-labs/windmill/tree/main/typescript-client#readme",
diff --git a/version.txt b/version.txt
index ef9e33a4f4..3a64fb8018 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-1.791.0
+1.792.1
diff --git a/windmill-yaml-validator/package-lock.json b/windmill-yaml-validator/package-lock.json
index bfd3a19ea6..988c4bb271 100644
--- a/windmill-yaml-validator/package-lock.json
+++ b/windmill-yaml-validator/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "windmill-yaml-validator",
-  "version": "1.791.0",
+  "version": "1.792.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "windmill-yaml-validator",
-      "version": "1.791.0",
+      "version": "1.792.1",
       "license": "Apache 2.0",
       "dependencies": {
         "@stoplight/yaml": "^4.3.0",
diff --git a/windmill-yaml-validator/package.json b/windmill-yaml-validator/package.json
index 19a9df7a60..57fc06cc0b 100644
--- a/windmill-yaml-validator/package.json
+++ b/windmill-yaml-validator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "windmill-yaml-validator",
-  "version": "1.791.0",
+  "version": "1.792.1",
   "description": "YAML validator for Windmill flow, schedule, and trigger files",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",