PreviewItem displays matched text

src/extensions/command-panel/operation.coffee

@@ -17,7 +17,8 @@ class Operation
     editSession.addSelectionForBufferRange(@getBufferRange()) unless @preserveSelection
 
   preview: ->
-    "sad :-("
+    range = @anchorRange.getBufferRange()
+    @buffer.textInRange(range)
 
   destroy: ->
     @buffer.release()

src/extensions/command-panel/preview-item.coffee

@@ -4,5 +4,6 @@ module.exports =
 class PreviewItem extends View
   @content: (operation) ->
     @li =>
-      @span operation.getPath()
-      @span operation.preview()
+      @span operation.getPath(), outlet: "path", class: "path"
+      @span outlet: "preview", class: "preview", ->
+        operation.preview()

static/command-panel.css

@@ -11,6 +11,20 @@
   overflow: auto;
 }
 
+.command-panel .preview-list .path{
+  padding-left: 1em;
+  color: red;
+}
+
+.command-panel .preview-list .preview {
+  padding-left: 1em;
+  color: green;
+}
+
+.command-panel .preview-list .preview .match{
+  font-weight: bold;
+}
+
 .command-panel .prompt-and-editor {
   display: -webkit-box;
 }