Hide orphan annotations in the sidebar

h/static/scripts/annotator/monkey.coffee

@@ -16,6 +16,7 @@ Annotator.prototype.setupAnnotation = (annotation) ->
   @selectedTargets = []
 
   annotation.anchors = []
+  hasAnchor = false
 
   for t in annotation.target ? []
     try
@@ -27,13 +28,16 @@ Annotator.prototype.setupAnnotation = (annotation) ->
       if anchor?
         t.diffHTML = anchor.diffHTML
         t.diffCaseOnly = anchor.diffCaseOnly
+        hasAnchor = true
 
     catch exception
       console.log "Error in setupAnnotation for", annotation.id,
         ":", exception.stack ? exception
 
-  annotation
+  if annotation.target?.length and not hasAnchor
+    annotation.$orphan = true
 
+  annotation
 
 # Override deleteAnnotation to deal with anchors, not highlights.
 Annotator.prototype.deleteAnnotation = (annotation) ->

h/static/scripts/cross-frame.coffee

@@ -20,7 +20,7 @@ module.exports = class CrossFrame
       new Discovery($window, options)
 
     createAnnotationSync = ->
-      whitelist = ['$highlight', 'target', 'document', 'uri']
+      whitelist = ['$highlight', '$orphan', 'target', 'document', 'uri']
       options =
         formatter: (annotation) ->
           formatted = {}

h/static/scripts/widget-controller.coffee

@@ -70,3 +70,5 @@ module.exports = class WidgetController
 
     $scope.hasFocus = (annotation) ->
       !!($scope.focusedAnnotations ? {})[annotation?.$$tag]
+
+    $scope.notOrphan = (container) -> !container?.message?.$orphan

h/templates/client/viewer.html

@@ -40,7 +40,7 @@
       ng-mouseenter="focus(child.message)"
       ng-click="scrollTo(child.message)"
       ng-mouseleave="focus()"
-      ng-repeat="child in threadRoot.children | orderBy : sort.predicate"
+      ng-repeat="child in threadRoot.children | filter:notOrphan | orderBy : sort.predicate"
       ng-show="shouldShowThread(child) && (count('edit') || count('match') || !threadFilter.active())">
   </li>
 </ul>