@@ -823,20 +823,16 @@ function CollapsibleUnset({
return (
<>
-
:
}
onClick={() => setCollapsed(!collapsed)}
+ aria-expanded={!collapsed}
+ className="self-start mt-1 normal-case tracking-normal text-xs text-muted-foreground hover:text-foreground"
>
- {collapsed ? (
-
- ) : (
-
- )}
-
- {t.env.notConfigured.replace("{count}", String(unsetEntries.length))}
-
-
+ {t.env.notConfigured.replace("{count}", String(unsetEntries.length))}
+
{!collapsed &&
unsetEntries.map(([key, info]) => (
diff --git a/web/src/pages/LogsPage.tsx b/web/src/pages/LogsPage.tsx
index 18da4a0877..92f6b1c5aa 100644
--- a/web/src/pages/LogsPage.tsx
+++ b/web/src/pages/LogsPage.tsx
@@ -7,12 +7,15 @@ import {
} from "react";
import { FileText, RefreshCw } from "lucide-react";
import { api } from "@/lib/api";
-import { Button } from "@nous-research/ui";
+import {
+ Badge,
+ Button,
+ FilterGroup,
+ Segmented,
+ Switch,
+} from "@nous-research/ui";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@nous-research/ui";
-import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label";
-import { FilterGroup, Segmented } from "@/components/ui/segmented";
import { useI18n } from "@/i18n";
import { usePageHeader } from "@/contexts/usePageHeader";
import { PluginSlot } from "@/plugins";
diff --git a/web/src/pages/SessionsPage.tsx b/web/src/pages/SessionsPage.tsx
index da8a610969..8a15e0383a 100644
--- a/web/src/pages/SessionsPage.tsx
+++ b/web/src/pages/SessionsPage.tsx
@@ -36,7 +36,7 @@ import { timeAgo } from "@/lib/utils";
import { Markdown } from "@/components/Markdown";
import { PlatformsCard } from "@/components/PlatformsCard";
import { Toast } from "@/components/Toast";
-import { Button } from "@nous-research/ui";
+import { Button, ListItem } from "@nous-research/ui";
import { Badge } from "@nous-research/ui";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { DeleteConfirmDialog } from "@/components/DeleteConfirmDialog";
@@ -105,11 +105,11 @@ function ToolCallBlock({
return (
-
+
{open && (
{args}
@@ -455,13 +455,15 @@ export default function SessionsPage() {
className="h-8 pr-7 pl-8 text-xs"
/>
{search && (
-
+
+
)}
,
);
@@ -475,6 +477,7 @@ export default function SessionsPage() {
searching,
setAfterTitle,
setEnd,
+ t.common.clear,
t.sessions.searchPlaceholder,
total,
]);
diff --git a/web/src/pages/SkillsPage.tsx b/web/src/pages/SkillsPage.tsx
index a5a07470de..742cbfe0c2 100644
--- a/web/src/pages/SkillsPage.tsx
+++ b/web/src/pages/SkillsPage.tsx
@@ -20,9 +20,9 @@ import type { SkillInfo, ToolsetInfo } from "@/lib/api";
import { useToast } from "@/hooks/useToast";
import { Toast } from "@/components/Toast";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@nous-research/ui";
+import { Badge, Button, ListItem, Switch } from "@nous-research/ui";
+import { cn } from "@/lib/utils";
import { Input } from "@/components/ui/input";
-import { Switch } from "@/components/ui/switch";
import { useI18n } from "@/i18n";
import { usePageHeader } from "@/contexts/usePageHeader";
import { PluginSlot } from "@/plugins";
@@ -207,13 +207,15 @@ export default function SkillsPage() {
onChange={(e) => setSearch(e.target.value)}
/>
{search && (
-
+
+
)}
,
);
@@ -297,22 +299,13 @@ export default function SkillsPage() {
const isActive = activeCategory === key;
return (
-
+
);
})}