@inf-monkeys-tech/monkeys-design 1.0.60 → 1.0.61

package/dist/components/agent-workbench/index.js

@@ -1842,8 +1842,8 @@ function AgentWorkbenchExploreSidebar({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 space-y-3 px-4 pb-2 pt-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "h-12 rounded-2xl border-white/15 bg-white/[0.04] text-white", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4 text-white/70", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "h-12 rounded-[var(--radius)] border-border bg-card text-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               InputGroupInput,
               {
@@ -1852,17 +1852,17 @@ function AgentWorkbenchExploreSidebar({
                 value: searchQuery,
                 "aria-label": labels.search,
                 placeholder: labels.search,
-                className: "min-w-0 text-white placeholder:text-white/55 [&::-webkit-search-cancel-button]:hidden",
+                className: "min-w-0 text-foreground placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",
                 onChange: (event) => onIntent?.({ type: "change-search", query: event.target.value })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rounded border border-white/20 px-1.5 py-0.5 text-[10px] text-white/70", children: "Ctrl K" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rounded-sm border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Ctrl K" }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
             {
               type: "button",
-              className: "h-11 w-full justify-start gap-2 rounded-xl border border-primary/60 bg-primary px-3 font-semibold text-primary-foreground hover:bg-primary/90",
+              className: "h-11 w-full justify-start gap-2 rounded-[var(--radius)] border border-primary/60 bg-primary px-3 font-semibold text-primary-foreground hover:bg-primary/90",
               onClick: () => onIntent?.({ type: "create-session" }),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquarePen, { className: "size-4", "aria-hidden": "true" }),
@@ -1871,13 +1871,13 @@ function AgentWorkbenchExploreSidebar({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[160px] flex-[0_1_280px] overflow-y-auto px-4 pb-3", children: loading && sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-24 items-center justify-center text-white/60", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-5 animate-spin" }) }) : filteredSessions.length === 0 && !draftVisible ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-sm text-white/55", children: normalizedQuery ? labels.noResults : labels.emptySessions }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[160px] flex-[0_1_280px] overflow-y-auto px-4 pb-3", children: loading && sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-24 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-5 animate-spin" }) }) : filteredSessions.length === 0 && !draftVisible ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: normalizedQuery ? labels.noResults : labels.emptySessions }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           draftVisible ? /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               "aria-current": "page",
-              className: "block h-10 w-full truncate rounded-xl border border-primary bg-white/10 px-3 text-left text-sm font-semibold text-white",
+              className: "block h-10 w-full truncate rounded-[var(--radius)] border border-primary bg-primary/10 px-3 text-left text-sm font-semibold text-foreground",
               onClick: () => onIntent?.({ type: "create-session" }),
               children: labels.draftSession
             }
@@ -1887,18 +1887,18 @@ function AgentWorkbenchExploreSidebar({
             {
               type: "button",
               "aria-current": session.id === selectedSessionId ? "page" : void 0,
-              className: "block h-10 w-full truncate rounded-xl border border-transparent bg-white/10 px-3 text-left text-sm font-semibold text-white transition hover:bg-white/15 aria-[current=page]:border-primary",
+              className: "block h-10 w-full truncate rounded-[var(--radius)] border border-transparent bg-muted/60 px-3 text-left text-sm font-semibold text-foreground transition hover:bg-muted aria-[current=page]:border-primary aria-[current=page]:bg-primary/10",
               onClick: () => onIntent?.({ type: "select-session", sessionId: session.id }),
               children: session.title
             },
             session.id
           ))
         ] }) }),
-        activeGroup ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-t border-white/10 px-4 pb-4 pt-3", children: [
+        activeGroup ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-t border-border px-4 pb-4 pt-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Tabs, { value: activeGroup.id, onValueChange: changeGroup, children: /* @__PURE__ */ jsxRuntime.jsx(
             TabsList,
             {
-              className: "grid h-10 w-full rounded-xl bg-white/10 p-0.5 text-white/55",
+              className: "grid h-10 w-full rounded-[var(--radius)] bg-muted p-0.5 text-muted-foreground",
               style: {
                 gridTemplateColumns: `repeat(${groups.length}, minmax(0, 1fr))`
               },
@@ -1906,7 +1906,7 @@ function AgentWorkbenchExploreSidebar({
                 TabsTrigger,
                 {
                   value: group.id,
-                  className: "rounded-[10px] text-sm font-semibold text-white/55 data-[state=active]:border data-[state=active]:border-white/15 data-[state=active]:bg-background data-[state=active]:text-white",
+                  className: "rounded-md text-sm font-semibold text-muted-foreground data-[state=active]:border data-[state=active]:border-border data-[state=active]:bg-background data-[state=active]:text-foreground",
                   children: group.label
                 },
                 group.id
@@ -1918,7 +1918,7 @@ function AgentWorkbenchExploreSidebar({
             {
               type: "button",
               "aria-label": item.title,
-              className: "group relative aspect-[1.27] overflow-hidden rounded-xl border border-white/15 bg-card text-left transition hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              className: "group relative aspect-[1.27] overflow-hidden rounded-[var(--radius)] border border-border bg-card text-left transition hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               style: Number.isFinite(activeGroup.itemAspectRatio) && Number(activeGroup.itemAspectRatio) > 0 ? { aspectRatio: activeGroup.itemAspectRatio } : void 0,
               onClick: () => onIntent?.({
                 type: "select-item",