@mastra/playground-ui 16.0.1 → 16.1.0

package/dist/src/domains/agents/components/{agent-table/agent-table.d.ts → agent-list/agent-list.d.ts}

@@ -1,8 +1,8 @@
 import { GetAgentResponse } from '@mastra/client-js';
-export interface AgentsTableProps {
+export interface AgentListProps {
     agents: Record<string, GetAgentResponse>;
     isLoading: boolean;
     error?: Error | null;
     onCreateClick?: () => void;
 }
-export declare function AgentsTable({ agents, isLoading, error, onCreateClick }: AgentsTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentList({ agents, isLoading, error, onCreateClick }: AgentListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-list/no-agents-info.d.ts

@@ -0,0 +1,4 @@
+export interface NoAgentsInfoProps {
+    onCreateClick?: () => void;
+}
+export declare const NoAgentsInfo: ({ onCreateClick }: NoAgentsInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/provider-map-icon.d.ts

@@ -1,6 +1,7 @@
 export declare const providerMapToIcon: {
     'openai.chat': import("react/jsx-runtime").JSX.Element;
     'openai.responses': import("react/jsx-runtime").JSX.Element;
+    openai: import("react/jsx-runtime").JSX.Element;
     'anthropic.chat': import("react/jsx-runtime").JSX.Element;
     'anthropic.messages': import("react/jsx-runtime").JSX.Element;
     AZURE: import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/hooks/use-agents.d.ts

@@ -1,5 +1,7 @@
 import { ReorderModelListParams, UpdateModelInModelListParams, UpdateModelParams } from '@mastra/client-js';
-export declare const useAgents: () => import('@tanstack/react-query').UseQueryResult<Record<string, import('@mastra/client-js').GetAgentResponse>, Error>;
+export declare const useAgents: () => import('@tanstack/react-query').UseQueryResult<{
+    [k: string]: import('@mastra/client-js').GetAgentResponse;
+}, Error>;
 export declare const useUpdateAgentModel: (agentId: string) => import('@tanstack/react-query').UseMutationResult<{
     message: string;
 }, Error, UpdateModelParams, unknown>;

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

@@ -1,7 +1,7 @@
 export * from './components/agent-chat';
 export * from './context';
 export * from './components/agent-settings';
-export * from './components/agent-table/agent-table';
+export * from './components/agent-list/agent-list';
 export * from './components/request-context';
 export * from './components/provider-map-icon';
 export * from './components/agent-metadata';

package/dist/src/domains/datasets/components/datasets-list/datasets-list.d.ts

@@ -0,0 +1,8 @@
+import { DatasetRecord } from '@mastra/client-js';
+export interface DatasetsListProps {
+    datasets: DatasetRecord[];
+    isLoading: boolean;
+    error?: Error | null;
+    onCreateClick?: () => void;
+}
+export declare function DatasetsList({ datasets, isLoading, onCreateClick, error }: DatasetsListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/datasets/components/datasets-list/no-datasets-info.d.ts

@@ -0,0 +1,4 @@
+export interface NoDatasetInfoProps {
+    onCreateClick?: () => void;
+}
+export declare const NoDatasetInfo: ({ onCreateClick }: NoDatasetInfoProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,14 +13,14 @@ export * from './utils/json-validation';
 export * from './hooks/use-item-selection';
 export * from './utils/csv-export';
 export * from './utils/json-export';
-export { DatasetsTable } from './components/datasets-table/datasets-table';
+export { DatasetsList } from './components/datasets-list/datasets-list';
 export { CreateDatasetDialog } from './components/create-dataset-dialog';
 export { CreateDatasetFromItemsDialog } from './components/create-dataset-from-items-dialog';
 export { AddItemsToDatasetDialog } from './components/add-items-to-dataset-dialog';
 export { DuplicateDatasetDialog } from './components/duplicate-dataset-dialog';
 export { EditDatasetDialog } from './components/edit-dataset-dialog';
 export { DeleteDatasetDialog } from './components/delete-dataset-dialog';
-export { EmptyDatasetsTable } from './components/empty-datasets-table';
+export { NoDatasetInfo } from './components/datasets-list/no-datasets-info';
 export { DatasetCombobox } from './components/dataset-combobox';
 export type { DatasetComboboxProps } from './components/dataset-combobox';
 export { DatasetPageContent } from './components/dataset-detail/dataset-page-content';

package/dist/src/domains/experiments/hooks/use-experiment-trace.d.ts

@@ -9,16 +9,25 @@ export declare const useExperimentTrace: (traceId: string | null | undefined) =>
         startedAt: Date;
         traceId: string;
         spanId: string;
+        experimentId?: string | null | undefined;
         attributes?: Record<string, unknown> | null | undefined;
         links?: unknown[] | null | undefined;
         input?: unknown;
         output?: unknown;
         error?: unknown;
-        requestContext?: Record<string, unknown> | null | undefined;
         endedAt?: Date | null | undefined;
+        requestContext?: Record<string, unknown> | null | undefined;
+        metadata?: Record<string, unknown> | null | undefined;
+        tags?: string[] | null | undefined;
         entityType?: import('@mastra/core/observability').EntityType | null | undefined;
         entityId?: string | null | undefined;
         entityName?: string | null | undefined;
+        parentEntityType?: import('@mastra/core/observability').EntityType | null | undefined;
+        parentEntityId?: string | null | undefined;
+        parentEntityName?: string | null | undefined;
+        rootEntityType?: import('@mastra/core/observability').EntityType | null | undefined;
+        rootEntityId?: string | null | undefined;
+        rootEntityName?: string | null | undefined;
         userId?: string | null | undefined;
         organizationId?: string | null | undefined;
         resourceId?: string | null | undefined;
@@ -30,8 +39,6 @@ export declare const useExperimentTrace: (traceId: string | null | undefined) =>
         source?: string | null | undefined;
         serviceName?: string | null | undefined;
         scope?: Record<string, unknown> | null | undefined;
-        metadata?: Record<string, unknown> | null | undefined;
-        tags?: string[] | null | undefined;
         parentSpanId?: string | null | undefined;
     }[];
 }, Error>;

package/dist/src/domains/mcps/components/mcp-server-list/mcp-server-list.d.ts

@@ -0,0 +1,7 @@
+import { McpServerListResponse } from '@mastra/client-js';
+export interface MCPServerListProps {
+    mcpServers: McpServerListResponse['servers'];
+    isLoading: boolean;
+    error?: Error | null;
+}
+export declare function MCPServerList({ mcpServers, isLoading, error }: MCPServerListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/mcps/components/mcp-server-list/no-mcp-servers-info.d.ts

@@ -0,0 +1 @@
+export declare const NoMCPServersInfo: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-export * from './components/mcp-table/mcp-table';
+export * from './components/mcp-server-list/mcp-server-list';
 export * from './hooks/index';
 export * from './components/MCPToolPanel';
 export * from './components/MCPDetail';

package/dist/src/domains/observability/components/traces-list.d.ts

@@ -1,13 +1,18 @@
-import { SpanRecord } from '@mastra/core/storage';
 export declare const tracesListColumns: {
     name: string;
     label: string;
     size: string;
 }[];
-type Trace = Pick<SpanRecord, 'traceId' | 'name' | 'entityType' | 'entityId' | 'entityName'> & {
+type Trace = {
+    traceId: string;
+    name: string;
+    entityType?: string | null;
+    entityId?: string | null;
+    entityName?: string | null;
     attributes?: Record<string, any> | null;
     input?: unknown;
     createdAt: Date | string;
+    threadId?: string | null;
 };
 type TracesListProps = {
     selectedTraceId?: string;
@@ -18,7 +23,9 @@ type TracesListProps = {
     filtersApplied?: boolean;
     isFetchingNextPage?: boolean;
     hasNextPage?: boolean;
+    groupByThread?: boolean;
+    threadTitles?: Record<string, string>;
     columns?: typeof tracesListColumns;
 };
-export declare function TracesList({ traces, selectedTraceId, onTraceClick, errorMsg, setEndOfListElement, filtersApplied, isFetchingNextPage, hasNextPage, columns, }: TracesListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TracesList({ traces, selectedTraceId, onTraceClick, errorMsg, setEndOfListElement, filtersApplied, isFetchingNextPage, hasNextPage, groupByThread, threadTitles, columns, }: TracesListProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/domains/observability/components/traces-tools.d.ts

@@ -21,6 +21,8 @@ type TracesToolsProps = {
     onReset?: () => void;
     onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;
     isLoading?: boolean;
+    groupByThread?: boolean;
+    onGroupByThreadChange?: (value: boolean) => void;
 };
-export declare function TracesTools({ onEntityChange, onReset, selectedEntity, entityOptions, onDateChange, selectedDateFrom, selectedDateTo, isLoading, }: TracesToolsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesTools({ onEntityChange, onReset, selectedEntity, entityOptions, onDateChange, selectedDateFrom, selectedDateTo, isLoading, groupByThread, onGroupByThreadChange, }: TracesToolsProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 export * from './utils/format-hierarchical-spans';
+export * from './utils/group-traces-by-thread';
 export * from './types';
 export * from './components';
 export * from './context/tracing-settings-context';

package/dist/src/domains/observability/utils/__tests__/group-traces-by-thread.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/domains/observability/utils/group-traces-by-thread.d.ts

@@ -0,0 +1,20 @@
+/** Minimal trace shape required by groupTracesByThread */
+export type GroupableTrace = {
+    threadId?: string | null;
+    createdAt: Date | string;
+};
+export type ThreadGroup<T extends GroupableTrace = GroupableTrace> = {
+    threadId: string;
+    traces: T[];
+};
+export type GroupedTraces<T extends GroupableTrace = GroupableTrace> = {
+    groups: ThreadGroup<T>[];
+    ungrouped: T[];
+};
+/**
+ * Groups traces by their threadId field.
+ * Traces without a threadId are placed in the `ungrouped` bucket.
+ * Groups are ordered by the most recent trace's createdAt (descending).
+ * Within each group, traces maintain their original order.
+ */
+export declare function groupTracesByThread<T extends GroupableTrace>(traces: T[]): GroupedTraces<T>;

package/dist/src/domains/processors/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './processor-table';
+export * from './processor-list/processor-list';
 export * from './processor-panel';
 export * from './processor-combobox';

package/dist/src/domains/processors/components/processor-list/no-processors-info.d.ts

@@ -0,0 +1 @@
+export declare const NoProcessorsInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/processors/components/processor-list/processor-list.d.ts

@@ -0,0 +1,7 @@
+import { ProcessorInfo } from '../../hooks/use-processors';
+export interface ProcessorListProps {
+    processors: Record<string, ProcessorInfo>;
+    isLoading: boolean;
+    error?: Error | null;
+}
+export declare function ProcessorList({ processors, isLoading, error }: ProcessorListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/prompt-blocks/components/prompt-block-list/no-prompt-blocks-info.d.ts

@@ -0,0 +1 @@
+export declare const NoPromptBlocksInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/prompt-blocks/components/prompt-block-list/prompt-blocks-list.d.ts

@@ -0,0 +1,6 @@
+import { StoredPromptBlockResponse } from '@mastra/client-js';
+export interface PromptBlockListProps {
+    promptBlocks: StoredPromptBlockResponse[];
+    isLoading: boolean;
+}
+export declare function PromptBlockList({ promptBlocks, isLoading }: PromptBlockListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/prompt-blocks/index.d.ts

@@ -1,5 +1,5 @@
 export { PromptBlockCreateContent } from './components/prompt-block-create-content';
-export { PromptBlocksTable, type PromptBlocksTableProps } from './components/prompt-blocks-table/prompt-blocks-table';
+export { PromptBlockList, type PromptBlockListProps } from './components/prompt-block-list/prompt-blocks-list';
 export { PromptBlockVersionCombobox, type PromptBlockVersionComboboxProps, } from './components/prompt-block-version-combobox';
 export { PromptBlockEditSidebar } from './components/prompt-block-edit-page/prompt-block-edit-sidebar';
 export { PromptBlockEditMain } from './components/prompt-block-edit-page/prompt-block-edit-main';

package/dist/src/domains/scores/components/scorers-list/no-scorers-info.d.ts

@@ -0,0 +1 @@
+export declare const NoScorersInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/scores/components/scorers-list/scorers-list.d.ts

@@ -0,0 +1,7 @@
+import { GetScorerResponse } from '@mastra/client-js';
+export interface ScorersListProps {
+    scorers: Record<string, GetScorerResponse>;
+    isLoading: boolean;
+    error?: Error | null;
+}
+export declare function ScorersList({ scorers, isLoading, error }: ScorersListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ export * from './components/score-dialog';
 export * from './components/score-as-item-dialog';
 export * from './components/scores-tools';
 export * from './components/scorer-combobox';
-export * from './components/scorers-table/scorers-table';
+export * from './components/scorers-list/scorers-list';
 export * from './components/scorer-edit-page';
 export * from './components/scorer-create-content';
 export * from './hooks/use-trace-span-scores';

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

@@ -1,4 +1,3 @@
-export * from './templates-tools';
 export * from './templates-list';
 export * from './template-info';
 export * from './template-form';

package/dist/src/domains/templates/templates-list.d.ts

@@ -12,11 +12,11 @@ type Template = {
     mcp?: string[];
     supportedProviders: string[];
 };
-type TemplatesListProps = {
+export type TemplatesListProps = {
     templates: Template[];
-    linkComponent?: React.ElementType;
-    className?: string;
+    tags: string[];
+    providers: string[];
     isLoading?: boolean;
 };
-export declare function TemplatesList({ templates, linkComponent, className, isLoading }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TemplatesList({ templates, tags, providers, isLoading }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/tool-providers/components/index.d.ts

@@ -1,4 +1,4 @@
 export { IntegrationToolsSection } from './integration-tools-section';
 export { ToolProviderDialog } from './tool-provider-dialog';
 export { ToolkitList } from './toolkit-list';
-export { ToolList } from './tool-list';
+export { ProviderToolList } from './provider-tool-list';

package/dist/src/domains/tool-providers/components/{tool-list.d.ts → provider-tool-list.d.ts}

@@ -4,5 +4,5 @@ interface ToolListProps {
     selectedIds?: Set<string>;
     onToggle?: (id: string, description: string) => void;
 }
-export declare function ToolList({ providerId, toolkit, selectedIds, onToggle }: ToolListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProviderToolList({ providerId, toolkit, selectedIds, onToggle }: ToolListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/tools/components/tool-list/no-tools-info.d.ts

@@ -0,0 +1 @@
+export declare const NoToolsInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/tools/components/{tool-table/tool-table.d.ts → tool-list/tool-list.d.ts}

@@ -1,8 +1,8 @@
 import { GetAgentResponse, GetToolResponse } from '@mastra/client-js';
-export interface ToolTableProps {
+export interface ToolListProps {
     tools: Record<string, GetToolResponse>;
     agents: Record<string, GetAgentResponse>;
     isLoading: boolean;
     error?: Error | null;
 }
-export declare function ToolTable({ tools, agents, isLoading, error }: ToolTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolList({ tools, agents, isLoading, error }: ToolListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
-export * from './components/tool-table/tool-table';
+export * from './components/tool-list/tool-list';
 export * from './components';
 export * from './hooks';

package/dist/src/domains/workflows/components/workflow-list/no-workflow-info.d.ts

@@ -0,0 +1 @@
+export declare const NoWorkflowInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/components/workflow-list/workflow-list.d.ts

@@ -0,0 +1,7 @@
+import { GetWorkflowResponse } from '@mastra/client-js';
+export interface WorkflowListProps {
+    workflows: Record<string, GetWorkflowResponse>;
+    isLoading: boolean;
+    error?: Error | null;
+}
+export declare function WorkflowList({ workflows, isLoading, error }: WorkflowListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,7 @@ export * from './workflow/workflow-graph';
 export * from './workflow/workflow-trigger';
 export * from './context/use-current-run';
 export * from './runs/workflow-run-details';
-export * from './components/workflow-table/workflow-table';
+export * from './components/workflow-list/workflow-list';
 export * from './components/workflow-information';
 export * from './components/workflow-combobox';
 export * from './utils';

package/dist/src/ds/components/EmptyState/EmptyState.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export type EmptyStateProps = {
-    iconSlot: React.ReactNode;
+    iconSlot?: React.ReactNode;
     titleSlot: React.ReactNode;
     descriptionSlot?: React.ReactNode;
     actionSlot?: React.ReactNode;

package/dist/src/ds/components/ErrorState/ErrorState.d.ts

@@ -0,0 +1,5 @@
+export type ErrorStateProps = {
+    title: string;
+    message: string;
+};
+export declare function ErrorState({ title, message }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ErrorState/error-state.stories.d.ts

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

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

@@ -0,0 +1,2 @@
+export { ErrorState } from './ErrorState';
+export type { ErrorStateProps } from './ErrorState';

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

@@ -14,5 +14,6 @@ export type SearchFieldBlockProps = {
     errorMsg?: string;
     size?: 'small' | 'default';
     layout?: 'horizontal' | 'vertical';
+    className?: string;
 };
-export declare function SearchFieldBlock({ name, helpText, errorMsg, required, disabled, size, value, label, labelIsHidden, layout, placeholder, onChange, onReset, }: SearchFieldBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchFieldBlock({ name, helpText, errorMsg, required, disabled, size, value, label, labelIsHidden, layout, placeholder, onChange, onReset, className, }: SearchFieldBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ItemList/item-list-cell.d.ts

@@ -1,5 +1,6 @@
-export type ItemListTextCellProps = {
+export type ItemListCellProps = {
     children: React.ReactNode;
     className?: string;
+    style?: React.CSSProperties;
 };
-export declare function ItemListCell({ children, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemListCell({ children, className, style }: ItemListCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ItemList/item-list-row.d.ts

@@ -3,5 +3,6 @@ export type ItemListRowProps = {
     isSelected?: boolean;
     children?: React.ReactNode;
     columns?: ItemListColumn[];
+    className?: string;
 };
-export declare function ItemListRow({ isSelected, children, columns }: ItemListRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemListRow({ isSelected, children, columns, className }: ItemListRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ItemList/item-list-text-cell.d.ts

@@ -1,6 +1,5 @@
 export type ItemListTextCellProps = {
     children: React.ReactNode;
-    isLoading?: boolean;
     className?: string;
 };
-export declare function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemListTextCell({ children, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/src/ds/components/ListSearch/list-search.d.ts

@@ -0,0 +1,7 @@
+export type ListSearchProps = {
+    onSearch: (search: string) => void;
+    label: string;
+    placeholder: string;
+    debounceMs?: number;
+};
+export declare const ListSearch: ({ onSearch, label, placeholder, debounceMs }: ListSearchProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/src/ds/components/PageContent/page-content-main.d.ts

@@ -0,0 +1,5 @@
+export declare function PageContentMain({ children, className, as: Component, }: {
+    children: React.ReactNode;
+    className?: string;
+    as?: 'main' | 'div';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/PageContent/page-content-root.d.ts

@@ -0,0 +1,4 @@
+export declare function PageContentRoot({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/PageContent/page-content-top-bar.d.ts

@@ -0,0 +1,4 @@
+export declare function PageContentTopBar({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/PageContent/page-content.d.ts

@@ -0,0 +1,7 @@
+import { PageContentRoot } from './page-content-root';
+import { PageContentTopBar } from './page-content-top-bar';
+import { PageContentMain } from './page-content-main';
+export declare const PageContent: typeof PageContentRoot & {
+    TopBar: typeof PageContentTopBar;
+    Main: typeof PageContentMain;
+};

package/dist/src/index.d.ts

@@ -17,6 +17,7 @@ export * from './ds/components/Breadcrumb/index';
 export * from './ds/components/Button/index';
 export * from './ds/components/CodeEditor/index';
 export * from './ds/components/EmptyState/index';
+export * from './ds/components/ErrorState/index';
 export * from './ds/components/Entity/index';
 export * from './ds/components/PermissionDenied';
 export * from './ds/components/Header/index';
@@ -40,6 +41,7 @@ export * from './ds/components/Popover';
 export * from './ds/components/RadioGroup';
 export * from './ds/components/ScrollArea';
 export * from './ds/components/Searchbar';
+export * from './ds/components/ListSearch';
 export * from './ds/components/Select';
 export * from './ds/components/Skeleton';
 export * from './ds/components/Slider';
@@ -59,6 +61,7 @@ export * from './ds/components/JSONSchemaForm';
 export * from './ds/components/KeyValueList';
 export * from './ds/components/MainSidebar';
 export * from './ds/components/Notification';
+export * from './ds/components/PageContent';
 export * from './ds/components/PageHeader';
 export * from './ds/components/Section';
 export * from './ds/components/SelectElement';