diff --git a/src/browser-extension/entrypoints/content.ts b/src/browser-extension/entrypoints/content.ts
index 5cf7de0..445bed2 100644
--- a/src/browser-extension/entrypoints/content.ts
+++ b/src/browser-extension/entrypoints/content.ts
@@ -13,7 +13,7 @@ export default defineContentScript({
document.body.appendChild(iframe)
// On pages that define an style for iframes with min-width set to a value and important
- // setting the inline style width gets overwritten by the page style,
+ // setting the inline style width gets overwritten by the page style,
// and setting the inline style width as important makes the resulting page to don't even include the style
// As a workaround we set the iframe an id and create a style that points to that id with important widths
// and then updated this style whenever a resize is needed
@@ -49,6 +49,8 @@ function setSidebarIframeStyle(iframe: HTMLIFrameElement, height: string = "100%
style.right = "0px"
style.zIndex = "2147483647"
style.border = "0px"
+ style.setProperty("background-color", "transparent");
+ style.setProperty("color-scheme", "auto");
}
@@ -60,4 +62,4 @@ function resize(size: number, iframeStyle: HTMLStyleElement, iframe: HTMLIFrameE
width: ${size}px !important;
min-width: ${size}px !important;
}`
-}
\ No newline at end of file
+}
diff --git a/src/browser-extension/entrypoints/iframe/App.vue b/src/browser-extension/entrypoints/iframe/App.vue
index 2b186d7..0583787 100644
--- a/src/browser-extension/entrypoints/iframe/App.vue
+++ b/src/browser-extension/entrypoints/iframe/App.vue
@@ -5,7 +5,7 @@ import { useToast } from 'vue-toastification'
import { IconAlertCircleFilled } from '@tabler/icons-vue'
import { useI18n } from 'vue-i18n'
import { BrowserMessage, ActiveTabListener, ToggleSidebar, ActivateAgent, AgentActivation, InteractionSummary, ResizeSidebar } from '~/utils/browser-message'
-import { Agent } from '~/utils/agent'
+import { Agent, AgentType } from '~/utils/agent'
import { TabState, TabDisplayMode, ChatMessage } from '~/utils/tab-state'
import { findTabState, saveTabState } from '~/utils/tab-state-repository'
import { findAgentSession } from '~/utils/agent-session-repository'
@@ -31,7 +31,7 @@ const displayMode = ref(TabDisplayMode.CLOSED)
onBeforeMount(async () => {
await restoreTabState()
// we collect messages until we get all pending to avoid potential message order.
- // This may happen if listener is up, sends ActivateTabListener and while message
+ // This may happen if listener is up, sends ActivateTabListener and while message
// is being processed (and pending messages collected and returned) the service worker sends messages for processing here
let collectedMessages: any[] | undefined = []
browser.runtime.onMessage.addListener((m: any) => {
@@ -197,7 +197,13 @@ const onAgentActivation = async (msg: AgentActivation) => {
const text = t('activationError', { agentName: msg.agent.manifest.name, contactEmail: msg.agent.manifest.contactEmail })
toast.error({ component: ToastMessage, props: { message: text } }, { icon: IconAlertCircleFilled })
} else {
- agent.value = Agent.fromJsonObject(msg.agent)
+ const activatedAgent = Agent.fromJsonObject(msg.agent)
+ agent.value = activatedAgent
+
+ const welcomeMessage = activatedAgent.manifest.welcomeMessage
+ if (activatedAgent.type === AgentType.StandaloneAgent && welcomeMessage) {
+ messages.value.push(ChatMessage.agentMessage(welcomeMessage))
+ }
}
}
@@ -302,7 +308,7 @@ const sidebarClasses = computed(() => [
@@ -325,19 +331,19 @@ const sidebarClasses = computed(() => [
}
-
+
{
"en": {
"activationError": "Could not activate {agentName}. You can try again and if the issue persists then contact [{agentName} support](mailto:{contactEmail}?subject=Activation%20issue)",
"interactionSummaryError": "I could not process some information from the current site. This might impact the information and answers I provide. If the issue persists please contact [support](mailto:{contactEmail}?subject=Interaction%20issue)",
"agentAnswerError": "I can't help with that message. Edit it or send a new one. If the problem continues, [contact the support team](mailto:{contactEmail}?subject=Question%20issue)",
- "flowStepMissingElement": "I could not find the element '{selector}'. This might be due to recent changes in the page which I am not aware of. Please try again and if the issue persists contact [support](mailto:{contactEmail}?subject=Navigation%20element).",
+ "flowStepMissingElement": "I could not find the element '{selector}'. This might be due to recent changes in the page which I am not aware of. Please try again and if the issue persists contact [support](mailto:{contactEmail}?subject=Navigation%20element)."
},
"es": {
"activationError": "No se pudo activar {agentName}. Puedes intentar de nuevo y si el problema persiste contactar al [soporte de {agentName}](mailto:{contactEmail}?subject=Activation%20issue)",
"interactionSummaryError": "No pude procesar informacion generada por la página actual. Esto puede impactar en la información y respuestas que te puedo dar. Si el problema persiste por favor contacta a [soporte](mailto:{contactEmail})?subject=Interaction%20issue",
"agentAnswerError": "No puedo ayudarte con ese mensaje. Probá editarlo o enviar uno nuevo. Si el problema continúa, podés [contactar al equipo de soporte](mailto:{contactEmail}?subject=Question%20issue)",
- "flowStepMissingElement": "No pude encontrar el elemento '{selector}'. Esto puede ser debido a cambios recientes en la página de los cuales no tengo conocimiento. Por favor intenta de nuevo y si el problema persiste contacta a [soporte](mailto:{contactEmail}?subject=Navigation%20element).",
+ "flowStepMissingElement": "No pude encontrar el elemento '{selector}'. Esto puede ser debido a cambios recientes en la página de los cuales no tengo conocimiento. Por favor intenta de nuevo y si el problema persiste contacta a [soporte](mailto:{contactEmail}?subject=Navigation%20element)."
}
}
diff --git a/src/browser-extension/entrypoints/iframe/index.html b/src/browser-extension/entrypoints/iframe/index.html
index 9f1f299..eb89302 100644
--- a/src/browser-extension/entrypoints/iframe/index.html
+++ b/src/browser-extension/entrypoints/iframe/index.html
@@ -10,6 +10,9 @@
}
body {
font-size: 16px;
+ background-color: transparent;
+ color-scheme: auto;
+ forced-color-adjust: none;
}
Browser Copilot
diff --git a/src/browser-extension/package.json b/src/browser-extension/package.json
index 03e3de0..ddae0cf 100644
--- a/src/browser-extension/package.json
+++ b/src/browser-extension/package.json
@@ -1,6 +1,6 @@
{
"name": "browser-copilot",
- "description": "Use AI agents at your fingertips while working on your favorite web applications",
+ "description": "Harness existing or custom AI assistants to streamline your everyday web application tasks",
"private": true,
"version": "1.0.0",
"type": "module",
diff --git a/src/browser-extension/public/icon/128.png b/src/browser-extension/public/icon/128.png
index fc74754..eaecf1c 100644
--- a/src/browser-extension/public/icon/128.png
+++ b/src/browser-extension/public/icon/128.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6fc8d9b6ac03accb8de2cca9d65d7d593862f18fa6a5340062c969d4d3b82fb2
-size 11653
+oid sha256:8b9852b87408228e2b8c6c6bae9e3e513e7ea73e01aa488bf4492d746d2e1a68
+size 14600
diff --git a/src/browser-extension/public/icon/16.png b/src/browser-extension/public/icon/16.png
index f363280..86acc9a 100644
--- a/src/browser-extension/public/icon/16.png
+++ b/src/browser-extension/public/icon/16.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d3d9bb3cd62be8ce6acbc5ca62ffdf7e6065415c9b21553430313c920d26b100
-size 1277
+oid sha256:05b89cd0887114422c889570842038ffc80dc663a763b2cd64e1b459e4be37e3
+size 1399
diff --git a/src/browser-extension/public/icon/32.png b/src/browser-extension/public/icon/32.png
index 734bafe..3f61abb 100644
--- a/src/browser-extension/public/icon/32.png
+++ b/src/browser-extension/public/icon/32.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0d30bf01d870b9efb50bd4dfec465665e8f0af4f650e4b070aefabf5681df601
-size 2405
+oid sha256:f63eeaa256473d6e2ff135c133e65dc6db71d9292b29e81582fbe7e97d5d68ad
+size 2857
diff --git a/src/browser-extension/public/icon/48.png b/src/browser-extension/public/icon/48.png
index 2347926..1afde9d 100644
--- a/src/browser-extension/public/icon/48.png
+++ b/src/browser-extension/public/icon/48.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c2accc8700f8b7581ee362d2d2e6d73da7e758439e13ccbd8edad21c8a3918a4
-size 3841
+oid sha256:5292bc5d224108739d6de40b16d08a84aa5712020ef39b216638154aa7d7aeb7
+size 4585
diff --git a/src/browser-extension/public/icon/96.png b/src/browser-extension/public/icon/96.png
index d777e0e..c956180 100644
--- a/src/browser-extension/public/icon/96.png
+++ b/src/browser-extension/public/icon/96.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:703250d00cfb391c128b2ba01be9f6d8333afdd56465e0880d022fd8aabb5ea3
-size 8592
+oid sha256:da1a5fc947a62823211adca366c55eff6ed8d723415b55e87884f02617459130
+size 10825
diff --git a/src/browser-extension/utils/agent-repository.ts b/src/browser-extension/utils/agent-repository.ts
index ab9ad9f..3713f65 100644
--- a/src/browser-extension/utils/agent-repository.ts
+++ b/src/browser-extension/utils/agent-repository.ts
@@ -37,7 +37,7 @@ export const removeAgent = async (agentId: string): Promise => {
export const removeAllAgents = async (): Promise => {
await updateAgents([])
- await browser.storage.local.set({ prompts: [] })
+ await browser.storage.local.set({ prompts: {} })
}
export const findAgentsByHubUrl = async (hubUrl: string): Promise => {
diff --git a/src/browser-extension/utils/agent.ts b/src/browser-extension/utils/agent.ts
index 8dbe52e..eb4996d 100644
--- a/src/browser-extension/utils/agent.ts
+++ b/src/browser-extension/utils/agent.ts
@@ -14,7 +14,7 @@ export abstract class AgentSource {
const agents: Agent[] = []
const manifest = await Agent.findManifest(url)
- // comparing with agents-hub for backwards compatibility with environments that haven't fully migrated to tero
+ // comparing with agents-hub for backwards compatibility with environments that haven't fully migrated to tero
if (manifest.auth && (manifest.auth.clientId === AgentType.TeroAgent || manifest.auth.clientId === "agents-hub")) {
const authService = new AuthService(manifest.auth!)
await authService.ensureAuthenticated()
@@ -205,7 +205,7 @@ export class StandaloneAgent extends Agent {
public async createSession(locales: string[], authService?: AuthService): Promise {
if (authService) {
- await authService.login();
+ await authService.ensureAuthenticated();
}
return await this.postJson(`${this.url}/sessions`, { locales: locales }, authService);
}
@@ -238,7 +238,7 @@ export class StandaloneAgent extends Agent {
/**
* This is the only way to convert a blob file to base64
* We use a Promise here due to the asynchronous nature of file reading in JavaScript.
- * The FileReader API operates asynchronously, meaning the file reading process
+ * The FileReader API operates asynchronously, meaning the file reading process
* doesn't complete immediately but takes some time.
**/
private blobToBase64(blob: Blob) {
@@ -275,7 +275,7 @@ export class StandaloneAgent extends Agent {
if (userPrompts.length === 0) {
let promptId = 1;
for (const p of this.manifest.prompts) {
- await this.savePrompt(new AgentPrompt(promptId++, p.name, p.content, true, true, p.starter));
+ await this.savePrompt(new AgentPrompt(promptId++, p.name, p.content || p.text, true, true, false));
}
}
}
@@ -298,7 +298,10 @@ export class LocalStoragePromptsRepository {
private async loadLocalStorage(): Promise> {
const { prompts } = await browser.storage.local.get("prompts");
- return prompts || {};
+ if (!prompts || typeof prompts !== "object" || Array.isArray(prompts)) {
+ return {};
+ }
+ return prompts as Record;
}
private async updateLocalStorage(prompts: Record) {
@@ -353,7 +356,7 @@ export class TeroAgent extends Agent {
if (parentMessageId) {
formData.append("parentMessageId", parentMessageId.toString());
}
-
+
yield* await handleToolAuthRequestsIn(
async () => {
const response = await fetchResponse(url, await Agent.buildHttpRequest("POST", formData, authService));
@@ -390,7 +393,6 @@ export class TeroAgent extends Agent {
const agentManifest: AgentManifest = {
id: `${manifest.id}-${obj.id}`,
name: obj.name,
- welcomeMessage: `Welcome to ${obj.name}`,
auth: manifest.auth,
contactEmail: manifest.contactEmail,
capabilities: [STOP_CAPABILITY, TRANSCRIPTS_CAPABILITY],
@@ -480,8 +482,9 @@ export interface AgentManifest {
export interface ManifestPrompt {
name: string
- content: string
- starter: boolean
+ content?: string
+ text?: string
+ starter?: boolean
}
export interface AgentRule {
diff --git a/src/browser-extension/utils/auth.ts b/src/browser-extension/utils/auth.ts
index e283968..710b150 100644
--- a/src/browser-extension/utils/auth.ts
+++ b/src/browser-extension/utils/auth.ts
@@ -62,7 +62,7 @@ class PopupHandler implements IWindow {
export interface AuthConfig {
url: string
clientId: string
- scope: string
+ scope: string
}
export class AuthService {
diff --git a/src/browser-extension/wxt.config.ts b/src/browser-extension/wxt.config.ts
index 652ba55..4c5f3e5 100644
--- a/src/browser-extension/wxt.config.ts
+++ b/src/browser-extension/wxt.config.ts
@@ -9,9 +9,10 @@ import { PrimeVueResolver } from '@primevue/auto-import-resolver'
export default defineConfig({
outDir: "dist",
manifest: () => ({
- name: process.env.EXTENSION_NAME || "Tero Browser Copilot",
+ name: process.env.EXTENSION_NAME || "Dev Tero Copilot",
version: process.env.EXTENSION_VERSION,
- key: !process.env.EXTENSION_NAME ? "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxwtmVjfoXy7ZEzolOtTNI8iEyMQq0b+6gL69hTdTDF5udbayzGRFrEz7VHiA8ovqQ9gtCR/NVucBzcItQL5qTPBk80qOSLxylaeF3H4An/7g21/xr8Dvu4ItfpyfnzMSzQFAxlkq3hbx57wQSg9qawtI+ga4D1IzKz86G70EdcKXF/Dic8gkObAmgr3fnI+q1Jtk5AuiPUAtjE5H4c00ZcXGFeSJja5ebSKvJDyGdAK6DiRG6B5rsimrhD8mx0xQppjtlQQ/d+EOYgtMpAnn3Xu44yPJBx9lY19kRi6gPNXtN0vjVvaHv+AcBNayRdpHgEm6Clk8SDPXliozX3zgVwIDAQAB" : undefined,
+ key: !process.env.EXTENSION_NAME ? "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAzisSJ8Q4l5mP5Cn1rmVxRCmf3vpXNgvFND7MfNe2WTqkAH4ONopZriBw7cGjaZ82rzDeLDFSfc2DVuwGsR0E4sD+qkwt3ey3LuVd1yeZEid8IbwfeWWYFZXxDmALTcTXcvLmDdMeNPhkPjjd4+e5QtaO9ufEzps/11NTOhaCa0nJ7vR+U3OMV/iWMkqShNy3dt9QUWOA78B2U4tbgEtAz+cns0I4/TW57E8lqJJsKVh3S3tcqGmcPjJLOATVHLJXzFe0ABVGYnXjyvT80msaWS5SSV3/7mSD90GDOapJMnvs//ksnRh3EG4bKKtQ9sDmXJVkvS4NYVvt+ozjNuIlyQIDAQAB" : undefined,
+ host_permissions: ["http://*/*", "https://*/*"],
web_accessible_resources: [{
matches: ['http://*/*', 'https://*/*'],
resources: ['iframe.html']
diff --git a/src/common/Dockerfile b/src/common/Dockerfile
index 9c54f7c..864452e 100644
--- a/src/common/Dockerfile
+++ b/src/common/Dockerfile
@@ -2,7 +2,7 @@ FROM node:23 AS common-builder
WORKDIR /app
-RUN npm install -g pnpm@10
+RUN npm install -g pnpm
COPY pnpm-workspace.yaml pnpm-lock.yaml package.json ./
diff --git a/src/common/src/assets/images/github-icon.svg b/src/common/src/assets/images/github-icon.svg
new file mode 100644
index 0000000..cb92241
--- /dev/null
+++ b/src/common/src/assets/images/github-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/common/src/assets/images/practitest-tool.svg b/src/common/src/assets/images/practitest-tool.svg
new file mode 100644
index 0000000..ab2184e
--- /dev/null
+++ b/src/common/src/assets/images/practitest-tool.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/common/src/assets/images/redmine-icon.svg b/src/common/src/assets/images/redmine-icon.svg
new file mode 100644
index 0000000..5130777
--- /dev/null
+++ b/src/common/src/assets/images/redmine-icon.svg
@@ -0,0 +1,16 @@
+
diff --git a/src/common/src/assets/images/youtrack-icon.svg b/src/common/src/assets/images/youtrack-icon.svg
new file mode 100644
index 0000000..0797bb7
--- /dev/null
+++ b/src/common/src/assets/images/youtrack-icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/common/src/assets/styles.css b/src/common/src/assets/styles.css
index 8c8d527..7d3ac96 100644
--- a/src/common/src/assets/styles.css
+++ b/src/common/src/assets/styles.css
@@ -226,15 +226,31 @@ a {
}
.p-tooltip .p-tooltip-arrow {
- display: none;
+ display: block;
+ width: 8px !important;
+ height: 8px !important;
+ background: var(--color-content) !important;
+ transform: rotate(45deg);
+ z-index: 0;
}
.p-tooltip .p-tooltip-text {
- @apply !bg-surface !text-content !border !text-xs !p-1;
+ @apply !bg-content !text-white !text-xs !p-2;
+ position: relative;
+ z-index: 1;
+}
+
+html.dark .p-tooltip .p-tooltip-text {
+ @apply !bg-surface !text-content !border !border-border;
+}
+
+html.dark .p-tooltip .p-tooltip-arrow {
+ background: var(--color-surface) !important;
+ border: 1px solid var(--color-border) !important;
}
.p-inputtext.borderless-input {
- @apply !border-none !outline-none focus:!border-none focus:!outline-none
+ @apply !border-none !outline-none focus:!border-none focus:!outline-none
focus-visible:!border-none focus-visible:!outline-none focus-within:!border-none;
}
@@ -354,10 +370,6 @@ html.dark img.tool-menu-icon {
@apply !border-border;
}
-.p-panel {
- @apply !border-border;
-}
-
.p-datepicker-panel {
@apply !bg-surface !text-content !border !border-border;
}
@@ -519,7 +531,7 @@ html.dark img.tool-menu-icon {
}
.p-panel{
- @apply overflow-auto
+ @apply overflow-auto !border-border;
}
.p-panel, .p-panel-header, .p-panel-content, .p-panel-footer {
diff --git a/src/common/src/components/chat/ChatInput.vue b/src/common/src/components/chat/ChatInput.vue
index 48a9b1a..47ccb35 100644
--- a/src/common/src/components/chat/ChatInput.vue
+++ b/src/common/src/components/chat/ChatInput.vue
@@ -55,6 +55,7 @@ const lastCursorPosition = ref(0);
const agentPrompts = ref([])
const isShowingPrompts = ref(false);
const selectedPromptIndex = ref(0);
+const selectedPrompt = ref();
const PROMPT_VARIABLES_REGEX = /(\\*)\{\{(.*?)\}\}/g;
const promptVariables = ref([]);
const promptVariableValues = ref>({});
@@ -176,6 +177,7 @@ const sendMessage = async () => {
const usePrompt = async (prompt: AgentPrompt) => {
const promptText = prompt.content || "";
let variables = extractPromptVariables(promptText);
+ selectedPrompt.value = prompt;
if (variables.length > 0) {
promptVariables.value = variables;
promptVariableValues.value = {};
@@ -215,10 +217,10 @@ const selectPrompt = async (prompt: AgentPrompt) => {
}
const submitPromptVariables = async () => {
- const promptText = filteredPrompts.value[selectedPromptIndex.value]?.content || "";
+ const promptText = selectedPrompt.value?.content || "";
let newPromptText = replaceVariables(promptText, promptVariableValues.value);
- await setInputValue(newPromptText);
closePromptVariablesEditor();
+ await setInputValue(newPromptText);
}
const replaceVariables = (template: string, vars: Record): string => {
@@ -501,7 +503,7 @@ defineExpose({
+ :id="variable" :placeholder="t('promptVariablePlaceholder')" :autofocus="promptVariables.indexOf(variable) === 0">
diff --git a/src/common/src/components/chat/ChatMessage.vue b/src/common/src/components/chat/ChatMessage.vue
index ccb6c6b..dd795b5 100644
--- a/src/common/src/components/chat/ChatMessage.vue
+++ b/src/common/src/components/chat/ChatMessage.vue
@@ -158,7 +158,7 @@ onBeforeUnmount(() => {
})
const renderedMsg = computed(() => {
- return renderMarkDown(props.message.text, props.message.isComplete, t)
+ return renderMarkDown(props.message.text, props.message.isComplete, t, messageElement)
})
const handleEditFileChange = (files: UploadedFile[]) => {
diff --git a/src/common/src/components/common/AgentChatMenu.vue b/src/common/src/components/common/AgentChatMenu.vue
index bb11580..462cfe8 100644
--- a/src/common/src/components/common/AgentChatMenu.vue
+++ b/src/common/src/components/common/AgentChatMenu.vue
@@ -1,14 +1,19 @@
+
+
+
+
diff --git a/src/common/src/components/common/FileInput.vue b/src/common/src/components/common/FileInput.vue
index 00e9427..2f1bdfc 100644
--- a/src/common/src/components/common/FileInput.vue
+++ b/src/common/src/components/common/FileInput.vue
@@ -171,9 +171,12 @@ defineExpose({
@@ -196,7 +196,7 @@ defineExpose({
"filesTooLargeTitle": "Size limit exceeded",
"filesTooLarge": "The file size limit is {max} MB. Please reduce the size of the files: {files} and try again.",
"dropFilesHere": "Drag and drop your {extensions} files here",
- "dragDropBrowse": "Drag and drop @:files here or browse",
+ "dragDropBrowse": "Drag and drop @:files here or {'<'}span class='underline'>browse{'<'}/span>",
"files": "your file | your files",
"discardedFiles": "The following files were discarded: {files} (max {max} files allowed)",
"unsupportedFilesTitle": "Unsupported file type",
@@ -210,7 +210,7 @@ defineExpose({
"filesTooLargeTitle": "Límite de tamaño excedido",
"filesTooLarge": "El límite de tamaño por archivo es {max} MB. Por favor, reduzca el tamaño de los archivos: {files} y vuelva a intentarlo.",
"dropFilesHere": "Arrastra y suelta @:files {extensions} aquí",
- "dragDropBrowse": "Arrastra y suelta @:files aquí o selecciona un archivo",
+ "dragDropBrowse": "Arrastra y suelta @:files aquí o {'<'}span class='underline'>selecciona un archivo{'<'}/span>",
"files": "tu archivo | tus archivos",
"discardedFiles": "Los siguientes archivos fueron descartados: {files} (máximo {max} archivos permitidos)",
"unsupportedFilesTitle": "Tipo de archivo no soportado",
diff --git a/src/common/src/components/common/FlexCard.vue b/src/common/src/components/common/FlexCard.vue
index cc8016e..fb22553 100644
--- a/src/common/src/components/common/FlexCard.vue
+++ b/src/common/src/components/common/FlexCard.vue
@@ -36,4 +36,4 @@ const isInSidebar = computed(() => {