             <li><i class="icon-download"></i><span ng-bind="package.bumps | shorten"></span></li>
           </ul>
           <a ng-click="click(package)" ng-bind="package.name"></a>
+          
+          <button class="btn btn-mini" ng-click="insert(package)" tooltip="Add the selected package and its dependencies to your active plunk">
+            <i class="icon-magic"></i>
+          </button>
+
           <ul class="package-versions inline">
             <li ng-repeat="version in package.versions | orderBy:'-semver' | limitTo:3">
               <a class="label" ng-class="{'label-warning': version.unstable}" ng-click="click({package: package, version: version})" ng-bind="version.semver"></a>

  scope:
    'package': "="
    click: "&"
  template: """
    <div class="plunker-package-block">
      <div class="package-header">

    $scope.markup.findAllDependencies()
  
  $scope.insertPackage = state.insertPackage = (pkg, verDef) ->
    semver = verDef?.semver or "*"
    
    required = "#{pkg.name}@#{semver}"
    
    pkg.bump()
    
