chore: Add id attributes for better element identification
@@ -19,6 +19,7 @@
<nav class="sticky top-0 z-30 w-full px-1.5 py-1.5 -mb-8 flex items-center drag-region">
<div
+ id="navbar-bg-gradient-to-b"
class=" bg-linear-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1]"
></div>
@@ -620,7 +620,7 @@
<div class="flex-auto w-0 pl-1 relative">
<Name>
<Tooltip content={model?.name ?? message.model} placement="top-start">
- <span class="line-clamp-1 text-black dark:text-white">
+ <span id="response-message-model-name" class="line-clamp-1 text-black dark:text-white">
{model?.name ?? message.model}
</span>
</Tooltip>
@@ -73,6 +73,7 @@
<nav class="sticky top-0 z-30 w-full py-1 -mb-8 flex flex-col items-center drag-region">
<div class="flex items-center w-full pl-1.5 pr-1">
class=" bg-linear-to-b via-40% to-97% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1]"
@@ -748,7 +748,10 @@
</a>
<a href="/" class="flex flex-1 px-1.5" on:click={newChatHandler}>
- <div class=" self-center font-medium text-gray-850 dark:text-white font-primary">
+ <div
+ id="sidebar-webui-name"
+ class=" self-center font-medium text-gray-850 dark:text-white font-primary"
+ >
{$WEBUI_NAME}
</div>