@swirls/looms 0.1.0 → 0.3.0

package/dist/debugger/ui/command.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../lib/cn.js';
+function Command({ className, ...props }) {
+    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn('flex size-full flex-col overflow-hidden', className), ...props }));
+}
+function CommandInput({ className, ...props }) {
+    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "border-border flex h-10 items-center gap-2 border-b px-3", children: [_jsx(Search, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": true }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn('placeholder:text-muted-foreground flex h-full w-full bg-transparent text-[13px] outline-none disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] }));
+}
+function CommandList({ className, ...props }) {
+    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn('max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto overscroll-contain p-1', className), ...props }));
+}
+function CommandEmpty({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: cn('text-muted-foreground py-8 text-center text-xs', className), ...props }));
+}
+function CommandGroup({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn('[&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:text-[11px] [&_[cmdk-group-heading]]:font-medium', className), ...props }));
+}
+function CommandItem({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn('data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-xs outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50', className), ...props }));
+}
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList };

package/dist/debugger/ui/dropdown-menu.d.ts

@@ -0,0 +1,13 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label>): React.JSX.Element;
+declare function DropdownMenuItem({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item>): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, };

package/dist/debugger/ui/dropdown-menu.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from 'lucide-react';
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../lib/cn.js';
+const itemClass = 'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-xs outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-3.5 [&_svg]:shrink-0';
+function DropdownMenu(props) {
+    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger(props) {
+    return _jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({ className, sideOffset = 6, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn('debugger-pop bg-card text-card-foreground border-border z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-40 overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg border p-1 shadow-xl shadow-black/30', className), ...props }) }));
+}
+function DropdownMenuGroup(props) {
+    return _jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuLabel({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", className: cn('text-muted-foreground px-2 pt-2 pb-1 text-[11px] font-medium', className), ...props }));
+}
+function DropdownMenuItem({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", className: cn(itemClass, className), ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn(itemClass, 'pl-7', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, {}) }) }), children] }));
+}
+function DropdownMenuRadioGroup(props) {
+    return _jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn(itemClass, 'pl-7', className), ...props, children: [_jsx("span", { className: "absolute top-2 left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, {}) }) }), children] }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, };

package/dist/debugger/ui/panel.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps, ReactNode } from 'react';
+/** Every panel header shares this height so the columns read as one surface. */
+declare function PanelHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function PanelTitle({ className, children, meta, ...props }: ComponentProps<'h2'> & {
+    meta?: ReactNode;
+}): import("react").JSX.Element;
+declare function EmptyState({ icon, title, children, className, }: {
+    icon?: ReactNode;
+    title: string;
+    children?: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+declare function Kbd({ className, ...props }: ComponentProps<'kbd'>): import("react").JSX.Element;
+export { EmptyState, Kbd, PanelHeader, PanelTitle };

package/dist/debugger/ui/panel.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/** Every panel header shares this height so the columns read as one surface. */
+function PanelHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "panel-header", className: cn('border-border flex h-10 shrink-0 items-center gap-2 border-b px-3', className), ...props }));
+}
+function PanelTitle({ className, children, meta, ...props }) {
+    return (_jsxs("h2", { "data-slot": "panel-title", className: cn('flex min-w-0 items-baseline gap-2 text-[13px] font-medium', className), ...props, children: [_jsx("span", { className: "truncate", children: children }), meta !== undefined && meta !== null ? (_jsx("span", { className: "text-muted-foreground shrink-0 font-mono text-[11px] font-normal tabular-nums", children: meta })) : null] }));
+}
+function EmptyState({ icon, title, children, className, }) {
+    return (_jsxs("div", { className: cn('flex h-full min-h-32 flex-col items-center justify-center gap-2 px-6 text-center', className), children: [icon ? (_jsx("div", { className: "text-muted-foreground/70 border-border bg-card mb-1 flex size-8 items-center justify-center rounded-lg border [&_svg]:size-4", children: icon })) : null, _jsx("p", { className: "text-foreground text-[13px] font-medium", children: title }), children ? (_jsx("p", { className: "text-muted-foreground max-w-60 text-xs leading-relaxed", children: children })) : null] }));
+}
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn('border-border bg-background/60 text-muted-foreground pointer-events-none inline-flex h-5 min-w-5 items-center justify-center rounded border px-1 font-sans text-[10px] font-medium', className), ...props }));
+}
+export { EmptyState, Kbd, PanelHeader, PanelTitle };

package/dist/debugger/ui/popover.d.ts

@@ -0,0 +1,7 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/debugger/ui/popover.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../lib/cn.js';
+function Popover(props) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger(props) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverAnchor(props) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({ className, align = 'center', sideOffset = 6, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn('debugger-pop bg-card text-card-foreground border-border z-50 w-72 rounded-lg border p-3 shadow-xl shadow-black/30 outline-none', className), ...props }) }));
+}
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/debugger/ui/resizable.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+import { Group, Panel, Separator } from 'react-resizable-panels';
+declare function ResizablePanelGroup({ className, ...props }: ComponentProps<typeof Group>): import("react").JSX.Element;
+declare function ResizablePanel(props: ComponentProps<typeof Panel>): import("react").JSX.Element;
+/** A hairline divider with a wider invisible hit area that brightens while hovered or dragged. */
+declare function ResizableHandle({ className, ...props }: ComponentProps<typeof Separator>): import("react").JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/debugger/ui/resizable.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Group, Panel, Separator } from 'react-resizable-panels';
+import { cn } from '../lib/cn.js';
+function ResizablePanelGroup({ className, ...props }) {
+    return (_jsx(Group, { "data-slot": "resizable-panel-group", className: cn('flex size-full aria-[orientation=vertical]:flex-col', className), ...props }));
+}
+function ResizablePanel(props) {
+    return _jsx(Panel, { "data-slot": "resizable-panel", ...props });
+}
+/** A hairline divider with a wider invisible hit area that brightens while hovered or dragged. */
+function ResizableHandle({ className, ...props }) {
+    return (_jsx(Separator, { "data-slot": "resizable-handle", className: cn('bg-border relative w-px shrink-0 outline-none after:absolute after:inset-y-0 after:left-1/2 after:w-2 after:-translate-x-1/2', 'data-[separator=active]:bg-ring data-[separator=focus]:bg-ring data-[separator=hover]:bg-ring/60 transition-colors duration-150', className), ...props }));
+}
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/debugger/ui/scroll-area.d.ts

@@ -1,7 +1,8 @@
 import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
 import type { ComponentProps, Ref, UIEventHandler } from 'react';
-declare function ScrollArea({ className, children, viewportRef, onViewportScroll, horizontal, ...props }: ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+declare function ScrollArea({ className, children, viewportRef, viewportClassName, onViewportScroll, horizontal, ...props }: ComponentProps<typeof ScrollAreaPrimitive.Root> & {
     viewportRef?: Ref<HTMLDivElement>;
+    viewportClassName?: string;
     onViewportScroll?: UIEventHandler<HTMLDivElement>;
     horizontal?: boolean;
 }): import("react").JSX.Element;

package/dist/debugger/ui/scroll-area.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
 import { cn } from '../lib/cn.js';
-function ScrollArea({ className, children, viewportRef, onViewportScroll, horizontal = false, ...props }) {
-    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", type: "always", className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { ref: viewportRef, "data-slot": "scroll-area-viewport", className: "size-full [scrollbar-width:none] rounded-[inherit] [&::-webkit-scrollbar]:hidden", onScroll: onViewportScroll, children: children }), _jsx(ScrollBar, {}), horizontal ? _jsx(ScrollBar, { orientation: "horizontal" }) : null, _jsx(ScrollAreaPrimitive.Corner, {})] }));
+function ScrollArea({ className, children, viewportRef, viewportClassName, onViewportScroll, horizontal = false, ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", type: "hover", scrollHideDelay: 400, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { ref: viewportRef, "data-slot": "scroll-area-viewport", className: cn(
+                // Radix wraps content in `display: table`, which lets long lines widen the viewport.
+                'size-full overscroll-contain rounded-[inherit] outline-none [&>div]:block!', viewportClassName), onScroll: onViewportScroll, children: children }), _jsx(ScrollBar, {}), horizontal ? _jsx(ScrollBar, { orientation: "horizontal" }) : null, _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }
 function ScrollBar({ className, orientation = 'vertical', ...props }) {
-    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn('flex touch-none p-px select-none', orientation === 'vertical' && 'h-full w-2 border-l border-l-transparent', orientation === 'horizontal' && 'h-2 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn('z-10 flex touch-none p-px transition-opacity duration-150 select-none data-[state=hidden]:opacity-0', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-foreground/15 hover:bg-foreground/25 relative flex-1 rounded-full transition-colors" }) }));
 }
 export { ScrollArea, ScrollBar };

package/dist/debugger/ui/select.d.ts

@@ -0,0 +1,10 @@
+import { Select as SelectPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Select(props: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger>): React.JSX.Element;
+declare function SelectContent({ className, children, position, sideOffset, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectItem({ className, children, description, ...props }: React.ComponentProps<typeof SelectPrimitive.Item> & {
+    description?: string;
+}): React.JSX.Element;
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

package/dist/debugger/ui/select.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown } from 'lucide-react';
+import { Select as SelectPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../lib/cn.js';
+function Select(props) {
+    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue(props) {
+    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", className: cn('text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring/50 data-[state=open]:bg-accent data-[state=open]:text-foreground flex h-7 items-center gap-1 rounded-md px-2 text-xs whitespace-nowrap transition-colors outline-none focus-visible:ring-[3px] disabled:opacity-50', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "size-3 opacity-60" }) })] }));
+}
+function SelectContent({ className, children, position = 'popper', sideOffset = 6, ...props }) {
+    return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { "data-slot": "select-content", position: position, sideOffset: sideOffset, className: cn('debugger-pop bg-card text-card-foreground border-border z-50 min-w-40 overflow-hidden rounded-lg border p-1 shadow-xl shadow-black/30', className), ...props, children: _jsx(SelectPrimitive.Viewport, { children: children }) }) }));
+}
+function SelectItem({ className, children, description, ...props }) {
+    return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn('focus:bg-accent relative flex cursor-default flex-col items-start rounded-sm py-1.5 pr-2 pl-7 text-xs outline-none select-none data-disabled:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute top-2 left-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-3.5" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children }), description ? (_jsx("span", { className: "text-muted-foreground text-[11px]", children: description })) : null] }));
+}
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

package/dist/debugger/ui/tabs.js

@@ -6,10 +6,10 @@ function Tabs({ className, ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('flex flex-col gap-2', className), ...props }));
 }
 function TabsList({ className, ...props }) {
-    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('bg-secondary text-muted-foreground inline-flex h-8 w-fit items-center justify-center rounded-md p-0.5', className), ...props }));
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('bg-secondary/70 text-muted-foreground inline-flex h-7 w-fit shrink-0 items-center justify-center rounded-md p-0.5', className), ...props }));
 }
 function TabsTrigger({ className, ...props }) {
-    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn('focus-visible:ring-ring/50 data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex h-7 items-center justify-center rounded-sm px-2.5 text-xs font-medium whitespace-nowrap transition-colors focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50', className), ...props }));
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn('focus-visible:ring-ring/50 hover:text-foreground data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex h-6 items-center justify-center rounded-sm px-2 text-[11px] font-medium whitespace-nowrap transition-colors focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm', className), ...props }));
 }
 function TabsContent({ className, ...props }) {
     return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn('min-h-0 flex-1 outline-none', className), ...props }));

package/dist/debugger/ui/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
+export { Textarea };

package/dist/debugger/ui/textarea.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/cn.js';
+function Textarea({ className, ...props }) {
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn('border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-[13px] leading-relaxed transition-[border-color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));
+}
+export { Textarea };

package/dist/evaluator/effects.d.ts

@@ -120,6 +120,11 @@ export declare const evaluateEffect: NoInfer<import("@swirls/looms/core").Effect
         readonly attempt: number;
         readonly deadlineAt: number | null;
     };
+}) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
+    readonly type: "runtime.fork.elided";
+    readonly payload: {
+        readonly type: string;
+    };
 }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
     readonly type: "runtime.run.cancelled";
     readonly payload: {
@@ -131,6 +136,12 @@ export declare const evaluateEffect: NoInfer<import("@swirls/looms/core").Effect
         readonly output: Schema.Json;
         readonly error: string | null;
     };
+}) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
+    readonly type: "runtime.run.forked";
+    readonly payload: {
+        readonly sourceRunId: string;
+        readonly sourceSeq: number;
+    };
 }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
     readonly type: "runtime.run.started";
     readonly payload: {
@@ -163,6 +174,7 @@ export declare const evaluateEffect: NoInfer<import("@swirls/looms/core").Effect
     readonly payload: {
         readonly threadId: string;
         readonly reason?: string | undefined;
+        readonly resumeSeq?: number | undefined;
     };
 }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
     readonly type: "runtime.thread.completed";

package/dist/evaluator/module.d.ts

@@ -155,6 +155,11 @@ export declare function evaluator(options?: EvaluatorModuleOptions): import("@sw
             readonly attempt: number;
             readonly deadlineAt: number | null;
         };
+    }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
+        readonly type: "runtime.fork.elided";
+        readonly payload: {
+            readonly type: string;
+        };
     }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
         readonly type: "runtime.run.cancelled";
         readonly payload: {
@@ -166,6 +171,12 @@ export declare function evaluator(options?: EvaluatorModuleOptions): import("@sw
             readonly output: import("effect/Schema").Json;
             readonly error: string | null;
         };
+    }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
+        readonly type: "runtime.run.forked";
+        readonly payload: {
+            readonly sourceRunId: string;
+            readonly sourceSeq: number;
+        };
     }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
         readonly type: "runtime.run.started";
         readonly payload: {
@@ -198,6 +209,7 @@ export declare function evaluator(options?: EvaluatorModuleOptions): import("@sw
         readonly payload: {
             readonly threadId: string;
             readonly reason?: string | undefined;
+            readonly resumeSeq?: number | undefined;
         };
     }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
         readonly type: "runtime.thread.completed";
@@ -438,6 +450,11 @@ export declare function evaluator(options?: EvaluatorModuleOptions): import("@sw
                 readonly attempt: number;
                 readonly deadlineAt: number | null;
             };
+        }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
+            readonly type: "runtime.fork.elided";
+            readonly payload: {
+                readonly type: string;
+            };
         }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
             readonly type: "runtime.run.cancelled";
             readonly payload: {
@@ -449,6 +466,12 @@ export declare function evaluator(options?: EvaluatorModuleOptions): import("@sw
                 readonly output: import("effect/Schema").Json;
                 readonly error: string | null;
             };
+        }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
+            readonly type: "runtime.run.forked";
+            readonly payload: {
+                readonly sourceRunId: string;
+                readonly sourceSeq: number;
+            };
         }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
             readonly type: "runtime.run.started";
             readonly payload: {
@@ -481,6 +504,7 @@ export declare function evaluator(options?: EvaluatorModuleOptions): import("@sw
             readonly payload: {
                 readonly threadId: string;
                 readonly reason?: string | undefined;
+                readonly resumeSeq?: number | undefined;
             };
         }) | (Omit<import("@swirls/looms/core").EventInput, "payload" | "type"> & {
             readonly type: "runtime.thread.completed";

package/dist/projectors/index-model.d.ts

@@ -1,6 +1,8 @@
-import type { EventEnvelope } from '@swirls/looms/core';
+import { type EventEnvelope } from '@swirls/looms/core';
 import type { Projector } from './projector';
+/** A run (`actorId === runId`) or one of its threads. Thread ids are unique within a run. */
 export interface ActorIndexRow {
+    runId: string;
     actorId: string;
     kind: string | null;
     status: string | null;
@@ -9,14 +11,15 @@ export interface ActorIndexRow {
     updatedAt: number;
 }
 export interface ReviewIndexRow {
+    runId: string;
     reviewId: string;
-    actorId: string;
     status: string;
     title: string;
     updatedAt: number;
 }
 export type IndexOp = {
     type: 'upsertActor';
+    runId: string;
     actorId: string;
     kind: string | null;
     status: string | null;
@@ -25,32 +28,35 @@ export type IndexOp = {
     updatedAt: number;
 } | {
     type: 'setActorStatus';
+    runId: string;
     actorId: string;
     status: string;
     updatedAt: number;
 } | {
     type: 'upsertReview';
+    runId: string;
     reviewId: string;
-    actorId: string;
     status: string;
     title: string;
     updatedAt: number;
 } | {
     type: 'setReviewStatus';
+    runId: string;
     reviewId: string;
     status: string;
     updatedAt: number;
 };
 export interface IndexBackend {
     applyOps: (ops: ReadonlyArray<IndexOp>) => Promise<void>;
-    getActor: (actorId: string) => Promise<ActorIndexRow | null>;
-    listReviews: (actorId?: string) => Promise<ReviewIndexRow[]>;
+    getActor: (runId: string, actorId: string) => Promise<ActorIndexRow | null>;
+    listReviews: (runId?: string) => Promise<ReviewIndexRow[]>;
     init?: () => Promise<void>;
     dispose?: () => Promise<void>;
 }
 export interface IndexProjector extends Projector {
-    getActor: (actorId: string) => Promise<ActorIndexRow | null>;
-    listReviews: (actorId?: string) => Promise<ReviewIndexRow[]>;
+    /** The run's row, or one of its threads when `actorId` is given. */
+    getActor: (runId: string, actorId?: string) => Promise<ActorIndexRow | null>;
+    listReviews: (runId?: string) => Promise<ReviewIndexRow[]>;
 }
 export declare function indexOpsFor(event: EventEnvelope): IndexOp[];
 export declare function createIndexProjector(name: string, backend: IndexBackend, version?: string): IndexProjector;

package/dist/projectors/index-model.js

@@ -1,4 +1,5 @@
 import { Predicate } from 'effect';
+import { completedRunStatus } from '@swirls/looms/core';
 function payloadObject(event) {
     if (!Predicate.isObject(event.payload)) {
         return {};
@@ -11,12 +12,15 @@ function readString(obj, key) {
 }
 export function indexOpsFor(event) {
     const payload = payloadObject(event);
+    const runId = event.runId;
+    const actorId = readString(payload, 'threadId') ?? event.threadId ?? runId;
     switch (event.type) {
         case 'runtime.run.started':
             return [
                 {
                     type: 'upsertActor',
-                    actorId: event.runId,
+                    runId,
+                    actorId: runId,
                     kind: readString(payload, 'kind') ?? null,
                     status: 'running',
                     definitionName: readString(payload, 'definitionName') ?? null,
@@ -28,7 +32,8 @@ export function indexOpsFor(event) {
             return [
                 {
                     type: 'upsertActor',
-                    actorId: readString(payload, 'threadId') ?? event.threadId ?? event.runId,
+                    runId,
+                    actorId,
                     kind: readString(payload, 'kind') ?? null,
                     status: 'running',
                     definitionName: readString(payload, 'definitionName') ?? null,
@@ -37,39 +42,28 @@ export function indexOpsFor(event) {
                 },
             ];
         case 'runtime.run.completed':
-        case 'runtime.thread.completed':
             return [
                 {
                     type: 'setActorStatus',
-                    actorId: readString(payload, 'threadId') ?? event.threadId ?? event.runId,
-                    status: 'completed',
+                    runId,
+                    actorId: runId,
+                    status: completedRunStatus(event.payload),
                     updatedAt: event.ts,
                 },
             ];
+        case 'runtime.thread.completed':
+            return [{ type: 'setActorStatus', runId, actorId, status: 'completed', updatedAt: event.ts }];
         case 'runtime.thread.failed':
-            return [
-                {
-                    type: 'setActorStatus',
-                    actorId: readString(payload, 'threadId') ?? event.threadId ?? event.runId,
-                    status: 'failed',
-                    updatedAt: event.ts,
-                },
-            ];
+            return [{ type: 'setActorStatus', runId, actorId, status: 'failed', updatedAt: event.ts }];
+        case 'runtime.run.cancelled':
         case 'runtime.thread.cancelled':
-            return [
-                {
-                    type: 'setActorStatus',
-                    actorId: readString(payload, 'threadId') ?? event.threadId ?? event.runId,
-                    status: 'cancelled',
-                    updatedAt: event.ts,
-                },
-            ];
+            return [{ type: 'setActorStatus', runId, actorId, status: 'cancelled', updatedAt: event.ts }];
         case 'approval.requested':
             return [
                 {
                     type: 'upsertReview',
+                    runId,
                     reviewId: readString(payload, 'approvalId') ?? 'unknown',
-                    actorId: event.runId,
                     status: 'pending',
                     title: readString(payload, 'title') ?? 'Approval',
                     updatedAt: event.ts,
@@ -79,8 +73,8 @@ export function indexOpsFor(event) {
             return [
                 {
                     type: 'upsertReview',
+                    runId,
                     reviewId: readString(payload, 'approvalId') ?? 'unknown',
-                    actorId: event.runId,
                     status: payload.outcome === 'reject' ? 'rejected' : 'approved',
                     title: 'Approval',
                     updatedAt: event.ts,
@@ -90,6 +84,7 @@ export function indexOpsFor(event) {
             return [
                 {
                     type: 'setReviewStatus',
+                    runId,
                     reviewId: readString(payload, 'approvalId') ?? 'unknown',
                     status: 'timed_out',
                     updatedAt: event.ts,
@@ -99,7 +94,7 @@ export function indexOpsFor(event) {
             return [];
     }
 }
-export function createIndexProjector(name, backend, version = '1') {
+export function createIndexProjector(name, backend, version = '2') {
     return {
         name,
         version,
@@ -109,7 +104,7 @@ export function createIndexProjector(name, backend, version = '1') {
             const ops = events.flatMap(indexOpsFor);
             return ops.length === 0 ? Promise.resolve() : backend.applyOps(ops);
         },
-        getActor: (actorId) => backend.getActor(actorId),
-        listReviews: (actorId) => backend.listReviews(actorId),
+        getActor: (runId, actorId) => backend.getActor(runId, actorId ?? runId),
+        listReviews: (runId) => backend.listReviews(runId),
     };
 }

package/dist/projectors/memory.js

@@ -1,9 +1,13 @@
 import { createIndexProjector, } from './index-model.js';
 import { runProjectorSync } from './projector.js';
+function rowKey(runId, id) {
+    return `${runId}\0${id}`;
+}
 function applyOp(actors, reviews, op) {
     switch (op.type) {
         case 'upsertActor':
-            actors.set(op.actorId, {
+            actors.set(rowKey(op.runId, op.actorId), {
+                runId: op.runId,
                 actorId: op.actorId,
                 kind: op.kind,
                 status: op.status,
@@ -13,8 +17,10 @@ function applyOp(actors, reviews, op) {
             });
             return;
         case 'setActorStatus': {
-            const existing = actors.get(op.actorId);
-            actors.set(op.actorId, {
+            const key = rowKey(op.runId, op.actorId);
+            const existing = actors.get(key);
+            actors.set(key, {
+                runId: op.runId,
                 actorId: op.actorId,
                 kind: existing?.kind ?? null,
                 status: op.status,
@@ -25,10 +31,11 @@ function applyOp(actors, reviews, op) {
             return;
         }
         case 'upsertReview': {
-            const existing = reviews.get(op.reviewId);
-            reviews.set(op.reviewId, {
+            const key = rowKey(op.runId, op.reviewId);
+            const existing = reviews.get(key);
+            reviews.set(key, {
+                runId: op.runId,
                 reviewId: op.reviewId,
-                actorId: op.actorId,
                 status: op.status,
                 title: existing?.title ?? op.title,
                 updatedAt: op.updatedAt,
@@ -36,9 +43,10 @@ function applyOp(actors, reviews, op) {
             return;
         }
         case 'setReviewStatus': {
-            const existing = reviews.get(op.reviewId);
+            const key = rowKey(op.runId, op.reviewId);
+            const existing = reviews.get(key);
             if (existing) {
-                reviews.set(op.reviewId, { ...existing, status: op.status, updatedAt: op.updatedAt });
+                reviews.set(key, { ...existing, status: op.status, updatedAt: op.updatedAt });
             }
             return;
         }
@@ -57,10 +65,10 @@ export function memory() {
                 applyOp(actors, reviews, op);
             }
         }),
-        getActor: (actorId) => runProjectorSync('memory', () => actors.get(actorId) ?? null),
-        listReviews: (actorId) => runProjectorSync('memory', () => {
+        getActor: (runId, actorId) => runProjectorSync('memory', () => actors.get(rowKey(runId, actorId)) ?? null),
+        listReviews: (runId) => runProjectorSync('memory', () => {
             const rows = [...reviews.values()];
-            return actorId ? rows.filter((row) => row.actorId === actorId) : rows;
+            return runId ? rows.filter((row) => row.runId === runId) : rows;
         }),
         dispose: () => runProjectorSync('memory', () => {
             actors.clear();