{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-bar",
  "title": "Status Bar",
  "description": "A horizontal bar with left and right slots for displaying contextual information above or below a text input. Pairs with PromptArea and ActionBar.",
  "registryDependencies": [],
  "files": [
    {
      "path": "packages/prompt-area/src/status-bar/status-bar.tsx",
      "content": "'use client'\n\nimport { cn } from '@/lib/utils'\nimport type { StatusBarProps } from './types'\n\n/**\n * StatusBar - A horizontal bar with left and right slots.\n *\n * Designed to sit above or below a text input (e.g., PromptArea) to\n * display contextual information. Place it as a sibling before or\n * after the input inside a shared wrapper.\n *\n * @example\n * ```tsx\n * <div className=\"rounded-lg border\">\n *   <StatusBar\n *     left={<span>prompt-area</span>}\n *     right={<span>Default</span>}\n *   />\n *   <PromptArea value={segments} onChange={setSegments} ... />\n * </div>\n * ```\n */\nexport function StatusBar({\n  left,\n  right,\n  className,\n  disabled = false,\n  'aria-label': ariaLabel,\n  'data-test-id': dataTestId,\n  ref,\n}: StatusBarProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={ariaLabel ?? 'Status bar'}\n      aria-disabled={disabled || undefined}\n      data-test-id={dataTestId}\n      className={cn(\n        'status-bar',\n        'flex items-center justify-between gap-2 px-3 py-1.5 text-xs',\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}>\n      {left && <div className=\"flex items-center gap-1.5\">{left}</div>}\n      {right && <div className=\"ml-auto flex items-center gap-1.5\">{right}</div>}\n    </div>\n  )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "packages/prompt-area/src/status-bar/types.ts",
      "content": "/**\n * StatusBar component types\n *\n * A horizontal bar with left and right slots, designed to sit\n * above or below a text input (e.g., PromptArea) to display\n * contextual information such as branch name, model selector, etc.\n */\n\n/**\n * Props for the StatusBar component.\n */\nexport type StatusBarProps = {\n  /** Content rendered on the left side of the bar */\n  left?: React.ReactNode\n  /** Content rendered on the right side of the bar */\n  right?: React.ReactNode\n  /** Additional CSS class for the root element */\n  className?: string\n  /** Whether the status bar is disabled (visually dims and disables pointer events) */\n  disabled?: boolean\n  /** Accessible label for the status bar */\n  'aria-label'?: string\n  /** data-test-id for e2e testing */\n  'data-test-id'?: string\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}