@xdelivered/emberflow 0.2.0

package/src/components/agentMarkdown.tsx

@@ -0,0 +1,158 @@
+import type { ReactNode } from 'react';
+
+/**
+ * A tiny, dependency-free markdown SUBSET renderer for agent replies.
+ *
+ * Supports: **bold**, *italic*, `inline code`, fenced ``` code blocks,
+ * #/##/### headings (rendered as slightly-bolder text, NOT giant), `-` and
+ * `1.` lists (flat only), and blank-line-separated paragraphs. Anything it
+ * doesn't recognise — including malformed markers like an unclosed `**` — is
+ * passed through as literal text.
+ *
+ * Deliberately NOT a full markdown engine and NOT `dangerouslySetInnerHTML`:
+ * it returns a React element tree, so there is no HTML-injection surface. The
+ * classes reuse the AgentConsole panel's existing tokens (small type, muted
+ * foreground, the same code-block treatment as the command output <pre>s).
+ */
+
+/** Split inline text into React nodes, handling `code`, **bold**, *italic*.
+ *  Unmatched/malformed markers stay literal. Nesting is not supported (flat). */
+function parseInline(text: string, keyPrefix: string): ReactNode[] {
+  // Alternation order matters: code spans first (their content is literal),
+  // then bold (**…**) before italic (*…*) so the double-star wins.
+  const pattern = /(`[^`]+`)|(\*\*[^*]+?\*\*)|(\*[^*]+?\*)/g;
+  const nodes: ReactNode[] = [];
+  let last = 0;
+  let match: RegExpExecArray | null;
+  let i = 0;
+  while ((match = pattern.exec(text)) !== null) {
+    if (match.index > last) nodes.push(text.slice(last, match.index));
+    const token = match[0];
+    const key = `${keyPrefix}-${i++}`;
+    if (token.startsWith('`')) {
+      nodes.push(
+        <code key={key} className="rounded bg-background/60 px-1 py-0.5 font-mono text-[11px] text-foreground/90">
+          {token.slice(1, -1)}
+        </code>,
+      );
+    } else if (token.startsWith('**')) {
+      nodes.push(
+        <strong key={key} className="font-semibold text-foreground">
+          {token.slice(2, -2)}
+        </strong>,
+      );
+    } else {
+      nodes.push(
+        <em key={key} className="italic">
+          {token.slice(1, -1)}
+        </em>,
+      );
+    }
+    last = pattern.lastIndex;
+  }
+  if (last < text.length) nodes.push(text.slice(last));
+  return nodes;
+}
+
+const HEADING = /^(#{1,3})\s+(.*)$/;
+const UL_ITEM = /^[-*]\s+(.+)$/;
+const OL_ITEM = /^\d+\.\s+(.+)$/;
+
+/** Convert a markdown subset string to a flat list of block React elements. */
+export function renderAgentMarkdown(source: string): ReactNode[] {
+  const lines = source.replace(/\r\n/g, '\n').split('\n');
+  const blocks: ReactNode[] = [];
+  let key = 0;
+  let paragraph: string[] = [];
+
+  const flushParagraph = (): void => {
+    if (paragraph.length === 0) return;
+    const text = paragraph.join(' ');
+    blocks.push(
+      <p key={`p-${key++}`} className="text-[12.5px] leading-relaxed text-foreground/90">
+        {parseInline(text, `p${key}`)}
+      </p>,
+    );
+    paragraph = [];
+  };
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+
+    // Fenced code block: everything until the closing fence is literal.
+    if (/^```/.test(line.trim())) {
+      flushParagraph();
+      const body: string[] = [];
+      i++;
+      while (i < lines.length && !/^```/.test(lines[i].trim())) {
+        body.push(lines[i]);
+        i++;
+      }
+      blocks.push(
+        <pre
+          key={`code-${key++}`}
+          className="my-1 overflow-x-auto rounded border border-border/50 bg-background/40 p-2 font-mono text-[11px] leading-relaxed text-foreground/85"
+        >
+          {body.join('\n')}
+        </pre>,
+      );
+      continue;
+    }
+
+    // Blank line → paragraph boundary.
+    if (line.trim() === '') {
+      flushParagraph();
+      continue;
+    }
+
+    // Heading.
+    const heading = HEADING.exec(line);
+    if (heading) {
+      flushParagraph();
+      const level = heading[1].length;
+      const size = level === 1 ? 'text-[13.5px]' : level === 2 ? 'text-[13px]' : 'text-[12.5px]';
+      blocks.push(
+        <p key={`h-${key++}`} className={`mt-1 font-semibold text-foreground ${size}`}>
+          {parseInline(heading[2], `h${key}`)}
+        </p>,
+      );
+      continue;
+    }
+
+    // Lists: gather consecutive items of the same kind into one <ul>/<ol>.
+    if (UL_ITEM.test(line) || OL_ITEM.test(line)) {
+      flushParagraph();
+      const ordered = OL_ITEM.test(line);
+      const re = ordered ? OL_ITEM : UL_ITEM;
+      const items: string[] = [];
+      while (i < lines.length && re.test(lines[i])) {
+        items.push(re.exec(lines[i])![1]);
+        i++;
+      }
+      i--; // step back; the outer loop will advance.
+      const listKey = key++;
+      const children = items.map((item, idx) => (
+        <li key={idx} className="pl-0.5">
+          {parseInline(item, `li${listKey}-${idx}`)}
+        </li>
+      ));
+      blocks.push(
+        ordered ? (
+          <ol key={`ol-${listKey}`} className="ml-4 list-decimal space-y-0.5 text-[12.5px] leading-relaxed text-foreground/90">
+            {children}
+          </ol>
+        ) : (
+          <ul key={`ul-${listKey}`} className="ml-4 list-disc space-y-0.5 text-[12.5px] leading-relaxed text-foreground/90">
+            {children}
+          </ul>
+        ),
+      );
+      continue;
+    }
+
+    // Plain prose line → accumulate into the current paragraph.
+    paragraph.push(line);
+  }
+  flushParagraph();
+  return blocks;
+}

package/src/components/ui/badge.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import type { VariantProps } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+
+const badgeVariants = cva(
+  'inline-flex items-center justify-center rounded-sm border px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wider w-fit whitespace-nowrap shrink-0 gap-1',
+  {
+    variants: {
+      variant: {
+        default: 'border-transparent bg-secondary text-secondary-foreground',
+        highlight: 'border-transparent bg-highlight/15 text-highlight',
+        success: 'border-transparent bg-success/15 text-success',
+        destructive: 'border-transparent bg-destructive/15 text-destructive-foreground',
+        outline: 'text-muted-foreground',
+        mono: 'border-border bg-tertiary font-mono normal-case tracking-normal text-muted-foreground',
+      },
+    },
+    defaultVariants: { variant: 'default' },
+  },
+);
+
+function Badge({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>) {
+  return <span className={cn(badgeVariants({ variant }), className)} {...props} />;
+}
+
+export { Badge, badgeVariants };

package/src/components/ui/button.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import type { VariantProps } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-[13px] font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive: 'bg-destructive text-white hover:bg-destructive/90',
+        outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',
+        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-highlight underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-8 px-3 py-2',
+        sm: 'h-7 rounded-md gap-1.5 px-2.5',
+        xs: 'h-6 rounded-md gap-1 px-2 text-xs',
+        lg: 'h-10 rounded-md px-6',
+        icon: 'size-8',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'button';
+  return <Comp className={cn(buttonVariants({ variant, size, className }))} {...props} />;
+}
+
+export { Button, buttonVariants };

package/src/components/ui/combobox.tsx

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { cn } from '@/lib/utils';
+
+export interface ComboboxOption {
+  value: string;
+  label: string;
+  /** Optional group heading. Options with the same group render together. */
+  group?: string;
+}
+
+interface ComboboxProps {
+  options: ComboboxOption[];
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  searchPlaceholder?: string;
+  emptyText?: string;
+  /** Label shown for the empty-string option; omit to disallow clearing. */
+  clearLabel?: string;
+  className?: string;
+}
+
+/** Typeahead combobox: Popover + cmdk Command with text filtering. */
+export function Combobox({
+  options,
+  value,
+  onChange,
+  placeholder = 'Select…',
+  searchPlaceholder = 'Search…',
+  emptyText = 'No match.',
+  clearLabel,
+  className,
+}: ComboboxProps) {
+  const [open, setOpen] = React.useState(false);
+  const selected = options.find((o) => o.value === value);
+
+  const groups = new Map<string, ComboboxOption[]>();
+  for (const option of options) {
+    const key = option.group ?? '';
+    if (!groups.has(key)) groups.set(key, []);
+    groups.get(key)!.push(option);
+  }
+
+  const pick = (next: string) => {
+    onChange(next);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className={cn(
+            'h-8 w-full justify-between bg-input/30 px-2.5 font-normal',
+            !selected && 'text-muted-foreground',
+            className,
+          )}
+        >
+          <span className="truncate">{selected ? selected.label : placeholder}</span>
+          <ChevronsUpDownIcon className="size-3.5 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-(--radix-popover-trigger-width) min-w-56 p-0" align="start">
+        <Command>
+          <CommandInput placeholder={searchPlaceholder} />
+          <CommandList>
+            <CommandEmpty>{emptyText}</CommandEmpty>
+            {clearLabel !== undefined && (
+              <CommandGroup>
+                <CommandItem value="__clear__" onSelect={() => pick('')}>
+                  <CheckIcon className={cn('size-3.5', value === '' ? 'opacity-100' : 'opacity-0')} />
+                  <span className="text-muted-foreground">{clearLabel}</span>
+                </CommandItem>
+              </CommandGroup>
+            )}
+            {[...groups.entries()].map(([group, groupOptions]) => (
+              <CommandGroup key={group} heading={group || undefined}>
+                {groupOptions.map((option) => (
+                  <CommandItem
+                    key={option.value}
+                    value={`${option.label} ${option.value}`}
+                    onSelect={() => pick(option.value)}
+                  >
+                    <CheckIcon
+                      className={cn(
+                        'size-3.5',
+                        value === option.value ? 'opacity-100' : 'opacity-0',
+                      )}
+                    />
+                    <span className="truncate">{option.label}</span>
+                  </CommandItem>
+                ))}
+              </CommandGroup>
+            ))}
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}

package/src/components/ui/command.tsx

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { SearchIcon } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
+  return (
+    <CommandPrimitive
+      className={cn(
+        'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  return (
+    <div className="flex h-9 items-center gap-2 border-b border-border px-3">
+      <SearchIcon className="size-3.5 shrink-0 text-muted-foreground" />
+      <CommandPrimitive.Input
+        className={cn(
+          'flex h-9 w-full bg-transparent py-3 text-[13px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {
+  return (
+    <CommandPrimitive.List
+      className={cn('max-h-72 overflow-x-hidden overflow-y-auto p-1', className)}
+      {...props}
+    />
+  );
+}
+
+function CommandEmpty(props: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+  return (
+    <CommandPrimitive.Empty
+      className="py-5 text-center text-[12.5px] text-muted-foreground"
+      {...props}
+    />
+  );
+}
+
+function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Group>) {
+  return (
+    <CommandPrimitive.Group
+      className={cn(
+        'overflow-hidden text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {
+  return (
+    <CommandPrimitive.Item
+      className={cn(
+        'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-[12.5px] outline-none select-none',
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-3.5 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem };

package/src/components/ui/dialog.tsx

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogClose = DialogPrimitive.Close;
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      className={cn(
+        'fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DialogContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content>) {
+  return (
+    <DialogPrimitive.Portal>
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        className={cn(
+          'fixed top-1/2 left-1/2 z-50 flex max-h-[85vh] w-full max-w-3xl -translate-x-1/2 -translate-y-1/2 flex-col gap-3 rounded-lg border border-border bg-popover p-5 shadow-lg outline-none',
+          'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+          'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <DialogPrimitive.Close className="absolute top-4 right-4 rounded-sm text-muted-foreground opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-ring/50 focus-visible:ring-[3px]">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </DialogPrimitive.Close>
+      </DialogPrimitive.Content>
+    </DialogPrimitive.Portal>
+  );
+}
+
+function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      className={cn('text-[15px] font-semibold tracking-tight', className)}
+      {...props}
+    />
+  );
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      className={cn('text-[12.5px] text-muted-foreground', className)}
+      {...props}
+    />
+  );
+}
+
+export { Dialog, DialogTrigger, DialogClose, DialogContent, DialogTitle, DialogDescription };

package/src/components/ui/input.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
+  return (
+    <input
+      type={type}
+      className={cn(
+        'flex h-8 w-full min-w-0 rounded-md border border-input bg-input/30 px-2.5 py-1 text-[13px] text-foreground shadow-xs transition-colors outline-none',
+        'placeholder:text-muted-foreground selection:bg-highlight selection:text-highlight-foreground',
+        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Input };

package/src/components/ui/popover.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '@/lib/utils';
+
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+
+function PopoverContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          'z-50 w-72 rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-lg outline-none',
+          'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+          'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
+          className,
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  );
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/src/components/ui/resizable.tsx

@@ -0,0 +1,44 @@
+import { GripVerticalIcon } from 'lucide-react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cn } from '@/lib/utils';
+
+function ResizablePanelGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {
+  return (
+    <ResizablePrimitive.PanelGroup
+      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}
+      {...props}
+    />
+  );
+}
+
+const ResizablePanel = ResizablePrimitive.Panel;
+
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean;
+}) {
+  return (
+    <ResizablePrimitive.PanelResizeHandle
+      className={cn(
+        'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1.5 after:-translate-x-1/2 hover:bg-ring data-[resize-handle-state=drag]:bg-highlight',
+        'data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1.5 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:top-1/2',
+        className,
+      )}
+      {...props}
+    >
+      {withHandle && (
+        <div className="z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-secondary">
+          <GripVerticalIcon className="size-2.5 text-muted-foreground" />
+        </div>
+      )}
+    </ResizablePrimitive.PanelResizeHandle>
+  );
+}
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

package/src/components/ui/tabs.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '@/lib/utils';
+
+function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return <TabsPrimitive.Root className={cn('flex flex-col', className)} {...props} />;
+}
+
+function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      className={cn('inline-flex items-center gap-1 border-b border-border px-3', className)}
+      {...props}
+    />
+  );
+}
+
+function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      className={cn(
+        'inline-flex items-center gap-1.5 border-b-2 border-transparent px-3 py-2 text-[12.5px] font-medium text-muted-foreground transition-colors outline-none cursor-pointer',
+        'hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+        'data-[state=active]:border-highlight data-[state=active]:text-foreground',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return <TabsPrimitive.Content className={cn('flex-1 outline-none', className)} {...props} />;
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/config.ts

@@ -0,0 +1,4 @@
+// src/config.ts — the `emberflow` package root: what a consumer's emberflow.config imports.
+export { defineConfig } from '../server/projectConfig';
+export type { EmberflowUserConfig } from '../server/projectConfig';
+export type { NodeRegistry, NodeDefinition, NodeExecutionContext } from './engine';