diff --git a/.doctrees/environment.pickle b/.doctrees/environment.pickle
index d177da9..68585df 100644
Binary files a/.doctrees/environment.pickle and b/.doctrees/environment.pickle differ
diff --git a/.doctrees/index.doctree b/.doctrees/index.doctree
index ffd8bfa..c0bfb40 100644
Binary files a/.doctrees/index.doctree and b/.doctrees/index.doctree differ
diff --git a/.doctrees/src/MusicTools.MusicTools.doctree b/.doctrees/src/MusicTools.MusicTools.doctree
new file mode 100644
index 0000000..0328fc2
Binary files /dev/null and b/.doctrees/src/MusicTools.MusicTools.doctree differ
diff --git a/.doctrees/src/MusicTools.Playlist.doctree b/.doctrees/src/MusicTools.Playlist.doctree
new file mode 100644
index 0000000..0d243f8
Binary files /dev/null and b/.doctrees/src/MusicTools.Playlist.doctree differ
diff --git a/.doctrees/src/MusicTools.Tag.doctree b/.doctrees/src/MusicTools.Tag.doctree
new file mode 100644
index 0000000..020ff21
Binary files /dev/null and b/.doctrees/src/MusicTools.Tag.doctree differ
diff --git a/.doctrees/src/MusicTools.doctree b/.doctrees/src/MusicTools.doctree
new file mode 100644
index 0000000..812d423
Binary files /dev/null and b/.doctrees/src/MusicTools.doctree differ
diff --git a/.doctrees/src/modules.doctree b/.doctrees/src/modules.doctree
index f319bee..926ac4b 100644
Binary files a/.doctrees/src/modules.doctree and b/.doctrees/src/modules.doctree differ
diff --git a/_sources/index.rst.txt b/_sources/index.rst.txt
index 43ce0bc..a452bac 100644
--- a/_sources/index.rst.txt
+++ b/_sources/index.rst.txt
@@ -13,6 +13,7 @@ Music Tools
    src/music.db
    src/music.model
    src/music.tasks
+   src/MusicTools
 
 `Music Tools <https://music.sarsoo.xyz>`_
 ----------------------------------------------
diff --git a/_sources/src/MusicTools.MusicTools.rst.txt b/_sources/src/MusicTools.MusicTools.rst.txt
new file mode 100644
index 0000000..06a6bb6
--- /dev/null
+++ b/_sources/src/MusicTools.MusicTools.rst.txt
@@ -0,0 +1,6 @@
+MusicTools
+=================
+
+.. js:autoclass:: MusicTools
+   :members:
+   :private-members:
\ No newline at end of file
diff --git a/_sources/src/MusicTools.Playlist.rst.txt b/_sources/src/MusicTools.Playlist.rst.txt
new file mode 100644
index 0000000..5e3b698
--- /dev/null
+++ b/_sources/src/MusicTools.Playlist.rst.txt
@@ -0,0 +1,61 @@
+Playlist
+=================
+
+Router
+--------
+
+.. js:autoclass:: Playlists
+   :members:
+   :private-members:
+
+Playlists List
+------------------
+
+.. js:autoclass:: PlaylistsView
+   :members:
+   :private-members:
+
+.. js:autoclass:: PlaylistGrid
+   :members:
+   :private-members:
+
+.. js:autoclass:: PlaylistCard
+   :members:
+   :private-members:
+
+.. js:autofunction:: getPlaylistLink
+
+New Playlist Card
+--------------------
+
+.. js:autoclass:: NewPlaylist
+   :members:
+   :private-members:
+
+Playlist Router
+------------------
+
+.. js:autoclass:: PlaylistRouter.View
+   :members:
+   :private-members:
+
+Playlist View
+------------------
+
+.. js:autoclass:: Edit
+   :members:
+   :private-members:
+
+.. js:autofunction:: ReferenceEntry
+
+.. js:autofunction:: Edit.ListBlock
+
+.. js:autofunction:: Edit.BlockGridItem
+
+Playlist Stats View
+-----------------------
+
+.. js:autoclass:: Count
+   :members:
+   :private-members:
+
diff --git a/_sources/src/MusicTools.Tag.rst.txt b/_sources/src/MusicTools.Tag.rst.txt
new file mode 100644
index 0000000..28db4c0
--- /dev/null
+++ b/_sources/src/MusicTools.Tag.rst.txt
@@ -0,0 +1,30 @@
+Tag
+=================
+
+Router
+--------
+
+.. js:autoclass:: TagRouter
+   :members:
+   :private-members:
+
+Tags List
+------------------
+
+.. js:autoclass:: TagList
+   :members:
+   :private-members:
+
+.. js:autofunction:: TagGrid
+
+.. js:autofunction:: TagCard
+
+.. js:autofunction:: getTagLink
+
+New Tag Card
+--------------------
+
+.. js:autoclass:: NewTag
+   :members:
+   :private-members:
+
diff --git a/_sources/src/MusicTools.rst.txt b/_sources/src/MusicTools.rst.txt
new file mode 100644
index 0000000..e5e5ec4
--- /dev/null
+++ b/_sources/src/MusicTools.rst.txt
@@ -0,0 +1,13 @@
+Music Tools React
+===================
+
+Subpackages
+-----------
+
+.. toctree::
+   :maxdepth: 4
+
+   MusicTools.MusicTools
+   MusicTools.Playlist
+   MusicTools.Tag
+
diff --git a/_sources/src/modules.rst.txt b/_sources/src/modules.rst.txt
index 40216a1..0f60f80 100644
--- a/_sources/src/modules.rst.txt
+++ b/_sources/src/modules.rst.txt
@@ -5,3 +5,4 @@ music
    :maxdepth: 4
 
    music
+   MusicTools
diff --git a/genindex.html b/genindex.html
index eca2290..e90d330 100644
--- a/genindex.html
+++ b/genindex.html
@@ -129,8 +129,16 @@
       <li><a href="src/music.model.html#music.model.config.Config.Meta">Config.Meta (class in music.model.config)</a>
 </li>
       <li><a href="src/music.model.html#music.model.tag.Tag.count">count (music.model.tag.Tag attribute)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Count">Count() (class)</a>
 </li>
       <li><a href="src/music.api.html#music.api.spotfm.count">count() (in module music.api.spotfm)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Count.Count">Count.Count (Count attribute)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Count.getUserInfo">Count.getUserInfo() (Count method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Count.updateStats">Count.updateStats() (Count method)</a>
 </li>
       <li><a href="src/music.html#music.music.create_app">create_app() (in module music.music)</a>
 </li>
@@ -166,6 +174,38 @@
 <h2 id="E">E</h2>
 <table style="width: 100%" class="indextable genindextable"><tr>
   <td style="width: 33%; vertical-align: top;"><ul>
+      <li><a href="src/MusicTools.Playlist.html#Edit">Edit() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.BlockGridItem">Edit.BlockGridItem() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.componentDidMount">Edit.componentDidMount() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.Edit">Edit.Edit (Edit attribute)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.getPlaylistInfo">Edit.getPlaylistInfo() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.getPlaylists">Edit.getPlaylists() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleAddPart">Edit.handleAddPart() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleAddReference">Edit.handleAddReference() (Edit method)</a>
+</li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleCheckChange">Edit.handleCheckChange() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleInputChange">Edit.handleInputChange() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleRemovePart">Edit.handleRemovePart() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleRemoveReference">Edit.handleRemoveReference() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.handleRun">Edit.handleRun() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.ListBlock">Edit.ListBlock() (Edit method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Edit.makeNetworkUpdate">Edit.makeNetworkUpdate() (Edit method)</a>
+</li>
       <li><a href="src/music.model.html#music.model.user.User.email">email (music.model.user.User attribute)</a>
 </li>
   </ul></td>
@@ -180,13 +220,17 @@
 </li>
       <li><a href="src/music.db.html#music.db.database.get_authed_spotify_network">get_authed_spotify_network() (in module music.db.database)</a>
 </li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul>
       <li><a href="src/music.db.html#music.db.part_generator.PartGenerator.get_recursive_parts">get_recursive_parts() (music.db.part_generator.PartGenerator method)</a>
 </li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul>
       <li><a href="src/music.api.html#music.api.tag.get_tag">get_tag() (in module music.api.tag)</a>
 </li>
       <li><a href="src/music.api.html#music.api.admin.get_tasks">get_tasks() (in module music.api.admin)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#getPlaylistLink">getPlaylistLink() (built-in function)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#getTagLink">getTagLink() (built-in function)</a>
 </li>
   </ul></td>
 </tr></table>
@@ -374,8 +418,6 @@
         <li><a href="src/music.api.html#module-music.api.player">module</a>
 </li>
       </ul></li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul>
       <li>
     music.api.spotfm
 
@@ -390,6 +432,8 @@
         <li><a href="src/music.api.html#module-music.api.spotify">module</a>
 </li>
       </ul></li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul>
       <li>
     music.api.tag
 
@@ -530,6 +574,16 @@
         <li><a href="src/music.tasks.html#module-music.tasks.update_tag">module</a>
 </li>
       </ul></li>
+      <li><a href="src/MusicTools.MusicTools.html#MusicTools">MusicTools() (class)</a>
+</li>
+      <li><a href="src/MusicTools.MusicTools.html#MusicTools.componentDidMount">MusicTools.componentDidMount() (MusicTools method)</a>
+</li>
+      <li><a href="src/MusicTools.MusicTools.html#MusicTools.componentWillUnmount">MusicTools.componentWillUnmount() (MusicTools method)</a>
+</li>
+      <li><a href="src/MusicTools.MusicTools.html#MusicTools.getUserInfo">MusicTools.getUserInfo() (MusicTools method)</a>
+</li>
+      <li><a href="src/MusicTools.MusicTools.html#MusicTools.setOpen">MusicTools.setOpen() (MusicTools method)</a>
+</li>
       <li><a href="src/music.model.html#music.model.playlist.Playlist.mutable_keys">mutable_keys (music.model.playlist.Playlist attribute)</a>
 </li>
   </ul></td>
@@ -544,8 +598,24 @@
         <li><a href="src/music.model.html#music.model.tag.Tag.name">(music.model.tag.Tag attribute)</a>
 </li>
       </ul></li>
+      <li><a href="src/MusicTools.Playlist.html#NewPlaylist">NewPlaylist() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#NewPlaylist.componentDidMount">NewPlaylist.componentDidMount() (NewPlaylist method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#NewPlaylist.handleInputChange">NewPlaylist.handleInputChange() (NewPlaylist method)</a>
+</li>
   </ul></td>
   <td style="width: 33%; vertical-align: top;"><ul>
+      <li><a href="src/MusicTools.Playlist.html#NewPlaylist.handleSubmit">NewPlaylist.handleSubmit() (NewPlaylist method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#NewPlaylist.setDescription">NewPlaylist.setDescription() (NewPlaylist method)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#NewTag">NewTag() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#NewTag.handleInputChange">NewTag.handleInputChange() (NewTag method)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#NewTag.handleSubmit">NewTag.handleSubmit() (NewTag method)</a>
+</li>
       <li><a href="src/music.api.html#music.api.player.next_track">next_track() (in module music.api.player)</a>
 </li>
   </ul></td>
@@ -578,13 +648,33 @@
 </li>
       <li><a href="src/music.api.html#music.api.api.playlist_get_delete_route">playlist_get_delete_route() (in module music.api.api)</a>
 </li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul>
       <li><a href="src/music.api.html#music.api.api.playlist_post_put_route">playlist_post_put_route() (in module music.api.api)</a>
 </li>
       <li><a href="src/music.model.html#music.model.playlist.Playlist.playlist_references">playlist_references (music.model.playlist.Playlist attribute)</a>
 </li>
       <li><a href="src/music.api.html#music.api.spotfm.playlist_refresh">playlist_refresh() (in module music.api.spotfm)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistCard">PlaylistCard() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistGrid">PlaylistGrid() (class)</a>
+</li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistRouter.View">PlaylistRouter.View() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistRouter.View.handleChange">PlaylistRouter.View.handleChange() (PlaylistRouter.View method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#Playlists">Playlists() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistsView">PlaylistsView() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistsView.getPlaylists">PlaylistsView.getPlaylists() (PlaylistsView method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistsView.handleDeletePlaylist">PlaylistsView.handleDeletePlaylist() (PlaylistsView method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistsView.handleRunAll">PlaylistsView.handleRunAll() (PlaylistsView method)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#PlaylistsView.handleRunPlaylist">PlaylistsView.handleRunPlaylist() (PlaylistsView method)</a>
 </li>
       <li><a href="src/music.api.html#music.api.tag.post_tag">post_tag() (in module music.api.tag)</a>
 </li>
@@ -611,6 +701,8 @@
 <table style="width: 100%" class="indextable genindextable"><tr>
   <td style="width: 33%; vertical-align: top;"><ul>
       <li><a href="src/music.model.html#music.model.playlist.Playlist.recommendation_sample">recommendation_sample (music.model.playlist.Playlist attribute)</a>
+</li>
+      <li><a href="src/MusicTools.Playlist.html#ReferenceEntry">ReferenceEntry() (built-in function)</a>
 </li>
       <li><a href="src/music.cloud.html#music.cloud.tasks.refresh_all_user_playlist_stats">refresh_all_user_playlist_stats() (in module music.cloud.tasks)</a>
 </li>
@@ -635,11 +727,11 @@
       <li><a href="src/music.model.html#music.model.playlist.Sort.release_date">release_date (music.model.playlist.Sort attribute)</a>
 </li>
       <li><a href="src/music.db.html#music.db.part_generator.PartGenerator.reset">reset() (music.db.part_generator.PartGenerator method)</a>
-</li>
-      <li><a href="src/music.api.html#music.api.api.run_playlist">run_playlist() (in module music.api.api)</a>
 </li>
   </ul></td>
   <td style="width: 33%; vertical-align: top;"><ul>
+      <li><a href="src/music.api.html#music.api.api.run_playlist">run_playlist() (in module music.api.api)</a>
+</li>
       <li><a href="src/music.api.html#music.api.spotfm.run_playlist_album_task">run_playlist_album_task() (in module music.api.spotfm)</a>
 </li>
       <li><a href="src/music.api.html#music.api.spotfm.run_playlist_artist_task">run_playlist_artist_task() (in module music.api.spotfm)</a>
@@ -721,9 +813,23 @@
       <li><a href="src/music.api.html#music.api.tag.tag_refresh">tag_refresh() (in module music.api.tag)</a>
 </li>
       <li><a href="src/music.api.html#music.api.tag.tag_route">tag_route() (in module music.api.tag)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#TagCard">TagCard() (built-in function)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#TagGrid">TagGrid() (built-in function)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#TagList">TagList() (class)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#TagList.getTags">TagList.getTags() (TagList method)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#TagList.handleDeleteTag">TagList.handleDeleteTag() (TagList method)</a>
+</li>
+      <li><a href="src/MusicTools.Tag.html#TagRouter">TagRouter() (class)</a>
 </li>
       <li><a href="src/music.api.html#music.api.tag.tags">tags() (in module music.api.tag)</a>
 </li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul>
       <li><a href="src/music.model.html#music.model.tag.Tag.time_objects">time_objects (music.model.tag.Tag attribute)</a>
 </li>
       <li><a href="src/music.model.html#music.model.playlist.Playlist.to_dict">to_dict() (music.model.playlist.Playlist method)</a>
@@ -734,8 +840,6 @@
         <li><a href="src/music.model.html#music.model.user.User.to_dict">(music.model.user.User method)</a>
 </li>
       </ul></li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul>
       <li><a href="src/music.auth.html#music.auth.auth.token">token() (in module music.auth.auth)</a>
 </li>
       <li><a href="src/music.model.html#music.model.user.User.token_expiry">token_expiry (music.model.user.User attribute)</a>
@@ -837,6 +941,7 @@
 <li class="toctree-l1"><a class="reference internal" href="src/music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="src/MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/index.html b/index.html
index 6f92ca3..37b673f 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,7 @@
 <li class="toctree-l1"><a class="reference internal" href="src/music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="src/MusicTools.html">Music Tools React</a></li>
 </ul>
 </div>
 <section id="id2">
@@ -90,6 +91,7 @@
 <li class="toctree-l1"><a class="reference internal" href="src/music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="src/MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/objects.inv b/objects.inv
index f12b4de..dffeb44 100644
Binary files a/objects.inv and b/objects.inv differ
diff --git a/py-modindex.html b/py-modindex.html
index 1cf0445..36c17ed 100644
--- a/py-modindex.html
+++ b/py-modindex.html
@@ -219,6 +219,7 @@
 <li class="toctree-l1"><a class="reference internal" href="src/music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="src/MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/search.html b/search.html
index ba7ac58..f5728e8 100644
--- a/search.html
+++ b/search.html
@@ -84,6 +84,7 @@
 <li class="toctree-l1"><a class="reference internal" href="src/music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="src/music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="src/MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/searchindex.js b/searchindex.js
index ecdc353..8112433 100644
--- a/searchindex.js
+++ b/searchindex.js
@@ -1 +1 @@
-Search.setIndex({docnames:["index","src/modules","src/music","src/music.api","src/music.auth","src/music.cloud","src/music.db","src/music.model","src/music.tasks"],envversion:{"sphinx.domains.c":2,"sphinx.domains.changeset":1,"sphinx.domains.citation":1,"sphinx.domains.cpp":3,"sphinx.domains.index":1,"sphinx.domains.javascript":2,"sphinx.domains.math":2,"sphinx.domains.python":2,"sphinx.domains.rst":2,"sphinx.domains.std":2,sphinx:56},filenames:["index.rst","src/modules.rst","src/music.rst","src/music.api.rst","src/music.auth.rst","src/music.cloud.rst","src/music.db.rst","src/music.model.rst","src/music.tasks.rst"],objects:{"":{music:[2,0,0,"-"]},"music.api":{admin:[3,0,0,"-"],api:[3,0,0,"-"],decorators:[3,0,0,"-"],fm:[3,0,0,"-"],player:[3,0,0,"-"],spotfm:[3,0,0,"-"],spotify:[3,0,0,"-"],tag:[3,0,0,"-"]},"music.api.admin":{get_tasks:[3,1,1,""]},"music.api.api":{all_playlists_route:[3,1,1,""],all_users_route:[3,1,1,""],change_password:[3,1,1,""],image:[3,1,1,""],playlist_get_delete_route:[3,1,1,""],playlist_post_put_route:[3,1,1,""],run_playlist:[3,1,1,""],run_playlist_task:[3,1,1,""],run_user:[3,1,1,""],run_user_task:[3,1,1,""],run_users:[3,1,1,""],user_route:[3,1,1,""]},"music.api.decorators":{admin_required:[3,1,1,""],check_dict:[3,1,1,""],cloud_task:[3,1,1,""],gae_cron:[3,1,1,""],is_basic_authed:[3,1,1,""],is_logged_in:[3,1,1,""],lastfm_username_required:[3,1,1,""],login_or_basic_auth:[3,1,1,""],login_required:[3,1,1,""],spotify_link_required:[3,1,1,""],validate_args:[3,1,1,""],validate_json:[3,1,1,""]},"music.api.fm":{daily_scrobbles:[3,1,1,""]},"music.api.player":{next_track:[3,1,1,""],play:[3,1,1,""],shuffle:[3,1,1,""],volume:[3,1,1,""]},"music.api.spotfm":{count:[3,1,1,""],playlist_refresh:[3,1,1,""],run_playlist_album_task:[3,1,1,""],run_playlist_artist_task:[3,1,1,""],run_playlist_track_task:[3,1,1,""],run_user:[3,1,1,""],run_user_task:[3,1,1,""],run_users:[3,1,1,""]},"music.api.spotify":{sort:[3,1,1,""]},"music.api.tag":{delete_tag:[3,1,1,""],get_tag:[3,1,1,""],post_tag:[3,1,1,""],put_tag:[3,1,1,""],run_tag_task:[3,1,1,""],tag_refresh:[3,1,1,""],tag_route:[3,1,1,""],tags:[3,1,1,""]},"music.auth":{auth:[4,0,0,"-"]},"music.auth.auth":{auth:[4,1,1,""],deauth:[4,1,1,""],login:[4,1,1,""],logout:[4,1,1,""],register:[4,1,1,""],token:[4,1,1,""]},"music.cloud":{"function":[5,0,0,"-"],offload_or_run_user_playlist:[5,1,1,""],queue_run_user_playlist:[5,1,1,""],tasks:[5,0,0,"-"]},"music.cloud.function":{run_user_playlist_function:[5,1,1,""],update_tag:[5,1,1,""]},"music.cloud.tasks":{refresh_all_user_playlist_stats:[5,1,1,""],refresh_playlist_task:[5,1,1,""],refresh_user_playlist_stats:[5,1,1,""],refresh_user_stats_task:[5,1,1,""],run_user_playlist_task:[5,1,1,""],update_all_user_playlists:[5,1,1,""],update_all_user_tags:[5,1,1,""],update_playlists:[5,1,1,""]},"music.db":{database:[6,0,0,"-"],part_generator:[6,0,0,"-"]},"music.db.database":{DatabaseUser:[6,2,1,""],get_authed_lastfm_network:[6,1,1,""],get_authed_spotify_network:[6,1,1,""],refresh_token_database_callback:[6,1,1,""]},"music.db.database.DatabaseUser":{user_id:[6,3,1,""]},"music.db.part_generator":{PartGenerator:[6,2,1,""]},"music.db.part_generator.PartGenerator":{get_recursive_parts:[6,4,1,""],process_reference_by_name:[6,4,1,""],process_reference_by_reference:[6,4,1,""],reset:[6,4,1,""]},"music.model":{config:[7,0,0,"-"],playlist:[7,0,0,"-"],tag:[7,0,0,"-"],user:[7,0,0,"-"]},"music.model.config":{Config:[7,2,1,""]},"music.model.config.Config":{Meta:[7,2,1,""],collection:[7,3,1,""],collection_name:[7,3,1,""],last_fm_client_id:[7,3,1,""],playlist_cloud_operating_mode:[7,3,1,""],secret_key:[7,3,1,""],spotify_client_id:[7,3,1,""],spotify_client_secret:[7,3,1,""]},"music.model.config.Config.Meta":{collection_name:[7,3,1,""]},"music.model.playlist":{Playlist:[7,2,1,""],Sort:[7,2,1,""]},"music.model.playlist.Playlist":{Meta:[7,2,1,""],add_last_month:[7,3,1,""],add_this_month:[7,3,1,""],chart_limit:[7,3,1,""],chart_range:[7,3,1,""],collection:[7,3,1,""],collection_name:[7,3,1,""],day_boundary:[7,3,1,""],description_overwrite:[7,3,1,""],description_suffix:[7,3,1,""],include_library_tracks:[7,3,1,""],include_recommendations:[7,3,1,""],last_updated:[7,3,1,""],lastfm_stat_album_count:[7,3,1,""],lastfm_stat_album_percent:[7,3,1,""],lastfm_stat_artist_count:[7,3,1,""],lastfm_stat_artist_percent:[7,3,1,""],lastfm_stat_count:[7,3,1,""],lastfm_stat_last_refresh:[7,3,1,""],lastfm_stat_percent:[7,3,1,""],mutable_keys:[7,3,1,""],name:[7,3,1,""],parts:[7,3,1,""],playlist_references:[7,3,1,""],recommendation_sample:[7,3,1,""],shuffle:[7,3,1,""],sort:[7,3,1,""],to_dict:[7,4,1,""],type:[7,3,1,""],uri:[7,3,1,""]},"music.model.playlist.Playlist.Meta":{collection_name:[7,3,1,""]},"music.model.playlist.Sort":{"default":[7,3,1,""],release_date:[7,3,1,""],shuffle:[7,3,1,""]},"music.model.tag":{Tag:[7,2,1,""]},"music.model.tag.Tag":{Meta:[7,2,1,""],albums:[7,3,1,""],artists:[7,3,1,""],collection:[7,3,1,""],collection_name:[7,3,1,""],count:[7,3,1,""],last_updated:[7,3,1,""],name:[7,3,1,""],proportion:[7,3,1,""],tag_id:[7,3,1,""],time_objects:[7,3,1,""],to_dict:[7,4,1,""],total_time:[7,3,1,""],total_time_ms:[7,3,1,""],total_user_scrobbles:[7,3,1,""],tracks:[7,3,1,""],username:[7,3,1,""]},"music.model.tag.Tag.Meta":{collection_name:[7,3,1,""]},"music.model.user":{User:[7,2,1,""]},"music.model.user.User":{Meta:[7,2,1,""],access_token:[7,3,1,""],check_password:[7,4,1,""],collection:[7,3,1,""],collection_name:[7,3,1,""],email:[7,3,1,""],last_login:[7,3,1,""],last_refreshed:[7,3,1,""],lastfm_username:[7,3,1,""],locked:[7,3,1,""],password:[7,3,1,""],refresh_token:[7,3,1,""],spotify_linked:[7,3,1,""],to_dict:[7,4,1,""],token_expiry:[7,3,1,""],type:[7,3,1,""],username:[7,3,1,""],validated:[7,3,1,""]},"music.model.user.User.Meta":{collection_name:[7,3,1,""]},"music.music":{create_app:[2,1,1,""]},"music.tasks":{create_playlist:[8,0,0,"-"],refresh_lastfm_stats:[8,0,0,"-"],run_user_playlist:[8,0,0,"-"],update_tag:[8,0,0,"-"]},"music.tasks.create_playlist":{create_playlist:[8,1,1,""]},"music.tasks.refresh_lastfm_stats":{refresh_lastfm_album_stats:[8,1,1,""],refresh_lastfm_artist_stats:[8,1,1,""],refresh_lastfm_track_stats:[8,1,1,""]},"music.tasks.run_user_playlist":{run_user_playlist:[8,1,1,""]},"music.tasks.update_tag":{update_tag:[8,1,1,""]},music:{api:[3,0,0,"-"],auth:[4,0,0,"-"],cloud:[5,0,0,"-"],db:[6,0,0,"-"],init_log:[2,1,1,""],model:[7,0,0,"-"],music:[2,0,0,"-"],tasks:[8,0,0,"-"]}},objnames:{"0":["py","module","Python module"],"1":["py","function","Python function"],"2":["py","class","Python class"],"3":["py","attribute","Python attribute"],"4":["py","method","Python method"]},objtypes:{"0":"py:module","1":"py:function","2":"py:class","3":"py:attribute","4":"py:method"},terms:{"class":[6,7],"default":[3,5,7,8],"enum":7,"function":[0,1,2,6,7,8],"int":5,"long":[5,8],"new":8,"return":[2,3,4,6,7,8],Adding:6,For:8,The:0,Used:6,access_token:[6,7],account:8,add_last_month:7,add_this_month:7,admin:[1,2],admin_requir:3,album:7,all:[3,5],all_playlists_rout:3,all_users_rout:3,allow:4,api:[0,1,2],app:[0,2,3,7,8],arg:[3,7],artist:7,asid:6,attributeerror:8,auth:[0,1,2],authent:6,avail:8,backend:2,base:[0,6,7],blueprint:[2,3],callback:6,change_password:3,chart_limit:7,chart_rang:7,check_dict:3,check_password:7,client_id:6,client_secret:6,cloud:[0,1,2,6,7],cloud_task:3,code:5,collect:7,collection_nam:7,compon:6,compos:0,config:[1,2],consol:2,contain:[2,7],content:[0,1],convert:7,correct:7,count:[3,7],creat:[0,2,5,8],create_app:2,create_playlist:[1,2],credemti:6,credenti:6,current:0,daily_scrobbl:3,data:7,databas:[1,2],databaseus:6,day_boundari:7,deauth:4,decor:[1,2],delai:5,delete_tag:3,depend:[5,6],descript:[3,7,8],description_overwrit:7,description_suffix:7,determin:7,dict:7,dispatch:0,document:6,documentrefer:6,done:7,email:7,endpoint:[3,4],enumer:7,environ:5,error:8,execut:5,expected_arg:3,fals:2,fireo:[0,7],firestor:[6,7],firestore_v1:6,flask:[0,2,3],fmframework:[0,6,8],fmnet:8,fmnetwork:6,from:6,fullplaylist:8,func:3,gae_cron:3,gcp:5,gener:[2,8],get:[4,6],get_authed_lastfm_network:6,get_authed_spotify_network:6,get_recursive_part:6,get_tag:3,get_task:3,given:[3,5,6],googl:[0,6],hand:5,handl:6,has:8,home:4,host:0,html:4,http:[3,4],imag:3,includ:[4,5,8],include_library_track:7,include_recommend:7,index:0,infrastuctur:5,init_log:2,initialis:2,interfac:[0,6],intern:6,is_basic_auth:3,is_logged_in:3,kei:7,kwarg:[3,7],last:[0,8],last_fm_client_id:7,last_login:7,last_refresh:7,last_upd:7,lastfm_stat_album_count:7,lastfm_stat_album_perc:7,lastfm_stat_artist_count:7,lastfm_stat_artist_perc:7,lastfm_stat_count:7,lastfm_stat_last_refresh:7,lastfm_stat_perc:7,lastfm_usernam:7,lastfm_username_requir:3,layer:[0,6,7],level:[2,7],list:6,load:[2,3],lock:7,log:2,login:4,login_or_basic_auth:3,login_requir:3,logout:4,longer:0,manag:7,meta:7,model:[0,1,2,6,8],modul:[0,1],mutable_kei:7,name:[5,6,7,8],nameerror:8,net:[6,8],network:[6,8],networkus:6,newli:6,next_track:3,none:[3,5,6,7,8],object:[6,7,8],off:5,offload_or_run_user_playlist:5,oper:[5,7,8],option:[3,5,6,8],orm:[0,6,7],other:6,page:[0,4],paramet:[3,5,6,7,8],part:7,part_gener:[1,2],partgener:6,password:[4,7],path:7,plai:3,platform:0,player:[1,2],playlist:[0,1,2,3,5,6,8],playlist_cloud_operating_mod:7,playlist_get_delete_rout:3,playlist_nam:[5,8],playlist_post_put_rout:3,playlist_refer:7,playlist_refresh:3,post:4,post_tag:3,process_reference_by_nam:6,process_reference_by_refer:6,proport:7,provid:8,put_tag:3,queue:5,queue_run_user_playlist:5,rais:8,readi:2,recommendation_sampl:7,recurs:6,redirect:4,ref:6,referenc:6,refresh:5,refresh_all_user_playlist_stat:5,refresh_lastfm_album_stat:8,refresh_lastfm_artist_stat:8,refresh_lastfm_stat:[1,2],refresh_lastfm_track_stat:8,refresh_playlist_task:5,refresh_token:[6,7],refresh_token_database_callback:6,refresh_user_playlist_stat:5,refresh_user_stats_task:5,regist:4,relat:4,release_d:7,request:4,request_param:3,reset:[4,6],resolut:6,resolv:6,respons:[3,4],result:4,retriev:[2,3,4,6,8],root:2,rout:4,run:[2,5,8],run_playlist:3,run_playlist_album_task:3,run_playlist_artist_task:3,run_playlist_task:3,run_playlist_track_task:3,run_tag_task:3,run_us:3,run_user_playlist:[1,2],run_user_playlist_funct:5,run_user_playlist_task:5,run_user_task:3,search:0,second:5,secret_kei:7,secur:4,server:0,serverless:5,servic:7,set:7,shuffl:[3,7],smart:[0,6,7,8],sort:[3,7],spotfm:[1,2],spotframework:[0,6,8],spotifi:[0,1,2,6,8],spotify_client_id:7,spotify_client_secret:7,spotify_link:7,spotify_link_requir:3,spotify_us:7,spotifynetwork:6,spotnet:8,spotnetwork:8,stack:2,stat:5,state:6,store:6,str:[5,6,8],structur:7,subject:[5,6,8],submiss:4,subpackag:1,system:0,tag:[1,2,5,8],tag_id:[3,5,7],tag_refresh:3,tag_rout:3,task:[0,1,2,7],time_object:7,to_dict:7,token:4,token_expiri:7,tool:[2,6],top:2,total_tim:7,total_time_m:7,total_user_scrobbl:7,track:7,type:[2,3,4,6,7,8],upad:8,updat:[5,6,7,8],update_all_user_playlist:5,update_all_user_tag:5,update_playlist:5,update_tag:[1,2,5],uri:[7,8],user:[1,2,3,5,6,8],user_id:6,user_rout:3,usernam:[5,6,7,8],valid:7,validate_arg:3,validate_json:3,valu:7,volum:3,walk:6,web:0,when:[6,8],whether:7},titles:["Music Tools","music","music","music.api","music.auth","music.cloud","music.db","music.model","music.tasks"],titleterms:{"function":5,admin:3,api:3,auth:4,cloud:5,config:7,content:[2,3,4,5,6,7,8],create_playlist:8,databas:6,decor:3,indic:0,model:7,modul:[2,3,4,5,6,7,8],music:[0,1,2,3,4,5,6,7,8],part_gener:6,player:3,playlist:7,refresh_lastfm_stat:8,run_user_playlist:8,spotfm:3,spotifi:3,subpackag:2,tabl:0,tag:[3,7],task:[5,8],tool:0,update_tag:8,user:7}})
\ No newline at end of file
+Search.setIndex({docnames:["index","src/MusicTools","src/MusicTools.MusicTools","src/MusicTools.Playlist","src/MusicTools.Tag","src/modules","src/music","src/music.api","src/music.auth","src/music.cloud","src/music.db","src/music.model","src/music.tasks"],envversion:{"sphinx.domains.c":2,"sphinx.domains.changeset":1,"sphinx.domains.citation":1,"sphinx.domains.cpp":3,"sphinx.domains.index":1,"sphinx.domains.javascript":2,"sphinx.domains.math":2,"sphinx.domains.python":2,"sphinx.domains.rst":2,"sphinx.domains.std":2,sphinx:56},filenames:["index.rst","src/MusicTools.rst","src/MusicTools.MusicTools.rst","src/MusicTools.Playlist.rst","src/MusicTools.Tag.rst","src/modules.rst","src/music.rst","src/music.api.rst","src/music.auth.rst","src/music.cloud.rst","src/music.db.rst","src/music.model.rst","src/music.tasks.rst"],objects:{"":{Count:[3,0,1,""],Edit:[3,0,1,""],MusicTools:[2,0,1,""],NewPlaylist:[3,0,1,""],NewTag:[4,0,1,""],PlaylistCard:[3,0,1,""],PlaylistGrid:[3,0,1,""],Playlists:[3,0,1,""],PlaylistsView:[3,0,1,""],ReferenceEntry:[3,2,1,""],TagCard:[4,2,1,""],TagGrid:[4,2,1,""],TagList:[4,0,1,""],TagRouter:[4,0,1,""],getPlaylistLink:[3,2,1,""],getTagLink:[4,2,1,""],music:[6,3,0,"-"]},"PlaylistRouter.View":{handleChange:[3,2,1,""]},"music.api":{admin:[7,3,0,"-"],api:[7,3,0,"-"],decorators:[7,3,0,"-"],fm:[7,3,0,"-"],player:[7,3,0,"-"],spotfm:[7,3,0,"-"],spotify:[7,3,0,"-"],tag:[7,3,0,"-"]},"music.api.admin":{get_tasks:[7,4,1,""]},"music.api.api":{all_playlists_route:[7,4,1,""],all_users_route:[7,4,1,""],change_password:[7,4,1,""],image:[7,4,1,""],playlist_get_delete_route:[7,4,1,""],playlist_post_put_route:[7,4,1,""],run_playlist:[7,4,1,""],run_playlist_task:[7,4,1,""],run_user:[7,4,1,""],run_user_task:[7,4,1,""],run_users:[7,4,1,""],user_route:[7,4,1,""]},"music.api.decorators":{admin_required:[7,4,1,""],check_dict:[7,4,1,""],cloud_task:[7,4,1,""],gae_cron:[7,4,1,""],is_basic_authed:[7,4,1,""],is_logged_in:[7,4,1,""],lastfm_username_required:[7,4,1,""],login_or_basic_auth:[7,4,1,""],login_required:[7,4,1,""],spotify_link_required:[7,4,1,""],validate_args:[7,4,1,""],validate_json:[7,4,1,""]},"music.api.fm":{daily_scrobbles:[7,4,1,""]},"music.api.player":{next_track:[7,4,1,""],play:[7,4,1,""],shuffle:[7,4,1,""],volume:[7,4,1,""]},"music.api.spotfm":{count:[7,4,1,""],playlist_refresh:[7,4,1,""],run_playlist_album_task:[7,4,1,""],run_playlist_artist_task:[7,4,1,""],run_playlist_track_task:[7,4,1,""],run_user:[7,4,1,""],run_user_task:[7,4,1,""],run_users:[7,4,1,""]},"music.api.spotify":{sort:[7,4,1,""]},"music.api.tag":{delete_tag:[7,4,1,""],get_tag:[7,4,1,""],post_tag:[7,4,1,""],put_tag:[7,4,1,""],run_tag_task:[7,4,1,""],tag_refresh:[7,4,1,""],tag_route:[7,4,1,""],tags:[7,4,1,""]},"music.auth":{auth:[8,3,0,"-"]},"music.auth.auth":{auth:[8,4,1,""],deauth:[8,4,1,""],login:[8,4,1,""],logout:[8,4,1,""],register:[8,4,1,""],token:[8,4,1,""]},"music.cloud":{"function":[9,3,0,"-"],offload_or_run_user_playlist:[9,4,1,""],queue_run_user_playlist:[9,4,1,""],tasks:[9,3,0,"-"]},"music.cloud.function":{run_user_playlist_function:[9,4,1,""],update_tag:[9,4,1,""]},"music.cloud.tasks":{refresh_all_user_playlist_stats:[9,4,1,""],refresh_playlist_task:[9,4,1,""],refresh_user_playlist_stats:[9,4,1,""],refresh_user_stats_task:[9,4,1,""],run_user_playlist_task:[9,4,1,""],update_all_user_playlists:[9,4,1,""],update_all_user_tags:[9,4,1,""],update_playlists:[9,4,1,""]},"music.db":{database:[10,3,0,"-"],part_generator:[10,3,0,"-"]},"music.db.database":{DatabaseUser:[10,5,1,""],get_authed_lastfm_network:[10,4,1,""],get_authed_spotify_network:[10,4,1,""],refresh_token_database_callback:[10,4,1,""]},"music.db.database.DatabaseUser":{user_id:[10,6,1,""]},"music.db.part_generator":{PartGenerator:[10,5,1,""]},"music.db.part_generator.PartGenerator":{get_recursive_parts:[10,7,1,""],process_reference_by_name:[10,7,1,""],process_reference_by_reference:[10,7,1,""],reset:[10,7,1,""]},"music.model":{config:[11,3,0,"-"],playlist:[11,3,0,"-"],tag:[11,3,0,"-"],user:[11,3,0,"-"]},"music.model.config":{Config:[11,5,1,""]},"music.model.config.Config":{Meta:[11,5,1,""],collection:[11,6,1,""],collection_name:[11,6,1,""],last_fm_client_id:[11,6,1,""],playlist_cloud_operating_mode:[11,6,1,""],secret_key:[11,6,1,""],spotify_client_id:[11,6,1,""],spotify_client_secret:[11,6,1,""]},"music.model.config.Config.Meta":{collection_name:[11,6,1,""]},"music.model.playlist":{Playlist:[11,5,1,""],Sort:[11,5,1,""]},"music.model.playlist.Playlist":{Meta:[11,5,1,""],add_last_month:[11,6,1,""],add_this_month:[11,6,1,""],chart_limit:[11,6,1,""],chart_range:[11,6,1,""],collection:[11,6,1,""],collection_name:[11,6,1,""],day_boundary:[11,6,1,""],description_overwrite:[11,6,1,""],description_suffix:[11,6,1,""],include_library_tracks:[11,6,1,""],include_recommendations:[11,6,1,""],last_updated:[11,6,1,""],lastfm_stat_album_count:[11,6,1,""],lastfm_stat_album_percent:[11,6,1,""],lastfm_stat_artist_count:[11,6,1,""],lastfm_stat_artist_percent:[11,6,1,""],lastfm_stat_count:[11,6,1,""],lastfm_stat_last_refresh:[11,6,1,""],lastfm_stat_percent:[11,6,1,""],mutable_keys:[11,6,1,""],name:[11,6,1,""],parts:[11,6,1,""],playlist_references:[11,6,1,""],recommendation_sample:[11,6,1,""],shuffle:[11,6,1,""],sort:[11,6,1,""],to_dict:[11,7,1,""],type:[11,6,1,""],uri:[11,6,1,""]},"music.model.playlist.Playlist.Meta":{collection_name:[11,6,1,""]},"music.model.playlist.Sort":{"default":[11,6,1,""],release_date:[11,6,1,""],shuffle:[11,6,1,""]},"music.model.tag":{Tag:[11,5,1,""]},"music.model.tag.Tag":{Meta:[11,5,1,""],albums:[11,6,1,""],artists:[11,6,1,""],collection:[11,6,1,""],collection_name:[11,6,1,""],count:[11,6,1,""],last_updated:[11,6,1,""],name:[11,6,1,""],proportion:[11,6,1,""],tag_id:[11,6,1,""],time_objects:[11,6,1,""],to_dict:[11,7,1,""],total_time:[11,6,1,""],total_time_ms:[11,6,1,""],total_user_scrobbles:[11,6,1,""],tracks:[11,6,1,""],username:[11,6,1,""]},"music.model.tag.Tag.Meta":{collection_name:[11,6,1,""]},"music.model.user":{User:[11,5,1,""]},"music.model.user.User":{Meta:[11,5,1,""],access_token:[11,6,1,""],check_password:[11,7,1,""],collection:[11,6,1,""],collection_name:[11,6,1,""],email:[11,6,1,""],last_login:[11,6,1,""],last_refreshed:[11,6,1,""],lastfm_username:[11,6,1,""],locked:[11,6,1,""],password:[11,6,1,""],refresh_token:[11,6,1,""],spotify_linked:[11,6,1,""],to_dict:[11,7,1,""],token_expiry:[11,6,1,""],type:[11,6,1,""],username:[11,6,1,""],validated:[11,6,1,""]},"music.model.user.User.Meta":{collection_name:[11,6,1,""]},"music.music":{create_app:[6,4,1,""]},"music.tasks":{create_playlist:[12,3,0,"-"],refresh_lastfm_stats:[12,3,0,"-"],run_user_playlist:[12,3,0,"-"],update_tag:[12,3,0,"-"]},"music.tasks.create_playlist":{create_playlist:[12,4,1,""]},"music.tasks.refresh_lastfm_stats":{refresh_lastfm_album_stats:[12,4,1,""],refresh_lastfm_artist_stats:[12,4,1,""],refresh_lastfm_track_stats:[12,4,1,""]},"music.tasks.run_user_playlist":{run_user_playlist:[12,4,1,""]},"music.tasks.update_tag":{update_tag:[12,4,1,""]},Count:{Count:[3,1,1,""],getUserInfo:[3,2,1,""],updateStats:[3,2,1,""]},Edit:{BlockGridItem:[3,2,1,""],Edit:[3,1,1,""],ListBlock:[3,2,1,""],componentDidMount:[3,2,1,""],getPlaylistInfo:[3,2,1,""],getPlaylists:[3,2,1,""],handleAddPart:[3,2,1,""],handleAddReference:[3,2,1,""],handleCheckChange:[3,2,1,""],handleInputChange:[3,2,1,""],handleRemovePart:[3,2,1,""],handleRemoveReference:[3,2,1,""],handleRun:[3,2,1,""],makeNetworkUpdate:[3,2,1,""]},MusicTools:{componentDidMount:[2,2,1,""],componentWillUnmount:[2,2,1,""],getUserInfo:[2,2,1,""],setOpen:[2,2,1,""]},NewPlaylist:{componentDidMount:[3,2,1,""],handleInputChange:[3,2,1,""],handleSubmit:[3,2,1,""],setDescription:[3,2,1,""]},NewTag:{handleInputChange:[4,2,1,""],handleSubmit:[4,2,1,""]},PlaylistRouter:{View:[3,0,1,""]},PlaylistsView:{getPlaylists:[3,2,1,""],handleDeletePlaylist:[3,2,1,""],handleRunAll:[3,2,1,""],handleRunPlaylist:[3,2,1,""]},TagList:{getTags:[4,2,1,""],handleDeleteTag:[4,2,1,""]},music:{api:[7,3,0,"-"],auth:[8,3,0,"-"],cloud:[9,3,0,"-"],db:[10,3,0,"-"],init_log:[6,4,1,""],model:[11,3,0,"-"],music:[6,3,0,"-"],tasks:[12,3,0,"-"]}},objnames:{"0":["js","class","JavaScript class"],"1":["js","attribute","JavaScript attribute"],"2":["js","function","JavaScript function"],"3":["py","module","Python module"],"4":["py","function","Python function"],"5":["py","class","Python class"],"6":["py","attribute","Python attribute"],"7":["py","method","Python method"]},objtypes:{"0":"js:class","1":"js:attribute","2":"js:function","3":"py:module","4":"py:function","5":"py:class","6":"py:attribute","7":"py:method"},terms:{"class":[2,3,4,10,11],"default":[7,9,11,12],"enum":11,"function":[0,5,6,10,11,12],"int":9,"long":[9,12],"new":[1,5,12],"return":[3,4,6,7,8,10,11,12],Adding:10,For:12,The:0,Used:10,access_token:[10,11],account:12,action:3,add_last_month:11,add_this_month:11,adding:3,admin:[5,6],admin_requir:7,album:11,all:[3,7,9],all_playlists_rout:7,all_users_rout:7,allow:8,api:[0,2,3,4,5,6],app:[0,2,6,7,11,12],arg:[3,7,11],argument:[2,3,4],artist:11,asid:10,attributeerror:12,auth:[0,5,6],authent:10,avail:12,backend:6,base:[0,10,11],between:4,blockgriditem:3,blueprint:[6,7],bool:2,box:[3,4],button:3,callback:10,cancel:2,card:[1,5],cell:3,chang:[3,4],change_password:7,chart_limit:11,chart_rang:11,check:3,check_dict:7,check_password:11,checkbox:3,client_id:10,client_secret:10,cloud:[0,5,6,10,11],cloud_task:7,code:9,collect:11,collection_nam:11,compon:[2,3,4,10],componentdidmount:[2,3],componentwillunmount:2,compos:0,config:[5,6],consol:6,contain:[3,6,11],content:[0,5],convert:11,correct:11,count:[3,7,11],creat:[0,6,9,12],create_app:6,create_playlist:[5,6],credemti:10,credenti:10,current:0,daily_scrobbl:7,data:[3,4,11],databas:[5,6],databaseus:10,day_boundari:11,deauth:8,decor:[5,6],delai:9,delet:[3,4],delete_tag:7,depend:[9,10],descript:[3,7,11,12],description_overwrit:11,description_suffix:11,determin:11,dict:11,dictionari:3,direct:4,dispatch:0,document:10,documentrefer:10,done:11,drawer:2,dropbox:3,dure:3,edit:3,email:11,endpoint:[7,8],entri:3,enumer:11,environ:9,error:12,event:[3,4],execut:9,expected_arg:7,fals:6,fireo:[0,11],firestor:[10,11],firestore_v1:10,flask:[0,6,7],fmframework:[0,10,12],fmnet:12,fmnetwork:10,from:[2,3,4,10],fullplaylist:12,func:7,gae_cron:7,gcp:9,gener:[6,12],get:[2,3,4,8,10],get_authed_lastfm_network:10,get_authed_spotify_network:10,get_recursive_part:10,get_tag:7,get_task:7,getplaylist:3,getplaylistinfo:3,getplaylistlink:3,gettag:4,gettaglink:4,getuserinfo:[2,3],given:[3,7,9,10],googl:[0,10],grid:[3,4],hand:9,handl:[3,4,10],handleaddpart:3,handleaddrefer:3,handlechang:3,handlecheckchang:3,handledeleteplaylist:3,handledeletetag:4,handleinputchang:[3,4],handleremovepart:3,handleremoverefer:3,handlerun:3,handlerunal:3,handlerunplaylist:3,handlesubmit:[3,4],has:[3,12],home:8,host:[0,3],html:8,http:[7,8],imag:7,includ:[3,8,9,12],include_library_track:11,include_recommend:11,index:0,info:[2,3,4],infrastuctur:9,init:3,init_log:6,initi:3,initialis:6,input:[3,4],interfac:[0,10],intern:10,is_basic_auth:7,is_logged_in:7,kei:11,kwarg:[7,11],last:[0,3,12],last_fm_client_id:11,last_login:11,last_refresh:11,last_upd:11,lastfm_stat_album_count:11,lastfm_stat_album_perc:11,lastfm_stat_artist_count:11,lastfm_stat_artist_perc:11,lastfm_stat_count:11,lastfm_stat_last_refresh:11,lastfm_stat_perc:11,lastfm_usernam:11,lastfm_username_requir:7,layer:[0,10,11],level:[3,6,11],link:3,list:[1,5,10],listblock:3,listen:3,load:[2,3,6,7],lock:11,log:6,login:8,login_or_basic_auth:7,login_requir:7,logout:8,longer:0,main:3,make:[3,4],makenetworkupd:3,manag:11,map:4,match:3,meta:11,model:[0,5,6,10,12],modul:[0,5],music:3,musictool:[1,5],mutable_kei:11,name:[3,4,9,10,11,12],nameerror:12,net:[10,12],network:[10,12],networkus:10,newli:10,newplaylist:3,newtag:4,newvalu:3,next_track:7,none:[7,9,10,11,12],object:[3,10,11,12],off:9,offload_or_run_user_playlist:9,open:2,oper:[9,11,12],option:[3,7,9,10,12],orm:[0,10,11],other:10,page:[0,3,8],paramet:[7,9,10,11,12],part:11,part_gener:[5,6],partgener:10,password:[8,11],path:11,plai:7,platform:0,player:[5,6],playlist:[0,1,5,6,7,9,10,12],playlist_cloud_operating_mod:11,playlist_get_delete_rout:7,playlist_nam:[9,12],playlist_post_put_rout:7,playlist_refer:11,playlist_refresh:7,playlistcard:3,playlistgrid:3,playlistnam:3,playlistrout:3,playlistsview:3,post:[3,8],post_tag:7,present:3,process_reference_by_nam:10,process_reference_by_refer:10,prop:[2,3,4],properti:[3,4],proport:11,provid:12,put_tag:7,queue:9,queue_run_user_playlist:9,rais:12,react:[0,5],readi:6,recommendation_sampl:11,recurs:10,redirect:8,ref:10,refer:3,referenc:10,referenceentri:3,refresh:[3,9],refresh_all_user_playlist_stat:9,refresh_lastfm_album_stat:12,refresh_lastfm_artist_stat:12,refresh_lastfm_stat:[5,6],refresh_lastfm_track_stat:12,refresh_playlist_task:9,refresh_token:[10,11],refresh_token_database_callback:10,refresh_user_playlist_stat:9,refresh_user_stats_task:9,regist:8,relat:8,release_d:11,remov:3,request:[2,3,4,8],request_param:7,reset:[8,10],resolut:10,resolv:10,respons:[7,8],result:[3,8],retriev:[6,7,8,10,12],root:[2,6],rout:8,router:[1,5],run:[3,6,9,12],run_playlist:7,run_playlist_album_task:7,run_playlist_artist_task:7,run_playlist_task:7,run_playlist_track_task:7,run_tag_task:7,run_us:7,run_user_playlist:[5,6],run_user_playlist_funct:9,run_user_playlist_task:9,run_user_task:7,search:0,second:9,secret_kei:11,secur:8,send:3,server:0,serverless:9,servic:11,set:[2,3,11],setdescript:3,setopen:2,shuffl:[7,11],side:2,smart:[0,3,10,11,12],sort:[3,7,11],spotfm:[5,6],spotframework:[0,10,12],spotifi:[0,3,5,6,10,12],spotify_client_id:11,spotify_client_secret:11,spotify_link:11,spotify_link_requir:7,spotify_us:11,spotifynetwork:10,spotnet:12,spotnetwork:12,stack:6,stat:[1,5,9],state:[2,3,4,10],statist:3,store:10,str:[9,10,12],string:3,structur:[3,11],subject:[3,4,9,10,12],submiss:8,subpackag:5,system:0,tab:3,tag:[1,5,6,9,12],tag_id:[4,7,9,11],tag_refresh:7,tag_rout:7,tagcard:4,taggrid:4,taglist:4,tagnam:4,tagrout:4,task:[0,5,6,11],time_object:11,to_dict:11,token:8,token_expiri:11,tool:[3,5,6,10],top:[3,6],total_tim:11,total_time_m:11,total_user_scrobbl:11,track:11,trigger:3,type:[3,6,7,8,10,11,12],upad:12,updat:[3,9,10,11,12],update_all_user_playlist:9,update_all_user_tag:9,update_playlist:9,update_tag:[5,6,9],updatestat:3,uri:[11,12],url:[3,4],user:[2,3,5,6,7,9,10,12],user_id:10,user_rout:7,usernam:[3,9,10,11,12],valid:[3,4,11],validate_arg:7,validate_json:7,valu:[3,11],view:[1,5],volum:7,walk:10,watch:3,web:0,when:[10,12],whether:[2,11],wrap:3},titles:["Music Tools","Music Tools React","MusicTools","Playlist","Tag","music","music","music.api","music.auth","music.cloud","music.db","music.model","music.tasks"],titleterms:{"function":9,"new":[3,4],admin:7,api:7,auth:8,card:[3,4],cloud:9,config:11,content:[6,7,8,9,10,11,12],create_playlist:12,databas:10,decor:7,indic:0,list:[3,4],model:11,modul:[6,7,8,9,10,11,12],music:[0,1,5,6,7,8,9,10,11,12],musictool:2,part_gener:10,player:7,playlist:[3,11],react:1,refresh_lastfm_stat:12,router:[3,4],run_user_playlist:12,spotfm:7,spotifi:7,stat:3,subpackag:[1,6],tabl:0,tag:[4,7,11],task:[9,12],tool:[0,1],update_tag:12,user:11,view:3}})
\ No newline at end of file
diff --git a/src/MusicTools.MusicTools.html b/src/MusicTools.MusicTools.html
new file mode 100644
index 0000000..5aeb057
--- /dev/null
+++ b/src/MusicTools.MusicTools.html
@@ -0,0 +1,158 @@
+
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="generator" content="Docutils 0.17: http://docutils.sourceforge.net/" />
+
+    <title>MusicTools &#8212; Music Tools  documentation</title>
+    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+    <link rel="stylesheet" href="../_static/alabaster.css" type="text/css" />
+    <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
+    <script src="../_static/jquery.js"></script>
+    <script src="../_static/underscore.js"></script>
+    <script src="../_static/doctools.js"></script>
+    <link rel="index" title="Index" href="../genindex.html" />
+    <link rel="search" title="Search" href="../search.html" />
+    <link rel="next" title="Playlist" href="MusicTools.Playlist.html" />
+    <link rel="prev" title="Music Tools React" href="MusicTools.html" />
+   
+  <link rel="stylesheet" href="../_static/custom.css" type="text/css" />
+  
+  
+  <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
+
+  </head><body>
+  
+
+    <div class="document">
+      <div class="documentwrapper">
+        <div class="bodywrapper">
+          
+
+          <div class="body" role="main">
+            
+  <section id="musictools">
+<h1>MusicTools<a class="headerlink" href="#musictools" title="Permalink to this headline">¶</a></h1>
+<dl class="js class">
+<dt id="MusicTools">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">MusicTools</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools" title="Permalink to this definition">¶</a></dt>
+<dd><p>Root component for app</p>
+<dl class="js function">
+<dt id="MusicTools.componentDidMount">
+<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">componentDidMount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.componentDidMount" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get user info from API on load</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="MusicTools.componentWillUnmount">
+<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">componentWillUnmount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.componentWillUnmount" title="Permalink to this definition">¶</a></dt>
+<dd><p>Cancel get user info request</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="MusicTools.getUserInfo">
+<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">getUserInfo</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.getUserInfo" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get user info from API</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="MusicTools.setOpen">
+<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">setOpen</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">bool</span></em><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.setOpen" title="Permalink to this definition">¶</a></dt>
+<dd><p>Set whether side app drawer is open</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>bool</strong> (<em>*</em>) – Open state of side drawer</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+</section>
+
+
+          </div>
+          
+        </div>
+      </div>
+      <div class="sphinxsidebar" role="navigation" aria-label="main navigation">
+        <div class="sphinxsidebarwrapper">
+<h1 class="logo"><a href="../index.html">Music Tools</a></h1>
+
+
+
+
+
+
+
+
+<h3>Navigation</h3>
+<p><span class="caption-text">Contents:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1 current"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
+</ul>
+
+<div class="relations">
+<h3>Related Topics</h3>
+<ul>
+  <li><a href="../index.html">Documentation overview</a><ul>
+  <li><a href="modules.html">music</a><ul>
+  <li><a href="MusicTools.html">Music Tools React</a><ul>
+      <li>Previous: <a href="MusicTools.html" title="previous chapter">Music Tools React</a></li>
+      <li>Next: <a href="MusicTools.Playlist.html" title="next chapter">Playlist</a></li>
+  </ul></li>
+  </ul></li>
+  </ul></li>
+</ul>
+</div>
+<div id="searchbox" style="display: none" role="search">
+  <h3 id="searchlabel">Quick search</h3>
+    <div class="searchformwrapper">
+    <form class="search" action="../search.html" method="get">
+      <input type="text" name="q" aria-labelledby="searchlabel" />
+      <input type="submit" value="Go" />
+    </form>
+    </div>
+</div>
+<script>$('#searchbox').show(0);</script>
+
+
+
+
+
+
+
+
+        </div>
+      </div>
+      <div class="clearer"></div>
+    </div>
+    <div class="footer">
+      &copy;2021, Sarsoo.
+      
+      |
+      Powered by <a href="http://sphinx-doc.org/">Sphinx 3.5.3</a>
+      &amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.12</a>
+      
+      |
+      <a href="../_sources/src/MusicTools.MusicTools.rst.txt"
+          rel="nofollow">Page source</a>
+    </div>
+
+    
+
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/MusicTools.Playlist.html b/src/MusicTools.Playlist.html
new file mode 100644
index 0000000..71190fe
--- /dev/null
+++ b/src/MusicTools.Playlist.html
@@ -0,0 +1,541 @@
+
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="generator" content="Docutils 0.17: http://docutils.sourceforge.net/" />
+
+    <title>Playlist &#8212; Music Tools  documentation</title>
+    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+    <link rel="stylesheet" href="../_static/alabaster.css" type="text/css" />
+    <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
+    <script src="../_static/jquery.js"></script>
+    <script src="../_static/underscore.js"></script>
+    <script src="../_static/doctools.js"></script>
+    <link rel="index" title="Index" href="../genindex.html" />
+    <link rel="search" title="Search" href="../search.html" />
+    <link rel="next" title="Tag" href="MusicTools.Tag.html" />
+    <link rel="prev" title="MusicTools" href="MusicTools.MusicTools.html" />
+   
+  <link rel="stylesheet" href="../_static/custom.css" type="text/css" />
+  
+  
+  <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
+
+  </head><body>
+  
+
+    <div class="document">
+      <div class="documentwrapper">
+        <div class="bodywrapper">
+          
+
+          <div class="body" role="main">
+            
+  <section id="playlist">
+<h1>Playlist<a class="headerlink" href="#playlist" title="Permalink to this headline">¶</a></h1>
+<section id="router">
+<h2>Router<a class="headerlink" href="#router" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="Playlists">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">Playlists</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Playlists" title="Permalink to this definition">¶</a></dt>
+<dd><p>Router for playlist lists page, includes new playlist page</p>
+</dd></dl>
+
+</section>
+<section id="playlists-list">
+<h2>Playlists List<a class="headerlink" href="#playlists-list" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="PlaylistsView">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">PlaylistsView</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistsView" title="Permalink to this definition">¶</a></dt>
+<dd><p>Top-level object for hosting playlist card grid with new/run all buttons</p>
+<p>Trigger loading playlist data during init</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Component properties</p></li>
+</ul>
+</dd>
+</dl>
+<dl class="js function">
+<dt id="PlaylistsView.getPlaylists">
+<code class="sig-prename descclassname"><span class="pre">PlaylistsView.</span></code><code class="sig-name descname"><span class="pre">getPlaylists</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistsView.getPlaylists" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get playlist data from API and set state with results</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="PlaylistsView.handleDeletePlaylist">
+<code class="sig-prename descclassname"><span class="pre">PlaylistsView.</span></code><code class="sig-name descname"><span class="pre">handleDeletePlaylist</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">name</span></em>, <em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistsView.handleDeletePlaylist" title="Permalink to this definition">¶</a></dt>
+<dd><p>Post delete playlist action to API</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>name</strong> (<em>*</em>) – Playlist name to delete</p></li>
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="PlaylistsView.handleRunAll">
+<code class="sig-prename descclassname"><span class="pre">PlaylistsView.</span></code><code class="sig-name descname"><span class="pre">handleRunAll</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistsView.handleRunAll" title="Permalink to this definition">¶</a></dt>
+<dd><p>Post run all playlists action to API</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="PlaylistsView.handleRunPlaylist">
+<code class="sig-prename descclassname"><span class="pre">PlaylistsView.</span></code><code class="sig-name descname"><span class="pre">handleRunPlaylist</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">name</span></em>, <em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistsView.handleRunPlaylist" title="Permalink to this definition">¶</a></dt>
+<dd><p>Post run playlist action to API</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>name</strong> (<em>*</em>) – Playlist name to run</p></li>
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+<dl class="js class">
+<dt id="PlaylistGrid">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">PlaylistGrid</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistGrid" title="Permalink to this definition">¶</a></dt>
+<dd><p>Playlist grid component for new/run all buttons and playlist cards</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Component properties</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Grid component</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js class">
+<dt id="PlaylistCard">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">PlaylistCard</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistCard" title="Permalink to this definition">¶</a></dt>
+<dd><p>Playlist card component with view/run/delete buttons</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Component properties</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Playlist card component</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="getPlaylistLink">
+<code class="sig-name descname"><span class="pre">getPlaylistLink</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">playlistName</span></em><span class="sig-paren">)</span><a class="headerlink" href="#getPlaylistLink" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get URL for playlist given name</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>playlistName</strong> (<em>*</em>) – Subject playlist name</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>URL string</p>
+</dd>
+</dl>
+</dd></dl>
+
+</section>
+<section id="new-playlist-card">
+<h2>New Playlist Card<a class="headerlink" href="#new-playlist-card" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="NewPlaylist">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">NewPlaylist</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewPlaylist" title="Permalink to this definition">¶</a></dt>
+<dd><p>New playlist card</p>
+<dl class="js function">
+<dt id="NewPlaylist.componentDidMount">
+<code class="sig-prename descclassname"><span class="pre">NewPlaylist.</span></code><code class="sig-name descname"><span class="pre">componentDidMount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#NewPlaylist.componentDidMount" title="Permalink to this definition">¶</a></dt>
+<dd><p>Set initial state of playlist type description</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="NewPlaylist.handleInputChange">
+<code class="sig-prename descclassname"><span class="pre">NewPlaylist.</span></code><code class="sig-name descname"><span class="pre">handleInputChange</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewPlaylist.handleInputChange" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle input changes by setting state</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="NewPlaylist.handleSubmit">
+<code class="sig-prename descclassname"><span class="pre">NewPlaylist.</span></code><code class="sig-name descname"><span class="pre">handleSubmit</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewPlaylist.handleSubmit" title="Permalink to this definition">¶</a></dt>
+<dd><p>Validate input and make new playlist API request</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="NewPlaylist.setDescription">
+<code class="sig-prename descclassname"><span class="pre">NewPlaylist.</span></code><code class="sig-name descname"><span class="pre">setDescription</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">value</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewPlaylist.setDescription" title="Permalink to this definition">¶</a></dt>
+<dd><p>Set playlist type description</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>value</strong> (<em>*</em>) – Playlist type string to match</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+</section>
+<section id="playlist-router">
+<h2>Playlist Router<a class="headerlink" href="#playlist-router" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="PlaylistRouter.View">
+<em class="property"><span class="pre">class</span> </em><code class="sig-prename descclassname"><span class="pre">PlaylistRouter.</span></code><code class="sig-name descname"><span class="pre">View</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistRouter.View" title="Permalink to this definition">¶</a></dt>
+<dd><p>Playlist view structure with tabs for view/editing and statistics</p>
+<dl class="js function">
+<dt id="PlaylistRouter.View.handleChange">
+<code class="sig-prename descclassname"><span class="pre">PlaylistRouter.View.</span></code><code class="sig-name descname"><span class="pre">handleChange</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">e</span></em>, <em class="sig-param"><span class="pre">newValue</span></em><span class="sig-paren">)</span><a class="headerlink" href="#PlaylistRouter.View.handleChange" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle tab change event</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>e</strong> (<em>*</em>) – Event args</p></li>
+<li><p><strong>newValue</strong> (<em>*</em>) – New tab object</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+</section>
+<section id="playlist-view">
+<h2>Playlist View<a class="headerlink" href="#playlist-view" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="Edit">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">Edit</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Edit" title="Permalink to this definition">¶</a></dt>
+<dd><p>Main view/edit card for playlists</p>
+<dl class="js attribute">
+<dt id="Edit.Edit">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">Edit</span></code><a class="headerlink" href="#Edit.Edit" title="Permalink to this definition">¶</a></dt>
+<dd></dd></dl>
+
+<dl class="js function">
+<dt id="Edit.componentDidMount">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">componentDidMount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Edit.componentDidMount" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get playlist info and all playlists from API, sort and set state</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.getPlaylistInfo">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">getPlaylistInfo</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Edit.getPlaylistInfo" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get API playlist info request</p>
+<dl class="field-list simple">
+<dt class="field-odd">Returns</dt>
+<dd class="field-odd"><p>Playlist info request</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.getPlaylists">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">getPlaylists</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Edit.getPlaylists" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get API list of playlist infos request</p>
+<dl class="field-list simple">
+<dt class="field-odd">Returns</dt>
+<dd class="field-odd"><p>Playlists info request</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleAddPart">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleAddPart</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleAddPart" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle adding new watched Spotify playlist name string</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleAddReference">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleAddReference</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleAddReference" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle adding new watched music tools playlist reference</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleCheckChange">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleCheckChange</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleCheckChange" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle checkbox state changes, make API requests</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleInputChange">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleInputChange</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleInputChange" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle input box state changes, make API requests</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleRemovePart">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleRemovePart</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">id</span></em>, <em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleRemovePart" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle removing watched Spotify playlist name string</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>id</strong> (<em>*</em>) – Subject playlist name</p></li>
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleRemoveReference">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleRemoveReference</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">id</span></em>, <em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleRemoveReference" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle removing watched music tools playlist reference</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>id</strong> (<em>*</em>) – Subject playlist name</p></li>
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.handleRun">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">handleRun</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.handleRun" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle refreshing playlist action, checks for spotify link</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – Event data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.makeNetworkUpdate">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">makeNetworkUpdate</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">changes</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.makeNetworkUpdate" title="Permalink to this definition">¶</a></dt>
+<dd><p>Send playlist info updates to API</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>changes</strong> (<em>*</em>) – Dictionary of changes to make</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+<dl class="js function">
+<dt id="ReferenceEntry">
+<code class="sig-name descname"><span class="pre">ReferenceEntry</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#ReferenceEntry" title="Permalink to this definition">¶</a></dt>
+<dd><p>Smart playlist entry in dropbox</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Properties containing name</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Dropbox option component</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.ListBlock">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">ListBlock</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.ListBlock" title="Permalink to this definition">¶</a></dt>
+<dd><p>Grid of cards for smart/Spotify playlist names with delete button</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Properties</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Grid component</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Edit.BlockGridItem">
+<code class="sig-prename descclassname"><span class="pre">Edit.</span></code><code class="sig-name descname"><span class="pre">BlockGridItem</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#Edit.BlockGridItem" title="Permalink to this definition">¶</a></dt>
+<dd><p>Smart/Spotify playlist card including name and delete button</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Properties</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Card component wrapped in grid cell</p>
+</dd>
+</dl>
+</dd></dl>
+
+</section>
+<section id="playlist-stats-view">
+<h2>Playlist Stats View<a class="headerlink" href="#playlist-stats-view" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="Count">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">Count</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Count" title="Permalink to this definition">¶</a></dt>
+<dd><p>Playlist count tab for presenting listening stats</p>
+<dl class="js attribute">
+<dt id="Count.Count">
+<code class="sig-prename descclassname"><span class="pre">Count.</span></code><code class="sig-name descname"><span class="pre">Count</span></code><a class="headerlink" href="#Count.Count" title="Permalink to this definition">¶</a></dt>
+<dd></dd></dl>
+
+<dl class="js function">
+<dt id="Count.getUserInfo">
+<code class="sig-prename descclassname"><span class="pre">Count.</span></code><code class="sig-name descname"><span class="pre">getUserInfo</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Count.getUserInfo" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get playlist info with stats from API and set state if user has Last.fm username</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="Count.updateStats">
+<code class="sig-prename descclassname"><span class="pre">Count.</span></code><code class="sig-name descname"><span class="pre">updateStats</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#Count.updateStats" title="Permalink to this definition">¶</a></dt>
+<dd><p>Make stats refresh request of API</p>
+</dd></dl>
+
+</dd></dl>
+
+</section>
+</section>
+
+
+          </div>
+          
+        </div>
+      </div>
+      <div class="sphinxsidebar" role="navigation" aria-label="main navigation">
+        <div class="sphinxsidebarwrapper">
+<h1 class="logo"><a href="../index.html">Music Tools</a></h1>
+
+
+
+
+
+
+
+
+<h3>Navigation</h3>
+<p><span class="caption-text">Contents:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1 current"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
+</ul>
+
+<div class="relations">
+<h3>Related Topics</h3>
+<ul>
+  <li><a href="../index.html">Documentation overview</a><ul>
+  <li><a href="modules.html">music</a><ul>
+  <li><a href="MusicTools.html">Music Tools React</a><ul>
+      <li>Previous: <a href="MusicTools.MusicTools.html" title="previous chapter">MusicTools</a></li>
+      <li>Next: <a href="MusicTools.Tag.html" title="next chapter">Tag</a></li>
+  </ul></li>
+  </ul></li>
+  </ul></li>
+</ul>
+</div>
+<div id="searchbox" style="display: none" role="search">
+  <h3 id="searchlabel">Quick search</h3>
+    <div class="searchformwrapper">
+    <form class="search" action="../search.html" method="get">
+      <input type="text" name="q" aria-labelledby="searchlabel" />
+      <input type="submit" value="Go" />
+    </form>
+    </div>
+</div>
+<script>$('#searchbox').show(0);</script>
+
+
+
+
+
+
+
+
+        </div>
+      </div>
+      <div class="clearer"></div>
+    </div>
+    <div class="footer">
+      &copy;2021, Sarsoo.
+      
+      |
+      Powered by <a href="http://sphinx-doc.org/">Sphinx 3.5.3</a>
+      &amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.12</a>
+      
+      |
+      <a href="../_sources/src/MusicTools.Playlist.rst.txt"
+          rel="nofollow">Page source</a>
+    </div>
+
+    
+
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/MusicTools.Tag.html b/src/MusicTools.Tag.html
new file mode 100644
index 0000000..09b88c2
--- /dev/null
+++ b/src/MusicTools.Tag.html
@@ -0,0 +1,240 @@
+
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="generator" content="Docutils 0.17: http://docutils.sourceforge.net/" />
+
+    <title>Tag &#8212; Music Tools  documentation</title>
+    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+    <link rel="stylesheet" href="../_static/alabaster.css" type="text/css" />
+    <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
+    <script src="../_static/jquery.js"></script>
+    <script src="../_static/underscore.js"></script>
+    <script src="../_static/doctools.js"></script>
+    <link rel="index" title="Index" href="../genindex.html" />
+    <link rel="search" title="Search" href="../search.html" />
+    <link rel="prev" title="Playlist" href="MusicTools.Playlist.html" />
+   
+  <link rel="stylesheet" href="../_static/custom.css" type="text/css" />
+  
+  
+  <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
+
+  </head><body>
+  
+
+    <div class="document">
+      <div class="documentwrapper">
+        <div class="bodywrapper">
+          
+
+          <div class="body" role="main">
+            
+  <section id="tag">
+<h1>Tag<a class="headerlink" href="#tag" title="Permalink to this headline">¶</a></h1>
+<section id="router">
+<h2>Router<a class="headerlink" href="#router" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="TagRouter">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">TagRouter</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#TagRouter" title="Permalink to this definition">¶</a></dt>
+<dd><p>Tag router for directing between tag list and new</p>
+</dd></dl>
+
+</section>
+<section id="tags-list">
+<h2>Tags List<a class="headerlink" href="#tags-list" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="TagList">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">TagList</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#TagList" title="Permalink to this definition">¶</a></dt>
+<dd><p>Tag card list component</p>
+<dl class="js function">
+<dt id="TagList.getTags">
+<code class="sig-prename descclassname"><span class="pre">TagList.</span></code><code class="sig-name descname"><span class="pre">getTags</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#TagList.getTags" title="Permalink to this definition">¶</a></dt>
+<dd><p>Get tags info from API</p>
+</dd></dl>
+
+<dl class="js function">
+<dt id="TagList.handleDeleteTag">
+<code class="sig-prename descclassname"><span class="pre">TagList.</span></code><code class="sig-name descname"><span class="pre">handleDeleteTag</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">tag_id</span></em>, <em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#TagList.handleDeleteTag" title="Permalink to this definition">¶</a></dt>
+<dd><p>Make delete tag request of API</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>tag_id</strong> (<em>*</em>) – Tag ID</p></li>
+<li><p><strong>event</strong> (<em>*</em>) – Event Data</p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+<dl class="js function">
+<dt id="TagGrid">
+<code class="sig-name descname"><span class="pre">TagGrid</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#TagGrid" title="Permalink to this definition">¶</a></dt>
+<dd><p>Tag card grid component</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Properties</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Grid component</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="TagCard">
+<code class="sig-name descname"><span class="pre">TagCard</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#TagCard" title="Permalink to this definition">¶</a></dt>
+<dd><p>Tag card component</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>props</strong> (<em>*</em>) – Properties</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Card component</p>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="getTagLink">
+<code class="sig-name descname"><span class="pre">getTagLink</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">tagName</span></em><span class="sig-paren">)</span><a class="headerlink" href="#getTagLink" title="Permalink to this definition">¶</a></dt>
+<dd><p>Map tag name to URL</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>tagName</strong> (<em>*</em>) – Subject tag name</p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns</dt>
+<dd class="field-even"><p>Tag URL</p>
+</dd>
+</dl>
+</dd></dl>
+
+</section>
+<section id="new-tag-card">
+<h2>New Tag Card<a class="headerlink" href="#new-tag-card" title="Permalink to this headline">¶</a></h2>
+<dl class="js class">
+<dt id="NewTag">
+<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">NewTag</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewTag" title="Permalink to this definition">¶</a></dt>
+<dd><p>New tag card component</p>
+<dl class="js function">
+<dt id="NewTag.handleInputChange">
+<code class="sig-prename descclassname"><span class="pre">NewTag.</span></code><code class="sig-name descname"><span class="pre">handleInputChange</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewTag.handleInputChange" title="Permalink to this definition">¶</a></dt>
+<dd><p>Handle tag id input box state changes</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+<dl class="js function">
+<dt id="NewTag.handleSubmit">
+<code class="sig-prename descclassname"><span class="pre">NewTag.</span></code><code class="sig-name descname"><span class="pre">handleSubmit</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">event</span></em><span class="sig-paren">)</span><a class="headerlink" href="#NewTag.handleSubmit" title="Permalink to this definition">¶</a></dt>
+<dd><p>Validate input, make new tag API request</p>
+<dl class="field-list simple">
+<dt class="field-odd">Arguments</dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>event</strong> (<em>*</em>) – </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+
+</dd></dl>
+
+</section>
+</section>
+
+
+          </div>
+          
+        </div>
+      </div>
+      <div class="sphinxsidebar" role="navigation" aria-label="main navigation">
+        <div class="sphinxsidebarwrapper">
+<h1 class="logo"><a href="../index.html">Music Tools</a></h1>
+
+
+
+
+
+
+
+
+<h3>Navigation</h3>
+<p><span class="caption-text">Contents:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1 current"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
+</ul>
+
+<div class="relations">
+<h3>Related Topics</h3>
+<ul>
+  <li><a href="../index.html">Documentation overview</a><ul>
+  <li><a href="modules.html">music</a><ul>
+  <li><a href="MusicTools.html">Music Tools React</a><ul>
+      <li>Previous: <a href="MusicTools.Playlist.html" title="previous chapter">Playlist</a></li>
+  </ul></li>
+  </ul></li>
+  </ul></li>
+</ul>
+</div>
+<div id="searchbox" style="display: none" role="search">
+  <h3 id="searchlabel">Quick search</h3>
+    <div class="searchformwrapper">
+    <form class="search" action="../search.html" method="get">
+      <input type="text" name="q" aria-labelledby="searchlabel" />
+      <input type="submit" value="Go" />
+    </form>
+    </div>
+</div>
+<script>$('#searchbox').show(0);</script>
+
+
+
+
+
+
+
+
+        </div>
+      </div>
+      <div class="clearer"></div>
+    </div>
+    <div class="footer">
+      &copy;2021, Sarsoo.
+      
+      |
+      Powered by <a href="http://sphinx-doc.org/">Sphinx 3.5.3</a>
+      &amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.12</a>
+      
+      |
+      <a href="../_sources/src/MusicTools.Tag.rst.txt"
+          rel="nofollow">Page source</a>
+    </div>
+
+    
+
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/MusicTools.html b/src/MusicTools.html
new file mode 100644
index 0000000..69e9014
--- /dev/null
+++ b/src/MusicTools.html
@@ -0,0 +1,142 @@
+
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="generator" content="Docutils 0.17: http://docutils.sourceforge.net/" />
+
+    <title>Music Tools React &#8212; Music Tools  documentation</title>
+    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+    <link rel="stylesheet" href="../_static/alabaster.css" type="text/css" />
+    <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
+    <script src="../_static/jquery.js"></script>
+    <script src="../_static/underscore.js"></script>
+    <script src="../_static/doctools.js"></script>
+    <link rel="index" title="Index" href="../genindex.html" />
+    <link rel="search" title="Search" href="../search.html" />
+    <link rel="next" title="MusicTools" href="MusicTools.MusicTools.html" />
+    <link rel="prev" title="music.tasks" href="music.tasks.html" />
+   
+  <link rel="stylesheet" href="../_static/custom.css" type="text/css" />
+  
+  
+  <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
+
+  </head><body>
+  
+
+    <div class="document">
+      <div class="documentwrapper">
+        <div class="bodywrapper">
+          
+
+          <div class="body" role="main">
+            
+  <section id="music-tools-react">
+<h1>Music Tools React<a class="headerlink" href="#music-tools-react" title="Permalink to this headline">¶</a></h1>
+<section id="subpackages">
+<h2>Subpackages<a class="headerlink" href="#subpackages" title="Permalink to this headline">¶</a></h2>
+<div class="toctree-wrapper compound">
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.MusicTools.html">MusicTools</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.Playlist.html">Playlist</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#router">Router</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#playlists-list">Playlists List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#new-playlist-card">New Playlist Card</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#playlist-router">Playlist Router</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#playlist-view">Playlist View</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#playlist-stats-view">Playlist Stats View</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.Tag.html">Tag</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#router">Router</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#tags-list">Tags List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#new-tag-card">New Tag Card</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</section>
+</section>
+
+
+          </div>
+          
+        </div>
+      </div>
+      <div class="sphinxsidebar" role="navigation" aria-label="main navigation">
+        <div class="sphinxsidebarwrapper">
+<h1 class="logo"><a href="../index.html">Music Tools</a></h1>
+
+
+
+
+
+
+
+
+<h3>Navigation</h3>
+<p><span class="caption-text">Contents:</span></p>
+<ul class="current">
+<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1 current"><a class="current reference internal" href="#">Music Tools React</a></li>
+</ul>
+
+<div class="relations">
+<h3>Related Topics</h3>
+<ul>
+  <li><a href="../index.html">Documentation overview</a><ul>
+  <li><a href="modules.html">music</a><ul>
+      <li>Previous: <a href="music.tasks.html" title="previous chapter">music.tasks</a></li>
+      <li>Next: <a href="MusicTools.MusicTools.html" title="next chapter">MusicTools</a></li>
+  </ul></li>
+  </ul></li>
+</ul>
+</div>
+<div id="searchbox" style="display: none" role="search">
+  <h3 id="searchlabel">Quick search</h3>
+    <div class="searchformwrapper">
+    <form class="search" action="../search.html" method="get">
+      <input type="text" name="q" aria-labelledby="searchlabel" />
+      <input type="submit" value="Go" />
+    </form>
+    </div>
+</div>
+<script>$('#searchbox').show(0);</script>
+
+
+
+
+
+
+
+
+        </div>
+      </div>
+      <div class="clearer"></div>
+    </div>
+    <div class="footer">
+      &copy;2021, Sarsoo.
+      
+      |
+      Powered by <a href="http://sphinx-doc.org/">Sphinx 3.5.3</a>
+      &amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.12</a>
+      
+      |
+      <a href="../_sources/src/MusicTools.rst.txt"
+          rel="nofollow">Page source</a>
+    </div>
+
+    
+
+    
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/modules.html b/src/modules.html
index a571cc8..72dbc57 100644
--- a/src/modules.html
+++ b/src/modules.html
@@ -90,6 +90,28 @@
 <li class="toctree-l2"><a class="reference internal" href="music.html#module-music.music">music.music module</a></li>
 </ul>
 </li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="MusicTools.html#subpackages">Subpackages</a><ul>
+<li class="toctree-l3"><a class="reference internal" href="MusicTools.MusicTools.html">MusicTools</a></li>
+<li class="toctree-l3"><a class="reference internal" href="MusicTools.Playlist.html">Playlist</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Playlist.html#router">Router</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Playlist.html#playlists-list">Playlists List</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Playlist.html#new-playlist-card">New Playlist Card</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Playlist.html#playlist-router">Playlist Router</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Playlist.html#playlist-view">Playlist View</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Playlist.html#playlist-stats-view">Playlist Stats View</a></li>
+</ul>
+</li>
+<li class="toctree-l3"><a class="reference internal" href="MusicTools.Tag.html">Tag</a><ul>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Tag.html#router">Router</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Tag.html#tags-list">Tags List</a></li>
+<li class="toctree-l4"><a class="reference internal" href="MusicTools.Tag.html#new-tag-card">New Tag Card</a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
 </ul>
 </div>
 </section>
@@ -121,6 +143,7 @@
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.api.html b/src/music.api.html
index e18a267..b83f910 100644
--- a/src/music.api.html
+++ b/src/music.api.html
@@ -331,14 +331,15 @@
 <h3>Navigation</h3>
 <p><span class="caption-text">Contents:</span></p>
 <ul class="current">
-<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
-<li class="toctree-l1 current"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">music.api</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.auth.html b/src/music.auth.html
index badd28c..be00c77 100644
--- a/src/music.auth.html
+++ b/src/music.auth.html
@@ -102,14 +102,15 @@
 <h3>Navigation</h3>
 <p><span class="caption-text">Contents:</span></p>
 <ul class="current">
-<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
-<li class="toctree-l1 current"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">music.auth</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.cloud.html b/src/music.cloud.html
index dc69610..b62a9a6 100644
--- a/src/music.cloud.html
+++ b/src/music.cloud.html
@@ -189,14 +189,15 @@
 <h3>Navigation</h3>
 <p><span class="caption-text">Contents:</span></p>
 <ul class="current">
-<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
-<li class="toctree-l1 current"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">music.cloud</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.db.html b/src/music.db.html
index d98d0de..5e94828 100644
--- a/src/music.db.html
+++ b/src/music.db.html
@@ -176,14 +176,15 @@
 <h3>Navigation</h3>
 <p><span class="caption-text">Contents:</span></p>
 <ul class="current">
-<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
-<li class="toctree-l1 current"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.html b/src/music.html
index 1db232d..6552bd9 100644
--- a/src/music.html
+++ b/src/music.html
@@ -143,6 +143,7 @@
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.model.html b/src/music.model.html
index d45fc6a..26641ce 100644
--- a/src/music.model.html
+++ b/src/music.model.html
@@ -525,14 +525,15 @@
 <h3>Navigation</h3>
 <p><span class="caption-text">Contents:</span></p>
 <ul class="current">
-<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
-<li class="toctree-l1 current"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">music.model</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.tasks.html">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
diff --git a/src/music.tasks.html b/src/music.tasks.html
index b527cd6..bdc6d8e 100644
--- a/src/music.tasks.html
+++ b/src/music.tasks.html
@@ -15,6 +15,7 @@
     <script src="../_static/doctools.js"></script>
     <link rel="index" title="Index" href="../genindex.html" />
     <link rel="search" title="Search" href="../search.html" />
+    <link rel="next" title="Music Tools React" href="MusicTools.html" />
     <link rel="prev" title="music.model" href="music.model.html" />
    
   <link rel="stylesheet" href="../_static/custom.css" type="text/css" />
@@ -143,14 +144,15 @@
 <h3>Navigation</h3>
 <p><span class="caption-text">Contents:</span></p>
 <ul class="current">
-<li class="toctree-l1 current"><a class="reference internal" href="modules.html">Modules</a></li>
-<li class="toctree-l1 current"><a class="reference internal" href="music.html">music</a></li>
+<li class="toctree-l1"><a class="reference internal" href="modules.html">Modules</a></li>
+<li class="toctree-l1"><a class="reference internal" href="music.html">music</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.api.html">music.api</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.auth.html">music.auth</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.cloud.html">music.cloud</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.db.html">music.db</a></li>
 <li class="toctree-l1"><a class="reference internal" href="music.model.html">music.model</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">music.tasks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MusicTools.html">Music Tools React</a></li>
 </ul>
 
 <div class="relations">
@@ -160,6 +162,7 @@
   <li><a href="modules.html">music</a><ul>
   <li><a href="music.html">music</a><ul>
       <li>Previous: <a href="music.model.html" title="previous chapter">music.model</a></li>
+      <li>Next: <a href="MusicTools.html" title="next chapter">Music Tools React</a></li>
   </ul></li>
   </ul></li>
   </ul></li>