Files
GenAIExamples/AgentQnA/ui/svelte/src/lib/components/content.svelte
WenjiaoYue 3a9a24a51a Agent ui (#1389)
Signed-off-by: WenjiaoYue <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>
Co-authored-by: WenjiaoYue <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>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
2025-01-16 18:47:46 +08:00

34 lines
793 B
Svelte

<!--
Copyright (C) 2025 Intel Corporation
SPDX-License-Identifier: Apache-2.0
-->
<script lang="ts">
import Chat from "$lib/components/chat/chat.svelte";
import History from "$lib/components/chat/history.svelte";
let selectedContent = "";
let currentChatID = ''
</script>
<div class="flex h-full w-full">
<div
class="carousel carousel-vertical w-0 overflow-auto sm:w-0 xl:mr-4 sm:w-1/6 border-r border-gray-500"
>
<div class="h-full rounded-2xl my-4">
<div class="flex items-center justify-between px-4">
<History bind:currentChatID />
</div>
</div>
</div>
<div
class="mx-auto h-full w-full rounded-lg xl:px-6 sm:px-0 md:w-5/6"
>
{#key currentChatID}
<Chat bind:chatId={currentChatID} bind:selectedContent={selectedContent} />
{/key}
</div>
</div>