Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Claude: Show screenshots differently that general tool use in the chat log

Browse Source
This commit is contained in:
Alessandro Pignotti 2024-12-19 23:31:49 +01:00
parent a63ed1986d
commit 2fba605611
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
postcss.config.js
View File

@ -20,6 +20,8 @@ export default {
case '.fa-book-open:before':
case '.fa-brain:before':
case '.fa-user:before':
case '.fa-screwdriver-wrench:before':
case '.fa-desktop:before':
case '.fa-brands:before':
case '.fa-solid:before':
case '.fa-regular:before':

16
src/lib/AnthropicTab.svelte
View File

@ -41,6 +41,20 @@
else
return "fa-robot"
}
function getIconForTool(msg)
{
if(msg.content[0].input.action == "screenshot")
return "fa-desktop";
else
return "fa-screwdriver-wrench";
}
function getMessageForTool(msg)
{
if(msg.content[0].input.action == "screenshot")
return "Screenshot";
else
return "Use the system";
}
function isToolUse(msg)
{
if(!Array.isArray(msg.content))
@ -66,7 +80,7 @@
<div class="w-full min-h-full flex flex-col gap-2 justify-end">
{#each $messageList as msg}
{#if isToolUse(msg)}
<p class="bg-neutral-700 p-2 rounded-md italic"><i class='fas fa-screwdriver-wrench w-6 mr-2 text-center'></i>Use the system</p>
<p class="bg-neutral-700 p-2 rounded-md italic"><i class='fas {getIconForTool(msg)} w-6 mr-2 text-center'></i>{getMessageForTool(msg)}</p>
{:else if !isToolResult(msg)}
<p class="{msg.role == 'error' ? 'bg-red-900' : 'bg-neutral-700'} p-2 rounded-md"><i class='fas {getIconForMsg(msg)} w-6 mr-2 text-center'></i>{msg.content}</p>
{/if}