all: fix formatting
diff --git a/webui/src/web-components/sketch-call-status.test.ts b/webui/src/web-components/sketch-call-status.test.ts
index 6cc290e..88ae3bd 100644
--- a/webui/src/web-components/sketch-call-status.test.ts
+++ b/webui/src/web-components/sketch-call-status.test.ts
@@ -32,7 +32,7 @@
// Check that LLM indicator is active
await expect(component.locator(".llm-indicator")).toHaveClass(/active/);
-
+
// Check that LLM indicator has the correct background and color
await expect(component.locator(".llm-indicator.active")).toBeVisible();
@@ -50,7 +50,7 @@
// Check that tool indicator is active
await expect(component.locator(".tool-indicator")).toHaveClass(/active/);
-
+
// Check that tool indicator has the correct background and color
await expect(component.locator(".tool-indicator.active")).toBeVisible();
@@ -71,7 +71,7 @@
// Check that both indicators are active
await expect(component.locator(".llm-indicator")).toHaveClass(/active/);
await expect(component.locator(".tool-indicator")).toHaveClass(/active/);
-
+
// Check that both active indicators are visible with their respective styles
await expect(component.locator(".llm-indicator.active")).toBeVisible();
await expect(component.locator(".tool-indicator.active")).toBeVisible();
diff --git a/webui/src/web-components/sketch-call-status.ts b/webui/src/web-components/sketch-call-status.ts
index 3d48768..23144e1 100644
--- a/webui/src/web-components/sketch-call-status.ts
+++ b/webui/src/web-components/sketch-call-status.ts
@@ -32,23 +32,23 @@
/* LLM indicator (lightbulb) */
.llm-indicator {
background-color: transparent;
- color: #9CA3AF; /* Gray when inactive */
+ color: #9ca3af; /* Gray when inactive */
}
.llm-indicator.active {
- background-color: #FEF3C7; /* Light yellow */
- color: #F59E0B; /* Yellow/amber when active */
+ background-color: #fef3c7; /* Light yellow */
+ color: #f59e0b; /* Yellow/amber when active */
}
/* Tool indicator (wrench) */
.tool-indicator {
background-color: transparent;
- color: #9CA3AF; /* Gray when inactive */
+ color: #9ca3af; /* Gray when inactive */
}
.tool-indicator.active {
- background-color: #DBEAFE; /* Light blue */
- color: #3B82F6; /* Blue when active */
+ background-color: #dbeafe; /* Light blue */
+ color: #3b82f6; /* Blue when active */
}
svg {