diff --git a/docs/.gitbook/assets/action-panel.png b/docs/.gitbook/assets/action-panel.png
deleted file mode 100644
index 76f8b6bd11ae..000000000000
Binary files a/docs/.gitbook/assets/action-panel.png and /dev/null differ
diff --git a/docs/.gitbook/assets/action-panel.webp b/docs/.gitbook/assets/action-panel.webp
new file mode 100644
index 000000000000..25a03b527195
Binary files /dev/null and b/docs/.gitbook/assets/action-panel.webp differ
diff --git a/docs/.gitbook/assets/alert-action-cancel.png b/docs/.gitbook/assets/alert-action-cancel.png
deleted file mode 100644
index 83fbc929a29a..000000000000
Binary files a/docs/.gitbook/assets/alert-action-cancel.png and /dev/null differ
diff --git a/docs/.gitbook/assets/alert-action-cancel.webp b/docs/.gitbook/assets/alert-action-cancel.webp
new file mode 100644
index 000000000000..e73a37408b95
Binary files /dev/null and b/docs/.gitbook/assets/alert-action-cancel.webp differ
diff --git a/docs/.gitbook/assets/alert-action-default.png b/docs/.gitbook/assets/alert-action-default.png
deleted file mode 100644
index 5e0175ff3ca1..000000000000
Binary files a/docs/.gitbook/assets/alert-action-default.png and /dev/null differ
diff --git a/docs/.gitbook/assets/alert-action-default.webp b/docs/.gitbook/assets/alert-action-default.webp
new file mode 100644
index 000000000000..cf694515bf72
Binary files /dev/null and b/docs/.gitbook/assets/alert-action-default.webp differ
diff --git a/docs/.gitbook/assets/alert-action-destructive.png b/docs/.gitbook/assets/alert-action-destructive.png
deleted file mode 100644
index e919b0562c16..000000000000
Binary files a/docs/.gitbook/assets/alert-action-destructive.png and /dev/null differ
diff --git a/docs/.gitbook/assets/alert-action-destructive.webp b/docs/.gitbook/assets/alert-action-destructive.webp
new file mode 100644
index 000000000000..3529cca2309b
Binary files /dev/null and b/docs/.gitbook/assets/alert-action-destructive.webp differ
diff --git a/docs/.gitbook/assets/alert.png b/docs/.gitbook/assets/alert.png
deleted file mode 100644
index 45c8ba9a0c14..000000000000
Binary files a/docs/.gitbook/assets/alert.png and /dev/null differ
diff --git a/docs/.gitbook/assets/alert.webp b/docs/.gitbook/assets/alert.webp
new file mode 100644
index 000000000000..18a8eeb2446f
Binary files /dev/null and b/docs/.gitbook/assets/alert.webp differ
diff --git a/docs/.gitbook/assets/arguments.png b/docs/.gitbook/assets/arguments.png
deleted file mode 100644
index 6e4162b21064..000000000000
Binary files a/docs/.gitbook/assets/arguments.png and /dev/null differ
diff --git a/docs/.gitbook/assets/arguments.webp b/docs/.gitbook/assets/arguments.webp
new file mode 100644
index 000000000000..5820d335065e
Binary files /dev/null and b/docs/.gitbook/assets/arguments.webp differ
diff --git a/docs/.gitbook/assets/background-refresh-error.png b/docs/.gitbook/assets/background-refresh-error.png
deleted file mode 100644
index 921bf1c08a8a..000000000000
Binary files a/docs/.gitbook/assets/background-refresh-error.png and /dev/null differ
diff --git a/docs/.gitbook/assets/background-refresh-error.webp b/docs/.gitbook/assets/background-refresh-error.webp
new file mode 100644
index 000000000000..f56fdf8a10d8
Binary files /dev/null and b/docs/.gitbook/assets/background-refresh-error.webp differ
diff --git a/docs/.gitbook/assets/background-refresh-preferences.png b/docs/.gitbook/assets/background-refresh-preferences.png
deleted file mode 100644
index 020cb11540a0..000000000000
Binary files a/docs/.gitbook/assets/background-refresh-preferences.png and /dev/null differ
diff --git a/docs/.gitbook/assets/background-refresh-preferences.webp b/docs/.gitbook/assets/background-refresh-preferences.webp
new file mode 100644
index 000000000000..475411d88fef
Binary files /dev/null and b/docs/.gitbook/assets/background-refresh-preferences.webp differ
diff --git a/docs/.gitbook/assets/basics-icon-list.png b/docs/.gitbook/assets/basics-icon-list.png
deleted file mode 100644
index 4020a94bd664..000000000000
Binary files a/docs/.gitbook/assets/basics-icon-list.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-icon-list.webp b/docs/.gitbook/assets/basics-icon-list.webp
new file mode 100644
index 000000000000..64a3aa26124f
Binary files /dev/null and b/docs/.gitbook/assets/basics-icon-list.webp differ
diff --git a/docs/.gitbook/assets/basics-inapp-store.png b/docs/.gitbook/assets/basics-inapp-store.png
deleted file mode 100644
index cee86007eb5f..000000000000
Binary files a/docs/.gitbook/assets/basics-inapp-store.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-inapp-store.webp b/docs/.gitbook/assets/basics-inapp-store.webp
new file mode 100644
index 000000000000..61b0b1e3be8f
Binary files /dev/null and b/docs/.gitbook/assets/basics-inapp-store.webp differ
diff --git a/docs/.gitbook/assets/basics-install-extension.png b/docs/.gitbook/assets/basics-install-extension.png
deleted file mode 100644
index c802e513185f..000000000000
Binary files a/docs/.gitbook/assets/basics-install-extension.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-install-extension.webp b/docs/.gitbook/assets/basics-install-extension.webp
new file mode 100644
index 000000000000..0a6cb5bb4070
Binary files /dev/null and b/docs/.gitbook/assets/basics-install-extension.webp differ
diff --git a/docs/.gitbook/assets/basics-manage-extensions.png b/docs/.gitbook/assets/basics-manage-extensions.png
deleted file mode 100644
index d56638df78e6..000000000000
Binary files a/docs/.gitbook/assets/basics-manage-extensions.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-manage-extensions.webp b/docs/.gitbook/assets/basics-manage-extensions.webp
new file mode 100644
index 000000000000..ce1f47d3a92c
Binary files /dev/null and b/docs/.gitbook/assets/basics-manage-extensions.webp differ
diff --git a/docs/.gitbook/assets/basics-open-command.png b/docs/.gitbook/assets/basics-open-command.png
deleted file mode 100644
index 5648d6720504..000000000000
Binary files a/docs/.gitbook/assets/basics-open-command.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-open-command.webp b/docs/.gitbook/assets/basics-open-command.webp
new file mode 100644
index 000000000000..d93798084581
Binary files /dev/null and b/docs/.gitbook/assets/basics-open-command.webp differ
diff --git a/docs/.gitbook/assets/basics-react-developer-tools.png b/docs/.gitbook/assets/basics-react-developer-tools.png
deleted file mode 100644
index d747b5da9fc2..000000000000
Binary files a/docs/.gitbook/assets/basics-react-developer-tools.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-react-developer-tools.webp b/docs/.gitbook/assets/basics-react-developer-tools.webp
new file mode 100644
index 000000000000..1f0486648636
Binary files /dev/null and b/docs/.gitbook/assets/basics-react-developer-tools.webp differ
diff --git a/docs/.gitbook/assets/basics-unhandled-exception.png b/docs/.gitbook/assets/basics-unhandled-exception.png
deleted file mode 100644
index 8f787171057f..000000000000
Binary files a/docs/.gitbook/assets/basics-unhandled-exception.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-unhandled-exception.webp b/docs/.gitbook/assets/basics-unhandled-exception.webp
new file mode 100644
index 000000000000..b5a9bcaeefa6
Binary files /dev/null and b/docs/.gitbook/assets/basics-unhandled-exception.webp differ
diff --git a/docs/.gitbook/assets/basics-web-store.png b/docs/.gitbook/assets/basics-web-store.png
deleted file mode 100644
index 8ca02446183f..000000000000
Binary files a/docs/.gitbook/assets/basics-web-store.png and /dev/null differ
diff --git a/docs/.gitbook/assets/basics-web-store.webp b/docs/.gitbook/assets/basics-web-store.webp
new file mode 100644
index 000000000000..4734fd8f31c9
Binary files /dev/null and b/docs/.gitbook/assets/basics-web-store.webp differ
diff --git a/docs/.gitbook/assets/categories-focus.png b/docs/.gitbook/assets/categories-focus.png
deleted file mode 100644
index 5dff9c2fa8b4..000000000000
Binary files a/docs/.gitbook/assets/categories-focus.png and /dev/null differ
diff --git a/docs/.gitbook/assets/categories-focus.webp b/docs/.gitbook/assets/categories-focus.webp
new file mode 100644
index 000000000000..b96d3ca00c70
Binary files /dev/null and b/docs/.gitbook/assets/categories-focus.webp differ
diff --git a/docs/.gitbook/assets/changelog-hello-world.png b/docs/.gitbook/assets/changelog-hello-world.png
deleted file mode 100644
index 3d0fa2645da1..000000000000
Binary files a/docs/.gitbook/assets/changelog-hello-world.png and /dev/null differ
diff --git a/docs/.gitbook/assets/changelog-hello-world.webp b/docs/.gitbook/assets/changelog-hello-world.webp
new file mode 100644
index 000000000000..6de7d7ba17dd
Binary files /dev/null and b/docs/.gitbook/assets/changelog-hello-world.webp differ
diff --git a/docs/.gitbook/assets/color-blue.png b/docs/.gitbook/assets/color-blue.png
deleted file mode 100644
index 2ff627fef4dc..000000000000
Binary files a/docs/.gitbook/assets/color-blue.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-blue.webp b/docs/.gitbook/assets/color-blue.webp
new file mode 100644
index 000000000000..b5fd11b78553
Binary files /dev/null and b/docs/.gitbook/assets/color-blue.webp differ
diff --git a/docs/.gitbook/assets/color-dark-blue.png b/docs/.gitbook/assets/color-dark-blue.png
deleted file mode 100644
index 77b8bf00f329..000000000000
Binary files a/docs/.gitbook/assets/color-dark-blue.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-blue.webp b/docs/.gitbook/assets/color-dark-blue.webp
new file mode 100644
index 000000000000..bb792f0278bb
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-blue.webp differ
diff --git a/docs/.gitbook/assets/color-dark-green.png b/docs/.gitbook/assets/color-dark-green.png
deleted file mode 100644
index afa50d6c3993..000000000000
Binary files a/docs/.gitbook/assets/color-dark-green.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-green.webp b/docs/.gitbook/assets/color-dark-green.webp
new file mode 100644
index 000000000000..1f26f61f56df
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-green.webp differ
diff --git a/docs/.gitbook/assets/color-dark-magenta.png b/docs/.gitbook/assets/color-dark-magenta.png
deleted file mode 100644
index 189b0dd2ba8d..000000000000
Binary files a/docs/.gitbook/assets/color-dark-magenta.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-magenta.webp b/docs/.gitbook/assets/color-dark-magenta.webp
new file mode 100644
index 000000000000..460fbc6e16fa
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-magenta.webp differ
diff --git a/docs/.gitbook/assets/color-dark-orange.png b/docs/.gitbook/assets/color-dark-orange.png
deleted file mode 100644
index 91fa7991d80f..000000000000
Binary files a/docs/.gitbook/assets/color-dark-orange.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-orange.webp b/docs/.gitbook/assets/color-dark-orange.webp
new file mode 100644
index 000000000000..5c867edbcb01
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-orange.webp differ
diff --git a/docs/.gitbook/assets/color-dark-primary-text.png b/docs/.gitbook/assets/color-dark-primary-text.png
deleted file mode 100644
index 2159ef3b837f..000000000000
Binary files a/docs/.gitbook/assets/color-dark-primary-text.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-primary-text.webp b/docs/.gitbook/assets/color-dark-primary-text.webp
new file mode 100644
index 000000000000..46bb91f2a4e7
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-primary-text.webp differ
diff --git a/docs/.gitbook/assets/color-dark-purple.png b/docs/.gitbook/assets/color-dark-purple.png
deleted file mode 100644
index bb34da4f3c5c..000000000000
Binary files a/docs/.gitbook/assets/color-dark-purple.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-purple.webp b/docs/.gitbook/assets/color-dark-purple.webp
new file mode 100644
index 000000000000..6e5cba871d9c
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-purple.webp differ
diff --git a/docs/.gitbook/assets/color-dark-red.png b/docs/.gitbook/assets/color-dark-red.png
deleted file mode 100644
index ae73431d107c..000000000000
Binary files a/docs/.gitbook/assets/color-dark-red.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-red.webp b/docs/.gitbook/assets/color-dark-red.webp
new file mode 100644
index 000000000000..ffb7f9534f41
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-red.webp differ
diff --git a/docs/.gitbook/assets/color-dark-secondary-text.png b/docs/.gitbook/assets/color-dark-secondary-text.png
deleted file mode 100644
index 30400fdf34ee..000000000000
Binary files a/docs/.gitbook/assets/color-dark-secondary-text.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-secondary-text.webp b/docs/.gitbook/assets/color-dark-secondary-text.webp
new file mode 100644
index 000000000000..eb8e7a97fd21
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-secondary-text.webp differ
diff --git a/docs/.gitbook/assets/color-dark-yellow.png b/docs/.gitbook/assets/color-dark-yellow.png
deleted file mode 100644
index 068488b2dfd6..000000000000
Binary files a/docs/.gitbook/assets/color-dark-yellow.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-dark-yellow.webp b/docs/.gitbook/assets/color-dark-yellow.webp
new file mode 100644
index 000000000000..970d97687551
Binary files /dev/null and b/docs/.gitbook/assets/color-dark-yellow.webp differ
diff --git a/docs/.gitbook/assets/color-green.png b/docs/.gitbook/assets/color-green.png
deleted file mode 100644
index 878cc5c84a69..000000000000
Binary files a/docs/.gitbook/assets/color-green.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-green.webp b/docs/.gitbook/assets/color-green.webp
new file mode 100644
index 000000000000..0ecfe8043202
Binary files /dev/null and b/docs/.gitbook/assets/color-green.webp differ
diff --git a/docs/.gitbook/assets/color-magenta.png b/docs/.gitbook/assets/color-magenta.png
deleted file mode 100644
index 4f4f0e4f5991..000000000000
Binary files a/docs/.gitbook/assets/color-magenta.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-magenta.webp b/docs/.gitbook/assets/color-magenta.webp
new file mode 100644
index 000000000000..aab0de01b6ee
Binary files /dev/null and b/docs/.gitbook/assets/color-magenta.webp differ
diff --git a/docs/.gitbook/assets/color-orange.png b/docs/.gitbook/assets/color-orange.png
deleted file mode 100644
index ad9560ae6ff1..000000000000
Binary files a/docs/.gitbook/assets/color-orange.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-orange.webp b/docs/.gitbook/assets/color-orange.webp
new file mode 100644
index 000000000000..a80e366e8327
Binary files /dev/null and b/docs/.gitbook/assets/color-orange.webp differ
diff --git a/docs/.gitbook/assets/color-primary-text.png b/docs/.gitbook/assets/color-primary-text.png
deleted file mode 100644
index 4fc384f6d15e..000000000000
Binary files a/docs/.gitbook/assets/color-primary-text.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-primary-text.webp b/docs/.gitbook/assets/color-primary-text.webp
new file mode 100644
index 000000000000..a2b368984466
Binary files /dev/null and b/docs/.gitbook/assets/color-primary-text.webp differ
diff --git a/docs/.gitbook/assets/color-purple.png b/docs/.gitbook/assets/color-purple.png
deleted file mode 100644
index 62808c4613c7..000000000000
Binary files a/docs/.gitbook/assets/color-purple.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-purple.webp b/docs/.gitbook/assets/color-purple.webp
new file mode 100644
index 000000000000..eb0b963fade8
Binary files /dev/null and b/docs/.gitbook/assets/color-purple.webp differ
diff --git a/docs/.gitbook/assets/color-red.png b/docs/.gitbook/assets/color-red.png
deleted file mode 100644
index f64b9cb5a25f..000000000000
Binary files a/docs/.gitbook/assets/color-red.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-red.webp b/docs/.gitbook/assets/color-red.webp
new file mode 100644
index 000000000000..73815c38fa3c
Binary files /dev/null and b/docs/.gitbook/assets/color-red.webp differ
diff --git a/docs/.gitbook/assets/color-secondary-text.png b/docs/.gitbook/assets/color-secondary-text.png
deleted file mode 100644
index 147f485675f5..000000000000
Binary files a/docs/.gitbook/assets/color-secondary-text.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-secondary-text.webp b/docs/.gitbook/assets/color-secondary-text.webp
new file mode 100644
index 000000000000..6302cb6111a9
Binary files /dev/null and b/docs/.gitbook/assets/color-secondary-text.webp differ
diff --git a/docs/.gitbook/assets/color-yellow.png b/docs/.gitbook/assets/color-yellow.png
deleted file mode 100644
index c9104d612cae..000000000000
Binary files a/docs/.gitbook/assets/color-yellow.png and /dev/null differ
diff --git a/docs/.gitbook/assets/color-yellow.webp b/docs/.gitbook/assets/color-yellow.webp
new file mode 100644
index 000000000000..656146171a1e
Binary files /dev/null and b/docs/.gitbook/assets/color-yellow.webp differ
diff --git a/docs/.gitbook/assets/deeplink-confirmation.png b/docs/.gitbook/assets/deeplink-confirmation.png
deleted file mode 100644
index f11ac8e0c5f6..000000000000
Binary files a/docs/.gitbook/assets/deeplink-confirmation.png and /dev/null differ
diff --git a/docs/.gitbook/assets/deeplink-confirmation.webp b/docs/.gitbook/assets/deeplink-confirmation.webp
new file mode 100644
index 000000000000..612ba5e034fc
Binary files /dev/null and b/docs/.gitbook/assets/deeplink-confirmation.webp differ
diff --git a/docs/.gitbook/assets/detail-metadata-label.png b/docs/.gitbook/assets/detail-metadata-label.png
deleted file mode 100644
index 5ec4b75b9485..000000000000
Binary files a/docs/.gitbook/assets/detail-metadata-label.png and /dev/null differ
diff --git a/docs/.gitbook/assets/detail-metadata-label.webp b/docs/.gitbook/assets/detail-metadata-label.webp
new file mode 100644
index 000000000000..6fe03ce7bad6
Binary files /dev/null and b/docs/.gitbook/assets/detail-metadata-label.webp differ
diff --git a/docs/.gitbook/assets/detail-metadata-link.png b/docs/.gitbook/assets/detail-metadata-link.png
deleted file mode 100644
index 92dd39c06718..000000000000
Binary files a/docs/.gitbook/assets/detail-metadata-link.png and /dev/null differ
diff --git a/docs/.gitbook/assets/detail-metadata-link.webp b/docs/.gitbook/assets/detail-metadata-link.webp
new file mode 100644
index 000000000000..08ab8450b22f
Binary files /dev/null and b/docs/.gitbook/assets/detail-metadata-link.webp differ
diff --git a/docs/.gitbook/assets/detail-metadata-separator.png b/docs/.gitbook/assets/detail-metadata-separator.png
deleted file mode 100644
index 4cdd09d8d258..000000000000
Binary files a/docs/.gitbook/assets/detail-metadata-separator.png and /dev/null differ
diff --git a/docs/.gitbook/assets/detail-metadata-separator.webp b/docs/.gitbook/assets/detail-metadata-separator.webp
new file mode 100644
index 000000000000..869ac40f387d
Binary files /dev/null and b/docs/.gitbook/assets/detail-metadata-separator.webp differ
diff --git a/docs/.gitbook/assets/detail-metadata-taglist.png b/docs/.gitbook/assets/detail-metadata-taglist.png
deleted file mode 100644
index a69e6a437515..000000000000
Binary files a/docs/.gitbook/assets/detail-metadata-taglist.png and /dev/null differ
diff --git a/docs/.gitbook/assets/detail-metadata-taglist.webp b/docs/.gitbook/assets/detail-metadata-taglist.webp
new file mode 100644
index 000000000000..6a0a834fb8f2
Binary files /dev/null and b/docs/.gitbook/assets/detail-metadata-taglist.webp differ
diff --git a/docs/.gitbook/assets/detail-metadata.png b/docs/.gitbook/assets/detail-metadata.png
deleted file mode 100644
index cb07175174dd..000000000000
Binary files a/docs/.gitbook/assets/detail-metadata.png and /dev/null differ
diff --git a/docs/.gitbook/assets/detail-metadata.webp b/docs/.gitbook/assets/detail-metadata.webp
new file mode 100644
index 000000000000..2ff9dfb88c0b
Binary files /dev/null and b/docs/.gitbook/assets/detail-metadata.webp differ
diff --git a/docs/.gitbook/assets/detail.png b/docs/.gitbook/assets/detail.png
deleted file mode 100644
index d9651e1a50d8..000000000000
Binary files a/docs/.gitbook/assets/detail.png and /dev/null differ
diff --git a/docs/.gitbook/assets/detail.webp b/docs/.gitbook/assets/detail.webp
new file mode 100644
index 000000000000..c2161bc51a61
Binary files /dev/null and b/docs/.gitbook/assets/detail.webp differ
diff --git a/docs/.gitbook/assets/example-create-todo.png b/docs/.gitbook/assets/example-create-todo.png
deleted file mode 100644
index 60fcefd2d783..000000000000
Binary files a/docs/.gitbook/assets/example-create-todo.png and /dev/null differ
diff --git a/docs/.gitbook/assets/example-create-todo.webp b/docs/.gitbook/assets/example-create-todo.webp
new file mode 100644
index 000000000000..d4c1ff50bde2
Binary files /dev/null and b/docs/.gitbook/assets/example-create-todo.webp differ
diff --git a/docs/.gitbook/assets/example-doppler-share-secrets.png b/docs/.gitbook/assets/example-doppler-share-secrets.png
deleted file mode 100644
index c2c22bb3e69c..000000000000
Binary files a/docs/.gitbook/assets/example-doppler-share-secrets.png and /dev/null differ
diff --git a/docs/.gitbook/assets/example-doppler-share-secrets.webp b/docs/.gitbook/assets/example-doppler-share-secrets.webp
new file mode 100644
index 000000000000..b36017e7ee6a
Binary files /dev/null and b/docs/.gitbook/assets/example-doppler-share-secrets.webp differ
diff --git a/docs/.gitbook/assets/example-hacker-news.png b/docs/.gitbook/assets/example-hacker-news.png
deleted file mode 100644
index 24819f92b2a3..000000000000
Binary files a/docs/.gitbook/assets/example-hacker-news.png and /dev/null differ
diff --git a/docs/.gitbook/assets/example-hacker-news.webp b/docs/.gitbook/assets/example-hacker-news.webp
new file mode 100644
index 000000000000..50ab2659c3f7
Binary files /dev/null and b/docs/.gitbook/assets/example-hacker-news.webp differ
diff --git a/docs/.gitbook/assets/example-spotify-controls.png b/docs/.gitbook/assets/example-spotify-controls.png
deleted file mode 100644
index 88c2f5173126..000000000000
Binary files a/docs/.gitbook/assets/example-spotify-controls.png and /dev/null differ
diff --git a/docs/.gitbook/assets/example-spotify-controls.webp b/docs/.gitbook/assets/example-spotify-controls.webp
new file mode 100644
index 000000000000..8a6b74f0afa5
Binary files /dev/null and b/docs/.gitbook/assets/example-spotify-controls.webp differ
diff --git a/docs/.gitbook/assets/example-todo-list.png b/docs/.gitbook/assets/example-todo-list.png
deleted file mode 100644
index 5e6e936cbca3..000000000000
Binary files a/docs/.gitbook/assets/example-todo-list.png and /dev/null differ
diff --git a/docs/.gitbook/assets/example-todo-list.webp b/docs/.gitbook/assets/example-todo-list.webp
new file mode 100644
index 000000000000..9aaa862f8262
Binary files /dev/null and b/docs/.gitbook/assets/example-todo-list.webp differ
diff --git a/docs/.gitbook/assets/extension-issues.png b/docs/.gitbook/assets/extension-issues.png
deleted file mode 100644
index 1fe20b7f3b76..000000000000
Binary files a/docs/.gitbook/assets/extension-issues.png and /dev/null differ
diff --git a/docs/.gitbook/assets/extension-issues.webp b/docs/.gitbook/assets/extension-issues.webp
new file mode 100644
index 000000000000..e3c7a6de170f
Binary files /dev/null and b/docs/.gitbook/assets/extension-issues.webp differ
diff --git a/docs/.gitbook/assets/fork-extension.png b/docs/.gitbook/assets/fork-extension.png
deleted file mode 100644
index 652bf21be186..000000000000
Binary files a/docs/.gitbook/assets/fork-extension.png and /dev/null differ
diff --git a/docs/.gitbook/assets/fork-extension.webp b/docs/.gitbook/assets/fork-extension.webp
new file mode 100644
index 000000000000..d8248b215be2
Binary files /dev/null and b/docs/.gitbook/assets/fork-extension.webp differ
diff --git a/docs/.gitbook/assets/form-checkbox.png b/docs/.gitbook/assets/form-checkbox.png
deleted file mode 100644
index c63bf795b397..000000000000
Binary files a/docs/.gitbook/assets/form-checkbox.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-checkbox.webp b/docs/.gitbook/assets/form-checkbox.webp
new file mode 100644
index 000000000000..ef1804837466
Binary files /dev/null and b/docs/.gitbook/assets/form-checkbox.webp differ
diff --git a/docs/.gitbook/assets/form-datepicker.png b/docs/.gitbook/assets/form-datepicker.png
deleted file mode 100644
index 1dd4afecdc71..000000000000
Binary files a/docs/.gitbook/assets/form-datepicker.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-datepicker.webp b/docs/.gitbook/assets/form-datepicker.webp
new file mode 100644
index 000000000000..e2b50c8a42be
Binary files /dev/null and b/docs/.gitbook/assets/form-datepicker.webp differ
diff --git a/docs/.gitbook/assets/form-description.png b/docs/.gitbook/assets/form-description.png
deleted file mode 100644
index cf6d97336649..000000000000
Binary files a/docs/.gitbook/assets/form-description.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-description.webp b/docs/.gitbook/assets/form-description.webp
new file mode 100644
index 000000000000..8dba909f1969
Binary files /dev/null and b/docs/.gitbook/assets/form-description.webp differ
diff --git a/docs/.gitbook/assets/form-drafts.png b/docs/.gitbook/assets/form-drafts.png
deleted file mode 100644
index e0fd796a0592..000000000000
Binary files a/docs/.gitbook/assets/form-drafts.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-drafts.webp b/docs/.gitbook/assets/form-drafts.webp
new file mode 100644
index 000000000000..a71310d2af9e
Binary files /dev/null and b/docs/.gitbook/assets/form-drafts.webp differ
diff --git a/docs/.gitbook/assets/form-dropdown.png b/docs/.gitbook/assets/form-dropdown.png
deleted file mode 100644
index f30457e66b31..000000000000
Binary files a/docs/.gitbook/assets/form-dropdown.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-dropdown.webp b/docs/.gitbook/assets/form-dropdown.webp
new file mode 100644
index 000000000000..a41244152d1b
Binary files /dev/null and b/docs/.gitbook/assets/form-dropdown.webp differ
diff --git a/docs/.gitbook/assets/form-filepicker-multiple.png b/docs/.gitbook/assets/form-filepicker-multiple.png
deleted file mode 100644
index 5f8763f06355..000000000000
Binary files a/docs/.gitbook/assets/form-filepicker-multiple.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-filepicker-multiple.webp b/docs/.gitbook/assets/form-filepicker-multiple.webp
new file mode 100644
index 000000000000..a84e496e0d48
Binary files /dev/null and b/docs/.gitbook/assets/form-filepicker-multiple.webp differ
diff --git a/docs/.gitbook/assets/form-filepicker-single.png b/docs/.gitbook/assets/form-filepicker-single.png
deleted file mode 100644
index 60e101934059..000000000000
Binary files a/docs/.gitbook/assets/form-filepicker-single.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-filepicker-single.webp b/docs/.gitbook/assets/form-filepicker-single.webp
new file mode 100644
index 000000000000..53289fc13e99
Binary files /dev/null and b/docs/.gitbook/assets/form-filepicker-single.webp differ
diff --git a/docs/.gitbook/assets/form-password.png b/docs/.gitbook/assets/form-password.png
deleted file mode 100644
index 6034298fe724..000000000000
Binary files a/docs/.gitbook/assets/form-password.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-password.webp b/docs/.gitbook/assets/form-password.webp
new file mode 100644
index 000000000000..70aadaea0c39
Binary files /dev/null and b/docs/.gitbook/assets/form-password.webp differ
diff --git a/docs/.gitbook/assets/form-separator.png b/docs/.gitbook/assets/form-separator.png
deleted file mode 100644
index cdab5bae19ea..000000000000
Binary files a/docs/.gitbook/assets/form-separator.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-separator.webp b/docs/.gitbook/assets/form-separator.webp
new file mode 100644
index 000000000000..8268f478b102
Binary files /dev/null and b/docs/.gitbook/assets/form-separator.webp differ
diff --git a/docs/.gitbook/assets/form-tagpicker.png b/docs/.gitbook/assets/form-tagpicker.png
deleted file mode 100644
index 26c005cddb05..000000000000
Binary files a/docs/.gitbook/assets/form-tagpicker.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-tagpicker.webp b/docs/.gitbook/assets/form-tagpicker.webp
new file mode 100644
index 000000000000..0df8b3735a18
Binary files /dev/null and b/docs/.gitbook/assets/form-tagpicker.webp differ
diff --git a/docs/.gitbook/assets/form-textarea.png b/docs/.gitbook/assets/form-textarea.png
deleted file mode 100644
index ced5419b9c0b..000000000000
Binary files a/docs/.gitbook/assets/form-textarea.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-textarea.webp b/docs/.gitbook/assets/form-textarea.webp
new file mode 100644
index 000000000000..b86a65278162
Binary files /dev/null and b/docs/.gitbook/assets/form-textarea.webp differ
diff --git a/docs/.gitbook/assets/form-textfield.png b/docs/.gitbook/assets/form-textfield.png
deleted file mode 100644
index cd2fb18b8d13..000000000000
Binary files a/docs/.gitbook/assets/form-textfield.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-textfield.webp b/docs/.gitbook/assets/form-textfield.webp
new file mode 100644
index 000000000000..e0d079518d57
Binary files /dev/null and b/docs/.gitbook/assets/form-textfield.webp differ
diff --git a/docs/.gitbook/assets/form-validation.png b/docs/.gitbook/assets/form-validation.png
deleted file mode 100644
index 6a9856e5184e..000000000000
Binary files a/docs/.gitbook/assets/form-validation.png and /dev/null differ
diff --git a/docs/.gitbook/assets/form-validation.webp b/docs/.gitbook/assets/form-validation.webp
new file mode 100644
index 000000000000..06326f9b2b6d
Binary files /dev/null and b/docs/.gitbook/assets/form-validation.webp differ
diff --git a/docs/.gitbook/assets/go-to-ref.png b/docs/.gitbook/assets/go-to-ref.png
deleted file mode 100644
index 93872e4d10f9..000000000000
Binary files a/docs/.gitbook/assets/go-to-ref.png and /dev/null differ
diff --git a/docs/.gitbook/assets/go-to-ref.webp b/docs/.gitbook/assets/go-to-ref.webp
new file mode 100644
index 000000000000..1a66bb065c6f
Binary files /dev/null and b/docs/.gitbook/assets/go-to-ref.webp differ
diff --git a/docs/.gitbook/assets/good-subtitle.png b/docs/.gitbook/assets/good-subtitle.png
deleted file mode 100644
index 02c18b5f7041..000000000000
Binary files a/docs/.gitbook/assets/good-subtitle.png and /dev/null differ
diff --git a/docs/.gitbook/assets/good-subtitle.webp b/docs/.gitbook/assets/good-subtitle.webp
new file mode 100644
index 000000000000..d482752e8c76
Binary files /dev/null and b/docs/.gitbook/assets/good-subtitle.webp differ
diff --git a/docs/.gitbook/assets/grid-empty-view.png b/docs/.gitbook/assets/grid-empty-view.png
deleted file mode 100644
index 9016223ebb6f..000000000000
Binary files a/docs/.gitbook/assets/grid-empty-view.png and /dev/null differ
diff --git a/docs/.gitbook/assets/grid-empty-view.webp b/docs/.gitbook/assets/grid-empty-view.webp
new file mode 100644
index 000000000000..ce76aa8900d2
Binary files /dev/null and b/docs/.gitbook/assets/grid-empty-view.webp differ
diff --git a/docs/.gitbook/assets/grid-item-accessories.png b/docs/.gitbook/assets/grid-item-accessories.png
deleted file mode 100644
index 85d6751a126b..000000000000
Binary files a/docs/.gitbook/assets/grid-item-accessories.png and /dev/null differ
diff --git a/docs/.gitbook/assets/grid-item-accessories.webp b/docs/.gitbook/assets/grid-item-accessories.webp
new file mode 100644
index 000000000000..a7b63e239c14
Binary files /dev/null and b/docs/.gitbook/assets/grid-item-accessories.webp differ
diff --git a/docs/.gitbook/assets/grid-styled-sections.png b/docs/.gitbook/assets/grid-styled-sections.png
deleted file mode 100644
index 84a6e065c4dc..000000000000
Binary files a/docs/.gitbook/assets/grid-styled-sections.png and /dev/null differ
diff --git a/docs/.gitbook/assets/grid-styled-sections.webp b/docs/.gitbook/assets/grid-styled-sections.webp
new file mode 100644
index 000000000000..274bdfb26a19
Binary files /dev/null and b/docs/.gitbook/assets/grid-styled-sections.webp differ
diff --git a/docs/.gitbook/assets/grid.png b/docs/.gitbook/assets/grid.png
deleted file mode 100644
index 48f31c70704b..000000000000
Binary files a/docs/.gitbook/assets/grid.png and /dev/null differ
diff --git a/docs/.gitbook/assets/grid.webp b/docs/.gitbook/assets/grid.webp
new file mode 100644
index 000000000000..4bb3d7e88613
Binary files /dev/null and b/docs/.gitbook/assets/grid.webp differ
diff --git a/docs/.gitbook/assets/hello-world-2.png b/docs/.gitbook/assets/hello-world-2.png
deleted file mode 100644
index 119ce1235893..000000000000
Binary files a/docs/.gitbook/assets/hello-world-2.png and /dev/null differ
diff --git a/docs/.gitbook/assets/hello-world-2.webp b/docs/.gitbook/assets/hello-world-2.webp
new file mode 100644
index 000000000000..2927c54a56a8
Binary files /dev/null and b/docs/.gitbook/assets/hello-world-2.webp differ
diff --git a/docs/.gitbook/assets/hello-world.png b/docs/.gitbook/assets/hello-world.png
deleted file mode 100644
index f58036a47c3e..000000000000
Binary files a/docs/.gitbook/assets/hello-world.png and /dev/null differ
diff --git a/docs/.gitbook/assets/hello-world.webp b/docs/.gitbook/assets/hello-world.webp
new file mode 100644
index 000000000000..3cf0d0478508
Binary files /dev/null and b/docs/.gitbook/assets/hello-world.webp differ
diff --git a/docs/.gitbook/assets/hn-store.png b/docs/.gitbook/assets/hn-store.png
deleted file mode 100644
index 5ea06dd4990c..000000000000
Binary files a/docs/.gitbook/assets/hn-store.png and /dev/null differ
diff --git a/docs/.gitbook/assets/hn-store.webp b/docs/.gitbook/assets/hn-store.webp
new file mode 100644
index 000000000000..fd3ba451deb8
Binary files /dev/null and b/docs/.gitbook/assets/hn-store.webp differ
diff --git a/docs/.gitbook/assets/hud.png b/docs/.gitbook/assets/hud.png
deleted file mode 100644
index b59ba7a9b2e6..000000000000
Binary files a/docs/.gitbook/assets/hud.png and /dev/null differ
diff --git a/docs/.gitbook/assets/hud.webp b/docs/.gitbook/assets/hud.webp
new file mode 100644
index 000000000000..690446648e9c
Binary files /dev/null and b/docs/.gitbook/assets/hud.webp differ
diff --git a/docs/.gitbook/assets/introduction-hello-world.png b/docs/.gitbook/assets/introduction-hello-world.png
deleted file mode 100644
index 3da7c6b6ff1a..000000000000
Binary files a/docs/.gitbook/assets/introduction-hello-world.png and /dev/null differ
diff --git a/docs/.gitbook/assets/introduction-hello-world.webp b/docs/.gitbook/assets/introduction-hello-world.webp
new file mode 100644
index 000000000000..8a4f81b2b9cc
Binary files /dev/null and b/docs/.gitbook/assets/introduction-hello-world.webp differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-label.png b/docs/.gitbook/assets/list-detail-metadata-label.png
deleted file mode 100644
index 817370070e06..000000000000
Binary files a/docs/.gitbook/assets/list-detail-metadata-label.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-label.webp b/docs/.gitbook/assets/list-detail-metadata-label.webp
new file mode 100644
index 000000000000..d918c5dc5d2c
Binary files /dev/null and b/docs/.gitbook/assets/list-detail-metadata-label.webp differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-link.png b/docs/.gitbook/assets/list-detail-metadata-link.png
deleted file mode 100644
index ad7e21895a7b..000000000000
Binary files a/docs/.gitbook/assets/list-detail-metadata-link.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-link.webp b/docs/.gitbook/assets/list-detail-metadata-link.webp
new file mode 100644
index 000000000000..04a9b7dc4177
Binary files /dev/null and b/docs/.gitbook/assets/list-detail-metadata-link.webp differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-separator.png b/docs/.gitbook/assets/list-detail-metadata-separator.png
deleted file mode 100644
index 13bd3cbf095f..000000000000
Binary files a/docs/.gitbook/assets/list-detail-metadata-separator.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-separator.webp b/docs/.gitbook/assets/list-detail-metadata-separator.webp
new file mode 100644
index 000000000000..e67bdba1103a
Binary files /dev/null and b/docs/.gitbook/assets/list-detail-metadata-separator.webp differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-split.png b/docs/.gitbook/assets/list-detail-metadata-split.png
deleted file mode 100644
index b2d1de5ae1a6..000000000000
Binary files a/docs/.gitbook/assets/list-detail-metadata-split.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-split.webp b/docs/.gitbook/assets/list-detail-metadata-split.webp
new file mode 100644
index 000000000000..4c02baa9f1d9
Binary files /dev/null and b/docs/.gitbook/assets/list-detail-metadata-split.webp differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-standalone.png b/docs/.gitbook/assets/list-detail-metadata-standalone.png
deleted file mode 100644
index 6fc622ee4af3..000000000000
Binary files a/docs/.gitbook/assets/list-detail-metadata-standalone.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-standalone.webp b/docs/.gitbook/assets/list-detail-metadata-standalone.webp
new file mode 100644
index 000000000000..81529bdb81a2
Binary files /dev/null and b/docs/.gitbook/assets/list-detail-metadata-standalone.webp differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-tag-list.png b/docs/.gitbook/assets/list-detail-metadata-tag-list.png
deleted file mode 100644
index 49a73f1d4199..000000000000
Binary files a/docs/.gitbook/assets/list-detail-metadata-tag-list.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail-metadata-tag-list.webp b/docs/.gitbook/assets/list-detail-metadata-tag-list.webp
new file mode 100644
index 000000000000..2dee98df60c5
Binary files /dev/null and b/docs/.gitbook/assets/list-detail-metadata-tag-list.webp differ
diff --git a/docs/.gitbook/assets/list-detail.png b/docs/.gitbook/assets/list-detail.png
deleted file mode 100644
index 77dc85dec7a0..000000000000
Binary files a/docs/.gitbook/assets/list-detail.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-detail.webp b/docs/.gitbook/assets/list-detail.webp
new file mode 100644
index 000000000000..d310e56b42ce
Binary files /dev/null and b/docs/.gitbook/assets/list-detail.webp differ
diff --git a/docs/.gitbook/assets/list-empty-view.png b/docs/.gitbook/assets/list-empty-view.png
deleted file mode 100644
index ddfaf0130bb0..000000000000
Binary files a/docs/.gitbook/assets/list-empty-view.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-empty-view.webp b/docs/.gitbook/assets/list-empty-view.webp
new file mode 100644
index 000000000000..b6810472c572
Binary files /dev/null and b/docs/.gitbook/assets/list-empty-view.webp differ
diff --git a/docs/.gitbook/assets/list-item-accessories.png b/docs/.gitbook/assets/list-item-accessories.png
deleted file mode 100644
index b381f7c4054a..000000000000
Binary files a/docs/.gitbook/assets/list-item-accessories.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list-item-accessories.webp b/docs/.gitbook/assets/list-item-accessories.webp
new file mode 100644
index 000000000000..f9c66d7d4f09
Binary files /dev/null and b/docs/.gitbook/assets/list-item-accessories.webp differ
diff --git a/docs/.gitbook/assets/list.png b/docs/.gitbook/assets/list.png
deleted file mode 100644
index 42f3ca49b346..000000000000
Binary files a/docs/.gitbook/assets/list.png and /dev/null differ
diff --git a/docs/.gitbook/assets/list.webp b/docs/.gitbook/assets/list.webp
new file mode 100644
index 000000000000..d9ff7a3c3f01
Binary files /dev/null and b/docs/.gitbook/assets/list.webp differ
diff --git a/docs/.gitbook/assets/menu-bar-activate-command.png b/docs/.gitbook/assets/menu-bar-activate-command.png
deleted file mode 100644
index c46f4d88e26b..000000000000
Binary files a/docs/.gitbook/assets/menu-bar-activate-command.png and /dev/null differ
diff --git a/docs/.gitbook/assets/menu-bar-activate-command.webp b/docs/.gitbook/assets/menu-bar-activate-command.webp
new file mode 100644
index 000000000000..25f565982580
Binary files /dev/null and b/docs/.gitbook/assets/menu-bar-activate-command.webp differ
diff --git a/docs/.gitbook/assets/menu-bar-command.gif b/docs/.gitbook/assets/menu-bar-command.gif
deleted file mode 100644
index d11d9547c3a5..000000000000
Binary files a/docs/.gitbook/assets/menu-bar-command.gif and /dev/null differ
diff --git a/docs/.gitbook/assets/menu-bar-refresh.png b/docs/.gitbook/assets/menu-bar-refresh.png
deleted file mode 100644
index 9e712179b7a6..000000000000
Binary files a/docs/.gitbook/assets/menu-bar-refresh.png and /dev/null differ
diff --git a/docs/.gitbook/assets/menu-bar-refresh.webp b/docs/.gitbook/assets/menu-bar-refresh.webp
new file mode 100644
index 000000000000..8f655dafc225
Binary files /dev/null and b/docs/.gitbook/assets/menu-bar-refresh.webp differ
diff --git a/docs/.gitbook/assets/menu-bar-run-in-background.png b/docs/.gitbook/assets/menu-bar-run-in-background.png
deleted file mode 100644
index e91166a25722..000000000000
Binary files a/docs/.gitbook/assets/menu-bar-run-in-background.png and /dev/null differ
diff --git a/docs/.gitbook/assets/menu-bar-run-in-background.webp b/docs/.gitbook/assets/menu-bar-run-in-background.webp
new file mode 100644
index 000000000000..5132ca095672
Binary files /dev/null and b/docs/.gitbook/assets/menu-bar-run-in-background.webp differ
diff --git a/docs/.gitbook/assets/oauth-overlay-twitter-success.png b/docs/.gitbook/assets/oauth-overlay-twitter-success.png
deleted file mode 100644
index 56ebdce2467b..000000000000
Binary files a/docs/.gitbook/assets/oauth-overlay-twitter-success.png and /dev/null differ
diff --git a/docs/.gitbook/assets/oauth-overlay-twitter-success.webp b/docs/.gitbook/assets/oauth-overlay-twitter-success.webp
new file mode 100644
index 000000000000..fa10ad21218f
Binary files /dev/null and b/docs/.gitbook/assets/oauth-overlay-twitter-success.webp differ
diff --git a/docs/.gitbook/assets/oauth-overlay-twitter.png b/docs/.gitbook/assets/oauth-overlay-twitter.png
deleted file mode 100644
index 18b09d724de6..000000000000
Binary files a/docs/.gitbook/assets/oauth-overlay-twitter.png and /dev/null differ
diff --git a/docs/.gitbook/assets/oauth-overlay-twitter.webp b/docs/.gitbook/assets/oauth-overlay-twitter.webp
new file mode 100644
index 000000000000..73fbf2da0684
Binary files /dev/null and b/docs/.gitbook/assets/oauth-overlay-twitter.webp differ
diff --git a/docs/.gitbook/assets/required-preference.png b/docs/.gitbook/assets/required-preference.png
deleted file mode 100644
index 4bfd8f54b7e8..000000000000
Binary files a/docs/.gitbook/assets/required-preference.png and /dev/null differ
diff --git a/docs/.gitbook/assets/required-preference.webp b/docs/.gitbook/assets/required-preference.webp
new file mode 100644
index 000000000000..8bc31854cf0c
Binary files /dev/null and b/docs/.gitbook/assets/required-preference.webp differ
diff --git a/docs/.gitbook/assets/required-preferences-2.png b/docs/.gitbook/assets/required-preferences-2.png
deleted file mode 100644
index 1acd9b690a32..000000000000
Binary files a/docs/.gitbook/assets/required-preferences-2.png and /dev/null differ
diff --git a/docs/.gitbook/assets/required-preferences-2.webp b/docs/.gitbook/assets/required-preferences-2.webp
new file mode 100644
index 000000000000..a1ab8634fce2
Binary files /dev/null and b/docs/.gitbook/assets/required-preferences-2.webp differ
diff --git a/docs/.gitbook/assets/teams-create-organization.png b/docs/.gitbook/assets/teams-create-organization.png
deleted file mode 100644
index 5ca3f32272f9..000000000000
Binary files a/docs/.gitbook/assets/teams-create-organization.png and /dev/null differ
diff --git a/docs/.gitbook/assets/teams-create-organization.webp b/docs/.gitbook/assets/teams-create-organization.webp
new file mode 100644
index 000000000000..3317f218fb94
Binary files /dev/null and b/docs/.gitbook/assets/teams-create-organization.webp differ
diff --git a/docs/.gitbook/assets/teams-create-repository.png b/docs/.gitbook/assets/teams-create-repository.png
deleted file mode 100644
index 98b39bc48d39..000000000000
Binary files a/docs/.gitbook/assets/teams-create-repository.png and /dev/null differ
diff --git a/docs/.gitbook/assets/teams-create-repository.webp b/docs/.gitbook/assets/teams-create-repository.webp
new file mode 100644
index 000000000000..d151ce8f86dd
Binary files /dev/null and b/docs/.gitbook/assets/teams-create-repository.webp differ
diff --git a/docs/.gitbook/assets/teams-develop-extension.png b/docs/.gitbook/assets/teams-develop-extension.png
deleted file mode 100644
index b03cf253e8a0..000000000000
Binary files a/docs/.gitbook/assets/teams-develop-extension.png and /dev/null differ
diff --git a/docs/.gitbook/assets/teams-develop-extension.webp b/docs/.gitbook/assets/teams-develop-extension.webp
new file mode 100644
index 000000000000..2460a8a8514a
Binary files /dev/null and b/docs/.gitbook/assets/teams-develop-extension.webp differ
diff --git a/docs/.gitbook/assets/teams-publish-extension.png b/docs/.gitbook/assets/teams-publish-extension.png
deleted file mode 100644
index c4628184d759..000000000000
Binary files a/docs/.gitbook/assets/teams-publish-extension.png and /dev/null differ
diff --git a/docs/.gitbook/assets/teams-publish-extension.webp b/docs/.gitbook/assets/teams-publish-extension.webp
new file mode 100644
index 000000000000..3df843560081
Binary files /dev/null and b/docs/.gitbook/assets/teams-publish-extension.webp differ
diff --git a/docs/.gitbook/assets/toast-animated.png b/docs/.gitbook/assets/toast-animated.png
deleted file mode 100644
index 8f8f930be5fe..000000000000
Binary files a/docs/.gitbook/assets/toast-animated.png and /dev/null differ
diff --git a/docs/.gitbook/assets/toast-animated.webp b/docs/.gitbook/assets/toast-animated.webp
new file mode 100644
index 000000000000..7e62989ba2fe
Binary files /dev/null and b/docs/.gitbook/assets/toast-animated.webp differ
diff --git a/docs/.gitbook/assets/toast-failure.png b/docs/.gitbook/assets/toast-failure.png
deleted file mode 100644
index 9198357d9ce1..000000000000
Binary files a/docs/.gitbook/assets/toast-failure.png and /dev/null differ
diff --git a/docs/.gitbook/assets/toast-failure.webp b/docs/.gitbook/assets/toast-failure.webp
new file mode 100644
index 000000000000..96a3cfd7aaec
Binary files /dev/null and b/docs/.gitbook/assets/toast-failure.webp differ
diff --git a/docs/.gitbook/assets/toast-success.png b/docs/.gitbook/assets/toast-success.png
deleted file mode 100644
index 4548b3fc0c71..000000000000
Binary files a/docs/.gitbook/assets/toast-success.png and /dev/null differ
diff --git a/docs/.gitbook/assets/toast-success.webp b/docs/.gitbook/assets/toast-success.webp
new file mode 100644
index 000000000000..dce0b170c3e4
Binary files /dev/null and b/docs/.gitbook/assets/toast-success.webp differ
diff --git a/docs/.gitbook/assets/toast.png b/docs/.gitbook/assets/toast.png
deleted file mode 100644
index cc894e046e95..000000000000
Binary files a/docs/.gitbook/assets/toast.png and /dev/null differ
diff --git a/docs/.gitbook/assets/toast.webp b/docs/.gitbook/assets/toast.webp
new file mode 100644
index 000000000000..607b51d1dc3e
Binary files /dev/null and b/docs/.gitbook/assets/toast.webp differ
diff --git a/docs/.gitbook/assets/version-history.png b/docs/.gitbook/assets/version-history.png
deleted file mode 100644
index 36420fd3bf5a..000000000000
Binary files a/docs/.gitbook/assets/version-history.png and /dev/null differ
diff --git a/docs/.gitbook/assets/version-history.webp b/docs/.gitbook/assets/version-history.webp
new file mode 100644
index 000000000000..4e39429865f9
Binary files /dev/null and b/docs/.gitbook/assets/version-history.webp differ
diff --git a/docs/.gitbook/assets/welcome.png b/docs/.gitbook/assets/welcome.png
deleted file mode 100644
index 5d9da14a0527..000000000000
Binary files a/docs/.gitbook/assets/welcome.png and /dev/null differ
diff --git a/docs/.gitbook/assets/welcome.webp b/docs/.gitbook/assets/welcome.webp
new file mode 100644
index 000000000000..829557d913ea
Binary files /dev/null and b/docs/.gitbook/assets/welcome.webp differ
diff --git a/docs/README.md b/docs/README.md
index 5094eaaeddb6..c4086d0de7e9 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -6,7 +6,7 @@ description: Start building your perfect tools with the Raycast API.
 
 Welcome, developers! Our docs cover guides, examples, references, and more to help you build extensions and share them with [our community](https://raycast.com/community) and [your team](teams/getting-started.md).
 
-![](.gitbook/assets/introduction-hello-world.png)
+![](.gitbook/assets/introduction-hello-world.webp)
 
 The Raycast Platform consists of two parts:
 
diff --git a/docs/api-reference/feedback/README.md b/docs/api-reference/feedback/README.md
index a2f797f43be8..c9cf525b5123 100644
--- a/docs/api-reference/feedback/README.md
+++ b/docs/api-reference/feedback/README.md
@@ -6,4 +6,4 @@ Raycast has several ways to provide feedback to the user:
 - [HUD](./hud.md) _- to confirm an action worked after closing Raycast_
 - [Alert](./alert.md) _- to ask for confirmation before taking an action_
 
-![](../../.gitbook/assets/toast.png)
+![](../../.gitbook/assets/toast.webp)
diff --git a/docs/api-reference/feedback/alert.md b/docs/api-reference/feedback/alert.md
index 11b490f8287e..c16e63b2e014 100644
--- a/docs/api-reference/feedback/alert.md
+++ b/docs/api-reference/feedback/alert.md
@@ -2,7 +2,7 @@
 
 When the user takes an important action (for example when irreversibly deleting something), you can ask for confirmation by using `confirmAlert`.
 
-![](../../.gitbook/assets/alert.png)
+![](../../.gitbook/assets/alert.webp)
 
 ## API Reference
 
@@ -89,8 +89,8 @@ Use [Alert.ActionStyle.Destructive](#alert.actionstyle) for confirmations of a d
 
 #### Enumeration members
 
-| Name        | Value                                                   |
-| :---------- | :------------------------------------------------------ |
-| Default     | ![](../../.gitbook/assets/alert-action-default.png)     |
-| Destructive | ![](../../.gitbook/assets/alert-action-destructive.png) |
-| Cancel      | ![](../../.gitbook/assets/alert-action-cancel.png)      |
+| Name        | Value                                                    |
+| :---------- | :------------------------------------------------------- |
+| Default     | ![](../../.gitbook/assets/alert-action-default.webp)     |
+| Destructive | ![](../../.gitbook/assets/alert-action-destructive.webp) |
+| Cancel      | ![](../../.gitbook/assets/alert-action-cancel.webp)      |
diff --git a/docs/api-reference/feedback/hud.md b/docs/api-reference/feedback/hud.md
index c7c9da47f944..2c3d8b3b580e 100644
--- a/docs/api-reference/feedback/hud.md
+++ b/docs/api-reference/feedback/hud.md
@@ -2,7 +2,7 @@
 
 When the user takes an action that has the side effect of closing Raycast (for example when copying something in the [Clipboard](../clipboard.md)), you can use a HUD to confirm that the action worked properly.
 
-![](../../.gitbook/assets/hud.png)
+![](../../.gitbook/assets/hud.webp)
 
 ## API Reference
 
@@ -13,7 +13,10 @@ A HUD will automatically hide the main window and show a compact message at the
 #### Signature
 
 ```typescript
-async function showHUD(title: string, options?: { clearRootSearch?: boolean; popToRootType?: PopToRootType }): Promise<void>;
+async function showHUD(
+  title: string,
+  options?: { clearRootSearch?: boolean; popToRootType?: PopToRootType }
+): Promise<void>;
 ```
 
 #### Example
diff --git a/docs/api-reference/feedback/toast.md b/docs/api-reference/feedback/toast.md
index a3833a6c3cff..d6236a1975a8 100644
--- a/docs/api-reference/feedback/toast.md
+++ b/docs/api-reference/feedback/toast.md
@@ -4,7 +4,7 @@ When an asynchronous operation is happening or when an error is thrown, it's usu
 
 Additionally, Toasts can have some actions associated to the action they are about. For example, you could provide a way to cancel an asynchronous operation, undo an action, or copy the stack trace of an error.
 
-![](../../.gitbook/assets/toast.png)
+![](../../.gitbook/assets/toast.webp)
 
 ## API Reference
 
@@ -133,11 +133,11 @@ You can hide it later by using [Toast.hide](#toast) or update the properties of
 
 #### Enumeration members
 
-| Name     | Value                                         |
-| :------- | :-------------------------------------------- |
-| Animated | ![](../../.gitbook/assets/toast-animated.png) |
-| Success  | ![](../../.gitbook/assets/toast-success.png)  |
-| Failure  | ![](../../.gitbook/assets/toast-failure.png)  |
+| Name     | Value                                          |
+| :------- | :--------------------------------------------- |
+| Animated | ![](../../.gitbook/assets/toast-animated.webp) |
+| Success  | ![](../../.gitbook/assets/toast-success.webp)  |
+| Failure  | ![](../../.gitbook/assets/toast-failure.webp)  |
 
 ### Toast.ActionOptions
 
diff --git a/docs/api-reference/menu-bar-commands.md b/docs/api-reference/menu-bar-commands.md
index 1649fa360681..2da593b0e0dc 100644
--- a/docs/api-reference/menu-bar-commands.md
+++ b/docs/api-reference/menu-bar-commands.md
@@ -71,11 +71,11 @@ Of course, our pull request command wouldn't be of that much use if we had to te
 
 Your root search should look similar to:
 
-![Menu Bar Command - Activate Background Refresh](../.gitbook/assets/menu-bar-activate-command.png)
+![Menu Bar Command - Activate Background Refresh](../.gitbook/assets/menu-bar-activate-command.webp)
 
 Running it once should activate it to:
 
-![Menu Bar Command - Refresh](../.gitbook/assets/menu-bar-refresh.png)
+![Menu Bar Command - Refresh](../.gitbook/assets/menu-bar-refresh.webp)
 
 ## Lifecycle
 
@@ -96,7 +96,7 @@ If your `menu-bar` command also makes use of [background refresh](../information
 
 {% hint style="info" %}
 To ease testing, commands configured to run in the background have an extra action in development mode:
-![Menu Bar Command - Run in Background](../.gitbook/assets/menu-bar-run-in-background.png)
+![Menu Bar Command - Run in Background](../.gitbook/assets/menu-bar-run-in-background.webp)
 {% endhint %}
 
 ### When the user clicks the command's icon / title in the menu bar
diff --git a/docs/api-reference/oauth.md b/docs/api-reference/oauth.md
index ad5e9abbc531..034b3e5ca8aa 100644
--- a/docs/api-reference/oauth.md
+++ b/docs/api-reference/oauth.md
@@ -8,7 +8,7 @@ Before considering OAuth, first check if your provider supports PKCE. You can us
 
 ## OAuth Flow
 
-![](../.gitbook/assets/oauth-overlay-twitter.png)
+![](../.gitbook/assets/oauth-overlay-twitter.webp)
 
 The OAuth flow from an extension looks like this:
 
@@ -21,7 +21,7 @@ The OAuth flow from an extension looks like this:
 When the flow is complete, the extension has received an access token from the provider and can perform API calls.
 The API provides functions for securely storing and retrieving token sets, so that an extension can check whether the user is already logged in and whether an expired access token needs to be refreshed. Raycast also automatically shows a logout preference.
 
-![](../.gitbook/assets/oauth-overlay-twitter-success.png)
+![](../.gitbook/assets/oauth-overlay-twitter-success.webp)
 
 ## OAuth App
 
diff --git a/docs/api-reference/user-interface/action-panel.md b/docs/api-reference/user-interface/action-panel.md
index 283d9b15cbfb..261e634667f1 100644
--- a/docs/api-reference/user-interface/action-panel.md
+++ b/docs/api-reference/user-interface/action-panel.md
@@ -1,6 +1,6 @@
 # Action Panel
 
-![](../../.gitbook/assets/action-panel.png)
+![](../../.gitbook/assets/action-panel.webp)
 
 ## API Reference
 
diff --git a/docs/api-reference/user-interface/colors.md b/docs/api-reference/user-interface/colors.md
index 42f00fbcc04f..82a0ca1e0075 100644
--- a/docs/api-reference/user-interface/colors.md
+++ b/docs/api-reference/user-interface/colors.md
@@ -38,17 +38,17 @@ export default function Command() {
 
 #### Enumeration members
 
-| Name          | Dark Theme                                               | Light Theme                                         |
-| :------------ | :------------------------------------------------------- | :-------------------------------------------------- |
-| Blue          | ![](../../.gitbook/assets/color-dark-blue.png)           | ![](../../.gitbook/assets/color-blue.png)           |
-| Green         | ![](../../.gitbook/assets/color-dark-green.png)          | ![](../../.gitbook/assets/color-green.png)          |
-| Magenta       | ![](../../.gitbook/assets/color-dark-magenta.png)        | ![](../../.gitbook/assets/color-magenta.png)        |
-| Orange        | ![](../../.gitbook/assets/color-dark-orange.png)         | ![](../../.gitbook/assets/color-orange.png)         |
-| Purple        | ![](../../.gitbook/assets/color-dark-purple.png)         | ![](../../.gitbook/assets/color-purple.png)         |
-| Red           | ![](../../.gitbook/assets/color-dark-red.png)            | ![](../../.gitbook/assets/color-red.png)            |
-| Yellow        | ![](../../.gitbook/assets/color-dark-yellow.png)         | ![](../../.gitbook/assets/color-yellow.png)         |
-| PrimaryText   | ![](../../.gitbook/assets/color-dark-primary-text.png)   | ![](../../.gitbook/assets/color-primary-text.png)   |
-| SecondaryText | ![](../../.gitbook/assets/color-dark-secondary-text.png) | ![](../../.gitbook/assets/color-secondary-text.png) |
+| Name          | Dark Theme                                                | Light Theme                                          |
+| :------------ | :-------------------------------------------------------- | :--------------------------------------------------- |
+| Blue          | ![](../../.gitbook/assets/color-dark-blue.webp)           | ![](../../.gitbook/assets/color-blue.webp)           |
+| Green         | ![](../../.gitbook/assets/color-dark-green.webp)          | ![](../../.gitbook/assets/color-green.webp)          |
+| Magenta       | ![](../../.gitbook/assets/color-dark-magenta.webp)        | ![](../../.gitbook/assets/color-magenta.webp)        |
+| Orange        | ![](../../.gitbook/assets/color-dark-orange.webp)         | ![](../../.gitbook/assets/color-orange.webp)         |
+| Purple        | ![](../../.gitbook/assets/color-dark-purple.webp)         | ![](../../.gitbook/assets/color-purple.webp)         |
+| Red           | ![](../../.gitbook/assets/color-dark-red.webp)            | ![](../../.gitbook/assets/color-red.webp)            |
+| Yellow        | ![](../../.gitbook/assets/color-dark-yellow.webp)         | ![](../../.gitbook/assets/color-yellow.webp)         |
+| PrimaryText   | ![](../../.gitbook/assets/color-dark-primary-text.webp)   | ![](../../.gitbook/assets/color-primary-text.webp)   |
+| SecondaryText | ![](../../.gitbook/assets/color-dark-secondary-text.webp) | ![](../../.gitbook/assets/color-secondary-text.webp) |
 
 ## Types
 
diff --git a/docs/api-reference/user-interface/detail.md b/docs/api-reference/user-interface/detail.md
index 8181b28cd917..940d783037dc 100644
--- a/docs/api-reference/user-interface/detail.md
+++ b/docs/api-reference/user-interface/detail.md
@@ -1,6 +1,6 @@
 # Detail
 
-![](../../.gitbook/assets/detail.png)
+![](../../.gitbook/assets/detail.webp)
 
 ## API Reference
 
@@ -54,7 +54,7 @@ A Metadata view that will be shown in the right-hand-side of the `Detail`.
 
 Use it to display additional structured data about the main content shown in the `Detail` view.
 
-![Detail-metadata illustration](../../.gitbook/assets/detail-metadata.png)
+![Detail-metadata illustration](../../.gitbook/assets/detail-metadata.webp)
 
 #### Example
 
@@ -99,7 +99,7 @@ export default function Main() {
 
 A single value with an optional icon.
 
-![Detail-metadata-label illustration](../../.gitbook/assets/detail-metadata-label.png)
+![Detail-metadata-label illustration](../../.gitbook/assets/detail-metadata-label.webp)
 
 #### Example
 
@@ -138,7 +138,7 @@ export default function Main() {
 
 An item to display a link.
 
-![Detail-metadata-link illustration](../../.gitbook/assets/detail-metadata-link.png)
+![Detail-metadata-link illustration](../../.gitbook/assets/detail-metadata-link.webp)
 
 #### Example
 
@@ -177,7 +177,7 @@ export default function Main() {
 
 A list of [`Tags`](detail.md#detail.metadata.taglist.item) displayed in a row.
 
-![Detail-metadata-taglist illustration](../../.gitbook/assets/detail-metadata-taglist.png)
+![Detail-metadata-taglist illustration](../../.gitbook/assets/detail-metadata-taglist.webp)
 
 #### Example
 
@@ -226,7 +226,7 @@ A Tag in a `Detail.Metadata.TagList`.
 
 A metadata item that shows a separator line. Use it for grouping and visually separating metadata items.
 
-![](../../.gitbook/assets/detail-metadata-separator.png)
+![](../../.gitbook/assets/detail-metadata-separator.webp)
 
 ```typescript
 import { Detail } from "@raycast/api";
diff --git a/docs/api-reference/user-interface/form.md b/docs/api-reference/user-interface/form.md
index ab63efa88d8c..46053df73dce 100644
--- a/docs/api-reference/user-interface/form.md
+++ b/docs/api-reference/user-interface/form.md
@@ -2,7 +2,7 @@
 
 Our `Form` component provides great user experience to collect some data from a user and submit it for extensions needs.
 
-![](../../.gitbook/assets/example-doppler-share-secrets.png)
+![](../../.gitbook/assets/example-doppler-share-secrets.webp)
 
 ## Two Types of Items: Controlled vs. Uncontrolled
 
@@ -20,7 +20,7 @@ Before submitting data, it is important to ensure all required form controls are
 
 In Raycast, validation can be fully controlled from the API. To keep the same behavior as we have natively, the proper way of usage is to validate a `value` in the `onBlur` callback, update the `error` of the item and keep track of updates with the `onChange` callback to drop the `error` value. The [useForm](../../utils-reference/react-hooks/useForm.md) utils hook nicely wraps this behaviour and is the recommended way to do deal with validations.
 
-![](../../.gitbook/assets/form-validation.png)
+![](../../.gitbook/assets/form-validation.webp)
 
 {% hint style="info" %}
 Keep in mind that if the Form has any errors, the [`Action.SubmitForm`](./actions.md#action.submitform) `onSubmit` callback won't be triggered.
@@ -153,7 +153,7 @@ function validatePassword(value: string): boolean {
 
 Drafts are a mechanism to preserve filled-in inputs (but not yet submitted) when an end-user exits the command. To enable this mechanism, set the `enableDrafts` prop on your Form and populate the initial values of the Form with the [top-level prop `draftValues`](../../information/lifecycle/README.md#launchprops).
 
-![](../../.gitbook/assets/form-drafts.png)
+![](../../.gitbook/assets/form-drafts.webp)
 
 {% hint style="info" %}
 
@@ -265,7 +265,7 @@ Optionally add a [Form.LinkAccessory](form.md#form.linkaccessory) in the right-h
 
 A form item with a text field for input.
 
-![](../../.gitbook/assets/form-textfield.png)
+![](../../.gitbook/assets/form-textfield.webp)
 
 #### Example
 
@@ -333,7 +333,7 @@ export default function Command() {
 
 A form item with a secure text field for password-entry in which the entered characters must be kept secret.
 
-![](../../.gitbook/assets/form-password.png)
+![](../../.gitbook/assets/form-password.webp)
 
 #### Example
 
@@ -401,7 +401,7 @@ export default function Command() {
 
 A form item with a text area for input. The item supports multiline text entry.
 
-![](../../.gitbook/assets/form-textarea.png)
+![](../../.gitbook/assets/form-textarea.webp)
 
 #### Example
 
@@ -472,7 +472,7 @@ export default function Command() {
 
 A form item with a checkbox.
 
-![](../../.gitbook/assets/form-checkbox.png)
+![](../../.gitbook/assets/form-checkbox.webp)
 
 #### Example
 
@@ -540,7 +540,7 @@ export default function Command() {
 
 A form item with a date picker.
 
-![](../../.gitbook/assets/form-datepicker.png)
+![](../../.gitbook/assets/form-datepicker.webp)
 
 #### Example
 
@@ -640,7 +640,7 @@ export default function Command() {
 
 A form item with a dropdown menu.
 
-![](../../.gitbook/assets/form-dropdown.png)
+![](../../.gitbook/assets/form-dropdown.webp)
 
 #### Example
 
@@ -793,7 +793,7 @@ export default function Command() {
 
 A form item with a tag picker that allows the user to select multiple items.
 
-![](../../.gitbook/assets/form-tagpicker.png)
+![](../../.gitbook/assets/form-tagpicker.webp)
 
 #### Example
 
@@ -905,7 +905,7 @@ export default function Command() {
 
 A form item that shows a separator line. Use for grouping and visually separating form items.
 
-![](../../.gitbook/assets/form-separator.png)
+![](../../.gitbook/assets/form-separator.webp)
 
 #### Example
 
@@ -937,9 +937,9 @@ A form item with a button to open a dialog to pick some files and/or some direct
 While the user picked some items that existed, it might be possible for them to be deleted or changed when the `onSubmit` callback is called. Hence you should always make sure that the items exist before acting on them!
 {% endhint %}
 
-![](../../.gitbook/assets/form-filepicker-multiple.png)
+![](../../.gitbook/assets/form-filepicker-multiple.webp)
 
-![Single Selection](../../.gitbook/assets/form-filepicker-single.png)
+![Single Selection](../../.gitbook/assets/form-filepicker-single.webp)
 
 #### Example
 
@@ -1080,7 +1080,7 @@ A form item with a simple text label.
 
 Do _not_ use this component to show validation messages for other form fields.
 
-![](../../.gitbook/assets/form-description.png)
+![](../../.gitbook/assets/form-description.webp)
 
 #### Example
 
diff --git a/docs/api-reference/user-interface/grid.md b/docs/api-reference/user-interface/grid.md
index 8130e6c9cdd7..0e209b0c0da2 100644
--- a/docs/api-reference/user-interface/grid.md
+++ b/docs/api-reference/user-interface/grid.md
@@ -13,7 +13,7 @@ Because its API tries to stick as closely to [List](list.md#list)'s as possible,
 - finally, replacing all usages of `List` with `Grid`.
   {% endhint %}
 
-![](../../.gitbook/assets/grid.png)
+![](../../.gitbook/assets/grid.webp)
 
 ## Search Bar
 
@@ -512,7 +512,7 @@ empty view alongside the other `Grid.Item`s.
 
 Note that the `EmptyView` is _never_ displayed if the `Grid`'s `isLoading` property is true and the search bar is empty.
 
-![Grid EmptyView illustration](../../.gitbook/assets/grid-empty-view.png)
+![Grid EmptyView illustration](../../.gitbook/assets/grid-empty-view.webp)
 
 #### Example
 
@@ -582,7 +582,7 @@ Sections can specify their own `columns`, `fit`, `aspectRatio` and `inset` props
 
 #### Example
 
-![](../../.gitbook/assets/grid-styled-sections.png)
+![](../../.gitbook/assets/grid-styled-sections.webp)
 
 {% tabs %}
 {% tab title="GridWithSection.tsx" %}
@@ -645,7 +645,7 @@ export default function Command() {
 
 An interface describing an accessory view in a `Grid.Item`.
 
-![Grid.Item accessories illustration](../../.gitbook/assets/grid-item-accessories.png)
+![Grid.Item accessories illustration](../../.gitbook/assets/grid-item-accessories.webp)
 
 ### Grid.Inset
 
diff --git a/docs/api-reference/user-interface/list.md b/docs/api-reference/user-interface/list.md
index 2d7262b91e8e..aa261d9049c2 100644
--- a/docs/api-reference/user-interface/list.md
+++ b/docs/api-reference/user-interface/list.md
@@ -13,7 +13,7 @@ Our `List` component provides great user experience out of the box:
 - Show loading indicator for longer operations.
 - Use the search query for typeahead experiences, optionally throttled.
 
-![](../../.gitbook/assets/list.png)
+![](../../.gitbook/assets/list.webp)
 
 ## Search Bar
 
@@ -589,7 +589,7 @@ empty view alongside the other `List.Item`s.
 
 Note that the `EmptyView` is _never_ displayed if the `List`'s `isLoading` property is true and the search bar is empty.
 
-![List EmptyView illustration](../../.gitbook/assets/list-empty-view.png)
+![List EmptyView illustration](../../.gitbook/assets/list-empty-view.webp)
 
 #### Example
 
@@ -652,7 +652,7 @@ A Detail view that will be shown in the right-hand-side of the `List`.
 
 When shown, it is recommended not to show any accessories on the `List.Item` and instead bring those additional information in the `List.Item.Detail` view.
 
-![List-detail illustration](../../.gitbook/assets/list-detail.png)
+![List-detail illustration](../../.gitbook/assets/list-detail.webp)
 
 #### Example
 
@@ -690,7 +690,7 @@ Use it to display additional structured data about the content of the `List.Item
 
 {% tab title="Metadata + Markdown" %}
 
-![List Detail-metadata illustration](../../.gitbook/assets/list-detail-metadata-split.png)
+![List Detail-metadata illustration](../../.gitbook/assets/list-detail-metadata-split.webp)
 
 ```typescript
 import { List } from "@raycast/api";
@@ -738,7 +738,7 @@ There is a plant seed on its back right from the day this Pokémon is born. The
 
 {% tab title="Metadata Standalone" %}
 
-![List Detail-metadata illustration](../../.gitbook/assets/list-detail-metadata-standalone.png)
+![List Detail-metadata illustration](../../.gitbook/assets/list-detail-metadata-standalone.webp)
 
 ```typescript
 import { List } from "@raycast/api";
@@ -789,7 +789,7 @@ export default function Metadata() {
 
 A title with, optionally, an icon and/or text to its right.
 
-![List Detail-metadata-label illustration](../../.gitbook/assets/list-detail-metadata-label.png)
+![List Detail-metadata-label illustration](../../.gitbook/assets/list-detail-metadata-label.webp)
 
 #### Example
 
@@ -824,7 +824,7 @@ export default function Metadata() {
 
 An item to display a link.
 
-![List Detail-metadata-link illustration](../../.gitbook/assets/list-detail-metadata-link.png)
+![List Detail-metadata-link illustration](../../.gitbook/assets/list-detail-metadata-link.webp)
 
 #### Example
 
@@ -863,7 +863,7 @@ export default function Metadata() {
 
 A list of [`Tags`](list.md#list.item.detail.metadata.taglist.item) displayed in a row.
 
-![List Detail-metadata-tag-list illustration](../../.gitbook/assets/list-detail-metadata-tag-list.png)
+![List Detail-metadata-tag-list illustration](../../.gitbook/assets/list-detail-metadata-tag-list.webp)
 
 #### Example
 
@@ -908,7 +908,7 @@ A Tag in a `List.Item.Detail.Metadata.TagList`.
 
 A metadata item that shows a separator line. Use it for grouping and visually separating metadata items.
 
-![List Detail-metadata-separator illustration](../../.gitbook/assets/list-detail-metadata-separator.png)
+![List Detail-metadata-separator illustration](../../.gitbook/assets/list-detail-metadata-separator.webp)
 
 #### Example
 
@@ -973,7 +973,7 @@ export default function Command() {
 
 An interface describing an accessory view in a `List.Item`.
 
-![List.Item accessories illustration](../../.gitbook/assets/list-item-accessories.png)
+![List.Item accessories illustration](../../.gitbook/assets/list-item-accessories.webp)
 
 #### Properties
 
diff --git a/docs/basics/contribute-to-an-extension.md b/docs/basics/contribute-to-an-extension.md
index a151294ef3fe..0f1da3160b4b 100644
--- a/docs/basics/contribute-to-an-extension.md
+++ b/docs/basics/contribute-to-an-extension.md
@@ -10,12 +10,12 @@ All published extensions are open-source and can be found in [this repository](h
 
 First, you need to find the source code of the extension. The easiest way to do this is to use the `Fork Extension` action in the Raycast's root search.
 
-![Fork an extension](../.gitbook/assets/fork-extension.png)
+![Fork an extension](../.gitbook/assets/fork-extension.webp)
 
 ## Develop the extension
 
 After you have the source code locally, open the Terminal and navigate to the extension's folder. Once there, run `npm install && npm run dev` from the extension folder in your Terminal to start developing the extension.
 
-![Open imported extension](../.gitbook/assets/basics-open-command.png) ![Icon list command](../.gitbook/assets/basics-icon-list.png)
+![Open imported extension](../.gitbook/assets/basics-open-command.webp) ![Icon list command](../.gitbook/assets/basics-icon-list.webp)
 
 You should see your forked extension at the top of your root search and can open its commands. When you're done editing the extension, make sure to add yourself to the contributors section of its [manifest](../information/manifest.md#extension-properties). Additionally, ensure the `CHANGELOG.md` file is updated with your changes; create it if it doesn't exist. Once everything is ready, [run](./publish-an-extension.md) `npx @raycast/api@latest publish`.
diff --git a/docs/basics/create-your-first-extension.md b/docs/basics/create-your-first-extension.md
index e8e773f6cad2..8ca0d9a3fed2 100644
--- a/docs/basics/create-your-first-extension.md
+++ b/docs/basics/create-your-first-extension.md
@@ -8,7 +8,7 @@ description: Learn how to build your first extension and use it in Raycast.
 
 Open the Create Extension command, name your extension "Hello World" and select the "Detail" template. Pick a parent folder in the Location field and press `⌘` `↵` to continue.
 
-![Create Extension command in Raycast](../.gitbook/assets/hello-world.png)
+![Create Extension command in Raycast](../.gitbook/assets/hello-world.webp)
 
 {% hint style="info" %}
 To create a private extension, select your organization in the first dropdown. You need to be logged in and part of an organization to see the dropdown. Learn more about Raycast for Teams [here](../teams/getting-started.md).
@@ -20,7 +20,7 @@ Next, you'll need to follow the on-screen instructions to build the extension.
 
 Open your terminal, navigate to your extension directory and run `npm install && npm run dev`. Open Raycast, and you'll notice your extension at the top of the root search. Press `↵` to open it.
 
-![Your first extension](../.gitbook/assets/hello-world-2.png)
+![Your first extension](../.gitbook/assets/hello-world-2.webp)
 
 ## Develop your extension
 
@@ -34,7 +34,7 @@ To make changes to your extension, open the `./src/index.tsx` file in your exten
 
 Now, you can press `⌃` `C` in your terminal to stop `npm run dev`. The extension stays in Raycast, and you can find its commands in the root when searching for the extension name "Hello World" or the command name "Render Markdown".
 
-![Find your extension in the root search](../.gitbook/assets/hello-world-2.png)
+![Find your extension in the root search](../.gitbook/assets/hello-world-2.webp)
 
 🎉 Congratulations! You built your first extension. Off to many more.
 
diff --git a/docs/basics/debug-an-extension.md b/docs/basics/debug-an-extension.md
index 2e3da1256c16..13c122d4b094 100644
--- a/docs/basics/debug-an-extension.md
+++ b/docs/basics/debug-an-extension.md
@@ -37,7 +37,7 @@ For more complex debugging you can install the [VSCode extension](https://market
 
 All unhandled exceptions and Promise rejections are shown with an error overlay in Raycast.
 
-![Unhandled exception in development mode](../.gitbook/assets/basics-unhandled-exception.png)
+![Unhandled exception in development mode](../.gitbook/assets/basics-unhandled-exception.webp)
 
 During development, we show the stack trace and add an action to jump to the error to make it easy to fix it. In production, only the error message is shown. You should [show a toast](../api-reference/feedback/toast.md#showtoast) for all expected errors, e.g. a failing network request.
 
@@ -46,13 +46,13 @@ During development, we show the stack trace and add an action to jump to the err
 When unhandled exceptions and Promise rejections occur in the production build of a public extension, Raycast tries to redact all potentially sensitive information they may include, and reports them to our error backend. As an extension author, or as the manager of an organisation, you can view and manage error reports for your public extensions by going to https://www.raycast.com/extension-issues, or by finding your extension in Raycast's root, `Store` command, or `Manage Extensions` command, and using the `View Issues` action.
 The dashboard should give you an overview of what issues occurred, how many times, how many users were affected, and more. Each issue additionally has a detail view, including a stack trace, breadcrumbs (typically the actions performed before the crash), extension release date, Raycast version, macOS version.
 
-![Extension Issues](../.gitbook/assets/extension-issues.png)
+![Extension Issues](../.gitbook/assets/extension-issues.webp)
 
 ## React Developer Tools
 
 We support [React Developer Tools](https://github.com/facebook/react/tree/main/packages/react-devtools) out-of-the-box. Use the tools to inspect and change the props of your React components, and see the results immediately in Raycast. This is especially useful for complex commands with a lot of states.
 
-![React Developer Tools](../.gitbook/assets/basics-react-developer-tools.png)
+![React Developer Tools](../.gitbook/assets/basics-react-developer-tools.webp)
 
 To get started, add the `react-devtools` to your extension. Open a terminal, navigate to your extension directory and run the following command:
 
diff --git a/docs/basics/getting-started.md b/docs/basics/getting-started.md
index a6d869f270ba..59c2c0bcbf28 100644
--- a/docs/basics/getting-started.md
+++ b/docs/basics/getting-started.md
@@ -15,7 +15,7 @@ Before you can create your first extension, make sure you have the following pre
 
 ## Sign In
 
-![Opening the "Store" command in Raycast](../.gitbook/assets/welcome.png)
+![Opening the "Store" command in Raycast](../.gitbook/assets/welcome.webp)
 
 You need to be signed in to use the following extension development commands.
 
diff --git a/docs/basics/install-an-extension.md b/docs/basics/install-an-extension.md
index 1430af26f15f..b1a9684d31e6 100644
--- a/docs/basics/install-an-extension.md
+++ b/docs/basics/install-an-extension.md
@@ -10,17 +10,17 @@ All published extensions are discoverable in the Raycast Store. Use the [web int
 
 The easiest way to discover extensions is the in-app store. Open the Store command in Raycast and search for an extension. Press `⌘` `↵` to install the selected extension or press `↵` to see more details about it.
 
-![Store in Raycast](../.gitbook/assets/basics-inapp-store.png)
+![Store in Raycast](../.gitbook/assets/basics-inapp-store.webp)
 
 ## Web Store
 
 Alternatively, you can use our [web store](https://raycast.com/store). Press `⌘` `K` to open the command palette, search for an extension and open it.
 
-![Web Store](../.gitbook/assets/basics-web-store.png)
+![Web Store](../.gitbook/assets/basics-web-store.webp)
 
 Then press the Install Extension button in the top right corner and follow the steps in Raycast.
 
-![Install extension from the Web Store](../.gitbook/assets/basics-install-extension.png)
+![Install extension from the Web Store](../.gitbook/assets/basics-install-extension.webp)
 
 ## Use installed extensions
 
diff --git a/docs/basics/prepare-an-extension-for-store.md b/docs/basics/prepare-an-extension-for-store.md
index dc5f4ab38a1a..638376255e85 100644
--- a/docs/basics/prepare-an-extension-for-store.md
+++ b/docs/basics/prepare-an-extension-for-store.md
@@ -57,7 +57,7 @@ Here you will find requirements and guidelines that you'll need to follow in ord
     - There is no need for a subtitle for the `Search Emoji` command since it's self-explanatory
     - **Rule of thumb:** If your subtitle is almost a duplication of your command title, you probably don't need it
 
-![Example of a good subtitle](../.gitbook/assets/good-subtitle.png)
+![Example of a good subtitle](../.gitbook/assets/good-subtitle.webp)
 
 ## Extension Icon
 
@@ -78,11 +78,11 @@ We made a new icon generator tool to ease the process of creating icons for your
 - If your extension requires additional setup, such as getting an API access token, enabling some preferences in other applications, or has non-trivial use cases, please provide a README file at the root folder of your extension. When a README is provided, users will see the "About This Extension" button on the preferences onboarding screen.
 - Supporting README media: Put all linked media files in a top-level `media` folder inside your extension directory. (This is different from assets that are required at runtime in your extension: they go inside the assets folder and will be bundled into your extension.)
 
-![Onboarding button linking to the README file](../.gitbook/assets/required-preference.png)
+![Onboarding button linking to the README file](../.gitbook/assets/required-preference.webp)
 
 ## Categories
 
-![Categories shown on an extension details screen](../.gitbook/assets/categories-focus.png)
+![Categories shown on an extension details screen](../.gitbook/assets/categories-focus.webp)
 
 - All extensions should be published with at least one category
 - Categories are case-sensitive and should follow the [Title Case](https://titlecaseconverter.com/rules/) convention
@@ -110,7 +110,7 @@ We made a new icon generator tool to ease the process of creating icons for your
 
 ## Screenshots
 
-![An example of an extension with screenshot metadata](../.gitbook/assets/hn-store.png)
+![An example of an extension with screenshot metadata](../.gitbook/assets/hn-store.webp)
 
 - Screenshots are displayed in the metadata of an extension details screen, where users can click and browse through them to understand what your extension does in greater detail, before installing
 - You can add a maximum of six screenshots. We recommend adding at least three, so your extensions detail screen looks beautiful.
@@ -148,7 +148,7 @@ You can use [Raycast Wallpapers](https://www.raycast.com/wallpapers) to make you
 
 ## Version History
 
-![A CHANGELOG.md file displayed in the app](../.gitbook/assets/version-history.png)
+![A CHANGELOG.md file displayed in the app](../.gitbook/assets/version-history.webp)
 
 - Make it easier for users to see exactly what notable changes have been made between each release of your extension with a `CHANGELOG.md` file in your extension metadata
   - To add Version History to your extension, add a `CHANGELOG.md` file to the root folder of your extension
@@ -229,7 +229,7 @@ You can use [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) to help you
 
 ### Preferences
 
-![Required preferences will be shown when opening the command](../.gitbook/assets/required-preferences-2.png)
+![Required preferences will be shown when opening the command](../.gitbook/assets/required-preferences-2.webp)
 
 - Use the [preferences API](https://developers.raycast.com/api-reference/preferences) to let your users configure your extension or for providing credentials like API tokens
   - When using `required: true`, Raycast will ask the user to set preferences before continuing with an extension. See the example [here](https://github.com/raycast/extensions/blob/main/extensions/gitlab/package.json#L150).
@@ -237,7 +237,7 @@ You can use [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) to help you
 
 ### Action Panel
 
-![Raycast Action Panel component](../.gitbook/assets/action-panel.png)
+![Raycast Action Panel component](../.gitbook/assets/action-panel.webp)
 
 - Actions in the action panel should also follow the **Title Case** naming convention
   - ✅ `Open in Browser`, `Copy to Clipboard`
diff --git a/docs/basics/publish-an-extension.md b/docs/basics/publish-an-extension.md
index 4cb9321bd1ea..260209bad183 100644
--- a/docs/basics/publish-an-extension.md
+++ b/docs/basics/publish-an-extension.md
@@ -46,6 +46,6 @@ We're still figuring things out and updating our guidelines. If something is unc
 
 Once your extension is published in the Raycast Store, you can share it with our community. Open the Manage Extensions command, search for your extension and press `⌘` `⌥` `.` to copy the link.
 
-![Manage your extensions](../.gitbook/assets/basics-manage-extensions.png)
+![Manage your extensions](../.gitbook/assets/basics-manage-extensions.webp)
 
 🚀 Now it's time to share your work! Tweet about your extension, share it with our [Slack community](https://raycast.com/community) or send it to your teammates.
diff --git a/docs/basics/review-pullrequest.md b/docs/basics/review-pullrequest.md
index 808280d118cd..c101fe9d923c 100644
--- a/docs/basics/review-pullrequest.md
+++ b/docs/basics/review-pullrequest.md
@@ -8,9 +8,9 @@ All updates to an extension are made through a [Pull Request](https://github.com
 
 ## Steps
 
-1) Open a terminal window
-2) Navigate to a folder where you want the repository to land
-3) Run the below commands
+1. Open a terminal window
+2. Navigate to a folder where you want the repository to land
+3. Run the below commands
 
 _There are a few things you'll need to find and insert manually in the snippet below_
 
@@ -18,7 +18,7 @@ _There are a few things you'll need to find and insert manually in the snippet b
 
 Open the PR and click on the incomming ref as shown below
 
-![](../.gitbook/assets/go-to-ref.png)
+![](../.gitbook/assets/go-to-ref.webp)
 
 Now click the code button and copy the HTTPS path from the dropdown
 
@@ -43,4 +43,4 @@ cd "extensions/${EXTENSION_NAME}"
 npm install && npm run dev
 ```
 
-4) That's it, the extension should now be attached in Raycast
+4. That's it, the extension should now be attached in Raycast
diff --git a/docs/changelog.md b/docs/changelog.md
index f27a15febb16..30c6b56fcfa0 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -206,7 +206,7 @@
 
 ## Introducing the Extension Issues Dashboard
 
-![](.gitbook/assets/extension-issues.png)
+![](.gitbook/assets/extension-issues.webp)
 
 The new Extension Issues Dashboard is designed to help you quickly troubleshoot and resolve issues in any of your extensions by providing real-time visibility into errors encountered by users. You can access it at https://www.raycast.com/extension-issues, or by using the new `View Issues` action.
 
@@ -564,7 +564,7 @@ The new Extension Issues Dashboard is designed to help you quickly troubleshoot
 
 - **Grid**: the `Grid` component accepts three new props that should give extension authors more flexibility: `columns`, `fit` and `aspectRatio`.
 
-![](.gitbook/assets/grid-styled-sections.png)
+![](.gitbook/assets/grid-styled-sections.webp)
 
 - **Grid Sections** don't all have to look the same anymore! The grid `Section` component now _also_ accepts the `columns`, `fit` and `aspectRatio` props. When specified, they will override the value of the parent `Grid` component's prop.
 - **List**: The list supports a new property for configuring how sections are ordered. Setting `filtering={{ keepSectionOrder: true }}` ensures that the section order is not changed based on items' ranking values; this can be useful for use cases where a small number of fix sections should always appear in the same order when the user filters the list. We are deprecating the `enableFiltering` property.
@@ -731,7 +731,7 @@ The new Extension Issues Dashboard is designed to help you quickly troubleshoot
 
 The `<Grid />` component's made its way to our API. It's perfect to layout media-heavy information, such as icons, images or colors. The component allows you to layout differently sized items. We designed [its API](https://developers.raycast.com/api-reference/user-interface/list) close to the `<List />` component for smooth adoption.
 
-![](.gitbook/assets/grid.png)
+![](.gitbook/assets/grid.webp)
 
 ### 🐞 Fixes
 
@@ -1056,6 +1056,6 @@ The `<Grid />` component's made its way to our API. It's perfect to layout media
 
 It's happening! We're opening up our API and store for public beta.
 
-![](.gitbook/assets/changelog-hello-world.png)
+![](.gitbook/assets/changelog-hello-world.webp)
 
 This is a big milestone for our community. We couldn't have pulled it off without our alpha testers. A massive shoutout to everybody who helped us shape the API. Now let's start building. We can't wait to see what you will come up with.
diff --git a/docs/examples/doppler.md b/docs/examples/doppler.md
index a0cb2abc1cee..cff79d3fd242 100644
--- a/docs/examples/doppler.md
+++ b/docs/examples/doppler.md
@@ -10,7 +10,7 @@ The full source code of the example can be found [here](https://github.com/rayca
 
 In this example we use a form to collect inputs from a user. To make it interesting, we use [Doppler](http://share.doppler.com) which is a service to make it easy to securely share sensitive information such as API keys or passwords.
 
-![Example: Safely share secrets with Doppler](../.gitbook/assets/example-doppler-share-secrets.png)
+![Example: Safely share secrets with Doppler](../.gitbook/assets/example-doppler-share-secrets.webp)
 
 The extension has one command. The command is a simple form with a textfield for the secret, a dropdown for an expiration after views and a second dropdown for an alternate expiration after a maximum of days.
 
diff --git a/docs/examples/hacker-news.md b/docs/examples/hacker-news.md
index c3a8c732aa9b..a4bf545ac9aa 100644
--- a/docs/examples/hacker-news.md
+++ b/docs/examples/hacker-news.md
@@ -10,7 +10,7 @@ The source code of the example can be found [here](https://github.com/raycast/ex
 
 Who doesn't like a good morning read on [Hacker News](https://news.ycombinator.com) with a warm coffee?! In this example, we create a simple list with the top stories on the frontpage.
 
-![Example: Read frontpage of Hacker News](../.gitbook/assets/example-hacker-news.png)
+![Example: Read frontpage of Hacker News](../.gitbook/assets/example-hacker-news.webp)
 
 ## Load top stories
 
diff --git a/docs/examples/spotify-controls.md b/docs/examples/spotify-controls.md
index c0949cad92dd..11312b8f2c70 100644
--- a/docs/examples/spotify-controls.md
+++ b/docs/examples/spotify-controls.md
@@ -10,7 +10,7 @@ The source code of the example can be found [here](https://github.com/raycast/ex
 
 This example shows how to build commands that don't show a UI in Raycast. This type of command is useful for interactions with other apps such as skipping songs in Spotify or just simply running some scripts that don't need visual confirmation.
 
-![Example: Control the Spotify macOS app from Raycast](../.gitbook/assets/example-spotify-controls.png)
+![Example: Control the Spotify macOS app from Raycast](../.gitbook/assets/example-spotify-controls.webp)
 
 ## Control Spotify macOS app
 
diff --git a/docs/examples/todo-list.md b/docs/examples/todo-list.md
index 6647e2a772f9..e35052e4f175 100644
--- a/docs/examples/todo-list.md
+++ b/docs/examples/todo-list.md
@@ -10,7 +10,7 @@ The source code of the example can be found [here](https://github.com/raycast/ex
 
 What's an example section without a todo list?! Let's put one together in Raycast. This example will show how to render a list, navigate to a form to create a new element and update the list.
 
-![Example: A simple todo list](../.gitbook/assets/example-todo-list.png)
+![Example: A simple todo list](../.gitbook/assets/example-todo-list.webp)
 
 ## Render todo list
 
@@ -83,7 +83,7 @@ function CreateTodoAction(props: { onCreate: (todo: Todo) => void }) {
 
 The `<CreateTodoForm>` shows a single text field for the title. When the form is submitted, it calls the `onCreate` callback and closes itself.
 
-![Create todo form](../.gitbook/assets/example-create-todo.png)
+![Create todo form](../.gitbook/assets/example-create-todo.webp)
 
 To use the action, we add it to the `<List>` component. This makes the action available when the list is empty which is exactly what we want to create our first todo.
 
diff --git a/docs/information/best-practices.md b/docs/information/best-practices.md
index 5eb7aceac038..5197b7dd9ae6 100644
--- a/docs/information/best-practices.md
+++ b/docs/information/best-practices.md
@@ -88,7 +88,7 @@ Before submitting data, it is important to ensure all required form controls are
 
 In Raycast, validation can be fully controlled from the API. To keep the same behavior as we have natively, the proper way of usage is to validate a `value` in the `onBlur` callback, update the `error` of the item and keep track of updates with the `onChange` callback to drop the `error` value. The [useForm](../utils-reference/react-hooks/useForm.md) utils hook nicely wraps this behaviour and is the recommended way to do deal with validations.
 
-![](../.gitbook/assets/form-validation.png)
+![](../.gitbook/assets/form-validation.webp)
 
 {% hint style="info" %}
 Keep in mind that if the Form has any errors, the [`Action.SubmitForm`](../api-reference/user-interface/actions.md#action.submitform) `onSubmit` callback won't be triggered.
diff --git a/docs/information/lifecycle/arguments.md b/docs/information/lifecycle/arguments.md
index 56e1fc76165d..9dee4dab05e6 100644
--- a/docs/information/lifecycle/arguments.md
+++ b/docs/information/lifecycle/arguments.md
@@ -2,7 +2,7 @@
 
 Raycast supports arguments for your commands so that users can enter values right from Root Search before opening the command.
 
-![](../../.gitbook/assets/arguments.png)
+![](../../.gitbook/assets/arguments.webp)
 
 Arguments are configured in the [manifest](../manifest.md#argument-properties) per command.
 
diff --git a/docs/information/lifecycle/background-refresh.md b/docs/information/lifecycle/background-refresh.md
index caa105e32c03..7116476bbdae 100644
--- a/docs/information/lifecycle/background-refresh.md
+++ b/docs/information/lifecycle/background-refresh.md
@@ -62,7 +62,7 @@ For local commands under development, errors are shown as usual via the console.
 - Run in Background: this immediately runs the command with `environment.launchType` set to `LaunchType.Background`.
 - Show Error: if the command could not be loaded or an uncaught runtime exception was thrown, the full error can be shown in the Raycast error overlay for development. This action is also shown to users of the installed Store command and provides actions to copy and report the error on the production error overlay.
 
-![](../../.gitbook/assets/background-refresh-error.png)
+![](../../.gitbook/assets/background-refresh-error.webp)
 
 When the background run leads to an error, users will also see a warning icon on the root search command and a tooltip with a hint to show the error via the Action Panel. The tooltip over the subtitle of a command shows the last run time.
 
@@ -72,7 +72,7 @@ You can launch the built-in root search command "Extension Diagnostics" to see w
 
 For scheduled commands, Raycast automatically adds command preferences that give users the options to enable and disable background refresh. Preferences also show the last run time of the command.
 
-![](../../.gitbook/assets/background-refresh-preferences.png)
+![](../../.gitbook/assets/background-refresh-preferences.webp)
 
 When a user installs the command via the Store, background refresh is initially _disabled_ and is activated either when the user opens the command for the first time or enables background refresh in preferences. (This is to avoid automatically running commands in the background without the user being aware of it.)
 
diff --git a/docs/information/lifecycle/deeplinks.md b/docs/information/lifecycle/deeplinks.md
index 63761020eb16..373df1ee3b30 100644
--- a/docs/information/lifecycle/deeplinks.md
+++ b/docs/information/lifecycle/deeplinks.md
@@ -20,7 +20,7 @@ To make fetching a command's Deeplink easier, each command in the Raycast root n
 Whenever a command is launched using a Deeplink, Raycast will ask you to confirm that you want to run the command. This is to ensure that you are aware of the command you are running.
 {% endhint %}
 
-![](../../.gitbook/assets/deeplink-confirmation.png)
+![](../../.gitbook/assets/deeplink-confirmation.webp)
 
 ## Query Parameters
 
diff --git a/docs/teams/getting-started.md b/docs/teams/getting-started.md
index ffcd6e06a8c9..e147e76db7de 100644
--- a/docs/teams/getting-started.md
+++ b/docs/teams/getting-started.md
@@ -10,7 +10,7 @@ Raycast for Teams allows you to build, share and discover extensions in a privat
 
 To get started, create your organization. Specify the name of the organization, a handle (used in links, e.g. `https://raycast.com/your_org/some_extension`) and optionally upload an avatar.
 
-![Create an Organization](../.gitbook/assets/teams-create-organization.png)
+![Create an Organization](../.gitbook/assets/teams-create-organization.webp)
 
 {% hint style="info" %}
 You can use the Manage Organization command to edit your organization's information later.
@@ -24,13 +24,13 @@ After you've created your organization, it's time to set up a private store for
 
 First, select a folder to create a local repository for your private extension store. We create a folder that contains a Getting Started extension. We recommend to store all extensions of your team in a single repository. This makes it easy to collaborate.
 
-![Create Local Repository](../.gitbook/assets/teams-create-repository.png)
+![Create Local Repository](../.gitbook/assets/teams-create-repository.webp)
 
 ### Build The Getting Started Extension
 
 After you have created the local repository, navigate into the `getting-started` folder. The folder contains a simple extension with a command that shows a list with a few useful links. Run `npm run dev` in the folder to build the extension and start development mode. Raycast opens and you can see a new Development section in the root search. The section shows all commands that are under active development. You can open the command and open a few links.
 
-![Build the Getting Started Extension](../.gitbook/assets/teams-develop-extension.png)
+![Build the Getting Started Extension](../.gitbook/assets/teams-develop-extension.webp)
 
 {% hint style="info" %}
 See [Create Your First Extension](../basics/create-your-first-extension.md) for a more detailed guide on how to create an extension.
@@ -40,7 +40,7 @@ See [Create Your First Extension](../basics/create-your-first-extension.md) for
 
 Now, we share the extension with your organization. Perform `npm run publish` in the extension folder. The command verifies, builds and publishes the extension to your private extension store. The extension is only accessible to members of your organization.
 
-![Publish the Getting Started Extension](../.gitbook/assets/teams-publish-extension.png)
+![Publish the Getting Started Extension](../.gitbook/assets/teams-publish-extension.webp)
 
 🎉 Congratulations! You built and published your first private extension. Now it's time to spread the word in your organization.
 
diff --git a/docs/utils-reference/icons/getAvatarIcon.md b/docs/utils-reference/icons/getAvatarIcon.md
index 1fda792ac25b..e317955aefb7 100644
--- a/docs/utils-reference/icons/getAvatarIcon.md
+++ b/docs/utils-reference/icons/getAvatarIcon.md
@@ -2,7 +2,7 @@
 
 Icon to represent an avatar when you don't have one. The generated avatar will be generated from the initials of the name and have a colorful but consistent background.
 
-![Avatar Icon example](../../.gitbook/assets/utils-avatar-icon.png)
+![Avatar Icon example](../../.gitbook/assets/utils-avatar-icon.webp)
 
 ## Signature
 
@@ -12,7 +12,7 @@ function getAvatarIcon(
   options?: {
     background?: string;
     gradient?: boolean;
-  },
+  }
 ): Image.Asset;
 ```
 
diff --git a/docs/utils-reference/icons/getFavicon.md b/docs/utils-reference/icons/getFavicon.md
index fd74ca6cfcc6..8a258f11d081 100644
--- a/docs/utils-reference/icons/getFavicon.md
+++ b/docs/utils-reference/icons/getFavicon.md
@@ -4,7 +4,7 @@ Icon showing the favicon of a website.
 
 A favicon (favorite icon) is a tiny icon included along with a website, which is displayed in places like the browser's address bar, page tabs, and bookmarks menu.
 
-![Favicon example](../../.gitbook/assets/utils-favicon.png)
+![Favicon example](../../.gitbook/assets/utils-favicon.webp)
 
 ## Signature
 
@@ -15,7 +15,7 @@ function getFavicon(
     fallback?: Image.Fallback;
     size?: boolean;
     mask?: Image.Mask;
-  },
+  }
 ): Image.ImageLike;
 ```
 
diff --git a/docs/utils-reference/icons/getProgressIcon.md b/docs/utils-reference/icons/getProgressIcon.md
index 204bb32b0f26..bd2dd5f3c299 100644
--- a/docs/utils-reference/icons/getProgressIcon.md
+++ b/docs/utils-reference/icons/getProgressIcon.md
@@ -2,7 +2,7 @@
 
 Icon to represent the progress of a task, a project, _something_.
 
-![Progress Icon example](../../.gitbook/assets/utils-progress-icon.png)
+![Progress Icon example](../../.gitbook/assets/utils-progress-icon.webp)
 
 ## Signature
 
@@ -13,7 +13,7 @@ function getProgressIcon(
   options?: {
     background?: Color | string;
     backgroundOpacity?: number;
-  },
+  }
 ): Image.Asset;
 ```
 
diff --git a/examples/todo-list/README.md b/examples/todo-list/README.md
index a0e1fb3a6514..7075df7637cc 100644
--- a/examples/todo-list/README.md
+++ b/examples/todo-list/README.md
@@ -4,4 +4,4 @@ A simple todo list.
 
 An extensive walk-through on how to build such an extension can be found on the [developers docs](https://developers.raycast.com/examples/todo-list).
 
-![screnshot](../../docs/.gitbook/assets/example-todo-list.png)
+![screnshot](../../docs/.gitbook/assets/example-todo-list.webp)
diff --git a/extensions/doppler-share-secrets/CHANGELOG.md b/extensions/doppler-share-secrets/CHANGELOG.md
index 2d7f621bfe82..ef8d1335aad5 100644
--- a/extensions/doppler-share-secrets/CHANGELOG.md
+++ b/extensions/doppler-share-secrets/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Doppler Changelog
 
+## [Metadata] - {PR_MERGE_DATE}
+
+- Fix screenshot path
+
 ## [Metadata] - 2022-03-23
 
 - Added screenshot, changelog and categories for better discoverability
diff --git a/extensions/doppler-share-secrets/README.md b/extensions/doppler-share-secrets/README.md
index 3d85e184f62f..56bdc2fa4bc9 100644
--- a/extensions/doppler-share-secrets/README.md
+++ b/extensions/doppler-share-secrets/README.md
@@ -4,4 +4,4 @@ Doppler makes it easy to securely share sensitive information such as API keys o
 
 An extensive walk-through on how to build such an extension can be found on the [developers docs](https://developers.raycast.com/examples/doppler).
 
-![screnshot](../../docs/.gitbook/assets/example-doppler-share-secrets.png)
+![screnshot](https://github.com/raycast/extensions/raw/main/docs/.gitbook/assets/example-doppler-share-secrets.webp)