Carlos Florêncio
26 lines
721 B
TypeScript
26 lines
721 B
TypeScript
"use client";
|
|
|
|
import type { ContextItem } from "@/lib/types/context";
|
|
import { ContextItemRenderer } from "./context-item-renderer";
|
|
|
|
type ContextZoneProps = {
|
|
items: ContextItem[];
|
|
sessionId?: string | null;
|
|
};
|
|
|
|
export function ContextZone({ items, sessionId }: ContextZoneProps) {
|
|
if (items.length === 0) return null;
|
|
|
|
return (
|
|
<div className="overflow-y-auto max-h-28 border-b border-border/50 shrink-0">
|
|
<div className="px-2 pt-2 pb-1 space-y-1.5">
|
|
<div className="flex items-center gap-1 flex-wrap px-0 py-0.5">
|
|
{items.map((item) => (
|
|
<ContextItemRenderer key={item.id} item={item} sessionId={sessionId} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|