git.djapps.eu Git - pkg/ggml/sources/llama.cpp/blob

   1 <script lang="ts">
   2         import { deriveAgenticSections, buildAssistantRawOutput } from '$lib/utils';
   3
   4         interface Props {
   5                 message: DatabaseMessage;
   6                 toolMessages?: DatabaseMessage[];
   7         }
   8
   9         let { message, toolMessages = [] }: Props = $props();
  10
  11         let rawOutputContent = $derived.by(() => {
  12                 const sections = deriveAgenticSections(message, toolMessages, [], false);
  13                 return buildAssistantRawOutput(sections);
  14         });
  15 </script>
  16
  17 <pre class="raw-output">{rawOutputContent || ''}</pre>
  18
  19 <style>
  20         .raw-output {
  21                 width: 100%;
  22                 max-width: 48rem;
  23                 margin-top: 1.5rem;
  24                 padding: 1rem 1.25rem;
  25                 border-radius: 1rem;
  26                 background: hsl(var(--muted) / 0.3);
  27                 color: var(--foreground);
  28                 font-size: 0.875rem;
  29                 line-height: 1.6;
  30                 white-space: pre-wrap;
  31                 word-break: break-word;
  32         }
  33 </style>