@mastra/playground-ui 5.0.2-alpha.3 → 5.0.2-alpha.4

package/dist/components/threads.d.ts

@@ -0,0 +1,28 @@
+import { ElementType } from '../../node_modules/@types/react';
+
+export interface ThreadsProps {
+    children: React.ReactNode;
+}
+export declare const Threads: ({ children }: ThreadsProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThreadLinkProps {
+    children: React.ReactNode;
+    as?: ElementType;
+    href?: string;
+    className?: string;
+    prefetch?: boolean;
+    to?: string;
+}
+export declare const ThreadLink: ({ children, as: Component, href, className, prefetch, to }: ThreadLinkProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThreadListProps {
+    children: React.ReactNode;
+}
+export declare const ThreadList: ({ children }: ThreadListProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThreadItemProps {
+    children: React.ReactNode;
+    isActive?: boolean;
+}
+export declare const ThreadItem: ({ children, isActive }: ThreadItemProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThreadDeleteButtonProps {
+    onClick: () => void;
+}
+export declare const ThreadDeleteButton: ({ onClick }: ThreadDeleteButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs.js

@@ -8726,6 +8726,47 @@ const DataTable = ({
   ] });
 };
 
+const Threads = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "bg-surface2 border-r-sm border-border1 min-h-full overflow-hidden", children });
+};
+const ThreadLink = ({ children, as: Component = "a", href, className, prefetch, to }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      href,
+      prefetch,
+      to,
+      className: clsx("text-ui-sm flex h-full w-full flex-col justify-center font-medium", className),
+      children
+    }
+  );
+};
+const ThreadList = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { children });
+};
+const ThreadItem = ({ children, isActive }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      className: clsx(
+        "border-b-sm border-border1 hover:bg-surface3 group flex h-[54px] items-center justify-between gap-2 px-5 py-2",
+        isActive && "bg-surface4"
+      ),
+      children
+    }
+  );
+};
+const ThreadDeleteButton = ({ onClick }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      className: "shrink-0 border-none bg-transparent opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100",
+      onClick,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-label": "delete thread", className: "text-icon3" }) })
+    }
+  );
+};
+
 const Breadcrumb = ({ children, label }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "gap-sm flex items-center", children }) });
 };
@@ -9016,6 +9057,11 @@ exports.Table = Table;
 exports.Tbody = Tbody;
 exports.Th = Th;
 exports.Thead = Thead;
+exports.ThreadDeleteButton = ThreadDeleteButton;
+exports.ThreadItem = ThreadItem;
+exports.ThreadLink = ThreadLink;
+exports.ThreadList = ThreadList;
+exports.Threads = Threads;
 exports.ToolsIcon = ToolsIcon;
 exports.TraceContext = TraceContext;
 exports.TraceIcon = TraceIcon;