= (props) => {
return (
+
items={session.sessions()}
key={(s) => s.id}
diff --git a/packages/kilo-vscode/webview-ui/src/i18n/en.ts b/packages/kilo-vscode/webview-ui/src/i18n/en.ts
index b508de7a234..40cfd529cb7 100644
--- a/packages/kilo-vscode/webview-ui/src/i18n/en.ts
+++ b/packages/kilo-vscode/webview-ui/src/i18n/en.ts
@@ -827,13 +827,13 @@ export const dict = {
"session.search.placeholder": "Search sessions...",
"session.empty": "No sessions yet. Click + to start a new conversation.",
"session.cloud.repoOnly": "Only this repository",
- "session.cloud.import": "Import from cloud",
+ "session.cloud.import": "Import session",
"feedback.button": "Feedback & Support",
"feedback.dialog.message": "We'd love to hear your feedback or help with any issues you're experiencing.",
"feedback.dialog.github": "Report an issue on GitHub",
"feedback.dialog.discord": "Join our Discord community",
"feedback.dialog.support": "Customer Support",
- "session.cloud.import.title": "Import from cloud",
+ "session.cloud.import.title": "Import session",
"session.cloud.import.placeholder": "Session ID, URL, or kilo import command",
"session.cloud.import.button": "Import",
"session.cloud.import.invalid": "Invalid session ID format",
diff --git a/packages/kilo-vscode/webview-ui/src/styles/chat.css b/packages/kilo-vscode/webview-ui/src/styles/chat.css
index 9fe7451c68f..44827a67c91 100644
--- a/packages/kilo-vscode/webview-ui/src/styles/chat.css
+++ b/packages/kilo-vscode/webview-ui/src/styles/chat.css
@@ -2089,6 +2089,24 @@
white-space: nowrap;
}
+body.vscode-light .session-list [data-slot="list-item"][data-active="true"] [data-slot="list-item-description"],
+body.vscode-light .session-list [data-slot="list-item"][data-selected="true"] [data-slot="list-item-description"] {
+ color: var(--text-on-interactive-base, white);
+}
+
+body.vscode-light
+ .session-list
+ [data-slot="list-item"][data-active="true"]
+ [data-slot="session-delete-button"]
+ [data-slot="icon-svg"],
+body.vscode-light
+ .session-list
+ [data-slot="list-item"][data-selected="true"]
+ [data-slot="session-delete-button"]
+ [data-slot="icon-svg"] {
+ color: var(--text-on-interactive-base, white);
+}
+
.session-list [data-slot="session-delete-button"] {
flex-shrink: 0;
margin-left: 4px;
@@ -2109,10 +2127,39 @@
min-height: 0;
}
+.session-list-header,
.cloud-session-filters {
flex-shrink: 0;
- padding: 8px 12px;
- border-bottom: 1px solid var(--vscode-panel-border);
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ padding: 4px 8px;
+ min-height: 40px;
+}
+
+.cloud-session-filters {
+ [data-component="checkbox"] {
+ gap: 8px;
+
+ [data-slot="checkbox-checkbox-label"] {
+ padding-inline-start: 0;
+ margin-inline-end: 0;
+ }
+ }
+}
+
+.cloud-session-filters-right {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-left: auto;
+}
+
+[data-component="input"][data-variant="normal"] [data-slot="input-wrapper"]:focus-within:not(:has([data-readonly])) {
+ border-color: transparent;
+ box-shadow: none;
+ outline: 1px solid var(--vscode-focusBorder);
+ outline-offset: -1px;
}
.cloud-session-load-more {