docs: document the redesigned Terminology panel and term hover card

src/content/docs/crowdin/localization-resources/glossary.mdx

@@ -16,7 +16,15 @@ import configureImport from '!/crowdin/localization-resources/glossary_configure
 
 With a glossary, you can create, store, and manage all the project terminology in one place. The main aim of terminology is to explain some specific terms or the ones often used in the project to be translated properly and consistently.
 
-Each glossary term is displayed as an underlined word in the Editor. Hover over the underlined term to highlight it and see its translation, part of speech, and definition (if they are provided).
+Each glossary term is displayed as an underlined word in the Editor. Hover over the underlined term to highlight it and open a card with the term details, grouped into sections:
+
+* **Translations**: Every translation of the term for the current target language.
+* **Source**: The term as it appears in the string.
+* **Concept**: The subject, definition, and note shared by all variants of the term.
+
+Each term also shows its language, status, part of speech, type, and gender, along with any description, note, and reference link.
+
+Each term translation in the card has an **Insert** button that adds it to the translation field. The card stays open while the pointer is on it, so you can follow a reference link or select the text, and closes when you move the pointer away or when you press <KBD>Esc</KBD>.
 
 <Image src={termHover} alt="Glossary Term" />
 
@@ -79,7 +87,7 @@ Term details:
 The concept dialog opens as a full-screen view with two panes:
 
 * The left pane contains concept-level details: the **Primary term** (filled in automatically from the source-language term), **Subject**, **Definition**, and the **Translatable** toggle. The expandable **Concept details** section holds the concept **Note**, **URL**, and **Figure**.
-* The right pane lists all terms across languages, grouped by language. The source language is pinned at the top and marked with a <Badge text="SOURCE" variant="success" /> badge. Each term row shows its **Part of speech**, **Gender**, **Type**, and **Status**, along with the **desc**, **url**, and **note** badges that expand the term's **Description (context)**, **URL**, and **Note** fields.
+* The right pane lists all terms across languages, grouped by language. The source language is pinned at the top and marked with a <Badge text="SOURCE" variant="success" /> badge. Each term row shows its **Part of speech**, **Gender**, **Type**, and **Status**. The **D**, **U**, and **N** indicators appear when the term has a **Description (context)**, **URL**, or **Note**. Click an indicator to expand that field.
 
 To add a new glossary concept, follow these steps:
 
@@ -188,7 +196,7 @@ To edit a glossary concept, follow these steps:
   1. Open your profile home page and select **Glossaries** on the left sidebar. Alternatively, open your project and go to **Settings > Glossaries**.
   2. Click **View Records** on the needed glossary.
   3. Open a glossary concept with a double-click, or click <Icon name="mdi:dots-horizontal" class="inline-icon" /> on its row and select **Edit**.
-  4. In the **Edit concept** dialog, make the necessary edits to the concept or its terms. The dialog uses the same two-pane layout described in [Creating Glossary Concepts and Terms](#creating-glossary-concepts-and-terms), with an added **Metadata** section that lists the concept **ID**, creation date, and last modification details.
+  4. In the **Edit concept** dialog, make the necessary edits to the concept or its terms. The dialog uses the same two-pane layout described in [Creating Glossary Concepts and Terms](#creating-glossary-concepts-and-terms), with an added **Metadata** section that lists the glossary the concept belongs to, the concept **ID**, creation date, and last modification details.
   5. Click **Save**.
 </Steps>
 

src/content/docs/crowdin/online-editor/overview.mdx

@@ -495,10 +495,24 @@ Underlined words or phrases in strings indicate project-specific terminology, wh
 
 The Terminology section allows you to browse the project glossary (if available) and search for specific terms. If a term is not found in the glossary, Wikipedia explanations will be displayed as a reference.
 
-Some terms may already have translations, which help maintain consistency across the project. To reuse a translated term, simply click on the underlined text, and its translation will automatically appear in the translation field.
+Some terms may already have translations, which help maintain consistency across the project. To reuse a translated term, click the underlined text, and its translation will automatically appear in the translation field. Alternatively, hover over the underlined text, then hover over the term translation you need in the card and click **Insert**. Use this when the term has more than one translation and you want a specific one.
+
+If the term has no translation yet, clicking the underlined text opens the **Edit Concept** dialog for project members who manage the glossary. For other project members, it opens the Terminology section.
+
+Each term is shown as a card. A collapsed card shows the term, its subject, and its translations with their statuses. Click the card or <Icon name="mdi:chevron-down" class="inline-icon" /> to expand it. An expanded card also shows the concept definition, note, image, and reference link. For each term, it shows the language, part of speech, type, gender, and status, along with any description, note, and reference link.
+
+To expand or collapse all the cards at once, click <Icon name="mdi:unfold-more-horizontal" class="inline-icon" /> above the list. This setting applies to the whole section and is remembered the next time you open the Editor.
+
+The bottom of the card shows the glossary the term comes from. Project members who manage that glossary can click the name to open the glossary concepts.
+
+Project members with access to the project glossary can manage terminology directly in this section. Click <Icon name="mdi:playlist-plus" class="inline-icon" /> next to the search field to add a concept. To edit a term, hover over its card and click <Icon name="mdi:pencil" class="inline-icon" /> to open the **Edit Concept** dialog.
 
 <Image src={terms} alt="Terminology" />
 
+<ReadMore>
+  Read more about [Managing Glossary Concepts and Terms](/glossary/#managing-glossary-concepts-and-terms).
+</ReadMore>
+
 ### Style Guides
 
 The **Style Guides** section provides access to the project's style guides, which contain specific rules and guidelines for translators to follow. A style guide may include information about tone of voice, preferred terminology, formatting rules, and other important details that help maintain consistency and quality across all translations in the project.

src/content/docs/enterprise/localization-resources/glossary.mdx

@@ -17,7 +17,15 @@ import configureImport from '!/enterprise/localization-resources/glossary_config
 
 With a glossary, you can create, store, and manage all the project terminology in one place. The main aim of terminology is to explain some specific terms or the ones often used in the project to be translated properly and consistently.
 
-Each glossary term is displayed as an underlined word in the Editor. Hover over the underlined term to highlight it and see its translation, part of speech, and definition (if they are provided).
+Each glossary term is displayed as an underlined word in the Editor. Hover over the underlined term to highlight it and open a card with the term details, grouped into sections:
+
+* **Translations**: Every translation of the term for the current target language.
+* **Source**: The term as it appears in the string.
+* **Concept**: The subject, definition, and note shared by all variants of the term.
+
+Each term also shows its language, status, part of speech, type, and gender, along with any description, note, and reference link.
+
+Each term translation in the card has an **Insert** button that adds it to the translation field. The card stays open while the pointer is on it, so you can follow a reference link or select the text, and closes when you move the pointer away or when you press <KBD>Esc</KBD>.
 
 <Image src={termHover} alt="Glossary Term" />
 
@@ -80,7 +88,7 @@ Term details:
 The concept dialog opens as a full-screen view with two panes:
 
 * The left pane contains concept-level details: the **Primary term** (filled in automatically from the source-language term), **Subject**, **Definition**, and the **Translatable** toggle. The expandable **Concept details** section holds the concept **Note**, **URL**, and **Figure**.
-* The right pane lists all terms across languages, grouped by language. The source language is pinned at the top and marked with a <Badge text="SOURCE" variant="success" /> badge. Each term row shows its **Part of speech**, **Gender**, **Type**, and **Status**, along with the **desc**, **url**, and **note** badges that expand the term's **Description (context)**, **URL**, and **Note** fields.
+* The right pane lists all terms across languages, grouped by language. The source language is pinned at the top and marked with a <Badge text="SOURCE" variant="success" /> badge. Each term row shows its **Part of speech**, **Gender**, **Type**, and **Status**. The **D**, **U**, and **N** indicators appear when the term has a **Description (context)**, **URL**, or **Note**. Click an indicator to expand that field.
 
 To add a new glossary concept, follow these steps:
 
@@ -197,7 +205,7 @@ To edit a glossary concept, follow these steps:
   1. Open your organization's **Workspace** and select **Glossaries** on the left sidebar. Alternatively, open your project and go to **Settings > Glossaries**.
   2. Click on the needed glossary.
   3. Hover over a glossary concept and click <Icon name="mdi:pencil" class="inline-icon" /> to open it.
-  4. In the **Edit concept** dialog, make the necessary edits to the concept or its terms. The dialog uses the same two-pane layout described in [Creating Glossary Concepts and Terms](#creating-glossary-concepts-and-terms), with an added **Metadata** section that lists the concept **ID**, creation date, and last modification details.
+  4. In the **Edit concept** dialog, make the necessary edits to the concept or its terms. The dialog uses the same two-pane layout described in [Creating Glossary Concepts and Terms](#creating-glossary-concepts-and-terms), with an added **Metadata** section that lists the glossary the concept belongs to, the concept **ID**, creation date, and last modification details.
   5. Click **Save**.
 </Steps>
 

src/content/docs/enterprise/online-editor/overview.mdx

@@ -60,7 +60,7 @@ The Editor provides all the necessary tools for translators and proofreaders, in
 * Context, labels, and additional information to guide the work.
 * String search and filtering options for efficient translation management.
 * [AI-powered suggestions](/enterprise/crowdin-ai/#using-ai-in-the-editor), [Translation Memory (TM)](/enterprise/translation-memory/) suggestions, and [Machine Translation (MT)](/enterprise/machine-translation/) suggestions.
-* [Glossary](/glossary/) terms to ensure consistency.
+* [Glossary](/enterprise/glossary/) terms to ensure consistency.
 * Comments section for collaboration and reporting issues.
 
 <Image src={sbsEditor} alt="Side-by-side Editor mode" />
@@ -564,10 +564,24 @@ Underlined words or phrases in strings indicate project-specific terminology, wh
 
 The Terminology section allows you to browse the project glossary (if available) and search for specific terms. If a term is not found in the glossary, Wikipedia explanations will be displayed as a reference.
 
-Some terms may already have translations, which help maintain consistency across the project. To reuse a translated term, simply click on the underlined text, and its translation will automatically appear in the translation field.
+Some terms may already have translations, which help maintain consistency across the project. To reuse a translated term, click the underlined text, and its translation will automatically appear in the translation field. Alternatively, hover over the underlined text, then hover over the term translation you need in the card and click **Insert**. Use this when the term has more than one translation and you want a specific one.
+
+If the term has no translation yet, clicking the underlined text opens the **Edit Concept** dialog for project members who manage the glossary. For other project members, it opens the Terminology section.
+
+Each term is shown as a card. A collapsed card shows the term, its subject, and its translations with their statuses. Click the card or <Icon name="mdi:chevron-down" class="inline-icon" /> to expand it. An expanded card also shows the concept definition, note, image, and reference link. For each term, it shows the language, part of speech, type, gender, and status, along with any description, note, and reference link.
+
+To expand or collapse all the cards at once, click <Icon name="mdi:unfold-more-horizontal" class="inline-icon" /> above the list. This setting applies to the whole section and is remembered the next time you open the Editor.
+
+The bottom of the card shows the glossary the term comes from. Project members who manage that glossary can click the name to open the glossary concepts.
+
+Project members with access to the project glossary can manage terminology directly in this section. Click <Icon name="mdi:playlist-plus" class="inline-icon" /> next to the search field to add a concept. To edit a term, hover over its card and click <Icon name="mdi:pencil" class="inline-icon" /> to open the **Edit Concept** dialog.
 
 <Image src={terms} alt="Terminology" />
 
+<ReadMore>
+  Read more about [Managing Glossary Concepts and Terms](/enterprise/glossary/#managing-glossary-concepts-and-terms).
+</ReadMore>
+
 ### Style Guides
 
 The **Style Guides** section provides access to the project's style guides, which contain specific rules and guidelines for translators to follow. A style guide may include information about tone of voice, preferred terminology, formatting rules, and other important details that help maintain consistency and quality across all translations in the project.