@industry-theme/git-panels 0.1.12 → 0.1.13

package/dist/panels.bundle.js

@@ -107,70 +107,59 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$j = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$m);
+const Calendar = createLucideIcon("calendar", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$l);
+const __iconNode$i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$k);
+const __iconNode$h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$g = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$j);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
-  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-];
-const Clock = createLucideIcon("clock", __iconNode$i);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$h = [
+const __iconNode$f = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$h);
+const Copy = createLucideIcon("copy", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$e = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -180,26 +169,26 @@ const __iconNode$g = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$g);
+const Expand = createLucideIcon("expand", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$d = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$f);
+const ExternalLink = createLucideIcon("external-link", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -212,70 +201,59 @@ const __iconNode$e = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$e);
+const FileText = createLucideIcon("file-text", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$b = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
   ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
 ];
-const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$d);
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$a = [
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
   ["line", { x1: "6", x2: "6", y1: "9", y2: "21", key: "rroup" }]
 ];
-const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$c);
+const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$a);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$9 = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$b);
+const History = createLucideIcon("history", __iconNode$9);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
+const __iconNode$8 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$8);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
-  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
-  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
-];
-const Mail = createLucideIcon("mail", __iconNode$9);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$8 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -284,45 +262,45 @@ const __iconNode$8 = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$8);
+const MessageSquare = createLucideIcon("message-square", __iconNode$7);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-const Minus = createLucideIcon("minus", __iconNode$7);
+const __iconNode$6 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus = createLucideIcon("minus", __iconNode$6);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$5 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$6);
+const Monitor = createLucideIcon("monitor", __iconNode$5);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$4 = [
   ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$5);
+const MoveRight = createLucideIcon("move-right", __iconNode$4);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$3 = [
   [
     "path",
     {
@@ -331,42 +309,31 @@ const __iconNode$4 = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$4);
+const Play = createLucideIcon("play", __iconNode$3);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$2 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$3);
+const Plus = createLucideIcon("plus", __iconNode$2);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$2 = [
+const __iconNode$1 = [
   ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
   ["path", { d: "M16 16h5v5", key: "ccwih5" }]
 ];
-const RefreshCcw = createLucideIcon("refresh-ccw", __iconNode$2);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$1 = [
-  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
-  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-];
-const User = createLucideIcon("user", __iconNode$1);
+const RefreshCcw = createLucideIcon("refresh-ccw", __iconNode$1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -415,7 +382,8 @@ function formatRelativeTime(dateStr) {
   const hours = Math.floor(minutes / 60);
   if (hours < 24) return `${hours} hour${hours === 1 ? "" : "s"} ago`;
   const days = Math.floor(hours / 24);
-  if (days < 30) return `${days} day${days === 1 ? "" : "s"} ago`;
+  if (days === 1) return "Yesterday";
+  if (days < 30) return `${days} days ago`;
   const months = Math.floor(days / 30);
   if (months < 12) return `${months} month${months === 1 ? "" : "s"} ago`;
   const years = Math.floor(months / 12);
@@ -444,6 +412,7 @@ const GitCommitHistoryPanel = ({
   var _a;
   const { theme: theme2 } = useTheme();
   const [limit, setLimit] = useState(25);
+  const [selectedHash, setSelectedHash] = useState(null);
   const commitsSlice = context.getSlice("commits");
   const hasCommits = context.hasSlice("commits");
   const isLoading = context.isSliceLoading("commits");
@@ -487,7 +456,7 @@ const GitCommitHistoryPanel = ({
     display: "flex",
     flexDirection: "column",
     height: "100%",
-    backgroundColor: theme2.colors.backgroundSecondary,
+    backgroundColor: theme2.colors.background,
     overflow: "hidden"
   };
   const renderState = (message) => /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsx(
@@ -511,6 +480,7 @@ const GitCommitHistoryPanel = ({
     return renderState("Commit history data is not available.");
   }
   return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -519,20 +489,32 @@ const GitCommitHistoryPanel = ({
           minHeight: "40px",
           padding: "0 12px",
           borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.background,
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
-          color: theme2.colors.textSecondary,
-          textTransform: "uppercase",
-          fontWeight: 600,
-          fontSize: theme2.fontSizes[1],
           boxSizing: "border-box"
         },
         children: [
-          /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-            /* @__PURE__ */ jsx(History, { size: 14 }),
-            "Commit History"
-          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                color: theme2.colors.textSecondary,
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: 600,
+                textTransform: "uppercase"
+              },
+              children: [
+                /* @__PURE__ */ jsx(History, { size: 14 }),
+                "Commit History"
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs(
             "button",
             {
@@ -549,7 +531,8 @@ const GitCommitHistoryPanel = ({
                 backgroundColor: theme2.colors.background,
                 color: theme2.colors.text,
                 cursor: isLoading ? "default" : "pointer",
-                fontSize: "12px",
+                fontFamily: theme2.fonts.body,
+                fontSize: theme2.fontSizes[0],
                 fontWeight: 500,
                 opacity: isLoading ? 0.7 : 1
               },
@@ -568,11 +551,12 @@ const GitCommitHistoryPanel = ({
         style: {
           flex: 1,
           overflowY: "auto",
-          padding: "16px",
           display: "flex",
           flexDirection: "column",
-          gap: "10px"
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
         },
+        className: "hide-scrollbar",
         children: [
           isLoading && commits.length === 0 && /* @__PURE__ */ jsx(
             "div",
@@ -589,19 +573,20 @@ const GitCommitHistoryPanel = ({
               children: "Loading commit history..."
             }
           ),
-          !isLoading && sortedCommits.length === 0 && /* @__PURE__ */ jsx(
+          !isLoading && sortedCommits.length === 0 && /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
-                flex: 1,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
+                marginTop: "48px",
                 textAlign: "center",
                 color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[1]
+                fontFamily: theme2.fonts.body
               },
-              children: "No commits found."
+              children: [
+                /* @__PURE__ */ jsx(History, { size: 32, style: { marginBottom: "12px" } }),
+                /* @__PURE__ */ jsx("div", { style: { fontFamily: theme2.fonts.heading, fontSize: theme2.fontSizes[1], fontWeight: 600 }, children: "No commits found" }),
+                /* @__PURE__ */ jsx("div", { style: { marginTop: "4px", fontSize: theme2.fontSizes[0] }, children: "There are no commits to display." })
+              ]
             }
           ),
           sortedCommits.map((commit) => /* @__PURE__ */ jsx(
@@ -609,7 +594,9 @@ const GitCommitHistoryPanel = ({
             {
               commit,
               theme: theme2,
+              isSelected: selectedHash === commit.hash,
               onClick: () => {
+                setSelectedHash(commit.hash);
                 events.emit({
                   type: "git-panels.commit:selected",
                   source: "git-panels.commit-history",
@@ -625,41 +612,48 @@ const GitCommitHistoryPanel = ({
     )
   ] });
 };
-const CommitCard = ({ commit, theme: theme2, onClick }) => {
+const CommitCard = ({ commit, theme: theme2, isSelected, onClick }) => {
+  const [isHovered, setIsHovered] = useState(false);
+  const isActive = isHovered || isSelected;
   const firstLine = commit.message.split("\n")[0];
   const relative = formatRelativeTime(commit.date);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick == null ? void 0 : onClick();
+        }
+      },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       style: {
-        padding: "12px",
-        backgroundColor: theme2.colors.background,
-        borderRadius: "6px",
-        border: `1px solid ${theme2.colors.border}`,
+        borderBottom: `1px solid ${theme2.colors.border}`,
+        padding: "16px",
+        backgroundColor: isActive ? theme2.colors.background : theme2.colors.backgroundSecondary,
         display: "flex",
         flexDirection: "column",
-        gap: "6px",
+        gap: "8px",
         cursor: onClick ? "pointer" : "default",
-        transition: "border-color 0.15s ease"
-      },
-      onMouseEnter: (e) => {
-        if (onClick) {
-          e.currentTarget.style.borderColor = theme2.colors.primary;
-        }
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.borderColor = theme2.colors.border;
+        minWidth: 0,
+        transition: "background-color 0.15s ease"
       },
       children: [
         /* @__PURE__ */ jsx(
           "div",
           {
             style: {
+              fontFamily: theme2.fonts.heading,
               fontSize: theme2.fontSizes[2],
-              color: theme2.colors.text,
-              fontWeight: 500,
-              lineHeight: 1.4
+              fontWeight: 600,
+              color: isActive ? theme2.colors.primary : theme2.colors.text,
+              lineHeight: 1.3,
+              wordBreak: "break-word",
+              transition: "color 0.15s ease"
             },
             children: firstLine
           }
@@ -669,40 +663,18 @@ const CommitCard = ({ commit, theme: theme2, onClick }) => {
           {
             style: {
               display: "flex",
-              flexWrap: "wrap",
-              gap: "8px",
               alignItems: "center",
-              fontSize: theme2.fontSizes[1],
-              color: theme2.colors.textSecondary
+              gap: "4px",
+              color: theme2.colors.textSecondary,
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[0]
             },
             children: [
-              commit.author && /* @__PURE__ */ jsx("span", { children: commit.author }),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px" }, children: "•" }),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.monospace,
-                    fontSize: "11px"
-                  },
-                  children: commit.hash.substring(0, 8)
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: "10px" }, children: "•" }),
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "4px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Clock, { size: 12 }),
-                    /* @__PURE__ */ jsx("span", { title: new Date(commit.date).toLocaleString(), children: relative })
-                  ]
-                }
-              )
+              /* @__PURE__ */ jsx("span", { title: new Date(commit.date).toLocaleString(), children: relative }),
+              commit.author && /* @__PURE__ */ jsxs("span", { children: [
+                "by ",
+                commit.author
+              ] })
             ]
           }
         )
@@ -44947,23 +44919,51 @@ const GitCommitDetailPanelContent = ({
           backgroundColor: theme2.colors.backgroundSecondary,
           display: "flex",
           alignItems: "center",
-          gap: "12px",
+          gap: "8px",
           boxSizing: "border-box"
         },
         children: [
-          /* @__PURE__ */ jsx(GitCommitHorizontal, { size: 14, style: { color: theme2.colors.primary } }),
-          /* @__PURE__ */ jsx(
+          selectedCommit.files && selectedCommit.files.length > 0 && /* @__PURE__ */ jsxs(
             "span",
             {
               style: {
-                fontFamily: theme2.fonts.monospace,
-                fontSize: theme2.fontSizes[1],
-                color: theme2.colors.primary,
-                backgroundColor: `${theme2.colors.primary}15`,
-                padding: "2px 8px",
-                borderRadius: "4px"
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.primary }, children: [
+                  selectedCommit.files.length,
+                  " ",
+                  selectedCommit.files.length === 1 ? "file" : "files"
+                ] }),
+                " changed"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "6px",
+                color: theme2.colors.textSecondary,
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body
               },
-              children: shortHash
+              children: [
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: relative }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: selectedCommit.author })
+                ] }),
+                /* @__PURE__ */ jsx("span", { children: "as" }),
+                /* @__PURE__ */ jsxs("span", { style: { fontFamily: theme2.fonts.monospace }, children: [
+                  "sha ",
+                  shortHash
+                ] })
+              ]
             }
           ),
           selectedCommit.stats && /* @__PURE__ */ jsxs(
@@ -44972,8 +44972,14 @@ const GitCommitDetailPanelContent = ({
               style: {
                 display: "inline-flex",
                 alignItems: "center",
-                gap: "8px",
-                fontSize: theme2.fontSizes[0]
+                gap: "6px",
+                padding: "4px 10px",
+                borderRadius: "999px",
+                backgroundColor: `${theme2.colors.primary}20`,
+                color: theme2.colors.primary,
+                fontFamily: theme2.fonts.heading,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: 600
               },
               children: [
                 /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.success || "#22c55e", display: "inline-flex", alignItems: "center", gap: "2px" }, children: [
@@ -45060,111 +45066,12 @@ const GitCommitDetailPanelContent = ({
               children: firstLine
             }
           ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "8px",
-                padding: "12px",
-                marginBottom: "16px",
-                backgroundColor: theme2.colors.backgroundSecondary,
-                borderRadius: "8px",
-                border: `1px solid ${theme2.colors.border}`
-              },
-              children: [
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "8px",
-                      fontSize: theme2.fontSizes[1]
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(User, { size: 14, style: { color: theme2.colors.textSecondary } }),
-                      /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: selectedCommit.author }),
-                      selectedCommit.authorEmail && /* @__PURE__ */ jsxs(
-                        "span",
-                        {
-                          style: {
-                            display: "inline-flex",
-                            alignItems: "center",
-                            gap: "4px",
-                            color: theme2.colors.textSecondary,
-                            fontSize: theme2.fontSizes[0]
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(Mail, { size: 12 }),
-                            selectedCommit.authorEmail
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "8px",
-                      fontSize: theme2.fontSizes[1]
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(Clock, { size: 14, style: { color: theme2.colors.textSecondary } }),
-                      /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: formatDate(selectedCommit.date) }),
-                      /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textSecondary }, children: [
-                        "(",
-                        relative,
-                        ")"
-                      ] })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "8px",
-                      fontSize: theme2.fontSizes[1]
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(GitCommitHorizontal, { size: 14, style: { color: theme2.colors.textSecondary } }),
-                      /* @__PURE__ */ jsx(
-                        "code",
-                        {
-                          style: {
-                            fontFamily: theme2.fonts.monospace,
-                            fontSize: theme2.fontSizes[0],
-                            color: theme2.colors.text,
-                            backgroundColor: theme2.colors.background,
-                            padding: "2px 6px",
-                            borderRadius: "4px"
-                          },
-                          children: selectedCommit.hash
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
           messageBody && /* @__PURE__ */ jsx(
             "div",
             {
               style: {
-                marginBottom: "16px",
-                padding: "16px",
-                backgroundColor: theme2.colors.backgroundSecondary,
-                borderRadius: "8px",
-                border: `1px solid ${theme2.colors.border}`
+                borderTop: `1px solid ${theme2.colors.border}`,
+                paddingTop: "16px"
               },
               children: /* @__PURE__ */ jsx(
                 DocumentView,
@@ -45176,124 +45083,12 @@ const GitCommitDetailPanelContent = ({
                 }
               )
             }
-          ),
-          selectedCommit.files && selectedCommit.files.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(
-              "h2",
-              {
-                style: {
-                  margin: 0,
-                  marginBottom: "12px",
-                  fontFamily: theme2.fonts.heading,
-                  fontSize: theme2.fontSizes[2],
-                  fontWeight: 600,
-                  color: theme2.colors.text,
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "8px"
-                },
-                children: [
-                  /* @__PURE__ */ jsx(FileText, { size: 16 }),
-                  "Files Changed (",
-                  selectedCommit.files.length,
-                  ")"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: "4px"
-                },
-                children: selectedCommit.files.map((file) => /* @__PURE__ */ jsx(FileChangeRow, { file, theme: theme2 }, file.filename))
-              }
-            )
-          ] })
+          )
         ]
       }
     )
   ] });
 };
-const FileChangeRow = ({ file, theme: theme2 }) => {
-  const statusColors = {
-    added: theme2.colors.success || "#22c55e",
-    removed: theme2.colors.error || "#ef4444",
-    modified: theme2.colors.warning || "#f59e0b",
-    renamed: theme2.colors.info || "#3b82f6"
-  };
-  const statusColor = statusColors[file.status] || theme2.colors.textSecondary;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: "8px 12px",
-        backgroundColor: theme2.colors.backgroundSecondary,
-        borderRadius: "6px",
-        border: `1px solid ${theme2.colors.border}`,
-        fontSize: theme2.fontSizes[1]
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              width: "8px",
-              height: "8px",
-              borderRadius: "50%",
-              backgroundColor: statusColor,
-              flexShrink: 0
-            },
-            title: file.status
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              flex: 1,
-              fontFamily: theme2.fonts.monospace,
-              fontSize: theme2.fontSizes[0],
-              color: theme2.colors.text,
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
-            },
-            title: file.filename,
-            children: file.filename
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            style: {
-              display: "inline-flex",
-              alignItems: "center",
-              gap: "6px",
-              fontSize: theme2.fontSizes[0],
-              flexShrink: 0
-            },
-            children: [
-              file.additions > 0 && /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.success || "#22c55e" }, children: [
-                "+",
-                file.additions
-              ] }),
-              file.deletions > 0 && /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.error || "#ef4444" }, children: [
-                "-",
-                file.deletions
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
 const GitCommitDetailPanel = GitCommitDetailPanelContent;
 const GitCommitDetailPanelPreview = () => {
   const { theme: theme2 } = useTheme();