Documentation for the support system

Ticket card

This guide explains how to use the Ticket Card interface for managing issues in the supported project. It provides an overview of all key features, including how to create, update, and review tickets, attach relevant information.

ticketcardgraphisc3

๐Ÿ–ผ๏ธ Interface Overview

The Ticket Card screen (as shown in the image you provided) consists of four main areas:

  1. Top Panel โ€” project name, Save/Delete actions

  2. Ticket Details โ€” topic, priority, type

  3. Editor Tabs โ€” Description and Options

  4. Rich Text Editor โ€” where you enter details, tables, and notes


โœ๏ธ Description of Each Section

๐Ÿ”น 1. Top Panel

  • Displays the current Project (e.g., OMS โ€“ Integrations).

  • Buttons available:

    • ๐Ÿ—‘๏ธ Delete โ€“ removes the ticket

    • ๐Ÿ’พ Save โ€“ saves all entered information

    • ๐Ÿงญ Project switcher โ€“ navigate to another project


๐Ÿ”น 2. Ticket Details

These fields define the metadata of the request:

  • Topic โ€“ short title summarizing the issue

  • Priority โ€“ determines urgency (Critical, High, Medium, Low)

  • Type โ€“ category (e.g., Error, Task, Request)


๐Ÿ”น 3. Editor Tabs

You can switch between:

  • Description โ€“ main editor for problem explanation

  • Options โ€“ additional settings (optional per system configuration)


๐Ÿ”น 4. Rich Text Editor

A full text editor where you can:

  • ๐Ÿ”ค Format text (Bold, Italic, Underline)

  • โ†• Adjust font size and paragraphs

  • ๐Ÿงพ Insert tables (as shown in your screenshot)

  • ๐Ÿ“Ž Add links

  • ๐Ÿ”ข Create lists

  • ๐Ÿ“ Align content

  • ๐Ÿ“Š Add structured data for support analysis

This is where you describe the problem and attach logs or tables.

ticket card

Step-by-Step Guide for Creating a Support Request

Step 1 โ€” Open the Ticket Screen

โžก๏ธ Navigate to the desired Project
โžก๏ธ Click New Ticket or select an existing ticket to edit


Step 2 โ€” Fill in Ticket Details

  1. Topic โ†’ Write a clear, short summary

  2. Priority โ†’ Choose urgency (e.g., Critical)

  3. Type โ†’ Select category (e.g., Error)


Step 3 โ€” Enter the Description

In the Description tab:

  1. Write a clear explanation of the issue

  2. Include:

    • ๐Ÿ•’ When it happened

    • ๐Ÿงช What was expected

    • โŒ What went wrong

    • ๐Ÿ” Steps to reproduce

  3. Add supporting material:

    • ๐Ÿ“ท screenshots

    • ๐Ÿ“ฆ error logs

    • ๐Ÿ“Š tables (like the one in your screenshot)


Step 4 โ€” Add a Table (Optional)

To add data like hourly statistics:

  1. Click the Table icon โฌ›โฌ›

  2. Select table size

  3. Enter values (Hours, Orders Attempted, Failures, Success Rate)

  4. Format columns using the toolbar if needed


Step 5 โ€” Review and Save

Before saving, verify:

  • โœ” Topic is clear

  • โœ” Description is complete

  • โœ” Data is correctly formatted

  • โœ” Priority and Type are correct

Click ย SAVE.

Best Practices

  • Keep titles short but meaningful

  • Always describe expected vs. actual behavior

  • Attach logs/screenshots when dealing with errors

  • Use tables for statistical or repetitive data

  • Set priority accurately โ€” this helps your team triage faster

  • Update the ticket once new information appears

Example request description

โœ… Short version (concise)

Description:
The system encountered an unexpected crash during normal operation. The application closed abruptly without saving progress. No user action appeared to trigger the issue. A crash dialog was displayed and the session was terminated. Further investigation is required to identify the root cause and prevent recurrence.


โœ… Standard version (for typical support cases)

Description:
The application experienced an unexpected crash while processing a standard user action. The interface froze for several seconds and then closed automatically. A crash message was displayed indicating that the system encountered a critical error and had to terminate the session. No error code or diagnostic details were visible to the user. The issue appears to occur intermittently and does not follow a predictable pattern. Logs and screenshots have been attached for analysis.


โœ… Detailed version (recommended for high-priority incidents)

Description:
The system suffered an unexpected crash during normal workflow. At approximately [time], the UI became unresponsive, and after a short delay the application terminated automatically. A crash dialog appeared with a generic error message stating that the system encountered an unrecoverable fault.

The crash occurred without any unusual input from the user. No error code was displayed, and the system did not provide recovery options. As a result, all unsaved work was lost.

Initial findings:

  • The issue is intermittent and difficult to reproduce reliably.

  • No clear trigger identified at the time of the incident.

  • The user was performing standard navigation actions prior to the crash.

  • Screenshot of the crash message has been attached for reference.

Further investigation is required to review system logs, client-side errors, and server responses around the crash timeframe.


โœ… Technical version (for developers or infrastructure teams)

Description:
An unexpected application crash occurred during active use. The UI became unresponsive and the client process terminated unexpectedly. The system displayed a critical error dialog before shutting down. No diagnostic trace or stack information was provided to the user.

The crash appears non-deterministic. It does not correlate with specific user operations. A screenshot of the crash dialog has been attached. Further analysis of backend logs, client crash dumps, and browser/console traces is required to identify the underlying fault.