fix(drizzle-duckdb-wasm): misc details in memory playground (#101)

This commit is contained in:
Makito
2025-03-29 23:07:17 +08:00
committed by GitHub
parent 5a63db68bb
commit c8e5501cc2
2 changed files with 15 additions and 9 deletions
@@ -46,7 +46,7 @@ const decaySlowdownPercent = computed(() => (retrievalDecaySlowdown.value * 100)
class="w-full"
:disabled="!longTermMemoryEnabled"
/>
<span class="w-10 text-right font-mono">{{ longTermMemoryEnabled }}</span>
<span class="w-10 text-right font-mono">{{ longTermMemoryThreshold }}</span>
</div>
<div class="text-xs text-neutral-500">
Retrievals needed to form stable long-term memory
@@ -22,7 +22,8 @@ const memoryStatus = computed(() => {
return {
type: 'long-term',
label: `Long-term`,
color: 'text-purple-600 dark:text-purple-400',
color: 'text-purple-500 dark:text-purple-400',
bgColor: 'bg-purple-500 dark:bg-purple-400',
}
}
else if (props.memory.retrieval_count > 0) {
@@ -31,14 +32,16 @@ const memoryStatus = computed(() => {
label: props.longTermMemoryEnabled
? `Working`
: 'Working memory',
color: 'text-blue-600 dark:text-blue-400',
color: 'text-blue-500 dark:text-blue-400',
bgColor: 'bg-blue-500 dark:bg-blue-400',
}
}
else {
return {
type: 'short-term',
label: 'Short-term',
color: 'text-red-600 dark:text-red-400',
color: 'text-red-500 dark:text-red-400',
bgColor: 'bg-red-500 dark:bg-red-400',
}
}
})
@@ -146,7 +149,7 @@ function simulateRetrieval() {
<div class="h-7 overflow-hidden rounded-lg bg-neutral-200 dark:bg-neutral-600">
<div
class="h-full max-w-full transition-all duration-500"
:class="longTermMemoryEnabled && memory.retrieval_count >= longTermMemoryThreshold ? 'bg-purple-400' : 'bg-blue-500'"
:class="longTermMemoryEnabled && memory.retrieval_count >= longTermMemoryThreshold ? 'bg-purple-500 dark:bg-purple-400' : 'bg-blue-500 dark:bg-blue-400'"
:style="`width: ${strengthPercentage}%`"
/>
</div>
@@ -164,16 +167,19 @@ function simulateRetrieval() {
</div>
<div class="h-7 overflow-hidden rounded-lg bg-neutral-200 dark:bg-neutral-600">
<div
class="h-full max-w-full bg-purple-400 transition-all duration-500"
:class="`h-full max-w-full transition-all duration-500 ${memoryStatus.bgColor}`"
:style="`width: ${ltmPercentage}%`"
/>
</div>
<div class="mt-1 flex items-center justify-between">
<span class="text-xs">Short-term</span>
<span v-if="memory.retrieval_count < longTermMemoryThreshold" class="text-sm font-medium">
{{ memory.retrieval_count }}/{{ longTermMemoryThreshold }} retrievals
<span
v-if="memory.retrieval_count < longTermMemoryThreshold"
:class="`text-xs font-medium ${memoryStatus.color}`"
>
Working ({{ memory.retrieval_count }}/{{ longTermMemoryThreshold }})
</span>
<span v-else class="text-sm text-purple-600 font-medium dark:text-purple-400">
<span v-else :class="`text-sm font-medium ${memoryStatus.color}`">
{{ Math.round(Number.parseFloat(String(memory.ltm_factor || 0)) * 100) }}% stable
</span>
<span class="text-xs">Permanent</span>