@maltjoy/mcp-server 0.3.2 → 0.5.0-beta.0

package/dist/doc/zeroheight/components/3095627/content.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/components/3095627/description.md

@@ -0,0 +1 @@
+A panel is an element designed to contain page elements to a reasonable maximum width based on the size of a user's screen.

package/dist/doc/zeroheight/components/3095627/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Panel ",
+  "slug": "panel",
+  "category": "components",
+  "component": "VJoyPanel",
+  "pageId": 3095627,
+  "pageUid": "3095627",
+  "fetchedAt": "2026-07-15T08:24:45.851Z",
+  "tabs": [
+    "Overview",
+    "Usage",
+    "Content",
+    "Change log 🔄"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/panel/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/3095627/overview.md

@@ -0,0 +1,33 @@
+![Panels in project vue](/uploads/BlbEnXd-XmcdWYPwyaz_-g.png)
+
+## Anatomy
+
+## Type of panels
+
+| Name | Radius | Border | Style |
+| Main Container | 8px | Solid 1px | `$-joy-color-neutral-gray-3` |
+| Side Container | 8px | Solid 1px | `$-joy-color-neutral-gray-3` |
+| Table Container | 8px | Solid 1px | `$-joy-color-neutral-gray-3` |
+## Size of Panel
+
+| Size | Use | Label (Default size) | Padding |
+| S | Mobile | `--joy-font-size-primary-450` | 16px - `$joy-core-spacing-4` |
+| M | Tablet or unique case | `--joy-font-size-primary-650` | 24px - `$joy-core-spacing-6` |
+| L | Default | `--joy-font-size-primary-650` | 32px - `$joy-core-spacing-8` |
+## Components
+
+### Default
+
+### AI
+
+## Type of Panel
+
+### Main Container
+
+> Padding 32px
+
+### Side container
+
+> Padding 32px
+
+## Related

package/dist/doc/zeroheight/components/3095627/usage.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/components/4065429/change-log.md

@@ -0,0 +1 @@
+## Change log

package/dist/doc/zeroheight/components/4065429/content.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/components/4065429/description.md

@@ -0,0 +1,3 @@
+Collapse can be used to hide and reveal information.
+
+When used correctly, they are a good way to make a higher amount of information easier to digest for the user.

package/dist/doc/zeroheight/components/4065429/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Collapse",
+  "slug": "collapse",
+  "category": "components",
+  "component": "VJoyCollapse",
+  "pageId": 4065429,
+  "pageUid": "4065429",
+  "fetchedAt": "2026-07-15T08:24:45.720Z",
+  "tabs": [
+    "Overview",
+    "Usage",
+    "Content",
+    "🔄 Change log"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/collapse/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/4065429/overview.md

@@ -0,0 +1,34 @@
+![Collapse in the side panel](/uploads/OudAbj-NRmRdnyIxljrbCQ.png)
+
+## Anatomy
+
+### Default collapse
+
+### Outline collapse
+
+## Specifications
+
+## Type
+
+There are two type of outlines
+
+- Default
+- Outline
+
+## States
+
+We use 5 states for the collapse component; each state must convey a specific affordance.
+
+## Variants
+
+### Default
+
+### Outline
+
+## Animation
+
+| **Token** | Components | **Behavior** |
+| `$transition-duration--Default: 200ms;` | Collaps | When clicking |
+## Example
+
+## Related

package/dist/doc/zeroheight/components/4065429/usage.md

@@ -0,0 +1,17 @@
+## Usage
+
+**Collapses are particularly useful when:**
+
+- **Content is non-essential for initial scanning:** Collapses are ideal when users need to scan high-level categories first without being overwhelmed by the specific details of every section.
+- **Vertical space is limited:** When a page contains a high volume of information (like a long FAQ or a complex settings page), collapses help reduce "scroll fatigue" by keeping the layout compact.
+- **The information is progressive:** If certain details are only relevant to a subset of users, collapses allow those users to "opt-in" to the content while keeping it hidden for everyone else.
+
+## Main rules
+
+- Do: Use clear, action-oriented headers: Ensure the title accurately describes the content hidden inside so users can decide if they need to open it.
+- Do: Group related content: Only use a Collapse when the information inside belongs together under a single, cohesive category.
+- Do: Maintain state on interaction: If a user expands a section, it should remain open until they manually close it or navigate away, unless your system specifically uses an "Accordion" style (where only one opens at a time).
+- Don't: Don't hide critical information: Never put essential instructions, primary call-to-actions (like "Buy Now"), or error messages inside a collapsed section where they might be missed.
+- Don't: Don't nest Collapses: Avoid placing a Collapse component inside another Collapse. This creates a "Russian Doll" effect that is frustrating to navigate and confusing for screen readers.
+- Don't: Don't use as a replacement for navigation: Don't use a Collapse to hide main website navigation links; use a Menu or Drawer component for that purpose.
+- Do: Don't forget the empty state: If a section has no content to display, the Collapse should either be hidden entirely or disabled to avoid leading the user into a "dead end."

package/dist/doc/zeroheight/components/4070710/change-log.md

@@ -0,0 +1 @@
+## Change log

package/dist/doc/zeroheight/components/4070710/content.md

@@ -0,0 +1,87 @@
+## Principles
+
+| Principle | Definition |
+| **Recognisable and scannable** | Users should instantly understand what the button does, even when skimming. |
+| **Mobile-first** | Ensure buttons are easily tappable, readable, and clearly labelled on small screens. |
+| **Actionable** | Use active voice and verbs to prompt interaction. |
+| **Predictable** | Clicking a button should never surprise the user. The label must reflect the outcome. |
+| **Terminology alignment** | Use consistent terms across CTAs, page titles, section headers, and labels. |
+## Structure
+
+### General rules
+
+- Keep it short, **aim for approximatively 3 words**
+- Focus on **one idea** per link
+- Avoid **punctuation**, except for question marks (if phrased as a question)
+- When linking to external websites:
+
+- Use the **site name only** (not full URL)
+- **Add an external link icon** (↗) for clarity
+
+### Links within components
+
+Embedded in a component or pattern like highlight or edit pattern.
+
+Refer directly to the specific component’s guidelines
+
+- [Highlight](https://joy.malt.com/6bf479565/p/45f5ca)
+- [Snackbar](https://joy.malt.com/6bf479565/p/72e810)
+- [Product tour](https://joy.malt.com/6bf479565/p/7589d0)
+- etc
+
+### Standalone links
+
+Used independently, often after paragraphs or in footers.
+
+- Use a short, complete phrase or sentence
+- Start with a verb when possible
+- Example:
+
+- ✅ *View freelancer portfolio*
+- ✅ *Need help choosing a freelancer?*
+
+- Do: Do apply the link to the entire sentence.
+- Don't: Avoid putting the link on a single word if it can be a standalone sentence.
+
+### Links within text
+
+Embedded in a sentence to highlight a related action or topic.
+
+- Place at the **start or end** of the sentence for readability
+
+- Do: Make sure the link is accessible and easily scannable.
+- Don't: Avoid including the link mid-sentence.
+
+- **No punctuation inside the link**
+
+- Do: Only use punctuation in standalone links with an interrogative clause.
+- Don't: Do not include punctuation in the link within a sentence.
+
+- Follow sentence capitalisation rules:
+
+- Don’t capitalize the first word unless it’s a proper noun or product/feature name
+
+- Do: Only add a capital letter at the beginning of a sentence or for a specific feature like "Malt Strategy" or "Advanced plan".
+- Don't: Avoid unconventional capitalisation.
+
+## Terminology
+
+Avoid vague or generic labels like:
+
+- “Click here”
+- “Go to”
+- “See more”
+- “Know more”
+
+Instead, **use specific and contextual language**:
+
+- ❌ *Click here to update your profile*
+- ✅ *Update your freelancer profile*
+- ❌ *Know more about our pricing plans*
+- ✅ *Compare pricing plans*
+
+## Link or button?
+
+| **Component** | **Use when the user...** |
+| **Button** | ...needs to perform an action (submit, confirm, create, start, etc.) |
+| **Link** | ...is being redirected (navigating) to another page or resource |

package/dist/doc/zeroheight/components/4070710/description.md

@@ -0,0 +1 @@
+Underlined piece of text that allows users to navigate from one page to another.

package/dist/doc/zeroheight/components/4070710/introduction.md

@@ -0,0 +1,13 @@
+![Link example inside a snackbar](/uploads/SCTS8uD0gTxCGHQ3tdxy2w.png)
+
+## Anatomy
+
+## States
+
+## Animation
+
+| **Token** | Components | **Behavior** |
+| `$transition-duration--Default: 200ms;` | Link | When clicking |
+## Example
+
+## Related

package/dist/doc/zeroheight/components/4070710/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Link",
+  "slug": "link",
+  "category": "components",
+  "component": "VJoyLink",
+  "pageId": 4070710,
+  "pageUid": "4070710",
+  "fetchedAt": "2026-07-15T08:24:45.823Z",
+  "tabs": [
+    "Introduction",
+    "Usage",
+    "Content",
+    "Change log 🔄"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/link/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/4070710/usage.md

@@ -0,0 +1,30 @@
+## Definition
+
+A **link** is an underlined piece of text that allows users to navigate from one page to another, either within the same page, across the platform, or to an external site.
+
+## Usage
+
+Use links when:
+
+- Redirecting to a third-party website, platform area, or documentation
+- Supplementing the user journey with additional (non-mandatory) information or actions
+- Highlighting related content or external resources
+
+Avoid links when:
+
+- Performing primary actions (use buttons for that)
+- Creating visual emphasis only (use text styling instead)
+- The link would confuse users due to unclear or generic labels
+
+### Link button
+
+There is a **specific case** in which we can use link as button.
+
+The primary purpose of this component is to provide a visually emphasized navigation path without violating the fundamental rules of the web.
+
+We style the ***Link Button*** to adopt the visual characteristics of our lowest-emphasis button variant (often called the Text or Tertiary button) to provide a clear, clickable target with less visual weight than our Primary or Secondary actions.
+
+- Use this component when there is a small space inside which you need to perform a secondary or contextual action
+- Use this component to create visual hierarchy where the primary action is already a high-contrast button.
+
+#### Example

package/dist/doc/zeroheight/components/4273331/change-log.md

@@ -0,0 +1 @@
+## Change log

package/dist/doc/zeroheight/components/4273331/content.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/components/4273331/description.md

@@ -0,0 +1 @@
+A visual element that is added to a product, service, or user interface to indicate status, achievement, or membership.

package/dist/doc/zeroheight/components/4273331/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Badge",
+  "slug": "badge",
+  "category": "components",
+  "component": "VJoyBadge",
+  "pageId": 4273331,
+  "pageUid": "4273331",
+  "fetchedAt": "2026-07-15T08:24:45.704Z",
+  "tabs": [
+    "Overview",
+    "Usage",
+    "Content",
+    "🔄 Change Log"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/badge/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/4273331/overview.md

@@ -0,0 +1,18 @@
+![Badge label inside table for expense tracker](/uploads/YsfpdGfUQ1kTktNDhEuiNw.png)
+
+## Anatomy
+
+| Colors background | Pastille |
+| Joy-Color-xxxxx-10 | Joy-Color-xxxxx-50 |
+### Specifications
+
+### Type
+
+| **Variant** | **Purpose** |
+| All colors except pink | Use to define different statuses, no specific colour rule |
+| Pink | For a status linked to something new (about the pink color, which reminds us of the new badge) |
+## Variants
+
+### Styles
+
+## Related

package/dist/doc/zeroheight/components/4273331/usage.md

@@ -0,0 +1,14 @@
+## Badge
+
+### Usage
+
+The ***pastille*** can be hide.
+
+Badges can be used for a variety of purposes, such as recognizing user achievements, indicating membership in a group or program, highlighting product features or benefits, or distinguishing different types of users or user roles. They are often used in gamification to encourage user engagement and motivate users to take certain actions.
+
+In addition to their functional purposes, badges can also have aesthetic value and contribute to the overall design of a product or interface. They can be designed in a variety of shapes, colors, and styles to fit the branding and visual language of the product or service.
+
+### Do/don't
+
+- Do: 
+- Don't: Can't work on more than 1 line

package/dist/doc/zeroheight/components/4273801/animation.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/components/4273801/code.md

@@ -0,0 +1,6 @@
+<label class="m-switch">
+    <input type="checkbox" name="toggle" />
+    <span>Toggle</span>
+</label>
+
+// Use disabled attribute directly on input, to get the right disabled style

package/dist/doc/zeroheight/components/4273801/description.md

@@ -0,0 +1 @@
+Tabs are a type of user interface component that allows users to navigate between multiple sections of content within the same page or interface. Tabs typically consist of a series of labeled tabs or buttons, which when clicked, reveal the corresponding content. Tabs are commonly used in websites, mobile apps, and desktop applications.

package/dist/doc/zeroheight/components/4273801/introduction.md

@@ -0,0 +1,28 @@
+## Anatomy
+
+## Usage
+
+Tabs are useful for organizing related content that needs to be presented separately. Tabs can help users quickly switch between different content sections, without needing to navigate away from the current page. This can help users save time and improve their overall experience.
+
+Tabs can be used in various ways depending on the context of the design system. For example, tabs can be used to:
+
+1. Organize different types of content, such as articles, videos, and images
+2. Present different views of the same content, such as a product's specifications, reviews, and related products
+3. Display different stages of a process or workflow, such as a sign-up form or checkout process
+4. Notify you of items to see in the stages of a process or workflow
+
+## Component
+
+### States
+
+## Animation
+
+| **Token** | Components | **Behavior** |
+| `$transition-duration--Default: 200ms;` | Tabs | While hovering and selected |
+## Example
+
+#### Default
+
+#### If too much tabs (ex : sidepanel)
+
+## Related

package/dist/doc/zeroheight/components/4273801/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Tabs",
+  "slug": "tabs",
+  "category": "components",
+  "component": "VJoyTabs",
+  "pageId": 4273801,
+  "pageUid": "4273801",
+  "fetchedAt": "2026-07-15T08:24:45.900Z",
+  "tabs": [
+    "Introduction",
+    "Animation",
+    "Usage",
+    "Code"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/tabs/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/4273801/usage.md

@@ -0,0 +1,14 @@
+## Occurrences
+
+| Composent | Size | Product | Page |
+| Header |  | Transversal | Transversal |
+| Profil Cards |  | Freelance | Search |
+## Title
+
+- Do: null
+- Don't: null
+
+## Title
+
+- Do: null
+- Don't: null

package/dist/doc/zeroheight/components/4328173/change-log.md

@@ -0,0 +1 @@
+## Change log

package/dist/doc/zeroheight/components/4328173/content.md

@@ -0,0 +1 @@
+

package/dist/doc/zeroheight/components/4328173/description.md

@@ -0,0 +1 @@
+Component description

package/dist/doc/zeroheight/components/4328173/introduction.md

@@ -0,0 +1,9 @@
+## Anatomy
+
+## Components
+
+### Desktop
+
+## Example
+
+## Related

package/dist/doc/zeroheight/components/4328173/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Pagination",
+  "slug": "pagination",
+  "category": "components",
+  "component": "VJoyPagination",
+  "pageId": 4328173,
+  "pageUid": "4328173",
+  "fetchedAt": "2026-07-15T08:24:45.848Z",
+  "tabs": [
+    "Introduction",
+    "Usage",
+    "Content",
+    "Change Log 🔄"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/pagination/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/4328173/usage.md

@@ -0,0 +1,5 @@
+## Occurrences
+
+| Composent | Size | Product | Page |
+| Header |  | Transversal | Transversal |
+| Profil Cards |  | Freelance | Search |

package/dist/doc/zeroheight/components/4593875/change-log.md

@@ -0,0 +1 @@
+## Change log

package/dist/doc/zeroheight/components/4593875/content.md

@@ -0,0 +1,48 @@
+## General guidelines
+
+Snackbars are short, contextual, informative content about a specific action performed by the user or the system. Use a neutral and didactic tone.
+
+## Title
+
+The title is the most visible item of the snackbar. Help the user understand the situation quickly.
+
+- Do: Do - Be specific and precise to help user understand the situation.
+- Don't: Don’t - Avoid generic titles such as: "Error", "Something went wrong", "Success", "Congrats", "Info", etc.
+
+Make it short and informative: use up to 5 words max.
+
+- Do: Focus on the subject and status.
+- Don't: Avoid pronouns and articles.
+- Do: Leverage the component variation and icon to convey part of the meaning.
+- Don't: Avoid unnecessary adjectives and adverbs such as “successfully”.
+
+## Subtitle
+
+Subtitles are optional and offer a second layer of information that completes the title. Explain the update in 1 or 2 short sentences - around 90 characters, spaces included.
+
+The longer the text, the longer the display time.
+
+- Do: Use only the title for error feedback system.
+- Don't: Avoid unnecessary repetitions.
+- Do:  Give status details in the title. Leverage the subtitle to reassure and guide the user in the next steps.
+- Don't: Avoid being vague and generic.
+
+## Link
+
+Links are optional. However, in some situations, users can follow up on the feedback with an action.
+
+If you add a link to the snackbar, make sure you add the cross and make it a dismissible snackbar for increased accessibility.
+
+Use links to:
+
+1. allow users to revert or retry the action (if possible);
+2. redirect the user to additional sources of information like the FAQ or help center or another section of the product.
+
+- Do: Help user solve the situation with a short and actionable CTA.
+- Don't: Avoid using unclear words such as "Got it", "I understand", "Ok".
+- Do: Use a single, contextual action-oriented verb.
+- Don't: Avoid repeating the title or subtitle.
+- Do: Make a clear distinction between the subtitle and the link.
+- Don't: Avoid splitting a sentence between the subtitle and the link.
+
+## Related guidelines

package/dist/doc/zeroheight/components/4593875/description.md

@@ -0,0 +1 @@
+Snackbars display brief, temporary notifications. They are meant to be noticed without disrupting the user experience, and they are not actionable.

package/dist/doc/zeroheight/components/4593875/meta.json

@@ -0,0 +1,18 @@
+{
+  "source": "https://zeroheight.com/6bf479565/",
+  "title": "Snackbar",
+  "slug": "snackbar",
+  "category": "components",
+  "component": "VJoySnackbar",
+  "pageId": 4593875,
+  "pageUid": "4593875",
+  "fetchedAt": "2026-07-15T08:24:45.889Z",
+  "tabs": [
+    "Overview",
+    "Usage",
+    "Content",
+    "🔄 Change log"
+  ],
+  "imagesPath": "packages/core-vue/static/zeroheight/snackbar/",
+  "extraction": "zeroheight-api"
+}

package/dist/doc/zeroheight/components/4593875/overview.md

@@ -0,0 +1,44 @@
+![Snackbar in AI search](/uploads/ERn4SdU9OIPlgfY9EiZuvw.png)
+
+## Anatomy
+
+## Specifications
+
+## Type
+
+## Size
+
+| **Size** | **Width** |
+| DESKTOP | 580px |
+| MOBILE | 375px |
+## Variants
+
+### Error
+
+### Warning
+
+### Success
+
+### Information
+
+## Animation
+
+#### Default
+
+Once the action has been taken by the user, the snackbar is displayed at the bottom right of the screen with the following animation parameters
+
+| Step | Direction | Duration |
+| 1- Show animation | Bottom to top | `$transition-duration--Long: ` |
+| 2- Show duration | Fixe |  |
+| 3- Hide animation | Top to bottom | `$transition-duration--Long: ` |
+$transition-duration--Long:
+
+1. Show animation : Bottom to top-> `$transition-duration--Long: 400ms;`
+2. Show duration -> `5000ms`
+3. Hide animation : Top to bottom-> `$transition-duration--Long: 400ms;`
+
+#### Stacking
+
+In case of multiple snackbar notifications are superimposed one on top of the other
+
+## Related