diff --git a/app/client/src/git/ce/constants/messages.tsx b/app/client/src/git/ce/constants/messages.tsx
index 0978898423ff..432d0dcd4cea 100644
--- a/app/client/src/git/ce/constants/messages.tsx
+++ b/app/client/src/git/ce/constants/messages.tsx
@@ -1,5 +1,5 @@
 export const OPS_MODAL = {
-  TAB_RELEASE: "RELEASE",
+  TAB_RELEASE: "Release",
 };
 
 export const TAB_RELEASE = {
@@ -16,3 +16,8 @@ export const RELEASE_NOTES_INPUT = {
   TITLE: "Release notes",
   PLACEHOLDER: "Your release notes here",
 };
+
+export const LATEST_COMMIT_INFO = {
+  LOADING_COMMIT_MESSAGE: "Fetching latest commit...",
+  NO_COMMIT_MESSAGE: "No commit message found",
+};
diff --git a/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.test.tsx b/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.test.tsx
index f5cfcf517c65..0e49e83a9079 100644
--- a/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.test.tsx
+++ b/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.test.tsx
@@ -4,91 +4,143 @@ import LatestCommitInfoView from "./LatestCommitInfoView";
 import "@testing-library/jest-dom";
 
 describe("LatestCommitInfoView", () => {
+  const currentTimestamp = Math.floor((Date.now() - 3600000) / 1000);
+
   it("renders correctly with all props", () => {
-    const { getByText } = render(
+    const { getByTestId } = render(
       <LatestCommitInfoView
         authorName="John Doe"
-        committedAt="2025-03-01"
+        committedAt={currentTimestamp}
         hash="abc123"
+        isLoading={false}
         message="Initial commit"
       />,
     );
 
-    expect(getByText("Initial commit")).toBeInTheDocument();
-    expect(getByText("John Doe committed 2025-03-01")).toBeInTheDocument();
-    expect(getByText("abc123")).toBeInTheDocument();
+    expect(getByTestId("t--git-latest-commit-message")).toHaveTextContent(
+      "Initial commit",
+    );
+    expect(getByTestId("t--git-latest-commit-commited-by")).toHaveTextContent(
+      "John Doe committed 1 hr ago",
+    );
+    expect(getByTestId("t--git-latest-commit-hash")).toHaveTextContent(
+      "abc123",
+    );
   });
 
   it("renders correctly with null authorName", () => {
-    const { getByText } = render(
+    const { getByTestId, queryByTestId } = render(
       <LatestCommitInfoView
         authorName={null}
-        committedAt="2025-03-01"
+        committedAt={currentTimestamp}
         hash="abc123"
+        isLoading={false}
         message="Initial commit"
       />,
     );
 
-    expect(getByText("Initial commit")).toBeInTheDocument();
-    expect(getByText("- committed 2025-03-01")).toBeInTheDocument();
-    expect(getByText("abc123")).toBeInTheDocument();
+    expect(
+      queryByTestId("t--git-latest-commit-commited-by"),
+    ).not.toBeInTheDocument();
+    expect(getByTestId("t--git-latest-commit-message")).toHaveTextContent(
+      "Initial commit",
+    );
   });
 
   it("renders correctly with null committedAt", () => {
-    const { getByText } = render(
+    const { getByTestId } = render(
       <LatestCommitInfoView
         authorName="John Doe"
         committedAt={null}
         hash="abc123"
+        isLoading={false}
         message="Initial commit"
       />,
     );
 
-    expect(getByText("Initial commit")).toBeInTheDocument();
-    expect(getByText("John Doe committed -")).toBeInTheDocument();
-    expect(getByText("abc123")).toBeInTheDocument();
+    expect(getByTestId("t--git-latest-commit-message")).toHaveTextContent(
+      "Initial commit",
+    );
+    expect(getByTestId("t--git-latest-commit-commited-by")).toHaveTextContent(
+      "Committed by John Doe",
+    );
   });
 
   it("renders correctly with null hash", () => {
-    const { getByText } = render(
+    const { getByTestId } = render(
       <LatestCommitInfoView
         authorName="John Doe"
-        committedAt="2025-03-01"
+        committedAt={currentTimestamp}
         hash={null}
+        isLoading={false}
         message="Initial commit"
       />,
     );
 
-    expect(getByText("Initial commit")).toBeInTheDocument();
-    expect(getByText("John Doe committed 2025-03-01")).toBeInTheDocument();
-    expect(getByText("-")).toBeInTheDocument();
+    expect(getByTestId("t--git-latest-commit-message")).toHaveTextContent(
+      "Initial commit",
+    );
+    expect(getByTestId("t--git-latest-commit-commited-by")).toHaveTextContent(
+      "John Doe committed 1 hr ago",
+    );
+    expect(getByTestId("t--git-latest-commit-hash")).toHaveTextContent("-");
   });
 
   it("renders correctly with null message", () => {
-    const { getByText } = render(
+    const { getByTestId } = render(
       <LatestCommitInfoView
         authorName="John Doe"
-        committedAt="2025-03-01"
+        committedAt={currentTimestamp}
         hash="abc123"
+        isLoading={false}
         message={null}
       />,
     );
 
-    expect(getByText("John Doe committed 2025-03-01")).toBeInTheDocument();
-    expect(getByText("abc123")).toBeInTheDocument();
+    expect(getByTestId("t--git-latest-commit-message")).toHaveTextContent(
+      "No commit message found",
+    );
+    expect(getByTestId("t--git-latest-commit-commited-by")).toHaveTextContent(
+      "John Doe committed 1 hr ago",
+    );
+    expect(getByTestId("t--git-latest-commit-hash")).toHaveTextContent(
+      "abc123",
+    );
   });
 
   it("renders correctly with all null props", () => {
-    const { getByText } = render(
+    const { queryByTestId } = render(
       <LatestCommitInfoView
         authorName={null}
         committedAt={null}
         hash={null}
+        isLoading={false}
         message={null}
       />,
     );
 
-    expect(getByText("- committed -")).toBeInTheDocument();
-    expect(getByText("-")).toBeInTheDocument();
+    expect(
+      queryByTestId("t--git-latest-commit-commited-by"),
+    ).not.toBeInTheDocument();
+    expect(queryByTestId("t--git-latest-commit-message")).toHaveTextContent(
+      "No commit message found",
+    );
+    expect(queryByTestId("t--git-latest-commit-hash")).toHaveTextContent("-");
+  });
+
+  it("renders loading state correctly", () => {
+    const { getByTestId } = render(
+      <LatestCommitInfoView
+        authorName="John Doe"
+        committedAt={currentTimestamp}
+        hash="abc123"
+        isLoading
+        message="Initial commit"
+      />,
+    );
+
+    expect(getByTestId("t--git-latest-commit-loading")).toHaveTextContent(
+      "Fetching latest commit...",
+    );
   });
 });
diff --git a/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.tsx b/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.tsx
index fc6fb1ce671f..72a324087e2d 100644
--- a/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.tsx
+++ b/app/client/src/git/components/LatestCommitInfo/LatestCommitInfoView.tsx
@@ -1,6 +1,8 @@
-import { Flex, Icon, Text } from "@appsmith/ads";
+import { Flex, Icon, Spinner, Text } from "@appsmith/ads";
+import { LATEST_COMMIT_INFO } from "git/ee/constants/messages";
 import React from "react";
 import styled from "styled-components";
+import { howMuchTimeBeforeText } from "utils/helpers";
 
 const Container = styled(Flex)`
   border-radius: 4px;
@@ -9,8 +11,9 @@ const Container = styled(Flex)`
 
 interface LatestCommitInfoViewProps {
   authorName: string | null;
-  committedAt: string | null;
+  committedAt: number | null;
   hash: string | null;
+  isLoading: boolean;
   message: string | null;
 }
 
@@ -18,20 +21,55 @@ function LatestCommitInfoView({
   authorName = null,
   committedAt = null,
   hash = null,
+  isLoading = false,
   message = null,
 }: LatestCommitInfoViewProps) {
+  const readableCommittedAt = committedAt
+    ? howMuchTimeBeforeText(new Date(committedAt * 1000).toString())
+    : null;
+
+  if (isLoading) {
+    return (
+      <Container
+        alignItems="center"
+        data-testid="t--git-latest-commit-loading"
+        gap="spaces-3"
+        marginBottom="spaces-4"
+        padding="spaces-3"
+      >
+        <Spinner size="md" />
+        <Text renderAs="p">{LATEST_COMMIT_INFO.LOADING_COMMIT_MESSAGE}</Text>
+      </Container>
+    );
+  }
+
   return (
     <Container marginBottom="spaces-4" padding="spaces-3">
       <Flex flex={1} flexDirection="column" gap="spaces-3">
-        <Text renderAs="p">{message}</Text>
-        <Text kind="body-s" renderAs="p">
-          {authorName ?? "-"} committed {committedAt ?? "-"}
+        <Text data-testid="t--git-latest-commit-message" renderAs="p">
+          {message ?? <em>{LATEST_COMMIT_INFO.NO_COMMIT_MESSAGE}</em>}
         </Text>
+        {authorName && (
+          <Text
+            data-testid="t--git-latest-commit-commited-by"
+            kind="body-s"
+            renderAs="p"
+          >
+            {authorName && !readableCommittedAt
+              ? `Committed by ${authorName}`
+              : null}
+            {authorName && readableCommittedAt
+              ? `${authorName} committed ${readableCommittedAt} ago`
+              : null}
+          </Text>
+        )}
       </Flex>
       <Flex alignItems="center" justifyContent="center">
         <Flex gap="spaces-2">
           <Icon name="git-commit" size="md" />
-          <Text renderAs="p">{hash ?? "-"}</Text>
+          <Text data-testid="t--git-latest-commit-hash" renderAs="p">
+            {hash ?? "-"}
+          </Text>
         </Flex>
       </Flex>
     </Container>
diff --git a/app/client/src/git/components/LatestCommitInfo/index.tsx b/app/client/src/git/components/LatestCommitInfo/index.tsx
index ce04d0695e36..3361af46c6f1 100644
--- a/app/client/src/git/components/LatestCommitInfo/index.tsx
+++ b/app/client/src/git/components/LatestCommitInfo/index.tsx
@@ -1,16 +1,21 @@
 import React from "react";
 import LatestCommitInfoView from "./LatestCommitInfoView";
-import useLatestCommit from "git/hooks/useLatestCommit";
+import usePretag from "git/hooks/usePretag";
 
 function LatestCommitInfo() {
-  const { latestCommit } = useLatestCommit();
+  const { isPretagLoading, pretagResponse } = usePretag();
+
+  const commitHash = pretagResponse?.hash
+    ? pretagResponse.hash.slice(0, 7)
+    : null;
 
   return (
     <LatestCommitInfoView
-      authorName={latestCommit?.authorName ?? null}
-      committedAt={latestCommit?.committedAt ?? null}
-      hash={latestCommit?.hash ?? null}
-      message={latestCommit?.message ?? null}
+      authorName={pretagResponse?.author.name ?? null}
+      committedAt={pretagResponse?.commitedAt ?? null}
+      hash={commitHash}
+      isLoading={isPretagLoading}
+      message={pretagResponse?.commitMessage ?? null}
     />
   );
 }
diff --git a/app/client/src/git/components/OpsModal/OpsModalView.tsx b/app/client/src/git/components/OpsModal/OpsModalView.tsx
index a0f696a747f4..54bd0c80476a 100644
--- a/app/client/src/git/components/OpsModal/OpsModalView.tsx
+++ b/app/client/src/git/components/OpsModal/OpsModalView.tsx
@@ -15,6 +15,10 @@ import styled from "styled-components";
 // import ReconnectSSHError from "../components/ReconnectSSHError";
 import { GitOpsTab } from "git/constants/enums";
 import noop from "lodash/noop";
+import isGitTaggingEnabled from "git/helpers/isGitTaggingEnabled";
+import type { GitArtifactDef } from "git/types";
+import TabRelease from "./TabRelease";
+import { OPS_MODAL } from "git/ee/constants/messages";
 
 const StyledModalContent = styled(ModalContent)`
   &&& {
@@ -27,6 +31,7 @@ const StyledModalContent = styled(ModalContent)`
 `;
 
 interface OpsModalViewProps {
+  artifactDef: GitArtifactDef | null;
   fetchStatus: () => void;
   isOpsModalOpen: boolean;
   isProtectedMode: boolean;
@@ -36,6 +41,7 @@ interface OpsModalViewProps {
 }
 
 function OpsModalView({
+  artifactDef = null,
   fetchStatus = noop,
   isOpsModalOpen = false,
   isProtectedMode = false,
@@ -43,6 +49,8 @@ function OpsModalView({
   repoName = null,
   toggleOpsModal = noop,
 }: OpsModalViewProps) {
+  const isTaggingEnabled = isGitTaggingEnabled(artifactDef);
+
   useEffect(
     function fetchStatusOnMountEffect() {
       if (isOpsModalOpen) {
@@ -91,10 +99,22 @@ function OpsModalView({
               >
                 {createMessage(MERGE)}
               </Tab>
+              {isTaggingEnabled && (
+                <Tab
+                  data-testid={"t--git-ops-tab-tag"}
+                  disabled={isProtectedMode}
+                  value={GitOpsTab.Release}
+                >
+                  {OPS_MODAL.TAB_RELEASE}
+                </Tab>
+              )}
             </TabsList>
           </Tabs>
           {opsModalTab === GitOpsTab.Deploy && <TabDeploy />}
           {opsModalTab === GitOpsTab.Merge && <TabMerge />}
+          {isTaggingEnabled && opsModalTab === GitOpsTab.Release && (
+            <TabRelease />
+          )}
         </StyledModalContent>
       </Modal>
       {/* <GitErrorPopup /> */}
diff --git a/app/client/src/git/components/OpsModal/TabRelease.tsx b/app/client/src/git/components/OpsModal/TabRelease/TabReleaseView.tsx
similarity index 61%
rename from app/client/src/git/components/OpsModal/TabRelease.tsx
rename to app/client/src/git/components/OpsModal/TabRelease/TabReleaseView.tsx
index b1ce504ac26e..a28bff3afb2e 100644
--- a/app/client/src/git/components/OpsModal/TabRelease.tsx
+++ b/app/client/src/git/components/OpsModal/TabRelease/TabReleaseView.tsx
@@ -3,7 +3,8 @@ import LatestCommitInfo from "git/components/LatestCommitInfo";
 import ReleaseNotesInput from "git/components/ReleaseNotesInput";
 import ReleaseVersionRadioGroup from "git/components/ReleaseVersionRadioGroup";
 import { TAB_RELEASE } from "git/ee/constants/messages";
-import React, { useCallback, useState } from "react";
+import noop from "lodash/noop";
+import React, { useCallback, useEffect, useState } from "react";
 import styled from "styled-components";
 
 const Container = styled.div`
@@ -21,13 +22,42 @@ const StyledModalFooter = styled(ModalFooter)`
   min-height: 52px;
 `;
 
-function TabRelease() {
+interface TabReleaseProps {
+  fetchPretag: () => void;
+  createReleaseTag: (params: {
+    tag: string;
+    releaseNote: string;
+    commitSHA: string;
+  }) => void;
+  isCreateReleaseTagLoading: boolean;
+  latestCommitSHA: string | null;
+}
+
+function TabReleaseView({
+  createReleaseTag = noop,
+  fetchPretag = noop,
+  isCreateReleaseTagLoading = false,
+  latestCommitSHA = null,
+}: TabReleaseProps) {
   const [releaseVersion, setReleaseVersion] = useState<string | null>(null);
   const [releaseNotes, setReleaseNotes] = useState<string | null>(null);
 
   const isReleaseDisabled = !releaseVersion || !releaseNotes;
 
-  const handleClickOnRelease = useCallback(() => {}, []);
+  useEffect(
+    function fetchPretagOnInitEffect() {
+      fetchPretag();
+    },
+    [fetchPretag],
+  );
+
+  const handleClickOnRelease = useCallback(() => {
+    createReleaseTag({
+      tag: releaseVersion ?? "",
+      releaseNote: releaseNotes ?? "",
+      commitSHA: latestCommitSHA ?? "",
+    });
+  }, [createReleaseTag, latestCommitSHA, releaseNotes, releaseVersion]);
 
   return (
     <>
@@ -47,6 +77,7 @@ function TabRelease() {
       <StyledModalFooter>
         <Button
           isDisabled={isReleaseDisabled}
+          isLoading={isCreateReleaseTagLoading}
           onClick={handleClickOnRelease}
           size="md"
         >
@@ -57,4 +88,4 @@ function TabRelease() {
   );
 }
 
-export default TabRelease;
+export default TabReleaseView;
diff --git a/app/client/src/git/components/OpsModal/TabRelease/index.tsx b/app/client/src/git/components/OpsModal/TabRelease/index.tsx
new file mode 100644
index 000000000000..1c5183bc42e9
--- /dev/null
+++ b/app/client/src/git/components/OpsModal/TabRelease/index.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import TabReleaseView from "./TabReleaseView";
+import usePretag from "git/hooks/usePretag";
+import useReleaseTag from "git/hooks/useReleaseTag";
+
+function TabRelease() {
+  const { fetchPretag, pretagResponse } = usePretag();
+  const { createReleaseTag, isCreateReleaseTagLoading } = useReleaseTag();
+
+  const latestCommitSHA = pretagResponse?.hash ?? null;
+
+  return (
+    <TabReleaseView
+      createReleaseTag={createReleaseTag}
+      fetchPretag={fetchPretag}
+      isCreateReleaseTagLoading={isCreateReleaseTagLoading}
+      latestCommitSHA={latestCommitSHA}
+    />
+  );
+}
+
+export default TabRelease;
diff --git a/app/client/src/git/components/OpsModal/index.tsx b/app/client/src/git/components/OpsModal/index.tsx
index 66ea3ddf0182..2ba8febd7cd7 100644
--- a/app/client/src/git/components/OpsModal/index.tsx
+++ b/app/client/src/git/components/OpsModal/index.tsx
@@ -5,8 +5,10 @@ import useStatus from "git/hooks/useStatus";
 import useOps from "git/hooks/useOps";
 import useProtectedMode from "git/hooks/useProtectedMode";
 import { GitOpsTab } from "git/constants/enums";
+import { useGitContext } from "../GitContextProvider";
 
 export default function OpsModal() {
+  const { artifactDef } = useGitContext();
   const { isOpsModalOpen, opsModalTab, toggleOpsModal } = useOps();
   const { fetchStatus } = useStatus();
   const isProtectedMode = useProtectedMode();
@@ -17,6 +19,7 @@ export default function OpsModal() {
 
   return (
     <OpsModalView
+      artifactDef={artifactDef}
       fetchStatus={fetchStatus}
       isOpsModalOpen={isOpsModalOpen}
       isProtectedMode={isProtectedMode}
diff --git a/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.test.tsx b/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.test.tsx
index 4aaa89cb9343..a34dfa3c5996 100644
--- a/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.test.tsx
+++ b/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.test.tsx
@@ -4,14 +4,15 @@ import ReleaseVersionRadioGroupView from "./ReleaseVersionRadioGroupView";
 import "@testing-library/jest-dom";
 
 describe("ReleaseVersionRadioGroupView", () => {
+  const releasedAt = Math.floor((Date.now() - 3600000) / 1000);
   const mockOnVersionChange = jest.fn();
 
   const renderComponent = (props = {}) => {
     return render(
       <ReleaseVersionRadioGroupView
-        currentVersion="1.0.0"
+        latestReleaseVersion="v1.0.0"
         onVersionChange={mockOnVersionChange}
-        releasedAt="2023-01-01"
+        releasedAt={releasedAt}
         {...props}
       />,
     );
@@ -28,10 +29,10 @@ describe("ReleaseVersionRadioGroupView", () => {
       "Version",
     );
     expect(getByTestId("t--git-release-next-version").textContent).toBe(
-      "1.0.1",
+      "v1.0.1",
     );
     expect(getByTestId("t--git-release-released-at").textContent).toBe(
-      "Last released: 1.0.0 (2023-01-01)",
+      "Last released: v1.0.0 (1 hr ago)",
     );
     expect(getByRole("radio", { name: /patch/i })).toBeChecked();
   });
@@ -41,32 +42,30 @@ describe("ReleaseVersionRadioGroupView", () => {
 
     fireEvent.click(getByRole("radio", { name: /minor/i }));
     expect(getByTestId("t--git-release-next-version").textContent).toBe(
-      "1.1.0",
+      "v1.1.0",
     );
     fireEvent.click(getByRole("radio", { name: /major/i }));
     expect(getByTestId("t--git-release-next-version").textContent).toBe(
-      "2.0.0",
+      "v2.0.0",
     );
   });
 
   it("should call onVersionChange with the correct version", () => {
     const { getByRole } = renderComponent();
 
-    expect(mockOnVersionChange).toHaveBeenCalledWith("1.0.1"); // initial call with patch version
+    expect(mockOnVersionChange).toHaveBeenCalledWith("v1.0.1"); // initial call with patch version
     fireEvent.click(getByRole("radio", { name: /minor/i }));
-    expect(mockOnVersionChange).toHaveBeenCalledWith("1.1.0");
+    expect(mockOnVersionChange).toHaveBeenCalledWith("v1.1.0");
     fireEvent.click(getByRole("radio", { name: /major/i }));
-    expect(mockOnVersionChange).toHaveBeenCalledWith("2.0.0");
+    expect(mockOnVersionChange).toHaveBeenCalledWith("v2.0.0");
   });
 
-  it("should handle null values for currentVersion and releasedAt", () => {
-    const { getByTestId } = renderComponent({
-      currentVersion: null,
+  it("should handle null values for latestReleaseVersion and releasedAt", () => {
+    const { queryByTestId } = renderComponent({
+      latestReleaseVersion: null,
       releasedAt: null,
     });
 
-    expect(getByTestId("t--git-release-released-at").textContent).toBe(
-      "Last released: - (-)",
-    );
+    expect(queryByTestId("t--git-release-released-at")).not.toBeInTheDocument();
   });
 });
diff --git a/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.tsx b/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.tsx
index 3f05c811e19d..1c63075d9d1b 100644
--- a/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.tsx
+++ b/app/client/src/git/components/ReleaseVersionRadioGroup/ReleaseVersionRadioGroupView.tsx
@@ -3,27 +3,37 @@ import { Flex, Radio, RadioGroup, Tag, Text } from "@appsmith/ads";
 import { RELEASE_VERSION_RADIO_GROUP } from "git/ee/constants/messages";
 import { inc } from "semver";
 import noop from "lodash/noop";
+import { howMuchTimeBeforeText } from "utils/helpers";
 
 type ReleaseType = "major" | "minor" | "patch" | null;
 
 interface ReleaseVersionRadioGroupViewProps {
-  currentVersion: string | null;
+  latestReleaseVersion: string | null;
   onVersionChange: (value: string | null) => void;
-  releasedAt: string | null;
+  releasedAt: number | null;
 }
 
 function ReleaseVersionRadioGroupView({
-  currentVersion = null,
+  latestReleaseVersion = null,
   onVersionChange = noop,
   releasedAt = null,
 }: ReleaseVersionRadioGroupViewProps) {
   const [releaseType, setReleaseType] = useState<ReleaseType>("patch");
 
+  const readableReleaseAt = releasedAt
+    ? howMuchTimeBeforeText(new Date(releasedAt * 1000).toString())
+    : null;
+
   const nextVersion = useMemo(() => {
-    if (!currentVersion || !releaseType) return null;
+    if (!releaseType) return null;
+
+    const latestReleaseVersionVal = latestReleaseVersion
+      ? latestReleaseVersion.slice(1)
+      : "0.0.0";
+    const nextReleaseVersionVal = inc(latestReleaseVersionVal, releaseType);
 
-    return inc(currentVersion, releaseType);
-  }, [currentVersion, releaseType]);
+    return `v${nextReleaseVersionVal}`;
+  }, [latestReleaseVersion, releaseType]);
 
   useEffect(
     function releaseVersionChangeEffect() {
@@ -62,10 +72,17 @@ function ReleaseVersionRadioGroupView({
           <Radio value="patch">Patch</Radio>
         </RadioGroup>
       </Flex>
-      <Text data-testid="t--git-release-released-at" kind="body-s" renderAs="p">
-        {RELEASE_VERSION_RADIO_GROUP.LAST_RELEASED}: {currentVersion ?? "-"} (
-        {releasedAt ?? "-"})
-      </Text>
+      {latestReleaseVersion && (
+        <Text
+          data-testid="t--git-release-released-at"
+          kind="body-s"
+          renderAs="p"
+        >
+          {RELEASE_VERSION_RADIO_GROUP.LAST_RELEASED}:{" "}
+          {latestReleaseVersion ?? "-"}{" "}
+          {readableReleaseAt ? `(${readableReleaseAt} ago)` : null}
+        </Text>
+      )}
     </Flex>
   );
 }
diff --git a/app/client/src/git/components/ReleaseVersionRadioGroup/index.tsx b/app/client/src/git/components/ReleaseVersionRadioGroup/index.tsx
index a117dea1dc34..cd25d77669d2 100644
--- a/app/client/src/git/components/ReleaseVersionRadioGroup/index.tsx
+++ b/app/client/src/git/components/ReleaseVersionRadioGroup/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import ReleaseVersionRadioGroupView from "./ReleaseVersionRadioGroupView";
 import noop from "lodash/noop";
-import useLatestCommit from "git/hooks/useLatestCommit";
+import usePretag from "git/hooks/usePretag";
 
 interface ReleaseVersionRadioGroupProps {
   onVersionChange: (version: string | null) => void;
@@ -10,13 +10,13 @@ interface ReleaseVersionRadioGroupProps {
 function ReleaseVersionRadioGroup({
   onVersionChange = noop,
 }: ReleaseVersionRadioGroupProps) {
-  const { latestCommit } = useLatestCommit();
+  const { pretagResponse } = usePretag();
 
   return (
     <ReleaseVersionRadioGroupView
-      currentVersion={latestCommit?.releaseTagName ?? null}
+      latestReleaseVersion={pretagResponse?.releaseTagName ?? null}
       onVersionChange={onVersionChange}
-      releasedAt={latestCommit?.releasedAt ?? null}
+      releasedAt={pretagResponse?.releasedAt ?? null}
     />
   );
 }
diff --git a/app/client/src/git/helpers/isGitTaggingEnabled.ts b/app/client/src/git/helpers/isGitTaggingEnabled.ts
new file mode 100644
index 000000000000..a800954cc8e0
--- /dev/null
+++ b/app/client/src/git/helpers/isGitTaggingEnabled.ts
@@ -0,0 +1,12 @@
+import { GitArtifactType } from "git/constants/enums";
+import type { GitArtifactDef } from "git/types";
+
+function isGitTaggingEnabled(artifactDef: GitArtifactDef | null) {
+  if (artifactDef?.artifactType === GitArtifactType.Package) {
+    return true;
+  }
+
+  return false;
+}
+
+export default isGitTaggingEnabled;
diff --git a/app/client/src/git/hooks/useLatestCommit.ts b/app/client/src/git/hooks/useLatestCommit.ts
deleted file mode 100644
index 2d96ece707de..000000000000
--- a/app/client/src/git/hooks/useLatestCommit.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { useGitContext } from "git/components/GitContextProvider";
-import useArtifactSelector from "./useArtifactSelector";
-import { selectLatestCommitState } from "git/store/selectors/gitArtifactSelectors";
-import { useDispatch } from "react-redux";
-import { gitArtifactActions } from "git/store/gitArtifactSlice";
-import { useCallback } from "react";
-
-export default function useLatestCommit() {
-  const dispatch = useDispatch();
-  const { artifact, artifactDef } = useGitContext();
-  const artifactId = artifact?.id;
-
-  const latestCommitState = useArtifactSelector(selectLatestCommitState);
-
-  const fetchLatestCommit = useCallback(() => {
-    if (artifactDef && artifactId) {
-      dispatch(
-        gitArtifactActions.fetchLatestCommitInit({ artifactDef, artifactId }),
-      );
-    }
-  }, [artifactDef, artifactId, dispatch]);
-
-  return {
-    latestCommit: latestCommitState?.value ?? null,
-    isLatestCommitLoading: latestCommitState?.loading ?? false,
-    latestCommitError: latestCommitState?.error ?? null,
-    fetchLatestCommit,
-  };
-}
diff --git a/app/client/src/git/hooks/usePretag.ts b/app/client/src/git/hooks/usePretag.ts
new file mode 100644
index 000000000000..55805ecf9bd8
--- /dev/null
+++ b/app/client/src/git/hooks/usePretag.ts
@@ -0,0 +1,27 @@
+import { useGitContext } from "git/components/GitContextProvider";
+import useArtifactSelector from "./useArtifactSelector";
+import { useDispatch } from "react-redux";
+import { gitArtifactActions } from "git/store/gitArtifactSlice";
+import { useCallback } from "react";
+import { selectPretagState } from "git/store/selectors/gitArtifactSelectors";
+
+export default function usePretag() {
+  const dispatch = useDispatch();
+  const { artifact, artifactDef } = useGitContext();
+  const artifactId = artifact?.id;
+
+  const pretagState = useArtifactSelector(selectPretagState);
+
+  const fetchPretag = useCallback(() => {
+    if (artifactDef && artifactId) {
+      dispatch(gitArtifactActions.pretagInit({ artifactDef, artifactId }));
+    }
+  }, [artifactDef, artifactId, dispatch]);
+
+  return {
+    pretagResponse: pretagState?.value ?? null,
+    isPretagLoading: pretagState?.loading ?? false,
+    pretagError: pretagState?.error ?? null,
+    fetchPretag,
+  };
+}
diff --git a/app/client/src/git/hooks/useReleaseTag.ts b/app/client/src/git/hooks/useReleaseTag.ts
new file mode 100644
index 000000000000..3350f47ed9fe
--- /dev/null
+++ b/app/client/src/git/hooks/useReleaseTag.ts
@@ -0,0 +1,38 @@
+import { selectCreateReleaseTagState } from "git/store/selectors/gitArtifactSelectors";
+import useArtifactSelector from "./useArtifactSelector";
+import { useGitContext } from "git/components/GitContextProvider";
+import { useDispatch } from "react-redux";
+import { useCallback } from "react";
+import { gitArtifactActions } from "git/store/gitArtifactSlice";
+
+function useReleaseTag() {
+  const dispatch = useDispatch();
+  const { artifact, artifactDef } = useGitContext();
+
+  const createReleaseTagState = useArtifactSelector(
+    selectCreateReleaseTagState,
+  );
+
+  const createReleaseTag = useCallback(
+    (params: { tag: string; releaseNote: string; commitSHA: string }) => {
+      if (artifactDef && artifact) {
+        dispatch(
+          gitArtifactActions.createReleaseTagInit({
+            artifactDef,
+            artifactId: artifact.id,
+            ...params,
+          }),
+        );
+      }
+    },
+    [dispatch, artifactDef, artifact],
+  );
+
+  return {
+    isCreateReleaseTagLoading: createReleaseTagState?.loading ?? false,
+    createReleaseTagError: createReleaseTagState?.error ?? null,
+    createReleaseTag,
+  };
+}
+
+export default useReleaseTag;
diff --git a/app/client/src/git/requests/fetchLatestCommitRequest.types.ts b/app/client/src/git/requests/fetchLatestCommitRequest.types.ts
deleted file mode 100644
index 3a21cc31edcc..000000000000
--- a/app/client/src/git/requests/fetchLatestCommitRequest.types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { ApiResponse } from "api/types";
-
-export interface FetchLatestCommitResponseData {
-  authorName: string;
-  committedAt: string;
-  hash: string;
-  message: string;
-  releaseTagName: string;
-  releasedAt: string;
-}
-
-export type FetchLatestCommitResponse =
-  ApiResponse<FetchLatestCommitResponseData>;
diff --git a/app/client/src/git/requests/fetchLatestCommitRequest.ts b/app/client/src/git/requests/pretagRequest.ts
similarity index 55%
rename from app/client/src/git/requests/fetchLatestCommitRequest.ts
rename to app/client/src/git/requests/pretagRequest.ts
index e1c2fb150650..82cc8938e8fa 100644
--- a/app/client/src/git/requests/fetchLatestCommitRequest.ts
+++ b/app/client/src/git/requests/pretagRequest.ts
@@ -1,15 +1,15 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import type { AxiosPromise } from "axios";
 import type { GitArtifactType } from "git/constants/enums";
-import type { FetchLatestCommitResponse } from "./fetchLatestCommitRequest.types";
+import type { PretagResponse } from "./pretagRequest.types";
 import Api from "api/Api";
 import { GIT_BASE_URL } from "./constants";
 
-export default async function fetchLatestCommitRequest(
+export default async function pretagRequest(
   artifactType: GitArtifactType,
   branchedArtifactId: string,
-): AxiosPromise<FetchLatestCommitResponse> {
+): AxiosPromise<PretagResponse> {
   return Api.get(
-    `${GIT_BASE_URL}/${artifactType}/${branchedArtifactId}/commit/latest`,
+    `${GIT_BASE_URL}/${artifactType}/${branchedArtifactId}/pretag`,
   );
 }
diff --git a/app/client/src/git/requests/pretagRequest.types.ts b/app/client/src/git/requests/pretagRequest.types.ts
new file mode 100644
index 000000000000..e90896ab367e
--- /dev/null
+++ b/app/client/src/git/requests/pretagRequest.types.ts
@@ -0,0 +1,18 @@
+import type { ApiResponse } from "api/types";
+
+export interface PretagResponseData {
+  author: {
+    name: string;
+    email: string;
+  };
+
+  commitedAt: number;
+  hash: string;
+  commitMessage: string;
+
+  releaseTagName: string;
+  releasedAt: number;
+  isReleasable: boolean;
+}
+
+export type PretagResponse = ApiResponse<PretagResponseData>;
diff --git a/app/client/src/git/sagas/index.ts b/app/client/src/git/sagas/index.ts
index 98532833a03c..bbace9756839 100644
--- a/app/client/src/git/sagas/index.ts
+++ b/app/client/src/git/sagas/index.ts
@@ -41,6 +41,7 @@ import { fetchGlobalSSHKeySaga } from "./fetchGlobalSSHKeySaga";
 import gitImportSaga from "./gitImportSaga";
 import mergeSaga from "./mergeSaga";
 import discardSaga from "./discardSaga";
+import pretagSaga from "./pretagSaga";
 
 const blockingActionSagas: Record<
   string,
@@ -86,6 +87,9 @@ const blockingActionSagas: Record<
   // autocommit
   [gitArtifactActions.triggerAutocommitInit.type]: triggerAutocommitSaga,
 
+  // pretag
+  [gitArtifactActions.pretagInit.type]: pretagSaga,
+
   // EE
   ...blockingActionSagasExtended,
 };
diff --git a/app/client/src/git/sagas/pretagSaga.ts b/app/client/src/git/sagas/pretagSaga.ts
new file mode 100644
index 000000000000..4e9e84055355
--- /dev/null
+++ b/app/client/src/git/sagas/pretagSaga.ts
@@ -0,0 +1,36 @@
+import pretagRequest from "git/requests/pretagRequest";
+import type { PretagResponse } from "git/requests/pretagRequest.types";
+import type { PretagInitPayload } from "git/store/actions/pretagActions";
+import { gitArtifactActions } from "git/store/gitArtifactSlice";
+import type { GitArtifactPayloadAction } from "git/store/types";
+import { call, put } from "redux-saga/effects";
+import { validateResponse } from "sagas/ErrorSagas";
+import handleApiErrors from "./helpers/handleApiErrors";
+
+export default function* pretagSaga(
+  action: GitArtifactPayloadAction<PretagInitPayload>,
+) {
+  const { artifactDef, artifactId } = action.payload;
+  let response: PretagResponse | undefined;
+
+  try {
+    response = yield call(pretagRequest, artifactDef.artifactType, artifactId);
+
+    const isValidResponse: boolean = yield validateResponse(response);
+
+    if (isValidResponse && response?.data) {
+      yield put(
+        gitArtifactActions.pretagSuccess({
+          artifactDef,
+          responseData: response.data,
+        }),
+      );
+    }
+  } catch (e) {
+    const error = handleApiErrors(e as Error, response);
+
+    if (error) {
+      yield put(gitArtifactActions.pretagError({ artifactDef, error }));
+    }
+  }
+}
diff --git a/app/client/src/git/store/actions/createReleaseTagActions.ts b/app/client/src/git/store/actions/createReleaseTagActions.ts
new file mode 100644
index 000000000000..b09d617697ce
--- /dev/null
+++ b/app/client/src/git/store/actions/createReleaseTagActions.ts
@@ -0,0 +1,33 @@
+import { createArtifactAction } from "../helpers/createArtifactAction";
+import type { GitAsyncErrorPayload } from "../types";
+
+export interface CreateReleaseTagInitPayload {
+  artifactId: string;
+  tag: string;
+  releaseNote: string;
+  commitSHA: string;
+}
+
+export const createReleaseTagInitAction =
+  createArtifactAction<CreateReleaseTagInitPayload>((state) => {
+    state.apiResponses.createReleaseTag.loading = true;
+    state.apiResponses.createReleaseTag.error = null;
+
+    return state;
+  });
+
+export const createReleaseTagSuccessAction = createArtifactAction((state) => {
+  state.apiResponses.createReleaseTag.loading = false;
+
+  return state;
+});
+
+export const createReleaseTagErrorAction =
+  createArtifactAction<GitAsyncErrorPayload>((state, action) => {
+    const { error } = action.payload;
+
+    state.apiResponses.createReleaseTag.loading = false;
+    state.apiResponses.createReleaseTag.error = error;
+
+    return state;
+  });
diff --git a/app/client/src/git/store/actions/fetchLatestCommitActions.ts b/app/client/src/git/store/actions/fetchLatestCommitActions.ts
deleted file mode 100644
index dfb842d657de..000000000000
--- a/app/client/src/git/store/actions/fetchLatestCommitActions.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import type {
-  GitArtifactErrorPayloadAction,
-  GitAsyncSuccessPayload,
-} from "../types";
-import { createArtifactAction } from "../helpers/createArtifactAction";
-import type { FetchLatestCommitResponseData } from "git/requests/fetchLatestCommitRequest.types";
-
-export interface FetchLatestCommitInitPayload {
-  artifactId: string;
-}
-
-export const fetchLatestCommitInitAction =
-  createArtifactAction<FetchLatestCommitInitPayload>((state) => {
-    state.apiResponses.latestCommit.loading = true;
-    state.apiResponses.latestCommit.error = null;
-
-    return state;
-  });
-
-export const fetchLatestCommitSuccessAction = createArtifactAction<
-  GitAsyncSuccessPayload<FetchLatestCommitResponseData>
->((state, action) => {
-  state.apiResponses.latestCommit.loading = false;
-  state.apiResponses.latestCommit.value = action.payload.responseData;
-
-  return state;
-});
-
-export const fetchLatestCommitErrorAction = createArtifactAction(
-  (state, action: GitArtifactErrorPayloadAction) => {
-    const { error } = action.payload;
-
-    state.apiResponses.latestCommit.loading = false;
-    state.apiResponses.latestCommit.error = error;
-
-    return state;
-  },
-);
diff --git a/app/client/src/git/store/actions/pretagActions.ts b/app/client/src/git/store/actions/pretagActions.ts
new file mode 100644
index 000000000000..86a6efaf9302
--- /dev/null
+++ b/app/client/src/git/store/actions/pretagActions.ts
@@ -0,0 +1,39 @@
+import type {
+  GitArtifactErrorPayloadAction,
+  GitAsyncSuccessPayload,
+} from "../types";
+import { createArtifactAction } from "../helpers/createArtifactAction";
+import type { PretagResponseData } from "git/requests/pretagRequest.types";
+
+export interface PretagInitPayload {
+  artifactId: string;
+}
+
+export const pretagInitAction = createArtifactAction<PretagInitPayload>(
+  (state) => {
+    state.apiResponses.pretag.loading = true;
+    state.apiResponses.pretag.error = null;
+
+    return state;
+  },
+);
+
+export const pretagSuccessAction = createArtifactAction<
+  GitAsyncSuccessPayload<PretagResponseData>
+>((state, action) => {
+  state.apiResponses.pretag.loading = false;
+  state.apiResponses.pretag.value = action.payload.responseData;
+
+  return state;
+});
+
+export const pretagErrorAction = createArtifactAction(
+  (state, action: GitArtifactErrorPayloadAction) => {
+    const { error } = action.payload;
+
+    state.apiResponses.pretag.loading = false;
+    state.apiResponses.pretag.error = error;
+
+    return state;
+  },
+);
diff --git a/app/client/src/git/store/gitArtifactSlice.ts b/app/client/src/git/store/gitArtifactSlice.ts
index f5bdcac8801f..01c04f21b85f 100644
--- a/app/client/src/git/store/gitArtifactSlice.ts
+++ b/app/client/src/git/store/gitArtifactSlice.ts
@@ -142,10 +142,15 @@ import {
   updateCurrentBranchAction,
 } from "./actions/currentBranchActions";
 import {
-  fetchLatestCommitErrorAction,
-  fetchLatestCommitInitAction,
-  fetchLatestCommitSuccessAction,
-} from "./actions/fetchLatestCommitActions";
+  pretagErrorAction,
+  pretagInitAction,
+  pretagSuccessAction,
+} from "./actions/pretagActions";
+import {
+  createReleaseTagErrorAction,
+  createReleaseTagInitAction,
+  createReleaseTagSuccessAction,
+} from "./actions/createReleaseTagActions";
 
 const initialState: GitArtifactRootReduxState = {};
 
@@ -210,9 +215,6 @@ export const gitArtifactSlice = createSlice({
     pullError: pullErrorAction,
     toggleOpsModal: toggleOpsModalAction,
     toggleConflictErrorModal: toggleConflictErrorModalAction,
-    fetchLatestCommitInit: fetchLatestCommitInitAction,
-    fetchLatestCommitSuccess: fetchLatestCommitSuccessAction,
-    fetchLatestCommitError: fetchLatestCommitErrorAction,
 
     // branches
     fetchBranchesInit: fetchBranchesInitAction,
@@ -260,6 +262,14 @@ export const gitArtifactSlice = createSlice({
     pollAutocommitProgressStop: pollAutocommitProgressStopAction,
     toggleAutocommitDisableModal: toggleAutocommitDisableModalAction,
 
+    // release tags
+    pretagInit: pretagInitAction,
+    pretagSuccess: pretagSuccessAction,
+    pretagError: pretagErrorAction,
+    createReleaseTagInit: createReleaseTagInitAction,
+    createReleaseTagSuccess: createReleaseTagSuccessAction,
+    createReleaseTagError: createReleaseTagErrorAction,
+
     ...gitArtifactCaseReducers,
   },
 });
diff --git a/app/client/src/git/store/helpers/initialState.ts b/app/client/src/git/store/helpers/initialState.ts
index 1781a28342f7..2a602efb2fab 100644
--- a/app/client/src/git/store/helpers/initialState.ts
+++ b/app/client/src/git/store/helpers/initialState.ts
@@ -52,11 +52,6 @@ const gitArtifactInitialAPIResponses: GitArtifactAPIResponsesReduxState = {
     loading: false,
     error: null,
   },
-  latestCommit: {
-    value: null,
-    loading: false,
-    error: null,
-  },
   pull: {
     loading: false,
     error: null,
@@ -134,6 +129,16 @@ const gitArtifactInitialAPIResponses: GitArtifactAPIResponsesReduxState = {
     loading: false,
     error: null,
   },
+  pretag: {
+    value: null,
+    loading: false,
+    error: null,
+  },
+  createReleaseTag: {
+    loading: false,
+    error: null,
+  },
+
   // EE
   ...gitArtifactAPIResponsesInitialStateExtended,
 };
diff --git a/app/client/src/git/store/index.ts b/app/client/src/git/store/index.ts
index 990e50a361af..1588ab14336b 100644
--- a/app/client/src/git/store/index.ts
+++ b/app/client/src/git/store/index.ts
@@ -12,9 +12,15 @@ export const gitReducer = combineReducers({
 // actions
 export const gitFetchGlobalProfile = gitGlobalActions.fetchGlobalProfileInit;
 export const gitToggleImportModal = gitGlobalActions.toggleImportModal;
+export const gitToggleOpsModal = gitArtifactActions.toggleOpsModal;
 export const gitConnectSuccess = gitArtifactActions.connectSuccess;
 export const gitDiscardSuccess = gitArtifactActions.discardSuccess;
 export const gitCheckoutBranchSuccess =
   gitArtifactActions.checkoutBranchSuccess;
 export const gitPullSuccess = gitArtifactActions.pullSuccess;
 export const gitImportSuccess = gitGlobalActions.gitImportSuccess;
+export const gitCreateReleaseTagInit = gitArtifactActions.createReleaseTagInit;
+export const gitCreateReleaseTagSuccess =
+  gitArtifactActions.createReleaseTagSuccess;
+export const gitCreateReleaseTagError =
+  gitArtifactActions.createReleaseTagError;
diff --git a/app/client/src/git/store/selectors/gitArtifactSelectors.ts b/app/client/src/git/store/selectors/gitArtifactSelectors.ts
index 6df75a63b210..3b1531129190 100644
--- a/app/client/src/git/store/selectors/gitArtifactSelectors.ts
+++ b/app/client/src/git/store/selectors/gitArtifactSelectors.ts
@@ -88,10 +88,15 @@ export const selectCommitState = (
   artifactDef: GitArtifactDef,
 ) => selectGitArtifact(state, artifactDef)?.apiResponses?.commit;
 
-export const selectLatestCommitState = (
+export const selectPretagState = (
   state: GitRootState,
   artifactDef: GitArtifactDef,
-) => selectGitArtifact(state, artifactDef)?.apiResponses?.latestCommit;
+) => selectGitArtifact(state, artifactDef)?.apiResponses?.pretag;
+
+export const selectCreateReleaseTagState = (
+  state: GitRootState,
+  artifactDef: GitArtifactDef,
+) => selectGitArtifact(state, artifactDef)?.apiResponses?.createReleaseTag;
 
 export const selectDiscardState = (
   state: GitRootState,
diff --git a/app/client/src/git/store/types.ts b/app/client/src/git/store/types.ts
index e62b7ec47990..da80f539a2e8 100644
--- a/app/client/src/git/store/types.ts
+++ b/app/client/src/git/store/types.ts
@@ -19,7 +19,7 @@ import type {
 import type { FetchGlobalSSHKeyResponseData } from "git/requests/fetchGlobalSSHKeyRequest.types";
 import type { FetchRefsResponseData } from "git/requests/fetchRefsRequest.types";
 import type { GitArtifactDef } from "git/types";
-import type { FetchLatestCommitResponseData } from "git/requests/fetchLatestCommitRequest.types";
+import type { PretagResponseData } from "git/requests/pretagRequest.types";
 
 export interface GitApiError extends ApiResponseError {
   errorType?: string;
@@ -42,7 +42,6 @@ export interface GitArtifactAPIResponsesReduxState
   connect: GitAsyncStateWithoutValue;
   status: GitAsyncState<FetchStatusResponseData>;
   commit: GitAsyncStateWithoutValue;
-  latestCommit: GitAsyncState<FetchLatestCommitResponseData>;
   pull: GitAsyncStateWithoutValue;
   discard: GitAsyncStateWithoutValue;
   mergeStatus: GitAsyncState<FetchMergeStatusResponseData>;
@@ -61,6 +60,8 @@ export interface GitArtifactAPIResponsesReduxState
   triggerAutocommit: GitAsyncStateWithoutValue;
   sshKey: GitAsyncState<FetchSSHKeyResponseData>;
   generateSSHKey: GitAsyncStateWithoutValue;
+  pretag: GitAsyncState<PretagResponseData>;
+  createReleaseTag: GitAsyncStateWithoutValue;
 }
 
 export interface GitArtifactUIReduxState