From ffd943ca7af9d29201c5f4add7142374d392b927 Mon Sep 17 00:00:00 2001
From: Jaswanth-arjun <138548908+Jaswanth-arjun@users.noreply.github.com>
Date: Thu, 19 Mar 2026 10:33:32 +0530
Subject: [PATCH 1/2] fix(plugin): prevent overflow in PluginEditorDrawer and
 keep Add/Save visible

---
 .../FormItemPlugins/PluginEditorDrawer.tsx    | 62 ++++++++++---------
 src/styles/global.css                         | 27 ++++++++
 2 files changed, 59 insertions(+), 30 deletions(-)

diff --git a/src/components/form-slice/FormItemPlugins/PluginEditorDrawer.tsx b/src/components/form-slice/FormItemPlugins/PluginEditorDrawer.tsx
index 8a72b81224..16efd859e8 100644
--- a/src/components/form-slice/FormItemPlugins/PluginEditorDrawer.tsx
+++ b/src/components/form-slice/FormItemPlugins/PluginEditorDrawer.tsx
@@ -64,41 +64,43 @@ export const PluginEditorDrawer = (props: PluginEditorDrawerProps) => {
       closeOnEscape={false}
       opened={opened}
       onClose={handleClose}
-      styles={{ body: { paddingTop: '18px' } }}
+      classNames={{
+        body: 'plugin-editor-drawer__body',
+      }}
       {...(mode === 'add' && { title: t('form.plugins.addPlugin') })}
       {...(mode === 'edit' && { title: t('form.plugins.editPlugin') })}
       {...(mode === 'view' && { title: t('form.plugins.viewPlugin') })}
     >
-      <Title order={3} mb={10}>
-        {name}
-      </Title>
-      <FormProvider {...methods}>
-        <form>
-          <FormItemEditor
-            name="config"
-            h={500}
-            customSchema={schema}
-            isLoading={!schema}
-            required
-          />
-        </form>
+      <div className="plugin-editor-drawer__content">
+        <Title order={3}>{name}</Title>
+        <FormProvider {...methods}>
+          <form className="plugin-editor-drawer__form">
+            <FormItemEditor
+              name="config"
+              h="clamp(280px, calc(100vh - 320px), 620px)"
+              customSchema={schema}
+              isLoading={!schema}
+              required
+            />
+          </form>
 
-        {mode !== 'view' && (
-          <Group justify="flex-end" mt={8}>
-            <FormSubmitBtn
-              size="xs"
-              variant="light"
-              onClick={methods.handleSubmit(({ config }) => {
-                onSave({ name, config: JSON.parse(config) });
-                handleClose();
-              })}
-            >
-              {mode === 'add' && t('form.btn.add')}
-              {mode === 'edit' && t('form.btn.save')}
-            </FormSubmitBtn>
-          </Group>
-        )}
-      </FormProvider>
+          {mode !== 'view' && (
+            <Group className="plugin-editor-drawer__actions" justify="flex-end">
+              <FormSubmitBtn
+                size="xs"
+                variant="light"
+                onClick={methods.handleSubmit(({ config }) => {
+                  onSave({ name, config: JSON.parse(config) });
+                  handleClose();
+                })}
+              >
+                {mode === 'add' && t('form.btn.add')}
+                {mode === 'edit' && t('form.btn.save')}
+              </FormSubmitBtn>
+            </Group>
+          )}
+        </FormProvider>
+      </div>
     </Drawer>
   );
 };
diff --git a/src/styles/global.css b/src/styles/global.css
index 2e63b257ef..340225ca59 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -50,3 +50,30 @@
     color: var(--mantine-color-gray-5) !important;
   }
 }
+
+.plugin-editor-drawer__body {
+  padding-top: 18px;
+  max-height: calc(100vh - 80px);
+  overflow-y: auto;
+}
+
+.plugin-editor-drawer__content {
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mantine-spacing-xs);
+}
+
+.plugin-editor-drawer__form {
+  min-height: 0;
+}
+
+.plugin-editor-drawer__actions {
+  position: sticky;
+  bottom: 0;
+  margin-top: var(--mantine-spacing-xs);
+  padding-top: var(--mantine-spacing-xs);
+  background: var(--mantine-color-body);
+  border-top: 1px solid var(--mantine-color-gray-2);
+  z-index: 2;
+}
\ No newline at end of file

From ca52ce2034886652035f74456071a887837a796d Mon Sep 17 00:00:00 2001
From: Jaswanth-arjun <138548908+Jaswanth-arjun@users.noreply.github.com>
Date: Fri, 20 Mar 2026 11:32:32 +0530
Subject: [PATCH 2/2] fix(i18n): prevent crash when switching languages due to
 missing progress data

---
 src/components/Header/LanguageMenu.tsx | 3 ++-
 vite.config.ts                         | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/LanguageMenu.tsx b/src/components/Header/LanguageMenu.tsx
index 48fcd8f0ef..46b6153d76 100644
--- a/src/components/Header/LanguageMenu.tsx
+++ b/src/components/Header/LanguageMenu.tsx
@@ -30,7 +30,8 @@ const LangMap: Record<keyof Resources, string> = {
 };
 
 const TranslationProgress = ({ lang }: { lang: string }) => {
-  const percent = i18nProgress[lang].percent;
+  const progressData = i18nProgress[lang as keyof typeof i18nProgress];
+  const percent = progressData?.percent ?? 0;
   if (typeof percent === 'number' && percent < 100) {
     return (
       <span
diff --git a/vite.config.ts b/vite.config.ts
index 799fdf323d..09887546c7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -91,7 +91,7 @@ export default defineConfig({
       semicolons: false,
     }),
     i18nProgress({
-      langs: ['en', 'es', 'de', 'zh'],
+      langs: ['en', 'es', 'de', 'zh', 'tr'],
       baseLang: 'en',
       getTranslationDir: (lang) => `./src/locales/${lang}`,
     }),