diff --git a/packages/ui/src/components/agent-selector.tsx b/packages/ui/src/components/agent-selector.tsx
index 8a8c4def..a06568d9 100644
--- a/packages/ui/src/components/agent-selector.tsx
+++ b/packages/ui/src/components/agent-selector.tsx
@@ -5,7 +5,6 @@ import { ChevronDown } from "lucide-solid"
import type { Agent } from "../types/session"
import { useI18n } from "../lib/i18n"
import { getLogger } from "../lib/logger"
-import Kbd from "./kbd"
const log = getLogger("session")
@@ -113,9 +112,6 @@ export default function AgentSelector(props: AgentSelectorProps) {
)}
-
-
-
diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx
index dedcd12e..a29a9f39 100644
--- a/packages/ui/src/components/instance/instance-shell2.tsx
+++ b/packages/ui/src/components/instance/instance-shell2.tsx
@@ -936,6 +936,12 @@ const InstanceShell2: Component = (props) => {
/>
+
+
>
)}
diff --git a/packages/ui/src/components/model-selector.tsx b/packages/ui/src/components/model-selector.tsx
index 0c836813..c7960633 100644
--- a/packages/ui/src/components/model-selector.tsx
+++ b/packages/ui/src/components/model-selector.tsx
@@ -6,7 +6,6 @@ import type { Model } from "../types/session"
import { useI18n } from "../lib/i18n"
import { getLogger } from "../lib/logger"
import { preferences, toggleFavoriteModelPreference } from "../stores/preferences"
-import Kbd from "./kbd"
const log = getLogger("session")
@@ -295,15 +294,12 @@ export default function ModelSelector(props: ModelSelectorProps) {
{t("modelSelector.trigger.primary", { model: currentModelValue()?.name ?? t("modelSelector.none") })}
- {currentModelValue() && (
+ {currentModelValue() && (
{currentModelValue()!.providerId}/{currentModelValue()!.id}
)}
-
-
-
diff --git a/packages/ui/src/components/thinking-selector.tsx b/packages/ui/src/components/thinking-selector.tsx
index d648cf16..536f0131 100644
--- a/packages/ui/src/components/thinking-selector.tsx
+++ b/packages/ui/src/components/thinking-selector.tsx
@@ -5,7 +5,6 @@ import { ChevronDown } from "lucide-solid"
import { getLogger } from "../lib/logger"
import { getModelThinkingSelection, setModelThinkingSelection } from "../stores/preferences"
import { useI18n } from "../lib/i18n"
-import Kbd from "./kbd"
const log = getLogger("session")
@@ -93,9 +92,6 @@ export default function ThinkingSelector(props: ThinkingSelectorProps) {
{triggerPrimary()}
-
-
-
diff --git a/packages/ui/src/styles/panels.css b/packages/ui/src/styles/panels.css
index ba5f494e..83ce444b 100644
--- a/packages/ui/src/styles/panels.css
+++ b/packages/ui/src/styles/panels.css
@@ -132,6 +132,13 @@
color: var(--text-muted);
}
+.session-sidebar-selector-hints {
+ @apply flex flex-wrap items-center w-full text-xs;
+ justify-content: space-evenly;
+ gap: 4px;
+ color: var(--text-muted);
+}
+
.session-header-hints {
@apply flex-shrink-0;
}
@@ -482,4 +489,3 @@
border-color: var(--border-base);
background-color: var(--surface-secondary);
}
-