feat(mcp): подготовить сервер и доступ к приёмке

components/data-page-toolbar.tsx

@@ -0,0 +1,89 @@
+"use client"
+
+import { ReactNode } from "react"
+import { SearchIcon } from "lucide-react"
+import { cn } from "@/lib/utils"
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+} from "@/components/ui/input-group"
+import { SegmentedControl } from "@/components/form-kit"
+import { DATA_PAGE_TOOLBAR_CLASS } from "@/components/data-grids/shared/data-grid-layout"
+
+function DataPageToolbarFrame({
+  children,
+  className,
+}: {
+  children: ReactNode
+  className?: string
+}) {
+  return (
+    <div className={cn(DATA_PAGE_TOOLBAR_CLASS, className)}>
+      {children}
+    </div>
+  )
+}
+
+interface DataPageToolbarProps<T extends string = string> {
+  leading?: ReactNode
+  search?: string
+  onSearchChange?: (value: string) => void
+  searchPlaceholder?: string
+  searchLabel?: string
+  segmented?: {
+    value: T
+    onChange: (value: T) => void
+    options: { value: T; label: string; count?: number }[]
+  }
+  filterControl?: ReactNode
+  countLabel?: string
+  actions?: ReactNode
+  className?: string
+}
+
+function DataPageToolbar<T extends string = string>({
+  leading,
+  search,
+  onSearchChange,
+  searchPlaceholder = "Поиск…",
+  searchLabel,
+  segmented,
+  filterControl,
+  countLabel,
+  actions,
+  className,
+}: DataPageToolbarProps<T>) {
+  return (
+    <DataPageToolbarFrame className={className}>
+      {leading}
+      {segmented && (
+        <SegmentedControl
+          value={segmented.value}
+          onChange={segmented.onChange}
+          options={segmented.options}
+        />
+      )}
+      {filterControl}
+      {onSearchChange != null && (
+        <InputGroup className="min-w-[220px] max-w-sm">
+          <InputGroupAddon>
+            <SearchIcon className="size-3.5" />
+          </InputGroupAddon>
+          <InputGroupInput
+            aria-label={searchLabel ?? searchPlaceholder}
+            placeholder={searchPlaceholder}
+            value={search ?? ""}
+            onChange={(e) => onSearchChange(e.target.value)}
+          />
+        </InputGroup>
+      )}
+      {countLabel && (
+        <span className="text-sm text-muted-foreground ml-auto">{countLabel}</span>
+      )}
+      {actions}
+    </DataPageToolbarFrame>
+  )
+}
+
+export { DataPageToolbar, DataPageToolbarFrame, type DataPageToolbarProps }