         cur_cat = undefined
 
         @state.sorted_docs.map (doc) =>
+            #new category? insert a header into the list ...
             if doc.category isnt cur_cat
                 cur_cat         = doc.category
-                cur_cat_title   = @state.metadata.categories[cur_cat]
+                cur_cat_title   = @state.metadata.categories[cur_cat].name
                 list.push(<li className="list-group-header" key={"header-#{cur_cat}"}>{cur_cat_title}</li>)
 
             list.push(

            path       : @props.library_selected.thumbnail

        img_style =
            display   : if @state.show_thumb then 'block' else 'none'
            maxHeight : '100%'
            maxWidth  : '100%'
            border    : "1px solid #{COLORS.GRAY_LL}"
            boxShadow : "3px 3px 1px #{COLORS.GRAY_LLL}"

        return <img src={img_path} style={img_style} onLoad={=> @setState(show_thumb:true)} />


                }
            </Button>
            {#<p style={color: '#666'}>copies <code>{@props.library_selected.src}</code> into <code>{@target_path()}</code></p>}
            {<p style={color: COLORS.GRAY_L}>{category_extra_info}</p> if category_extra_info}
        </div>

    render: ->
