@tylertech/forge-ai 0.15.3-dev.1 → 0.16.0-dev.0

package/dist/utils/markdown.mjs

@@ -1,45 +1,266 @@
 import { marked } from "marked";
 import DOMPurify from "dompurify";
 import remend from "remend";
-const COMPLETE_CONTENT_REMEND_OPTIONS = { links: false, images: false };
-const DOMPURIFY_CONFIG = {
-  FORBID_TAGS: ["script", "style", "iframe", "object", "embed", "form", "input", "select", "textarea", "button"],
-  FORBID_ATTR: ["onerror", "onload", "onclick", "onmouseover"],
-  ADD_ATTR: ["target", "rel"]
+//#region src/lib/utils/markdown.ts
+/**
+* `remend` config applied to complete (non-streaming) content: disable the
+* link/image completion handlers, keeping escaping repairs intact. A finished
+* message has no tag still arriving, so the trailing-tag repair is disabled too;
+* it would otherwise cut prose such as `Cost<Budget` at the `<`.
+*/
+var COMPLETE_CONTENT_REMEND_OPTIONS = {
+	links: false,
+	images: false,
+	htmlTags: false
 };
-DOMPurify.addHook("afterSanitizeAttributes", (node) => {
-  if (node.nodeName === "A") {
-    node.setAttribute("target", "_blank");
-    node.setAttribute("rel", "noreferrer noopener");
-  }
-});
-function renderMarkdown(content, { streaming = true } = {}) {
-  const completedMarkdown = remend(content, streaming ? void 0 : COMPLETE_CONTENT_REMEND_OPTIONS);
-  const renderer = new marked.Renderer();
-  const renderTable = renderer.table.bind(renderer);
-  renderer.table = (token) => `<div data-scroll-region="table" role="group" tabindex="0" aria-label="Tabular data">${renderTable(token)}</div>`;
-  const renderCode = renderer.code.bind(renderer);
-  renderer.code = (token) => renderCode(token).replace(
-    /^<pre/,
-    '<pre data-scroll-region="code" role="group" tabindex="0" aria-label="Code block"'
-  );
-  const rawHtml = marked.parse(completedMarkdown, {
-    async: false,
-    gfm: true,
-    breaks: true,
-    renderer
-  });
-  return DOMPurify.sanitize(rawHtml, DOMPURIFY_CONFIG);
-}
-function renderInlineMarkdown(content) {
-  const rawHtml = marked.parseInline(content, {
-    async: false,
-    gfm: true,
-    breaks: true
-  });
-  return DOMPurify.sanitize(rawHtml, DOMPURIFY_CONFIG);
-}
-export {
-  renderInlineMarkdown,
-  renderMarkdown
+var FORBID_TAGS = [
+	"script",
+	"style",
+	"iframe",
+	"object",
+	"embed",
+	"form",
+	"input",
+	"select",
+	"textarea",
+	"button",
+	"picture",
+	"source",
+	"track",
+	"image",
+	"feImage",
+	"mglyph"
+];
+/**
+* Rendered content is model output and therefore attacker-influenced. Only images from the trusted
+* origin (see `TRUSTED_ORIGIN`) or `data:image/*` load inline; any other source becomes a link the
+* user must click. Fetching elements and attributes are forbidden; `<img>`, `<video>`, `<audio>`
+* and CSS-parsed attributes are handled by the hooks below.
+*/
+var DOMPURIFY_CONFIG = {
+	FORBID_TAGS,
+	FORBID_ATTR: [
+		"onerror",
+		"onload",
+		"onclick",
+		"onmouseover",
+		"style",
+		"srcset",
+		"poster",
+		"background"
+	],
+	ADD_ATTR: ["target", "rel"]
+};
+var INLINE_TEXT_LINKS_CONFIG = {
+	...DOMPURIFY_CONFIG,
+	FORBID_TAGS: [...FORBID_TAGS, "a"]
 };
+var DEFAULT_IMAGE_LABEL = "Image";
+var DEFAULT_MEDIA_LABELS = {
+	VIDEO: "Video",
+	AUDIO: "Audio"
+};
+var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
+var OPAQUE_ORIGIN = "null";
+var EXTERNAL_CSS_URL = /url\s*\(\s*(?!['"]?#)/i;
+var CSS_ESCAPE_OR_STRING = /[\\'"]/;
+var CSS_FUNCTION = /([a-z-]+)(\s*\()?/gi;
+var SAFE_CSS_FUNCTIONS = /* @__PURE__ */ new Set([
+	"url",
+	"rgb",
+	"rgba",
+	"hsl",
+	"hsla",
+	"hwb",
+	"lab",
+	"lch",
+	"oklab",
+	"oklch",
+	"color",
+	"matrix",
+	"translate",
+	"scale",
+	"rotate",
+	"skewx",
+	"skewy",
+	"calc",
+	"min",
+	"max",
+	"clamp"
+]);
+var URL_ATTRS = /* @__PURE__ */ new Set([
+	"href",
+	"xlink:href",
+	"src",
+	"alt",
+	"title"
+]);
+var CSS_PRESENTATION_ATTRS = /* @__PURE__ */ new Set([
+	"mask",
+	"fill",
+	"stroke",
+	"filter",
+	"clip-path",
+	"cursor",
+	"marker-start",
+	"marker-mid",
+	"marker-end"
+]);
+function scriptOrigin() {
+	try {
+		const url = new URL(import.meta.url);
+		return /^https?:$/.test(url.protocol) ? url.origin : void 0;
+	} catch {
+		return;
+	}
+}
+/**
+* The origin images may load from inline: the origin that served this module. When forge-ai is
+* bundled into a widget embedded on a third-party page, that is the embedding service rather than
+* the host page, which the service cannot vouch for (an open redirect there would bounce the
+* request elsewhere). Falls back to the page origin when the module URL is not http(s), e.g. after
+* a bundler rewrites it.
+*/
+var TRUSTED_ORIGIN = scriptOrigin() ?? self.origin;
+/**
+* Where relative sources resolve when the trusted origin is not the page's own: a relative path in
+* the output then means the embedding service, so it must not resolve against the host page.
+*/
+var EMBEDDED_BASE = TRUSTED_ORIGIN === self.origin ? void 0 : TRUSTED_ORIGIN;
+function resolveUrl(value) {
+	try {
+		return new URL(value, EMBEDDED_BASE ?? document.baseURI);
+	} catch {
+		return;
+	}
+}
+function isInlineLoadable(url) {
+	if (url.protocol === "data:") return /^data:image\//i.test(url.href);
+	return url.origin !== OPAQUE_ORIGIN && url.origin === TRUSTED_ORIGIN;
+}
+function callsUnsafeCssFunction(value) {
+	return Array.from(value.matchAll(CSS_FUNCTION)).some(([, name, call]) => call !== void 0 && !SAFE_CSS_FUNCTIONS.has(name.toLowerCase()));
+}
+/**
+* SVG and MathML presentation attributes are parsed as CSS. Escapes, strings and functions such as
+* `attr()` or `image-set()` can all reference another origin, so only plain values and known-safe
+* functions survive there.
+*/
+function dropFetchingCssAttribute(node, data) {
+	if (URL_ATTRS.has(data.attrName)) return;
+	const isParsedAsCss = node.namespaceURI !== HTML_NAMESPACE || CSS_PRESENTATION_ATTRS.has(data.attrName);
+	if (EXTERNAL_CSS_URL.test(data.attrValue) || isParsedAsCss && (CSS_ESCAPE_OR_STRING.test(data.attrValue) || callsUnsafeCssFunction(data.attrValue))) data.keepAttr = false;
+}
+function sanitizeElement(node) {
+	if (node.nodeName === "A") {
+		node.setAttribute("target", "_blank");
+		node.setAttribute("rel", "noreferrer noopener");
+	} else if (node.nodeName === "IMG") sanitizeImage(node);
+	else if (node.nodeName in DEFAULT_MEDIA_LABELS) replaceMedia(node);
+}
+/**
+* Keeps an image from the trusted origin and swaps any other for a click-to-open link naming its
+* host, or for text when it cannot be linked. When embedded, a kept source is made absolute so the
+* browser loads it from the embedding service rather than the host page.
+*/
+function sanitizeImage(img) {
+	const src = img.getAttribute("src")?.trim();
+	if (!src) return;
+	const url = resolveUrl(src);
+	if (url && isInlineLoadable(url)) {
+		if (EMBEDDED_BASE && url.protocol !== "data:") img.setAttribute("src", url.href);
+		return;
+	}
+	img.replaceWith(createFallback({
+		node: img,
+		url,
+		label: img.getAttribute("alt") || DEFAULT_IMAGE_LABEL
+	}));
+}
+/**
+* Media never loads inline. It becomes a click-to-open link to its source (its own `src`, or its
+* first `<source>`), replacing any fallback content, or its label when it has no linkable source.
+*/
+function replaceMedia(media) {
+	const src = (media.getAttribute("src") ?? media.querySelector("source[src]")?.getAttribute("src"))?.trim();
+	const url = src ? resolveUrl(src) : void 0;
+	const label = media.getAttribute("title") || DEFAULT_MEDIA_LABELS[media.nodeName];
+	media.replaceWith(createFallback({
+		node: media,
+		url,
+		label
+	}));
+}
+/** A link inside a link would take the click and drop the outer destination, so a nested one becomes text. */
+function createFallback({ node, url, label }) {
+	const doc = node.ownerDocument;
+	if (!url?.host || !/^https?:$/.test(url.protocol)) return doc.createTextNode(label);
+	const text = `${label} (${url.host})`;
+	if (node.closest("a")) return doc.createTextNode(text);
+	const link = doc.createElement("a");
+	link.setAttribute("href", url.href);
+	link.setAttribute("target", "_blank");
+	link.setAttribute("rel", "noreferrer noopener");
+	link.textContent = text;
+	return link;
+}
+/**
+* The DOMPurify singleton is shared with the host app, so these hooks are attached only for the
+* duration of forge-ai's own (synchronous) sanitize calls and never reach the host's.
+*/
+function sanitize(rawHtml, config) {
+	DOMPurify.addHook("uponSanitizeAttribute", dropFetchingCssAttribute);
+	DOMPurify.addHook("afterSanitizeAttributes", sanitizeElement);
+	try {
+		return DOMPurify.sanitize(rawHtml, config);
+	} finally {
+		DOMPurify.removeHook("uponSanitizeAttribute", dropFetchingCssAttribute);
+		DOMPurify.removeHook("afterSanitizeAttributes", sanitizeElement);
+	}
+}
+/**
+* Renders markdown content to sanitized HTML.
+* Handles incomplete syntax in streaming content, and sanitizes the output to remove unsafe tags and attributes.
+*
+* Block-level tables and code blocks are wrapped as keyboard-focusable, labeled
+* horizontal scroll containers (`role="group"` + `tabindex="0"` + `aria-label`)
+* so keyboard and screen-reader users can reach and scroll overflowing content.
+* The `role="group"` ensures the `aria-label` is reliably announced. The focus
+* ring and scrollbar only appear when the content actually overflows (handled in CSS).
+* @param content The markdown content to render.
+* @param options Options for rendering, including whether the content is streaming.
+* @returns The sanitized HTML string.
+*/
+function renderMarkdown(content, { streaming = true } = {}) {
+	const completedMarkdown = remend(content, streaming ? void 0 : COMPLETE_CONTENT_REMEND_OPTIONS);
+	const renderer = new marked.Renderer();
+	const renderTable = renderer.table.bind(renderer);
+	renderer.table = (token) => `<div data-scroll-region="table" role="group" tabindex="0" aria-label="Tabular data">${renderTable(token)}</div>`;
+	const renderCode = renderer.code.bind(renderer);
+	renderer.code = (token) => renderCode(token).replace(/^<pre/, "<pre data-scroll-region=\"code\" role=\"group\" tabindex=\"0\" aria-label=\"Code block\"");
+	return sanitize(marked.parse(completedMarkdown, {
+		async: false,
+		gfm: true,
+		breaks: true,
+		renderer
+	}), DOMPURIFY_CONFIG);
+}
+/**
+* Renders a single line of markdown to sanitized inline HTML (no block-level
+* wrapping such as `<p>`). Used where the agent may emit bare URLs/emails or
+* raw `<a>` anchors that should render as clickable links, while leaving
+* plain values (IDs, codes, formulas) untouched. Sanitization strips unsafe
+* protocols (e.g. `javascript:`) and disallowed tags/attributes.
+* @param content The markdown content to render.
+* @param options Options for rendering, including whether links render as anchors.
+* @returns The sanitized inline HTML string.
+*/
+function renderInlineMarkdown(content, { links = true } = {}) {
+	return sanitize(marked.parseInline(content, {
+		async: false,
+		gfm: true,
+		breaks: true
+	}), links ? DOMPURIFY_CONFIG : INLINE_TEXT_LINKS_CONFIG);
+}
+//#endregion
+export { renderInlineMarkdown, renderMarkdown };

package/dist/utils/storage-utils.mjs

@@ -1,32 +1,38 @@
+//#region src/lib/utils/storage-utils.ts
 function resolveStorage(kind) {
-  return kind === "session" ? window.sessionStorage : window.localStorage;
+	return kind === "session" ? window.sessionStorage : window.localStorage;
 }
+/**
+* Reads a numeric value from Web Storage.
+*
+* @returns The parsed number, or `undefined` if the key is missing, not a finite number, or storage is unavailable.
+*/
 function readStoredNumber({ kind, key }) {
-  try {
-    const raw = resolveStorage(kind).getItem(key);
-    if (raw === null) {
-      return void 0;
-    }
-    const value = Number(raw);
-    return Number.isFinite(value) ? value : void 0;
-  } catch {
-    return void 0;
-  }
+	try {
+		const raw = resolveStorage(kind).getItem(key);
+		if (raw === null) return;
+		const value = Number(raw);
+		return Number.isFinite(value) ? value : void 0;
+	} catch {
+		return;
+	}
 }
+/**
+* Writes a numeric value to Web Storage. Fails silently if storage is unavailable
+* (private mode, sandboxed iframe, quota exceeded).
+*/
 function writeStoredNumber({ kind, key, value }) {
-  try {
-    resolveStorage(kind).setItem(key, String(value));
-  } catch {
-  }
+	try {
+		resolveStorage(kind).setItem(key, String(value));
+	} catch {}
 }
+/**
+* Removes a value from Web Storage. Fails silently if storage is unavailable.
+*/
 function removeStoredValue({ kind, key }) {
-  try {
-    resolveStorage(kind).removeItem(key);
-  } catch {
-  }
+	try {
+		resolveStorage(kind).removeItem(key);
+	} catch {}
 }
-export {
-  readStoredNumber,
-  removeStoredValue,
-  writeStoredNumber
-};
+//#endregion
+export { readStoredNumber, removeStoredValue, writeStoredNumber };

package/package.json

@@ -1,9 +1,23 @@
 {
   "name": "@tylertech/forge-ai",
-  "version": "0.15.3-dev.1",
+  "version": "0.16.0-dev.0",
   "description": "A library of Tyler Forge™ AI chat interface web components.",
   "license": "Apache-2.0",
   "author": "Tyler Technologies, Inc.",
+  "keywords": [
+    "tyler forge",
+    "web components",
+    "custom elements",
+    "lit",
+    "ai",
+    "chat"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tyler-technologies-oss/forge.git",
+    "directory": "packages/forge-ai"
+  },
+  "type": "module",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -12,122 +26,44 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.mjs"
     },
+    "./jsx": {
+      "types": "./dist/jsx.d.ts"
+    },
     "./*": {
       "types": "./dist/*/index.d.ts",
       "default": "./dist/*/index.mjs"
     },
-    "./package.json": {
-      "default": "./package.json"
-    },
     "./custom-elements.json": {
       "default": "./custom-elements.json"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
   },
   "customElements": "custom-elements.json",
-  "keywords": [
-    "tyler-forge",
-    "web-components",
-    "custom-elements",
-    "lit-element"
-  ],
   "files": [
-    "./dist",
-    "./custom-elements.json"
+    "dist/",
+    "custom-elements.json",
+    "MIGRATION.md"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tyler-technologies-oss/forge-ai.git"
-  },
   "dependencies": {
-    "@ag-ui/client": "^0.0.57",
-    "@ag-ui/core": "^0.0.57",
     "@floating-ui/dom": "^1.8.0",
     "@lit/context": "^1.1.6",
-    "dompurify": "^3.4.13",
-    "lit": "3.3.3",
-    "marked": "^18.0.7",
-    "remend": "^1.3.0",
-    "uuid": "^14.0.1"
+    "dompurify": "^3.4.17",
+    "lit": "^3.3.2",
+    "marked": "^18.1.1",
+    "remend": "^1.4.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^19"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   },
-  "devDependencies": {
-    "@custom-elements-manifest/analyzer": "0.11.0",
-    "@esm-bundle/chai": "4.3.4-fix.0",
-    "@modelcontextprotocol/ext-apps": "^1.7.5",
-    "@modelcontextprotocol/sdk": "^1.32.2",
-    "@open-wc/testing": "4.0.0",
-    "@storybook/addon-a11y": "9.1.20",
-    "@storybook/addon-docs": "9.1.20",
-    "@storybook/addon-links": "9.1.20",
-    "@storybook/addon-themes": "9.1.20",
-    "@storybook/web-components-vite": "9.1.20",
-    "@tylertech-eslint/eslint-plugin": "3.0.0",
-    "@tylertech/forge": "3.15.2",
-    "@tylertech/stylelint-rules": "5.1.2",
-    "@tylertech/tyler-icons": "2.2.0",
-    "@types/cssbeautify": "^0.3.5",
-    "@types/dompurify": "^3.2.0",
-    "@types/mocha": "10.0.10",
-    "@types/node": "25.9.4",
-    "@types/react": "^18.3.31",
-    "@types/sinon": "21.0.1",
-    "@ungap/structured-clone": "^1.3.3",
-    "@vueless/storybook-dark-mode": "9.0.10",
-    "@wc-toolkit/jsdoc-tags": "^1.2.0",
-    "@web/dev-server-esbuild": "1.0.5",
-    "@web/dev-server-rollup": "0.6.4",
-    "@web/test-runner": "0.20.2",
-    "@web/test-runner-commands": "0.9.0",
-    "@web/test-runner-junit-reporter": "0.8.0",
-    "@web/test-runner-playwright": "0.11.1",
-    "cssbeautify": "^0.3.1",
-    "custom-element-svelte-integration": "^1.2.0",
-    "custom-element-vuejs-integration": "^1.4.0",
-    "eslint": "9.39.4",
-    "glob": "13.0.6",
-    "lit-analyzer": "2.0.3",
-    "plop": "4.0.5",
-    "postcss-lit": "1.4.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-ga4": "^2.1.0",
-    "remark-gfm": "4.0.1",
-    "rimraf": "6.1.3",
-    "sass": "1.93.3",
-    "sinon": "21.1.2",
-    "storybook": "9.1.20",
-    "stylelint": "16.26.1",
-    "stylelint-config-standard": "39.0.1",
-    "typescript": "~5.9.3",
-    "vite": "7.3.6",
-    "vite-plugin-ejs": "^1.7.0",
-    "vite-plugin-full-reload": "^1.2.0",
-    "vite-plugin-dts": "4.5.4",
-    "vite-tsconfig-paths": "6.1.1",
-    "@repo/prettier-config": "0.0.0"
+  "publishConfig": {
+    "access": "public"
   },
-  "scripts": {
-    "dev": "vite src/dev",
-    "start": "pnpm run storybook",
-    "prebuild": "rimraf dist",
-    "build": "pnpm run lint && vite build && pnpm run cem",
-    "preview": "vite preview",
-    "prestorybook": "pnpm run cem",
-    "storybook": "storybook dev -p 6016",
-    "sandbox": "node sandbox/server.mjs",
-    "prebuild:storybook": "pnpm run cem",
-    "build:storybook": "storybook build",
-    "lint": "pnpm run lint:lit-analyzer && pnpm run lint:eslint && pnpm run lint:stylelint",
-    "lint:eslint": "eslint .",
-    "lint:stylelint": "stylelint src/**/*.scss",
-    "lint:lit-analyzer": "lit-analyzer",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "cem": "cem analyze --config custom-elements-manifest.config.mjs --litelement --globs \"src/lib/**/*.ts\"",
-    "cem:watch": "pnpm run analyze -- --watch",
-    "test": "wtr --coverage --watch --group lib",
-    "test:focus": "wtr --coverage --watch --group",
-    "test:ci": "wtr --group lib",
-    "ci:package": "tar -czvhf deployment-assets.tar.gz -C cdn-deployment/@tylertech/forge-ai .",
-    "plop": "plop"
-  }
+  "publishedAt": "2026-11-11T00:58:55.973Z"
 }

package/dist/ai-agent-info/ai-agent-info.scss.mjs

@@ -1,4 +0,0 @@
-const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-label-value {\n  --_label-value-align:var(--forge-label-value-align, start);\n  --_label-value-label-spacing:var(--forge-label-value-label-spacing, var(--forge-spacing-xxsmall, 4px));\n  --_label-value-label-block-start-spacing:var(--forge-label-value-label-block-start-spacing, var(--_label-value-label-spacing));\n  --_label-value-label-block-end-spacing:var(--forge-label-value-label-block-end-spacing, var(--_label-value-label-spacing));\n  --_label-value-label-color:var(--forge-label-value-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));\n  --_label-value-icon-spacing:var(--forge-label-value-icon-spacing, var(--forge-spacing-xxsmall, 4px));\n  --_label-value-inline-label-spacing:var(--forge-label-value-inline-label-spacing, var(--forge-spacing-xsmall, 8px));\n  --_label-value-empty-color:var(--forge-label-value-empty-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));\n  --_label-value-empty-style:var(--forge-label-value-empty-style, italic);\n}\n\n.forge-label-value {\n  display: inline-block;\n  min-width: 0;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas: "icon label" "icon value";\n}\n\n.forge-label-value--inline {\n  display: flex;\n  align-items: center;\n}\n\n.forge-label-value--inline .forge-label-value__label {\n  margin-block: 0;\n  margin-inline-end: var(--_label-value-inline-label-spacing);\n}\n\n.forge-label-value--empty .forge-label-value__value {\n  color: var(--_label-value-empty-color);\n  font-style: var(--_label-value-empty-style);\n}\n\n.forge-label-value--ellipsis .forge-label-value__value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  justify-self: auto;\n}\n\n.forge-label-value__icon, .forge-label-value .forge-icon, .forge-label-value forge-icon {\n  display: inline-flex;\n  grid-area: icon;\n  margin-inline-end: var(--_label-value-icon-spacing);\n}\n\n.forge-label-value__label {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.8125)));\n  font-weight: var(--forge-typography-label2-font-weight, 400);\n  line-height: var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label2-letter-spacing, 0.0096153846em);\n  text-transform: var(--forge-typography-label2-text-transform, inherit);\n  text-decoration: var(--forge-typography-label2-text-decoration, inherit);\n  grid-area: label;\n  justify-self: var(--_label-value-align);\n  margin-block-start: var(--_label-value-label-block-start-spacing);\n  margin-block-end: var(--_label-value-label-block-end-spacing);\n  line-height: normal;\n  text-align: var(--_label-value-align);\n  overflow-wrap: anywhere;\n  color: var(--_label-value-label-color);\n}\n\n.forge-label-value__value {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));\n  font-weight: var(--forge-typography-body2-font-weight, 400);\n  line-height: var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));\n  letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);\n  text-transform: var(--forge-typography-body2-text-transform, inherit);\n  text-decoration: var(--forge-typography-body2-text-decoration, inherit);\n  grid-area: value;\n  display: grid;\n  align-items: center;\n  justify-self: var(--_label-value-align);\n  line-height: normal;\n  text-align: var(--_label-value-align);\n  overflow-wrap: anywhere;\n}\n\n:host {\n  display: block;\n}\n\n.forge-label-value {\n  grid-template-rows: auto 1fr;\n}\n.forge-label-value .forge-label-value__value {\n  align-self: start;\n}\n\n.agent-info-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--forge-spacing-medium, 16px);\n}\n\n.agent-info-header {\n  display: flex;\n  gap: var(--forge-spacing-medium, 16px);\n}\n.agent-info-header .forge-label-value {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.agent-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: var(--forge-spacing-medium, 16px);\n}\n\n.agent-info-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: var(--forge-spacing-medium, 16px);\n}\n\n.with-copy-button {\n  position: relative;\n}\n.with-copy-button forge-ai-copy-button {\n  position: absolute;\n  top: -4px;\n  right: 0;\n  transform: translateY(50%);\n}\n.with-copy-button .forge-label-value__value {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  width: 100%;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n}\n.with-copy-button .value-text {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin-inline-end: 36px;\n}';
-export {
-  styles as default
-};