@xpert-ai/plugin-drawio 0.1.0

package/dist/lib/remote-components/drawio-workbench/src/styles.ts

@@ -0,0 +1,289 @@
+export function injectStyles() {
+  if (document.getElementById('drawio-workbench-styles')) {
+    return
+  }
+  const style = document.createElement('style')
+  style.id = 'drawio-workbench-styles'
+  style.textContent = `
+    html, body, #root {
+      width: 100%;
+      height: 100%;
+      min-height: 100%;
+      margin: 0;
+      overflow: hidden;
+      background: var(--xps-background);
+      color: var(--xps-foreground);
+      font-family: var(--xps-font-sans);
+    }
+    * { box-sizing: border-box; }
+    button, input, textarea { font: inherit; }
+    .dw-shell {
+      --dw-rail-width: var(--xps-sidebar-rail-width, 44px);
+      --dw-panel-header-height: 2.5rem;
+      --dw-left-width: minmax(var(--dw-rail-width), clamp(240px, 20vw, 300px));
+      --dw-right-width: var(--dw-rail-width);
+      --dw-right-panel-width: min(340px, calc(100vw - var(--dw-rail-width) - 96px));
+      width: 100%;
+      height: 100vh;
+      min-height: 720px;
+      display: grid;
+      grid-template-columns: var(--dw-left-width) minmax(0, 1fr) var(--dw-right-width);
+      background: var(--xps-background);
+      overflow: hidden;
+    }
+    .dw-shell.left-collapsed { --dw-left-width: var(--dw-rail-width); }
+    .dw-shell.right-collapsed { --dw-right-width: var(--dw-rail-width); }
+    .dw-sidebar, .dw-inspector {
+      min-width: 0;
+      height: 100vh;
+      min-height: 720px;
+    }
+    .dw-inspector.xps-sidebar {
+      position: relative;
+      z-index: 30;
+      overflow: visible;
+    }
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-header,
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-content {
+      position: absolute;
+      right: 0;
+      width: var(--dw-right-panel-width);
+      max-width: calc(100vw - 16px);
+      z-index: 31;
+      background: var(--xps-card);
+      border-left: 1px solid var(--xps-border);
+      border-right: 1px solid var(--xps-border);
+      box-shadow: -12px 0 28px color-mix(in srgb, var(--xps-foreground) 14%, transparent);
+    }
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-header {
+      top: 0;
+      min-height: var(--dw-panel-header-height);
+      border-bottom: 1px solid var(--xps-border);
+    }
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-content {
+      top: var(--dw-panel-header-height);
+      bottom: 0;
+      min-height: 0;
+      overflow: hidden;
+    }
+    .dw-sidebar-title-truncate {
+      flex: 1 1 auto;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-sidebar-trigger-right { margin-left: auto; }
+    .dw-inspector-actions {
+      min-width: 0;
+      flex: 0 0 auto;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+    .dw-inspector-actions .xps-button,
+    .dw-inspector-actions .xps-badge {
+      flex: 0 0 auto;
+      white-space: nowrap;
+    }
+    .dw-sidebar-controls {
+      padding: 8px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      border-bottom: 1px solid var(--xps-border);
+    }
+    .dw-main {
+      min-width: 0;
+      height: 100vh;
+      min-height: 720px;
+      display: grid;
+      grid-template-rows: auto minmax(0, 1fr);
+      background: var(--xps-background);
+    }
+    .dw-toolbar {
+      display: grid;
+      grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
+      align-items: center;
+      gap: 8px 10px;
+      min-height: 48px;
+      padding: 8px 12px;
+      background: var(--xps-card);
+      border-bottom: 1px solid var(--xps-border);
+      min-width: 0;
+      overflow: visible;
+    }
+    .dw-toolbar-title { min-width: 0; }
+    .dw-toolbar-actions {
+      min-width: 0;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px;
+    }
+    .dw-toolbar-actions .xps-button,
+    .dw-toolbar-actions .xps-badge { flex: 0 0 auto; }
+    .dw-title-input { width: 100%; }
+    .dw-button-icon {
+      width: 1rem;
+      height: 1rem;
+      flex: 0 0 auto;
+      stroke-width: 2;
+    }
+    .dw-editor {
+      min-height: 0;
+      height: 100%;
+      background: var(--xps-background);
+      position: relative;
+      overflow: hidden;
+    }
+    .dw-editor iframe {
+      width: 100%;
+      height: 100%;
+      border: 0;
+      display: block;
+      background: #fff;
+    }
+    .dw-editor-placeholder {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--xps-muted-foreground);
+      pointer-events: none;
+      background: color-mix(in srgb, var(--xps-background) 88%, transparent);
+    }
+    .dw-list {
+      flex: 1 1 auto;
+      min-height: 0;
+      padding: 6px;
+    }
+    .dw-item-title {
+      display: block;
+      width: 100%;
+      color: var(--xps-foreground);
+      font-weight: 650;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-item-meta, .dw-muted {
+      color: var(--xps-muted-foreground);
+      font-size: 12px;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-status {
+      margin-left: auto;
+      flex: 0 0 auto;
+    }
+    .dw-inspector-scroll {
+      min-height: 0;
+      height: 100%;
+      flex: 1 1 auto;
+    }
+    .dw-inspector-stack {
+      padding: 10px 12px 10px 10px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      min-width: 0;
+      max-width: 100%;
+    }
+    .dw-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      min-width: 0;
+      max-width: 100%;
+    }
+    .dw-section-title {
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--xps-foreground);
+    }
+    .dw-inline-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    .dw-version {
+      border: 1px solid var(--xps-border);
+      border-radius: var(--xps-radius);
+      background: color-mix(in srgb, var(--xps-card) 94%, var(--xps-muted) 6%);
+      padding: 8px;
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) var(--xps-control-height);
+      align-items: center;
+      gap: 8px;
+      width: 100%;
+      min-width: 0;
+      overflow: hidden;
+    }
+    .dw-version > div {
+      min-width: 0;
+      overflow: hidden;
+    }
+    .dw-version > div > div {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-version-action.xps-button {
+      width: var(--xps-control-height);
+      height: var(--xps-control-height);
+      padding: 0;
+      justify-self: end;
+    }
+    .dw-inspector .xps-input,
+    .dw-inspector .xps-textarea,
+    .dw-inspector .xps-scroll-area,
+    .dw-inspector .xps-scroll-area-viewport {
+      min-width: 0;
+      max-width: 100%;
+    }
+    .dw-inspector .xps-textarea {
+      overflow-x: hidden;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+    }
+    .dw-inspector .dw-muted {
+      overflow: visible;
+      text-overflow: clip;
+      white-space: normal;
+      overflow-wrap: anywhere;
+    }
+    .dw-empty {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--xps-muted-foreground);
+    }
+    .dw-hidden-file { display: none; }
+    @media (max-width: 1040px) {
+      .dw-shell,
+      .dw-shell.left-collapsed,
+      .dw-shell.right-collapsed {
+        --dw-left-width: var(--dw-rail-width);
+        --dw-right-width: var(--dw-rail-width);
+        --dw-right-panel-width: min(320px, calc(100vw - var(--dw-rail-width) - 32px));
+        grid-template-columns: var(--dw-left-width) minmax(0, 1fr) var(--dw-right-width);
+      }
+      .dw-sidebar .xps-sidebar-content,
+      .dw-inspector-scroll { display: none; }
+      .dw-inspector[aria-expanded="true"] .dw-inspector-scroll { display: block; }
+      .xps-sidebar-rail { display: flex; }
+    }
+    @media (max-width: 920px) {
+      .dw-toolbar {
+        grid-template-columns: minmax(0, 1fr);
+      }
+      .dw-status { margin-left: 0; }
+    }
+  `
+  document.head.appendChild(style)
+}

package/dist/lib/remote-components/drawio-workbench/src/vendor.d.ts

@@ -0,0 +1,4 @@
+export declare const React: any;
+export declare const ReactDOM: any;
+export declare const h: any;
+//# sourceMappingURL=vendor.d.ts.map

package/dist/lib/remote-components/drawio-workbench/src/vendor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor.d.ts","sourceRoot":"","sources":["../../../../../src/lib/remote-components/drawio-workbench/src/vendor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,KAAwB,CAAA;AAC1C,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAChD,eAAO,MAAM,CAAC,KAAsB,CAAA"}

package/dist/lib/remote-components/drawio-workbench/src/vendor.js

@@ -0,0 +1,4 @@
+export const React = window.React;
+export const ReactDOM = window.ReactDOM;
+export const h = React.createElement;
+//# sourceMappingURL=vendor.js.map

package/dist/lib/remote-components/drawio-workbench/src/vendor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor.js","sourceRoot":"","sources":["../../../../../src/lib/remote-components/drawio-workbench/src/vendor.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAI,MAAc,CAAC,KAAK,CAAA;AAC1C,MAAM,CAAC,MAAM,QAAQ,GAAI,MAAc,CAAC,QAAQ,CAAA;AAChD,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAA"}

package/dist/lib/remote-components/drawio-workbench/src/vendor.ts

@@ -0,0 +1,3 @@
+export const React = (window as any).React
+export const ReactDOM = (window as any).ReactDOM
+export const h = React.createElement

package/dist/lib/types.d.ts

@@ -0,0 +1,67 @@
+export type DrawioDrawingStatus = 'draft' | 'reviewed' | 'archived';
+export type DrawioDrawingKind = 'diagram' | 'flowchart' | 'architecture' | 'network' | 'wireframe' | 'sequence' | 'other';
+export type DrawioVersionSource = 'agent_xml' | 'agent_patch' | 'agent_mermaid' | 'workbench' | 'workbench_mermaid' | 'import' | 'restore';
+export type DrawioActorType = 'agent' | 'user' | 'system';
+export type DrawioActionType = 'drawing_created' | 'version_saved' | 'scene_patched' | 'mermaid_draft_saved' | 'status_updated' | 'version_restored' | 'drawing_archived' | 'failure_reported';
+export interface DrawioScope {
+    tenantId: string;
+    organizationId?: string | null;
+    workspaceId?: string | null;
+    projectId?: string | null;
+    userId?: string | null;
+    assistantId?: string | null;
+    conversationId?: string | null;
+}
+export interface DrawioSceneInput {
+    xml?: string | null;
+    mermaidSource?: string | null;
+    previewSvg?: string | null;
+    previewPng?: string | null;
+    descriptor?: Record<string, unknown> | null;
+}
+export interface CreateDrawioDrawingInput extends DrawioSceneInput {
+    title: string;
+    description?: string;
+    kind?: DrawioDrawingKind;
+    tags?: string[];
+    source?: string;
+    changeSummary?: string;
+}
+export interface SaveDrawioSceneVersionInput extends DrawioSceneInput {
+    drawingId: string;
+    sourceType?: DrawioVersionSource;
+    changeSummary?: string;
+}
+export interface PatchDrawioSceneInput extends DrawioSceneInput {
+    drawingId: string;
+    changeSummary?: string;
+}
+export interface SaveDrawioMermaidDraftInput {
+    drawingId?: string;
+    title?: string;
+    description?: string;
+    kind?: DrawioDrawingKind;
+    mermaidSource: string;
+    changeSummary?: string;
+}
+export interface SearchDrawioDrawingsInput {
+    status?: DrawioDrawingStatus;
+    kind?: DrawioDrawingKind;
+    search?: string;
+    page?: number;
+    pageSize?: number;
+}
+export interface UpdateDrawioDrawingStatusInput {
+    drawingId: string;
+    status: DrawioDrawingStatus;
+    reason?: string;
+}
+export interface ReportDrawioFailureInput {
+    drawingId?: string;
+    versionId?: string;
+    operation: string;
+    errorMessage: string;
+    recoverable?: boolean;
+    evidence?: unknown;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":""}

package/dist/xpert-drawio-assistant.yaml

@@ -0,0 +1,130 @@
+team:
+  name: drawio-assistant
+  type: agent
+  title: draw.io 绘图助手
+  description: 面向流程图、架构图、线框图和自由白板的 Agentic Drawing 助手
+  avatar:
+    emoji:
+      id: art
+    background: rgb(219, 234, 254)
+  options:
+    templateKey: drawio-assistant
+    dataXpert:
+      managedBy: data-xpert
+      templateKey: drawio-assistant
+      assistantKind: business-assistant
+      businessDomain: drawio
+      requiredPlugin: '@xpert-ai/plugin-drawio'
+      requiredPlugins:
+        - '@xpert-ai/plugin-drawio'
+      requiredCapabilities:
+        - drawio
+        - drawio-workbench
+        - drawio-agent-drawing
+  agentConfig:
+    stateVariables:
+      - name: currentDrawingId
+        type: string
+        default: ""
+        description: Current draw.io diagram id selected in the workbench
+        operation: null
+      - name: currentVersionId
+        type: string
+        default: ""
+        description: Current draw.io version id selected in the workbench
+        operation: null
+    recursionLimit: 10000
+  features:
+    sandbox:
+      enabled: true
+      provider: docker-sandbox
+  version: "1"
+  agent:
+    key: Agent_Drawio
+  copilotModel:
+    referencedId: null
+    modelType: llm
+    model: qwen3.6-plus
+    options:
+      context_size: 1000000
+      temperature: 0.2
+      maxRetries: 6
+      max_tokens: 8192
+      top_p: 0.95
+  knowledgebases: []
+  toolsets: []
+  tags: []
+nodes:
+  - type: agent
+    key: Agent_Drawio
+    position:
+      x: 860
+      y: 20
+    entity:
+      key: Agent_Drawio
+      name: drawio-assistant
+      title: draw.io 绘图助手
+      description: 面向流程图、架构图、线框图和自由白板的 Agentic Drawing 助手
+      avatar:
+        emoji:
+          id: art
+        background: rgb(219, 234, 254)
+      prompt: >
+        You are draw.io Drawing Assistant, a data-xpert business assistant for
+        creating and managing reviewable draw.io / diagrams.net diagrams.
+
+        Use draw.io middleware tools as the system of record. Do not claim that a
+        diagram was saved unless a tool call succeeded. Keep every diagram reviewable,
+        editable, and versioned.
+
+        Drawing workflow:
+        1. Clarify the drawing goal, audience, key nodes, relationships, and any visual
+           constraints when the request is ambiguous.
+        2. Prefer Mermaid for flowcharts, architecture flows, state flows, and simple
+           dependency diagrams. Save Mermaid with drawio_save_mermaid_draft so the
+           workbench can load it into the embedded draw.io editor for user review.
+        3. Use direct diagrams.net/draw.io XML when the user needs precise layout,
+           annotations, freeform whiteboarding, wireframes, or a targeted edit.
+        4. When updating an existing diagram, call drawio_get_diagram first, preserve
+           existing user edits, then call drawio_patch_scene for small changes or
+           drawio_save_scene_version for a full replacement.
+        5. Use clear titles, short change summaries, and tags when useful.
+        6. If source material cannot be converted or the request conflicts with the
+           current drawing, call drawio_report_failure and explain the smallest
+           useful next step.
+
+        Mermaid rules:
+        - Flowcharts, architecture flows, state flows, and simple sequences are good
+          Mermaid candidates for draw.io import.
+        - For Mermaid diagram types that diagrams.net may import as an image or with
+          limited structure, warn the user that manual editing may be limited after conversion.
+        - Keep Mermaid source concise, syntactically valid, and readable.
+
+        draw.io XML rules:
+        - Prefer an <mxfile> wrapper with at least one <diagram> page.
+        - Preserve existing XML unless the user asks for a full replacement.
+        - Use simple mxCell shapes, text labels, arrows, and grouping by visual proximity.
+        - Report uncertainty in the response instead of inventing missing domain facts.
+
+        Prefer concise Chinese responses for end users unless they ask otherwise.
+      collaboratorNames: []
+      toolsetIds: []
+      knowledgebaseIds: []
+    hash: drawio-agent-v1
+  - type: workflow
+    key: Middleware_Drawio
+    position:
+      x: 1160
+      y: 332
+    entity:
+      type: middleware
+      key: Middleware_Drawio
+      title: draw.io Agent Tools
+      provider: DrawioMiddleware
+      required: true
+    hash: drawio-middleware-v1
+connections:
+  - type: workflow
+    key: Agent_Drawio/Middleware_Drawio
+    from: Agent_Drawio
+    to: Middleware_Drawio

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@xpert-ai/plugin-drawio",
+  "version": "0.1.0",
+  "description": "draw.io/diagrams.net app plugin for agent-created diagrams, reviewable XML versions, Mermaid drafts, and an embedded editor workbench.",
+  "author": {
+    "name": "XpertAI",
+    "url": "https://xpertai.cn"
+  },
+  "license": "AGPL-3.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xpert-ai/xpert-plugins.git",
+    "directory": "xpertai/apps/drawio"
+  },
+  "bugs": {
+    "url": "https://github.com/xpert-ai/xpert-plugins/issues"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "@xpert-plugins-starter/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    ".xpertai-plugin",
+    "assets",
+    "skills",
+    "README.md",
+    "!**/*.tsbuildinfo"
+  ],
+  "xpert": {
+    "plugin": {
+      "level": "system"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "@xpert-ai/plugin-shadcn-ui": "0.1.0"
+  },
+  "peerDependencies": {
+    "@langchain/core": ">=0.3.0",
+    "@nestjs/common": "^11.1.6",
+    "@nestjs/core": "^11.1.6",
+    "@nestjs/typeorm": "^11.0.0",
+    "@xpert-ai/contracts": "^3.10.1",
+    "@xpert-ai/plugin-sdk": "^3.10.1",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "typeorm": "^0.3.24",
+    "zod": "3.25.67"
+  },
+  "devDependencies": {
+    "@langchain/core": "0.3.72",
+    "@nestjs/common": "^11.1.6",
+    "@nestjs/core": "^11.1.6",
+    "@nestjs/typeorm": "^11.0.0",
+    "@types/node": "^20.19.9",
+    "@xpert-ai/contracts": "3.10.1",
+    "@xpert-ai/plugin-sdk": "^3.10.1",
+    "esbuild": "^0.27.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "reflect-metadata": "^0.2.2",
+    "typeorm": "^0.3.24",
+    "typescript": "^5.9.2",
+    "zod": "3.25.67"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node scripts/build-remote-components.mjs && tsc -p tsconfig.lib.json && node scripts/copy-assets.mjs",
+    "lint": "echo \"(todo) add lint\"",
+    "test": "tsc -p tsconfig.spec.json --noEmit && node scripts/build-remote-components.mjs --check",
+    "typecheck": "tsc -p tsconfig.spec.json --noEmit && node scripts/build-remote-components.mjs --check"
+  }
+}

package/skills/index/SKILL.md

@@ -0,0 +1,45 @@
+---
+name: index
+description: "Use when an Agent needs to create, update, review, or manage draw.io / diagrams.net diagrams through the Xpert draw.io plugin, including Mermaid drafts, XML scenes, embedded editor review, versioning, import/export, and failure reporting."
+---
+
+# draw.io Agent Drawing
+
+Use this skill when a user asks to create, edit, review, convert, import, export, or manage a draw.io / diagrams.net diagram in Xpert.
+
+## Plugin Purpose
+
+The draw.io plugin gives an Agent a structured diagram loop:
+
+- Save reviewable draw.io diagram records.
+- Store diagrams.net XML, Mermaid drafts, previews, and metadata as versions.
+- Load Mermaid drafts into the embedded diagrams.net editor.
+- Let the user manually edit, save, restore, approve, archive, import, or export diagrams in the draw.io Workbench.
+
+## Workflow
+
+1. Identify the diagram type, audience, key nodes, relationships, and any layout constraints.
+2. Prefer Mermaid for flowcharts, architecture flows, state flows, and sequence-style drafts when diagrams.net can import the structure.
+3. Use diagrams.net XML when the user needs precise layout, custom shapes, annotations, wireframes, network diagrams, or a targeted edit.
+4. Before updating an existing diagram, call `drawio_get_diagram` and preserve user-edited XML unless a full replacement is requested.
+5. Save every meaningful Agent or Workbench change as a new version with a clear `changeSummary`.
+6. If XML generation or conversion is unsafe, call `drawio_report_failure` and explain the recoverable path.
+
+## Tool Selection
+
+- `drawio_create_diagram`: create a managed draw.io diagram, optionally with initial XML or Mermaid.
+- `drawio_save_scene_version`: save complete diagrams.net XML as a new version.
+- `drawio_patch_scene`: save a targeted replacement of XML, Mermaid source, descriptor, or preview fields.
+- `drawio_save_mermaid_draft`: save Mermaid source for Workbench import into diagrams.net.
+- `drawio_search_diagrams`: find existing diagrams.
+- `drawio_get_diagram`: read current XML, Mermaid, versions, and logs before edits.
+- `drawio_update_diagram_status`: mark draft, reviewed, or archived after user confirmation.
+- `drawio_report_failure`: record generation, import, conversion, or export failures.
+
+## Workbench Contract
+
+The embedded draw.io editor is the source for manual edits. Mermaid drafts are not final diagrams until they are loaded, reviewed, and saved from the Workbench as XML versions.
+
+## Response Style
+
+Keep responses concise. Tell the user which route was used, which version was saved, and what can be reviewed or edited next.

package/skills/index/agents/xpertai.yaml

@@ -0,0 +1,6 @@
+interface:
+  display_name: "draw.io Agent Drawing"
+  short_description: "Create, update, version, and review draw.io diagrams with Mermaid and diagrams.net XML paths."
+  default_prompt: "Create an editable architecture diagram in draw.io"
+policy:
+  allow_implicit_invocation: true