 (def app-db-styles
   [:#--re-frame-10x--
    #_[:.app-db-path
-    {:background-color           common/white-background-color
-     :border-bottom-left-radius  border-radius
-     :border-bottom-right-radius border-radius}]
+      {:background-color           common/white-background-color
+       :border-bottom-left-radius  border-radius
+       :border-bottom-right-radius border-radius}]
 
    [:.app-db-path--pod-border
-    {:border-left                pod-border-edge
-     :border-right               pod-border-edge
-     :border-bottom              pod-border-edge}]
+    {:border-left   pod-border-edge
+     :border-right  pod-border-edge
+     :border-bottom pod-border-edge}]
 
    [:.app-db-path--header
-    {:background-color        "#fafbfc"
-     :color                   "#b0b2b4"
-     :border                  pod-border-edge
-     :height                  common/gs-31}
+    {:background-color "#fafbfc"
+     :color            "#b0b2b4"
+     :border           pod-border-edge
+     :height           common/gs-31}
     ["&.subscription-pinned"
      {:background-color common/lighter-blue}]]
 


(defn render [app-db]
  [rc/v-box
   :size  "1"
   :style {:margin-right common/gs-19s
           ;:overflow     "hidden"
           }

                           :placeholder "Showing all of app-db. Try entering a path like [:todos 1]"]]]
              [pod-header-section
               :width "50px"
               :attr {:on-click (handler-fn (rf/dispatch [:app-db/set-diff-visibility id (not diff?)]))}
               :children [[rc/box
                           :style {:margin "auto"}
                           :child [rc/checkbox
                                   :model diff?
                                   :label ""
                                   :style {:margin-left "6px"
                                           :margin-top  "1px"}
                                   :on-change #(rf/dispatch [:app-db/set-diff-visibility id (not diff?)])]]]]
              [pod-header-section
               :width "50px"
               :justify :center
               :last? true
               :children [[close-button
                           :div-size 31
                           :font-size 31
                           :left-offset 3
                           :top-offset -4
                           :tooltip "Remove this inspector"
                           :on-click #(do (reset! *finished-animation? false)
                                          (rf/dispatch [:app-db/remove-path id]))]]]]])


(defn pod [{:keys [id path open? diff?] :as pod-info}]
  (let [render-diff? (and open? diff?)
        app-db-after (rf/subscribe [:app-db/current-epoch-app-db-after])]
    [rc/v-box
     :style {:margin-bottom pod-gap
             :margin-right  "1px"}
     :children [[pod-header pod-info]
                [rc/v-box
                 :class (when open? "app-db-path--pod-border")
                 :children [[animated/component
                             (animated/v-box-options
                               {:enter-animation "accordionVertical"
                                :leave-animation "accordionVertical"
                                :duration        animation-duration})
                             (when open?
                               [rc/v-box
                                :class "data-viewer"
