chore: git mod - git context & context aware comps

app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx

@@ -572,6 +572,10 @@ const AppsLineIcon = importRemixIcon(
   async () => import("remixicon-react/AppsLineIcon"),
 );
 
+const ProtectedIcon = importRemixIcon(
+  async () => import("remixicon-react/ShieldKeyholeLineIcon"),
+);
+
 const CornerDownLeftLineIcon = importSvg(
   async () => import("../__assets__/icons/ads/corner-down-left-line.svg"),
 );
@@ -1394,6 +1398,7 @@ const ICON_LOOKUP = {
   "warning-triangle": WarningTriangleIcon,
   "widgets-v3": WidgetsV3Icon,
   "workflows-mono": WorkflowsMonochromeIcon,
+  "protected-icon": ProtectedIcon,
   billing: BillingIcon,
   binding: Binding,
   book: BookIcon,

app/client/src/git/components/CtxAwareGitQuickActions/hooks/useStatusChangeCount.ts

@@ -0,0 +1,40 @@
+import type { FetchStatusResponseData } from "git/requests/fetchStatusRequest.types";
+import { useMemo } from "react";
+
+// does not include modules or moduleinstances
+export const calcStatusChangeCount = (status: FetchStatusResponseData) => {
+  const {
+    modified = [],
+    modifiedDatasources = 0,
+    modifiedJSLibs = 0,
+    modifiedJSObjects = 0,
+    modifiedModules = 0,
+    modifiedPages = 0,
+    modifiedQueries = 0,
+  } = status || {};
+  const themeCount = modified.includes("theme.json") ? 1 : 0;
+  const settingsCount = modified.includes("application.json") ? 1 : 0;
+
+  // does not include ahead and behind remote counts
+  return (
+    modifiedDatasources +
+    modifiedJSLibs +
+    modifiedJSObjects +
+    modifiedModules +
+    modifiedPages +
+    modifiedQueries +
+    themeCount +
+    settingsCount
+  );
+};
+
+export default function useStatusChangeCount(
+  status: FetchStatusResponseData | null,
+) {
+  const statusChangeCount = useMemo(
+    () => (status ? calcStatusChangeCount(status) : 0),
+    [status],
+  );
+
+  return statusChangeCount;
+}

app/client/src/git/components/CtxAwareGitQuickActions/index.tsx

@@ -0,0 +1,54 @@
+import React from "react";
+import GitQuickActions from "../GitQuickActions";
+import { useGitContext } from "../GitContextProvider";
+import useStatusChangeCount from "./hooks/useStatusChangeCount";
+
+function CtxAwareGitQuickActions() {
+  const {
+    discard,
+    discardLoading,
+    fetchStatusLoading,
+    pull,
+    pullError,
+    pullLoading,
+    status,
+    toggleGitConnectModal,
+    toggleGitOpsModal,
+    toggleGitSettingsModal,
+  } = useGitContext();
+
+  const isGitConnected = false;
+  const isAutocommitEnabled = true;
+  const isAutocommitPolling = false;
+  const isConnectPermitted = true;
+  const isProtectedMode = false;
+
+  const isPullFailing = !!pullError;
+  const isStatusClean = status?.isClean ?? false;
+  const statusBehindCount = status?.behindCount ?? 0;
+  const statusChangeCount = useStatusChangeCount(status);
+
+  return (
+    <GitQuickActions
+      discard={discard}
+      isAutocommitEnabled={isAutocommitEnabled}
+      isAutocommitPolling={isAutocommitPolling}
+      isConnectPermitted={isConnectPermitted}
+      isDiscardLoading={discardLoading}
+      isFetchStatusLoading={fetchStatusLoading}
+      isGitConnected={isGitConnected}
+      isProtectedMode={isProtectedMode}
+      isPullFailing={isPullFailing}
+      isPullLoading={pullLoading}
+      isStatusClean={isStatusClean}
+      pull={pull}
+      statusBehindCount={statusBehindCount}
+      statusChangeCount={statusChangeCount}
+      toggleGitConnectModal={toggleGitConnectModal}
+      toggleGitOpsModal={toggleGitOpsModal}
+      toggleGitSettingsModal={toggleGitSettingsModal}
+    />
+  );
+}
+
+export default CtxAwareGitQuickActions;