@inf-monkeys-tech/monkeys-design 1.0.63 → 1.0.64

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

@@ -1151,25 +1151,31 @@ function AgentWorkbenchComposer({
                   }
                 )
               ] }) : null,
-              inputActions.map((action) => {
-                const ActionIcon = action.icon === "image" ? lucideReact.Image : lucideReact.FileText;
-                return /* @__PURE__ */ jsxRuntime.jsxs(
-                  Button,
-                  {
-                    type: "button",
-                    variant: selectedInputActionId === action.id ? "secondary" : "ghost",
-                    size: "sm",
-                    className: "h-8 shrink-0 gap-1.5 px-2 text-xs",
-                    "aria-pressed": selectedInputActionId === action.id,
-                    onClick: () => onIntent?.({ type: "select-input-action", actionId: action.id }),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "size-3.5" }),
-                      action.label
-                    ]
-                  },
-                  action.id
-                );
-              }),
+              inputActions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+                Tabs,
+                {
+                  value: selectedInputActionId,
+                  onValueChange: (actionId) => onIntent?.({ type: "select-input-action", actionId }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "h-8 shrink-0 gap-0.5 rounded-md bg-muted/60 p-0.5", children: inputActions.map((action) => {
+                      const ActionIcon = action.icon === "image" ? lucideReact.Image : lucideReact.FileText;
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        TabsTrigger,
+                        {
+                          value: action.id,
+                          className: "h-7 min-w-0 gap-1.5 px-2.5 text-xs text-foreground/75 shadow-none hover:text-foreground data-[state=active]:bg-primary/10 data-[state=active]:text-primary data-[state=active]:shadow-none",
+                          children: [
+                            action.icon ? /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "size-3.5" }) : null,
+                            action.label
+                          ]
+                        },
+                        action.id
+                      );
+                    }) }),
+                    inputActions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: action.id, className: "hidden" }, action.id))
+                  ]
+                }
+              ) : null,
               viewModel.capabilities.voiceInput ? /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: iconButtonClass, "aria-label": messages.composer.voice, onClick: () => onIntent?.({ type: "request-voice-input" }), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "size-4" }) }) : null,
               viewModel.capabilities.webSearch ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex shrink-0 items-center gap-1.5 whitespace-nowrap px-1 text-xs font-medium text-foreground", children: [
                 messages.composer.webSearch,