mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-03-11 02:47:37 +03:00
fa1f9a1fa4
Some checks are pending
CI / AMD64 Build (push) Waiting to run
CI / Assemble and push default build (push) Blocked by required conditions
CI / ARM Build (push) Waiting to run
CI / Jetson Jetpack 6 (push) Waiting to run
CI / AMD64 Extra Build (push) Blocked by required conditions
CI / ARM Extra Build (push) Blocked by required conditions
CI / Synaptics Build (push) Blocked by required conditions
* Add basic chat page with entry * Add chat history * processing * Add markdown * Improvements * Adjust timing format * Reduce fields in response * More time parsing improvements * Show tool calls separately from message * Add title * Improve UI handling * Support streaming * Full streaming support * Fix tool calling * Add copy button * Improvements to UI * Improve default behavior * Implement message editing * Add sub label to event tool filtering * Cleanup * Cleanup UI and prompt * Cleanup UI bubbles * Fix loading * Add support for markdown tables * Add thumbnail images to object results * Add a starting state for chat * Clenaup
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { useApiHost } from "@/api";
|
|
|
|
type ChatEventThumbnailsRowProps = {
|
|
events: { id: string }[];
|
|
};
|
|
|
|
/**
|
|
* Horizontal scroll row of event thumbnail images for chat (e.g. after search_objects).
|
|
* Renders nothing when events is empty.
|
|
*/
|
|
export function ChatEventThumbnailsRow({
|
|
events,
|
|
}: ChatEventThumbnailsRowProps) {
|
|
const apiHost = useApiHost();
|
|
|
|
if (events.length === 0) return null;
|
|
|
|
return (
|
|
<div className="flex min-w-0 max-w-full flex-col gap-1 self-start">
|
|
<div className="scrollbar-container min-w-0 overflow-x-auto">
|
|
<div className="flex w-max gap-2">
|
|
{events.map((event) => (
|
|
<a
|
|
key={event.id}
|
|
href={`/explore?event_id=${event.id}`}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="relative aspect-square size-32 shrink-0 overflow-hidden rounded-lg"
|
|
>
|
|
<img
|
|
className="size-full object-cover"
|
|
src={`${apiHost}api/events/${event.id}/thumbnail.webp`}
|
|
alt=""
|
|
loading="lazy"
|
|
/>
|
|
</a>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|