adjust system prompt, add a toast component, add more questions to ask
This commit is contained in:
parent
1b2fabc50b
commit
08b56e13f3
GPG Key ID:
113DFB380F724A81
|
|
@ -0,0 +1,33 @@
|
|||
<script lang="ts">
|
||||
import { fade } from 'svelte/transition';
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
|
||||
export let message: string;
|
||||
export let type: 'info' | 'success' | 'warning' | 'error' = 'info';
|
||||
export let duration: number = 3000;
|
||||
|
||||
const dispatch = createEventDispatcher();
|
||||
|
||||
let visible = true;
|
||||
|
||||
setTimeout(() => {
|
||||
visible = false;
|
||||
dispatch('close');
|
||||
}, duration);
|
||||
</script>
|
||||
|
||||
{#if visible}
|
||||
<div class="toast toast-center z-50" transition:fade>
|
||||
<div class="alert alert-{type}">
|
||||
<span>{message}</span>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<style>
|
||||
.toast {
|
||||
position: fixed;
|
||||
bottom: 1rem;
|
||||
right: 1rem;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -6,10 +6,52 @@
|
|||
import { marked } from 'marked';
|
||||
import { HumanMessage, AIMessage } from '@langchain/core/messages';
|
||||
import { PUBLIC_LOAD_DUMMY_HISTORY } from '$env/static/public';
|
||||
import Toast from '$lib/components/Toast.svelte';
|
||||
|
||||
let searchResultsValue: SearchResult[] = [];
|
||||
let query = '';
|
||||
let loading = false;
|
||||
let showToast = false;
|
||||
let toastMessage = '';
|
||||
|
||||
type Questions = {
|
||||
[key: string]: string[];
|
||||
};
|
||||
|
||||
const QUESTIONS: Questions = {
|
||||
brewing: [
|
||||
'What is the difference between Western and Eastern styles of tea brewing?',
|
||||
'How does water temperature and steeping time affect the flavor of different types of tea?',
|
||||
'What are some traditional tea brewing methods from around the world?',
|
||||
'What is gongfu cha (功夫茶), and how does it differ from other tea preparation methods?'
|
||||
],
|
||||
varieties: [
|
||||
'What is the difference between raw and ripe pu-erh tea, and how does aging affect their taste and value?',
|
||||
'Can you explain the grading system for teas, particularly for varieties like Darjeeling and Assam?',
|
||||
'What are some rare or unusual tea varieties and what makes them unique?',
|
||||
'How do flavored teas (like Earl Grey or Jasmine) differ in production and taste from pure teas?'
|
||||
],
|
||||
history: [
|
||||
'How did tea influence global trade routes and international relations, particularly between China, Britain, and India?',
|
||||
'What role did Buddhism play in the spread of tea culture throughout Asia?',
|
||||
"How did the British East India Company's involvement in the tea trade impact both India and China?",
|
||||
'How did the Opium Wars, which were closely tied to the tea trade, alter the course of Chinese history?',
|
||||
'What role did tea play in the American Revolution, and how did this event change tea consumption patterns in America?'
|
||||
],
|
||||
culture: [
|
||||
'In what ways did tea ceremonies in different cultures (like Japan and England) reflect and shape social norms?',
|
||||
'How did the democratization of tea drinking in Europe affect social structures and daily life?',
|
||||
'How has the perception of tea as a medicinal substance evolved from ancient times to the present day?',
|
||||
'What are some of the most popular tea-related idioms and proverbs, and what do they mean?'
|
||||
],
|
||||
production: [
|
||||
'How did the processing and preparation of tea evolve over time, and what factors influenced these changes?',
|
||||
'What impact did tea plantations have on local ecosystems and labor practices in countries like India and Sri Lanka?',
|
||||
'What are the main differences in production methods between black, green, oolong, and white teas?',
|
||||
'How does the terroir (environmental factors) affect the flavor and quality of tea?'
|
||||
]
|
||||
};
|
||||
|
||||
function generateDummyHistory() {
|
||||
return [
|
||||
JSON.parse(JSON.stringify(new HumanMessage({ content: 'Hello, AI!' }))),
|
||||
|
|
@ -101,6 +143,23 @@
|
|||
console.error('Error starting new session:', error);
|
||||
}
|
||||
}
|
||||
|
||||
function copyToClipboard(text: string) {
|
||||
navigator.clipboard
|
||||
.writeText(text)
|
||||
.then(() => {
|
||||
toastMessage = 'Copied to clipboard!';
|
||||
showToast = true;
|
||||
})
|
||||
.catch((err) => {
|
||||
toastMessage = 'Failed to copy text.';
|
||||
showToast = true;
|
||||
});
|
||||
}
|
||||
|
||||
function handleToastClose() {
|
||||
showToast = false;
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
|
|
@ -166,6 +225,51 @@
|
|||
>
|
||||
New Session
|
||||
</button>
|
||||
<div class="bg-base-200 collapse collapse-plus border-primary border mt-20">
|
||||
<input type="checkbox" class="peer" />
|
||||
<div class="collapse-title bg-base-200 peer-checked:bg-base-300">
|
||||
Interesting things to ask:
|
||||
</div>
|
||||
<div class="collapse-content bg-base-200 peer-checked:bg-base-300">
|
||||
{#each Object.entries(QUESTIONS) as [category, questions]}
|
||||
<div class="mb-4">
|
||||
<h3 class="text-lg font-semibold mb-2 capitalize">{category}</h3>
|
||||
<ul class="list-disc list-inside space-y-4">
|
||||
{#each questions as item}
|
||||
<li class="flex items-center gap-2">
|
||||
<span>{item}</span>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-sm btn-outline"
|
||||
on:click={() => copyToClipboard(item)}
|
||||
title="Copy to clipboard"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-4 h-4"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if showToast}
|
||||
<Toast message={toastMessage} type="success" on:close={handleToastClose} />
|
||||
{/if}
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ export async function POST({ request, locals }: RequestEvent): Promise<Response>
|
|||
|
||||
const SYSTEM_TEMPLATE = `The following pieces of context are the book you've just read.
|
||||
You are a tea guru, and the book was "A History of Tea: The Life and Times of the World's Favorite Beverage" by Laura C. Martin.
|
||||
You might be asked questions about the book, or about tea in general. Try to augment your answer with relevant information from the book.
|
||||
You might be asked questions about the book, or about tea in general.
|
||||
If you don't know the answer, just say that you don't know, don't try to make up an answer.
|
||||
Always format your response in markdown.
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue