@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/{span-payload-primitives-D4tHWN2W.cjs.map → span-payload-primitives-D2NWznGy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-D4tHWN2W.cjs","names":["useLinkComponent","getDelegatedToolHref","DataKeysAndValues","SpanPayloadJson","presentTool","getDelegatedTool","BadgeWrapper","ActivityHeadline","Txt","MarkdownRenderer","Collapsible","CollapsibleTrigger","DisclosureChevron","CollapsibleContent","ScrollArea","cn"],"sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField } from './span-payload-primitives';\nimport { getDelegatedTool, getDelegatedToolHref } from './span-payload-registry';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */\nexport function SpanToolNameValue({ toolName }: { toolName: string }) {\n  const { Link, paths } = useLinkComponent();\n  const href = getDelegatedToolHref(paths, toolName);\n  if (!href) return <DataKeysAndValues.Value>{toolName}</DataKeysAndValues.Value>;\n  return (\n    <DataKeysAndValues.ValueLink href={href} as={Link}>\n      {toolName}\n    </DataKeysAndValues.ValueLink>\n  );\n}\n\nexport function SpanPayloadTool({ value }: { value: unknown }) {\n  const { Link, paths } = useLinkComponent();\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const delegated = getDelegatedTool(call.toolName);\n  // The header toggles the body, so the workflow or agent link sits in the body rather than in it.\n  const delegatedHref = getDelegatedToolHref(paths, call.toolName);\n  const hasBody = Boolean(delegatedHref) || input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {delegated && delegatedHref && (\n              <DataKeysAndValues>\n                <DataKeysAndValues.Key>{delegated.kind === 'workflow' ? 'Workflow' : 'Agent'}</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueLink href={delegatedHref} as={Link}>\n                  {delegated.key}\n                </DataKeysAndValues.ValueLink>\n              </DataKeysAndValues>\n            )}\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport interface SpanPayloadListItem {\n  key: string;\n  /** The item name, a link when it has a page to open. */\n  name: ReactNode;\n  description?: string;\n}\n\n/**\n * A scrollable list of named items with an optional description (tools, skills…). The scrollbar\n * stays visible while the list overflows, so readers can tell there are more items below.\n * `card` frames it on its own surface, for a list that stands alone in a section.\n */\nexport function SpanPayloadList({ items, slot, card }: { items: SpanPayloadListItem[]; slot: string; card?: boolean }) {\n  return (\n    <ScrollArea\n      maxHeight=\"12rem\"\n      alwaysShowScrollbar\n      className={cn(card && cn(raisedSurfaceStyle, 'rounded-lg [--scroll-area-scrollbar-inset:0.5rem]'))}\n    >\n      <ul data-slot={slot} className={cn('flex flex-col gap-2', card ? 'p-3 pr-4' : 'pr-3')}>\n        {items.map(item => (\n          <li key={item.key} className=\"flex min-w-0 flex-col\">\n            {item.name}\n            {item.description && (\n              // Payload content reads in ink like the messages around it; grey is kept for the labels.\n              <Txt as=\"span\" variant=\"body-sm\" className=\"line-clamp-2\" title={item.description}>\n                {item.description}\n              </Txt>\n            )}\n          </li>\n        ))}\n      </ul>\n    </ScrollArea>\n  );\n}\n\n/** A list item name rendered as plain text. */\nexport function SpanPayloadListName({ children }: { children: string }) {\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n      {children}\n    </Txt>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-D2NWznGy.cjs","names":["useLinkComponent","getDelegatedToolHref","DataKeysAndValues","SpanPayloadJson","presentTool","getDelegatedTool","BadgeWrapper","ActivityHeadline","Txt","MarkdownRenderer","Collapsible","CollapsibleTrigger","DisclosureChevron","CollapsibleContent","ScrollArea","cn"],"sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField } from './span-payload-primitives';\nimport { getDelegatedTool, getDelegatedToolHref } from './span-payload-registry';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */\nexport function SpanToolNameValue({ toolName }: { toolName: string }) {\n  const { Link, paths } = useLinkComponent();\n  const href = getDelegatedToolHref(paths, toolName);\n  if (!href) return <DataKeysAndValues.Value>{toolName}</DataKeysAndValues.Value>;\n  return (\n    <DataKeysAndValues.ValueLink href={href} as={Link}>\n      {toolName}\n    </DataKeysAndValues.ValueLink>\n  );\n}\n\nexport function SpanPayloadTool({ value }: { value: unknown }) {\n  const { Link, paths } = useLinkComponent();\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const delegated = getDelegatedTool(call.toolName);\n  // The header toggles the body, so the workflow or agent link sits in the body rather than in it.\n  const delegatedHref = getDelegatedToolHref(paths, call.toolName);\n  const hasBody = Boolean(delegatedHref) || input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {delegated && delegatedHref && (\n              <DataKeysAndValues>\n                <DataKeysAndValues.Key>{delegated.kind === 'workflow' ? 'Workflow' : 'Agent'}</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueLink href={delegatedHref} as={Link}>\n                  {delegated.key}\n                </DataKeysAndValues.ValueLink>\n              </DataKeysAndValues>\n            )}\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport interface SpanPayloadListItem {\n  key: string;\n  /** The item name, a link when it has a page to open. */\n  name: ReactNode;\n  description?: string;\n}\n\n/**\n * A scrollable list of named items with an optional description (tools, skills…). The scrollbar\n * stays visible while the list overflows, so readers can tell there are more items below.\n * `card` frames it on its own surface, for a list that stands alone in a section.\n */\nexport function SpanPayloadList({ items, slot, card }: { items: SpanPayloadListItem[]; slot: string; card?: boolean }) {\n  return (\n    <ScrollArea\n      maxHeight=\"12rem\"\n      alwaysShowScrollbar\n      className={cn(card && cn(raisedSurfaceStyle, 'rounded-lg [--scroll-area-scrollbar-inset:0.5rem]'))}\n    >\n      <ul data-slot={slot} className={cn('flex flex-col gap-2', card ? 'p-3 pr-4' : 'pr-3')}>\n        {items.map(item => (\n          <li key={item.key} className=\"flex min-w-0 flex-col\">\n            {item.name}\n            {item.description && (\n              // Payload content reads in ink like the messages around it; grey is kept for the labels.\n              <Txt as=\"span\" variant=\"body-sm\" className=\"line-clamp-2\" title={item.description}>\n                {item.description}\n              </Txt>\n            )}\n          </li>\n        ))}\n      </ul>\n    </ScrollArea>\n  );\n}\n\n/** A list item name rendered as plain text. */\nexport function SpanPayloadListName({ children }: { children: string }) {\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n      {children}\n    </Txt>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/{spinner-CnLgLj9R.js → spinner-B9ykw74u.js}

@@ -1,5 +1,5 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import './spinner.css';// src/ds/components/Spinner/spinner.tsx
 var spinnerVariants = cva("spinner inline-block text-foreground", {
@@ -60,4 +60,4 @@ function Spinner({ className, size = "md", variant = "default", fill = false, "a
 }
 export { Spinner as t };
 
-//# sourceMappingURL=spinner-CnLgLj9R.js.map
+//# sourceMappingURL=spinner-B9ykw74u.js.map

package/dist/{spinner-CnLgLj9R.js.map → spinner-B9ykw74u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner-CnLgLj9R.js","names":["_Fragment"],"sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n      lg: 'size-8',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size' | 'fill'> &\n  SpinnerVariantsProps & {\n    /** Center the spinner in the full height of its parent — the parent must have a definite height. */\n    fill?: boolean;\n  };\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  fill = false,\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  const svg = (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n\n  if (fill) {\n    return (\n      <div data-slot=\"spinner-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {svg}\n      </div>\n    );\n  }\n\n  return svg;\n}\n\nexport { Spinner };\n"],"mappings":";;;;AAQA,IAAM,kBAAkB,IAAI,wCAAwC;CAClE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAYD,SAAS,QAAQ,EACf,WACA,OAAO,MACP,UAAU,WACV,OAAO,OACP,cAAc,YAAY,WAC1B,OAAO,UACP,GAAG,SACY;CACf,MAAM,eAAe,QAAQ;CAC7B,MAAM,kBAAkB,WAAW;CAEnC,MAAM,MACJ,oBAAC,OAAD;EACE,GAAI;EACE;EACN,cAAY;EACZ,aAAW;EACX,gBAAc;EACd,WAAW,GAAG,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAgB,CAAC,GAAG,SAAS;EAC1F,OAAM;EACN,SAAQ;EAEP,UAAA,oBAAoB,UACnB,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,GAC9D,oBAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAC9D,EAAA,CAAA,IAEF,oBAAC,UAAD;GAAQ,WAAU;GAAe,IAAG;GAAK,IAAG;GAAK,GAAE;EAAO,CAAA;CAEzD,CAAA;CAGP,IAAI,MACF,OACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAU;EACrC,UAAA;CACE,CAAA;CAIT,OAAO;AACT"}
+{"version":3,"file":"spinner-B9ykw74u.js","names":["_Fragment"],"sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n      lg: 'size-8',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size' | 'fill'> &\n  SpinnerVariantsProps & {\n    /** Center the spinner in the full height of its parent — the parent must have a definite height. */\n    fill?: boolean;\n  };\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  fill = false,\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  const svg = (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n\n  if (fill) {\n    return (\n      <div data-slot=\"spinner-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {svg}\n      </div>\n    );\n  }\n\n  return svg;\n}\n\nexport { Spinner };\n"],"mappings":";;;;AAQA,IAAM,kBAAkB,IAAI,wCAAwC;CAClE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAYD,SAAS,QAAQ,EACf,WACA,OAAO,MACP,UAAU,WACV,OAAO,OACP,cAAc,YAAY,WAC1B,OAAO,UACP,GAAG,SACY;CACf,MAAM,eAAe,QAAQ;CAC7B,MAAM,kBAAkB,WAAW;CAEnC,MAAM,MACJ,oBAAC,OAAD;EACE,GAAI;EACE;EACN,cAAY;EACZ,aAAW;EACX,gBAAc;EACd,WAAW,GAAG,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAgB,CAAC,GAAG,SAAS;EAC1F,OAAM;EACN,SAAQ;EAEP,UAAA,oBAAoB,UACnB,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,GAC9D,oBAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAC9D,EAAA,CAAA,IAEF,oBAAC,UAAD;GAAQ,WAAU;GAAe,IAAG;GAAK,IAAG;GAAK,GAAE;EAAO,CAAA;CAEzD,CAAA;CAGP,IAAI,MACF,OACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAU;EACrC,UAAA;CACE,CAAA;CAIT,OAAO;AACT"}

package/dist/{spinner-C8ZxiA5C.cjs → spinner-oS6q4pwx.cjs}

@@ -1,5 +1,5 @@
-require('./spinner.css');const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_dist = require("./dist-ClDKPtVq.cjs");
+require('./spinner.css');const require_dist = require("./dist-ClDKPtVq.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/Spinner/spinner.tsx
 var spinnerVariants = require_dist.cva("spinner inline-block text-foreground", {
@@ -65,4 +65,4 @@ Object.defineProperty(exports, "Spinner", {
 	}
 });
 
-//# sourceMappingURL=spinner-C8ZxiA5C.cjs.map
+//# sourceMappingURL=spinner-oS6q4pwx.cjs.map

package/dist/{spinner-C8ZxiA5C.cjs.map → spinner-oS6q4pwx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner-C8ZxiA5C.cjs","names":["cva","cn","_Fragment"],"sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n      lg: 'size-8',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size' | 'fill'> &\n  SpinnerVariantsProps & {\n    /** Center the spinner in the full height of its parent — the parent must have a definite height. */\n    fill?: boolean;\n  };\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  fill = false,\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  const svg = (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n\n  if (fill) {\n    return (\n      <div data-slot=\"spinner-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {svg}\n      </div>\n    );\n  }\n\n  return svg;\n}\n\nexport { Spinner };\n"],"mappings":";;;;AAQA,IAAM,kBAAkBA,aAAAA,IAAI,wCAAwC;CAClE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAYD,SAAS,QAAQ,EACf,WACA,OAAO,MACP,UAAU,WACV,OAAO,OACP,cAAc,YAAY,WAC1B,OAAO,UACP,GAAG,SACY;CACf,MAAM,eAAe,QAAQ;CAC7B,MAAM,kBAAkB,WAAW;CAEnC,MAAM,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACE;EACN,cAAY;EACZ,aAAW;EACX,gBAAc;EACd,WAAWC,cAAAA,GAAG,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAgB,CAAC,GAAG,SAAS;EAC1F,OAAM;EACN,SAAQ;EAEP,UAAA,oBAAoB,UACnB,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,GAC9D,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAC9D,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAe,IAAG;GAAK,IAAG;GAAK,GAAE;EAAO,CAAA;CAEzD,CAAA;CAGP,IAAI,MACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,aAAU;EAAe,WAAU;EACrC,UAAA;CACE,CAAA;CAIT,OAAO;AACT"}
+{"version":3,"file":"spinner-oS6q4pwx.cjs","names":["cva","cn","_Fragment"],"sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n      lg: 'size-8',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size' | 'fill'> &\n  SpinnerVariantsProps & {\n    /** Center the spinner in the full height of its parent — the parent must have a definite height. */\n    fill?: boolean;\n  };\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  fill = false,\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  const svg = (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n\n  if (fill) {\n    return (\n      <div data-slot=\"spinner-fill\" className=\"flex h-full items-center-safe justify-center-safe\">\n        {svg}\n      </div>\n    );\n  }\n\n  return svg;\n}\n\nexport { Spinner };\n"],"mappings":";;;;AAQA,IAAM,kBAAkBA,aAAAA,IAAI,wCAAwC;CAClE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAYD,SAAS,QAAQ,EACf,WACA,OAAO,MACP,UAAU,WACV,OAAO,OACP,cAAc,YAAY,WAC1B,OAAO,UACP,GAAG,SACY;CACf,MAAM,eAAe,QAAQ;CAC7B,MAAM,kBAAkB,WAAW;CAEnC,MAAM,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACE;EACN,cAAY;EACZ,aAAW;EACX,gBAAc;EACd,WAAWC,cAAAA,GAAG,gBAAgB;GAAE,MAAM;GAAc,SAAS;EAAgB,CAAC,GAAG,SAAS;EAC1F,OAAM;EACN,SAAQ;EAEP,UAAA,oBAAoB,UACnB,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,GAC9D,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAqB,IAAG;GAAK,IAAG;GAAK,GAAE;EAAK,CAAA,CAC9D,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,WAAU;GAAe,IAAG;GAAK,IAAG;GAAK,GAAE;EAAO,CAAA;CAEzD,CAAA;CAGP,IAAI,MACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,aAAU;EAAe,WAAU;EACrC,UAAA;CACE,CAAA;CAIT,OAAO;AACT"}

package/dist/src/domains/chat/activity/index.d.ts

@@ -2,7 +2,5 @@ export { ActivityStretchLine } from './activity-stretch-line';
 export type { ActivityStretchLineProps } from './activity-stretch-line';
 export { ActivityDisclosureProvider } from './activity-disclosure-provider';
 export { useActivityRow } from './use-activity-disclosure';
-export { ActivityTimedTrigger } from './components/activity-timed-trigger';
-export type { ActivityTimedTriggerProps } from './components/activity-timed-trigger';
 export type { ActivityCall, ActivityCallState, ActivityCallStatus, ActivityMember, ActivityThought, } from './model/activity-members';
-export { callPose, liveWords } from './model/activity-words';
+export { liveWords } from './model/activity-words';

package/dist/src/domains/chat/activity/model/activity-members.d.ts

@@ -8,12 +8,11 @@ export interface ActivityCall {
     toolName: string;
     args: unknown;
     status: ActivityCallStatus;
-    startedAt?: number;
     row: ReactNode;
     /** What opening the call alone shows; absent when it has nothing to show. */
     body?: ReactNode;
 }
-export type ActivityCallState = Pick<ActivityCall, 'toolName' | 'args' | 'status' | 'startedAt'>;
+export type ActivityCallState = Pick<ActivityCall, 'toolName' | 'args' | 'status'>;
 export interface ActivityThought {
     kind: 'thought';
     key: string;

package/dist/src/domains/chat/activity/model/activity-words.d.ts

@@ -13,7 +13,6 @@ export interface CallsOutcome {
     incomplete: number;
 }
 type WordedCall = Pick<ActivityCall, 'toolName' | 'args' | 'status'>;
-export declare function callPose(toolName: string): AgentIndicatorState;
 export declare function stretchPose(calls: readonly WordedCall[], live: boolean): AgentIndicatorState;
 /** What the stretch is doing now: the latest running call, or thinking between calls. */
 export declare function liveWords(calls: readonly WordedCall[]): ActivityWords;
@@ -22,6 +21,6 @@ export declare function settledWords(calls: readonly WordedCall[], elapsedMs?: n
 /** The line's accessible name: what it says, as one phrase. */
 export declare function wordsName({ label, detail, duration }: ActivityWords): string;
 export declare function callsOutcome(calls: readonly WordedCall[]): CallsOutcome;
-/** "1 failed · 2 incomplete" for several calls; a lone call only says it never finished. */
+/** "1 failed and 2 incomplete" for several calls; a lone call only says it never finished. */
 export declare function outcomeText({ failed, incomplete }: CallsOutcome, callCount: number): string;
 export {};

package/dist/src/domains/chat/context/chat-context.d.ts

@@ -34,6 +34,14 @@ export interface SendContextValue {
      * as a body too large), so the composer can put it back.
      */
     send: (args: ChatSendArgs) => void | Promise<boolean>;
+    /**
+     * Holds context for the agent's next turn, keyed by where it comes from (such as an MCP App's tool
+     * call). On the next send, each source's latest value goes out once in the user turn, inside an
+     * `<mcp-app-context trust="untrusted">` block marked as data rather than instructions, then is
+     * cleared. Keep it out of the system prompt: apps are third parties. `undefined` or an empty string
+     * drops a source's context. Absent when the chat can't carry it.
+     */
+    setModelContext?: (sourceId: string, context: string | undefined) => void;
 }
 export interface TasksContextValue {
     tasks: TaskItem[];
@@ -51,4 +59,5 @@ export declare const ChatAgentContext: import("react").Context<AgentContextValue
 export declare const useChatMessages: () => MastraDBMessage[];
 export declare const useChatRunning: () => RunningContextValue;
 export declare const useChatSend: () => SendContextValue['send'];
+export declare const useChatModelContext: () => SendContextValue['setModelContext'];
 export declare const useChatTasks: () => TaskItem[];

package/dist/src/domains/chat/tools/badges/knowledge-tool-badge.d.ts

@@ -16,7 +16,8 @@ export interface KnowledgeCard {
 export declare function knowledgeCard(toolName: string, input: unknown, output: unknown, errorText?: string): KnowledgeCard | null;
 export interface KnowledgeToolBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {
     card: KnowledgeCard;
+    args: unknown;
     metadata?: MessageMetadata;
     status?: ActivityStatus;
 }
-export declare const KnowledgeToolBadge: ({ card, toolName, metadata, toolCallId, toolApprovalMetadata, isNetwork, status, }: KnowledgeToolBadgeProps) => import("react").JSX.Element;
+export declare const KnowledgeToolBadge: ({ card, args, toolName, metadata, toolCallId, toolApprovalMetadata, isNetwork, status, }: KnowledgeToolBadgeProps) => import("react").JSX.Element;

package/dist/src/domains/chat/tools/badges/mcp-task-chip.d.ts

@@ -1,5 +1,5 @@
 import type { McpTaskView } from './use-mcp-task-progress';
-/** `task · working · 0:42` for a tool call that continued as an MCP task, with its task id to copy. */
+/** A `task working` badge and `0:42` elapsed for a tool call that continued as an MCP task, with its task id to copy. */
 export declare function McpTaskChip({ task }: {
     task: McpTaskView;
 }): import("react").JSX.Element;

package/dist/src/domains/chat/tools/badges/workspace-data-parts.d.ts

@@ -1,4 +1,5 @@
 import type { DataMessagePart } from '../tool-card';
+import type { ToolCallExit } from '../../../../ds/components/ai/tool-call';
 interface WorkspaceResource {
     id?: string;
     name?: string;
@@ -17,4 +18,9 @@ export interface WorkspaceMetadata {
 export declare function parseToolArgs(args: Record<string, unknown> | string): Record<string, unknown>;
 export declare function toolDataParts(dataParts: ReadonlyArray<DataMessagePart> | undefined, name: string, toolCallId: string): DataMessagePart[];
 export declare function workspaceMetadata(dataParts: ReadonlyArray<DataMessagePart> | undefined, toolCallId: string): WorkspaceMetadata | undefined;
+export interface SandboxExit extends ToolCallExit {
+    executionTimeMs?: number;
+}
+/** A command's `sandbox-exit` part, read field by field since any tool can write one. */
+export declare function sandboxExit(dataParts: ReadonlyArray<DataMessagePart> | undefined, toolCallId: string): SandboxExit | undefined;
 export {};

package/dist/src/domains/chat/tools/tool-card-kind.d.ts

@@ -1,5 +1,6 @@
 import type { MessageMetadata, SuspendedToolMetadata, ToolApprovalMetadata } from '../messages/message-metadata';
 import type { ToolPartFields } from '../messages/renderers/tool-part';
+import type { DataMessagePart } from './tool-card';
 import type { ActivityStatus } from '../../../ds/components/ai/activity';
 /** Which card draws a call. Decided once, shared by the dispatcher and the fold. */
 export type ToolCardKind = 'hidden' | 'observation' | 'ask_user' | 'connect_prompt' | 'submit_plan' | 'mcp_input_request' | 'background' | 'agent' | 'workflow' | 'file_tree' | 'sandbox' | 'code_mode' | 'mcp_app' | 'knowledge' | 'plain';
@@ -16,8 +17,16 @@ export declare const isWorkflowCall: (metadata: MessageMetadata | undefined, too
 export declare const isSettledState: (state: string | undefined) => boolean;
 /** A call running as a Mastra background task. An awaited call's part also names its task, but holds the final result. */
 export declare const isDeferredCall: (backgroundTaskId: string | undefined, backgroundTaskStatus: string | undefined) => boolean;
-/** A call neither settled nor carried by a live run reads as idle, so stale history never shimmers. */
-export declare function badgeStatus(state: string | undefined, chatRunning: boolean): ActivityStatus;
+interface StatusCall {
+    toolName: string;
+    toolCallId: string;
+    state?: string;
+}
+/**
+ * A call that threw, or a command that exited non-zero, failed. A call neither settled nor carried by a
+ * live run reads as idle, so stale history never shimmers.
+ */
+export declare function badgeStatus(call: StatusCall, dataParts: ReadonlyArray<DataMessagePart> | undefined, chatRunning: boolean): ActivityStatus;
 export declare const codeModeCall: (input: unknown, output: unknown) => {
     code: string;
     result?: import("./code-mode").CodeModeResult;
@@ -27,3 +36,4 @@ export declare function toolInteraction(metadata: MessageMetadata | undefined, t
 /** Tools the transcript never draws: working memory updates and task tools (shown in the docked task list). */
 export declare function isHiddenTool(toolName: string): boolean;
 export declare function toolCardKind({ toolName, toolCallId, input, output, state, backgroundTaskId, backgroundTaskStatus }: ToolPartFields, { metadata, mcpAppTools }: ToolCardContext): ToolCardKind;
+export {};

package/dist/src/domains/dashboards/components/dashboard-grid.d.ts

@@ -5,7 +5,10 @@ export type DashboardSpan = (typeof DASHBOARD_WIDGET_SPANS)[number];
 export declare function DashboardGridRow({ children }: {
     children: ReactNode;
 }): import("react").JSX.Element;
-/** A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. */
+/**
+ * A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. The cell stretches
+ * to its row and its card fills it, so a card whose title wraps doesn't stand taller than its neighbours.
+ */
 export declare function DashboardGridCell({ span, id, children }: {
     span: DashboardSpan;
     id?: string;

package/dist/src/domains/dashboards/components/dashboard-renderer.d.ts

@@ -1,6 +1,7 @@
-import type { DashboardDefinition } from '@mastra/client-js';
+import type { DashboardDefinition, DashboardWidget } from '@mastra/client-js';
 import type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';
 import type { AnyWidgetKind, DashboardExpand } from '../widget-kind';
+import type { MetricsCardDragHandleProps } from '../../../ds/components/MetricsCard';
 export type DashboardRendererProps = {
     definition: DashboardDefinition;
     /** Which widgets, views and columns show: `org` spans several projects, `project` is one. */
@@ -11,11 +12,30 @@ export type DashboardRendererProps = {
     expand?: DashboardExpand;
     /** Kinds beyond the built-in ones; a kind of the same name replaces the built-in. */
     kinds?: AnyWidgetKind[];
+    /**
+     * The grip each widget is dragged by, by widget id, e.g. from a layout editor; shown left of the
+     * widget's title. No grips without it.
+     */
+    dragHandle?: (widgetId: string) => MetricsCardDragHandleProps | undefined;
     className?: string;
+} & DashboardPinProps;
+/** Both or neither: a host that pins widgets says which are pinned, so a pinned one can be unpinned. */
+type DashboardPinProps = {
+    /**
+     * Pins or unpins a widget, called with the widget and the state the user asked for. The host
+     * owns that state and passes it back through `isPinned`. No pin buttons without it.
+     */
+    onPin: (widget: DashboardWidget, isPinned: boolean) => void;
+    /** Whether the host has a widget pinned, by widget id. */
+    isPinned: (widgetId: string) => boolean;
+} | {
+    onPin?: never;
+    isPinned?: never;
 };
 /**
  * Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which
  * owns the range and filters. Each widget is checked and rendered on its own: one that fails to
  * parse, query or render shows its own error, and the rest of the dashboard still renders.
  */
-export declare function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds, className, }: DashboardRendererProps): import("react").JSX.Element;
+export declare function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds, dragHandle, onPin, isPinned, className, }: DashboardRendererProps): import("react").JSX.Element;
+export {};

package/dist/src/domains/dashboards/components/widget-controls.d.ts

@@ -1,5 +1,8 @@
 import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';
 import type { OnDashboardDrilldown } from '../lib/definition';
+import type { WidgetPin } from '../widget-kind';
+/** Pins or unpins the widget; it shows the host's state, not the click. */
+export declare function PinAction({ isPinned, onPin, name }: WidgetPin): import("react").JSX.Element;
 /** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */
 export declare function DrilldownAction({ widget, view, onDrilldown, }: {
     widget: DashboardWidget;

package/dist/src/domains/dashboards/components/widget-error.d.ts

@@ -1,6 +1,11 @@
 import type { DashboardWidget } from '@mastra/client-js';
-/** A widget that can't render: its own card, so the rest of the dashboard still does. */
-export declare function WidgetError({ widget, message }: {
+import type { WidgetPin } from '../widget-kind';
+import type { MetricsCardDragHandleProps } from '../../../ds/components/MetricsCard';
+/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */
+export declare function WidgetError({ widget, message, dragHandle, pin, }: {
     widget: Pick<DashboardWidget, 'id' | 'title'>;
     message: string;
+    dragHandle?: MetricsCardDragHandleProps;
+    /** So a widget that broke after it was pinned can still be unpinned. */
+    pin?: WidgetPin;
 }): import("react").JSX.Element;

package/dist/src/domains/dashboards/index.d.ts

@@ -6,7 +6,7 @@ export { DashboardGrid, DashboardGridCell, DashboardGridRow } from './components
 export type { DashboardSpan } from './components/dashboard-grid';
 export { ViewGate } from './components/view-gate';
 export { WidgetError } from './components/widget-error';
-export { DrilldownAction } from './components/widget-controls';
+export { DrilldownAction, PinAction } from './components/widget-controls';
 export { METRICS_DASHBOARD } from './metrics-dashboard';
 export { useDashboardRequests } from './hooks/use-dashboard-requests';
 export { hasDrilldownAction, useDrilldown, useViewMenu } from './hooks/use-widget-views';
@@ -16,4 +16,4 @@ export type { DashboardScope, OnDashboardDrilldown } from './lib/definition';
 export { buildRequest } from './lib/requests';
 export type { DashboardPageContext, DashboardRequest } from './lib/requests';
 export { defineWidgetKind } from './widget-kind';
-export type { AnyWidgetKind, DashboardExpand, ResolvedView, WidgetKind, WidgetKindProps } from './widget-kind';
+export type { AnyWidgetKind, DashboardExpand, ResolvedView, WidgetKind, WidgetKindProps, WidgetPin, } from './widget-kind';

package/dist/src/domains/dashboards/kinds/kpis/kpis-widget.d.ts

@@ -1,3 +1,3 @@
 import type { WidgetKindProps } from '../../widget-kind';
 import type { KpisOptions } from './options';
-export declare function KpisWidget({ views }: WidgetKindProps<KpisOptions>): import("react").JSX.Element;
+export declare function KpisWidget({ views, dragHandle, pin }: WidgetKindProps<KpisOptions>): import("react").JSX.Element;

package/dist/src/domains/dashboards/kinds/scores/scores-widget.d.ts

@@ -1,3 +1,3 @@
 import type { WidgetKindProps } from '../../widget-kind';
 import type { ScoresOptions } from './options';
-export declare function ScoresWidget({ widget, views, expand }: WidgetKindProps<ScoresOptions>): import("react").JSX.Element;
+export declare function ScoresWidget({ widget, views, expand, dragHandle, pin }: WidgetKindProps<ScoresOptions>): import("react").JSX.Element;

package/dist/src/domains/dashboards/lib/chrome.d.ts

@@ -1,8 +1,11 @@
 import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';
 import type { ChartCardProps } from '../../metrics/components/chart-card';
 import type { DashboardExpand } from '../widget-kind';
-/** What a widget's card shows as its title: `title`, and `titleMenu` with several views or an expand link. */
-export type ViewHeading = Pick<ChartCardProps, 'title' | 'titleMenu' | 'href' | 'LinkComponent'>;
+/**
+ * What a widget's card shows in its top bar: `title`, and `titleMenu` with several views or an
+ * expand link, plus the widget's own actions (its pin button; always shown once pinned).
+ */
+export type ViewHeading = Pick<ChartCardProps, 'title' | 'titleMenu' | 'href' | 'LinkComponent' | 'dragHandle' | 'actions' | 'persistentActions'>;
 export declare const unsupportedMessage: (fields: string[], names?: Record<string, string>) => string;
 /** A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. */
 export declare const viewValue: (label: string | undefined, index: number) => string;

package/dist/src/domains/dashboards/lib/pin-actions.d.ts

@@ -0,0 +1,7 @@
+import type { WidgetPin } from '../widget-kind';
+import type { ViewHeading } from './chrome';
+/**
+ * Where a card's pin goes: with the actions shown on hover, or always once pinned, so a pinned card
+ * reads as pinned at rest and can be unpinned without hover (on touch).
+ */
+export declare function pinActions(pin: WidgetPin | undefined): Pick<ViewHeading, 'actions' | 'persistentActions'>;

package/dist/src/domains/dashboards/widget-kind.d.ts

@@ -3,6 +3,7 @@ import type { ComponentType } from 'react';
 import type { z } from 'zod/v4';
 import type { ChartCardProps } from '../metrics/components/chart-card';
 import type { DashboardScope, OnDashboardDrilldown } from './lib/definition';
+import type { MetricsCardDragHandleProps } from '../../ds/components/MetricsCard';
 /** A view whose options passed its kind's schema. */
 export type ResolvedView<Options> = DashboardWidgetView & {
     options: Options;
@@ -15,6 +16,18 @@ export type WidgetKindProps<Options> = {
     onDrilldown?: OnDashboardDrilldown;
     /** Where a chart card expands to; see `DashboardExpand`. */
     expand?: DashboardExpand;
+    /** A grip to drag the widget by, shown left of its title: the host is arranging the dashboard. */
+    dragHandle?: MetricsCardDragHandleProps;
+    /** The widget's pin button, shown with its card's actions: the host can pin widgets. */
+    pin?: WidgetPin;
+};
+/** A widget's pinned state, as the host holds it, and the call that asks the host to change it. */
+export type WidgetPin = {
+    isPinned: boolean;
+    /** Called with the state the user asked for. */
+    onPin: (isPinned: boolean) => void;
+    /** The widget's name in the button's label ("Pin Agent runs"), so each card's button is told apart. */
+    name: string;
 };
 /**
  * Where a chart widget expands to (a host's query page), as the Gateway Overview's cards do: the card

package/dist/src/domains/llm/models-dev-logo-slugs.d.ts

@@ -0,0 +1 @@
+export declare const modelsDevLogoSlugs: Set<string>;

package/dist/src/domains/llm/provider-logo-monogram.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+interface ProviderLogoMonogramProps {
+    providerId: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const ProviderLogoMonogram: ({ providerId, className, style }: ProviderLogoMonogramProps) => import("react").JSX.Element;
+export {};

package/dist/src/domains/llm/provider-logo.d.ts

@@ -6,9 +6,5 @@ interface ProviderLogoProps {
     size?: IconSize | number;
     style?: CSSProperties;
 }
-/**
- * Component to display provider logos from models.dev
- * Falls back to local icons if the logo fails to load
- */
 export declare const ProviderLogo: ({ providerId, className, size, style }: ProviderLogoProps) => import("react").JSX.Element;
 export {};

package/dist/src/domains/mcps/components/mcp-app-tool-result.d.ts

@@ -4,6 +4,7 @@ interface McpAppToolResultProps {
     toolArgs?: Record<string, unknown>;
     toolResult?: unknown;
     onSendMessage?: (content: string) => void;
+    onUpdateModelContext?: (context: string | undefined) => void;
     readOnly?: boolean;
 }
 /**
@@ -14,5 +15,5 @@ interface McpAppToolResultProps {
  * (ui/notifications/tool-input and ui/notifications/tool-result), enabling
  * the app to hydrate with data from the tool call.
  */
-export declare function McpAppToolResult({ appInfo, toolArgs, toolResult, onSendMessage, readOnly }: McpAppToolResultProps): import("react").JSX.Element;
+export declare function McpAppToolResult({ appInfo, toolArgs, toolResult, onSendMessage, onUpdateModelContext, readOnly, }: McpAppToolResultProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/mcps/components/mcp-app-viewer.d.ts

@@ -9,10 +9,15 @@ export interface McpAppViewerProps {
     toolInput?: Record<string, unknown>;
     /** Tool execution result (delivered via tool-result notification) */
     toolResult?: unknown;
-    /** Callback when the app sends a tool call request via callServerTool */
+    /** Callback when the app sends a tool call request via callServerTool. Resolves with the tool's output. */
     onToolCall?: (toolName: string, args: Record<string, unknown>) => Promise<unknown>;
     /** Callback when the app sends a message via sendMessage (drives new chat turns) */
     onSendMessage?: (content: string) => void;
+    /**
+     * Callback when the app updates its model context via updateModelContext. Receives the context as
+     * text for the agent's next turn, or `undefined` when the app clears it.
+     */
+    onUpdateModelContext?: (context: string | undefined) => void;
     /** Sandbox configuration — URL to the sandbox proxy HTML. If omitted, a blob URL is generated automatically. */
     sandboxUrl?: URL;
     /** Optional className for the container */
@@ -25,4 +30,4 @@ export interface McpAppViewerProps {
  * all MCP Apps protocol handling (bridge injection, handshake, tool input/result
  * delivery, JSON-RPC communication) to the standard implementation.
  */
-export declare function McpAppViewer({ html, title: _title, toolName, toolInput, toolResult, onToolCall, onSendMessage, sandboxUrl, className, }: McpAppViewerProps): import("react").JSX.Element;
+export declare function McpAppViewer({ html, title: _title, toolName, toolInput, toolResult, onToolCall, onSendMessage, onUpdateModelContext, sandboxUrl, className, }: McpAppViewerProps): import("react").JSX.Element;

package/dist/src/domains/mcps/hooks/use-mcp-app-tool-call.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Runs the tools an MCP App calls on its own server. Tools the server keeps for the model
+ * (`_meta.ui.visibility` without `"app"`) are refused, as the MCP Apps spec requires of hosts.
+ */
+export declare function useMcpAppToolCall(serverId: string): (toolName: string, args: Record<string, unknown>) => Promise<unknown>;

package/dist/src/domains/metrics/components/chart-card.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType, ReactNode } from 'react';
-import type { MetricsCardTitleMenuProps, MetricsCardTotalPart } from '../../../ds/components/MetricsCard';
+import type { MetricsCardDragHandleProps, MetricsCardTitleMenuProps, MetricsCardTotalPart } from '../../../ds/components/MetricsCard';
 import type { LinkComponentProps } from '../../../lib/framework';
 /** What `LinkComponent` gets: anchor props, with `href` always set. */
 type ChartCardLinkProps = LinkComponentProps & {
@@ -29,6 +29,8 @@ export type ChartCardProps<V extends string = string> = {
      * place of tabs. `title` is the picked view's label. Ignored on `hero` cards.
      */
     titleMenu?: Omit<MetricsCardTitleMenuProps<V>, 'title' | 'className'>;
+    /** A grip left of the title that drags the card, e.g. while a dashboard is being arranged. Ignored on `hero` cards. */
+    dragHandle?: MetricsCardDragHandleProps;
     /**
      * The card's headline number: right of the title, or the large value on `hero` cards. A card
      * charting a few different things can pass one total each, marked with its series' color.
@@ -40,6 +42,8 @@ export type ChartCardProps<V extends string = string> = {
     isLoading?: boolean;
     /** Top-bar buttons, e.g. "View in traces": revealed on hover, except on `hero` cards. */
     actions?: ReactNode;
+    /** Top-bar buttons always shown, after `actions`: ones that show a state, e.g. a pinned widget's unpin button. */
+    persistentActions?: ReactNode;
     /**
      * Legend and controls above the body; they stay in every state. Pass `false` or `null` while
      * there's nothing to show yet, and the row keeps its height.
@@ -60,5 +64,5 @@ export type ChartCardProps<V extends string = string> = {
  * Pure layout for a metrics chart card. The body has a fixed height, so the loading,
  * error, empty and loaded states take the same room and nothing shifts around the card.
  */
-export declare function ChartCard<V extends string = string>({ variant, title, href, LinkComponent, titleMenu, total, change, isLoading, actions, toolbar, isUpdating, bodyHeight, className, children, }: ChartCardProps<V>): import("react").JSX.Element;
+export declare function ChartCard<V extends string = string>({ variant, title, href, LinkComponent, titleMenu, dragHandle, total, change, isLoading, actions, persistentActions, toolbar, isUpdating, bodyHeight, className, children, }: ChartCardProps<V>): import("react").JSX.Element;
 export {};

package/dist/src/domains/metrics/components/kpi-card.d.ts

@@ -1,4 +1,5 @@
 import type { LucideIcon } from 'lucide-react';
+import type { ReactNode } from 'react';
 export type KpiCardProps = {
     label: string;
     icon: LucideIcon;
@@ -6,7 +7,7 @@ export type KpiCardProps = {
     /** Change from the previous period, in percent. Omitted when there is nothing to compare. */
     change?: number;
     lowerIsBetter?: boolean;
-    detail: string;
+    detail: ReactNode;
     /** The previous period's value, formatted. Shown only beside a `change`. */
     previous?: string;
     /** Names the window the change compares against, e.g. "vs previous 7d". */

package/dist/src/domains/metrics/lib/index.d.ts

@@ -4,3 +4,4 @@ export { formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, format
 export { bucketLabels, isMultiDay, type BucketLabels } from './bucket-labels';
 export { BREAKDOWN_GROUP_LIMIT, BREAKDOWN_SPAN_TYPES, breakdownGroupBy, buildBreakdownRows, changeTrend, entitiesAggregateRequest, environmentsAggregateRequest, previousFigures, projectsAggregateRequest, rowChange, threadsAggregateRequest, type BreakdownEntityTab, type BreakdownRow, type BreakdownTab, type Change, type ChangeMetric, type PreviousFigures, } from './breakdown';
 export { previousWindow, windowLength } from './time-window';
+export { LAB_HUES, SERIES_HUES, seriesColor, seriesColors, seriesLab, type SeriesColorItem, type SeriesHue, } from './series-colors';

package/dist/src/domains/metrics/lib/series-colors.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Series colors for breakdowns by model, provider or any other key, from one palette of eleven hues
+ * (`--chart-series-*`). Each lab reserves its hue, so a lab reads the same on every chart; its other
+ * next two models take shifted shades of it, and the rest stand apart in hues of their own. Series with
+ * no lab take the hues left over.
+ */
+export declare const SERIES_HUES: readonly ['pink', 'orange', 'amber', 'lime', 'green', 'teal', 'cyan', 'blue', 'indigo', 'violet', 'magenta'];
+export type SeriesHue = (typeof SERIES_HUES)[number] | 'neutral';
+/** Each lab's hue, by the provider ids `ProviderLogo` knows. Labs not listed take a free hue. */
+export declare const LAB_HUES: Record<string, SeriesHue>;
+/**
+ * The lab behind a series: its provider, or for rows a host served the lab its model names.
+ *
+ * @example
+ * seriesLab('anthropic.messages', 'claude-opus-5-5') // 'anthropic'
+ * seriesLab('openrouter', 'meta-llama/llama-4-scout') // 'meta'
+ * seriesLab('groq', 'llama-4-maverick') // 'meta'
+ * seriesLab(undefined, 'gpt-5-mini') // 'openai'
+ */
+export declare function seriesLab(provider?: string, model?: string): string | undefined;
+/**
+ * Shades of a hue handed out more than once: a little lighter, then darker, then further, each
+ * nudged warmer or cooler. Lightness moves a share of the room left (toward white when positive,
+ * toward black when negative), so a light base like xAI's white never clips. The hue nudge stays
+ * under half the gap between hues, so a shade never reads as the next lab's color. Ten in all, as
+ * many as a chart names; past that they repeat. `[lightness share, hue in degrees, chroma factor]`.
+ */
+export declare const SHADES: [number, number, number][];
+/** A shade's lightness from its base's: a share of the way to white, or to black. */
+export declare const shadeLightness: (l: number, share: number) => number;
+/** A hue's color, or its nth shade. */
+export declare function seriesColor(hue: SeriesHue, shade?: number): string;
+export type SeriesColorItem = {
+    /** What the lookup is keyed by: a model name, a provider id, an API key id. */
+    key: string;
+    provider?: string;
+    model?: string;
+};
+export declare function seriesColors(items: SeriesColorItem[]): Map<string, string>;