куча разных нюансов сделано

src/webparts/requestPortal/components/RequestPortal.tsx

@@ -12,9 +12,12 @@ import { CATEGORIES, DEFAULT_CATEGORY_ID } from '../data/categories';
 import { REQUEST_TYPES } from '../data/requests';
 import SubmitFeature from '../features/submit/SubmitFeature';
 import ApproveFeature from '../features/approve/ApproveFeature';
+import EditFeature from '../features/edit/EditFeature';
 import { RequestsTableView } from '../features/myRequests/RequestsTableView';
 import { SearchView } from '../features/myRequests/SearchView';
 import { getPendingApproval } from '../features/myRequests/myRequests.service';
+import { IMyRequest } from '../features/myRequests/models/IMyRequest';
+import { isEditableStatus } from '../shared/approval';
 
 // Оболочка портала: тёмное боковое меню (разделы) + основная область.
 // Логики фич тут нет — файл общий, меняется редко.
@@ -99,8 +102,28 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
     if (nav === route.nav && route.mode === 'submit') emitRequestsChanged();
     navigate({ mode: 'submit', nav });
   };
+  // Клик по строке таблицы. СВОЯ заявка в незавершённом статусе (черновик,
+  // возвращённая, отклонённая) открывается на редактирование, всё остальное —
+  // на просмотр: чужую заявку править нельзя, а свою уже ушедшую по маршруту —
+  // тем более (её статус в isEditableStatus не входит).
+  const openRequest = (request: IMyRequest): void =>
+    navigate({
+      mode: request.kind === 'own' && isEditableStatus(request.status) ? 'edit' : 'approve',
+      nav: route.nav,
+      formKey: request.formKey,
+      itemId: request.id,
+    });
+
   const closeDrawer = (): void => navigate({ mode: 'submit', nav: route.nav });
 
+  // Закрытие панели РЕДАКТИРОВАНИЯ: там открыта форма, и её содержимое живёт
+  // только в памяти — уходя без сохранения, пользователь теряет правки.
+  const closeEditDrawer = (): void => {
+    if (!confirmDiscardFormChanges()) return;
+    markFormClean();
+    closeDrawer();
+  };
+
   return (
     <section className={rootClasses}>
       <IconSprite />
@@ -158,14 +181,7 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
           {route.nav === 'search' && (
             <SearchView
               context={context}
-              onOpen={(request) =>
-                navigate({
-                  mode: 'approve',
-                  nav: route.nav,
-                  formKey: request.formKey,
-                  itemId: request.id,
-                })
-              }
+              onOpen={openRequest}
             />
           )}
 
@@ -173,14 +189,7 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
             <RequestsTableView
               context={context}
               kind={route.nav === 'approvals' ? 'approvals' : 'own'}
-              onOpen={(request) =>
-                navigate({
-                  mode: 'approve',
-                  nav: route.nav,
-                  formKey: request.formKey,
-                  itemId: request.id,
-                })
-              }
+              onOpen={openRequest}
               onMyTurnCountChange={route.nav === 'approvals' ? setApprovalsCount : undefined}
             />
           )}
@@ -192,6 +201,21 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
           <ApproveFeature context={context} formKey={route.formKey} itemId={route.itemId} />
         </Drawer>
       )}
+
+      {/* Своя незавершённая заявка — та же панель, но с формой. Ввод здесь тоже
+          помечает состояние изменённым, поэтому обёртка ловит input/change. */}
+      {route.mode === 'edit' && route.formKey && route.itemId && (
+        <Drawer title={`Заявка №${route.itemId}`} onClose={closeEditDrawer}>
+          <div onInput={markFormDirty} onChange={markFormDirty}>
+            <EditFeature
+              context={context}
+              formKey={route.formKey}
+              itemId={route.itemId}
+              onClose={closeDrawer}
+            />
+          </div>
+        </Drawer>
+      )}
     </section>
   );
 };