@mastra/playground-ui 27.0.0-alpha.7 → 27.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +651 -0
- package/dist/index.cjs.js +878 -447
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +279 -88
- package/dist/index.es.js +864 -442
- package/dist/index.es.js.map +1 -1
- package/dist/src/domains/traces/components/format-hierarchical-spans.d.ts +7 -1
- package/dist/src/domains/traces/components/index.d.ts +1 -0
- package/dist/src/domains/traces/components/span-data-panel-view.d.ts +7 -1
- package/dist/src/domains/traces/components/trace-data-panel-view.d.ts +7 -1
- package/dist/src/domains/traces/components/traces-list-mode-toggle.d.ts +12 -0
- package/dist/src/domains/traces/components/traces-list-view.d.ts +8 -1
- package/dist/src/domains/traces/components/traces-toolbar.d.ts +5 -1
- package/dist/src/domains/traces/hooks/index.d.ts +2 -0
- package/dist/src/domains/traces/hooks/use-branch.d.ts +52 -0
- package/dist/src/domains/traces/hooks/use-trace-list-navigation.d.ts +7 -2
- package/dist/src/domains/traces/hooks/use-trace-or-branch-spans.d.ts +25 -0
- package/dist/src/domains/traces/hooks/use-trace-url-state.d.ts +12 -1
- package/dist/src/domains/traces/trace-filters.d.ts +3 -0
- package/dist/src/ds/components/Button/Button.d.ts +1 -1
- package/dist/src/ds/components/ButtonsGroup/buttons-group.d.ts +30 -5
- package/dist/src/ds/components/ButtonsGroup/buttons-group.stories.d.ts +5 -0
- package/dist/src/ds/components/Combobox/combobox-styles.d.ts +19 -11
- package/dist/src/ds/components/Combobox/combobox.d.ts +3 -3
- package/dist/src/ds/components/Combobox/combobox.stories.d.ts +1 -0
- package/dist/src/ds/components/Combobox/index.d.ts +1 -0
- package/dist/src/ds/components/Command/command.d.ts +1 -1
- package/dist/src/ds/components/Input/input.d.ts +2 -2
- package/dist/src/ds/components/InputGroup/index.d.ts +1 -0
- package/dist/src/ds/components/InputGroup/input-group.d.ts +44 -0
- package/dist/src/ds/components/InputGroup/input-group.stories.d.ts +17 -0
- package/dist/src/ds/components/PropertyFilter/property-filter-applied.d.ts +11 -1
- package/dist/src/ds/components/PropertyFilter/property-filter-creator.d.ts +7 -1
- package/dist/src/ds/components/ScrollArea/scroll-area.d.ts +28 -7
- package/dist/src/ds/components/ScrollArea/scroll-area.stories.d.ts +4 -0
- package/dist/src/ds/components/StatusBadge/StatusBadge.d.ts +1 -1
- package/dist/src/ds/components/Tabs/tabs-list.d.ts +8 -2
- package/dist/src/ds/components/Tabs/tabs.stories.d.ts +2 -0
- package/dist/src/ds/components/Textarea/textarea.d.ts +2 -2
- package/dist/src/index.d.ts +1 -1
- package/package.json +7 -8
- package/dist/src/ds/components/Threads/index.d.ts +0 -1
- package/dist/src/ds/components/Threads/threads.d.ts +0 -28
- package/dist/src/ds/components/Threads/threads.stories.d.ts +0 -12
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const statusBadgeVariants: (props?: ({
|
|
4
4
|
variant?: "error" | "success" | "info" | "warning" | "neutral" | null | undefined;
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
6
6
|
withDot?: boolean | null | undefined;
|
|
7
7
|
pulse?: boolean | null | undefined;
|
|
8
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
declare const tabListVariants: (props?: ({
|
|
3
|
+
variant?: "line" | "pill" | "pill-ghost" | null | undefined;
|
|
4
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
1
5
|
export type TabListProps = {
|
|
2
6
|
children: React.ReactNode;
|
|
3
7
|
className?: string;
|
|
4
|
-
|
|
5
|
-
|
|
8
|
+
sticky?: boolean;
|
|
9
|
+
} & VariantProps<typeof tabListVariants>;
|
|
10
|
+
export declare const TabList: ({ children, className, variant, sticky }: TabListProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -6,4 +6,6 @@ type Story = StoryObj<typeof Tabs>;
|
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const TwoTabs: Story;
|
|
8
8
|
export declare const ManyTabs: Story;
|
|
9
|
+
export declare const PillVariant: Story;
|
|
10
|
+
export declare const PillGhostVariant: Story;
|
|
9
11
|
export declare const WithClosableTabs: Story;
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const textareaVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "unstyled" | null | undefined;
|
|
5
|
-
size?: "default" | "
|
|
5
|
+
size?: "default" | "sm" | "md" | "lg" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & VariantProps<typeof textareaVariants> & {
|
|
8
8
|
testId?: string;
|
|
@@ -10,7 +10,7 @@ export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElemen
|
|
|
10
10
|
};
|
|
11
11
|
declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & VariantProps<(props?: ({
|
|
12
12
|
variant?: "default" | "unstyled" | null | undefined;
|
|
13
|
-
size?: "default" | "
|
|
13
|
+
size?: "default" | "sm" | "md" | "lg" | null | undefined;
|
|
14
14
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
|
|
15
15
|
testId?: string;
|
|
16
16
|
error?: boolean;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export * from './ds/components/Threads';
|
|
2
1
|
export * from './ds/components/Avatar';
|
|
3
2
|
export * from './ds/components/Badge/index';
|
|
4
3
|
export * from './ds/components/Breadcrumb/index';
|
|
@@ -27,6 +26,7 @@ export * from './ds/components/Entry';
|
|
|
27
26
|
export * from './ds/components/EntityHeader';
|
|
28
27
|
export * from './ds/components/FormFieldBlocks';
|
|
29
28
|
export * from './ds/components/Input';
|
|
29
|
+
export * from './ds/components/InputGroup';
|
|
30
30
|
export * from './ds/components/Kbd';
|
|
31
31
|
export * from './ds/components/Label';
|
|
32
32
|
export * from './ds/components/MarkdownRenderer';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mastra/playground-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "27.0.0
|
|
4
|
+
"version": "27.0.0",
|
|
5
5
|
"description": "Mastra Playground components",
|
|
6
6
|
"main": "dist/index.umd.js",
|
|
7
7
|
"module": "dist/index.es.js",
|
|
@@ -70,7 +70,6 @@
|
|
|
70
70
|
"@radix-ui/react-label": "^2.1.8",
|
|
71
71
|
"@radix-ui/react-popover": "^1.1.15",
|
|
72
72
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
73
|
-
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
74
73
|
"@radix-ui/react-select": "^2.2.6",
|
|
75
74
|
"@radix-ui/react-slider": "^1.3.6",
|
|
76
75
|
"@radix-ui/react-slot": "^1.2.4",
|
|
@@ -100,8 +99,8 @@
|
|
|
100
99
|
"lucide-react": "^0.474.0",
|
|
101
100
|
"react": ">=19.0.0",
|
|
102
101
|
"tailwindcss": "^4.0.0",
|
|
103
|
-
"@mastra/
|
|
104
|
-
"@mastra/
|
|
102
|
+
"@mastra/react": "0.3.0",
|
|
103
|
+
"@mastra/client-js": "^1.18.0"
|
|
105
104
|
},
|
|
106
105
|
"devDependencies": {
|
|
107
106
|
"@storybook/addon-a11y": "^10.3.6",
|
|
@@ -135,10 +134,10 @@
|
|
|
135
134
|
"vite-plugin-dts": "^4.5.4",
|
|
136
135
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
137
136
|
"vitest": "4.1.5",
|
|
138
|
-
"@internal/lint": "0.0.
|
|
139
|
-
"@mastra/
|
|
140
|
-
"@mastra/
|
|
141
|
-
"@mastra/
|
|
137
|
+
"@internal/lint": "0.0.93",
|
|
138
|
+
"@mastra/core": "1.33.0",
|
|
139
|
+
"@mastra/react": "0.3.0",
|
|
140
|
+
"@mastra/client-js": "^1.18.0"
|
|
142
141
|
},
|
|
143
142
|
"homepage": "https://mastra.ai",
|
|
144
143
|
"repository": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './threads';
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ElementType } from '../../../../node_modules/@types/react';
|
|
2
|
-
export interface ThreadsProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
}
|
|
5
|
-
export declare const Threads: ({ children }: ThreadsProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export interface ThreadLinkProps {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
as?: ElementType;
|
|
9
|
-
href?: string;
|
|
10
|
-
className?: string;
|
|
11
|
-
prefetch?: boolean;
|
|
12
|
-
to?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare const ThreadLink: ({ children, as: Component, href, className, prefetch, to }: ThreadLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export interface ThreadListProps {
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
export declare const ThreadList: ({ children }: ThreadListProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export interface ThreadItemProps {
|
|
20
|
-
children: React.ReactNode;
|
|
21
|
-
isActive?: boolean;
|
|
22
|
-
className?: string;
|
|
23
|
-
}
|
|
24
|
-
export declare const ThreadItem: ({ children, isActive, className }: ThreadItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export interface ThreadDeleteButtonProps {
|
|
26
|
-
onClick: () => void;
|
|
27
|
-
}
|
|
28
|
-
export declare const ThreadDeleteButton: ({ onClick }: ThreadDeleteButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Threads } from './threads';
|
|
3
|
-
declare const meta: Meta<typeof Threads>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Threads>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithActiveThread: Story;
|
|
8
|
-
export declare const WithDeleteButtons: Story;
|
|
9
|
-
export declare const LongThreadNames: Story;
|
|
10
|
-
export declare const EmptyThreadList: Story;
|
|
11
|
-
export declare const ManyThreads: Story;
|
|
12
|
-
export declare const WithTimestamps: Story;
|