Finalized action bar for now

app/w/[id]/workflow.tsx

@@ -192,7 +192,6 @@ function WorkflowCanvas() {
         }`
 
         addBlock(id, type, name, position)
-        setSelectedBlock(id)
       } catch (err) {
         console.error('Error dropping block:', err)
       }

app/w/components/workflow-block/action-block/action-block.tsx

@@ -10,7 +10,7 @@ export function ActionBar({ blockId }: ActionBarProps) {
   const removeBlock = useWorkflowStore((state) => state.removeBlock)
 
   return (
-    <div className="absolute -top-20 left-0 right-0 flex items-center justify-between gap-2 p-2 bg-white rounded-md shadow-sm border border-gray-200 animate-in fade-in slide-in-from-top-2">
+    <div className="absolute -top-20 right-0 inline-flex items-center gap-2 p-2 bg-white rounded-md shadow-sm border border-gray-200 animate-in fade-in slide-in-from-bottom-2">
       <Button
         variant="ghost"
         size="sm"

app/w/components/workflow-block/workflow-block.tsx

@@ -50,7 +50,7 @@ export function WorkflowBlock({
   const subBlockRows = groupSubBlocks(workflow.subBlocks)
 
   return (
-    <Card className="w-[320px] shadow-md select-none group relative">
+    <Card className="w-[320px] shadow-md select-none group relative [&:active]:cursor-grabbing cursor-grab">
       {selected && <ActionBar blockId={id} />}
 
       <Handle
@@ -75,7 +75,7 @@ export function WorkflowBlock({
         <span className="font-medium text-md">{name}</span>
       </div>
 
-      <div className="px-4 pt-3 pb-4 space-y-4">
+      <div className="px-4 pt-3 pb-4 space-y-4 cursor-pointer">
         {subBlockRows.map((row, rowIndex) => (
           <div key={`row-${rowIndex}`} className="flex gap-4">
             {row.map((subBlock, blockIndex) => (