git-viewer 10.0.0 → 12.0.0

package/dist/entry.bundled.js

@@ -1715,10 +1715,10 @@ function Sidebar(handle) {
             css: {
               padding: "12px",
               fontWeight: 600,
-              fontSize: "11px",
               textTransform: "uppercase",
               letterSpacing: "0.5px",
-              color: colors.textMuted
+              color: colors.textMuted,
+              borderBottom: `1px solid ${colors.border}`
             },
             children: "Git Tree Viewer"
           }
@@ -1729,7 +1729,8 @@ function Sidebar(handle) {
             RefSection,
             {
               title: remote.toUpperCase(),
-              nodes
+              nodes,
+              initialExpanded: false
             },
             remote
           ))
@@ -1739,36 +1740,43 @@ function Sidebar(handle) {
   );
 }
 function RefSection(handle) {
-  let expanded = true;
-  return ({ title, nodes }) => /* @__PURE__ */ jsx("div", { css: { marginBottom: "8px" }, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        css: {
-          padding: "4px 12px",
-          fontSize: "10px",
-          fontWeight: 600,
-          textTransform: "uppercase",
-          letterSpacing: "0.5px",
-          color: colors.textMuted,
-          cursor: "pointer",
-          "&:hover": { color: colors.text }
-        },
-        on: {
-          click: () => {
-            expanded = !expanded;
-            handle.update();
-          }
-        },
-        children: [
-          expanded ? "\u25BC" : "\u25B6",
-          " ",
-          title
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsx("div", { css: { paddingLeft: "8px" }, children: nodes.map((node) => /* @__PURE__ */ jsx(RefNodeItem, { node, depth: 0 }, node.name)) })
-  ] });
+  let expanded = null;
+  return ({
+    title,
+    nodes,
+    initialExpanded = true
+  }) => {
+    if (expanded === null) expanded = initialExpanded;
+    return /* @__PURE__ */ jsx("div", { css: { marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          css: {
+            padding: "4px 12px",
+            fontSize: "10px",
+            fontWeight: 600,
+            textTransform: "uppercase",
+            letterSpacing: "0.5px",
+            color: colors.textMuted,
+            cursor: "pointer",
+            "&:hover": { color: colors.text }
+          },
+          on: {
+            click: () => {
+              expanded = !expanded;
+              handle.update();
+            }
+          },
+          children: [
+            expanded ? "\u25BC" : "\u25B6",
+            " ",
+            title
+          ]
+        }
+      ),
+      expanded && /* @__PURE__ */ jsx("div", { css: { paddingLeft: "8px" }, children: nodes.map((node) => /* @__PURE__ */ jsx(RefNodeItem, { node, depth: 0 }, node.name)) })
+    ] });
+  };
 }
 function RefNodeItem(handle) {
   let store = handle.context.get(App);
@@ -1892,7 +1900,7 @@ function CommitList(handle) {
               display: "flex",
               alignItems: "center",
               gap: "8px",
-              padding: "8px 12px",
+              padding: "7.5px 12px",
               borderBottom: `1px solid ${colors.border}`,
               background: colors.bgLight
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-viewer",
-  "version": "10.0.0",
+  "version": "12.0.0",
   "description": "Visual git log viewer with branch graph and diff display",
   "repository": {
     "type": "git",