@mastra/playground-ui 60.1.0 → 60.2.0-alpha.1

package/dist/{span-payload-primitives-DL1Kr0cu.js.map → span-payload-primitives-CGamdu2t.js.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-DL1Kr0cu.js","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, SpanPayloadLabel } from './span-payload-primitives';\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';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\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 hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\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            {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 { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\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-body 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 tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\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} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-CGamdu2t.js","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, SpanPayloadLabel } from './span-payload-primitives';\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';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\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 hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\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            {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 { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\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-body 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 tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\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} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{span-payload-primitives-D0mhsndj.cjs → span-payload-primitives-SkL3U9hR.cjs}

@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./domains/traces/components/span-payload/span-payload-json.cjs.js');
 const collapsible = require('./collapsible-jfzzU7Gp.cjs');
-const markdownRenderer = require('./markdown-renderer-CZV6neya.cjs');
+const markdownRenderer = require('./markdown-renderer-DPwN7Vtm.cjs');
 const domains_chat_components_badgeWrapper = require('./domains/chat/components/badge-wrapper.cjs.js');
 const activity = require('./activity-CbQG59Oc.cjs');
 const toolPresentation = require('./tool-presentation-WLS6d1ws.cjs');
@@ -74,4 +74,4 @@ exports.SpanPayloadLabel = SpanPayloadLabel;
 exports.SpanPayloadMarkdown = SpanPayloadMarkdown;
 exports.SpanPayloadTool = SpanPayloadTool;
 exports.SpanPayloadToolCalls = SpanPayloadToolCalls;
-//# sourceMappingURL=span-payload-primitives-D0mhsndj.cjs.map
+//# sourceMappingURL=span-payload-primitives-SkL3U9hR.cjs.map

package/dist/{span-payload-primitives-D0mhsndj.cjs.map → span-payload-primitives-SkL3U9hR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-D0mhsndj.cjs","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, SpanPayloadLabel } from './span-payload-primitives';\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';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\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 hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\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            {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 { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\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-body 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 tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\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} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","presentTool","jsxs","BadgeWrapper","ActivityHeadline","MarkdownRenderer","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-SkL3U9hR.cjs","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, SpanPayloadLabel } from './span-payload-primitives';\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';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\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 hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\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            {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 { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\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-body 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 tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\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} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","presentTool","jsxs","BadgeWrapper","ActivityHeadline","MarkdownRenderer","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"mappings":"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"}

package/dist/src/domains/feedback/utils/feedback-refetch-interval.d.ts

@@ -1,6 +1,6 @@
-/** Disables polling for unsupported or unavailable feedback storage; otherwise retries every three seconds. */
+/** Disables polling for unsupported or unavailable feedback storage; otherwise retries every thirty seconds. */
 export declare function getFeedbackRefetchInterval(query: {
     state: {
         error: unknown;
     };
-}): false | 3000;
+}): false | 30000;

package/dist/src/domains/request-context/components/request-context-label.d.ts

@@ -1,8 +1,7 @@
 import { ReactNode } from 'react';
 interface RequestContextLabelProps {
-    as?: 'label' | 'span';
     children: ReactNode;
     tooltip?: string;
 }
-export declare function RequestContextLabel({ as, children, tooltip }: RequestContextLabelProps): import("react").JSX.Element;
+export declare function RequestContextLabel({ children, tooltip }: RequestContextLabelProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/scores/hooks/use-scorers.d.ts

@@ -3,7 +3,7 @@ export declare function getScoresRefetchInterval(query: {
     state: {
         error: unknown;
     };
-}): false | 5000;
+}): false | 15000;
 type UseScoresByScorerIdProps = {
     scorerId: string;
     entityId?: string;

package/dist/src/domains/scores/hooks/use-trace-span-scores.d.ts

@@ -2,7 +2,7 @@ export declare function getTraceSpanScoresRefetchInterval(query: {
     state: {
         error: unknown;
     };
-}): false | 3000;
+}): false | 15000;
 type useTraceSpanScoresProps = {
     traceId?: string;
     spanId?: string;

package/dist/src/domains/traces/components/thread-trace/index.d.ts

@@ -1,6 +1,5 @@
 import { ThreadTraceDetails, ThreadTraceDetailsActions, ThreadTraceDetailsHeader } from './thread-trace-details';
 import { ThreadTraceList } from './thread-trace-list';
-import { ThreadTraceLoadMoreSentinel } from './thread-trace-load-more-sentinel';
 import { ThreadTraceMessages, ThreadTraceMessagesHeader, ThreadTraceTabContent, ThreadTraceTabList } from './thread-trace-messages';
 import { ThreadTraceRoot } from './thread-trace-root';
 import { ThreadTraceRow } from './thread-trace-row';
@@ -13,9 +12,8 @@ import { ThreadTraceSpans } from './thread-trace-spans';
  * of its props, so the layout can be restyled from the call site.
  *
  * @example
- * <ThreadTrace traceIds={ids} anchorTraceId={anchor}>
+ * <ThreadTrace traceIds={ids} onLoadOlder={fetchOlderPage}>
  *   <ThreadTrace.List>
- *     <ThreadTrace.LoadMoreSentinel ref={setEndOfListElement} />
  *     {ids.map((traceId, i) => (
  *       <ThreadTrace.Row key={traceId} traceId={traceId}>
  *         <ThreadTrace.Messages>
@@ -40,7 +38,6 @@ import { ThreadTraceSpans } from './thread-trace-spans';
  */
 export declare const ThreadTrace: typeof ThreadTraceRoot & {
     List: typeof ThreadTraceList;
-    LoadMoreSentinel: typeof ThreadTraceLoadMoreSentinel;
     Row: typeof ThreadTraceRow;
     Messages: typeof ThreadTraceMessages;
     MessagesHeader: typeof ThreadTraceMessagesHeader;
@@ -60,7 +57,6 @@ export type { ThreadTraceRowContextValue } from './thread-trace-row-context';
 export { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row';
 export type { ThreadTraceRootProps } from './thread-trace-root';
 export type { ThreadTraceListProps } from './thread-trace-list';
-export type { ThreadTraceLoadMoreSentinelProps } from './thread-trace-load-more-sentinel';
 export type { ThreadTraceRowProps } from './thread-trace-row';
 export type { ThreadTraceMessagesProps, ThreadTraceMessagesHeaderProps, ThreadTraceTabListProps, ThreadTraceTabProps, ThreadTraceTabContentProps, } from './thread-trace-messages';
 export type { ThreadTraceDetailsProps, ThreadTraceDetailsHeaderProps, ThreadTraceDetailsActionsProps, } from './thread-trace-details';

package/dist/src/domains/traces/components/thread-trace/thread-trace-context.d.ts

@@ -9,8 +9,6 @@ export interface ThreadTraceHighlight {
 }
 export interface ThreadTraceContextValue {
     traceIds: string[];
-    /** The row the reader came from (e.g. "Open full thread"); starts expanded and scrolls into view on mount. */
-    anchorTraceId: string | null;
     selected: ThreadTraceSelectedSpan | null;
     /** Select a span (opens the side panel) or pass `undefined` to close it. */
     selectSpan: (traceId: string, spanId: string | undefined) => void;

package/dist/src/domains/traces/components/thread-trace/thread-trace-root.d.ts

@@ -3,11 +3,8 @@ import { ThreadTraceSelectedSpan } from './thread-trace-context';
 export interface ThreadTraceRootProps extends ComponentProps<'div'> {
     /** Trace ids in reading order (oldest first); must match the order of the rendered rows. */
     traceIds: string[];
-    /**
-     * The row to start from: it mounts expanded and is scrolled into view once. Only read at mount,
-     * so a row that arrives on a later page is left alone.
-     */
-    anchorTraceId?: string | null;
+    /** Fires when the reader scrolls up to the oldest loaded row; load the previous page here. */
+    onLoadOlder?: () => void;
     /** Fires when a span detail opens or closes (`null`). */
     onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;
 }
@@ -17,4 +14,4 @@ export interface ThreadTraceRootProps extends ComponentProps<'div'> {
  * through `useThreadTrace()` / `useThreadTraceRow()`; the root itself is the outer grid that gains a
  * side column while a span is selected.
  */
-export declare function ThreadTraceRoot({ traceIds, anchorTraceId, onSelectedSpanChange, className, children, ...props }: ThreadTraceRootProps): import("react").JSX.Element;
+export declare function ThreadTraceRoot({ traceIds, onLoadOlder, onSelectedSpanChange, className, children, ...props }: ThreadTraceRootProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/thread-trace/thread-trace-row-context.d.ts

@@ -7,7 +7,6 @@ export interface ThreadTraceRowContextValue {
     isCurrent: boolean;
     /** The timeline is shown in full rather than clamped to the messages column. */
     isExpanded: boolean;
-    isAnchor: boolean;
     selectedSpanId: string | undefined;
     featuredSpanIds: string[] | undefined;
     revealSpanId: string | undefined;

package/dist/src/domains/traces/components/thread-view-by-trace.d.ts

@@ -7,14 +7,15 @@ export interface ThreadViewByTraceProps {
     withFeedback: boolean;
     /** Fires when a span detail opens or closes (`null`). */
     onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;
-    /** Trace to expand and scroll to on mount (first page only). */
-    anchorTraceId?: string;
     /** Opens a score from a trace's Scores tab; the app owns routing. */
     onOpenScore: (traceId: string, scoreId: string) => void;
+    /** Turns loaded per page: the latest ones on open, then older ones as the reader scrolls up. */
+    pageSize?: number;
 }
 /**
- * A memory thread rendered as its traces: one row per agent turn (oldest first), with the
- * reconstructed messages on the left and the span tree on the right. Clicking a span opens
- * its detail panel on the side so the conversation stays readable.
+ * A memory thread rendered as its traces, like a chat: one row per agent turn (oldest at the top),
+ * opened on the latest turns, with older turns loaded as the reader scrolls up. Each row shows the
+ * reconstructed messages on the left and the span tree on the right. Clicking a span opens its
+ * detail panel on the side so the conversation stays readable.
  */
-export declare function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, onSelectedSpanChange, anchorTraceId, onOpenScore, }: ThreadViewByTraceProps): import("react").JSX.Element;
+export declare function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, onSelectedSpanChange, onOpenScore, pageSize, }: ThreadViewByTraceProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/trace-thread-panel.d.ts

@@ -2,8 +2,6 @@ export interface TraceThreadPanelProps {
     threadId: string;
     withQueryTrace: boolean;
     withFeedback: boolean;
-    /** Trace to expand and scroll to when the thread opens. */
-    anchorTraceId?: string;
     onOpenScore: (traceId: string, scoreId: string) => void;
     /** Return to the trace panel this thread view replaced. */
     onBack: () => void;
@@ -12,5 +10,5 @@ export interface TraceThreadPanelProps {
     /** Accessible drawer name; defaults to the thread id. */
     title?: string;
 }
-/** The trace drawer swapped for the full thread: every turn as traces, anchored on `anchorTraceId`. */
-export declare function TraceThreadPanel({ threadId, withQueryTrace, withFeedback, anchorTraceId, onOpenScore, onBack, onClose, title, }: TraceThreadPanelProps): import("react").JSX.Element;
+/** The trace drawer swapped for the full thread: every turn as traces, opened on the latest one. */
+export declare function TraceThreadPanel({ threadId, withQueryTrace, withFeedback, onOpenScore, onBack, onClose, title, }: TraceThreadPanelProps): import("react").JSX.Element;

package/dist/src/domains/traces/hooks/use-traces-list-source.d.ts

@@ -6,9 +6,11 @@ export interface UseTracesListSourceArgs {
     initialAutoRefetch?: boolean;
     withQueryTrace?: boolean;
     legacyFilters?: UseTraceQueryArgs['legacyFilters'];
+    /** Rows per page; defaults to `TRACE_QUERY_PER_PAGE`. */
+    limit?: number;
     enabled?: boolean;
 }
-export declare function useTracesListSource({ query: buildQuery, orderBy, rolling, initialAutoRefetch, withQueryTrace, legacyFilters, enabled, }: UseTracesListSourceArgs): {
+export declare function useTracesListSource({ query: buildQuery, orderBy, rolling, initialAutoRefetch, withQueryTrace, legacyFilters, limit, enabled, }: UseTracesListSourceArgs): {
     rows: import('..').TracesListViewTrace[];
     autoRefetch: boolean;
     setAutoRefetch: import('react').Dispatch<import('react').SetStateAction<boolean>>;

package/dist/src/ds/components/Combobox/combobox-styles.d.ts

@@ -16,10 +16,9 @@ export type ComboboxVariant = ComboboxVisualVariant | ComboboxLegacyVariant;
  * focus, disabled) and layers only the combobox-specific extras — exactly like
  * `SelectTrigger`.
  */
-export declare function comboboxTriggerClass({ variant, size, error, className, }: {
+export declare function comboboxTriggerClass({ variant, size, className, }: {
     variant: ComboboxVariant;
     size: ButtonSize;
-    error?: boolean;
     className?: string;
 }): string;
 /** Options are shared menu items, which already grow to fit a second line. */
@@ -27,7 +26,7 @@ export declare const comboboxItemClass: (props?: ({
     multiple?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const comboboxStyles: {
-    /** Root wrapper */
+    /** @deprecated A `Field` lays out the combobox and its error. */
     readonly root: "flex flex-col gap-1.5";
     /** Chevron icon in trigger — decorative icon token shared by every field. */
     readonly chevron: "ml-2 h-4 w-4 shrink-0 text-muted-foreground";
@@ -70,6 +69,6 @@ export declare const comboboxStyles: {
     readonly optionDescription: "text-caption text-muted-foreground truncate";
     /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */
     readonly optionEnd: "ml-auto flex items-center shrink-0";
-    /** Error message */
+    /** @deprecated A `FieldError` colors the error. */
     readonly error: "text-caption text-destructive-foreground";
 };

package/dist/src/ds/components/Combobox/combobox.d.ts

@@ -23,9 +23,7 @@ type ComboboxSharedProps = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;
-    error?: string;
     id?: string;
-    name?: string;
     'aria-label'?: string;
     'aria-describedby'?: string;
     /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */
@@ -35,6 +33,10 @@ type ComboboxSharedProps = {
     allowCustomValue?: boolean;
     /** Called with the search input text as it changes (and with `''` after a single-mode selection resets it). */
     onInputValueChange?: (value: string) => void;
+    /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */
+    error?: string;
+    /** @deprecated Only keyed the `error` message id; a `Field` links its error without one. */
+    name?: string;
 };
 export type ComboboxSingleProps = ComboboxSharedProps & {
     multiple?: false;

package/dist/src/ds/components/Comment/comment-composer.d.ts

@@ -7,6 +7,6 @@ export interface CommentComposerInputProps extends InputGroupInputProps {
     groupClassName?: string;
     children?: ReactNode;
 }
-export declare const CommentComposerInput: import('react').ForwardRefExoticComponent<CommentComposerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const CommentComposerInput: import('react').ForwardRefExoticComponent<Omit<CommentComposerInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export type CommentComposerSendProps = Omit<InputGroupButtonProps, 'children'>;
-export declare const CommentComposerSend: import('react').ForwardRefExoticComponent<CommentComposerSendProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const CommentComposerSend: import('react').ForwardRefExoticComponent<Omit<CommentComposerSendProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/ds/components/DateTimePicker/time-picker.d.ts

@@ -2,5 +2,6 @@ export type TimePickerProps = {
     defaultValue?: string;
     onValueChange: (value: string) => void;
     className?: string;
+    label?: string;
 };
-export declare function TimePicker({ defaultValue, onValueChange, className }: TimePickerProps): import("react").JSX.Element;
+export declare function TimePicker({ defaultValue, onValueChange, className, label }: TimePickerProps): import("react").JSX.Element;

package/dist/src/ds/components/Field/field-control-aria.d.ts

@@ -0,0 +1,30 @@
+export type FieldAriaIds = {
+    labelId: string;
+    descriptionId: string;
+    errorId: string;
+    controlId: string;
+    invalid: boolean;
+    hasDescription: boolean;
+    setHasDescription: (hasDescription: boolean) => void;
+};
+export type ControlNameProps = {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+};
+export declare const FieldAriaContext: import('react').Context<FieldAriaIds | null>;
+export declare function useFieldAriaIds(): FieldAriaIds | null;
+export declare function hasOwnAccessibleName({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }: ControlNameProps): boolean;
+export declare function keepOwnAccessibleName(nameProps: ControlNameProps): {
+    'aria-labelledby'?: undefined;
+};
+export declare function useFieldControlAria(nameProps?: ControlNameProps): {
+    id?: undefined;
+    'aria-labelledby'?: undefined;
+    'aria-describedby'?: undefined;
+    'aria-invalid'?: undefined;
+} | {
+    id: string;
+    'aria-labelledby': string | undefined;
+    'aria-describedby': string | undefined;
+    'aria-invalid': true | undefined;
+};

package/dist/src/ds/components/Field/field.d.ts

@@ -0,0 +1,39 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
+import * as React from 'react';
+type FieldProps = Omit<FieldPrimitive.Root.Props, 'className'> & {
+    className?: string;
+    orientation?: 'vertical' | 'horizontal' | 'responsive';
+};
+declare function Field({ className, orientation, invalid, ...props }: FieldProps): React.JSX.Element;
+type FieldContentProps = React.ComponentProps<'div'>;
+declare function FieldContent({ className, ...props }: FieldContentProps): React.JSX.Element;
+type FieldItemProps = Omit<FieldPrimitive.Item.Props, 'className'> & {
+    className?: string;
+};
+declare function FieldItem({ className, ...props }: FieldItemProps): React.JSX.Element;
+type FieldLabelProps = Omit<FieldPrimitive.Label.Props, 'className' | 'id'> & {
+    className?: string;
+    required?: boolean;
+    size?: 'smaller' | 'default' | 'bigger';
+};
+declare function FieldLabel({ className, required, size, children, onClick, ...props }: FieldLabelProps): React.JSX.Element;
+type FieldDescriptionProps = Omit<FieldPrimitive.Description.Props, 'className' | 'id'> & {
+    className?: string;
+};
+declare function FieldDescription({ className, ...props }: FieldDescriptionProps): React.JSX.Element;
+type FieldErrorProps = Omit<FieldPrimitive.Error.Props, 'className' | 'match' | 'render'> & {
+    className?: string;
+};
+declare function FieldError({ className, children, ...props }: FieldErrorProps): React.JSX.Element;
+type FieldsetProps = Omit<FieldsetPrimitive.Root.Props, 'className'> & {
+    className?: string;
+};
+declare function Fieldset({ className, ...props }: FieldsetProps): React.JSX.Element;
+type FieldsetLegendProps = Omit<FieldsetPrimitive.Legend.Props, 'className'> & {
+    className?: string;
+    required?: boolean;
+};
+declare function FieldsetLegend({ className, required, children, ...props }: FieldsetLegendProps): React.JSX.Element;
+export { Field, FieldContent, FieldItem, FieldLabel, FieldDescription, FieldError, Fieldset, FieldsetLegend };
+export type { FieldProps, FieldContentProps, FieldItemProps, FieldLabelProps, FieldDescriptionProps, FieldErrorProps, FieldsetProps, FieldsetLegendProps, };

package/dist/src/ds/components/Field/field.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Field } from './field';
+declare const meta: Meta<typeof Field>;
+export default meta;
+type Story = StoryObj<typeof Field>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const HiddenLabel: Story;
+export declare const Horizontal: Story;
+export declare const Textareas: Story;
+export declare const CodeEditors: Story;
+export declare const Group: Story;

package/dist/src/ds/components/Field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './field';
+export { useFieldControlAria } from './field-control-aria';

package/dist/src/ds/components/Form/form.d.ts

@@ -0,0 +1,7 @@
+import { Form as FormPrimitive } from '@base-ui/react/form';
+type FormProps = Omit<FormPrimitive.Props, 'className'> & {
+    className?: string;
+};
+declare function Form({ className, ...props }: FormProps): import("react").JSX.Element;
+export { Form };
+export type { FormProps };

package/dist/src/ds/components/Form/form.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Form } from './form';
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;
+export declare const RequiredField: Story;

package/dist/src/ds/components/Form/index.d.ts

@@ -0,0 +1 @@
+export * from './form';

package/dist/src/ds/components/FormFieldBlocks/block/field-block.d.ts

@@ -4,6 +4,7 @@ import { FieldBlockHelpText } from './field-block-help-text';
 import { FieldBlockLabel } from './field-block-label';
 import { FieldBlockLayout } from './field-block-layout';
 import { FieldBlockMessage } from './field-block-message';
+/** @deprecated Use `Field` with `FieldLabel`, `FieldDescription` and `FieldError`. */
 export declare const FieldBlock: {
     Layout: typeof FieldBlockLayout;
     Column: typeof FieldBlockColumn;

package/dist/src/ds/components/FormFieldBlocks/block/field-error-id.d.ts

@@ -1,6 +1,2 @@
-/**
- * Id of the error message for a field, so a control can point at its message with
- * `aria-describedby`. Lives apart from the component file: exporting it alongside a
- * component breaks fast refresh.
- */
+/** @deprecated Wrap the control in a `Field`: `FieldError` links itself to the control. */
 export declare const fieldErrorId: (name: string) => string;

package/dist/src/ds/components/FormFieldBlocks/fields/search-field-block.d.ts

@@ -22,4 +22,5 @@ export type SearchFieldBlockProps = {
     /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */
     inputRef?: RefObject<HTMLInputElement | null>;
 };
+/** @deprecated Use `SearchInput`. */
 export declare function SearchFieldBlock({ name, helpText, error, errorMsg, required, disabled, value, label, labelIsHidden, layout, placeholder, onChange, onReset, className, size, isMinimized, onMinimizedChange, inputRef: externalInputRef, }: SearchFieldBlockProps): import("react").JSX.Element;

package/dist/src/ds/components/FormFieldBlocks/fields/select-field-block.d.ts

@@ -22,4 +22,5 @@ export type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labe
     className?: string;
     size?: SelectTriggerProps['size'];
 };
+/** @deprecated Use `Field` + `FieldLabel` + `Select`. */
 export declare function SelectFieldBlock({ name, helpText, errorMsg, required, disabled, size, value, label, labelIsHidden, layout, labelColumnWidth, options, placeholder, onValueChange, className, }: SelectFieldBlockProps): import("react").JSX.Element;

package/dist/src/ds/components/FormFieldBlocks/fields/text-field-block.d.ts

@@ -12,4 +12,5 @@ export type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelC
     errorMsg?: FieldBlockErrorMsgProps['children'];
     size?: InputProps['size'];
 };
+/** @deprecated Use `Field` + `FieldLabel` + `Input`. */
 export declare function TextFieldBlock({ name, value, label, labelIsHidden, labelColumnWidth, helpText, error, errorMsg, required, disabled, labelSize, layout, placeholder, size, testId, className, 'aria-describedby': ariaDescribedBy, ...props }: TextFieldBlockProps): import("react").JSX.Element;

package/dist/src/ds/components/FormFieldBlocks/fields/textarea-field-block.d.ts

@@ -12,4 +12,5 @@ export type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'la
     errorMsg?: FieldBlockErrorMsgProps['children'];
     size?: TextareaProps['size'];
 };
+/** @deprecated Use `Field` + `FieldLabel` + `Textarea`. */
 export declare function TextareaFieldBlock({ name, label, labelIsHidden, labelColumnWidth, helpText, error, errorMsg, required, disabled, labelSize, layout, size, testId, className, 'aria-describedby': ariaDescribedBy, ...props }: TextareaFieldBlockProps): import("react").JSX.Element;

package/dist/src/ds/components/FormFieldBlocks/layout/field-blocks-layout.d.ts

@@ -1,5 +1,6 @@
 import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';
 import { FieldBlocksLayoutRoot } from './field-blocks-layout-root';
+/** @deprecated Lay fields out with plain grid or flex classes; `FieldGroup` stacks related fields. */
 export declare const FieldBlocksLayout: typeof FieldBlocksLayoutRoot & {
     Column: typeof FieldBlocksLayoutColumn;
 };

package/dist/src/ds/components/Input/input.d.ts

@@ -5,19 +5,12 @@ declare const inputVariants: (props?: ({
     variant?: "default" | "unstyled" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<VariantProps<typeof inputVariants>, 'variant'> & {
+export type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & Omit<VariantProps<typeof inputVariants>, 'variant'> & {
     /** `filled` is a deprecated alias for `default`; both render the filled surface. */
     variant?: VariantProps<typeof inputVariants>['variant'] | DeprecatedFilledVariant;
     testId?: string;
+    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */
     error?: boolean;
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<VariantProps<(props?: ({
-    variant?: "default" | "unstyled" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "variant"> & {
-    /** `filled` is a deprecated alias for `default`; both render the filled surface. */
-    variant?: VariantProps<typeof inputVariants>["variant"] | DeprecatedFilledVariant;
-    testId?: string;
-    error?: boolean;
-} & React.RefAttributes<HTMLInputElement>>;
+declare function Input({ className, size, testId, variant, error, ...props }: InputProps): React.JSX.Element;
 export { Input };

package/dist/src/ds/components/InputGroup/input-group.d.ts

@@ -1,44 +1,34 @@
 import { VariantProps } from 'class-variance-authority';
+import { Button } from '../Button';
 import { ButtonProps } from '../Button/Button';
 import { ControlSize } from '../../primitives/control-size';
 import * as React from 'react';
-export type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {
+export type InputGroupProps = React.ComponentProps<'div'> & {
     size?: ControlSize;
 };
-declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    size?: ControlSize;
-} & React.RefAttributes<HTMLDivElement>>;
+declare function InputGroup({ className, size, ...props }: InputGroupProps): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;
-declare const InputGroupAddon: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
-export type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+export type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
+declare function InputGroupAddon({ className, align, onClick, ...props }: InputGroupAddonProps): React.JSX.Element;
+export type InputGroupInputProps = Omit<React.ComponentProps<'input'>, 'size'> & {
     testId?: string;
+    /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */
     error?: boolean;
 };
-declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    testId?: string;
-    error?: boolean;
-} & React.RefAttributes<HTMLInputElement>>;
-export type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+declare function InputGroupInput({ className, testId, error, type, ...props }: InputGroupInputProps): React.JSX.Element;
+export type InputGroupTextareaProps = React.ComponentProps<'textarea'> & {
     testId?: string;
+    /** @deprecated Wrap the group in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */
     error?: boolean;
 };
-declare const InputGroupTextarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    testId?: string;
-    error?: boolean;
-} & React.RefAttributes<HTMLTextAreaElement>>;
-export type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;
-declare const InputGroupText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {
+declare function InputGroupTextarea({ className, testId, error, ...props }: InputGroupTextareaProps): React.JSX.Element;
+export type InputGroupTextProps = React.ComponentProps<'span'>;
+declare function InputGroupText({ className, ...props }: InputGroupTextProps): React.JSX.Element;
+export type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, 'size' | 'variant'> & {
     size?: ButtonProps['size'];
     variant?: ButtonProps['variant'];
 };
-declare const InputGroupButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "size" | "variant"> & {
-    size?: ButtonProps["size"];
-    variant?: ButtonProps["variant"];
-} & React.RefAttributes<HTMLButtonElement>>;
+declare function InputGroupButton({ size, variant, type, ...props }: InputGroupButtonProps): React.JSX.Element;
 export { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };