Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"displayName": "%extension.displayName%",
"description": "%extension.description%",
"publisher": "matterai",
"version": "5.6.6",
"version": "5.6.9",
"icon": "assets/icons/matterai-ic.png",
"galleryBanner": {
"color": "#FFFFFF",
Expand Down
6 changes: 3 additions & 3 deletions webview-ui/src/i18n/locales/en/kilocode.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"welcome": {
"greeting": "Welcome to Axon Code, By MatterAI",
"greeting": "Welcome to Orbital, By MatterAI",
"tagline": "The AI Engineering Agent",
"introText1": "Boost your engineering productivity with the complete AI Engineer to Build, Debug and Review your code.",
"introText2": "Create a free account with $5 credits every month!",
Expand All @@ -12,8 +12,8 @@
},
"lowCreditWarning": {
"addCredit": "Upgrade Plan",
"lowBalance": "Your Axon Code balance is empty",
"newOrganization": "Using Axon for work?"
"lowBalance": "Your Orbital balance is empty",
"newOrganization": "Using Orbital for work?"
},
"memoryWarning": {
"message": "Memory usage is at {{percentage}}%. Please restart your IDE to prevent crashes."
Expand Down
30 changes: 20 additions & 10 deletions webview-ui/src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -615,6 +615,7 @@ input[cmdk-input]:focus {
opacity: 0;
transform: translateY(8px);
}

to {
opacity: 1;
transform: translateY(0);
Expand All @@ -629,25 +630,27 @@ input[cmdk-input]:focus {
0% {
background-position: 200% 0;
}

100% {
background-position: -200% 0;
}
}

.animate-shimmer {
background: linear-gradient(
display: inline-block;
background-image: linear-gradient(
90deg,
var(--vscode-foreground) 0%,
var(--vscode-foreground) 40%,
color-mix(in srgb, var(--vscode-foreground) 55%, transparent) 50%,
color-mix(in srgb, var(--vscode-foreground) 70%, transparent) 10%,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟠 CSS Logic

Issue: The color stop percentage 10% is out of order in the linear gradient (it comes after 40% and before 60%). In CSS, out-of-order color stops are automatically clamped to the largest preceding position (so it will be treated as 40%), which likely breaks the intended visual shimmer effect.

Fix: Change the percentage to 50% to properly center the shimmer highlight between 40% and 60%.

Impact: Ensures the shimmer animation renders correctly as intended.

Suggested change
color-mix(in srgb, var(--vscode-foreground) 70%, transparent) 10%,
color-mix(in srgb, var(--vscode-foreground) 70%, transparent) 50%,

var(--vscode-foreground) 60%,
var(--vscode-foreground) 100%
);
background-size: 200% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: shimmer 2s linear infinite;
color: transparent;
}

.card-shimmer {
Expand All @@ -658,17 +661,24 @@ input[cmdk-input]:focus {
.card-shimmer::after {
content: "";
position: absolute;
inset: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
110deg,
transparent 0%,
transparent 35%,
color-mix(in srgb, var(--vscode-foreground) 10%, transparent) 50%,
transparent 65%,
transparent 100%
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0) 35%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0) 65%,
rgba(255, 255, 255, 0) 100%
);
background-size: 200% 100%;
animation: shimmer 2.2s linear infinite;
background-position: 200% 0;
animation-name: shimmer-animation;
animation-duration: 2.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
pointer-events: none;
}

Expand Down
Loading