F: Implement crucial constituents feature

rsconcept/backend/apps/library/tests/s_views/t_versions.py

@@ -84,15 +84,18 @@ class TestVersionViews(EndpointTester):
             alias='A1',
             cst_type='axiom',
             definition_formal='X1=X1',
-            order=1
+            order=1,
+            crucial=True
         )
         version_id = self._create_version({'version': '1.0.0', 'description': 'test'})
         a1.definition_formal = 'X1=X2'
+        a1.crucial = False
         a1.save()
 
         response = self.executeOK(schema=self.owned_id, version=version_id)
         loaded_a1 = response.data['items'][1]
         self.assertEqual(loaded_a1['definition_formal'], 'X1=X1')
+        self.assertEqual(loaded_a1['crucial'], True)
         self.assertEqual(loaded_a1['parse']['status'], 'verified')
 
 

rsconcept/backend/apps/oss/tests/s_propagation/t_constituents.py

@@ -121,7 +121,8 @@ class TestChangeConstituents(EndpointTester):
                 'term_raw': 'Test1',
                 'definition_formal': r'X4\X4',
                 'definition_raw': '@{X5|sing,datv}',
-                'convention': 'test'
+                'convention': 'test',
+                'crucial': True,
             }
         }
         response = self.executeOK(data=data, schema=self.ks1.model.pk)
@@ -132,9 +133,11 @@ class TestChangeConstituents(EndpointTester):
         self.assertEqual(self.ks1X1.definition_formal, data['item_data']['definition_formal'])
         self.assertEqual(self.ks1X1.definition_raw, data['item_data']['definition_raw'])
         self.assertEqual(self.ks1X1.convention, data['item_data']['convention'])
+        self.assertEqual(self.ks1X1.crucial, data['item_data']['crucial'])
         self.assertEqual(d2.definition_resolved, data['item_data']['term_raw'])
         self.assertEqual(inherited_cst.term_raw, data['item_data']['term_raw'])
         self.assertEqual(inherited_cst.convention, data['item_data']['convention'])
+        self.assertEqual(inherited_cst.crucial, False)
         self.assertEqual(inherited_cst.definition_formal, r'X1\X1')
         self.assertEqual(inherited_cst.definition_raw, r'@{X2|sing,datv}')
 

rsconcept/backend/apps/rsform/admin.py

@@ -8,5 +8,5 @@ from . import models
 class ConstituentaAdmin(admin.ModelAdmin):
     ''' Admin model: Constituenta. '''
     ordering = ['schema', 'order']
-    list_display = ['schema', 'order', 'alias', 'term_resolved', 'definition_resolved']
+    list_display = ['schema', 'order', 'alias', 'term_resolved', 'definition_resolved', 'crucial']
     search_fields = ['term_resolved', 'definition_resolved']

rsconcept/backend/apps/rsform/migrations/0004_constituenta_crucial.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.2.4 on 2025-07-29 09:01
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('rsform', '0003_alter_constituenta_order'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='constituenta',
+            name='crucial',
+            field=models.BooleanField(default=False, verbose_name='Ключевая'),
+        ),
+    ]

rsconcept/backend/apps/rsform/models/Constituenta.py

@@ -4,6 +4,7 @@ import re
 from cctext import extract_entities
 from django.db.models import (
     CASCADE,
+    BooleanField,
     CharField,
     ForeignKey,
     JSONField,
@@ -103,6 +104,10 @@ class Constituenta(Model):
         default='',
         blank=True
     )
+    crucial = BooleanField(
+        verbose_name='Ключевая',
+        default=False
+    )
 
     class Meta:
         ''' Model metadata. '''

rsconcept/backend/apps/rsform/models/RSForm.py

@@ -144,6 +144,7 @@ class RSForm:
             self.cache.ensure_loaded()
             position = self.cache.constituents.index(self.cache.by_id[insert_after.pk]) + 1
         result = self.insert_new(data['alias'], data['cst_type'], position)
+        result.crucial = data.get('crucial', False)
         result.convention = data.get('convention', '')
         result.definition_formal = data.get('definition_formal', '')
         result.term_forms = data.get('term_forms', [])
@@ -247,6 +248,9 @@ class RSForm:
             else:
                 old_data['convention'] = cst.convention
                 cst.convention = data['convention']
+        if 'crucial' in data:
+            cst.crucial = data['crucial']
+            del data['crucial']
         if 'definition_formal' in data:
             if cst.definition_formal == data['definition_formal']:
                 del data['definition_formal']

rsconcept/backend/apps/rsform/serializers/__init__.py

@@ -12,6 +12,7 @@ from .basics import (
     WordFormSerializer
 )
 from .data_access import (
+    CrucialUpdateSerializer,
     CstCreateSerializer,
     CstInfoSerializer,
     CstListSerializer,

rsconcept/backend/apps/rsform/serializers/data_access.py

@@ -46,12 +46,13 @@ class CstUpdateSerializer(StrictSerializer):
         class Meta:
             ''' serializer metadata. '''
             model = Constituenta
-            fields = 'alias', 'cst_type', 'convention', 'definition_formal', 'definition_raw', 'term_raw', 'term_forms'
+            fields = 'alias', 'cst_type', 'convention', 'crucial', 'definition_formal', \
+                'definition_raw', 'term_raw', 'term_forms'
 
     target = PKField(
         many=False,
         queryset=Constituenta.objects.all().only(
-            'alias', 'cst_type', 'convention', 'definition_formal', 'definition_raw', 'term_raw')
+            'alias', 'cst_type', 'convention', 'crucial', 'definition_formal', 'definition_raw', 'term_raw')
     )
     item_data = ConstituentaUpdateData()
 
@@ -71,6 +72,24 @@ class CstUpdateSerializer(StrictSerializer):
         return attrs
 
 
+class CrucialUpdateSerializer(StrictSerializer):
+    ''' Serializer: update crucial status. '''
+    target = PKField(
+        many=True,
+        queryset=Constituenta.objects.all().only('crucial', 'schema_id')
+    )
+    value = serializers.BooleanField()
+
+    def validate(self, attrs):
+        schema = cast(LibraryItem, self.context['schema'])
+        for cst in attrs['target']:
+            if schema and cst.schema_id != schema.pk:
+                raise serializers.ValidationError({
+                    f'{cst.pk}': msg.constituentaNotInRSform(schema.title)
+                })
+        return attrs
+
+
 class CstDetailsSerializer(StrictModelSerializer):
     ''' Serializer: Constituenta data including parse. '''
     parse = CstParseSerializer()
@@ -96,7 +115,7 @@ class CstCreateSerializer(StrictModelSerializer):
         ''' serializer metadata. '''
         model = Constituenta
         fields = \
-            'alias', 'cst_type', 'convention', \
+            'alias', 'cst_type', 'convention', 'crucial', \
             'term_raw', 'definition_raw', 'definition_formal', \
             'insert_after', 'term_forms'
 

rsconcept/backend/apps/rsform/tests/s_views/t_rsforms.py

@@ -225,7 +225,9 @@ class TestRSFormViewset(EndpointTester):
             'cst_type': CstType.BASE,
             'insert_after': x2.pk,
             'term_raw': 'test',
-            'term_forms': [{'text': 'form1', 'tags': 'sing,datv'}]
+            'term_forms': [{'text': 'form1', 'tags': 'sing,datv'}],
+            'definition_formal': 'invalid',
+            'crucial': True
         }
         response = self.executeCreated(data=data, item=self.owned_id)
         self.assertEqual(response.data['new_cst']['alias'], data['alias'])
@@ -233,6 +235,8 @@ class TestRSFormViewset(EndpointTester):
         self.assertEqual(x4.order, 2)
         self.assertEqual(x4.term_raw, data['term_raw'])
         self.assertEqual(x4.term_forms, data['term_forms'])
+        self.assertEqual(x4.definition_formal, data['definition_formal'])
+        self.assertEqual(x4.crucial, data['crucial'])
 
         data = {
             'alias': 'X5',
@@ -574,6 +578,19 @@ class TestConstituentaAPI(EndpointTester):
         self.assertEqual(self.cst3.definition_resolved, 'form1')
         self.assertEqual(self.cst3.term_forms, data['item_data']['term_forms'])
 
+    @decl_endpoint('/api/rsforms/{schema}/update-crucial', method='patch')
+    def test_update_crucial(self):
+        data = {'target': [self.cst1.pk], 'value': True}
+        self.executeForbidden(data=data, schema=self.unowned_id)
+
+        self.logout()
+        self.executeForbidden(data=data, schema=self.owned_id)
+
+        self.login()
+        self.executeOK(data=data, schema=self.owned_id)
+        self.cst1.refresh_from_db()
+        self.assertEqual(self.cst1.crucial, True)
+
 
 class TestInlineSynthesis(EndpointTester):
     ''' Testing Operations endpoints. '''

rsconcept/backend/apps/rsform/views/rsforms.py

@@ -42,6 +42,7 @@ class RSFormViewSet(viewsets.GenericViewSet, generics.ListAPIView, generics.Retr
             'load_trs',
             'create_cst',
             'update_cst',
+            'update_crucial',
             'move_cst',
             'delete_multiple_cst',
             'substitute',
@@ -137,6 +138,36 @@ class RSFormViewSet(viewsets.GenericViewSet, generics.ListAPIView, generics.Retr
             data=s.RSFormParseSerializer(schema.model).data
         )
 
+    @extend_schema(
+        summary='update crucial attributes of a given list of constituents',
+        tags=['RSForm'],
+        request=s.CrucialUpdateSerializer,
+        responses={
+            c.HTTP_200_OK: s.RSFormParseSerializer,
+            c.HTTP_400_BAD_REQUEST: None,
+            c.HTTP_403_FORBIDDEN: None,
+            c.HTTP_404_NOT_FOUND: None
+        }
+    )
+    @action(detail=True, methods=['patch'], url_path='update-crucial')
+    def update_crucial(self, request: Request, pk) -> HttpResponse:
+        ''' Update crucial attributes of a given list of constituents. '''
+        model = self._get_item()
+        serializer = s.CrucialUpdateSerializer(data=request.data, partial=True, context={'schema': model})
+        serializer.is_valid(raise_exception=True)
+        value: bool = serializer.validated_data['value']
+
+        with transaction.atomic():
+            for cst in serializer.validated_data['target']:
+                cst.crucial = value
+                cst.save(update_fields=['crucial'])
+            model.save(update_fields=['time_update'])
+
+        return Response(
+            status=c.HTTP_200_OK,
+            data=s.RSFormParseSerializer(model).data
+        )
+
     @extend_schema(
         summary='produce the structure of a given constituenta',
         tags=['RSForm'],

rsconcept/frontend/src/components/control/text-button.tsx

@@ -0,0 +1,37 @@
+import { globalIDs } from '@/utils/constants';
+
+import { type Button as ButtonStyle } from '../props';
+import { cn } from '../utils';
+
+interface TextButtonProps extends ButtonStyle {
+  /** Text to display second. */
+  text: string;
+}
+
+/**
+ * Customizable `button` with text, transparent background and no additional styling.
+ */
+export function TextButton({ text, title, titleHtml, hideTitle, className, ...restProps }: TextButtonProps) {
+  return (
+    <button
+      tabIndex={-1}
+      type='button'
+      className={cn(
+        'self-start cc-label cc-hover-underline',
+        'font-medium text-primary select-none disabled:text-foreground',
+        'cursor-pointer disabled:cursor-default',
+        'outline-hidden',
+        'select-text',
+        className
+      )}
+      data-tooltip-id={!!title || !!titleHtml ? globalIDs.tooltip : undefined}
+      data-tooltip-html={titleHtml}
+      data-tooltip-content={title}
+      data-tooltip-hidden={hideTitle}
+      aria-label={!text ? title : undefined}
+      {...restProps}
+    >
+      {text}
+    </button>
+  );
+}

rsconcept/frontend/src/components/control/text-url.tsx

@@ -30,7 +30,7 @@ export function TextURL({ text, href, title, color = 'text-primary', onClick }:
     );
   } else if (onClick) {
     return (
-      <button type='button' tabIndex={-1} className={design} onClick={onClick}>
+      <button type='button' tabIndex={-1} className={design} title={title} onClick={onClick}>
         {text}
       </button>
     );

rsconcept/frontend/src/components/icons.tsx

@@ -106,9 +106,9 @@ export { LuDatabase       as IconDatabase }       from 'react-icons/lu';
 export { LuView           as IconDBStructure }    from 'react-icons/lu';  
 export { LuPlaneTakeoff   as IconRESTapi }        from 'react-icons/lu';
 export { LuImage          as IconImage }          from 'react-icons/lu';
-export { PiFediverseLogo  as IconGraphSelection } from 'react-icons/pi';
 export { GoVersions       as IconVersions }       from 'react-icons/go';
 export { LuAtSign         as IconTerm }           from 'react-icons/lu';
+export { MdTaskAlt        as IconCrucial }        from 'react-icons/md';
 export { LuSubscript      as IconAlias }          from 'react-icons/lu';
 export { TbMathFunction   as IconFormula }        from 'react-icons/tb';
 export { BiFontFamily     as IconText }           from 'react-icons/bi';
@@ -150,9 +150,11 @@ export { GrConnect        as IconConnect }        from 'react-icons/gr';
 export { BiPlayCircle     as IconExecute }        from 'react-icons/bi';
 
 // ======== Graph UI =======
+export { PiFediverseLogo  as IconContextSelection } from 'react-icons/pi';
+export { ImMakeGroup      as IconGroupSelection } from 'react-icons/im';
 export { BiCollapse       as IconGraphCollapse }  from 'react-icons/bi';
 export { BiExpand         as IconGraphExpand }    from 'react-icons/bi';
-export { LuMaximize       as IconGraphMaximize }  from 'react-icons/lu';
+export { TiArrowMaximise  as IconGraphMaximize }  from 'react-icons/ti';
 export { BiGitBranch      as IconGraphInputs }    from 'react-icons/bi';
 export { TbEarScan        as IconGraphInverse }   from 'react-icons/tb';
 export { BiGitMerge       as IconGraphOutputs }   from 'react-icons/bi';

rsconcept/frontend/src/features/ai/models/prompting-api.ts

@@ -40,12 +40,20 @@ export function generateSample(target: string): string {
 export function varSchema(schema: IRSForm): string {
   let result = `Название концептуальной схемы: ${schema.title}\n`;
   result += `[${schema.alias}] Описание: "${schema.description}"\n\n`;
-  result += 'Понятия:\n';
+  result += 'Конституенты:\n';
   schema.items.forEach(item => {
     result += `\n${item.alias} - "${labelCstTypification(item)}" - "${item.term_resolved}" - "${
       item.definition_formal
     }" - "${item.definition_resolved}" - "${item.convention}"`;
   });
+  if (schema.stats.count_crucial > 0) {
+    result +=
+      '\nКлючевые конституенты: ' +
+      schema.items
+        .filter(cst => cst.crucial)
+        .map(cst => cst.alias)
+        .join(', ');
+  }
   return result;
 }
 

rsconcept/frontend/src/features/help/items/help-thesaurus.tsx

@@ -1,6 +1,7 @@
 import {
   IconChild,
   IconConsolidation,
+  IconCrucial,
   IconCstAxiom,
   IconCstBaseSet,
   IconCstConstSet,
@@ -91,6 +92,11 @@ export function HelpThesaurus() {
         родоструктурной экспликации являются Термин, Конвенция, Типизация (Структура), Формальное определение, Текстовое
         определение, Комментарий.
       </p>
+      <p>
+        <IconCrucial size='1rem' className='inline-icon' /> Ключевая конституента используется как маркер для
+        обозначения содержательно значимых конституент. Ключевые конституенты выделяются визуально и используются при
+        фильтрации.
+      </p>
 
       <br />
 

rsconcept/frontend/src/features/help/items/ui/help-rseditor.tsx

@@ -1,10 +1,10 @@
 import {
   IconChild,
   IconClone,
+  IconContextSelection,
+  IconCrucial,
   IconDestroy,
-  IconEdit,
   IconFilter,
-  IconGraphSelection,
   IconKeyboard,
   IconLeftOpen,
   IconMoveDown,
@@ -27,6 +27,13 @@ export function HelpRSEditor() {
   return (
     <div className='dense'>
       <h1>Редактор конституенты</h1>
+
+      <ul>
+        <li>
+          <IconCrucial className='inline-icon' /> статус ключевой конституенты
+        </li>
+      </ul>
+
       <div className='flex flex-col sm:flex-row sm:gap-3'>
         <div>
           <h2>Команды</h2>
@@ -69,7 +76,7 @@ export function HelpRSEditor() {
               <IconFilter className='inline-icon' /> фильтрация по атрибутам
             </li>
             <li>
-              <IconGraphSelection className='inline-icon' /> фильтрация по графу термов
+              <IconContextSelection className='inline-icon' /> фильтрация по графу термов
             </li>
             <li>
               <IconChild className='inline-icon' /> отображение наследованных
@@ -114,8 +121,7 @@ export function HelpRSEditor() {
       <h2>Термин и Текстовое определение</h2>
       <ul>
         <li>
-          <IconEdit className='inline-icon' /> редактирование{' '}
+          <kbd>Клик</kbd> редактирование <LinkTopic text='Имени' topic={HelpTopic.CC_CONSTITUENTA} /> /{' '}
-          <LinkTopic text='Имени' topic={HelpTopic.CC_CONSTITUENTA} /> /{' '}
           <LinkTopic text='Термина' topic={HelpTopic.CC_CONSTITUENTA} />
         </li>
         <li>

rsconcept/frontend/src/features/help/items/ui/help-rsgraph-term.tsx

@@ -1,6 +1,9 @@
 import { Divider } from '@/components/container';
 import {
+  IconChild,
   IconClustering,
+  IconContextSelection,
+  IconCrucial,
   IconDestroy,
   IconEdit,
   IconFilter,
@@ -12,7 +15,7 @@ import {
   IconGraphInputs,
   IconGraphMaximize,
   IconGraphOutputs,
-  IconGraphSelection,
+  IconGroupSelection,
   IconNewItem,
   IconOSS,
   IconPredecessor,
@@ -103,7 +106,7 @@ export function HelpRSGraphTerm() {
           <h2>Выделение</h2>
           <ul>
             <li>
-              <IconGraphSelection className='inline-icon' /> выделить связанные...
+              <IconContextSelection className='inline-icon' /> выделить связанные...
             </li>
             <li>
               <IconGraphCollapse className='inline-icon' /> все влияющие
@@ -120,13 +123,23 @@ export function HelpRSGraphTerm() {
             <li>
               <IconGraphOutputs className='inline-icon' /> исходящие напрямую
             </li>
+            <li>
+              <IconGroupSelection className='inline-icon' /> выделить группы...
+            </li>
             <li>
               <IconGraphCore className='inline-icon' /> выделить <LinkTopic text='Ядро' topic={HelpTopic.CC_SYSTEM} />
             </li>
+            <li>
+              <IconCrucial className='inline-icon' /> выделить ключевые
+            </li>
             <li>
               <IconPredecessor className='inline-icon' /> выделить{' '}
               <LinkTopic text='собственные' topic={HelpTopic.CC_PROPAGATION} />
             </li>
+            <li>
+              <IconChild className='inline-icon' /> выделить{' '}
+              <LinkTopic text='наследники' topic={HelpTopic.CC_PROPAGATION} />
+            </li>
           </ul>
         </div>
       </div>

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-graph/side-panel/toolbar-schema.tsx

@@ -77,6 +77,7 @@ export function ToolbarSchema({
     const targetType = activeCst?.cst_type ?? CstType.BASE;
     const data: ICreateConstituentaDTO = {
       insert_after: activeCst?.id ?? null,
+      crucial: false,
       cst_type: targetType,
       alias: generateAlias(targetType, schema),
       term_raw: '',
@@ -96,6 +97,7 @@ export function ToolbarSchema({
       itemID: schema.id,
       data: {
         insert_after: activeCst.id,
+        crucial: activeCst.crucial,
         cst_type: activeCst.cst_type,
         alias: generateAlias(activeCst.cst_type, schema),
         term_raw: activeCst.term_raw,

rsconcept/frontend/src/features/rsform/backend/api.ts

@@ -17,6 +17,7 @@ import {
   type IRSFormUploadDTO,
   type ISubstitutionsDTO,
   type IUpdateConstituentaDTO,
+  type IUpdateCrucialDTO,
   schemaConstituentaCreatedResponse,
   schemaExpressionParse,
   schemaProduceStructureResponse,
@@ -79,6 +80,15 @@ export const rsformsApi = {
         successMessage: infoMsg.changesSaved
       }
     }),
+  updateCrucial: ({ itemID, data }: { itemID: number; data: IUpdateCrucialDTO }) =>
+    axiosPatch<IUpdateCrucialDTO, IRSFormDTO>({
+      schema: schemaRSForm,
+      endpoint: `/api/rsforms/${itemID}/update-crucial`,
+      request: {
+        data: data,
+        successMessage: infoMsg.changesSaved
+      }
+    }),
   deleteConstituents: ({ itemID, data }: { itemID: number; data: IConstituentaList }) =>
     axiosPatch<IConstituentaList, IRSFormDTO>({
       schema: schemaRSForm,

rsconcept/frontend/src/features/rsform/backend/rsform-loader.ts

@@ -183,6 +183,7 @@ export class RSFormLoader {
     const items = this.schema.items;
     return {
       count_all: items.length,
+      count_crucial: items.reduce((sum, cst) => sum + (cst.crucial ? 1 : 0), 0),
       count_errors: items.reduce((sum, cst) => sum + (cst.parse.status === ParsingStatus.INCORRECT ? 1 : 0), 0),
       count_property: items.reduce((sum, cst) => sum + (cst.parse.valueClass === ValueClass.PROPERTY ? 1 : 0), 0),
       count_incalculable: items.reduce(

rsconcept/frontend/src/features/rsform/backend/types.ts

@@ -65,6 +65,9 @@ export type IConstituentaCreatedResponse = z.infer<typeof schemaConstituentaCrea
 /** Represents data, used in updating persistent attributes in {@link IConstituenta}. */
 export type IUpdateConstituentaDTO = z.infer<typeof schemaUpdateConstituenta>;
 
+/** Represents data, used in batch updating crucial attributes in {@link IConstituenta}. */
+export type IUpdateCrucialDTO = z.infer<typeof schemaUpdateCrucial>;
+
 /** Represents data, used in ordering a list of {@link IConstituenta}. */
 export interface IMoveConstituentsDTO {
   items: number[];
@@ -276,6 +279,7 @@ export const schemaConstituentaBasics = z.strictObject({
   id: z.coerce.number(),
   alias: z.string().nonempty(errorMsg.requiredField),
   convention: z.string(),
+  crucial: z.boolean(),
   cst_type: schemaCstType,
   definition_formal: z.string(),
   definition_raw: z.string(),
@@ -321,7 +325,8 @@ export const schemaVersionCreatedResponse = z.strictObject({
 export const schemaCreateConstituenta = schemaConstituentaBasics
   .pick({
     cst_type: true,
-    term_forms: true
+    term_forms: true,
+    crucial: true
   })
   .extend({
     alias: z.string().max(limits.len_alias, errorMsg.aliasLength).nonempty(errorMsg.requiredField),
@@ -342,6 +347,7 @@ export const schemaUpdateConstituenta = z.strictObject({
   item_data: z.strictObject({
     alias: z.string().max(limits.len_alias, errorMsg.aliasLength).nonempty(errorMsg.requiredField).optional(),
     cst_type: schemaCstType.optional(),
+    crucial: z.boolean().optional(),
     convention: z.string().max(limits.len_description, errorMsg.descriptionLength).optional(),
     definition_formal: z.string().max(limits.len_description, errorMsg.descriptionLength).optional(),
     definition_raw: z.string().max(limits.len_description, errorMsg.descriptionLength).optional(),
@@ -357,6 +363,11 @@ export const schemaUpdateConstituenta = z.strictObject({
   })
 });
 
+export const schemaUpdateCrucial = z.strictObject({
+  target: z.array(z.number()),
+  value: z.boolean()
+});
+
 export const schemaProduceStructureResponse = z.strictObject({
   cst_list: z.array(z.number()),
   schema: schemaRSForm

rsconcept/frontend/src/features/rsform/backend/use-update-crucial.ts

@@ -0,0 +1,25 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { useUpdateTimestamp } from '@/features/library/backend/use-update-timestamp';
+
+import { KEYS } from '@/backend/configuration';
+
+import { rsformsApi } from './api';
+import { type IUpdateCrucialDTO } from './types';
+
+export const useUpdateCrucial = () => {
+  const client = useQueryClient();
+  const { updateTimestamp } = useUpdateTimestamp();
+  const mutation = useMutation({
+    mutationKey: [KEYS.global_mutation, rsformsApi.baseKey, 'update-crucial'],
+    mutationFn: rsformsApi.updateCrucial,
+    onSuccess: data => {
+      updateTimestamp(data.id, data.time_update);
+      client.setQueryData(rsformsApi.getRSFormQueryOptions({ itemID: data.id }).queryKey, data);
+    },
+    onError: () => client.invalidateQueries()
+  });
+  return {
+    updateCrucial: (data: { itemID: number; data: IUpdateCrucialDTO }) => mutation.mutateAsync(data)
+  };
+};

rsconcept/frontend/src/features/rsform/components/badge-constituenta.tsx

@@ -26,6 +26,7 @@ export function BadgeConstituenta({ value, prefixID }: BadgeConstituentaProps) {
       className={clsx(
         'cc-badge-constituenta',
         value.is_inherited && 'border-dashed',
+        value.crucial && 'cc-badge-inner-shadow',
         value.cst_class === CstClass.BASIC ? 'bg-accent-green25' : 'bg-input'
       )}
       style={{

rsconcept/frontend/src/features/rsform/components/icon-crucial-value.tsx

@@ -0,0 +1,10 @@
+import { type DomIconProps, IconCrucial } from '@/components/icons';
+import { cn } from '@/components/utils';
+
+export function IconCrucialValue({ value, size = '1.25rem', className }: DomIconProps<boolean>) {
+  if (value) {
+    return <IconCrucial size={size} className={cn('text-primary', className)} />;
+  } else {
+    return <IconCrucial size={size} className={cn('text-muted-foreground', className)} />;
+  }
+}

rsconcept/frontend/src/features/rsform/components/icon-dependency-mode.tsx

@@ -1,10 +1,10 @@
 import {
   type DomIconProps,
+  IconContextSelection,
   IconGraphCollapse,
   IconGraphExpand,
   IconGraphInputs,
-  IconGraphOutputs,
+  IconGraphOutputs
-  IconGraphSelection
 } from '@/components/icons';
 
 import { DependencyMode } from '../stores/cst-search';
@@ -13,7 +13,7 @@ import { DependencyMode } from '../stores/cst-search';
 export function IconDependencyMode({ value, size = '1.25rem', className }: DomIconProps<DependencyMode>) {
   switch (value) {
     case DependencyMode.ALL:
-      return <IconGraphSelection size={size} className={className} />;
+      return <IconContextSelection size={size} className={className} />;
     case DependencyMode.OUTPUTS:
       return <IconGraphOutputs size={size} className={className ?? 'text-primary'} />;
     case DependencyMode.INPUTS:

rsconcept/frontend/src/features/rsform/components/info-constituenta.tsx

@@ -1,4 +1,4 @@
-import { IconChild } from '@/components/icons';
+import { IconChild, IconCrucial } from '@/components/icons';
 import { cn } from '@/components/utils';
 
 import { labelCstTypification } from '../labels';
@@ -15,6 +15,7 @@ export function InfoConstituenta({ data, className, ...restProps }: InfoConstitu
       <h2 className='cursor-default' title={data.is_inherited ? ' наследник' : undefined}>
         {data.alias}
         {data.is_inherited ? <IconChild size='1rem' className='inline-icon align-middle ml-1 mt-1' /> : null}
+        {data.crucial ? <IconCrucial size='1rem' className='inline-icon align-middle mt-1' /> : null}
       </h2>
       {data.term_resolved ? (
         <p>

rsconcept/frontend/src/features/rsform/components/pick-multi-constituenta.tsx

@@ -116,7 +116,8 @@ export function PickMultiConstituenta({
             const cst = schema.cstByID.get(cstID);
             return !!cst && isBasicConcept(cst.cst_type);
           }}
-          isOwned={cstID => !schema.cstByID.get(cstID)?.is_inherited}
+          isCrucial={cstID => schema.cstByID.get(cstID)?.crucial ?? false}
+          isInherited={cstID => schema.cstByID.get(cstID)?.is_inherited ?? false}
           value={value}
           onChange={onChange}
           className='w-fit'

rsconcept/frontend/src/features/rsform/components/rsform-stats.tsx

@@ -1,6 +1,7 @@
 import {
   IconChild,
   IconConvention,
+  IconCrucial,
   IconCstAxiom,
   IconCstBaseSet,
   IconCstConstSet,
@@ -113,6 +114,12 @@ export function RSFormStats({ className, stats }: RSFormStatsProps) {
         value={stats.count_theorem}
       />
 
+      <ValueStats
+        id='count_crucial'
+        title='Ключевые'
+        icon={<IconCrucial size='1.25rem' />}
+        value={stats.count_crucial}
+      />
       <ValueStats
         id='count_text_term'
         title='Термины'

rsconcept/frontend/src/features/rsform/components/term-graph/graph/tg-node.tsx

@@ -30,6 +30,7 @@ export function TGNode(node: TGNodeInternal) {
       <div
         className={clsx(
           'w-full h-full cursor-default flex items-center justify-center rounded-full',
+          node.data.cst.crucial && 'text-primary',
           node.data.focused && 'border-[2px] border-selected',
           label.length > LABEL_THRESHOLD ? 'text-[12px]/[16px]' : 'text-[14px]/[20px]'
         )}
@@ -50,6 +51,7 @@ export function TGNode(node: TGNodeInternal) {
       {description ? (
         <div
           className={clsx(
+            node.data.cst.crucial && 'text-primary',
             'mt-[4px] w-[150px] px-[4px] text-center translate-x-[calc(-50%+20px)]',
             'pointer-events-none',
             description.length > DESCRIPTION_THRESHOLD ? 'text-[10px]/[12px]' : 'text-[12px]/[16px]'
@@ -69,9 +71,11 @@ export function TGNode(node: TGNodeInternal) {
 
 // ====== INTERNAL ======
 function describeCstNode(cst: IConstituenta) {
-  return `${cst.alias}: ${cst.term_resolved}</br><b>Типизация:</b> ${labelCstTypification(
+  const contents = isBasicConcept(cst.cst_type)
-    cst
+    ? cst.convention
-  )}</br><b>Содержание:</b> ${
+    : cst.definition_resolved || cst.definition_formal || cst.convention;
-    isBasicConcept(cst.cst_type) ? cst.convention : cst.definition_resolved || cst.definition_formal || cst.convention
+  const typification = labelCstTypification(cst);
+  return `${cst.alias}: ${cst.term_resolved}</br><b>Типизация:</b> ${typification}</br><b>Содержание:</b> ${
+    contents ? contents : 'отсутствует'
   }`;
 }

rsconcept/frontend/src/features/rsform/components/toolbar-graph-selection.tsx

@@ -1,6 +1,9 @@
 import { MiniButton } from '@/components/control';
 import { Dropdown, DropdownButton, useDropdown } from '@/components/dropdown';
 import {
+  IconChild,
+  IconContextSelection,
+  IconCrucial,
   IconGraphCollapse,
   IconGraphCore,
   IconGraphExpand,
@@ -8,7 +11,7 @@ import {
   IconGraphInverse,
   IconGraphMaximize,
   IconGraphOutputs,
-  IconGraphSelection,
+  IconGroupSelection,
   IconPredecessor,
   IconReset
 } from '@/components/icons';
@@ -21,7 +24,8 @@ interface ToolbarGraphSelectionProps extends Styling {
   onChange: (newSelection: number[]) => void;
   graph: Graph;
   isCore: (item: number) => boolean;
-  isOwned?: (item: number) => boolean;
+  isCrucial: (item: number) => boolean;
+  isInherited: (item: number) => boolean;
 }
 
 export function ToolbarGraphSelection({
@@ -29,20 +33,66 @@ export function ToolbarGraphSelection({
   graph,
   value: selected,
   isCore,
-  isOwned,
+  isInherited,
+  isCrucial,
   onChange,
   ...restProps
 }: ToolbarGraphSelectionProps) {
-  const menu = useDropdown();
+  const selectedMenu = useDropdown();
+  const groupMenu = useDropdown();
   const emptySelection = selected.length === 0;
 
+  function handleSelectReset() {
+    onChange([]);
+  }
+
   function handleSelectCore() {
+    groupMenu.hide();
     const core = [...graph.nodes.keys()].filter(isCore);
     onChange([...core, ...graph.expandInputs(core)]);
   }
 
   function handleSelectOwned() {
-    if (isOwned) onChange([...graph.nodes.keys()].filter(isOwned));
+    groupMenu.hide();
+    onChange([...graph.nodes.keys()].filter((item: number) => !isInherited(item)));
+  }
+
+  function handleSelectInherited() {
+    groupMenu.hide();
+    onChange([...graph.nodes.keys()].filter(isInherited));
+  }
+
+  function handleSelectCrucial() {
+    groupMenu.hide();
+    onChange([...graph.nodes.keys()].filter(isCrucial));
+  }
+
+  function handleExpandOutputs() {
+    onChange([...selected, ...graph.expandOutputs(selected)]);
+  }
+
+  function handleExpandInputs() {
+    onChange([...selected, ...graph.expandInputs(selected)]);
+  }
+
+  function handleSelectMaximize() {
+    selectedMenu.hide();
+    onChange(graph.maximizePart(selected));
+  }
+
+  function handleSelectInvert() {
+    selectedMenu.hide();
+    onChange([...graph.nodes.keys()].filter(item => !selected.includes(item)));
+  }
+
+  function handleSelectAllInputs() {
+    selectedMenu.hide();
+    onChange([...graph.expandInputs(selected)]);
+  }
+
+  function handleSelectAllOutputs() {
+    selectedMenu.hide();
+    onChange([...graph.expandOutputs(selected)]);
   }
 
   return (
@@ -50,73 +100,99 @@ export function ToolbarGraphSelection({
       <MiniButton
         title='Сбросить выделение'
         icon={<IconReset size='1.25rem' className='icon-primary' />}
-        onClick={() => onChange([])}
+        onClick={handleSelectReset}
         disabled={emptySelection}
       />
-      <div ref={menu.ref} onBlur={menu.handleBlur} className='flex items-center relative'>
+
+      <div ref={selectedMenu.ref} onBlur={selectedMenu.handleBlur} className='flex items-center relative'>
         <MiniButton
-          title='Выделить...'
+          title='Выделить на основе выбранных...'
-          hideTitle={menu.isOpen}
+          hideTitle={selectedMenu.isOpen}
-          icon={<IconGraphSelection size='1.25rem' className='icon-primary' />}
+          icon={<IconContextSelection size='1.25rem' className='icon-primary' />}
-          onClick={menu.toggle}
+          onClick={selectedMenu.toggle}
           disabled={emptySelection}
         />
-        <Dropdown isOpen={menu.isOpen} className='-translate-x-1/2'>
+        <Dropdown isOpen={selectedMenu.isOpen} className='-translate-x-1/2'>
-          <DropdownButton
-            text='Влияющие'
-            title='Выделить все влияющие'
-            icon={<IconGraphCollapse size='1.25rem' className='icon-primary' />}
-            onClick={() => onChange([...selected, ...graph.expandAllInputs(selected)])}
-            disabled={emptySelection}
-          />
-          <DropdownButton
-            text='Зависимые'
-            title='Выделить все зависимые'
-            icon={<IconGraphExpand size='1.25rem' className='icon-primary' />}
-            onClick={() => onChange([...selected, ...graph.expandAllOutputs(selected)])}
-            disabled={emptySelection}
-          />
-
           <DropdownButton
             text='Поставщики'
             title='Выделить поставщиков'
             icon={<IconGraphInputs size='1.25rem' className='icon-primary' />}
-            onClick={() => onChange([...selected, ...graph.expandInputs(selected)])}
+            onClick={handleExpandInputs}
             disabled={emptySelection}
           />
           <DropdownButton
             text='Потребители'
             title='Выделить потребителей'
             icon={<IconGraphOutputs size='1.25rem' className='icon-primary' />}
-            onClick={() => onChange([...selected, ...graph.expandOutputs(selected)])}
+            onClick={handleExpandOutputs}
             disabled={emptySelection}
           />
+
+          <DropdownButton
+            text='Влияющие'
+            title='Выделить все влияющие'
+            icon={<IconGraphCollapse size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectAllInputs}
+            disabled={emptySelection}
+          />
+          <DropdownButton
+            text='Зависимые'
+            title='Выделить все зависимые'
+            icon={<IconGraphExpand size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectAllOutputs}
+            disabled={emptySelection}
+          />
+
           <DropdownButton
             text='Максимизация'
             titleHtml='<b>Максимизация</b> <br/>дополнение выделения конституентами, <br/>зависимыми только от выделенных'
             aria-label='Максимизация - дополнение выделения конституентами, зависимыми только от выделенных'
             icon={<IconGraphMaximize size='1.25rem' className='icon-primary' />}
-            onClick={() => onChange(graph.maximizePart(selected))}
+            onClick={handleSelectMaximize}
             disabled={emptySelection}
           />
+          <DropdownButton
+            text='Инвертировать'
+            icon={<IconGraphInverse size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectInvert}
+          />
         </Dropdown>
       </div>
 
-      <MiniButton
+      <div ref={groupMenu.ref} onBlur={groupMenu.handleBlur} className='flex items-center relative'>
-        title='Выделить ядро'
+        <MiniButton
-        icon={<IconGraphCore size='1.25rem' className='icon-primary' />}
+          title='Выделить группу...'
-        onClick={handleSelectCore}
+          hideTitle={groupMenu.isOpen}
-      />
+          icon={<IconGroupSelection size='1.25rem' className='icon-primary' />}
-      <MiniButton
+          onClick={groupMenu.toggle}
-        title='Выделить собственные'
+        />
-        icon={<IconPredecessor size='1.25rem' className='icon-primary' />}
+        <Dropdown isOpen={groupMenu.isOpen} className='-translate-x-1/2'>
-        onClick={handleSelectOwned}
+          <DropdownButton
-      />
+            text='ядро'
-      <MiniButton
+            title='Выделить ядро'
-        title='Инвертировать'
+            icon={<IconGraphCore size='1.25rem' className='icon-primary' />}
-        icon={<IconGraphInverse size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectCore}
-        onClick={() => onChange([...graph.nodes.keys()].filter(item => !selected.includes(item)))}
+          />
-      />
+          <DropdownButton
+            text='ключевые'
+            title='Выделить ключевые'
+            icon={<IconCrucial size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectCrucial}
+          />
+          <DropdownButton
+            text='собственные'
+            title='Выделить собственные'
+            icon={<IconPredecessor size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectOwned}
+          />
+          <DropdownButton
+            text='наследники'
+            title='Выделить наследников'
+            icon={<IconChild size='1.25rem' className='icon-primary' />}
+            onClick={handleSelectInherited}
+          />
+        </Dropdown>
+      </div>
     </div>
   );
 }

rsconcept/frontend/src/features/rsform/dialogs/dlg-create-cst/form-create-cst.tsx

@@ -6,9 +6,11 @@ import { Controller, useFormContext, useWatch } from 'react-hook-form';
 import { HelpTopic } from '@/features/help';
 import { BadgeHelp } from '@/features/help/components/badge-help';
 
+import { MiniButton } from '@/components/control';
 import { TextArea, TextInput } from '@/components/input';
 
 import { CstType, type ICreateConstituentaDTO } from '../../backend/types';
+import { IconCrucialValue } from '../../components/icon-crucial-value';
 import { RSInput } from '../../components/rs-input';
 import { SelectCstType } from '../../components/select-cst-type';
 import { getRSDefinitionPlaceholder } from '../../labels';
@@ -30,6 +32,7 @@ export function FormCreateCst({ schema }: FormCreateCstProps) {
 
   const cst_type = useWatch({ control, name: 'cst_type' });
   const convention = useWatch({ control, name: 'convention' });
+  const crucial = useWatch({ control, name: 'crucial' });
   const isBasic = isBasicConcept(cst_type);
   const isElementary = isBaseSet(cst_type);
   const isFunction = isFunctional(cst_type);
@@ -41,9 +44,18 @@ export function FormCreateCst({ schema }: FormCreateCstProps) {
     setForceComment(false);
   }
 
+  function handleToggleCrucial() {
+    setValue('crucial', !crucial);
+  }
+
   return (
     <>
       <div className='flex items-center self-center gap-3'>
+        <MiniButton
+          title='Ключевая конституента'
+          icon={<IconCrucialValue size='1.25rem' value={crucial} />}
+          onClick={handleToggleCrucial}
+        />
         <SelectCstType
           id='dlg_cst_type' //
           value={cst_type}

rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-cst/form-edit-cst.tsx

@@ -1,9 +1,11 @@
 import { useState } from 'react';
 import { Controller, useFormContext, useWatch } from 'react-hook-form';
 
+import { MiniButton } from '@/components/control';
 import { TextArea, TextInput } from '@/components/input';
 
 import { CstType, type IUpdateConstituentaDTO } from '../../backend/types';
+import { IconCrucialValue } from '../../components/icon-crucial-value';
 import { SelectCstType } from '../../components/select-cst-type';
 import { getRSDefinitionPlaceholder, labelCstTypification } from '../../labels';
 import { type IConstituenta, type IRSForm } from '../../models/rsform';
@@ -26,6 +28,7 @@ export function FormEditCst({ target, schema }: FormEditCstProps) {
 
   const cst_type = useWatch({ control, name: 'item_data.cst_type' }) ?? CstType.BASE;
   const convention = useWatch({ control, name: 'item_data.convention' });
+  const crucial = useWatch({ control, name: 'item_data.crucial' }) ?? false;
   const isBasic = isBasicConcept(cst_type);
   const isElementary = isBaseSet(cst_type);
   const isFunction = isFunctional(cst_type);
@@ -37,9 +40,18 @@ export function FormEditCst({ target, schema }: FormEditCstProps) {
     setForceComment(false);
   }
 
+  function handleToggleCrucial() {
+    setValue('item_data.crucial', !crucial);
+  }
+
   return (
     <>
       <div className='flex items-center self-center gap-3'>
+        <MiniButton
+          title='Ключевая конституента'
+          icon={<IconCrucialValue size='1.25rem' value={crucial} />}
+          onClick={handleToggleCrucial}
+        />
         <SelectCstType
           id='dlg_cst_type' //
           value={cst_type}

rsconcept/frontend/src/features/rsform/models/rsform.ts

@@ -47,6 +47,7 @@ export interface TermForm {
 /** Represents Constituenta. */
 export interface IConstituenta {
   id: number;
+  crucial: boolean;
   alias: string;
   convention: string;
   cst_type: CstType;
@@ -102,6 +103,8 @@ export interface IConstituenta {
 /** Represents {@link IRSForm} statistics. */
 export interface IRSFormStats {
   count_all: number;
+  count_crucial: number;
+
   count_errors: number;
   count_property: number;
   count_incalculable: number;

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx

@@ -107,7 +107,7 @@ export function EditorConstituenta() {
         isNarrow={isNarrow}
       />
 
-      <div className='mx-0 min-w-140 md:mx-auto pt-8 md:w-195 shrink-0 xs:pt-0'>
+      <div className='mx-0 min-w-120 md:mx-auto pt-8 md:w-195 shrink-0 xs:pt-0'>
         {activeCst ? (
           <FormConstituenta
             key={activeCst.id}

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/form-constituenta.tsx

@@ -6,8 +6,12 @@ import { Controller, useForm } from 'react-hook-form';
 import { toast } from 'react-toastify';
 import { zodResolver } from '@hookform/resolvers/zod';
 
+import { useUpdateCrucial } from '@/features/rsform/backend/use-update-crucial';
+import { IconCrucialValue } from '@/features/rsform/components/icon-crucial-value';
+
 import { MiniButton, SubmitButton } from '@/components/control';
-import { IconChild, IconEdit, IconPredecessor, IconSave } from '@/components/icons';
+import { TextButton } from '@/components/control/text-button';
+import { IconChild, IconPredecessor, IconSave } from '@/components/icons';
 import { TextArea } from '@/components/input';
 import { Indicator } from '@/components/view';
 import { useDialogsStore } from '@/stores/dialogs';
@@ -46,7 +50,8 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
   const setIsModified = useModificationStore(state => state.setIsModified);
   const isProcessing = useMutatingRSForm();
 
-  const { updateConstituenta: cstUpdate } = useUpdateConstituenta();
+  const { updateConstituenta } = useUpdateConstituenta();
+  const { updateCrucial } = useUpdateCrucial();
   const showTypification = useDialogsStore(state => state.showShowTypeGraph);
   const showEditTerm = useDialogsStore(state => state.showEditWordForms);
   const showRenameCst = useDialogsStore(state => state.showRenameCst);
@@ -128,7 +133,7 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
   }
 
   function onSubmit(data: IUpdateConstituentaDTO) {
-    void cstUpdate({ itemID: schema.id, data }).then(() => {
+    void updateConstituenta({ itemID: schema.id, data }).then(() => {
       setIsModified(false);
       reset({ ...data });
     });
@@ -158,33 +163,48 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
     showRenameCst({ schema: schema, target: activeCst });
   }
 
-  return (
+  function handleToggleCrucial() {
-    <form id={id} className='relative cc-column mt-1 px-6 py-1' onSubmit={event => void handleSubmit(onSubmit)(event)}>
+    void updateCrucial({
-      {!disabled || isProcessing ? (
+      itemID: schema.id,
-        <MiniButton
+      data: {
-          title={isModified ? tooltipText.unsaved : 'Редактировать словоформы термина'}
+        target: [activeCst.id],
-          aria-label='Редактировать словоформы термина'
+        value: !activeCst.crucial
-          onClick={handleEditTermForms}
+      }
-          className='absolute z-pop top-0 left-[calc(7ch+4px)]'
+    });
-          icon={<IconEdit size='1rem' className='icon-primary' />}
+  }
-          disabled={isModified}
-        />
-      ) : null}
 
-      <div className='absolute z-pop top-0 left-[calc(7ch+4px+3rem)] flex select-none'>
+  return (
-        <div className='pt-1 text-sm font-medium min-w-16 whitespace-nowrap select-text cursor-default'>
+    <form
-          <span>Имя </span>
+      id={id}
-          <span className='ml-1'>{activeCst?.alias ?? ''}</span>
+      className='relative cc-column mt-1 px-6 pb-1 pt-8'
+      onSubmit={event => void handleSubmit(onSubmit)(event)}
+    >
+      <div className='absolute z-pop top-0 left-6 flex select-text font-medium whitespace-nowrap pt-1'>
+        <TextButton
+          text='Термин' //
+          title={disabled ? undefined : isModified ? tooltipText.unsaved : 'Редактировать словоформы термина'}
+          onClick={handleEditTermForms}
+          disabled={isModified || disabled}
+        />
+
+        <MiniButton
+          title={activeCst.crucial ? 'Ключевая: да' : 'Ключевая: нет'}
+          className='ml-6 mr-1 -mt-0.75'
+          aria-label='Переключатель статуса ключевой конституенты'
+          icon={<IconCrucialValue size='1rem' value={activeCst.crucial} />}
+          onClick={handleToggleCrucial}
+          disabled={disabled || isProcessing || isModified}
+        />
+
+        <TextButton
+          text='Имя' //
+          title={disabled ? undefined : isModified ? tooltipText.unsaved : 'Переименовать конституенту'}
+          onClick={handleRenameCst}
+          disabled={isModified || disabled}
+        />
+        <div className='ml-2 text-sm font-medium whitespace-nowrap select-text cursor-default'>
+          {activeCst?.alias ?? ''}
         </div>
-        {!disabled || isProcessing ? (
-          <MiniButton
-            title={isModified ? tooltipText.unsaved : 'Переименовать конституенту'}
-            aria-label='Переименовать конституенту'
-            onClick={handleRenameCst}
-            icon={<IconEdit size='1rem' className='icon-primary' />}
-            disabled={isModified}
-          />
-        ) : null}
       </div>
 
       <Controller
@@ -193,7 +213,7 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
         render={({ field }) => (
           <RefsInput
             id='cst_term'
-            label='Термин'
+            aria-label='Термин'
             maxHeight='8rem'
             placeholder={disabled ? '' : 'Обозначение для текстовых определений'}
             schema={schema}
@@ -285,14 +305,10 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
       ) : null}
 
       {!showConvention && (!disabled || isProcessing) ? (
-        <button
+        <TextButton
-          type='button'
+          text='Добавить комментарий' //
-          tabIndex={-1}
-          className='self-start cc-label text-primary hover:underline select-none'
           onClick={() => setForceComment(true)}
-        >
+        />
-          Добавить комментарий
-        </button>
       ) : null}
 
       {!disabled || isProcessing ? (

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/status-bar.tsx

@@ -41,11 +41,11 @@ export function StatusBar({ className, isModified, processing, activeCst, parseD
   })();
 
   return (
-    <div className={cn('pl-34 xs:pl-8 flex gap-1', className)}>
+    <div className={cn('pl-22 xs:pl-8 flex gap-1', className)}>
       <div
         tabIndex={0}
         className={clsx(
-          'w-40 h-7',
+          'w-32 h-7',
           'px-2 flex items-center justify-center',
           'border',
           'select-none',
@@ -64,9 +64,9 @@ export function StatusBar({ className, isModified, processing, activeCst, parseD
           </div>
         ) : null}
         {!processing ? (
-          <div className='cc-fade-in flex items-center gap-2'>
+          <div className='cc-fade-in flex items-center gap-1'>
             <IconExpressionStatus size='1rem' value={status} />
-            <span className='pb-0.5 font-controls pr-2'>{labelExpressionStatus(status)}</span>
+            <span className='font-controls pr-1 text-sm'>{labelExpressionStatus(status)}</span>
           </div>
         ) : null}
       </div>

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/toolbar-rslist.tsx

@@ -3,11 +3,13 @@
 import { HelpTopic } from '@/features/help';
 import { BadgeHelp } from '@/features/help/components/badge-help';
 import { MiniSelectorOSS } from '@/features/library/components/mini-selector-oss';
+import { useUpdateCrucial } from '@/features/rsform/backend/use-update-crucial';
 
 import { MiniButton } from '@/components/control';
 import { Dropdown, DropdownButton, useDropdown } from '@/components/dropdown';
 import {
   IconClone,
+  IconCrucial,
   IconDestroy,
   IconMoveDown,
   IconMoveUp,
@@ -31,10 +33,12 @@ interface ToolbarRSListProps {
 
 export function ToolbarRSList({ className }: ToolbarRSListProps) {
   const isProcessing = useMutatingRSForm();
+  const { updateCrucial } = useUpdateCrucial();
   const menu = useDropdown();
   const {
     schema,
     selected,
+    activeCst,
     navigateOss,
     deselectAll,
     createCst,
@@ -46,6 +50,19 @@ export function ToolbarRSList({ className }: ToolbarRSListProps) {
     moveDown
   } = useRSEdit();
 
+  function handleToggleCrucial() {
+    if (!activeCst) {
+      return;
+    }
+    void updateCrucial({
+      itemID: schema.id,
+      data: {
+        target: selected,
+        value: !activeCst.crucial
+      }
+    });
+  }
+
   return (
     <div className={cn('cc-icons items-start outline-hidden', className)}>
       {schema.oss.length > 0 ? (
@@ -75,6 +92,13 @@ export function ToolbarRSList({ className }: ToolbarRSListProps) {
         onClick={moveDown}
         disabled={isProcessing || selected.length === 0 || selected.length === schema.items.length}
       />
+      <MiniButton
+        title='Ключевая конституента'
+        aria-label='Переключатель статуса ключевой конституенты'
+        icon={<IconCrucial size='1.25rem' className='icon-primary' />}
+        onClick={handleToggleCrucial}
+        disabled={isProcessing || selected.length === 0}
+      />
       <div ref={menu.ref} onBlur={menu.handleBlur} className='relative'>
         <MiniButton
           title='Добавить пустую конституенту'

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/toolbar-term-graph.tsx

@@ -172,7 +172,8 @@ export function ToolbarTermGraph({ className }: ToolbarTermGraphProps) {
               const cst = schema.cstByID.get(cstID);
               return !!cst && isBasicConcept(cst.cst_type);
             }}
-            isOwned={schema.inheritance.length > 0 ? cstID => !schema.cstByID.get(cstID)?.is_inherited : undefined}
+            isCrucial={cstID => schema.cstByID.get(cstID)?.crucial ?? false}
+            isInherited={cstID => schema.cstByID.get(cstID)?.is_inherited ?? false}
             value={selected}
             onChange={handleSetSelected}
           />

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/view-hidden.tsx

@@ -80,6 +80,7 @@ export function ViewHidden({ items }: ViewHiddenProps) {
               type='button'
               className={clsx(
                 'cc-view-hidden-item w-12 rounded-md text-center select-none',
+                cst.crucial && 'text-primary',
                 localSelected.includes(cstID) && 'selected',
                 cst.is_inherited && 'inherited'
               )}

rsconcept/frontend/src/features/rsform/pages/rsform-page/rsedit-state.tsx

@@ -225,6 +225,7 @@ export const RSEditState = ({
       definition_formal: definition ?? '',
       definition_raw: '',
       convention: '',
+      crucial: false,
       term_forms: []
     };
     if (skipDialog) {
@@ -248,6 +249,7 @@ export const RSEditState = ({
         definition_formal: activeCst.definition_formal,
         definition_raw: activeCst.definition_raw,
         convention: activeCst.convention,
+        crucial: activeCst.crucial,
         term_forms: activeCst.term_forms
       }
     }).then(onCreateCst);

rsconcept/frontend/src/styling/utilities.css

@@ -40,6 +40,12 @@
   }
 }
 
+@utility cc-hover-underline {
+  &:hover:not(:disabled) {
+    text-decoration: underline;
+  }
+}
+
 @utility focus-outline {
   --focus-color: var(--color-ring);
 
@@ -233,3 +239,7 @@
     pointer-events: none;
   }
 }
+
+@utility cc-badge-inner-shadow {
+  box-shadow: inset 0 1px 3px 0, inset 0 -1px 3px 0;
+}