@ds-mo/ui 9.0.0 → 9.2.0

package/dist/mcp-data/registry/agent-activity.json

@@ -0,0 +1,158 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "agent-activity",
+  "title": "AgentActivity",
+  "description": "Collapsible, user-safe summary of agent work steps without private reasoning.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/agent-activity",
+    "source": "src/wc/components/AgentActivity/AgentActivity.tsx",
+    "intentStatus": "complete",
+    "intent": {
+      "audience": "specialized",
+      "status": "experimental",
+      "summary": "Collapsible, user-safe summary of agent work steps without private reasoning.",
+      "useWhen": [
+        "An agent response benefits from concise progress or completion summaries."
+      ],
+      "avoidWhen": [
+        "The content would reveal private chain-of-thought, hidden prompts, secrets, or raw internal traces."
+      ],
+      "commonlyComposedWith": [
+        "component:ds-agent-response",
+        "component:ds-loader"
+      ],
+      "patterns": [
+        "pattern:agent-chat"
+      ],
+      "accessibility": [
+        "Each step has textual state and description; animation and color are supplementary.",
+        "The disclosure uses native keyboard and expanded-state semantics."
+      ],
+      "states": [
+        "While collapsed, the summary follows the current user-safe activity and shimmers only while active; while expanded, the heading becomes Activity and the ordered list exposes every step.",
+        "Pending, active, complete, and error describe user-safe workflow progress."
+      ],
+      "responsiveBehavior": [
+        "Steps wrap within the response width."
+      ],
+      "references": [
+        {
+          "label": "Storybook examples",
+          "path": "src/wc/components/MessageScroller/MessageScroller.stories.ts"
+        }
+      ]
+    },
+    "api": {
+      "props": {
+        "heading": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "heading",
+          "default": "'Activity'",
+          "required": false,
+          "mutable": false
+        },
+        "items": {
+          "type": "AgentActivityItem[]",
+          "resolvedType": "AgentActivityItem[]",
+          "default": "[]",
+          "required": false,
+          "mutable": false
+        },
+        "open": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "open",
+          "default": "false",
+          "required": false,
+          "mutable": false
+        }
+      },
+      "events": [],
+      "methods": [],
+      "slots": []
+    },
+    "props": {
+      "heading": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "heading",
+        "default": "'Activity'",
+        "required": false,
+        "mutable": false
+      },
+      "items": {
+        "type": "AgentActivityItem[]",
+        "resolvedType": "AgentActivityItem[]",
+        "default": "[]",
+        "required": false,
+        "mutable": false
+      },
+      "open": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "open",
+        "default": "false",
+        "required": false,
+        "mutable": false
+      }
+    },
+    "events": [],
+    "methods": [],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-agent-activity",
+      "react": "DsAgentActivity",
+      "angular": "DsAgentActivity"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-agent-activity.js';",
+        "example": "<ds-agent-activity></ds-agent-activity>"
+      },
+      "react": {
+        "import": "import { DsAgentActivity } from '@ds-mo/ui/react';",
+        "example": "<DsAgentActivity />"
+      },
+      "angular": {
+        "import": "import { DsAgentActivity } from '@ds-mo/ui/angular/ds-agent-activity';",
+        "example": "<ds-agent-activity></ds-agent-activity>"
+      },
+      "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^3.1.1",
+          "@ds-mo/icons ^6.2.0"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens",
+    "@ds-mo/icons"
+  ],
+  "registryDependencies": [
+    "icon",
+    "loader",
+    "text"
+  ],
+  "files": [
+    {
+      "path": "src/wc/components/AgentActivity/AgentActivity.css",
+      "content": ":host {\n  display: block;\n}\n.agent-activity {\n  margin: 0;\n}\nsummary {\n  align-items: center;\n  color: var(--color-foreground-secondary);\n  cursor: pointer;\n  display: flex;\n  gap: var(--dimension-space-050);\n  list-style: none;\n  padding: var(--dimension-space-025) 0;\n}\nsummary::-webkit-details-marker {\n  display: none;\n}\ndetails[open] summary ds-icon {\n  transform: rotate(90deg);\n}\nds-text.agent-activity__summary-label {\n  min-width: 0;\n}\nol {\n  display: grid;\n  gap: var(--dimension-space-075);\n  list-style: none;\n  margin: 0;\n  padding: var(--dimension-space-100) 0 0 var(--dimension-space-200);\n}\n.agent-activity__item {\n  align-items: start;\n  display: grid;\n  gap: var(--dimension-space-050);\n  grid-template-columns: auto minmax(0, 1fr);\n}\n.agent-activity__marker {\n  align-items: center;\n  color: var(--color-foreground-faint-neutral);\n  display: flex;\n  padding-block-start: var(--dimension-space-025);\n}\n.agent-activity__item--active .agent-activity__marker {\n  color: var(--color-foreground-faint-brand);\n}\n.agent-activity__item--error .agent-activity__marker {\n  color: var(--color-foreground-bold-negative);\n}\n.agent-activity__item span:last-child {\n  display: grid;\n  gap: var(--dimension-space-025);\n}\n.agent-activity__pending-dot {\n  width: var(--dimension-size-050);\n  height: var(--dimension-size-050);\n  border-radius: var(--dimension-radius-half);\n  background: currentColor;\n}\n.agent-activity__state {\n  position: absolute;\n  width: var(--dimension-size-050);\n  height: var(--dimension-size-050);\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  summary ds-icon {\n    transition: transform var(--effect-motion-short-2);\n  }\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/AgentActivity/AgentActivity.tsx",
+      "content": "import { Component, Prop, State, Watch, h, Host } from '@stencil/core';\nimport type { AgentActivityItem } from '../conversation-types';\n\n@Component({\n  tag: 'ds-agent-activity',\n  styleUrl: 'AgentActivity.css',\n  scoped: true,\n})\nexport class AgentActivity {\n  @Prop() items: AgentActivityItem[] = [];\n  @Prop() heading: string = 'Activity';\n  @Prop() open: boolean = false;\n\n  @State() private expanded: boolean = false;\n\n  componentWillLoad() {\n    this.expanded = this.open;\n  }\n\n  @Watch('open')\n  handleOpenChange(open: boolean) {\n    this.expanded = open;\n  }\n\n  private get currentItem(): AgentActivityItem | undefined {\n    return (\n      this.items.find(item => item.state === 'active') ??\n      this.items.find(item => item.state === 'error') ??\n      [...this.items].reverse().find(item => item.state === 'complete') ??\n      this.items.find(item => item.state === 'pending')\n    );\n  }\n\n  private handleToggle = (event: Event) => {\n    this.expanded = (event.currentTarget as HTMLDetailsElement).open;\n  };\n\n  private stateLabel(item: AgentActivityItem): string {\n    if (item.state === 'active') return 'In progress';\n    if (item.state === 'complete') return 'Complete';\n    if (item.state === 'error') return 'Error';\n    return 'Pending';\n  }\n\n  render() {\n    return (\n      <Host>\n        <details class=\"agent-activity\" open={this.open} onToggle={this.handleToggle}>\n          <summary>\n            <ds-icon name=\"ChevronRight\" size=\"xs\" color=\"inherit\" />\n            <ds-text\n              class=\"agent-activity__summary-label\"\n              variant=\"text-body-small\"\n              shimmer={!this.expanded && this.currentItem?.state === 'active'}\n            >\n              {this.expanded ? this.heading : this.currentItem?.label ?? this.heading}\n            </ds-text>\n          </summary>\n          <ol>\n            {this.items.map(item => (\n              <li class={`agent-activity__item agent-activity__item--${item.state}`}>\n                <span class=\"agent-activity__marker\" aria-hidden=\"true\">\n                  {item.state === 'active' ? (\n                    <ds-loader size=\"xs\" color=\"inherit\" />\n                  ) : item.state === 'pending' ? (\n                    <span class=\"agent-activity__pending-dot\" />\n                  ) : (\n                    <ds-icon\n                      name={item.state === 'error' ? 'ErrorTriangle' : 'Check'}\n                      size=\"xs\"\n                      color=\"inherit\"\n                    />\n                  )}\n                </span>\n                <span>\n                  <ds-text variant=\"text-body-small\" shimmer={item.state === 'active'}>\n                    {item.label}\n                  </ds-text>\n                  {item.detail ? (\n                    <ds-text variant=\"text-caption\" color=\"secondary\">\n                      {item.detail}\n                    </ds-text>\n                  ) : null}\n                  <span class=\"agent-activity__state\">{this.stateLabel(item)}</span>\n                </span>\n              </li>\n            ))}\n          </ol>\n        </details>\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/mcp-data/registry/agent-response.json

@@ -0,0 +1,211 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "agent-response",
+  "title": "AgentResponse",
+  "description": "Ordered renderer for normalized immutable agent response parts inside a generic incoming message.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/agent-response",
+    "source": "src/wc/components/AgentResponse/AgentResponse.tsx",
+    "intentStatus": "complete",
+    "intent": {
+      "audience": "specialized",
+      "status": "experimental",
+      "summary": "Ordered renderer for normalized immutable agent response parts inside a generic incoming message.",
+      "useWhen": [
+        "An agent response combines Markdown, user-safe activity, display-only tools, attachments, and sources in authored order."
+      ],
+      "avoidWhen": [
+        "The component would be expected to own a model, transport, persistence, title generation, approval policy, or private reasoning."
+      ],
+      "commonlyComposedWith": [
+        "component:ds-message",
+        "component:ds-markdown",
+        "component:ds-agent-activity",
+        "component:ds-agent-tool-call",
+        "component:ds-agent-source-list"
+      ],
+      "patterns": [
+        "pattern:agent-chat"
+      ],
+      "accessibility": [
+        "Part order matches authored reading order and remains inside generic message semantics.",
+        "Streaming state supplements rather than replaces meaningful textual status."
+      ],
+      "states": [
+        "The owner replaces immutable part arrays as scripted or live output changes."
+      ],
+      "responsiveBehavior": [
+        "Rich content uses the wider ghost message treatment while respecting transcript constraints."
+      ],
+      "references": [
+        {
+          "label": "Storybook examples",
+          "path": "src/wc/components/MessageScroller/MessageScroller.stories.ts"
+        }
+      ]
+    },
+    "api": {
+      "props": {
+        "author": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "author",
+          "default": "''",
+          "required": false,
+          "mutable": false
+        },
+        "messageId": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "message-id",
+          "default": "''",
+          "required": false,
+          "mutable": false
+        },
+        "parts": {
+          "type": "AgentResponsePart[]",
+          "resolvedType": "AgentResponsePart[]",
+          "default": "[]",
+          "required": false,
+          "mutable": false
+        },
+        "showAuthor": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "show-author",
+          "default": "true",
+          "required": false,
+          "mutable": false
+        },
+        "streaming": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "streaming",
+          "default": "false",
+          "required": false,
+          "mutable": false
+        },
+        "timestamp": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "timestamp",
+          "default": "''",
+          "required": false,
+          "mutable": false
+        }
+      },
+      "events": [],
+      "methods": [],
+      "slots": []
+    },
+    "props": {
+      "author": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "author",
+        "default": "''",
+        "required": false,
+        "mutable": false
+      },
+      "messageId": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "message-id",
+        "default": "''",
+        "required": false,
+        "mutable": false
+      },
+      "parts": {
+        "type": "AgentResponsePart[]",
+        "resolvedType": "AgentResponsePart[]",
+        "default": "[]",
+        "required": false,
+        "mutable": false
+      },
+      "showAuthor": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "show-author",
+        "default": "true",
+        "required": false,
+        "mutable": false
+      },
+      "streaming": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "streaming",
+        "default": "false",
+        "required": false,
+        "mutable": false
+      },
+      "timestamp": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "timestamp",
+        "default": "''",
+        "required": false,
+        "mutable": false
+      }
+    },
+    "events": [],
+    "methods": [],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-agent-response",
+      "react": "DsAgentResponse",
+      "angular": "DsAgentResponse"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-agent-response.js';",
+        "example": "<ds-agent-response></ds-agent-response>"
+      },
+      "react": {
+        "import": "import { DsAgentResponse } from '@ds-mo/ui/react';",
+        "example": "<DsAgentResponse />"
+      },
+      "angular": {
+        "import": "import { DsAgentResponse } from '@ds-mo/ui/angular/ds-agent-response';",
+        "example": "<ds-agent-response></ds-agent-response>"
+      },
+      "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: parts.",
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^3.1.1",
+          "@ds-mo/icons ^6.2.0"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens"
+  ],
+  "registryDependencies": [
+    "agent-activity",
+    "agent-source-list",
+    "agent-tool-call",
+    "attachment-list",
+    "markdown",
+    "message",
+    "message-bubble"
+  ],
+  "files": [
+    {
+      "path": "src/wc/components/AgentResponse/AgentResponse.css",
+      "content": ":host {\n  display: block;\n  width: 100%;\n}\n.agent-response {\n  display: grid;\n  gap: var(--dimension-space-150);\n  min-width: 0;\n  width: 100%;\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/AgentResponse/AgentResponse.tsx",
+      "content": "import { Component, Prop, h, Host } from '@stencil/core';\nimport type { AgentResponsePart } from '../conversation-types';\n\n@Component({ tag: 'ds-agent-response', styleUrl: 'AgentResponse.css', scoped: true })\nexport class AgentResponse {\n  @Prop() messageId: string = '';\n  @Prop() author: string = '';\n  @Prop() showAuthor: boolean = true;\n  @Prop() timestamp: string = '';\n  @Prop() parts: AgentResponsePart[] = [];\n  @Prop() streaming: boolean = false;\n\n  private renderPart(part: AgentResponsePart) {\n    switch (part.type) {\n      case 'markdown':\n        return (\n          <ds-markdown\n            key={part.id}\n            content={part.content}\n            streaming={part.state === 'streaming'}\n          />\n        );\n      case 'activity':\n        return <ds-agent-activity key={part.id} items={part.items} />;\n      case 'tool':\n        return (\n          <ds-agent-tool-call\n            key={part.id}\n            name={part.name}\n            label={part.label}\n            state={part.state}\n            input={part.input}\n            output={part.output}\n            error={part.error}\n          />\n        );\n      case 'attachments':\n        return <ds-attachment-list key={part.id} items={part.items} />;\n      case 'sources':\n        return <ds-agent-source-list key={part.id} items={part.items} />;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <ds-message\n          messageId={this.messageId}\n          direction=\"incoming\"\n          author={this.author}\n          showAuthor={this.showAuthor}\n          timestamp={this.timestamp}\n          streaming={this.streaming}\n        >\n          <slot name=\"avatar\" slot=\"avatar\" />\n          <ds-message-bubble variant=\"ghost\">\n            <div class=\"agent-response\">{this.parts.map(part => this.renderPart(part))}</div>\n          </ds-message-bubble>\n          <slot name=\"footer\" slot=\"footer\" />\n          <slot name=\"actions\" slot=\"actions\" />\n        </ds-message>\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/mcp-data/registry/agent-source-list.json

@@ -0,0 +1,153 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "agent-source-list",
+  "title": "AgentSourceList",
+  "description": "Collapsible list of agent response sources with title, description, and validated external links.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/agent-source-list",
+    "source": "src/wc/components/AgentSourceList/AgentSourceList.tsx",
+    "intentStatus": "complete",
+    "intent": {
+      "audience": "specialized",
+      "status": "experimental",
+      "summary": "Collapsible list of agent response sources with title, description, and validated external links.",
+      "useWhen": [
+        "An agent response cites external material readers may inspect."
+      ],
+      "avoidWhen": [
+        "The links are ordinary body links or are not sources for the response."
+      ],
+      "commonlyComposedWith": [
+        "component:ds-agent-response",
+        "component:ds-markdown"
+      ],
+      "patterns": [
+        "pattern:agent-chat"
+      ],
+      "accessibility": [
+        "Each source uses descriptive linked text and visible supporting context.",
+        "Unsafe link schemes remain non-interactive text."
+      ],
+      "responsiveBehavior": [
+        "Source titles and descriptions wrap within the response width."
+      ],
+      "references": [
+        {
+          "label": "Storybook examples",
+          "path": "src/wc/components/MessageScroller/MessageScroller.stories.ts"
+        }
+      ]
+    },
+    "api": {
+      "props": {
+        "heading": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "heading",
+          "default": "'Sources'",
+          "required": false,
+          "mutable": false
+        },
+        "items": {
+          "type": "AgentSource[]",
+          "resolvedType": "AgentSource[]",
+          "default": "[]",
+          "required": false,
+          "mutable": false
+        },
+        "open": {
+          "type": "boolean",
+          "resolvedType": "boolean",
+          "attribute": "open",
+          "default": "false",
+          "required": false,
+          "mutable": false
+        }
+      },
+      "events": [],
+      "methods": [],
+      "slots": []
+    },
+    "props": {
+      "heading": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "heading",
+        "default": "'Sources'",
+        "required": false,
+        "mutable": false
+      },
+      "items": {
+        "type": "AgentSource[]",
+        "resolvedType": "AgentSource[]",
+        "default": "[]",
+        "required": false,
+        "mutable": false
+      },
+      "open": {
+        "type": "boolean",
+        "resolvedType": "boolean",
+        "attribute": "open",
+        "default": "false",
+        "required": false,
+        "mutable": false
+      }
+    },
+    "events": [],
+    "methods": [],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-agent-source-list",
+      "react": "DsAgentSourceList",
+      "angular": "DsAgentSourceList"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-agent-source-list.js';",
+        "example": "<ds-agent-source-list></ds-agent-source-list>"
+      },
+      "react": {
+        "import": "import { DsAgentSourceList } from '@ds-mo/ui/react';",
+        "example": "<DsAgentSourceList />"
+      },
+      "angular": {
+        "import": "import { DsAgentSourceList } from '@ds-mo/ui/angular/ds-agent-source-list';",
+        "example": "<ds-agent-source-list></ds-agent-source-list>"
+      },
+      "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^3.1.1",
+          "@ds-mo/icons ^6.2.0"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens",
+    "@ds-mo/icons"
+  ],
+  "registryDependencies": [
+    "icon",
+    "text"
+  ],
+  "files": [
+    {
+      "path": "src/wc/components/AgentSourceList/AgentSourceList.css",
+      "content": ":host { display: block; }\n.agent-sources { border-block-start: var(--dimension-stroke-width-012) solid var(--color-border-tertiary); }\nsummary { align-items: center; cursor: pointer; display: flex; gap: var(--dimension-space-050); list-style: none; padding-block: var(--dimension-space-075); }\nsummary::-webkit-details-marker { display: none; }\ndetails[open] summary ds-icon { transform: rotate(90deg); }\nol { display: grid; gap: var(--dimension-space-075); margin: 0; padding: 0 0 var(--dimension-space-075) var(--dimension-space-150); }\nli { display: grid; gap: var(--dimension-space-025); }\na { align-items: center; color: inherit; display: inline-flex; gap: var(--dimension-space-025); width: fit-content; }\n\n@media (prefers-reduced-motion: no-preference) { summary ds-icon { transition: transform var(--effect-motion-short-2); } }\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/AgentSourceList/AgentSourceList.tsx",
+      "content": "import { Component, Prop, h, Host } from '@stencil/core';\nimport type { AgentSource } from '../conversation-types';\n\n@Component({ tag: 'ds-agent-source-list', styleUrl: 'AgentSourceList.css', scoped: true })\nexport class AgentSourceList {\n  @Prop() items: AgentSource[] = [];\n  @Prop() heading: string = 'Sources';\n  @Prop() open: boolean = false;\n\n  private safeUrl(value: string) {\n    try {\n      const parsed = new URL(value, document.baseURI);\n      return parsed.protocol === 'http:' || parsed.protocol === 'https:' ? parsed.href : undefined;\n    } catch { return undefined; }\n  }\n\n  render() {\n    if (!this.items.length) return null;\n    return (\n      <Host>\n        <details class=\"agent-sources\" open={this.open}>\n          <summary>\n            <ds-icon name=\"ChevronRight\" size=\"xs\" color=\"inherit\" />\n            <ds-text variant=\"text-body-small\" emphasis>{this.heading} · {this.items.length}</ds-text>\n          </summary>\n          <ol>\n            {this.items.map(source => {\n              const href = this.safeUrl(source.url);\n              return <li>\n                {href\n                  ? <a href={href} target=\"_blank\" rel=\"noopener noreferrer\"><ds-text variant=\"text-body-small\" emphasis>{source.title}</ds-text><ds-icon name=\"ExternalLink\" size=\"xs\" color=\"inherit\" /></a>\n                  : <ds-text variant=\"text-body-small\" emphasis>{source.title}</ds-text>}\n                {source.description ? <ds-text variant=\"text-caption\" color=\"secondary\">{source.description}</ds-text> : null}\n              </li>;\n            })}\n          </ol>\n        </details>\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}