@genexus/genexus-ide-ui 3.2.7 → 3.2.9

package/dist/genexus-ide-ui/p-a456237f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mcpServerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","GxIdeMcpServer","_GxIdeMcpServer_componentLocale","set","this","_GxIdeMcpServer_chShortcutsEl","_GxIdeMcpServer_shortcutsSrc","getAssetPath","_GxIdeMcpServer_startHandler","async","errorMessage","undefined","actionInProgress","result","startCallback","success","_a","__classPrivateFieldGet","errors","startFailed","_b","_GxIdeMcpServer_stopHandler","stopCallback","stopFailed","_GxIdeMcpServer_closeHandler","closeCallback","call","_GxIdeMcpServer_copyEndpointHandler","serverEndpoint","copyCallback","copying","setTimeout","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","h","Host","class","model","src","ref","header","title","initialLoading","_GxIdeMcpServer_instances","_GxIdeMcpServer_renderStatusBadge","loaderTitle","loader","show","info","description","details","_GxIdeMcpServer_renderStatusCard","_GxIdeMcpServer_renderError","type","onClick","part","buttons","close","_GxIdeMcpServer_renderPrimaryButton","statusText","status","badgeClass","isAnimated","isDimmed","statusCard","statusLabel","serverPort","portLabel","endpointLabel","disabled","copyEndpoint","copiedEndpoint","isRunning","isTransitioning","isDisabled","stop","start"],"sources":["src/components/mcp-server/mcp-server.scss?tag=gx-ide-mcp-server&encapsulation=shadow","src/components/mcp-server/mcp-server.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  inline-size: 100%;\n  block-size: 100%;\n  min-inline-size: 480px;\n  min-block-size: 320px;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0;\n}\n\n.main {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xl);\n  padding-block: var(--spacing-padding-l);\n}\n\n\n.info-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n  color: var(--color-text-neutral-default);\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-gap-xs);\n}\n\n.status-dot {\n  $dot-size: 8px;\n\n  display: inline-block;\n  inline-size: $dot-size;\n  block-size: $dot-size;\n  border-radius: 50%;\n  background-color: var(--color-text-neutral-disabled);\n  flex-shrink: 0;\n\n  .status-badge--running & {\n    background-color: var(--color-text-success-default, #22c55e);\n  }\n\n  .status-badge--error & {\n    background-color: var(--color-text-error-default, #ef4444);\n  }\n\n  .status-badge--starting &,\n  .status-badge--stopping & {\n    background-color: var(--color-text-warning-default, #f59e0b);\n  }\n\n  &--animated {\n    animation: pulse 1.2s ease-in-out infinite;\n  }\n}\n\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.3;\n  }\n}\n\n.status-card {\n  border: 1px solid var(--color-border-surface-on-elevation-1);\n  border-radius: 4px;\n  padding: var(--spacing-gap-l);\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n\n  &--dimmed {\n    opacity: 0.5;\n  }\n\n  &__row {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--spacing-gap-l);\n\n    > :first-child {\n      min-inline-size: 80px;\n      flex-shrink: 0;\n    }\n  }\n\n  &__endpoint {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--spacing-gap-m);\n    flex-wrap: wrap;\n\n    > .button-icon-only {\n      padding: 0;\n      block-size: auto;\n    }\n  }\n}\n\n.endpoint-value {\n  word-break: break-all;\n  color: var(--color-text-neutral-default);\n}\n\n.loader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n}\n\n.error-message {\n  color: var(--color-text-error-default, #ef4444);\n  padding: var(--spacing-gap-m);\n  border: 1px solid var(--color-border-error-default, #ef4444);\n  border-radius: 4px;\n  background-color: var(--color-surface-error-default, rgba(239, 68, 68, 0.08));\n}\n\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n  McpServerStatus,\n  McpStartResult,\n  McpStopResult\n} from \"./types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"primary\"\n});\n\n\n@Component({\n  tag: \"gx-ide-mcp-server\",\n  styleUrl: \"mcp-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/mcp-server\"]\n})\nexport class GxIdeMcpServer {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/mcp-server/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeMcpServerElement;\n\n  @State() actionInProgress: boolean = false;\n  @State() errorMessage: string | undefined;\n  @State() copying: boolean = false;\n\n  /**\n   * When `true` the component shows a loader instead of content.\n   * The host sets this to `false` once the initial status is known.\n   */\n  @Prop({ mutable: true }) initialLoading: boolean = true;\n\n  /**\n   * Current MCP server status. The host is responsible for keeping\n   * this prop up to date (e.g. via polling or event-driven updates).\n   * The component only mutates it internally during start/stop\n   * transitions (`starting`, `stopping`, result states).\n   */\n  @Prop({ mutable: true }) status!: McpServerStatus;\n\n  /**\n   * Port the MCP server is listening on (shown when running).\n   */\n  @Prop({ mutable: true }) serverPort: number | undefined;\n\n  /**\n   * Full endpoint URL (shown when running).\n   */\n  @Prop({ mutable: true }) serverEndpoint: string | undefined;\n\n  /**\n   * Callback to start the MCP server. Returns result with connection info.\n   */\n  @Prop() readonly startCallback!: StartCallback;\n\n  /**\n   * Callback to stop the MCP server.\n   */\n  @Prop() readonly stopCallback!: StopCallback;\n\n  /**\n   * Callback to copy text to the clipboard. Delegated to the IDE clipboard\n   * service so the host environment controls the copy behavior.\n   */\n  @Prop() readonly copyCallback!: CopyCallback;\n\n  /**\n   * Callback to close/dismiss the dialog.\n   */\n  @Prop() readonly closeCallback!: CloseCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts.\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #startHandler = async () => {\n    this.errorMessage = undefined;\n    this.actionInProgress = true;\n\n    try {\n      const result = await this.startCallback();\n\n      if (!result.success) {\n        this.errorMessage =\n          result.errorMessage ??\n          this.#componentLocale.errors.startFailed;\n      }\n    } catch {\n      this.errorMessage = this.#componentLocale.errors.startFailed;\n    } finally {\n      this.actionInProgress = false;\n    }\n  };\n\n  #stopHandler = async () => {\n    this.errorMessage = undefined;\n    this.actionInProgress = true;\n\n    try {\n      const result = await this.stopCallback();\n\n      if (!result.success) {\n        this.errorMessage =\n          result.errorMessage ??\n          this.#componentLocale.errors.stopFailed;\n      }\n    } catch {\n      this.errorMessage = this.#componentLocale.errors.stopFailed;\n    } finally {\n      this.actionInProgress = false;\n    }\n  };\n\n  #closeHandler = () => {\n    this.closeCallback?.();\n  };\n\n  #copyEndpointHandler = () => {\n    if (this.serverEndpoint && this.copyCallback) {\n      this.copying = true;\n      this.copyCallback(this.serverEndpoint);\n      setTimeout(() => {\n        this.copying = false;\n      }, 1000);\n    }\n  };\n\n  #renderStatusBadge() {\n    const statusText =\n      this.#componentLocale.status[this.status] ?? this.status;\n\n    const badgeClass = `status-badge status-badge--${this.status}`;\n    const isAnimated =\n      this.status === \"starting\" || this.status === \"stopping\";\n\n    return (\n      <span class={badgeClass}>\n        <span\n          class={`status-dot ${isAnimated ? \"status-dot--animated\" : \"\"}`}\n        ></span>\n        <span class=\"body-regular-s\">{statusText}</span>\n      </span>\n    );\n  }\n\n  #renderStatusCard() {\n    if (this.status !== \"running\" && this.status !== \"stopping\") {\n      return null;\n    }\n\n    const isDimmed = this.status === \"stopping\";\n\n    return (\n      <div\n        class={`status-card elevation-1 ${isDimmed ? \"status-card--dimmed\" : \"\"}`}\n      >\n        <div class=\"status-card__row\">\n          <span class=\"body-semi-bold-s\">\n            {this.#componentLocale.statusCard.statusLabel}\n          </span>\n          <span class=\"body-regular-s\">\n            {this.#componentLocale.status[this.status]}\n          </span>\n        </div>\n\n        {this.serverPort !== undefined && (\n          <div class=\"status-card__row\">\n            <span class=\"body-semi-bold-s\">\n              {this.#componentLocale.statusCard.portLabel}\n            </span>\n            <span class=\"body-regular-s\">{this.serverPort}</span>\n          </div>\n        )}\n\n        {this.serverEndpoint && (\n          <div class=\"status-card__row\">\n            <span class=\"body-semi-bold-s\">\n              {this.#componentLocale.statusCard.endpointLabel}\n            </span>\n            <span class=\"status-card__endpoint\">\n              <span class=\"body-regular-s endpoint-value\">\n                {this.serverEndpoint}\n              </span>\n              <button\n                class=\"button-tertiary button-icon-only\"\n                type=\"button\"\n                onClick={this.#copyEndpointHandler}\n                disabled={this.copying}\n                aria-label={this.#componentLocale.statusCard.copyEndpoint}\n                title={\n                  this.copying\n                    ? this.#componentLocale.statusCard.copiedEndpoint\n                    : this.#componentLocale.statusCard.copyEndpoint\n                }\n              >\n                <ch-image class=\"icon-m\" src={COPY_ICON}></ch-image>\n              </button>\n            </span>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  #renderError() {\n    if (!this.errorMessage) {\n      return null;\n    }\n\n    return <div class=\"error-message body-regular-s\">{this.errorMessage}</div>;\n  }\n\n  #renderPrimaryButton() {\n    const isRunning =\n      this.status === \"running\" || this.status === \"stopping\";\n    const isTransitioning =\n      this.status === \"starting\" || this.status === \"stopping\";\n    const isDisabled = this.actionInProgress || isTransitioning;\n\n    if (isRunning) {\n      return (\n        <button\n          class=\"button-primary primary-action\"\n          type=\"button\"\n          onClick={this.#stopHandler}\n          disabled={isDisabled}\n          part=\"button-confirm\"\n        >\n          {this.#componentLocale.buttons.stop}\n        </button>\n      );\n    }\n\n    return (\n      <button\n        class=\"button-primary primary-action\"\n        type=\"button\"\n        onClick={this.#startHandler}\n        disabled={isDisabled}\n        part=\"button-confirm\"\n      >\n        {this.#componentLocale.buttons.start}\n      </button>\n    );\n  }\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border spacing-body-inline spacing-body-block-start\">\n            <h1 class=\"heading-s title\">\n              {this.#componentLocale.header.title}\n            </h1>\n            {!this.initialLoading && this.#renderStatusBadge()}\n          </header>\n\n          <div class=\"main spacing-body-inline\">\n            {this.initialLoading ? (\n              <gx-ide-loader\n                loaderTitle={this.#componentLocale.loader.title}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            ) : ([\n              <div class=\"info-section\">\n                <p class=\"body-regular-m\">\n                  {this.#componentLocale.info.description}\n                </p>\n                <p class=\"body-regular-m\">\n                  {this.#componentLocale.info.details}\n                </p>\n              </div>,\n\n              this.#renderStatusCard(),\n              this.#renderError()\n            ])}\n          </div>\n\n          <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                type=\"button\"\n                onClick={this.#closeHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.buttons.close}\n              </button>\n              {!this.initialLoading && this.#renderPrimaryButton()}\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type StartCallback = () => Promise<McpStartResult>;\nexport type StopCallback = () => Promise<McpStopResult>;\nexport type CopyCallback = (text: string) => void;\nexport type CloseCallback = () => void;\n"],"mappings":"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"}

package/dist/types/components/mcp-server/mcp-server.d.ts

@@ -0,0 +1,55 @@
+import { McpServerStatus, McpStartResult, McpStopResult } from "./types";
+export declare class GxIdeMcpServer {
+    #private;
+    el: HTMLGxIdeMcpServerElement;
+    actionInProgress: boolean;
+    errorMessage: string | undefined;
+    copying: boolean;
+    /**
+     * When `true` the component shows a loader instead of content.
+     * The host sets this to `false` once the initial status is known.
+     */
+    initialLoading: boolean;
+    /**
+     * Current MCP server status. The host is responsible for keeping
+     * this prop up to date (e.g. via polling or event-driven updates).
+     * The component only mutates it internally during start/stop
+     * transitions (`starting`, `stopping`, result states).
+     */
+    status: McpServerStatus;
+    /**
+     * Port the MCP server is listening on (shown when running).
+     */
+    serverPort: number | undefined;
+    /**
+     * Full endpoint URL (shown when running).
+     */
+    serverEndpoint: string | undefined;
+    /**
+     * Callback to start the MCP server. Returns result with connection info.
+     */
+    readonly startCallback: StartCallback;
+    /**
+     * Callback to stop the MCP server.
+     */
+    readonly stopCallback: StopCallback;
+    /**
+     * Callback to copy text to the clipboard. Delegated to the IDE clipboard
+     * service so the host environment controls the copy behavior.
+     */
+    readonly copyCallback: CopyCallback;
+    /**
+     * Callback to close/dismiss the dialog.
+     */
+    readonly closeCallback: CloseCallback;
+    componentWillLoad(): Promise<void>;
+    /**
+     * Suspends or reactivates the shortcuts.
+     */
+    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
+    render(): any;
+}
+export type StartCallback = () => Promise<McpStartResult>;
+export type StopCallback = () => Promise<McpStopResult>;
+export type CopyCallback = (text: string) => void;
+export type CloseCallback = () => void;

package/dist/types/components/mcp-server/types.d.ts

@@ -0,0 +1,9 @@
+export type McpServerStatus = "running" | "stopped" | "starting" | "stopping" | "error";
+export type McpStartResult = {
+    success: boolean;
+    errorMessage?: string;
+};
+export type McpStopResult = {
+    success: boolean;
+    errorMessage?: string;
+};

package/dist/types/components.d.ts

@@ -43,9 +43,11 @@ import { CheckedItemsInfo } from "./components/_helpers/list-selector/list-selec
 import { ItemData } from "./components/_helpers/list-selector/list-selector-item/list-selector-item";
 import { IdeLoaderCancelCallback } from "./components/_helpers/ide-loader/ide-loader";
 import { ExecuteActionCallback, ServerContextMenuCallback, ServerSelectedCallback } from "./components/modules/manage-module-references/manage-module-references";
+import { McpServerStatus } from "./components/mcp-server/types";
+import { CloseCallback, CopyCallback, StartCallback, StopCallback } from "./components/mcp-server/mcp-server";
 import { ComboBoxModel } from "@genexus/chameleon-controls-library";
 import { ContextMenuCallback, ContextMenuInfo as ContextMenuInfo1, FormSubmitResult as FormSubmitResult1 } from "./components";
-import { CancelCallback as CancelCallback10, CloseCallback, ConfirmCallback as ConfirmCallback6, HeaderData, ItemSelectedCallback, NavigationData } from "./components/navigation-report/navigation-report";
+import { CancelCallback as CancelCallback10, CloseCallback as CloseCallback1, ConfirmCallback as ConfirmCallback6, HeaderData, ItemSelectedCallback, NavigationData } from "./components/navigation-report/navigation-report";
 import { CancelCallback as CancelCallback11, CreateCallback, GetDataSourcesCallback, GetEnvironmentNameCallback, GetFrontEndsCallback, GetLanguagesCallback } from "./components/new-environment/new-environment";
 import { CancelCallback as CancelCallback12, CreateCallback as CreateCallback1, GetDataSourcesCallback as GetDataSourcesCallback1, GetFrontEndsCallback as GetFrontEndsCallback1, GetPrototypingEnvironmentsCallback, SelectLocationCallback as SelectLocationCallback1 } from "./components/new-kb/new-kb";
 import { CancelCallback as CancelCallback13, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback3, SuggestCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
@@ -76,7 +78,7 @@ import { cancelCallback, confirmCallback } from "./components/team-dev/select-re
 import { ContextMenuCallback as ContextMenuCallback2, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateFromData } from "./components/team-dev/update/update";
 import { AddCallback, CancelCallback as CancelCallback17, ConfirmCallback as ConfirmCallback7, ObjectData as ObjectData2 } from "./components/team-dev/update-partial-selection/update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/update-to-revision";
-import { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
+import { CloseCallback as CloseCallback2, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 import { WFConfigData } from "./components/wf-settings/wf-settings";
 import { ContextMenuCallback as ContextMenuCallback3, DeleteSelectionCallback, LoadCallback as LoadCallback5, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
 import { ContextMenuCallback as ContextMenuCallback4, DeleteSelectionCallback as DeleteSelectionCallback1, GridColumnsVisibility, LoadCallback as LoadCallback6, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback5 } from "./components/ww-files/ww-files";
@@ -119,9 +121,11 @@ export { CheckedItemsInfo } from "./components/_helpers/list-selector/list-selec
 export { ItemData } from "./components/_helpers/list-selector/list-selector-item/list-selector-item";
 export { IdeLoaderCancelCallback } from "./components/_helpers/ide-loader/ide-loader";
 export { ExecuteActionCallback, ServerContextMenuCallback, ServerSelectedCallback } from "./components/modules/manage-module-references/manage-module-references";
+export { McpServerStatus } from "./components/mcp-server/types";
+export { CloseCallback, CopyCallback, StartCallback, StopCallback } from "./components/mcp-server/mcp-server";
 export { ComboBoxModel } from "@genexus/chameleon-controls-library";
 export { ContextMenuCallback, ContextMenuInfo as ContextMenuInfo1, FormSubmitResult as FormSubmitResult1 } from "./components";
-export { CancelCallback as CancelCallback10, CloseCallback, ConfirmCallback as ConfirmCallback6, HeaderData, ItemSelectedCallback, NavigationData } from "./components/navigation-report/navigation-report";
+export { CancelCallback as CancelCallback10, CloseCallback as CloseCallback1, ConfirmCallback as ConfirmCallback6, HeaderData, ItemSelectedCallback, NavigationData } from "./components/navigation-report/navigation-report";
 export { CancelCallback as CancelCallback11, CreateCallback, GetDataSourcesCallback, GetEnvironmentNameCallback, GetFrontEndsCallback, GetLanguagesCallback } from "./components/new-environment/new-environment";
 export { CancelCallback as CancelCallback12, CreateCallback as CreateCallback1, GetDataSourcesCallback as GetDataSourcesCallback1, GetFrontEndsCallback as GetFrontEndsCallback1, GetPrototypingEnvironmentsCallback, SelectLocationCallback as SelectLocationCallback1 } from "./components/new-kb/new-kb";
 export { CancelCallback as CancelCallback13, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback3, SuggestCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
@@ -152,7 +156,7 @@ export { cancelCallback, confirmCallback } from "./components/team-dev/select-re
 export { ContextMenuCallback as ContextMenuCallback2, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateFromData } from "./components/team-dev/update/update";
 export { AddCallback, CancelCallback as CancelCallback17, ConfirmCallback as ConfirmCallback7, ObjectData as ObjectData2 } from "./components/team-dev/update-partial-selection/update-partial-selection";
 export { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/update-to-revision";
-export { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
+export { CloseCallback as CloseCallback2, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 export { WFConfigData } from "./components/wf-settings/wf-settings";
 export { ContextMenuCallback as ContextMenuCallback3, DeleteSelectionCallback, LoadCallback as LoadCallback5, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
 export { ContextMenuCallback as ContextMenuCallback4, DeleteSelectionCallback as DeleteSelectionCallback1, GridColumnsVisibility, LoadCallback as LoadCallback6, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback5 } from "./components/ww-files/ww-files";
@@ -1497,6 +1501,44 @@ export namespace Components {
          */
         "showServerCommands": boolean;
     }
+    interface GxIdeMcpServer {
+        /**
+          * Callback to close/dismiss the dialog.
+         */
+        "closeCallback": CloseCallback;
+        /**
+          * Callback to copy text to the clipboard. Delegated to the IDE clipboard service so the host environment controls the copy behavior.
+         */
+        "copyCallback": CopyCallback;
+        /**
+          * When `true` the component shows a loader instead of content. The host sets this to `false` once the initial status is known.
+         */
+        "initialLoading": boolean;
+        /**
+          * Full endpoint URL (shown when running).
+         */
+        "serverEndpoint": string | undefined;
+        /**
+          * Port the MCP server is listening on (shown when running).
+         */
+        "serverPort": number | undefined;
+        /**
+          * Callback to start the MCP server. Returns result with connection info.
+         */
+        "startCallback": StartCallback;
+        /**
+          * Current MCP server status. The host is responsible for keeping this prop up to date (e.g. via polling or event-driven updates). The component only mutates it internally during start/stop transitions (`starting`, `stopping`, result states).
+         */
+        "status": McpServerStatus;
+        /**
+          * Callback to stop the MCP server.
+         */
+        "stopCallback": StopCallback;
+        /**
+          * Suspends or reactivates the shortcuts.
+         */
+        "suspendShortcuts": (suspendShortcuts: boolean) => Promise<void>;
+    }
     interface GxIdeMultiSelect {
         /**
           * Disabled state
@@ -1547,7 +1589,7 @@ export namespace Components {
         /**
           * Callback to be invoked when the user closes the dialog
          */
-        "closeCallback": CloseCallback;
+        "closeCallback": CloseCallback1;
         /**
           * Callback invoked when user confirms data base reorganization
          */
@@ -2686,7 +2728,7 @@ export namespace Components {
         /**
           * Callback invoked when the user closes the slider by pressing the close button.
          */
-        "closeCallback": CloseCallback1;
+        "closeCallback": CloseCallback2;
         /**
           * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.
          */
@@ -3527,6 +3569,12 @@ declare global {
         prototype: HTMLGxIdeManageModuleReferencesElement;
         new (): HTMLGxIdeManageModuleReferencesElement;
     };
+    interface HTMLGxIdeMcpServerElement extends Components.GxIdeMcpServer, HTMLStencilElement {
+    }
+    var HTMLGxIdeMcpServerElement: {
+        prototype: HTMLGxIdeMcpServerElement;
+        new (): HTMLGxIdeMcpServerElement;
+    };
     interface HTMLGxIdeMultiSelectElementEventMap {
         "gxSelectionChange": string[];
     }
@@ -3948,6 +3996,7 @@ declare global {
         "gx-ide-list-selector-item": HTMLGxIdeListSelectorItemElement;
         "gx-ide-loader": HTMLGxIdeLoaderElement;
         "gx-ide-manage-module-references": HTMLGxIdeManageModuleReferencesElement;
+        "gx-ide-mcp-server": HTMLGxIdeMcpServerElement;
         "gx-ide-multi-select": HTMLGxIdeMultiSelectElement;
         "gx-ide-name-picker": HTMLGxIdeNamePickerElement;
         "gx-ide-navigation-report": HTMLGxIdeNavigationReportElement;
@@ -5414,6 +5463,40 @@ declare namespace LocalJSX {
          */
         "showServerCommands"?: boolean;
     }
+    interface GxIdeMcpServer {
+        /**
+          * Callback to close/dismiss the dialog.
+         */
+        "closeCallback": CloseCallback;
+        /**
+          * Callback to copy text to the clipboard. Delegated to the IDE clipboard service so the host environment controls the copy behavior.
+         */
+        "copyCallback": CopyCallback;
+        /**
+          * When `true` the component shows a loader instead of content. The host sets this to `false` once the initial status is known.
+         */
+        "initialLoading"?: boolean;
+        /**
+          * Full endpoint URL (shown when running).
+         */
+        "serverEndpoint"?: string | undefined;
+        /**
+          * Port the MCP server is listening on (shown when running).
+         */
+        "serverPort"?: number | undefined;
+        /**
+          * Callback to start the MCP server. Returns result with connection info.
+         */
+        "startCallback": StartCallback;
+        /**
+          * Current MCP server status. The host is responsible for keeping this prop up to date (e.g. via polling or event-driven updates). The component only mutates it internally during start/stop transitions (`starting`, `stopping`, result states).
+         */
+        "status": McpServerStatus;
+        /**
+          * Callback to stop the MCP server.
+         */
+        "stopCallback": StopCallback;
+    }
     interface GxIdeMultiSelect {
         /**
           * Disabled state
@@ -5460,7 +5543,7 @@ declare namespace LocalJSX {
         /**
           * Callback to be invoked when the user closes the dialog
          */
-        "closeCallback"?: CloseCallback;
+        "closeCallback"?: CloseCallback1;
         /**
           * Callback invoked when user confirms data base reorganization
          */
@@ -6545,7 +6628,7 @@ declare namespace LocalJSX {
         /**
           * Callback invoked when the user closes the slider by pressing the close button.
          */
-        "closeCallback": CloseCallback1;
+        "closeCallback": CloseCallback2;
         /**
           * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.
          */
@@ -6772,6 +6855,7 @@ declare namespace LocalJSX {
         "gx-ide-list-selector-item": GxIdeListSelectorItem;
         "gx-ide-loader": GxIdeLoader;
         "gx-ide-manage-module-references": GxIdeManageModuleReferences;
+        "gx-ide-mcp-server": GxIdeMcpServer;
         "gx-ide-multi-select": GxIdeMultiSelect;
         "gx-ide-name-picker": GxIdeNamePicker;
         "gx-ide-navigation-report": GxIdeNavigationReport;
@@ -6863,6 +6947,7 @@ declare module "@stencil/core" {
             "gx-ide-list-selector-item": LocalJSX.GxIdeListSelectorItem & JSXBase.HTMLAttributes<HTMLGxIdeListSelectorItemElement>;
             "gx-ide-loader": LocalJSX.GxIdeLoader & JSXBase.HTMLAttributes<HTMLGxIdeLoaderElement>;
             "gx-ide-manage-module-references": LocalJSX.GxIdeManageModuleReferences & JSXBase.HTMLAttributes<HTMLGxIdeManageModuleReferencesElement>;
+            "gx-ide-mcp-server": LocalJSX.GxIdeMcpServer & JSXBase.HTMLAttributes<HTMLGxIdeMcpServerElement>;
             "gx-ide-multi-select": LocalJSX.GxIdeMultiSelect & JSXBase.HTMLAttributes<HTMLGxIdeMultiSelectElement>;
             "gx-ide-name-picker": LocalJSX.GxIdeNamePicker & JSXBase.HTMLAttributes<HTMLGxIdeNamePickerElement>;
             "gx-ide-navigation-report": LocalJSX.GxIdeNavigationReport & JSXBase.HTMLAttributes<HTMLGxIdeNavigationReportElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "3.2.7",
+  "version": "3.2.9",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",