npm - @mastra/playground-ui - Versions diffs - 56.0.0 → 57.0.0-alpha.1 - Mend

@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

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.

Files changed (1044) hide show

package/dist/components/Tree.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.es.js","sources":["../../src/ds/components/Tree/tree-context.tsx","../../src/ds/components/Tree/tree-file.tsx","../../src/ds/components/Tree/tree-folder.tsx","../../src/ds/components/Tree/tree-folder-content.tsx","../../src/ds/components/Tree/tree-folder-trigger.tsx","../../src/ds/components/Tree/tree-icon.tsx","../../src/ds/components/Tree/tree-input.tsx","../../src/ds/components/Tree/tree-label.tsx","../../src/ds/components/Tree/tree-root.tsx","../../src/ds/components/Tree/tree.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TreeContextValue {\n selectedId?: string;\n onSelect?: (id: string) => void;\n focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue \| null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue \| null {\n return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n isFocused: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue \| null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue \| null {\n return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n id?: string;\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n const treeCtx = useTreeContext();\n const depth = useTreeDepth();\n const isSelected = id != null && treeCtx?.selectedId === id;\n\n const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n treeCtx?.focusItem?.(e.currentTarget);\n if (id != null && treeCtx?.onSelect) {\n treeCtx.onSelect(id);\n }\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if ((e.key === 'Enter' \|\| e.key === ' ') && id != null && treeCtx?.onSelect) {\n e.preventDefault();\n treeCtx.onSelect(id);\n }\n };\n\n return (\n <li\n ref={ref}\n role=\"treeitem\"\n aria-level={depth + 1}\n aria-selected={isSelected \|\| undefined}\n data-tree-item-kind=\"file\"\n data-tree-item-id={id}\n tabIndex={-1}\n className={cn(\n 'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n transitions.colors,\n 'outline-hidden hover:bg-fill-subtle focus-visible:bg-fill-subtle focus-visible:text-foreground focus-visible:outline-hidden',\n isSelected && 'bg-fill-hover text-foreground',\n className,\n )}\n // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n style={{ paddingLeft: depth * 12 + 18 }}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n >\n {children}\n </li>\n );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n id?: string;\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n const treeCtx = useTreeContext();\n const depth = useTreeDepth();\n const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n const [isFocused, setIsFocused] = React.useState(false);\n const isOpen = open ?? internalOpen;\n\n const handleOpenChange = React.useCallback(\n (nextOpen: boolean) => {\n setInternalOpen(nextOpen);\n onOpenChange?.(nextOpen);\n },\n [onOpenChange],\n );\n\n const handleFocus = React.useCallback(\n (e: React.FocusEvent<HTMLLIElement>) => {\n if (e.target !== e.currentTarget) {\n setIsFocused(false);\n return;\n }\n\n setIsFocused(true);\n treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n },\n [treeCtx],\n );\n\n const handleBlur = React.useCallback(() => {\n setIsFocused(false);\n }, []);\n\n const folderContextValue = React.useMemo(() => ({ isFocused }), [isFocused]);\n\n return (\n <li\n ref={ref}\n role=\"treeitem\"\n aria-expanded={isOpen}\n aria-level={depth + 1}\n data-tree-item-kind=\"folder\"\n data-tree-item-id={id}\n tabIndex={-1}\n className={cn('flex flex-col outline-hidden', className)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n <TreeFolderProvider value={folderContextValue}>\n <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n {children}\n </Collapsible>\n </TreeFolderProvider>\n </li>\n );\n },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n ({ className, children }, ref) => {\n const depth = useTreeDepth();\n\n return (\n <CollapsibleContent ref={ref} className={cn(className)}>\n <TreeDepthProvider depth={depth + 1}>\n <ul role=\"group\" className=\"flex flex-col\">\n {children}\n </ul>\n </TreeDepthProvider>\n </CollapsibleContent>\n );\n },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import { ChevronRight } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n className?: string;\n children: React.ReactNode;\n actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n ({ className, children, actions }, ref) => {\n const treeCtx = useTreeContext();\n const folderCtx = useTreeFolderContext();\n const depth = useTreeDepth();\n\n const focusFolderItem = React.useCallback(\n (target: HTMLElement, options?: { focus?: boolean }) => {\n const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n if (item) {\n treeCtx?.focusItem?.(item, options);\n }\n },\n [treeCtx],\n );\n\n return (\n <div\n ref={ref}\n data-tree-folder-row=\"true\"\n className={cn(\n 'group flex h-7 w-full min-w-0 items-center rounded-sm hover:bg-fill-subtle',\n transitions.colors,\n folderCtx?.isFocused && 'bg-fill-hover text-foreground',\n className,\n )}\n >\n <CollapsibleTrigger\n data-tree-folder-trigger=\"true\"\n tabIndex={-1}\n className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:ring-0 focus-visible:outline-hidden\"\n style={{ paddingLeft: depth * 12 }}\n onMouseDown={e => {\n e.preventDefault();\n focusFolderItem(e.currentTarget);\n }}\n onFocus={e => {\n focusFolderItem(e.currentTarget, { focus: false });\n }}\n >\n <ChevronRight aria-hidden=\"true\" className=\"text-muted-foreground size-3 shrink-0\" />\n {children}\n </CollapsibleTrigger>\n {actions && (\n <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n {actions}\n </span>\n )}\n </div>\n );\n },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n {children}\n </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n type: 'file' \| 'folder';\n onSubmit: (name: string) => void;\n onCancel?: () => void;\n defaultValue?: string;\n placeholder?: string;\n autoFocus?: boolean;\n className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n const depth = useTreeDepth();\n const inputRef = React.useRef<HTMLInputElement>(null);\n const submittedRef = React.useRef(false);\n\n const handleSubmit = React.useCallback(\n (value: string) => {\n if (submittedRef.current) return;\n const trimmed = value.trim();\n if (trimmed) {\n submittedRef.current = true;\n onSubmit(trimmed);\n } else {\n onCancel?.();\n }\n },\n [onSubmit, onCancel],\n );\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleSubmit(e.currentTarget.value);\n } else if (e.key === 'Escape') {\n e.preventDefault();\n onCancel?.();\n }\n },\n [handleSubmit, onCancel],\n );\n\n const handleBlur = React.useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n handleSubmit(e.currentTarget.value);\n },\n [handleSubmit],\n );\n\n const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n e.currentTarget.select();\n }, []);\n\n const Icon = type === 'folder' ? Folder : File;\n\n return (\n <li\n ref={ref}\n role=\"treeitem\"\n aria-level={depth + 1}\n data-tree-item-kind=\"input\"\n className={cn(\n 'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n transitions.colors,\n 'focus-within:bg-fill-subtle focus-within:text-foreground focus-within:outline-hidden',\n className,\n )}\n style={{ paddingLeft: depth * 12 + 18 }}\n >\n <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n <Icon className=\"text-muted-foreground\" />\n </span>\n <input\n ref={inputRef}\n type=\"text\"\n defaultValue={defaultValue}\n placeholder={placeholder}\n autoFocus={autoFocus}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n onFocus={handleFocus}\n className=\"text-foreground placeholder:text-muted-foreground text-caption min-w-0 flex-1 border-none bg-transparent outline-hidden\"\n />\n </li>\n );\n },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n <span ref={ref} className={cn('truncate text-foreground', className)}>\n {children}\n </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { useIsomorphicLayoutEffect } from '@/hooks/use-isomorphic-layout-effect';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n selectedId?: string;\n onSelect?: (id: string) => void;\n className?: string;\n children: React.ReactNode;\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T \| null) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n item => item.getAttribute('role') === 'treeitem',\n );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n for (const item of items) {\n item.tabIndex = item === focusableItem ? 0 : -1;\n }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n for (const group of groups) {\n const items = Array.from(group.children).filter(\n (child): child is HTMLElement =>\n child instanceof HTMLElement &&\n child.getAttribute('role') === 'treeitem' &&\n child.hasAttribute('data-tree-item-kind'),\n );\n\n items.forEach((item, index) => {\n item.setAttribute('aria-posinset', String(index + 1));\n item.setAttribute('aria-setsize', String(items.length));\n });\n }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string \| undefined): HTMLElement \| null {\n if (!selectedId) return null;\n return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement \| null {\n const activeElement = root.ownerDocument.activeElement;\n if (!(activeElement instanceof HTMLElement) \|\| !root.contains(activeElement)) return null;\n\n const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget \| null): HTMLElement \| null {\n if (!(target instanceof HTMLElement) \|\| !root.contains(target)) return null;\n const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n const items = getTreeItems(root);\n if (!items.includes(item)) return;\n\n setTabStops(items, item);\n if (options.focus !== false) {\n item.focus();\n }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string \| undefined) {\n const items = getTreeItems(root);\n syncTreeItemSetMetadata(root);\n\n const firstItem = items[0];\n if (!firstItem) return;\n\n const activeItem = getActiveTreeItem(root, items);\n const selectedItem = findSelectedItem(items, selectedId);\n setTabStops(items, activeItem ?? selectedItem ?? firstItem);\n}\n\nfunction isEditableTarget(target: EventTarget \| null): boolean {\n if (!(target instanceof HTMLElement)) return false;\n if (target.dataset.treeFolderTrigger === 'true') return false;\n if (target.isContentEditable) return true;\n\n return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement \| null {\n return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement \| null {\n const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n const trigger = getFolderTrigger(item);\n if (trigger) {\n trigger.click();\n } else {\n item.click();\n }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n ({ selectedId, onSelect, className, children }, ref) => {\n const rootRef = React.useRef<HTMLUListElement \| null>(null);\n\n const handleRootRef = React.useCallback(\n (node: HTMLUListElement \| null) => {\n rootRef.current = node;\n assignRef(ref, node);\n },\n [ref],\n );\n\n const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n const root = rootRef.current;\n if (!root) return;\n focusTreeItem(root, item, options);\n }, []);\n\n const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n if (event.defaultPrevented \|\| isEditableTarget(event.target)) return;\n\n const root = rootRef.current;\n if (!root) return;\n\n const items = getTreeItems(root);\n const currentItem =\n getClosestTreeItem(root, event.target) ??\n getActiveTreeItem(root, items) ??\n items.find(item => item.tabIndex === 0);\n if (!currentItem) return;\n\n const currentIndex = items.indexOf(currentItem);\n if (currentIndex < 0) return;\n\n let nextItem: HTMLElement \| null = null;\n let handled = true;\n\n switch (event.key) {\n case 'ArrowDown':\n nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n break;\n case 'ArrowUp':\n nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n break;\n case 'Home':\n nextItem = items[0] ?? null;\n break;\n case 'End':\n nextItem = items[items.length - 1] ?? null;\n break;\n case 'ArrowRight': {\n const trigger = getFolderTrigger(currentItem);\n if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n trigger.click();\n nextItem = currentItem;\n } else {\n nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n }\n break;\n }\n case 'ArrowLeft': {\n const trigger = getFolderTrigger(currentItem);\n if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n trigger.click();\n nextItem = currentItem;\n } else {\n nextItem = getParentTreeItem(currentItem);\n }\n break;\n }\n case 'Enter':\n case ' ':\n case 'Spacebar':\n activateTreeItem(currentItem);\n nextItem = currentItem;\n break;\n default:\n handled = false;\n }\n\n if (!handled) return;\n\n event.preventDefault();\n event.stopPropagation();\n\n if (nextItem) {\n focusTreeItem(root, nextItem);\n }\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n syncTreeTabStops(root, selectedId);\n }, [children, selectedId]);\n\n React.useEffect(() => {\n const root = rootRef.current;\n if (!root \|\| typeof MutationObserver === 'undefined') return;\n\n const observer = new MutationObserver(() => {\n syncTreeTabStops(root, selectedId);\n });\n observer.observe(root, { childList: true, subtree: true });\n\n return () => {\n observer.disconnect();\n };\n }, [selectedId]);\n\n const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n return (\n <TreeProvider value={contextValue}>\n <TreeDepthProvider depth={0}>\n <ul\n ref={handleRootRef}\n role=\"tree\"\n className={cn('flex flex-col text-caption', className)}\n onKeyDown={handleKeyDown}\n >\n {children}\n </ul>\n </TreeDepthProvider>\n </TreeProvider>\n );\n },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n Folder: TreeFolder,\n FolderTrigger: TreeFolderTrigger,\n FolderContent: TreeFolderContent,\n File: TreeFile,\n Icon: TreeIcon,\n Label: TreeLabel,\n Input: TreeInput,\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Tree.es.js","sources":["../../src/ds/components/Tree/tree-context.tsx","../../src/ds/components/Tree/tree-file.tsx","../../src/ds/components/Tree/tree-folder.tsx","../../src/ds/components/Tree/tree-folder-content.tsx","../../src/ds/components/Tree/tree-folder-trigger.tsx","../../src/ds/components/Tree/tree-icon.tsx","../../src/ds/components/Tree/tree-input.tsx","../../src/ds/components/Tree/tree-label.tsx","../../src/ds/components/Tree/tree-root.tsx","../../src/ds/components/Tree/tree.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TreeContextValue {\n selectedId?: string;\n onSelect?: (id: string) => void;\n focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue \| null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue \| null {\n return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n isFocused: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue \| null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue \| null {\n return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n id?: string;\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n const treeCtx = useTreeContext();\n const depth = useTreeDepth();\n const isSelected = id != null && treeCtx?.selectedId === id;\n\n const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n treeCtx?.focusItem?.(e.currentTarget);\n if (id != null && treeCtx?.onSelect) {\n treeCtx.onSelect(id);\n }\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if ((e.key === 'Enter' \|\| e.key === ' ') && id != null && treeCtx?.onSelect) {\n e.preventDefault();\n treeCtx.onSelect(id);\n }\n };\n\n return (\n <li\n ref={ref}\n role=\"treeitem\"\n aria-level={depth + 1}\n aria-selected={isSelected \|\| undefined}\n data-tree-item-kind=\"file\"\n data-tree-item-id={id}\n tabIndex={-1}\n className={cn(\n 'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n transitions.colors,\n 'outline-hidden hover:bg-fill-subtle focus-visible:bg-fill-subtle focus-visible:text-foreground focus-visible:outline-hidden',\n isSelected && 'bg-fill-hover text-foreground',\n className,\n )}\n // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n style={{ paddingLeft: depth * 12 + 18 }}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n >\n {children}\n </li>\n );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n id?: string;\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n const treeCtx = useTreeContext();\n const depth = useTreeDepth();\n const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n const [isFocused, setIsFocused] = React.useState(false);\n const isOpen = open ?? internalOpen;\n\n const handleOpenChange = React.useCallback(\n (nextOpen: boolean) => {\n setInternalOpen(nextOpen);\n onOpenChange?.(nextOpen);\n },\n [onOpenChange],\n );\n\n const handleFocus = React.useCallback(\n (e: React.FocusEvent<HTMLLIElement>) => {\n if (e.target !== e.currentTarget) {\n setIsFocused(false);\n return;\n }\n\n setIsFocused(true);\n treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n },\n [treeCtx],\n );\n\n const handleBlur = React.useCallback(() => {\n setIsFocused(false);\n }, []);\n\n const folderContextValue = React.useMemo(() => ({ isFocused }), [isFocused]);\n\n return (\n <li\n ref={ref}\n role=\"treeitem\"\n aria-expanded={isOpen}\n aria-level={depth + 1}\n data-tree-item-kind=\"folder\"\n data-tree-item-id={id}\n tabIndex={-1}\n className={cn('flex flex-col outline-hidden', className)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n <TreeFolderProvider value={folderContextValue}>\n <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n {children}\n </Collapsible>\n </TreeFolderProvider>\n </li>\n );\n },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n ({ className, children }, ref) => {\n const depth = useTreeDepth();\n\n return (\n <CollapsibleContent ref={ref} className={cn(className)}>\n <TreeDepthProvider depth={depth + 1}>\n <ul role=\"group\" className=\"flex flex-col\">\n {children}\n </ul>\n </TreeDepthProvider>\n </CollapsibleContent>\n );\n },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import { ChevronRight } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n className?: string;\n children: React.ReactNode;\n actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n ({ className, children, actions }, ref) => {\n const treeCtx = useTreeContext();\n const folderCtx = useTreeFolderContext();\n const depth = useTreeDepth();\n\n const focusFolderItem = React.useCallback(\n (target: HTMLElement, options?: { focus?: boolean }) => {\n const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n if (item) {\n treeCtx?.focusItem?.(item, options);\n }\n },\n [treeCtx],\n );\n\n return (\n <div\n ref={ref}\n data-tree-folder-row=\"true\"\n className={cn(\n 'group flex h-7 w-full min-w-0 items-center rounded-sm hover:bg-fill-subtle',\n transitions.colors,\n folderCtx?.isFocused && 'bg-fill-hover text-foreground',\n className,\n )}\n >\n <CollapsibleTrigger\n data-tree-folder-trigger=\"true\"\n tabIndex={-1}\n className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:ring-0 focus-visible:outline-hidden\"\n style={{ paddingLeft: depth * 12 }}\n onMouseDown={e => {\n e.preventDefault();\n focusFolderItem(e.currentTarget);\n }}\n onFocus={e => {\n focusFolderItem(e.currentTarget, { focus: false });\n }}\n >\n <ChevronRight aria-hidden=\"true\" className=\"size-3 shrink-0 text-muted-foreground\" />\n {children}\n </CollapsibleTrigger>\n {actions && (\n <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n {actions}\n </span>\n )}\n </div>\n );\n },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n {children}\n </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n type: 'file' \| 'folder';\n onSubmit: (name: string) => void;\n onCancel?: () => void;\n defaultValue?: string;\n placeholder?: string;\n autoFocus?: boolean;\n className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n const depth = useTreeDepth();\n const inputRef = React.useRef<HTMLInputElement>(null);\n const submittedRef = React.useRef(false);\n\n const handleSubmit = React.useCallback(\n (value: string) => {\n if (submittedRef.current) return;\n const trimmed = value.trim();\n if (trimmed) {\n submittedRef.current = true;\n onSubmit(trimmed);\n } else {\n onCancel?.();\n }\n },\n [onSubmit, onCancel],\n );\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleSubmit(e.currentTarget.value);\n } else if (e.key === 'Escape') {\n e.preventDefault();\n onCancel?.();\n }\n },\n [handleSubmit, onCancel],\n );\n\n const handleBlur = React.useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n handleSubmit(e.currentTarget.value);\n },\n [handleSubmit],\n );\n\n const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n e.currentTarget.select();\n }, []);\n\n const Icon = type === 'folder' ? Folder : File;\n\n return (\n <li\n ref={ref}\n role=\"treeitem\"\n aria-level={depth + 1}\n data-tree-item-kind=\"input\"\n className={cn(\n 'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n transitions.colors,\n 'focus-within:bg-fill-subtle focus-within:text-foreground focus-within:outline-hidden',\n className,\n )}\n style={{ paddingLeft: depth * 12 + 18 }}\n >\n <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n <Icon className=\"text-muted-foreground\" />\n </span>\n <input\n ref={inputRef}\n type=\"text\"\n defaultValue={defaultValue}\n placeholder={placeholder}\n autoFocus={autoFocus}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n onFocus={handleFocus}\n className=\"min-w-0 flex-1 border-none bg-transparent text-caption text-foreground outline-hidden placeholder:text-muted-foreground\"\n />\n </li>\n );\n },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n <span ref={ref} className={cn('truncate text-foreground', className)}>\n {children}\n </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { useIsomorphicLayoutEffect } from '@/hooks/use-isomorphic-layout-effect';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n selectedId?: string;\n onSelect?: (id: string) => void;\n className?: string;\n children: React.ReactNode;\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T \| null) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n item => item.getAttribute('role') === 'treeitem',\n );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n for (const item of items) {\n item.tabIndex = item === focusableItem ? 0 : -1;\n }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n for (const group of groups) {\n const items = Array.from(group.children).filter(\n (child): child is HTMLElement =>\n child instanceof HTMLElement &&\n child.getAttribute('role') === 'treeitem' &&\n child.hasAttribute('data-tree-item-kind'),\n );\n\n items.forEach((item, index) => {\n item.setAttribute('aria-posinset', String(index + 1));\n item.setAttribute('aria-setsize', String(items.length));\n });\n }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string \| undefined): HTMLElement \| null {\n if (!selectedId) return null;\n return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement \| null {\n const activeElement = root.ownerDocument.activeElement;\n if (!(activeElement instanceof HTMLElement) \|\| !root.contains(activeElement)) return null;\n\n const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget \| null): HTMLElement \| null {\n if (!(target instanceof HTMLElement) \|\| !root.contains(target)) return null;\n const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n const items = getTreeItems(root);\n if (!items.includes(item)) return;\n\n setTabStops(items, item);\n if (options.focus !== false) {\n item.focus();\n }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string \| undefined) {\n const items = getTreeItems(root);\n syncTreeItemSetMetadata(root);\n\n const firstItem = items[0];\n if (!firstItem) return;\n\n const activeItem = getActiveTreeItem(root, items);\n const selectedItem = findSelectedItem(items, selectedId);\n setTabStops(items, activeItem ?? selectedItem ?? firstItem);\n}\n\nfunction isEditableTarget(target: EventTarget \| null): boolean {\n if (!(target instanceof HTMLElement)) return false;\n if (target.dataset.treeFolderTrigger === 'true') return false;\n if (target.isContentEditable) return true;\n\n return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement \| null {\n return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement \| null {\n const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n const trigger = getFolderTrigger(item);\n if (trigger) {\n trigger.click();\n } else {\n item.click();\n }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n ({ selectedId, onSelect, className, children }, ref) => {\n const rootRef = React.useRef<HTMLUListElement \| null>(null);\n\n const handleRootRef = React.useCallback(\n (node: HTMLUListElement \| null) => {\n rootRef.current = node;\n assignRef(ref, node);\n },\n [ref],\n );\n\n const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n const root = rootRef.current;\n if (!root) return;\n focusTreeItem(root, item, options);\n }, []);\n\n const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n if (event.defaultPrevented \|\| isEditableTarget(event.target)) return;\n\n const root = rootRef.current;\n if (!root) return;\n\n const items = getTreeItems(root);\n const currentItem =\n getClosestTreeItem(root, event.target) ??\n getActiveTreeItem(root, items) ??\n items.find(item => item.tabIndex === 0);\n if (!currentItem) return;\n\n const currentIndex = items.indexOf(currentItem);\n if (currentIndex < 0) return;\n\n let nextItem: HTMLElement \| null = null;\n let handled = true;\n\n switch (event.key) {\n case 'ArrowDown':\n nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n break;\n case 'ArrowUp':\n nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n break;\n case 'Home':\n nextItem = items[0] ?? null;\n break;\n case 'End':\n nextItem = items[items.length - 1] ?? null;\n break;\n case 'ArrowRight': {\n const trigger = getFolderTrigger(currentItem);\n if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n trigger.click();\n nextItem = currentItem;\n } else {\n nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n }\n break;\n }\n case 'ArrowLeft': {\n const trigger = getFolderTrigger(currentItem);\n if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n trigger.click();\n nextItem = currentItem;\n } else {\n nextItem = getParentTreeItem(currentItem);\n }\n break;\n }\n case 'Enter':\n case ' ':\n case 'Spacebar':\n activateTreeItem(currentItem);\n nextItem = currentItem;\n break;\n default:\n handled = false;\n }\n\n if (!handled) return;\n\n event.preventDefault();\n event.stopPropagation();\n\n if (nextItem) {\n focusTreeItem(root, nextItem);\n }\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n syncTreeTabStops(root, selectedId);\n }, [children, selectedId]);\n\n React.useEffect(() => {\n const root = rootRef.current;\n if (!root \|\| typeof MutationObserver === 'undefined') return;\n\n const observer = new MutationObserver(() => {\n syncTreeTabStops(root, selectedId);\n });\n observer.observe(root, { childList: true, subtree: true });\n\n return () => {\n observer.disconnect();\n };\n }, [selectedId]);\n\n const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n return (\n <TreeProvider value={contextValue}>\n <TreeDepthProvider depth={0}>\n <ul\n ref={handleRootRef}\n role=\"tree\"\n className={cn('flex flex-col text-caption', className)}\n onKeyDown={handleKeyDown}\n >\n {children}\n </ul>\n </TreeDepthProvider>\n </TreeProvider>\n );\n },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n Folder: TreeFolder,\n FolderTrigger: TreeFolderTrigger,\n FolderContent: TreeFolderContent,\n File: TreeFile,\n Icon: TreeIcon,\n Label: TreeLabel,\n Input: TreeInput,\n});\n"],"names":[],"mappings":"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"}

package/dist/components/Truncate.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-BbDBpBMl.cjs');
+const copyButton = require('../copy-button-C5dMlWsW.cjs');
 const tooltip = require('../tooltip-FvWL16Xn.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');

package/dist/components/Truncate.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-2cwdZ3dW.js';
+import { C as CopyButton } from '../copy-button-C6RswD_D.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-BrDiP0RI.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';
 import { c as cn } from '../cn-65Adrsfj.js';

package/dist/components/Workflow.cjs.js CHANGED Viewed

@@ -10,24 +10,24 @@ const Txt = require('../Txt-B4-2nLaI.cjs');
 const utils_duration = require('../utils/duration.cjs.js');
 const code = require('../code-DhrdtZce.cjs');
 const utils_formatting = require('../utils/formatting.cjs.js');
-const copyButton = require('../copy-button-BbDBpBMl.cjs');
+const copyButton = require('../copy-button-C5dMlWsW.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const activity = require('../activity-BYMLNb0G.cjs');
-const collapsible = require('../collapsible-BvrI6XnN.cjs');
+const collapsible = require('../collapsible-BFSJouuI.cjs');
 const shimmer = require('../shimmer-DbSkqomT.cjs');
 const langJavascript = require('@codemirror/lang-javascript');
 const langJson = require('@codemirror/lang-json');
 const view = require('@codemirror/view');
 const ReactCodeMirror = require('@uiw/react-codemirror');
-const codeEditor = require('../code-editor-DgY7d8kg.cjs');
-const Button = require('../Button-CVewl8nT.cjs');
-const dialog = require('../dialog-Dm33cZqt.cjs');
+const codeEditor = require('../code-editor-Ce1FXyFV.cjs');
+const Button = require('../Button-C0DBEBcJ.cjs');
+const dialog = require('../dialog-Cyj59QsZ.cjs');
 const react = require('@xyflow/react');
 const slider = require('../slider-C-Fda4HC.cjs');
 require('@xyflow/react/dist/style.css');
 const skeleton = require('../skeleton-cXUjPrq9.cjs');
-const dropdownMenu = require('../dropdown-menu-DNRCA4Gj.cjs');
+const dropdownMenu = require('../dropdown-menu-j2y37TL5.cjs');
 const WorkflowCanvasInsetContext = React.createContext(0);
 function workflowFitOptions(leftInset, isInline = false) {
@@ -291,12 +291,12 @@ function WorkflowConditionCardView({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `${primitives_raisedSurface.raisedSurfaceStyle} has-focus-visible:outline-accent3 w-[274px] overflow-hidden rounded-xl p-0.5 has-focus-visible:outline-2 has-focus-visible:outline-offset-4`,
+      className: `${primitives_raisedSurface.raisedSurfaceStyle} w-[274px] overflow-hidden rounded-xl p-0.5 has-focus-visible:outline-2 has-focus-visible:outline-offset-4 has-focus-visible:outline-accent3`,
       "data-workflow-node": true,
       "data-testid": "workflow-condition-node",
       "data-workflow-step-status": previousDisplayStatus ?? "idle",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-meta text-muted-foreground flex h-[46px] items-center gap-2 px-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[46px] items-center gap-2 px-2.5 text-meta text-muted-foreground", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: type === "else" ? "neutral" : "yellow", emphasis: "muted", icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true }), children: label }),
           hasExpression && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: "Expression" }),
@@ -309,13 +309,13 @@ function WorkflowConditionCardView({
             role: "region",
             "aria-label": "Condition details",
             tabIndex: 0,
-            className: `${surfaceClasses} text-foreground nodrag nopan nowheel max-h-[220px] overflow-auto p-3.5 [&_pre]:leading-relaxed [&_pre]:whitespace-pre-wrap`,
+            className: `${surfaceClasses} nodrag nopan nowheel max-h-[220px] overflow-auto p-3.5 text-foreground [&_pre]:leading-relaxed [&_pre]:whitespace-pre-wrap`,
             children: sources.map(({ condition, expression, key }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               condition.conj && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "neutral", children: condition.conj.toUpperCase() }),
               condition.fnString !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(WorkflowConditionSource, { source: condition.fnString }) : /* @__PURE__ */ jsxRuntime.jsx(code.Code, { code: expression })
             ] }, key))
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${surfaceClasses} text-muted-foreground p-3`, children: type === "else" ? "When no other branch matches" : "Condition expression unavailable" }),
+        ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${surfaceClasses} p-3 text-muted-foreground`, children: type === "else" ? "When no other branch matches" : "Condition expression unavailable" }),
         actionBar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nodrag nopan flex justify-end px-2.5 py-1.5 empty:hidden", children: actionBar })
       ]
     }
@@ -356,13 +356,13 @@ function DialHand({ angle, length }) {
       y1: DIAL_CENTER,
       x2: tip.x,
       y2: tip.y,
-      className: "stroke-muted-foreground stroke-[1.5]",
+      className: "stroke-1.5 stroke-muted-foreground",
       strokeLinecap: "round"
     }
   );
 }
 function DialFace({ tickAngles, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block size-28 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 116 116", fill: "none", className: "block size-full overflow-visible", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block size-28 shrink-0 text-muted-foreground", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 116 116", fill: "none", className: "block size-full overflow-visible", children: [
     tickAngles.map((angle, index) => /* @__PURE__ */ jsxRuntime.jsx(DialTick, { angle, major: index % 5 === 0 }, angle)),
     children
   ] }) });
@@ -387,12 +387,12 @@ function DurationDial({ amount, unit }) {
         strokeLinecap: "round"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: DIAL_CENTER, y: 94, textAnchor: "middle", className: "fill-muted-foreground text-meta font-body", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("text", { x: DIAL_CENTER, y: 94, textAnchor: "middle", className: "fill-muted-foreground font-body text-meta", children: [
       scale,
       " ",
       unit
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: DIAL_CENTER, y: 106, textAnchor: "middle", className: "fill-placeholder text-meta font-body", children: "scale" })
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: DIAL_CENTER, y: 106, textAnchor: "middle", className: "fill-placeholder font-body text-meta", children: "scale" })
   ] });
 }
@@ -409,11 +409,11 @@ function TimingReading({
   caption,
   dial
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground mt-1 flex min-h-[108px] items-center justify-between gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-1 flex min-h-[108px] items-center justify-between gap-1 text-foreground", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "z-10 flex min-w-0 flex-col gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-display flex items-baseline gap-1 leading-none tracking-tighter whitespace-nowrap tabular-nums", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-baseline gap-1 text-display leading-none tracking-tighter whitespace-nowrap tabular-nums", children: [
         value,
-        /* @__PURE__ */ jsxRuntime.jsx("small", { className: "text-meta text-muted-foreground tracking-normal", children: unit })
+        /* @__PURE__ */ jsxRuntime.jsx("small", { className: "text-meta tracking-normal text-muted-foreground", children: unit })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: captionClasses, children: caption })
     ] }),
@@ -517,7 +517,7 @@ function WorkflowStepCardView(props) {
     {
       className: utils_cn.cn(
         "relative isolate w-[274px]",
-        isBodyExpanded && "w-[688px]",
+        isBodyExpanded && "w-172",
         isStacked && "pb-3 before:absolute before:inset-x-1.5 before:top-2 before:bottom-1.5 before:-z-10 before:rounded-xl before:border before:border-border before:bg-card after:absolute after:inset-x-3 after:top-3.5 after:bottom-0 after:-z-20 after:rounded-xl after:border after:border-border after:bg-card"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -559,15 +559,15 @@ function WorkflowStepCardView(props) {
                   "aria-pressed": onSelect ? Boolean(isSelected) : void 0,
                   onClick: onSelect,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "group-hover:bg-fill-subtle flex items-start justify-between gap-2.5 rounded-(--card-radius) px-3.5 py-3", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-column text-foreground min-w-0 wrap-anywhere", title: label, children: /* @__PURE__ */ jsxRuntime.jsx(shimmer.Shimmer, { active: isRunning, children: label }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-start justify-between gap-2.5 rounded-(--card-radius) px-3.5 py-3 group-hover:bg-fill-subtle", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 text-column wrap-anywhere text-foreground", title: label, children: /* @__PURE__ */ jsxRuntime.jsx(shimmer.Shimmer, { active: isRunning, children: label }) }),
                       /* @__PURE__ */ jsxRuntime.jsx(WorkflowTypeBadge, { ...props })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bg-card flex flex-col gap-2 rounded-t-(--card-radius) px-3.5 py-3 empty:py-1.5", children: [
-                      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground wrap-anywhere", children: description }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col gap-2 rounded-t-(--card-radius) bg-card px-3.5 py-3 empty:py-1.5", children: [
+                      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption wrap-anywhere text-muted-foreground", children: description }),
                       /* @__PURE__ */ jsxRuntime.jsx(WorkflowTiming, { duration: props.duration, date: props.date }),
                       isWaiting && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-accent3", children: "Next step in debug" }),
-                      isForEach && foreachProgress && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta flex flex-col gap-2 py-1", children: [
+                      isForEach && foreachProgress && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col gap-2 py-1 text-meta", children: [
                         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                           /* @__PURE__ */ jsxRuntime.jsx("strong", { children: foreachProgress.completedCount }),
                           " of ",
@@ -577,7 +577,7 @@ function WorkflowStepCardView(props) {
                         foreachProgress.totalCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
                           "progress",
                           {
-                            className: "bg-muted accent-positive1 [&::-moz-progress-bar]:bg-positive1 [&::-webkit-progress-bar]:bg-muted [&::-webkit-progress-value]:bg-positive1 h-1 w-full appearance-none border-0",
+                            className: "h-1 w-full appearance-none border-0 bg-muted accent-positive1 [&::-moz-progress-bar]:bg-positive1 [&::-webkit-progress-bar]:bg-muted [&::-webkit-progress-value]:bg-positive1",
                             "aria-label": `${label} completed items`,
                             value: foreachProgress.completedCount,
                             max: foreachProgress.totalCount
@@ -617,7 +617,7 @@ function WorkflowStepCardView(props) {
                   {
                     className: utils_cn.cn(
                       primitives_raisedSurface.surfaceStateLayerStyle,
-                      "nodrag nopan border-border bg-card text-caption flex min-h-11 w-full items-center justify-between border-t px-3.5 py-2.5 focus-visible:shadow-none focus-visible:ring-0"
+                      "nodrag nopan flex min-h-11 w-full items-center justify-between border-t border-border bg-card px-3.5 py-2.5 text-caption focus-visible:shadow-none focus-visible:ring-0"
                     ),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -629,7 +629,7 @@ function WorkflowStepCardView(props) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "border-border h-[620px] overflow-hidden border-t border-dashed", children: body })
+                /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "h-155 overflow-hidden border-t border-dashed border-border", children: body })
               ] })
             ] }),
             hasActivity && /* @__PURE__ */ jsxRuntime.jsx(
@@ -673,8 +673,8 @@ const WorkflowCodeContent = ({
   if (typeof data !== "string") {
     const content = JSON.stringify(data, null, 2);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-auto", style: { maxHeight: 500 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted absolute top-2 right-2 z-10 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted rounded-lg p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ReactCodeMirror, { value: content, theme, extensions: [langJson.jsonLanguage, view.EditorView.lineWrapping] }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 z-10 rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ReactCodeMirror, { value: content, theme, extensions: [langJson.jsonLanguage, view.EditorView.lineWrapping] }) })
     ] });
   }
   const extensions = getExtensions(data);
@@ -685,8 +685,8 @@ const WorkflowCodeContent = ({
   } catch {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-auto", style: { maxHeight: 500 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted absolute top-2 right-2 z-10 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: data }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted rounded-lg p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ReactCodeMirror, { value: displayContent, theme, extensions }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 z-10 rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: data }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ReactCodeMirror, { value: displayContent, theme, extensions }) })
   ] });
 };
@@ -714,7 +714,7 @@ const WorkflowEdgeDataButton = ({
         className: utils_cn.cn(
           primitives_raisedSurface.raisedSurfaceStyle,
           primitives_raisedSurface.surfaceStateLayerStyle,
-          "text-foreground aria-pressed:before:bg-fill h-7 rounded-lg px-2"
+          "h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill"
         ),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "text-accent1" }),
         children: "Data"
@@ -722,7 +722,7 @@ const WorkflowEdgeDataButton = ({
     ),
     /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "w-full max-w-3xl", children: [
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: "Step output" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { className: "overflow-auto", style: { maxHeight: 700 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-background min-w-0 rounded-lg border p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { className: "overflow-auto", style: { maxHeight: 700 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 rounded-lg border border-border bg-background p-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "ink", className: "mb-2 block", children: dataLabel }),
         /* @__PURE__ */ jsxRuntime.jsx(WorkflowCodeContent, { data: output })
       ] }) })
@@ -845,9 +845,9 @@ function WorkflowGraphGroups({ nodes, groups }) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "border-muted-foreground/25 bg-muted-foreground/3 absolute rounded-xl border border-dashed",
+            className: "absolute rounded-xl border border-dashed border-muted-foreground/25 bg-muted-foreground/3",
             style: { transform: `translate(${left}px, ${top}px)`, width: right - left, height: bottom - top },
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-meta text-muted-foreground flex items-center gap-2 px-5 py-4", children: [
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-5 py-4 text-meta text-muted-foreground", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "blue", emphasis: "muted", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitFork, { "aria-hidden": true }), children: group.label }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: group.description })
             ] })
@@ -1065,12 +1065,12 @@ function WorkflowDebugControls({
   const nextStepFallback = canRunNextStep ? "Ready to advance" : "Next step unavailable";
   const actionsDisabled = !canRunNextStep || isStreaming || disabled;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3", "data-testid": "workflow-debug-step-controls", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/50 bg-background rounded-xl border p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border/50 bg-background p-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex flex-wrap items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "Next step" }),
         /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "sm", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, {}), emphasis: "muted", children: "Step by step" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-subheading text-foreground break-words", "aria-live": "polite", children: nextStepLabel || nextStepFallback })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-subheading break-words text-foreground", "aria-live": "polite", children: nextStepLabel || nextStepFallback })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(